@charset "UTF-8";.ps-wrap{margin-top:8px;display:flex;flex-direction:column;gap:6px}.ps-header{display:flex;justify-content:space-between;font-size:12px;color:#8c8c8c}.ps-bar-bg{height:5px;background:#e3d9cc;border-radius:99px;overflow:hidden}.ps-bar{height:100%;border-radius:99px;transition:width .3s ease,background .3s ease}.ps-checks{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}.ps-check{font-size:11.5px;color:#b5a48e;display:flex;align-items:center;gap:4px}.ps-check.pass{color:#16a34a}.ps-check svg{flex-shrink:0}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#faf7ee;padding:24px}.auth-card{background:#fff;border-radius:16px;padding:40px 36px;width:100%;max-width:420px;box-shadow:0 8px 40px #3d220021;border:1px solid rgba(200,146,26,.14)}.auth-logo{display:flex;align-items:center;margin-bottom:28px}.auth-logo-img{height:56px;width:auto;object-fit:contain}.auth-title{font-size:22px;font-weight:700;color:#3d2200;margin-bottom:4px}.auth-subtitle{font-size:14px;color:#8c8c8c;margin-bottom:24px}.auth-alert{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;padding:10px 14px;font-size:13.5px;margin-bottom:18px}.auth-success{background:#fffbeb;border:1px solid rgba(200,146,26,.35);color:#3d2200;border-radius:8px;padding:10px 14px;font-size:13.5px;margin-bottom:18px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field label{font-size:13.5px;font-weight:600;color:#3d2200}.auth-field input{padding:10px 14px;border:1.5px solid #e3d9cc;border-radius:8px;font-size:14px;color:#3d2200;background:#faf7ee;transition:border-color .15s,box-shadow .15s;outline:none;width:100%}.auth-field input::placeholder{color:#b5a48e}.auth-field input:focus{border-color:#c8921a;box-shadow:0 0 0 3px #c8921a24;background:#fff}.auth-field--error input,.auth-field--error select{border-color:#ef4444;background:#fff8f8}.auth-field--error input:focus,.auth-field--error select:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.auth-field-msg{font-size:12px;color:#ef4444;margin-top:1px}.auth-field select{padding:10px 36px 10px 14px;border:1.5px solid #e3d9cc;border-radius:8px;font-size:14px;color:#3d2200;background:#faf7ee;outline:none;width:100%;font-family:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238C8C8C' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.auth-field select:focus{border-color:#c8921a;box-shadow:0 0 0 3px #c8921a24;background-color:#fff}.auth-field select option[value=""]{color:#b5a48e}.auth-btn{margin-top:4px;padding:12px;background:#c8921a;color:#fff;border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.4px;box-shadow:0 4px 14px #c8921a61;transition:background .15s,transform .1s}.auth-btn:hover:not(:disabled){background:#5c3010;transform:translateY(-1px)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:22px;font-size:13.5px;color:#8c8c8c}.auth-footer a{color:#c8921a;font-weight:700}.auth-footer a:hover{color:#5c3010;text-decoration:underline}.auth-forgot-wrap{text-align:right;margin-top:-8px}.auth-link-btn{background:none;border:none;padding:0;cursor:pointer;font-size:13px;color:#c8921a;font-weight:600;transition:color .15s}.auth-link-btn:hover{color:#5c3010;text-decoration:underline}.auth-disclaimer{margin-top:20px;padding-top:16px;border-top:1px solid #f0e8d8;font-size:11.5px;color:#b5a48e;text-align:center;line-height:1.5}.pwd-field-wrap{position:relative;display:block}.pwd-field-wrap input{width:100%;padding-right:44px!important}.pwd-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:2px;cursor:pointer;color:#8c8c8c;display:flex;align-items:center;transition:color .15s}.pwd-eye-btn:hover{color:#c8921a}.pwd-strength{margin-top:8px;display:flex;flex-direction:column;gap:6px}.pwd-strength-header{display:flex;justify-content:space-between;font-size:12px;color:#8c8c8c}.pwd-strength-bar-bg{height:5px;background:#e3d9cc;border-radius:99px;overflow:hidden}.pwd-strength-bar{height:100%;border-radius:99px;transition:width .3s ease,background .3s ease}.pwd-checks{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}.pwd-check{font-size:11.5px;color:#b5a48e;display:flex;align-items:center;gap:4px}.pwd-check.passed{color:#16a34a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a1a008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{position:relative;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:14px;right:14px;background:none;border:none;font-size:18px;color:#8d7355;cursor:pointer;line-height:1;padding:4px 8px;border-radius:6px;transition:background .15s,color .15s}.modal-close:hover{background:#faf7ee;color:#3a1a00}.navbar{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 12px #3d22001a}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;gap:32px}.navbar-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.navbar-logo-img{height:44px;width:auto;object-fit:contain}.navbar-links{display:flex;list-style:none;gap:4px;margin:0;flex:1;justify-content:center}.navbar-link{padding:6px 14px;border-radius:6px;font-size:14px;font-weight:500;color:#3d2200;text-decoration:none;transition:background .15s,color .15s}.navbar-link:hover{background:#faf7ee;color:#c8921a}.navbar-link.active{background:#faf7ee;color:#c8921a;font-weight:700}.navbar-auth{display:flex;align-items:center;gap:10px;flex-shrink:0}.navbar-welcome{font-size:13px;color:#8c8c8c;white-space:nowrap;display:flex;align-items:center;gap:6px}.navbar-welcome strong{color:#3d2200;font-weight:600}.navbar-role-badge{display:inline-block;padding:1px 7px;border-radius:10px;background:#3d2200;color:#c8921a;font-size:10px;font-weight:700;text-transform:capitalize;letter-spacing:.3px;vertical-align:middle}.navbar-login-btn{padding:8px 22px;border:2px solid #C8921A;border-radius:50px;background:transparent;color:#c8921a;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.navbar-login-btn:hover{background:#c8921a;color:#fff}.navbar-signup-btn{padding:8px 22px;background:#c8921a;border-radius:50px;color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s}.navbar-signup-btn:hover{background:#5c3010}.navbar-user{display:flex;align-items:center;gap:10px}.navbar-user-name{font-size:14px;font-weight:600;color:#3d2200}.navbar-admin-btn{padding:6px 14px;background:#3d2200;color:#c8921a;border-radius:50px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s}.navbar-admin-btn:hover{background:#5c3010}.navbar-logout-btn{padding:6px 14px;border:1.5px solid #e3d9cc;border-radius:50px;background:transparent;color:#8c8c8c;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.navbar-logout-btn:hover{border-color:#c8921a;color:#c8921a}.navbar-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:8px;cursor:pointer;margin-left:auto;border-radius:8px;transition:background .15s}.navbar-hamburger:hover{background:#faf7ee}.navbar-hamburger span{display:block;width:22px;height:2px;background:#3d2200;border-radius:2px;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s ease;transform-origin:center}.navbar-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:98;background:#3d220059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:mbOverlayIn .28s ease}@keyframes mbOverlayIn{0%{opacity:0}to{opacity:1}}.navbar-mobile{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:82vw;background:#fff;border-left:2px solid rgba(200,146,26,.25);box-shadow:-16px 0 60px #3d220038;padding:88px 24px 36px;display:flex;flex-direction:column;z-index:99;animation:mbDrawerIn .32s cubic-bezier(.4,0,.2,1);overflow-y:auto}@keyframes mbDrawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes mbItemIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.navbar-mobile:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#c8921a,#5c3010)}.navbar-mobile-nav-section{display:flex;flex-direction:column;gap:2px}.navbar-mobile-link{position:relative;padding:13px 16px 13px 20px;border-radius:10px;font-size:15px;font-weight:600;color:#3d2200;text-decoration:none;background:none;border:none;text-align:left;cursor:pointer;transition:background .18s,color .18s,padding-left .18s;width:100%;letter-spacing:.2px}.navbar-mobile-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:60%;background:#c8921a;border-radius:0 3px 3px 0;transition:transform .18s cubic-bezier(.4,0,.2,1)}.navbar-mobile-link:hover,.navbar-mobile-link.active{background:#faf7ee;color:#c8921a;padding-left:26px}.navbar-mobile-link:hover:before,.navbar-mobile-link.active:before{transform:translateY(-50%) scaleY(1)}.navbar-mobile-divider{height:1px;background:#f0e8d8;margin:16px 0}.navbar-mobile-auth{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:8px}.navbar-mobile-login-btn{padding:13px 20px;background:#c8921a;border:none;border-radius:50px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;text-align:center;width:100%;box-shadow:0 4px 16px #c8921a61;transition:background .15s,transform .12s;letter-spacing:.3px}.navbar-mobile-login-btn:hover{background:#5c3010;transform:translateY(-1px)}.navbar-mobile-logout-btn{padding:11px 20px;background:transparent;border:1.5px solid #e3d9cc;border-radius:50px;color:#8c8c8c;font-size:14px;font-weight:500;cursor:pointer;text-align:center;width:100%;transition:border-color .15s,color .15s}.navbar-mobile-logout-btn:hover{border-color:#c8921a;color:#c8921a}.navbar-mobile-user-label{font-size:13.5px;color:#8c8c8c;padding:4px 4px 0}.navbar-mobile-user-label strong{color:#3d2200}.nav-av-wrap{position:relative}.nav-av-btn{width:38px;height:38px;border-radius:50%;border:2px solid #C8921A;background:#3d2200;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:box-shadow .15s;flex-shrink:0}.nav-av-btn:hover{box-shadow:0 0 0 3px #c8921a38}.nav-av-btn img{width:100%;height:100%;object-fit:cover;display:block}.nav-av-initials{font-size:15px;font-weight:700;color:#c8921a;-webkit-user-select:none;user-select:none}.nav-av-dropdown{position:absolute;right:0;top:calc(100% + 10px);background:#fff;border-radius:14px;box-shadow:0 10px 40px #3d220029;border:1px solid #f0e8d8;min-width:240px;z-index:200;overflow:hidden;animation:nav-av-in .15s ease}@keyframes nav-av-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-av-profile-row{display:flex;align-items:center;gap:12px;padding:16px}.nav-av-profile-pic{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #C8921A;flex-shrink:0}.nav-av-profile-initials{width:46px;height:46px;border-radius:50%;background:#3d2200;border:2px solid #C8921A;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#c8921a;flex-shrink:0;-webkit-user-select:none;user-select:none}.nav-av-profile-info{display:flex;flex-direction:column;gap:2px;min-width:0}.nav-av-name{font-size:14px;font-weight:700;color:#3d2200;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-av-email{font-size:12px;color:#8c8c8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-av-divider{height:1px;background:#f0e8d8}.nav-av-item{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;color:#3d2200;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit;transition:background .12s}.nav-av-item:hover{background:#faf7ee}.nav-av-danger{color:#dc2626}.nav-av-danger:hover{background:#fef2f2}.navbar-mobile-user-row{display:flex;align-items:center;gap:12px;padding:4px 4px 8px}.navbar-mobile-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #C8921A;flex-shrink:0}.navbar-mobile-avatar-initials{width:46px;height:46px;border-radius:50%;background:#3d2200;border:2px solid #C8921A;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#c8921a;flex-shrink:0;-webkit-user-select:none;user-select:none}.navbar-mobile-user-name{font-size:14px;font-weight:700;color:#3d2200}.navbar-mobile-user-email{font-size:12px;color:#8c8c8c}.nb-wrap{position:relative}.nb-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#faf7ee;border:1.5px solid #f0e6d0;color:#3d2200;cursor:pointer;transition:background .15s,box-shadow .15s;flex-shrink:0}.nb-btn:hover{background:#f0e6d0;box-shadow:0 0 0 3px #c8921a1f}.nb-badge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:9px;background:#dc2626;color:#fff;font-size:9.5px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;border:1.5px solid #fff;animation:nb-pop .2s cubic-bezier(.34,1.56,.64,1)}@keyframes nb-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.nb-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:300px;background:#fff;border:1.5px solid #f0e6d0;border-radius:14px;box-shadow:0 8px 28px #3d22001f;z-index:200;overflow:hidden;animation:nb-in .15s ease}@keyframes nb-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nb-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;border-bottom:1px solid #f0e6d0}.nb-dropdown-title{font-size:13.5px;font-weight:700;color:#3d2200}.nb-clear-btn{font-size:11.5px;color:#8c8c8c;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.nb-clear-btn:hover{color:#c8921a}.nb-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;font-size:13px;color:#b5a48e}.nb-list{max-height:320px;overflow-y:auto}.nb-item{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-bottom:1px solid #faf5ef;transition:background .1s}.nb-item:last-child{border-bottom:none}.nb-item:hover{background:#faf7ee}.nb-item-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.nb-item-body{flex:1;min-width:0}.nb-item-title{font-size:12.5px;font-weight:600;color:#3d2200;margin-bottom:2px}.nb-item-sub{font-size:12px;color:#8c8c8c}.nb-item-ref{font-family:monospace;font-size:11px;color:#c8921a}.uam-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d220073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;animation:uam-fade .18s ease}@keyframes uam-fade{0%{opacity:0}to{opacity:1}}.uam-modal{background:#fff;border-radius:18px;width:100%;max-width:420px;box-shadow:0 20px 60px #3d220038;overflow:hidden;animation:uam-slide .2s cubic-bezier(.4,0,.2,1)}@keyframes uam-slide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.uam-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f0e8d8}.uam-modal-header h3{font-size:17px;font-weight:700;color:#3d2200;margin:0}.uam-modal-close{background:none;border:none;font-size:18px;color:#8c8c8c;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s}.uam-modal-close:hover{color:#3d2200}.uam-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px;max-height:calc(90vh - 80px);overflow-y:auto}.uam-avatar-picker{position:relative;width:86px;height:86px;border-radius:50%;margin:0 auto 4px;cursor:pointer;flex-shrink:0}.uam-avatar-lg{width:86px;height:86px;border-radius:50%;object-fit:cover;border:3px solid #C8921A;display:block}.uam-avatar-initials-lg{width:86px;height:86px;border-radius:50%;background:#3d2200;border:3px solid #C8921A;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;color:#c8921a;-webkit-user-select:none;user-select:none}.uam-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#3d220085;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;opacity:0;transition:opacity .18s;color:#fff;font-size:11px;font-weight:600}.uam-avatar-picker:hover .uam-avatar-overlay{opacity:1}.uam-modal-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:6px;padding:8px 12px;font-size:13px}.uam-field{display:flex;flex-direction:column;gap:5px}.uam-field label{font-size:12.5px;font-weight:600;color:#3d2200}.uam-field input{padding:10px 14px;border:1.5px solid #e3d9cc;border-radius:8px;font-size:14px;color:#3d2200;background:#faf7ee;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}.uam-field input:focus{border-color:#c8921a;box-shadow:0 0 0 3px #c8921a1f;background:#fff}.uam-readonly{background:#f5f0e8!important;color:#8c8c8c!important;cursor:not-allowed}.uam-select{padding:10px 36px 10px 14px;border:1.5px solid #e3d9cc;border-radius:8px;font-size:14px;color:#3d2200;background:#faf7ee;outline:none;font-family:inherit;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238C8C8C' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .15s,box-shadow .15s}.uam-select:focus{border-color:#c8921a;box-shadow:0 0 0 3px #c8921a1f;background-color:#fff}.uam-optional{font-size:11px;font-weight:400;color:#b5a48e;margin-left:4px}.uam-pwd-mismatch{font-size:12px;color:#ef4444;margin-top:3px}.uam-pwd-wrap{position:relative}.uam-pwd-wrap input{width:100%;padding-right:40px!important}.uam-eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#8c8c8c;display:flex;align-items:center;padding:2px;transition:color .15s}.uam-eye-btn:hover{color:#c8921a}.uam-pwd-strength{margin-top:8px;display:flex;flex-direction:column;gap:6px}.uam-pwd-strength-header{display:flex;justify-content:space-between;font-size:12px;color:#8c8c8c}.uam-pwd-bar-bg{height:5px;background:#f0e8d8;border-radius:4px;overflow:hidden}.uam-pwd-bar{height:100%;border-radius:4px;transition:width .3s ease,background .3s ease}.uam-pwd-checks{display:grid;grid-template-columns:1fr 1fr;gap:4px}.uam-pwd-check{font-size:11.5px;color:#8c8c8c}.uam-pwd-check.passed{color:#22c55e}.uam-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.uam-btn-cancel{padding:10px 20px;background:#fff;border:1.5px solid #e3d9cc;border-radius:8px;font-size:13px;font-weight:600;color:#8c8c8c;cursor:pointer;transition:border-color .15s,color .15s;font-family:inherit}.uam-btn-cancel:hover{border-color:#c8921a;color:#c8921a}.uam-btn-save{padding:10px 24px;background:#c8921a;border:none;border-radius:8px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:background .15s;font-family:inherit}.uam-btn-save:hover{background:#5c3010}.uam-btn-save:disabled{opacity:.6;cursor:not-allowed}.uam-modal--wide{max-width:520px}.uam-bookings-empty{text-align:center;color:#8c8c8c;font-size:14px;padding:24px 0}.uam-booking-card{border:1.5px solid #f0e8d8;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;background:#faf7ee}.uam-booking-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.uam-booking-doctor{font-size:14px;font-weight:700;color:#3d2200}.uam-booking-status{font-size:12px;font-weight:700;text-transform:capitalize}.uam-booking-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.uam-booking-consult{font-size:12px;font-weight:600;background:#fff;border:1.5px solid #e3d9cc;border-radius:20px;padding:2px 10px;color:#5c3010}.uam-booking-datetime{font-size:12.5px;color:#8c8c8c}.uam-booking-notes{font-size:12px;color:#8c8c8c;margin:0;padding-top:2px;border-top:1px solid #f0e8d8}@media(max-width:768px){.navbar-links,.navbar-auth{display:none}.navbar-hamburger{display:flex}}.carousel{position:relative;width:100%;height:500px;overflow:hidden;background:#3d2200}.carousel-skeleton{width:100%;height:500px;background:linear-gradient(90deg,#e8ddd0 25%,#f5efe4,#e8ddd0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.carousel-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1)}.carousel-slide{flex-shrink:0;width:100%;height:100%;position:relative;display:flex;align-items:center}.carousel-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.carousel-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(61,34,0,.72) 0%,rgba(61,34,0,.2) 60%,transparent 100%);pointer-events:none}.carousel-caption{position:relative;z-index:2;padding:0 80px;max-width:620px;display:flex;flex-direction:column;gap:16px}.carousel-caption.centered{align-items:center;justify-content:center;max-width:100%;width:100%;text-align:center;padding:40px;height:100%;background:linear-gradient(135deg,#3d2200d9,#5c3010bf)}.carousel-title{font-size:40px;font-weight:800;color:#fff;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.35)}.carousel-title span{color:#c8921a}.carousel-sub{font-size:17px;color:#ffffffe0;line-height:1.6}.carousel-cta{align-self:flex-start;padding:13px 32px;background:#c8921a;color:#fff;border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #c8921a80;transition:background .15s,transform .1s}.carousel-cta:hover{background:#5c3010;transform:translateY(-2px)}.carousel-caption.centered .carousel-cta{align-self:center}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:#c8921a40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(200,146,26,.45);color:#fff;font-size:32px;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;line-height:1}.carousel-arrow:hover{background:#c8921a}.carousel-arrow.left{left:20px}.carousel-arrow.right{right:20px}.carousel-dots{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:5}.carousel-dot{width:10px;height:10px;border-radius:50%;border:none;background:#fff6;cursor:pointer;padding:0;transition:background .2s,transform .2s}.carousel-dot.active{background:#c8921a;transform:scale(1.35)}@media(max-width:768px){.carousel{height:300px}.carousel-caption{padding:0 28px}.carousel-title{font-size:24px}.carousel-sub{font-size:14px}}.footer{background:#3d2200;color:#e8d5b8;margin-top:auto}.footer-inner{max-width:1200px;margin:0 auto;padding:56px 24px 40px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px}.footer-logo{display:flex;align-items:center;margin-bottom:16px}.footer-logo-img{height:52px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.footer-brand-desc{font-size:14px;color:#c4a882;line-height:1.6;margin-bottom:20px}.footer-follow{font-size:13px;font-weight:600;color:#e8d5b8;margin-bottom:10px}.footer-social{display:flex;gap:12px}.footer-social a{width:34px;height:34px;border-radius:8px;background:#c8921a2e;border:1px solid rgba(200,146,26,.35);color:#c8921a;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.footer-social a:hover{background:#c8921a;color:#3d2200}.footer-col-title{font-size:15px;font-weight:700;color:#c8921a;margin-bottom:16px;letter-spacing:.3px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-col ul li a{font-size:14px;color:#c4a882;text-decoration:none;transition:color .15s}.footer-col ul li a:hover{color:#c8921a}.footer-contact-list li{font-size:14px;color:#c4a882;line-height:1.6}.footer-bottom{border-top:1px solid rgba(200,146,26,.15);padding:16px 24px;text-align:center}.footer-bottom p{font-size:13px;color:#8c8c8c}@media(max-width:900px){.footer-inner{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:560px){.footer-inner{grid-template-columns:1fr}}.home-page{min-height:100vh;display:flex;flex-direction:column}.section-inner{max-width:1100px;margin:0 auto;padding:0 24px}.section-badge{display:inline-block;background:#c8921a1f;color:#c8921a;font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:4px 12px;border-radius:50px;margin-bottom:10px}.section-heading{font-size:28px;font-weight:800;color:#3d2200;margin-bottom:8px;line-height:1.25}.section-sub{font-size:14px;color:#8c8c8c;line-height:1.6;margin-bottom:32px}.sh-wrap{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}.sh-left{display:flex;flex-direction:column}.sh-left .section-sub{margin-bottom:0}.sh-view-all{background:none;border:1.5px solid #C8921A;color:#c8921a;font-size:13px;font-weight:700;padding:7px 18px;border-radius:50px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;flex-shrink:0;align-self:flex-start;margin-top:8px}.sh-view-all:hover{background:#c8921a;color:#fff}.services-strip{background:#fff;padding:32px 24px;box-shadow:0 2px 12px #3d22000f}.services-grid-wrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.service-chip{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 10px 16px;background:#faf7ee;border:1.5px solid rgba(200,146,26,.12);border-radius:12px;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.service-chip:hover{transform:translateY(-3px);box-shadow:0 6px 20px #c8921a2e;border-color:#c8921a;background:#fff}.service-chip-icon{font-size:34px;line-height:1}.service-chip-label{font-size:11.5px;color:#3d2200;text-align:center;line-height:1.35;font-weight:600}.stats-bar{background:linear-gradient(135deg,#3d2200,#5c3010);padding:28px 24px}.stats-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.stat-icon{font-size:26px;margin-bottom:4px}.stat-value{font-size:28px;font-weight:800;color:#c8921a;line-height:1}.stat-label{font-size:12px;color:#ffffffbf;font-weight:500}.promo-section{padding:40px 24px}.promo-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.promo-card{border-radius:16px;padding:28px 24px;display:flex;align-items:flex-start;gap:20px;box-shadow:0 4px 20px #00000014;transition:transform .2s,box-shadow .2s}.promo-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000021}.promo-card--amber{background:linear-gradient(135deg,#f5c842,#e8ad1a)}.promo-card--brown{background:linear-gradient(135deg,#d4956a,#c07a50)}.promo-card-icon{font-size:48px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.promo-card-body{display:flex;flex-direction:column;gap:6px}.promo-card-body h3{font-size:17px;font-weight:700;color:#3d2200;margin:0}.promo-card-body p{font-size:13px;color:#5c3010;margin:0;line-height:1.5}.promo-go-btn{margin-top:12px;align-self:flex-start;padding:8px 22px;background:#3d2200;color:#fff;border:none;border-radius:50px;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.3px;transition:background .15s}.promo-go-btn:hover{background:#5c3010}.speciality-section{padding:52px 0;background:#fff}.speciality-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.speciality-chip{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px 14px;background:#faf7ee;border:1.5px solid rgba(200,146,26,.12);border-radius:12px;cursor:pointer;transition:all .18s}.speciality-chip:hover{background:#c8921a;border-color:#c8921a;transform:translateY(-2px);box-shadow:0 6px 18px #c8921a40}.speciality-chip:hover .speciality-label{color:#fff}.speciality-icon{font-size:30px;line-height:1}.speciality-label{font-size:11.5px;font-weight:600;color:#3d2200;text-align:center;transition:color .18s}.concerns-section{padding:52px 0}.concerns-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.concern-chip{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 12px;background:#fff;border:1.5px solid rgba(200,146,26,.1);border-radius:12px;cursor:pointer;transition:all .18s;box-shadow:0 1px 4px #0000000d}.concern-chip:hover{border-color:#c8921a;box-shadow:0 4px 14px #c8921a2e;transform:translateY(-2px)}.concern-icon{font-size:26px;line-height:1}.concern-label{font-size:11px;font-weight:600;color:#3d2200;text-align:center}.consult-tabs{display:flex;gap:8px;margin-bottom:28px}.consult-tab{padding:9px 20px;border:1.5px solid #e3d9cc;border-radius:50px;font-size:13.5px;font-weight:600;color:#8c8c8c;background:#fff;cursor:pointer;transition:all .15s}.consult-tab.active{border-color:#c8921a;color:#c8921a;background:#c8921a12}.consult-tab:hover:not(.active){border-color:#c8921a;color:#c8921a}.doctors-section{padding:52px 24px 64px}.doctors-inner{max-width:1100px;margin:0 auto}.doctors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:36px}.doctor-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #3d220012;border:1px solid rgba(200,146,26,.1);transition:transform .2s,box-shadow .2s}.doctor-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #c8921a2e}.doctor-img-placeholder{width:100%;height:160px;background:linear-gradient(160deg,#f0e8d8,#e0d0bc);display:flex;align-items:center;justify-content:center;position:relative}.doctor-avatar-emoji{font-size:64px}.doctor-avail-badge{position:absolute;top:10px;right:10px;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:50px;background:#ffffffe6;color:#3d2200}.doctor-avail-badge.today{color:#16a34a}.doctor-info{padding:14px 14px 16px;display:flex;flex-direction:column;gap:5px}.doctor-name{font-size:13.5px;font-weight:700;color:#3d2200}.doctor-spec{font-size:11.5px;font-weight:600;color:#c8921a}.doctor-exp{font-size:11.5px;color:#8c8c8c}.doctor-rating-row{display:flex;align-items:center;gap:4px}.doctor-rating-pct{font-size:13px;font-weight:700;color:#16a34a}.doctor-rating-star{color:#f59e0b;font-size:12px}.doctor-reviews{font-size:11px;color:#8c8c8c}.doctor-fee-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-top:8px;border-top:1px solid #f0e8d8}.doctor-fee-label{font-size:11px;color:#8c8c8c}.doctor-fee-amt{font-size:15px;font-weight:800;color:#3d2200}.doctor-book-btn{margin-top:10px;padding:9px;background:#c8921a;color:#fff;border:none;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;width:100%;transition:background .15s}.doctor-book-btn:hover{background:#5c3010}.explore-wrap{text-align:center}.explore-btn{padding:13px 44px;background:#3d2200;color:#fff;border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #3d220033;transition:background .15s,transform .1s}.explore-btn:hover{background:#c8921a;transform:translateY(-2px)}.tests-section{padding:52px 0;background:#fff}.tests-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.test-card{background:#faf7ee;border:1.5px solid rgba(200,146,26,.12);border-radius:12px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:8px;position:relative;transition:all .18s}.test-card:hover{border-color:#c8921a;box-shadow:0 6px 20px #c8921a26;transform:translateY(-2px)}.test-tag{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;background:#c8921a;color:#fff;padding:2px 8px;border-radius:50px}.test-top{display:flex;align-items:center;justify-content:space-between}.test-icon{font-size:30px}.test-home-badge{font-size:10.5px;color:#16a34a;font-weight:600}.test-name{font-size:13px;font-weight:700;color:#3d2200;line-height:1.4}.test-price-row{display:flex;align-items:center;gap:8px}.test-price{font-size:17px;font-weight:800;color:#3d2200}.test-original{font-size:12px;color:#8c8c8c;text-decoration:line-through}.test-discount{font-size:11px;font-weight:700;color:#16a34a}.test-book-btn{margin-top:4px;padding:9px;background:#3d2200;color:#fff;border:none;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;width:100%;transition:background .15s}.test-book-btn:hover{background:#c8921a}.testimonials-section{padding:52px 0}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.testimonial-card{background:#fff;border:1.5px solid rgba(200,146,26,.12);border-radius:14px;padding:24px 20px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:12px}.testimonial-card:hover,.testimonial-card.highlighted{border-color:#c8921a;box-shadow:0 8px 28px #c8921a2e;transform:translateY(-3px)}.testimonial-stars{color:#f59e0b;font-size:16px;letter-spacing:2px}.testimonial-text{font-size:13.5px;color:#5c3010;line-height:1.65;flex:1;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:10px;margin-top:4px}.testimonial-avatar{font-size:32px;flex-shrink:0}.testimonial-name{font-size:13.5px;font-weight:700;color:#3d2200}.testimonial-location{font-size:12px;color:#8c8c8c;margin-top:2px}.testimonial-dots{display:flex;justify-content:center;gap:8px}.testimonial-dot{width:8px;height:8px;border-radius:50%;background:#e3d9cc;border:none;cursor:pointer;transition:background .2s,transform .2s;padding:0}.testimonial-dot.active{background:#c8921a;transform:scale(1.3)}.tips-section{padding:52px 0;background:#fff}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tip-card{background:#faf7ee;border-radius:14px;overflow:hidden;border:1px solid rgba(200,146,26,.1);transition:all .2s}.tip-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #c8921a26}.tip-img-placeholder{height:140px;display:flex;align-items:center;justify-content:center;position:relative}.tip-emoji{font-size:52px}.tip-category-badge{position:absolute;top:12px;left:12px;font-size:10.5px;font-weight:700;color:#fff;padding:3px 10px;border-radius:50px}.tip-body{padding:18px 16px 20px;display:flex;flex-direction:column;gap:8px}.tip-title{font-size:14px;font-weight:700;color:#3d2200;line-height:1.45}.tip-excerpt{font-size:12.5px;color:#8c8c8c;line-height:1.6}.tip-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.tip-read-time{font-size:11.5px;color:#8c8c8c}.tip-read-btn{background:none;border:none;color:#c8921a;font-size:12.5px;font-weight:700;cursor:pointer;padding:0}.tip-read-btn:hover{color:#5c3010;text-decoration:underline}.emergency-section{background:linear-gradient(135deg,#ef4444,#dc2626);padding:28px 24px}.emergency-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.emergency-icon{font-size:44px;flex-shrink:0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.emergency-text{flex:1}.emergency-text h2{font-size:22px;font-weight:800;color:#fff;margin-bottom:4px}.emergency-text p{font-size:13.5px;color:#ffffffd9;margin:0}.emergency-call-btn{padding:13px 28px;background:#fff;color:#dc2626;border:none;border-radius:50px;font-size:15px;font-weight:800;cursor:pointer;text-decoration:none;box-shadow:0 4px 16px #00000026;transition:transform .15s;white-space:nowrap}.emergency-call-btn:hover{transform:scale(1.04)}.app-section{padding:64px 24px;background:#3d2200}.app-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 280px;gap:60px;align-items:center}.app-text .section-badge{background:#c8921a2e;color:#c8921a}.app-heading{font-size:32px;font-weight:800;color:#fff;margin-bottom:12px}.app-sub{font-size:14px;color:#ffffffb3;line-height:1.65;margin-bottom:20px}.app-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:28px;padding:0}.app-features li{font-size:13.5px;color:#ffffffd9;font-weight:500}.app-btns{display:flex;gap:12px;flex-wrap:wrap}.app-store-btn{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;cursor:pointer;transition:all .15s;text-align:left}.app-store-btn:hover{background:#c8921a33;border-color:#c8921a}.app-store-icon{font-size:28px;flex-shrink:0}.app-store-btn small{display:block;font-size:10px;color:#fff9}.app-store-btn strong{display:block;font-size:15px;color:#fff}.app-phone-frame{background:#1a1a1a;border-radius:32px;padding:8px;box-shadow:0 24px 60px #00000080;border:2px solid #333}.app-phone-screen{background:#faf7ee;border-radius:26px;padding:20px 16px;display:flex;flex-direction:column;gap:12px;min-height:380px}.phone-top-bar{display:flex;justify-content:center;gap:6px;margin-bottom:4px}.phone-top-bar span{width:6px;height:6px;border-radius:50%;background:#e3d9cc}.phone-top-bar span:first-child{width:40px;border-radius:4px}.phone-logo-area{font-size:20px;font-weight:900;color:#3d2200;text-align:center;letter-spacing:1px}.phone-sub{font-size:10px;color:#8c8c8c;text-align:center;margin-top:-8px}.phone-services-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.phone-service-chip{background:#fff;border:1px solid rgba(200,146,26,.15);border-radius:8px;padding:10px 8px;font-size:10.5px;font-weight:600;color:#3d2200;text-align:center}.phone-book-btn{background:#c8921a;color:#fff;border:none;border-radius:50px;padding:10px;font-size:12px;font-weight:700;text-align:center;margin-top:4px;cursor:pointer}@media(max-width:1024px){.speciality-grid,.concerns-grid{grid-template-columns:repeat(4,1fr)}.doctors-grid,.tests-grid{grid-template-columns:repeat(2,1fr)}.app-inner{grid-template-columns:1fr}.app-phone-frame{max-width:280px;margin:0 auto}}@media(max-width:768px){.section-heading{font-size:22px}.services-grid-wrap{grid-template-columns:repeat(4,1fr)}.stats-inner{grid-template-columns:repeat(2,1fr)}.promo-inner{grid-template-columns:1fr}.speciality-grid{grid-template-columns:repeat(3,1fr)}.concerns-grid{grid-template-columns:repeat(4,1fr)}.testimonials-grid,.tips-grid{grid-template-columns:1fr}}@media(max-width:480px){.services-grid-wrap{grid-template-columns:repeat(3,1fr)}.speciality-grid,.concerns-grid{grid-template-columns:repeat(2,1fr)}.doctors-grid,.tests-grid{grid-template-columns:1fr}.consult-tabs{flex-wrap:wrap}.emergency-inner{flex-direction:column;text-align:center}}.fd-page{min-height:100vh;background:#faf7ee;display:flex;flex-direction:column}.fd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#1e0f008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px}.fd-modal{background:#fff;border-radius:18px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #3d220040;display:flex;flex-direction:column}.fd-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid #f0e8d8}.fd-modal-title-row{display:flex;align-items:center;gap:12px}.fd-modal-type-icon{font-size:28px;flex-shrink:0}.fd-modal-doc-name{font-size:15px;font-weight:800;color:#3d2200}.fd-modal-type-label{font-size:12.5px;font-weight:600;color:#16a34a;margin-top:2px}.fd-modal-type-label.tele{color:#2563eb}.fd-modal-fee{color:#3d2200;font-weight:800}.fd-modal-close{background:none;border:none;cursor:pointer;color:#8c8c8c;padding:4px;border-radius:6px;transition:color .15s,background .15s;flex-shrink:0}.fd-modal-close:hover{color:#dc2626;background:#dc262614}.fd-modal-steps{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid #f0e8d8;gap:8px}.fd-modal-step{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#bbb;white-space:nowrap}.fd-modal-step .fd-ms-num{width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;background:#e3d9cc;color:#8c8c8c;flex-shrink:0}.fd-modal-step.fd-ms-active{color:#c8921a}.fd-modal-step.fd-ms-active .fd-ms-num{background:#c8921a;color:#fff}.fd-modal-step.fd-ms-done{color:#16a34a}.fd-modal-step.fd-ms-done .fd-ms-num{background:#16a34a;color:#fff}.fd-ms-divider{flex:1;height:1.5px;background:#e3d9cc}.fd-modal-body{padding:20px;display:flex;flex-direction:column;gap:0}.fd-modal-section-label{font-size:11.5px;font-weight:700;color:#6b5b4e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.fd-modal-info-note{background:#faf7ee;border:1px solid rgba(200,146,26,.2);border-radius:8px;padding:12px 14px;font-size:13px;color:#5c3010;margin-bottom:16px;line-height:1.55}.fd-date-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:4px}.fd-date-chip{padding:9px 6px;border:1.5px solid rgba(200,146,26,.25);border-radius:8px;background:#faf7ee;color:#5c3010;font-size:12px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s}.fd-date-chip:hover{border-color:#c8921a;color:#c8921a;background:#fff}.fd-date-chip.active{border-color:#c8921a;background:#c8921a;color:#fff}.fd-time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.fd-time-chip{padding:8px 4px;border:1.5px solid rgba(200,146,26,.2);border-radius:7px;background:#faf7ee;color:#5c3010;font-size:12px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s}.fd-time-chip:hover{border-color:#c8921a;background:#fff;color:#c8921a}.fd-time-chip.active{border-color:#c8921a;background:#c8921a;color:#fff}.fd-modal-next-btn{margin-top:22px;padding:12px;width:100%;border:none;border-radius:9px;background:#c8921a;color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s;letter-spacing:.3px}.fd-modal-next-btn.tele{background:#2563eb}.fd-modal-next-btn:hover:not(:disabled){filter:brightness(.9)}.fd-modal-next-btn:disabled{background:#e3d9cc;color:#aaa;cursor:not-allowed}.fd-modal-actions{display:flex;gap:10px;margin-top:20px}.fd-modal-back-btn{padding:11px 20px;border:1.5px solid #e3d9cc;border-radius:9px;background:#fff;color:#5c3010;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.fd-modal-back-btn:hover{border-color:#c8921a;color:#c8921a}.fd-modal-confirm-btn{flex:1;padding:12px;border:none;border-radius:9px;background:#16a34a;color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s;letter-spacing:.3px}.fd-modal-confirm-btn.tele{background:#2563eb}.fd-modal-confirm-btn:hover:not(:disabled){filter:brightness(.9)}.fd-modal-confirm-btn:disabled{background:#e3d9cc;color:#aaa;cursor:not-allowed}.fd-booking-summary{background:#faf7ee;border:1px solid rgba(200,146,26,.15);border-radius:10px;padding:12px 14px;margin-bottom:18px;display:flex;flex-direction:column;gap:8px}.fd-bs-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.fd-bs-key{font-size:12px;color:#8c8c8c;font-weight:600;white-space:nowrap}.fd-bs-val{font-size:12.5px;color:#3d2200;font-weight:600;text-align:right}.fd-bs-fee{font-size:15px;font-weight:800;color:#3d2200}.fd-modal-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.fd-modal-field label{font-size:12.5px;font-weight:700;color:#5c3010}.fd-modal-field input,.fd-modal-field textarea{padding:10px 12px;border:1.5px solid #e3d9cc;border-radius:8px;font-size:13.5px;color:#3d2200;outline:none;background:#fff;transition:border-color .15s;font-family:inherit;resize:vertical}.fd-modal-field input:focus,.fd-modal-field textarea:focus{border-color:#c8921a}.fd-req{color:#dc2626}.fd-optional{color:#aaa;font-weight:400;font-size:11px}.fd-modal-err{font-size:11.5px;color:#dc2626;margin:0}.fd-modal-error{background:#dc262612;border:1px solid rgba(220,38,38,.2);border-radius:7px;padding:10px 12px;font-size:13px;color:#dc2626;margin-bottom:14px}.fd-modal-done{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 0 6px}.fd-done-icon{font-size:52px;margin-bottom:12px}.fd-done-title{font-size:20px;font-weight:800;color:#3d2200;margin-bottom:8px}.fd-done-sub{font-size:13.5px;color:#5c3010;line-height:1.6;margin-bottom:20px}.fd-modal-done .fd-booking-summary{width:100%;text-align:left}.fd-hero{background:linear-gradient(135deg,#3d2200,#5c3010 60%,#8b4513);padding:48px 24px 52px;text-align:center}.fd-hero-title{font-size:30px;font-weight:800;color:#fff;margin:0 0 6px;line-height:1.2}.fd-hero-sub{font-size:14px;color:#ffffffb8;margin:0 0 28px}.fd-search-bar{max-width:540px;margin:0 auto;display:flex;align-items:center;gap:0;background:#fff;border-radius:50px;box-shadow:0 6px 24px #0000002e;overflow:hidden}.fd-search-bar svg{margin-left:18px;flex-shrink:0;color:#8c8c8c}.fd-search-input{flex:1;border:none;outline:none;padding:14px 16px;font-size:14px;color:#3d2200;background:transparent}.fd-search-input::placeholder{color:#aaa}.fd-content{max-width:1100px;margin:0 auto;padding:32px 24px 64px;width:100%;box-sizing:border-box}.fd-dept-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;margin-bottom:20px;scrollbar-width:none}.fd-dept-scroll::-webkit-scrollbar{display:none}.fd-dept-chip{flex-shrink:0;padding:8px 18px;border:1.5px solid rgba(200,146,26,.25);border-radius:50px;background:#fff;color:#5c3010;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.fd-dept-chip:hover{border-color:#c8921a;color:#c8921a;background:#c8921a0f}.fd-dept-chip.active{background:#c8921a;border-color:#c8921a;color:#fff}.fd-type-tabs{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.fd-type-tab{padding:8px 20px;border:1.5px solid #e3d9cc;border-radius:50px;font-size:13px;font-weight:600;color:#8c8c8c;background:#fff;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.fd-type-tab:hover:not(.active){border-color:#c8921a;color:#c8921a}.fd-type-tab.active{border-color:#c8921a;color:#c8921a;background:#c8921a12}.fd-results-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:8px}.fd-results-count{font-size:13.5px;font-weight:600;color:#5c3010}.fd-results-count span{color:#c8921a}.fd-empty{text-align:center;padding:64px 24px;color:#8c8c8c;font-size:15px}.fd-empty-icon{font-size:56px;margin-bottom:16px}.fd-empty p{margin:6px 0;font-size:14px}.fd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fd-doctor-card{background:#fff;border-radius:16px;border:1.5px solid rgba(200,146,26,.1);box-shadow:0 2px 10px #3d22000f;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.fd-doctor-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #c8921a2e}.fd-card-top{position:relative;height:200px;background:linear-gradient(160deg,#f0e8d8,#e0d0bc);display:flex;align-items:center;justify-content:center;overflow:hidden}.fd-card-avatar{font-size:72px;line-height:1}.fd-card-img{width:100%;height:100%;object-fit:cover;object-position:top center}.fd-badge-row{position:absolute;bottom:10px;left:10px;display:flex;gap:5px;flex-wrap:wrap}.fd-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:50px;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fd-badge--visit{background:#16a34a26;color:#15803d;border:1px solid rgba(22,163,74,.3)}.fd-badge--tele{background:#3b82f626;color:#1d4ed8;border:1px solid rgba(59,130,246,.3)}.fd-card-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:3px;flex:1}.fd-doctor-name{font-size:14px;font-weight:800;color:#3d2200}.fd-doctor-quals{font-size:11.5px;color:#c8921a;font-weight:600;margin-top:1px}.fd-doctor-dept{font-size:12px;color:#5c3010;font-weight:600;margin-top:2px}.fd-doctor-exp{font-size:11.5px;color:#8c8c8c}.fd-fee-section{margin-top:10px;padding-top:10px;border-top:1px solid #f0e8d8;display:flex;flex-direction:column;gap:6px}.fd-fee-row{display:flex;align-items:center;justify-content:space-between}.fd-fee-label{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#5c3010;font-weight:600}.fd-fee-icon{font-size:14px}.fd-fee-amt{font-size:14px;font-weight:800;color:#3d2200}.fd-fee-na{font-size:12px;color:#aaa}.fd-fee-unavail{font-size:11.5px;font-weight:600;color:#dc2626}.fd-fee-avail{font-size:11.5px;font-weight:600;color:#16a34a}.fd-avail-days{margin-top:8px;display:flex;gap:4px;flex-wrap:wrap}.fd-day-chip{font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:4px;background:#f0e8d8;color:#5c3010;letter-spacing:.2px}.fd-day-chip.off{opacity:.35}.fd-book-btn{margin-top:14px;padding:10px;background:#c8921a;color:#fff;border:none;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;width:100%;transition:background .15s;letter-spacing:.3px}.fd-book-btn:hover{background:#3d2200}.fd-detail{padding-bottom:40px}.fd-detail-back{display:inline-flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;color:#c8921a;font-size:13.5px;font-weight:700;padding:0;margin-bottom:24px;transition:color .15s}.fd-detail-back:hover{color:#3d2200}.fd-detail-profile{display:flex;gap:28px;align-items:flex-start;background:#fff;border-radius:16px;padding:24px;border:1.5px solid rgba(200,146,26,.12);box-shadow:0 2px 10px #3d22000f;margin-bottom:20px}.fd-detail-photo-wrap{flex-shrink:0}.fd-detail-photo{width:120px;height:130px;border-radius:12px;object-fit:cover;object-position:top center;border:2px solid rgba(200,146,26,.2)}.fd-detail-avatar-box{width:120px;height:130px;border-radius:12px;background:linear-gradient(160deg,#f0e8d8,#e0d0bc);display:flex;align-items:center;justify-content:center;font-size:64px}.fd-detail-meta{display:flex;flex-direction:column;gap:6px;flex:1}.fd-detail-name{font-size:22px;font-weight:800;color:#3d2200;margin:0}.fd-detail-quals{font-size:13px;font-weight:600;color:#c8921a}.fd-detail-dept-badge{display:inline-block;background:#c8921a1a;color:#5c3010;font-size:12px;font-weight:700;padding:3px 12px;border-radius:50px;align-self:flex-start}.fd-detail-exp{display:flex;align-items:center;gap:5px;font-size:13px;color:#8c8c8c}.fd-detail-type-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.fd-detail-fee-summary{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}.fd-detail-fee-pill{font-size:12px;font-weight:700;padding:4px 12px;border-radius:50px;background:#16a34a1a;color:#15803d;border:1px solid rgba(22,163,74,.25)}.fd-detail-fee-pill--tele{background:#3b82f61a;color:#1d4ed8;border-color:#3b82f640}.fd-detail-about-box{background:#fff;border-radius:14px;padding:20px 24px;border:1.5px solid rgba(200,146,26,.1);margin-bottom:4px}.fd-detail-about-text{font-size:13.5px;color:#5c3010;line-height:1.7;margin:8px 0 0}.fd-detail-section-title{font-size:15px;font-weight:800;color:#3d2200;margin:0 0 14px;letter-spacing:.2px}.fd-detail-no-slots{font-size:13.5px;color:#8c8c8c;padding:20px 0}.fd-consult-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.fd-consult-card{background:#fff;border-radius:14px;border:1.5px solid rgba(22,163,74,.2);padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px #16a34a12}.fd-consult-card--tele{border-color:#3b82f633;box-shadow:0 2px 8px #3b82f612}.fd-consult-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.fd-badge--lg{font-size:12px;padding:5px 12px}.fd-consult-price{font-size:20px;font-weight:800;color:#3d2200}.fd-consult-price-free{font-size:12px;color:#8c8c8c;font-style:italic}.fd-consult-addr{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;color:#5c3010;line-height:1.5}.fd-consult-tele-note{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#1d4ed8;font-weight:500}.fd-slots-wrap{display:flex;flex-direction:column;gap:8px}.fd-slots-label{font-size:11.5px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.5px}.fd-slots-list{display:flex;flex-direction:column;gap:4px}.fd-slot-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#faf7ee;border-radius:8px}.fd-slot-row--today{background:#fff7e6;border:1.5px solid #C8921A}.fd-slot-row--today .fd-slot-day{color:#c8921a;font-weight:800}.fd-slot-day{font-size:12.5px;font-weight:700;color:#3d2200}.fd-slot-time{font-size:12px;color:#c8921a;font-weight:600}.fd-slots-empty{font-size:12px;color:#aaa;font-style:italic}.fd-addr-block--multi{padding:10px 0 8px;border-top:1px dashed #e8ddd0}.fd-addr-block--multi:first-of-type{border-top:none}.fd-addr-list{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.fd-addr-chip{display:flex;align-items:flex-start;gap:7px;padding:9px 12px;border-radius:9px;border:1.5px solid #e3d9cc;background:#fff;font-size:12.5px;color:#3d2200;cursor:pointer;font-family:inherit;text-align:left;line-height:1.4;transition:border-color .15s,background .15s}.fd-addr-chip:hover{border-color:#c8921a;background:#fffbf4}.fd-addr-chip.active{border-color:#c8921a;background:#fff7e6;color:#3d2200;font-weight:600}.fd-addr-chip svg{flex-shrink:0;margin-top:2px;color:#c8921a}.fd-addr-single{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#5c3010;background:#f5ede0;border-radius:8px;padding:8px 10px;margin-bottom:14px;line-height:1.4}.fd-addr-single svg{flex-shrink:0;margin-top:2px;color:#c8921a}.fd-consult-book-btn{margin-top:4px;padding:11px;background:#16a34a;color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;width:100%;transition:background .15s;letter-spacing:.3px}.fd-consult-book-btn:hover{background:#15803d}.fd-consult-book-btn--tele{background:#2563eb}.fd-consult-book-btn--tele:hover{background:#1d4ed8}.fd-skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fd-skeleton-card{background:#fff;border-radius:16px;overflow:hidden;border:1.5px solid rgba(200,146,26,.1)}.fd-skel-top{height:150px;background:linear-gradient(90deg,#f0e8d8 25%,#e8ddd0,#f0e8d8 75%);background-size:200% 100%;animation:fd-shimmer 1.4s infinite}.fd-skel-body{padding:16px;display:flex;flex-direction:column;gap:10px}.fd-skel-line{height:12px;border-radius:6px;background:linear-gradient(90deg,#f0e8d8 25%,#e8ddd0,#f0e8d8 75%);background-size:200% 100%;animation:fd-shimmer 1.4s infinite}.fd-skel-line.w60{width:60%}.fd-skel-line.w80{width:80%}.fd-skel-line.w40{width:40%}@keyframes fd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:960px){.fd-grid,.fd-skeleton-grid{grid-template-columns:repeat(2,1fr)}.fd-consult-options{grid-template-columns:1fr}}@media(max-width:600px){.fd-grid,.fd-skeleton-grid{grid-template-columns:1fr}.fd-hero-title{font-size:22px}.fd-content{padding:24px 16px 48px}.fd-detail-profile{flex-direction:column}.fd-detail-photo,.fd-detail-avatar-box{width:100%;height:180px}.fd-consult-options{grid-template-columns:1fr}}.admin-layout{display:flex;min-height:100vh;background:#faf7ee}.admin-sidebar{width:250px;min-width:250px;min-height:100vh;background:#3d2200;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow:hidden;transition:width .28s cubic-bezier(.4,0,.2,1),min-width .28s cubic-bezier(.4,0,.2,1)}.admin-sidebar.collapsed{width:56px;min-width:56px}.admin-sidebar-logo{padding:16px 16px 12px;border-bottom:1px solid rgba(200,146,26,.2);flex-shrink:0;overflow:hidden;transition:padding .28s cubic-bezier(.4,0,.2,1)}.admin-sidebar.collapsed .admin-sidebar-logo{padding:14px 8px 10px;display:flex;justify-content:center}.admin-sidebar-logo-img{height:52px;width:auto;object-fit:contain;mix-blend-mode:screen;filter:brightness(1.3);transition:height .28s cubic-bezier(.4,0,.2,1)}.admin-sidebar.collapsed .admin-sidebar-logo-img{height:30px}.admin-nav{flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:rgba(200,146,26,.3) transparent}.admin-nav::-webkit-scrollbar{width:4px}.admin-nav::-webkit-scrollbar-thumb{background:#c8921a4d;border-radius:4px}.admin-nav-item{display:flex;flex-direction:column}.admin-nav-btn{display:flex;align-items:center;gap:12px;padding:12px 20px;background:none;border:none;color:#e8d5b8;font-size:14px;font-weight:500;cursor:pointer;width:100%;text-align:left;white-space:nowrap;transition:background .15s,color .15s;text-decoration:none}.admin-nav-btn:hover{background:#c8921a26;color:#c8921a}.admin-nav-btn.active{background:#c8921a38;color:#c8921a;font-weight:700}.admin-nav-icon{flex-shrink:0;width:20px;display:flex;align-items:center;justify-content:center}.admin-nav-svg{width:18px;height:18px;flex-shrink:0}.admin-nav-label{flex:1;white-space:nowrap;overflow:hidden;transition:opacity .18s ease,width .28s ease}.admin-nav-chevron{margin-left:auto;display:flex;align-items:center;color:#c8921a80;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .18s ease;flex-shrink:0}.admin-nav-chevron.open{transform:rotate(180deg);color:#c8921a}.admin-sidebar.collapsed .admin-nav-btn{justify-content:center;padding:13px 0;gap:0}.admin-sidebar.collapsed .admin-nav-label,.admin-sidebar.collapsed .admin-nav-chevron,.admin-sidebar.collapsed .admin-submenu{display:none}.admin-sidebar.collapsed .admin-nav-icon{width:56px;justify-content:center}.admin-submenu{background:#0000002e;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .22s ease}.admin-submenu.open{max-height:500px;opacity:1}.admin-submenu-btn{display:flex;align-items:center;gap:10px;padding:9px 16px 9px 20px;background:none;border:none;color:#c4a882;font-size:13px;cursor:pointer;width:100%;text-align:left;white-space:nowrap;text-decoration:none;transition:color .15s,background .15s,padding-left .15s;border-left:2px solid transparent}.admin-submenu-btn:hover{color:#c8921a;background:#c8921a1a;padding-left:24px;border-left-color:#c8921a66}.admin-submenu-btn.active{color:#c8921a;font-weight:600;background:#c8921a24;border-left-color:#c8921a}.admin-submenu-icon{flex-shrink:0;width:16px;display:flex;align-items:center;justify-content:center;opacity:.75}.admin-submenu-btn:hover .admin-submenu-icon,.admin-submenu-btn.active .admin-submenu-icon{opacity:1}.admin-submenu-icon .admin-nav-svg{width:15px;height:15px}.admin-sub-submenu{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .22s ease}.admin-sub-submenu.open{max-height:300px;opacity:1}.admin-sub-submenu-btn{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 36px;background:none;border:none;color:#b89868;font-size:12.5px;cursor:pointer;width:100%;text-align:left;white-space:nowrap;text-decoration:none;transition:color .15s,background .15s;border-left:2px solid transparent}.admin-sub-submenu-btn:hover{color:#c8921a;background:#c8921a14;border-left-color:#c8921a4d}.admin-sub-submenu-btn.active{color:#c8921a;font-weight:600;background:#c8921a1f;border-left-color:#c8921a}.admin-main{flex:1;display:flex;flex-direction:column;min-width:0}.admin-header{height:56px;background:#fff;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:10;flex-shrink:0}.admin-collapse-btn{background:none;border:none;cursor:pointer;font-size:18px;color:#3d2200;padding:6px;border-radius:6px;transition:background .15s;line-height:1}.admin-collapse-btn:hover{background:#faf7ee}.admin-header-title{font-size:16px;font-weight:700;color:#3d2200;flex:1}.av-wrap{position:relative;flex-shrink:0}.av-btn{width:36px;height:36px;border-radius:50%;border:2px solid #C8921A;background:#3d2200;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:box-shadow .15s;flex-shrink:0}.av-btn:hover{box-shadow:0 0 0 3px #c8921a40}.av-btn img{width:100%;height:100%;object-fit:cover;display:block}.av-initials{font-size:14px;font-weight:700;color:#c8921a;line-height:1;-webkit-user-select:none;user-select:none}.av-btn-loading{cursor:default;opacity:.75}.av-spinner{width:16px;height:16px;border:2px solid rgba(200,146,26,.3);border-top-color:#c8921a;border-radius:50%;animation:av-spin .7s linear infinite}@keyframes av-spin{to{transform:rotate(360deg)}}.av-dropdown{position:absolute;right:0;top:calc(100% + 10px);background:#fff;border-radius:14px;box-shadow:0 10px 40px #3d22002e;border:1px solid #f0e8d8;min-width:230px;z-index:1000;overflow:hidden;animation:av-fade-in .15s ease}@keyframes av-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.av-profile-row{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #f0e8d8}.av-profile-pic{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #C8921A;flex-shrink:0}.av-profile-initials{width:46px;height:46px;border-radius:50%;background:#3d2200;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#c8921a;flex-shrink:0;-webkit-user-select:none;user-select:none}.av-profile-info{display:flex;flex-direction:column;gap:2px;min-width:0}.av-profile-name{font-size:14px;font-weight:700;color:#3d2200;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.av-profile-email{font-size:12px;color:#8c8c8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.av-profile-role{font-size:11px;color:#c8921a;font-weight:600;text-transform:capitalize;margin-top:1px}.av-menu-item{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;color:#3d2200;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit;transition:background .12s}.av-menu-item:hover{background:#faf7ee}.av-menu-danger{color:#dc2626}.av-menu-danger:hover{background:#fef2f2}.av-menu-divider{height:1px;background:#f0e8d8}.admin-content{flex:1;padding:28px;overflow-y:auto}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.kpi-card{background:#fff;border-radius:10px;padding:22px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 6px #00000012;border-left:4px solid #C8921A;transition:box-shadow .2s,transform .2s}.kpi-card:hover{box-shadow:0 6px 20px #c8921a26;transform:translateY(-2px)}.kpi-card-left{display:flex;flex-direction:column;gap:6px}.kpi-label{font-size:13px;color:#8c8c8c;font-weight:500}.kpi-value{font-size:32px;font-weight:800;color:#c8921a;line-height:1}.kpi-icon{width:64px;height:64px;background:#f5f5f5;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.admin-section-title{font-size:18px;font-weight:700;color:#3d2200;margin-bottom:20px}@media(max-width:900px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.dashboard-grid{grid-template-columns:1fr}.admin-content{padding:16px}}.kpi-card--blue{border-left-color:#2563eb}.kpi-card--blue .kpi-value{color:#2563eb}.kpi-card--purple{border-left-color:#7c3aed}.kpi-card--purple .kpi-value{color:#7c3aed}.kpi-card--green{border-left-color:#16a34a}.kpi-card--green .kpi-value{color:#16a34a}.kpi-card--red{border-left-color:#dc2626}.kpi-card--red .kpi-value{color:#dc2626}.kpi-card--cyan{border-left-color:#0891b2}.kpi-card--cyan .kpi-value{color:#0891b2}.kpi-card--violet{border-left-color:#9333ea}.kpi-card--violet .kpi-value{color:#9333ea}.kpi-card--amber{border-left-color:#f59e0b}.kpi-card--amber .kpi-value{color:#f59e0b}.kpi-card--emerald{border-left-color:#10b981}.kpi-card--emerald .kpi-value{color:#10b981}.kpi-sub{font-size:12px;color:#16a34a;font-weight:600;margin-top:2px}.db-section-label{font-size:11.5px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.db-mt{margin-top:28px}.db-kpi-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.db-kpi-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.db-charts-row{display:grid;gap:20px}.db-charts-60-40{grid-template-columns:60fr 40fr}.db-charts-40-60{grid-template-columns:40fr 60fr}.db-charts-3col{grid-template-columns:1fr 1fr 1fr}.db-charts-2col{grid-template-columns:1fr 1fr}.db-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 6px #00000012}.db-card-title{font-size:13.5px;font-weight:700;color:#3d2200;margin-bottom:14px;display:flex;align-items:center;gap:8px}.db-card-title>span{font-size:16px;line-height:1}.db-recent-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.db-recent-head{font-size:11px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}.db-recent-table{width:100%;border-collapse:collapse}.db-recent-table td{padding:7px 5px;font-size:12.5px;color:#3d2200;border-bottom:1px solid #faf7ee;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.db-recent-table tr:last-child td{border-bottom:none}.db-recent-table td:first-child{width:16px;padding-right:6px;max-width:none}.db-recent-table td:last-child{width:56px;text-align:right;max-width:none}.db-recent-name{font-weight:600}.db-recent-date{color:#8c8c8c!important;font-size:11px!important}.db-recent-empty{color:#c4a882;font-size:12px;text-align:center;padding:14px 0!important}.db-dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;flex-shrink:0}.db-dot--on{background:#16a34a}.db-dot--off{background:#dc2626}@media(max-width:1280px){.db-kpi-5{grid-template-columns:repeat(3,1fr)}.db-charts-60-40,.db-charts-40-60{grid-template-columns:1fr}.db-charts-3col{grid-template-columns:1fr 1fr}}@media(max-width:960px){.db-kpi-4,.db-kpi-5{grid-template-columns:repeat(2,1fr)}.db-charts-3col,.db-charts-2col{grid-template-columns:1fr}.db-recent-3col{grid-template-columns:1fr 1fr}}@media(max-width:600px){.db-kpi-4,.db-kpi-5{grid-template-columns:1fr 1fr}.db-recent-3col{grid-template-columns:1fr}}.at-page{display:flex;flex-direction:column;gap:20px}.at-page-title{font-size:22px;font-weight:800;color:#3d2200;margin:0}.at-tabs{display:flex;gap:0;border-bottom:2px solid #e3d9cc}.at-tab{padding:10px 22px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:13.5px;font-weight:600;color:#8c8c8c;cursor:pointer;transition:color .15s,border-color .15s}.at-tab:hover{color:#c8921a}.at-tab--active{color:#c8921a;border-bottom-color:#c8921a}.at-tab-content{background:#fff;border-radius:10px;box-shadow:0 1px 6px #3d220012;border:1px solid rgba(200,146,26,.1);min-height:120px}.at-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.at-search-wrap{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #e3d9cc;border-radius:8px;padding:8px 14px;flex:1;max-width:320px}.at-search{border:none;outline:none;background:none;font-size:13.5px;color:#3d2200;width:100%}.at-search::placeholder{color:#b5a48e}.at-add-btn{padding:10px 22px;background:#c8921a;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.5px;transition:background .15s;white-space:nowrap}.at-add-btn:hover{background:#5c3010}.at-import-btn{padding:10px 22px;background:#fff;color:#c8921a;border:1.5px solid #C8921A;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.5px;transition:background .15s,color .15s;white-space:nowrap}.at-import-btn:hover{background:#c8921a;color:#fff}.at-import-btn:disabled{opacity:.6;cursor:not-allowed}.at-table-wrap{background:#fff;border-radius:10px;box-shadow:0 1px 6px #3d220012;overflow:auto;border:1px solid rgba(200,146,26,.1)}.at-table{width:100%;border-collapse:collapse;font-size:13.5px;table-layout:fixed}.at-table thead th{background:#faf7ee;color:#3d2200;font-weight:700;padding:13px 16px;text-align:left;border-bottom:1.5px solid #e3d9cc;white-space:nowrap;font-size:12.5px;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis}.at-table tbody td{padding:12px 16px;border-bottom:1px solid #f5f0e8;color:#3d2200;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-desc-cell{white-space:normal!important;line-height:1.5}.at-table th:nth-child(1),.at-table td:nth-child(1){text-align:center}.at-table th:nth-child(2),.at-table td:nth-child(2){text-align:center;overflow:visible;text-overflow:clip}.at-table th:nth-child(3),.at-table td:nth-child(3){text-align:center}.at-table th:nth-child(5),.at-table td:nth-child(5){text-align:center}.at-table th:nth-child(6),.at-table td:nth-child(6){text-align:center}.at-table tbody tr:last-child td{border-bottom:none}.at-table tbody tr:hover td{background:#faf7ee}.at-empty{text-align:center;color:#8c8c8c;padding:40px!important;font-size:14px}.at-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.at-toggle input{position:absolute;opacity:0;width:0;height:0}.at-toggle-track{position:relative;width:40px;height:22px;border-radius:50px;background:#e3d9cc;transition:background .22s ease;flex-shrink:0}.at-toggle input:checked~.at-toggle-track{background:#c8921a}.at-toggle input:disabled~.at-toggle-track{opacity:.5;cursor:not-allowed}.at-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .22s cubic-bezier(.4,0,.2,1)}.at-toggle input:checked~.at-toggle-track .at-toggle-thumb{transform:translate(18px)}.at-toggle-label{font-size:12.5px;font-weight:600;color:#8c8c8c;min-width:48px;transition:color .2s}.at-toggle:has(input:checked) .at-toggle-label{color:#c8921a}.at-row-img{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid #e3d9cc}.at-no-img{color:#b5a48e;font-size:12px}.at-row-initials{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;background:#e8ddd2;color:#7a5c3e;font-size:13px;font-weight:600}.at-count-label{font-size:13px;color:#8c7b6b}.at-actions{display:flex;align-items:center;gap:8px}.at-icon-btn{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.at-icon-btn.edit{background:#c8921a1a;color:#c8921a}.at-icon-btn.edit:hover{background:#c8921a;color:#fff}.at-icon-btn.delete{background:#dc262614;color:#dc2626}.at-icon-btn.delete:hover{background:#dc2626;color:#fff}.at-icon-btn:disabled{opacity:.4;cursor:not-allowed}.at-pagination{display:flex;align-items:center;justify-content:flex-end;gap:20px;font-size:13px;color:#8c8c8c;flex-wrap:wrap}.at-rows-select{display:flex;align-items:center;gap:8px}.at-rows-select select{border:1px solid #e3d9cc;border-radius:4px;padding:4px 8px;font-size:13px;color:#3d2200;background:#fff;cursor:pointer}.at-page-info{font-weight:600;color:#3d2200}.at-page-btns{display:flex;gap:4px}.at-page-btns button{width:30px;height:30px;border:1px solid #e3d9cc;border-radius:4px;background:#fff;font-size:16px;cursor:pointer;color:#3d2200;transition:background .15s;display:flex;align-items:center;justify-content:center}.at-page-btns button:hover:not(:disabled){background:#faf7ee;border-color:#c8921a;color:#c8921a}.at-page-btns button:disabled{opacity:.35;cursor:not-allowed}.at-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d220066;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.at-modal{background:#fff;border-radius:14px;width:100%;max-width:480px;box-shadow:0 16px 60px #3d220040;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e3d9cc transparent}.at-modal::-webkit-scrollbar{width:4px}.at-modal::-webkit-scrollbar-track{background:transparent}.at-modal::-webkit-scrollbar-thumb{background:#e3d9cc;border-radius:4px}.at-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f0e8d8}.at-modal-header h2{font-size:17px;font-weight:700;color:#3d2200;margin:0}.at-modal-close{background:none;border:none;font-size:18px;color:#8c8c8c;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s}.at-modal-close:hover{color:#3d2200}.at-modal-error{margin:12px 24px 0;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:6px;padding:8px 12px;font-size:13px}.at-modal-form{padding:20px 24px 24px;display:flex;flex-direction:column;gap:14px}.at-field{display:flex;flex-direction:column;gap:4px}.at-field-label{font-size:12.5px;font-weight:600;color:#3d2200}.at-field input,.at-field textarea,.at-field select{padding:10px 14px;border:1.5px solid #e3d9cc;border-radius:8px;font-size:13.5px;color:#3d2200;background:#faf7ee;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;resize:vertical}.at-field input::placeholder,.at-field textarea::placeholder{color:#b5a48e}.at-field input:focus,.at-field textarea:focus,.at-field select:focus{border-color:#c8921a;box-shadow:0 0 0 3px #c8921a1f;background:#fff}.at-field input[readonly],.at-field textarea[readonly]{background:#f5f0e8;color:#8c8c8c;border-color:#e3d9cc}.at-req{color:#dc2626;margin-left:1px}.at-file-drop{border:2px dashed rgba(200,146,26,.35);border-radius:10px;padding:22px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:border-color .15s,background .15s;background:#faf7ee;color:#c8921a;font-size:13.5px;font-weight:600}.at-file-drop:hover{border-color:#c8921a;background:#c8921a0f}.at-file-drop small{font-size:11px;color:#b5a48e;font-weight:400}.at-import-modal{max-width:480px}.at-import-body{padding:20px 24px 4px;display:flex;flex-direction:column;gap:0}.at-import-modal .at-modal-actions{padding:16px 24px 22px;border-top:1px solid #f0e8d8;margin-top:8px}.at-import-step{display:flex;gap:14px;align-items:flex-start;padding:6px 0}.at-import-step-badge{min-width:26px;height:26px;border-radius:50%;background:#c8921a;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:2px;flex-shrink:0}.at-import-step-body{display:flex;flex-direction:column;gap:4px;flex:1}.at-import-step-title{font-size:13.5px;font-weight:700;color:#3d2200;margin:0}.at-import-step-desc{font-size:12px;color:#7a6a55;margin:0 0 10px;line-height:1.5}.at-import-divider{height:1px;background:#f0e9dc;margin:8px 0}.at-sample-csv-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:7px;cursor:pointer;background:#c8921a12;border:1.5px solid rgba(200,146,26,.3);color:#c8921a;font-weight:700;font-size:12.5px;transition:background .15s,border-color .15s;white-space:nowrap}.at-sample-csv-btn:hover{background:#c8921a26;border-color:#c8921a}.at-manage-cat-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:7px;cursor:pointer;background:#fff;border:1.5px solid #e3d9cc;color:#5c3010;font-weight:600;font-size:12.5px;transition:background .15s,border-color .15s;white-space:nowrap}.at-manage-cat-btn:hover{background:#faf7ee;border-color:#c8921a;color:#c8921a}.at-mgcat-body{padding:16px 24px 8px;max-height:340px;overflow-y:auto}.at-mgcat-empty{font-size:13px;color:#888;margin:0}.at-mgcat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.at-mgcat-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#faf7ee;border-radius:7px;border:1px solid #f0e9dc}.at-mgcat-row--add{border-style:dashed;border-color:#c8921a66;background:#c8921a0a}.at-mgcat-name{flex:1;font-size:13px;font-weight:600;color:#3d2200;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-mgcat-input{flex:1;border:1.5px solid #C8921A;border-radius:6px;padding:5px 10px;font-size:13px;color:#3d2200;outline:none;background:#fff}.at-mgcat-actions{display:flex;gap:4px;flex-shrink:0}.at-mgcat-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 24px 20px;border-top:1px solid #f0e8d8;margin-top:8px}.at-mgcat-add-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;cursor:pointer;background:#c8921a14;border:1.5px solid rgba(200,146,26,.3);color:#c8921a;font-weight:700;font-size:12.5px;transition:background .15s}.at-mgcat-add-btn:hover{background:#c8921a29}.at-csv-drop{border:2px dashed rgba(200,146,26,.3);border-radius:10px;padding:26px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:border-color .15s,background .15s;background:#faf7ee;text-align:center}.at-csv-drop:hover,.at-csv-drop--over{border-color:#c8921a;background:#c8921a12}.at-csv-drop--has-file{border-color:#16a34a;background:#16a34a0d}.at-csv-upload-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#c8921a1a;margin-bottom:2px}.at-csv-file-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#16a34a1a;margin-bottom:2px}.at-csv-drop-label{font-size:13px;font-weight:700;color:#3d2200}.at-csv-drop-hint{font-size:11.5px;color:#a08060}.at-csv-filename{font-size:13px;font-weight:700;color:#16a34a;word-break:break-all}.at-csv-change{font-size:11px;color:#7a6a55}.at-file-preview-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.at-file-preview{width:100%;max-height:140px;object-fit:contain;border-radius:6px;border:1px solid #e3d9cc}.at-file-change{font-size:11.5px;color:#8c8c8c}.at-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.at-btn-cancel{padding:10px 22px;background:#fff;border:1.5px solid #e3d9cc;border-radius:6px;font-size:13px;font-weight:700;color:#8c8c8c;cursor:pointer;transition:border-color .15s,color .15s;letter-spacing:.5px}.at-btn-cancel:hover{border-color:#c8921a;color:#c8921a}.at-btn-save{padding:10px 26px;background:#c8921a;border:none;border-radius:6px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:background .15s;letter-spacing:.5px}.at-btn-save:hover{background:#5c3010}.at-btn-save:disabled{opacity:.6;cursor:not-allowed}.cg-count{font-size:13px;font-weight:600;color:#8c8c8c;white-space:nowrap}.cg-state{text-align:center;color:#8c8c8c;font-size:14px;padding:60px 0}.cg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cg-card{background:#fff;border-radius:14px;padding:28px 16px 20px;box-shadow:0 1px 6px #3d220012;border:1px solid rgba(200,146,26,.1);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;transition:box-shadow .2s,transform .2s}.cg-card:hover{box-shadow:0 6px 24px #c8921a29;transform:translateY(-3px)}.cg-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #C8921A;margin-bottom:4px}.cg-avatar-initials{width:72px;height:72px;border-radius:50%;background:#3d2200;border:3px solid #C8921A;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#c8921a;margin-bottom:4px;flex-shrink:0;-webkit-user-select:none;user-select:none}.cg-name{font-size:14px;font-weight:700;color:#3d2200}.cg-email{font-size:12px;color:#8c8c8c;word-break:break-all}.cg-joined{font-size:11.5px;color:#b5a48e;margin-top:2px}@media(max-width:1200px){.cg-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.cg-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.cg-grid{grid-template-columns:1fr}}.df-page-header{display:flex;align-items:center;gap:10px}.df-back-btn{background:none;border:none;cursor:pointer;color:#3d2200;display:flex;align-items:center;padding:4px;border-radius:6px;transition:color .15s;flex-shrink:0}.df-back-btn:hover{color:#c8921a}.df-card{background:#fff;border-radius:12px;padding:24px 28px;box-shadow:0 1px 6px #3d220012;border:1px solid rgba(200,146,26,.1)}.df-section-label{font-size:13px;font-weight:600;color:#8c8c8c;margin-bottom:0}.df-section-divider{height:1px;background:#e3d9cc;margin:8px 0 18px}.df-consult-block{background:#fff;border-radius:10px;margin-bottom:10px;box-shadow:0 1px 4px #3d220012}.df-consult-header{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;cursor:pointer;font-size:13.5px;font-weight:600;color:#3d2200;border-radius:10px;-webkit-user-select:none;user-select:none;transition:background .15s}.df-consult-header:hover{background:#fdf5e6}.df-consult-body{padding:0 18px 16px}.df-consult-divider{height:1px;background:#f0e8d8;margin:0 18px 4px}.df-consult-remove{background:none;border:none;cursor:pointer;font-size:17px;line-height:1;color:#c5b49e;padding:2px 4px;border-radius:4px;transition:color .15s,background .15s}.df-consult-remove:hover{color:#c0392b;background:#fde9e9}.df-consult-delete{background:none;border:none;cursor:pointer;color:#dc2626;padding:4px 6px;border-radius:4px;display:flex;align-items:center;transition:background .15s}.df-consult-delete:hover{background:#fde9e9}.df-schedule-grid{margin:14px 0 10px;border:1.5px solid #f0e8d8;border-radius:8px;overflow:hidden}.df-schedule-row{display:grid;grid-template-columns:160px 1fr 1fr;align-items:center;gap:12px;padding:9px 16px;border-bottom:1px solid #f0e8d8;background:#fff}.df-schedule-row:last-child{border-bottom:none}.df-schedule-row:hover{background:#fdf8f0}.df-schedule-day-label{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#3d2200;cursor:pointer;-webkit-user-select:none;user-select:none}.df-schedule-day-label input[type=checkbox]{width:16px;height:16px;accent-color:#C8921A;cursor:pointer;flex-shrink:0}.df-schedule-row input[type=time]{border:1.5px solid #e3d9cc;border-radius:6px;padding:6px 10px;font-size:13px;color:#3d2200;background:#fff;width:100%;outline:none;cursor:pointer;font-family:inherit}.df-schedule-row input[type=time]:focus{border-color:#c8921a}.df-consult-type-row{margin-top:14px}.df-consult-type-label{font-size:11.5px;font-weight:700;color:#6b5b4e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.df-consult-type-options{display:flex;gap:10px;flex-wrap:wrap}.df-consult-type-option{display:flex;align-items:center;gap:7px;padding:8px 16px;border:1.5px solid rgba(200,146,26,.25);border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:#5c3010;background:#faf7ee;transition:all .15s;-webkit-user-select:none;user-select:none}.df-consult-type-option input[type=radio]{width:15px;height:15px;accent-color:#C8921A;cursor:pointer;flex-shrink:0}.df-consult-type-option.selected{border-color:#c8921a;background:#c8921a1a;color:#3d2200}.df-add-availability-btn{margin-top:6px;padding:9px 20px;border:1.5px dashed #C8921A;background:#fffaf0;color:#c8921a;border-radius:8px;font-size:12.5px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:background .15s,border-style .15s;width:100%;text-align:center}.df-add-availability-btn:hover{background:#fff3d6;border-style:solid}.df-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.df-browse-row{display:flex;align-items:center;gap:14px;margin-top:20px;flex-wrap:wrap}.df-browse-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1.5px solid #C8921A;background:#fff;color:#c8921a;border-radius:6px;font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.df-browse-btn:hover{background:#c8921a;color:#fff}.df-file-name{font-size:13px;color:#8c8c8c}.df-profile-preview{width:56px;height:56px;border-radius:8px;object-fit:cover;border:1.5px solid #e3d9cc}.df-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid #f0e8d8}.at-pwd-wrap{position:relative;display:block}.at-pwd-wrap input{width:100%;padding-right:44px!important}.at-eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:2px;cursor:pointer;color:#a09080;display:flex;align-items:center;transition:color .15s}.at-eye-btn:hover{color:#c8921a}.ms-trigger{width:100%;padding:10px 14px;border:1.5px solid #e3d9cc;border-radius:8px;font-size:13.5px;color:#3d2200;background:#faf7ee;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color .15s,box-shadow .15s;font-family:inherit}.ms-trigger.open,.ms-trigger:focus{border-color:#c8921a;box-shadow:0 0 0 3px #c8921a1f;background:#fff}.ms-trigger.ms-placeholder{color:#b5a48e}.ms-trigger span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #e3d9cc;border-radius:10px;box-shadow:0 8px 28px #3d220024;z-index:9999;max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e3d9cc transparent}.ms-dropdown::-webkit-scrollbar{width:4px}.ms-dropdown::-webkit-scrollbar-thumb{background:#e3d9cc;border-radius:4px}.ms-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid #f5f0e8;transition:background .12s;font-size:13.5px;color:#3d2200;-webkit-user-select:none;user-select:none}.ms-option:last-child{border-bottom:none}.ms-option:hover{background:#faf7ee}.ms-option input[type=checkbox]{accent-color:#C8921A;width:15px;height:15px;cursor:pointer;flex-shrink:0}.ms-empty{padding:14px;text-align:center;font-size:13px;color:#8c8c8c}.at-table-doctors td:nth-child(2){padding:8px 12px}.at-table-doctors .at-row-img{width:60px;height:60px;border-radius:8px}.at-table-doctors th:nth-child(5),.at-table-doctors td:nth-child(5){text-align:left}.at-table-doctors th:nth-child(6),.at-table-doctors td:nth-child(6){text-align:left}.at-table-doctors th:nth-child(7),.at-table-doctors td:nth-child(7){text-align:center}.at-table-doctors th:nth-child(8),.at-table-doctors td:nth-child(8){text-align:center}.at-ac-wrap,.at-ac-input-wrap{position:relative;width:100%}.at-ac-input-wrap input{width:100%;padding-right:36px!important}.at-ac-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.at-ac-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #e3d9cc;border-radius:10px;box-shadow:0 8px 28px #3d220024;z-index:9999;overflow:hidden;max-height:260px;overflow-y:auto}.at-ac-item{padding:11px 14px;cursor:pointer;border-bottom:1px solid #f5f0e8;transition:background .12s}.at-ac-item:last-child{border-bottom:none}.at-ac-item:hover,.at-ac-item.active{background:#faf7ee}.at-ac-item-main{font-size:13.5px;font-weight:600;color:#3d2200}.at-ac-item-sub{font-size:11.5px;color:#8c8c8c;margin-top:1px}.at-ac-empty{padding:14px;text-align:center;font-size:13px;color:#8c8c8c}.at-ac-loading{padding:14px;text-align:center;font-size:13px;color:#c8921a}.at-cb-col{width:44px!important;text-align:center!important;padding:8px 4px!important}.at-table .at-cb-col input[type=checkbox]{accent-color:#C8921A;width:15px;height:15px;cursor:pointer;vertical-align:middle}.at-tr-selected td{background:#fdf5e6!important}.at-del-selected-btn{padding:10px 18px;background:#dc262614;color:#dc2626;border:1.5px solid rgba(220,38,38,.2);border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.at-del-selected-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.at-err-msg{font-size:11.5px;color:#dc2626;margin-top:4px;line-height:1.3}.at-field-note{font-size:11.5px;color:#8c8c8c;margin-top:4px;line-height:1.3}.vf-section-row{display:grid;grid-template-columns:180px 1fr;gap:0 28px;padding:22px 0;border-bottom:1px solid #f0e8d8}.vf-section-last{border-bottom:none}.vf-label-col{font-size:13px;font-weight:700;color:#8c8c8c;padding-top:6px;white-space:nowrap}.vf-fields-col{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.vf-full{grid-column:1 / -1}.at-modal-wide{max-width:720px}.at-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.at-med-default-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;background:#fdf5e6;border:1px solid #e3d9cc}.mm-cat-filter{padding:8px 14px;border:1.5px solid #e3d9cc;border-radius:8px;font-size:13.5px;color:#3d2200;background:#fff;outline:none;cursor:pointer;transition:border-color .15s;font-family:inherit}.mm-cat-filter:focus{border-color:#c8921a}.at-table-medicines th:nth-child(2),.at-table-medicines td:nth-child(2){text-align:center}.at-table-medicines th:nth-child(6),.at-table-medicines td:nth-child(6){text-align:right}.at-table-medicines th:nth-child(7),.at-table-medicines td:nth-child(7){text-align:center}.at-table-medicines th:nth-child(8),.at-table-medicines td:nth-child(8){text-align:center}.at-appt-date-filter{display:flex;align-items:center;gap:6px;position:relative}.at-appt-date-filter label{font-size:12px;font-weight:600;color:#8c8c8c;white-space:nowrap}.at-appt-date-filter input[type=date]{padding:7px 10px;border:1.5px solid #e3d9cc;border-radius:8px;font-size:13px;color:#3d2200;background:#faf7ee;font-family:inherit;outline:none;cursor:pointer;transition:border-color .15s}.at-appt-date-filter input[type=date]:focus{border-color:#c8921a}.at-appt-date-clear{background:none;border:none;color:#8c8c8c;font-size:12px;cursor:pointer;padding:2px 4px;line-height:1;border-radius:4px;transition:color .15s}.at-appt-date-clear:hover{color:#ef4444}.at-appt-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#c8921a;color:#fff;border-radius:9px;font-size:10.5px;font-weight:700;margin-left:6px;line-height:1}.at-appt-status-select{padding:6px 28px 6px 10px;border:1.5px solid #e3d9cc;border-radius:7px;font-size:12.5px;color:#3d2200;background:#faf7ee;font-family:inherit;outline:none;cursor:pointer;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238C8C8C' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .15s}.at-appt-status-select:focus{border-color:#c8921a}.at-appt-status-select:disabled{opacity:.5;cursor:not-allowed}.at-appt-delete-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:#fef2f2;color:#dc2626;border:1.5px solid #fca5a5;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s;white-space:nowrap}.at-appt-delete-btn:hover{background:#fee2e2;border-color:#ef4444}.at-appt-delete-btn:disabled{opacity:.55;cursor:not-allowed}.at-row-selected td{background:#fff7e6!important}.at-table-appts th,.at-table-appts td{white-space:nowrap}.at-table-appts th:nth-child(1),.at-table-appts td:nth-child(1){text-align:center;width:28px;padding:12px 6px}.at-table-appts th:nth-child(2),.at-table-appts td:nth-child(2){text-align:center;width:36px;padding:12px 6px}.at-table-appts th:nth-child(5),.at-table-appts td:nth-child(5){width:110px}.at-table-appts th:nth-child(8),.at-table-appts td:nth-child(8){width:70px}.at-table-appts th:nth-child(11),.at-table-appts td:nth-child(11){width:100px}.at-table-appts th:nth-child(12),.at-table-appts td:nth-child(12){text-align:center;width:170px}.at-appt-row-actions{display:flex;align-items:center;gap:4px;justify-content:center}.at-appt-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;border:1.5px solid transparent;background:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s;flex-shrink:0}.at-appt-eye-btn{color:#2563eb}.at-appt-eye-btn:hover{background:#eff6ff;border-color:#bfdbfe}.at-appt-confirm-btn{color:#16a34a}.at-appt-confirm-btn:hover{background:#f0fdf4;border-color:#86efac}.at-appt-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.at-appt-cancel-btn{color:#dc2626}.at-appt-cancel-btn:hover{background:#fef2f2;border-color:#fca5a5}.at-appt-cancel-btn:disabled{opacity:.4;cursor:not-allowed}.at-appt-resched-btn{color:#9333ea}.at-appt-resched-btn:hover{background:#fdf4ff;border-color:#e9d5ff}.at-appt-del-btn{color:#dc2626}.at-appt-del-btn:hover{background:#fef2f2;border-color:#fca5a5}.at-appt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d220073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.at-appt-detail-modal{background:#fff;border-radius:16px;width:100%;max-width:440px;box-shadow:0 20px 60px #3d220033;overflow:hidden}.at-appt-detail-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid #f0e8d8}.at-appt-detail-header h3{margin:0;font-size:16px;font-weight:700;color:#3d2200}.at-appt-detail-close{background:none;border:none;font-size:17px;color:#8c8c8c;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s}.at-appt-detail-close:hover{color:#3d2200}.at-appt-detail-body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:8px;max-height:75vh;overflow-y:auto}.at-appt-detail-section{margin:8px 0 2px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#c8921a}.at-appt-detail-section:first-child{margin-top:0}.at-appt-detail-row{display:flex;justify-content:space-between;gap:16px;font-size:13.5px;padding:5px 0;border-bottom:1px solid #f5f0e8}.at-appt-detail-row:last-child{border-bottom:none}.at-appt-detail-label{color:#8c8c8c;font-weight:500;flex-shrink:0}.at-appt-detail-value{color:#3d2200;font-weight:600;text-align:right;word-break:break-word}.at-appt-detail-status-row{display:flex;gap:8px;align-items:center;padding-bottom:2px}.at-appt-detail-status-row .at-appt-status-select{flex:1}.at-appt-detail-status-btn{padding:9px 16px!important;font-size:12.5px!important;white-space:nowrap}.at-table-vendors th:nth-child(5),.at-table-vendors td:nth-child(5){text-align:left}.at-table-vendors th:nth-child(6),.at-table-vendors td:nth-child(6){text-align:left}.at-table-vendors th:nth-child(7),.at-table-vendors td:nth-child(7){text-align:center}.at-table-vendors th:nth-child(8),.at-table-vendors td:nth-child(8){text-align:center}.fp-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.fp-thumb-wrap{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;flex-shrink:0}.fp-thumb-img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1.5px solid #e3d9cc;display:block}.fp-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .18s}.fp-thumb-wrap:hover .fp-thumb-overlay{background:#00000073}.fp-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:72px;height:72px;border-radius:8px;padding:8px 10px;cursor:pointer;border:1.5px solid transparent;transition:border-color .15s,box-shadow .15s}.fp-badge:hover{border-color:#c8921a;box-shadow:0 0 0 3px #c8921a1a}.fp-badge-label{font-size:10px;font-weight:800;letter-spacing:.5px}.fp-badge-name{font-size:9.5px;color:#8c7b6b;text-align:center;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.fp-modal{background:#fff;border-radius:14px;width:min(92vw,900px);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #00000059;overflow:hidden}.fp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e3d9cc;flex-shrink:0;gap:12px}.fp-modal-title{font-size:13.5px;font-weight:600;color:#3d2200;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.fp-modal-close{background:none;border:none;cursor:pointer;font-size:15px;color:#8c8c8c;padding:4px 8px;border-radius:6px;transition:background .15s;flex-shrink:0;line-height:1}.fp-modal-close:hover{background:#f5efe0;color:#3d2200}.fp-modal-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px;min-height:0}.fp-modal-img{max-width:100%;max-height:calc(90vh - 120px);object-fit:contain;border-radius:6px}.fp-modal-embed{width:100%;height:calc(90vh - 120px);border:none;border-radius:6px;background:#f5f5f5}.fp-modal-nopreview{display:flex;flex-direction:column;align-items:center;gap:18px;padding:48px 32px;text-align:center}.fp-modal-nopreview p{font-size:14px;color:#3d2200;font-weight:500;word-break:break-all}.fp-download-btn{display:inline-block;padding:10px 28px;background:#c8921a;color:#fff;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s}.fp-download-btn:hover{background:#a67514}@layer css-reset{/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}}@media(prefers-reduced-motion:reduce){.str-chat,.str-chat *,.str-chat *:before,.str-chat *:after{animation-delay:0ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0ms!important;transition-duration:.01ms!important}.str-chat__attachment-selector__menu-button__icon{transform:none}}.str-chat__prepare-rotate45{transition:transform .2s ease;transform:rotate(0);transform-origin:center center}.str-chat__rotate45{transform:rotate(45deg)}.str-chat,.str-chat__theme-dark .str-chat__theme-inverse{--str-chat__base-transparent-0: rgba(255, 255, 255, 0);--str-chat__base-transparent-white-10: rgba(255, 255, 255, .1);--str-chat__base-transparent-white-20: rgba(255, 255, 255, .2);--str-chat__base-transparent-white-30: rgba(255, 255, 255, .3);--str-chat__base-transparent-white-70: rgba(255, 255, 255, .7);--str-chat__base-transparent-black-5: rgba( 0, 0, 0, .05 );--str-chat__base-transparent-black-10: rgba( 0, 0, 0, .1 );--str-chat__base-transparent-black-70: rgba( 0, 0, 0, .7 );--str-chat__base-black: #000000;--str-chat__base-white: #ffffff;--str-chat__slate-50: #f6f8fa;--str-chat__slate-100: #ebeef1;--str-chat__slate-150: #d5dbe1;--str-chat__slate-200: #c0c8d2;--str-chat__slate-300: #a3acba;--str-chat__slate-400: #87909f;--str-chat__slate-500: #687385;--str-chat__slate-600: #545969;--str-chat__slate-700: #414552;--str-chat__slate-800: #30313d;--str-chat__slate-900: #1a1b25;--str-chat__neutral-50: #f8f8f8;--str-chat__neutral-100: #efefef;--str-chat__neutral-150: #d8d8d8;--str-chat__neutral-200: #c4c4c4;--str-chat__neutral-300: #ababab;--str-chat__neutral-400: #8f8f8f;--str-chat__neutral-500: #6a6a6a;--str-chat__neutral-600: #565656;--str-chat__neutral-700: #464646;--str-chat__neutral-800: #323232;--str-chat__neutral-900: #1c1c1c;--str-chat__blue-50: #f3f7ff;--str-chat__blue-100: #e3edff;--str-chat__blue-150: #c3d9ff;--str-chat__blue-200: #a5c5ff;--str-chat__blue-300: #78a8ff;--str-chat__blue-400: #4586ff;--str-chat__blue-500: #005fff;--str-chat__blue-600: #1b53bd;--str-chat__blue-700: #19418d;--str-chat__blue-800: #142f63;--str-chat__blue-900: #091a3b;--str-chat__cyan-50: #f1fbfc;--str-chat__cyan-100: #d1f3f6;--str-chat__cyan-150: #a9e4ea;--str-chat__cyan-200: #72d7e0;--str-chat__cyan-300: #45bcc7;--str-chat__cyan-400: #1e9ea9;--str-chat__cyan-500: #248088;--str-chat__cyan-600: #006970;--str-chat__cyan-700: #065056;--str-chat__cyan-800: #003a3f;--str-chat__cyan-900: #002124;--str-chat__green-50: #e1ffee;--str-chat__green-100: #bdfcdb;--str-chat__green-150: #8febbd;--str-chat__green-200: #59dea3;--str-chat__green-300: #00c384;--str-chat__green-400: #00a46e;--str-chat__green-500: #277e59;--str-chat__green-600: #006643;--str-chat__green-700: #004f33;--str-chat__green-800: #003a25;--str-chat__green-900: #002213;--str-chat__purple-50: #f7f8ff;--str-chat__purple-100: #ecedff;--str-chat__purple-150: #d4d7ff;--str-chat__purple-200: #c1c5ff;--str-chat__purple-300: #a1a3ff;--str-chat__purple-400: #8482fc;--str-chat__purple-500: #644af9;--str-chat__purple-600: #553bd8;--str-chat__purple-700: #4032a1;--str-chat__purple-800: #2e2576;--str-chat__purple-900: #1a114d;--str-chat__yellow-50: #fef9da;--str-chat__yellow-100: #fcedb9;--str-chat__yellow-150: #fcd579;--str-chat__yellow-200: #f6bf57;--str-chat__yellow-300: #fa922b;--str-chat__yellow-400: #f26d10;--str-chat__yellow-500: #c84801;--str-chat__yellow-600: #a82c00;--str-chat__yellow-700: #842106;--str-chat__yellow-800: #5f1a05;--str-chat__yellow-900: #331302;--str-chat__red-50: #fff5fa;--str-chat__red-100: #ffe7f2;--str-chat__red-150: #ffccdf;--str-chat__red-200: #ffb1cd;--str-chat__red-300: #fe87a1;--str-chat__red-400: #fc526a;--str-chat__red-500: #d90d10;--str-chat__red-600: #b3093c;--str-chat__red-700: #890d37;--str-chat__red-800: #68052b;--str-chat__red-900: #3e021a;--str-chat__violet-50: #fef4ff;--str-chat__violet-100: #fbe8fe;--str-chat__violet-150: #f7cffc;--str-chat__violet-200: #eeb5f4;--str-chat__violet-300: #e68bec;--str-chat__violet-400: #d75fe7;--str-chat__violet-500: #b716ca;--str-chat__violet-600: #9d00ae;--str-chat__violet-700: #7c0089;--str-chat__violet-800: #5c0066;--str-chat__violet-900: #36003d;--str-chat__lime-50: #f1fde8;--str-chat__lime-100: #d4ffb0;--str-chat__lime-150: #b1ee79;--str-chat__lime-200: #9cda5d;--str-chat__lime-300: #78c100;--str-chat__lime-400: #639e11;--str-chat__lime-500: #4b7a0a;--str-chat__lime-600: #3e6213;--str-chat__lime-700: #355315;--str-chat__lime-800: #203a00;--str-chat__lime-900: #112100;--str-chat__size-2: 2px;--str-chat__size-4: 4px;--str-chat__size-6: 6px;--str-chat__size-8: 8px;--str-chat__size-12: 12px;--str-chat__size-16: 16px;--str-chat__size-20: 20px;--str-chat__size-24: 24px;--str-chat__size-32: 32px;--str-chat__size-40: 40px;--str-chat__size-48: 48px;--str-chat__size-64: 64px;--str-chat__size-28: 28px;--str-chat__size-80: 80px;--str-chat__size-128: 128px;--str-chat__size-240: 240px;--str-chat__size-320: 320px;--str-chat__size-480: 480px;--str-chat__size-560: 560px;--str-chat__size-640: 640px;--str-chat__size-760: 760px;--str-chat__size-144: 144px;--str-chat__size-208: 208px;--str-chat__size-56: 56px;--str-chat__radius-0: 0px;--str-chat__radius-2: 2px;--str-chat__radius-4: 4px;--str-chat__radius-6: 6px;--str-chat__radius-8: 8px;--str-chat__radius-12: 12px;--str-chat__radius-16: 16px;--str-chat__radius-20: 20px;--str-chat__radius-24: 24px;--str-chat__radius-32: 32px;--str-chat__radius-full: 9999px;--str-chat__space-0: 0px;--str-chat__space-2: 2px;--str-chat__space-4: 4px;--str-chat__space-8: 8px;--str-chat__space-12: 12px;--str-chat__space-16: 16px;--str-chat__space-20: 20px;--str-chat__space-24: 24px;--str-chat__space-32: 32px;--str-chat__space-40: 40px;--str-chat__space-48: 48px;--str-chat__space-64: 64px;--str-chat__space-80: 80px;--str-chat__w100: 1px;--str-chat__w150: 1.5px;--str-chat__w200: 2px;--str-chat__w300: 3px;--str-chat__w400: 4px;--str-chat__w120: 1.2px;--str-chat__font-family-geist: "Geist";--str-chat__font-family-geist-mono: "Geist Mono";--str-chat__font-family-sf-pro: "SF Pro";--str-chat__font-family-sf-mono: "SF Mono";--str-chat__font-family-roboto: "Roboto";--str-chat__font-family-roboto-mono: "Roboto Mono";--str-chat__font-weight-w400: 400;--str-chat__font-weight-w500: 500;--str-chat__font-weight-w600: 600;--str-chat__font-weight-w700: 700;--str-chat__font-size-size-8: 8px;--str-chat__font-size-size-10: 10px;--str-chat__font-size-size-11: 11px;--str-chat__font-size-size-12: 12px;--str-chat__font-size-size-13: 13px;--str-chat__font-size-size-14: 14px;--str-chat__font-size-size-16: 16px;--str-chat__font-size-size-15: 15px;--str-chat__font-size-size-17: 17px;--str-chat__font-size-size-18: 18px;--str-chat__font-size-size-20: 20px;--str-chat__font-size-size-22: 22px;--str-chat__font-size-size-24: 24px;--str-chat__font-size-size-28: 28px;--str-chat__font-size-size-32: 32px;--str-chat__font-size-size-40: 40px;--str-chat__font-size-size-48: 48px;--str-chat__font-size-size-64: 64px;--str-chat__line-height-line-height-8: 8px;--str-chat__line-height-line-height-10: 10px;--str-chat__line-height-line-height-12: 12px;--str-chat__line-height-line-height-13: 13px;--str-chat__line-height-line-height-14: 14px;--str-chat__line-height-line-height-15: 15px;--str-chat__line-height-line-height-16: 16px;--str-chat__line-height-line-height-17: 17px;--str-chat__line-height-line-height-18: 18px;--str-chat__line-height-line-height-20: 20px;--str-chat__line-height-line-height-24: 24px;--str-chat__line-height-line-height-28: 28px;--str-chat__line-height-line-height-32: 32px;--str-chat__line-height-line-height-40: 40px;--str-chat__line-height-line-height-48: 48px;--str-chat__typography-font-weight-regular: 400;--str-chat__typography-font-weight-medium: 500;--str-chat__typography-font-weight-semi-bold: 600;--str-chat__typography-font-weight-bold: 700;--str-chat__light-elevation-1: 0px 0px 0px 1px rgba(0, 0, 0, .05), 0px 1px 2px 0px rgba(0, 0, 0, .1), 0px 4px 8px 0px rgba(0, 0, 0, .06);--str-chat__light-elevation-2: 0px 0px 0px 1px rgba(0, 0, 0, .05), 0px 2px 4px 0px rgba(0, 0, 0, .12), 0px 6px 16px 0px rgba(0, 0, 0, .06);--str-chat__light-elevation-3: 0px 0px 0px 1px rgba(0, 0, 0, .05), 0px 4px 8px 0px rgba(0, 0, 0, .14), 0px 12px 24px 0px rgba(0, 0, 0, .1);--str-chat__light-elevation-4: 0px 0px 0px 1px rgba(0, 0, 0, .05), 0px 6px 12px 0px rgba(0, 0, 0, .16), 0px 20px 32px 0px rgba(0, 0, 0, .12);--str-chat__dark-elevation-1: 0px 0px 0px 1px rgba(255, 255, 255, .15), 0px 1px 2px 0px rgba(0, 0, 0, .2), 0px 4px 8px 0px rgba(0, 0, 0, .1);--str-chat__dark-elevation-2: 0px 0px 0px 1px rgba(255, 255, 255, .15), 0px 2px 4px 0px rgba(0, 0, 0, .22), 0px 6px 16px 0px rgba(0, 0, 0, .12);--str-chat__dark-elevation-3: 0px 0px 0px 1px rgba(255, 255, 255, .15), 0px 4px 8px 0px rgba(0, 0, 0, .24), 0px 12px 24px 0px rgba(0, 0, 0, .14);--str-chat__dark-elevation-4: 0px 0px 0px 1px rgba(255, 255, 255, .15), 0px 6px 12px 0px rgba(0, 0, 0, .28), 0px 20px 32px 0px rgba(0, 0, 0, .16);--str-chat__button-padding-y-lg: 14px;--str-chat__button-padding-y-md: 10px;--str-chat__button-padding-y-sm: 6px;--str-chat__button-padding-y-xs: 4px;--str-chat__button-padding-x-icon-only-lg: 14px;--str-chat__button-padding-x-icon-only-md: 10px;--str-chat__button-padding-x-icon-only-sm: 6px;--str-chat__button-padding-x-icon-only-xs: 4px;--str-chat__button-padding-x-with-label-lg: 16px;--str-chat__button-padding-x-with-label-md: 16px;--str-chat__button-padding-x-with-label-sm: 16px;--str-chat__button-padding-x-with-label-xs: 12px;--str-chat__background-core-overlay-light: rgba( 255, 255, 255, .75 );--str-chat__background-core-overlay-dark: rgba( 26, 27, 37, .25 );--str-chat__background-core-scrim: rgba( 26, 27, 37, .5 );--str-chat__background-utility-hover: rgba( 26, 27, 37, .1 );--str-chat__background-utility-pressed: rgba( 26, 27, 37, .15 );--str-chat__background-utility-selected: rgba( 26, 27, 37, .2 );--str-chat__border-utility-hover: rgba( 26, 27, 37, .1 );--str-chat__border-utility-pressed: rgba( 26, 27, 37, .2 );--str-chat__border-utility-selected: rgba( 26, 27, 37, .15 );--str-chat__border-core-opacity-subtle: rgba( 26, 27, 37, .1 );--str-chat__border-core-opacity-strong: rgba( 26, 27, 37, .25 );--str-chat__system-bg-blur: rgba(255, 255, 255, .01);--str-chat__system-scrollbar: rgba(0, 0, 0, .5);--str-chat__badge-bg-overlay: rgba(0, 0, 0, .75);--str-chat__control-play-button-bg: rgba(0, 0, 0, .75);--str-chat__typography-font-family-sans: var(--str-chat__font-family-geist);--str-chat__typography-font-family-mono: var(--str-chat__font-family-geist-mono);--str-chat__typography-font-size-xxs: var( --str-chat__font-size-size-10 );--str-chat__typography-font-size-xs: var( --str-chat__font-size-size-12 );--str-chat__typography-font-size-sm: var( --str-chat__font-size-size-14 );--str-chat__typography-font-size-md: var( --str-chat__font-size-size-16 );--str-chat__typography-font-size-lg: var( --str-chat__font-size-size-18 );--str-chat__typography-font-size-xl: var( --str-chat__font-size-size-20 );--str-chat__typography-font-size-2xl: var( --str-chat__font-size-size-24 );--str-chat__typography-font-size-micro: var( --str-chat__font-size-size-8 );--str-chat__typography-line-height-tight: var( --str-chat__line-height-line-height-16 );--str-chat__typography-line-height-normal: var( --str-chat__line-height-line-height-20 );--str-chat__typography-line-height-relaxed: var( --str-chat__line-height-line-height-24 );--str-chat__radius-none: var(--str-chat__radius-0);--str-chat__radius-xxs: var(--str-chat__radius-2);--str-chat__radius-xs: var(--str-chat__radius-4);--str-chat__radius-sm: var(--str-chat__radius-6);--str-chat__radius-md: var(--str-chat__radius-8);--str-chat__radius-lg: var(--str-chat__radius-12);--str-chat__radius-xl: var(--str-chat__radius-16);--str-chat__radius-2xl: var(--str-chat__radius-20);--str-chat__radius-max: var(--str-chat__radius-full);--str-chat__radius-3xl: var(--str-chat__radius-24);--str-chat__radius-4xl: var(--str-chat__radius-32);--str-chat__spacing-none: var( --str-chat__space-0 );--str-chat__spacing-xxs: var( --str-chat__space-4 );--str-chat__spacing-xs: var( --str-chat__space-8 );--str-chat__spacing-sm: var( --str-chat__space-12 );--str-chat__spacing-md: var( --str-chat__space-16 );--str-chat__spacing-xl: var( --str-chat__space-24 );--str-chat__spacing-2xl: var( --str-chat__space-32 );--str-chat__spacing-3xl: var( --str-chat__space-40 );--str-chat__spacing-lg: var( --str-chat__space-20 );--str-chat__spacing-xxxs: var(--str-chat__space-2);--str-chat__device-safe-area-bottom: var(--str-chat__space-0);--str-chat__device-safe-area-top: var(--str-chat__space-0);--str-chat__button-radius-lg: var(--str-chat__radius-full);--str-chat__button-radius-md: var(--str-chat__radius-full);--str-chat__button-radius-sm: var(--str-chat__radius-full);--str-chat__button-radius-full: var(--str-chat__radius-full);--str-chat__button-visual-height-sm: var(--str-chat__size-32);--str-chat__button-visual-height-md: var(--str-chat__size-40);--str-chat__button-visual-height-lg: var(--str-chat__size-48);--str-chat__button-visual-height-xs: var(--str-chat__size-24);--str-chat__button-hit-target-min-height: var(--str-chat__size-48);--str-chat__button-hit-target-min-width: var(--str-chat__size-48);--str-chat__button-primary-bg-liquid-glass: var(--str-chat__base-transparent-0);--str-chat__icon-size-xs: var(--str-chat__size-12);--str-chat__icon-size-sm: var(--str-chat__size-16);--str-chat__icon-size-md: var(--str-chat__size-20);--str-chat__icon-size-lg: var(--str-chat__size-32);--str-chat__icon-stroke-subtle: var(--str-chat__w120);--str-chat__icon-stroke-default: var(--str-chat__w150);--str-chat__icon-stroke-emphasis: var(--str-chat__w200);--str-chat__emoji-md: var(--str-chat__font-size-size-24);--str-chat__emoji-lg: var(--str-chat__font-size-size-32);--str-chat__emoji-xl: var(--str-chat__font-size-size-48);--str-chat__emoji-2xl: var(--str-chat__font-size-size-64);--str-chat__background-core-highlight: var( --str-chat__yellow-50 );--str-chat__chat-waveform-bar: var(--str-chat__border-core-opacity-strong);--str-chat__control-checkbox-bg: var(--str-chat__base-transparent-0);--str-chat__control-playback-thumb-border-default: var( --str-chat__border-core-opacity-strong );--str-chat__control-radio-button-bg: var(--str-chat__base-transparent-0);--str-chat__control-radio-check-bg: var(--str-chat__base-transparent-0);--str-chat__avatar-palette-bg-1: var(--str-chat__blue-150);--str-chat__avatar-palette-bg-2: var(--str-chat__cyan-150);--str-chat__avatar-palette-bg-3: var(--str-chat__green-150);--str-chat__avatar-palette-bg-4: var(--str-chat__purple-150);--str-chat__avatar-palette-bg-5: var(--str-chat__yellow-150);--str-chat__avatar-palette-text-1: var(--str-chat__blue-900);--str-chat__avatar-palette-text-2: var(--str-chat__cyan-900);--str-chat__avatar-palette-text-3: var(--str-chat__green-900);--str-chat__avatar-palette-text-4: var(--str-chat__purple-900);--str-chat__avatar-palette-text-5: var(--str-chat__yellow-900);--str-chat__accent-success: var( --str-chat__green-400 );--str-chat__accent-warning: var( --str-chat__yellow-400 );--str-chat__accent-error: var( --str-chat__red-500 );--str-chat__brand-50: var(--str-chat__blue-50);--str-chat__brand-100: var(--str-chat__blue-100);--str-chat__brand-150: var(--str-chat__blue-150);--str-chat__brand-200: var(--str-chat__blue-200);--str-chat__brand-300: var(--str-chat__blue-300);--str-chat__brand-400: var(--str-chat__blue-400);--str-chat__brand-500: var(--str-chat__blue-500);--str-chat__brand-600: var(--str-chat__blue-600);--str-chat__brand-700: var(--str-chat__blue-700);--str-chat__brand-800: var(--str-chat__blue-800);--str-chat__brand-900: var(--str-chat__blue-900);--str-chat__skeleton-loading-base: var( --str-chat__base-transparent-0 );--str-chat__skeleton-loading-highlight: var( --str-chat__background-core-overlay-light );--str-chat__chrome-0: var(--str-chat__base-white);--str-chat__chrome-50: var(--str-chat__slate-50);--str-chat__chrome-100: var(--str-chat__slate-100);--str-chat__chrome-150: var(--str-chat__slate-150);--str-chat__chrome-200: var(--str-chat__slate-200);--str-chat__chrome-300: var(--str-chat__slate-300);--str-chat__chrome-400: var(--str-chat__slate-400);--str-chat__chrome-500: var(--str-chat__slate-500);--str-chat__chrome-600: var(--str-chat__slate-600);--str-chat__chrome-700: var(--str-chat__slate-700);--str-chat__chrome-800: var(--str-chat__slate-800);--str-chat__chrome-900: var(--str-chat__slate-900);--str-chat__chrome-1000: var(--str-chat__base-black);--str-chat__device-radius: var(--str-chat__radius-md);--str-chat__message-bubble-radius-group-top: var(--str-chat__radius-2xl);--str-chat__message-bubble-radius-group-middle: var(--str-chat__radius-2xl);--str-chat__message-bubble-radius-group-bottom: var(--str-chat__radius-2xl);--str-chat__message-bubble-radius-tail: var(--str-chat__radius-none);--str-chat__message-bubble-radius-attachment: var(--str-chat__radius-lg);--str-chat__message-bubble-radius-attachment-inline: var(--str-chat__radius-md);--str-chat__composer-radius-fixed: var(--str-chat__radius-3xl);--str-chat__composer-radius-floating: var(--str-chat__radius-3xl);--str-chat__button-primary-border: var(--str-chat__brand-200);--str-chat__button-destructive-bg: var(--str-chat__accent-error);--str-chat__button-destructive-text: var(--str-chat__accent-error);--str-chat__button-destructive-border: var(--str-chat__accent-error);--str-chat__emoji-sm: var(--str-chat__typography-font-size-md);--str-chat__background-core-app: var( --str-chat__chrome-0 );--str-chat__background-core-elevation-0: var( --str-chat__chrome-0 );--str-chat__background-core-elevation-1: var( --str-chat__chrome-0 );--str-chat__background-core-elevation-2: var( --str-chat__chrome-0 );--str-chat__background-core-elevation-3: var( --str-chat__chrome-0 );--str-chat__background-core-surface-default: var( --str-chat__chrome-100 );--str-chat__background-core-surface-subtle: var( --str-chat__chrome-50 );--str-chat__background-core-surface-card: var( --str-chat__chrome-50 );--str-chat__background-core-surface-strong: var( --str-chat__chrome-150 );--str-chat__background-core-inverse: var( --str-chat__chrome-1000 );--str-chat__background-core-on-accent: var( --str-chat__chrome-0 );--str-chat__background-utility-disabled: var( --str-chat__chrome-100 );--str-chat__border-utility-focused: var( --str-chat__brand-150 );--str-chat__border-utility-success: var( --str-chat__accent-success );--str-chat__border-utility-warning: var( --str-chat__accent-warning );--str-chat__border-utility-error: var( --str-chat__accent-error );--str-chat__border-utility-disabled: var( --str-chat__chrome-100 );--str-chat__border-utility-disabled-on-surface: var( --str-chat__chrome-150 );--str-chat__border-core-default: var( --str-chat__chrome-150 );--str-chat__border-core-subtle: var( --str-chat__chrome-100 );--str-chat__border-core-strong: var( --str-chat__chrome-300 );--str-chat__border-core-inverse: var( --str-chat__chrome-0 );--str-chat__border-core-on-accent: var( --str-chat__chrome-0 );--str-chat__border-core-on-surface: var( --str-chat__chrome-300 );--str-chat__border-core-on-inverse: var( --str-chat__chrome-0 );--str-chat__chat-bg-outgoing: var( --str-chat__brand-100 );--str-chat__chat-bg-attachment-outgoing: var( --str-chat__brand-150 );--str-chat__chat-text-outgoing: var(--str-chat__brand-900);--str-chat__chat-border-outgoing: var(--str-chat__brand-100);--str-chat__chat-border-on-chat-outgoing: var(--str-chat__brand-300);--str-chat__chat-reply-indicator-incoming: var( --str-chat__chrome-400 );--str-chat__chat-reply-indicator-outgoing: var( --str-chat__brand-400 );--str-chat__chat-poll-progress-track-outgoing: var(--str-chat__brand-200);--str-chat__chat-thread-connector-outgoing: var(--str-chat__brand-150);--str-chat__presence-bg-online: var( --str-chat__accent-success );--str-chat__system-text: var(--str-chat__chrome-1000);--str-chat__badge-bg-error: var(--str-chat__accent-error);--str-chat__badge-bg-inverse: var(--str-chat__chrome-1000);--str-chat__text-primary: var( --str-chat__chrome-900 );--str-chat__text-secondary: var( --str-chat__chrome-700 );--str-chat__text-tertiary: var( --str-chat__chrome-500 );--str-chat__text-on-inverse: var( --str-chat__chrome-0 );--str-chat__text-on-accent: var( --str-chat__chrome-0 );--str-chat__text-disabled: var( --str-chat__chrome-300 );--str-chat__text-link: var( --str-chat__brand-500 );--str-chat__avatar-bg-default: var(--str-chat__avatar-palette-bg-1);--str-chat__avatar-bg-placeholder: var(--str-chat__chrome-150);--str-chat__avatar-text-default: var(--str-chat__avatar-palette-text-1);--str-chat__avatar-text-placeholder: var(--str-chat__chrome-500);--str-chat__avatar-presence-bg-online: var( --str-chat__accent-success );--str-chat__accent-primary: var( --str-chat__brand-500 );--str-chat__accent-neutral: var( --str-chat__chrome-500 );--str-chat__button-primary-bg: var(--str-chat__accent-primary);--str-chat__button-primary-text: var(--str-chat__accent-primary);--str-chat__button-primary-text-on-accent: var(--str-chat__text-on-accent);--str-chat__button-primary-text-on-dark: var(--str-chat__text-on-inverse);--str-chat__button-primary-border-on-dark: var(--str-chat__border-core-on-inverse);--str-chat__button-secondary-bg: var(--str-chat__background-core-surface-default);--str-chat__button-secondary-bg-liquid-glass: var( --str-chat__background-core-elevation-0 );--str-chat__button-secondary-text: var(--str-chat__text-primary);--str-chat__button-secondary-text-on-accent: var(--str-chat__text-primary);--str-chat__button-secondary-text-on-dark: var(--str-chat__text-on-inverse);--str-chat__button-secondary-border: var(--str-chat__border-core-default);--str-chat__button-secondary-border-on-dark: var(--str-chat__border-core-on-inverse);--str-chat__button-destructive-bg-liquid-glass: var( --str-chat__background-core-elevation-0 );--str-chat__button-destructive-text-on-accent: var(--str-chat__text-on-accent);--str-chat__button-destructive-text-on-dark: var(--str-chat__text-on-inverse);--str-chat__button-destructive-border-on-dark: var(--str-chat__text-on-inverse);--str-chat__border-utility-active: var( --str-chat__accent-primary );--str-chat__chat-bg-incoming: var( --str-chat__background-core-surface-default );--str-chat__chat-bg-attachment-incoming: var( --str-chat__background-core-surface-strong );--str-chat__chat-text-incoming: var(--str-chat__text-primary);--str-chat__chat-text-username: var(--str-chat__text-secondary);--str-chat__chat-text-timestamp: var(--str-chat__text-tertiary);--str-chat__chat-text-read: var(--str-chat__accent-primary);--str-chat__chat-text-mention: var(--str-chat__text-link);--str-chat__chat-text-link: var( --str-chat__text-link );--str-chat__chat-text-reaction: var( --str-chat__text-secondary );--str-chat__chat-text-system: var( --str-chat__text-secondary );--str-chat__chat-border-incoming: var(--str-chat__border-core-subtle);--str-chat__chat-border-on-chat-incoming: var(--str-chat__border-core-strong);--str-chat__chat-waveform-bar-playing: var(--str-chat__accent-primary);--str-chat__chat-poll-progress-fill-outgoing: var(--str-chat__accent-primary);--str-chat__chat-thread-connector-incoming: var(--str-chat__border-core-default);--str-chat__input-text-default: var( --str-chat__text-primary );--str-chat__input-text-placeholder: var( --str-chat__text-tertiary );--str-chat__input-text-disabled: var( --str-chat__text-disabled );--str-chat__input-text-icon: var( --str-chat__text-tertiary );--str-chat__input-send-icon: var( --str-chat__accent-primary );--str-chat__input-send-icon-disabled: var( --str-chat__text-disabled );--str-chat__reaction-bg: var(--str-chat__background-core-elevation-3);--str-chat__reaction-border: var(--str-chat__border-core-default);--str-chat__reaction-text: var(--str-chat__text-primary);--str-chat__reaction-emoji: var(--str-chat__text-primary);--str-chat__presence-border: var( --str-chat__border-core-inverse );--str-chat__presence-bg-offline: var( --str-chat__accent-neutral );--str-chat__system-caret: var(--str-chat__accent-primary);--str-chat__badge-bg-default: var(--str-chat__background-core-elevation-3);--str-chat__badge-bg-primary: var(--str-chat__accent-primary);--str-chat__badge-bg-neutral: var(--str-chat__accent-neutral);--str-chat__badge-text: var(--str-chat__text-primary);--str-chat__badge-text-on-inverse: var(--str-chat__text-on-inverse);--str-chat__badge-text-on-accent: var(--str-chat__text-on-accent);--str-chat__badge-border: var(--str-chat__border-core-on-inverse);--str-chat__control-remove-control-bg: var(--str-chat__background-core-inverse);--str-chat__control-remove-control-icon: var(--str-chat__text-on-inverse);--str-chat__control-remove-control-border: var(--str-chat__border-core-on-inverse);--str-chat__control-progress-bar-fill: var(--str-chat__accent-neutral);--str-chat__control-progress-bar-track: var(--str-chat__background-core-surface-strong);--str-chat__control-toggle-switch-bg: var(--str-chat__accent-neutral);--str-chat__control-toggle-switch-bg-selected: var(--str-chat__accent-primary);--str-chat__control-toggle-switch-bg-disabled: var( --str-chat__background-utility-disabled );--str-chat__control-toggle-switch-knob: var(--str-chat__background-core-on-accent);--str-chat__control-playback-toggle-text: var(--str-chat__text-primary);--str-chat__control-playback-toggle-border: var(--str-chat__border-core-default);--str-chat__control-checkbox-border: var(--str-chat__border-core-default);--str-chat__control-checkbox-bg-selected: var(--str-chat__accent-primary);--str-chat__control-checkbox-icon: var(--str-chat__text-on-accent);--str-chat__control-play-button-icon: var(--str-chat__text-on-accent);--str-chat__control-playback-thumb-bg-default: var( --str-chat__background-core-on-accent );--str-chat__control-playback-thumb-bg-active: var(--str-chat__accent-primary);--str-chat__control-playback-thumb-border-active: var( --str-chat__border-core-on-accent );--str-chat__control-radio-button-border: var(--str-chat__border-core-default);--str-chat__control-radio-button-bg-selected: var(--str-chat__accent-primary);--str-chat__control-radio-button-indicator: var(--str-chat__text-on-accent);--str-chat__control-radio-check-border: var(--str-chat__border-core-default);--str-chat__control-radio-check-bg-selected: var(--str-chat__accent-primary);--str-chat__control-radio-check-icon: var(--str-chat__text-on-accent);--str-chat__control-chip-border: var(--str-chat__border-core-default);--str-chat__control-chip-text: var(--str-chat__text-primary);--str-chat__avatar-presence-bg-offline: var( --str-chat__accent-neutral );--str-chat__avatar-presence-border: var( --str-chat__border-core-on-inverse );--str-chat__chat-text-typing-indicator: var( --str-chat__chat-text-incoming );--str-chat__chat-poll-progress-track-incoming: var( --str-chat__control-progress-bar-track );--str-chat__chat-poll-progress-fill-incoming: var( --str-chat__control-progress-bar-fill )}.str-chat__theme-dark,.str-chat:not(.str-chat__theme-dark) *:not(.str-chat__theme-dark) .str-chat__theme-inverse{--str-chat__background-core-overlay-light: rgba( 0, 0, 0, .75 );--str-chat__background-core-overlay-dark: rgba( 0, 0, 0, .5 );--str-chat__background-core-scrim: rgba( 0, 0, 0, .75 );--str-chat__background-utility-hover: rgba( 255, 255, 255, .15 );--str-chat__background-utility-pressed: rgba( 255, 255, 255, .2 );--str-chat__background-utility-selected: rgba( 255, 255, 255, .25 );--str-chat__border-utility-selected: rgba( 255, 255, 255, .15 );--str-chat__border-utility-hover: rgba( 255, 255, 255, .1 );--str-chat__border-utility-pressed: rgba( 255, 255, 255, .2 );--str-chat__border-core-opacity-subtle: rgba( 255, 255, 255, .2 );--str-chat__border-core-opacity-strong: rgba( 255, 255, 255, .25 );--str-chat__system-bg-blur: rgba(0, 0, 0, .01);--str-chat__system-scrollbar: rgba(255, 255, 255, .5);--str-chat__background-core-highlight: var( --str-chat__yellow-800 );--str-chat__avatar-palette-bg-1: var(--str-chat__blue-600);--str-chat__avatar-palette-bg-2: var(--str-chat__cyan-600);--str-chat__avatar-palette-bg-3: var(--str-chat__green-600);--str-chat__avatar-palette-bg-4: var(--str-chat__purple-600);--str-chat__avatar-palette-bg-5: var(--str-chat__yellow-600);--str-chat__avatar-palette-text-1: var(--str-chat__blue-100);--str-chat__avatar-palette-text-2: var(--str-chat__cyan-100);--str-chat__avatar-palette-text-3: var(--str-chat__green-100);--str-chat__avatar-palette-text-4: var(--str-chat__purple-100);--str-chat__avatar-palette-text-5: var(--str-chat__yellow-100);--str-chat__accent-success: var( --str-chat__green-300 );--str-chat__accent-warning: var( --str-chat__yellow-300 );--str-chat__accent-error: var( --str-chat__red-400 );--str-chat__brand-50: var(--str-chat__blue-900);--str-chat__brand-100: var(--str-chat__blue-800);--str-chat__brand-150: var(--str-chat__blue-700);--str-chat__brand-200: var(--str-chat__blue-600);--str-chat__brand-300: var(--str-chat__blue-500);--str-chat__brand-500: var(--str-chat__blue-300);--str-chat__brand-600: var(--str-chat__blue-200);--str-chat__brand-700: var(--str-chat__blue-150);--str-chat__brand-800: var(--str-chat__blue-100);--str-chat__brand-900: var(--str-chat__blue-50);--str-chat__chrome-0: var(--str-chat__base-black);--str-chat__chrome-50: var(--str-chat__neutral-900);--str-chat__chrome-100: var(--str-chat__neutral-800);--str-chat__chrome-150: var(--str-chat__neutral-700);--str-chat__chrome-200: var(--str-chat__neutral-600);--str-chat__chrome-300: var(--str-chat__neutral-500);--str-chat__chrome-400: var(--str-chat__neutral-400);--str-chat__chrome-500: var(--str-chat__neutral-300);--str-chat__chrome-600: var(--str-chat__neutral-200);--str-chat__chrome-700: var(--str-chat__neutral-150);--str-chat__chrome-800: var(--str-chat__neutral-100);--str-chat__chrome-900: var(--str-chat__neutral-50);--str-chat__chrome-1000: var(--str-chat__base-white);--str-chat__background-core-elevation-1: var( --str-chat__chrome-50 );--str-chat__background-core-elevation-2: var( --str-chat__chrome-100 );--str-chat__background-core-elevation-3: var( --str-chat__chrome-200 );--str-chat__background-core-surface-card: var( --str-chat__chrome-100 );--str-chat__background-core-on-accent: var( --str-chat__chrome-1000 );--str-chat__border-core-default: var( --str-chat__chrome-200 );--str-chat__border-core-on-accent: var( --str-chat__chrome-1000 );--str-chat__text-on-accent: var( --str-chat__chrome-1000 );--str-chat__text-link: var( --str-chat__brand-600 );--str-chat__accent-primary: var( --str-chat__brand-400 )}.str-chat{--str-chat__font-family: var(--str-chat__typography-font-family-sans), -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif;--str-chat__font-heading-xs: normal var(--str-chat__typography-font-weight-semi-bold) var(--str-chat__typography-font-size-sm) / var(--str-chat__typography-line-height-normal) var(--str-chat__font-family);--str-chat__font-heading-sm: normal var(--str-chat__typography-font-weight-semi-bold) var(--str-chat__typography-font-size-md) / var(--str-chat__typography-line-height-normal) var(--str-chat__font-family);--str-chat__font-heading-md: normal var(--str-chat__typography-font-weight-semi-bold) var(--str-chat__typography-font-size-lg) / var(--str-chat__typography-line-height-relaxed) var(--str-chat__font-family);--str-chat__font-heading-lg: normal var(--str-chat__typography-font-weight-semi-bold) var(--str-chat__typography-font-size-xl) / var(--str-chat__typography-line-height-relaxed) var(--str-chat__font-family);--str-chat__font-body-default: normal var(--str-chat__typography-font-weight-regular) var(--str-chat__typography-font-size-md) / var(--str-chat__typography-line-height-normal) var(--str-chat__font-family);--str-chat__font-body-emphasis: normal var(--str-chat__typography-font-weight-semi-bold) var(--str-chat__typography-font-size-md) / var(--str-chat__typography-line-height-normal) var(--str-chat__font-family);--str-chat__font-body-link: normal var(--str-chat__typography-font-weight-regular) var(--str-chat__typography-font-size-md) / var(--str-chat__typography-line-height-normal) var(--str-chat__font-family);--str-chat__font-body-link-emphasis: normal var(--str-chat__typography-font-weight-semi-bold) var(--str-chat__typography-font-size-md) / var(--str-chat__typography-line-height-normal) var(--str-chat__font-family);--str-chat__font-caption-default: normal var(--str-chat__typography-font-weight-regular) var(--str-chat__typography-font-size-sm) / var(--str-chat__typography-line-height-normal) var(--str-chat__font-family);--str-chat__font-caption-emphasis: normal var(--str-chat__typography-font-weight-semi-bold) var(--str-chat__typography-font-size-sm) / var(--str-chat__typography-line-height-normal) var(--str-chat__font-family);--str-chat__font-caption-link: normal var(--str-chat__typography-font-weight-regular) var(--str-chat__typography-font-size-sm) / var(--str-chat__typography-line-height-normal) var(--str-chat__font-family);--str-chat__font-caption-link-emphasis: normal var(--str-chat__typography-font-weight-semi-bold) var(--str-chat__typography-font-size-sm) / var(--str-chat__typography-line-height-normal) var(--str-chat__font-family);--str-chat__font-metadata-default: normal var(--str-chat__typography-font-weight-regular) var(--str-chat__typography-font-size-xs) / var(--str-chat__typography-line-height-tight) var(--str-chat__font-family);--str-chat__font-metadata-emphasis: normal var(--str-chat__typography-font-weight-semi-bold) var(--str-chat__typography-font-size-xs) / var(--str-chat__typography-line-height-tight) var(--str-chat__font-family);--str-chat__font-metadata-link: normal var(--str-chat__typography-font-weight-regular) var(--str-chat__typography-font-size-xs) / var(--str-chat__typography-line-height-tight) var(--str-chat__font-family);--str-chat__font-metadata-link-emphasis: normal var(--str-chat__typography-font-weight-semi-bold) var(--str-chat__typography-font-size-xs) / var(--str-chat__typography-line-height-tight) var(--str-chat__font-family);--str-chat__font-numeric-sm: normal var(--str-chat__typography-font-weight-bold) var(--str-chat__typography-font-size-micro) / 100% var(--str-chat__font-family);--str-chat__font-numeric-md: normal var(--str-chat__typography-font-weight-bold) var(--str-chat__typography-font-size-xxs) / 100% var(--str-chat__font-family);--str-chat__font-numeric-lg: normal var(--str-chat__typography-font-weight-bold) var(--str-chat__typography-font-size-xs) / 100% var(--str-chat__font-family);--str-chat__font-numeric-xl: normal var(--str-chat__typography-font-weight-bold) var(--str-chat__typography-font-size-sm) / 100% var(--str-chat__font-family)}.str-chat,.str-chat__theme-light{--str-chat__box-shadow-1: var(--str-chat__light-elevation-1);--str-chat__box-shadow-2: var(--str-chat__light-elevation-2);--str-chat__box-shadow-3: var(--str-chat__light-elevation-3);--str-chat__box-shadow-4: var(--str-chat__light-elevation-4)}.str-chat__theme-dark,.str-chat:not(.str-chat__theme-dark) *:not(.str-chat__theme-dark) .str-chat__theme-inverse{--str-chat__box-shadow-1: var(--str-chat__dark-elevation-1);--str-chat__box-shadow-2: var(--str-chat__dark-elevation-2);--str-chat__box-shadow-3: var(--str-chat__dark-elevation-3);--str-chat__box-shadow-4: var(--str-chat__dark-elevation-4)}.str-chat{--str-chat__focus-outline-color: var(--str-chat__border-utility-focused);--str-chat__focus-outline: 2px solid var(--str-chat__focus-outline-color);--str-chat__focus-outline-offset: 2px;font:var(--str-chat__font-body-default);letter-spacing:var(--typography-letter-spacing-default);color:var(--str-chat__text-primary)}.str-chat *:not(:disabled):focus-visible{outline:var(--str-chat__focus-outline);outline-offset:var(--str-chat__focus-outline-offset, 2px)}.str-chat input::-webkit-outer-spin-button,.str-chat input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.str-chat input[type=number]{-moz-appearance:textfield}.str-chat__icon{flex-shrink:0;width:1em;height:1em;fill:currentColor}[dir=rtl] .str-chat__icon[data-rtl-mirror]{transform:scaleX(-1)}.str-chat__icon--exclamation-mark{stroke:currentColor}.str-chat .str-chat__file-icon{fill:none}.str-chat .str-chat__file-icon .str-chat__file-icon__label{fill:#fff;font-size:8px;font-weight:800;letter-spacing:.1px;text-anchor:middle}.str-chat .str-chat__file-icon.str-chat__file-icon--no-label .str-chat__file-icon__graphic{transform:translateY(6)}.str-chat .str-chat__file-icon.str-chat__file-icon--size-sm .str-chat__file-icon__label{font-size:0;height:0}.str-chat .str-chat__file-icon.str-chat__file-icon--size-sm .str-chat__file-icon__graphic{transform:translateY(6)}.str-chat .str-chat__file-icon.str-chat__file-icon--size-md .str-chat__file-icon__label{font-size:8px}.str-chat .str-chat__file-icon.str-chat__file-icon--size-lg .str-chat__file-icon__label{font-size:10px}.str-chat .str-chat__file-icon.str-chat__file-icon--size-xl .str-chat__file-icon__label{font-size:12px}.str-chat__badge{display:flex;align-items:center;justify-content:center;font-weight:var(--str-chat__typography-font-weight-bold);border-radius:var(--str-chat__radius-max);line-height:1;border-style:solid}.str-chat__badge--variant-default{background:var(--str-chat__badge-bg-default);color:var(--str-chat__badge-text);border-color:var(--str-chat__badge-border)}.str-chat__badge--variant-primary{background:var(--str-chat__badge-bg-primary);color:var(--str-chat__badge-text-on-accent);border-color:var(--str-chat__badge-border)}.str-chat__badge--variant-error{background:var(--str-chat__badge-bg-error);color:var(--str-chat__badge-text-on-accent);border-color:var(--str-chat__badge-border)}.str-chat__badge--variant-neutral{background:var(--str-chat__badge-bg-neutral);color:var(--str-chat__badge-text-on-accent);border-color:var(--str-chat__badge-border)}.str-chat__badge--variant-inverse{background:var(--str-chat__badge-bg-inverse);color:var(--str-chat__badge-text-on-inverse);border-color:var(--str-chat__badge-border)}.str-chat__badge--size-sm{font-size:var(--str-chat__typography-font-size-xxs);min-width:16px;min-height:16px;padding-inline:var(--str-chat__spacing-xxxs);border-width:1px}.str-chat__badge--size-md{font-size:var(--str-chat__typography-font-size-xs);min-width:20px;min-height:20px;padding-inline:var(--str-chat__spacing-xxs);border-width:2px}.str-chat__badge--size-lg{font-size:var(--str-chat__typography-font-size-sm);min-width:24px;min-height:24px;padding-inline:var(--str-chat__spacing-xs);border-width:2px}.str-chat__badge--variant-counter{border-radius:var(--str-chat__radius-max);border:1px solid var(--str-chat__border-core-subtle);background:var(--str-chat__badge-bg-default);font:var(--str-chat__font-numeric-xl);color:var(--str-chat__badge-text);box-shadow:var(--str-chat__box-shadow-2)}.str-chat__badge--variant-counter.str-chat__badge--size-xs{min-width:20px;min-height:20px;padding-inline:var(--str-chat__spacing-xxs);font:var(--str-chat__font-numeric-md)}.str-chat__badge--variant-counter.str-chat__badge--size-sm{min-width:24px;min-height:24px;padding-inline:var(--str-chat__spacing-xs)}.str-chat__badge--variant-counter.str-chat__badge--size-md{min-width:32px;min-height:32px;padding-inline:var(--str-chat__spacing-xs)}.str-chat__badge--variant-counter.str-chat__badge--size-lg{min-width:40px;min-height:40px;padding-inline:var(--str-chat__spacing-sm)}.str-chat__badge--variant-error.str-chat__badge--size-xs{min-width:16px;min-height:16px}.str-chat__badge--variant-error.str-chat__badge--size-sm{min-width:20px;min-height:20px}.str-chat__badge--variant-error.str-chat__badge--size-md{min-width:24px;min-height:24px}.str-chat__media-badge{display:flex;align-items:center;gap:var(--str-chat__spacing-xxs);position:absolute;bottom:var(--str-chat__spacing-xs);inset-inline-start:var(--str-chat__spacing-xs);padding:var(--str-chat__spacing-xxs) var(--str-chat__spacing-xs);border-radius:var(--str-chat__radius-max);background:var(--str-chat__badge-bg-inverse);color:var(--str-chat__badge-text-on-inverse);font:var(--str-chat__font-numeric-md);overflow:hidden;text-overflow:ellipsis}.str-chat__media-badge .str-chat__icon{width:var(--str-chat__icon-size-xs);height:var(--str-chat__icon-size-xs);fill:currentColor}.str-chat .str-chat__image-placeholder{width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--str-chat__background-core-overlay-light)}.str-chat .str-chat__image-placeholder svg{fill:var(--str-chat__accent-neutral);width:min(var(--str-chat__icon-size-lg, 32px),50%);height:min(var(--str-chat__icon-size-lg, 32px),50%)}.str-chat .str-chat__button{background:none;border:none;padding:0;position:relative;overflow:hidden;white-space:nowrap;cursor:pointer;display:flex;align-items:center;justify-content:center;font:var(--str-chat__font-heading-xs);text-transform:capitalize}.str-chat .str-chat__button.str-chat__button--solid.str-chat__button--primary{background-color:var(--str-chat__button-primary-bg);color:var(--str-chat__button-primary-text-on-accent)}.str-chat .str-chat__button.str-chat__button--solid.str-chat__button--secondary{background-color:var(--str-chat__button-secondary-bg);color:var(--str-chat__button-secondary-text-on-accent)}.str-chat .str-chat__button.str-chat__button--solid.str-chat__button--destructive{background-color:var(--str-chat__button-destructive-bg);color:var(--str-chat__button-destructive-text-on-accent)}.str-chat .str-chat__button.str-chat__button--solid:disabled{background-color:var(--str-chat__background-utility-disabled)}.str-chat .str-chat__button.str-chat__button--ghost.str-chat__button--primary{color:var(--str-chat__button-primary-text)}.str-chat .str-chat__button.str-chat__button--ghost.str-chat__button--secondary{color:var(--str-chat__button-secondary-text)}.str-chat .str-chat__button.str-chat__button--ghost.str-chat__button--destructive{color:var(--str-chat__button-destructive-text)}.str-chat .str-chat__button.str-chat__button--outline.str-chat__button--primary{color:var(--str-chat__button-primary-text);border-color:var(--str-chat__button-primary-border)}.str-chat .str-chat__button.str-chat__button--outline.str-chat__button--secondary{color:var(--str-chat__button-secondary-text);border-color:var(--str-chat__button-secondary-border)}.str-chat .str-chat__button.str-chat__button--outline.str-chat__button--destructive{color:var(--str-chat__button-destructive-text);border-color:var(--str-chat__button-destructive-border)}.str-chat .str-chat__button.str-chat__button--outline{border-width:1px;border-style:solid}.str-chat .str-chat__button.str-chat__button--solid:not(:disabled):hover:after,.str-chat .str-chat__button.str-chat__button--outline:not(:disabled):hover:after,.str-chat .str-chat__button.str-chat__button--ghost:not(:disabled):hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--str-chat__background-utility-hover);pointer-events:none}.str-chat .str-chat__button.str-chat__button--solid[aria-expanded=true]:after,.str-chat .str-chat__button.str-chat__button--solid:not(:disabled):active:after,.str-chat .str-chat__button.str-chat__button--outline[aria-expanded=true]:after,.str-chat .str-chat__button.str-chat__button--outline:not(:disabled):active:after,.str-chat .str-chat__button.str-chat__button--ghost[aria-expanded=true]:after,.str-chat .str-chat__button.str-chat__button--ghost:not(:disabled):active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--str-chat__background-utility-pressed);pointer-events:none}.str-chat .str-chat__button.str-chat__button--solid:not(:disabled):focus-visible,.str-chat .str-chat__button.str-chat__button--outline:not(:disabled):focus-visible,.str-chat .str-chat__button.str-chat__button--ghost:not(:disabled):focus-visible{outline:2px solid var(--str-chat__border-utility-focused);outline-offset:2px}.str-chat .str-chat__button.str-chat__button--solid:not(:disabled)[aria-pressed=true]:after,.str-chat .str-chat__button.str-chat__button--outline:not(:disabled)[aria-pressed=true]:after,.str-chat .str-chat__button.str-chat__button--ghost:not(:disabled)[aria-pressed=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--str-chat__background-utility-selected);pointer-events:none}.str-chat .str-chat__button.str-chat__button--solid:disabled,.str-chat .str-chat__button.str-chat__button--outline:disabled,.str-chat .str-chat__button.str-chat__button--ghost:disabled{color:var(--str-chat__text-disabled);cursor:default}.str-chat .str-chat__button.str-chat__button--outline:disabled{border-color:var(--str-chat__border-utility-disabled)}.str-chat .str-chat__button.str-chat__button--floating{box-shadow:var(--str-chat__box-shadow-2)}.str-chat .str-chat__button:after{border-radius:inherit}.str-chat .str-chat__button.str-chat__button--size-lg{padding-block:var(--str-chat__button-padding-y-lg);padding-inline:var(--str-chat__button-padding-x-with-label-lg);border-radius:var(--str-chat__button-radius-lg)}.str-chat .str-chat__button.str-chat__button--size-lg.str-chat__button--circular{padding-inline:var(--str-chat__button-padding-x-icon-only-lg)}.str-chat .str-chat__button.str-chat__button--size-md{padding-block:var(--str-chat__button-padding-y-md);padding-inline:var(--str-chat__button-padding-x-with-label-md);border-radius:var(--str-chat__button-radius-md)}.str-chat .str-chat__button.str-chat__button--size-md.str-chat__button--circular{padding-inline:var(--str-chat__button-padding-x-icon-only-md)}.str-chat .str-chat__button.str-chat__button--size-sm{padding-block:var(--str-chat__button-padding-y-sm);padding-inline:var(--str-chat__button-padding-x-with-label-sm);border-radius:var(--str-chat__button-radius-md)}.str-chat .str-chat__button.str-chat__button--size-sm.str-chat__button--circular{padding-inline:var(--str-chat__button-padding-x-icon-only-sm)}.str-chat .str-chat__button.str-chat__button--size-xs{padding-block:var(--str-chat__button-padding-y-xs);padding-inline:var(--str-chat__button-padding-x-with-label-xs);border-radius:var(--str-chat__button-radius-md)}.str-chat .str-chat__button.str-chat__button--size-xs.str-chat__button--circular{padding-inline:var(--str-chat__button-padding-x-icon-only-xs)}.str-chat .str-chat__button.str-chat__button--circular{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:var(--str-chat__button-radius-full)}.str-chat .str-chat__button.str-chat__button--circular .str-chat__icon{height:var(--str-chat__icon-size-sm);width:var(--str-chat__icon-size-sm)}.str-chat .str-chat__button .str-chat__button__content{display:flex;align-items:center;justify-content:center;gap:var(--str-chat__spacing-xs)}.str-chat .str-chat__theme-dark .str-chat__button.str-chat__button--floating{box-shadow:var(--str-chat__box-shadow-2)}.str-chat__button-play svg{width:20px;height:20px}.str-chat__dropdown .str-chat__dropdown__open-button{background:none;border:none;padding:0;width:100%;text-align:start;cursor:pointer}.str-chat__dropdown .str-chat__dropdown__items{background-color:transparent}.str-chat__form-field-error{font-size:var(--str-chat__typography-font-size-xs);line-height:var(--str-chat__typography-line-height-tight);color:var(--str-chat__accent-error)}.str-chat__form-numeric-input{display:flex;flex-direction:column;gap:var(--str-chat__spacing-xs, .5rem)}.str-chat__form-numeric-input__label{font:var(--str-chat__caption-default-text)}.str-chat__form-numeric-input__wrapper{display:flex;align-items:center;gap:var(--str-chat__spacing-xs, .5rem);padding:0;background:transparent;border-radius:var(--str-chat__radius-md, .5rem);transition:border-color .15s ease,box-shadow .15s ease}.str-chat__form-numeric-input__input{flex:0 1 auto;min-width:2ch;width:2.5rem;padding:var(--str-chat__spacing-xs, .5rem) 0;font-size:var(--str-chat__typography-font-size-sm, .875rem);font-weight:var(--str-chat__typography-font-weight-medium, 500);line-height:var(--str-chat__typography-line-height-tight, 1.25);color:var(--str-chat__input-text-default, #1a1b25);text-align:center;background:transparent;border:none;box-shadow:none}.str-chat__form-numeric-input__input::placeholder{color:var(--str-chat__input-text-placeholder, var(--str-chat__text-tertiary))}.str-chat__form-numeric-input--disabled .str-chat__form-numeric-input__input{color:var(--str-chat__input-text-placeholder);cursor:not-allowed}.str-chat{--str-chat__switch-field-background-color: var( --str-chat__background-core-surface-card );--str-chat__switch-field-border-radius: var(--str-chat__radius-md)}.str-chat .str-chat__form__switch-fieldset{width:100%;background-color:var(--str-chat__switch-field-background-color);border-radius:var(--str-chat__switch-field-border-radius)}.str-chat .str-chat__form__switch-field{display:flex;align-items:center;gap:var(--str-chat__spacing-sm);width:100%;padding:var(--str-chat__spacing-sm) var(--str-chat__spacing-md);background-color:var(--str-chat__switch-field-background-color);border-radius:var(--str-chat__switch-field-border-radius);box-sizing:border-box}.str-chat .str-chat__form__switch-field .str-chat__form__switch-field__label{display:flex;align-items:center;flex:1 1 auto;min-width:0;cursor:pointer}.str-chat .str-chat__form__switch-field .str-chat__form__switch-field__input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.str-chat .str-chat__form__switch-field .str-chat__form__switch-field__switch{position:relative;display:flex;align-items:center;flex-shrink:0;width:44px;height:24px;padding:var(--str-chat__spacing-xxs);cursor:pointer;background-color:var(--str-chat__control-toggle-switch-bg);border-radius:var(--str-chat__button-radius-full, 9999px);transition:background-color .2s ease}.str-chat .str-chat__form__switch-field .str-chat__form__switch-field__switch-handle{width:16px;height:16px;border-radius:var(--str-chat__button-radius-full, 9999px);background-color:var(--str-chat__base-white, #ffffff);transition:transform .2s ease}.str-chat .str-chat__form__switch-field .str-chat__form__switch-field__switch:focus-within{outline:var(--str-chat__focus-outline, 2px solid var(--border-utility-focused));outline-offset:var(--str-chat__focus-outline-offset, 2px)}.str-chat .str-chat__form__switch-field .str-chat__form__switch-field__switch--on{background-color:var(--str-chat__control-toggle-switch-bg-selected);justify-content:flex-end}.str-chat .str-chat__form__switch-field .str-chat__form__switch-field__switch--on .str-chat__form__switch-field__switch-handle{background-color:var(--str-chat__base-white, #ffffff)}.str-chat .str-chat__form__switch-field--disabled .str-chat__form__switch-field__label,.str-chat .str-chat__form__switch-field--disabled .str-chat__form__switch-field__switch,.str-chat .str-chat__form__switch-field--disabled .str-chat__form__switch-field__input{cursor:not-allowed}.str-chat .str-chat__form__switch-field--disabled .str-chat__form__switch-field__switch{opacity:.7}.str-chat .str-chat__form__switch-field .str-chat__form__switch-field__label .str-chat__form__switch-field__label__text{color:var(--str-chat__text-primary);font:var(--str-chat__font-heading-xs)}.str-chat .str-chat__form__switch-field .str-chat__form__switch-field__label .str-chat__form__switch-field__label__description{color:var(--str-chat__text-tertiary);font:var(--str-chat__font-metadata-default)}.str-chat .str-chat__form__switch-field .str-chat__form__switch-field__label,.str-chat .str-chat__form__switch-field .str-chat__form__switch-field__label__content{flex:1}.str-chat .str-chat__form__switch-field .str-chat__form__switch-field__label--as-error .str-chat__form__switch-field__label__description{color:var(--str-chat__accent-error)}.str-chat__form-text-input{display:flex;flex-direction:column;gap:var(--str-chat__spacing-xs)}.str-chat__form-text-input__label{font:var(--str-chat__font-heading-xs);color:var(--str-chat__text-primary)}.str-chat__form-text-input__wrapper{display:flex;flex-direction:column;align-items:stretch;gap:0;background-color:var(--str-chat__background-core-elevation-0);border-radius:var(--str-chat__radius-md);transition:border-color .15s ease,box-shadow .15s ease}.str-chat__form-text-input__control-row{display:flex;align-items:center;gap:var(--str-chat__spacing-xs);padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-sm);min-width:0;width:100%}.str-chat__form-text-input__wrapper--outline{border:1px solid var(--str-chat__border-core-default);box-shadow:none}.str-chat__form-text-input:focus-within .str-chat__form-text-input__wrapper--outline{box-shadow:0 0 0 2px var(--str-chat__focus-outline-color, var(--str-chat__border-utility-focused))}.str-chat__form-text-input--error .str-chat__form-text-input__wrapper--outline{border:1px solid var(--str-chat__border-utility-error)}.str-chat__form-text-input--error.str-chat__form-text-input--field-message-inside .str-chat__form-text-input__wrapper--outline{border:1px solid var(--str-chat__border-core-default)}.str-chat__form-text-input:focus-within.str-chat__form-text-input--error .str-chat__form-text-input__wrapper--outline{border:1px solid var(--str-chat__border-utility-error);box-shadow:0 0 0 2px var(--str-chat__focus-outline-color, var(--border-utility-focused))}.str-chat__form-text-input:focus-within.str-chat__form-text-input--error.str-chat__form-text-input--field-message-inside .str-chat__form-text-input__wrapper--outline{box-shadow:0 0 0 2px var(--str-chat__focus-outline-color, var(--str-chat__border-utility-focused))}.str-chat__form-text-input--disabled .str-chat__form-text-input__wrapper--outline{border:1px solid var(--str-chat__border-utility-disabled)}.str-chat__form-text-input__wrapper--ghost{border:none;box-shadow:none}.str-chat__form-text-input:focus-within .str-chat__form-text-input__wrapper--ghost{border:none;box-shadow:0 0 0 2px var(--str-chat__focus-outline-color, var(--str-chat__border-utility-focused))}.str-chat__form-text-input--error .str-chat__form-text-input__wrapper--ghost{border:1px solid var(--str-chat__border-utility-error);box-shadow:none}.str-chat__form-text-input--error.str-chat__form-text-input--field-message-inside .str-chat__form-text-input__wrapper--ghost{border:none;box-shadow:none}.str-chat__form-text-input:focus-within.str-chat__form-text-input--error .str-chat__form-text-input__wrapper--ghost{border:1px solid var(--str-chat__border-utility-error);box-shadow:0 0 0 2px var(--str-chat__focus-outline-color, var(--border-utility-focused))}.str-chat__form-text-input:focus-within.str-chat__form-text-input--error.str-chat__form-text-input--field-message-inside .str-chat__form-text-input__wrapper--ghost{border:none;box-shadow:0 0 0 2px var(--str-chat__focus-outline-color, var(--str-chat__border-utility-focused))}.str-chat__form-text-input__leading{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--str-chat__input-text-icon)}.str-chat__form-text-input .str-chat__form-text-input__input{flex:1;min-width:0;padding:0;font:var(--str-chat__caption-default-text);color:var(--str-chat__input-text-default);background:transparent;border:none;outline:none;outline-style:none;box-shadow:none}.str-chat__form-text-input .str-chat__form-text-input__input::placeholder{color:var(--str-chat__input-text-placeholder)}.str-chat__form-text-input.str-chat__form-text-input--disabled .str-chat__form-text-input__input{color:var(--str-chat__input-text-placeholder);cursor:not-allowed}.str-chat__form-text-input.str-chat__form-text-input--disabled .str-chat__form-text-input__input::placeholder{color:var(--str-chat__input-text-placeholder)}.str-chat__form-text-input .str-chat__form-text-input__input:focus,.str-chat__form-text-input .str-chat__form-text-input__input:focus-visible{outline:none;outline-style:none;box-shadow:none}.str-chat__form-text-input__suffix{flex-shrink:0;font-size:var(--str-chat__typography-font-size-sm);line-height:var(--str-chat__typography-line-height-normal);color:var(--str-chat__text-tertiary)}.str-chat__form-text-input__trailing{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-inline-end:calc(-1 * var(--str-chat__space-4));color:var(--str-chat__input-text-icon)}.str-chat__form-text-input--error .str-chat__form-text-input__trailing{color:var(--str-chat__accent-error)}.str-chat__form-text-input__message{display:flex;align-items:center;gap:var(--str-chat__spacing-xxs);font:var(--str-chat__metadata-default-text)}.str-chat__form-text-input__message:not(.str-chat__form-field-error){color:var(--str-chat__text-tertiary)}.str-chat__form-text-input__message--field-message-inside{padding:var(--str-chat__spacing-none) var(--str-chat__spacing-sm) var(--str-chat__spacing-sm)}.str-chat__form-text-input__message--success{color:var(--str-chat__accent-success)}.str-chat__form-text-input__message-text{min-width:0;flex:1 1 auto}.str-chat__form-text-input__message-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.str-chat__form-text-input__message-icon svg{height:13px;width:13px}.str-chat__form__input-fieldset{margin:0;padding:0;border:none}.str-chat__form__input-fieldset .str-chat__form__input-fieldset__label{font:var(--str-chat__font-heading-xs);color:var(--str-chat__text-primary)}.str-chat__form__input-fieldset .str-chat__form__input-fieldset__values{display:flex;flex-direction:column}.str-chat__form__input-fieldset .str-chat__form__input-fieldset__values .str-chat__form__input-field--draggable{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.str-chat__form__input-fieldset .str-chat__form__input-fieldset__values .str-chat__form__input-field--draggable input{pointer-events:auto}.str-chat__form__input-fieldset .str-chat__form__input-fieldset__values .str-chat__form__input-field--draggable .str-chat__drag-handle{height:1rem;width:1rem}.str-chat__form__input-fieldset .str-chat__form__input-fieldset__values .str-chat__form__input-field,.str-chat__form__input-fieldset .str-chat__form__input-fieldset__values .str-chat__form__input-field .str-chat__form__input-field__value,.str-chat__form__input-fieldset .str-chat__form__input-fieldset__values .str-chat__form__input-field .str-chat__form__input-field__value .str-chat__form__input-field__error{width:100%}.str-chat__alert-root{border-radius:var(--str-chat__radius-xl);background:var(--str-chat__background-core-elevation-1);box-shadow:0 0 0 1px #0000000d,0 6px 12px #00000029,0 20px 32px #0000001f;display:flex;flex-direction:column;align-items:center;gap:var(--str-chat__spacing-2xl);padding:var(--str-chat__spacing-xl);text-align:center}.str-chat__alert-root .str-chat__alert-header{display:flex;flex-direction:column;align-items:center;gap:var(--str-chat__spacing-md);width:100%}.str-chat__alert-root .str-chat__alert-header svg{height:var(--str-chat__button-visual-height-sm);width:var(--str-chat__button-visual-height-sm)}.str-chat__alert-root .str-chat__alert-header .str-chat__alert-header__copy{display:flex;flex-direction:column;align-items:center;gap:var(--str-chat__spacing-xs);width:100%}.str-chat__alert-root .str-chat__alert-header .str-chat__alert-header__copy .str-chat__alert-header__title{font:var(--str-chat__font-heading-sm)}.str-chat__alert-root .str-chat__alert-header .str-chat__alert-header__copy .str-chat__alert-header__description{font:var(--str-chat__font-caption-default)}.str-chat__alert-root .str-chat__alert-actions{display:flex;flex-direction:column;align-items:center;gap:var(--str-chat__spacing-xs);width:100%}.str-chat__alert-root .str-chat__alert-actions button{width:100%}.str-chat__callout{position:relative;max-width:320px;border-radius:var(--str-chat__radius-lg);background-color:var(--str-chat__background-core-elevation-2);box-shadow:var(--str-chat__box-shadow-3)}.str-chat__callout .str-chat__callout__close-button{position:absolute;inset-inline-end:var(--str-chat__spacing-xs);top:var(--str-chat__spacing-xs)}@keyframes str-chat-context-menu-roll-in-from-left{0%{opacity:.12;transform:translate(16px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes str-chat-context-menu-roll-in-from-right{0%{opacity:.12;transform:translate(-16px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes str-chat-context-menu-roll-in-from-top{0%{opacity:.12;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes str-chat-context-menu-roll-in-from-bottom{0%{opacity:.12;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes str-chat-context-menu-submenu-forward{0%{opacity:.18;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes str-chat-context-menu-submenu-backward{0%{opacity:.18;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}.str-chat{--str-chat__dialog-menu-button-hover-background-color: var( --str-chat__background-utility-hover );--str-chat__menu-roll-duration: .17s;--str-chat__menu-roll-ease: cubic-bezier(.22, 1, .36, 1)}.str-chat .str-chat__context-menu{background:var(--str-chat__background-core-elevation-2);color:var(--str-chat__text-primary);box-shadow:var(--str-chat__box-shadow-3);border-radius:var(--str-chat__radius-lg);display:flex;flex-direction:column;padding:var(--str-chat__spacing-xxs)}.str-chat .str-chat__context-menu .str-chat__context-menu__header{width:100%;color:var(--str-chat__text-tertiary);font:var(--str-chat__font-caption-emphasis)}.str-chat .str-chat__context-menu .str-chat__context-menu__back-button{background:none;border:none;padding:0;display:flex;align-items:center;gap:var(--str-chat__spacing-xs);height:32px;width:100%;padding:var(--str-chat__spacing-xs);text-align:center;cursor:pointer;border-radius:var(--str-chat__radius-md);color:var(--str-chat__text-tertiary);font:var(--str-chat__font-caption-emphasis)}.str-chat .str-chat__context-menu .str-chat__context-menu__back-button:hover:not(:disabled){background-color:var(--str-chat__background-utility-hover)}.str-chat .str-chat__context-menu .str-chat__context-menu__back-button:active:not(:disabled){background-color:var(--str-chat__background-utility-pressed)}.str-chat .str-chat__context-menu .str-chat__context-menu__back-button:focus-visible:not(:disabled){background-color:transparent}.str-chat .str-chat__context-menu .str-chat__context-menu__back-button:disabled{background-color:transparent}.str-chat .str-chat__context-menu .str-chat__context-menu__back-button .str-chat__icon--chevron-right{transform:rotate(180deg)}.str-chat .str-chat__context-menu .str-chat__context-menu__body{width:100%;display:flex;flex-direction:column;gap:var(--str-chat__spacing-xxxs)}.str-chat .str-chat__context-menu .str-chat__context-menu__body.str-chat__context-menu__body--submenu-forward{overflow-x:hidden;animation-duration:.28s;animation-name:var(--str-chat__context-menu-submenu-forward-animation, str-chat-context-menu-submenu-forward);animation-timing-function:cubic-bezier(.2,.95,.25,1);transform-origin:var(--str-chat__context-menu-submenu-forward-transform-origin, left center)}.str-chat .str-chat__context-menu .str-chat__context-menu__body.str-chat__context-menu__body--submenu-backward{overflow-x:hidden;animation-duration:.4s;animation-name:var(--str-chat__context-menu-submenu-backward-animation, str-chat-context-menu-submenu-backward);animation-timing-function:cubic-bezier(.16,.92,.2,1);transform-origin:var(--str-chat__context-menu-submenu-backward-transform-origin, right center)}.str-chat .str-chat__context-menu .str-chat__context-menu__button{background:transparent;color:var(--str-chat__text-primary);border-radius:var(--str-chat__radius-md);background:none;border:none;padding:0;display:flex;align-items:center;gap:var(--str-chat__spacing-xs);width:100%;padding:var(--str-chat__spacing-xs);cursor:pointer;font:var(--str-chat__font-caption-emphasis)}.str-chat .str-chat__context-menu .str-chat__context-menu__button.str-chat__context-menu__button--destructive .str-chat__context-menu__button__label,.str-chat .str-chat__context-menu .str-chat__context-menu__button.str-chat__context-menu__button--destructive .str-chat__icon{color:var(--str-chat__accent-error)}.str-chat .str-chat__context-menu .str-chat__context-menu__button:hover:not(:disabled){background-color:var(--str-chat__dialog-menu-button-hover-background-color)}.str-chat .str-chat__context-menu .str-chat__context-menu__button:active:not(:disabled){background-color:var(--str-chat__background-utility-pressed)}.str-chat .str-chat__context-menu .str-chat__context-menu__button:focus-visible:not(:disabled){background-color:transparent}.str-chat .str-chat__context-menu .str-chat__context-menu__button:disabled{background-color:transparent}.str-chat .str-chat__context-menu .str-chat__context-menu__button .str-chat__icon{height:var(--str-chat__icon-size-sm);width:var(--str-chat__icon-size-sm);color:var(--str-chat__text-secondary)}.str-chat .str-chat__context-menu .str-chat__context-menu__button .str-chat__context-menu__button__label{overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;flex:auto;text-align:start;color:var(--str-chat__text-primary);white-space:nowrap;min-width:0}.str-chat .str-chat__context-menu .str-chat__context-menu__button .str-chat__context-menu__button__details{flex:1;color:var(--str-chat__text-tertiary);font:var(--str-chat__font-caption-default);white-space:nowrap}.str-chat .str-chat__context-menu .str-chat__emoji-context-menu__button,.str-chat .str-chat__context-menu .str-chat__user-context-menu__button{font:var(--str-chat__font-caption-default)}.str-chat .str-chat__context-menu .str-chat__emoji-context-menu__button .str-chat__context-menu__button__emoji,.str-chat .str-chat__context-menu .str-chat__user-context-menu__button .str-chat__context-menu__button__emoji{font-size:var(--str-chat__typography-font-size-md);width:var(--str-chat__typography-font-size-md);height:var(--str-chat__typography-font-size-md);line-height:0;display:flex;align-items:center;justify-content:center}.str-chat [data-str-chat-placement^=right]>.str-chat__context-menu{animation:str-chat-context-menu-roll-in-from-left var(--str-chat__menu-roll-duration, .13s) var(--str-chat__menu-roll-ease);transform-origin:left center}.str-chat [data-str-chat-placement^=left]>.str-chat__context-menu{animation:str-chat-context-menu-roll-in-from-right var(--str-chat__menu-roll-duration, .13s) var(--str-chat__menu-roll-ease);transform-origin:right center}.str-chat [data-str-chat-placement^=bottom]>.str-chat__context-menu{animation:str-chat-context-menu-roll-in-from-bottom var(--str-chat__menu-roll-duration, .13s) var(--str-chat__menu-roll-ease);transform-origin:center top}.str-chat [data-str-chat-placement^=top]>.str-chat__context-menu{animation:str-chat-context-menu-roll-in-from-top var(--str-chat__menu-roll-duration, .13s) var(--str-chat__menu-roll-ease);transform-origin:center bottom}.str-chat [data-str-chat-dialog-state=closing][data-str-chat-placement^=right]>.str-chat__context-menu{animation:str-chat-context-menu-roll-in-from-left var(--str-chat__menu-roll-duration, .13s) var(--str-chat__menu-roll-ease) reverse forwards;transform-origin:left center}.str-chat [data-str-chat-dialog-state=closing][data-str-chat-placement^=left]>.str-chat__context-menu{animation:str-chat-context-menu-roll-in-from-right var(--str-chat__menu-roll-duration, .13s) var(--str-chat__menu-roll-ease) reverse forwards;transform-origin:right center}.str-chat [data-str-chat-dialog-state=closing][data-str-chat-placement^=bottom]>.str-chat__context-menu{animation:str-chat-context-menu-roll-in-from-bottom var(--str-chat__menu-roll-duration, .13s) var(--str-chat__menu-roll-ease) reverse forwards;transform-origin:center top}.str-chat [data-str-chat-dialog-state=closing][data-str-chat-placement^=top]>.str-chat__context-menu{animation:str-chat-context-menu-roll-in-from-top var(--str-chat__menu-roll-duration, .13s) var(--str-chat__menu-roll-ease) reverse forwards;transform-origin:center bottom}.str-chat .str-chat__context-menu__submenu-container:not([data-str-chat-roll-from])[data-str-chat-roll-axis=x][data-str-chat-placement^=left]>.str-chat__context-menu{animation:str-chat-context-menu-roll-in-from-right var(--str-chat__menu-roll-duration, .13s) var(--str-chat__menu-roll-ease);transform-origin:right center}.str-chat .str-chat__context-menu__submenu-container:not([data-str-chat-roll-from])[data-str-chat-roll-axis=x]:not([data-str-chat-placement^=left])>.str-chat__context-menu{animation:str-chat-context-menu-roll-in-from-left var(--str-chat__menu-roll-duration, .13s) var(--str-chat__menu-roll-ease);transform-origin:left center}.str-chat .str-chat__context-menu__submenu-container[data-str-chat-roll-from=left]>.str-chat__context-menu{animation:str-chat-context-menu-roll-in-from-left var(--str-chat__menu-roll-duration, .13s) var(--str-chat__menu-roll-ease);transform-origin:left center}.str-chat .str-chat__context-menu__submenu-container[data-str-chat-roll-from=right]>.str-chat__context-menu{animation:str-chat-context-menu-roll-in-from-right var(--str-chat__menu-roll-duration, .13s) var(--str-chat__menu-roll-ease);transform-origin:right center}.str-chat .str-chat__context-menu__submenu-container[data-str-chat-roll-from=top]>.str-chat__context-menu{animation:str-chat-context-menu-roll-in-from-top var(--str-chat__menu-roll-duration, .13s) var(--str-chat__menu-roll-ease);transform-origin:center top}.str-chat .str-chat__context-menu__submenu-container[data-str-chat-roll-from=bottom]>.str-chat__context-menu{animation:str-chat-context-menu-roll-in-from-bottom var(--str-chat__menu-roll-duration, .13s) var(--str-chat__menu-roll-ease);transform-origin:center bottom}.str-chat .str-chat__context-menu[data-str-chat-enable-animations=false],.str-chat .str-chat__context-menu[data-str-chat-enable-animations=false] .str-chat__context-menu__body{animation:none!important;transform:none!important}@media(prefers-reduced-motion:reduce){.str-chat [data-str-chat-placement]>.str-chat__context-menu{animation:none}}.str-chat__dialog-overlay{top:0;right:0;bottom:0;left:0;position:absolute;height:var(--str-chat__dialog-overlay-height);width:100%;z-index:2;pointer-events:none}.str-chat__dialog-overlay .str-chat__dialog-contents{pointer-events:auto}.str-chat__prompt{border-radius:var(--str-chat__radius-xl);background:var(--str-chat__background-core-elevation-1);box-shadow:0 0 0 1px #0000000d,0 6px 12px #00000029,0 20px 32px #0000001f;width:100%}.str-chat__prompt .str-chat__prompt__header{display:flex;align-items:center;gap:var(--str-chat__spacing-xs) var(--str-chat__spacing-md);width:100%;padding:var(--str-chat__spacing-xl)}.str-chat__prompt .str-chat__prompt__header .str-chat__prompt__header__title-group{display:flex;flex-direction:column;gap:var(--str-chat__spacing-xxs);flex:1;min-width:0}.str-chat__prompt .str-chat__prompt__header .str-chat__prompt__header__title{margin:0;font:var(--str-chat__font-heading-sm);color:var(--str-chat__text-primary)}.str-chat__prompt .str-chat__prompt__header .str-chat__prompt__header__description{font:var(--str-chat__font-caption-default);color:var(--str-chat__text-secondary)}.str-chat__prompt .str-chat__prompt__header .str-chat__prompt__header__close-button{align-self:flex-start;flex-shrink:0;color:var(--str-chat__text-primary)}.str-chat__prompt .str-chat__prompt__header .str-chat__prompt__header__close-button .str-chat__icon{width:var(--str-chat__icon-size-md);height:var(--str-chat__icon-size-md)}.str-chat__prompt .str-chat__prompt__body{padding:var(--str-chat__spacing-xxs) var(--str-chat__spacing-xl);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.str-chat__prompt .str-chat__prompt__footer{display:flex;align-items:center;justify-content:flex-end;width:100%;padding:var(--str-chat__spacing-xl)}.str-chat__prompt .str-chat__prompt__footer .str-chat__prompt__footer__controls{display:flex;align-items:center;gap:var(--str-chat__spacing-xs)}.str-chat__viewer{border-radius:var(--str-chat__radius-xl);background:var(--str-chat__background-core-elevation-1);box-shadow:0 0 0 1px #0000000d,0 6px 12px #00000029,0 20px 32px #0000001f;width:100%;max-width:520px;height:100%;max-height:640px;display:flex;flex-direction:column}.str-chat__viewer .str-chat__viewer__header{display:flex;align-items:center;gap:var(--str-chat__spacing-xs) var(--str-chat__spacing-md);width:100%;padding:var(--str-chat__spacing-xl)}.str-chat__viewer .str-chat__viewer__header .str-chat__viewer__header__title-group{display:flex;flex-direction:column;gap:var(--str-chat__spacing-xxs);flex:1;min-width:0}.str-chat__viewer .str-chat__viewer__header .str-chat__viewer__header__title{margin:0;font:var(--str-chat__font-heading-sm);color:var(--str-chat__text-primary)}.str-chat__viewer .str-chat__viewer__header .str-chat__viewer__header__description{font:var(--str-chat__font-caption-default);color:var(--str-chat__text-secondary)}.str-chat__viewer .str-chat__viewer__header .str-chat__viewer__header__go-back-button path{fill:none;stroke:currentColor;stroke-width:1.5px}.str-chat__viewer .str-chat__viewer__header .str-chat__viewer__header__close-button{align-self:flex-start;flex-shrink:0;color:var(--str-chat__text-primary)}.str-chat__viewer .str-chat__viewer__body{padding:0 var(--str-chat__spacing-xl);flex:1;min-height:0}.str-chat__viewer .str-chat__viewer__footer{display:flex;align-items:center;justify-content:flex-end;width:100%;padding:var(--str-chat__spacing-xl)}.str-chat__viewer .str-chat__viewer__footer .str-chat__viewer__footer__controls{display:flex;align-items:center;gap:var(--str-chat__spacing-xs)}.str-chat{--str-chat__modal-border-radius: var(--str-chat__radius-xl);--str-chat__modal-color: var(--str-chat__text-primary);--str-chat__modal-background-color: var(--str-chat__background-core-elevation-1);--str-chat__modal-overlay-color: var(--str-chat__background-core-scrim);--str-chat__modal-overlay-backdrop-filter: blur(3px);--str-chat__modal-border-block-start: none;--str-chat__modal-border-block-end: none;--str-chat__modal-border-inline-start: none;--str-chat__modal-border-inline-end: none;--str-chat__modal-box-shadow: var(--str-chat__box-shadow-4)}.str-chat__modal--open{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:100;pointer-events:auto;background-color:var(--str-chat__modal-overlay-color);-webkit-backdrop-filter:var(--str-chat__modal-overlay-backdrop-filter);backdrop-filter:var(--str-chat__modal-overlay-backdrop-filter)}.str-chat__modal--open .str-chat__modal__overlay__close-button{position:absolute;inset-inline-end:10px;top:10px;padding:var(--str-chat__spacing-xs);color:var(--str-chat__text-on-accent)}.str-chat__modal--open .str-chat__modal__overlay__close-button svg{height:12px;width:12px}.str-chat__ai-state-indicator-container{padding:0 8px;background-color:var(--str-chat__background-core-surface-default)}.str-chat__ai-state-indicator-text{color:var(--str-chat__text-primary)}.str-chat{--str-chat__attachment-margin: var(--str-chat__spacing-xs)}.str-chat__attachment-list{--str-chat__attachment-max-width: calc( var(--str-chat__message-max-width) - calc(2 * var(--str-chat__attachment-margin)) );--str-chat__video-height: var(--str-chat__attachment-max-width);display:flex;flex-direction:column;align-items:flex-start;gap:var(--str-chat__spacing-xs);min-width:0;background:transparent;color:var(--str-chat__text-primary)}.str-chat__attachment-list .str-chat__message-attachment--image,.str-chat__attachment-list .str-chat__message-attachment--video{background:transparent;color:var(--str-chat__text-primary);border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin))}.str-chat__attachment-list .str-chat__message-attachment{overflow:hidden;background-color:var(--chat-bg-attachment);border-radius:var(--str-chat__message-bubble-radius-attachment)}.str-chat__attachment-list .str-chat__message-attachment .str-chat__button-play.str-chat__button--secondary.str-chat__button--outline{border-color:var(--chat-border-on-chat);background-color:transparent}.str-chat__attachment-list .str-chat__message-attachment--image,.str-chat__attachment-list .str-chat__message-attachment--video{width:auto;display:flex;justify-content:center;align-items:center;overflow:hidden}.str-chat__attachment-list .str-chat__message-attachment--audio,.str-chat__attachment-list .str-chat__message-attachment--file,.str-chat__attachment-list .str-chat__message-attachment--unsupported,.str-chat__attachment-list .str-chat__message-attachment--geolocation,.str-chat__attachment-list .str-chat__message-attachment--voiceRecording,.str-chat__attachment-list .str-chat__message-attachment--card{width:var(--str-chat__attachment-max-width);max-width:100%}.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card) img{height:min(var(--str-chat__attachment-max-width),min(var(--str-chat__attachment-max-width, 1000000) / var(--original-width, 1000000),1px) * var(--original-height, 1000000));max-width:var(--str-chat__attachment-max-width);max-height:var(--str-chat__attachment-max-width);object-fit:cover;width:100%;cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header,.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card){max-width:var(--str-chat__attachment-max-width);display:flex}.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper,.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper{height:100%;width:100%;min-width:0;max-width:var(--str-chat__attachment-max-width);display:flex;flex-direction:column}.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .react-player,.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .react-player{height:100%;width:100%;max-width:var(--str-chat__attachment-max-width);max-height:100%;min-height:0}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card):not(.str-chat__message-attachment-dynamic-size){height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card){max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) .str-chat__player-wrapper{height:min(var(--str-chat__video-height),min(var(--str-chat__attachment-max-width, 1000000) / var(--original-width, 1000000),1px) * var(--original-height, 1000000));max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--svg-image{background-image:repeating-conic-gradient(#d4d5d7,#d4d5d7 25%,#f4f4f4 0%,#f4f4f4 50%);background-size:24px 24px}.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image,.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image{padding:var(--str-chat__space-24)}.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image img,.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image img{object-fit:contain;max-width:calc(var(--str-chat__attachment-max-width) - var(--str-chat__space-24));max-height:calc(var(--str-chat__attachment-max-width) - var(--str-chat__space-24))}.str-chat__attachment-list .str-chat__message-attachment-file--item,.str-chat__attachment-list .str-chat__message-attachment-audio-widget{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-sm);column-gap:var(--str-chat__spacing-sm)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item__info,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item__info,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;row-gap:var(--str-chat__space-2);min-width:0;line-height:var(--str-chat__typography-line-height-tight)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item__info .str-chat__message-attachment-file--item__first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item__info .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item__first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item__info .str-chat__message-attachment-file--item__first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item__info .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item__first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row{width:100%;display:flex;align-items:center;justify-content:space-between;column-gap:var(--str-chat__space-8);font:var(--str-chat__font-caption-emphasis)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item__info .str-chat__message-attachment-file--item__first-row .str-chat__message-attachment-file--item__name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item__info .str-chat__message-attachment-file--item__first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item__info .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item__name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item__info .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item__first-row .str-chat__message-attachment-file--item__name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item__first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item__name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item__info .str-chat__message-attachment-file--item__first-row .str-chat__message-attachment-file--item__name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item__info .str-chat__message-attachment-file--item__first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item__info .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item__name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item__info .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item__first-row .str-chat__message-attachment-file--item__name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item__first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item__name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;min-width:0}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item__info .str-chat__message-attachment-file--item__data,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item__data,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item__info .str-chat__message-attachment-file--item__data,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item__data{font:var(--str-chat__font-metadata-default)}.str-chat__attachment-list .str-chat__message-attachment-file--item{background:transparent;color:var(--str-chat__text-primary);border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin))}.str-chat__attachment-list .str-chat__message-attachment-download-icon{--str-chat-icon-height: var(--str-chat__size-16)}.str-chat__message.str-chat__message--has-single-attachment.str-chat__message--has-no-text:not(.str-chat__message--has-quoted-message) .str-chat__message-bubble{padding:0}.str-chat__message.str-chat__message--has-single-attachment.str-chat__message--has-no-text .str-chat__attachment-list{--str-chat__attachment-max-width: var(--str-chat__message-max-width)}.str-chat__message.str-chat__message--has-single-attachment.str-chat__message--has-no-text .str-chat__message-bubble{border:1px solid var(--chat-border);box-shadow:var(--str-chat__background-core-elevation-0)}.str-chat__message.str-chat__message--has-single-attachment.str-chat__message--has-no-text .str-chat__message-attachment{background-color:var(--chat-bg)}.str-chat__message--me .str-chat__attachment-list{align-items:flex-end}.str-chat__li--single .str-chat__message--other.str-chat__message--has-single-attachment.str-chat__message--has-no-text .str-chat__message-attachment,.str-chat__li--bottom .str-chat__message--other.str-chat__message--has-single-attachment.str-chat__message--has-no-text .str-chat__message-attachment{border-end-start-radius:var(--str-chat__message-bubble-radius-tail)}.str-chat__li--single .str-chat__message--me.str-chat__message--has-single-attachment.str-chat__message--has-no-text .str-chat__message-attachment,.str-chat__li--bottom .str-chat__message--me.str-chat__message--has-single-attachment.str-chat__message--has-no-text .str-chat__message-attachment{border-end-end-radius:var(--str-chat__message-bubble-radius-tail)}.str-chat__li--top.str-chat__message--has-single-attachment.str-chat__message--has-no-text .str-chat__message-attachment,.str-chat__li--middle.str-chat__message--has-single-attachment.str-chat__message--has-no-text .str-chat__message-attachment{border-radius:var(--str-chat__message-bubble-radius-group-middle)}.str-chat__message--has-text .str-chat__attachment-list{padding-bottom:0}.str-chat__message-attachment-actions{background:transparent;color:var(--str-chat__button-secondary-text)}.str-chat__message-attachment-actions .str-chat__message-attachment-actions-form{display:flex;justify-content:stretch;height:48px}.str-chat__message-attachment-actions .str-chat__message-attachment-actions-form .str-chat__message-attachment-actions-button{background:transparent;color:var(--str-chat__button-secondary-text);width:100%;padding:var(--str-chat__button-padding-y-sm) var(--str-chat__button-padding-x-with-label-sm);white-space:nowrap;border-collapse:collapse;font:var(--str-chat__font-body-emphasis)}.str-chat__message-attachment-actions .str-chat__message-attachment-actions-form .str-chat__message-attachment-actions-button.str-chat__button:active{color:var(--str-chat__accent-primary)}.str-chat__message-attachment-actions .str-chat__message-attachment-actions-form .str-chat__message-attachment-actions-button.str-chat__button:focus-visible{color:var(--str-chat__accent-primary);outline:2px solid var(--str-chat__border-utility-focused);outline-offset:2px}.str-chat__message-attachment-audio-widget{background:transparent;color:var(--str-chat__text-primary);border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin));flex:1 1 auto;width:100%;min-width:0}.str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--play-controls{display:flex;align-items:center;justify-content:center}.str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--data{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--str-chat__spacing-xxs)}.str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-first-row{display:flex;justify-content:space-between;align-items:start;gap:var(--str-chat__spacing-xs)}.str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-first-row svg{flex-shrink:0}.str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--title{font:var(--str-chat__font-caption-emphasis);min-width:0;overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.str-chat__message-attachment-audio-widget .str-chat__duration-display{width:40px;font:var(--str-chat__font-metadata-default);color:var(--str-chat__text-secondary)}.str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row{display:flex;align-items:center;width:100%;gap:var(--str-chat__spacing-xs)}.str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row .str-chat__message-attachment-file--item-size{font:var(--str-chat__font-metadata-default)}.str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content{padding:0}.str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget{display:flex;flex-direction:column;width:100%;padding:var(--str-chat__spacing-md)}.str-chat__button.str-chat__button--secondary.str-chat__button--outline.str-chat__audio-attachment-download-button{border-color:var(--str-chat__chat-border-on-chat-incoming);flex-shrink:0}.str-chat__button.str-chat__button--secondary.str-chat__button--outline.str-chat__audio-attachment-download-button .str-chat__attachment-download-button__icon{height:20px;width:20px}.str-chat__message--me .str-chat__button.str-chat__button--outline.str-chat__audio-attachment-download-button{border-color:var(--str-chat__chat-border-on-chat-outgoing)}.str-chat__message-attachment-geolocation{background:var(--chat-bg-attachment);color:var(--chat-text);border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin));display:flex;flex-direction:column;height:200px;width:100%;max-width:var(--str-chat__attachment-max-width)}.str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__location-preview{flex:1}.str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__placeholder{position:relative;flex:1;width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--str-chat__background-core-overlay-light)}.str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__placeholder .str-chat__icon{fill:var(--str-chat__accent-neutral);height:40px;width:40px}.str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__placeholder .str-chat__message-attachment-geolocation__placeholder-link{position:absolute;inset-inline-end:.5rem;inset-block:.5rem;height:12px;width:12px;color:var(--str-chat__accent-neutral)}.str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status{display:flex;justify-content:center;padding:.5rem;background-color:var(--str-chat__background-core-surface-subtle);font:var(--str-chat__font-caption-default)}.str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active{display:flex;flex-direction:column;align-items:center;gap:.375rem}.str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active .str-chat__message-attachment-geolocation__status--active-status{color:var(--str-chat__accent-success)}.str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active .str-chat__message-attachment-geolocation__status--active-until{text-transform:lowercase;font:var(--str-chat__font-metadata-emphasis)}.str-chat__message-attachment-giphy{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.str-chat__message-attachment-giphy img.str-chat__base-image{height:min(var(--str-chat__attachment-max-width),min(var(--str-chat__attachment-max-width, 1000000) / var(--original-width, 1000000),1px) * var(--original-height, 1000000));object-fit:contain;max-height:var(--str-chat__attachment-max-width);max-width:var(--str-chat__attachment-max-width);width:100%;cursor:default}.str-chat__message-attachment-giphy .str-chat__image-placeholder{height:200px;width:var(--str-chat__attachment-max-width)}.str-chat__giphy-badge{display:inline-flex;height:24px;padding:var(--str-chat__spacing-xxxs) var(--str-chat__spacing-xs);justify-content:center;align-items:center;gap:var(--str-chat__spacing-xxs);position:absolute;inset-inline-start:8px;bottom:8px;border-radius:var(--str-chat__radius-lg);background-color:var(--str-chat__badge-bg-overlay);color:var(--str-chat__badge-text-on-accent);font:var(--str-chat__font-metadata-emphasis);text-transform:uppercase}.str-chat__message-attachment--giphy--actions .str-chat__message-attachment-giphy,.str-chat__message-attachment--giphy--actions .str-chat__message-attachment-giphy img.str-chat__base-image{height:200px}.str-chat__message-attachment--giphy--actions .str-chat__visibility-disclaimer{display:flex;padding:var(--str-chat__spacing-sm, 12px);align-items:center;gap:var(--str-chat__spacing-xs, 8px);align-self:stretch;color:var(--chat-text);font:var(--str-chat__font-caption-emphasis)}.str-chat__message-attachment-card{--str-chat__scraped-image-height: calc( var(--str-chat__attachment-max-width) * calc(1 / 1.91) );width:100%;display:flex;gap:var(--str-chat__spacing-xs);padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-sm) var(--str-chat__spacing-xs) var(--str-chat__spacing-xs);overflow:hidden;border-radius:var(--str-chat__message-bubble-radius-attachment);line-height:var(--str-chat__typography-line-height-tight)}.str-chat__message-attachment-card *{color:var(--chat-text)}.str-chat__message-attachment-card .str-chat__message-attachment-card--header{position:relative;width:auto;display:flex;justify-content:center;align-items:center;flex-shrink:0;overflow:hidden}.str-chat__message-attachment-card .str-chat__message-attachment-card--header img,.str-chat__message-attachment-card .str-chat__message-attachment-card--header .str-chat__image-placeholder{border-radius:var(--str-chat__message-bubble-radius-attachment-inline, 8px)}.str-chat__message-attachment-card .str-chat__message-attachment-card--header img{object-fit:cover;width:40px;height:40px}.str-chat__message-attachment-card.str-chat__message-attachment-card--video .str-chat__message-attachment-card--header{height:calc(var(--str-chat__attachment-max-width) * .5625)}.str-chat__message-attachment-card .str-chat__message-attachment-card--content{display:flex;flex-direction:column;gap:var(--str-chat__spacing-xxs);min-width:0}.str-chat__message-attachment-card .str-chat__message-attachment-card--title{font:var(--str-chat__font-caption-emphasis)}.str-chat__message-attachment-card .str-chat__message-attachment-card--source-link,.str-chat__message-attachment-card .str-chat__message-attachment-card--text{font:var(--str-chat__font-metadata-default)}.str-chat__message-attachment-card .str-chat__message-attachment-card--title,.str-chat__message-attachment-card .str-chat__message-attachment-card--url{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__message-attachment-card .str-chat__message-attachment-card--text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;font:var(--str-chat__font-metadata-default)}.str-chat__message-attachment-card .str-chat__message-attachment-card--source-link{display:flex;align-items:center;min-width:0;max-width:100%;gap:var(--str-chat__spacing-xxs)}.str-chat__message-attachment-card .str-chat__message-attachment-card--source-link .str-chat__message-attachment-card--url{flex:1;min-width:0}.str-chat__message--has-single-attachment .str-chat__message-attachment-card{display:block;padding:0}.str-chat__message--has-single-attachment .str-chat__message-attachment-card img{height:var(--str-chat__scraped-image-height);width:100%;border-radius:0}.str-chat__message--has-single-attachment .str-chat__message-attachment-card .str-chat__message-attachment-card--header:has(.str-chat__image-placeholder){height:var(--str-chat__scraped-image-height)}.str-chat__message--has-single-attachment .str-chat__message-attachment-card .str-chat__message-attachment-card--header:has(.str-chat__image-placeholder) .str-chat__image-placeholder{border-radius:0}.str-chat__message--has-single-attachment .str-chat__message-attachment-card .str-chat__message-attachment-card--content{padding:var(--str-chat__spacing-sm)}.str-chat__message--has-single-attachment .str-chat__message-attachment-card .str-chat__message-attachment-card--content .str-chat__message-attachment-card--text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery{background:transparent;color:var(--str-chat__text-primary);border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin));display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%;overflow:hidden;border-radius:var(--str-chat__radius-lg);gap:var(--str-chat__space-2);width:var(--str-chat__attachment-max-width);max-width:var(--str-chat__attachment-max-width);height:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery .str-chat__modal-gallery__image{width:100%;height:100%;min-width:0;min-height:0}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery.str-chat__modal-gallery--two-images{grid-template-rows:1fr}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery.str-chat__modal-gallery--three-images .str-chat__modal-gallery__image:nth-child(1){grid-column:1;grid-row:1/span 2}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery.str-chat__modal-gallery--three-images .str-chat__modal-gallery__image:nth-child(2){grid-column:2;grid-row:1}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery.str-chat__modal-gallery--three-images .str-chat__modal-gallery__image:nth-child(3){grid-column:2;grid-row:2}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery .str-chat__modal-gallery__placeholder{display:flex;align-items:center;justify-content:center;background-size:cover;background-position:top left;background-repeat:no-repeat;margin:0;cursor:zoom-in;max-width:var(--str-chat__attachment-max-width);color:var(--str-chat__text-on-inverse);border:none;font-size:var(--str-chat__typography-font-size-2xl);font-weight:var(--str-chat__typography-font-weight-medium);line-height:var(--str-chat__typography-line-height-relaxed);top:0;right:0;bottom:0;left:0;position:absolute;background-color:var(--str-chat__background-core-scrim)}.str-chat__attachment-list .str-chat__message-attachment--giphy .str-chat__modal-gallery__image,.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image,.str-chat__attachment-list .str-chat__message-attachment--image .str-chat__modal-gallery__image{background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;margin:0;overflow:hidden;position:relative;background-color:transparent;border:0}.str-chat__attachment-list .str-chat__message-attachment--giphy .str-chat__modal-gallery__image img,.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image img,.str-chat__attachment-list .str-chat__message-attachment--image .str-chat__modal-gallery__image img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;max-width:var(--str-chat__attachment-max-width);transition:opacity .15s ease-in-out}.str-chat__attachment-list .str-chat__message-attachment--giphy .str-chat__modal-gallery__image.str-chat__modal-gallery__image--loading img,.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image.str-chat__modal-gallery__image--loading img,.str-chat__attachment-list .str-chat__message-attachment--image .str-chat__modal-gallery__image.str-chat__modal-gallery__image--loading img{opacity:0}.str-chat__attachment-list .str-chat__message-attachment--giphy .str-chat__modal-gallery__image.str-chat__modal-gallery__image--load-failed,.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image.str-chat__modal-gallery__image--load-failed,.str-chat__attachment-list .str-chat__message-attachment--image .str-chat__modal-gallery__image.str-chat__modal-gallery__image--load-failed{cursor:pointer;min-height:200px}.str-chat__attachment-list .str-chat__message-attachment--giphy .str-chat__modal-gallery__image.str-chat__modal-gallery__image--load-failed .str-chat__image-placeholder.str-chat__base-image--load-failed,.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image.str-chat__modal-gallery__image--load-failed .str-chat__image-placeholder.str-chat__base-image--load-failed,.str-chat__attachment-list .str-chat__message-attachment--image .str-chat__modal-gallery__image.str-chat__modal-gallery__image--load-failed .str-chat__image-placeholder.str-chat__base-image--load-failed{width:100%;min-height:200px;align-self:stretch}.str-chat__attachment-list .str-chat__message-attachment--giphy .str-chat__modal-gallery__image.str-chat__modal-gallery__image--load-failed img,.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image.str-chat__modal-gallery__image--load-failed img,.str-chat__attachment-list .str-chat__message-attachment--image .str-chat__modal-gallery__image.str-chat__modal-gallery__image--load-failed img{opacity:0;cursor:pointer}.str-chat__attachment-list .str-chat__message-attachment--giphy .str-chat__modal-gallery__image .str-chat__modal-gallery__image-load-failed-overlay,.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image .str-chat__modal-gallery__image-load-failed-overlay,.str-chat__attachment-list .str-chat__message-attachment--image .str-chat__modal-gallery__image .str-chat__modal-gallery__image-load-failed-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.str-chat__attachment-list .str-chat__message-attachment--giphy .str-chat__modal-gallery__image .str-chat__modal-gallery__image-loading-overlay,.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image .str-chat__modal-gallery__image-loading-overlay,.str-chat__attachment-list .str-chat__message-attachment--image .str-chat__modal-gallery__image .str-chat__modal-gallery__image-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--chat-bg);background-image:linear-gradient(90deg,var(--str-chat__skeleton-loading-base) 0%,var(--str-chat__skeleton-loading-highlight) 50%,var(--str-chat__skeleton-loading-base) 100%);background-repeat:no-repeat;background-size:200% 100%;animation:str-chat__modal-gallery-loading-shimmer 1.2s linear infinite;pointer-events:none}.str-chat__attachment-list .str-chat__message-attachment--giphy .str-chat__modal-gallery__image .str-chat__modal-gallery__image-loading-overlay .str-chat__loading-indicator,.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image .str-chat__modal-gallery__image-loading-overlay .str-chat__loading-indicator,.str-chat__attachment-list .str-chat__message-attachment--image .str-chat__modal-gallery__image .str-chat__modal-gallery__image-loading-overlay .str-chat__loading-indicator{position:relative;z-index:1;width:var(--str-chat__icon-size-lg);height:var(--str-chat__icon-size-lg)}.str-chat__attachment-list .str-chat__message-attachment--giphy .str-chat__modal-gallery__image .str-chat__modal-gallery__image-retry-indicator,.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image .str-chat__modal-gallery__image-retry-indicator,.str-chat__attachment-list .str-chat__message-attachment--image .str-chat__modal-gallery__image .str-chat__modal-gallery__image-retry-indicator{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:2.75rem;height:2.75rem;border-radius:var(--str-chat__radius-max);background-color:var(--str-chat__accent-error);color:var(--str-chat__text-on-inverse)}.str-chat__attachment-list .str-chat__message-attachment--giphy .str-chat__modal-gallery__image .str-chat__modal-gallery__image-retry-indicator svg,.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image .str-chat__modal-gallery__image-retry-indicator svg,.str-chat__attachment-list .str-chat__message-attachment--image .str-chat__modal-gallery__image .str-chat__modal-gallery__image-retry-indicator svg{width:1.125rem;height:1.125rem}.str-chat__attachment-list .str-chat__message-attachment--giphy .str-chat__modal-gallery__image:hover:after,.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image:hover:after,.str-chat__attachment-list .str-chat__message-attachment--image .str-chat__modal-gallery__image:hover:after{background-color:#0000001a}.str-chat__attachment-list .str-chat__message-attachment--giphy .str-chat__modal-gallery__image:focus-visible,.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image:focus-visible,.str-chat__attachment-list .str-chat__message-attachment--image .str-chat__modal-gallery__image:focus-visible{outline:2px solid var(--str-chat__border-utility-focused);outline-offset:2px}@keyframes str-chat__modal-gallery-loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.str-chat__message-attachment-unsupported{background:transparent;color:var(--str-chat__text-primary);border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin));display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-md);column-gap:var(--str-chat__spacing-xs)}.str-chat__message-attachment-unsupported .str-chat__icon{height:var(--str-chat__size-20);width:var(--str-chat__size-20)}.str-chat__message-attachment-unsupported .str-chat__message-attachment-unsupported__metadata{min-width:0;flex:1;height:-webkit-fill-available;height:stretch;display:flex;align-items:center}.str-chat__message-attachment-unsupported .str-chat__message-attachment-unsupported__title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;font:var(--str-chat__font-caption-emphasis);color:var(--str-chat__text-primary);max-width:100%}.str-chat__message-attachment__voice-recording-widget{background:transparent;color:var(--str-chat__text-primary);border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin));display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:60px;padding:var(--str-chat__spacing-xs)}.str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__play-button-container{padding:var(--str-chat__spacing-xxs)}.str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__metadata{flex:1;min-width:0}.str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__metadata a{cursor:pointer;text-decoration:none;color:var(--str-chat__text-primary)}.str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__metadata .str-chat__message-attachment-download-icon svg{width:var(--str-chat__size-24);height:var(--str-chat__size-16)}.str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__timer{min-width:var(--str-chat__size-40);width:var(--str-chat__size-40);font:var(--str-chat__font-metadata-emphasis)}.str-chat .str-chat__duration-display{letter-spacing:0;min-width:35px;width:35px;color:var(--str-chat__text-primary);white-space:nowrap;text-align:center}.str-chat .str-chat__button.str-chat__playback-rate-button{text-transform:none;display:flex;justify-content:center;align-items:center;gap:var(--str-chat__spacing-xs);min-width:48px;min-height:24px;max-height:24px;padding:var(--str-chat__button-padding-y-sm) var(--str-chat__spacing-xs);background-color:inherit;border-radius:var(--str-chat__button-radius-lg);border:1px solid var(--chat-border-on-chat);color:var(--str-chat__control-playback-toggle-text, var(--str-chat__text-primary));font:var(--str-chat__font-metadata-emphasis)}.str-chat .str-chat__button.str-chat__playback-rate-button:not(:disabled):hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--str-chat__background-utility-hover);pointer-events:none}.str-chat .str-chat__button.str-chat__playback-rate-button:not(:disabled):focus-visible{outline:2px solid var(--str-chat__border-utility-focused);outline-offset:2px;outline-offset:0}.str-chat .str-chat__button.str-chat__playback-rate-button:not(:disabled):active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--str-chat__background-utility-pressed);pointer-events:none}.str-chat .str-chat__button.str-chat__playback-rate-button:disabled{border-color:var(--str-chat__border-utility-disabled);color:var(--str-chat__text-disabled);cursor:default}.str-chat .str-chat__message-attachment-audio-widget--progress-track{position:relative;height:var(--str-chat__size-4);flex:1;min-width:0;cursor:pointer;background:linear-gradient(to var(--str-chat__progress-direction, right),var(--str-chat__chat-waveform-bar-playing) var(--str-chat__message-attachment-audio-widget-progress),var(--str-chat__chat-waveform-bar) var(--str-chat__message-attachment-audio-widget-progress))}[dir=rtl] .str-chat .str-chat__message-attachment-audio-widget--progress-track{--str-chat__progress-direction: left}.str-chat .str-chat__message-attachment-audio-widget--progress-track{border-radius:var(--str-chat__radius-max)}.str-chat .str-chat__message-attachment-audio-widget--progress-track .str-chat__message-attachment-audio-widget--progress-indicator{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);height:var(--str-chat__size-12);width:var(--str-chat__size-12);border-radius:var(--str-chat__radius-max);border:1px solid var(--str-chat__control-playback-thumb-border-default);background:var(--str-chat__control-playback-thumb-bg-default);box-shadow:var(--str-chat__box-shadow-2);cursor:grab}.str-chat{--str-chat__voice-recording-amplitude-bar-width: 2px;--str-chat__voice-recording-amplitude-bar-gap-width: var(--str-chat__spacing-px)}.str-chat .str-chat__message-attachment__voice-recording-widget__audio-state{display:flex;align-items:center;gap:var(--str-chat__spacing-xs);padding-inline:var(--str-chat__spacing-xs);height:100%}.str-chat .str-chat__wave-progress-bar__track{position:relative;flex:1;width:100%;height:30px;display:flex;align-items:center;gap:var(--str-chat__voice-recording-amplitude-bar-gap-width)}.str-chat .str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__amplitude-bar{width:2px;min-width:2px;height:calc(var(--str-chat__wave-progress-bar__amplitude-bar-height) + 2px)}.str-chat .str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__progress-indicator{position:absolute;inset-inline-start:0;border:2px solid var(--str-chat__base-white);box-shadow:var(--str-chat__box-shadow-3);background:var(--str-chat__accent-neutral);height:14px;width:14px;border-radius:var(--str-chat__radius-max);cursor:grab;transition:inset-inline-start .25s linear}.str-chat .str-chat__wave-progress-bar__amplitude-bar{background:var(--str-chat__chat-waveform-bar);border-radius:var(--str-chat__radius-max);transition:background .25s linear}.str-chat .str-chat__wave-progress-bar__amplitude-bar--active{background:var(--str-chat__chat-waveform-bar-playing)}.str-chat .str-chat__wave-progress-bar__track--dragging .str-chat__wave-progress-bar__progress-indicator,.str-chat .str-chat__wave-progress-bar__track--dragging .str-chat__wave-progress-bar__amplitude-bar{transition:none}.str-chat .str-chat__wave-progress-bar__track--playback-initiated .str-chat__wave-progress-bar__progress-indicator{background:var(--str-chat__accent-primary)}.str-chat__avatar{-webkit-user-select:none;user-select:none;position:relative;display:flex;justify-content:center;align-items:center;border-radius:var(--str-chat__radius-max);background:var(--str-chat__avatar-bg-default);color:var(--str-chat__avatar-text-default);text-transform:uppercase;width:var(--avatar-size);height:var(--avatar-size);--avatar-status-badge-angle: -45deg;grid-area:avatar}.str-chat__avatar .str-chat__avatar-image{object-fit:cover;border-radius:inherit;width:100%;height:100%}.str-chat__avatar .str-chat__icon{width:var(--avatar-icon-size);height:var(--avatar-icon-size);stroke-width:var(--avatar-icon-stroke-width)}.str-chat__avatar.str-chat__avatar--with-border:has(.str-chat__avatar-image):before{border:1px solid var(--border-core-opacity-10);content:"";width:100%;height:100%;position:absolute;background:transparent;border-radius:inherit}.str-chat__avatar:after{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);border:2px solid var(--str-chat__border-core-inverse);border-radius:inherit}.str-chat__avatar .str-chat__avatar-status-badge{content:"";position:absolute;width:var(--avatar-status-badge-size);height:var(--avatar-status-badge-size);z-index:1;inset-inline-start:calc(var(--avatar-size) / 2 + var(--avatar-size) / 2 * cos(var(--avatar-status-badge-angle)) - var(--avatar-status-badge-size) / 2);top:calc(var(--avatar-size) / 2 + var(--avatar-size) / 2 * sin(var(--avatar-status-badge-angle)) - var(--avatar-status-badge-size) / 2);border-radius:var(--str-chat__radius-max, 9999px);border-style:solid;border-color:var(--str-chat__presence-border);border-width:2px}.str-chat__avatar .str-chat__avatar-status-badge.str-chat__avatar-status-badge--online{background:var(--str-chat__presence-bg-online)}.str-chat__avatar .str-chat__avatar-status-badge.str-chat__avatar-status-badge--offline{background:var(--str-chat__presence-bg-offline)}.str-chat__avatar.str-chat__avatar--size-2xl{--avatar-size: 64px;--avatar-status-badge-size: 16px;--avatar-icon-size: var(--str-chat__icon-size-lg);--avatar-icon-stroke-width: 1.5px;font:var(--str-chat__font-heading-lg)}.str-chat__avatar.str-chat__avatar--size-xl{--avatar-size: 48px;--avatar-status-badge-size: 16px;--avatar-icon-size: var(--str-chat__size-24);--avatar-icon-stroke-width: 1.5px;font:var(--str-chat__font-heading-md)}.str-chat__avatar.str-chat__avatar--size-lg{--avatar-size: 40px;--avatar-status-badge-size: 14px;--avatar-icon-size: var(--str-chat__icon-size-md);--avatar-icon-stroke-width: 1.5px;font:var(--str-chat__font-body-emphasis)}.str-chat__avatar.str-chat__avatar--size-md{--avatar-size: 32px;--avatar-status-badge-size: 12px;--avatar-icon-size: var(--str-chat__icon-size-md);--avatar-icon-stroke-width: 1.5px;font:var(--str-chat__font-caption-emphasis)}.str-chat__avatar.str-chat__avatar--size-sm{--avatar-size: 24px;--avatar-status-badge-size: 8px;--avatar-icon-size: var(--str-chat__icon-size-sm);--avatar-icon-stroke-width: 1.2px;font:var(--str-chat__font-caption-emphasis)}.str-chat__avatar.str-chat__avatar--size-sm .str-chat__avatar-status-badge{border-width:1px}.str-chat__avatar.str-chat__avatar--size-xs{--avatar-size: 20px;--avatar-status-badge-size: 8px;--avatar-icon-size: 10px;--avatar-icon-stroke-width: 1.2px;font:var(--str-chat__font-metadata-emphasis)}.str-chat__avatar.str-chat__avatar--size-xs .str-chat__avatar-status-badge{border-width:1px}.str-chat__avatar-stack{display:flex;align-items:center}.str-chat__avatar-stack .str-chat__avatar-stack__count-badge{position:relative}.str-chat__avatar-stack.str-chat__avatar-stack--size-xs>.str-chat__avatar:not(:first-child),.str-chat__avatar-stack.str-chat__avatar-stack--size-xs .str-chat__avatar-stack__count-badge{margin-inline-start:calc(var(--str-chat__spacing-xs) * -1)}.str-chat__avatar-stack.str-chat__avatar-stack--size-sm>.str-chat__avatar:not(:first-child),.str-chat__avatar-stack.str-chat__avatar-stack--size-sm .str-chat__avatar-stack__count-badge{margin-inline-start:calc(var(--str-chat__spacing-sm) * -1)}.str-chat__avatar-stack.str-chat__avatar-stack--size-md>.str-chat__avatar:not(:first-child),.str-chat__avatar-stack.str-chat__avatar-stack--size-md .str-chat__avatar-stack__count-badge{margin-inline-start:calc(var(--str-chat__spacing-sm) * -1)}.str-chat__avatar-group{width:var(--avatar-group-size);height:var(--avatar-group-size);min-height:var(--avatar-group-size);min-width:var(--avatar-group-size);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.str-chat__avatar-group.str-chat__avatar-group--size-2xl{--avatar-group-size: 64px;--avatar-group-online-badge-size: 16px;--avatar-group-count-badge-size: 32px}.str-chat__avatar-group.str-chat__avatar-group--size-2xl>.str-chat__avatar-group__count-badge{font:var(--str-chat__font-numeric-xl);padding-inline:var(--str-chat__spacing-xs)}.str-chat__avatar-group.str-chat__avatar-group--size-xl{--avatar-group-size: 48px;--avatar-group-online-badge-size: 16px;--avatar-group-count-badge-size: 24px}.str-chat__avatar-group.str-chat__avatar-group--size-xl>.str-chat__avatar-group__count-badge{font:var(--str-chat__font-numeric-xl);padding-inline:var(--str-chat__spacing-xs)}.str-chat__avatar-group.str-chat__avatar-group--size-lg{--avatar-group-size: 40px;--avatar-group-online-badge-size: 14px;--avatar-group-count-badge-size: 20px}.str-chat__avatar-group.str-chat__avatar-group--size-lg>.str-chat__avatar-group__count-badge{font:var(--str-chat__font-numeric-md);padding-inline:var(--str-chat__spacing-xxs)}.str-chat__avatar-group.str-chat__avatar-group--online:after,.str-chat__avatar-group.str-chat__avatar-group--offline:after{content:"";position:absolute;width:var(--avatar-group-online-badge-size);height:var(--avatar-group-online-badge-size);inset-inline-end:-2px;top:-2px;border-radius:var(--str-chat__radius-max, 9999px);border-style:solid;border-color:var(--str-chat__presence-border, #fff);border-width:2px}.str-chat__avatar-group.str-chat__avatar-group--online:after{background:var(--str-chat__presence-bg-online, #00c384)}.str-chat__avatar-group.str-chat__avatar-group--offline:after{background:var(--str-chat__presence-bg-offline, #687385)}.str-chat__avatar-group>.str-chat__avatar{position:absolute}.str-chat__avatar-group>.str-chat__avatar-group__count-badge{position:absolute;display:flex;height:var(--avatar-group-count-badge-size);min-width:var(--avatar-group-count-badge-size);min-height:var(--avatar-group-count-badge-size);justify-content:center;align-items:center;border-radius:var(--str-chat__radius-max);background:var(--str-chat__badge-bg-default);box-shadow:var(--str-chat__box-shadow-2)}.str-chat__avatar-group:has(>:last-child:nth-child(4))>:nth-child(1){top:0;inset-inline-start:0}.str-chat__avatar-group:has(>:last-child:nth-child(4))>:nth-child(2){top:0;inset-inline-end:0}.str-chat__avatar-group:has(>:last-child:nth-child(4))>:nth-child(3){bottom:0;inset-inline-start:0}.str-chat__avatar-group:has(>:last-child:nth-child(4))>:last-child{bottom:0;inset-inline-end:0}.str-chat__avatar-group:has(>:last-child:nth-child(3)):has(>.str-chat__avatar-group__count-badge)>:nth-child(1){top:0;inset-inline-start:0}.str-chat__avatar-group:has(>:last-child:nth-child(3)):has(>.str-chat__avatar-group__count-badge)>:nth-child(2){top:0;inset-inline-end:0}.str-chat__avatar-group:has(>:last-child:nth-child(3)):has(>.str-chat__avatar-group__count-badge)>:last-child{bottom:0}.str-chat__avatar-group:has(>:last-child:nth-child(3)):not(:has(>.str-chat__avatar-group__count-badge))>:nth-child(1){top:0}.str-chat__avatar-group:has(>:last-child:nth-child(3)):not(:has(>.str-chat__avatar-group__count-badge))>:nth-child(2){bottom:0;inset-inline-start:0}.str-chat__avatar-group:has(>:last-child:nth-child(3)):not(:has(>.str-chat__avatar-group__count-badge))>:last-child{bottom:0;inset-inline-end:0}.str-chat__avatar-group:has(>:last-child:nth-child(2))>:nth-child(1){top:0;inset-inline-start:0}.str-chat__avatar-group:has(>:last-child:nth-child(2))>:last-child{bottom:0;inset-inline-end:0}.str-chat__channel{height:100%;display:flex;flex-direction:column;min-height:0;position:relative}.str-chat__channel .str-chat__container{height:100%;display:flex}.str-chat__channel .str-chat__container .str-chat__main-panel{position:relative;height:100%;display:flex;flex-direction:column;width:100%;min-width:0}@media(max-width:767px){.str-chat__channel .str-chat__container:has(.str-chat__thread-container)>.str-chat__main-panel,.str-chat__channel .str-chat__container:has(.str-chat__thread-container)>.str-chat__dropzone-root:not(.str-chat__dropzone-root--thread){flex:0 0 0;width:0;min-width:0;max-width:0;overflow:hidden}.str-chat__channel .str-chat__container:has(.str-chat__thread-container)>.str-chat__thread-container,.str-chat__channel .str-chat__container:has(.str-chat__thread-container)>.str-chat__dropzone-root--thread{flex:1 1 auto;min-width:0;width:100%}}.str-chat__loading-channel{height:100%;display:flex;flex-direction:column}.str-chat__loading-channel .str-chat__channel-header--loading{pointer-events:none}.str-chat__loading-channel .str-chat__channel-header--loading .str-chat__channel-header__data--loading{align-items:center}.str-chat__loading-channel .str-chat__channel-header--loading .str-chat__loading-channel-header-name{height:var(--str-chat__size-16);width:120px}.str-chat__loading-channel .str-chat__channel-header--loading .str-chat__loading-channel-header-avatar{flex-shrink:0;width:var(--str-chat__size-40);height:var(--str-chat__size-40);border-radius:50%}.str-chat__loading-channel .str-chat__message-list--loading{overflow:hidden}.str-chat__loading-channel .str-chat__message-list--loading .str-chat__message-list-scroll{width:100%;height:100%;max-width:calc(var(--str-chat__message-composer-max-width) + var(--str-chat__message-composer-padding));margin-inline:auto}.str-chat__loading-channel .str-chat__loading-channel-message-list{height:100%;width:100%;display:flex;flex-direction:column;gap:var(--str-chat__size-28);padding-block:var(--str-chat__size-32) var(--str-chat__size-24)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message{display:flex;width:100%;column-gap:var(--str-chat__spacing-sm)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;align-self:end}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-content{display:flex;flex-direction:column;width:min(100%,var(--str-chat__message-max-width));max-width:var(--str-chat__message-max-width);row-gap:var(--str-chat__size-12);min-width:0}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-bubble{width:min(100%,var(--str-chat__message-max-width));border-radius:var(--str-chat__radius-3xl)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-bubble--md{height:var(--str-chat__size-64);width:min(58%,272px)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-bubble--lg{height:84px;width:min(72%,352px)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-metadata{height:var(--str-chat__size-16);width:min(100%,var(--str-chat__message-max-width));border-radius:999px}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-metadata--sm{width:88px}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-metadata--md{width:124px}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message.str-chat__loading-channel-message--outgoing{justify-content:flex-end}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message.str-chat__loading-channel-message--outgoing .str-chat__loading-channel-message-content{align-items:flex-end}.str-chat__loading-channel .str-chat__message-composer-container--loading{pointer-events:none}.str-chat__loading-channel .str-chat__message-composer-container--loading .str-chat__message-composer{align-items:center}.str-chat__loading-channel .str-chat__message-composer-container--loading .str-chat__loading-channel-message-input-button{flex-shrink:0;width:var(--str-chat__size-48);height:var(--str-chat__size-48);border-radius:var(--str-chat__button-radius-full)}.str-chat__loading-channel .str-chat__message-composer-container--loading .str-chat__loading-channel-message-input-pill{flex:1;min-width:0;height:var(--str-chat__size-48);border-radius:999px}.str-chat__channel{background:var(--str-chat__background-core-app);color:var(--str-chat__text-primary)}.str-chat__loading-channel .str-chat__channel-header--loading .str-chat__loading-channel-header-avatar{background-color:var(--str-chat__background-core-surface-default);background-image:linear-gradient(90deg,var(--str-chat__skeleton-loading-base) 0%,var(--str-chat__skeleton-loading-highlight) 50%,var(--str-chat__skeleton-loading-base) 100%);background-repeat:no-repeat;background-size:200% 100%;animation:loading-channel-shimmer 1.2s linear infinite;border-radius:50%}.str-chat__loading-channel .str-chat__channel-header--loading .str-chat__loading-channel-header-name{background-color:var(--str-chat__background-core-surface-default);background-image:linear-gradient(90deg,var(--str-chat__skeleton-loading-base) 0%,var(--str-chat__skeleton-loading-highlight) 50%,var(--str-chat__skeleton-loading-base) 100%);background-repeat:no-repeat;background-size:200% 100%;animation:loading-channel-shimmer 1.2s linear infinite;border-radius:999px;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 94%,rgba(0,0,0,.7) 98%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 94%,rgba(0,0,0,.7) 98%,transparent 100%)}.str-chat__loading-channel .str-chat__message-list--loading .str-chat__loading-channel-message-avatar{background-color:var(--str-chat__background-core-surface-default);background-image:linear-gradient(90deg,var(--str-chat__skeleton-loading-base) 0%,var(--str-chat__skeleton-loading-highlight) 50%,var(--str-chat__skeleton-loading-base) 100%);background-repeat:no-repeat;background-size:200% 100%;animation:loading-channel-shimmer 1.2s linear infinite;border-radius:50%}.str-chat__loading-channel .str-chat__message-list--loading .str-chat__loading-channel-message-bubble{background-color:var(--str-chat__background-core-surface-default);background-image:linear-gradient(90deg,var(--str-chat__skeleton-loading-base) 0%,var(--str-chat__skeleton-loading-highlight) 50%,var(--str-chat__skeleton-loading-base) 100%);background-repeat:no-repeat;background-size:200% 100%;animation:loading-channel-shimmer 1.2s linear infinite}.str-chat__loading-channel .str-chat__message-list--loading .str-chat__loading-channel-message-metadata{background-color:var(--str-chat__background-core-surface-default);background-image:linear-gradient(90deg,var(--str-chat__skeleton-loading-base) 0%,var(--str-chat__skeleton-loading-highlight) 50%,var(--str-chat__skeleton-loading-base) 100%);background-repeat:no-repeat;background-size:200% 100%;animation:loading-channel-shimmer 1.2s linear infinite;border-radius:999px;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 94%,rgba(0,0,0,.7) 98%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 94%,rgba(0,0,0,.7) 98%,transparent 100%)}.str-chat__loading-channel .str-chat__message-composer-container--loading .str-chat__loading-channel-message-input-button,.str-chat__loading-channel .str-chat__message-composer-container--loading .str-chat__loading-channel-message-input-pill{background-color:var(--str-chat__background-core-surface-default);background-image:linear-gradient(90deg,var(--str-chat__skeleton-loading-base) 0%,var(--str-chat__skeleton-loading-highlight) 50%,var(--str-chat__skeleton-loading-base) 100%);background-repeat:no-repeat;background-size:200% 100%;animation:loading-channel-shimmer 1.2s linear infinite}.str-chat__loading-channel .str-chat__message-composer-container--loading .str-chat__loading-channel-message-input-button{border-radius:var(--str-chat__button-radius-full)}.str-chat__loading-channel .str-chat__message-composer-container--loading .str-chat__loading-channel-message-input-pill{border-radius:var(--str-chat__radius-3xl)}@keyframes loading-channel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.str-chat{--str-chat__channel-header-height: 72px}.str-chat__channel-header{background:var(--str-chat__background-core-elevation-1);border-block-end:1px solid var(--str-chat__border-core-default);width:100%;padding:var(--str-chat__spacing-md);height:var(--str-chat__channel-header-height);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.str-chat__channel-header .str-chat__channel-header__start{justify-self:start;min-width:0}.str-chat__channel-header .str-chat__channel-header__data{display:flex;flex-direction:column;align-items:center;overflow-y:hidden;overflow-x:hidden;justify-self:center;min-width:0}.str-chat__channel-header .str-chat__channel-header__end{justify-self:end;min-width:0}.str-chat__channel-header .str-chat__channel-header__data__title,.str-chat__channel-header .str-chat__channel-header__data__subtitle{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__channel-header .str-chat__channel-header__data__title{font:var(--str-chat__font-heading-sm)}.str-chat__channel-header .str-chat__channel-header__data__subtitle{font:var(--str-chat__font-caption-default);color:var(--str-chat__text-secondary)}.str-chat{--str-chat__channel-list-transition-duration: .18s;--str-chat__channel-list-transition-easing: ease;--str-chat__channel-list-transition-offset: 8px;--str-chat__channel-list-width: 30%;--str-chat__channel-list-mobile-width: 100%}.str-chat__channel-list{display:flex;flex:0 0 var(--str-chat__channel-list-width);flex-direction:column;height:100%;max-width:100%;position:relative;min-width:280px;opacity:1;transform:translate(0);transition:flex-basis var(--str-chat__channel-list-transition-duration) var(--str-chat__channel-list-transition-easing),min-width var(--str-chat__channel-list-transition-duration) var(--str-chat__channel-list-transition-easing),width var(--str-chat__channel-list-transition-duration) var(--str-chat__channel-list-transition-easing),max-width var(--str-chat__channel-list-transition-duration) var(--str-chat__channel-list-transition-easing),opacity var(--str-chat__channel-list-transition-duration) var(--str-chat__channel-list-transition-easing),transform var(--str-chat__channel-list-transition-duration) var(--str-chat__channel-list-transition-easing);width:var(--str-chat__channel-list-width);background:var(--str-chat__background-core-elevation-1);color:var(--str-chat__text-primary);border-inline-end:1px solid var(--str-chat__border-core-default)}.str-chat__channel-list .str-chat__channel-list-inner{flex:1;min-height:0;overflow:hidden}.str-chat__channel-list .str-chat__channel-list-inner .str-chat__channel-list-inner__main{height:100%;overflow-y:auto;scrollbar-gutter:stable both-edges;scrollbar-width:thin;padding-bottom:calc(var(--str-chat__space-8) + var(--str-chat__space-2))}.str-chat__channel-list .str-chat__channel-list-inner .str-chat__channel-list-inner__main .str-chat__channel-list-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--str-chat__space-8) + var(--str-chat__space-4))}.str-chat__channel-list .str-chat__channel-list-inner .str-chat__channel-list-inner__main .str-chat__channel-list-empty p{color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default)}.str-chat__channel-list .str-chat__load-more-button{display:flex;justify-content:center;margin:var(--str-chat__space-8) 0}.str-chat__channel-list .str-chat__channel-list-empty{text-align:center}.str-chat__channel-list .str-chat__channel-list-empty svg{width:32px;height:32px}.str-chat__channel-list .str-chat__channel-list-empty{color:var(--str-chat__text-secondary)}@media(max-width:767px){.str-chat__channel-list{box-shadow:none;flex-basis:auto;inset-inline-start:0;max-width:100%;min-width:0;pointer-events:none;position:absolute;top:0;bottom:0;transform:translate(calc(0px - var(--str-chat__channel-list-transition-offset)));visibility:hidden;width:var(--str-chat__channel-list-mobile-width);z-index:1;transition:transform var(--str-chat__channel-list-transition-duration) var(--str-chat__channel-list-transition-easing),visibility 0s linear var(--str-chat__channel-list-transition-duration)}.str-chat__chat-view .str-chat__channel-list{inset-inline-start:var(--str-chat__chat-view-selector-mobile-width, 0px);width:calc(100% - var(--str-chat__chat-view-selector-mobile-width, 0px))}}@media(prefers-reduced-motion:reduce){.str-chat__channel-list{transition:none}}.str-chat__channel-list__header{display:flex;align-items:center;padding:var(--str-chat__spacing-md);width:100%}.str-chat__channel-list__header .str-chat__channel-list__header__title{flex:1;font:var(--str-chat__font-heading-lg);color:var(--str-chat__text-primary)}.str-chat__channel-list-item-container{padding:var(--str-chat__spacing-xxs);position:relative}.str-chat__channel-list-item-container:has(.str-chat__channel-list-item__action-buttons--active) .str-chat__channel-list-item__action-buttons,.str-chat__channel-list-item-container:hover .str-chat__channel-list-item__action-buttons{display:flex}.str-chat__channel-list-item-container .str-chat__channel-list-item__action-buttons{display:none;position:absolute;gap:var(--str-chat__spacing-xs);border-radius:var(--str-chat__radius-md);background:var(--str-chat__background-core-elevation-3);box-shadow:var(--str-chat__box-shadow-2);inset-inline-end:10px;top:10px;padding:var(--str-chat__spacing-xxs)}.str-chat__channel-list-item-container .str-chat__channel-list-item__action-buttons>.str-chat__button.str-chat__button--size-sm.str-chat__button--circular{padding-inline:var(--str-chat__button-padding-x-icon-only-xs);padding-block:var(--str-chat__button-padding-x-icon-only-xs)}.str-chat__channel-list-item-container{border-bottom:1px solid var(--str-chat__border-core-subtle)}.str-chat__channel-list-item__action-buttons-context-menu{min-width:150px}.str-chat__channel-list-item{display:flex;gap:var(--str-chat__spacing-md);align-items:center;padding:var(--str-chat__spacing-sm);border:none;background:none;cursor:pointer;text-align:start;border-radius:var(--str-chat__radius-lg);width:100%;background:var(--str-chat__background-core-elevation-1)}.str-chat__channel-list-item:not(:disabled):hover{background:var(--str-chat__background-utility-hover)}.str-chat__channel-list-item:not(:disabled):active{background:var(--str-chat__background-utility-pressed)}.str-chat__channel-list-item:not(:disabled)[aria-pressed=true]{background:var(--str-chat__background-utility-selected)}.str-chat__channel-list-item .str-chat__avatar{flex-shrink:0}.str-chat__channel-list-item .str-chat__channel-list-item-data{display:flex;flex-direction:column;gap:var(--str-chat__spacing-xxs);flex-shrink:1;flex-grow:1;min-width:0}.str-chat__channel-list-item .str-chat__channel-list-item-data .str-chat__channel-list-item-data__first-row{display:flex;justify-content:space-between;align-items:center;gap:var(--str-chat__spacing-md)}.str-chat__channel-list-item .str-chat__channel-list-item-data .str-chat__channel-list-item-data__first-row .str-chat__channel-list-item-data__title{flex-shrink:1;flex-grow:1;min-width:0;display:flex;align-items:inherit;gap:var(--str-chat__spacing-xxs);font:var(--str-chat__font-caption-emphasis);color:var(--str-chat__text-primary)}.str-chat__channel-list-item .str-chat__channel-list-item-data .str-chat__channel-list-item-data__first-row .str-chat__channel-list-item-data__title>span{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.str-chat__channel-list-item .str-chat__channel-list-item-data .str-chat__channel-list-item-data__first-row .str-chat__channel-list-item-data__title>.str-chat__icon--mute{color:var(--str-chat__text-tertiary);width:var(--str-chat__icon-size-sm);height:var(--str-chat__icon-size-sm)}.str-chat__channel-list-item .str-chat__channel-list-item-data .str-chat__channel-list-item-data__first-row .str-chat__channel-list-item-data__timestamp-and-badge{flex-shrink:0;display:flex;align-items:inherit;gap:var(--str-chat__spacing-xs)}.str-chat__channel-list-item .str-chat__channel-list-item-data .str-chat__channel-list-item-data__first-row .str-chat__channel-list-item-data__timestamp-and-badge .str-chat__channel-list-item-timestamp{font:var(--str-chat__font-caption-default);color:var(--str-chat__text-tertiary)}.str-chat{--str-chat__chat-view-selector-transition-duration: .18s;--str-chat__chat-view-selector-transition-easing: ease;--str-chat__chat-view-selector-transition-offset: 8px;--str-chat__chat-view-selector-mobile-width: calc( var(--str-chat__spacing-md) + var(--str-chat__spacing-md) + var(--str-chat__spacing-xs) + var(--str-chat__spacing-xs) + 20px )}.str-chat__chat-view{display:flex;width:100%;height:100%;min-height:0;position:relative;background-color:var(--str-chat__background-core-app)}.str-chat__chat-view .str-chat__chat-view__selector{display:flex;flex-direction:column;padding:var(--str-chat__spacing-md);gap:var(--str-chat__spacing-xs);border-inline-end:1px solid var(--str-chat__border-core-subtle);background-color:var(--str-chat__background-core-elevation-1)}.str-chat__chat-view .str-chat__chat-view__selector .str-chat__chat-view__selector-button-container{display:flex;position:relative}.str-chat__chat-view .str-chat__chat-view__selector .str-chat__chat-view__selector-button-container:focus-visible+.str-chat__chat-view__selector-button-tooltip,.str-chat__chat-view .str-chat__chat-view__selector .str-chat__chat-view__selector-button-container:hover .str-chat__chat-view__selector-button-tooltip{opacity:1;transform:translate3d(0,-50%,0);visibility:visible}.str-chat__chat-view .str-chat__chat-view__selector .str-chat__chat-view__selector-button{--str-chat-unread-count-badge-absolute-offset-vertical: 25%;gap:4px;padding:var(--str-chat__spacing-xs);border-radius:var(--str-chat__radius-md);font:var(--str-chat__font-caption-emphasis);line-height:1;position:relative;background:transparent;color:var(--str-chat__text-tertiary)}.str-chat__chat-view .str-chat__chat-view__selector .str-chat__chat-view__selector-button[aria-selected=true]{color:var(--str-chat__text-primary);background:var(--str-chat__background-core-surface-default)}.str-chat__chat-view .str-chat__chat-view__selector .str-chat__chat-view__selector-button .str-chat__icon{height:var(--str-chat__icon-size-md);width:var(--str-chat__icon-size-md)}.str-chat__chat-view .str-chat__chat-view__selector .str-chat__chat-view__selector-button .str-chat__button__content{display:flex;flex-direction:column;align-items:center}.str-chat__chat-view .str-chat__chat-view__selector .str-chat__chat-view__selector-button-tooltip{inset-inline-start:calc(100% + 8px);opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate3d(4px,-50%,0);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;visibility:hidden;white-space:nowrap;z-index:1}.str-chat__chat-view .str-chat__chat-view__channels{display:flex;flex-grow:1;min-width:0;min-height:0;position:relative}.str-chat__chat-view .str-chat__chat-view__threads{display:flex;flex-grow:1;min-width:0;position:relative}.str-chat__chat-view .str-chat__chat-view__threads>.str-chat__dropzone-root--thread,.str-chat__chat-view .str-chat__chat-view__threads>.str-chat__thread-container{flex:1 1 auto;min-width:0;max-width:none;width:100%}.str-chat__date-separator--floating{position:absolute;top:0;left:0;right:0;z-index:1;display:flex;justify-content:center;pointer-events:none}.str-chat__date-separator{background:transparent;color:var(--str-chat__chat-text-system);display:flex;justify-content:center;align-items:center;width:100%;padding:var(--str-chat__spacing-xs) 0}.str-chat__date-separator .str-chat__date-separator-date{display:flex;padding:var(--str-chat__spacing-xxs) var(--str-chat__spacing-sm);justify-content:center;align-items:center;color:var(--str-chat__chat-text-system);background-color:var(--str-chat__background-core-surface-subtle);border-radius:var(--str-chat__radius-max);font:var(--str-chat__font-metadata-emphasis)}.str-chat__drag-and-drop-container--dragging{cursor:grabbing}.str-chat__drag-and-drop-container__item[draggable=true]{cursor:grab}.str-chat__drag-and-drop-container__item[draggable=true]:active{background:transparent}.str-chat__drag-and-drop-container__item{display:flex;width:100%;padding-block:.25rem;border-block-start:2px solid transparent;border-block-end:2px solid transparent}.str-chat__drag-and-drop-container__item.str-chat__drag-and-drop-container__item--dragged-over-from-top{border-block-end:2px solid var(--str-chat__accent-primary)}.str-chat__drag-and-drop-container__item.str-chat__drag-and-drop-container__item--dragged-over-from-bottom{border-block-start:2px solid var(--str-chat__accent-primary)}.str-chat__empty-channel{--str-chat-icon-color: var(--str-chat__text-tertiary);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--str-chat__spacing-md);position:relative;gap:var(--str-chat__spacing-xs);text-align:center;background:var(--str-chat__background-core-app);color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default)}.str-chat__empty-channel svg{width:32px;height:32px;color:var(--str-chat-icon-color)}.str-chat__empty-channel .str-chat__empty-channel-text{margin:0;max-width:230px}.str-chat .str-chat__base-image{display:block;max-width:100%;max-height:100%;object-fit:contain}@keyframes str-chat__gallery-slide-in-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes str-chat__gallery-slide-in-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.str-chat .str-chat__gallery{--str-chat__gallery-foreground: var(--str-chat__text-on-accent);--str-chat__gallery-nav-border: none;--str-chat__gallery-nav-background: rgba(255, 255, 255, .92);--str-chat__gallery-nav-color: #101828;--str-chat__gallery-nav-hover-background: #ffffff;--str-chat__gallery-nav-box-shadow: var(--str-chat__box-shadow-2);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;width:100%;height:100%;min-height:0;padding:0;box-sizing:border-box;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.str-chat.str-chat__modal.str-chat__gallery-modal{--str-chat__modal-overlay-color: var(--str-chat__background-core-scrim);--str-chat__modal-overlay-backdrop-filter: none}.str-chat.str-chat__modal.str-chat__gallery-modal .str-chat__modal__dialog{width:100%;height:100%}.str-chat .str-chat__gallery__header{padding:var(--str-chat__spacing-md);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:var(--str-chat__spacing-sm);pointer-events:none;width:100%}.str-chat .str-chat__gallery__header-spacer{min-width:0}.str-chat .str-chat__gallery__header-meta{min-width:0;text-align:center}.str-chat .str-chat__gallery__title{color:var(--str-chat__gallery-foreground);font:var(--str-chat__font-heading-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.str-chat .str-chat__gallery__timestamp{display:block;margin-top:2px;color:#ffffffb8;font:var(--str-chat__font-metadata-default)}.str-chat .str-chat__gallery__header-actions{display:inline-flex;align-items:center;justify-self:end;gap:var(--str-chat__spacing-xs);pointer-events:auto}.str-chat .str-chat__button.str-chat__gallery__action-button,.str-chat .str-chat__gallery__action-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border-radius:var(--str-chat__radius-max);border:0;background-color:transparent;color:#ffffffe0;text-decoration:none;opacity:.92}@media(prefers-reduced-motion:no-preference){.str-chat .str-chat__button.str-chat__gallery__action-button,.str-chat .str-chat__gallery__action-button{transition:background-color .15s ease,color .15s ease,opacity .15s ease}}.str-chat .str-chat__button.str-chat__gallery__action-button:hover,.str-chat .str-chat__gallery__action-button:hover{background-color:#ffffff24;color:#fff;opacity:1}.str-chat .str-chat__button.str-chat__gallery__action-button:active,.str-chat .str-chat__gallery__action-button:active{background-color:#fff3}.str-chat .str-chat__button.str-chat__gallery__action-button:focus-visible,.str-chat .str-chat__gallery__action-button:focus-visible{outline:2px solid var(--str-chat__border-utility-focused);outline-offset:2px}.str-chat .str-chat__button.str-chat__gallery__action-button .str-chat__icon,.str-chat .str-chat__gallery__action-button .str-chat__icon{width:var(--str-chat__icon-size-sm);height:var(--str-chat__icon-size-sm)}.str-chat .str-chat__gallery__main{flex-direction:column;position:relative;display:flex;align-items:center;justify-content:center;width:100%;flex:1;height:100%;min-height:0;overflow:hidden;border-radius:0;background:var(--str-chat__gallery-main-background)}.str-chat .str-chat__gallery__slide-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;padding:var(--str-chat__size-64);box-sizing:border-box;overflow:hidden;touch-action:pan-y pinch-zoom}.str-chat .str-chat__gallery__media-container{width:100%;height:100%}.str-chat .str-chat__gallery__media{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;overflow:hidden}@media(prefers-reduced-motion:no-preference){.str-chat .str-chat__gallery__media--slide-forward{animation:str-chat__gallery-slide-in-from-right .3s ease-out both}.str-chat .str-chat__gallery__media--slide-backward{animation:str-chat__gallery-slide-in-from-left .3s ease-out both}}.str-chat .str-chat__gallery__media--dragging{transition:none}.str-chat .str-chat__gallery__media .str-chat__base-image{max-width:100%;max-height:100%;object-fit:contain}.str-chat .str-chat__gallery__media--video video{max-width:100%;max-height:100%;object-fit:contain}.str-chat .str-chat__button.str-chat__gallery__nav-button{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:var(--str-chat__gallery-nav-border);border-radius:var(--str-chat__radius-max);background-color:var(--str-chat__gallery-nav-background);color:var(--str-chat__gallery-nav-color);box-shadow:var(--str-chat__gallery-nav-box-shadow)}@media(prefers-reduced-motion:no-preference){.str-chat .str-chat__button.str-chat__gallery__nav-button{transition:background-color .15s ease,transform .15s ease}}.str-chat .str-chat__button.str-chat__gallery__nav-button:hover{background-color:var(--str-chat__gallery-nav-hover-background)}.str-chat .str-chat__button.str-chat__gallery__nav-button:focus-visible{outline:2px solid var(--str-chat__border-utility-focused);outline-offset:2px}.str-chat .str-chat__button.str-chat__gallery__nav-button:active{transform:translateY(-50%) scale(.97)}.str-chat .str-chat__button.str-chat__gallery__nav-button svg{width:1rem;height:1rem}.str-chat .str-chat__gallery__nav-button--hidden{visibility:hidden;pointer-events:none}.str-chat .str-chat__gallery__nav-button--prev{inset-inline-start:var(--str-chat__spacing-sm)}.str-chat .str-chat__gallery__nav-button--next{inset-inline-end:var(--str-chat__spacing-sm)}.str-chat .str-chat__gallery__position-indicator{color:var(--str-chat__gallery-foreground);font:var(--str-chat__font-caption-emphasis);text-shadow:0 1px 2px rgba(0,0,0,.35);-webkit-user-select:none;user-select:none;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-md)}.str-chat .str-chat__gallery__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.str-chat .str-chat__gallery__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--str-chat__spacing-sm);width:100%;height:100%;color:var(--str-chat__text-tertiary);font-size:var(--str-chat__typography-font-size-sm)}.str-chat.str-chat__theme-dark .str-chat__gallery{--str-chat__gallery-nav-border: 1px solid rgba(255, 255, 255, .08);--str-chat__gallery-nav-background: rgba(17, 24, 39, .88);--str-chat__gallery-nav-color: rgba(255, 255, 255, .92);--str-chat__gallery-nav-hover-background: rgba(31, 41, 55, .96);--str-chat__gallery-nav-box-shadow: 0 10px 24px rgba(0, 0, 0, .4)}@media only screen and (max-device-width:768px){.str-chat .str-chat__gallery__header{inset:var(--str-chat__spacing-xs) var(--str-chat__spacing-xs) auto}.str-chat .str-chat__gallery__nav-button{width:2rem;height:2rem}.str-chat .str-chat__gallery__slide-container{padding:2.25rem 2.5rem 1.5rem}.str-chat .str-chat__gallery__header-actions{gap:.25rem}}.str-chat__infinite-scroll-paginator{overflow-y:auto;overflow-x:hidden}.str-chat__loading-channels{display:flex;flex-direction:column}.str-chat__channel-list-item--loading{cursor:default;pointer-events:none}.str-chat__channel-list-item--loading,.str-chat__channel-list-item-data--loading{min-width:0}.str-chat__channel-list-item-data--loading{justify-content:center}.str-chat__loading-channels-avatar,.str-chat__loading-channels-username,.str-chat__loading-channels-status{background-color:var(--str-chat__background-core-surface-default);background-image:linear-gradient(90deg,var(--str-chat__skeleton-loading-base) 0%,var(--str-chat__skeleton-loading-highlight) 50%,var(--str-chat__skeleton-loading-base) 100%);background-repeat:no-repeat;background-size:200% 100%;animation:loading-channels-shimmer 1.2s linear infinite}.str-chat__loading-channels-avatar{flex-shrink:0;width:var(--str-chat__size-48);height:var(--str-chat__size-48);border-radius:50%}.str-chat__loading-channels-username,.str-chat__loading-channels-status{height:var(--str-chat__size-20);border-radius:999px;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 94%,rgba(0,0,0,.7) 98%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 94%,rgba(0,0,0,.7) 98%,transparent 100%)}.str-chat__loading-channels-username{width:min(62%,180px)}.str-chat__loading-channels-status{width:min(84%,244px)}@keyframes loading-channels-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.str-chat__loading-indicator{animation:rotate 1s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.str-chat__circular-progress-indicator{width:100%;height:100%}.str-chat__circular-progress-indicator svg{display:block}.str-chat__share-location-dialog{width:100%;max-width:520px}.str-chat__share-location-dialog .str-chat__live-location-activation{display:flex;flex-direction:column;width:100%;background-color:var(--str-chat__switch-field-background-color);border-radius:var(--str-chat__switch-field-border-radius);box-sizing:border-box}.str-chat__share-location-dialog .str-chat__live-location-activation.str-chat__live-location-activation--expanded .str-chat__form__switch-field{padding-bottom:var(--str-chat__spacing-xxs)}.str-chat__share-location-dialog .str-chat__live-location-activation .str-chat__form__switch-field__label__text{font:var(--str-chat__font-caption-emphasis)}.str-chat__share-location-dialog .str-chat__live-location-sharing-duration-selector{padding-inline:calc(var(--str-chat__spacing-md) - var(--str-chat__spacing-xs));padding-bottom:var(--str-chat__spacing-xs)}.str-chat__share-location-dialog .str-chat__live-location-sharing-duration-selector .str-chat__live-location-sharing-duration-selector__button{background:none;border:none;padding:0;align-items:center;background:transparent;padding-inline:var(--str-chat__spacing-xs);color:inherit;cursor:pointer;display:flex;justify-content:space-between;min-width:120px;font:var(--str-chat__font-caption-default)}.str-chat__share-location-dialog .str-chat__live-location-sharing-duration-selector .str-chat__context-menu{min-width:120px}.str-chat__share-location-dialog .str-chat__live-location-sharing-duration-selector .str-chat__live-location-sharing-duration-option{width:100%}.str-chat__audio_recorder{display:flex;align-items:center;justify-content:center;max-width:var(--str-chat__message-composer-max-width);width:100%;border-radius:var(--str-chat__radius-3xl);border:1px solid var(--str-chat__border-core-default);background:var(--composer-bg);position:relative}.str-chat__audio_recorder .str-chat__audio-recorder__recording-playback,.str-chat__audio_recorder .str-chat__audio-recorder__recording-preview{flex:1;min-width:0;display:flex;align-items:center;gap:var(--str-chat__spacing-md);padding:var(--str-chat__spacing-xs);padding-inline-start:var(--str-chat__spacing-sm)}.str-chat__audio_recorder .str-chat__audio-recorder__recording-playback .str-chat__recording-timer,.str-chat__audio_recorder .str-chat__audio-recorder__recording-preview .str-chat__recording-timer{display:flex;align-items:center;width:2.75rem;font:var(--str-chat__font-caption-emphasis)}.str-chat__audio_recorder .str-chat__audio-recorder__recording-playback .str-chat__recording-timer--hours,.str-chat__audio_recorder .str-chat__audio-recorder__recording-preview .str-chat__recording-timer--hours{width:3rem}.str-chat__audio_recorder .str-chat__audio-recorder__recording-playback--isPlaying .str-chat__recording-timer{color:var(--str-chat__chat-waveform-bar-playing)}.str-chat__audio_recorder .str-chat__audio-recorder__recording-preview .str-chat__icon--voice{height:var(--str-chat__icon-size-sm);width:var(--str-chat__icon-size-sm);color:var(--str-chat__button-destructive-text)}.str-chat__audio_recorder .str-chat__audio_recorder__toggle-playback-button svg,.str-chat__audio_recorder .str-chat__audio_recorder__cancel-button svg,.str-chat__audio_recorder .str-chat__audio_recorder__toggle-recording-button svg{height:var(--str-chat__icon-size-sm);width:18px}.str-chat__audio_recorder .str-chat__audio_recorder__complete-button,.str-chat__audio_recorder .str-chat__audio_recorder__stop-button{background:none;border:none;display:flex;align-items:center;justify-content:center;height:32px;width:32px;padding:0;cursor:pointer;--str-chat-icon-color: var(--str-chat__text-on-accent);border-radius:var(--str-chat__radius-max);color:var(--str-chat__text-on-accent);background-color:var(--str-chat__accent-primary)}.str-chat__audio_recorder .str-chat__audio_recorder__complete-button:disabled,.str-chat__audio_recorder .str-chat__audio_recorder__stop-button:disabled{cursor:default}.str-chat__audio_recorder .str-chat__audio_recorder__complete-button .str-chat__loading-indicator svg linearGradient stop:last-child,.str-chat__audio_recorder .str-chat__audio_recorder__stop-button .str-chat__loading-indicator svg linearGradient stop:last-child{stop-color:var(--str-chat__background-core-app)}.str-chat__audio_recorder .str-chat__audio_recorder__stop-button{--str-chat-icon-height: 12px}.str-chat__audio_recorder .str-chat__audio_recorder__stop-button svg{height:12px}.str-chat__audio_recorder .str-chat__audio_recorder__complete-button{--str-chat-icon-height: 16px}.str-chat__audio_recorder .str-chat__audio_recorder__complete-button svg{height:16px}.str-chat__audio_recorder .str-chat__wave-progress-bar__track-container,.str-chat__audio_recorder .str-chat__waveform-box-container{flex:1 1 auto;display:flex;align-items:center;width:auto;min-width:0}.str-chat__audio_recorder .str-chat__wave-progress-bar__track{display:flex;min-width:0;width:100%;align-items:center;flex-wrap:nowrap;height:2rem}.str-chat__audio_recorder .str-chat__waveform-box-container{overflow:hidden}.str-chat__audio_recorder .str-chat__waveform-box-container .str-chat__wave-progress-bar__track{justify-content:flex-end}.str-chat__audio_recorder .str-chat__wave-progress-bar__track-container{padding-inline:var(--str-chat__spacing-xs)}.str-chat__audio_recorder .str-chat__wave-progress-bar__track-container .str-chat__wave-progress-bar__track{flex:1 1 auto}.str-chat__audio_recorder .str-chat__audio_recorder__recording-controls{display:flex;gap:var(--str-chat__spacing-xs);padding:0 var(--str-chat__spacing-xs)}.str-chat{--str-chat__message-options-button-size: var(--str-chat__size-32);--str-chat__message-max-width: 400px;--str-chat__message-with-attachment-max-width: 400px}.str-chat__ul .str-chat__li:hover:not(:has(.str-chat__modal--open)) .str-chat__message-options,.str-chat__ul .str-chat__li:focus-within:not(:has(.str-chat__modal--open)) .str-chat__message-options,.str-chat__ul .str-chat__li:has(.str-chat__message-options--active) .str-chat__message-options,.str-chat__virtual-list .str-chat__li:hover:not(:has(.str-chat__modal--open)) .str-chat__message-options,.str-chat__virtual-list .str-chat__li:focus-within:not(:has(.str-chat__modal--open)) .str-chat__message-options,.str-chat__virtual-list .str-chat__li:has(.str-chat__message-options--active) .str-chat__message-options{display:flex}.str-chat__ul .str-chat__li:hover:not(:has(.str-chat__modal--open)) .str-chat__message--other .str-chat__message-inner,.str-chat__ul .str-chat__li:focus-within:not(:has(.str-chat__modal--open)) .str-chat__message--other .str-chat__message-inner,.str-chat__ul .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--other .str-chat__message-inner,.str-chat__virtual-list .str-chat__li:hover:not(:has(.str-chat__modal--open)) .str-chat__message--other .str-chat__message-inner,.str-chat__virtual-list .str-chat__li:focus-within:not(:has(.str-chat__modal--open)) .str-chat__message--other .str-chat__message-inner,.str-chat__virtual-list .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--other .str-chat__message-inner{margin-inline-end:0}.str-chat__ul .str-chat__li:hover:not(:has(.str-chat__modal--open)) .str-chat__message--me .str-chat__message-inner,.str-chat__ul .str-chat__li:focus-within:not(:has(.str-chat__modal--open)) .str-chat__message--me .str-chat__message-inner,.str-chat__ul .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--me .str-chat__message-inner,.str-chat__virtual-list .str-chat__li:hover:not(:has(.str-chat__modal--open)) .str-chat__message--me .str-chat__message-inner,.str-chat__virtual-list .str-chat__li:focus-within:not(:has(.str-chat__modal--open)) .str-chat__message--me .str-chat__message-inner,.str-chat__virtual-list .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--me .str-chat__message-inner{margin-inline-start:0}.str-chat__li:has(.str-chat__message--pinned){position:relative;isolation:isolate}.str-chat__li:has(.str-chat__message--pinned):before{content:"";position:absolute;inset-block:0;inset-inline:-9999px;background-color:var(--str-chat__background-core-highlight);z-index:-1;pointer-events:none}.str-chat__li:hover:not(:has(.str-chat__reaction-list:hover,.str-chat__modal--open)){background-color:transparent}.str-chat__li.str-chat__li--top{padding-block-start:var(--str-chat__spacing-xs);padding-block-end:var(--str-chat__spacing-xxxs)}.str-chat__li.str-chat__li--bottom{padding-block-start:var(--str-chat__spacing-xxxs);padding-block-end:var(--str-chat__spacing-xs)}.str-chat__li.str-chat__li--middle{padding-block:var(--str-chat__spacing-xxxs)}.str-chat__li.str-chat__li--single{padding-block:var(--str-chat__spacing-xs)}.str-chat__li.str-chat__li--middle .str-chat__message .str-chat__message-metadata,.str-chat__li.str-chat__li--top .str-chat__message .str-chat__message-metadata{display:none}.str-chat__li.str-chat__li--middle .str-chat__message>.str-chat__avatar,.str-chat__li.str-chat__li--top .str-chat__message>.str-chat__avatar{visibility:hidden}.str-chat__li.str-chat__li--middle .str-chat__message.str-chat__message--with-avatar>.str-chat__avatar,.str-chat__li.str-chat__li--top .str-chat__message.str-chat__message--with-avatar>.str-chat__avatar{pointer-events:none}.str-chat__li.str-chat__li--middle .str-chat__message-bubble,.str-chat__li.str-chat__li--top .str-chat__message-bubble{border-radius:var(--str-chat__message-bubble-radius-group-middle)}.str-chat__li.str-chat__li--single .str-chat__message--other .str-chat__message-inner .str-chat__message-bubble,.str-chat__li.str-chat__li--bottom .str-chat__message--other .str-chat__message-inner .str-chat__message-bubble,.str-chat__li.str-chat__li--single .str-chat__message--other .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text,.str-chat__li.str-chat__li--bottom .str-chat__message--other .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text{border-end-start-radius:var(--str-chat__message-bubble-radius-tail)}.str-chat__li.str-chat__li--single .str-chat__message--me .str-chat__message-inner .str-chat__message-bubble,.str-chat__li.str-chat__li--bottom .str-chat__message--me .str-chat__message-inner .str-chat__message-bubble,.str-chat__li.str-chat__li--single .str-chat__message--me .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text,.str-chat__li.str-chat__li--bottom .str-chat__message--me .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text{border-end-end-radius:var(--str-chat__message-bubble-radius-tail)}.str-chat__message-mention{font:var(--str-chat__font-body-emphasis);color:var(--str-chat__accent-primary)}.str-chat__message{--str-chat-message-options-size: calc(3 * var(--str-chat__message-options-button-size));color:var(--chat-text);display:grid;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;padding-inline:var(--str-chat__message-composer-padding)}@media(max-width:767px){.str-chat__message{--str-chat-message-options-size: var(--str-chat__message-options-button-size)}.str-chat__message .str-chat__message-bubble{width:fit-content(var(--str-chat__message-max-width));max-width:min(100%,var(--str-chat__message-max-width))}.str-chat__message.str-chat__message--other .str-chat__message-inner,.str-chat__message.str-chat__message--me .str-chat__message-inner{margin-inline:0;width:fit-content;max-width:min(100%,var(--str-chat__message-max-width))}.str-chat__message.str-chat__message--other .str-chat__message-inner .str-chat__message-reactions-host,.str-chat__message.str-chat__message--me .str-chat__message-inner .str-chat__message-reactions-host{justify-self:flex-start;justify-content:flex-start;min-width:0;overflow:visible;margin-inline:0;padding-inline:0}.str-chat__message.str-chat__message--other .str-chat__message-inner{grid-template-columns:auto var(--str-chat-message-options-size)}.str-chat__message.str-chat__message--me .str-chat__message-inner{grid-template-columns:var(--str-chat-message-options-size) auto}.str-chat__message.str-chat__message--me .str-chat__message-bubble{justify-self:flex-end}}.str-chat__message a{text-decoration:none;color:var(--str-chat__chat-text-link)}.str-chat__message .str-chat__avatar:has(~.str-chat__message-inner){grid-area:avatar;align-self:end}.str-chat__message:not(.str-chat__message--with-avatar) .str-chat__avatar:has(~.str-chat__message-inner){display:none}.str-chat__message .str-chat__message-pin-indicator{grid-area:pin-indicator;padding-block:var(--str-chat__spacing-xxs)}.str-chat__message .str-chat__message-pin-indicator .str-chat__message-pin-indicator__content{display:flex;align-items:center;gap:var(--str-chat__spacing-xxs);font:var(--str-chat__font-metadata-emphasis);color:var(--str-chat__text-primary)}.str-chat__message .str-chat__message-pin-indicator .str-chat__message-pin-indicator__content .str-chat__message-pin-indicator__icon{display:flex;align-items:center}.str-chat__message .str-chat__message-pin-indicator .str-chat__message-pin-indicator__content .str-chat__message-pin-indicator__icon .str-chat__icon{width:var(--str-chat__icon-size-xs);height:var(--str-chat__icon-size-xs)}.str-chat__message .str-chat__message-pin-indicator .str-chat__message-pin-indicator__content .str-chat__message-pin-indicator__icon .str-chat__icon path{stroke-width:2px}.str-chat__message .str-chat__message-inner{grid-area:message;display:grid;grid-template-areas:"reactions ." "message-bubble options" "replies replies";grid-template-columns:auto 1fr;column-gap:var(--str-chat__space-8);position:relative}.str-chat__message .str-chat__message-inner .str-chat__message-reactions-host{display:flex;grid-area:reactions}.str-chat__message .str-chat__message-inner .str-chat__message-reactions-host:has(.str-chat__message-reactions--segmented.str-chat__message-reactions--bottom){max-width:var(--str-chat__message-max-width)}.str-chat__message .str-chat__message-inner .str-chat__message-reactions-host:has(.str-chat__message-reactions--top){margin-bottom:calc(var(--str-chat__spacing-xxs) * -1)}.str-chat__message .str-chat__message-inner .str-chat__message-reactions-host:has(.str-chat__message-reactions--bottom){padding-block:var(--str-chat__spacing-xxs)}.str-chat__message .str-chat__message-inner:has(.str-chat__message-reactions--bottom){grid-template-areas:"message-bubble options" "replies replies" "reactions ."}.str-chat__message .str-chat__message-inner .str-chat__message-bubble{width:fit-content(var(--str-chat__message-max-width));max-width:var(--str-chat__message-max-width);min-width:0;display:flex;flex-direction:column;gap:var(--str-chat__spacing-xs);padding:var(--str-chat__spacing-xs);justify-self:flex-start;grid-area:message-bubble;position:relative;border-radius:var(--str-chat__message-bubble-radius-group-bottom);background-color:var(--chat-bg);overflow:hidden}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text{padding-inline:var(--str-chat__spacing-xxs)}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p{white-space:pre-line;margin:0}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text{border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__spacing-xs))}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text .str-chat__message-text-inner{overflow-y:hidden}.str-chat__message .str-chat__message-inner .str-chat__message-options{display:none}.str-chat__message .str-chat__message-inner .str-chat__message-options.str-chat__message-options--active,.str-chat__message .str-chat__message-inner:focus-within .str-chat__message-options{display:flex}.str-chat__message .str-chat__message-metadata{grid-area:metadata;display:flex;flex-wrap:wrap;gap:var(--str-chat__spacing-xxs);align-items:center;height:var(--str-chat__size-24);color:var(--str-chat__chat-text-timestamp);font:var(--str-chat__font-metadata-default)}.str-chat__message .str-chat__message-metadata .str-chat__message-metadata__name{overflow-y:hidden;margin-inline-end:var(--str-chat__spacing-xxs)}.str-chat__message .str-chat__message-metadata .str-chat__message-edited-indicator{margin-inline-start:var(--str-chat__spacing-xs)}.str-chat__message .str-chat__message--blocked-inner{padding-inline:var(--str-chat__spacing-xxs)}.str-chat__message .str-chat__message--blocked-inner p{white-space:pre-line;margin:0}.str-chat__message .str-chat__message--blocked-inner{border-radius:var(--str-chat__radius-md);background-color:var(--chat-bg);padding-block:var(--str-chat__spacing-xs)}.str-chat__message .str-chat__message-error-indicator{display:none}.str-chat__message .str-chat__message-inner--error{cursor:pointer}.str-chat__message:not(.str-chat__message--with-avatar){grid-template-areas:"message-saved-for-later" "pin-indicator" "also-sent-in-channel" "message-reminder" "translation-indicator" "message" "translation-notice" "custom-metadata" "metadata";grid-template-columns:1fr}.str-chat__message.str-chat__message--other{column-gap:var(--str-chat__space-8);justify-items:flex-start;--chat-bg: var(--str-chat__chat-bg-incoming);--chat-bg-attachment: var(--str-chat__chat-bg-attachment-incoming);--chat-text: var(--str-chat__chat-text-incoming);--chat-border: var(--str-chat__chat-border-incoming);--chat-border-on-chat: var(--str-chat__chat-border-on-chat-incoming);--chat-reply-indicator: var(--str-chat__chat-reply-indicator-incoming);--chat-poll-progress-track: var(--str-chat__chat-poll-progress-track-incoming);--chat-poll-progress-fill: var(--str-chat__chat-poll-progress-fill-incoming);--chat-thread-connector: var(--str-chat__chat-thread-connector-incoming)}.str-chat__message.str-chat__message--other.str-chat__message--with-avatar,.str-chat__message.str-chat__message--other.str-chat__message--pinned{grid-template-areas:". message-saved-for-later" ". pin-indicator" ". also-sent-in-channel" ". message-reminder" ". translation-indicator" "avatar message" "avatar translation-notice" "avatar custom-metadata" "avatar metadata";grid-template-columns:auto 1fr}.str-chat__message.str-chat__message--other.str-chat__message-with-thread-link .str-chat__message-bubble,.str-chat__message.str-chat__message--other.str-chat__message-with-thread-link .str-chat__message-bubble .str-chat__message-text{border-end-start-radius:var(--str-chat__message-bubble-radius-tail)}.str-chat__message.str-chat__message--other .str-chat__message-inner:not(:has(.str-chat__message-options--active)){margin-inline-end:var(--str-chat-message-options-size)}.str-chat__message.str-chat__message--other .str-chat__message-inner .str-chat__message-reactions-host{justify-self:flex-end}.str-chat__message.str-chat__message--other .str-chat__message-inner .str-chat__message-reactions-host:has(.str-chat__message-reactions--flipped-horizontally){justify-self:flex-start}.str-chat__message.str-chat__message--other .str-chat__message-inner .str-chat__message-reactions-host:has(.str-chat__message-reactions--top){padding-inline-start:calc(var(--str-chat__spacing-xs) * -1 * -1);margin-inline-end:calc(var(--str-chat__spacing-xs) * -1)}.str-chat__message.str-chat__message--other .str-chat__message-inner .str-chat__message-reactions-host .str-chat__message-reactions.str-chat__message-reactions--segmented.str-chat__message-reactions--bottom>.str-chat__message-reactions__list{justify-content:flex-start;flex-wrap:wrap}.str-chat__message.str-chat__message--me{--chat-bg: var(--str-chat__chat-bg-outgoing);--chat-bg-attachment: var(--str-chat__chat-bg-attachment-outgoing);--chat-text: var(--str-chat__chat-text-outgoing);--chat-border: var(--str-chat__chat-border-outgoing);--chat-border-on-chat: var(--str-chat__chat-border-on-chat-outgoing);--chat-reply-indicator: var(--str-chat__chat-reply-indicator-outgoing);--chat-poll-progress-track: var(--str-chat__chat-poll-progress-track-outgoing);--chat-poll-progress-fill: var(--str-chat__chat-poll-progress-fill-outgoing);--chat-thread-connector: var(--str-chat__chat-thread-connector-outgoing);column-gap:var(--str-chat__spacing-xs);justify-items:flex-end}.str-chat__message.str-chat__message--me.str-chat__message--with-avatar,.str-chat__message.str-chat__message--me.str-chat__message--pinned{grid-template-areas:"message-saved-for-later ." "pin-indicator ." "also-sent-in-channel ." "message-reminder ." "translation-indicator ." "message avatar" "translation-notice avatar" "custom-metadata avatar" "metadata avatar";grid-template-columns:1fr auto}.str-chat__message.str-chat__message--me.str-chat__message-with-thread-link .str-chat__message-bubble,.str-chat__message.str-chat__message--me.str-chat__message-with-thread-link .str-chat__message-bubble .str-chat__message-text{border-end-end-radius:var(--str-chat__message-bubble-radius-tail)}.str-chat__message.str-chat__message--me .str-chat__message-pin-indicator .str-chat__message-pin-indicator__content,.str-chat__message.str-chat__message--me .str-chat__message-also-sent-in-channel{justify-content:flex-end}.str-chat__message.str-chat__message--me .str-chat__message-bubble{justify-self:flex-end}.str-chat__message.str-chat__message--me .str-chat__message-inner{grid-template-areas:"reminder reminder" ". reactions" "options message-bubble" "replies replies";grid-template-columns:1fr auto;margin-inline-start:var(--str-chat-message-options-size)}.str-chat__message.str-chat__message--me .str-chat__message-inner .str-chat__message-options{flex-direction:row}.str-chat__message.str-chat__message--me .str-chat__message-inner:has(.str-chat__message-reactions--bottom){grid-template-areas:"reminder reminder" "options message-bubble" "replies replies" ". reactions"}.str-chat__message.str-chat__message--me .str-chat__message-inner .str-chat__message-reactions-host{justify-self:flex-start}.str-chat__message.str-chat__message--me .str-chat__message-inner .str-chat__message-reactions-host:has(.str-chat__message-reactions--flipped-horizontally){justify-self:flex-end}.str-chat__message.str-chat__message--me .str-chat__message-inner .str-chat__message-reactions-host:has(.str-chat__message-reactions--top){padding-inline-end:calc(var(--str-chat__spacing-xs) * -1 * -1);margin-inline-start:calc(var(--str-chat__spacing-xs) * -1)}.str-chat__message.str-chat__message--me .str-chat__message-inner .str-chat__message-reactions-host .str-chat__message-reactions.str-chat__message-reactions--segmented.str-chat__message-reactions--bottom>.str-chat__message-reactions__list{justify-content:flex-end;flex-wrap:wrap}.str-chat__message.str-chat__message--me .str-chat__message-metadata{justify-content:flex-end;text-align:end}.str-chat__message.str-chat__message--blocked,.str-chat__message.str-chat__message--system{grid-template-areas:"message"}.str-chat__message.str-chat__message--system{grid-template-columns:auto}.str-chat__message.str-chat__message--deleted .str-chat__message-bubble{padding:var(--str-chat__spacing-sm)}.str-chat__message.str-chat__message--deleted .str-chat__message-bubble .str-chat__message-text{display:flex;align-items:center;padding:0;gap:var(--str-chat__spacing-xxs)}.str-chat__message.str-chat__message--failed .str-chat__message-error-indicator{display:block;position:absolute;top:8px;inset-inline-end:-9px}.str-chat__message.str-chat__message--has-attachment{--str-chat__message-max-width: var(--str-chat__message-with-attachment-max-width)}.str-chat__message.str-chat__message--has-single-attachment.str-chat__message--has-giphy-attachment .str-chat__message-bubble{padding:0}.str-chat__message.str-chat__message--has-single-attachment.str-chat__message--has-giphy-attachment .str-chat__message-text{display:none}.str-chat__message.str-chat__message--is-emoji-only.str-chat__message--is-emoji-only-count-1 .str-chat__message-inner .str-chat__message-bubble,.str-chat__message.str-chat__message--is-emoji-only.str-chat__message--is-emoji-only-count-2 .str-chat__message-inner .str-chat__message-bubble,.str-chat__message.str-chat__message--is-emoji-only.str-chat__message--is-emoji-only-count-3 .str-chat__message-inner .str-chat__message-bubble{background-color:transparent;overflow:visible}.str-chat__message.str-chat__message--is-emoji-only.str-chat__message--is-emoji-only-count-1 .str-chat__message-bubble,.str-chat__message.str-chat__message--is-emoji-only.str-chat__message--is-emoji-only-count-1 .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text,.str-chat__message.str-chat__message--is-emoji-only.str-chat__message--is-emoji-only-count-1 .str-chat__message-inner .str-chat__message-replies-count-button-wrapper,.str-chat__message.str-chat__message--is-emoji-only.str-chat__message--is-emoji-only-count-2 .str-chat__message-bubble,.str-chat__message.str-chat__message--is-emoji-only.str-chat__message--is-emoji-only-count-2 .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text,.str-chat__message.str-chat__message--is-emoji-only.str-chat__message--is-emoji-only-count-2 .str-chat__message-inner .str-chat__message-replies-count-button-wrapper,.str-chat__message.str-chat__message--is-emoji-only.str-chat__message--is-emoji-only-count-3 .str-chat__message-bubble,.str-chat__message.str-chat__message--is-emoji-only.str-chat__message--is-emoji-only-count-3 .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text,.str-chat__message.str-chat__message--is-emoji-only.str-chat__message--is-emoji-only-count-3 .str-chat__message-inner .str-chat__message-replies-count-button-wrapper{padding-inline:0}.str-chat__message.str-chat__message--is-emoji-only.str-chat__message--is-emoji-only-count-1 .str-chat__message-inner .str-chat__message-bubble{font-size:64px;line-height:64px}.str-chat__message.str-chat__message--is-emoji-only.str-chat__message--is-emoji-only-count-2 .str-chat__message-inner .str-chat__message-bubble{font-size:48px;line-height:48px}.str-chat__message.str-chat__message--is-emoji-only.str-chat__message--is-emoji-only-count-3 .str-chat__message-inner .str-chat__message-bubble{font-size:32px;line-height:32px}.str-chat__message.str-chat__message--is-emoji-only .str-chat__message-replies-count-button-wrapper:after{display:none}.str-chat__message.str-chat__message--highlighted{transition:background-color .1s ease-out;background-color:var(--str-chat__background-core-highlight)}.str-chat__message-also-sent-in-channel{display:flex;align-items:center;gap:var(--str-chat__spacing-xxs);grid-area:also-sent-in-channel;padding-block:var(--str-chat__spacing-xxs);background:transparent;color:var(--str-chat__text-primary);font:var(--str-chat__font-metadata-emphasis)}.str-chat__message-also-sent-in-channel .str-chat__icon{height:var(--str-chat__spacing-sm);width:var(--str-chat__spacing-sm)}.str-chat__message-also-sent-in-channel .str-chat__icon path{stroke-width:2px}.str-chat__message-also-sent-in-channel .str-chat__message-also-sent-in-channel__link-button{background:none;border:none;padding:0;cursor:pointer;font:var(--str-chat__font-metadata-default);color:var(--str-chat__text-link)}.str-chat .str-chat__message-status{display:flex;align-items:center;justify-content:center;column-gap:var(--str-chat__space-2);position:relative;color:var(--str-chat__chat-text-timestamp)}.str-chat .str-chat__message-status svg{height:16px;width:16px}.str-chat .str-chat__message-status svg.str-chat__message-status-read{color:var(--str-chat__accent-primary)}.str-chat__message--system{display:flex;padding-block:var(--str-chat__spacing-xs);width:100%;justify-content:center}.str-chat__message--system .str-chat__message--system__text{display:flex;max-width:338px;padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-sm);justify-content:center;align-items:center;gap:var(--str-chat__spacing-xs);border-radius:var(--str-chat__radius-xl);border:1px solid var(--str-chat__border-core-subtle);background:var(--str-chat__background-core-surface-subtle);font:var(--str-chat__font-metadata-default)}.str-chat__message-translation-indicator{display:flex;align-items:center;grid-area:translation-indicator;padding-block:var(--str-chat__spacing-xxs);gap:var(--str-chat__spacing-xxs);margin:0;background:transparent;color:var(--str-chat__text-primary)}.str-chat__message-translation-indicator,.str-chat__message-translation-indicator .str-chat__message-translation-indicator__translation-toggle{font:var(--str-chat__font-metadata-default)}.str-chat__message-translation-indicator .str-chat__message-translation-indicator__sign{font:var(--str-chat__font-metadata-emphasis)}.str-chat__message-translation-indicator svg path{stroke-width:1.5px}.str-chat{--str-chat__quoted-message-bubble-background-color: var( --str-chat__secondary-background-color )}.str-chat .str-chat__message .str-chat__quoted-message-preview{background-color:var(--chat-bg-attachment);width:calc(var(--str-chat__message-with-attachment-max-width) - 2 * var(--str-chat__spacing-xs));max-width:100%;min-width:0}.str-chat__message-saved-for-later{display:flex;align-items:center;gap:var(--str-chat__spacing-xxs);grid-area:message-saved-for-later;padding-block:var(--str-chat__spacing-xxs);margin:0;background:transparent;color:var(--str-chat__accent-primary);font:var(--str-chat__font-metadata-emphasis)}.str-chat__message-saved-for-later .str-chat__icon{width:var(--str-chat__icon-size-xs);height:var(--str-chat__icon-size-xs)}.str-chat__message-saved-for-later .str-chat__icon path{stroke-width:var(--str-chat__icon-stroke-emphasis)}.str-chat__message-reminder{display:flex;align-items:center;gap:var(--str-chat__spacing-xxs);grid-area:message-reminder;padding-block:var(--str-chat__spacing-xxs);margin:0;background:transparent;color:var(--str-chat__text-primary);font:var(--str-chat__font-metadata-emphasis)}.str-chat__message-reminder .str-chat__icon path{stroke-width:var(--str-chat__icon-stroke-default)}.str-chat__message-reminder .str-chat__message-reminder__time-left{font:var(--str-chat__font-metadata-default)}.str-chat__message-replies-count-button-wrapper{grid-area:replies;--replies-button-connector-width: 16px;--replies-button-connector-height: 36px;--replies-button-connector-stroke-width: 1px;display:flex;padding-block-start:var(--str-chat__spacing-xxs);padding-block-end:var(--str-chat__spacing-xxs);margin-block-start:var(--str-chat__spacing-xxs);position:relative}.str-chat__message-replies-count-button-wrapper:after{content:"";position:absolute;height:var(--replies-button-connector-height);width:var(--replies-button-connector-width);background:transparent;align-self:end;bottom:calc(50% - var(--replies-button-connector-stroke-width) / 2)}.str-chat__message-replies-count-button-wrapper .str-chat__message-replies-count-button{padding:unset;background:unset;border:unset;cursor:pointer;border-radius:var(--str-chat__radius-max);gap:var(--str-chat__spacing-xs);display:flex;flex-direction:row;align-items:center;color:var(--str-chat__text-link);font:var(--str-chat__font-heading-xs)}.str-chat__message.str-chat__message--me .str-chat__message-replies-count-button-wrapper{justify-self:flex-end}.str-chat__message.str-chat__message--me .str-chat__message-replies-count-button-wrapper .str-chat__message-replies-count-button{flex-direction:row}.str-chat__message.str-chat__message--me .str-chat__message-replies-count-button-wrapper{padding-inline-end:var(--str-chat__spacing-xl)}.str-chat__message.str-chat__message--me .str-chat__message-replies-count-button-wrapper:after{border-end-end-radius:var(--str-chat__radius-max);border-inline-end:var(--replies-button-connector-stroke-width) solid var(--chat-thread-connector);border-block-end:var(--replies-button-connector-stroke-width) solid var(--chat-thread-connector);inset-inline-end:0}.str-chat__message.str-chat__message--other .str-chat__message-replies-count-button-wrapper{justify-self:flex-start}.str-chat__message.str-chat__message--other .str-chat__message-replies-count-button-wrapper .str-chat__message-replies-count-button{flex-direction:row-reverse}.str-chat__message.str-chat__message--other .str-chat__message-replies-count-button-wrapper{padding-inline-start:var(--str-chat__spacing-xl)}.str-chat__message.str-chat__message--other .str-chat__message-replies-count-button-wrapper:after{border-end-start-radius:var(--str-chat__radius-max);border-inline-start:var(--replies-button-connector-stroke-width) solid var(--chat-thread-connector);border-block-end:var(--replies-button-connector-stroke-width) solid var(--chat-thread-connector);inset-inline-start:0}.str-chat__message-actions-box{min-width:180px}.str-chat__message-actions-box .str-chat__message-actions-box__submenu--download-attachments{max-width:256px}.str-chat__message-actions-box.str-chat__message-actions-box--hidden{visibility:hidden;pointer-events:none}.str-chat__message-options{grid-area:options;align-items:flex-start;justify-content:flex-end;flex-direction:row-reverse;width:var(--str-chat-message-options-size);--str-chat-icon-color: var(--str-chat__message-options-color)}.str-chat__message-options .str-chat__message-actions-box-button,.str-chat__message-options .str-chat__message-reply-in-thread-button,.str-chat__message-options .str-chat__message-reactions-button{background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--str-chat__message-options-button-size);height:var(--str-chat__message-options-button-size);border-radius:var(--str-chat__message-options-border-radius);color:var(--str-chat__message-options-color)}.str-chat__message-options .str-chat__message-actions-box-button:active,.str-chat__message-options .str-chat__message-reply-in-thread-button:active,.str-chat__message-options .str-chat__message-reactions-button:active{color:var(--str-chat__message-options-active-color)}.str-chat__message-options .str-chat__message-actions-box-button{position:relative}.str-chat .str-chat__message-actions-list-item-button.str-chat__message-actions-list-item-button--react{display:none}@media(max-width:767px){.str-chat .str-chat__message-options .str-chat__button.str-chat__message-reactions-button,.str-chat .str-chat__message-options .str-chat__button.str-chat__message-reply-in-thread-button{display:none}.str-chat .str-chat__message-actions-list-item-button.str-chat__message-actions-list-item-button--react{display:flex}}.str-chat__message-bounce-alert{max-width:300px}.str-chat__message-bounce-alert .str-chat__alert-header svg.str-chat__icon--exclamation-mark{color:var(--str-chat__text-tertiary)}.str-chat{--str-chat__attachment-preview-close-icon-background: var( --str-chat__control-remove-control-bg );--str-chat__attachment-preview-close-icon-color: var( --str-chat__control-remove-control-icon );--str-chat__attachment-preview-close-icon-border-color: var( --str-chat__control-remove-control-border );--str-chat__attachment-preview-retry-icon-color: var(--str-chat__accent-primary);--str-chat__attachment-preview-download-icon-color: var(--str-chat__text-secondary);--str-chat__attachment-preview-overlay-color: var(--background-core-overlay);--str-chat__attachment-preview-media-video-indicator-background-color: var( --chat-bg-typing-indicator );--str-chat__attachment-preview-media-video-indicator-color: var(--str-chat__badge-text);--str-chat__attachment-preview-media-video-indicator-border-radius: var( --str-chat__radius-max );--str-chat__attachment-preview-media-overlay-hover-background-color: var( --str-chat__background-utility-hover );--str-chat__attachment-preview-media-overlay-pressed-background-color: var( --str-chat__background-utility-pressed );--str-chat__attachment-preview-media-upload-error-overlay-background-color: var( --background-core-overlay )}.str-chat .str-chat__message-composer-voice-preview-slot{display:flex;align-items:center;width:100%;padding:var(--str-chat__spacing-xxs);min-width:0}.str-chat .str-chat__message-composer-voice-preview-slot .str-chat__attachment-preview-audio{width:100%;min-width:0;max-width:none}.str-chat .str-chat__message-composer-voice-preview-slot .str-chat__attachment-preview-audio .str-chat__attachment-preview-file__data{width:100%}.str-chat .str-chat__attachment-preview-list{background:transparent;color:var(--str-chat__text-primary);padding:var(--str-chat__spacing-xxs);display:flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;justify-content:flex-start;width:100%;min-width:0;max-width:100%;min-height:86.4px;max-height:122.4px;overflow-x:hidden;overflow-y:auto;flex:0 1 auto;gap:var(--str-chat__spacing-md)}.str-chat .str-chat__attachment-preview-audio,.str-chat .str-chat__attachment-preview-file,.str-chat .str-chat__attachment-preview-voice-recording,.str-chat .str-chat__attachment-preview-unsupported{background:transparent;color:var(--str-chat__text-primary);border-radius:var(--str-chat__radius-lg);border:1px solid var(--str-chat__border-core-default);display:flex;align-items:center;flex:0 1 auto;gap:var(--str-chat__spacing-sm);padding:var(--str-chat__spacing-md);padding-inline-end:var(--str-chat__spacing-sm);width:290px;height:72px}.str-chat .str-chat__attachment-preview-audio .str-chat__attachment-preview-file__data{padding-inline-end:var(--str-chat__spacing-xs)}.str-chat .str-chat__attachment-preview-audio,.str-chat .str-chat__attachment-preview-file,.str-chat .str-chat__attachment-preview-voice-recording,.str-chat .str-chat__attachment-preview-unsupported,.str-chat .str-chat__attachment-preview-media{position:relative}.str-chat .str-chat__attachment-preview-audio:focus-visible,.str-chat .str-chat__attachment-preview-file:focus-visible,.str-chat .str-chat__attachment-preview-voice-recording:focus-visible,.str-chat .str-chat__attachment-preview-unsupported:focus-visible,.str-chat .str-chat__attachment-preview-media:focus-visible{outline:2px solid var(--str-chat__border-utility-focused);outline-offset:2px}.str-chat .str-chat__attachment-preview-media{background:transparent;color:var(--str-chat__text-primary);border-radius:var(--str-chat__message-bubble-radius-attachment);border:1px solid var(--str-chat__border-core-default);flex:0 0 auto;width:72px;height:72px;cursor:pointer}.str-chat .str-chat__attachment-preview-media .str-chat__attachment-preview-media__thumbnail-wrapper{border-radius:max(0px,var(--str-chat__message-bubble-radius-attachment) - 1px);overflow:hidden;height:100%;width:100%}.str-chat .str-chat__attachment-preview-media .str-chat__attachment-preview-media__thumbnail-wrapper img{width:100%;height:100%;object-fit:cover}.str-chat .str-chat__attachment-preview-media__overlay{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--str-chat__message-bubble-radius-attachment)}.str-chat .str-chat__attachment-preview-media__overlay:hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--str-chat__attachment-preview-media-overlay-hover-background-color);pointer-events:none}.str-chat .str-chat__attachment-preview-media__overlay:hover{background-color:var(--str-chat__attachment-preview-media-overlay-hover-background-color)}.str-chat .str-chat__attachment-preview-media__overlay:active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--str-chat__attachment-preview-media-overlay-pressed-background-color);pointer-events:none}.str-chat .str-chat__attachment-preview-media__overlay:active{background-color:var(--str-chat__attachment-preview-media-overlay-pressed-background-color)}.str-chat .str-chat__attachment-preview-media__overlay .str-chat__loading-indicator,.str-chat .str-chat__attachment-preview-media__overlay .str-chat__progress-indicator{width:var(--str-chat__icon-size-sm);height:var(--str-chat__icon-size-sm);position:absolute;inset-inline-start:var(--str-chat__spacing-xxs);bottom:var(--str-chat__spacing-xxs);border-radius:var(--str-chat__radius-max);background:var(--str-chat__background-core-elevation-0);color:var(--str-chat__accent-primary)}.str-chat .str-chat__attachment-preview-media__overlay .str-chat__icon--exclamation{padding:var(--str-chat__spacing-xxxs);width:var(--str-chat__icon-size-sm);height:var(--str-chat__icon-size-sm);position:absolute;inset-inline-start:var(--str-chat__spacing-xxs);bottom:var(--str-chat__spacing-xxs);border:2px solid var(--str-chat__badge-border);border-radius:var(--str-chat__radius-max);background:var(--str-chat__badge-bg-error);color:var(--str-chat__badge-text-on-accent)}.str-chat .str-chat__attachment-preview-media--upload-error .str-chat__attachment-preview-media__overlay{background-color:var(--str-chat__attachment-preview-media-upload-error-overlay-background-color)}.str-chat .str-chat__attachment-preview-media--uploading .str-chat__attachment-preview-media__overlay{background:linear-gradient(180deg,var(--str-chat__base-white) 0%,var(--str-chat__slate-100) 100%)}.str-chat .str-chat__attachment-preview-file__icon{display:flex;align-items:center}.str-chat .str-chat__attachment-preview-file__info{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--str-chat__spacing-xxs)}.str-chat .str-chat__attachment-preview-file__info .str-chat__attachment-preview-file-name{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;max-width:100%;font:var(--str-chat__font-caption-emphasis)}.str-chat .str-chat__attachment-preview-file__info .str-chat__attachment-preview-file__data{display:flex;align-items:center;width:min(160px,100%);max-width:100%;gap:var(--str-chat__spacing-xxs);color:var(--str-chat__text-secondary);font:var(--str-chat__font-metadata-default)}.str-chat .str-chat__attachment-preview-file__info .str-chat__attachment-preview-file__data .str-chat__loading-indicator,.str-chat .str-chat__attachment-preview-file__info .str-chat__attachment-preview-file__data .str-chat__progress-indicator{width:var(--str-chat__icon-size-sm);height:var(--str-chat__icon-size-sm);color:var(--str-chat__accent-primary)}.str-chat .str-chat__attachment-preview-file__info .str-chat__attachment-preview-file__data .str-chat__attachment-preview-file__fatal-error{display:flex;align-items:center;gap:var(--str-chat__spacing-xxs);color:var(--color-accent-error)}.str-chat .str-chat__attachment-preview-file__info .str-chat__attachment-preview-file__data .str-chat__attachment-preview-file__retriable-error{display:flex;align-items:center;gap:var(--str-chat__spacing-xxs);white-space:nowrap}.str-chat .str-chat__attachment-preview-file__info .str-chat__attachment-preview-file__data .str-chat__attachment-preview-file__retriable-error .str-chat__icon--exclamation-triangle path{fill:var(--str-chat__accent-error)}.str-chat .str-chat__attachment-preview-file__info .str-chat__attachment-preview-file__data .str-chat__attachment-preview-file__retriable-error .str-chat__attachment-preview-file__retry-upload-button{background:none;border:none;padding:0;color:var(--str-chat__text-link);cursor:pointer;line-height:var(--str-chat__typography-line-height-tight, 16px)}.str-chat .str-chat__button-play{height:var(--str-chat__button-visual-height-md);width:var(--str-chat__button-visual-height-md);border:1px solid var(--control-play-control-border)}.str-chat__location-preview-image,.str-chat__link-preview-card .str-chat__image-placeholder,.str-chat__attachment-preview__thumbnail{border-radius:var(--str-chat__radius-md);overflow:hidden;width:40px;height:40px;object-fit:cover}.str-chat{--str-chat__attachment-selector-button-icon-color: var(--button-style-outline-text);--str-chat__attachment-selector-button-icon-color-hover: var( --str-chat__text-secondary );--str-chat__attachment-selector-actions-menu-button-icon-color: var( --str-chat__text-secondary );--str-chat__attachment-selector-actions-menu-button-icon-color-active: var( --str-chat__text-secondary )}.str-chat .str-chat__attachment-selector .str-chat__attachment-selector__menu-button .str-chat__attachment-selector__menu-button__icon{height:var(--str-chat__icon-size-md);width:var(--str-chat__icon-size-md);color:var(--str-chat__attachment-selector-button-icon-color)}.str-chat .str-chat__attachment-selector .str-chat__attachment-selector__menu-button:hover .str-chat__attachment-selector__menu-button__icon{color:var(--str-chat__attachment-selector-button-icon-color-hover)}.str-chat .str-chat__file-input{display:none}.str-chat .str-chat__attachment-selector-actions-menu{min-width:200px}.str-chat .str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__button .str-chat__context-menu__button__icon{color:var(--str-chat__attachment-selector-actions-menu-button-icon-color)}.str-chat .str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__button:hover .str-chat__context-menu__button__icon,.str-chat .str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__button:focus .str-chat__context-menu__button__icon{color:var(--str-chat__attachment-selector-actions-menu-button-icon-color-active)}.str-chat .str-chat__message-composer--floating .str-chat__attachment-selector__menu-button{background-color:var(--str-chat__background-core-elevation-1);box-shadow:var(--shadow-web-light-elevation-2)}.str-chat__command-chip{display:flex;padding:var(--str-chat__spacing-xxs) var(--str-chat__spacing-xs);justify-content:center;align-items:center;gap:var(--str-chat__spacing-xxs);border-radius:var(--str-chat__radius-max);color:var(--str-chat__text-on-inverse);background-color:var(--str-chat__background-core-inverse);text-transform:uppercase;font:var(--str-chat__font-metadata-emphasis)}.str-chat__command-chip .str-chat__command-chip__close-button{background:none;border:none;padding:0;display:flex;justify-content:center;align-items:center;cursor:pointer;color:inherit}.str-chat__context-menu.str-chat__context-menu--commands .str-chat__context-menu__button--command{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,2fr)}.str-chat__context-menu.str-chat__context-menu--commands .str-chat__context-menu__button--command .str-chat__context-menu__button__icon{grid-column:1}.str-chat__context-menu.str-chat__context-menu--commands .str-chat__context-menu__button--command .str-chat__context-menu__button__label{grid-column:2}.str-chat__context-menu.str-chat__context-menu--commands .str-chat__context-menu__button--command .str-chat__context-menu__button__details{grid-column:3;text-align:left}.str-chat__context-menu.str-chat__context-menu--commands .str-chat__context-menu__header--commands:not(.str-chat__context-menu__header--submenu-commands){padding:var(--str-chat__spacing-xs)}.str-chat__dropzone-root{position:relative;min-height:0;min-width:0;max-width:100%;max-height:100%;flex:1}.str-chat__dropzone-root:empty{display:none}.str-chat__dropzone-container{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background-color:var(--str-chat__background-core-overlay-light);color:var(--str-chat__text-primary);-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);font:var(--str-chat__font-heading-sm)}.str-chat__dropzone-container .str-chat__dropzone-container__content{display:flex;flex-direction:column;align-items:center;gap:var(--str-chat__spacing-xs, 8px)}.str-chat__dropzone-container svg{height:32px;width:32px}.str-chat__dropzone-container p{margin:unset}@supports not (backdrop-filter: blur(1px)){.str-chat__dropzone-container{-webkit-backdrop-filter:none;backdrop-filter:none}}.str-chat__location-preview{position:relative;width:100%;min-width:0;display:flex;align-items:start;justify-content:space-around;gap:var(--str-chat__spacing-xs);padding-inline:var(--str-chat__spacing-xs) var(--str-chat__spacing-sm);padding-block:var(--str-chat__spacing-xs);background-color:var(--str-chat__chat-bg-outgoing);border-radius:var(--str-chat__message-bubble-radius-attachment)}.str-chat__location-preview .str-chat__location-preview-image{display:flex;align-items:center;justify-content:center;background-color:var(--str-chat__background-core-overlay-light);width:40px;height:40px}.str-chat__location-preview .str-chat__location-preview-image .str-chat__icon{width:20px;height:20px}.str-chat__location-preview .str-chat__location-preview__data{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;height:100%}.str-chat__location-preview .str-chat__location-preview__data .str-chat__location-preview__data__title,.str-chat__location-preview .str-chat__location-preview__data .str-chat__location-preview__data__subtitle{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__location-preview .str-chat__location-preview__data .str-chat__location-preview__data__title{font:var(--str-chat__font-metadata-emphasis)}.str-chat__location-preview .str-chat__location-preview__data .str-chat__location-preview__data__subtitle,.str-chat__location-preview .str-chat__location-preview__data .str-chat__location-preview__data__sharing-duration{font:var(--str-chat__font-metadata-default)}.str-chat__link-preview-list{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;padding:var(--str-chat__spacing-xxs)}.str-chat__link-preview-card{position:relative;width:100%;min-width:0;display:flex;align-items:center;justify-content:space-around;gap:var(--str-chat__spacing-xs);padding-inline:var(--str-chat__spacing-xs) var(--str-chat__spacing-sm);padding-block:var(--str-chat__spacing-xs);background-color:var(--chat-bg);border-radius:var(--str-chat__message-bubble-radius-attachment)}.str-chat__link-preview-card .str-chat__tooltip{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;display:block;max-width:250px;padding-inline:.5rem}.str-chat__link-preview-card .str-chat__link-preview-card__content{min-width:0;flex:1}.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-title,.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-description,.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content__url{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-title{font:var(--str-chat__font-metadata-emphasis)}.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-description,.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content__url{font:var(--str-chat__font-metadata-default)}.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content__url{display:flex;align-items:center;gap:var(--str-chat__spacing-xxs)}.str-chat{--str-chat__message-composer-max-width: 1120px;--str-chat__message-composer-padding: var(--str-chat__spacing-md);--str-chat__message-composer-command-transition-duration: .28s;--str-chat__message-composer-command-ease: cubic-bezier(.22, 1, .32, 1)}@keyframes str-chat-command-chip-enter-ltr{0%{opacity:0;transform:translate3d(-.75rem,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes str-chat-command-chip-enter-rtl{0%{opacity:0;transform:translate3d(.75rem,0,0)}to{opacity:1;transform:translateZ(0)}}.str-chat .str-chat__message-composer-container{width:100%;min-height:fit-content;display:flex;flex-direction:column;align-items:center;gap:var(--str-chat__spacing-md);justify-content:center;padding:var(--str-chat__message-composer-padding);min-width:0;border-top:1px solid var(--str-chat__border-core-default);background:var(--str-chat__background-core-elevation-1)}.str-chat .str-chat__message-composer{display:flex;align-items:end;width:100%;max-width:var(--str-chat__message-composer-max-width);gap:var(--str-chat__spacing-xs);min-width:0;flex-shrink:1;transition:gap var(--str-chat__message-composer-command-transition-duration) var(--str-chat__message-composer-command-ease)}.str-chat .str-chat__message-composer>.str-chat__attachment-selector{flex-shrink:0;flex-grow:0;width:var(--str-chat__message-composer-attachment-slot-width, calc(var(--str-chat__button-visual-height-lg) + 2 * var(--str-chat__spacing-xxs)));max-width:var(--str-chat__message-composer-attachment-slot-width, calc(var(--str-chat__button-visual-height-lg) + 2 * var(--str-chat__spacing-xxs)));box-sizing:border-box;opacity:1;transform:scale(1);transform-origin:center bottom;transition:width var(--str-chat__message-composer-command-transition-duration) var(--str-chat__message-composer-command-ease),max-width var(--str-chat__message-composer-command-transition-duration) var(--str-chat__message-composer-command-ease),opacity calc(var(--str-chat__message-composer-command-transition-duration) * .85) ease-out,transform var(--str-chat__message-composer-command-transition-duration) var(--str-chat__message-composer-command-ease),margin var(--str-chat__message-composer-command-transition-duration) var(--str-chat__message-composer-command-ease);overflow:hidden;pointer-events:auto;display:flex;align-items:flex-end;justify-content:center}.str-chat .str-chat__message-composer--command-active{gap:0}.str-chat .str-chat__message-composer--command-active>.str-chat__attachment-selector{width:0;max-width:0;min-width:0;margin-inline-end:0;opacity:0;transform:scale(.55);pointer-events:none}.str-chat .str-chat__message-composer--command-active .str-chat__command-chip{animation:str-chat-command-chip-enter-ltr var(--str-chat__message-composer-command-transition-duration) var(--str-chat__message-composer-command-ease) both}.str-chat [dir=rtl] .str-chat__message-composer--command-active .str-chat__command-chip{animation-name:str-chat-command-chip-enter-rtl}.str-chat .str-chat__message-composer-compose-area{display:flex;flex-direction:column;flex:1 1 0;min-width:0;background:var(--composer-bg);color:var(--str-chat__input-text-default);border-radius:var(--str-chat__radius-3xl);border:1px solid var(--str-chat__border-core-default)}.str-chat .str-chat__message-composer-previews{display:flex;flex-direction:column;max-height:400px;overflow:hidden;width:100%;padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-xs) 0;gap:var(--str-chat__spacing-xxs);min-width:0;min-height:0}.str-chat .str-chat__message-composer-controls{display:flex;align-items:end;width:100%;gap:var(--str-chat__spacing-xs);padding:calc(var(--str-chat__spacing-sm) - 1px)}.str-chat .str-chat__message-composer-controls .str-chat__message-composer-controls__text-composition-controls{flex:1;display:flex;flex-direction:column;min-height:26px;justify-content:center;gap:var(--str-chat__spacing-sm)}.str-chat .str-chat__message-composer-controls .str-chat__message-composer-controls__text-composition-controls .str-chat__message-composer-controls__text-composition-controls__command-chip-container{height:100%;display:flex;align-items:flex-end;flex:0 0 auto;align-self:flex-end}.str-chat .str-chat__message-composer-controls .str-chat__message-composer-controls__text-composition-controls__text{display:flex;align-items:center;width:100%;min-width:0;gap:var(--str-chat__spacing-xxs)}.str-chat .str-chat__message-composer-controls .str-chat__message-composer__actions,.str-chat .str-chat__message-composer-controls .str-chat__message-composer__additional-actions{height:26px;display:flex;align-items:center}.str-chat .str-chat__message-composer-controls .str-chat__message-composer__additional-actions{flex-shrink:0;min-width:0;max-width:6rem;opacity:1;transition:max-width var(--str-chat__message-composer-command-transition-duration) var(--str-chat__message-composer-command-ease),opacity calc(var(--str-chat__message-composer-command-transition-duration) * .85) ease-out}.str-chat .str-chat__message-composer-controls .str-chat__textarea{flex:1;min-width:0;position:relative;display:flex;align-items:center;width:100%}.str-chat .str-chat__message-composer-controls .str-chat__textarea textarea{background:transparent;color:var(--str-chat__input-text-default);resize:none;border:none;box-shadow:none;outline:none;width:100%;font-size:var(--str-chat__typography-font-size-md);scrollbar-width:none}.str-chat .str-chat__message-composer-controls .str-chat__emoji-picker-button{display:flex;cursor:pointer}.str-chat .str-chat__message-composer-controls .str-chat__emoji-picker-button svg{height:var(--str-chat__icon-size-md);width:var(--str-chat__icon-size-md)}.str-chat .str-chat__message-composer-controls .str-chat__start-recording-audio-button .str-chat__icon--voice,.str-chat .str-chat__message-composer-controls .str-chat__send-button .str-chat__icon--send{height:var(--str-chat__icon-size-md);width:var(--str-chat__icon-size-md)}.str-chat .str-chat__message-composer-controls .str-chat__stop-ai-generation-button{width:30px;height:28px;cursor:pointer;background-image:var(--str-chat__circle-stop-icon);background-color:transparent;border-width:0}.str-chat .str-chat__message-composer-controls .str-chat__message-composer-cooldown{background:var(--str-chat__background-utility-disabled);color:var(--str-chat__text-disabled);border-radius:var(--str-chat__button-radius-full);display:flex;align-items:center;justify-content:center;height:var(--str-chat__button-visual-height-md);width:var(--str-chat__button-visual-height-md)}.str-chat .str-chat__message-composer-controls [dir=rtl] .str-chat__send-button svg,.str-chat .str-chat__message-composer-controls [dir=rtl] .str-chat__start-recording-audio-button svg{transform:scaleX(-1)}.str-chat .str-chat__message-composer--command-active .str-chat__message-composer__additional-actions{max-width:0;opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.str-chat .str-chat__message-composer{transition-duration:.01ms}.str-chat .str-chat__message-composer>.str-chat__attachment-selector,.str-chat .str-chat__message-composer-controls .str-chat__message-composer__additional-actions{transition-duration:.01ms}.str-chat .str-chat__message-composer--command-active .str-chat__command-chip{animation:none}}.str-chat .str-chat__recording-permission-denied-notification{max-width:100%;padding:var(--str-chat__spacing-md);font-size:var(--str-chat__typography-font-size-sm);line-height:var(--str-chat__typography-line-height-tight)}.str-chat .str-chat__recording-permission-denied-notification .str-chat__recording-permission-denied-notification__heading{font-weight:var(--str-chat__typography-font-weight-semi-bold)}.str-chat .str-chat__recording-permission-denied-notification .str-chat__recording-permission-denied-notification__message{margin:var(--str-chat__spacing-xs) 0 0;font-weight:var(--str-chat__typography-font-weight-regular, 400)}.str-chat__quoted-message-indicator{background-color:var(--chat-reply-indicator, var(--str-chat__chat-reply-indicator-incoming));border-radius:var(--str-chat__radius-max);height:100%;width:2px}.str-chat__quoted-message-indicator--own-message{background-color:var(--str-chat__chat-reply-indicator-outgoing)}.str-chat .str-chat__message-composer__quoted-message-preview-slot{padding:var(--str-chat__spacing-xxs)}.str-chat .str-chat__quoted-message-preview{display:flex;align-items:center;gap:var(--str-chat__spacing-xs);position:relative;background-color:var(--str-chat__chat-bg-incoming);padding:var(--str-chat__spacing-xs);border-radius:var(--str-chat__message-bubble-radius-attachment)}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-indicator{height:36px}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-preview__content{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;height:40px;font:var(--str-chat__font-caption-default)}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-preview__content .str-chat__quoted-message-preview__author{white-space:nowrap;overflow-y:visible;overflow-x:clip;text-overflow:ellipsis;overflow-x:hidden;font:var(--str-chat__font-caption-emphasis)}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-preview__content .str-chat__quoted-message-preview__message{display:flex;align-items:center;gap:var(--str-chat__spacing-xxs)}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-preview__content .str-chat__quoted-message-preview__message svg{height:var(--str-chat__typography-font-size-xs);width:var(--str-chat__typography-font-size-xs)}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-preview__content .str-chat__quoted-message-preview__message .str-chat__icon--voice path{stroke-width:2}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-preview__content .str-chat__quoted-message-preview__message .str-chat__quoted-message-preview__message-text{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;min-width:0;flex:1 1}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-preview__content .str-chat__quoted-message-preview__message .str-chat__quoted-message-preview__message-text *{white-space:nowrap;color:var(--str-chat__chat-text-incoming)}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-preview__image{display:flex;position:relative;flex-shrink:0;width:40px;height:40px;min-width:40px;overflow:hidden}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-preview__image img{object-fit:cover}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-preview__image .str-chat__attachment-preview__thumbnail__play-indicator{display:flex;align-items:center;justify-content:center;height:20px;width:20px;position:absolute;inset-inline-start:10px;top:10px;border-radius:var(--str-chat__radius-max);background-color:var(--control-play-control-bg)}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-preview__image .str-chat__attachment-preview__thumbnail__play-indicator .str-chat__icon--play-fill{height:12px;width:12px}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-preview__image .str-chat__attachment-preview__thumbnail__play-indicator .str-chat__icon--play-fill path{fill:var(--control-play-control-icon)}.str-chat .str-chat__quoted-message-preview--own{background-color:var(--str-chat__chat-bg-outgoing)}.str-chat__button.str-chat__attachment-preview__remove-button{position:absolute;z-index:1;top:-6px;inset-inline-end:-6px;background-color:var(--str-chat__attachment-preview-close-icon-background);border:3px solid var(--str-chat__attachment-preview-close-icon-border-color);color:var(--str-chat__attachment-preview-close-icon-color);border-radius:var(--str-chat__radius-max)}.str-chat__send-to-channel-checkbox__container{width:100%;display:flex;align-items:flex-start;max-width:var(--str-chat__message-composer-max-width);color:var(--str-chat__text-tertiary)}.str-chat__send-to-channel-checkbox__container.str-chat__send-to-channel-checkbox__container--checked{color:var(--str-chat__text-primary)}.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field{position:relative;display:flex;align-items:center;gap:var(--str-chat__spacing-xs);cursor:pointer}.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field .str-chat__send-to-channel-checkbox__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field .str-chat__send-to-channel-checkbox__visual{width:20px;height:20px;border:1px solid var(--str-chat__control-checkbox-border, #d5dbe1);border-radius:var(--str-chat__radius-sm);display:flex;align-items:center;justify-content:center;background:transparent;transition:background-color .15s ease,border-color .15s ease}.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field .str-chat__send-to-channel-checkbox__input:checked+.str-chat__send-to-channel-checkbox__visual{background-color:var(--control-radiocheck-bg-selected, var(--str-chat__accent-primary));border-color:var(--control-radiocheck-bg-selected, var(--str-chat__accent-primary))}.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field .str-chat__send-to-channel-checkbox__checkmark{color:var(--str-chat__control-checkbox-icon);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field .str-chat__send-to-channel-checkbox__checkmark svg{width:12px;height:12px}.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field .str-chat__send-to-channel-checkbox__input:checked+.str-chat__send-to-channel-checkbox__visual .str-chat__send-to-channel-checkbox__checkmark{opacity:1}.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field .str-chat__send-to-channel-checkbox__label{font:var(--str-chat__font-metadata-default);transition:color .15s ease,border-color .15s ease}.str-chat__attachment-preview-unsupported{background:transparent;color:var(--str-chat__text-primary);border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin));display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-md);column-gap:var(--str-chat__spacing-xs)}.str-chat__attachment-preview-unsupported .str-chat__icon{height:var(--str-chat__size-20);width:var(--str-chat__size-20)}.str-chat__attachment-preview-unsupported .str-chat__attachment-preview-unsupported__metadata{min-width:0;flex:1;height:-webkit-fill-available;height:stretch;display:flex;align-items:center}.str-chat__attachment-preview-unsupported .str-chat__attachment-preview-unsupported__title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;font:var(--str-chat__font-caption-emphasis);color:var(--str-chat__text-primary);max-width:100%;height:fit-content}.str-chat__main-panel-inner{width:100%;height:100%;display:flex;flex-direction:column;min-height:0;position:relative;align-items:center}.str-chat__message-list-main-panel{--str-chat__message-list-scroll-max-width: calc( var(--str-chat__message-composer-max-width) + (2 * var(--str-chat__message-composer-padding)) )}.str-chat__message-list{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable both-edges;overscroll-behavior:contain;display:flex;justify-content:center;position:relative;overscroll-behavior:none;width:100%;height:100%;max-height:100%;background:var(--str-chat__background-core-app);color:var(--str-chat__text-primary)}.str-chat__message-list .str-chat__message-list-scroll{padding:0}.str-chat__message-list .str-chat__message-list-scroll .str-chat__li{max-width:100%}.str-chat__message-list .str-chat__message-list-scroll{width:100%;max-width:var(--str-chat__message-list-scroll-max-width)}.str-chat__message-list .str-chat__message-list-scroll .str-chat__ul{list-style:none;padding:0;margin:0}.str-chat__thread .str-chat__message-list .str-chat__message-list-scroll{padding-inline:0;max-width:var(--str-chat__message-list-scroll-max-width)}.str-chat__thread .str-chat__message-list .str-chat__message-list-scroll .str-chat__ul{list-style:none;padding:0;margin:0}.str-chat__main-panel .str-chat__ul .str-chat__li:first-of-type{padding-top:4.5rem}.str-chat__main-panel .str-chat__ul .str-chat__date-separator+.str-chat__li:first-of-type{padding-top:inherit}.str-chat__new-message-notification{position:absolute;inset-block-end:16px;inset-inline-start:0;inset-inline-end:0;z-index:2;display:flex;justify-content:center}.str-chat__new-message-notification .str-chat__message-notification__label{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-xxs) var(--str-chat__spacing-sm);background-color:var(--str-chat__background-core-surface-subtle);border-radius:var(--str-chat__radius-max);font:var(--str-chat__font-metadata-emphasis);color:var(--str-chat__chat-text-system)}.str-chat__jump-to-latest-message{height:40px;width:40px;position:absolute;inset-block-end:var(--str-chat__spacing-md);inset-inline-end:max(var(--str-chat__spacing-md),(100% - var(--str-chat__message-list-scroll-max-width)) / 2 + var(--str-chat__spacing-md));z-index:2;border-radius:var(--str-chat__radius-max);background-color:var(--str-chat__background-core-elevation-1);box-shadow:0 0 0 1px #0000000d,0 2px 4px #0000001f,0 6px 16px #0000000f}.str-chat__jump-to-latest-message .str-chat__jump-to-latest-message__button{height:40px;width:40px;position:static}.str-chat__jump-to-latest-message .str-chat__jump-to-latest__unread-count{position:absolute;inset-block-end:100%;margin-block-end:var(--str-chat__space-4);inset-inline-end:-15%;top:-15%}.str-chat .str-chat__unread-messages-notification{display:flex;align-items:center;background:var(--str-chat__background-core-elevation-1);border-radius:var(--str-chat__button-radius-lg);border:1px solid var(--str-chat__button-secondary-border);box-shadow:0 0 0 1px #0000000d,0 2px 4px #0000001f,0 6px 16px #0000000f;position:absolute;top:40px;z-index:2;overflow:clip}.str-chat .str-chat__unread-messages-notification.str-chat__unread-messages-notification--with-count button{text-transform:lowercase}.str-chat .str-chat__unread-messages-notification button.str-chat__button--secondary,.str-chat .str-chat__unread-messages-notification button.button.str-chat__button--outline{border:none}.str-chat .str-chat__unread-messages-notification button:first-of-type{display:flex;align-items:center;gap:var(--str-chat__spacing-xs);border-radius:var(--str-chat__button-radius-lg) 0 0 var(--str-chat__button-radius-lg);padding:var(--str-chat__button-padding-y-md) var(--str-chat__spacing-xxs) var(--str-chat__button-padding-y-md) var(--str-chat__button-padding-x-with-label-md);font:var(--str-chat__font-caption-emphasis)}.str-chat .str-chat__unread-messages-notification button:last-of-type{border-radius:0 var(--str-chat__button-radius-lg) var(--str-chat__button-radius-lg) 0;padding:var(--str-chat__button-padding-y-md) var(--str-chat__button-padding-x-with-label-md) var(--str-chat__button-padding-y-md) var(--str-chat__spacing-xxs)}.str-chat .str-chat__unread-messages-notification button:last-of-type svg{height:16px;width:16px}.str-chat__unread-messages-separator-wrapper{padding-block:var(--str-chat__spacing-xs);display:flex;justify-content:center}.str-chat__unread-messages-separator-wrapper .str-chat__unread-messages-separator{display:flex;align-items:center;width:fit-content;padding:var(--str-chat__spacing-xxs) var(--str-chat__spacing-xs);background:var(--str-chat__background-core-elevation-1);border-radius:var(--str-chat__button-radius-lg);border:1px solid var(--str-chat__button-secondary-border);overflow:clip}.str-chat__unread-messages-separator-wrapper .str-chat__unread-messages-separator .str-chat__unread-messages-separator__text{padding-inline:var(--str-chat__spacing-xs) var(--str-chat__spacing-xxs);border-radius:var(--str-chat__button-radius-lg) 0 0 var(--str-chat__button-radius-lg);font:var(--str-chat__font-caption-emphasis);text-transform:lowercase}.str-chat__unread-messages-separator-wrapper .str-chat__unread-messages-separator button.str-chat__button--secondary,.str-chat__unread-messages-separator-wrapper .str-chat__unread-messages-separator button.button.str-chat__button--outline{border:none}.str-chat__unread-messages-separator-wrapper .str-chat__unread-messages-separator button svg{height:16px;width:16px}.str-chat__virtual-list{background:var(--str-chat__background-core-app);color:var(--str-chat__text-primary);--str-chat__message-list-scroll-max-width: calc( var(--str-chat__message-composer-max-width) + var(--str-chat__message-composer-padding) );position:relative;flex:1;-webkit-overflow-scrolling:touch;margin:0;width:100%;height:100%}.str-chat__virtual-list .str-chat__message-list-scroll{overscroll-behavior:none}.str-chat__virtual-list .str-chat__virtual-list-message-wrapper{max-width:calc(var(--str-chat__message-composer-max-width) + var(--str-chat__message-composer-padding));margin-left:auto;margin-right:auto}.str-chat__virtual-list__loading{display:flex;padding-top:var(--str-chat__space-8);justify-content:center;width:100%;position:absolute}.str-chat__virtual-list p{margin:0!important}.str-chat__virtual-list p a{white-space:pre-line;overflow:hidden;word-wrap:break-word}.str-chat__virtual-list .str-chat__message{margin-block-end:0!important}.str-chat__notification{display:flex;align-items:center;gap:var(--str-chat__spacing-xs);min-height:48px;max-width:100%;padding:var(--str-chat__spacing-xs);position:relative;pointer-events:visible;background:var(--str-chat__notification-background, var(--str-chat__background-core-inverse));border-radius:var(--str-chat__notification-border-radius, var(--str-chat__radius-3xl));box-shadow:0 0 0 1px #0000000d,0 4px 8px #00000024,0 12px 24px #0000001a;color:var(--str-chat__notification-color, var(--str-chat__text-on-inverse))}.str-chat__notification .str-chat__notification-content{align-items:flex-start;display:flex;flex:1 1 auto;gap:var(--str-chat__spacing-xs);padding-inline:var(--str-chat__spacing-xxs) var(--str-chat__spacing-xs)}.str-chat__notification .str-chat__notification-content .str-chat__notification-icon{display:flex;align-self:center;height:100%}.str-chat__notification .str-chat__notification-content .str-chat__notification-icon svg{block-size:var(--str-chat__icon-size-sm);inline-size:var(--str-chat__icon-size-sm)}.str-chat__notification .str-chat__notification-content .str-chat__notification-message{flex:1 1 auto;padding-block:var(--str-chat__spacing-xxxs);font:var(--str-chat__font-caption-default);text-align:center;white-space:nowrap}.str-chat__notification .str-chat__notification-actions{display:flex;flex-basis:100%;align-items:center;justify-content:flex-end;gap:var(--str-chat__spacing-xxs)}.str-chat__notification .str-chat__notification-close-button{align-self:center;padding:var(--str-chat__spacing-xxs)}.str-chat__notification .str-chat__notification-close-button svg{height:var(--str-chat__icon-size-sm);width:var(--str-chat__icon-size-sm)}.str-chat__notification--is-entering{animation:str-chat__notification-list-enter .76s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.str-chat__notification--is-exiting{animation-duration:.34s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.3,0,.2,1);will-change:opacity,transform}.str-chat__notification--is-exiting.str-chat__notification--enter-from-bottom{animation-name:str-chat__notification-list-exit-to-bottom}.str-chat__notification--is-exiting.str-chat__notification--enter-from-left{animation-name:str-chat__notification-list-exit-to-left}.str-chat__notification--is-exiting.str-chat__notification--enter-from-right{animation-name:str-chat__notification-list-exit-to-right}.str-chat__notification--is-exiting.str-chat__notification--enter-from-top{animation-name:str-chat__notification-list-exit-to-top}.str-chat__notification--loading .str-chat__notification-icon{animation:str-chat__notification-spin .8s linear infinite}@keyframes str-chat__notification-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes str-chat__notification-list-exit-to-bottom{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(35%) scale(.98)}}@keyframes str-chat__notification-list-exit-to-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-35%) scale(.98)}}@keyframes str-chat__notification-list-exit-to-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(35%) scale(.98)}}@keyframes str-chat__notification-list-exit-to-top{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-35%) scale(.98)}}.str-chat__notification-list{background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;inline-size:min(100%,100% - 32px);max-width:100%;min-width:0;max-height:calc(100% - 32px);padding-inline:var(--str-chat__spacing-xs);pointer-events:none;position:absolute;inset-inline-end:16px;z-index:2}.str-chat__notification-list--position-top{inset-block-start:16px}.str-chat__notification-list--position-bottom{inset-block-end:16px}.str-chat__notification-list__edge{flex-shrink:0;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.str-chat__notification-list__edge--top{top:0}.str-chat__notification-list__edge--bottom{bottom:0}@keyframes str-chat__notification-list-enter{0%{opacity:.2;transform:translate(var(--str-chat__notification-list-enter-x, 0),var(--str-chat__notification-list-enter-y, 100%))}to{opacity:1;transform:translate(0)}}.str-chat__modal__poll-add-comment{width:300px}.str-chat__end-poll-alert{max-width:300px}.str-chat__form__input-fieldset .str-chat__form__input-field .str-chat__form__input-field__value .str-chat__form__remove-option-button{color:var(--str-chat__input-text-icon)}.str-chat .str-chat__poll{display:flex;flex-direction:column;gap:var(--str-chat__spacing-xl);padding:var(--str-chat__spacing-xs);width:calc(var(--str-chat__message-with-attachment-max-width) - 2 * var(--str-chat__spacing-xs));max-width:100%;min-width:260px;font:var(--str-chat__font-caption-default)}.str-chat .str-chat__poll button{background:none;border:none;padding:0;cursor:pointer}.str-chat .str-chat__poll .str-chat__poll-header .str-chat__poll-title{font:var(--str-chat__font-body-emphasis)}.str-chat .str-chat__poll .str-chat__poll-actions{display:flex;flex-direction:column;align-items:center;gap:var(--str-chat__spacing-xs)}.str-chat .str-chat__poll .str-chat__button.str-chat__poll-action{width:100%;border:1px solid var(--chat-border-on-chat);padding:var(--str-chat__button-padding-y-sm) var(--str-chat__button-padding-x-with-label-sm);font:var(--str-chat__font-caption-emphasis)}.str-chat .str-chat__poll .str-chat__button.str-chat__poll-action.str-chat__poll-action--additional{border:none}.str-chat__modal__poll-answer-list .str-chat__poll-answer-list{height:100%}.str-chat__modal__poll-answer-list .str-chat__poll-answer-list .str-chat__infinite-scroll-paginator{scrollbar-width:none;height:100%}.str-chat__modal__poll-answer-list .str-chat__poll-answer-list .str-chat__infinite-scroll-paginator .str-chat__infinite-scroll-paginator__content{display:flex;flex-direction:column;gap:var(--str-chat__spacing-md);padding-bottom:var(--str-chat__spacing-xl)}.str-chat__modal__poll-answer-list .str-chat__poll-answer-list .str-chat__loading-indicator-placeholder{width:100%;height:calc(var(--str-chat__loading-indicator-size) + 2 * var(--str-chat__spacing-xxs));display:flex;justify-content:center}.str-chat__modal__poll-answer-list .str-chat__poll-answer-list .str-chat__poll-answer{display:flex;flex-direction:column;align-items:flex-start;gap:var(--str-chat__spacing-xxs);align-self:stretch;border-radius:var(--str-chat__radius-lg);background:var(--str-chat__background-core-surface-card)}.str-chat__modal__poll-answer-list .str-chat__poll-answer-list .str-chat__poll-answer .str-chat__poll-answer__data{display:flex;flex-direction:column;align-items:flex-start;gap:var(--str-chat__spacing-xs);align-self:stretch;padding:var(--str-chat__spacing-md)}.str-chat__modal__poll-answer-list .str-chat__poll-answer-list .str-chat__poll-answer .str-chat__poll-answer__data .str-chat__avatar{height:var(--str-chat__spacing-xl);width:var(--str-chat__spacing-xl)}.str-chat__modal__poll-answer-list .str-chat__poll-answer-list .str-chat__poll-answer .str-chat__poll-answer__data p{margin:0}.str-chat__modal__poll-answer-list .str-chat__poll-answer-list .str-chat__poll-answer .str-chat__poll-answer__data .str-chat__poll-answer__text{font:var(--str-chat__font-body-default)}.str-chat__modal__poll-answer-list .str-chat__poll-answer-list .str-chat__poll-answer .str-chat__poll-answer__data .str-chat__poll-vote{padding-inline:var(--str-chat__spacing-none);padding-block:0}.str-chat__modal__poll-answer-list .str-chat__poll-answer-list .str-chat__poll-answer .str-chat__poll-vote__update-vote-button-container{display:flex;justify-content:center;width:100%;padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-md);border-top:1px solid var(--str-chat__border-core-default)}.str-chat__poll-creation-dialog{display:flex;flex-direction:column;width:min(480px,100vw);height:min(640px,100vh)}.str-chat__poll-creation-dialog .str-chat__prompt__body{flex:1 1}.str-chat__poll-creation-dialog .str-chat__prompt__body form{display:flex;flex-direction:column;gap:var(--str-chat__spacing-xl)}.str-chat__poll-creation-dialog .str-chat__poll-creation-dialog__features-selectors{display:flex;flex-direction:column;gap:var(--str-chat__spacing-sm);align-items:center}.str-chat__poll-creation-dialog .str-chat__form__input-field__value input,.str-chat__poll-creation-dialog .str-chat__form__input-field__value.str-chat__form-text-input .str-chat__form-text-input__wrapper{width:100%}.str-chat__poll-creation-dialog .str-chat__form__input-field__value.str-chat__form-text-input .str-chat__form-text-input__wrapper{background-color:transparent}.str-chat__poll-creation-dialog .str-chat__form__switch-field__label{width:100%}.str-chat__poll-creation-dialog .str-chat__prompt__header__description{display:none}.str-chat__poll-creation-dialog .str-chat__multiple-answers-field__votes-limit-field{padding-top:0}.str-chat__poll-creation-dialog .str-chat__multiple-answers-field__votes-limit-field .str-chat__multiple-answers-field__votes-limit-field__numeric-field{display:flex;align-items:center;gap:var(--str-chat__spacing-md);width:100%}.str-chat__poll-creation-dialog .str-chat__multiple-answers-field__votes-limit-field .str-chat__multiple-answers-field__votes-limit-field__numeric-field .str-chat__form__switch-field__label{flex:1}.str-chat__modal__poll-option-list .str-chat__modal__poll-option-list__body{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:none;display:flex;flex-direction:column;gap:var(--str-chat__spacing-2xl);padding-bottom:var(--str-chat__spacing-xl)}.str-chat__modal__poll-option-list .str-chat__modal__poll-option-list__body .str-chat__poll-option-list--full{gap:var(--str-chat__spacing-xs);scrollbar-width:none;padding:var(--str-chat__spacing-xs);border-radius:var(--str-chat__radius-lg);background-color:var(--str-chat__background-core-surface-card)}.str-chat__modal__poll-option-list .str-chat__modal__poll-option-list__body .str-chat__poll-option-list--full .str-chat__poll-option{padding:var(--str-chat__spacing-xs);border-radius:var(--str-chat__radius-md)}.str-chat__modal__poll-option-list .str-chat__modal__poll-option-list__body .str-chat__poll-option-list--full .str-chat__poll-option--votable:hover{background-color:var(--str-chat__background-utility-hover)}.str-chat__poll-option-list{display:flex;flex-direction:column;gap:var(--str-chat__spacing-md)}.str-chat__poll-option-list .str-chat__poll-option{display:grid;grid-template-columns:minmax(0,auto) 1fr;grid-template-rows:1fr auto;row-gap:var(--str-chat__spacing-xs);align-items:start}.str-chat__poll-option-list .str-chat__poll-option.str-chat__poll-option--votable{column-gap:var(--str-chat__spacing-sm)}.str-chat__poll-option-list .str-chat__poll-option.str-chat__poll-option--votable:hover{cursor:pointer}.str-chat__poll-option-list .str-chat__poll-option .str-chat__checkmark{grid-column:1;grid-row:span 2;height:var(--str-chat__size-24);width:var(--str-chat__size-24);border-radius:var(--str-chat__radius-max);border:1px solid var(--chat-border-on-chat, var(--str-chat__chat-border-on-chat-incoming))}.str-chat__poll-option-list .str-chat__poll-option .str-chat__checkmark--checked{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im00IDkuNC00LTRMMS40IDQgNCA2LjYgMTAuNiAwIDEyIDEuNGwtOCA4WiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;background-size:11px 10px;background-color:var(--str-chat__control-radio-check-bg-selected);border:none}.str-chat__poll-option-list .str-chat__poll-option .str-chat__poll-option-data{flex:1;display:flex;align-items:baseline;gap:var(--str-chat__spacing-xs);grid-column:2/3;grid-row:1/2;min-height:24px;padding-block:var(--str-chat__spacing-xxxs)}.str-chat__poll-option-list .str-chat__poll-option .str-chat__poll-option-data p{margin:0;flex:1;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.str-chat__poll-option-list .str-chat__poll-option .str-chat__poll-option-data .str-chat__poll-option-votes{display:flex;align-items:center;gap:var(--str-chat__spacing-xxs)}.str-chat__poll-option-list .str-chat__poll-option .str-chat__poll-option-data .str-chat__poll-option-votes .str-chat__poll-option-voters{--str-chat__avatar-size: 1.175rem;display:flex}.str-chat__poll-option-list .str-chat__poll-option .str-chat__poll-option-data .str-chat__poll-option-votes .str-chat__poll-option-vote-count{text-align:right;font:var(--str-chat__font-metadata-default)}.str-chat__poll-option-list .str-chat__poll-option .str-chat__poll-option__votes-bar{grid-column:2/3;grid-row:2/3;height:8px;width:100%;background:linear-gradient(to right,var(--chat-poll-progress-fill, var(--str-chat__chat-poll-progress-fill-incoming)) var(--str-chat__amount-bar-fulfillment),var(--chat-poll-progress-track, var(--str-chat__chat-poll-progress-track-incoming)) var(--str-chat__amount-bar-fulfillment));border-radius:var(--str-chat__size-4)}.str-chat__modal__poll-question{display:flex;padding:var(--str-chat__spacing-md);flex-direction:column;align-items:flex-start;gap:var(--str-chat__spacing-xxs);align-self:stretch;border-radius:var(--str-chat__radius-lg);background:var(--str-chat__background-core-surface-card)}.str-chat__modal__poll-question .str-chat__modal__poll-question__label{font:var(--str-chat__font-heading-xs);color:var(--str-chat__text-tertiary)}.str-chat__modal__poll-question .str-chat__modal__poll-question__text{font:var(--str-chat__font-heading-sm);color:var(--str-chat__text-primary)}.str-chat__modal__poll-results .str-chat__amount-bar{display:none}.str-chat__modal__poll-results .str-chat__modal__poll-results__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--str-chat__spacing-2xl)}.str-chat__modal__poll-results .str-chat__modal__poll-results__options{scrollbar-width:none;width:100%}.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list,.str-chat__modal__poll-results .str-chat__modal__poll-results__option-list{display:flex;flex-direction:column;align-items:flex-start;gap:var(--str-chat__spacing-md);align-self:stretch}.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list .str-chat__poll-option,.str-chat__modal__poll-results .str-chat__modal__poll-results__option-list .str-chat__poll-option{display:flex;flex-direction:column;width:100%;padding-block:var(--str-chat__spacing-md);border-radius:var(--str-chat__radius-lg);background:var(--str-chat__background-core-surface-card)}.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list .str-chat__poll-option .str-chat__poll-option__header,.str-chat__modal__poll-results .str-chat__modal__poll-results__option-list .str-chat__poll-option .str-chat__poll-option__header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--str-chat__spacing-xxs);align-self:stretch;padding-inline:var(--str-chat__spacing-md)}.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list .str-chat__poll-option .str-chat__poll-option__header .str-chat__poll-option__header__label,.str-chat__modal__poll-results .str-chat__modal__poll-results__option-list .str-chat__poll-option .str-chat__poll-option__header .str-chat__poll-option__header__label{font:var(--str-chat__font-heading-xs);color:var(--str-chat__text-tertiary)}.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list .str-chat__poll-option .str-chat__poll-option__header .str-chat__poll-option__header__title,.str-chat__modal__poll-results .str-chat__modal__poll-results__option-list .str-chat__poll-option .str-chat__poll-option__header .str-chat__poll-option__header__title{display:flex;align-items:start;gap:var(--str-chat__spacing-md);width:100%;font:var(--str-chat__font-heading-sm);color:var(--str-chat__text-primary)}.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list .str-chat__poll-option .str-chat__poll-option__header .str-chat__poll-option__header__title .str-chat__poll-option__option-text,.str-chat__modal__poll-results .str-chat__modal__poll-results__option-list .str-chat__poll-option .str-chat__poll-option__header .str-chat__poll-option__header__title .str-chat__poll-option__option-text{flex:1;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list .str-chat__poll-option .str-chat__poll-vote-listing,.str-chat__modal__poll-results .str-chat__modal__poll-results__option-list .str-chat__poll-option .str-chat__poll-vote-listing{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-none)}.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list .str-chat__poll-option .str-chat__poll-vote-listing .str-chat__avatar,.str-chat__modal__poll-results .str-chat__modal__poll-results__option-list .str-chat__poll-option .str-chat__poll-vote-listing .str-chat__avatar{height:var(--str-chat__spacing-2xl);width:var(--str-chat__spacing-2xl)}.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list .str-chat__poll-option .str-chat__poll-option__show-all-votes-button-container,.str-chat__modal__poll-results .str-chat__modal__poll-results__option-list .str-chat__poll-option .str-chat__poll-option__show-all-votes-button-container{display:flex;justify-content:center;width:100%;padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-md);border-top:1px solid var(--str-chat__border-core-default)}.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list .str-chat__poll-option--has-more-votes,.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list .str-chat__poll-option--has-votes,.str-chat__modal__poll-results .str-chat__modal__poll-results__option-list .str-chat__poll-option--has-more-votes,.str-chat__modal__poll-results .str-chat__modal__poll-results__option-list .str-chat__poll-option--has-votes,.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list .str-chat__poll-option{padding-bottom:0}.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list .str-chat__poll-option__votes-paginated-list .str-chat__loading-indicator-placeholder{width:100%;height:calc(var(--str-chat__loading-indicator-size) + 2 * var(--str-chat__spacing-xxs));display:flex;justify-content:center}.str-chat__modal__poll-results .str-chat__modal__poll-results__options__footer{padding-top:var(--str-chat__spacing-2xl)}.str-chat__modal__poll-results .str-chat__modal__poll-results__options__footer .str-chat__modal__poll-results__options-total-count{width:100%;text-align:center;font:var(--str-chat__font-caption-default)}.str-chat__modal__poll-results .str-chat__poll-result-option-vote-counter{display:flex;gap:var(--str-chat__spacing-xs);align-items:center;font:var(--str-chat__font-caption-emphasis)}.str-chat__modal__poll-results .str-chat__poll-result-option-vote-counter .str-chat__icon{height:var(--str-chat__icon-size-md);width:var(--str-chat__icon-size-md)}.str-chat__modal__poll-results.str-chat__modal__poll-results--option-detail .str-chat__infinite-scroll-paginator{flex:1;scrollbar-width:none;width:100%;height:100%;padding-bottom:var(--str-chat__spacing-xl)}.str-chat__modal__poll-results:not(.str-chat__modal__poll-results--option-detail) .str-chat__modal__poll-results__body{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:none;max-height:564px;padding-bottom:var(--str-chat__spacing-2xl)}.str-chat__poll-vote{display:flex;padding:var(--str-chat__spacing-xxs) var(--str-chat__spacing-sm);align-items:center;gap:var(--str-chat__spacing-none, 0);align-self:stretch;width:100%;font:var(--str-chat__font-caption-default)}.str-chat__poll-vote .str-chat__poll-vote__author{flex:1;display:flex;align-items:center;gap:var(--str-chat__spacing-sm)}.str-chat__poll-vote .str-chat__poll-vote__author__name{text-transform:capitalize}.str-chat__modal__suggest-poll-option-prompt{width:300px}.str-chat__reaction-selector{display:flex;padding-inline-start:var(--str-chat__spacing-xxs, 0);padding-inline-end:var(--str-chat__spacing-xs, 0);padding-block:var(--str-chat__spacing-xxs, 0);align-items:center;gap:var(--str-chat__spacing-xs);border-radius:var(--str-chat__radius-4xl, 32px);background:var(--str-chat__background-core-elevation-2, #fff);box-shadow:var(--str-chat__box-shadow-3)}.str-chat__reaction-selector:has(.str-chat__reaction-selector-extended-list){padding:0;display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:none;border-radius:var(--str-chat__radius-lg);max-height:320px}.str-chat__reaction-selector:has(.str-chat__reaction-selector-extended-list):before,.str-chat__reaction-selector:has(.str-chat__reaction-selector-extended-list):after{content:"";position:absolute;width:100%;inset-inline-start:0;height:var(--str-chat__size-16)}.str-chat__reaction-selector:has(.str-chat__reaction-selector-extended-list):after{bottom:0;border-end-end-radius:inherit;border-end-start-radius:inherit;background:linear-gradient(to bottom,transparent 5%,var(--str-chat__background-core-elevation-2) 95%)}.str-chat__reaction-selector:has(.str-chat__reaction-selector-extended-list):before{z-index:1;top:0;border-start-end-radius:inherit;border-start-start-radius:inherit;background:linear-gradient(to top,transparent 5%,var(--str-chat__background-core-elevation-2) 95%)}.str-chat__reaction-selector .str-chat__reaction-selector__add-button{width:32px;aspect-ratio:1/1}.str-chat__reaction-selector .str-chat__reaction-selector__add-button .str-chat__icon{width:var(--str-chat__icon-size-sm);height:var(--str-chat__icon-size-sm)}.str-chat__reaction-selector .str-chat__reaction-selector-list{list-style:none;margin:var(--str-chat__spacing-none, 0);padding:var(--str-chat__spacing-none, 0);display:flex;gap:var(--str-chat__space-2, 2px)}.str-chat__reaction-selector .str-chat__reaction-selector-list .str-chat__reaction-selector-list__item{display:flex}.str-chat__reaction-selector .str-chat__reaction-selector-list .str-chat__reaction-selector-list__item-button{background-color:transparent;border:none;border-radius:var(--str-chat__radius-max);cursor:pointer;display:flex;min-width:40px;min-height:40px;padding:var(--str-chat__spacing-none, 0);justify-content:center;align-items:center;gap:var(--str-chat__spacing-none, 0)}.str-chat__reaction-selector .str-chat__reaction-selector-list .str-chat__reaction-selector-list__item-button:not(:disabled):hover{background-color:var(--str-chat__background-utility-hover)}.str-chat__reaction-selector .str-chat__reaction-selector-list .str-chat__reaction-selector-list__item-button:not(:disabled):active{background-color:var(--str-chat__background-utility-pressed)}.str-chat__reaction-selector .str-chat__reaction-selector-list .str-chat__reaction-selector-list__item-button:not(:disabled):focus-visible{outline:var(--str-chat__focus-outline, 2px solid var(--str-chat__border-utility-focused));outline-offset:-2px}.str-chat__reaction-selector .str-chat__reaction-selector-list .str-chat__reaction-selector-list__item-button:not(:disabled)[aria-pressed=true]{background-color:var(--str-chat__background-utility-selected)}.str-chat__reaction-selector .str-chat__reaction-selector-list .str-chat__reaction-selector-list__item-button .str-chat__reaction-icon{font-size:var(--str-chat__typography-font-size-2xl);height:var(--str-chat__typography-font-size-2xl);width:var(--str-chat__typography-font-size-2xl);font-family:system-ui;line-height:0;display:flex;justify-content:center;align-items:center}.str-chat__reaction-selector-extended-list{display:grid;grid-template-columns:repeat(7,1fr);height:100%;padding-block:var(--str-chat__spacing-md);padding-inline:var(--str-chat__spacing-sm)}.str-chat__reaction-selector-extended-list .str-chat__reaction-selector-extended-list__button .str-chat__reaction-icon{height:var(--str-chat__emoji-md);width:var(--str-chat__emoji-md);font-size:var(--str-chat__emoji-md);line-height:0;font-family:system-ui;display:flex;justify-content:center;align-items:center}.str-chat__message-reactions{display:flex}.str-chat__message-reactions .str-chat__message-reactions__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--str-chat__spacing-xxs)}.str-chat__message-reactions .str-chat__message-reactions__list .str-chat__message-reactions__list-item{display:flex}.str-chat__message-reactions .str-chat__message-reactions__list .str-chat__message-reactions__list-item--more{height:100%}.str-chat__message-reactions .str-chat__message-reactions__list-button,.str-chat__message-reactions .str-chat__message-reactions__list-item-button{padding:unset;background:unset;border:unset;cursor:pointer;position:relative;display:flex;gap:var(--str-chat__spacing-xxs);padding-inline:var(--str-chat__spacing-xs);padding-block:var(--str-chat__spacing-xxxs);align-items:center;justify-content:center;border-radius:var(--str-chat__radius-max);border:1px solid var(--str-chat__reaction-border);background:var(--str-chat__reaction-bg);color:var(--str-chat__reaction-text);box-shadow:var(--str-chat__box-shadow-3);font-weight:inherit;font-size:inherit;line-height:1;-webkit-user-select:none;user-select:none}.str-chat__message-reactions .str-chat__message-reactions__list-button:not(:disabled):hover:before,.str-chat__message-reactions .str-chat__message-reactions__list-button:not(:disabled):active:before,.str-chat__message-reactions .str-chat__message-reactions__list-button:not(:disabled)[aria-pressed=true]:before,.str-chat__message-reactions .str-chat__message-reactions__list-item-button:not(:disabled):hover:before,.str-chat__message-reactions .str-chat__message-reactions__list-item-button:not(:disabled):active:before,.str-chat__message-reactions .str-chat__message-reactions__list-item-button:not(:disabled)[aria-pressed=true]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;width:100%;height:100%}.str-chat__message-reactions .str-chat__message-reactions__list-button:not(:disabled):hover:before,.str-chat__message-reactions .str-chat__message-reactions__list-item-button:not(:disabled):hover:before{background:var(--str-chat__background-utility-hover)}.str-chat__message-reactions .str-chat__message-reactions__list-button:not(:disabled):active:before,.str-chat__message-reactions .str-chat__message-reactions__list-item-button:not(:disabled):active:before{background:var(--str-chat__background-utility-pressed)}.str-chat__message-reactions .str-chat__message-reactions__list-button:not(:disabled)[aria-pressed=true]:before,.str-chat__message-reactions .str-chat__message-reactions__list-item-button:not(:disabled)[aria-pressed=true]:before{background:var(--str-chat__background-utility-selected)}.str-chat__message-reactions .str-chat__message-reactions__list-button .str-chat__message-reactions__list-item-icon,.str-chat__message-reactions .str-chat__message-reactions__list-item-button .str-chat__message-reactions__list-item-icon{font-family:system-ui;font-size:var(--str-chat__font-size-size-17);line-height:var(--str-chat__typography-line-height-normal)}.str-chat__message-reactions .str-chat__message-reactions__list-button .str-chat__message-reactions__total-count,.str-chat__message-reactions .str-chat__message-reactions__list-button .str-chat__message-reactions__overflow-count,.str-chat__message-reactions .str-chat__message-reactions__list-button .str-chat__message-reactions__list-item-count,.str-chat__message-reactions .str-chat__message-reactions__list-item-button .str-chat__message-reactions__total-count,.str-chat__message-reactions .str-chat__message-reactions__list-item-button .str-chat__message-reactions__overflow-count,.str-chat__message-reactions .str-chat__message-reactions__list-item-button .str-chat__message-reactions__list-item-count{display:flex;align-items:center;font:var(--str-chat__font-numeric-md)}.str-chat__message-reactions--bottom .str-chat__message-reactions__list-button,.str-chat__message-reactions--bottom .str-chat__message-reactions__list-item-button{box-shadow:none}.str-chat .str-chat__dialog-contents:has(.str-chat__message-reactions-detail):focus-visible{border-radius:var(--str-chat__radius-lg)}.str-chat__message-reactions-detail{border-radius:var(--str-chat__radius-lg);background:var(--str-chat__background-core-elevation-2);max-width:256px;min-width:min(90vw,256px)}.str-chat__message-reactions-detail:has(.str-chat__reaction-selector-extended-list):before,.str-chat__message-reactions-detail:has(.str-chat__reaction-selector-extended-list):after{content:"";position:absolute;width:100%;inset-inline-start:0;height:var(--str-chat__size-16)}.str-chat__message-reactions-detail:has(.str-chat__reaction-selector-extended-list):after{bottom:0;border-end-end-radius:inherit;border-end-start-radius:inherit;background:linear-gradient(to bottom,transparent 5%,var(--str-chat__background-core-elevation-2) 95%)}.str-chat__message-reactions-detail:has(.str-chat__reaction-selector-extended-list):before{z-index:1;top:0;border-start-end-radius:inherit;border-start-start-radius:inherit;background:linear-gradient(to top,transparent 5%,var(--str-chat__background-core-elevation-2) 95%)}.str-chat__message-reactions-detail:has(.str-chat__reaction-selector-extended-list){overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0;display:block;scrollbar-width:none;max-height:320px;max-width:unset;min-width:unset}.str-chat__message-reactions-detail{box-shadow:var(--str-chat__box-shadow-3);padding-block-start:var(--str-chat__spacing-xxs);display:flex;flex-direction:column;gap:var(--str-chat__spacing-xxxs)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__total-count{display:flex;align-items:center;justify-content:flex-start;padding-inline:var(--str-chat__spacing-md);min-height:var(--str-chat__size-32);max-height:var(--str-chat__size-32);color:var(--str-chat__text-tertiary);font:var(--str-chat__font-heading-xs)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__reaction-type-list{list-style:none;margin:0;padding-inline:var(--str-chat__spacing-md);padding-block:var(--str-chat__spacing-xs);display:flex;flex-wrap:wrap;gap:var(--str-chat__spacing-xs) var(--str-chat__spacing-xxs)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__reaction-type-list .str-chat__message-reactions-detail__reaction-type-list-item{display:flex}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__reaction-type-list .str-chat__message-reactions-detail__reaction-type-list-item .str-chat__message-reactions-detail__reaction-type-list-item-button{padding:unset;background:unset;border:unset;cursor:pointer;position:relative;display:flex;gap:var(--str-chat__spacing-xxs);padding-inline:var(--str-chat__spacing-xs);padding-block:var(--str-chat__spacing-xxxs);align-items:center;justify-content:center;border-radius:var(--str-chat__radius-max);border:1px solid var(--str-chat__reaction-border);background:var(--str-chat__reaction-bg);color:var(--str-chat__reaction-text);box-shadow:var(--str-chat__box-shadow-3);font-weight:inherit;font-size:inherit;line-height:1;-webkit-user-select:none;user-select:none}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__reaction-type-list .str-chat__message-reactions-detail__reaction-type-list-item .str-chat__message-reactions-detail__reaction-type-list-item-button:not(:disabled):hover:before,.str-chat__message-reactions-detail .str-chat__message-reactions-detail__reaction-type-list .str-chat__message-reactions-detail__reaction-type-list-item .str-chat__message-reactions-detail__reaction-type-list-item-button:not(:disabled):active:before,.str-chat__message-reactions-detail .str-chat__message-reactions-detail__reaction-type-list .str-chat__message-reactions-detail__reaction-type-list-item .str-chat__message-reactions-detail__reaction-type-list-item-button:not(:disabled)[aria-pressed=true]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;width:100%;height:100%}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__reaction-type-list .str-chat__message-reactions-detail__reaction-type-list-item .str-chat__message-reactions-detail__reaction-type-list-item-button:not(:disabled):hover:before{background:var(--str-chat__background-utility-hover)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__reaction-type-list .str-chat__message-reactions-detail__reaction-type-list-item .str-chat__message-reactions-detail__reaction-type-list-item-button:not(:disabled):active:before{background:var(--str-chat__background-utility-pressed)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__reaction-type-list .str-chat__message-reactions-detail__reaction-type-list-item .str-chat__message-reactions-detail__reaction-type-list-item-button:not(:disabled)[aria-pressed=true]:before{background:var(--str-chat__background-utility-selected)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__reaction-type-list .str-chat__message-reactions-detail__reaction-type-list-item .str-chat__message-reactions-detail__reaction-type-list-item-button{box-shadow:unset;min-width:var(--str-chat__size-48);background:none;border:1px solid var(--str-chat__control-chip-border)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__reaction-type-list .str-chat__message-reactions-detail__reaction-type-list-item .str-chat__message-reactions-detail__reaction-type-list-item-button .str-chat__message-reactions-detail__reaction-type-list-item-icon{font-family:system-ui;font-size:var(--str-chat__font-size-size-17);line-height:var(--str-chat__typography-line-height-normal)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__reaction-type-list .str-chat__message-reactions-detail__reaction-type-list-item .str-chat__message-reactions-detail__reaction-type-list-item-button .str-chat__message-reactions-detail__reaction-type-list-item-icon .str-chat__icon{width:var(--str-chat__icon-size-sm);height:var(--str-chat__icon-size-sm)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__reaction-type-list .str-chat__message-reactions-detail__reaction-type-list-item .str-chat__message-reactions-detail__reaction-type-list-item-button .str-chat__message-reactions-detail__reaction-type-list-item-icon:has(.str-chat__icon){display:flex;align-items:center;justify-content:center}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__reaction-type-list .str-chat__message-reactions-detail__reaction-type-list-item .str-chat__message-reactions-detail__reaction-type-list-item-button .str-chat__message-reactions-detail__reaction-type-list-item-count{color:var(--str-chat__reaction-text);font:var(--str-chat__font-metadata-emphasis)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list-container{position:relative;border-radius:inherit}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list-container:before,.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list-container:after{content:"";position:absolute;width:100%;inset-inline-start:0;height:var(--str-chat__size-16)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list-container:after{bottom:0;border-end-end-radius:inherit;border-end-start-radius:inherit;background:linear-gradient(to bottom,transparent 5%,var(--str-chat__background-core-elevation-2) 95%)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list-container:before{z-index:1;top:0;border-start-end-radius:inherit;border-start-start-radius:inherit;background:linear-gradient(to top,transparent 5%,var(--str-chat__background-core-elevation-2) 95%)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list-container:before{display:none}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:none;position:relative;padding-block-end:var(--str-chat__spacing-xxs);max-height:180px}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list .str-chat__message-reactions-detail__skeleton-item{padding-block:var(--str-chat__spacing-xxs);display:flex;align-items:center;gap:var(--str-chat__spacing-xs);padding-inline:calc(var(--str-chat__spacing-sm) + var(--str-chat__spacing-xxs))}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list .str-chat__message-reactions-detail__skeleton-item .str-chat__message-reactions-detail__skeleton-avatar{width:var(--str-chat__size-32);height:var(--str-chat__size-32);border-radius:var(--str-chat__radius-max);background-color:var(--str-chat__background-core-surface-default);background-image:linear-gradient(90deg,var(--str-chat__skeleton-loading-base) 0%,var(--str-chat__skeleton-loading-highlight) 50%,var(--str-chat__skeleton-loading-base) 100%);background-repeat:no-repeat;background-size:200% 100%;animation:loading-channel-shimmer 1.2s linear infinite;flex-shrink:0}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list .str-chat__message-reactions-detail__skeleton-item .str-chat__message-reactions-detail__skeleton-line{flex-grow:1;height:var(--str-chat__size-20);border-radius:var(--str-chat__radius-sm);background-color:var(--str-chat__background-core-surface-default);background-image:linear-gradient(90deg,var(--str-chat__skeleton-loading-base) 0%,var(--str-chat__skeleton-loading-highlight) 50%,var(--str-chat__skeleton-loading-base) 100%);background-repeat:no-repeat;background-size:200% 100%;animation:loading-channel-shimmer 1.2s linear infinite;border-radius:999px;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 94%,rgba(0,0,0,.7) 98%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 94%,rgba(0,0,0,.7) 98%,transparent 100%)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list .str-chat__message-reactions-detail__user-list-item{padding-block:var(--str-chat__spacing-xxs);display:flex;align-items:center;gap:var(--str-chat__spacing-xs);padding-inline:calc(var(--str-chat__spacing-sm) + var(--str-chat__spacing-xxs));max-height:var(--str-chat__size-40)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list .str-chat__message-reactions-detail__user-list-item .str-chat__message-reactions-detail__user-list-item-icon{font-family:system-ui;font-size:var(--str-chat__font-size-size-17);line-height:var(--str-chat__typography-line-height-normal)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list .str-chat__message-reactions-detail__user-list-item .str-chat__message-reactions-detail__user-list-item-info{display:flex;flex-direction:column;flex-grow:1;min-width:0}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list .str-chat__message-reactions-detail__user-list-item .str-chat__message-reactions-detail__user-list-item-info .str-chat__message-reactions-detail__user-list-item-username{color:var(--str-chat__text-primary);font:var(--str-chat__font-caption-default)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list .str-chat__message-reactions-detail__user-list-item .str-chat__message-reactions-detail__user-list-item-info .str-chat__message-reactions-detail__user-list-item-button{padding:unset;background:unset;border:unset;border-radius:var(--str-chat__radius-max);color:var(--str-chat__text-tertiary);font:var(--str-chat__font-metadata-default);cursor:pointer;align-self:flex-start}.str-chat__search{display:flex;flex-direction:column;gap:var(--str-chat__spacing-sm);padding-block:var(--str-chat__spacing-xs);justify-content:center}.str-chat__search.str-chat__search--active{flex:1;min-height:0}.str-chat__search-bar{padding-inline:var(--str-chat__spacing-md);display:flex;gap:var(--str-chat__spacing-xxxs)}.str-chat__search-bar .str-chat__search-bar__input-wrapper{display:flex;min-height:40px;align-items:center;gap:var(--str-chat__spacing-xs);border-radius:var(--str-chat__radius-max);border:1px solid var(--str-chat__border-core-default);color:var(--str-chat__input-text-placeholder);font:var(--str-chat__font-caption-default);flex-shrink:1;flex-grow:1}.str-chat__search-bar .str-chat__search-bar__input-wrapper:focus-within{outline:var(--str-chat__focus-outline, 2px solid var(--border-utility-focused));outline-offset:var(--str-chat__focus-outline-offset, 2px)}.str-chat__search-bar .str-chat__search-bar__input-wrapper .str-chat__search-bar__input{min-height:24px;border:none;background:none;width:100%;font-size:inherit;line-height:inherit}.str-chat__search-bar .str-chat__search-bar__input-wrapper .str-chat__search-bar__input:focus{outline:none}.str-chat__search-bar .str-chat__search-bar__input-wrapper .str-chat__search-bar__clear-button{flex-shrink:0}.str-chat__search-bar .str-chat__search-bar__input-wrapper{padding-block:var(--str-chat__spacing-xs);padding-inline:var(--str-chat__spacing-sm)}.str-chat__search-bar .str-chat__search-bar__exit-search-button{flex-shrink:0}.str-chat__search-results{display:flex;flex-direction:column;gap:var(--str-chat__spacing-sm);flex:1;min-height:0}.str-chat__search-results .str-chat__search-results-header{overflow-x:auto;scrollbar-width:none}.str-chat__search-results .str-chat__search-results-header .str-chat__search-results-header__filter-source-buttons{display:flex;gap:var(--str-chat__spacing-xxs);padding-inline:var(--str-chat__spacing-md)}.str-chat__search-results .str-chat__search-results-header .str-chat__search-results-header__filter-source-buttons>.str-chat__button{flex-shrink:0}.str-chat__search-source-results,.str-chat__search-source-result-list{flex:1;display:flex;flex-direction:column;min-height:0}.str-chat__search-source-result-list .str-chat__infinite-scroll-paginator{flex:1;min-height:0;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.str-chat__search-source-result-list .str-chat__search-result-container{padding:var(--str-chat__spacing-xxs);border-bottom:1px solid var(--str-chat__border-core-subtle)}.str-chat__search-source-result-list .str-chat__search-result-container .str-chat__search-result--user{display:flex;align-items:center;gap:var(--str-chat__spacing-md);padding:var(--str-chat__spacing-sm);border-radius:var(--str-chat__radius-lg);width:100%;border:none;background:none;cursor:pointer}.str-chat__search-source-result-list .str-chat__search-result-container .str-chat__search-result--user .str-chat__avatar{flex-shrink:0}.str-chat__search-source-result-list .str-chat__search-result-container .str-chat__search-result--user .str-chat__search-result-data{display:flex;flex-direction:column;gap:var(--str-chat__spacing-xxs);flex:1 0 0;min-width:0;text-align:start}.str-chat__search-source-result-list .str-chat__search-result-container .str-chat__search-result--user .str-chat__search-result-data .str-chat__search-result__display-name{font:var(--str-chat__font-caption-emphasis);color:var(--str-chat__text-primary);flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.str-chat__search-source-result-list .str-chat__search-result-container .str-chat__search-result--user .str-chat__search-result-data .str-chat__search-result__last-active-timestamp{flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--str-chat__text-tertiary);font:var(--str-chat__font-caption-default)}.str-chat__search-source-result-list .str-chat__search-result-container .str-chat__search-result--user{background:var(--str-chat__background-core-elevation-1)}.str-chat__search-source-result-list .str-chat__search-result-container .str-chat__search-result--user:not(:disabled):hover{background:var(--str-chat__background-utility-hover)}.str-chat__search-source-result-list .str-chat__search-result-container .str-chat__search-result--user:not(:disabled):active{background:var(--str-chat__background-utility-pressed)}.str-chat__search-source-result-list .str-chat__search-result-container .str-chat__search-result--user:not(:disabled)[aria-pressed=true]{background:var(--str-chat__background-utility-selected)}.str-chat__search-source-result-list__footer,.str-chat__search-results-presearch,.str-chat__search-source-results-empty{font:var(--str-chat__font-caption-default);color:var(--str-chat__text-tertiary);padding-block:var(--str-chat__spacing-xs);display:flex;justify-content:center;align-items:center}.str-chat__skip-navigation-link{background-color:var(--str-chat__background-color, #fff);border:1px solid transparent;border-radius:4px;color:var(--str-chat__text-color, currentColor);left:0;margin:8px;padding:8px 12px;position:absolute;text-decoration:none;top:0;transform:translateY(-200%);z-index:2}.str-chat__skip-navigation-link:focus,.str-chat__skip-navigation-link:focus-visible{border:1px solid var(--accent-primary);transform:translateY(0)}.str-chat__summarized-message-preview{display:flex;align-items:center;gap:var(--str-chat__spacing-xxs);flex-grow:1;flex-shrink:1;min-width:0;color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default)}.str-chat__summarized-message-preview .str-chat__icon{flex-shrink:0;width:var(--str-chat__icon-size-sm);height:var(--str-chat__icon-size-sm)}.str-chat__summarized-message-preview--error{color:var(--text-error)}.str-chat__summarized-message-preview--deleted{color:var(--str-chat__text-tertiary)}.str-chat__summarized-message-preview .str-chat__summarized-message-preview__text{flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.str-chat__summarized-message-preview .str-chat__summarized-message-preview__delivery-status{display:flex;flex-shrink:0;color:var(--str-chat__text-tertiary)}.str-chat__summarized-message-preview .str-chat__summarized-message-preview__delivery-status--read{color:var(--str-chat__accent-primary)}.str-chat__summarized-message-preview .str-chat__summarized-message-preview__sender{color:var(--str-chat__text-tertiary);font:var(--str-chat__font-caption-emphasis);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.str-chat .str-chat__suggestion-list{max-height:320px;min-width:200px;overflow-y:auto;scrollbar-width:none}.str-chat .str-chat__suggestion-list .str-chat__suggestion-list-item--selected{background-color:var(--str-chat__dialog-menu-button-hover-background-color)}.str-chat__thread-container{color:var(--str-chat__text-primary);border-inline-start:1px solid var(--str-chat__border-core-default);position:relative;height:100%;display:flex;flex-direction:column;width:100%}.str-chat__parent-message-li{padding-block-start:var(--str-chat__spacing-sm)}.str-chat__parent-message-li .str-chat__message{max-width:calc(var(--str-chat__message-composer-max-width) + var(--str-chat__message-composer-padding));padding-block:var(--str-chat__spacing-xs);margin-inline:auto}.str-chat__parent-message-li .str-chat__thread-start{display:flex;padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-none);margin-block:var(--str-chat__spacing-xs);justify-content:center;align-items:center;gap:var(--str-chat__spacing-none);width:100%;border-top:1px solid var(--str-chat__border-core-subtle);border-bottom:1px solid var(--str-chat__border-core-subtle);background:var(--str-chat__background-core-surface-subtle);color:var(--str-chat__chat-text-system);font:var(--str-chat__font-metadata-emphasis)}.str-chat__thread-header{width:100%;padding:var(--str-chat__spacing-md);height:var(--str-chat__channel-header-height);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;background:var(--str-chat__background-core-elevation-1);color:var(--str-chat__text-primary);border-block-end:1px solid var(--str-chat__border-core-default)}.str-chat__thread-header .str-chat__thread-header-title{font:var(--str-chat__font-heading-sm)}.str-chat__thread-header .str-chat__thread-header-subtitle{font:var(--str-chat__font-caption-default);color:var(--str-chat__text-secondary)}.str-chat__thread-header .str-chat__thread-header-details{display:flex;flex-direction:column;align-items:center;overflow-y:hidden;overflow-x:hidden;min-width:0;justify-self:center}.str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-subtitle,.str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-subtitle{overflow-y:hidden}.str-chat__thread-header .str-chat__thread-header__start{min-width:0;justify-self:start}.str-chat__thread-header .str-chat__thread-header__end{min-width:0;justify-self:end}.str-chat__thread-header .str-chat__close-thread-button{display:flex;align-items:flex-start;justify-content:flex-end;width:var(--str-chat__size-40);height:var(--str-chat__size-40);cursor:pointer;background-color:transparent;border:none}.str-chat__thread-header .str-chat__close-thread-button .str-chat__icon{fill:var(--str-chat__text-primary)}.str-chat__chat-view__threads .str-chat__thread-header .str-chat__thread-header-details{align-items:center}.str-chat__chat-view__threads .str-chat__thread{border:none}.str-chat__unread-count-badge{background-color:var(--str-chat__accent-error);color:var(--str-chat__badge-text-on-accent);border-radius:9999px}.str-chat{--str-chat-unread-count-badge-absolute-offset-vertical: 50%;--str-chat-unread-count-badge-absolute-offset-horizontal: 50%}.str-chat__unread-count-badge-container{position:relative;display:flex;align-items:center;justify-content:center}.str-chat__unread-count-badge{font-size:12px;min-width:18px;min-height:18px;line-height:8px;font-weight:700;padding:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.str-chat__unread-count-badge--top-right{position:absolute;translate:var(--str-chat-unread-count-badge-absolute-offset-horizontal) calc(var(--str-chat-unread-count-badge-absolute-offset-vertical) * -1)}.str-chat__unread-count-badge--bottom-left{position:absolute;translate:calc(var(--str-chat-unread-count-badge-absolute-offset-horizontal) * -1) var(--str-chat-unread-count-badge-absolute-offset-vertical)}.str-chat__unread-count-badge--bottom-right{position:absolute;translate:var(--str-chat-unread-count-badge-absolute-offset-horizontal) var(--str-chat-unread-count-badge-absolute-offset-vertical)}.str-chat__unread-count-badge--top-left{position:absolute;translate:calc(var(--str-chat-unread-count-badge-absolute-offset-horizontal) * -1) calc(var(--str-chat-unread-count-badge-absolute-offset-vertical) * -1)}.str-chat{--str-chat__thread-list-transition-duration: var( --str-chat__channel-list-transition-duration );--str-chat__thread-list-transition-easing: var( --str-chat__channel-list-transition-easing );--str-chat__thread-list-transition-offset: var( --str-chat__channel-list-transition-offset );--str-chat__thread-list-width: var(--str-chat__channel-list-width);--str-chat__thread-list-mobile-width: var(--str-chat__channel-list-mobile-width)}.str-chat__thread-list-container{background:var(--str-chat__background-core-elevation-1);color:var(--str-chat__text-primary);border-inline-end:1px solid var(--str-chat__border-core-default);display:flex;flex:0 0 var(--str-chat__thread-list-width);flex-direction:column;height:100%;max-width:100%;min-width:280px;opacity:1;position:relative;transform:translate(0);transition:flex-basis var(--str-chat__thread-list-transition-duration) var(--str-chat__thread-list-transition-easing),min-width var(--str-chat__thread-list-transition-duration) var(--str-chat__thread-list-transition-easing),width var(--str-chat__thread-list-transition-duration) var(--str-chat__thread-list-transition-easing),max-width var(--str-chat__thread-list-transition-duration) var(--str-chat__thread-list-transition-easing),opacity var(--str-chat__thread-list-transition-duration) var(--str-chat__thread-list-transition-easing),transform var(--str-chat__thread-list-transition-duration) var(--str-chat__thread-list-transition-easing);width:var(--str-chat__thread-list-width)}@media(max-width:767px){.str-chat__thread-list-container{flex-basis:auto;inset-inline-start:0;max-width:100%;min-width:0;pointer-events:none;position:absolute;top:0;bottom:0;transform:translate(calc(var(--str-chat__thread-list-transition-offset) * -1px));transition:transform var(--str-chat__thread-list-transition-duration) var(--str-chat__thread-list-transition-easing),visibility 0s linear var(--str-chat__thread-list-transition-duration);visibility:hidden;width:var(--str-chat__thread-list-mobile-width);z-index:1}}@media(prefers-reduced-motion:reduce){.str-chat__thread-list-container{transition:none}}.str-chat__thread-list-container .str-chat__unseen-threads-banner{padding:unset;background:unset;border:unset;border-radius:var(--str-chat__radius-max);font:var(--str-chat__font-metadata-emphasis);cursor:pointer;display:flex;color:var(--str-chat__text-secondary);height:36px;justify-content:center;align-items:center;gap:var(--str-chat__spacing-xs);border-radius:var(--str-chat__radius-none);background:var(--background-core-surface);position:relative}.str-chat__thread-list-container .str-chat__unseen-threads-banner>.str-chat__icon{height:var(--str-chat__icon-size-md);width:var(--str-chat__icon-size-md)}.str-chat__thread-list-container .str-chat__unseen-threads-banner:not(:disabled):hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--str-chat__background-utility-hover);pointer-events:none}.str-chat__thread-list{flex:1}.str-chat__thread-list [data-virtuoso-scroller=true],.str-chat__thread-list [data-viewport-type=element]{height:100%!important}.str-chat__thread-list-empty-placeholder{--str-chat-icon-color: var(--str-chat__text-secondary);text-align:center}.str-chat__thread-list-empty-placeholder svg{width:32px;height:32px}.str-chat__thread-list-empty-placeholder{height:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--str-chat__spacing-xl);color:var(--str-chat__text-secondary)}.str-chat__thread-list-empty-placeholder p{margin:0;color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default)}.str-chat__thread-list__header{display:flex;align-items:center;padding:var(--str-chat__spacing-md);height:var(--str-chat__channel-header-height);width:100%}.str-chat__thread-list__header .str-chat__thread-list__header__title{flex:1;font:var(--str-chat__font-heading-lg);color:var(--str-chat__text-primary)}.str-chat__thread-list-item-container{border-bottom:1px solid var(--str-chat__border-core-subtle);padding:var(--str-chat__spacing-xxs);max-width:100%}.str-chat__thread-list-item-container:has(.str-chat__thread-list-item--highlighted){background:var(--str-chat__background-core-highlight)}.str-chat__thread-list-item{display:flex;gap:var(--str-chat__spacing-sm);align-items:flex-start;padding-inline:var(--str-chat__spacing-sm);padding-block:var(--str-chat__spacing-sm);padding-block-start:calc(var(--str-chat__spacing-sm) - 1px);border:none;cursor:pointer;text-align:start;background:var(--str-chat__background-core-elevation-1);border-radius:var(--str-chat__radius-lg);width:100%;max-width:100%}.str-chat__thread-list-item:not(:disabled):hover{background:var(--str-chat__background-utility-hover)}.str-chat__thread-list-item:not(:disabled):active{background:var(--str-chat__background-utility-pressed)}.str-chat__thread-list-item:not(:disabled)[aria-pressed=true]{background:var(--str-chat__background-utility-selected)}.str-chat__thread-list-item .str-chat__avatar{flex-shrink:0}.str-chat__thread-list-item .str-chat__summarized-message-preview .str-chat__summarized-message-preview__sender{color:var(--str-chat__text-secondary)}.str-chat__thread-list-item .str-chat__summarized-message-preview .str-chat__summarized-message-preview__text{color:var(--str-chat__text-primary)}.str-chat__thread-list-item__content{display:flex;flex-direction:column;gap:var(--str-chat__spacing-xs);flex:1 0 0;min-width:0}.str-chat__thread-list-item__content-leading{display:flex;flex-direction:column;gap:var(--str-chat__spacing-xxs);padding-block:var(--str-chat__spacing-xxxs)}.str-chat__thread-list-item__content-leading .str-chat__summarized-message-preview{font:var(--str-chat__font-body-default)}.str-chat__thread-list-item__content-leading .str-chat__summarized-message-preview .str-chat__summarized-message-preview__sender{font:var(--str-chat__font-body-emphasis)}.str-chat__thread-list-item__title{font:var(--str-chat__font-caption-emphasis);color:var(--str-chat__text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.str-chat__thread-list-item__content-trailing,.str-chat__thread-list-item__reply-information{display:flex;gap:var(--str-chat__spacing-xs);align-items:center}.str-chat__thread-list-item__reply-count{font:var(--str-chat__font-caption-emphasis);color:var(--str-chat__text-link);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.str-chat__thread-list-item__timestamp{font:var(--str-chat__font-caption-default);color:var(--str-chat__text-tertiary);min-width:0;white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat{--str-chat__tooltip-background-color: var(--str-chat__background-core-inverse)}.str-chat.str-chat__theme-dark{--str-chat__tooltip-background-color: var(--str-chat__background-core-elevation-2)}.str-chat__tooltip{background:var(--str-chat__tooltip-background-color);color:var(--str-chat__text-on-accent);box-shadow:var(--str-chat__box-shadow-3);border-radius:var(--str-chat__radius-md);overflow-y:hidden;display:flex;gap:var(--str-chat__spacing-xs);padding:var(--str-chat__spacing-xs);z-index:1;max-width:150px;width:max-content;font:var(--str-chat__font-metadata-emphasis)}.str-chat__tooltip:after{background-color:var(--str-chat__tooltip-background-color)}@keyframes str-chat__typing-indicator-fade-in{0%{opacity:0}to{opacity:1}}.str-chat__subtitle-content-transition{animation:str-chat__typing-indicator-fade-in .2s ease-out;display:inline-block}.str-chat__typing-indicator{display:flex;align-items:flex-end;width:100%;max-width:calc(var(--str-chat__message-composer-max-width) + var(--str-chat__message-composer-padding));margin:auto;gap:var(--str-chat__spacing-xs);padding-block:var(--str-chat__spacing-xs);padding-inline:var(--str-chat__message-composer-padding)}.str-chat__typing-indicator.str-chat__typing-indicator--with-transition{animation:str-chat__typing-indicator-fade-in .25s ease-out}.str-chat__typing-indicator__bubble{display:inline-flex;align-items:center;min-height:36px;max-height:36px;padding-block:var(--str-chat__spacing-xs);padding-inline:var(--str-chat__spacing-sm);border-radius:var(--str-chat__message-bubble-radius-group-bottom) var(--str-chat__message-bubble-radius-group-bottom) var(--str-chat__message-bubble-radius-group-bottom) var(--str-chat__message-bubble-radius-tail);border:1px solid var(--chat-bg);background:var(--chat-bg)}.str-chat__typing-indicator__dots{display:flex;align-items:center;column-gap:var(--str-chat__spacing-xxs)}.str-chat__typing-indicator__dots svg{display:block}.str-chat__typing-indicator__dots svg circle:nth-child(1){fill:var(--str-chat__chat-text-typing-indicator);animation:str-chat__typing-indicator-dot 1.2s ease-in-out infinite both;animation-delay:0s}.str-chat__typing-indicator__dots svg circle:nth-child(2){fill:var(--str-chat__chat-text-typing-indicator);animation:str-chat__typing-indicator-dot 1.2s ease-in-out infinite both;animation-delay:.15s}.str-chat__typing-indicator__dots svg circle:nth-child(3){fill:var(--str-chat__chat-text-typing-indicator);animation:str-chat__typing-indicator-dot 1.2s ease-in-out infinite both;animation-delay:.3s}@keyframes str-chat__typing-indicator-dot{0%,to{opacity:1}33%{opacity:.75}66%{opacity:.5}}.str-chat__typing-indicator-header{display:inline-flex;align-items:baseline;gap:var(--str-chat__spacing-xs);white-space:nowrap;color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default)}.str-chat__typing-indicator-header__dots{display:inline-flex;align-items:center;vertical-align:middle}.str-chat .str-chat__message-attachment__video-thumbnail{position:relative;width:100%;height:100%}.str-chat .str-chat__message-attachment__video-thumbnail .str-chat__message-attachment__video-thumbnail-image{object-fit:cover;width:100%;height:100%}.str-chat .str-chat__message-attachment__video-thumbnail .str-chat__message-attachment__video-thumbnail__play-indicator,.str-chat .str-chat__message-attachment__video-thumbnail .str-chat__button.str-chat__button--solid.str-chat__message-attachment__video-thumbnail__play-indicator{display:flex;align-items:center;justify-content:center;position:absolute;height:48px;width:48px;border-radius:var(--str-chat__radius-max);background-color:var(--str-chat__control-play-button-bg);left:calc(50% - 24px);top:calc(50% - 24px)}.str-chat .str-chat__message-attachment__video-thumbnail .str-chat__message-attachment__video-thumbnail__play-indicator svg,.str-chat .str-chat__message-attachment__video-thumbnail .str-chat__button.str-chat__button--solid.str-chat__message-attachment__video-thumbnail__play-indicator svg{height:24px;width:24px}.str-chat .str-chat__message-attachment__video-thumbnail .str-chat__message-attachment__video-thumbnail__play-indicator svg path,.str-chat .str-chat__message-attachment__video-thumbnail .str-chat__button.str-chat__button--solid.str-chat__message-attachment__video-thumbnail__play-indicator svg path{fill:var(--str-chat__control-play-button-icon)}.str-video *,.str-video *:before,.str-video *:after{box-sizing:border-box}.str-video{--str-video__brand-color1: #005fff;--str-video__brand-color2: #69e5f6;--str-video__brand-color3: #00e2a1;--str-video__brand-color4: #ffd646;--str-video__brand-color5: #dc433b;--str_video__brand-color6: #b38af8;--str-video__base-color1: #e3e4e5;--str-video__base-color2: #979ca0;--str-video__base-color3: #4c535b;--str-video__base-color4: #000000;--str-video__base-color5: #0c0d0e;--str-video__base-color6: #19232d;--str-video__base-color7: #101213;--str-video__backdrop1: rgba(0, 0, 0, .5);--str-video__button-default-base: #19232d;--str-video__button-default-hover: #323b44;--str-video__button-default-pressed: #0c0d0e;--str-video__button-default-active: #19232d;--str-video__button-default-disabled: #1e262e;--str-video__button-primary-base: #19232d;--str-video__button-primary-hover: #4c8fff;--str-video__button-primary-pressed: #0c48ab;--str-video__button-primary-active: #005fff;--str-video__button-secondary-base: #19232d;--str-video__button-secondary-hover: #e96962;--str-video__button-secondary-pressed: #6a3233;--str-video__button-secondary-active: #dc433b;--str-video__button-tertiary-base: #dc433b;--str-video__button-tertiary-hover: #e96962;--str-video__button-tertiary-pressed: #6a3233;--str-video__button-tertiary-active: #31292f;--str-video__icon-default: #eff0f1;--str-video__icon-hover: #eff0f1;--str-video__icon-pressed: #656b72;--str-video__icon-active: #e3e4e5;--str-video__icon-alert: #e3e4e5;--str-video__icon-disabled: #7e8389;--str-video__alert-success: #00e2a1;--str-video__alert-caution: #ffd646;--str-video__alert-warning: #dc433b;--str-video__alert-success-background: rgba(0, 226, 161, .5);--str-video__alert-caution-background: rgba(255, 214, 70, .5);--str-video__alert-warning-background: rgba(220, 67, 59, .5);--str-video__font-size-xxs: .625rem;--str-video__font-size-xs: .75rem;--str-video__font-size-sm: .875rem;--str-video__font-size-md: 1rem;--str-video__font-size-lg: 1.125rem;--str-video__font-size-xl: 1.25rem;--str-video__font-size-xxl: 1.5rem;--str-video__border-radius-xxs: 4px;--str-video__border-radius-xs: 8px;--str-video__border-radius-sm: 12px;--str-video__border-radius-md: 18px;--str-video__border-radius-lg: 24px;--str-video__border-radius-xl: 30px;--str-video__border-radius-xxl: 48px;--str-video__border-radius-circle: 999px;--str-video__spacing-xxs: 4px;--str-video__spacing-xs: 6px;--str-video__spacing-sm: 8px;--str-video__spacing-md: 12px;--str-video__spacing-lg: 16px;--str-video__spacing-xl: 20px;--str-video__primary-color: #005fff;--str-video__secondary-color: #669fff;--str-video__text-color1: #ffffff;--str-video__text-color2: #b4b7bb;--str-video__text-color3: #72767e;--str-video__text-color4: #f7f7f8;--str-video__info-color: #4ce68c;--str-video__info-color--accent: #20e070;--str-video__danger-color: #ff3742;--str-video__danger-color--accent: #ff000e;--str-video__background-color0: #000000;--str-video__background-color1: #1c1e22;--str-video__background-color2: #272a30;--str-video__background-color3: #f4f4f5;--str-video__background-color4: #121416;--str-video__background-color5: #1d2938;--str-video__background-color6: #b4b7bb;--str-video__background-color7: #72767e;--str-video__overlay-color: rgba(39, 42, 48, .75);--str-video__livestream-overlay-color: rgba(39, 42, 48, .25);--str-video__livestream-overlay-color-hovered: rgba(39, 42, 48, .5);--str-video__icon--call-accept: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNy41MSAxMi4zODJDMTYuMjggMTIuMzgyIDE1LjA5IDEyLjE4MiAxMy45OCAxMS44MjJDMTMuNjMgMTEuNzAyIDEzLjI0IDExLjc5MiAxMi45NyAxMi4wNjJMMTEuNCAxNC4wMzJDOC41NyAxMi42ODIgNS45MiAxMC4xMzIgNC41MSA3LjIwMTk1TDYuNDYgNS41NDE5NUM2LjczIDUuMjYxOTUgNi44MSA0Ljg3MTk1IDYuNyA0LjUyMTk1QzYuMzMgMy40MTE5NSA2LjE0IDIuMjIxOTUgNi4xNCAwLjk5MTk1M0M2LjE0IDAuNDUxOTUzIDUuNjkgMC4wMDE5NTMxMyA1LjE1IDAuMDAxOTUzMTNIMS42OUMxLjE1IDAuMDAxOTUzMTIgMC41IDAuMjQxOTUzIDAuNSAwLjk5MTk1M0MwLjUgMTAuMjgyIDguMjMgMTguMDAyIDE3LjUxIDE4LjAwMkMxOC4yMiAxOC4wMDIgMTguNSAxNy4zNzIgMTguNSAxNi44MjJWMTMuMzcyQzE4LjUgMTIuODMyIDE4LjA1IDEyLjM4MiAxNy41MSAxMi4zODJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);--str-video__icon--call-end: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTQuNTgwMSAxNi4wMzA0TDYuNTgwMSAxNC40NDA0QzcuMDYwMSAxNC4wNjA0IDcuMzQwMSAxMy40ODA0IDcuMzQwMSAxMi44NzA0VjEwLjI3MDRDMTAuMzYwMSA5LjI5MDQgMTMuNjMwMSA5LjI4MDQgMTYuNjYwMSAxMC4yNzA0VjEyLjg4MDRDMTYuNjYwMSAxMy40OTA0IDE2Ljk0MDEgMTQuMDcwNCAxNy40MjAxIDE0LjQ1MDRMMTkuNDEwMSAxNi4wMzA0QzIwLjIxMDEgMTYuNjYwNCAyMS4zNTAxIDE2LjYwMDQgMjIuMDcwMSAxNS44ODA0TDIzLjI5MDEgMTQuNjYwNEMyNC4wOTAxIDEzLjg2MDQgMjQuMDkwMSAxMi41MzA0IDIzLjI0MDEgMTEuNzgwNEMxNi44MzAxIDYuMTIwNCA3LjE3MDEgNi4xMjA0IDAuNzYwMTAzIDExLjc4MDRDLTAuMDg5ODk3IDEyLjUzMDQgLTAuMDg5ODk3IDEzLjg2MDQgMC43MTAxMDMgMTQuNjYwNEwxLjkzMDEgMTUuODgwNEMyLjY0MDEgMTYuNjAwNCAzLjc4MDEgMTYuNjYwNCA0LjU4MDEgMTYuMDMwNFoiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K);--str-video__icon--camera: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDEwLjVWN0MxNyA2LjQ1IDE2LjU1IDYgMTYgNkg0QzMuNDUgNiAzIDYuNDUgMyA3VjE3QzMgMTcuNTUgMy40NSAxOCA0IDE4SDE2QzE2LjU1IDE4IDE3IDE3LjU1IDE3IDE3VjEzLjVMMTkuMjkgMTUuNzlDMTkuOTIgMTYuNDIgMjEgMTUuOTcgMjEgMTUuMDhWOC45MUMyMSA4LjAyIDE5LjkyIDcuNTcgMTkuMjkgOC4yTDE3IDEwLjVaIiBmaWxsPSIjQjBCNEI3Ii8+Cjwvc3ZnPgo=);--str-video__icon--camera-off: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjI5MTUgMTQuNzY5OVY5LjQ3OTlDMjEuMjkxNSA4LjU4OTkgMjAuMjExNSA4LjEzOTkgMTkuNTgxNSA4Ljc2OTlMMTcuMjkxNSAxMS4wNjk5VjcuNTY5OUMxNy4yOTE1IDcuMDE5OSAxNi44NDE1IDYuNTY5OSAxNi4yOTE1IDYuNTY5OUgxMC42ODE1TDE5LjU5MTUgMTUuNDc5OUMyMC4yMTE1IDE2LjEwOTkgMjEuMjkxNSAxNS42NTk5IDIxLjI5MTUgMTQuNzY5OVpNMy4wMDE0OCAzLjEyOTlDMi42MTE0OCAzLjUxOTkgMi42MTE0OCA0LjE0OTkgMy4wMDE0OCA0LjUzOTlMNS4wMjE0OCA2LjU2OTlINC4yOTE0OEMzLjc0MTQ4IDYuNTY5OSAzLjI5MTQ4IDcuMDE5OSAzLjI5MTQ4IDcuNTY5OVYxNy41Njk5QzMuMjkxNDggMTguMTE5OSAzLjc0MTQ4IDE4LjU2OTkgNC4yOTE0OCAxOC41Njk5SDE2LjI5MTVDMTYuNTAxNSAxOC41Njk5IDE2LjY4MTUgMTguNDg5OSAxNi44NDE1IDE4LjM4OTlMMTkuMzIxNSAyMC44Njk5QzE5LjcxMTUgMjEuMjU5OSAyMC4zNDE1IDIxLjI1OTkgMjAuNzMxNSAyMC44Njk5QzIxLjEyMTUgMjAuNDc5OSAyMS4xMjE1IDE5Ljg0OTkgMjAuNzMxNSAxOS40NTk5TDQuNDExNDggMy4xMjk5QzQuMDIxNDggMi43Mzk5IDMuMzkxNDggMi43Mzk5IDMuMDAxNDggMy4xMjk5WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K);--str-video__icon--caret: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU0ODggMTAuNDg4NUw5LjQxMzIxIDguMzMwMThDOS43MzgyMSA4LjAwNTE4IDEwLjI2MzIgOC4wMDUxOCAxMC41ODgyIDguMzMwMThMMTIuNzQ2NSAxMC40ODg1QzEzLjI3MTUgMTEuMDEzNSAxMi44OTY1IDExLjkxMzUgMTIuMTU0OSAxMS45MTM1SDcuODM4MjFDNy4wOTY1NCAxMS45MTM1IDYuNzI5ODggMTEuMDEzNSA3LjI1NDg4IDEwLjQ4ODVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=);--str-video__icon--caret-down: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU0ODggMTAuNDg4NUw5LjQxMzIxIDguMzMwMThDOS43MzgyMSA4LjAwNTE4IDEwLjI2MzIgOC4wMDUxOCAxMC41ODgyIDguMzMwMThMMTIuNzQ2NSAxMC40ODg1QzEzLjI3MTUgMTEuMDEzNSAxMi44OTY1IDExLjkxMzUgMTIuMTU0OSAxMS45MTM1SDcuODM4MjFDNy4wOTY1NCAxMS45MTM1IDYuNzI5ODggMTEuMDEzNSA3LjI1NDg4IDEwLjQ4ODVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=);--str-video__icon--caret-up: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU0ODggMTAuNDg4NUw5LjQxMzIxIDguMzMwMThDOS43MzgyMSA4LjAwNTE4IDEwLjI2MzIgOC4wMDUxOCAxMC41ODgyIDguMzMwMThMMTIuNzQ2NSAxMC40ODg1QzEzLjI3MTUgMTEuMDEzNSAxMi44OTY1IDExLjkxMzUgMTIuMTU0OSAxMS45MTM1SDcuODM4MjFDNy4wOTY1NCAxMS45MTM1IDYuNzI5ODggMTEuMDEzNSA3LjI1NDg4IDEwLjQ4ODVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=);--str-video__icon--chevron-down: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDEgOC4yOTUwNEwxMiAxMi44NzVMMTYuNTkgOC4yOTUwNEwxOCA5LjcwNTA0TDEyIDE1LjcwNUw2IDkuNzA1MDRMNy40MSA4LjI5NTA0WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K);--str-video__icon--chevron-up: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDEgMTUuNzA1TDEyIDExLjEyNUwxNi41OSAxNS43MDVMMTggMTQuMjk1TDEyIDguMjk1MDRMNiAxNC4yOTVMNy40MSAxNS43MDVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=);--str-video__icon--chevron-right: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTYuOTk3NjcgMjEuMDE0OUM3LjQ4NzY3IDIxLjUwNDkgOC4yNzc2NyAyMS41MDQ5IDguNzY3NjcgMjEuMDE0OUwxNy4wNzc3IDEyLjcwNDlDMTcuNDY3NyAxMi4zMTQ5IDE3LjQ2NzcgMTEuNjg0OSAxNy4wNzc3IDExLjI5NDlMOC43Njc2NyAyLjk4NDkzQzguMjc3NjcgMi40OTQ5MyA3LjQ4NzY3IDIuNDk0OTMgNi45OTc2NyAyLjk4NDkzQzYuNTA3NjcgMy40NzQ5MyA2LjUwNzY3IDQuMjY0OTMgNi45OTc2NyA0Ljc1NDkzTDE0LjIzNzcgMTIuMDA0OUw2Ljk4NzY3IDE5LjI1NDlDNi41MDc2NyAxOS43MzQ5IDYuNTA3NjcgMjAuNTM0OSA2Ljk5NzY3IDIxLjAxNDlaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==);--str-video__icon--call-latency: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjAwMjkgMTcuOTk4OEMxMi41NTUyIDE3Ljk5ODggMTMuMDAyOSAxNy41NTExIDEzLjAwMjkgMTYuOTk4OEMxMy4wMDI5IDE2LjQ0NjUgMTIuNTU1MiAxNS45OTg4IDEyLjAwMjkgMTUuOTk4OEMxMS40NTA2IDE1Ljk5ODggMTEuMDAyOSAxNi40NDY1IDExLjAwMjkgMTYuOTk4OEMxMS4wMDI5IDE3LjU1MTEgMTEuNDUwNiAxNy45OTg4IDEyLjAwMjkgMTcuOTk4OFoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTcuMDAyOTMgMTIuOTk4OEM3LjU1NTIxIDEyLjk5ODggOC4wMDI5MyAxMi41NTExIDguMDAyOTMgMTEuOTk4OEM4LjAwMjkzIDExLjQ0NjUgNy41NTUyMSAxMC45OTg4IDcuMDAyOTMgMTAuOTk4OEM2LjQ1MDY0IDEwLjk5ODggNi4wMDI5MyAxMS40NDY1IDYuMDAyOTMgMTEuOTk4OEM2LjAwMjkzIDEyLjU1MTEgNi40NTA2NCAxMi45OTg4IDcuMDAyOTMgMTIuOTk4OFoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTE3LjAwMjkgMTIuOTk4OEMxNy41NTUyIDEyLjk5ODggMTguMDAyOSAxMi41NTExIDE4LjAwMjkgMTEuOTk4OEMxOC4wMDI5IDExLjQ0NjUgMTcuNTU1MiAxMC45OTg4IDE3LjAwMjkgMTAuOTk4OEMxNi40NTA2IDEwLjk5ODggMTYuMDAyOSAxMS40NDY1IDE2LjAwMjkgMTEuOTk4OEMxNi4wMDI5IDEyLjU1MTEgMTYuNDUwNiAxMi45OTg4IDE3LjAwMjkgMTIuOTk4OFoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTEyLjAwMjkgMi45OTg3OEMxMS40NTI5IDIuOTk4NzggMTEuMDAyOSAzLjQ0ODc4IDExLjAwMjkgMy45OTg3OFY1Ljk5ODc4QzExLjAwMjkgNi41NDg3OCAxMS40NTI5IDYuOTk4NzggMTIuMDAyOSA2Ljk5ODc4QzEyLjU1MjkgNi45OTg3OCAxMy4wMDI5IDYuNTQ4NzggMTMuMDAyOSA1Ljk5ODc4VjUuMDc4NzhDMTYuMzEyOSA1LjU1ODc4IDE4Ljg3MjkgOC4zMjg3OCAxOS4wMDI5IDExLjczODhDMTkuMTQyOSAxNS41ODg4IDE1Ljk3MjkgMTguOTM4OCAxMi4xMjI5IDE4Ljk5ODhDOC4xOTI5MyAxOS4wNTg4IDUuMDAyOTMgMTUuOTA4OCA1LjAwMjkzIDExLjk5ODhDNS4wMDI5MyAxMC4zMTg4IDUuNTkyOTMgOC43Nzg3OCA2LjU4MjkzIDcuNTc4NzhMMTEuMjkyOSAxMi4yOTg4QzExLjY4MjkgMTIuNjg4OCAxMi4zMTI5IDEyLjY4ODggMTIuNzAyOSAxMi4yOTg4QzEzLjA5MjkgMTEuOTA4OCAxMy4wOTI5IDExLjI3ODggMTIuNzAyOSAxMC44ODg4TDcuMjYyOTMgNS40NTg3OEM2Ljg4MjkzIDUuMDc4NzggNi4yNjI5MyA1LjA2ODc4IDUuODYyOTMgNS40Mzg3OEM0LjEwMjkzIDcuMDY4NzggMy4wMDI5MyA5LjM5ODc4IDMuMDAyOTMgMTEuOTk4OEMzLjAwMjkzIDE3LjAzODggNy4xNDI5MyAyMS4xMTg4IDEyLjIxMjkgMjAuOTk4OEMxNi45MTI5IDIwLjg4ODggMjAuODQyOSAxNi45ODg4IDIwLjk5MjkgMTIuMjg4OEMyMS4xNjI5IDcuMTg4NzggMTcuMDcyOSAyLjk5ODc4IDEyLjAwMjkgMi45OTg3OFoiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==);--str-video__icon--close: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE4LjI5OTcgNS43MDk5N0MxNy45MDk3IDUuMzE5OTcgMTcuMjc5NyA1LjMxOTk3IDE2Ljg4OTcgNS43MDk5N0wxMS45OTk3IDEwLjU5TDcuMTA5NzMgNS42OTk5N0M2LjcxOTczIDUuMzA5OTcgNi4wODk3MyA1LjMwOTk3IDUuNjk5NzMgNS42OTk5N0M1LjMwOTczIDYuMDg5OTcgNS4zMDk3MyA2LjcxOTk3IDUuNjk5NzMgNy4xMDk5N0wxMC41ODk3IDEyTDUuNjk5NzMgMTYuODlDNS4zMDk3MyAxNy4yOCA1LjMwOTczIDE3LjkxIDUuNjk5NzMgMTguM0M2LjA4OTczIDE4LjY5IDYuNzE5NzMgMTguNjkgNy4xMDk3MyAxOC4zTDExLjk5OTcgMTMuNDFMMTYuODg5NyAxOC4zQzE3LjI3OTcgMTguNjkgMTcuOTA5NyAxOC42OSAxOC4yOTk3IDE4LjNDMTguNjg5NyAxNy45MSAxOC42ODk3IDE3LjI4IDE4LjI5OTcgMTYuODlMMTMuNDA5NyAxMkwxOC4yOTk3IDcuMTA5OTdDMTguNjc5NyA2LjcyOTk3IDE4LjY3OTcgNi4wODk5NyAxOC4yOTk3IDUuNzA5OTdaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==);--str-video__icon--connection-quality-poor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjU0ODgzIDYuMjVDMC4yNTQ4ODMgMi45MzYyOSAyLjk0MTE3IDAuMjUgNi4yNTQ4OCAwLjI1SDMyLjI1NDlWMjYuMjVDMzIuMjU0OSAyOS41NjM3IDI5LjU2ODYgMzIuMjUgMjYuMjU0OSAzMi4yNUgwLjI1NDg4M1Y2LjI1WiIgZmlsbD0iIzBDMEQwRSIgZmlsbC1vcGFjaXR5PSIwLjY1Ii8+CjxwYXRoIGQ9Ik0xNi4yNTQ5IDIwLjI1TDE2LjI1NDkgMTUuMjUiIHN0cm9rZT0iI0UzRTRFNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjI1NDkgMjAuMjVMMTEuMjU0OSAxOC4yNSIgc3Ryb2tlPSIjREM0MzNCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEuMjU0OSAyMC4yNUwyMS4yNTQ5IDEyLjI1IiBzdHJva2U9IiNFM0U0RTUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);--str-video__icon--connection-quality-good: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuOTI0ODA1IDYuMjVDMC45MjQ4MDUgMi45MzYyOSAzLjYxMTEgMC4yNSA2LjkyNDggMC4yNUgzMi45MjQ4VjI2LjI1QzMyLjkyNDggMjkuNTYzNyAzMC4yMzg1IDMyLjI1IDI2LjkyNDggMzIuMjVIMC45MjQ4MDVWNi4yNVoiIGZpbGw9IiMwQzBEMEUiIGZpbGwtb3BhY2l0eT0iMC42NSIvPgo8cGF0aCBkPSJNMTYuOTI0OCAyMC4yNUwxNi45MjQ4IDE1LjI1IiBzdHJva2U9IiMwMEUyQTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS45MjQ4IDIwLjI1TDExLjkyNDggMTguMjUiIHN0cm9rZT0iIzAwRTJBMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIxLjkyNDggMjAuMjVMMjEuOTI0OCAxMi4yNSIgc3Ryb2tlPSIjRTNFNEU1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);--str-video__icon--connection-quality-excellent: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjU0ODgzIDYuMjVDMC4yNTQ4ODMgMi45MzYyOSAyLjk0MTE3IDAuMjUgNi4yNTQ4OCAwLjI1SDMyLjI1NDlWMjYuMjVDMzIuMjU0OSAyOS41NjM3IDI5LjU2ODYgMzIuMjUgMjYuMjU0OSAzMi4yNUgwLjI1NDg4M1Y2LjI1WiIgZmlsbD0iIzBDMEQwRSIgZmlsbC1vcGFjaXR5PSIwLjY1Ii8+CjxwYXRoIGQ9Ik0xNi4yNTQ5IDIwLjI1TDE2LjI1NDkgMTUuMjUiIHN0cm9rZT0iIzAwRTJBMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjI1NDkgMjAuMjVMMTEuMjU0OSAxOC4yNSIgc3Ryb2tlPSIjMDBFMkExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEuMjU0OSAyMC4yNUwyMS4yNTQ5IDEyLjI1IiBzdHJva2U9IiMwMEUyQTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);--str-video__icon--download: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjA2MDcgNi4zMzM1SDE2LjAwMDdWMy4wMDAxNkMxNi4wMDA3IDIuNjMzNSAxNS43MDA3IDIuMzMzNSAxNS4zMzQgMi4zMzM1SDEyLjY2NzNDMTIuMzAwNyAyLjMzMzUgMTIuMDAwNyAyLjYzMzUgMTIuMDAwNyAzLjAwMDE2VjYuMzMzNUgxMC45NDA3QzEwLjM0NzMgNi4zMzM1IDEwLjA0NzMgNy4wNTM1IDEwLjQ2NzMgNy40NzM1TDEzLjUyNzMgMTAuNTMzNUMxMy43ODczIDEwLjc5MzUgMTQuMjA3MyAxMC43OTM1IDE0LjQ2NzMgMTAuNTMzNUwxNy41MjczIDcuNDczNUMxNy45NDczIDcuMDUzNSAxNy42NTQgNi4zMzM1IDE3LjA2MDcgNi4zMzM1Wk05LjMzMzk4IDEzLjAwMDJDOS4zMzM5OCAxMy4zNjY4IDkuNjMzOTggMTMuNjY2OCAxMC4wMDA3IDEzLjY2NjhIMTguMDAwN0MxOC4zNjczIDEzLjY2NjggMTguNjY3MyAxMy4zNjY4IDE4LjY2NzMgMTMuMDAwMkMxOC42NjczIDEyLjYzMzUgMTguMzY3MyAxMi4zMzM1IDE4LjAwMDcgMTIuMzMzNUgxMC4wMDA3QzkuNjMzOTggMTIuMzMzNSA5LjMzMzk4IDEyLjYzMzUgOS4zMzM5OCAxMy4wMDAyWiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K);--str-video__icon--ellipsis: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTBDNC45IDEwIDQgMTAuOSA0IDEyQzQgMTMuMSA0LjkgMTQgNiAxNEM3LjEgMTQgOCAxMy4xIDggMTJDOCAxMC45IDcuMSAxMCA2IDEwWk0xOCAxMEMxNi45IDEwIDE2IDEwLjkgMTYgMTJDMTYgMTMuMSAxNi45IDE0IDE4IDE0QzE5LjEgMTQgMjAgMTMuMSAyMCAxMkMyMCAxMC45IDE5LjEgMTAgMTggMTBaTTEyIDEwQzEwLjkgMTAgMTAgMTAuOSAxMCAxMkMxMCAxMy4xIDEwLjkgMTQgMTIgMTRDMTMuMSAxNCAxNCAxMy4xIDE0IDEyQzE0IDEwLjkgMTMuMSAxMCAxMiAxMFoiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==);--str-video__icon--film-roll: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTMgNkMyLjQ1IDYgMiA2LjQ1IDIgN1YyMEMyIDIxLjEgMi45IDIyIDQgMjJIMTdDMTcuNTUgMjIgMTggMjEuNTUgMTggMjFDMTggMjAuNDUgMTcuNTUgMjAgMTcgMjBINUM0LjQ1IDIwIDQgMTkuNTUgNCAxOVY3QzQgNi40NSAzLjU1IDYgMyA2Wk0yMCAySDhDNi45IDIgNiAyLjkgNiA0VjE2QzYgMTcuMSA2LjkgMTggOCAxOEgyMEMyMS4xIDE4IDIyIDE3LjEgMjIgMTZWNEMyMiAyLjkgMjEuMSAyIDIwIDJaTTEyIDE0LjVWNS41TDE3LjQ3IDkuNkMxNy43NCA5LjggMTcuNzQgMTAuMiAxNy40NyAxMC40TDEyIDE0LjVaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==);--str-video__icon--filter: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNMSAzLjc1QS43NS43NSAwIDAgMSAxLjc1IDNoMTIuNWEuNzUuNzUgMCAwIDEgMCAxLjVIMS43NUEuNzUuNzUgMCAwIDEgMSAzLjc1em0yLjUgNEEuNzUuNzUgMCAwIDEgNC4yNSA3aDcuNWEuNzUuNzUgMCAwIDEgMCAxLjVoLTcuNWEuNzUuNzUgMCAwIDEtLjc1LS43NXpNNi43NSAxMWEuNzUuNzUgMCAwIDAgMCAxLjVoMi41YS43NS43NSAwIDAgMCAwLTEuNWgtMi41eiIgZmlsbD0iY3VycmVudENvbG9yIi8+XAo8L3N2Zz4K);--str-video__icon--fullscreen: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzNiAzNiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWxsPSJ3aGl0ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0ibSAxMCwxNiAyLDAgMCwtNCA0LDAgMCwtMiBMIDEwLDEwIGwgMCw2IDAsMCB6Ii8+CjxwYXRoIGQ9Im0gMjAsMTAgMCwyIDQsMCAwLDQgMiwwIEwgMjYsMTAgbCAtNiwwIDAsMCB6Ii8+CjxwYXRoIGQ9Im0gMjQsMjQgLTQsMCAwLDIgTCAyNiwyNiBsIDAsLTYgLTIsMCAwLDQgMCwwIHoiLz4KPHBhdGggZD0iTSAxMiwyMCAxMCwyMCAxMCwyNiBsIDYsMCAwLC0yIC00LDAgMCwtNCAwLDAgeiIvPgo8L3N2Zz4=);--str-video__icon--info-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTExIDdoMnYyaC0yem0wIDRoMnY2aC0yem0xLTlDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4eiIvPjwvc3ZnPg==);--str-video__icon--kick-user: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCI+PGc+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+PC9nPjxnPjxwYXRoIGQ9Ik0xNCw4YzAtMi4yMS0xLjc5LTQtNC00UzYsNS43OSw2LDhzMS43OSw0LDQsNFMxNCwxMC4yMSwxNCw4eiBNMTcsMTB2Mmg2di0ySDE3eiBNMiwxOHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00IFMyLDE1LjM0LDIsMTh6Ii8+PC9nPjwvc3ZnPg==);--str-video__icon--livestream-viewers: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg2OTdfMjU1NykiPgo8cGF0aCBkPSJNOC4zNzc0NCA0LjU2MjVDMTAuNzQ2MiA0LjU2MjUgMTIuODU4NyA1Ljg5Mzc1IDEzLjg4OTkgOEMxMi44NTg3IDEwLjEwNjIgMTAuNzQ2MiAxMS40Mzc1IDguMzc3NDQgMTEuNDM3NUM2LjAwODY5IDExLjQzNzUgMy44OTYxOSAxMC4xMDYyIDIuODY0OTQgOEMzLjg5NjE5IDUuODkzNzUgNi4wMDg2OSA0LjU2MjUgOC4zNzc0NCA0LjU2MjVaTTguMzc3NDQgMy4zMTI1QzUuMjUyNDQgMy4zMTI1IDIuNTgzNjkgNS4yNTYyNSAxLjUwMjQ0IDhDMi41ODM2OSAxMC43NDM4IDUuMjUyNDQgMTIuNjg3NSA4LjM3NzQ0IDEyLjY4NzVDMTEuNTAyNCAxMi42ODc1IDE0LjE3MTIgMTAuNzQzOCAxNS4yNTI0IDhDMTQuMTcxMiA1LjI1NjI1IDExLjUwMjQgMy4zMTI1IDguMzc3NDQgMy4zMTI1Wk04LjM3NzQ0IDYuNDM3NUM5LjIzOTk0IDYuNDM3NSA5LjkzOTk0IDcuMTM3NSA5LjkzOTk0IDhDOS45Mzk5NCA4Ljg2MjUgOS4yMzk5NCA5LjU2MjUgOC4zNzc0NCA5LjU2MjVDNy41MTQ5NCA5LjU2MjUgNi44MTQ5NCA4Ljg2MjUgNi44MTQ5NCA4QzYuODE0OTQgNy4xMzc1IDcuNTE0OTQgNi40Mzc1IDguMzc3NDQgNi40Mzc1Wk04LjM3NzQ0IDUuMTg3NUM2LjgyNzQ0IDUuMTg3NSA1LjU2NDk0IDYuNDUgNS41NjQ5NCA4QzUuNTY0OTQgOS41NSA2LjgyNzQ0IDEwLjgxMjUgOC4zNzc0NCAxMC44MTI1QzkuOTI3NDQgMTAuODEyNSAxMS4xODk5IDkuNTUgMTEuMTg5OSA4QzExLjE4OTkgNi40NSA5LjkyNzQ0IDUuMTg3NSA4LjM3NzQ0IDUuMTg3NVoiIGZpbGw9IiNGQ0ZDRkMiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF84Njk3XzI1NTciPgo8cmVjdCB4PSIwLjg3NzQ0MSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);--str-video__icon--loading: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzAuOTIxMyAxNUMzMC45MjEzIDIzLjI4NDMgMjQuMjA1NiAzMCAxNS45MjEzIDMwQzEwLjcxNTQgMzAgNi4xMjg5OSAyNy4zNDggMy40MzkyMSAyMy4zMjE0TDUuMTAzNDkgMjIuMjExOUM3LjQzNDYzIDI1LjcwMTYgMTEuNDA5NiAyOCAxNS45MjEzIDI4QzIzLjEwMSAyOCAyOC45MjEzIDIyLjE3OTcgMjguOTIxMyAxNUMyOC45MjEzIDcuODIwMyAyMy4xMDEgMiAxNS45MjEzIDJMMTUuOTIxMyAwQzI0LjIwNTYgMCAzMC45MjEzIDYuNzE1NzMgMzAuOTIxMyAxNVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xODYwXzExMDYyMykiLz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xODYwXzExMDYyMyIgeDE9IjMuNDM5MjEiIHkxPSIwIiB4Mj0iMy40MzkyMSIgeTI9IjMwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIGlkPSJzdG9wLXNlbWl0cmFuc3BhcmVudCIgc3RvcC1vcGFjaXR5PSIwLjAxIi8+CiAgICAgICAgICAgIDxzdG9wIGlkPSJzdG9wLW9wYXF1ZSIgb2Zmc2V0PSIxIiAvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+Cjwvc3ZnPg==);--str-video__icon--logout: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMDA2NTEgMi45MTY2N0g2LjUwNjUxQzYuODI3MzQgMi45MTY2NyA3LjA4OTg0IDIuNjU0MTcgNy4wODk4NCAyLjMzMzMzQzcuMDg5ODQgMi4wMTI1IDYuODI3MzQgMS43NSA2LjUwNjUxIDEuNzVIMy4wMDY1MUMyLjM2NDg0IDEuNzUgMS44Mzk4NCAyLjI3NSAxLjgzOTg0IDIuOTE2NjdWMTEuMDgzM0MxLjgzOTg0IDExLjcyNSAyLjM2NDg0IDEyLjI1IDMuMDA2NTEgMTIuMjVINi41MDY1MUM2LjgyNzM0IDEyLjI1IDcuMDg5ODQgMTEuOTg3NSA3LjA4OTg0IDExLjY2NjdDNy4wODk4NCAxMS4zNDU4IDYuODI3MzQgMTEuMDgzMyA2LjUwNjUxIDExLjA4MzNIMy4wMDY1MVYyLjkxNjY3WiIgZmlsbD0iI0UzRTRFNSIvPgo8cGF0aCBkPSJNMTIuMTM1NyA2Ljc5NTgzTDEwLjUwODIgNS4xNjgzM0MxMC4zMjE1IDQuOTgxNjcgMTAuMDA2NSA1LjExIDEwLjAwNjUgNS4zNzI1VjYuNDE2NjdINS45MjMxOEM1LjYwMjM0IDYuNDE2NjcgNS4zMzk4NCA2LjY3OTE3IDUuMzM5ODQgN0M1LjMzOTg0IDcuMzIwODMgNS42MDIzNCA3LjU4MzMzIDUuOTIzMTggNy41ODMzM0gxMC4wMDY1VjguNjI3NUMxMC4wMDY1IDguODkgMTAuMzIxNSA5LjAxODMzIDEwLjUwMjMgOC44MzE2N0wxMi4xMjk4IDcuMjA0MTdDMTIuMjQ2NSA3LjA5MzMzIDEyLjI0NjUgNi45MDY2NyAxMi4xMzU3IDYuNzk1ODNaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=);--str-video__icon--low-bandwidth: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMjQgMEgwdjI0aDI0eiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik04LjEgNWMuMTcgMCAuMzIuMDkuNDEuMjNsLjA3LjE1IDUuMTggMTEuNjVjLjE2LjI5LjI2LjYxLjI2Ljk2IDAgMS4xMS0uOSAyLjAxLTIuMDEgMi4wMS0uOTYgMC0xLjc3LS42OC0xLjk2LTEuNTlsLS4wMS0uMDNMNy42IDUuNWMwLS4yOC4yMi0uNS41LS41TTIzIDlsLTIgMmExMi42NiAxMi42NiAwIDAgMC0xMC41My0zLjYyTDkuMjggNC43YzQuODMtLjg2IDkuOTguNTcgMTMuNzIgNC4zTTMgMTEgMSA5YTE1LjQgMTUuNCAwIDAgMSA1LjU5LTMuNTdsLjUzIDIuODJDNS42MiA4Ljg3IDQuMjIgOS43OCAzIDExbTQgNC0yLTJjLjgtLjggMS43LTEuNDIgMi42Ni0xLjg5bC41NSAyLjkyYy0uNDIuMjctLjgzLjU5LTEuMjEuOTdtMTItMi0yIDJhNy4xIDcuMSAwIDAgMC00LjAzLTJsLTEuMjgtMi44OGMyLjYzLS4wOCA1LjMuODcgNy4zMSAyLjg4Ii8+PC9zdmc+);--str-video__icon--magnifier-glass: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04LjQ4NDkxIDcuODYwM0g3Ljk1NTk3TDcuNzY4NSA3LjY3OTUyQzguNTcxOTUgNi43NDIxNiA4Ljk4NzA2IDUuNDYzMzQgOC43NTk0MiA0LjEwNDE4QzguNDQ0NzMgMi4yNDI4NSA2Ljg5MTQgMC43NTY0NzQgNS4wMTY2OSAwLjUyODgzQzIuMTg0NTMgMC4xODA2NjkgLTAuMTk5MDMxIDIuNTY0MjMgMC4xNDkxMyA1LjM5NjM5QzAuMzc2Nzc0IDcuMjcxMSAxLjg2MzE1IDguODI0NDMgMy43MjQ0OCA5LjEzOTEyQzUuMDgzNjQgOS4zNjY3NiA2LjM2MjQ2IDguOTUxNjUgNy4yOTk4MiA4LjE0ODJMNy40ODA2IDguMzM1NjdWOC44NjQ2MUwxMC4zMjYxIDExLjcxMDJDMTAuNjAwNyAxMS45ODQ3IDExLjA0OTIgMTEuOTg0NyAxMS4zMjM4IDExLjcxMDJDMTEuNTk4MyAxMS40MzU2IDExLjU5ODMgMTAuOTg3IDExLjMyMzggMTAuNzEyNUw4LjQ4NDkxIDcuODYwM1pNNC40Njc2NiA3Ljg2MDNDMi44MDA1MSA3Ljg2MDMgMS40NTQ3MyA2LjUxNDUyIDEuNDU0NzMgNC44NDczNkMxLjQ1NDczIDMuMTgwMjEgMi44MDA1MSAxLjgzNDQzIDQuNDY3NjYgMS44MzQ0M0M2LjEzNDgyIDEuODM0NDMgNy40ODA2IDMuMTgwMjEgNy40ODA2IDQuODQ3MzZDNy40ODA2IDYuNTE0NTIgNi4xMzQ4MiA3Ljg2MDMgNC40Njc2NiA3Ljg2MDNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);--str-video__icon--mic: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjk5OSAxNC41QzEzLjY1OSAxNC41IDE0Ljk5OSAxMy4xNiAxNC45OTkgMTEuNVY1LjVDMTQuOTk5IDMuODQgMTMuNjU5IDIuNSAxMS45OTkgMi41QzEwLjMzOSAyLjUgOC45OTkwMSAzLjg0IDguOTk5MDEgNS41VjExLjVDOC45OTkwMSAxMy4xNiAxMC4zMzkgMTQuNSAxMS45OTkgMTQuNVpNMTcuOTA5IDExLjVDMTcuNDE5IDExLjUgMTcuMDA5IDExLjg2IDE2LjkyOSAxMi4zNUMxNi41MTkgMTQuNyAxNC40NjkgMTYuNSAxMS45OTkgMTYuNUM5LjUyOTAxIDE2LjUgNy40NzkwMSAxNC43IDcuMDY5MDEgMTIuMzVDNi45ODkwMSAxMS44NiA2LjU3OTAxIDExLjUgNi4wODkwMSAxMS41QzUuNDc5MDEgMTEuNSA0Ljk5OTAxIDEyLjA0IDUuMDg5MDEgMTIuNjRDNS41NzkwMSAxNS42NCA3Ljk3OTAxIDE3Ljk5IDEwLjk5OSAxOC40MlYyMC41QzEwLjk5OSAyMS4wNSAxMS40NDkgMjEuNSAxMS45OTkgMjEuNUMxMi41NDkgMjEuNSAxMi45OTkgMjEuMDUgMTIuOTk5IDIwLjVWMTguNDJDMTYuMDE5IDE3Ljk5IDE4LjQxOSAxNS42NCAxOC45MDkgMTIuNjRDMTkuMDA5IDEyLjA0IDE4LjUxOSAxMS41IDE3LjkwOSAxMS41WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K);--str-video__icon--mic-off: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE0LjkyMDQgMTEuMVY1LjVDMTQuOTIwNCAzLjg0IDEzLjU4MDQgMi41IDExLjkyMDQgMi41QzEwLjM4MDQgMi41IDkuMTMwMzkgMy42NiA4Ljk2MDM5IDUuMTVMMTQuOTIwNCAxMS4xWk0xOC4wMDA0IDExLjVDMTcuNTkwNCAxMS41IDE3LjIzMDQgMTEuOCAxNy4xNzA0IDEyLjIxQzE3LjEyMDQgMTIuNTMgMTcuMDUwNCAxMi44NSAxNi45NTA0IDEzLjE0TDE4LjIyMDQgMTQuNDFDMTguNTIwNCAxMy44MSAxOC43NDA0IDEzLjE2IDE4Ljg1MDQgMTIuNDdDMTguOTIwNCAxMS45NiAxOC41MjA0IDExLjUgMTguMDAwNCAxMS41Wk0zLjYzMDM5IDQuMDZDMy4yNDAzOSA0LjQ1IDMuMjQwMzkgNS4wOCAzLjYzMDM5IDUuNDdMOC45MjAzOSAxMC43N1YxMS4yQzguOTIwMzkgMTIuMzkgOS41MjAzOSAxMy41MiAxMC41NTA0IDE0LjExQzExLjMwMDQgMTQuNTQgMTEuOTYwNCAxNC41NSAxMi41NzA0IDE0LjQyTDE0LjIzMDQgMTYuMDhDMTMuNTIwNCAxNi40MSAxMi43MzA0IDE2LjYgMTEuOTIwNCAxNi42QzkuMzgwMzkgMTYuNiA3LjA0MDM5IDE0LjgzIDYuNjcwMzkgMTIuMjFDNi42MTAzOSAxMS44IDYuMjUwMzkgMTEuNSA1Ljg0MDM5IDExLjVDNS4zMjAzOSAxMS41IDQuOTIwMzkgMTEuOTYgNC45OTAzOSAxMi40N0M1LjQ1MDM5IDE1LjQzIDcuOTUwMzkgMTcuNzcgMTAuOTIwNCAxOC4yMlYyMC41QzEwLjkyMDQgMjEuMDUgMTEuMzcwNCAyMS41IDExLjkyMDQgMjEuNUMxMi40NzA0IDIxLjUgMTIuOTIwNCAyMS4wNSAxMi45MjA0IDIwLjVWMTguMjJDMTMuODMwNCAxOC4wOSAxNC42OTA0IDE3Ljc3IDE1LjQ3MDQgMTcuMzJMMTguOTYwNCAyMC44MUMxOS4zNTA0IDIxLjIgMTkuOTgwNCAyMS4yIDIwLjM3MDQgMjAuODFDMjAuNzYwNCAyMC40MiAyMC43NjA0IDE5Ljc5IDIwLjM3MDQgMTkuNEw1LjA0MDM5IDQuMDZDNC42NTAzOSAzLjY3IDQuMDIwMzkgMy42NyAzLjYzMDM5IDQuMDZaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==);--str-video__icon--network-quality: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNCA5LjJINi42QzcuMzcgOS4yIDggOS44MyA4IDEwLjZWMTcuNkM4IDE4LjM3IDcuMzcgMTkgNi42IDE5SDYuNEM1LjYzIDE5IDUgMTguMzcgNSAxNy42VjEwLjZDNSA5LjgzIDUuNjMgOS4yIDYuNCA5LjJaTTEyIDVDMTIuNzcgNSAxMy40IDUuNjMgMTMuNCA2LjRWMTcuNkMxMy40IDE4LjM3IDEyLjc3IDE5IDEyIDE5QzExLjIzIDE5IDEwLjYgMTguMzcgMTAuNiAxNy42VjYuNEMxMC42IDUuNjMgMTEuMjMgNSAxMiA1Wk0xNy42IDEzQzE4LjM3IDEzIDE5IDEzLjYzIDE5IDE0LjRWMTcuNkMxOSAxOC4zNyAxOC4zNyAxOSAxNy42IDE5QzE2LjgzIDE5IDE2LjIgMTguMzcgMTYuMiAxNy42VjE0LjRDMTYuMiAxMy42MyAxNi44MyAxMyAxNy42IDEzWiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K);--str-video__icon--reactions: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIzIDQuNUMyMyA1LjA1IDIyLjU1IDUuNSAyMiA1LjVIMjFWNi41QzIxIDcuMDUgMjAuNTUgNy41IDIwIDcuNUMxOS40NSA3LjUgMTkgNy4wNSAxOSA2LjVWNS41SDE4QzE3LjQ1IDUuNSAxNyA1LjA1IDE3IDQuNUMxNyAzLjk1IDE3LjQ1IDMuNSAxOCAzLjVIMTlWMi41QzE5IDEuOTUgMTkuNDUgMS41IDIwIDEuNUMyMC41NSAxLjUgMjEgMS45NSAyMSAyLjVWMy41SDIyQzIyLjU1IDMuNSAyMyAzLjk1IDIzIDQuNVpNMjAuNTIgOS40NUMyMC44MyAxMC40MSAyMSAxMS40NCAyMSAxMi41QzIxIDE4LjAyIDE2LjUyIDIyLjUgMTEgMjIuNUM1LjQ4IDIyLjUgMSAxOC4wMiAxIDEyLjVDMSA2Ljk4IDUuNDggMi41IDExIDIuNUMxMi41IDIuNSAxMy45MiAyLjg0IDE1LjIgMy40NEMxNS4wOCAzLjc3IDE1IDQuMTIgMTUgNC41QzE1IDUuODUgMTUuOSA3IDE3LjEzIDcuMzdDMTcuNSA4LjYgMTguNjUgOS41IDIwIDkuNUMyMC4xOCA5LjUgMjAuMzUgOS40OCAyMC41MiA5LjQ1Wk02IDEwQzYgMTAuODMgNi42NyAxMS41IDcuNSAxMS41QzguMzMgMTEuNSA5IDEwLjgzIDkgMTBDOSA5LjE3IDguMzMgOC41IDcuNSA4LjVDNi42NyA4LjUgNiA5LjE3IDYgMTBaTTE1LjMxIDE0LjVINi42OUM2LjMxIDE0LjUgNi4wNiAxNC45MiA2LjI1IDE1LjI1QzcuMiAxNi44OSA4Ljk3IDE4IDExIDE4QzEzLjAzIDE4IDE0LjggMTYuODkgMTUuNzUgMTUuMjVDMTUuOTQgMTQuOTIgMTUuNyAxNC41IDE1LjMxIDE0LjVaTTE2IDEwQzE2IDkuMTcgMTUuMzMgOC41IDE0LjUgOC41QzEzLjY3IDguNSAxMyA5LjE3IDEzIDEwQzEzIDEwLjgzIDEzLjY3IDExLjUgMTQuNSAxMS41QzE1LjMzIDExLjUgMTYgMTAuODMgMTYgMTBaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==);--str-video__icon--recording-off: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGQ9Ik0xMiAyQzYuNDggMiAyIDYuNDggMiAxMkMyIDE3LjUyIDYuNDggMjIgMTIgMjJDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJDMjIgNi40OCAxNy41MiAyIDEyIDJaTTEyIDIwQzcuNTggMjAgNCAxNi40MiA0IDEyQzQgNy41OCA3LjU4IDQgMTIgNEMxNi40MiA0IDIwIDcuNTggMjAgMTJDMjAgMTYuNDIgMTYuNDIgMjAgMTIgMjBaIiBmaWxsPSIjQjBCNEI3Ii8+CjxwYXRoIGQ9Ik0xMiAxN0MxNC43NjE0IDE3IDE3IDE0Ljc2MTQgMTcgMTJDMTcgOS4yMzg1OCAxNC43NjE0IDcgMTIgN0M5LjIzODU4IDcgNyA5LjIzODU4IDcgMTJDNyAxNC43NjE0IDkuMjM4NTggMTcgMTIgMTdaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9nPgo8L3N2Zz4K);--str-video__icon--recording-on: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBDNC40OCAwIDAgNC40OCAwIDEwQzAgMTUuNTIgNC40OCAyMCAxMCAyMEMxNS41MiAyMCAyMCAxNS41MiAyMCAxMEMyMCA0LjQ4IDE1LjUyIDAgMTAgMFpNMTMgMTRIN0M2LjQ1IDE0IDYgMTMuNTUgNiAxM1Y3QzYgNi40NSA2LjQ1IDYgNyA2SDEzQzEzLjU1IDYgMTQgNi40NSAxNCA3VjEzQzE0IDEzLjU1IDEzLjU1IDE0IDEzIDE0WiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K);--str-video__icon--refresh: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIwIDE5MjAiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTk2MCAwdjIxMy4zMzNjNDExLjYyNyAwIDc0Ni42NjcgMzM0LjkzNCA3NDYuNjY3IDc0Ni42NjdTMTM3MS42MjcgMTcwNi42NjcgOTYwIDE3MDYuNjY3IDIxMy4zMzMgMTM3MS43MzMgMjEzLjMzMyA5NjBjMC0xOTcuMDEzIDc4LjQtMzgyLjUwNyAyMTMuMzM0LTUyMC43NDd2MjU0LjA4SDY0MFYxMDYuNjY3SDUzLjMzM1YzMjBoMTkxLjA0Qzg4LjY0IDQ5NC4wOCAwIDcyMC45NiAwIDk2MGMwIDUyOS4yOCA0MzAuNjEzIDk2MCA5NjAgOTYwczk2MC00MzAuNzIgOTYwLTk2MFMxNDg5LjM4NyAwIDk2MCAwIi8+PC9zdmc+Cg==);--str-video__icon--screen-share-off: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIwIDE4QzIxLjEgMTggMjIgMTcuMSAyMiAxNlY2QzIyIDQuOSAyMS4xIDQgMjAgNEg0QzIuOSA0IDIgNC45IDIgNlYxNkMyIDE3LjEgMi44OSAxOCA0IDE4SDFDMC40NSAxOCAwIDE4LjQ1IDAgMTlDMCAxOS41NSAwLjQ1IDIwIDEgMjBIMjNDMjMuNTUgMjAgMjQgMTkuNTUgMjQgMTlDMjQgMTguNDUgMjMuNTUgMTggMjMgMThIMjBaTTEzIDE0LjQ3VjEyLjI4QzEwLjIyIDEyLjI4IDguMzkgMTMuMTMgNyAxNUM3LjU2IDEyLjMzIDkuMTEgOS42NyAxMyA5LjEzVjdMMTYuNjEgMTAuMzZDMTYuODIgMTAuNTYgMTYuODIgMTAuODkgMTYuNjEgMTEuMDlMMTMgMTQuNDdaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==);--str-video__icon--screen-share-on: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPU91dGxpbmVkIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIwIDE4QzIxLjEgMTggMjEuOTkgMTcuMSAyMS45OSAxNkwyMiA2QzIyIDQuODkgMjEuMSA0IDIwIDRINEMyLjg5IDQgMiA0Ljg5IDIgNlYxNkMyIDE3LjEgMi44OSAxOCA0IDE4SDBWMjBIMjRWMThIMjBaTTQgMTZWNkgyMFYxNi4wMUw0IDE2Wk0xMyA5LjEzQzkuMTEgOS42NyA3LjU2IDEyLjMzIDcgMTVDOC4zOSAxMy4xMyAxMC4yMiAxMi4yOCAxMyAxMi4yOFYxNC40N0wxNyAxMC43M0wxMyA3VjkuMTNaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==);--str-video__icon--settings: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE5LjQ5OTcgMTJDMTkuNDk5NyAxMS43NyAxOS40ODk3IDExLjU1IDE5LjQ2OTcgMTEuMzJMMjEuMzI5NyA5LjkxQzIxLjcyOTcgOS42MSAyMS44Mzk3IDkuMDUgMjEuNTg5NyA4LjYxTDE5LjcxOTcgNS4zOEMxOS40Njk3IDQuOTQgMTguOTI5NyA0Ljc2IDE4LjQ2OTcgNC45NkwxNi4zMTk3IDUuODdDMTUuOTQ5NyA1LjYxIDE1LjU1OTcgNS4zOCAxNS4xNDk3IDUuMTlMMTQuODU5NyAyLjg4QzE0Ljc5OTcgMi4zOCAxNC4zNjk3IDIgMTMuODY5NyAySDEwLjEzOTdDOS42Mjk2NyAyIDkuMTk5NjcgMi4zOCA5LjEzOTY3IDIuODhMOC44NDk2NyA1LjE5QzguNDM5NjcgNS4zOCA4LjA0OTY2IDUuNjEgNy42Nzk2NyA1Ljg3TDUuNTI5NjcgNC45NkM1LjA2OTY3IDQuNzYgNC41Mjk2NyA0Ljk0IDQuMjc5NjcgNS4zOEwyLjQwOTY3IDguNjJDMi4xNTk2NyA5LjA2IDIuMjY5NjcgOS42MSAyLjY2OTY3IDkuOTJMNC41Mjk2NyAxMS4zM0M0LjUwOTY3IDExLjU1IDQuNDk5NjcgMTEuNzcgNC40OTk2NyAxMkM0LjQ5OTY3IDEyLjIzIDQuNTA5NjcgMTIuNDUgNC41Mjk2NyAxMi42OEwyLjY2OTY3IDE0LjA5QzIuMjY5NjcgMTQuMzkgMi4xNTk2NyAxNC45NSAyLjQwOTY3IDE1LjM5TDQuMjc5NjcgMTguNjJDNC41Mjk2NyAxOS4wNiA1LjA2OTY3IDE5LjI0IDUuNTI5NjcgMTkuMDRMNy42Nzk2NyAxOC4xM0M4LjA0OTY2IDE4LjM5IDguNDM5NjcgMTguNjIgOC44NDk2NyAxOC44MUw5LjEzOTY3IDIxLjEyQzkuMTk5NjcgMjEuNjIgOS42Mjk2NyAyMiAxMC4xMjk3IDIySDEzLjg1OTdDMTQuMzU5NyAyMiAxNC43ODk3IDIxLjYyIDE0Ljg0OTcgMjEuMTJMMTUuMTM5NyAxOC44MUMxNS41NDk3IDE4LjYyIDE1LjkzOTcgMTguMzkgMTYuMzA5NyAxOC4xM0wxOC40NTk3IDE5LjA0QzE4LjkxOTcgMTkuMjQgMTkuNDU5NyAxOS4wNiAxOS43MDk3IDE4LjYyTDIxLjU3OTcgMTUuMzlDMjEuODI5NyAxNC45NSAyMS43MTk3IDE0LjQgMjEuMzE5NyAxNC4wOUwxOS40NTk3IDEyLjY4QzE5LjQ4OTcgMTIuNDUgMTkuNDk5NyAxMi4yMyAxOS40OTk3IDEyWk0xMi4wMzk3IDE1LjVDMTAuMTA5NyAxNS41IDguNTM5NjcgMTMuOTMgOC41Mzk2NyAxMkM4LjUzOTY3IDEwLjA3IDEwLjEwOTcgOC41IDEyLjAzOTcgOC41QzEzLjk2OTcgOC41IDE1LjUzOTcgMTAuMDcgMTUuNTM5NyAxMkMxNS41Mzk3IDEzLjkzIDEzLjk2OTcgMTUuNSAxMi4wMzk3IDE1LjVaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==);--str-video__icon--speaker: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTMgMTAuMDAxOFYxNC4wMDE4QzMgMTQuNTUxOCAzLjQ1IDE1LjAwMTggNCAxNS4wMDE4SDdMMTAuMjkgMTguMjkxOEMxMC45MiAxOC45MjE4IDEyIDE4LjQ3MTggMTIgMTcuNTgxOFY2LjQxMTc5QzEyIDUuNTIxNzkgMTAuOTIgNS4wNzE3OSAxMC4yOSA1LjcwMTc5TDcgOS4wMDE3OUg0QzMuNDUgOS4wMDE3OSAzIDkuNDUxNzkgMyAxMC4wMDE4Wk0xNi41IDEyLjAwMThDMTYuNSAxMC4yMzE4IDE1LjQ4IDguNzExNzkgMTQgNy45NzE3OVYxNi4wMjE4QzE1LjQ4IDE1LjI5MTggMTYuNSAxMy43NzE4IDE2LjUgMTIuMDAxOFpNMTQgNC40NTE3OVY0LjY1MTc5QzE0IDUuMDMxNzkgMTQuMjUgNS4zNjE3OSAxNC42IDUuNTAxNzlDMTcuMTggNi41MzE3OSAxOSA5LjA2MTc5IDE5IDEyLjAwMThDMTkgMTQuOTQxOCAxNy4xOCAxNy40NzE4IDE0LjYgMTguNTAxOEMxNC4yNCAxOC42NDE4IDE0IDE4Ljk3MTggMTQgMTkuMzUxOFYxOS41NTE4QzE0IDIwLjE4MTggMTQuNjMgMjAuNjIxOCAxNS4yMSAyMC40MDE4QzE4LjYgMTkuMTExOCAyMSAxNS44NDE4IDIxIDEyLjAwMThDMjEgOC4xNjE3OSAxOC42IDQuODkxNzkgMTUuMjEgMy42MDE3OUMxNC42MyAzLjM3MTc5IDE0IDMuODIxNzkgMTQgNC40NTE3OVoiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K);--str-video__icon--speaker-off: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Zz48cGF0aCBkPSJNMyAxMC4wMDE4VjE0LjAwMThDMyAxNC41NTE4IDMuNDUgMTUuMDAxOCA0IDE1LjAwMThIN0wxMC4yOSAxOC4yOTE4QzEwLjkyIDE4LjkyMTggMTIgMTguNDcxOCAxMiAxNy41ODE4VjYuNDExNzlDMTIgNS41MjE3OSAxMC45MiA1LjA3MTc5IDEwLjI5IDUuNzAxNzlMNyA5LjAwMTc5SDRDMy40NSA5LjAwMTc5IDMgOS40NTE3OSAzIDEwLjAwMThaTTE2LjUgMTIuMDAxOEMxNi41IDEwLjIzMTggMTUuNDggOC43MTE3OSAxNCA3Ljk3MTc5VjE2LjAyMThDMTUuNDggMTUuMjkxOCAxNi41IDEzLjc3MTggMTYuNSAxMi4wMDE4Wk0xNCA0LjQ1MTc5VjQuNjUxNzlDMTQgNS4wMzE3OSAxNC4yNSA1LjM2MTc5IDE0LjYgNS41MDE3OUMxNy4xOCA2LjUzMTc5IDE5IDkuMDYxNzkgMTkgMTIuMDAxOEMxOSAxNC45NDE4IDE3LjE4IDE3LjQ3MTggMTQuNiAxOC41MDE4QzE0LjI0IDE4LjY0MTggMTQgMTguOTcxOCAxNCAxOS4zNTE4VjE5LjU1MThDMTQgMjAuMTgxOCAxNC42MyAyMC42MjE4IDE1LjIxIDIwLjQwMThDMTguNiAxOS4xMTE4IDIxIDE1Ljg0MTggMjEgMTIuMDAxOEMyMSA4LjE2MTc5IDE4LjYgNC44OTE3OSAxNS4yMSAzLjYwMTc5QzE0LjYzIDMuMzcxNzkgMTQgMy44MjE3OSAxNCA0LjQ1MTc5WiIgZmlsbD0iI0IwQjRCNyIvPjxwYXRoIGQ9Ik00LjUgNC41TDE5LjUgMTkuNSIgc3Ryb2tlPSIjQjBCNEI3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=);--str-video__icon--stats: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEzLjg5MTEgMTAuNTQ3NUwxMi44MzExIDEwLjA1NzVDMTIuNDQxMSA5Ljg3NzQ2IDEyLjQ0MTEgOS4zMjc0NiAxMi44MzExIDkuMTQ3NDZMMTMuODkxMSA4LjY1NzQ2TDE0LjM4MTEgNy42MDc0NkMxNC41NjExIDcuMjE3NDYgMTUuMTExMSA3LjIxNzQ2IDE1LjI5MTEgNy42MDc0NkwxNS43ODExIDguNjY3NDZMMTYuODMxMSA5LjE1NzQ2QzE3LjIyMTEgOS4zMzc0NiAxNy4yMjExIDkuODg3NDYgMTYuODMxMSAxMC4wNjc1TDE1Ljc3MTEgMTAuNTU3NUwxNS4yODExIDExLjYwNzVDMTUuMTAxMSAxMS45OTc1IDE0LjU1MTEgMTEuOTk3NSAxNC4zNzExIDExLjYwNzVMMTMuODkxMSAxMC41NDc1Wk00LjI4MTA3IDEzLjYwNzVMNC43NzEwNyAxMi41NDc1TDUuODMxMDcgMTIuMDU3NUM2LjIyMTA3IDExLjg3NzUgNi4yMjEwNyAxMS4zMjc1IDUuODMxMDcgMTEuMTQ3NUw0Ljc3MTA3IDEwLjY1NzVMNC4yODEwNyA5LjYwNzQ2QzQuMTExMDcgOS4yMTc0NiAzLjU1MTA3IDkuMjE3NDYgMy4zODEwNyA5LjYwNzQ2TDIuODkxMDcgMTAuNjY3NUwxLjgzMTA3IDExLjE1NzVDMS40NDEwNyAxMS4zMzc1IDEuNDQxMDcgMTEuODg3NSAxLjgzMTA3IDEyLjA2NzVMMi44OTEwNyAxMi41NTc1TDMuMzgxMDcgMTMuNjA3NUMzLjU1MTA3IDEzLjk5NzUgNC4xMTEwNyAxMy45OTc1IDQuMjgxMDcgMTMuNjA3NVpNOC43OTEwNyA4LjU5NzQ2TDkuNDIxMDcgNy4xOTc0NkwxMC44MjExIDYuNTY3NDZDMTEuMjExMSA2LjM4NzQ2IDExLjIxMTEgNS44Mzc0NiAxMC44MjExIDUuNjU3NDZMOS40MjEwNyA1LjAyNzQ2TDguNzkxMDcgMy42Mjc0NkM4LjYxMTA3IDMuMjM3NDYgOC4wNjEwNyAzLjIzNzQ2IDcuODgxMDcgMy42Mjc0Nkw3LjI1MTA3IDUuMDI3NDZMNS44NTEwNyA1LjY1NzQ2QzUuNDYxMDcgNS44Mzc0NiA1LjQ2MTA3IDYuMzg3NDYgNS44NTEwNyA2LjU2NzQ2TDcuMjUxMDcgNy4xOTc0Nkw3Ljg4MTA3IDguNTk3NDZDOC4wNTEwNyA4Ljk4NzQ2IDguNjExMDcgOC45ODc0NiA4Ljc5MTA3IDguNTk3NDZaTTIyLjE3MTEgOC44Nzc0NkMyMS43NzExIDguNDc3NDYgMjEuMTAxMSA4LjQ4NzQ2IDIwLjcyMTEgOC45MTc0NkwxNC4zMzExIDE2LjA5NzVMMTEuMDQxMSAxMi44MDc1QzEwLjY1MTEgMTIuNDE3NSAxMC4wMjExIDEyLjQxNzUgOS42MzEwNyAxMi44MDc1TDMuNTkxMDcgMTguODU3NUMzLjE4MTA3IDE5LjI2NzUgMy4xODEwNyAxOS45NDc1IDMuNTkxMDcgMjAuMzU3NUM0LjAwMTA3IDIwLjc2NzUgNC42ODEwNyAyMC43Njc1IDUuMDkxMDcgMjAuMzU3NUwxMC4zNDExIDE1LjA5NzVMMTMuNTkxMSAxOC4zNDc1QzE0LjAwMTEgMTguNzU3NSAxNC42NjExIDE4LjczNzUgMTUuMDQxMSAxOC4zMDc1TDIyLjIxMTEgMTAuMjM3NUMyMi41NjExIDkuODQ3NDYgMjIuNTQxMSA5LjI0NzQ2IDIyLjE3MTEgOC44Nzc0NloiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K);--str-video__icon--pin: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOSAxMi44N0MxOSAxMi40IDE4LjY2IDEyLjAyIDE4LjIgMTEuODlDMTYuOTMgMTEuNTQgMTYgMTAuMzggMTYgOVY0SDE3QzE3LjU1IDQgMTggMy41NSAxOCAzQzE4IDIuNDUgMTcuNTUgMiAxNyAySDdDNi40NSAyIDYgMi40NSA2IDNDNiAzLjU1IDYuNDUgNCA3IDRIOFY5QzggMTAuMzggNy4wNyAxMS41NCA1LjggMTEuODlDNS4zNCAxMi4wMiA1IDEyLjQgNSAxMi44N1YxM0M1IDEzLjU1IDUuNDUgMTQgNiAxNEgxMC45OEwxMSAyMUMxMSAyMS41NSAxMS40NSAyMiAxMiAyMkMxMi41NSAyMiAxMyAyMS41NSAxMyAyMUwxMi45OCAxNEgxOEMxOC41NSAxNCAxOSAxMy41NSAxOSAxM1YxMi44N1oiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==);--str-video__icon--no-audio: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjMzNjI5IDAuNzcyNzA5TDkuNzQ5MjQgMC40NDI2MTNDOS45MzYxNCAwLjI5MjkyOSAxMC4yMTE5IDAuMzE5NTk2IDEwLjM2NTEgMC41MDIxNzZDMTAuNDI5MyAwLjU3ODY3NyAxMC40NjQ0IDAuNjc0NTYzIDEwLjQ2NDMgMC43NzM0ODdWMS4zMzU0NlYxLjMzNzE1VjEuODY0NDdWMS45MjUyM1YxMy4yMDcyVjEzLjI2ODFWMTMuNzk1NVYxMy43OTcxVjE0LjM1OUMxMC40NjQ0IDE0LjU5NTEgMTAuMjY4NiAxNC43ODY2IDEwLjAyNjkgMTQuNzg2OEM5LjkyNTY4IDE0Ljc4NjggOS44Mjc1MyAxNC43NTI2IDkuNzQ5MjIgMTQuNjg5OUw5LjMzNjI2IDE0LjM1OTdMOS4zMzUzOSAxNC4zNTlMOC45MDg2MSAxNC4wMTc4TDguODU5NzMgMTMuOTc4N0w1LjExNjcyIDEwLjk4NjFMNS4xMTU4NSAxMC45ODYxSDEuNzEyMTNDMS4yMjg3NiAxMC45ODYxIDAuODM2OTE0IDEwLjYwMzMgMC44MzY5MTQgMTAuMTMxMlY1LjAwMTMzQzAuODM2OTE0IDQuNTI5MTQgMS4yMjg3NiA0LjE0NjM1IDEuNzEyMTMgNC4xNDYzNUg1LjExNTg1TDguODU5NzMgMS4xNTM2NUw4LjkwOTY0IDEuMTEzNzVMOS4zMzUzMiAwLjc3MzQ4N0w5LjMzNjI5IDAuNzcyNzA5Wk02LjExNzcyIDUuMzk5N0w4Ljg1OTczIDMuMjA3ODVWMTEuOTI0M0w2LjExODcxIDkuNzMyODhMNS42Nzg2NSA5LjM4MTA1TDUuMTE1ODUgOS4zODE1N0g1LjExNTIzTDUuMTE0MzYgOS4zODE1N0wyLjQ0MTQ4IDkuMzgxNTdWNS43NTA5Mkg1LjExNTg1SDUuNjc4MzRMNi4xMTc3MiA1LjM5OTdaTTE5LjUyNDQgOS44NjQ0NkwxNy4yMjYyIDcuNTY2MjRMMTkuNTI0NCA1LjI2ODAxQzE5LjgzNzcgNC45NTQ3IDE5LjgzMiA0LjQ0MTA4IDE5LjUxODcgNC4xMjc3N0MxOS4yMDU0IDMuODE0NDYgMTguNjkxOCAzLjgwODgyIDE4LjM3ODUgNC4xMjIxM0wxNi4wODAzIDYuNDIwMzVMMTMuNzgyIDQuMTIyMTNDMTMuNDY4NyAzLjgwODgyIDEyLjk1NTEgMy44MTQ0NiAxMi42NDE4IDQuMTI3NzdDMTIuMzI4NSA0LjQ0MTA4IDEyLjMyMjggNC45NTQ3IDEyLjYzNjIgNS4yNjgwMUwxNC45MzQ0IDcuNTY2MjRMMTIuNjM2MiA5Ljg2NDQ2QzEyLjMyMjggMTAuMTc3OCAxMi4zMjg1IDEwLjY5MTQgMTIuNjQxOCAxMS4wMDQ3QzEyLjk1NTEgMTEuMzE4IDEzLjQ2ODcgMTEuMzIzNyAxMy43ODIgMTEuMDEwM0wxNi4wODAzIDguNzEyMTJMMTguMzc4NSAxMS4wMTAzQzE4LjY5MTggMTEuMzIzNyAxOS4yMDU0IDExLjMxOCAxOS41MTg3IDExLjAwNDdDMTkuODMyIDEwLjY5MTQgMTkuODM3NyAxMC4xNzc4IDE5LjUyNDQgOS44NjQ0NloiIGZpbGw9IiM3Mjc2N0UiLz4KPC9zdmc+Cg==);--str-video__icon--camera-off-outline: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuODUxMzggNS41MDk5OUw1LjI0NjgyIDMuOTA1NDNMMS45MTczNSAwLjU4Mzk4NEwwLjc4NjEzMyAxLjcxNTJMMi45NzYzNiAzLjkwNTQzSDIuMzkwN0MxLjk0OTQ0IDMuOTA1NDMgMS41ODg0MSA0LjI2NjQ2IDEuNTg4NDEgNC43MDc3MVYxMi43MzA1QzEuNTg4NDEgMTMuMTcxOCAxLjk0OTQ0IDEzLjUzMjggMi4zOTA3IDEzLjUzMjhIMTIuMDE4MUMxMi4xODY2IDEzLjUzMjggMTIuMzMxIDEzLjQ2ODYgMTIuNDU5MyAxMy4zODg0TDE1LjAxMDYgMTUuOTM5N0wxNi4xNDE4IDE0LjgwODRMOS4wMzM1OSA3LjcwMDIyTDYuODUxMzggNS41MDk5OVpNMy4xOTI5OCAxMS45MjgyVjUuNTA5OTlINC41ODA5MkwxMC45OTkyIDExLjkyODJIMy4xOTI5OFpNMTEuMjE1OCA1LjUwOTk5VjcuNjAzOTVMMTYuMDI5NSAxMi40MTc2VjQuMzA2NTdMMTIuODIwNCA3LjUxNTdWNC43MDc3MUMxMi44MjA0IDQuMjY2NDYgMTIuNDU5MyAzLjkwNTQzIDEyLjAxODEgMy45MDU0M0g3LjUxNzI4TDkuMTIxODQgNS41MDk5OUgxMS4yMTU4WiIgZmlsbD0iIzcyNzY3RSIvPgo8L3N2Zz4K);--str-video__icon--not-allowed: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNDY0MjIgMC45MzU1NDdDNC4wMzU2MyAwLjkzNTU0NyAwLjQ0MTQwNiA0LjUyOTc3IDAuNDQxNDA2IDguOTU4MzZDMC40NDE0MDYgMTMuMzg3IDQuMDM1NjMgMTYuOTgxMiA4LjQ2NDIyIDE2Ljk4MTJDMTIuODkyOCAxNi45ODEyIDE2LjQ4NyAxMy4zODcgMTYuNDg3IDguOTU4MzZDMTYuNDg3IDQuNTI5NzcgMTIuODkyOCAwLjkzNTU0NyA4LjQ2NDIyIDAuOTM1NTQ3Wk0yLjA0NTk3IDguOTU4MzZDMi4wNDU5NyA1LjQxMjI4IDQuOTE4MTQgMi41NDAxMSA4LjQ2NDIyIDIuNTQwMTFDOS45NDg0NCAyLjU0MDExIDExLjMxMjMgMy4wNDU1NSAxMi4zOTU0IDMuODk1OTdMMy40MDE4MyAxMi44ODk1QzIuNTUxNDEgMTEuODA2NSAyLjA0NTk3IDEwLjQ0MjYgMi4wNDU5NyA4Ljk1ODM2Wk04LjQ2NDIyIDE1LjM3NjZDNi45OCAxNS4zNzY2IDUuNjE2MTIgMTQuODcxMiA0LjUzMzA0IDE0LjAyMDhMMTMuNTI2NiA1LjAyNzE4QzE0LjM3NyA2LjExMDI2IDE0Ljg4MjUgNy40NzQxNCAxNC44ODI1IDguOTU4MzZDMTQuODgyNSAxMi41MDQ0IDEyLjAxMDMgMTUuMzc2NiA4LjQ2NDIyIDE1LjM3NjZaIiBmaWxsPSIjNzI3NjdFIi8+Cjwvc3ZnPgo=)}.str-video__avatar{width:2rem;height:2rem;object-fit:cover}.str-video__avatar--initials-fallback{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center}.str-video{--str-video__avatar--color: var(--str-video__text-color1);--str-video__avatar--background-color: var(--str-video__background-color1);--str-video__avatar--border-radius: var(--str-video__border-radius-circle)}.str-video__avatar{background:var(--str-video__avatar--background-color);color:var(--str-video__avatar--color);box-shadow:var(--str-video__avatar--box-shadow);border-radius:var(--str-video__avatar--border-radius);border-block-start:var(--str-video__avatar--border-block-start);border-block-end:var(--str-video__avatar--border-block-end);border-inline-start:var(--str-video__avatar--border-inline-start);border-inline-end:var(--str-video__avatar--border-inline-end)}.str-video__avatar--initials-fallback{background-color:var(--str-video__primary-color);font-size:1rem;font-weight:600;border-radius:var(--str-video__border-radius-circle);text-transform:uppercase}.str-video__button{display:flex;align-items:center;justify-content:center;border-radius:var(--str-video__border-radius-md);padding:var(--str-video__spacing-sm) var(--str-video__spacing-lg);text-align:center;min-width:120px;width:100%;font-size:var(--str-video__font-size-md);font-weight:500;border:1px solid transparent;color:var(--str-video__text-color1);background-color:var(--str-video__button-primary-base)}.str-video__button:not([disabled]):hover{background-color:var(--str-video__button-primary-hover);cursor:pointer}.str-video__button__icon{margin-inline-end:var(--str-video__spacing-xs);background-color:var(--str-video__text-color1)}.str-video__button:disabled{background-color:var(--str-video__button-default-disabled);cursor:not-allowed}.str-video__composite-button--caption{display:flex;align-items:center;flex-direction:column;gap:.25rem}.str-video__composite-button .str-video__composite-button__button-group{display:flex;align-items:center}.str-video__composite-button .str-video__composite-button__button-group .str-video__composite-button__button{all:unset;position:relative;display:flex;align-items:center;justify-content:center;font-size:12px;padding:.5rem}.str-video__composite-button .str-video__composite-button__button-group .str-video__composite-button__button:not([disabled]):hover{cursor:pointer}.str-video__composite-button .str-video__composite-button__button-group .str-video__menu-toggle-button{padding:0;margin-inline-start:-30px;margin-inline-end:8px}.str-video__composite-button .str-video__composite-button__button-group .str-video__loading-indicator__icon{width:1.25rem;height:1.25rem;-webkit-mask-size:1.25rem;mask-size:1.25rem}.str-video__composite-button.str-video__composite-button--menu .str-video__composite-button__button{padding-inline-end:2.5rem}.str-video__call-controls__button{padding:.5rem}.str-video__call-controls__button[disabled]{cursor:not-allowed}.str-video__call-controls__button:hover,.str-video__call-controls__button:hover>*:hover{cursor:pointer}.str-video__text-button{all:unset;padding:5px;font-size:12px;border-radius:var(--str-video__participant-list-header__close-button--border-radius);background:var(--str-video__participant-list-header__close-button--background-color)}.str-video__call-recording-list-item__action-button{border:none}.str-video{--str-video__composite-button__button-group--color: var( --str-video__text-color1 );--str-video__composite-button__button-group--background-color: var( --str-video__button-primary-base );--str-video__composite-button__button-group-active--background-color: var( --str-video__button-primary-active );--str-video__composite-button__button-group-active-primary--background-color: var( --str-video__button-primary-active );--str-video__composite-button__button-group-active-secondary--background-color: var( --str-video__button-secondary-active );--str-video__composite-button__button-group-active-secondary-hover--background-color: var( --str-video__button-secondary-hover );--str-video__composite-button__button-group-hover--background-color: var( --str-video__button-default-hover );--str-video__composite-button__button-group--border-radius: var( --str-video__border-radius-xs )}.str-video__composite-button__button-group{background:var(--str-video__composite-button__button-group--background-color);color:var(--str-video__composite-button__button-group--color);box-shadow:var(--str-video__composite-button__button-group--box-shadow);border-radius:var(--str-video__composite-button__button-group--border-radius);border-block-start:var(--str-video__composite-button__button-group--border-block-start);border-block-end:var(--str-video__composite-button__button-group--border-block-end);border-inline-start:var(--str-video__composite-button__button-group--border-inline-start);border-inline-end:var(--str-video__composite-button__button-group--border-inline-end);background-color:var(--str-video__composite-button__button-group--background-color);border-radius:var(--str-video__border-radius-circle)}.str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button{background-color:var(--str-video__button-primary-base)}.str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button:hover{background-color:var(--str-video__button-default-hover)}.str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button--active{background-color:var(--str-video__composite-button__button-group-hover--background-color);color:#fff}.str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button--active:hover{background-color:var(--str-video__composite-button__button-group-hover--background-color)}.str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button--active:disabled{background-color:var(--str-video__composite-button__button-group-hover--background-color)}.str-video__composite-button__button-group.str-video__composite-button__button-group--active{background-color:var(--str-video__composite-button__button-group-active--background-color)}.str-video__composite-button__button-group.str-video__composite-button__button-group--active:hover{background-color:var(--str-video__button-primary-hover)}.str-video__composite-button__button-group.str-video__composite-button__button-group--active .str-video__icon{background-color:var(--str-video__icon-active)}.str-video__composite-button__button-group.str-video__composite-button__button-group--active-primary{background-color:var(--str-video__composite-button__button-group-active-primary--background-color)}.str-video__composite-button__button-group.str-video__composite-button__button-group--active-secondary{background-color:var(--str-video__composite-button__button-group-active-secondary--background-color)}.str-video__composite-button__caption{font-size:12px;line-height:15px;text-align:center;overflow:hidden;white-space:nowrap}.str-video__composite-button__button-group:not(.str-video__composite-button__button-group--disabled):hover{background-color:var(--str-video__composite-button__button-group-hover--background-color)}.str-video__composite-button__button-group:not(.str-video__composite-button__button-group--disabled):hover.str-video__composite-button__button-group--active-secondary:hover{background-color:var(--str-video__composite-button__button-group-active-secondary-hover--background-color)}.str-video__composite-button__button-group:not(.str-video__composite-button__button-group--disabled):hover .str-video__icon{background-color:var(--str-video__icon-hover)}.str-video__call-controls__button{border-radius:var(--str-video__border-radius-circle);text-decoration:none;box-shadow:none;border:none;background-color:var(--str-video__button-primary-base)}.str-video__call-controls__button:hover{text-decoration:none;background-color:var(--str-video__composite-button__button-group-hover--background-color)}.str-video__call-controls__button:hover .str-video__icon{background-color:var(--str-video__icon-hover)}.str-video__call-controls__button--variant-danger{background-color:var(--str-video__button-tertiary-base)}.str-video__call-controls__button--variant-danger .str-video__icon{background-color:#fff}.str-video__call-controls__button--variant-danger:hover{background-color:var(--str-video__button-tertiary-hover)}.str-video__call-controls__button--variant-success{background-color:var(--str-video__info-color)}.str-video__call-controls__button--variant-success:hover{background-color:var(--str-video__info-color--accent)}.str-video__call-controls__button--variant-active{background-color:var(--str-video__button-primary-active)}.str-video__call-controls__button--variant-active:hover{background-color:var(--str-video__button-primary-hover)}.str-video__call-controls__button--enabled{background:var(--str-video__background-color7)}.str-video__background-filters{position:absolute;bottom:0;right:calc(100% - 1px);overflow:hidden;opacity:0}.str-video__background-filters .str-video__background-filters__video{top:0;width:100%;height:auto;object-fit:cover}.str-video__background-filters .str-video__background-filters__video--tall{object-fit:contain}.str-video__background-filters .str-video__background-filters__background-image{top:5px;width:100%;height:auto}.str-video__background-filters .str-video__background-filters__target-canvas{top:10px;width:100%;height:auto}.str-video__call-controls{display:flex;justify-content:center;gap:1rem;padding:1rem 0}.str-video__call-controls .str-video__reactions-menu{background-color:var(--str-video__base-color6);display:flex;padding:var(--str-video__spacing-sm);gap:.5rem;border-radius:var(--str-video__border-radius-lg)}.str-video__call-controls .str-video__reactions-menu--horizontal{flex-direction:row}.str-video__call-controls .str-video__reactions-menu--vertical{flex-direction:column}.str-video__call-controls .str-video__reactions-menu .str-video__reactions-menu__button{font-family:"Twemoji Mozilla",Apple Color Emoji,"Segoe UI Emoji","Noto Color Emoji","EmojiOne Color";font-size:1.2rem;height:38px;width:38px;background-color:var(--str-video__button-primary-base);border-radius:var(--str-video__border-radius-circle);border:1px solid transparent;display:flex;align-items:center;justify-content:center}.str-video__call-controls .str-video__reactions-menu .str-video__reactions-menu__button:hover{background-color:var(--str-video__button-primary-hover);cursor:pointer}.str-video__no-media-permission,.str-video__pending-permission{position:absolute;height:12px;width:12px;outline:1px solid var(--str-video__base-color6);border-radius:var(--str-video__border-radius-circle);display:flex;justify-content:center;align-items:center;font-size:var(--str-video__font-size-xxs);cursor:pointer;font-weight:600;top:0;right:-3px}.str-video__no-media-permission{background-color:var(--str-video__alert-caution);color:var(--str-video__base-color4)}.str-video__pending-permission{background-color:var(--str-video__button-secondary-active);color:var(--str-video__text-color1)}.str-video__composite-button.str-video__device-unavailable .str-video__composite-button__button-group{background-color:var(--str-video__button-default-disabled)}.str-video__composite-button.str-video__device-unavailable .str-video__composite-button__button-group:hover{background-color:var(--str-video__button-default-hover)}.str-video__end-call__confirmation{padding:var(--str-video__spacing-lg);gap:var(--str-video__spacing-md);display:flex;flex-direction:column}.str-video__end-call__leave,.str-video__end-call__end{min-width:196px;color:var(--str-video__text-color1);border:1px solid transparent;padding:calc(var(--str-video__spacing-sm) - 1px) var(--str-video__spacing-lg)}.str-video__end-call__leave-icon,.str-video__end-call__end-icon{background-color:var(--str-video__text-color1)}.str-video__end-call__leave{background-color:var(--str-video__button-tertiary-base)}.str-video__end-call__leave:hover{background-color:var(--str-video__button-tertiary-hover)}.str-video__end-call__end{background-color:var(--str-video__button-primary-base);border-color:var(--str-video__button-default-hover)}.str-video__end-call__end:hover{background-color:var(--str-video__button-tertiary-hover);border-color:transparent}.str-video__end-call.str-video__end-call__leave-icon,.str-video__icon.str-video__end-call__end-icon{background-color:var(--str-video__text-color1)}.str-video__end-recording__confirmation{background-color:var(--str-video__base-color7);border-radius:var(--str-video__border-radius-lg);padding:var(--str-video__spacing-xl);gap:var(--str-video__spacing-lg);display:flex;flex-direction:column}.str-video__end-recording__header{display:flex;flex-direction:row;gap:var(--str-video__spacing-md)}.str-video__end-recording__heading{font-size:var(--str-video__font-size-lg);font-weight:600;margin:0}.str-video__end-recording__description{margin:0;color:var(--str-video__text-color2);font-size:var(--str-video__font-size-sm)}.str-video__end-recording__actions{display:flex;flex-direction:row;justify-content:space-between;gap:var(--str-video__spacing-md)}.str-video__end-recording__actions .str-video__composite-button{width:100%;gap:var(--str-video__spacing-md)}.str-video__end-recording__actions .str-video__composite-button:first-of-type{background-color:transparent}.str-video__end-recording__actions .str-video__composite-button:first-of-type .str-video__composite-button__button-group{background-color:transparent;border:1px solid var(--str-video__base-color2);width:100%;justify-content:center}.str-video__end-recording__actions .str-video__composite-button:first-of-type .str-video__composite-button__button-group:hover{background-color:var(--str-video__button-default-hover)}.str-video__end-recording__actions .str-video__composite-button .str-video__composite-button__button-group{background-color:var(--str-video__button-tertiary-base);width:100%;justify-content:center}.str-video__end-recording__actions .str-video__composite-button .str-video__composite-button__button-group .str-video__text-button{display:flex;align-items:center;gap:5px}.str-video__end-recording__actions .str-video__composite-button .str-video__composite-button__button-group:hover{background-color:var(--str-video__button-tertiary-hover)}.str-video__livestream-layout__wrapper{flex-grow:1;overflow-y:hidden;display:flex;justify-content:center;width:100%;height:100%;position:relative}.str-video__livestream-layout__wrapper .str-video__livestream-layout__screen-share{max-width:100%}.str-video__livestream-layout__wrapper .str-video__livestream-layout__screen-share .str-video__video{object-fit:contain}.str-video__livestream-layout__wrapper .str-video__livestream-layout__floating-participant{position:absolute;width:240px;height:135px;box-shadow:var(--str-video__background-color1) 0 0 3px 0}.str-video__livestream-layout__wrapper .str-video__livestream-layout__floating-participant--top-right{top:8px;right:8px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__floating-participant--top-left{top:8px;left:8px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__floating-participant--bottom-right{bottom:8px;right:8px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__floating-participant--bottom-left{bottom:8px;left:8px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay{position:absolute;height:100%;width:100%;display:flex;flex-direction:column-reverse}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay:hover .str-video__livestream-layout__overlay__bar{background-color:var(--str-video__livestream-overlay-color-hovered)}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar{height:10%;min-height:40px;max-height:70px;position:relative;bottom:0;border-bottom-left-radius:var(--str-video__border-radius-sm);border-bottom-right-radius:var(--str-video__border-radius-sm);background-color:var(--str-video__livestream-overlay-color);display:flex;align-items:center;padding:0 20px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar-left,.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar-center,.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar-right{flex:1;display:flex;align-items:center}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar-center{justify-content:center}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar-right{justify-content:flex-end}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__live-badge{padding:4px 8px;border-radius:var(--str-video__border-radius-xxs);background-color:var(--str-video__primary-color);color:var(--str-video__text-color1)}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__viewers-count:before{content:var(--str-video__icon--livestream-viewers);margin-right:3px;vertical-align:middle}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__viewers-count{padding:4px 8px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__speaker-name{font-size:13px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__duration{text-align:center}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__mute-button{background:var(--str-video__icon--speaker) center no-repeat;border-radius:var(--str-video__border-radius-xxs);cursor:pointer;width:32px;height:32px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__mute-button.str-video__livestream-layout__mute-button--muted{background:var(--str-video__icon--speaker-off) center no-repeat}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__mute-button:hover{background-color:var(--str-video__overlay-color)}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__go-fullscreen{background:var(--str-video__icon--fullscreen) center no-repeat;border-radius:var(--str-video__border-radius-xxs);cursor:pointer;width:32px;height:32px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__go-fullscreen:hover{background-color:var(--str-video__overlay-color)}.str-video__livestream-layout__wrapper .str-video__livestream-layout__backstage{display:flex;flex-direction:column;align-items:center}.str-video__livestream-layout__wrapper .str-video__livestream-layout__backstage .str-video__livestream-layout__starts-at{padding:4px 8px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__backstage .str-video__livestream-layout__early-viewers-count:before{content:var(--str-video__icon--livestream-viewers);margin-right:3px;vertical-align:middle}.str-video__livestream-layout__wrapper .str-video__livestream-layout__backstage .str-video__livestream-layout__early-viewers-count{padding:4px 8px}.str-video__paginated-grid-layout__wrapper{flex-grow:1}.str-video__paginated-grid-layout{display:flex;height:100%;align-items:center;justify-content:space-between}.str-video__paginated-grid-layout .str-video__paginated-grid-layout__group{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:110vh;padding-inline:1.25rem;margin:auto;width:100%}.str-video__paginated-grid-layout .str-video__paginated-grid-layout__group .str-video__participant-view{flex:0 1 calc(25% - 6px)}.str-video__paginated-grid-layout .str-video__paginated-grid-layout__group.str-video__paginated-grid-layout--one .str-video__participant-view{flex:0 1 calc(100% - 6px)}.str-video__paginated-grid-layout .str-video__paginated-grid-layout__group.str-video__paginated-grid-layout--two-four .str-video__participant-view{flex:0 1 calc(50% - 6px)}.str-video__paginated-grid-layout .str-video__paginated-grid-layout__group.str-video__paginated-grid-layout--five-nine .str-video__participant-view{flex:0 1 calc(33% - 6px)}.str-video__speaker-layout__wrapper{flex-grow:1;overflow-y:hidden}.str-video__speaker-layout{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;gap:1rem;padding-inline:2px;padding:2px}.str-video__speaker-layout .str-video__participant-view{aspect-ratio:16/9}.str-video__speaker-layout .str-video__speaker-layout__spotlight{display:flex;justify-content:center;min-height:0;height:100%}.str-video__speaker-layout .str-video__speaker-layout__spotlight .str-video__participant-view--speaking:has(.str-video__video--screen-share){outline:none}.str-video__speaker-layout .str-video__speaker-layout__spotlight .str-video__video{height:100%;width:100%}.str-video__speaker-layout .str-video__speaker-layout__spotlight .str-video__participant-details,.str-video__speaker-layout .str-video__speaker-layout__spotlight .str-video__call-controls__button{opacity:1}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper>.str-video__call-controls__button .str-video__icon{width:1rem;height:1rem}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper .str-video__speaker-layout__participants-bar--button-left{position:absolute;left:.5rem}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper .str-video__speaker-layout__participants-bar--button-right{position:absolute;right:.5rem}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper .str-video__speaker-layout__participants-bar--button-top{position:absolute;top:.5rem}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper .str-video__speaker-layout__participants-bar--button-bottom{position:absolute;bottom:.5rem}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-wrapper{scrollbar-width:none}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-wrapper::-webkit-scrollbar{display:none}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-wrapper .str-video__speaker-layout__participants-bar{display:flex;align-items:center}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-wrapper .str-video__speaker-layout__participants-bar .str-video__speaker-layout__participant-tile{width:280px;min-width:280px;max-width:25vh;padding:5px}.str-video__speaker-layout--variant-top{flex-direction:column-reverse}.str-video__speaker-layout--variant-left{flex-direction:row-reverse}.str-video__speaker-layout--variant-right{flex-direction:row}.str-video__speaker-layout--variant-left .str-video__speaker-layout__participants-bar-wrapper,.str-video__speaker-layout--variant-right .str-video__speaker-layout__participants-bar-wrapper{overflow-y:auto;max-height:100%}.str-video__speaker-layout--variant-left .str-video__speaker-layout__participants-bar,.str-video__speaker-layout--variant-right .str-video__speaker-layout__participants-bar{flex-direction:column}.str-video__speaker-layout--variant-left .str-video__speaker-layout__spotlight,.str-video__speaker-layout--variant-right .str-video__speaker-layout__spotlight{width:100%}.str-video__speaker-layout--variant-left .str-video__participant-view,.str-video__speaker-layout--variant-right .str-video__participant-view{max-width:unset}.str-video__speaker-layout--variant-top .str-video__speaker-layout__participants-bar-wrapper,.str-video__speaker-layout--variant-bottom .str-video__speaker-layout__participants-bar-wrapper{overflow-x:auto}.str-video__speaker-layout--variant-top .str-video__speaker-layout__participants-bar,.str-video__speaker-layout--variant-bottom .str-video__speaker-layout__participants-bar{flex-direction:row}.str-video__speaker-layout--variant-top .str-video__participant-view,.str-video__speaker-layout--variant-bottom .str-video__participant-view{max-width:110vh}@media(min-width:600px){.str-video__speaker-layout .str-video__speaker-layout__spotlight{align-items:center;height:auto}.str-video__speaker-layout .str-video__speaker-layout__spotlight .str-video__video{object-fit:contain}}.str-video__pip-layout{display:flex;flex-direction:column;flex-wrap:wrap;overflow:hidden;justify-content:center;gap:1rem;padding-inline:1rem;height:100%}.str-video__pip-screen-share-local{display:flex;gap:var(--str-video__spacing-sm);border-radius:var(--str-video__border-radius-sm);padding:var(--str-video__spacing-md);font-size:var(--str-video__font-size-sm)}.str-video__pip-screen-share-local .str-video__icon{width:1rem;height:1rem}.str-video__pip-layout--grid{flex-wrap:nowrap}.str-video__pip-layout__grid-container{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;max-height:100%;overflow:hidden}.str-video__pip-layout__pagination-button{position:absolute;top:50%;transform:translateY(-50%);z-index:1;padding:var(--str-video__spacing-xxs);min-width:auto;opacity:.8;transition:opacity .2s ease}.str-video__pip-layout__pagination-button:hover:not(:disabled){opacity:1}.str-video__pip-layout__pagination-button .str-video__icon{width:1rem;height:1rem}.str-video__pip-layout__pagination-button--left{left:0}.str-video__pip-layout__pagination-button--right{right:0}.str-video__pip-layout__grid{display:grid;grid-template-columns:repeat(var(--pip-cols),1fr);gap:var(--str-video__spacing-xxs);width:100%;max-height:100%;flex:1 1 auto}.str-video__pip-layout__grid .str-video__participant-view{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.str-video__pip-layout__grid .str-video__participant-view--speaking{outline:none}.str-video__pip-layout__grid .str-video__participant-view--speaking:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--str-video__primary-color);border-radius:var(--str-video__border-radius-sm);pointer-events:none;z-index:1}.str-video__pip-layout__grid .str-video__participant-view .str-video__notification{display:none}.str-video__pip-layout__grid .str-video__video-placeholder__avatar,.str-video__pip-layout__grid .str-video__video-placeholder__initials-fallback{width:32px;height:32px;font-size:var(--str-video__font-size-sm)}.str-video__pip-layout__grid.str-video__pip-layout__grid--single{--pip-cols: 1}.str-video__pip-layout__grid.str-video__pip-layout__grid--single .str-video__video-placeholder__avatar,.str-video__pip-layout__grid.str-video__pip-layout__grid--single .str-video__video-placeholder__initials-fallback{width:80px;height:80px;font-size:var(--str-video__font-size-xxl)}.str-video__pip-layout__grid.str-video__pip-layout__grid--small{--pip-cols: 2}.str-video__pip-layout__grid.str-video__pip-layout__grid--small .str-video__video-placeholder__avatar,.str-video__pip-layout__grid.str-video__pip-layout__grid--small .str-video__video-placeholder__initials-fallback{width:60px;height:60px;font-size:var(--str-video__font-size-xl)}.str-video__pip-layout__grid.str-video__pip-layout__grid--medium{--pip-cols: 3}.str-video__pip-layout__grid.str-video__pip-layout__grid--medium .str-video__video-placeholder__avatar,.str-video__pip-layout__grid.str-video__pip-layout__grid--medium .str-video__video-placeholder__initials-fallback{width:45px;height:45px;font-size:var(--str-video__font-size-md)}.str-video__pip-layout__grid.str-video__pip-layout__grid--large{--pip-cols: 4}.str-video__pip-layout__grid.str-video__pip-layout__grid--large .str-video__video-placeholder__avatar,.str-video__pip-layout__grid.str-video__pip-layout__grid--large .str-video__video-placeholder__initials-fallback{width:35px;height:35px;font-size:var(--str-video__font-size-sm)}.str-video__pip-layout__grid.str-video__pip-layout__grid--overflow{--pip-cols: 5;overflow-y:auto}.str-video__pip-layout__grid.str-video__pip-layout__grid--overflow .str-video__video-placeholder__avatar,.str-video__pip-layout__grid.str-video__pip-layout__grid--overflow .str-video__video-placeholder__initials-fallback{width:25px;height:25px;font-size:var(--str-video__font-size-xs)}.str-video__pip-screen-share-local{background:var(--str-video__background-color5)}.str-video__participant-list{display:flex;flex-direction:column}.str-video__participant-list .str-video__participant-list-header{display:flex;align-items:center}.str-video__participant-list .str-video__participant-list-header .str-video__participant-list-header__title{flex:1;font-size:var(--str-video__font-size-sm)}.str-video__participant-list .str-video__participant-list-header .str-video__participant-list-header__close-button>span{height:15px;width:15px}.str-video__participant-list .str-video__search-input__container{margin-top:var(--str-video__spacing-md)}.str-video__participant-list .str-video__participant-list__content-header{display:flex;align-items:center;gap:.5rem;margin-top:var(--str-video__spacing-md);justify-content:flex-end}.str-video__participant-list .str-video__participant-list__content-header .str-video__participant-list__content-header-title{display:flex;align-items:center;justify-content:flex-end}.str-video__participant-list .str-video__participant-list__content-header .str-video__call-controls__button{width:1.75rem;height:1.75rem;display:flex;padding:unset;align-items:center;justify-content:center}.str-video__participant-list .str-video__participant-list__content-header .str-video__call-controls__button .str-video__icon--filter{width:1rem;height:1rem}.str-video__participant-list .str-video__participant-list__content{height:auto;flex-grow:1;overflow-y:auto;margin-top:var(--str-video__spacing-xl)}.str-video__participant-list .str-video__participant-list__footer{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:.5rem}.str-video__participant-list .str-video__search-results--loading{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.str-video__participant-list .str-video__search-results--loading .str-video__loading-indicator__icon{height:3rem;width:3rem;-webkit-mask-size:3rem;mask-size:3rem}.str-video__participant-list .str-video__participant-list--empty{display:flex;align-items:center;width:100%;padding:var(--str-video__spacing-md);font-size:var(--str-video__font-size-sm)}.str-video__invite-link-button{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;position:relative;padding-block:.5rem}.str-video__invite-link-button .str-video__invite-link-tooltip{position:absolute;bottom:110%}.str-video__invite-link-button .str-video__invite-participant-icon{height:20px;width:20px}.str-video__participant-listing-item{display:flex;justify-content:space-between;gap:var(--str-video__spacing-sm);padding-block:.5rem;width:100%;align-items:center}.str-video__participant-listing-item .str-video__call-controls__button{padding:unset}.str-video__participant-listing-item .str-video__participant-listing-item__display-name{flex:1;white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-video__participant-listing-item .str-video__participant-avatar,.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group{display:flex;align-items:center;gap:var(--str-video__spacing-sm)}.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon{width:.75rem;height:.75rem}.str-video__participant-listing-item .str-video__participant-listing-item__display-name{font-size:13px}.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon-mic{-webkit-mask-image:var(--str-video__icon--mic);mask-image:var(--str-video__icon--mic);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--str-video__text-color1)}.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon-mic-off{-webkit-mask-image:var(--str-video__icon--mic-off);mask-image:var(--str-video__icon--mic-off);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--str-video__danger-color)}.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon-camera{-webkit-mask-image:var(--str-video__icon--camera);mask-image:var(--str-video__icon--camera);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--str-video__text-color1)}.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon-camera-off{-webkit-mask-image:var(--str-video__icon--camera-off);mask-image:var(--str-video__icon--camera-off);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--str-video__danger-color)}.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon-pinned{-webkit-mask-image:var(--str-video__icon--pin);mask-image:var(--str-video__icon--pin);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--str-video__text-color1)}.str-video__call-preview{width:100%;height:auto;display:inline-block;object-fit:contain}.str-video__call-recording-list__list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.str-video__call-recording-list__list:first-of-type .str-video__call-recording-list__item{font-weight:600}.str-video__call-recording-list__item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:var(--str-video__font-size-xs);border-bottom:1px solid var(--str-video__base-color2);padding:var(--str-video__spacing-sm) 0;gap:var(--str-video__spacing-sm)}.str-video__call-recording-list__item:last-of-type{border-bottom:none}.str-video__call-recording-list__filename{width:200px}.str-video__call-recording-list__time{width:100px}.str-video__call-recording-list__download{display:flex;justify-content:flex-end;width:100px}.str-video__call-recording-list__filename,.str-video__call-recording-list__time{text-overflow:ellipsis;overflow:hidden}.str-video__call-recording-list-item__action-button--download .str-video__icon--download{height:32px;width:32px}.str-video__call-recording-list-item__action-button--download:hover .str-video__icon--download{cursor:pointer;background-color:var(--str-video__brand-color1)}.str-video__call-recording-list__title{font-weight:500;font-size:1rem;line-height:1.25rem}.str-video__call-controls__button--icon-call-recordings{-webkit-mask-image:var(--str-video__icon--film-roll);mask-image:var(--str-video__icon--film-roll);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:2px;mask-size:2px;background-color:var(--str-video__text-color1)}.str-video__call-recordings__toggle-button--active{background-color:var(--str-video__background-color7)}.str-video__refresh-button{background-color:transparent;cursor:pointer;border-radius:4px}.str-video__refresh-button:hover{background-color:var(--str-video__background-color7)}.str-video__refresh-button:active{background-color:var(--str-video__background-color5);transition:background-color .2s ease-out}.str-video__refresh-button .str-video__refresh-button--icon{-webkit-mask-image:var(--str-video__icon--refresh);mask-image:var(--str-video__icon--refresh);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--str-video__text-color1)}.str-video__call-recording-list__listing--icon-empty{-webkit-mask-image:var(--str-video__icon--film-roll);mask-image:var(--str-video__icon--film-roll);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--str-video__text-color1)}.str-video__call-stats{border-radius:var(--str-video__border-radius-lg);background-color:var(--str-video__base-color7);padding:var(--str-video__spacing-md);width:100%;display:flex;flex-direction:column;gap:.75rem}.str-video__call-stats h3{margin:unset}.str-video__call-stats .str-video__call-stats__header{display:flex;flex-direction:column;margin-bottom:var(--str-video__spacing-md)}.str-video__call-stats .str-video__call-stats__heading{display:flex;align-items:center}.str-video__call-stats .str-video__call-stats__icon{margin-right:var(--str-video__spacing-sm);height:18px;width:18px}.str-video__call-stats .str-video__call-stats__description{font-size:var(--str-video__font-size-sm);margin-bottom:var(--str-video__spacing-sm);font-weight:600}.str-video__call-stats .str-video__call-stats__card-container{--gap: 1rem;display:flex;flex-wrap:wrap;flex-direction:row;gap:var(--gap)}.str-video__call-stats .str-video__call-stats__card{display:flex;justify-content:space-between;background-color:var(--str-video__background-color4);border-radius:var(--str-video__border-radius-xs);width:calc(50% - var(--gap) / 2);padding:.5rem}.str-video__call-stats .str-video__call-stats__card .str-video__call-stats__card-content{display:flex;flex-direction:column}.str-video__call-stats .str-video__call-stats__card .str-video__call-stats__card-label{display:flex;color:var(--str-video__text-color2);font-size:.5625rem;font-weight:500;text-transform:uppercase}.str-video__call-stats .str-video__call-stats__card .str-video__call-stats__card-value{font-size:1.0625rem;font-weight:500;line-height:1.25rem}.str-video__call-stats .str-video__call-explanation__icon{height:12px;width:12px;margin-left:var(--str-video__spacing-xs)}.str-video__call-stats .str-video__call-explanation__icon:hover{cursor:pointer}.str-video__call-stats .str-video__call-explanation__description{background-color:var(--str-video__base-color3);padding:var(--str-video__spacing-xs);font-size:var(--str-video__font-size-xs);border-radius:var(--str-video__border-radius-xs)}.str-video__call-stats .str-video__call-stats-line-chart-container{position:relative;margin:auto;height:170px;width:100%}.str-video__call-stats .str-video__call-stats__tag{border-radius:var(--str-video__border-radius-sm);padding:var(--str-video__spacing-xs);font-size:var(--str-video__font-size-sm);font-weight:600;height:30px}.str-video__call-stats .str-video__call-stats__tag--good{color:var(--str-video__alert-success);background-color:var(--str-video__alert-success-background)}.str-video__call-stats .str-video__call-stats__tag--ok{color:var(--str-video__alert-caution);background-color:var(--str-video__alert-caution-background)}.str-video__call-stats .str-video__call-stats__tag--bad{color:var(--str-video__alert-warning);background-color:var(--str-video__alert-warming-background)}.str-video__device-settings__button .str-video__call-controls__button--icon-device-settings{width:1.25rem;height:1.25rem}.str-video__device-settings{padding:.625rem;z-index:1;font-family:Inter}.str-video__device-settings__header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 0;margin-bottom:33px}.str-video__icon.str-video__device-settings__settings-icon{height:24px;width:24px;color:var(--str-video__base-color1)}.str-video__device-settings__close-button{color:var(--str-video__base-color1);background-color:transparent}.str-video__device-settings__device-kind{padding:var(--str-video__spacing-lg)}.str-video__device-settings__device-kind .str-video__device-settings__device-selector-title{font-size:var(--str-video__font-size-sm);font-weight:700;line-height:1.25rem;padding-bottom:.5rem;margin-bottom:var(--str-video__spacing-sm)}.str-video__device-settings__device-kind .str-video__option,.str-video__device-settings__device-kind .str-video__device-settings__option{display:flex;align-items:center;border-radius:var(--str-video__border-radius-lg);background-color:var(--str-video__button-primary-base);padding:var(--str-video__spacing-sm) var(--str-video__spacing-lg);gap:var(--str-video__spacing-sm);font-weight:600;font-size:var(--str-video__font-size-sm);line-height:var(--str-video__spacing-lg)}.str-video__device-settings__device-kind .str-video__option:not(:first-of-type),.str-video__device-settings__device-kind .str-video__device-settings__option:not(:first-of-type){margin-top:var(--str-video__spacing-sm)}.str-video__device-settings__device-kind .str-video__option__icon--selected,.str-video__device-settings__device-kind .str-video__device-settings__option__icon--selected{background-color:var(--str-video__brand-color1)}.str-video__device-settings__device-kind .str-video__option:hover,.str-video__device-settings__device-kind .str-video__device-settings__option:hover{background-color:var(--str-video__button-default-hover);cursor:pointer}.str-video__device-settings__device-kind .str-video__option--selected,.str-video__device-settings__device-kind .str-video__option--active,.str-video__device-settings__device-kind .str-video__device-settings__option--selected,.str-video__device-settings__device-kind .str-video__device-settings__option--active{background-color:var(--str-video__button-default-hover)}.str-video__device-settings__device-kind .str-video__option input[type=radio],.str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio]{margin:0;height:1rem;width:1rem;display:grid;place-content:center}.str-video__device-settings__device-kind .str-video__option input[type=radio]:before,.str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio]:before{content:"";width:.5rem;height:.5rem;transform:scale(0)}.str-video__device-settings__device-kind .str-video__option input[type=radio]:checked:before,.str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio]:checked:before{transform:scale(1)}.str-video__device-settings__device-kind .str-video__option input[type=radio]:checked,.str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio]:checked{border-color:var(--str-video__primary-color)}.str-video__device-settings__separator{border-color:var(--str-video__base-color3)}.str-video__audio-volume-indicator{width:100%;display:flex;align-items:center;gap:var(--str-video__spacing-xs);padding:var(--str-video__spacing-sm) var(--str-video__spacing-md)}.str-video__audio-volume-indicator .str-video__icon{width:var(--str-video__font-size-xxl);height:var(--str-video__font-size-xxl)}.str-video__audio-volume-indicator .str-video__audio-volume-indicator__bar{flex:1;background-color:var(--str-video__base-color1);height:var(--str-video__spacing-xs);border-radius:var(--str-video__border-radius-xs)}.str-video__audio-volume-indicator .str-video__audio-volume-indicator__bar-value{width:100%;height:100%;background:var(--str-video__primary-color);border-radius:var(--str-video__border-radius-xs);transform-origin:left center}.str-video__device-level-indicator{display:flex;align-items:center;gap:.125rem;flex-shrink:0;margin-left:auto}.str-video__device-level-indicator .str-video__device-level-indicator__bar{width:.1875rem;height:.75rem;border-radius:var(--str-video__border-radius-xs);background-color:var(--str-video__base-color3);transition:background-color .1s}.str-video__device-level-indicator .str-video__device-level-indicator__bar--active{background-color:var(--str-video__primary-color)}.str-video__device-preview{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;display:flex;flex-direction:column;align-items:stretch;max-width:12rem;cursor:pointer}.str-video__device-preview .str-video__device-preview__label{padding:var(--str-video__spacing-xs) 0;font-size:var(--str-video__font-size-xs);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.str-video__device-preview .str-video__device-video-preview__video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--str-video__border-radius-sm);border:2px solid var(--str-video__base-color3);background-color:var(--str-video__base-color5);transform:scaleX(-1)}.str-video__device-preview--selected .str-video__device-video-preview__video{border-color:var(--str-video__primary-color)}.str-video__speaker-test{padding:var(--str-video__spacing-sm) 0}.str-video__speaker-test .str-video__speaker-test__button-content{display:flex;align-items:center;gap:var(--str-video__spacing-sm);padding:0 var(--str-video__spacing-sm);font-size:var(--str-video__font-size-sm);font-weight:600}.str-video__speaker-test .str-video__composite-button__button{width:100%!important}.str-video__dropdown{position:relative}.str-video__dropdown-selected{display:flex;align-items:center;justify-content:space-between;background-color:var(--str-video__base-color4);border-radius:var(--str-video__border-radius-lg);border:1px solid var(--str-video__base-color6)}.str-video__dropdown-selected__label{display:flex;align-items:center;font-weight:600;padding:var(--str-video__spacing-sm);font-size:var(--str-video__font-size-xs)}.str-video__dropdown-selected__icon{margin-right:var(--str-video__spacing-sm)}.str-video__dropdown-selected__chevron{margin-right:var(--str-video__spacing-md)}.str-video__dropdown-selected>*:hover,.str-video__dropdown-selected:hover{cursor:pointer}.str-video__dropdown-selected:hover{border:1px solid var(--str-video__brand-color1)}.str-video__dropdown-list{display:flex;flex-direction:column;position:absolute;z-index:2;width:100%;margin-top:var(--str-video__spacing-sm);background-color:var(--str-video__base-color6);border-radius:var(--str-video__border-radius-lg);padding:var(--str-video__spacing-md);gap:var(--str-video__spacing-sm);box-shadow:0 0 24px -4px #000000a3}.str-video__dropdown-option{display:flex;align-items:center;border-radius:var(--str-video__border-radius-lg);padding:8px 16px;gap:8px;font-weight:600;font-size:var(--str-video__font-size-sm)}.str-video__dropdown-option:hover{background-color:var(--str-video__button-default-hover);cursor:pointer}.str-video__dropdown-option--selected{background-color:var(--str-video__button-primary-active);color:var(--str-video__text-color1)}.str-video__dropdown-option--selected:hover{background-color:var(--str-video__button-primary-hover)}.str-video__dropdown-icon{background-color:var(--str-video__icon-default)}.str-video__dropdown__option:hover .str-video__dropdown-icon{background-color:var(--str-video__icon-hover)}.str-video__dropdown-option--selected .str-video__dropdown-icon{background-color:var(--str-video__text-color1)}.str-video__dropdown-label{font-size:var(--str-video__font-size-xs)}.str-video__dropdown__option:hover .str-video__dropdown-label{color:var(--str-video__base-color1)}@media(min-width:600px){.str-video__dropdown-selected__label{font-size:var(--str-video__font-size-sm)}}.str-video__icon{background-color:var(--str-video__icon-default)}.str-video__icon--reactions{-webkit-mask-image:var(--str-video__icon--reactions);mask-image:var(--str-video__icon--reactions)}.str-video__icon--call-latency{-webkit-mask-image:var(--str-video__icon--call-latency);mask-image:var(--str-video__icon--call-latency)}.str-video__icon--network-quality{-webkit-mask-image:var(--str-video__icon--network-quality);mask-image:var(--str-video__icon--network-quality)}.str-video__icon--recording-on{-webkit-mask-image:var(--str-video__icon--recording-on);mask-image:var(--str-video__icon--recording-on)}.str-video__icon--caret-up{-webkit-mask-image:var(--str-video__icon--caret-up);mask-image:var(--str-video__icon--caret-up)}.str-video__icon--download{-webkit-mask-image:var(--str-video__icon--download);mask-image:var(--str-video__icon--download)}.str-video__icon--caret-down{-webkit-mask-image:var(--str-video__icon--caret-down);mask-image:var(--str-video__icon--caret-down);transform:rotate(180deg)}.str-video__icon--chevron-right{-webkit-mask-image:var(--str-video__icon--chevron-right);mask-image:var(--str-video__icon--chevron-right)}.str-video__icon--recording-off{-webkit-mask-image:var(--str-video__icon--recording-off);mask-image:var(--str-video__icon--recording-off)}.str-video__icon--loading{-webkit-mask-image:var(--str-video__icon--loading);mask-image:var(--str-video__icon--loading);transform:rotate(360deg);transition-duration:1s;transition-delay:now;animation-timing-function:linear;animation-iteration-count:infinite}.str-video__icon--logout{-webkit-mask-image:var(--str-video__icon--logout);mask-image:var(--str-video__icon--logout)}.str-video__icon--chevron-up{-webkit-mask-image:var(--str-video__icon--chevron-up);mask-image:var(--str-video__icon--chevron-up)}.str-video__icon--chevron-down{-webkit-mask-image:var(--str-video__icon--chevron-down);mask-image:var(--str-video__icon--chevron-down)}.str-video__icon--screen-share-on{-webkit-mask-image:var(--str-video__icon--screen-share-on);mask-image:var(--str-video__icon--screen-share-on)}.str-video__icon--screen-share-off{-webkit-mask-image:var(--str-video__icon--screen-share-off);mask-image:var(--str-video__icon--screen-share-off)}.str-video__icon--caret-down{transform:rotate(180deg);-webkit-mask-image:var(--str-video__icon--caret);mask-image:var(--str-video__icon--caret)}.str-video__icon--caret-up{-webkit-mask-image:var(--str-video__icon--caret);mask-image:var(--str-video__icon--caret)}.str-video__icon--caret-right{transform:rotate(90deg);-webkit-mask-image:var(--str-video__icon--caret);mask-image:var(--str-video__icon--caret)}.str-video__icon--caret-left{transform:rotate(-90deg);-webkit-mask-image:var(--str-video__icon--caret);mask-image:var(--str-video__icon--caret)}.str-video__icon--close{-webkit-mask-image:var(--str-video__icon--close);mask-image:var(--str-video__icon--close)}.str-video__icon--mic{-webkit-mask-image:var(--str-video__icon--mic);mask-image:var(--str-video__icon--mic)}.str-video__icon--mic-off{-webkit-mask-image:var(--str-video__icon--mic-off);mask-image:var(--str-video__icon--mic-off)}.str-video__icon--camera{-webkit-mask-image:var(--str-video__icon--camera);mask-image:var(--str-video__icon--camera)}.str-video__icon--camera-off{-webkit-mask-image:var(--str-video__icon--camera-off);mask-image:var(--str-video__icon--camera-off)}.str-video__icon--camera-off-outline{-webkit-mask-image:var(--str-video__icon--camera-off-outline);mask-image:var(--str-video__icon--camera-off-outline)}.str-video__icon--call-end{-webkit-mask-image:var(--str-video__icon--call-end);mask-image:var(--str-video__icon--call-end)}.str-video__icon--call-accept{-webkit-mask-image:var(--str-video__icon--call-accept);mask-image:var(--str-video__icon--call-accept)}.str-video__icon--info{-webkit-mask-image:var(--str-video__icon--info-icon);mask-image:var(--str-video__icon--info-icon)}.str-video__icon--stats{-webkit-mask-image:var(--str-video__icon--stats);mask-image:var(--str-video__icon--stats)}.str-video__icon--speaker{-webkit-mask-image:var(--str-video__icon--speaker);mask-image:var(--str-video__icon--speaker)}.str-video__icon--ellipsis{-webkit-mask-image:var(--str-video__icon--ellipsis);mask-image:var(--str-video__icon--ellipsis)}.str-video__icon--pin{-webkit-mask-image:var(--str-video__icon--pin);mask-image:var(--str-video__icon--pin)}.str-video__icon--no-audio{-webkit-mask-image:var(--str-video__icon--no-audio);mask-image:var(--str-video__icon--no-audio)}.str-video__icon--not-allowed{-webkit-mask-image:var(--str-video__icon--not-allowed);mask-image:var(--str-video__icon--not-allowed)}.str-video__icon--film-roll{-webkit-mask-image:var(--str-video__icon--film-roll);mask-image:var(--str-video__icon--film-roll)}.str-video__icon--device-settings{-webkit-mask-image:var(--str-video__icon--settings);mask-image:var(--str-video__icon--settings)}.str-video__icon--filter{-webkit-mask-image:var(--str-video__icon--filter);mask-image:var(--str-video__icon--filter)}.str-video__icon--refresh{-webkit-mask-image:var(--str-video__icon--refresh);mask-image:var(--str-video__icon--refresh)}.str-video__icon--kick-user{-webkit-mask-image:var(--str-video__icon--kick-user);mask-image:var(--str-video__icon--kick-user)}.str-video__icon{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;display:block;width:1.25rem;height:1.25rem}.str-video__loading-indicator{display:flex;flex-direction:column;align-items:center}.str-video__loading-indicator__icon.spinner{-webkit-mask-image:var(--str-video__icon--loading);mask-image:var(--str-video__icon--loading);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:1rem;mask-size:1rem;background-color:var(--str-video__text-color2);animation:rotation 1s linear infinite;width:1rem;height:1rem}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.str-video__menu-container{z-index:2;width:max-content}.str-video__menu-container::-webkit-scrollbar{display:none}.str-video__menu-container{-ms-overflow-style:none;scrollbar-width:none}.str-video__portal{position:fixed;z-index:1;width:100vw;height:100vh;background-color:var(--str-video__backdrop1);left:0;top:0}.str-video__portal:hover{cursor:pointer}.str-video__portal-content{z-index:2;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.str-video__menu-container{background-color:var(--str-video__base-color6);border-radius:var(--str-video__border-radius-lg);box-shadow:0 0 24px -4px #000000a3}.str-video__generic-menu{list-style:none;margin:unset;padding:var(--str-video__spacing-md);display:flex;flex-direction:column;gap:var(--str-video__spacing-xs)}.str-video__generic-menu .str-video__generic-menu--item{align-items:center;gap:8px;font-weight:600;font-size:var(--str-video__font-size-md);display:flex}.str-video__generic-menu .str-video__generic-menu--item button{all:unset;width:100%;font-size:13px;border-radius:var(--str-video__border-radius-lg);background-color:var(--str-video__button-primary-base);padding:var(--str-video__spacing-xs) var(--str-video__spacing-lg);gap:10px;display:flex;align-items:center;position:relative}.str-video__generic-menu .str-video__generic-menu--item button:hover{background-color:var(--str-video__button-default-hover);cursor:pointer}.str-video__generic-menu .str-video__generic-menu--item button--selected,.str-video__generic-menu .str-video__generic-menu--item button--active{background-color:var(--str-video__button-primary-hover)}.str-video__generic-menu .str-video__generic-menu--item button[aria-selected]{padding:5px 10px 5px 26px}.str-video__generic-menu .str-video__generic-menu--item button[aria-selected=true]:after{content:"●";font-size:10px;left:10px;position:absolute}.str-video__notification{padding:.625rem;display:flex;align-items:center;gap:.625rem}.str-video__notification .str-video__notification__icon{display:inline-block;width:1.5rem;height:1.5rem}.str-video__notification .str-video__notification__message{flex:1}.str-video__notification .str-video__notification__close{display:inline-block;width:1rem;height:1rem}.str-video__notification .str-video__notification__close:hover{cursor:pointer}.str-video__notification{background-color:var(--str-video__background-color1);border-radius:var(--str-video__border-radius-xs);z-index:100}.str-video__notification .str-video__notification__icon{-webkit-mask-image:var(--str-video__icon--info-icon);mask-image:var(--str-video__icon--info-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:1.5rem;mask-size:1.5rem;background-color:var(--str-video__text-color1)}.str-video__notification .str-video__notification__message{font-size:.75rem}.str-video__participant-view{position:relative;width:100%;max-width:1280px;max-height:100%;min-height:0;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;border-radius:var(--str-video__border-radius-sm)}.str-video__participant-view--speaking{outline:2px solid var(--str-video__primary-color)}.str-video__participant-view .str-video__call-controls__button{transition:opacity .2s ease-out;opacity:.3;color:var(--str-video__text-color1)}.str-video__participant-view:hover .str-video__call-controls__button{opacity:1}.str-video__participant-view>.str-video__call-controls__button{position:absolute;top:.875rem;left:.875rem;padding:.3rem}.str-video__participant-view .str-video__participant-details{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:var(--str-video__spacing-sm);border-radius:0 var(--str-video__border-radius-xs) 0 var(--str-video__border-radius-sm);background-color:var(--str-video__background-color4)}.str-video__participant-view .str-video__participant-details .str-video__participant-details__name{display:flex;align-items:center;gap:var(--str-video__spacing-sm);padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--str-video__font-size-sm)}.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--audio-muted{width:1rem;height:1rem;-webkit-mask-size:1rem;mask-size:1rem;background-color:var(--str-video__text-color1);-webkit-mask-image:var(--str-video__icon--mic-off);mask-image:var(--str-video__icon--mic-off)}.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--audio-connecting .str-video__loading-indicator__icon{width:1rem;height:1rem;border-width:2px}.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--video-muted{width:1rem;height:1rem;-webkit-mask-size:1rem;mask-size:1rem;background-color:var(--str-video__text-color1);-webkit-mask-image:var(--str-video__icon--camera-off);mask-image:var(--str-video__icon--camera-off)}.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--track-paused{width:1rem;height:1rem;-webkit-mask-size:1rem;mask-size:1rem;background-color:var(--str-video__text-color1);mask-image:var(--str-video__icon--low-bandwidth);-webkit-mask-image:var(--str-video__icon--low-bandwidth)}.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--pinned{cursor:pointer;width:1rem;-webkit-mask-size:1rem;mask-size:1rem;background-color:var(--str-video__text-color1);width:.8rem;height:1rem;-webkit-mask-size:.8rem;mask-size:.8rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:var(--str-video__icon--pin);mask-image:var(--str-video__icon--pin)}.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--network-stats{width:1rem;height:1rem;-webkit-mask-size:1rem;mask-size:1rem;background-color:var(--str-video__text-color1);background-image:var(--str-video__icon--network-quality);cursor:pointer;margin-right:.625rem}.str-video__participant-view .str-video__participant-details__connection-quality{position:absolute;bottom:0;right:0;border-radius:var(--str-video__border-radius-sm) 0 var(--str-video__border-radius-sm) 0;width:24px;height:24px;display:block;background-size:cover;background-color:var(--str-video__background-color4)}.str-video__participant-view .str-video__participant-details__connection-quality--poor{background-image:var(--str-video__icon--connection-quality-poor)}.str-video__participant-view .str-video__participant-details__connection-quality--good{background-image:var(--str-video__icon--connection-quality-good)}.str-video__participant-view .str-video__participant-details__connection-quality--excellent{background-image:var(--str-video__icon--connection-quality-excellent)}.str-video__speech-indicator{display:flex;justify-content:space-between;align-items:center;gap:1px;height:16px}.str-video__speech-indicator .str-video__speech-indicator__bar{width:3px;height:20%;background-color:var(--str-video__primary-color);border-radius:2px;animation-duration:.4s;animation-iteration-count:1;animation-name:speech-indicator-silence;animation-timing-function:ease-in-out}.str-video__speech-indicator.str-video__speech-indicator--dominant .str-video__speech-indicator__bar{background-color:var(--str-video__primary-color)}.str-video__speech-indicator.str-video__speech-indicator--speaking .str-video__speech-indicator__bar{height:100%;animation-iteration-count:infinite}.str-video__speech-indicator.str-video__speech-indicator--speaking .str-video__speech-indicator__bar:nth-child(1){height:70%;animation-duration:.8s;animation-name:speech-indicator-quiet}.str-video__speech-indicator.str-video__speech-indicator--speaking .str-video__speech-indicator__bar:nth-child(2){height:80%;animation-duration:1s;animation-name:speech-indicator-loud}.str-video__speech-indicator.str-video__speech-indicator--speaking .str-video__speech-indicator__bar:nth-child(3){height:60%;animation-duration:.9s;animation-name:speech-indicator-quiet}@keyframes speech-indicator-silence{25%{transform:scaleY(2)}50%{transform:scaleY(2.5)}75%{transform:scaleY(1)}}@keyframes speech-indicator-quiet{25%{transform:scaleY(.5)}50%{transform:scaleY(.3)}75%{transform:scaleY(.5)}}@keyframes speech-indicator-loud{25%{transform:scaleY(1)}50%{transform:scaleY(.45)}75%{transform:scaleY(1.1)}}.str-video__permission-requests{background-color:var(--str-video__background-color1);border-radius:8px;padding:10px;position:relative}.str-video__permission-requests .str-video__permission-requests__notification,.str-video__permission-requests .str-video__permission-request{display:flex;gap:10px;padding:10px 0;align-items:center}.str-video__permission-requests .str-video__permission-requests__notification__message,.str-video__permission-requests .str-video__permission-request__message{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.str-video__permission-requests .str-video__permission-request__button{background-color:transparent;border:1px solid var(--str-video__text-color1);border-radius:4px;color:var(--str-video__color1);cursor:pointer;font-size:14px;font-weight:500;padding:8px;min-width:120px}.str-video__permission-requests .str-video__permission-request__button--allow{background-color:var(--str-video__primary-color);border:1px solid var(--str-video__primary-color)}.str-video__permission-requests .str-video__permission-requests-list{background-color:var(--str-video__background-color1);border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:10px;width:100%;z-index:1;opacity:.9;overflow-x:scroll;overflow-y:hidden}.str-video__permission-requests .str-video__permission-requests-list::-webkit-scrollbar{display:none}.str-video__reaction{position:absolute;right:.875rem;top:.875rem}.str-video__reaction .str-video__reaction__emoji{display:flex;line-height:1;font-size:2.5rem}.str-video__call-panel{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:400px;height:300px;padding:1rem 1rem .5rem;gap:1rem}.str-video__call-panel--ringing .str-video__call-panel__members-list{overflow:hidden;display:flex;align-items:center}.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box .str-video__avatar{width:80px;height:80px}.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box .str-video__member_details{position:absolute;bottom:10%;padding:.125rem .375rem}.str-video__call-panel--ringing .str-video__pending-call-controls{display:flex;gap:.675rem}.str-video__call-panel{background:var(--str-video__background-color3);border:2px solid rgba(200,200,200,.6);border-radius:10px}.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box{border-radius:var(--str-video__border-radius-circle);background:var(--str-video__background-color6)}.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--str-video__border-radius-circle);padding:4px;background:linear-gradient(180deg,var(--str-video__primary-color),var(--str-video__info-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box .str-video__member_details{background-color:var(--str-video__background-color4);color:var(--str-video__text-color1);border-radius:4px;font-size:12px;line-height:16px}.str-video__screen-share-overlay{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;width:100%;height:100%;gap:1.8rem}.str-video__screen-share-overlay>.str-video__icon{width:4rem;height:4rem}.str-video__screen-share-overlay .str-video__screen-share-overlay__button{display:flex;gap:.4rem;align-items:center;padding-inline:1.6rem;padding-block:.8rem}.str-video__screen-share-overlay .str-video__screen-share-overlay__button .str-video__icon{width:.7rem;height:.7rem}.str-video__screen-share-overlay{background:var(--str-video__overlay-color);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:inherit}.str-video__screen-share-overlay .str-video__screen-share-overlay__title{font-size:1.3rem}.str-video__screen-share-overlay .str-video__screen-share-overlay__button{color:#fff;background:var(--str-video__danger-color);border-radius:var(--str-video__border-radius-xs)}.str-video__screen-share-overlay .str-video__screen-share-overlay__button:hover{background-color:var(--str-video__danger-color--accent)}.str-video__search-input__container{display:flex;gap:.5rem;padding:.5rem .75rem;margin-inline:-.25rem}.str-video__search-input__container input{flex:1;min-width:0}.str-video__search-input__container .str-video__search-input__clear-btn{display:flex;align-items:center;justify-content:center;padding:0}.str-video__search-input__container .str-video__search-input__icon{padding:.25rem}.str-video__search-input__container .str-video__search-input__icon--active,.str-video__search-input__container .str-video__search-input__icon{display:inline-block;width:1.125rem;height:1.125rem}.str-video{--str-video__search-input__container--color: var(--str-video__text-color1);--str-video__search-input__container--background-color: var( --str-video__background-color0 );--str-video__search-input__container--border-radius: var( --str-video__border-radius-circle );--str-video__search-input__container--border-block-start: 1px solid transparent;--str-video__search-input__container--border-block-end: 1px solid transparent;--str-video__search-input__container--border-inline-start: 1px solid transparent;--str-video__search-input__container--border-inline-end: 1px solid transparent;--str-video__search-input__placeholder-color: var(--str-video__text-color2);--str-video__search-input__icon--color: var(--str-video__text-color1)}.str-video__search-input__container.str-video__search-input__container--active{border-color:var(--str-video__primary-color)}.str-video__search-input__container{background:var(--str-video__search-input__container--background-color);color:var(--str-video__search-input__container--color);box-shadow:var(--str-video__search-input__container--box-shadow);border-radius:var(--str-video__search-input__container--border-radius);border-block-start:var(--str-video__search-input__container--border-block-start);border-block-end:var(--str-video__search-input__container--border-block-end);border-inline-start:var(--str-video__search-input__container--border-inline-start);border-inline-end:var(--str-video__search-input__container--border-inline-end)}.str-video__search-input__container input{background-color:transparent;border:none;outline:none;color:inherit;font-size:13px}.str-video__search-input__container input::placeholder{color:var(--str-video__search-input__placeholder-color)}.str-video__search-input__container .str-video__search-input__icon{-webkit-mask-image:var(--str-video__icon--magnifier-glass);mask-image:var(--str-video__icon--magnifier-glass);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:.75rem .75rem;mask-size:.75rem .75rem;background-color:var(--str-video__search-input__icon--color)}.str-video__search-input__container .str-video__search-input__clear-btn{background-color:transparent;border-radius:var(--str-video__border-radius-circle);border:none}.str-video__search-input__container .str-video__search-input__clear-btn:hover{cursor:pointer}.str-video__search-input__container .str-video__search-input__clear-btn .str-video__search-input__icon--active{-webkit-mask-image:var(--str-video__icon--close);mask-image:var(--str-video__icon--close);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:.75rem .75rem;mask-size:.75rem .75rem;background-color:var(--str-video__search-input__icon--color)}.str-video__call{background-color:var(--str-video__background-color2);color:var(--str-video__text-color1);width:100%;height:100%;min-height:0;max-height:100%;display:flex;flex-direction:column}.str-video__call .str-video{background-color:var(--str-video__background-color2);color:var(--str-video__text-color1)}.str-video__tooltip{display:flex;justify-content:center;padding:var(--str-video__spacing-sm);z-index:4;max-width:250px;width:max-content;white-space:initial;overflow-wrap:break-word}.str-video{--str-video__tooltip--border-radius: var(--str-video__border-radius-xs);--str-video__tooltip--color: var(--str-video__text-color1);--str-video__tooltip--background-color: var( --str-video__button-default-hover );--str-video__tooltip--border-block-start: none;--str-video__tooltip--border-block-end: none;--str-video__tooltip--border-inline-start: none;--str-video__tooltip--border-inline-end: none;--str-video__tooltip--box-shadow: none}.str-video__tooltip{background:var(--str-video__tooltip--background-color);color:var(--str-video__tooltip--color);box-shadow:var(--str-video__tooltip--box-shadow);border-radius:var(--str-video__tooltip--border-radius);border-block-start:var(--str-video__tooltip--border-block-start);border-block-end:var(--str-video__tooltip--border-block-end);border-inline-start:var(--str-video__tooltip--border-inline-start);border-inline-end:var(--str-video__tooltip--border-inline-end);font-size:14px;line-height:1rem}.str-video__tooltip:after{background-color:var(--str-video__tooltip-background-color)}.str-video__video{object-fit:cover;width:100%;height:100%;border-radius:inherit;pointer-events:none}.str-video__video--tall{object-fit:contain}.str-video__video--mirror:not(:picture-in-picture){transform:scaleX(-1)}.str-video__video{background-color:var(--str-video__background-color5)}.str-video__video-placeholder{aspect-ratio:4/3;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.str-video__video-placeholder .str-video__video-placeholder__avatar{width:100px;height:100px;object-fit:cover}.str-video__video-placeholder .str-video__video-placeholder__initials-fallback{display:flex;justify-content:center;align-items:center;width:100px;height:100px}.str-video__video-placeholder{background:var(--str-video__base-color6);border-radius:inherit}.str-video__video-placeholder .str-video__video-placeholder__avatar{border-radius:var(--str-video__border-radius-circle)}.str-video__video-placeholder .str-video__video-placeholder__initials-fallback{background-color:var(--str-video__primary-color);border-radius:var(--str-video__border-radius-circle);font-size:32px;font-weight:600;text-transform:uppercase}.str-video__video-preview-container{display:flex;justify-content:center;align-items:center;width:500px;height:375px}.str-video__video-preview-container .str-video__video-preview{object-fit:cover;width:100%;height:100%}.str-video__video-preview-container .str-video__loading-indicator__icon{height:3rem;width:3rem;-webkit-mask-size:3rem;mask-size:3rem}.str-video__video-preview-container .str-video__video-preview--mirror{transform:scaleX(-1)}.str-video__video-preview-container .str-video__video-preview--loading{display:none}.str-video{--str-video__video-preview-container--color: var(--str-video__text-color1);--str-video__video-preview-container--background-color: var( --str-video__background-color5 );--str-video__video-preview-container--border-radius: var( --str-video__border-radius-xs );--str-video__video-preview-container--border-block-start: 4px solid var(--str-video__primary-color);--str-video__video-preview-container--border-block-end: 4px solid var(--str-video__primary-color);--str-video__video-preview-container--border-inline-start: 4px solid var(--str-video__primary-color);--str-video__video-preview-container--border-inline-end: 4px solid var(--str-video__primary-color)}.str-video__video-preview-container{background:var(--str-video__video-preview-container--background-color);color:var(--str-video__video-preview-container--color);box-shadow:var(--str-video__video-preview-container--box-shadow);border-radius:var(--str-video__video-preview-container--border-radius);border-block-start:var(--str-video__video-preview-container--border-block-start);border-block-end:var(--str-video__video-preview-container--border-block-end);border-inline-start:var(--str-video__video-preview-container--border-inline-start);border-inline-end:var(--str-video__video-preview-container--border-inline-end);overflow:hidden}.apc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e12068c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:600;display:flex;align-items:center;justify-content:center;padding:16px}.apc-modal{background:#fff;border-radius:18px;width:100%;max-width:860px;height:90vh;max-height:700px;display:flex;flex-direction:column;box-shadow:0 24px 80px #1e120647;overflow:hidden}.apc-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0e8d8;flex-shrink:0;gap:12px}.apc-header-left{display:flex;align-items:center;gap:12px;min-width:0}.apc-header-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#c8921a,#5c3010);color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.apc-header-title{font-size:15px;font-weight:700;color:#3d2200;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apc-header-sub{font-size:12px;color:#8c8c8c;margin-top:1px}.apc-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.apc-live-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#fef2f2;border:1px solid #fca5a5;border-radius:20px;font-size:11px;font-weight:800;color:#dc2626;letter-spacing:.5px}.apc-live-dot{width:7px;height:7px;border-radius:50%;background:#dc2626;animation:apc-pulse 1.4s infinite}@keyframes apc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.apc-close-btn{width:32px;height:32px;border-radius:50%;background:#f5ede0;border:none;font-size:15px;color:#5c3010;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.apc-close-btn:hover{background:#3d2200;color:#fff}.apc-tabs{display:flex;gap:0;border-bottom:2px solid #f0e8d8;padding:0 16px;flex-shrink:0}.apc-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:13.5px;font-weight:600;color:#8c8c8c;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.apc-tab:hover{color:#c8921a}.apc-tab--active{color:#c8921a;border-bottom-color:#c8921a}.apc-tab-live-dot{width:7px;height:7px;border-radius:50%;background:#dc2626;animation:apc-pulse 1.4s infinite;flex-shrink:0}.apc-body{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.apc-pane{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none;opacity:0}.apc-pane--visible{visibility:visible;pointer-events:auto;opacity:1}.apc-chat-wrap{height:100%;display:flex;flex-direction:column;overflow:hidden}.apc-chat-wrap .str-chat{height:100%;font-family:inherit;--str-chat__primary-color: #C8921A;--str-chat__active-primary-color: #5C3010;--str-chat__surface-color: #fff;--str-chat__secondary-surface-color: #FAF7EE;--str-chat__tertiary-surface-color: #f5ede0;--str-chat__own-message-bubble-color: #3D2200;--str-chat__own-message-text-color: #fff;--str-chat__message-bubble-border-radius: 14px;--str-chat__font-family: inherit;--str-chat__border-radius-circle: 50%;--str-chat__spacing-px: 16px}.apc-chat-wrap .str-chat__channel{height:100%;display:flex;flex-direction:column}.apc-chat-wrap .str-chat__main-panel{height:100%}.apc-video-wrap{height:100%;display:flex;flex-direction:column;background:#0f0e0d}.apc-video-wrap .str-video{height:100%;display:flex;flex-direction:column}.apc-video-joined{flex:1;display:flex;flex-direction:column;height:100%}.apc-speaker-wrap{flex:1;overflow:hidden;min-height:0}.apc-speaker-wrap .str-video__speaker-layout{height:100%}.apc-video-footer{display:flex;justify-content:center;align-items:center;padding:12px;background:#0009;flex-shrink:0}.apc-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;padding:24px;text-align:center}.apc-center-txt{font-size:14.5px;color:#3d2200;margin:0}.apc-center-sub{font-size:12.5px;color:#8c8c8c;margin:0}.apc-error-txt{font-size:13.5px;color:#dc2626;margin:0}.apc-video-icon{width:80px;height:80px;border-radius:50%;background:#faf7ee;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.apc-join-btn{margin-top:10px;padding:12px 32px;background:#c8921a;color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;transition:background .18s,transform .15s;letter-spacing:.4px}.apc-join-btn:hover:not(:disabled){background:#5c3010;transform:scale(1.03)}.apc-join-btn:disabled{opacity:.6;cursor:not-allowed}.apc-spinner{width:36px;height:36px;border:3px solid #f0e8d8;border-top-color:#c8921a;border-radius:50%;animation:apc-spin .8s linear infinite}@keyframes apc-spin{to{transform:rotate(360deg)}}.apc-trigger-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#faf7ee;color:#c8921a;border:1.5px solid rgba(200,146,26,.35);border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;font-family:inherit}.apc-trigger-btn:hover{background:#c8921a;color:#fff;border-color:#c8921a}.apc-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;border:1.5px solid transparent;background:none;cursor:pointer;color:#c8921a;transition:background .15s,border-color .15s;flex-shrink:0}.apc-icon-btn:hover{background:#faf7ee;border-color:#c8921a66}.apc-badge-wrap{position:relative;display:inline-flex;flex-shrink:0}.apc-unread-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:#dc2626;color:#fff;font-size:9px;font-weight:800;line-height:16px;text-align:center;pointer-events:none;border:1.5px solid #fff}.dr-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0c4a6e,#0891b2);padding:24px}.dr-login-card{background:#fff;border-radius:16px;padding:40px 36px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000002e}.dr-login-logo{display:flex;justify-content:center;margin-bottom:20px}.dr-login-logo img{height:48px;width:auto;object-fit:contain}.dr-login-title{font-size:22px;font-weight:700;color:#0c4a6e;text-align:center;margin:0 0 6px}.dr-login-sub{font-size:13px;color:#64748b;text-align:center;margin:0 0 24px}.dr-login-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:18px}.dr-login-form{display:flex;flex-direction:column;gap:16px}.dr-login-field{display:flex;flex-direction:column;gap:6px}.dr-login-field label{font-size:13px;font-weight:600;color:#374151}.dr-login-field input{height:42px;border:1.5px solid #d1d5db;border-radius:8px;padding:0 12px;font-size:14px;color:#111827;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.dr-login-field input:focus{border-color:#0891b2}.dr-login-pwd-wrap{position:relative}.dr-login-pwd-wrap input{padding-right:40px}.dr-login-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:#9ca3af;line-height:1}.dr-login-eye:hover{color:#374151}.dr-login-btn{height:44px;background:#0891b2;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-top:4px;transition:background .15s}.dr-login-btn:hover:not(:disabled){background:#0e7490}.dr-login-btn:disabled{opacity:.65;cursor:not-allowed}.dr-layout{display:flex;min-height:100vh;background:#f0f9ff}.dr-sidebar{width:240px;min-width:240px;min-height:100vh;background:#0c4a6e;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow:hidden;transition:width .26s cubic-bezier(.4,0,.2,1),min-width .26s cubic-bezier(.4,0,.2,1)}.dr-sidebar.collapsed{width:56px;min-width:56px}.dr-sidebar-logo{padding:16px 16px 12px;border-bottom:1px solid rgba(14,116,144,.4);overflow:hidden;flex-shrink:0}.dr-sidebar.collapsed .dr-sidebar-logo{padding:14px 10px 10px;display:flex;justify-content:center}.dr-sidebar-logo-img{height:44px;width:auto;object-fit:contain;mix-blend-mode:screen;filter:brightness(1.4);transition:height .26s}.dr-sidebar.collapsed .dr-sidebar-logo-img{height:28px}.dr-sidebar-role{padding:10px 16px 4px;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#bae6fd99;overflow:hidden;white-space:nowrap}.dr-sidebar.collapsed .dr-sidebar-role{opacity:0}.dr-nav{flex:1;overflow-y:auto;padding:6px 0 16px;scrollbar-width:thin;scrollbar-color:rgba(14,116,144,.4) transparent}.dr-nav-link{display:flex;align-items:center;gap:12px;padding:11px 18px;color:#bae6fd;font-size:13.5px;font-weight:500;text-decoration:none;border-left:3px solid transparent;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;overflow:hidden}.dr-nav-link:hover{background:#0e749040;color:#fff}.dr-nav-link.active{background:#0e749059;color:#fff;border-left-color:#38bdf8}.dr-nav-svg{width:18px;height:18px;flex-shrink:0}.dr-nav-label{overflow:hidden;white-space:nowrap}.dr-sidebar.collapsed .dr-nav-label,.dr-sidebar.collapsed .dr-sidebar-role{display:none}.dr-main{flex:1;display:flex;flex-direction:column;min-width:0}.dr-header{height:58px;background:#fff;border-bottom:1px solid #e0f2fe;display:flex;align-items:center;gap:12px;padding:0 24px 0 16px;position:sticky;top:0;z-index:10;box-shadow:0 1px 4px #0891b20f}.dr-collapse-btn{width:34px;height:34px;border-radius:8px;background:#f0f9ff;border:1px solid #e0f2fe;color:#0891b2;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.dr-collapse-btn:hover{background:#e0f2fe}.dr-header-title{flex:1;font-size:16px;font-weight:700;color:#0c4a6e}.dr-header-avatar-wrap{position:relative}.dr-header-doctor{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s}.dr-header-doctor:hover{background:#f0f9ff}.dr-header-avatar{width:34px;height:34px;border-radius:50%;background:#0891b2;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.dr-header-avatar img{width:100%;height:100%;object-fit:cover}.dr-header-name{font-size:13px;font-weight:600;color:#0c4a6e;white-space:nowrap}.dr-header-dept{font-size:11px;color:#64748b;white-space:nowrap}.dr-header-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;background:#fff;border:1px solid #e0f2fe;border-radius:10px;box-shadow:0 8px 24px #0891b221;z-index:100;overflow:hidden;animation:dr-dropdown-in .13s ease}@keyframes dr-dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dr-header-dropdown-info{padding:12px 14px 10px}.dr-header-dropdown-divider{height:1px;background:#e0f2fe;margin:0}.dr-header-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;font-size:13px;font-weight:500;color:#374151;cursor:pointer;text-align:left;font-family:inherit;transition:background .13s}.dr-header-dropdown-item:hover{background:#f0f9ff}.dr-header-dropdown-item--logout{color:#dc2626}.dr-header-dropdown-item--logout:hover{background:#fef2f2}.dr-content{flex:1;padding:28px 24px;overflow-y:auto}.dr-dash-greeting{font-size:20px;font-weight:700;color:#0c4a6e;margin:0 0 4px}.dr-dash-sub{font-size:13px;color:#64748b;margin:0 0 28px}.dr-dash-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px;margin-bottom:32px}.dr-dash-card{background:#fff;border-radius:12px;padding:20px 18px;box-shadow:0 1px 4px #0891b214;border:1px solid #e0f2fe;display:flex;flex-direction:column;gap:4px}.dr-dash-card-label{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#64748b}.dr-dash-card-value{font-size:32px;font-weight:800;line-height:1.1}.dr-dash-card--total .dr-dash-card-value{color:#0891b2}.dr-dash-card--today .dr-dash-card-value{color:#7c3aed}.dr-dash-card--pending .dr-dash-card-value{color:#d97706}.dr-dash-card--confirmed .dr-dash-card-value{color:#059669}.dr-dash-card--completed .dr-dash-card-value{color:#0891b2}.dr-dash-card--cancelled .dr-dash-card-value{color:#dc2626}.dr-dash-card--rescheduled .dr-dash-card-value{color:#7c3aed}.dr-dash-card--total{border-top:3px solid #0891b2}.dr-dash-card--today{border-top:3px solid #7c3aed}.dr-dash-card--pending{border-top:3px solid #d97706}.dr-dash-card--confirmed{border-top:3px solid #059669}.dr-dash-card--completed{border-top:3px solid #0891b2}.dr-dash-card--cancelled{border-top:3px solid #dc2626}.dr-dash-card--rescheduled{border-top:3px solid #7c3aed}.dr-dash-section-title{font-size:15px;font-weight:700;color:#0c4a6e;margin:0 0 14px}.dr-dash-recent{background:#fff;border-radius:12px;border:1px solid #e0f2fe;overflow:hidden;box-shadow:0 1px 4px #0891b20f}.dr-dash-recent-table{width:100%;border-collapse:collapse;font-size:13px;min-width:720px}.dr-dash-recent-table th{background:#f0f9ff;padding:10px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#0891b2;white-space:nowrap}.dr-dash-recent-table td{padding:10px 14px;color:#334155;border-top:1px solid #f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.dr-dash-recent-table tr:last-child td{border-bottom:none}.dr-dash-empty{padding:32px;text-align:center;color:#94a3b8;font-size:13.5px}.dr-appt-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}.dr-appt-search{flex:1;min-width:200px;max-width:320px;height:36px;border:1.5px solid #bae6fd;border-radius:8px;padding:0 12px;font-size:13px;color:#0c4a6e;outline:none;background:#fff}.dr-appt-search:focus{border-color:#0891b2}.dr-appt-date-wrap{display:flex;align-items:center;gap:4px}.dr-appt-date-label{font-size:12px;font-weight:600;color:#0891b2;white-space:nowrap}.dr-appt-date{height:36px;border:1.5px solid #bae6fd;border-radius:8px;padding:0 8px;font-size:13px;color:#0c4a6e;outline:none;background:#fff}.dr-appt-date:focus{border-color:#0891b2}.dr-appt-date-clear{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:15px;line-height:1;padding:2px}.dr-appt-date-clear:hover{color:#dc2626}.dr-appt-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px}.dr-appt-tab{padding:6px 14px;border-radius:20px;border:1.5px solid #bae6fd;background:#fff;font-size:12.5px;font-weight:600;color:#0891b2;cursor:pointer;transition:background .14s,color .14s,border-color .14s;display:flex;align-items:center;gap:5px}.dr-appt-tab:hover{background:#e0f2fe}.dr-appt-tab.active{background:#0891b2;color:#fff;border-color:#0891b2}.dr-appt-tab-count{background:#ffffff40;border-radius:10px;padding:0 6px;font-size:10.5px;font-weight:700;min-width:18px;text-align:center}.dr-appt-tab:not(.active) .dr-appt-tab-count{background:#e0f2fe;color:#0891b2}.dr-appt-table-wrap{background:#fff;border-radius:12px;border:1px solid #e0f2fe;overflow:auto;box-shadow:0 1px 4px #0891b20f}.dr-appt-table{width:100%;border-collapse:collapse;font-size:13px;min-width:980px}.dr-appt-table th{background:#f0f9ff;padding:10px 12px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#0891b2;white-space:nowrap;position:sticky;top:0}.dr-appt-table td{padding:10px 12px;border-top:1px solid #f1f5f9;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.dr-appt-table tr:hover td{background:#f0f9ff}.dr-appt-ref{font-family:monospace;font-size:11.5px;font-weight:700;color:#0891b2}.dr-appt-status{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;text-transform:capitalize}.dr-appt-status--pending{background:#fef3c7;color:#d97706}.dr-appt-status--confirmed{background:#d1fae5;color:#059669}.dr-appt-status--completed{background:#dbeafe;color:#2563eb}.dr-appt-status--cancelled{background:#fee2e2;color:#dc2626}.dr-appt-status--rescheduled{background:#ede9fe;color:#7c3aed}.dr-appt-empty{padding:40px;text-align:center;color:#94a3b8;font-size:13.5px}.dr-appt-eye-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1.5px solid #bae6fd;border-radius:7px;background:#f0f9ff;color:#0891b2;cursor:pointer;transition:background .14s,border-color .14s,color .14s}.dr-appt-eye-btn:hover{background:#0891b2;border-color:#0891b2;color:#fff}.dr-appt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.dr-appt-modal{background:#fff;border-radius:14px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.dr-appt-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #e0f2fe;position:sticky;top:0;background:#fff;z-index:2}.dr-appt-modal-header h3{font-size:16px;font-weight:700;color:#0c4a6e;margin:0}.dr-appt-modal-close{background:none;border:none;font-size:16px;color:#64748b;cursor:pointer;padding:4px 6px;border-radius:6px;line-height:1}.dr-appt-modal-close:hover{background:#f1f5f9;color:#0c4a6e}.dr-appt-modal-body{padding:18px 20px 20px}.dr-appt-modal-section{margin-bottom:18px}.dr-appt-modal-section-title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#0891b2;margin-bottom:8px}.dr-appt-modal-row{display:flex;gap:8px;margin-bottom:6px;font-size:13px}.dr-appt-modal-row-label{width:120px;flex-shrink:0;color:#64748b;font-weight:500}.dr-appt-modal-row-value{color:#0f172a;font-weight:600;word-break:break-word}.dr-reschedule-wrap{padding-bottom:4px}.dr-reschedule-intro{font-size:13px;color:#475569;margin:0 0 18px;line-height:1.5}.dr-reschedule-section-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#0891b2;margin-bottom:10px}.dr-reschedule-date-grid{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:4px}.dr-reschedule-date-chip{padding:6px 12px;border-radius:20px;border:1.5px solid #bae6fd;background:#f0f9ff;color:#0891b2;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .14s,border-color .14s,color .14s}.dr-reschedule-date-chip:hover{background:#e0f2fe}.dr-reschedule-date-chip.active{background:#0891b2;border-color:#0891b2;color:#fff}.dr-reschedule-time-grid{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:4px}.dr-reschedule-time-chip{padding:5px 13px;border-radius:20px;border:1.5px solid #bae6fd;background:#f0f9ff;color:#0891b2;font-size:12px;font-weight:600;cursor:pointer;transition:background .14s,border-color .14s,color .14s}.dr-reschedule-time-chip:hover{background:#e0f2fe}.dr-reschedule-time-chip.active{background:#0891b2;border-color:#0891b2;color:#fff}.dr-reschedule-actions{display:flex;gap:10px;margin-top:20px}.dr-reschedule-back-btn{flex:0 0 auto;padding:9px 18px;border-radius:8px;border:1.5px solid #cbd5e1;background:#f8fafc;color:#475569;font-size:13px;font-weight:600;cursor:pointer}.dr-reschedule-back-btn:hover:not(:disabled){background:#f1f5f9}.dr-reschedule-confirm-btn{flex:1;padding:9px 18px;border-radius:8px;border:none;background:#0891b2;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .14s}.dr-reschedule-confirm-btn:hover:not(:disabled){background:#0e7490}.dr-reschedule-confirm-btn:disabled{opacity:.45;cursor:not-allowed}.dr-appt-actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.dr-appt-action-btn{flex:1 1 auto;min-width:90px;padding:7px 12px;border-radius:8px;font-size:12.5px;font-weight:600;border:1.5px solid transparent;cursor:pointer;transition:opacity .15s,transform .1s}.dr-appt-action-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.dr-appt-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.dr-appt-action--confirm{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.dr-appt-action--complete{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.dr-appt-action--reschedule{background:#fdf4ff;color:#9333ea;border-color:#e9d5ff}.dr-appt-action--cancel{background:#fef2f2;color:#dc2626;border-color:#fecaca}.dr-appt-action--confirm.dr-appt-action--active{background:#16a34a;color:#fff;border-color:#16a34a}.dr-appt-action--complete.dr-appt-action--active{background:#2563eb;color:#fff;border-color:#2563eb}.dr-appt-action--reschedule.dr-appt-action--active{background:#9333ea;color:#fff;border-color:#9333ea}.dr-appt-action--cancel.dr-appt-action--active{background:#dc2626;color:#fff;border-color:#dc2626}.ma-page{max-width:800px;margin:0 auto;padding:32px 16px 60px;font-family:inherit}.ma-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.ma-header-text{flex:1;min-width:0}.ma-title{font-size:22px;font-weight:800;color:#3d2200;margin:0 0 3px}.ma-subtitle{font-size:12.5px;color:#b5a48e;margin:0}.ma-search-wrap{display:flex;align-items:center;gap:7px;background:#fff;border:1.5px solid #e3d9cc;border-radius:10px;padding:7px 10px;min-width:180px;max-width:230px;flex-shrink:0}.ma-search-wrap:focus-within{border-color:#c8921a}.ma-search-input{border:none;outline:none;font-size:12.5px;color:#3d2200;font-family:inherit;width:100%;background:transparent}.ma-search-input::placeholder{color:#b5a48e}.ma-search-clear{background:none;border:none;color:#b5a48e;cursor:pointer;font-size:13px;padding:0;line-height:1;flex-shrink:0}.ma-search-clear:hover{color:#6b7280}.ma-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;justify-content:center}.ma-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1.5px solid;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,color .15s;white-space:nowrap}.ma-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;font-size:10px;font-weight:800;line-height:1}.ma-state-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;color:#b5a48e;font-size:14px}.ma-state-error{color:#ef4444}.ma-spinner{width:28px;height:28px;border:3px solid #f0e6d0;border-top-color:#c8921a;border-radius:50%;animation:ma-spin .8s linear infinite}@keyframes ma-spin{to{transform:rotate(360deg)}}.ma-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}.ma-card{background:#fff;border-radius:14px;border:1.5px solid #f0e6d0;overflow:hidden;box-shadow:0 2px 8px #3d22000a;display:flex;flex-direction:column;transition:box-shadow .15s}.ma-card:hover{box-shadow:0 4px 16px #3d220017}.ma-card-accent{height:4px;width:100%;flex-shrink:0}.ma-card-body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:5px;flex:1}.ma-card-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;margin-bottom:4px}.ma-card-doctor{font-size:13px;font-weight:700;color:#3d2200;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.ma-card-date-row{display:flex;align-items:baseline;gap:2px;margin-top:2px}.ma-card-day{font-size:22px;font-weight:800;color:#3d2200;line-height:1}.ma-card-monthyear{font-size:11px;font-weight:700;color:#c8921a;letter-spacing:.04em}.ma-card-time{font-size:11px;font-weight:700;color:#6b7280;background:#f5f0e8;padding:2px 7px;border-radius:6px;align-self:flex-start}.ma-card-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:1px}.ma-card-type{font-size:11px;color:#6b7280}.ma-card-ref{font-family:monospace;font-size:10px;font-weight:700;color:#c8921a;background:#fff7e6;padding:1px 5px;border-radius:4px}.ma-card-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;align-self:flex-start;margin-top:2px}.ma-card-refund-note{font-size:10.5px;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:5px 8px;line-height:1.35;margin-top:2px}.ma-card-err{font-size:11px;color:#dc2626;margin:2px 0 0;line-height:1.3}.ma-card-24hr{font-size:10.5px;color:#f59e0b;margin:2px 0 0;line-height:1.3}.ma-card-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.ma-card-btn{padding:4px 9px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s;white-space:nowrap;border:1.5px solid}.ma-card-btn:disabled{opacity:.5;cursor:default}.ma-card-btn--cancel{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.ma-card-btn--reschedule{background:#fdf4ff;color:#9333ea;border-color:#e9d5ff}.ma-card-btn--refund{background:#fff7e6;color:#c8921a;border-color:#fde68a}.ma-card-btn--chat{display:flex;align-items:center;gap:6px;width:100%;justify-content:center;background:linear-gradient(135deg,#fff7e6,#faf7ee);color:#c8921a;border-color:#c8921a66;margin-bottom:6px}.ma-card-btn--cancel:hover:not(:disabled){background:#fee2e2}.ma-card-btn--reschedule:hover:not(:disabled){background:#faf5ff}.ma-card-btn--refund:hover:not(:disabled){background:#fef3c7}.ma-card-btn--chat:hover:not(:disabled){background:#c8921a;color:#fff;border-color:#c8921a}.ma-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d220059;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.ma-modal{background:#fff;border-radius:16px;width:100%;max-width:380px;box-shadow:0 8px 32px #3d22002e;overflow:hidden;animation:ma-modal-in .18s ease}@keyframes ma-modal-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.ma-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #f5ede0}.ma-modal-header span{font-size:15px;font-weight:800;color:#3d2200}.ma-modal-close{background:none;border:none;font-size:15px;color:#8c8c8c;cursor:pointer;padding:2px 6px;border-radius:6px;line-height:1}.ma-modal-close:hover{background:#f5f5f5;color:#3d2200}.ma-modal-body{padding:16px 20px 20px}.ma-modal-sub{font-size:13px;color:#6b7280;margin:0 0 14px}.ma-modal-err{font-size:12px;color:#dc2626;margin:0 0 10px}.ma-reschedule-fields{display:flex;gap:12px;flex-wrap:wrap}.ma-field-wrap{display:flex;flex-direction:column;gap:4px}.ma-field-label{font-size:11px;font-weight:600;color:#8c8c8c}.ma-date-input{border:1.5px solid #e3d9cc;border-radius:7px;padding:6px 10px;font-size:12.5px;font-family:inherit;color:#3d2200;outline:none;background:#fff}.ma-date-input:focus{border-color:#c8921a}.ma-textarea{border:1.5px solid #e3d9cc;border-radius:7px;padding:8px 10px;font-size:12.5px;font-family:inherit;color:#3d2200;resize:vertical;outline:none;width:100%;box-sizing:border-box}.ma-textarea:focus{border-color:#c8921a}.ma-action-row{display:flex;gap:8px;flex-wrap:wrap}.ma-btn{padding:7px 16px;border-radius:7px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s}.ma-btn:disabled{opacity:.6;cursor:default}.ma-btn--cancel{background:#fef2f2;color:#dc2626;border:1.5px solid #fca5a5}.ma-btn--reschedule{background:#fdf4ff;color:#9333ea;border:1.5px solid #e9d5ff}.ma-btn--refund{background:#fff7e6;color:#c8921a;border:1.5px solid #fde68a}.ma-btn--confirm{background:#c8921a;color:#fff;border:none}.ma-btn--back{background:#fff;color:#8c8c8c;border:1.5px solid #e3d9cc}.ma-btn--cancel:hover:not(:disabled){background:#fee2e2}.ma-btn--reschedule:hover:not(:disabled){background:#faf5ff}.ma-btn--refund:hover:not(:disabled){background:#fef3c7}.ma-btn--confirm:hover:not(:disabled){background:#b97f18}.ma-btn--back:hover:not(:disabled){background:#fafafa}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:#1e293b;background:#faf7ee;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer}.swal-popup{border-radius:14px!important;font-family:inherit!important;padding:28px 24px 24px!important}.swal-title{font-size:17px!important;font-weight:700!important;color:#3d2200!important}.swal-text{font-size:13.5px!important;color:#5c3010!important}.swal-toast{border-radius:10px!important;font-family:inherit!important}.swal-btn-confirm,.swal-btn-danger{padding:10px 24px;border:none;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.4px;transition:background .15s}.swal-btn-confirm{background:#c8921a;color:#fff}.swal-btn-confirm:hover{background:#5c3010}.swal-btn-danger{background:#dc2626;color:#fff}.swal-btn-danger:hover{background:#b91c1c}.swal-btn-cancel{padding:10px 22px;background:#fff;border:1.5px solid #e3d9cc;border-radius:6px;font-size:13px;font-weight:700;color:#8c8c8c;cursor:pointer;transition:border-color .15s,color .15s;letter-spacing:.4px}.swal-btn-cancel:hover{border-color:#c8921a;color:#c8921a}.swal2-actions{gap:12px!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4c4b0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#c8921a}*{scrollbar-width:thin;scrollbar-color:#d4c4b0 transparent}