@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap);.notification-bell-container{position:relative}.notification-bell-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;color:#d4af37;color:var(--primary,#d4af37);cursor:pointer;display:inline-flex;height:40px!important;justify-content:center;min-height:40px!important;min-width:40px!important;outline:none;padding:0;position:relative;transition:transform .12s ease;width:40px!important}.notification-bell-button:hover{background:#0000;box-shadow:none;transform:translateY(-1px)}.notification-bell-button,.notification-bell-button:active,.notification-bell-button:focus,.notification-bell-button:hover{background:#0000!important;background-color:initial!important;border:none!important;box-shadow:none!important}.notification-bell-button:active{transform:translateY(0)}.notification-badge{align-items:center;background:#ef4444;border:2px solid #fff;border:2px solid var(--surface,var(--background,#fff));border-radius:10px;color:#fff;display:flex;font-size:.625rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:.125rem .375rem;position:absolute;right:-4px;top:-4px}.notification-dropdown{background:#fff;background:var(--surface,var(--background,#fff));border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 40px #00000026;color:var(--foreground);font-family:Inter,-apple-system,system-ui,sans-serif;font-family:var(--font-body,"Inter",-apple-system,system-ui,sans-serif);max-width:calc(100vw - 24px);overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);transform-origin:top right;width:380px;z-index:1000}.notification-header{align-items:center;background:var(--muted);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 1.125rem}.notification-header h3{color:var(--foreground);font-family:Inter,sans-serif;font-family:var(--font-heading,var(--font-body,"Inter",sans-serif));font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;margin:0}.mark-all-read-btn{background:#0000;border:none;border-radius:4px;color:var(--primary);cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:background .2s ease}.mark-all-read-btn:hover{background:var(--background)}.notification-list{max-height:400px;overflow-y:auto}.notification-empty,.notification-loading{color:var(--muted-foreground);padding:3rem 2rem;text-align:center}.notification-empty{align-items:center;display:flex;flex-direction:column;gap:1rem}.notification-empty p{font-size:.875rem;margin:0}.notification-empty-subtitle{color:var(--muted-foreground);font-size:.75rem!important;margin-top:.25rem!important;opacity:.7}.notification-item{align-items:flex-start;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:.75rem;padding:1rem;position:relative;transition:background .2s ease}.notification-item:hover{background:var(--muted)}.notification-item.unread{background:#3b82f60d}.notification-item.unread:hover{background:#3b82f61a}.notification-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.5rem;height:32px;justify-content:center;width:32px}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--foreground);font-family:Inter,sans-serif;font-family:var(--font-heading,var(--font-body,"Inter",sans-serif));font-size:.9375rem;font-weight:600;letter-spacing:-.005em;margin-bottom:.25rem}.notification-message{font-size:.8125rem;line-height:1.5;margin-bottom:.25rem}.notification-message,.notification-time{color:var(--muted-foreground);font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif)}.notification-time{font-size:.6875rem;letter-spacing:.01em;opacity:.8}.unread-dot{background:#3b82f6;border-radius:50%;height:8px;position:absolute;right:1rem;top:1.25rem;width:8px}.notification-footer{background:var(--muted);border-top:1px solid var(--border);padding:.75rem;text-align:center}.view-all-link{color:var(--primary);font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .2s ease}.view-all-link:hover{opacity:.8}@media (max-width:768px){.notification-dropdown{left:12px!important;margin:0!important;max-width:none!important;position:fixed!important;right:12px!important;top:60px!important;transform:none!important;width:auto!important}.notification-list{max-height:300px}}.sidebar-overlay{animation:fadeIn .2s ease;background:#00000080;inset:0;position:fixed;z-index:998}.sidebar{background:var(--surface);border-right:1px solid var(--border);bottom:0;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:999}.sidebar.open{transform:translateX(0)}.sidebar-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.5rem}.sidebar-header h2{color:var(--text);font-size:1.25rem;font-weight:700;margin:0}.sidebar-close{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.sidebar-close:hover{background:var(--muted);color:var(--text)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.sidebar-nav-item{align-items:center;border-left:3px solid #0000;color:var(--text-secondary);display:flex;font-weight:500;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .2s}.sidebar-nav-item:hover{background:var(--muted);color:var(--text)}.sidebar-nav-item.active{background:#3b82f61a;background:rgba(var(--primary-rgb,59,130,246),.1);border-left-color:var(--primary);color:var(--primary)}.sidebar-nav-item svg{flex-shrink:0}@media (max-width:768px){.sidebar,.sidebar-overlay{display:none}}.bottom-nav{align-items:center;background:var(--surface);border-top:var(--border-width) solid var(--border);bottom:0;box-shadow:0 -2px 10px #0000000f;display:flex;justify-content:space-around;left:0;padding:.5rem 0 max(.5rem,env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}.bottom-nav-item,.bottom-nav-item.active,.bottom-nav-item:active,.bottom-nav-item:focus,.bottom-nav-item:focus-visible,.bottom-nav-item:hover{-webkit-tap-highlight-color:transparent!important;appearance:none!important;background:#0000!important;background-color:initial!important;background-image:none!important;border:0!important;box-shadow:none!important;outline:none!important}.bottom-nav-item{align-items:center;color:#94a3b8;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.2rem;justify-content:center;max-width:100px;min-height:56px;min-width:64px;padding:.5rem 1rem;transition:color .18s ease,transform .12s ease;user-select:none;-webkit-user-select:none}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item.active{color:#0f172a}.bottom-nav-item.active .bottom-nav-icon{stroke:#0f172a;color:#0f172a;transform:scale(1.1)}.bottom-nav-item.active .bottom-nav-label{color:#0f172a;font-weight:700}.bottom-nav-icon{height:24px;transition:transform .18s ease,color .18s ease,stroke .18s ease;width:24px}.bottom-nav-label{font-size:.72rem;font-weight:500;line-height:1;white-space:nowrap}@media (min-width:768px){.bottom-nav{display:none}}@media (max-width:360px){.bottom-nav-label{font-size:.65rem}.bottom-nav-item{padding:.5rem}}.btn{align-items:center;border:var(--border-width) solid #0000;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-weight:500;gap:.5rem;justify-content:center;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--primary);box-shadow:var(--shadow);color:var(--primary-foreground)}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:var(--secondary);border-color:var(--border);color:var(--secondary-foreground)}.btn-outline{background:#0000;border-color:var(--primary);color:var(--primary)}.btn-ghost{background:#0000;color:var(--foreground)}.btn-ghost:hover:not(:disabled){background:var(--muted)}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.btn-md{font-size:1rem;padding:.75rem 1.5rem}.btn-lg{font-size:1.125rem;padding:1rem 2rem}.btn-full{width:100%}.input-wrapper{display:flex;flex-direction:column;gap:.5rem}.input-full{width:100%}.input-label{color:var(--foreground);font-size:.875rem;font-weight:500}.input-field{background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--foreground);font-family:var(--font-body);font-size:1rem;padding:.75rem 1rem;transition:border-color .15s ease,box-shadow .15s ease}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0000001a;outline:none}.input-error{border-color:var(--error)}.input-error-text{color:var(--error);font-size:.75rem}.input-helper{color:var(--muted-foreground);font-size:.75rem}.card{overflow:hidden}.card-header{border-bottom:var(--border-width) solid var(--border)}.card-content,.card-footer,.card-header{padding:1.5rem}.card-footer{background:var(--muted);border-top:var(--border-width) solid var(--border)}.loading-fullscreen{align-items:center;background:var(--background);display:flex;flex-direction:column;gap:1rem;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--muted);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.login-container{align-items:center;background:var(--background);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-content{max-width:440px;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:var(--foreground);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:var(--weight-heading);margin-bottom:.5rem}.login-subtitle{color:var(--muted-foreground);font-size:clamp(.875rem,2vw,1rem)}.login-card{margin-bottom:1.5rem;width:100%}.login-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid var(--border);display:flex;gap:0;overflow-x:auto}.tab-btn{flex:1 1;font-size:.875rem;min-width:140px;padding:.875rem 1rem}.tab-btn:hover{background:var(--muted)}.login-form{display:flex;flex-direction:column;gap:1.25rem;padding-top:.5rem}.login-divider{margin:1.5rem 0;position:relative;text-align:center}.login-divider:before{background:var(--border);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background:var(--surface);color:var(--muted-foreground);font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:0 1rem;position:relative;text-transform:uppercase}.google-btn{align-items:center;display:flex;gap:.75rem;justify-content:center}.google-btn svg{flex-shrink:0}.login-footer{padding:1rem 0;text-align:center}.link-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;text-decoration:underline;transition:opacity .2s ease}.link-btn:hover{opacity:.8}.error-message{align-items:flex-start;gap:.75rem;line-height:1.5}.error-message svg{flex-shrink:0;margin-top:.125rem}.success-message{align-items:flex-start;gap:.75rem;line-height:1.5}.success-message svg{flex-shrink:0;margin-top:.125rem}@media (max-width:480px){.login-container{padding:.75rem}.login-header{margin-bottom:1.5rem}.login-form{gap:1rem}.tab-btn{font-size:.8125rem;padding:.75rem}}@media (max-height:600px) and (orientation:landscape){.login-container{padding:1rem 2rem}.login-header{margin-bottom:1rem}.login-header h1{font-size:1.5rem}}.magic-link-container{align-items:center;background:var(--background);display:flex;justify-content:center;min-height:100vh;padding:1rem}.magic-link-content{max-width:500px;width:100%}.status-card{text-align:center}.status-card .card-content{padding:3rem 2rem}.status-icon{color:var(--success);margin:0 auto 1.5rem}.status-card.error .status-icon{color:var(--error)}.status-card h1{color:var(--foreground);font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1rem}.status-card p{color:var(--muted-foreground);font-size:1rem;line-height:1.6;margin-bottom:2rem}.actions{display:flex;gap:1rem;justify-content:center}@media (max-width:480px){.status-card .card-content{padding:2rem 1.5rem}.status-icon{height:48px;width:48px}}.toast{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px;position:fixed;right:20px;top:20px;z-index:10000}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}.toast-warning{background:#f59e0b;color:#fff}.toast-icon{flex-shrink:0}.toast-message{flex:1 1;font-size:.9375rem;line-height:1.5}.toast-close{align-items:center;background:#0000;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .2s}.toast-close:hover{background:#fff3}.confirm-modal{max-width:400px}.confirm-modal .modal-header{text-align:center}.confirm-modal .modal-icon.warning{color:#f59e0b}.confirm-modal .modal-body{padding:24px;text-align:center}.confirm-modal .modal-body p{color:#6b7280;font-size:1rem;margin:0}.confirm-modal .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:20px 24px}.confirm-modal .modal-footer .btn{flex:1 1}.dashboard-page{background:#f9fafb;background:var(--background,#f9fafb);min-height:100vh}.page-container{max-width:1400px;padding:1.5rem}.bookings-list{gap:.75rem}.modal-overlay{animation:modalOverlayFade .2s ease-out}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-content{animation:modalSlideUp .25s cubic-bezier(.2,.9,.3,1);background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 50px #0000002e;display:flex;flex-direction:column;max-width:520px;overflow:hidden}.modal-close{align-items:center;background:#fff3;border-radius:8px;color:#fff;display:flex;height:30px;justify-content:center;padding:0;right:14px;top:14px;width:30px;z-index:5}.modal-close:hover{background:#ffffff59}.modal-header{background:linear-gradient(135deg,#111827,#374151);color:#fff;padding:18px 22px 16px;position:relative;text-align:left}.modal-icon{display:none}.modal-header h2{color:#fff;font-size:18px;font-weight:600;line-height:1.3;margin:0}.modal-header h2:before{content:attr(data-eyebrow,"")}.modal-header .modal-subtitle{color:#ffffffd9;font-size:12px;margin-top:4px}.modal-body{flex:1 1;overflow-y:auto;padding:20px 22px}.modal-footer{background:#fff;border-top:1px solid #f3f4f6;gap:10px;padding:12px 22px 18px}.modal-footer button{flex:1 1}.booking-detail{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb)}.booking-detail:last-child{border-bottom:none}.booking-detail strong{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:500}.booking-detail.price{border-top:2px solid #e5e7eb;border-top:2px solid var(--border,#e5e7eb);margin-top:.5rem}.price-amount{color:#3b82f6;color:var(--primary,#3b82f6);font-size:1.25rem;font-weight:600}.invites-modal{max-width:600px}.invites-list{max-height:60vh;overflow-y:auto;padding:1rem 2rem 2rem}.invite-card{margin-bottom:1rem}.invite-card:last-child{margin-bottom:0}.invite-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.invite-header h4{color:var(--foreground);font-size:1.125rem;margin:0 0 .25rem}.invite-from{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin:0}.invite-icon{align-items:center;background:var(--primary);border-radius:50%;color:var(--primary-foreground);display:flex;height:48px;justify-content:center;width:48px}.invite-details{margin-bottom:1rem}.detail-row{align-items:center;color:var(--foreground);display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 0}.detail-row svg{color:#6b7280;color:var(--text-secondary,#6b7280)}.invite-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-top:1rem}.accept-btn{background:#10b981!important;background:var(--success,#10b981)!important;border:none!important;color:#fff!important}.accept-btn:hover{background:#059669!important;background:var(--success-hover,#059669)!important}.decline-btn{border-color:#ef4444!important;border-color:var(--error,#ef4444)!important;color:#ef4444!important;color:var(--error,#ef4444)!important}.decline-btn:hover{background:#ef4444!important;background:var(--error,#ef4444)!important;color:#fff!important}.stat-card.clickable{transition:transform .2s ease,box-shadow .2s ease}.stat-card.clickable:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);.confirmed-players{align-items:center;background:var(--muted);border-radius:6px;color:var(--foreground);display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem;padding:.5rem}.confirmed-players svg{color:var(--primary);flex-shrink:0}.players-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:600}.players-list{color:var(--foreground)}.stat-icon.invites-sent{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.modal-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin-top:.25rem}.invite-status-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.invite-status-badge.pending{background:#fef3c7;color:#92400e}.invite-status-badge.accepted{background:#d1fae5;color:#065f46}.invite-status-badge.declined{background:#fee2e2;color:#991b1b}.invite-status-badge.Expired{background:#f3f4f6;color:#6b7280;.participant-badge{align-items:center;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);color:var(--primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.participant-badge svg{.app-toast{animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;font-weight:600;min-width:300px;padding:1rem 1.5rem;position:fixed;right:20px;text-align:center;top:100px;z-index:9998}.app-toast.success{background:#10b981;color:#fff}.app-toast.error{background:#ef4444;color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@media (max-width:640px){.app-toast{left:10px;right:10px;top:80px}}color:var(--primary)}}.detail-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:600}}.stat-icon.pending-invites{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.dashboard-page{padding-bottom:100px}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-content h1{color:var(--foreground);font-size:clamp(1.5rem,4vw,2rem);margin-bottom:.25rem}.subtitle{color:var(--muted-foreground);font-size:clamp(.875rem,2vw,1rem)}.book-btn{align-items:center;display:flex;gap:.5rem;white-space:nowrap}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:2rem}.stat-card .card-content{align-items:center;display:flex;gap:1rem;padding:1.25rem}.stat-icon{align-items:center;border-radius:var(--radius);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon.upcoming{background:var(--primary);color:var(--primary-foreground)}.stat-icon.this-month{background:var(--secondary);color:var(--secondary-foreground)}.stat-icon.completed{background:var(--success);color:#fff}.stat-content{flex:1 1;min-width:0}.stat-value{color:var(--foreground);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{color:var(--muted-foreground);font-size:.875rem;font-weight:500}.bookings-card{margin-bottom:1.5rem}.card-header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.card-header-content h3{color:var(--foreground);font-size:clamp(1.125rem,3vw,1.25rem)}.booking-item{background:var(--surface)!important;border:1px solid #ffffff1a!important;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.booking-item:hover{border-color:var(--primary);box-shadow:var(--shadow)}.booking-header h4{color:var(--foreground);font-size:clamp(.9375rem,2.5vw,1.0625rem)}.booking-item{align-items:stretch!important;background:#0000;border:.5px solid #00000014;border:.5px solid var(--border,#00000014);border-radius:12px;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:0!important;min-height:fit-content;overflow:hidden;padding:0!important;position:relative;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.booking-item>*{flex-shrink:0!important}.booking-item .booking-details{flex-grow:1!important;flex-shrink:1!important;min-width:0!important}.booking-item:before{background:linear-gradient(180deg,#007aff,#0051d5);background:linear-gradient(180deg,var(--primary,#007aff) 0,#0051d5 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:3px}.booking-item:hover:before{opacity:1}.booking-item:hover{border-color:#007aff33;border-color:var(--primary,#007aff33);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f;transform:translateY(-1px)}.booking-item:active{transform:scale(.995)}.booking-icon{background:linear-gradient(135deg,#007aff,#0051d5);background:linear-gradient(135deg,var(--primary,#007aff) 0,#0051d5 100%);border-radius:10px;box-shadow:0 2px 8px #007aff40;color:#fff;height:40px;margin:.75rem 0 .75rem .75rem;width:40px}.booking-details{background:#fff;background:var(--card,#fff);border-radius:0;display:flex;flex-direction:column;gap:.375rem;justify-content:center;margin:0;padding:.75rem}.booking-header{margin:0}.booking-header h4{color:#1d1d1f;color:var(--foreground,#1d1d1f);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:1rem;letter-spacing:-.02em;line-height:1.2;margin:0}.booking-meta{align-items:center;color:#86868b;color:var(--muted-foreground,#86868b);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;gap:.625rem;line-height:1.3;margin:0}.meta-item{display:inline-flex;font-weight:400}.participants-section{border-top:.5px solid #0000000f;border-top:.5px solid var(--border,#0000000f);color:#86868b;color:var(--muted-foreground,#86868b);font-size:.8125rem;line-height:1.4;margin-top:.375rem;padding-top:.375rem}.participants-section>div{align-items:center;display:flex;gap:.375rem;margin-bottom:.125rem}.participants-section>div:last-child{margin-bottom:0}.booking-price{background:#34c7591a;border-radius:6px;color:#34c759;font-size:.8125rem;letter-spacing:-.01em;padding:.25rem .625rem}.booking-actions{background:#fff;background:var(--card,#fff);border-left:.5px solid #0000000f;border-left:.5px solid var(--border,#0000000f);flex-direction:column!important;flex-grow:0!important;flex-shrink:0!important;gap:.5rem!important;margin:0!important;min-width:fit-content!important;padding:.75rem .75rem .75rem 0!important;width:auto!important}.booking-action,.booking-actions{display:flex!important;justify-content:center}.booking-action{align-items:center;background:#00000008!important;border:none!important;border-radius:10px!important;cursor:pointer;height:40px!important;min-width:40px!important;padding:.5rem!important;position:relative;transition:all .15s cubic-bezier(.25,.46,.45,.94)!important;width:40px!important}.booking-action:hover{background:#007aff!important;background:var(--primary,#007aff)!important;box-shadow:0 4px 12px #007aff4d!important;color:#fff!important;transform:scale(1.05)}.booking-action:active{transform:scale(.95)!important}.booking-action svg{height:18px;width:18px}.participant-badge{align-items:center;background:#00000008;border-radius:10px;color:#86868b;color:var(--muted-foreground,#86868b);display:inline-flex;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem .75rem}@media (max-width:768px){.booking-item{flex-direction:row!important;flex-wrap:nowrap!important;gap:0!important}.booking-icon{height:36px!important;margin:.625rem 0 .625rem .625rem;max-width:36px!important;min-width:36px!important;width:36px!important}.booking-details{flex:1 1 auto!important;padding:.625rem}.booking-actions{flex-direction:column!important;flex-shrink:0!important;gap:.375rem!important;padding:.625rem .625rem .625rem 0!important}.booking-action{height:36px!important;min-width:36px!important;width:36px!important}}@media (max-width:480px){.booking-item{flex-direction:row!important;flex-wrap:nowrap!important;gap:0!important}.booking-icon{height:32px!important;margin:.5rem 0 .5rem .5rem;max-width:32px!important;min-width:32px!important;width:32px!important}.booking-details{flex:1 1 auto!important;gap:.25rem;min-width:0!important;padding:.5rem}.booking-actions{flex-direction:column!important;flex-shrink:0!important;gap:.375rem!important;padding:.5rem .5rem .5rem 0!important}.booking-action{height:32px!important;max-width:32px!important;min-width:32px!important;padding:.375rem!important;width:32px!important}.booking-action svg{height:16px;width:16px}}@media (max-width:390px){.page-container{padding-left:.5rem!important;padding-right:.5rem!important}.booking-item{flex-direction:row!important;flex-wrap:nowrap!important}}.booking-item-compact{background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.booking-item-compact:hover{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 2px 8px #3b82f61a}.booking-main{align-items:center;display:flex;gap:1rem;justify-content:space-between}.booking-left{align-items:flex-start;display:flex;flex:1 1;gap:.75rem;min-width:0}.court-icon{align-items:center;background:#3b82f6;background:var(--primary,#3b82f6);border-radius:.5rem;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.booking-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.court-name{color:#111827;color:var(--text,#111827);font-size:.9375rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-time{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.8125rem;gap:.5rem}.duration-badge{align-items:center;background:#f3f4f6;background:var(--muted,#f3f4f6);border-radius:.25rem;color:#3b82f6;color:var(--primary,#3b82f6);display:inline-flex;font-weight:500;padding:.125rem .5rem}.booking-actions,.participant-tag{align-items:center;gap:.25rem}.participant-tag{background:#f3f4f6;background:var(--muted,#f3f4f6);border-radius:.375rem;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.participants-compact{border-top:1px solid #e5e7eb;border-top:1px solid var(--border,#e5e7eb);font-size:.8125rem;padding-top:.5rem}@media (max-width:640px){.booking-item-compact{padding:.625rem .75rem}.booking-main{align-items:flex-start;flex-direction:column;gap:.75rem}.booking-actions{justify-content:flex-end;width:100%}.court-name{font-size:.875rem}.booking-time{flex-wrap:wrap;font-size:.75rem}}.booking-meta{gap:.75rem}.booking-price{align-items:center;margin-top:.5rem}.booking-action{align-self:flex-start;flex-shrink:0}.empty-state{padding:3rem 1.5rem}.empty-icon{color:var(--muted-foreground);margin-bottom:1.5rem;opacity:.3}.empty-state h4{color:var(--foreground);font-size:1.125rem;margin-bottom:.5rem}.empty-state p{color:var(--muted-foreground);font-size:.9375rem;margin-bottom:1.5rem}.empty-action{align-items:center;display:flex;gap:.5rem}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem}.quick-actions button{align-items:center;display:flex;gap:.5rem}.dashboard-loading .skeleton{border-radius:var(--radius)}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.dashboard-page{padding-bottom:2rem}.dashboard-header{align-items:center}.stats-grid{gap:1.5rem}.booking-item{padding:1.5rem}}@media (max-width:480px){.dashboard-header{margin-bottom:1.5rem}.book-btn{justify-content:center;width:100%}.stats-grid{grid-template-columns:1fr}.booking-item{align-items:flex-start;flex-direction:column}.booking-action{width:100%}.booking-meta{flex-direction:column;gap:.5rem}}@media (max-width:360px){.stat-card .card-content{flex-direction:column;text-align:center}.booking-icon{height:40px;width:40px}.booking-header h4{font-size:.875rem}}.booking-card{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;transition:all .2s ease}.booking-card:hover{border-color:var(--primary)!important;box-shadow:0 4px 12px #00000026}.booking-card h4,.booking-card p,.booking-card span{color:var(--foreground)}.booking-card .text-gray-600{color:var(--text-secondary)!important}.book-page{padding-bottom:100px}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.book-header{margin-bottom:2rem}.book-header h1{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:.25rem}.sport-filters-section{margin-bottom:2rem}.sport-filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:100%}.layout-control-section{display:flex;justify-content:center;margin-bottom:2rem}.booking-content{animation:fadeIn .3s ease-in-out;margin-top:2rem}.booking-content>*{animation:slideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.game-type-selector{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;padding:1rem}.game-type-selector label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.game-type-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.game-type-btn{align-items:center;background:var(--muted);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:.25rem;padding:.75rem 1.5rem;transition:all .2s ease}.game-type-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.game-type-btn.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.duration-badge{font-size:.75rem;font-weight:400;opacity:.8}.time-slot-header{border-right:1px solid var(--border);font-size:.75rem;font-weight:500;min-width:120px;padding:.75rem;text-align:center}.time-slots-row{display:flex}.time-slot{border-right:1px solid var(--border);font-size:.875rem;min-width:120px;text-align:center}.time-slot:hover:not(.booked){opacity:.7}.time-slot.selected,.time-slot:hover:not(.booked){background:var(--primary);color:var(--primary-foreground)}.time-slot.booked{opacity:.6}.filter-section{background:var(--muted);border:var(--border-width) solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1rem}.filter-label{align-items:center;color:var(--foreground);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--foreground);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-transform:capitalize;transition:all .2s ease}.filter-btn:hover{background:var(--muted);border-color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.space-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.space-card{overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.space-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.space-image{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);display:flex;height:180px;justify-content:center;position:relative}.space-type-badge{background:var(--surface);color:var(--foreground);font-size:.75rem;font-weight:600;left:1rem;letter-spacing:.05em;text-transform:uppercase}.space-price-badge,.space-type-badge{border-radius:var(--radius);padding:.375rem .75rem;position:absolute;top:1rem}.space-price-badge{background:var(--success);color:#fff;font-size:.875rem;font-weight:700;right:1rem}.space-card h3{color:var(--foreground);font-size:1.125rem;margin-bottom:.5rem}.space-description{color:var(--muted-foreground);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.space-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.meta-item{color:var(--muted-foreground);font-size:.8125rem}.space-amenities{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.amenity-tag{background:var(--muted);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:.75rem;font-weight:500;padding:.25rem .625rem}.select-space-btn{align-items:center;display:flex;gap:.5rem;justify-content:center}@media (min-width:768px){.book-page{padding-bottom:2rem}.filter-section{align-items:center;flex-direction:row}.space-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:480px){.space-grid{grid-template-columns:1fr}.filter-buttons{display:grid;grid-template-columns:repeat(2,1fr)}.filter-btn{text-align:center}}.booking-calendar-page{padding-bottom:100px}.calendar-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.back-btn{padding:.5rem}.calendar-header h1{font-size:clamp(1.25rem,4vw,1.75rem);margin-bottom:.25rem}.week-navigator{align-items:center;background:var(--muted);border-radius:var(--radius);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.week-label{color:var(--foreground);font-size:.9375rem;font-weight:600}.legend{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.legend-item{align-items:center;color:var(--muted-foreground);display:flex;font-size:.875rem;gap:.5rem}.legend-box{border:var(--border-width) solid var(--border);border-radius:4px;height:20px;width:20px}.legend-box.available{background:var(--success)}.legend-box.booked{background:var(--muted)}.calendar-card{-webkit-overflow-scrolling:touch;overflow-x:auto}.calendar-grid{min-width:800px;position:relative}.calendar-header-row{grid-gap:2px;background:var(--border);border-radius:var(--radius) var(--radius) 0 0;display:grid;gap:2px;grid-template-columns:80px repeat(7,1fr);overflow:hidden}.time-col-header{color:var(--foreground);font-size:.875rem;font-weight:600}.day-header,.time-col-header{background:var(--muted);padding:1rem .5rem;text-align:center}.day-name{color:var(--foreground);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.day-date{color:var(--primary);font-size:1.125rem;font-weight:700}.time-slots-container{background:var(--surface);max-height:600px;overflow-y:auto}.time-row{grid-gap:2px;background:var(--border);display:grid;gap:2px;grid-template-columns:80px repeat(7,1fr)}.time-label{align-items:center;background:var(--muted);color:var(--muted-foreground);display:flex;font-size:.75rem;font-weight:500;justify-content:center;padding:.75rem .5rem;text-align:center}.time-slot{background:var(--surface);border:none;font-size:1rem;min-height:50px;padding:1rem .5rem;transition:all .2s ease}.time-slot.available{color:var(--success)}.time-slot.available:hover{background:var(--success);box-shadow:0 2px 8px #00000026;color:#fff;transform:scale(1.05);z-index:1}.loading-overlay{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.loading-overlay p{color:var(--muted-foreground)}.modal-content{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-close{transition:background .2s ease}.modal-close:hover{background:var(--border)}.modal-icon{color:var(--success)}.modal-header h2{margin-bottom:.5rem}.booking-detail{align-items:center}.booking-detail.price{border-bottom:none}@media (min-width:768px){.booking-calendar-page{padding-bottom:2rem}}@media (max-width:768px){.week-navigator{flex-wrap:wrap}.week-label{margin-bottom:.5rem;order:-1;text-align:center;width:100%}.calendar-card{margin-left:-1rem;margin-right:-1rem}}@media (max-width:480px){.calendar-header{align-items:flex-start;flex-direction:column}.modal-content{margin:1rem}.modal-body,.modal-footer,.modal-header{padding-left:1.5rem;padding-right:1.5rem}.modal-footer{flex-direction:column}}.time-slot.selected{background:#3b82f6!important;border-color:#2563eb!important;color:#fff}.time-slot.disabled{background:#f3f4f6;cursor:not-allowed!important;opacity:.5}.time-slot.booked{background:#fee2e2;cursor:not-allowed!important;position:relative}.time-slot.past{background:#f9fafb;cursor:not-allowed!important;opacity:.4}.time-slot .booked-label,.time-slot .past-label{color:#6b7280;font-size:.65rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.calendar-grid{display:flex!important;gap:0;min-width:100%;overflow-x:auto}.time-column{border-right:2px solid var(--border);flex-shrink:0;width:80px}.time-column .day-header{border-bottom:2px solid var(--border);font-weight:600;height:80px}.time-column .day-header,.time-column .time-label{align-items:center;background:var(--muted);display:flex;justify-content:center}.time-column .time-label{border-bottom:1px solid var(--border);color:var(--muted-foreground);font-size:.75rem;height:50px}.day-column{flex:1 1;max-width:200px;min-width:120px}.day-column .day-header{align-items:center;background:var(--muted);border-bottom:2px solid var(--border);border-right:1px solid var(--border);display:flex;flex-direction:column;height:80px;justify-content:center}.day-column .day-name{color:var(--foreground);font-size:.875rem;font-weight:600;margin-bottom:4px}.day-column .day-date{color:var(--primary);font-size:1rem;font-weight:700}.day-column .time-slot{align-items:center;border-bottom:1px solid var(--border);border-right:1px solid var(--border);display:flex;height:50px;justify-content:center;position:relative;transition:all .15s ease}.day-column .time-slot.available{background:var(--surface);cursor:pointer}.day-column .time-slot.available:hover{background:var(--accent);border-color:var(--primary)}.day-column .time-slot.selected{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.day-column .time-slot.disabled,.day-column .time-slot.past{background:var(--muted);cursor:not-allowed!important;opacity:.4}.day-column .time-slot.booked{background:#fee2e2;cursor:not-allowed!important}.day-column .time-slot .booked-label,.day-column .time-slot .past-label{color:var(--muted-foreground);font-size:.65rem}.day-column .time-slot.booking-start{border-top:2px solid #dc2626!important}.day-column .time-slot.booking-continued{border-bottom:none!important}.booking-label{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:center;width:100%}.booking-user-name{color:#991b1b;font-size:.75rem;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-duration{color:#6b7280;font-size:.65rem;font-weight:500}.bookings-page{padding-bottom:100px}.bookings-header{margin-bottom:2rem}.bookings-header h1{font-size:clamp(1.5rem,4vw,2rem)}.bookings-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid var(--border);display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--muted-foreground);cursor:pointer;font-weight:500;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{color:var(--foreground)}.tab-btn.active{border-bottom-color:var(--primary);color:var(--primary)}.bookings-list{display:flex;flex-direction:column;gap:1rem}.booking-card{transition:transform .2s ease,box-shadow .2s ease}.booking-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.booking-item{align-items:flex-start}.booking-details{min-width:0}.booking-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.booking-header h4{flex:1 1;font-size:1.0625rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-icon{flex-shrink:0}.status-icon.confirmed{color:var(--success)}.status-icon.cancelled{color:var(--error)}.status-icon.pending{color:var(--warning)}.booking-meta{font-size:.8125rem;margin-bottom:.5rem}.meta-item{align-items:center;display:flex;gap:.375rem}.booking-price{background:var(--primary);border-radius:var(--radius);color:var(--primary-foreground);display:inline-flex;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.booking-actions{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.cancel-btn{border-color:var(--error);color:var(--error)}.cancel-btn:hover{background:var(--error);color:#fff}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-content{background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.modal-close{background:var(--muted);border:none;border-radius:var(--radius);cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;z-index:1}.modal-header{padding:2rem 2rem 1rem;text-align:center}.modal-icon{color:var(--primary);margin:0 auto 1rem}.modal-icon.warning{color:var(--warning)}.modal-header h2{font-size:1.5rem}.modal-body{padding:0 2rem 1.5rem}.booking-detail{border-bottom:var(--border-width) solid var(--border);display:flex;justify-content:space-between;padding:.75rem 0}.booking-detail strong{color:var(--muted-foreground);font-size:.875rem}.booking-detail span{color:var(--foreground);font-weight:500;text-align:right}.booking-detail.price{border:none;border-top:2px solid var(--border);margin-top:1rem;padding-top:1rem}.price-amount{color:var(--primary);font-size:1.5rem;font-weight:700}.status-confirmed{color:var(--success)}.status-cancelled{color:var(--error)}.cancel-warning{background:var(--muted);border-radius:var(--radius);color:var(--foreground);margin-bottom:1.5rem;padding:1rem;text-align:center}.modal-footer{border-top:var(--border-width) solid var(--border);display:flex;gap:1rem;padding:1.5rem 2rem}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{filter:brightness(1.1)}@media (min-width:768px){.bookings-page{padding-bottom:2rem}.booking-actions{flex-direction:row}}@media (max-width:640px){.booking-item{flex-direction:column}.booking-actions,.booking-actions button{width:100%}.modal-footer{flex-direction:column}}.logout-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.logout-modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:var(--card);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:2rem;position:relative;width:100%}.logout-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--muted-foreground);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s}.logout-modal-close:hover{background:var(--muted);color:var(--foreground)}.logout-modal-icon{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:50%;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.logout-modal-title{color:var(--foreground);font-size:1.5rem;font-weight:700;margin:0 0 .75rem;text-align:center}.logout-modal-message{color:var(--muted-foreground);font-size:.9375rem;line-height:1.6;margin:0 0 2rem;text-align:center}.logout-modal-actions{display:flex;gap:.75rem}.logout-modal-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;justify-content:center;padding:.875rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.logout-modal-cancel{background:var(--muted);color:var(--foreground)}.logout-modal-cancel:hover{background:var(--muted);background:var(--muted-hover,var(--muted));box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.logout-modal-confirm{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.logout-modal-confirm:hover{box-shadow:0 8px 20px #ee5a6f4d;transform:translateY(-1px)}.logout-modal-cancel:active,.logout-modal-confirm:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.logout-modal-content{max-width:calc(100% - 2rem);padding:1.5rem}.logout-modal-icon{height:56px;width:56px}.logout-modal-title{font-size:1.25rem}.logout-modal-message{font-size:.875rem}.logout-modal-button{font-size:.9375rem;padding:.75rem 1.25rem}}.profile-page{margin:0 auto;max-width:1000px;padding-bottom:100px}.profile-header{margin-bottom:2rem}.profile-header h1{color:var(--foreground);margin:0 0 .5rem}.profile-header p{color:#6b7280;color:var(--text-secondary,#6b7280);margin:0}.profile-card{margin-bottom:1.5rem}.card-header-flex{align-items:center;display:flex;justify-content:space-between}.card-header-flex h3{align-items:center;display:flex;gap:.5rem;margin:0}.profile-avatar-container{display:flex;justify-content:center;margin-bottom:2rem}.profile-avatar{borderradius:50%;border:3px solid var(--primary);height:100px;object-fit:cover;width:100px}.profile-avatar-placeholder{align-items:center;background:var(--primary);border-radius:50%;color:var(--primary-foreground);display:flex;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;width:100px}.profile-fields{display:flex;flex-direction:column;gap:1.5rem}.field-group label{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.field-input{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:1rem;padding:.75rem;width:100%}.field-input:focus{outline:2px solid var(--primary);outline-offset:1px}.field-display{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);padding:.75rem}.field-hint{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:.75rem;font-style:italic;margin-top:.25rem}.role-badge{background:var(--primary);border-radius:12px;color:var(--primary-foreground);display:inline-block;font-size:.875rem;font-weight:600;opacity:.8;padding:.25rem .75rem;text-transform:capitalize}.profile-actions{border-top:1px solid var(--border);display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.theme-card,.theme-subtitle{margin-bottom:1.5rem}.theme-subtitle{font-size:.875rem}.theme-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.theme-card-btn{align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem .75rem;position:relative;transition:all .2s ease}.theme-card-btn:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.theme-card-btn.active{background:var(--muted);border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.theme-icon{font-size:2rem;margin-bottom:.25rem}.theme-name{font-size:.875rem;text-align:center}.theme-check{align-items:center;background:var(--primary);border-radius:50%;color:var(--primary-foreground);display:flex;height:22px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:22px}@media (max-width:640px){.theme-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.theme-card-btn{padding:.75rem .5rem}.theme-icon{font-size:1.5rem}}.insights-page{color:#0f172a;color:var(--foreground,#0f172a);font-family:inherit;margin:0 auto;max-width:900px;padding:20px 16px 40px}.insights-share-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:10px;box-shadow:0 8px 20px #6366f140;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:8px 12px;transition:transform .12s ease,box-shadow .12s ease}.insights-share-btn:hover{box-shadow:0 12px 26px #6366f152;transform:translateY(-1px)}.insights-share-btn:active{transform:translateY(0)}@media (max-width:480px){.insights-share-btn-label{display:none}.insights-share-btn{padding:8px 10px}}.insights-share-overlay{align-items:center;animation:share-fade .18s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px 16px;position:fixed;z-index:90}@keyframes share-fade{0%{opacity:0}to{opacity:1}}.insights-share-sheet{animation:share-pop .22s cubic-bezier(.2,.8,.2,1);background:#fff;border-radius:20px;box-shadow:0 30px 80px #0f172a59;max-height:92vh;max-width:460px;overflow-y:auto;padding:18px 18px 20px;width:100%}@keyframes share-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.insights-share-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.insights-share-eyebrow{color:#6366f1;font-size:10px;font-weight:800;letter-spacing:1.2px}.insights-share-title{color:#0f172a;font-size:16px;font-weight:800;margin-top:2px}.insights-share-close{background:#f1f5f9;border:none;border-radius:10px;color:#0f172a;cursor:pointer;font-size:18px;height:30px;line-height:1;width:30px}.insights-share-close:disabled{cursor:not-allowed;opacity:.5}.insights-share-preview{display:flex;justify-content:center;padding:10px 0 16px}.insights-share-actions{display:flex;gap:10px}.insights-share-primary,.insights-share-secondary{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;flex:1 1;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:12px 14px;transition:transform .12s ease,background .12s ease}.insights-share-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#0f172a}.insights-share-secondary:hover:not(:disabled){background:#e2e8f0}.insights-share-primary{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;color:#fff}.insights-share-primary:hover:not(:disabled){transform:translateY(-1px)}.insights-share-primary:disabled,.insights-share-secondary:disabled{cursor:not-allowed;opacity:.6}.insights-share-hint{color:#94a3b8;font-size:11px;line-height:1.5;margin-top:12px;text-align:center}.share-card{background:radial-gradient(1200px 400px at 10% -10%,#6366f159,#0000 60%),radial-gradient(1000px 400px at 110% 110%,#a855f747,#0000 60%),linear-gradient(180deg,#0b1020,#0f172a);border-radius:22px;box-shadow:0 24px 60px #00000073;color:#fff;display:flex;flex-direction:column;height:520px;isolation:isolate;overflow:hidden;padding:30px 28px 28px;position:relative;width:360px}.share-card-glow{background:radial-gradient(500px 500px at 50% 100%,#6366f1,#0000 60%);background:radial-gradient(500px 500px at 50% 100%,var(--accent,#6366f1),#0000 60%);filter:blur(30px);inset:-60px;opacity:.35}.share-card-glow,.share-card-grain{pointer-events:none;position:absolute;z-index:0}.share-card-grain{background-image:radial-gradient(#ffffff0f 1px,#0000 0);background-size:4px 4px;inset:0;opacity:.5}.share-card>*{position:relative;z-index:1}.share-card-top{margin-bottom:14px}.share-card-eyebrow{color:#ffffff8c;font-size:10px;font-weight:700;letter-spacing:2px}.share-card-title{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-top:6px}.share-card-sub{color:#ffffffb3;font-size:13px;font-weight:500;margin-top:6px}.share-card-hero{display:flex;justify-content:center;margin:4px 0 12px}.share-card-stats{grid-gap:10px;border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:12px 0}.share-card-stat-num{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.02em}.share-card-stat-num span{font-size:12px;margin-left:2px;opacity:.55}.share-card-stat-lbl{color:#ffffff80;font-size:10px;font-weight:700;letter-spacing:.8px;margin-top:2px;text-transform:uppercase}.share-card-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.share-card-chip{align-items:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;color:#ffffffd9;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:5px 10px;text-transform:capitalize}.share-card-chip-dot{background:#6366f1;background:var(--chip,#6366f1);border-radius:999px;height:8px;width:8px}.share-card-footline{align-items:center;display:flex;font-size:11px;justify-content:space-between;margin-top:auto;padding-top:16px}.share-card-brand{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:13px;font-weight:800;letter-spacing:-.01em}.share-card-fav{color:#ffffff8c;font-weight:500}.insights-leaderboard{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.insights-leaderboard-row{grid-gap:12px;align-items:center;animation:row-in .42s ease-out forwards;background:#f9fafb;border-radius:10px;display:grid;gap:12px;grid-template-columns:42px 1fr 50px;opacity:0;padding:10px 12px;transition:background .15s ease}.insights-leaderboard-row:first-child{animation-delay:40ms}.insights-leaderboard-row:nth-child(2){animation-delay:90ms}.insights-leaderboard-row:nth-child(3){animation-delay:.14s}.insights-leaderboard-row:nth-child(4){animation-delay:.19s}.insights-leaderboard-row:nth-child(n+5){animation-delay:.24s}@keyframes row-in{to{opacity:1}}.insights-leaderboard-row.me{background:linear-gradient(135deg,#6366f11f,#a855f71f);border:1px solid #6366f152;box-shadow:0 1px 0 #6366f10d}.insights-leaderboard-row.me .insights-leaderboard-name{color:#0f172a;font-weight:800}.insights-leaderboard-row.anon .insights-leaderboard-name{color:#94a3b8;font-style:italic}.insights-leaderboard-rank{color:#64748b;font-size:12px;font-weight:800;letter-spacing:.3px;text-align:center}.insights-leaderboard-medal{font-size:18px}.insights-leaderboard-name-wrap{display:flex;flex-direction:column;gap:6px;min-width:0}.insights-leaderboard-name{align-items:center;color:#0f172a;display:inline-flex;font-size:13px;font-weight:600;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insights-leaderboard-you-tag{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:999px;color:#fff;font-size:9px;font-weight:800;letter-spacing:.8px;padding:2px 6px;text-transform:uppercase}.insights-rank-change{align-items:center;animation:rank-pop .5s cubic-bezier(.2,.8,.2,1) both;border-radius:999px;display:inline-flex;font-size:10px;font-weight:800;gap:2px;letter-spacing:.2px;padding:2px 6px 2px 4px}.insights-rank-change.up{animation-name:rank-up;background:#10b98124;color:#059669}.insights-rank-change.down{animation-name:rank-down;background:#ef444424;color:#dc2626}.insights-rank-change.flat{background:#64748b24;color:#64748b}.insights-rank-change.new{background:linear-gradient(135deg,#6366f12e,#a855f72e);color:#6d28d9;letter-spacing:.6px;padding:2px 7px}@keyframes rank-pop{0%{opacity:0;transform:scale(.7)}55%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes rank-up{0%{opacity:0;transform:translateY(6px) scale(.7)}55%{transform:translateY(-2px) scale(1.12)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rank-down{0%{opacity:0;transform:translateY(-6px) scale(.7)}55%{transform:translateY(2px) scale(1.12)}to{opacity:1;transform:translateY(0) scale(1)}}.insights-leaderboard-bar{background:#eef2f7;border-radius:999px;height:5px;overflow:hidden}.insights-leaderboard-bar-fill{animation:bar-width .7s cubic-bezier(.2,.8,.2,1) both;border-radius:999px;height:100%}.insights-leaderboard-count{font-feature-settings:"tnum";color:#475569;font-size:13px;font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.insights-leaderboard-row.me .insights-leaderboard-count{color:#4338ca}.insights-leaderboard-sep{grid-gap:8px;align-items:center;color:#cbd5e1;display:grid;gap:8px;grid-template-columns:1fr auto 1fr;padding:6px 12px}.insights-leaderboard-sep span:not(.insights-leaderboard-sep-dots){background:#e2e8f0;height:1px}.insights-leaderboard-sep-dots{font-size:11px;letter-spacing:2px}.insights-header-inline{align-items:center;display:flex;gap:8px}.insights-title{color:#0f172a;color:var(--foreground,#0f172a);font-size:16px;font-weight:700;letter-spacing:-.01em}.insights-top-bar{align-items:center;display:flex;gap:12px;margin-bottom:18px}.insights-back-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#0f172a;cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:background .12s ease,transform .12s ease;width:34px}.insights-back-btn:hover{background:#f8fafc;transform:translateY(-1px)}.insights-top-title{color:#0f172a;font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0}.insights-top-sub{color:#64748b;font-size:12px;margin:2px 0 0}.insights-sample-banner{align-items:center;background:linear-gradient(135deg,#6366f114,#a855f714);border:1px solid #6366f12e;border-radius:12px;color:#4338ca;display:flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:18px;padding:10px 14px}.insights-hero-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:22px}@media (max-width:700px){.insights-hero-grid{grid-template-columns:repeat(2,1fr)}}.insights-hero-tile{animation:tile-in .5s cubic-bezier(.2,.8,.2,1) forwards;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px #0f172a0a;opacity:0;overflow:hidden;padding:14px 14px 16px;position:relative;transform:translateY(10px)}.insights-hero-tile:after{background:radial-gradient(circle at top right,#6366f1 0,#0000 60%);background:radial-gradient(circle at top right,var(--accent,#6366f1) 0,#0000 60%);content:"";inset:0;opacity:.06;pointer-events:none;position:absolute}.insights-hero-tile.pulse .insights-hero-icon{animation:pulse 1.6s infinite}@keyframes tile-in{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 currentColor;transform:scale(1)}50%{box-shadow:0 0 0 6px #f59e0b00;transform:scale(1.04)}}.insights-hero-icon{align-items:center;border-radius:8px;display:inline-flex;height:28px;justify-content:center;margin-bottom:10px;width:28px}.insights-hero-value{color:#0f172a;color:var(--foreground,#0f172a);font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.insights-hero-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.7px;margin-top:4px;text-transform:uppercase}.insights-hero-sublabel{color:#94a3b8;font-size:11px;font-weight:500;margin-top:3px}.insights-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 2px #0f172a0a;margin-bottom:18px;padding:18px 18px 20px}.insights-card.compact{padding:14px 16px 18px}.insights-card-head h2{color:#0f172a;font-size:15px;font-weight:700;margin:0}.insights-card-head p{color:#64748b;font-size:12px;margin:2px 0 14px}.insights-card.compact .insights-card-head h2{font-size:13px}.insights-donut-wrap{align-items:center;display:flex;gap:24px}@media (max-width:560px){.insights-donut-wrap{align-items:flex-start;flex-direction:column;gap:18px}}@keyframes donut-in{0%{stroke-dasharray:0 1000}}.insights-donut-num{fill:#0f172a;font-size:26px;font-weight:800}.insights-donut-cap{fill:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.insights-donut-legend{display:flex;flex:1 1;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.insights-donut-legend li{grid-gap:10px;align-items:center;background:#f9fafb;border-radius:8px;display:grid;font-size:13px;gap:10px;grid-template-columns:14px 1fr auto auto;padding:6px 8px;text-transform:capitalize}.insights-dot{border-radius:999px;height:10px;width:10px}.insights-legend-name{color:#0f172a;font-weight:600}.insights-legend-count{color:#475569;font-size:12px;font-weight:600}.insights-legend-pct{color:#94a3b8;font-size:12px;font-weight:600}.insights-heatmap{display:flex;flex-direction:column;gap:4px}.insights-heatmap-cols{grid-gap:4px;display:grid;gap:4px;grid-template-columns:42px repeat(6,1fr);margin-bottom:2px}.insights-heatmap-col-label{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.4px;text-align:center}.insights-heatmap-row{grid-gap:4px;display:grid;gap:4px;grid-template-columns:42px repeat(6,1fr)}.insights-heatmap-day{color:#64748b;font-weight:600}.insights-heatmap-cell,.insights-heatmap-day{align-items:center;display:flex;font-size:11px}.insights-heatmap-cell{animation:cell-in .34s ease-out forwards;border-radius:6px;color:#1e293b;font-weight:700;height:32px;justify-content:center;opacity:0}@keyframes cell-in{to{opacity:1}}.insights-heatmap-note{align-items:center;color:#4f46e5;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-top:10px}@keyframes bar-in{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.insights-trend-label{fill:#94a3b8;font-size:9px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.insights-trend-value{fill:#4f46e5;font-size:10px;font-weight:700}.insights-two-col{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:18px}@media (max-width:640px){.insights-two-col{grid-template-columns:1fr}}.insights-fav-court-top{align-items:center;color:#0f172a;display:flex;font-size:14px;font-weight:700;gap:6px}.insights-fav-name{font-weight:700}.insights-fav-meta{color:#64748b;display:flex;font-size:12px;font-weight:500;gap:6px;margin-top:6px}.insights-fav-bar{background:#f1f5f9;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.insights-fav-bar-fill{animation:bar-width .9s cubic-bezier(.2,.8,.2,1) both;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:999px;height:100%}@keyframes bar-width{0%{width:0!important}}.insights-partners{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.insights-partners li{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:32px 1fr auto}.insights-partner-avatar{align-items:center;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:32px;justify-content:center;letter-spacing:.3px;width:32px}.insights-partner-info{display:flex;flex-direction:column;gap:6px;min-width:0}.insights-partner-name{color:#0f172a;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insights-partner-bar{background:#f1f5f9;border-radius:999px;height:6px;overflow:hidden}.insights-partner-bar-fill{animation:bar-width .7s cubic-bezier(.2,.8,.2,1) both;background:#6366f1;border-radius:999px;height:100%}.insights-partner-count{color:#64748b;font-size:12px;font-weight:700}.insights-modern-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:18px}@media (max-width:720px){.insights-modern-row{grid-template-columns:1fr}}.insights-modern-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px #0f172a0a;padding:14px}.insights-modern-icon{align-items:center;border-radius:8px;display:inline-flex;height:28px;justify-content:center;margin-bottom:8px;width:28px}.insights-modern-title{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.insights-modern-value{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-top:2px}.insights-modern-blurb{color:#94a3b8;font-size:11px;line-height:1.4;margin-top:6px}.insights-export{align-items:center;background:linear-gradient(135deg,#6366f10a,#a855f70a);border:1px dashed #cbd5e1;border-radius:14px;display:flex;gap:14px;justify-content:space-between;padding:16px 18px}.insights-export h3{color:#0f172a;font-size:14px;font-weight:700;margin:0}.insights-export p{color:#64748b;font-size:12px;margin:2px 0 0}.insights-cta{align-items:center;background:#0f172a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:9px 14px;transition:transform .12s ease,background .12s ease}.insights-cta:hover:not(:disabled){background:#1f2937;transform:translateY(-1px)}.insights-cta:disabled{cursor:not-allowed;opacity:.55}.insights-empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;color:#64748b;padding:40px 20px;text-align:center}.insights-empty h3{color:#0f172a;font-size:15px;margin:10px 0 6px}.insights-empty p{font-size:12px;margin:0 0 14px}.insights-placeholder{color:#94a3b8;font-size:12px;padding:8px 0}.insights-skeleton-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:18px}@media (max-width:700px){.insights-skeleton-grid{grid-template-columns:repeat(2,1fr)}}.insights-skeleton-tile{border-radius:14px;height:104px}.insights-skeleton-block,.insights-skeleton-tile{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:400% 100%}.insights-skeleton-block{border-radius:16px;height:180px;margin-bottom:14px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.insights-toast{background:#0f172a;border-radius:999px;bottom:24px;box-shadow:0 12px 30px #0f172a40;color:#fff;font-size:13px;font-weight:600;left:50%;padding:10px 18px;position:fixed;transform:translateX(-50%);z-index:80}.ladder-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.ladder-premium-cta{align-items:center;background:linear-gradient(135deg,#d4af37,#8b7428);border:none;border-radius:999px;box-shadow:0 4px 14px #d4af3740;color:#08090b;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.3px;padding:8px 14px;transition:transform .15s ease,box-shadow .15s ease}.ladder-premium-cta:hover{box-shadow:0 6px 18px #d4af3759;transform:translateY(-1px)}.ladder-summary-card{margin-bottom:16px;overflow:hidden}.ladder-summary-grid{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto}@media (max-width:640px){.ladder-summary-grid{grid-template-columns:1fr}}.ladder-summary-main{min-width:0}.ladder-kicker{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.ladder-box-name{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0}.ladder-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ladder-pill{align-items:center;background:#f1f5f9;background:var(--muted,#f1f5f9);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px}.ladder-pill-time{background:#2563eb1a;color:#2563eb}.ladder-pill-rank{background:#d4af371f;color:#d4af37}.ladder-my-card{align-items:center;background:linear-gradient(135deg,#2563eb0d,#7c3aed0a);border:1px solid #2563eb2e;border-radius:14px;display:flex;gap:16px;padding:16px 18px}.ladder-my-label{color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:1px}.ladder-my-pts{color:#2563eb;font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1;margin-top:2px}.ladder-my-divider{align-self:stretch;background:#e5e7eb;background:var(--border,#e5e7eb);width:1px}.ladder-card{margin-bottom:16px;overflow:hidden}.ladder-section-head{padding:16px 20px 8px}.ladder-section-kicker{color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:1.2px;margin-bottom:4px}.ladder-section-title{color:var(--text-primary);font-size:18px;margin:0}.ladder-standing-row{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border,#e5e7eb);display:flex;gap:12px;padding:12px 20px;transition:background .15s ease}.ladder-standing-row:hover{background:#00000005}.ladder-standing-row.is-me{background:#2563eb0a}.ladder-rank{font-feature-settings:"tnum";font-size:14px;font-variant-numeric:tabular-nums;font-weight:700;text-align:center;width:26px}.ladder-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:700;height:34px;justify-content:center;width:34px}.ladder-name-col{flex:1 1;min-width:0}.ladder-name{color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ladder-you{color:#2563eb;font-size:11px;font-weight:600}.ladder-form-row{display:flex;gap:4px;margin-top:4px}.ladder-no-matches{color:var(--text-secondary);font-size:11px}.ladder-form-chip{font-feature-settings:"tnum";align-items:center;border-radius:4px;display:inline-flex;font-size:10px;font-variant-numeric:tabular-nums;font-weight:700;height:18px;justify-content:center;width:18px}.ladder-stats{align-items:center;display:flex;gap:16px}.ladder-stat{min-width:28px;text-align:center}.ladder-stat-val{font-feature-settings:"tnum";color:var(--text-primary);font-size:14px;font-variant-numeric:tabular-nums;font-weight:700}.ladder-stat-pts{color:#2563eb;font-size:16px}.ladder-stat-lbl{color:var(--text-secondary);font-size:9px;font-weight:700;letter-spacing:1px}.ladder-record-btn{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:6px 12px;transition:background .15s,border-color .15s}.ladder-record-btn:hover{background:#2563eb;border-color:#2563eb;color:#fff}.ladder-empty{color:var(--text-secondary);font-size:13px;padding:28px 20px;text-align:center}.ladder-empty,.ladder-match-row{border-top:1px solid #e5e7eb;border-top:1px solid var(--border,#e5e7eb)}.ladder-match-row{align-items:center;display:flex;gap:12px;padding:12px 20px}.ladder-match-main{flex:1 1;min-width:0}.ladder-match-players{color:var(--text-primary);font-size:13px;font-weight:600}.ladder-match-players .winner{color:#2563eb}.ladder-vs{color:var(--text-secondary);font-weight:500;margin:0 6px}.ladder-match-score{font-feature-settings:"tnum";color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums;margin-top:2px}.ladder-match-winner{background:#2563eb1f;border-radius:999px;color:#2563eb;font-size:11px;font-weight:700;padding:4px 10px}.ladder-record-modal{padding:24px}.ladder-modal-kicker{color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:1.5px}.ladder-modal-title{color:var(--text-primary);font-size:22px;margin:4px 0 16px}.ladder-modal-label{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:8px}.ladder-winner-toggle{display:flex;gap:8px;margin-bottom:16px}.ladder-winner-btn{background:#f1f5f9;background:var(--muted,#f1f5f9);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:10px;color:var(--text-primary);cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:all .15s}.ladder-winner-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.ladder-score-input{font-feature-settings:"tnum";background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:10px;box-sizing:border-box;color:var(--text-primary);font-size:14px;font-variant-numeric:tabular-nums;margin-bottom:16px;padding:10px 12px;width:100%}.ladder-score-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;outline:none}.ladder-error{background:#ef444414;border:1px solid #ef444440;border-radius:8px;color:#dc2626;font-size:12px;margin-bottom:14px;padding:8px 10px}.ladder-modal-actions{display:flex;gap:10px;justify-content:flex-end}.ladder-toast{background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:999px;bottom:90px;box-shadow:0 8px 24px #00000026;color:var(--text-primary);font-size:13px;font-weight:600;left:50%;padding:10px 18px;position:fixed;transform:translateX(-50%);z-index:100}.theme-demo{background:var(--background);min-height:100vh;padding:2rem 1rem}.theme-selector{margin:0 auto 3rem;max-width:1280px;text-align:center}.theme-selector h2{color:var(--foreground);font-size:2rem;margin-bottom:.5rem}.theme-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.95rem;margin-bottom:2rem}.theme-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.theme-btn{align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .2s ease}.theme-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.theme-btn.active{background:var(--muted);border-color:var(--primary);box-shadow:var(--shadow)}.theme-preview{border:2px solid var(--border);border-radius:var(--radius);flex-shrink:0;height:60px;width:60px}.theme-preview[data-theme-preview=minimal]{background:linear-gradient(135deg,#fff 50%,#111827 0)}.theme-preview[data-theme-preview=vibrant]{background:linear-gradient(135deg,#ff385c 50%,#00bfa5 0)}.theme-preview[data-theme-preview=pro]{background:linear-gradient(135deg,#0f172a 50%,#d4ff00 0)}.theme-preview[data-theme-preview=classic]{background:linear-gradient(135deg,#1b4d3e 50%,#d4af37 0)}.theme-preview[data-theme-preview=sport]{background:linear-gradient(135deg,#1976d2 25%,#fdd835 0,#fdd835 50%,#43a047 0,#43a047 75%,#fff 0)}.theme-name{color:var(--foreground);font-weight:600;margin-bottom:.25rem}.theme-desc{color:var(--muted-foreground);font-size:.875rem}.demo-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1280px}.hero-section{padding:3rem 1rem;text-align:center}.hero-section h1{color:var(--foreground);font-size:3rem;margin-bottom:1rem}.hero-subtitle{color:var(--muted-foreground);font-size:1.25rem;margin-bottom:2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.quick-booking{margin:0 auto;max-width:600px;width:100%}.booking-form{display:flex;flex-direction:column;gap:1.5rem}.time-slots{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.time-slot{align-items:center;border:var(--border-width) solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;transition:all .15s ease}.time-slot.available{background:var(--surface);color:var(--foreground)}.time-slot.available:hover{background:var(--muted);border-color:var(--primary)}.time-slot.booked{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed;opacity:.5}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-icon{color:var(--primary);height:48px;margin-bottom:1rem;width:48px}.features-grid h4{font-size:1.125rem;margin-bottom:.5rem}.features-grid p{color:var(--muted-foreground);font-size:.875rem}.booking-list{display:flex;flex-direction:column;gap:1rem}.booking-item{background:var(--muted);border:var(--border-width) solid var(--border);border-radius:var(--radius);gap:1rem;padding:1rem}.booking-icon,.booking-item{align-items:center;display:flex}.booking-icon{background:var(--primary);border-radius:var(--radius);color:var(--primary-foreground);flex-shrink:0;height:48px;justify-content:center;width:48px}.booking-details{flex:1 1}.booking-details h4{margin-bottom:.5rem}.booking-meta{color:var(--muted-foreground);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem}.booking-meta span{align-items:center;display:flex;gap:.5rem}.button-showcase{display:flex;flex-wrap:wrap;gap:1rem}@media (max-width:768px){.hero-section h1{font-size:2rem}.time-slots{grid-template-columns:repeat(2,1fr)}}.guest-shell{background:#f6f5ef;background:var(--background,#f6f5ef);color:#111;color:var(--foreground,#111);font-family:system-ui,-apple-system,sans-serif;font-family:var(--font-body,system-ui,-apple-system,sans-serif);min-height:100vh}.guest-topbar{background:#fff;background:var(--surface,#fff);border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border,#0000000f);box-shadow:0 1px 0 #00000005;position:sticky;top:0;z-index:50}.guest-topbar-inner{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:1280px;min-height:64px;padding:0 1.5rem}@media (min-width:769px){.guest-topbar-inner{padding:0 2rem}}.guest-topbar-left{align-items:center;display:flex;flex:1 1 auto;gap:12px;min-width:0}.guest-topbar-brand{align-items:center;color:inherit;display:inline-flex;font-size:.9375rem;font-weight:600;gap:10px;letter-spacing:-.01em;text-decoration:none}.guest-topbar-greeting{color:#111;color:var(--foreground,#111);display:none;font-weight:500}@media (min-width:600px){.guest-topbar-greeting{display:inline}}.guest-brand-pill{align-items:center;background:linear-gradient(135deg,#e07a5f,#d4a64a);border-radius:999px;color:#fff;display:inline-flex;font-size:.6875rem;font-weight:700;letter-spacing:.06em;padding:3px 9px;text-transform:uppercase}.guest-topbar-right{align-items:center;display:flex;flex-shrink:0;gap:12px;padding-right:2px}.guest-nav-link{color:inherit;display:none;font-size:.875rem;font-weight:500;padding:6px 4px;text-decoration:none;transition:color .12s ease}@media (min-width:769px){.guest-nav-link{display:inline}}.guest-nav-link:hover{color:#5a3a14}.credits-chip{align-items:center;background:linear-gradient(135deg,#d4af372e,#e07a5f2e);border:1px solid #d4af3766;border-radius:999px;color:#5a3a14;display:inline-flex;font-size:.8125rem;font-weight:700;gap:6px;padding:6px 12px;text-decoration:none}.credits-chip-label{display:none}@media (min-width:600px){.credits-chip-label{display:inline;font-weight:500}}.guest-page{margin:0 auto;max-width:1100px;padding:24px 1.5rem 80px}@media (min-width:769px){.guest-page{padding:32px 2rem 80px}}.guest-page h1{font-family:var(--font-body);font-family:var(--font-heading,var(--font-body));font-size:1.5rem;letter-spacing:-.02em;margin:0 0 6px}@media (min-width:600px){.guest-page h1{font-size:1.875rem}}.guest-page .subtle{color:#0000008c;font-size:.9375rem;margin-bottom:24px}.guest-card{background:#fff;background:var(--surface,#fff);border:1px solid #0000000f;border:1px solid var(--border,#0000000f);border-radius:16px;box-shadow:0 1px 2px #00000008;padding:18px;transition:box-shadow .2s ease,transform .2s ease}.guest-card:hover{box-shadow:0 6px 18px #0000000f}.guest-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}@media (max-width:600px){.guest-grid{gap:12px;grid-template-columns:1fr}}.guest-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:6px;justify-content:center;padding:11px 18px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;white-space:nowrap}.guest-btn:disabled{cursor:not-allowed;opacity:.5}.guest-btn-xs{font-size:.8125rem;padding:6px 12px}.guest-btn-sm{font-size:.875rem;padding:8px 14px}.guest-btn-primary{background:#111;color:#fff}.guest-btn-primary:hover:not(:disabled){box-shadow:0 6px 14px #0000002e;transform:translateY(-1px)}.guest-btn-accent{background:linear-gradient(135deg,#e07a5f,#d4a64a);color:#fff}.guest-btn-accent:hover:not(:disabled){box-shadow:0 8px 16px #e07a5f59;transform:translateY(-1px)}.guest-btn-ghost{background:#0000;border:1px solid #0000002e;color:#111;color:var(--foreground,#111)}.guest-btn-ghost:hover:not(:disabled){background:#0000000a}.guest-form{grid-gap:14px;display:grid;gap:14px;max-width:420px}.guest-form label{color:#000000b3;display:block;font-size:.8125rem;font-weight:600;margin-bottom:6px}.guest-form input,.guest-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #00000024;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:.9375rem;height:44px;line-height:1.4;padding:11px 14px;width:100%}.guest-form select{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23111%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><polyline points=%276 9 12 15 18 9%27/></svg>");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.guest-form input:focus,.guest-form select:focus{border-color:#0000;outline:2px solid #111;outline-offset:1px}.guest-error{background:#fdecec;color:#b21f24}.guest-error,.guest-success{border-radius:10px;font-size:.875rem;padding:10px 14px}.guest-success{background:#eaf6ee;color:#1f6f3f}.guest-auth-shell{align-items:stretch;display:grid;grid-template-columns:1fr;min-height:100vh}@media (min-width:900px){.guest-auth-shell{grid-template-columns:1.05fr 1fr}}.guest-auth-hero{background:linear-gradient(140deg,#1a2b3c,#2a4055 50%,#344a63);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:56px 32px}@media (min-width:769px){.guest-auth-hero{padding:56px 44px}}.guest-auth-hero h2{font-family:var(--font-body);font-family:var(--font-heading,var(--font-body));font-size:1.75rem;letter-spacing:-.02em;line-height:1.1;margin:0}@media (min-width:769px){.guest-auth-hero h2{font-size:2.25rem}}.guest-auth-hero p{color:#ffffffc7;font-size:1rem;max-width:36ch}.guest-auth-hero ul{grid-gap:10px;color:#ffffffd9;display:grid;font-size:.9375rem;gap:10px;list-style:none;margin:28px 0 0;padding:0}.guest-auth-hero ul li:before{color:#d4a64a;content:"→";font-weight:700;margin-right:10px}.guest-auth-form-wrap{align-items:center;display:flex;justify-content:center;padding:40px 24px}@media (min-width:769px){.guest-auth-form-wrap{padding:56px 28px}}.guest-hero-metrics{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin:0 0 24px}@media (max-width:600px){.guest-hero-metrics{grid-template-columns:1fr}}.guest-metric{background:#fff;background:var(--surface,#fff);border:1px solid #0000000f;border:1px solid var(--border,#0000000f);border-radius:16px;color:inherit;display:block;overflow:hidden;padding:18px 20px;position:relative;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.guest-metric.clickable:hover{box-shadow:0 8px 20px #0000000f;transform:translateY(-2px)}.guest-metric .label{color:#0000008c;font-size:.6875rem;font-weight:700;letter-spacing:.16em;margin:0 0 8px;text-transform:uppercase}.guest-metric .value{font-family:var(--font-body);font-family:var(--font-heading,var(--font-body));font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1}.guest-metric .subtext{color:#00000080;font-size:.8125rem;margin-top:6px}.guest-metric .arrow{font-size:1rem;opacity:.4;position:absolute;right:18px;top:18px;transition:opacity .2s}.guest-metric.clickable:hover .arrow{opacity:1;transform:translateX(2px)}.guest-metric-credits{background:linear-gradient(135deg,#d4af371a,#e07a5f1a);border-color:#d4af374d}.guest-metric-credits .value{color:#5a3a14}.guest-section-head{align-items:baseline;display:flex;gap:14px;justify-content:space-between;margin:28px 0 14px}.guest-section-head h2{font-family:var(--font-body);font-family:var(--font-heading,var(--font-body));font-size:1.0625rem;letter-spacing:-.01em;margin:0}.guest-section-head .head-meta{color:#0000008c;font-size:.8125rem}.guest-quickbook{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:8px}@media (max-width:720px){.guest-quickbook{grid-template-columns:1fr}}.guest-quickbook-card{background:#fff;background:var(--surface,#fff);border:1px solid #0000000f;border:1px solid var(--border,#0000000f);border-radius:16px;color:inherit;display:flex;flex-direction:column;gap:8px;min-height:132px;overflow:hidden;padding:20px;position:relative;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.guest-quickbook-card:hover{box-shadow:0 14px 32px #0000001a;transform:translateY(-3px)}.guest-quickbook-card:before{background:linear-gradient(135deg,#1f6f3f0f,#4a90e20f);content:"";inset:0;pointer-events:none;position:absolute}.guest-quickbook-card>*{position:relative}.guest-quickbook-card .qb-eyebrow{color:#1f6f3f;font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.guest-quickbook-card h3{font-family:var(--font-body);font-family:var(--font-heading,var(--font-body));font-size:1.125rem;line-height:1.2;margin:4px 0 0}.guest-quickbook-card .qb-meta{color:#0009;font-size:.875rem}.guest-quickbook-card .qb-foot{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.guest-quickbook-card .qb-cta{color:#111;font-size:.875rem;font-weight:600}.guest-quickbook-card .distance-pill{align-items:center;background:#1f6f3f1f;border-radius:999px;color:#1f6f3f;display:inline-flex;font-size:.6875rem;font-weight:700;gap:4px;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.guest-booking-card{background:#fffdf5;border:1.5px solid #111;border-radius:14px;color:inherit;display:flex;filter:drop-shadow(0 4px 16px rgba(0,0,0,.06));flex-direction:row;min-height:96px;overflow:hidden;text-decoration:none;transition:transform .15s,box-shadow .15s}.guest-booking-card:hover{box-shadow:0 10px 28px #0000001a;transform:translateY(-2px)}.guest-booking-stub{align-items:center;background:#d4a64a;background:var(--stub-color,#d4a64a);border-right:2px dashed #111;color:#111;display:flex;flex-direction:column;flex-shrink:0;gap:4px;justify-content:center;min-width:92px;padding:18px 14px}.guest-booking-stub .day{font-family:var(--font-body);font-family:var(--font-heading,var(--font-body));font-size:1.625rem;font-weight:800;line-height:1}.guest-booking-stub .month{font-size:.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.guest-booking-stub .sport-tag{font-size:.625rem;font-weight:700;letter-spacing:.08em;margin-top:2px;opacity:.75;text-transform:uppercase}.guest-booking-body{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:14px 18px}.guest-booking-body .title{font-family:var(--font-body);font-family:var(--font-heading,var(--font-body));font-size:1rem;font-weight:700;letter-spacing:-.005em;line-height:1.2}.guest-booking-body .meta{color:#0000008c;font-size:.8125rem;margin-top:4px}.guest-booking-body .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.guest-booking-body .badges .badge{background:#f1efe7;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.guest-booking-aside{align-items:flex-end;background:#fffdf5;border-left:2px dashed #111;display:flex;flex-direction:column;flex-shrink:0;font-size:.8125rem;justify-content:center;min-width:100px;padding:14px 16px}.guest-booking-aside .credits-line{color:#5a3a14;font-family:var(--font-body);font-family:var(--font-heading,var(--font-body));font-size:1rem;font-weight:800}.guest-booking-aside .status-line{color:#0000008c;font-size:.75rem;margin-top:6px}.stub-tennis{--stub-color:#b65c3a;color:#fff}.stub-padel{--stub-color:#1e3a8a;color:#fff}.stub-badminton{--stub-color:#0891b2;color:#fff}.stub-squash{--stub-color:#c9a66b;color:#111}.stub-default{--stub-color:#d4a64a;color:#111}@media (max-width:600px){.guest-booking-card{flex-direction:column}.guest-booking-stub{border-bottom:2px dashed #111;border-right:none;flex-direction:row;gap:12px;justify-content:space-between;min-width:auto;padding:10px 14px}.guest-booking-stub .day{font-size:1.25rem}.guest-booking-aside{align-items:flex-start;border-left:none;border-top:2px dashed #111;flex-direction:row;gap:12px}.guest-booking-aside .status-line{margin-top:0}}.guest-club-tile{grid-gap:8px;cursor:pointer;display:grid;gap:8px}.guest-club-tile h3{font-family:var(--font-body);font-family:var(--font-heading,var(--font-body));font-size:1.0625rem;margin:0}.guest-club-tile .meta{color:#0000008c;font-size:.8125rem}.guest-club-tile .sports{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.guest-club-tile .sport-chip{background:#f1efe7;font-weight:600;letter-spacing:.06em}.guest-club-tile .distance-pill,.guest-club-tile .sport-chip{border-radius:999px;font-size:.6875rem;padding:3px 10px;text-transform:uppercase}.guest-club-tile .distance-pill{align-items:center;background:#1f6f3f1f;color:#1f6f3f;display:inline-flex;font-weight:700;gap:4px;letter-spacing:.04em}.pack-tile{padding:24px 20px;position:relative;text-align:left}.pack-tile.popular{border:2px solid #d4a64a}.pack-tile .badge{background:#d4a64a;border-radius:999px;color:#fff;font-size:.6875rem;font-weight:700;left:18px;letter-spacing:.05em;padding:4px 10px;position:absolute;top:-10px}.pack-tile h4{font-size:1rem;margin:0}.pack-tile .price{font-family:var(--font-body);font-family:var(--font-heading,var(--font-body));font-size:2rem;font-weight:700;margin:6px 0 2px}.pack-tile .credits{color:#5a3a14;font-size:.9375rem;font-weight:600}.pack-tile .desc{color:#0000008c;font-size:.8125rem;margin:6px 0 14px}.guest-timeline{grid-gap:0;background:#fafaf6;border-radius:12px;border-top:1px solid #0000000f;display:grid;gap:0;grid-template-columns:64px 1fr;overflow:hidden}.guest-timeline-row{display:contents}.guest-timeline-time{font-feature-settings:"tnum";color:#0000008c;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;padding:10px 8px}.guest-timeline-cell,.guest-timeline-time{background:#fff;border-bottom:1px solid #0000000f}.guest-timeline-cell{align-items:center;border-left:1px solid #0000000f;color:#0009;cursor:pointer;display:flex;font-size:.8125rem;gap:8px;min-height:44px;padding:12px 14px;transition:background .14s,transform .14s}.guest-timeline-cell:hover{background:#f1efe7}.guest-timeline-cell.busy{background:repeating-linear-gradient(45deg,#f0eeea,#f0eeea 6px,#fafaf6 0,#fafaf6 12px);color:#0000006b;cursor:not-allowed;font-weight:500}.guest-timeline-cell.busy:before{background:#00000052;border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:6px;width:6px}.guest-timeline-cell.member-only{background:repeating-linear-gradient(45deg,#b420240f,#b420240f 6px,#fafaf6 0,#fafaf6 12px);color:#b21f24;cursor:not-allowed;font-size:.75rem;font-weight:600}.guest-timeline-cell.member-only:before{color:#b21f24;content:"★";flex-shrink:0;font-size:.625rem}.guest-restrictions-banner{background:#1f6f3f0f;border:1px solid #1f6f3f2e;border-radius:10px;color:#1f6f3f;font-size:.8125rem;line-height:1.55;margin-bottom:12px;padding:8px 12px}.guest-timeline-cell.selected{background:#111;color:#fff;font-weight:600;transform:scale(1.005)}.guest-timeline-cell.selected:before{content:"✓";flex-shrink:0;font-weight:700}.sport-color-tennis{--sport:#1f6f3f}.sport-color-padel{--sport:#4a90e2}.sport-color-badminton{--sport:#d4a64a}.sport-color-squash{--sport:#b21f24}.sport-color-default{--sport:#111}.guest-timeline-cell.selected.sport-color-tennis{background:#1f6f3f}.guest-timeline-cell.selected.sport-color-padel{background:#4a90e2}.guest-timeline-cell.selected.sport-color-badminton{background:#d4a64a}.guest-timeline-cell.selected.sport-color-squash{background:#b21f24}.qr-stage{align-items:center;display:flex;flex-direction:column;gap:14px;padding:24px}.qr-stage img{border:8px solid #fff;border-radius:16px;box-shadow:0 12px 32px #0000002e;height:240px;image-rendering:pixelated;width:240px}.qr-stage .qr-meta{text-align:center}.booking-detail dl{grid-gap:8px 16px;display:grid;font-size:.9375rem;gap:8px 16px;grid-template-columns:130px 1fr}.booking-detail dt{color:#0000008c}.booking-detail dd{margin:0}@media (max-width:600px){.booking-detail dl{grid-template-columns:100px 1fr}}.invite-share{align-items:center;background:#f1efe7;border:1px solid #0000000f;border-radius:10px;display:flex;font-family:monospace;font-size:.8125rem;gap:8px;padding:10px 12px;word-break:break-all}.gbc{color:inherit;display:block;text-decoration:none;transition:transform .2s}.gbc:hover{transform:translateY(-2px)}.gbc-ticket .gbc-ticket-shell{background:#fffdf5;border:1.5px solid #111;border-radius:14px;display:flex;filter:drop-shadow(0 4px 16px rgba(0,0,0,.06));flex-direction:row;overflow:hidden}.gbc-ticket-stub{align-items:center;background:#d4a64a;background:var(--stub-color,#d4a64a);border-right:2px dashed #111;color:#111;display:flex;flex-direction:column;flex-shrink:0;gap:4px;justify-content:center;min-width:96px;padding:18px 14px}.gbc-ticket-stub-eyebrow{font-size:.625rem;font-weight:700;letter-spacing:.16em;opacity:.7;text-transform:uppercase}.gbc-ticket-stub-day{font-family:var(--font-body);font-family:var(--font-heading,var(--font-body));font-size:1.875rem;font-weight:800;line-height:1}.gbc-ticket-stub-month{font-size:.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.gbc-ticket-stub-sport{font-size:.625rem;font-weight:700;letter-spacing:.08em;margin-top:4px;opacity:.75;text-transform:uppercase}.gbc-ticket-body{flex:1 1;min-width:0;padding:16px 18px}.gbc-ticket-title{font-family:var(--font-body);font-family:var(--font-heading,var(--font-body));font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.gbc-ticket-venue{color:#0000008c;font-size:.8125rem;margin:4px 0 12px}.gbc-time-strip{font-feature-settings:"tnum";align-items:center;background:#111;border-radius:8px;color:#fff;display:flex;flex-wrap:wrap;font-variant-numeric:tabular-nums;gap:10px;margin-bottom:12px;padding:10px 12px}.gbc-time-big{font-size:1.125rem;font-weight:700}.gbc-time-arrow{opacity:.5}.gbc-duration-pill{background:var(--stub-color);border-radius:4px;color:#111;font-size:.625rem;font-weight:800;letter-spacing:.12em;margin-left:auto;padding:3px 8px}.gbc-meta-chips{display:flex;flex-wrap:wrap;gap:6px}.gbc-chip{background:#f5f1ea;border:1px solid #00000014;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.gbc-ticket-aside{align-items:flex-end;background:#fffdf5;border-left:2px dashed #111;display:flex;flex-direction:column;flex-shrink:0;font-size:.8125rem;justify-content:center;min-width:110px;padding:14px 16px}.gbc-aside-credits{color:#5a3a14;font-family:var(--font-body);font-family:var(--font-heading,var(--font-body));font-size:1rem;font-weight:800}.gbc-aside-cta{color:#0000008c;font-size:.75rem;margin-top:6px}.gbc-pass .gbc-ticket-shell{flex-direction:column}.gbc-pass .gbc-ticket-stub{border-bottom:2px dashed #111;border-right:none;flex-direction:row;gap:12px;min-width:0}.gbc-pass .gbc-ticket-stub-day{font-size:1.5rem}.gbc-pass .gbc-ticket-aside{display:none}.gbc-pass-qr-row{align-items:center;border-top:2px dashed #111;display:flex;gap:16px;margin-top:14px;padding:16px 0 4px}.gbc-pass-qr-frame{background:#fff;border:1.5px solid #111;border-radius:12px;flex-shrink:0;padding:8px}.gbc-pass-qr-frame img{display:block;height:132px;image-rendering:pixelated;width:132px}.gbc-pass-qr-meta{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0}.gbc-pass-qr-help{color:#0009;font-size:.8125rem;line-height:1.5;margin:0}.gbc-wallet-btn{align-items:center;align-self:flex-start;background:#111;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;gap:10px;padding:10px 14px;text-align:left;transition:transform .12s,opacity .12s}.gbc-wallet-btn:hover{transform:translateY(-1px)}.gbc-wallet-btn:disabled{cursor:not-allowed;opacity:.6}.gbc-wallet-glyph{font-size:1.125rem}.gbc-wallet-tag{display:block;font-size:.625rem;letter-spacing:.12em;line-height:1;opacity:.65;text-transform:uppercase}.gbc-wallet-name{display:block;font-size:.9375rem;font-weight:700;line-height:1.2}.gbc-wallet-btn-dark{background:#5a3a14;background:var(--stub-color,#5a3a14);color:#0b0906}.gbc-clean .gbc-clean-shell{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #d4a64a;border-left:4px solid var(--sport,#d4a64a);border-radius:16px;display:flex;font-family:"Inter",var(--font-body);gap:16px;padding:18px}.gbc-clean-time{border-right:1px solid #f1f3f5;min-width:96px;padding-right:12px}.gbc-clean-date{color:#6b7280;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.gbc-clean-start{font-feature-settings:"tnum";font-size:1.625rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;line-height:1;margin-top:6px}.gbc-clean-end{font-feature-settings:"tnum";color:#6b7280;font-size:.8125rem;font-variant-numeric:tabular-nums;margin-top:4px}.gbc-clean-body{flex:1 1;min-width:0}.gbc-clean-tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.gbc-clean-sport-tag{align-items:center;border:1px solid;border-radius:6px;display:inline-flex;font-size:.6875rem;font-weight:700;letter-spacing:.04em;padding:3px 8px}.gbc-clean-price{color:#9ca3af;font-size:.75rem;font-weight:500}.gbc-clean-court{font-size:1.0625rem;font-weight:600;margin-bottom:2px}.gbc-clean-venue{color:#6b7280;font-size:.8125rem}.gbc-clean-cta{align-items:center;display:flex;padding-left:12px}.gbc-clean-qr-row{border-top:1px dashed #e5e7eb}.gbc-premium .gbc-premium-shell{background:linear-gradient(180deg,#14110c,#0b0906);border:1px solid var(--sport-rgba-line);border-radius:20px;box-shadow:inset 0 1px 0 #ffffff0a,0 20px 40px -20px #0009;color:#e8e1d3;font-family:"Inter",var(--font-body);overflow:hidden;padding:22px;position:relative}.gbc-premium-glow{background:radial-gradient(circle,var(--sport-rgba-glow) 0,#0000 60%);height:200px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:200px}.gbc-premium-status{align-items:center;display:flex;font-family:JetBrains Mono,SF Mono,monospace;font-size:.625rem;font-weight:500;gap:8px;letter-spacing:.16em;margin-bottom:8px;text-transform:uppercase}.gbc-premium-dot{border-radius:50%;height:5px;width:5px}.gbc-premium-title{color:#f5efe0;font-size:1.25rem;font-weight:500;letter-spacing:-.01em;margin-bottom:4px}.gbc-premium-venue{color:#8b8275;font-size:.75rem;margin-bottom:14px}.gbc-premium-divider{background:repeating-linear-gradient(90deg,var(--sport-rgba-line) 0,var(--sport-rgba-line) 4px,#0000 4px,#0000 8px);height:1px;margin:14px 0}.gbc-premium-time-row{display:flex;gap:16px;justify-content:space-between}.gbc-premium-time-col-right{text-align:right}.gbc-premium-time-label{color:#8b8275;font-family:JetBrains Mono,monospace;font-size:.5625rem;letter-spacing:.16em;margin-bottom:4px;text-transform:uppercase}.gbc-premium-time-val{font-feature-settings:"tnum";color:#f5efe0;font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.02em}.gbc-premium-meta{border:1px solid var(--sport-rgba-line);border-radius:4px;color:#8b8275;font-family:JetBrains Mono,monospace;font-size:.6875rem;letter-spacing:.05em;margin-top:12px;padding:6px;text-align:center}.gbc-premium-qr-row{border-top:1px solid var(--sport-rgba-line);margin-top:16px;padding-top:16px}.gbc-premium-qr-frame{background:#1f1a12;border-color:var(--sport-rgba-line)}.gbc-premium-qr-help{color:#8b8275;font-family:JetBrains Mono,monospace;font-size:.6875rem;letter-spacing:.05em}.gbc-premium .gbc-wallet-btn{background:#d4a64a;background:var(--sport,#d4a64a);color:#0b0906}.gbc-diagram .gbc-diagram-shell{background:#0f1115;border:1px solid #1f2937;border-radius:18px;color:#e5e7eb;display:flex;flex-direction:row;font-family:"Inter",var(--font-body);overflow:hidden}.gbc-diagram-court{align-items:center;background:#1f6f3f;background:var(--sport,#1f6f3f);background-image:radial-gradient(circle,#0000000f 1px,#0000 0);background-size:8px 8px;display:flex;flex-shrink:0;justify-content:center;min-height:180px;padding:16px;position:relative;width:200px}.gbc-diagram-badge{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:999px;color:#fff;display:inline-flex;font-size:.625rem;font-weight:700;gap:6px;left:12px;letter-spacing:.12em;padding:4px 10px;position:absolute;text-transform:uppercase;top:12px}.gbc-diagram-dot{background:#facc15;border-radius:50%;box-shadow:0 0 8px #facc15;height:6px;width:6px}.gbc-diagram-sportlabel{bottom:10px;color:#fffc;font-family:JetBrains Mono,SF Mono,monospace;font-size:.625rem;font-weight:600;letter-spacing:.16em;position:absolute;right:12px;text-transform:uppercase}.gbc-diagram-body{flex:1 1;min-width:0;padding:18px 20px}.gbc-diagram-eyebrow{color:#9ca3af;font-size:.625rem;font-weight:700;letter-spacing:.16em;margin-bottom:6px;text-transform:uppercase}.gbc-diagram-time{font-feature-settings:"tnum";color:#fff;font-size:1.625rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.02em;line-height:1.1}.gbc-diagram-arrow{color:#6b7280;font-weight:400}.gbc-diagram-meta{color:#9ca3af;font-size:.8125rem;margin:4px 0 12px}.gbc-diagram-chips{display:flex;flex-wrap:wrap;gap:8px}.gbc-diagram-chip{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;color:#d1d5db;font-size:.6875rem;font-weight:700;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.gbc-diagram-cta{color:#facc15;font-size:.8125rem;font-weight:600;letter-spacing:.04em;margin-top:12px}.gbc-diagram-qr-row{border-top:1px solid #1f2937}.gbc-diagram-qr-frame{background:#1f2937;border-color:#ffffff1a}.gbc-diagram-qr-help{color:#9ca3af;font-family:JetBrains Mono,monospace;font-size:.6875rem;letter-spacing:.05em;margin:0}.gbc-diagram .gbc-wallet-btn{background:#facc15;color:#0f1115}.gbc-stub .gbc-stub-shell{background:#fffdf5;border:1.5px solid #111;border-radius:14px;display:flex;filter:drop-shadow(0 4px 16px rgba(0,0,0,.08));flex-direction:row;font-family:"Inter",var(--font-body);overflow:hidden;position:relative}.gbc-stub-side{align-items:center;background:#d4a64a;background:var(--stub-color,#d4a64a);border-right:2px dashed #111;color:#111;display:flex;flex-direction:column;flex-shrink:0;gap:12px;justify-content:center;min-width:92px;padding:18px 14px}.gbc-stub-side-eyebrow{font-size:.5625rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;transform:rotate(180deg);writing-mode:vertical-rl}.gbc-stub-side-sport{font-size:1.375rem;font-weight:900;letter-spacing:-.02em;line-height:1}.gbc-stub-perf{background:#f6f5ef;background:var(--background,#f6f5ef);border:1.5px solid #111;border-radius:50%;height:14px;left:84px;pointer-events:none;position:absolute;width:14px}.gbc-stub-perf-top{top:-8px}.gbc-stub-perf-bot{bottom:-8px}.gbc-stub-body{flex:1 1;min-width:0;padding:16px 18px}.gbc-stub-title{color:#111;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:4px}.gbc-stub-venue{color:#555;font-size:.8125rem;margin-bottom:12px}.gbc-stub-time{font-feature-settings:"tnum";align-items:center;background:#111;border-radius:8px;color:#fff;display:flex;flex-wrap:wrap;font-variant-numeric:tabular-nums;gap:10px;margin-bottom:12px;padding:10px 12px}.gbc-stub-time-big{font-size:1.25rem;font-weight:700}.gbc-stub-time-arrow{opacity:.5}.gbc-stub-time-pill{background:var(--stub-color);border-radius:4px;color:#111;font-size:.625rem;font-weight:800;letter-spacing:.12em;margin-left:auto;padding:3px 8px;text-transform:uppercase}.gbc-stub-chips{display:flex;flex-wrap:wrap;gap:6px}.gbc-stub-chip{background:#f5f1ea;border:1px solid #111;border-radius:4px;font-size:.6875rem;padding:3px 8px;text-transform:uppercase}.gbc-stub-chip,.gbc-stub-cta{color:#111;font-weight:700;letter-spacing:.04em}.gbc-stub-cta{font-size:.8125rem;margin-top:12px}.gbc-stub-qr-row{border-top:2px dashed #111}.gbc-stub-qr-frame{background:#fff;border:1.5px solid #111}.gbc-stub .gbc-wallet-btn.gbc-stub-wallet{background:#d4a64a;background:var(--stub-color,#d4a64a);border:1.5px solid #111;box-shadow:2px 2px 0 #111;color:#111}.gbc-stub .gbc-wallet-btn.gbc-stub-wallet:hover{box-shadow:0 0 0 #111;transform:translate(2px,2px)}@media (max-width:600px){.gbc-ticket .gbc-ticket-shell{flex-direction:column}.gbc-ticket-stub{border-bottom:2px dashed #111;border-right:none;flex-direction:row;justify-content:space-between;min-width:0;padding:12px 14px}.gbc-ticket-aside{align-items:flex-start;border-left:none;border-top:2px dashed #111;flex-direction:row;gap:12px}.gbc-ticket-aside .gbc-aside-cta{margin-top:0}.gbc-clean .gbc-clean-shell{flex-direction:column;gap:12px}.gbc-clean-time{align-items:center;border-bottom:1px solid #f1f3f5;border-right:none;display:flex;gap:12px;min-width:0;padding-bottom:12px;padding-right:0}.gbc-clean-cta{border-top:1px solid #f1f3f5;padding-left:0;padding-top:12px}.gbc-pass-qr-row{align-items:flex-start;flex-direction:column}.gbc-pass-qr-frame img{height:160px;width:160px}.gbc-premium-time-row{flex-direction:row}.gbc-diagram .gbc-diagram-shell{flex-direction:column}.gbc-diagram-court{min-height:150px;width:100%}.gbc-stub .gbc-stub-shell{flex-direction:column}.gbc-stub-side{border-bottom:2px dashed #111;border-right:none;flex-direction:row;gap:14px;justify-content:space-between;min-width:0;padding:12px 16px}.gbc-stub-side-eyebrow{transform:none;writing-mode:horizontal-tb}.gbc-stub-perf{display:none}}.gnav-bottom{align-items:stretch;background:#fff;background:var(--surface,#fff);border-top:1px solid #00000014;bottom:0;display:none;justify-content:space-around;left:0;padding:6px 4px env(safe-area-inset-bottom,6px);position:fixed;right:0;z-index:60}@media (max-width:768px){.gnav-bottom{display:flex}}.gnav-item{align-items:center;background:#0000;border:none;color:#0000008c;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;font-size:.625rem;font-weight:600;gap:2px;letter-spacing:.04em;padding:8px 4px;text-decoration:none;text-transform:uppercase;transition:color .12s}.gnav-item.active,.gnav-item:hover{color:#111}.gnav-item svg{stroke:currentColor}.gnav-hamburger{background:#0000;border:none;border-radius:8px;color:inherit;cursor:pointer;display:none;padding:6px}@media (min-width:769px){.gnav-hamburger{display:inline-flex}}.gnav-hamburger:hover{background:#0000000a}.gnav-side-backdrop{background:#0006;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s;z-index:80}.gnav-side-backdrop.open{opacity:1;pointer-events:auto}.gnav-side{background:#fff;background:var(--surface,#fff);border-right:1px solid #00000014;bottom:0;display:flex;flex-direction:column;gap:18px;left:0;max-width:80vw;padding:20px;position:fixed;top:0;transform:translateX(-100%);transition:transform .24s ease;width:280px;z-index:90}.gnav-side.open{transform:translateX(0)}.gnav-side-head{align-items:center;display:flex;justify-content:space-between}.gnav-side-eyebrow{color:#00000080;font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.gnav-side-close{background:#0000;border:none;color:#00000080;cursor:pointer;font-size:1.75rem;line-height:1;padding:0 6px}.gnav-side-list{display:flex;flex-direction:column;gap:4px}.gnav-side-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#000000b3;cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:500;gap:12px;padding:12px 14px;text-align:left;text-decoration:none;transition:background .12s}.gnav-side-item:hover{background:#0000000a}.gnav-side-item.active{background:#0000000f;color:#111}.gme-sheet{animation:gmeSlideUp .24s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--surface,#fff);border-radius:24px 24px 0 0;bottom:0;box-shadow:0 -16px 48px #0000002e;left:0;max-height:80vh;overflow-y:auto;padding:14px 20px env(safe-area-inset-bottom,24px);position:fixed;right:0;z-index:100}@keyframes gmeSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:768px){.gme-sheet{animation:gmeFadeIn .2s ease;border-radius:20px;bottom:auto;left:50%;max-height:80vh;right:auto;top:50%;transform:translate(-50%,-50%);width:480px}@keyframes gmeFadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}}.gme-handle{background:#00000026;border-radius:2px;height:4px;margin:0 auto 10px;width:40px}@media (min-width:768px){.gme-handle{display:none}}.gme-head{align-items:center;display:flex;justify-content:space-between}.gme-head h3{font-family:var(--font-body);font-family:var(--font-heading,var(--font-body));font-size:1.0625rem;letter-spacing:-.01em;margin:0}.gme-sub{color:#0000008c;font-size:.8125rem;margin:4px 0 18px}.gme-themes{grid-gap:12px;display:grid;gap:12px}.gme-theme{align-items:center;background:#fff;background:var(--surface,#fff);border:1.5px solid #00000014;border-radius:14px;cursor:pointer;display:flex;font-family:inherit;gap:14px;padding:14px;position:relative;text-align:left;transition:border-color .15s,background .15s}.gme-theme.active,.gme-theme:hover{background:#00000005}.gme-theme.active{border-color:#111}.gme-theme-preview{border-radius:8px;flex-shrink:0;height:50px;width:70px}.gme-theme-clean{background:#fff;border:1.5px solid #e5e7eb;border-left:4px solid #1e3a8a}.gme-theme-ticket{background:#fffdf5;border:1.5px solid #111;border-left:14px solid #b65c3a}.gme-theme-premium{background:linear-gradient(180deg,#14110c,#0b0906);border:1px solid #f59e0b40}.gme-theme-diagram{background:#0f1115;background-image:linear-gradient(90deg,#0000,#0000 28px,#facc1559 0,#facc1559 42px,#0000 0),linear-gradient(0deg,#0000,#0000 12px,#fff 0,#fff 13px,#0000 0,#0000 36px,#fff 0,#fff 37px,#0000 0),linear-gradient(90deg,#0000,#0000 33px,#fff 0,#fff 34px,#0000 0);border:1px solid #1f2937}.gme-theme-stub{background:#fffdf5;border:1.5px solid #111;border-left:16px solid #b65c3a;position:relative}.gme-theme-stub:after{background:#f6f5ef;border:1.5px solid #111;border-radius:50%;box-shadow:0 56px 0 #f6f5ef,inset 0 56px 0 0 #111;content:"";height:6px;left:14px;position:absolute;top:-3px;width:6px}.gme-theme-label{flex:1 1;min-width:0}.gme-theme-label strong{display:block;font-size:.9375rem;font-weight:700}.gme-theme-label span{color:#0000008c;display:block;font-size:.75rem;line-height:1.4;margin-top:2px}.gme-theme-tick{align-items:center;background:#111;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;position:absolute;right:12px;top:12px;width:22px}@media (max-width:768px){.guest-page{padding-bottom:96px}}@layer css-reset{
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,pre,samp{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:initial}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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:initial}::-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__attachment-selector__menu-button__icon{transform:none}}.str-chat__prepare-rotate45{transform:rotate(0);transform-origin:center center;transition:transform .2s ease}.str-chat__rotate45{transform:rotate(45deg)}.str-chat,.str-chat__theme-dark .str-chat__theme-inverse{--str-chat__base-transparent-0:#fff0;--str-chat__base-transparent-white-10:#ffffff1a;--str-chat__base-transparent-white-20:#fff3;--str-chat__base-transparent-white-30:#ffffff4d;--str-chat__base-transparent-white-70:#ffffffb3;--str-chat__base-transparent-black-5:#0000000d;--str-chat__base-transparent-black-10:#0000001a;--str-chat__base-transparent-black-70:#000000b3;--str-chat__base-black:#000;--str-chat__base-white:#fff;--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 #0000000d,0px 1px 2px 0px #0000001a,0px 4px 8px 0px #0000000f;--str-chat__light-elevation-2:0px 0px 0px 1px #0000000d,0px 2px 4px 0px #0000001f,0px 6px 16px 0px #0000000f;--str-chat__light-elevation-3:0px 0px 0px 1px #0000000d,0px 4px 8px 0px #00000024,0px 12px 24px 0px #0000001a;--str-chat__light-elevation-4:0px 0px 0px 1px #0000000d,0px 6px 12px 0px #00000029,0px 20px 32px 0px #0000001f;--str-chat__dark-elevation-1:0px 0px 0px 1px #ffffff26,0px 1px 2px 0px #0003,0px 4px 8px 0px #0000001a;--str-chat__dark-elevation-2:0px 0px 0px 1px #ffffff26,0px 2px 4px 0px #00000038,0px 6px 16px 0px #0000001f;--str-chat__dark-elevation-3:0px 0px 0px 1px #ffffff26,0px 4px 8px 0px #0000003d,0px 12px 24px 0px #00000024;--str-chat__dark-elevation-4:0px 0px 0px 1px #ffffff26,0px 6px 12px 0px #00000047,0px 20px 32px 0px #00000029;--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:#ffffffbf;--str-chat__background-core-overlay-dark:#1a1b2540;--str-chat__background-core-scrim:#1a1b2580;--str-chat__background-utility-hover:#1a1b251a;--str-chat__background-utility-pressed:#1a1b2526;--str-chat__background-utility-selected:#1a1b2533;--str-chat__border-utility-hover:#1a1b251a;--str-chat__border-utility-pressed:#1a1b2533;--str-chat__border-utility-selected:#1a1b2526;--str-chat__border-core-opacity-subtle:#1a1b251a;--str-chat__border-core-opacity-strong:#1a1b2540;--str-chat__system-bg-blur:#ffffff03;--str-chat__system-scrollbar:#00000080;--str-chat__badge-bg-overlay:#000000bf;--str-chat__control-play-button-bg:#000000bf;--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:not(.str-chat__theme-dark) :not(.str-chat__theme-dark) .str-chat__theme-inverse,.str-chat__theme-dark{--str-chat__background-core-overlay-light:#000000bf;--str-chat__background-core-overlay-dark:#00000080;--str-chat__background-core-scrim:#000000bf;--str-chat__background-utility-hover:#ffffff26;--str-chat__background-utility-pressed:#fff3;--str-chat__background-utility-selected:#ffffff40;--str-chat__border-utility-selected:#ffffff26;--str-chat__border-utility-hover:#ffffff1a;--str-chat__border-utility-pressed:#fff3;--str-chat__border-core-opacity-subtle:#fff3;--str-chat__border-core-opacity-strong:#ffffff40;--str-chat__system-bg-blur:#00000003;--str-chat__system-scrollbar:#ffffff80;--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),system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,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:not(.str-chat__theme-dark) :not(.str-chat__theme-dark) .str-chat__theme-inverse,.str-chat__theme-dark{--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{color:var(--str-chat__text-primary);font-family:var(--str-chat__font-family);font-size:var(--str-chat__typography-font-size-md);font-weight:var(--str-chat__typography-font-weight-regular);letter-spacing:var(--typography-letter-spacing-default);line-height:var(--str-chat__typography-line-height-normal)}.str-chat :not(:disabled):focus-visible{outline:2px solid var(--str-chat__border-utility-focused);outline-offset:2px}.str-chat input::-webkit-inner-spin-button,.str-chat input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.str-chat input[type=number]{-moz-appearance:textfield}.str-chat__icon{fill:currentColor;flex-shrink:0;height:1em;width:1em}[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;text-anchor:middle;font-size:8px;font-weight:800;letter-spacing:.1px}.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{align-items:center;border-radius:var(--str-chat__radius-max);border-style:solid;display:flex;font-weight:var(--str-chat__typography-font-weight-bold);justify-content:center;line-height:1}.str-chat__badge--variant-default{background:var(--str-chat__badge-bg-default);border-color:var(--str-chat__badge-border);color:var(--str-chat__badge-text)}.str-chat__badge--variant-primary{background:var(--str-chat__badge-bg-primary)}.str-chat__badge--variant-error,.str-chat__badge--variant-primary{border-color:var(--str-chat__badge-border);color:var(--str-chat__badge-text-on-accent)}.str-chat__badge--variant-error{background:var(--str-chat__badge-bg-error)}.str-chat__badge--variant-neutral{background:var(--str-chat__badge-bg-neutral);border-color:var(--str-chat__badge-border);color:var(--str-chat__badge-text-on-accent)}.str-chat__badge--variant-inverse{background:var(--str-chat__badge-bg-inverse);border-color:var(--str-chat__badge-border);color:var(--str-chat__badge-text-on-inverse)}.str-chat__badge--size-sm{border-width:1px;box-shadow:0 2px 6px 0 #00000024;font-size:var(--str-chat__typography-font-size-xxs);min-height:16px;min-width:16px;padding-inline:var(--str-chat__spacing-xxxs)}.str-chat__badge--size-md{border-width:2px;box-shadow:0 2px 6px 0 #00000024;font-size:var(--str-chat__typography-font-size-xs);min-height:20px;min-width:20px;padding-inline:var(--str-chat__spacing-xxs)}.str-chat__badge--size-lg{border-width:2px;box-shadow:0 2px 6px 0 #00000024;font-size:var(--str-chat__typography-font-size-sm);min-height:24px;min-width:24px;padding-inline:var(--str-chat__spacing-xs)}.str-chat__badge--variant-counter{background:var(--str-chat__badge-bg-default);border:1px solid var(--str-chat__border-core-subtle);border-radius:var(--str-chat__radius-max);box-shadow:0 2px 6px 0 #00000024;color:var(--str-chat__badge-text);font:var(--str-chat__font-numeric-xl)}.str-chat__badge--variant-counter.str-chat__badge--size-xs{box-shadow:0 2px 6px 0 #00000024;font:var(--str-chat__font-numeric-md);min-height:20px;min-width:20px;padding-inline:var(--str-chat__spacing-xxs)}.str-chat__badge--variant-counter.str-chat__badge--size-sm{min-height:24px;min-width:24px;padding-inline:var(--str-chat__spacing-xs)}.str-chat__badge--variant-counter.str-chat__badge--size-md{min-height:32px;min-width:32px;padding-inline:var(--str-chat__spacing-xs)}.str-chat__badge--variant-counter.str-chat__badge--size-lg{min-height:40px;min-width:40px;padding-inline:var(--str-chat__spacing-sm)}.str-chat__badge--variant-error.str-chat__badge--size-xs{min-height:16px;min-width:16px}.str-chat__badge--variant-error.str-chat__badge--size-sm{min-height:20px;min-width:20px}.str-chat__badge--variant-error.str-chat__badge--size-md{min-height:24px;min-width:24px}.str-chat__media-badge{align-items:center;background:var(--str-chat__badge-bg-inverse);border-radius:var(--str-chat__radius-max);bottom:var(--str-chat__spacing-xs);color:var(--str-chat__badge-text-on-inverse);display:flex;font:var(--str-chat__font-numeric-md);gap:var(--str-chat__spacing-xxs);inset-inline-start:var(--str-chat__spacing-xs);overflow:hidden;padding:var(--str-chat__spacing-xxs) var(--str-chat__spacing-xs);position:absolute;text-overflow:ellipsis}.str-chat__media-badge .str-chat__icon{fill:currentColor;height:var(--str-chat__icon-size-xs);width:var(--str-chat__icon-size-xs)}.str-chat .str-chat__image-placeholder{align-items:center;background-color:var(--str-chat__background-core-overlay-light);display:flex;flex-direction:column;height:100%;justify-content:center;min-height:0;min-width:0;width:100%}.str-chat .str-chat__image-placeholder svg{fill:var(--str-chat__accent-neutral);height:min(32px,50%);height:min(var(--str-chat__icon-size-lg,32px),50%);width:min(32px,50%);width:min(var(--str-chat__icon-size-lg,32px),50%)}.str-chat .str-chat__button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font:var(--str-chat__font-heading-xs);justify-content:center;overflow:hidden;padding:0;position:relative;text-transform:capitalize;white-space:nowrap}.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{border-color:var(--str-chat__button-primary-border);color:var(--str-chat__button-primary-text)}.str-chat .str-chat__button.str-chat__button--outline.str-chat__button--secondary{border-color:var(--str-chat__button-secondary-border);color:var(--str-chat__button-secondary-text)}.str-chat .str-chat__button.str-chat__button--outline.str-chat__button--destructive{border-color:var(--str-chat__button-destructive-border);color:var(--str-chat__button-destructive-text)}.str-chat .str-chat__button.str-chat__button--outline{border-style:solid;border-width:1px}.str-chat .str-chat__button.str-chat__button--ghost: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--solid:not(:disabled):hover:after{background:var(--str-chat__background-utility-hover);content:"";inset:0;pointer-events:none;position:absolute}.str-chat .str-chat__button.str-chat__button--ghost: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--outline: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--solid:not(:disabled):active:after,.str-chat .str-chat__button.str-chat__button--solid[aria-expanded=true]:after{background:var(--str-chat__background-utility-pressed);content:"";inset:0;pointer-events:none;position:absolute}.str-chat .str-chat__button.str-chat__button--ghost: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--solid:not(:disabled):focus-visible{outline:2px solid var(--str-chat__border-utility-focused);outline-offset:2px}.str-chat .str-chat__button.str-chat__button--ghost: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--solid:not(:disabled)[aria-pressed=true]:after{background:var(--str-chat__background-utility-selected);content:"";inset:0;pointer-events:none;position:absolute}.str-chat .str-chat__button.str-chat__button--ghost:disabled,.str-chat .str-chat__button.str-chat__button--outline:disabled,.str-chat .str-chat__button.str-chat__button--solid: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{border-radius:var(--str-chat__button-radius-lg);padding-block:var(--str-chat__button-padding-y-lg);padding-inline:var(--str-chat__button-padding-x-with-label-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{border-radius:var(--str-chat__button-radius-md);padding-block:var(--str-chat__button-padding-y-md);padding-inline:var(--str-chat__button-padding-x-with-label-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{border-radius:var(--str-chat__button-radius-md);padding-block:var(--str-chat__button-padding-y-sm);padding-inline:var(--str-chat__button-padding-x-with-label-sm)}.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{border-radius:var(--str-chat__button-radius-md);padding-block:var(--str-chat__button-padding-y-xs);padding-inline:var(--str-chat__button-padding-x-with-label-xs)}.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{align-items:center;aspect-ratio:1/1;border-radius:var(--str-chat__button-radius-full);display:flex;justify-content:center}.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{align-items:center;display:flex;gap:var(--str-chat__spacing-xs);justify-content:center}.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{height:20px;width:20px}.str-chat__dropdown .str-chat__dropdown__open-button{background:none;border:none;cursor:pointer;padding:0;text-align:start;width:100%}.str-chat__dropdown .str-chat__dropdown__items{background-color:initial}.str-chat__form-field-error{color:var(--str-chat__accent-error);font-size:var(--str-chat__typography-font-size-xs);line-height:var(--str-chat__typography-line-height-tight)}.str-chat__form-numeric-input{display:flex;flex-direction:column;gap:.5rem;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{align-items:center;background:#0000;border-radius:.5rem;border-radius:var(--str-chat__radius-md,.5rem);display:flex;gap:.5rem;gap:var(--str-chat__spacing-xs,.5rem);outline:none;padding:0;transition:border-color .15s ease,box-shadow .15s ease}.str-chat__form-numeric-input__input{background:#0000;border:none;box-shadow:none;color:#1a1b25;color:var(--str-chat__input-text-default,#1a1b25);flex:0 1 auto;font-size:.875rem;font-size:var(--str-chat__typography-font-size-sm,.875rem);font-weight:500;font-weight:var(--str-chat__typography-font-weight-medium,500);line-height:1.25;line-height:var(--str-chat__typography-line-height-tight,1.25);min-width:2ch;outline:none;padding:.5rem 0;padding:var(--str-chat__spacing-xs,.5rem) 0;text-align:center;width:2.5rem}.str-chat__form-numeric-input__input::placeholder{color:var(--str-chat__text-tertiary);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__form-numeric-input .str-chat__form-numeric-input__input:focus,.str-chat__form-numeric-input .str-chat__form-numeric-input__input:focus-visible{box-shadow:none;outline:none}.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-field,.str-chat .str-chat__form__switch-fieldset{background-color:var(--str-chat__switch-field-background-color);border-radius:var(--str-chat__switch-field-border-radius);width:100%}.str-chat .str-chat__form__switch-field{align-items:center;box-sizing:border-box;display:flex;gap:var(--str-chat__spacing-sm);padding:var(--str-chat__spacing-sm) var(--str-chat__spacing-md)}.str-chat .str-chat__form__switch-field__input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.str-chat .str-chat__form__switch-field__label{align-items:center;cursor:pointer;display:flex;flex:1 1 auto;min-width:0}.str-chat .str-chat__form__switch-field__switch{align-items:center;background-color:var(--str-chat__control-toggle-switch-bg);border-radius:9999px;border-radius:var(--str-chat__button-radius-full,9999px);cursor:pointer;display:flex;flex-shrink:0;height:24px;padding:var(--str-chat__spacing-xxs);transition:background-color .2s ease;width:44px}.str-chat .str-chat__form__switch-field__switch-handle{background-color:#fff;background-color:var(--str-chat__base-white,#fff);border-radius:9999px;border-radius:var(--str-chat__button-radius-full,9999px);height:16px;transition:transform .2s ease;width:16px}.str-chat .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__switch--on .str-chat__form__switch-field__switch-handle{background-color:#fff;background-color:var(--str-chat__base-white,#fff)}.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{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 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{color:var(--str-chat__text-primary);font-size:var(--str-chat__typography-font-size-sm);font-weight:var(--str-chat__typography-font-weight-medium);line-height:var(--str-chat__typography-line-height-tight)}.str-chat__form-text-input__wrapper{align-items:stretch;background-color:var(--str-chat__background-core-elevation-0);border-radius:var(--str-chat__radius-md);display:flex;flex-direction:column;gap:0;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.str-chat__form-text-input__control-row{align-items:center;display:flex;gap:var(--str-chat__spacing-xs);min-width:0;padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-sm);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{border:1px solid var(--input-border-focus);box-shadow:0 0 0 2px #c3d9ff;box-shadow:0 0 0 2px var(--border-utility-focus,#c3d9ff)}.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:none}.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{border:1px solid var(--input-border-focus);box-shadow:0 0 0 2px #c3d9ff;box-shadow:0 0 0 2px var(--border-utility-focus,#c3d9ff)}.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 #c3d9ff;box-shadow:0 0 0 2px var(--border-utility-focus,#c3d9ff)}.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:none}.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 #c3d9ff;box-shadow:0 0 0 2px var(--border-utility-focus,#c3d9ff)}.str-chat__form-text-input__leading{align-items:center;color:var(--str-chat__input-text-icon);display:flex;flex-shrink:0;justify-content:center}.str-chat__form-text-input .str-chat__form-text-input__input{background:#0000;border:none;box-shadow:none;color:var(--str-chat__input-text-default);flex:1 1;font:var(--str-chat__caption-default-text);min-width:0;outline:none;outline-style:none;padding:0}.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{box-shadow:none;outline:none;outline-style:none}.str-chat__form-text-input__suffix{color:var(--str-chat__text-tertiary);flex-shrink:0;font-size:var(--str-chat__typography-font-size-sm);line-height:var(--str-chat__typography-line-height-normal)}.str-chat__form-text-input__trailing{align-items:center;color:var(--str-chat__input-text-icon);display:flex;flex-shrink:0;justify-content:center;margin-inline-end:calc(var(--str-chat__space-4)*-1)}.str-chat__form-text-input--error .str-chat__form-text-input__trailing{color:var(--str-chat__accent-error)}.str-chat__form-text-input__message{align-items:center;display:flex;font:var(--str-chat__metadata-default-text);gap:var(--str-chat__spacing-xxs)}.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{flex:1 1 auto;min-width:0}.str-chat__form-text-input__message-icon{align-items:center;color:inherit;display:inline-flex;flex-shrink:0;justify-content:center}.str-chat__form-text-input__message-icon svg{height:13px;width:13px}.str-chat__form__input-fieldset{border:none;margin:0;padding:0}.str-chat__form__input-fieldset .str-chat__form__input-fieldset__label{color:var(--str-chat__text-primary);font-size:var(--str-chat__typography-font-size-sm);font-weight:var(--str-chat__typography-font-weight-medium);line-height:var(--str-chat__typography-line-height-tight)}.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{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.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{align-items:center;background:var(--str-chat__background-core-elevation-1);border-radius:var(--str-chat__radius-xl);box-shadow:0 0 0 1px #0000000d,0 6px 12px 0 #00000029,0 20px 32px 0 #0000001f;display:flex;flex-direction:column;gap:var(--str-chat__spacing-2xl);padding:var(--str-chat__spacing-xl);text-align:center}.str-chat__alert-root .str-chat__alert-header{align-items:center;display:flex;flex-direction:column;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{align-items:center;display:flex;flex-direction:column;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{align-items:center;display:flex;flex-direction:column;gap:var(--str-chat__spacing-xs);width:100%}.str-chat__alert-root .str-chat__alert-actions button{width:100%}.str-chat__callout{background-color:var(--str-chat__background-core-elevation-2);border-radius:var(--str-chat__radius-lg);box-shadow:var(--str-chat__box-shadow-3);max-width:320px;position:relative}.str-chat__callout .str-chat__callout__close-button{inset-inline-end:var(--str-chat__spacing-xs);position:absolute;top:var(--str-chat__spacing-xs)}@keyframes str-chat-context-menu-roll-in-from-left{0%{opacity:.12;transform:translateX(16px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes str-chat-context-menu-roll-in-from-right{0%{opacity:.12;transform:translateX(-16px) scale(.98)}to{opacity:1;transform:translateX(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:translateX(28px)}to{opacity:1;transform:translateX(0)}}@keyframes str-chat-context-menu-submenu-backward{0%{opacity:.18;transform:translateX(-32px)}to{opacity:1;transform:translateX(0)}}.str-chat{--str-chat__dialog-menu-button-hover-background-color:var(
    --str-chat__background-utility-hover
  );--str-chat__menu-roll-duration:170ms;--str-chat__menu-roll-ease:cubic-bezier(0.22,1,0.36,1)}.str-chat .str-chat__context-menu{background:var(--str-chat__background-core-elevation-2);border-radius:var(--str-chat__radius-lg);box-shadow:var(--str-chat__box-shadow-3);color:var(--str-chat__text-primary);display:flex;flex-direction:column;padding:var(--str-chat__spacing-xxs)}.str-chat .str-chat__context-menu .str-chat__context-menu__back-button,.str-chat .str-chat__context-menu .str-chat__context-menu__header{color:var(--str-chat__text-tertiary);font-size:var(--str-chat__typography-font-size-sm);font-weight:600;font-weight:var(--str-chat__typography-font-weight-semi-bold,600);line-height:var(--str-chat__typography-line-height-tight);width:100%}.str-chat .str-chat__context-menu .str-chat__context-menu__back-button{align-items:center;background:none;border:none;border-radius:var(--str-chat__radius-md);cursor:pointer;display:flex;gap:var(--str-chat__spacing-xs);height:32px;padding:0;padding:var(--str-chat__spacing-xs);text-align:center}.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:initial}.str-chat .str-chat__context-menu .str-chat__context-menu__back-button:disabled{background-color:initial}.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{display:flex;flex-direction:column;gap:var(--str-chat__spacing-xxxs);overflow-x:hidden;width:100%}.str-chat .str-chat__context-menu .str-chat__context-menu__body.str-chat__context-menu__body--submenu-forward{animation-duration:.28s;animation-name:str-chat-context-menu-submenu-forward;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:left center;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{animation-duration:.4s;animation-name:str-chat-context-menu-submenu-backward;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:right center;transform-origin:var(--str-chat__context-menu-submenu-backward-transform-origin,right center)}.str-chat .str-chat__context-menu .str-chat__context-menu__button{align-items:center;background:#0000;background:none;border:none;border-radius:var(--str-chat__radius-md);color:var(--str-chat__text-primary);cursor:pointer;display:flex;font-size:var(--str-chat__typography-font-size-sm);font-weight:var(--str-chat__typography-font-weight-semi-bold);gap:var(--str-chat__spacing-xs);line-height:var(--str-chat__typography-line-height-tight);padding:0;padding:var(--str-chat__spacing-xs);width:100%}.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:initial}.str-chat .str-chat__context-menu .str-chat__context-menu__button:disabled{background-color:initial}.str-chat .str-chat__context-menu .str-chat__context-menu__button .str-chat__icon{color:var(--str-chat__text-secondary);height:var(--str-chat__icon-size-sm);width:var(--str-chat__icon-size-sm)}.str-chat .str-chat__context-menu .str-chat__context-menu__button .str-chat__context-menu__button__label{color:var(--str-chat__text-primary);flex:auto;min-width:0;overflow-x:hidden;overflow-x:clip;overflow-y:visible;text-align:start;text-overflow:ellipsis;white-space:nowrap}.str-chat .str-chat__context-menu .str-chat__context-menu__button .str-chat__context-menu__button__details{color:var(--str-chat__text-tertiary);flex:1 1;font-weight:var(--str-chat__typography-font-weight-regular);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-weight:400;font-weight:var(--str-chat__typography-font-weight-regular,400)}.str-chat [data-str-chat-placement^=right]>.str-chat__context-menu{animation:str-chat-context-menu-roll-in-from-left .13s var(--str-chat__menu-roll-ease);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 .13s var(--str-chat__menu-roll-ease);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 .13s var(--str-chat__menu-roll-ease);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 .13s var(--str-chat__menu-roll-ease);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 .13s var(--str-chat__menu-roll-ease) reverse forwards;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 .13s var(--str-chat__menu-roll-ease) reverse forwards;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 .13s var(--str-chat__menu-roll-ease) reverse forwards;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 .13s var(--str-chat__menu-roll-ease) reverse forwards;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 .13s var(--str-chat__menu-roll-ease);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,.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 .13s var(--str-chat__menu-roll-ease);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 .13s var(--str-chat__menu-roll-ease);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 .13s var(--str-chat__menu-roll-ease);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 .13s var(--str-chat__menu-roll-ease);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{height:var(--str-chat__dialog-overlay-height);inset:0;pointer-events:none;position:absolute;width:100%;z-index:2}.str-chat__dialog-overlay .str-chat__dialog-contents{pointer-events:auto}.str-chat__prompt{background:var(--str-chat__background-core-elevation-1);border-radius:var(--str-chat__radius-xl);box-shadow:0 0 0 1px #0000000d,0 6px 12px 0 #00000029,0 20px 32px 0 #0000001f;width:100%}.str-chat__prompt .str-chat__prompt__header{align-items:center;display:flex;gap:var(--str-chat__spacing-xs) var(--str-chat__spacing-md);padding:var(--str-chat__spacing-xl);width:100%}.str-chat__prompt .str-chat__prompt__header .str-chat__prompt__header__title-group{display:flex;flex:1 1;flex-direction:column;gap:var(--str-chat__spacing-xxs);min-width:0}.str-chat__prompt .str-chat__prompt__header .str-chat__prompt__header__title{color:var(--str-chat__text-primary);font:var(--str-chat__font-heading-sm)}.str-chat__prompt .str-chat__prompt__header .str-chat__prompt__header__description{color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default)}.str-chat__prompt .str-chat__prompt__header .str-chat__prompt__header__close-button{color:var(--str-chat__text-primary);flex-shrink:0}.str-chat__prompt .str-chat__prompt__header .str-chat__prompt__header__close-button .str-chat__icon{height:var(--str-chat__icon-size-md);width:var(--str-chat__icon-size-md)}.str-chat__prompt .str-chat__prompt__body{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--str-chat__spacing-xxs) var(--str-chat__spacing-xl);scrollbar-gutter:stable}.str-chat__prompt .str-chat__prompt__footer{align-items:center;display:flex;justify-content:flex-end;padding:var(--str-chat__spacing-xl);width:100%}.str-chat__prompt .str-chat__prompt__footer .str-chat__prompt__footer__controls{align-items:center;display:flex;gap:var(--str-chat__spacing-xs)}.str-chat__viewer{background:var(--str-chat__background-core-elevation-1);border-radius:var(--str-chat__radius-xl);box-shadow:0 0 0 1px #0000000d,0 6px 12px 0 #00000029,0 20px 32px 0 #0000001f;display:flex;flex-direction:column;height:100%;max-height:640px;max-width:520px;width:100%}.str-chat__viewer .str-chat__viewer__header{align-items:center;display:flex;gap:var(--str-chat__spacing-xs) var(--str-chat__spacing-md);padding:var(--str-chat__spacing-xl);width:100%}.str-chat__viewer .str-chat__viewer__header .str-chat__viewer__header__title-group{display:flex;flex:1 1;flex-direction:column;gap:var(--str-chat__spacing-xxs);min-width:0}.str-chat__viewer .str-chat__viewer__header .str-chat__viewer__header__title{color:var(--str-chat__text-primary);font:var(--str-chat__font-heading-sm)}.str-chat__viewer .str-chat__viewer__header .str-chat__viewer__header__description{color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default)}.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{color:var(--str-chat__text-primary);flex-shrink:0}.str-chat__viewer .str-chat__viewer__body{flex:1 1;min-height:0;padding:0 var(--str-chat__spacing-xl)}.str-chat__viewer .str-chat__viewer__footer{align-items:center;display:flex;justify-content:flex-end;padding:var(--str-chat__spacing-xl);width:100%}.str-chat__viewer .str-chat__viewer__footer .str-chat__viewer__footer__controls{align-items:center;display:flex;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{align-items:center;-webkit-backdrop-filter:var(--str-chat__modal-overlay-backdrop-filter);backdrop-filter:var(--str-chat__modal-overlay-backdrop-filter);background-color:var(--str-chat__modal-overlay-color);bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;width:100%;z-index:100}.str-chat__modal--open .str-chat__modal__overlay__close-button{color:var(--str-chat__text-on-accent);inset-inline-end:10px;padding:var(--str-chat__spacing-xs);position:absolute;top:10px}.str-chat__modal--open .str-chat__modal__overlay__close-button svg{height:12px;width:12px}.str-chat__ai-state-indicator-container{background-color:var(--str-chat__background-core-surface-default);padding:0 8px}.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) - var(--str-chat__attachment-margin)*2);--str-chat__video-height:var(--str-chat__attachment-max-width);align-items:flex-start;background:#0000;color:var(--str-chat__text-primary);display:flex;flex-direction:column;gap:var(--str-chat__spacing-xs);min-width:0}.str-chat__attachment-list .str-chat__message-attachment--image,.str-chat__attachment-list .str-chat__message-attachment--video{background:#0000;border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin));color:var(--str-chat__text-primary)}.str-chat__attachment-list .str-chat__message-attachment{background-color:var(--chat-bg-attachment);border-radius:var(--str-chat__message-bubble-radius-attachment);overflow:hidden}.str-chat__attachment-list .str-chat__message-attachment .str-chat__button-play.str-chat__button--secondary.str-chat__button--outline{background-color:initial;border-color:var(--chat-border-on-chat)}.str-chat__attachment-list .str-chat__message-attachment--image,.str-chat__attachment-list .str-chat__message-attachment--video{align-items:center;display:flex;justify-content:center;overflow:hidden;width:auto}.str-chat__attachment-list .str-chat__message-attachment--audio,.str-chat__attachment-list .str-chat__message-attachment--card,.str-chat__attachment-list .str-chat__message-attachment--file,.str-chat__attachment-list .str-chat__message-attachment--geolocation,.str-chat__attachment-list .str-chat__message-attachment--unsupported,.str-chat__attachment-list .str-chat__message-attachment--voiceRecording{max-width:100%;width:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card) img{cursor:zoom-in;height:min(var(--str-chat__attachment-max-width),min(1000000/1000000,1px) * 1000000);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-height:var(--str-chat__attachment-max-width);max-width:var(--str-chat__attachment-max-width);object-fit:cover;width:100%}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header{display:flex;max-width:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper{display:flex;flex-direction:column;height:100%;max-width:var(--str-chat__attachment-max-width);min-width:0;width:100%}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .react-player,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .react-player{height:100%;max-height:100%;max-width:var(--str-chat__attachment-max-width);min-height:0;width:100%}.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(1000000/1000000,1px) * 1000000);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 0 25%,#f4f4f4 0 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{max-height:calc(var(--str-chat__attachment-max-width) - var(--str-chat__space-24));max-width:calc(var(--str-chat__attachment-max-width) - var(--str-chat__space-24));object-fit:contain}.str-chat__attachment-list .str-chat__message-attachment-audio-widget,.str-chat__attachment-list .str-chat__message-attachment-file--item{align-items:center;column-gap:var(--str-chat__spacing-sm);display:flex;justify-content:center;padding:var(--str-chat__spacing-sm)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .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-file--item .str-chat__message-attachment-audio-widget--text,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item__info{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;line-height:var(--str-chat__typography-line-height-tight);min-width:0;row-gap:var(--str-chat__space-2);width:100%}.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__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-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-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-audio-widget--text .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-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-file--item__info .str-chat__message-attachment-file--item__first-row{align-items:center;column-gap:var(--str-chat__space-8);display:flex;font-size:var(--str-chat__typography-font-size-sm);font-weight:var(--str-chat__typography-font-weight-semi-bold);justify-content:space-between;width:100%}.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,.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-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-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-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-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-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-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-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-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-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-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-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-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-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-file--item__first-row .str-chat__message-attachment-file--item__name{min-width:0;overflow-x:hidden;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis;white-space:nowrap}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .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-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item__data,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item__info .str-chat__message-attachment-file--item__data{font-size:var(--str-chat__typography-font-size-xs)}.str-chat__attachment-list .str-chat__message-attachment-file--item{background:#0000;border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin));color:var(--str-chat__text-primary)}.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--bottom .str-chat__message--other.str-chat__message--has-single-attachment.str-chat__message--has-no-text .str-chat__message-attachment,.str-chat__li--single .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--bottom .str-chat__message--me.str-chat__message--has-single-attachment.str-chat__message--has-no-text .str-chat__message-attachment,.str-chat__li--single .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--middle.str-chat__message--has-single-attachment.str-chat__message--has-no-text .str-chat__message-attachment,.str-chat__li--top.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:#0000;color:var(--str-chat__button-secondary-text)}.str-chat__message-attachment-actions .str-chat__message-attachment-actions-form{display:flex;height:48px;justify-content:stretch}.str-chat__message-attachment-actions .str-chat__message-attachment-actions-form .str-chat__message-attachment-actions-button{background:#0000;border-collapse:collapse;color:var(--str-chat__button-secondary-text);font-size:var(--str-chat__typography-font-size-md);font-weight:var(--str-chat__typography-font-weight-semi-bold);line-height:var(--str-chat__typography-line-height-normal);padding:var(--str-chat__button-padding-y-sm) var(--str-chat__button-padding-x-with-label-sm);white-space:nowrap;width:100%}.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:none}.str-chat__message-attachment-audio-widget{background:#0000;border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin));color:var(--str-chat__text-primary);flex:1 1 auto;min-width:0;width:100%}.str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--play-controls{align-items:center;display:flex;justify-content:center}.str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--data{display:flex;flex:1 1;flex-direction:column;gap:var(--str-chat__spacing-xxs);min-width:0}.str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-first-row{align-items:start;display:flex;gap:var(--str-chat__spacing-xs);justify-content:space-between}.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{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font:var(--str-chat__font-caption-emphasis);min-width:0;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.str-chat__message-attachment-audio-widget .str-chat__duration-display{color:var(--str-chat__text-secondary);font:var(--str-chat__font-metadata-default);width:40px}.str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row{align-items:center;display:flex;gap:var(--str-chat__spacing-xs);width:100%}.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;padding:var(--str-chat__spacing-md);width:100%}.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);border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin));color:var(--chat-text);display:flex;flex-direction:column;height:200px;max-width:var(--str-chat__attachment-max-width);width:100%}.str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__location-preview{flex:1 1}.str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__placeholder{align-items:center;background-color:var(--str-chat__background-core-overlay-light);display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;min-height:0;min-width:0;position:relative;width:100%}.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{color:var(--str-chat__accent-neutral);height:12px;inset-block:.5rem;inset-inline-end:.5rem;position:absolute;width:12px}.str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status{background-color:var(--str-chat__background-core-surface-subtle);display:flex;font:var(--str-chat__font-caption-default);justify-content:center;padding:.5rem}.str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active{align-items:center;display:flex;flex-direction:column;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{font:var(--str-chat__font-metadata-emphasis);text-transform:lowercase}.str-chat__message-attachment-giphy{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.str-chat__message-attachment-giphy img.str-chat__base-image{cursor:default;height:min(var(--str-chat__attachment-max-width),min(1000000/1000000,1px) * 1000000);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-height:var(--str-chat__attachment-max-width);max-width:var(--str-chat__attachment-max-width);object-fit:contain;width:100%}.str-chat__message-attachment-giphy .str-chat__image-placeholder{height:200px;width:var(--str-chat__attachment-max-width)}.str-chat__giphy-badge{align-items:center;background-color:#000000bf;background-color:var(--str-chat__badge-bg-overlay,#000000bf);border-radius:12px;border-radius:var(--str-chat__radius-lg,12px);bottom:8px;color:#fff;color:var(--str-chat__badge-text-on-accent,#fff);display:inline-flex;font-size:12px;font-size:var(--str-chat__typography-font-size-xs,12px);font-weight:600;font-weight:var(--str-chat__typography-font-weight-semi-bold,600);gap:4px;gap:var(--str-chat__spacing-xxs,4px);height:24px;inset-inline-start:8px;justify-content:center;line-height:16px;line-height:var(--str-chat__typography-line-height-tight,16px);padding:2px 8px;padding:var(--str-chat__spacing-xxxs,2px) var(--str-chat__spacing-xs,8px);position:absolute;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{align-items:center;align-self:stretch;color:var(--chat-text);display:flex;font-size:var(--str-chat__typography-font-size-sm);font-weight:var(--str-chat__typography-font-weight-semi-bold);gap:8px;gap:var(--str-chat__spacing-xs,8px);line-height:var(--str-chat__typography-line-height-tight);padding:12px;padding:var(--str-chat__spacing-sm,12px)}.str-chat__message-attachment-card{--str-chat__scraped-image-height:calc(var(--str-chat__attachment-max-width)*0.52356);border-radius:var(--str-chat__message-bubble-radius-attachment);display:flex;gap:var(--str-chat__spacing-xs);line-height:var(--str-chat__typography-line-height-tight);overflow:hidden;padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-sm) var(--str-chat__spacing-xs) var(--str-chat__spacing-xs);width:100%}.str-chat__message-attachment-card *{color:var(--chat-text)}.str-chat__message-attachment-card .str-chat__message-attachment-card--header{align-items:center;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative;width:auto}.str-chat__message-attachment-card .str-chat__message-attachment-card--header .str-chat__image-placeholder,.str-chat__message-attachment-card .str-chat__message-attachment-card--header img{border-radius:8px;border-radius:var(--str-chat__message-bubble-radius-attachment-inline,8px)}.str-chat__message-attachment-card .str-chat__message-attachment-card--header img{height:40px;object-fit:cover;width: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-size:var(--str-chat__typography-font-size-sm);font-weight:var(--str-chat__typography-font-weight-semi-bold);overflow-x:hidden;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis;white-space:nowrap}.str-chat__message-attachment-card .str-chat__message-attachment-card--source-link,.str-chat__message-attachment-card .str-chat__message-attachment-card--text{font-size:var(--str-chat__typography-font-size-xs)}.str-chat__message-attachment-card .str-chat__message-attachment-card--title,.str-chat__message-attachment-card .str-chat__message-attachment-card--url{overflow-x:hidden;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis;white-space:nowrap}.str-chat__message-attachment-card .str-chat__message-attachment-card--text{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.str-chat__message-attachment-card .str-chat__message-attachment-card--source-link{align-items:center;display:flex;gap:var(--str-chat__spacing-xxs);max-width:100%;min-width:0}.str-chat__message-attachment-card .str-chat__message-attachment-card--source-link .str-chat__message-attachment-card--url{flex:1 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{border-radius:0;height:var(--str-chat__scraped-image-height);width:100%}.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{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery{grid-gap:var(--str-chat__space-2);background:#0000;border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin));border-radius:var(--str-chat__radius-lg);color:var(--str-chat__text-primary);display:grid;gap:var(--str-chat__space-2);grid-template-columns:50% 50%;grid-template-rows:50% 50%;height:var(--str-chat__attachment-max-width);max-width:var(--str-chat__attachment-max-width);overflow:hidden;width:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery .str-chat__modal-gallery__image{height:100%;min-height:0;min-width:0;width:100%}.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:first-child{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{align-items:center;background-color:var(--str-chat__background-core-scrim);background-position:0 0;background-repeat:no-repeat;background-size:cover;border:none;color:var(--str-chat__text-on-inverse);cursor:zoom-in;display:flex;font-size:var(--str-chat__typography-font-size-2xl);font-weight:var(--str-chat__typography-font-weight-medium);inset:0;justify-content:center;line-height:var(--str-chat__typography-line-height-relaxed);margin:0;max-width:var(--str-chat__attachment-max-width);position:absolute}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image,.str-chat__attachment-list .str-chat__message-attachment--giphy .str-chat__modal-gallery__image,.str-chat__attachment-list .str-chat__message-attachment--image .str-chat__modal-gallery__image{align-items:center;background:none;background-color:initial;border:0;display:flex;justify-content:center;margin:0;overflow:hidden;padding:0;position:relative}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image img,.str-chat__attachment-list .str-chat__message-attachment--giphy .str-chat__modal-gallery__image img,.str-chat__attachment-list .str-chat__message-attachment--image .str-chat__modal-gallery__image img{cursor:zoom-in;height:100%;max-width:var(--str-chat__attachment-max-width);object-fit:cover;transition:opacity .15s ease-in-out;width:100%}.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--giphy .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--gallery .str-chat__modal-gallery__image.str-chat__modal-gallery__image--load-failed,.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--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--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--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--image .str-chat__modal-gallery__image.str-chat__modal-gallery__image--load-failed .str-chat__image-placeholder.str-chat__base-image--load-failed{align-self:stretch;min-height:200px;width:100%}.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--giphy .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{cursor:pointer;opacity:0}.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--giphy .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{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.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--giphy .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{align-items:center;animation:str-chat__modal-gallery-loading-shimmer 1.2s linear infinite;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%;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.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--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--image .str-chat__modal-gallery__image .str-chat__modal-gallery__image-loading-overlay .str-chat__loading-indicator{height:var(--str-chat__icon-size-lg);position:relative;width:var(--str-chat__icon-size-lg);z-index:1}.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--giphy .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{align-items:center;background-color:var(--str-chat__accent-error);border-radius:var(--str-chat__radius-max);color:var(--str-chat__text-on-inverse);display:flex;height:2.75rem;justify-content:center;position:relative;width:2.75rem;z-index:1}.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--giphy .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{height:1.125rem;width:1.125rem}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__modal-gallery__image:hover:after,.str-chat__attachment-list .str-chat__message-attachment--giphy .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--gallery .str-chat__modal-gallery__image:focus-visible,.str-chat__attachment-list .str-chat__message-attachment--giphy .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{align-items:center;background:#0000;border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin));color:var(--str-chat__text-primary);column-gap:var(--str-chat__spacing-xs);display:flex;justify-content:center;padding:var(--str-chat__spacing-md)}.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{align-items:center;display:flex;flex:1 1;height:-webkit-fill-available;height:-moz-available;height:stretch;min-width:0}.str-chat__message-attachment-unsupported .str-chat__message-attachment-unsupported__title{color:var(--str-chat__text-primary);font:var(--str-chat__font-caption-emphasis);max-width:100%;overflow-x:hidden;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis;white-space:nowrap}.str-chat__message-attachment__voice-recording-widget{align-items:center;background:#0000;border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin));color:var(--str-chat__text-primary);display:flex;justify-content:center;min-height:60px;min-width:0;padding:var(--str-chat__spacing-xs);width:100%}.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 1;min-width:0}.str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__metadata a{color:var(--str-chat__text-primary);cursor:pointer;text-decoration:none}.str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__metadata .str-chat__message-attachment-download-icon svg{height:var(--str-chat__size-16);width:var(--str-chat__size-24)}.str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__timer{font:var(--str-chat__font-metadata-emphasis);min-width:var(--str-chat__size-40);width:var(--str-chat__size-40)}.str-chat .str-chat__duration-display{color:var(--str-chat__text-primary);letter-spacing:0;min-width:35px;text-align:center;white-space:nowrap;width:35px}.str-chat .str-chat__button.str-chat__playback-rate-button{align-items:center;background-color:inherit;border:1px solid var(--chat-border-on-chat);border-radius:var(--str-chat__button-radius-lg);color:var(--str-chat__text-primary);color:var(--str-chat__control-playback-toggle-text,var(--str-chat__text-primary));display:flex;font:var(--str-chat__font-metadata-emphasis);gap:var(--str-chat__spacing-xs);justify-content:center;max-height:24px;min-height:24px;min-width:48px;padding:var(--str-chat__button-padding-y-sm) var(--str-chat__spacing-xs);text-transform:none}.str-chat .str-chat__button.str-chat__playback-rate-button:not(:disabled):hover:after{background:var(--str-chat__background-utility-hover);content:"";inset:0;pointer-events:none;position:absolute}.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{background:var(--str-chat__background-utility-pressed);content:"";inset:0;pointer-events:none;position:absolute}.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{background:linear-gradient(to 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));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));cursor:pointer;flex:1 1;height:var(--str-chat__size-4);min-width:0;position:relative}[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{background:var(--str-chat__control-playback-thumb-bg-default);border:1px solid var(--str-chat__control-playback-thumb-border-default);border-radius:var(--str-chat__radius-max);box-shadow:var(--str-chat__box-shadow-2);cursor:grab;height:var(--str-chat__size-12);inset-inline-start:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--str-chat__size-12)}.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{align-items:center;display:flex;gap:var(--str-chat__spacing-xs);height:100%;padding-inline:var(--str-chat__spacing-xs)}.str-chat .str-chat__wave-progress-bar__track{align-items:center;display:flex;flex:1 1;gap:var(--str-chat__voice-recording-amplitude-bar-gap-width);height:30px;position:relative;width:100%}.str-chat .str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__amplitude-bar{height:calc(var(--str-chat__wave-progress-bar__amplitude-bar-height) + 2px);min-width:2px;width:2px}.str-chat .str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__progress-indicator{background:var(--str-chat__accent-neutral);border:2px solid var(--str-chat__base-white);border-radius:var(--str-chat__radius-max);box-shadow:var(--str-chat__box-shadow-3);cursor:grab;height:14px;inset-inline-start:0;position:absolute;transition:inset-inline-start .25s linear;width:14px}.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__amplitude-bar,.str-chat .str-chat__wave-progress-bar__track--dragging .str-chat__wave-progress-bar__progress-indicator{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{--avatar-status-badge-angle:-45deg;align-items:center;background:var(--str-chat__avatar-bg-default);border-radius:var(--str-chat__radius-max);color:var(--str-chat__avatar-text-default);display:flex;font-style:normal;font-weight:var(--str-chat__typography-font-weight-semi-bold);grid-area:avatar;height:var(--avatar-size);justify-content:center;line-height:1;position:relative;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:var(--avatar-size)}.str-chat__avatar .str-chat__avatar-image{border-radius:inherit;height:100%;object-fit:cover;width:100%}.str-chat__avatar .str-chat__icon{stroke-width:var(--avatar-icon-stroke-width);height:var(--avatar-icon-size);width:var(--avatar-icon-size)}.str-chat__avatar.str-chat__avatar--with-border:has(.str-chat__avatar-image):before{background:#0000;border:1px solid var(--border-core-opacity-10);border-radius:inherit;content:"";height:100%;position:absolute;width:100%}.str-chat__avatar:after{border:2px solid var(--str-chat__border-core-inverse);border-radius:inherit;content:"";height:calc(100% + 4px);position:absolute;width:calc(100% + 4px)}.str-chat__avatar .str-chat__avatar-status-badge{border-color:var(--str-chat__presence-border);border-radius:9999px;border-radius:var(--str-chat__radius-max,9999px);border-style:solid;border-width:2px;content:"";height:var(--avatar-status-badge-size);inset-inline-start:calc(var(--avatar-size)/2 + var(--avatar-size)/2*cos(var(--avatar-status-badge-angle)) - var(--avatar-status-badge-size)/2);position:absolute;top:calc(var(--avatar-size)/2 + var(--avatar-size)/2*sin(var(--avatar-status-badge-angle)) - var(--avatar-status-badge-size)/2);width:var(--avatar-status-badge-size);z-index:1}.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-size:var(--str-chat__typography-font-size-xl)}.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-size:var(--str-chat__typography-font-size-xl)}.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-size:var(--str-chat__typography-font-size-md)}.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-size:var(--str-chat__typography-font-size-sm)}.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-size:var(--str-chat__typography-font-size-sm)}.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-size:var(--str-chat__typography-font-size-xs)}.str-chat__avatar.str-chat__avatar--size-xs .str-chat__avatar-status-badge{border-width:1px}.str-chat__avatar-stack{align-items:center;display:flex}.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-stack__count-badge,.str-chat__avatar-stack.str-chat__avatar-stack--size-xs>.str-chat__avatar:not(:first-child){margin-inline-start:calc(var(--str-chat__spacing-xs)*-1)}.str-chat__avatar-stack.str-chat__avatar-stack--size-md .str-chat__avatar-stack__count-badge,.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-sm .str-chat__avatar-stack__count-badge,.str-chat__avatar-stack.str-chat__avatar-stack--size-sm>.str-chat__avatar:not(:first-child){margin-inline-start:calc(var(--str-chat__spacing-sm)*-1)}.str-chat__avatar-group{align-items:center;display:flex;flex-direction:column;height:var(--avatar-group-size);justify-content:center;min-height:var(--avatar-group-size);min-width:var(--avatar-group-size);position:relative;width:var(--avatar-group-size)}.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-size:var(--str-chat__typography-font-size-sm);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-size:var(--str-chat__typography-font-size-sm);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-size:var(--str-chat__typography-font-size-xxs);padding-inline:var(--str-chat__spacing-xxs)}.str-chat__avatar-group.str-chat__avatar-group--offline:after,.str-chat__avatar-group.str-chat__avatar-group--online:after{border-color:#fff;border-color:var(--str-chat__presence-border,#fff);border-radius:9999px;border-radius:var(--str-chat__radius-max,9999px);border-style:solid;border-width:2px;content:"";height:var(--avatar-group-online-badge-size);inset-inline-end:-2px;position:absolute;top:-2px;width:var(--avatar-group-online-badge-size)}.str-chat__avatar-group.str-chat__avatar-group--online:after{background:#00c384;background:var(--str-chat__presence-bg-online,#00c384)}.str-chat__avatar-group.str-chat__avatar-group--offline:after{background:#687385;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{align-items:center;background:var(--str-chat__badge-bg-default);border-radius:var(--str-chat__radius-max);box-shadow:0 2px 6px 0 #00000024;display:flex;font-family:var(--str-chat__typography-font-family-sans);font-weight:var(--str-chat__typography-font-weight-bold);height:var(--avatar-group-count-badge-size);justify-content:center;min-height:var(--avatar-group-count-badge-size);min-width:var(--avatar-group-count-badge-size);position:absolute}.str-chat__avatar-group:has(>:last-child:nth-child(4))>:first-child{inset-inline-start:0;top:0}.str-chat__avatar-group:has(>:last-child:nth-child(4))>:nth-child(2){inset-inline-end:0;top: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)>:first-child{inset-inline-start:0;top:0}.str-chat__avatar-group:has(>:last-child:nth-child(3)):has(>.str-chat__avatar-group__count-badge)>:nth-child(2){inset-inline-end:0;top: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))>:first-child{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))>:first-child{inset-inline-start:0;top:0}.str-chat__avatar-group:has(>:last-child:nth-child(2))>:last-child{bottom:0;inset-inline-end:0}.str-chat__channel{flex-direction:column;min-height:0;position:relative}.str-chat__channel,.str-chat__channel .str-chat__container{display:flex;height:100%}.str-chat__channel .str-chat__container .str-chat__main-panel{display:flex;flex-direction:column;height:100%;min-width:0;position:relative;width:100%}@media (max-width:767px){.str-chat__channel .str-chat__container:has(.str-chat__thread-container)>.str-chat__dropzone-root:not(.str-chat__dropzone-root--thread),.str-chat__channel .str-chat__container:has(.str-chat__thread-container)>.str-chat__main-panel{flex:0 0;max-width:0;min-width:0;overflow:hidden;width:0}.str-chat__channel .str-chat__container:has(.str-chat__thread-container)>.str-chat__dropzone-root--thread,.str-chat__channel .str-chat__container:has(.str-chat__thread-container)>.str-chat__thread-container{flex:1 1 auto;min-width:0;width:100%}}.str-chat__loading-channel{display:flex;flex-direction:column;height:100%}.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;height:var(--str-chat__size-40);width:var(--str-chat__size-40)}.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{height:100%;margin-inline:auto;max-width:calc(var(--str-chat__message-composer-max-width) + var(--str-chat__message-composer-padding));width:100%}.str-chat__loading-channel .str-chat__loading-channel-message-list{display:flex;flex-direction:column;gap:var(--str-chat__size-28);height:100%;padding-block:var(--str-chat__size-32) var(--str-chat__size-24);width:100%}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message{column-gap:var(--str-chat__spacing-sm);display:flex;width:100%}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-avatar{align-self:end;border-radius:50%;flex-shrink:0;height:36px;width:36px}.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;max-width:var(--str-chat__message-max-width);min-width:0;row-gap:var(--str-chat__size-12);width:min(100%,var(--str-chat__message-max-width))}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-bubble{border-radius:var(--str-chat__radius-3xl);width:min(100%,var(--str-chat__message-max-width))}.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{border-radius:999px;height:var(--str-chat__size-16);width:min(100%,var(--str-chat__message-max-width))}.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;height:var(--str-chat__size-48);width:var(--str-chat__size-48)}.str-chat__loading-channel .str-chat__message-composer-container--loading .str-chat__loading-channel-message-input-pill{border-radius:999px;flex:1 1;height:var(--str-chat__size-48);min-width:0}.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{border-radius:50%}.str-chat__loading-channel .str-chat__channel-header--loading .str-chat__loading-channel-header-avatar,.str-chat__loading-channel .str-chat__channel-header--loading .str-chat__loading-channel-header-name{animation:loading-channel-shimmer 1.2s linear infinite;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%}.str-chat__loading-channel .str-chat__channel-header--loading .str-chat__loading-channel-header-name{border-radius:999px;-webkit-mask-image:linear-gradient(90deg,#000,#000 94%,#000000b3 98%,#0000);mask-image:linear-gradient(90deg,#000,#000 94%,#000000b3 98%,#0000)}.str-chat__loading-channel .str-chat__message-list--loading .str-chat__loading-channel-message-avatar{border-radius:50%}.str-chat__loading-channel .str-chat__message-list--loading .str-chat__loading-channel-message-avatar,.str-chat__loading-channel .str-chat__message-list--loading .str-chat__loading-channel-message-bubble,.str-chat__loading-channel .str-chat__message-list--loading .str-chat__loading-channel-message-metadata{animation:loading-channel-shimmer 1.2s linear infinite;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%}.str-chat__loading-channel .str-chat__message-list--loading .str-chat__loading-channel-message-metadata{border-radius:999px;-webkit-mask-image:linear-gradient(90deg,#000,#000 94%,#000000b3 98%,#0000);mask-image:linear-gradient(90deg,#000,#000 94%,#000000b3 98%,#0000)}.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{animation:loading-channel-shimmer 1.2s linear infinite;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%}.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{align-items:center;background:var(--str-chat__background-core-elevation-1);border-block-end:1px solid var(--str-chat__border-core-default);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:var(--str-chat__channel-header-height);padding:var(--str-chat__spacing-md);width:100%}.str-chat__channel-header .str-chat__channel-header__start{justify-self:start;min-width:0}.str-chat__channel-header .str-chat__channel-header__data{align-items:center;display:flex;flex-direction:column;justify-self:center;min-width:0;overflow-x:hidden;overflow-y:hidden}.str-chat__channel-header .str-chat__channel-header__end{justify-self:end;min-width:0}.str-chat__channel-header .str-chat__channel-header__data__subtitle,.str-chat__channel-header .str-chat__channel-header__data__title{overflow-x:hidden;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis;white-space:nowrap}.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{color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default)}.str-chat{--str-chat__channel-list-transition-duration:180ms;--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{background:var(--str-chat__background-core-elevation-1);border-inline-end:1px solid var(--str-chat__border-core-default);color:var(--str-chat__text-primary);display:flex;flex:0 0 var(--str-chat__channel-list-width);flex-direction:column;height:100%;max-width:100%;min-width:280px;opacity:1;position:relative;transform:translateX(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)}.str-chat__channel-list .str-chat__channel-list-inner{height:100%;overflow:hidden;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{height:100%;overflow-y:auto;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.str-chat__channel-list .str-chat__channel-list-inner .str-chat__channel-list-inner__main .str-chat__channel-list-empty{align-items:center;display:flex;flex-direction:column;height:100%;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{height:32px;width:32px}.str-chat__channel-list .str-chat__channel-list-empty{color:var(--str-chat__text-secondary)}@media (max-width:767px){.str-chat__channel-list{bottom:0;box-shadow:none;flex-basis:auto;inset-inline-start:0;max-width:100%;min-width:0;pointer-events:none;position:absolute;top:0;transform:translateX(calc(0px - var(--str-chat__channel-list-transition-offset)));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);visibility:hidden;width:var(--str-chat__channel-list-mobile-width);z-index:1}.str-chat__chat-view .str-chat__channel-list{inset-inline-start:0;inset-inline-start:var(--str-chat__chat-view-selector-mobile-width,0);width:100%;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{align-items:center;display:flex;padding:var(--str-chat__spacing-md);width:100%}.str-chat__channel-list__header .str-chat__channel-list__header__title{color:var(--str-chat__text-primary);flex:1 1;font:var(--str-chat__font-heading-lg)}.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{background:#fff;background:var(--str-chat__background-core-elevation-3,#fff);border-radius:8px;border-radius:var(--str-chat__radius-md,8px);box-shadow:0 0 0 1px #0000000d,0 2px 4px 0 #0000001f,0 6px 16px 0 #0000000f;display:none;gap:var(--str-chat__spacing-xs);inset-inline-end:10px;padding:var(--str-chat__spacing-xxs);position:absolute;top:10px}.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-block:var(--str-chat__button-padding-x-icon-only-xs);padding-inline: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{align-items:center;background:none;background:var(--str-chat__background-core-elevation-1);border:none;border-radius:var(--str-chat__radius-lg);cursor:pointer;display:flex;font-family:var(--str-chat__typography-font-family-sans);gap:var(--str-chat__spacing-md);padding:var(--str-chat__spacing-sm);text-align:start;width:100%}.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;flex-grow:1;flex-shrink:1;gap:var(--str-chat__spacing-xxs);min-width:0}.str-chat__channel-list-item .str-chat__channel-list-item-data .str-chat__channel-list-item-data__first-row{align-items:center;display:flex;gap:var(--str-chat__spacing-md);justify-content:space-between}.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{align-items:inherit;color:var(--str-chat__text-primary);display:flex;flex-grow:1;flex-shrink:1;font-size:var(--str-chat__typography-font-size-sm);font-weight:var(--str-chat__typography-font-weight-semi-bold);gap:var(--str-chat__spacing-xxs);line-height:var(--str-chat__typography-line-height-normal);min-width:0}.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);height:var(--str-chat__icon-size-sm);width: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{align-items:inherit;display:flex;flex-shrink:0;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{color:var(--str-chat__text-tertiary);font-size:var(--str-chat__typography-font-size-sm);font-weight:var(--str-chat__typography-font-weight-regular);line-height:var(--str-chat__typography-line-height-normal)}.str-chat{--str-chat__chat-view-selector-transition-duration:180ms;--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{background-color:var(--str-chat__background-core-app);display:flex;height:100%;min-height:0;position:relative;width:100%}.str-chat__chat-view .str-chat__chat-view__selector{background-color:var(--str-chat__background-core-elevation-1);border-inline-end:1px solid var(--str-chat__border-core-subtle);display:flex;flex-direction:column;gap:var(--str-chat__spacing-xs);padding:var(--str-chat__spacing-md)}.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%;background:#0000;border-radius:var(--str-chat__radius-md);color:var(--str-chat__text-tertiary);font:var(--str-chat__font-caption-emphasis);gap:4px;line-height:1;padding:var(--str-chat__spacing-xs);position:relative}.str-chat__chat-view .str-chat__chat-view__selector .str-chat__chat-view__selector-button[aria-selected=true]{background:var(--str-chat__background-core-surface-default);color:var(--str-chat__text-primary)}.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{align-items:center;display:flex;flex-direction:column}.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{min-height:0}.str-chat__chat-view .str-chat__chat-view__channels,.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;max-width:none;min-width:0;width:100%}.str-chat__date-separator--floating{display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.str-chat__date-separator{background:#0000;padding:var(--str-chat__spacing-xs) 0;width:100%}.str-chat__date-separator,.str-chat__date-separator .str-chat__date-separator-date{align-items:center;color:var(--str-chat__chat-text-system);display:flex;justify-content:center}.str-chat__date-separator .str-chat__date-separator-date{background-color:var(--str-chat__background-core-surface-subtle);border-radius:var(--str-chat__radius-max);font:var(--str-chat__font-metadata-emphasis);padding:var(--str-chat__spacing-xxs) var(--str-chat__spacing-sm)}.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:#0000}.str-chat__drag-and-drop-container__item{border-block-end:2px solid #0000;border-block-start:2px solid #0000;display:flex;padding-block:.25rem;width:100%}.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);align-items:center;background:var(--str-chat__background-core-app);color:var(--str-chat__text-secondary);display:flex;flex-direction:column;font:var(--str-chat__font-caption-default);gap:var(--str-chat__spacing-xs);height:100%;justify-content:center;padding:var(--str-chat__spacing-md);position:relative;text-align:center}.str-chat__empty-channel svg{color:var(--str-chat-icon-color);height:32px;width:32px}.str-chat__empty-channel .str-chat__empty-channel-text{margin:0;max-width:230px}.str-chat .str-chat__base-image{display:block;max-height:100%;max-width:100%;object-fit:contain}@keyframes str-chat__gallery-slide-in-from-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes str-chat__gallery-slide-in-from-left{0%{transform:translateX(-100%)}to{transform:translateX(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:#ffffffeb;--str-chat__gallery-nav-color:#101828;--str-chat__gallery-nav-hover-background:#fff;--str-chat__gallery-nav-box-shadow:var(--str-chat__box-shadow-2);align-items:stretch;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:stretch;min-height:0;padding:0;position:relative;width:100%}.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__gallery__header{grid-gap:var(--str-chat__spacing-sm);align-items:start;display:grid;gap:var(--str-chat__spacing-sm);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:var(--str-chat__spacing-md);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{color:#ffffffb8;display:block;font:var(--str-chat__font-metadata-default);margin-top:2px}.str-chat .str-chat__gallery__header-actions{align-items:center;display:inline-flex;gap:var(--str-chat__spacing-xs);justify-self:end;pointer-events:auto}.str-chat .str-chat__button.str-chat__gallery__action-button,.str-chat .str-chat__gallery__action-button{align-items:center;background-color:initial;border:0;border-radius:var(--str-chat__radius-max);color:#ffffffe0;display:inline-flex;height:2rem;justify-content:center;opacity:.92;padding:0;text-decoration:none;width:2rem}@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{height:var(--str-chat__icon-size-sm);width:var(--str-chat__icon-size-sm)}.str-chat .str-chat__gallery__main{background:var(--str-chat__gallery-main-background);border-radius:0;flex:1 1;flex-direction:column}.str-chat .str-chat__gallery__main,.str-chat .str-chat__gallery__slide-container{align-items:center;display:flex;height:100%;justify-content:center;min-height:0;overflow:hidden;position:relative;width:100%}.str-chat .str-chat__gallery__slide-container{box-sizing:border-box;padding:var(--str-chat__size-64);touch-action:pan-y pinch-zoom}.str-chat .str-chat__gallery__media-container{height:100%;width:100%}.str-chat .str-chat__gallery__media{align-items:center;display:flex;height:100%;justify-content:center;min-height:0;overflow:hidden;width:100%}@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,.str-chat .str-chat__gallery__media--video video{max-height:100%;max-width:100%;object-fit:contain}.str-chat .str-chat__button.str-chat__gallery__nav-button{align-items:center;background-color:var(--str-chat__gallery-nav-background);border:var(--str-chat__gallery-nav-border);border-radius:var(--str-chat__radius-max);box-shadow:var(--str-chat__gallery-nav-box-shadow);color:var(--str-chat__gallery-nav-color);display:flex;height:2rem;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2rem;z-index:1}@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{height:1rem;width:1rem}.str-chat .str-chat__gallery__nav-button--hidden{pointer-events:none;visibility:hidden}.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{align-items:center;color:var(--str-chat__gallery-foreground);display:flex;font:var(--str-chat__font-caption-emphasis);justify-content:center;padding:var(--str-chat__spacing-md);text-shadow:0 1px 2px #00000059;-webkit-user-select:none;user-select:none;width:100%}.str-chat .str-chat__gallery__error,.str-chat .str-chat__gallery__loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.str-chat .str-chat__gallery__error{color:var(--str-chat__text-tertiary);font-size:var(--str-chat__typography-font-size-sm);gap:var(--str-chat__spacing-sm)}.str-chat.str-chat__theme-dark .str-chat__gallery{--str-chat__gallery-nav-border:1px solid #ffffff14;--str-chat__gallery-nav-background:#111827e0;--str-chat__gallery-nav-color:#ffffffeb;--str-chat__gallery-nav-hover-background:#1f2937f5;--str-chat__gallery-nav-box-shadow:0 10px 24px #0006}@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{height:2rem;width: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-x:hidden;overflow-y:auto}.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-status,.str-chat__loading-channels-username{animation:loading-channels-shimmer 1.2s linear infinite;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%}.str-chat__loading-channels-avatar{border-radius:50%;flex-shrink:0;height:var(--str-chat__size-48);width:var(--str-chat__size-48)}.str-chat__loading-channels-status,.str-chat__loading-channels-username{border-radius:999px;height:var(--str-chat__size-20);-webkit-mask-image:linear-gradient(90deg,#000,#000 94%,#000000b3 98%,#0000);mask-image:linear-gradient(90deg,#000,#000 94%,#000000b3 98%,#0000)}.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}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.str-chat__circular-progress-indicator{height:100%;width:100%}.str-chat__circular-progress-indicator svg{display:block}.str-chat__share-location-dialog{max-width:520px;width:100%}.str-chat__share-location-dialog .str-chat__prompt__body{height:65px}.str-chat__share-location-dialog .str-chat__live-location-activation{background-color:var(--str-chat__switch-field-background-color);border-radius:var(--str-chat__switch-field-border-radius);box-sizing:border-box;display:flex;flex-direction:column;width:100%}.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{align-items:center;background:none;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;font:var(--str-chat__font-caption-default);justify-content:space-between;min-width:120px;padding:0;padding-inline:var(--str-chat__spacing-xs)}.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{align-items:center;background:var(--composer-bg);border:1px solid var(--str-chat__border-core-default);border-radius:var(--str-chat__radius-3xl);display:flex;justify-content:center;max-width:var(--str-chat__message-composer-max-width);position:relative;width:100%}.str-chat__audio_recorder .str-chat__audio-recorder__recording-playback,.str-chat__audio_recorder .str-chat__audio-recorder__recording-preview{align-items:center;display:flex;flex:1 1;gap:var(--str-chat__spacing-md);min-width:0;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{align-items:center;display:flex;font-size:var(--str-chat__typography-font-size-sm);font-weight:var(--str-chat__typography-font-weight-semi-bold);line-height:var(--str-chat__typography-line-height-tight);width:2.75rem}.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{color:var(--str-chat__button-destructive-text);height:var(--str-chat__icon-size-sm);width:var(--str-chat__icon-size-sm)}.str-chat__audio_recorder .str-chat__audio_recorder__cancel-button svg,.str-chat__audio_recorder .str-chat__audio_recorder__toggle-playback-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{--str-chat-icon-color:var(--str-chat__text-on-accent);align-items:center;background:none;background-color:var(--str-chat__accent-primary);border:none;border-radius:var(--str-chat__radius-max);color:var(--str-chat__text-on-accent);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;width:32px}.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{align-items:center;display:flex;flex:1 1 auto;min-width:0;width:auto}.str-chat__audio_recorder .str-chat__wave-progress-bar__track{align-items:center;display:flex;flex-wrap:nowrap;height:2rem;min-width:0;width:100%}.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 .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)}.str-chat .str-chat__message.str-chat__message--other{--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__li--top{padding-block-end:var(--str-chat__spacing-xxxs);padding-block-start:var(--str-chat__spacing-xs)}.str-chat__li--bottom{padding-block-end:var(--str-chat__spacing-xs);padding-block-start:var(--str-chat__spacing-xxxs)}.str-chat__li--middle{padding-block:var(--str-chat__spacing-xxxs)}.str-chat__li--single{padding-block:var(--str-chat__spacing-xs)}.str-chat__message{--str-chat-message-options-size:calc(var(--str-chat__message-options-button-size)*3);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{display:flex;flex-direction:column;gap:var(--str-chat__spacing-xs);max-width:var(--str-chat__message-max-width);padding:var(--str-chat__spacing-xs);width:min(100%,var(--str-chat__message-max-width))}.str-chat__message .str-chat__message-options{--str-chat-icon-height:calc(var(--str-chat__message-options-button-size)*0.7)}.str-chat__message a{color:var(--str-chat__chat-text-link);text-decoration: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:initial;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--has-attachment{--str-chat__message-max-width:var(--str-chat__message-with-attachment-max-width)}.str-chat__message.str-chat__message--has-attachment .str-chat__message-bubble{max-width:var(--str-chat__message-max-width);width:min(100%,var(--str-chat__message-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-mention{color:var(--str-chat__accent-primary);font:var(--str-chat__font-body-emphasis)}.str-chat__message{word-wrap:break-word;background:#0000;color:var(--chat-text);color:var(--str-chat__message-color,var(--chat-text));display:grid;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}.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{align-items:center;color:var(--str-chat__text-primary);display:flex;font:var(--str-chat__font-metadata-emphasis);gap:var(--str-chat__spacing-xxs)}.str-chat__message .str-chat__message-pin-indicator .str-chat__message-pin-indicator__content .str-chat__message-pin-indicator__icon{align-items:center;display:flex}.str-chat__message .str-chat__message-pin-indicator .str-chat__message-pin-indicator__content .str-chat__message-pin-indicator__icon .str-chat__icon{height:var(--str-chat__icon-size-xs);width: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--me .str-chat__message-also-sent-in-channel,.str-chat__message.str-chat__message--me .str-chat__message-pin-indicator .str-chat__message-pin-indicator__content{justify-content:flex-end}.str-chat__message.str-chat__message--other{column-gap:var(--str-chat__space-8);justify-items:flex-start}.str-chat__message.str-chat__message--other.str-chat__message--with-avatar{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: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 .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){margin-inline-end:calc(var(--str-chat__spacing-xs)*-1);padding-inline-start:calc(var(--str-chat__spacing-xs)*-1*-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{flex-wrap:wrap;justify-content:flex-start}.str-chat__message.str-chat__message--pinned.str-chat__message--other{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--pinned.str-chat__message--me{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{column-gap:var(--str-chat__space-8);justify-items:flex-end}.str-chat__message.str-chat__message--me.str-chat__message--with-avatar{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: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--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){margin-inline-start:calc(var(--str-chat__spacing-xs)*-1);padding-inline-end:calc(var(--str-chat__spacing-xs)*-1*-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{flex-wrap:wrap;justify-content:flex-end}.str-chat__message.str-chat__message--blocked{grid-template-areas:"message"}.str-chat__message.str-chat__message--system{grid-template-areas:"message";grid-template-columns:auto}.str-chat__message .str-chat__avatar:has(~.str-chat__message-inner){align-self:end;grid-area:avatar}.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-inner{grid-column-gap:var(--str-chat__space-8);column-gap:var(--str-chat__space-8);display:grid;grid-area:message;grid-template-areas:"reactions ." "message-bubble options" "replies replies";grid-template-columns:auto 1fr;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--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{background-color:var(--chat-bg);background-color:var(--str-chat__message-bubble-background-color,var(--chat-bg));border-radius:var(--str-chat__message-bubble-radius-group-bottom);color:inherit;color:var(--str-chat__message-bubble-color,inherit);display:flex;grid-area:message-bubble;justify-self:flex-start;min-width:0;overflow:hidden;position:relative}.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{margin:0;white-space:pre-line}.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--me .str-chat__message-bubble{background-color:var(--chat-bg);background-color:var(--str-chat__own-message-bubble-background-color,var(--chat-bg));color:inherit;color:var(--str-chat__own-message-bubble-color,inherit);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}.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-metadata{align-items:center;color:var(--str-chat__chat-text-timestamp);display:flex;flex-wrap:wrap;gap:var(--str-chat__spacing-xxs);grid-area:metadata;height:var(--str-chat__size-24)}.str-chat__message .str-chat__message-metadata *{font:var(--str-chat__font-metadata-default)}.str-chat__message .str-chat__message-metadata .str-chat__message-metadata__name{margin-inline-end:var(--str-chat__spacing-xxs);overflow-y:hidden}.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--me .str-chat__message-metadata{justify-content:flex-end;text-align:end}.str-chat__message .str-chat__message--blocked-inner{padding-inline:var(--str-chat__spacing-xxs)}.str-chat__message .str-chat__message--blocked-inner p{margin:0;white-space:pre-line}.str-chat__message .str-chat__message--blocked-inner{background-color:var(--chat-bg);background-color:var(--str-chat__blocked-message-background-color,var(--chat-bg));border-radius:var(--str-chat__radius-md);color:var(--chat-text);color:var(--str-chat__blocked-message-color,var(--chat-text));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.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{align-items:center;display:flex;gap:var(--str-chat__spacing-xxs);padding:0}.str-chat__message.str-chat__message--failed .str-chat__message-error-indicator{display:block;inset-inline-end:-9px;position:absolute;top:8px}.str-chat__message--highlighted{background-color:var(--str-chat__background-core-highlight);transition:background-color .1s ease-out}.str-chat__li:has(.str-chat__message--pinned){isolation:isolate;position:relative}.str-chat__li:has(.str-chat__message--pinned):before{background-color:var(--str-chat__background-core-highlight);content:"";inset-block:0;inset-inline:-9999px;pointer-events:none;position:absolute;z-index:-1}@supports not selector(:has(a,b)){.str-chat__message--pinned{background-color:var(--str-chat__background-core-highlight)}}.str-chat__li:hover:not(:has(.str-chat__reaction-list:hover,.str-chat__modal--open)){background-color:initial}@supports not selector(:has(a,b)){.str-chat__li:hover{background-color:initial}}.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__ul .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,.str-chat__virtual-list .str-chat__li:hover:not(:has(.str-chat__modal--open)) .str-chat__message-options{display:flex}.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__ul .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,.str-chat__virtual-list .str-chat__li:hover:not(:has(.str-chat__modal--open)) .str-chat__message--other .str-chat__message-inner{margin-inline-end:0}.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__ul .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,.str-chat__virtual-list .str-chat__li:hover:not(:has(.str-chat__modal--open)) .str-chat__message--me .str-chat__message-inner{margin-inline-start:0}.str-chat__message-inner .str-chat__message-options.str-chat__message-options--active{display:flex}.str-chat__message-inner .str-chat__message-options{display:none}.str-chat__message-inner:focus-within .str-chat__message-options{display:flex}.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--me .str-chat__message-inner{margin-inline-start:var(--str-chat-message-options-size)}.str-chat__li--middle .str-chat__message .str-chat__message-metadata,.str-chat__li--top .str-chat__message .str-chat__message-metadata{display:none}.str-chat__li--middle .str-chat__message>.str-chat__avatar,.str-chat__li--top .str-chat__message>.str-chat__avatar{visibility:hidden}.str-chat__li--bottom .str-chat__message--other .str-chat__message-bubble,.str-chat__li--single .str-chat__message--other .str-chat__message-bubble{border-end-start-radius:var(--str-chat__message-bubble-radius-tail)}.str-chat__li--bottom .str-chat__message--me .str-chat__message-bubble,.str-chat__li--single .str-chat__message--me .str-chat__message-bubble{border-end-end-radius:var(--str-chat__message-bubble-radius-tail)}.str-chat__li--middle .str-chat__message-bubble,.str-chat__li--top .str-chat__message-bubble{border-radius:var(--str-chat__message-bubble-radius-group-middle)}.str-chat__message-with-thread-link.str-chat__message--other .str-chat__message-bubble{border-end-start-radius:calc(var(--str-chat__radius-md)/6)}.str-chat__message-with-thread-link.str-chat__message--me .str-chat__message-bubble{border-end-end-radius:calc(var(--str-chat__radius-md)/6)}.str-chat__li--middle .str-chat__message.str-chat__message--with-avatar>.str-chat__avatar,.str-chat__li--top .str-chat__message.str-chat__message--with-avatar>.str-chat__avatar{pointer-events:none;visibility:hidden}.str-chat__message-also-sent-in-channel{align-items:center;background:#0000;color:var(--str-chat__text-primary);display:flex;font:var(--str-chat__font-metadata-emphasis);gap:var(--str-chat__spacing-xxs);grid-area:also-sent-in-channel;padding-block:var(--str-chat__spacing-xxs)}.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;color:var(--str-chat__text-link);cursor:pointer;font:var(--str-chat__font-metadata-default);padding:0}.str-chat .str-chat__message-status{align-items:center;color:var(--str-chat__chat-text-timestamp);column-gap:var(--str-chat__space-2);display:flex;justify-content:center;position:relative}.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;justify-content:center;padding-block:var(--str-chat__spacing-xs);width:100%}.str-chat__message--system .str-chat__message--system__text{align-items:center;background:var(--str-chat__background-core-surface-subtle);border:1px solid var(--str-chat__border-core-subtle);border-radius:var(--str-chat__radius-xl);display:flex;font:var(--str-chat__font-metadata-default);gap:var(--str-chat__spacing-xs);justify-content:center;max-width:338px;padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-sm)}.str-chat__message-translation-indicator{align-items:center;background:#0000;color:var(--str-chat__text-primary);display:flex;gap:var(--str-chat__spacing-xxs);grid-area:translation-indicator;margin:0;padding-block:var(--str-chat__spacing-xxs)}.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);max-width:100%;min-width:0;width:calc(var(--str-chat__message-with-attachment-max-width) - var(--str-chat__spacing-xs)*2)}.str-chat__message-saved-for-later{align-items:center;background:#0000;color:var(--str-chat__accent-primary);display:flex;font:var(--str-chat__font-metadata-emphasis);gap:var(--str-chat__spacing-xxs);grid-area:message-saved-for-later;margin:0;padding-block:var(--str-chat__spacing-xxs)}.str-chat__message-saved-for-later .str-chat__icon{height:var(--str-chat__icon-size-xs);width: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{align-items:center;background:#0000;color:var(--str-chat__text-primary);display:flex;font:var(--str-chat__font-metadata-emphasis);gap:var(--str-chat__spacing-xxs);grid-area:message-reminder;margin:0;padding-block:var(--str-chat__spacing-xxs)}.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{--replies-button-connector-width:16px;--replies-button-connector-height:36px;--replies-button-connector-stroke-width:1px;display:flex;grid-area:replies;margin-block-start:var(--str-chat__spacing-xxs);padding-block-end:var(--str-chat__spacing-xxs);padding-block-start:var(--str-chat__spacing-xxs);position:relative}.str-chat__message-replies-count-button-wrapper:after{align-self:end;background:#0000;bottom:calc(50% - var(--replies-button-connector-stroke-width)/2);content:"";height:var(--replies-button-connector-height);position:absolute;width:var(--replies-button-connector-width)}.str-chat__message-replies-count-button-wrapper .str-chat__message-replies-count-button{align-items:center;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:initial;border-radius:var(--str-chat__radius-max);color:var(--str-chat__text-link);cursor:pointer;display:flex;flex-direction:row;font:var(--str-chat__font-heading-xs);gap:var(--str-chat__spacing-xs);padding:initial}.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-block-end:var(--replies-button-connector-stroke-width) solid var(--chat-thread-connector);border-end-end-radius:var(--str-chat__radius-max);border-inline-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-block-end:var(--replies-button-connector-stroke-width) solid var(--chat-thread-connector);border-end-start-radius:var(--str-chat__radius-max);border-inline-start: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{pointer-events:none;visibility:hidden}.str-chat__message-options{--str-chat-icon-color:var(--str-chat__message-options-color);align-items:flex-start;flex-direction:row-reverse;grid-area:options;justify-content:flex-end;width:var(--str-chat-message-options-size)}.str-chat__message-options .str-chat__message-actions-box-button,.str-chat__message-options .str-chat__message-reactions-button,.str-chat__message-options .str-chat__message-reply-in-thread-button{align-items:center;background:none;border:none;border-radius:var(--str-chat__message-options-border-radius);color:var(--str-chat__message-options-color);cursor:pointer;display:flex;height:var(--str-chat__message-options-button-size);justify-content:center;padding:0;width:var(--str-chat__message-options-button-size)}.str-chat__message-options .str-chat__message-actions-box-button:active,.str-chat__message-options .str-chat__message-reactions-button:active,.str-chat__message-options .str-chat__message-reply-in-thread-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{align-items:center;display:flex;min-width:0;padding:var(--str-chat__spacing-xxs);width:100%}.str-chat .str-chat__message-composer-voice-preview-slot .str-chat__attachment-preview-audio{max-width:none;min-width:0;width:100%}.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{align-content:flex-start;align-items:flex-start;background:#0000;color:var(--str-chat__text-primary);display:flex;flex:0 1 auto;flex-wrap:wrap;gap:var(--str-chat__spacing-md);justify-content:flex-start;max-height:122.4px;max-width:100%;min-height:86.4px;min-width:0;overflow-x:hidden;overflow-y:auto;padding:var(--str-chat__spacing-xxs);width:100%}.str-chat .str-chat__attachment-preview-audio,.str-chat .str-chat__attachment-preview-file,.str-chat .str-chat__attachment-preview-unsupported,.str-chat .str-chat__attachment-preview-voice-recording{align-items:center;background:#0000;border:1px solid var(--str-chat__border-core-default);border-radius:var(--str-chat__radius-lg);color:var(--str-chat__text-primary);display:flex;flex:0 1 auto;gap:var(--str-chat__spacing-sm);height:72px;padding:var(--str-chat__spacing-md);padding-inline-end:var(--str-chat__spacing-sm);width:290px}.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-media,.str-chat .str-chat__attachment-preview-unsupported,.str-chat .str-chat__attachment-preview-voice-recording{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-media:focus-visible,.str-chat .str-chat__attachment-preview-unsupported:focus-visible,.str-chat .str-chat__attachment-preview-voice-recording:focus-visible{outline:2px solid var(--str-chat__border-utility-focused);outline-offset:2px}.str-chat .str-chat__attachment-preview-media{background:#0000;border:1px solid var(--str-chat__border-core-default);border-radius:var(--str-chat__message-bubble-radius-attachment);color:var(--str-chat__text-primary);cursor:pointer;flex:0 0 auto;height:72px;width:72px}.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);height:100%;overflow:hidden;width:100%}.str-chat .str-chat__attachment-preview-media .str-chat__attachment-preview-media__thumbnail-wrapper img{height:100%;object-fit:cover;width:100%}.str-chat .str-chat__attachment-preview-media__overlay{align-items:center;border-radius:var(--str-chat__message-bubble-radius-attachment);display:flex;inset:0;justify-content:center;overflow:hidden;position:absolute}.str-chat .str-chat__attachment-preview-media__overlay:hover:after{background:var(--str-chat__attachment-preview-media-overlay-hover-background-color);content:"";inset:0;pointer-events:none;position:absolute}.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{background:var(--str-chat__attachment-preview-media-overlay-pressed-background-color);content:"";inset:0;pointer-events:none;position:absolute}.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{background:var(--str-chat__background-core-elevation-0);border-radius:var(--str-chat__radius-max);bottom:var(--str-chat__spacing-xxs);color:var(--str-chat__accent-primary);height:var(--str-chat__icon-size-sm);inset-inline-start:var(--str-chat__spacing-xxs);position:absolute;width:var(--str-chat__icon-size-sm)}.str-chat .str-chat__attachment-preview-media__overlay .str-chat__icon--exclamation{background:var(--str-chat__badge-bg-error);border:2px solid var(--str-chat__badge-border);border-radius:var(--str-chat__radius-max);bottom:var(--str-chat__spacing-xxs);color:var(--str-chat__badge-text-on-accent);height:var(--str-chat__icon-size-sm);inset-inline-start:var(--str-chat__spacing-xxs);padding:var(--str-chat__spacing-xxxs);position:absolute;width:var(--str-chat__icon-size-sm)}.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{align-items:center;display:flex}.str-chat .str-chat__attachment-preview-file__info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:var(--str-chat__spacing-xxs);justify-content:center;min-width:0}.str-chat .str-chat__attachment-preview-file__info .str-chat__attachment-preview-file-name{font-size:var(--str-chat__typography-font-size-sm);font-weight:var(--str-chat__typography-font-weight-semi-bold);line-height:var(--str-chat__typography-line-height-tight);max-width:100%;overflow-x:hidden;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis;white-space:nowrap}.str-chat .str-chat__attachment-preview-file__info .str-chat__attachment-preview-file__data{align-items:center;color:var(--str-chat__text-secondary);display:flex;font-size:var(--str-chat__typography-font-size-xs);font-weight:var(--str-chat__typography-font-weight-regular);gap:var(--str-chat__spacing-xxs);line-height:var(--str-chat__typography-line-height-tight);max-width:100%;width:min(160px,100%)}.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{color:var(--str-chat__accent-primary);height:var(--str-chat__icon-size-sm);width:var(--str-chat__icon-size-sm)}.str-chat .str-chat__attachment-preview-file__info .str-chat__attachment-preview-file__data .str-chat__attachment-preview-file__fatal-error{align-items:center;color:var(--color-accent-error);display:flex;gap:var(--str-chat__spacing-xxs)}.str-chat .str-chat__attachment-preview-file__info .str-chat__attachment-preview-file__data .str-chat__attachment-preview-file__retriable-error{align-items:center;display:flex;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;color:var(--str-chat__text-link);cursor:pointer;line-height:16px;line-height:var(--str-chat__typography-line-height-tight,16px);padding:0}.str-chat .str-chat__button-play{border:1px solid var(--control-play-control-border);height:var(--str-chat__button-visual-height-md);width:var(--str-chat__button-visual-height-md)}.str-chat__attachment-preview__thumbnail,.str-chat__link-preview-card .str-chat__image-placeholder,.str-chat__location-preview-image{border-radius:var(--str-chat__radius-md);height:40px;object-fit:cover;overflow:hidden;width:40px}.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{color:var(--str-chat__attachment-selector-button-icon-color);height:var(--str-chat__icon-size-md);width:var(--str-chat__icon-size-md)}.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:focus .str-chat__context-menu__button__icon,.str-chat .str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__button:hover .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{align-items:center;background-color:var(--str-chat__background-core-inverse);border-radius:var(--str-chat__radius-max);color:var(--str-chat__text-on-inverse);display:flex;font:var(--str-chat__font-metadata-emphasis);gap:var(--str-chat__spacing-xxs);justify-content:center;padding:var(--str-chat__spacing-xxs) var(--str-chat__spacing-xs);text-transform:uppercase}.str-chat__command-chip .str-chat__command-chip__close-button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:0}.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{flex:1 1;max-height:100%;max-width:100%;min-height:0;min-width:0;position:relative}.str-chat__dropzone-root:empty{display:none}.str-chat__dropzone-container{align-items:center;-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);background-color:var(--str-chat__background-core-overlay-light);color:var(--str-chat__text-primary);display:flex;font:var(--str-chat__font-heading-sm);inset:0;justify-content:center;position:absolute;z-index:5}.str-chat__dropzone-container .str-chat__dropzone-container__content{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--str-chat__spacing-xs,8px)}.str-chat__dropzone-container svg{height:32px;width:32px}.str-chat__dropzone-container p{margin:initial}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.str-chat__dropzone-container{-webkit-backdrop-filter:none;backdrop-filter:none}}.str-chat__location-preview{align-items:start;background-color:var(--str-chat__chat-bg-outgoing);border-radius:var(--str-chat__message-bubble-radius-attachment);display:flex;gap:var(--str-chat__spacing-xs);justify-content:space-around;min-width:0;padding-block:var(--str-chat__spacing-xs);padding-inline:var(--str-chat__spacing-xs) var(--str-chat__spacing-sm);position:relative;width:100%}.str-chat__location-preview .str-chat__location-preview-image{align-items:center;background-color:var(--str-chat__background-core-overlay-light);display:flex;height:40px;justify-content:center;width:40px}.str-chat__location-preview .str-chat__location-preview-image .str-chat__icon{height:20px;width:20px}.str-chat__location-preview .str-chat__location-preview__data{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;min-width:0}.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__title{overflow-x:hidden;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis;white-space:nowrap}.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__sharing-duration,.str-chat__location-preview .str-chat__location-preview__data .str-chat__location-preview__data__subtitle{font:var(--str-chat__font-metadata-default)}.str-chat__link-preview-list{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding:var(--str-chat__spacing-xxs);width:100%}.str-chat__link-preview-card{align-items:center;background-color:var(--chat-bg);border-radius:var(--str-chat__message-bubble-radius-attachment);display:flex;gap:var(--str-chat__spacing-xs);justify-content:space-around;min-width:0;padding-block:var(--str-chat__spacing-xs);padding-inline:var(--str-chat__spacing-xs) var(--str-chat__spacing-sm);position:relative;width:100%}.str-chat__link-preview-card .str-chat__tooltip{display:block;max-width:250px;overflow-x:hidden;overflow-x:clip;overflow-y:visible;padding-inline:.5rem;text-overflow:ellipsis;white-space:nowrap}.str-chat__link-preview-card .str-chat__link-preview-card__content{flex:1 1;min-width:0}.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-title,.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content__url{overflow-x:hidden;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis;white-space:nowrap}.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{align-items:center;display:flex;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:280ms;--str-chat__message-composer-command-ease:cubic-bezier(0.22,1,0.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{align-items:center;background:var(--str-chat__background-core-elevation-1);border-top:1px solid var(--str-chat__border-core-default);display:flex;flex-direction:column;gap:var(--str-chat__spacing-md);justify-content:center;min-height:fit-content;min-width:0;padding:var(--str-chat__message-composer-padding);width:100%}.str-chat .str-chat__message-composer{align-items:end;display:flex;flex-shrink:1;gap:var(--str-chat__spacing-xs);max-width:var(--str-chat__message-composer-max-width);min-width:0;transition:gap var(--str-chat__message-composer-command-transition-duration) var(--str-chat__message-composer-command-ease);width:100%}.str-chat .str-chat__message-composer>.str-chat__attachment-selector{align-items:flex-end;box-sizing:border-box;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;max-width:calc(var(--str-chat__button-visual-height-lg) + var(--str-chat__spacing-xxs)*2);max-width:var(--str-chat__message-composer-attachment-slot-width,calc(var(--str-chat__button-visual-height-lg) + var(--str-chat__spacing-xxs)*2));opacity:1;overflow:hidden;pointer-events:auto;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);width:calc(var(--str-chat__button-visual-height-lg) + var(--str-chat__spacing-xxs)*2);width:var(--str-chat__message-composer-attachment-slot-width,calc(var(--str-chat__button-visual-height-lg) + var(--str-chat__spacing-xxs)*2))}.str-chat .str-chat__message-composer--command-active{gap:0}.str-chat .str-chat__message-composer--command-active>.str-chat__attachment-selector{margin-inline-end:0;max-width:0;min-width:0;opacity:0;pointer-events:none;transform:scale(.55);width:0}.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{background:var(--composer-bg);border:1px solid var(--str-chat__border-core-default);border-radius:var(--str-chat__radius-3xl);color:var(--str-chat__input-text-default);display:flex;flex:1 1;flex-direction:column;min-width:0}.str-chat .str-chat__message-composer-previews{display:flex;flex-direction:column;gap:var(--str-chat__spacing-xxs);max-height:400px;min-height:0;min-width:0;overflow:hidden;padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-xs) 0;width:100%}.str-chat .str-chat__message-composer-controls{align-items:end;display:flex;gap:var(--str-chat__spacing-xs);padding:calc(var(--str-chat__spacing-sm) - 1px);width:100%}.str-chat .str-chat__message-composer-controls .str-chat__message-composer-controls__text-composition-controls{display:flex;flex:1 1;flex-direction:column;gap:var(--str-chat__spacing-sm);justify-content:center;min-height:26px}.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{align-items:flex-end;align-self:flex-end;display:flex;flex:0 0 auto;height:100%}.str-chat .str-chat__message-composer-controls .str-chat__message-composer-controls__text-composition-controls__text{align-items:center;display:flex;gap:var(--str-chat__spacing-xxs);min-width:0;width:100%}.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{align-items:center;display:flex;height:26px}.str-chat .str-chat__message-composer-controls .str-chat__message-composer__additional-actions{flex-shrink:0;max-width:6rem;min-width:0;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{align-items:center;display:flex;flex:1 1;min-width:0;position:relative;width:100%}.str-chat .str-chat__message-composer-controls .str-chat__textarea textarea{background:#0000;border:none;box-shadow:none;color:var(--str-chat__input-text-default);font-size:var(--str-chat__typography-font-size-md);outline:none;resize:none;scrollbar-width:none;width:100%}.str-chat .str-chat__message-composer-controls .str-chat__emoji-picker-button{cursor:pointer;display:flex}.str-chat .str-chat__message-composer-controls .str-chat__emoji-picker-button svg,.str-chat .str-chat__message-composer-controls .str-chat__send-button .str-chat__icon--send,.str-chat .str-chat__message-composer-controls .str-chat__start-recording-audio-button .str-chat__icon--voice{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{background-color:initial;background-image:var(--str-chat__circle-stop-icon);border-width:0;cursor:pointer;height:28px;width:30px}.str-chat .str-chat__message-composer-controls .str-chat__message-composer-cooldown{align-items:center;background:var(--str-chat__background-utility-disabled);border-radius:var(--str-chat__button-radius-full);color:var(--str-chat__text-disabled);display:flex;height:var(--str-chat__button-visual-height-md);justify-content:center;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,.str-chat .str-chat__message-composer-controls .str-chat__message-composer__additional-actions,.str-chat .str-chat__message-composer>.str-chat__attachment-selector{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{font-size:var(--str-chat__typography-font-size-sm);line-height:var(--str-chat__typography-line-height-tight);max-width:100%;padding:var(--str-chat__spacing-md)}.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{font-weight:400;font-weight:var(--str-chat__typography-font-weight-regular,400);margin:var(--str-chat__spacing-xs) 0 0}.str-chat__quoted-message-indicator{background-color:var(--str-chat__chat-reply-indicator-incoming);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{align-items:center;background-color:var(--str-chat__chat-bg-incoming);border-radius:var(--str-chat__message-bubble-radius-attachment);display:flex;gap:var(--str-chat__spacing-xs);padding:var(--str-chat__spacing-xs);position:relative}.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:1 1;flex-direction:column;font-size:var(--str-chat__typography-font-size-xs);height:40px;justify-content:center;line-height:var(--str-chat__typography-line-height-tight);min-width:0}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-preview__content .str-chat__quoted-message-preview__author{font-weight:var(--str-chat__typography-font-weight-semi-bold);overflow-x:clip;overflow-x:hidden;overflow-y:visible;text-overflow:ellipsis;white-space:nowrap}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-preview__content .str-chat__quoted-message-preview__message{align-items:center;display:flex;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{flex:1 1;min-width:0;overflow-x:hidden;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis;white-space:nowrap}.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 *{color:var(--str-chat__chat-text-incoming);white-space:nowrap}.str-chat .str-chat__quoted-message-preview .str-chat__quoted-message-preview__image{display:flex;flex-shrink:0;height:40px;min-width:40px;overflow:hidden;position:relative;width:40px}.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{align-items:center;background-color:var(--control-play-control-bg);border-radius:var(--str-chat__radius-max);display:flex;height:20px;inset-inline-start:10px;justify-content:center;position:absolute;top:10px;width:20px}.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{background-color:var(--str-chat__attachment-preview-close-icon-background);border:3px solid var(--str-chat__attachment-preview-close-icon-border-color);border-radius:var(--str-chat__radius-max);color:var(--str-chat__attachment-preview-close-icon-color);inset-inline-end:-6px;position:absolute;top:-6px;z-index:1}.str-chat__send-to-channel-checkbox__container{align-items:flex-start;color:var(--str-chat__text-tertiary);display:flex;max-width:var(--str-chat__message-composer-max-width);width:100%}.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{align-items:center;cursor:pointer;display:flex;gap:var(--str-chat__spacing-xs);position:relative}.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field .str-chat__send-to-channel-checkbox__input{clip:rect(0,0,0,0);appearance:none;border:0;clip-path:inset(50%);height:100%;inset:0;margin:0;opacity:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:100%}.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field .str-chat__send-to-channel-checkbox__visual{align-items:center;background:#0000;border:1px solid #d5dbe1;border:1px solid var(--str-chat__control-checkbox-border,#d5dbe1);border-radius:var(--str-chat__radius-sm);display:flex;height:20px;justify-content:center;transition:background-color .15s ease,border-color .15s ease;width:20px}.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(--str-chat__accent-primary);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{align-items:center;color:var(--str-chat__control-checkbox-icon);display:flex;justify-content:center;opacity:0;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{height:12px;width: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{align-items:center;background:#0000;border-radius:calc(var(--str-chat__message-bubble-radius-group-bottom) - var(--str-chat__attachment-margin));color:var(--str-chat__text-primary);column-gap:var(--str-chat__spacing-xs);display:flex;justify-content:center;padding:var(--str-chat__spacing-md)}.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{align-items:center;display:flex;flex:1 1;height:-webkit-fill-available;height:-moz-available;height:stretch;min-width:0}.str-chat__attachment-preview-unsupported .str-chat__attachment-preview-unsupported__title{color:var(--str-chat__text-primary);font:var(--str-chat__font-caption-emphasis);height:fit-content;max-width:100%;overflow-x:hidden;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis;white-space:nowrap}.str-chat__main-panel-inner{align-items:center;display:flex;flex-direction:column;height:100%;min-height:0;position:relative;width:100%}.str-chat__message-list-main-panel{--str-chat__message-list-scroll-max-width:calc(var(--str-chat__message-composer-max-width) + var(--str-chat__message-composer-padding)*2)}.str-chat__message-list{background:var(--str-chat__background-core-app);color:var(--str-chat__text-primary);display:flex;height:100%;justify-content:center;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;overscroll-behavior:none;position:relative;scrollbar-gutter:stable both-edges;width:100%}.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{max-width:var(--str-chat__message-list-scroll-max-width);width:100%}.str-chat__message-list .str-chat__message-list-scroll .str-chat__ul{list-style:none;margin:0;padding:0}.str-chat__thread .str-chat__message-list .str-chat__message-list-scroll{max-width:var(--str-chat__message-list-scroll-max-width);padding-inline:0}.str-chat__thread .str-chat__message-list .str-chat__message-list-scroll .str-chat__ul{list-style:none;margin:0;padding: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{display:flex;inset-block-end:16px;inset-inline-end:0;inset-inline-start:0;justify-content:center;position:absolute;z-index:2}.str-chat__new-message-notification .str-chat__message-notification__label{align-items:center;background-color:var(--str-chat__background-core-surface-subtle);border-radius:var(--str-chat__radius-max);color:var(--str-chat__chat-text-system);display:flex;font:var(--str-chat__font-metadata-emphasis);justify-content:center;padding:var(--str-chat__spacing-xxs) var(--str-chat__spacing-sm)}.str-chat__jump-to-latest-message{background-color:var(--str-chat__background-core-elevation-1);border-radius:var(--str-chat__radius-max);box-shadow:0 0 0 1px #0000000d,0 2px 4px 0 #0000001f,0 6px 16px 0 #0000000f;height:40px;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));position:absolute;width:40px;z-index:2}.str-chat__jump-to-latest-message .str-chat__jump-to-latest-message__button{height:40px;position:static;width:40px}.str-chat__jump-to-latest-message .str-chat__jump-to-latest__unread-count{inset-block-end:100%;inset-inline-end:-15%;margin-block-end:var(--str-chat__space-4);position:absolute;top:-15%}.str-chat .str-chat__unread-messages-notification{align-items:center;background:var(--str-chat__background-core-elevation-1);border:1px solid var(--str-chat__button-secondary-border);border-radius:var(--str-chat__button-radius-lg);box-shadow:0 0 0 1px #0000000d,0 2px 4px 0 #0000001f,0 6px 16px 0 #0000000f;display:flex;overflow:clip;position:absolute;top:40px;z-index:2}.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.button.str-chat__button--outline,.str-chat .str-chat__unread-messages-notification button.str-chat__button--secondary{border:none}.str-chat .str-chat__unread-messages-notification button:first-of-type{align-items:center;border-radius:var(--str-chat__button-radius-lg) 0 0 var(--str-chat__button-radius-lg);display:flex;font:var(--str-chat__font-caption-emphasis);gap:var(--str-chat__spacing-xs);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)}.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{display:flex;justify-content:center;padding-block:var(--str-chat__spacing-xs)}.str-chat__unread-messages-separator-wrapper .str-chat__unread-messages-separator{align-items:center;background:var(--str-chat__background-core-elevation-1);border:1px solid var(--str-chat__button-secondary-border);border-radius:var(--str-chat__button-radius-lg);display:flex;overflow:clip;padding:var(--str-chat__spacing-xxs) var(--str-chat__spacing-xs);width:fit-content}.str-chat__unread-messages-separator-wrapper .str-chat__unread-messages-separator .str-chat__unread-messages-separator__text{border-radius:var(--str-chat__button-radius-lg) 0 0 var(--str-chat__button-radius-lg);font:var(--str-chat__font-caption-emphasis);padding-inline:var(--str-chat__spacing-xs) var(--str-chat__spacing-xxs);text-transform:lowercase}.str-chat__unread-messages-separator-wrapper .str-chat__unread-messages-separator button.button.str-chat__button--outline,.str-chat__unread-messages-separator-wrapper .str-chat__unread-messages-separator button.str-chat__button--secondary{border:none}.str-chat__unread-messages-separator-wrapper .str-chat__unread-messages-separator button svg{height:16px;width:16px}.str-chat__virtual-list{--str-chat__message-list-scroll-max-width:calc(var(--str-chat__message-composer-max-width) + var(--str-chat__message-composer-padding));-webkit-overflow-scrolling:touch;background:var(--str-chat__background-core-app);color:var(--str-chat__text-primary);flex:1 1;height:100%;margin:0;overflow-x:hidden;overflow-y:auto;position:relative;scrollbar-gutter:stable both-edges;width:100%}.str-chat__virtual-list .str-chat__message-list-scroll{overscroll-behavior:none}.str-chat__virtual-list .str-chat__virtual-list-message-wrapper{margin-left:auto;margin-right:auto;max-width:calc(var(--str-chat__message-composer-max-width) + var(--str-chat__message-composer-padding))}.str-chat__virtual-list__loading{display:flex;justify-content:center;padding-top:var(--str-chat__space-8);position:absolute;width:100%}.str-chat__virtual-list p{margin:0!important}.str-chat__virtual-list p a{word-wrap:break-word;overflow:hidden;white-space:pre-line}.str-chat__virtual-list .str-chat__message{margin-block-end:0!important}.str-chat__notification{align-items:center;background:var(--str-chat__background-core-inverse);background:var(--str-chat__notification-background,var(--str-chat__background-core-inverse));border-radius:var(--str-chat__radius-3xl);border-radius:var(--str-chat__notification-border-radius,var(--str-chat__radius-3xl));box-shadow:0 0 0 1px #0000000d,0 4px 8px 0 #00000024,0 12px 24px 0 #0000001a;color:var(--str-chat__text-on-inverse);color:var(--str-chat__notification-color,var(--str-chat__text-on-inverse));display:flex;gap:var(--str-chat__spacing-xs);max-width:100%;min-height:48px;padding:var(--str-chat__spacing-xs);pointer-events:visible;position:relative}.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{align-self:center;display:flex;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;font:var(--str-chat__font-caption-default);padding-block:var(--str-chat__spacing-xxxs);text-align:center;white-space:nowrap}.str-chat__notification .str-chat__notification-actions{align-items:center;display:flex;flex-basis:100%;gap:var(--str-chat__spacing-xxs);justify-content:flex-end}.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(0deg)}to{transform:rotate(1turn)}}@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{align-items:center;background:#0000;display:flex;flex-direction:column;inline-size:min(100%,100% - 32px);inset-inline-end:16px;justify-content:flex-start;max-height:calc(100% - 32px);max-width:100%;min-width:0;padding-inline:var(--str-chat__spacing-xs);pointer-events:none;position:absolute;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:translateY(100%);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;font:var(--str-chat__font-caption-default);gap:var(--str-chat__spacing-xl);max-width:100%;min-width:260px;padding:var(--str-chat__spacing-xs);width:calc(var(--str-chat__message-with-attachment-max-width) - var(--str-chat__spacing-xs)*2)}.str-chat .str-chat__poll button{background:none;border:none;cursor:pointer;padding:0}.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{align-items:center;display:flex;flex-direction:column;gap:var(--str-chat__spacing-xs)}.str-chat .str-chat__poll .str-chat__button.str-chat__poll-action{border:1px solid var(--chat-border-on-chat);font:var(--str-chat__font-caption-emphasis);padding:var(--str-chat__button-padding-y-sm) var(--str-chat__button-padding-x-with-label-sm);width:100%}.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{height:100%;scrollbar-width:none}.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{display:flex;height:calc(var(--str-chat__loading-indicator-size) + var(--str-chat__spacing-xxs)*2);justify-content:center;width:100%}.str-chat__modal__poll-answer-list .str-chat__poll-answer-list .str-chat__poll-answer{align-items:flex-start;align-self:stretch;background:var(--str-chat__background-core-surface-card);border-radius:var(--str-chat__radius-lg);display:flex;flex-direction:column;gap:var(--str-chat__spacing-xxs)}.str-chat__modal__poll-answer-list .str-chat__poll-answer-list .str-chat__poll-answer .str-chat__poll-answer__data{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--str-chat__spacing-xs);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-block:0;padding-inline:var(--str-chat__spacing-none)}.str-chat__modal__poll-answer-list .str-chat__poll-answer-list .str-chat__poll-answer .str-chat__poll-vote__update-vote-button-container{border-top:1px solid var(--str-chat__border-core-default);display:flex;justify-content:center;padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-md);width:100%}.str-chat__poll-creation-dialog{display:flex;flex-direction:column;height:min(640px,100vh);width:min(480px,100vw)}.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{align-items:center;display:flex;flex-direction:column;gap:var(--str-chat__spacing-sm)}.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:initial}.str-chat__poll-creation-dialog .str-chat__form__switch-field__label{width:100%}.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{align-items:center;display:flex;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 1}.str-chat__modal__poll-option-list .str-chat__modal__poll-option-list__body{display:flex;flex-direction:column;gap:var(--str-chat__spacing-2xl);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:var(--str-chat__spacing-xl);scrollbar-gutter:stable;scrollbar-width:none}.str-chat__modal__poll-option-list .str-chat__modal__poll-option-list__body .str-chat__poll-option-list--full{background-color:var(--str-chat__background-core-surface-card);border-radius:var(--str-chat__radius-lg);gap:var(--str-chat__spacing-xs);padding:var(--str-chat__spacing-xs);scrollbar-width:none}.str-chat__modal__poll-option-list .str-chat__modal__poll-option-list__body .str-chat__poll-option-list--full .str-chat__poll-option{border-radius:var(--str-chat__radius-md);padding:var(--str-chat__spacing-xs)}.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{grid-row-gap:var(--str-chat__spacing-xs);align-items:start;display:grid;grid-template-columns:minmax(0,auto) 1fr;grid-template-rows:1fr auto;row-gap:var(--str-chat__spacing-xs)}.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{border:1px solid var(--chat-border-on-chat,var(--str-chat__chat-border-on-chat-incoming));border-radius:var(--str-chat__radius-max);grid-column:1;grid-row:span 2;height:var(--str-chat__size-24);width:var(--str-chat__size-24)}.str-chat__poll-option-list .str-chat__poll-option .str-chat__checkmark--checked{background-color:var(--str-chat__control-radio-check-bg-selected);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im00IDkuNC00LTRMMS40IDQgNCA2LjYgMTAuNiAwIDEyIDEuNGwtOCA4WiIvPjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat;background-size:11px 10px;border:none}.str-chat__poll-option-list .str-chat__poll-option .str-chat__poll-option-data{align-items:baseline;display:flex;flex:1 1;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{flex:1 1;-webkit-hyphens:auto;hyphens:auto;margin:0;word-break:break-word}.str-chat__poll-option-list .str-chat__poll-option .str-chat__poll-option-data .str-chat__poll-option-votes{align-items:center;display:flex;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{font:var(--str-chat__font-metadata-default);text-align:right}.str-chat__poll-option-list .str-chat__poll-option .str-chat__poll-option__votes-bar{background:linear-gradient(to right,var(--str-chat__chat-poll-progress-fill-incoming) var(--str-chat__amount-bar-fulfillment),var(--str-chat__chat-poll-progress-track-incoming) var(--str-chat__amount-bar-fulfillment));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);grid-column:2/3;grid-row:2/3;height:8px;width:100%}.str-chat__modal__poll-question{align-items:flex-start;align-self:stretch;background:var(--str-chat__background-core-surface-card);border-radius:var(--str-chat__radius-lg);display:flex;flex-direction:column;gap:var(--str-chat__spacing-xxs);padding:var(--str-chat__spacing-md)}.str-chat__modal__poll-question .str-chat__modal__poll-question__label{color:var(--str-chat__text-tertiary);font:var(--str-chat__font-heading-xs)}.str-chat__modal__poll-question .str-chat__modal__poll-question__text{color:var(--str-chat__text-primary);font:var(--str-chat__font-heading-sm)}.str-chat__modal__poll-results .str-chat__amount-bar{display:none}.str-chat__modal__poll-results .str-chat__modal__poll-results__body{align-items:flex-start;display:flex;flex-direction:column;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__modal__poll-results__option-list,.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--str-chat__spacing-md)}.str-chat__modal__poll-results .str-chat__modal__poll-results__option-list .str-chat__poll-option,.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list .str-chat__poll-option{background:var(--str-chat__background-core-surface-card);border-radius:var(--str-chat__radius-lg);display:flex;flex-direction:column;padding-block:var(--str-chat__spacing-md);width:100%}.str-chat__modal__poll-results .str-chat__modal__poll-results__option-list .str-chat__poll-option .str-chat__poll-option__header,.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list .str-chat__poll-option .str-chat__poll-option__header{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--str-chat__spacing-xxs);padding-inline:var(--str-chat__spacing-md)}.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,.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{color:var(--str-chat__text-tertiary);font:var(--str-chat__font-heading-xs)}.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__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{align-items:start;color:var(--str-chat__text-primary);display:flex;font:var(--str-chat__font-heading-sm);gap:var(--str-chat__spacing-md);width:100%}.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,.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{flex:1 1;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.str-chat__modal__poll-results .str-chat__modal__poll-results__option-list .str-chat__poll-option .str-chat__poll-vote-listing,.str-chat__modal__poll-results .str-chat_poll-option-with-votes-list .str-chat__poll-option .str-chat__poll-vote-listing{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-none)}.str-chat__modal__poll-results .str-chat__modal__poll-results__option-list .str-chat__poll-option .str-chat__poll-vote-listing .str-chat__avatar,.str-chat__modal__poll-results .str-chat_poll-option-with-votes-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__modal__poll-results__option-list .str-chat__poll-option .str-chat__poll-option__show-all-votes-button-container,.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{border-top:1px solid var(--str-chat__border-core-default);display:flex;justify-content:center;padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-md);width:100%}.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,.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{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{display:flex;height:calc(var(--str-chat__loading-indicator-size) + var(--str-chat__spacing-xxs)*2);justify-content:center;width:100%}.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{font:var(--str-chat__font-caption-default);text-align:center;width:100%}.str-chat__modal__poll-results .str-chat__poll-result-option-vote-counter{align-items:center;display:flex;font:var(--str-chat__font-caption-emphasis);gap:var(--str-chat__spacing-xs)}.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 1;height:100%;padding-bottom:var(--str-chat__spacing-xl);scrollbar-width:none;width:100%}.str-chat__modal__poll-results:not(.str-chat__modal__poll-results--option-detail) .str-chat__modal__poll-results__body{max-height:564px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:var(--str-chat__spacing-2xl);scrollbar-gutter:stable;scrollbar-width:none}.str-chat__poll-vote{align-items:center;align-self:stretch;display:flex;font:var(--str-chat__font-caption-default);gap:0;gap:var(--str-chat__spacing-none,0);padding:var(--str-chat__spacing-xxs) var(--str-chat__spacing-sm);width:100%}.str-chat__poll-vote .str-chat__poll-vote__author{align-items:center;display:flex;flex:1 1;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{align-items:center;background:#fff;background:var(--str-chat__background-core-elevation-2,#fff);border-radius:32px;border-radius:var(--str-chat__radius-4xl,32px);box-shadow:var(--str-chat__box-shadow-3);display:flex;gap:var(--str-chat__spacing-xs);padding-block:0;padding-block:var(--str-chat__spacing-xxs,0);padding-inline-end:0;padding-inline-end:var(--str-chat__spacing-xs,0);padding-inline-start:0;padding-inline-start:var(--str-chat__spacing-xxs,0)}.str-chat__reaction-selector:has(.str-chat__reaction-selector-extended-list){border-radius:var(--str-chat__radius-lg);display:block;max-height:320px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0;scrollbar-gutter:stable;scrollbar-width:none}.str-chat__reaction-selector:has(.str-chat__reaction-selector-extended-list):after,.str-chat__reaction-selector:has(.str-chat__reaction-selector-extended-list):before{content:"";height:var(--str-chat__size-16);inset-inline-start:0;position:absolute;width:100%}.str-chat__reaction-selector:has(.str-chat__reaction-selector-extended-list):after{background:linear-gradient(to bottom,#0000 5%,var(--str-chat__background-core-elevation-2) 95%);border-end-end-radius:inherit;border-end-start-radius:inherit;bottom:0}.str-chat__reaction-selector:has(.str-chat__reaction-selector-extended-list):before{background:linear-gradient(to top,#0000 5%,var(--str-chat__background-core-elevation-2) 95%);border-start-end-radius:inherit;border-start-start-radius:inherit;top:0;z-index:1}.str-chat__reaction-selector .str-chat__reaction-selector__add-button{aspect-ratio:1/1;width:32px}.str-chat__reaction-selector .str-chat__reaction-selector__add-button .str-chat__icon{height:var(--str-chat__icon-size-sm);width:var(--str-chat__icon-size-sm)}.str-chat__reaction-selector .str-chat__reaction-selector-list{display:flex;gap:2px;gap:var(--str-chat__space-2,2px);list-style:none;margin:0;margin:var(--str-chat__spacing-none,0);padding:0;padding:var(--str-chat__spacing-none,0)}.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{align-items:center;background-color:initial;border:none;border-radius:var(--str-chat__radius-max);cursor:pointer;display:flex;gap:0;gap:var(--str-chat__spacing-none,0);justify-content:center;min-height:40px;min-width:40px;padding:0;padding: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: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{align-items:center;display:flex;font-family:system-ui,sans-serif;font-size:var(--str-chat__typography-font-size-2xl);justify-content:center;line-height:1}.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{align-items:center;display:flex;font-family:system-ui;font-size:var(--str-chat__emoji-md);font-style:normal;height:var(--str-chat__emoji-md);justify-content:center;letter-spacing:var(--typography-letter-spacing-default);line-height:0;width:var(--str-chat__emoji-md)}.str-chat__message-reactions{display:flex}.str-chat__message-reactions .str-chat__message-reactions__list{align-items:center;display:flex;gap:var(--str-chat__spacing-xxs);list-style:none;margin:0;padding:0}.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{align-items:center;background:initial;background:var(--str-chat__reaction-bg);border:initial;border:1px solid var(--str-chat__reaction-border);border-radius:var(--str-chat__radius-max);box-shadow:0 4px 12px 0 #00000029;color:var(--str-chat__reaction-text);cursor:pointer;display:flex;font-size:inherit;font-weight:inherit;gap:var(--str-chat__spacing-xxs);justify-content:center;line-height:1;padding:initial;padding-block:var(--str-chat__spacing-xxxs);padding-inline:var(--str-chat__spacing-xs);position:relative;-webkit-user-select:none;user-select:none}.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):hover: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):active: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)[aria-pressed=true]:before{border-radius:inherit;content:"";height:100%;inset:0;position:absolute;width: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);font-style:normal;line-height:var(--str-chat__typography-line-height-normal)}.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-button .str-chat__message-reactions__overflow-count,.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-item-button .str-chat__message-reactions__list-item-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__total-count{align-items:center;display:flex;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{background:var(--str-chat__background-core-elevation-2);border-radius:var(--str-chat__radius-lg);max-width:256px;min-width:min(90vw,256px)}.str-chat__message-reactions-detail:has(.str-chat__reaction-selector-extended-list):after,.str-chat__message-reactions-detail:has(.str-chat__reaction-selector-extended-list):before{content:"";height:var(--str-chat__size-16);inset-inline-start:0;position:absolute;width:100%}.str-chat__message-reactions-detail:has(.str-chat__reaction-selector-extended-list):after{background:linear-gradient(to bottom,#0000 5%,var(--str-chat__background-core-elevation-2) 95%);border-end-end-radius:inherit;border-end-start-radius:inherit;bottom:0}.str-chat__message-reactions-detail:has(.str-chat__reaction-selector-extended-list):before{background:linear-gradient(to top,#0000 5%,var(--str-chat__background-core-elevation-2) 95%);border-start-end-radius:inherit;border-start-start-radius:inherit;top:0;z-index:1}.str-chat__message-reactions-detail:has(.str-chat__reaction-selector-extended-list){display:block;max-height:320px;max-width:none;min-width:0;min-width:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0;scrollbar-gutter:stable;scrollbar-width:none}.str-chat__message-reactions-detail{box-shadow:var(--str-chat__box-shadow-3);display:flex;flex-direction:column;font-family:var(--str-chat__typography-font-family-sans);gap:var(--str-chat__spacing-xxxs);padding-block-start:var(--str-chat__spacing-xxs)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__total-count{align-items:center;color:var(--str-chat__text-tertiary);display:flex;font-size:var(--str-chat__typography-font-size-sm);font-weight:var(--str-chat__typography-font-weight-medium);justify-content:flex-start;line-height:var(--str-chat__typography-line-height-normal);max-height:var(--str-chat__size-32);min-height:var(--str-chat__size-32);padding-inline:var(--str-chat__spacing-md)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__reaction-type-list{display:flex;flex-wrap:wrap;gap:var(--str-chat__spacing-xs) var(--str-chat__spacing-xxs);list-style:none;margin:0;padding-block:var(--str-chat__spacing-xs);padding-inline:var(--str-chat__spacing-md)}.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{align-items:center;background:initial;background:var(--str-chat__reaction-bg);border:initial;border:1px solid var(--str-chat__reaction-border);border-radius:var(--str-chat__radius-max);box-shadow:0 4px 12px 0 #00000029;color:var(--str-chat__reaction-text);cursor:pointer;display:flex;font-size:inherit;font-weight:inherit;gap:var(--str-chat__spacing-xxs);justify-content:center;line-height:1;padding:initial;padding-block:var(--str-chat__spacing-xxxs);padding-inline:var(--str-chat__spacing-xs);position:relative;-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):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):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)[aria-pressed=true]:before{border-radius:inherit;content:"";height:100%;inset:0;position:absolute;width: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{background:none;border:1px solid var(--str-chat__control-chip-border);box-shadow:none;min-width:var(--str-chat__size-48)}.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);font-style:normal;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{height:var(--str-chat__icon-size-sm);width: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){align-items:center;display:flex;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{border-radius:inherit;position:relative}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list-container:after,.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list-container:before{content:"";height:var(--str-chat__size-16);inset-inline-start:0;position:absolute;width:100%}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list-container:after{background:linear-gradient(to bottom,#0000 5%,var(--str-chat__background-core-elevation-2) 95%);border-end-end-radius:inherit;border-end-start-radius:inherit;bottom:0}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list-container:before{background:linear-gradient(to top,#0000 5%,var(--str-chat__background-core-elevation-2) 95%);border-start-end-radius:inherit;border-start-start-radius:inherit;display:none;top:0;z-index:1}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list{max-height:180px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-block-end:var(--str-chat__spacing-xxs);position:relative;scrollbar-gutter:stable;scrollbar-width:none}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list .str-chat__message-reactions-detail__skeleton-item{align-items:center;display:flex;gap:var(--str-chat__spacing-xs);padding-block:var(--str-chat__spacing-xxs);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{animation:loading-channel-shimmer 1.2s linear infinite;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%;border-radius:var(--str-chat__radius-max);flex-shrink:0;height:var(--str-chat__size-32);width:var(--str-chat__size-32)}.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{animation:loading-channel-shimmer 1.2s linear infinite;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%;border-radius:var(--str-chat__radius-sm);border-radius:999px;flex-grow:1;height:var(--str-chat__size-20);-webkit-mask-image:linear-gradient(90deg,#000,#000 94%,#000000b3 98%,#0000);mask-image:linear-gradient(90deg,#000,#000 94%,#000000b3 98%,#0000)}.str-chat__message-reactions-detail .str-chat__message-reactions-detail__user-list .str-chat__message-reactions-detail__user-list-item{align-items:center;display:flex;gap:var(--str-chat__spacing-xs);max-height:var(--str-chat__size-40);padding-block:var(--str-chat__spacing-xxs);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__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);font-style:normal;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-size:var(--str-chat__typography-font-size-sm);font-weight:var(--str-chat__typography-font-weight-regular);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 .str-chat__message-reactions-detail__user-list-item-button{align-self:flex-start;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:initial;border-radius:var(--str-chat__radius-max);color:var(--str-chat__text-tertiary);cursor:pointer;font:var(--str-chat__font-metadata-default);padding:initial}.str-chat__search{display:flex;flex-direction:column;gap:var(--str-chat__spacing-sm);justify-content:center;padding-block:var(--str-chat__spacing-xs)}.str-chat__search-bar{display:flex;gap:var(--str-chat__spacing-xxxs);padding-inline:var(--str-chat__spacing-md)}.str-chat__search-bar .str-chat__search-bar__input-wrapper{align-items:center;border:1px solid var(--str-chat__border-core-default);border-radius:var(--str-chat__radius-max);color:var(--str-chat__input-text-placeholder);display:flex;flex-grow:1;flex-shrink:1;font:var(--str_chat__heading-xs-text);font-weight:var(--str-chat__typography-font-weight-regular);gap:var(--str-chat__spacing-xs);min-height:40px}.str-chat__search-bar .str-chat__search-bar__input-wrapper .str-chat__search-bar__input{background:none;border:none;font-size:inherit;line-height:inherit;min-height:24px;width:100%}.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)}.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-result-list .str-chat__search-result-container{border-bottom:1px solid var(--str-chat__border-core-subtle);padding:var(--str-chat__spacing-xxs)}.str-chat__search-source-result-list .str-chat__search-result-container .str-chat__search-result--user{align-items:center;background:none;border:none;border-radius:var(--str-chat__radius-lg);cursor:pointer;display:flex;gap:var(--str-chat__spacing-md);padding:var(--str-chat__spacing-sm);width:100%}.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:1 0;flex-direction:column;gap:var(--str-chat__spacing-xxs);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{color:var(--str-chat__text-primary);flex:1 1;font:var(--str-chat__font-heading-xs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{color:var(--str-chat__text-tertiary);flex:1 1;font-size:var(--str-chat__typography-font-size-sm);font-weight:var(--str-chat__typography-font-weight-regular);line-height:var(--str-chat__typography-line-height-normal);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-results-presearch,.str-chat__search-source-result-list__footer,.str-chat__search-source-results-empty{align-items:center;color:var(--str-chat__text-tertiary);display:flex;font-size:var(--str-chat__typography-font-size-sm);justify-content:center;padding-block:var(--str-chat__spacing-xs)}.str-chat__summarized-message-preview{align-items:center;color:var(--str-chat__text-secondary);display:flex;flex-grow:1;flex-shrink:1;font-size:var(--str-chat__typography-font-size-sm);font-style:normal;font-weight:var(--str-chat__typography-font-weight-regular);gap:var(--str-chat__spacing-xxs);line-height:var(--str-chat__typography-line-height-normal);min-width:0}.str-chat__summarized-message-preview .str-chat__icon{flex-shrink:0;height:var(--str-chat__icon-size-sm);width: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 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.str-chat__summarized-message-preview .str-chat__summarized-message-preview__delivery-status{color:var(--str-chat__text-tertiary);display:flex;flex-shrink:0}.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-weight:var(--str-chat__typography-font-weight-semi-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.str-chat .str-chat__suggestion-list{max-height:320px;min-width:200px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.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{border-inline-start:1px solid var(--str-chat__border-core-default);color:var(--str-chat__text-primary);display:flex;flex-direction:column;height:100%;position:relative;width:100%}.str-chat__parent-message-li{padding-block-start:var(--str-chat__spacing-sm)}.str-chat__parent-message-li .str-chat__message{margin-inline:auto;max-width:calc(var(--str-chat__message-composer-max-width) + var(--str-chat__message-composer-padding));padding-block:var(--str-chat__spacing-xs)}.str-chat__parent-message-li .str-chat__thread-start{align-items:center;background:var(--str-chat__background-core-surface-subtle);border-bottom:1px solid var(--str-chat__border-core-subtle);border-top:1px solid var(--str-chat__border-core-subtle);color:var(--str-chat__chat-text-system);display:flex;font:var(--str-chat__font-metadata-emphasis);gap:var(--str-chat__spacing-none);justify-content:center;margin-block:var(--str-chat__spacing-xs);padding:var(--str-chat__spacing-xs) var(--str-chat__spacing-none);width:100%}.str-chat__thread-header{align-items:center;background:var(--str-chat__background-core-elevation-1);border-block-end:1px solid var(--str-chat__border-core-default);color:var(--str-chat__text-primary);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:var(--str-chat__channel-header-height);padding:var(--str-chat__spacing-md);width:100%}.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{color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default)}.str-chat__thread-header .str-chat__thread-header-details{align-items:center;display:flex;flex-direction:column;justify-self:center;min-width:0;overflow-x:hidden;overflow-y:hidden}.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{overflow-x:hidden;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis;white-space:nowrap}.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{justify-self:start;min-width:0}.str-chat__thread-header .str-chat__thread-header__end{justify-self:end;min-width:0}.str-chat__thread-header .str-chat__close-thread-button{align-items:flex-start;background-color:initial;border:none;cursor:pointer;display:flex;height:var(--str-chat__size-40);justify-content:flex-end;width:var(--str-chat__size-40)}.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);border-radius:9999px;color:var(--str-chat__badge-text-on-accent)}.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{align-items:center;display:flex;justify-content:center;position:relative}.str-chat__unread-count-badge{align-items:center;display:flex;flex-shrink:0;font-size:12px;font-weight:700;justify-content:center;line-height:8px;min-height:18px;min-width:18px;padding:5px}.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);border-inline-end:1px solid var(--str-chat__border-core-default);color:var(--str-chat__text-primary);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:translateX(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{bottom:0;flex-basis:auto;inset-inline-start:0;max-width:100%;min-width:0;pointer-events:none;position:absolute;top:0;transform:translateX(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{align-items:center;background:initial;background:var(--background-core-surface);border:initial;border-radius:var(--str-chat__radius-max);border-radius:var(--str-chat__radius-none);color:var(--str-chat__text-secondary);cursor:pointer;display:flex;font:var(--str-chat__font-metadata-emphasis);gap:var(--str-chat__spacing-xs);height:36px;justify-content:center;padding:initial;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{background:var(--str-chat__background-utility-hover);content:"";inset:0;pointer-events:none;position:absolute}.str-chat__thread-list{flex:1 1}.str-chat__thread-list [data-viewport-type=element],.str-chat__thread-list [data-virtuoso-scroller=true]{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{height:32px;width:32px}.str-chat__thread-list-empty-placeholder{align-items:center;color:var(--str-chat__text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;min-height:100%;padding:var(--str-chat__spacing-xl)}.str-chat__thread-list-empty-placeholder p{color:var(--str-chat__text-secondary);font-size:var(--str-chat__typography-font-size-sm);font-weight:var(--str-chat__typography-font-weight-regular);line-height:var(--str-chat__typography-line-height-normal);margin:0}.str-chat__thread-list__header{align-items:center;display:flex;height:var(--str-chat__channel-header-height);padding:var(--str-chat__spacing-md);width:100%}.str-chat__thread-list__header .str-chat__thread-list__header__title{color:var(--str-chat__text-primary);flex:1 1;font:var(--str-chat__font-heading-lg)}.str-chat__thread-list-item-container{border-bottom:1px solid var(--str-chat__border-core-subtle);max-width:100%;padding:var(--str-chat__spacing-xxs)}.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{align-items:flex-start;background:var(--str-chat__background-core-elevation-1);border:none;border-radius:var(--str-chat__radius-lg);cursor:pointer;display:flex;gap:var(--str-chat__spacing-sm);max-width:100%;padding-block:var(--str-chat__spacing-sm);padding-block-start:calc(var(--str-chat__spacing-sm) - 1px);padding-inline:var(--str-chat__spacing-sm);text-align:start;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:1 0;flex-direction:column;gap:var(--str-chat__spacing-xs);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__title{color:var(--str-chat__text-tertiary);font-size:var(--str-chat__typography-font-size-sm);font-weight:var(--str-chat__typography-font-weight-semi-bold);line-height:var(--str-chat__typography-line-height-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.str-chat__thread-list-item__content-trailing,.str-chat__thread-list-item__reply-information{align-items:center;display:flex;gap:var(--str-chat__spacing-xs)}.str-chat__thread-list-item__reply-count{color:var(--str-chat__text-link);font-weight:var(--str-chat__typography-font-weight-semi-bold);overflow:hidden}.str-chat__thread-list-item__reply-count,.str-chat__thread-list-item__timestamp{font-size:var(--str-chat__typography-font-size-sm);line-height:var(--str-chat__typography-line-height-normal);text-overflow:ellipsis;white-space:nowrap}.str-chat__thread-list-item__timestamp{color:var(--str-chat__text-tertiary);font-weight:var(--str-chat__typography-font-weight-regular);min-width:0;overflow-x:hidden;overflow-x:clip;overflow-y:visible}.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);border-radius:var(--str-chat__radius-md);box-shadow:var(--str-chat__box-shadow-3);color:var(--str-chat__text-on-accent);display:flex;font:var(--str-chat__font-metadata-emphasis);gap:var(--str-chat__spacing-xs);max-width:150px;overflow-y:hidden;padding:var(--str-chat__spacing-xs);width:max-content;z-index:1}.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{align-items:flex-end;display:flex;gap:var(--str-chat__spacing-xs);margin:auto;max-width:calc(var(--str-chat__message-composer-max-width) + var(--str-chat__message-composer-padding));padding-block:var(--str-chat__spacing-xs);padding-inline:var(--str-chat__message-composer-padding);width:100%}.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{align-items:center;background:var(--chat-bg);border:1px solid var(--chat-bg);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);display:inline-flex;max-height:36px;min-height:36px;padding-block:var(--str-chat__spacing-xs);padding-inline:var(--str-chat__spacing-sm)}.str-chat__typing-indicator__dots{align-items:center;column-gap:var(--str-chat__spacing-xxs);display:flex}.str-chat__typing-indicator__dots svg{display:block}.str-chat__typing-indicator__dots svg circle:first-child{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{align-items:baseline;color:var(--str-chat__text-secondary);display:inline-flex;font:var(--str-chat__font-caption-default);gap:var(--str-chat__spacing-xs);white-space:nowrap}.str-chat__typing-indicator-header__dots{align-items:center;display:inline-flex;vertical-align:middle}.str-chat .str-chat__message-attachment__video-thumbnail{height:100%;position:relative;width:100%}.str-chat .str-chat__message-attachment__video-thumbnail .str-chat__message-attachment__video-thumbnail-image{height:100%;object-fit:cover;width:100%}.str-chat .str-chat__message-attachment__video-thumbnail .str-chat__button.str-chat__button--solid.str-chat__message-attachment__video-thumbnail__play-indicator,.str-chat .str-chat__message-attachment__video-thumbnail .str-chat__message-attachment__video-thumbnail__play-indicator{align-items:center;background-color:var(--str-chat__control-play-button-bg);border-radius:var(--str-chat__radius-max);display:flex;height:48px;justify-content:center;left:calc(50% - 24px);position:absolute;top:calc(50% - 24px);width:48px}.str-chat .str-chat__message-attachment__video-thumbnail .str-chat__button.str-chat__button--solid.str-chat__message-attachment__video-thumbnail__play-indicator svg,.str-chat .str-chat__message-attachment__video-thumbnail .str-chat__message-attachment__video-thumbnail__play-indicator svg{height:24px;width:24px}.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,.str-chat .str-chat__message-attachment__video-thumbnail .str-chat__message-attachment__video-thumbnail__play-indicator svg path{fill:var(--str-chat__control-play-button-icon)}:root{--background:#fff;--foreground:#111827;--primary:#111827;--primary-foreground:#fff;--secondary:#f3f4f6;--secondary-foreground:#111827;--accent:#000;--border:#e5e7eb;--muted:#f9fafb;--surface:#fff;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--radius:0px;--shadow:none;--border-width:1px}[data-theme=minimal]{--background:#f2f5f3;--foreground:#0f1f17;--primary:#3f6e55;--primary-foreground:#fff;--secondary:#e3efe8;--secondary-foreground:#0f1f17;--accent:#3f6e55;--border:#dce6e0;--muted:#f0f4f1;--surface:#fff;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--radius:12px;--shadow:0 1px 3px #0f1f170a;--border-width:1px;--font-heading:"Manrope",sans-serif;--font-body:"Inter",sans-serif;--weight-heading:600;--dash-tile-bg:#ffffffd9;--dash-tile-border:#dce6e0;--dash-metric-bg:#fff;--dash-metric-border:#dfe7e3;--dash-metric-icon-bg:#e3efe8;--dash-metric-icon-fg:#3f6e55}[data-theme=vibrant]{--background:#f7f9fc;--foreground:#2d3748;--primary:#ff385c;--primary-foreground:#fff;--secondary:#00bfa5;--secondary-foreground:#fff;--accent:gold;--border:#e2e8f0;--muted:#edf2f7;--surface:#fff;--success:#48bb78;--warning:#ecc94b;--error:#f56565;--radius:1rem;--shadow:0 10px 15px -3px #0000001a;--border-width:0px;--font-heading:"Montserrat",sans-serif;--font-body:"Open Sans",sans-serif;--weight-heading:700}[data-theme=pro]{--background:#0f172a;--foreground:#f8fafc;--primary:#d4ff00;--primary-foreground:#000;--secondary:#334155;--secondary-foreground:#fff;--accent:#38bdf8;--border:#1e293b;--muted:#1e293b;--surface:#1e293b;--success:#22c55e;--warning:#eab308;--error:#ef4444;--radius:0.25rem;--shadow:0 0 20px #d4ff004d;--border-width:1px;--font-heading:"Barlow Condensed",sans-serif;--font-body:"Roboto",sans-serif;--weight-heading:800}[data-theme=classic]{--background:#fcfaf7;--foreground:#1c1917;--primary:#1b4d3e;--primary-foreground:#fff;--secondary:#d4af37;--secondary-foreground:#1c1917;--accent:#e5e5e5;--border:#d6d3d1;--muted:#f5f5f4;--surface:#fff;--success:#15803d;--warning:#b45309;--error:#b91c1c;--radius:0.375rem;--shadow:0 4px 6px -1px #0000001a;--border-width:1px;--font-heading:"Playfair Display",serif;--font-body:"Source Sans Pro",sans-serif;--weight-heading:600}[data-theme=sport]{--background:linear-gradient(135deg,#e0f7fa,#f1f8e9);--foreground:#1a237e;--primary:#1976d2;--primary-foreground:#fff;--secondary:#fdd835;--secondary-foreground:#1a237e;--accent:#43a047;--border:#b3e5fc;--muted:#e8f5e9;--surface:#fff;--success:#43a047;--warning:#ffb300;--error:#e53935;--radius:0.75rem;--shadow:0 8px 16px #1976d226;--border-width:2px;--font-heading:"Poppins",sans-serif;--font-body:"Nunito",sans-serif;--weight-heading:700}[data-theme=wimbledon]{--background:#fff;--foreground:#00563f;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--primary:#6a4c93;--primary-foreground:#fff;--secondary:#00a651;--secondary-foreground:#fff;--accent:gold;--border:#e0e0e0;--muted:#f5f5f5;--surface:#fafafa;--success:#00a651;--warning:#ffa726;--error:#d32f2f;--radius:0.5rem;--shadow:0 4px 12px #6a4c931f;--border-width:1px;--font-heading:"Merriweather",serif;--font-body:"Open Sans",sans-serif;--weight-heading:600}*{margin:0;padding:0}body{background:#fff;background:var(--background);color:#111827;color:var(--foreground);font-family:var(--font-body);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-heading)}.btn,button:not(.link-btn):not(.theme-btn){border-radius:0;border-radius:var(--radius);border-width:1px;border-width:var(--border-width);box-shadow:none;box-shadow:var(--shadow);font-family:var(--font-body);transition:all .2s ease}.btn:hover,button:not(.link-btn):not(.theme-btn):hover{box-shadow:none;box-shadow:var(--shadow);transform:translateY(-1px)}.card{border:1px solid #e5e7eb;border:var(--border-width) solid var(--border);border-radius:0;border-radius:var(--radius);box-shadow:none;box-shadow:var(--shadow)}.card,input,select,textarea{background:#fff;background:var(--surface)}input,select,textarea{border:1px solid #e5e7eb;border:var(--border-width) solid var(--border);border-radius:0;border-radius:calc(var(--radius)*.7);font-family:var(--font-body)}input:focus,select:focus,textarea:focus{outline:2px solid #111827;outline:2px solid var(--primary);outline-offset:1px}.header-text{color:#111827;color:var(--foreground);transition:color .2s ease}header{background:#fff!important;background:var(--background)!important;border-bottom-color:#e5e7eb!important;border-bottom-color:var(--border)!important}[data-theme=pro] .card,[data-theme=pro] .profile-card,[data-theme=pro] [class*=Card],[data-theme=pro] [data-testid=membership-invoices],[data-theme=pro] [data-testid=membership-section]>*{background:#fff!important;background:var(--surface,#1e293b)!important;border:1px solid #d4ff0059!important;color:#111827!important;color:var(--foreground,#f8fafc)!important}[data-theme=pro] .profile-card div,[data-theme=pro] .profile-card h1,[data-theme=pro] .profile-card h2,[data-theme=pro] .profile-card h3,[data-theme=pro] .profile-card h4,[data-theme=pro] .profile-card label,[data-theme=pro] .profile-card li,[data-theme=pro] .profile-card p,[data-theme=pro] .profile-card span,[data-theme=pro] .profile-card strong{color:#111827;color:var(--foreground,#f8fafc)}[data-theme=pro] .profile-card [style*="#3F6E55"],[data-theme=pro] .profile-card [style*="3f6e55"],[data-theme=pro] .profile-card [style*="var(--primary"]{color:#111827!important;color:var(--primary,#d4ff00)!important}[data-theme=pro] .profile-card [style*="#6b7280"],[data-theme=pro] .profile-card [style*="#9CA3AF"],[data-theme=pro] .profile-card [style*="#9ca3af"]{color:#f8fafca6!important}[data-theme=pro] button[style*="#0F172A"],[data-theme=pro] button[style*="#111827"],[data-theme=pro] button[style*="#1F2937"],[data-theme=pro] button[style*="rgb(17, 24, 39)"]{background:#0000!important;border:1px solid #111827!important;border:1px solid var(--primary,#d4ff00)!important;color:#111827!important;color:var(--primary,#d4ff00)!important}[data-theme=pro] button[style*="#3F6E55"],[data-theme=pro] button[style*="3f6e55"]{box-shadow:0 0 0 1px #d4ff008c,0 2px 8px #d4ff0026}[data-theme=pro] button[style*="background: transparent"],[data-theme=pro] button[style*="background:transparent"]{color:#111827!important;color:var(--foreground,#f8fafc)!important}[data-theme=pro] input,[data-theme=pro] select,[data-theme=pro] textarea{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--border,#1e293b)!important;color:#0f172a!important}[data-theme=pro] [style*="#F3F4F6"],[data-theme=pro] [style*="#F9FAFB"],[data-theme=pro] [style*="#FFFDF5"]{background:#d4ff0014!important;border-color:#d4ff0059!important;color:#111827!important;color:var(--foreground,#f8fafc)!important}html{font-size:16px}@media (max-width:768px){html{font-size:14px}}a,button,input,select,textarea{min-height:44px;min-width:44px}button.icon-only-btn{min-height:0;min-height:auto;min-width:0;min-width:auto}*{word-wrap:break-word;overflow-wrap:break-word}.page-container{padding:1rem}@media (min-width:768px){.page-container{padding:2rem}}.card{width:100%}.grid-responsive{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){::-webkit-scrollbar{background:#0000;width:0}}@supports (padding:max(0px)){.app-container{padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}.error-message{background:var(--error)}.error-message,.success-message{align-items:center;border-radius:var(--radius);color:#fff;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:1rem}.success-message{background:var(--success)}.warning-message{align-items:center;background:var(--warning);border-radius:var(--radius);color:#fff;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:1rem}.input-field.invalid{border-color:var(--error)}.input-field.valid{border-color:var(--success)}.skeleton{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--muted) 0,var(--border) 50%,var(--muted) 100%);background-size:200% 100%;border-radius:var(--radius)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{align-items:center;color:var(--muted-foreground);display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.empty-state-icon{height:64px;margin-bottom:1rem;opacity:.3;width:64px}.app-container{background:var(--background);min-height:100vh;padding:1rem}@media (min-width:768px){.app-container{padding:2rem}}@media (max-width:767px){.app-container{padding-bottom:80px}}.page-container{margin:0 auto;max-width:1280px}*{box-sizing:border-box}
/*# sourceMappingURL=main.8016cc67.css.map*/