@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,600,700&display=swap);:root{--color-primary:#ff6b35;--color-primary-hover:#e55a2b;--color-primary-dark:#cc4a21;--color-primary-light:#fff4f0;--color-primary-50:#fff4f0;--color-primary-100:#ffe8e0;--color-primary-200:#ffd1c1;--color-primary-300:#ffba9f;--color-primary-400:#ff8a5b;--color-primary-500:#ff6b35;--color-primary-600:#e55a2b;--color-primary-700:#cc4a21;--color-primary-800:#b33a17;--color-primary-900:#992a0d;--color-secondary:#64748b;--color-secondary-hover:#475569;--color-secondary-dark:#334155;--color-secondary-light:#f1f5f9;--color-secondary-50:#f8fafc;--color-secondary-100:#f1f5f9;--color-secondary-200:#e2e8f0;--color-secondary-300:#cbd5e1;--color-secondary-400:#94a3b8;--color-secondary-500:#64748b;--color-secondary-600:#475569;--color-secondary-700:#334155;--color-secondary-800:#1e293b;--color-secondary-900:#0f172a;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-text-primary:#2c3e50;--color-text-secondary:#6c757d;--color-text-tertiary:#adb5bd;--color-text-muted:#ced4da;--color-text-disabled:#e9ecef;--color-text-white:#fff;--color-text-inverse:#f8f9fa;--color-bg-primary:#f9f7f6;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f1f3f4;--color-bg-elevated:#fff;--color-bg-surface:#fff;--color-bg-overlay:#0f172acc;--color-bg-backdrop:#00000080;--color-bg-card:#fff;--color-bg-card-hover:#f8f9fa;--color-bg-input:#fff;--color-bg-input-disabled:#f5f5f5;--color-bg-button-secondary:#f8f9fa;--color-bg-button-secondary-hover:#f1f3f4;--color-bg-dark:#0f172a;--color-bg-light-gray:#f8f9fa;--color-bg-medium-gray:#f1f3f4;--color-bg-dark-gray:#e9ecef;--color-success:#28a745;--color-success-hover:#218838;--color-success-bg:#d4edda;--color-success-text:#155724;--color-success-border:#c3e6cb;--color-error:#dc3545;--color-error-hover:#c82333;--color-error-dark:#bd2130;--color-error-bg:#f8d7da;--color-error-text:#721c24;--color-error-border:#f5c6cb;--color-warning:var(--color-primary-700);--color-warning-bg:var(--color-primary-50);--color-warning-border:var(--color-primary-200);--color-info:#0c5460;--color-info-bg:#d1ecf1;--color-info-border:#bee5eb;--color-link:var(--color-primary);--color-link-hover:var(--color-primary-hover);--color-border-light:#ddd;--color-border-medium:#dee2e6;--color-border-dark:#adb5bd;--border-xs:1px solid #0000001a;--border-sm:1px solid #00000026;--border-base:1px solid #0003;--border-md:2px solid #0003;--border-lg:2px solid #00000040;--border-xl:3px solid #0000004d;--border-2xl:3px solid #0000004d;--border-inner:1px solid #0000001a;--color-shadow-light:#0000001a;--color-shadow-medium:#00000026;--color-shadow-dark:#0003;--color-shadow-darker:#0000004d;--color-shadow-overlay:#00000080;--color-shadow-overlay-dark:#0009;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-slower:500ms ease;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-back:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--color-focus-primary:#ff6b3540;--color-focus-link:#ff6b351a;--color-focus-secondary:#33333340;--color-bg-overlay-light:#0006;--color-bg-remove-item:#d3d3d3e6;--color-bg-remove-item-hover:silver;--color-text-dark-mode:#e0e0e0;--spacing-0:0;--spacing-px:1px;--spacing-0-5:0.125rem;--spacing-1:0.25rem;--spacing-1-5:0.375rem;--spacing-2:0.5rem;--spacing-2-5:0.625rem;--spacing-3:0.75rem;--spacing-3-5:0.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-18:4.5rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--font-size-2xs:0.625rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-size-8xl:6rem;--font-size-9xl:8rem;--sidebar-font-size-nav:var(--font-size-sm);--sidebar-font-size-label:var(--font-size-xs);--sidebar-font-size-title:var(--font-size-lg);--sidebar-font-weight-nav:var(--font-weight-medium);--sidebar-font-weight-title:var(--font-weight-semibold);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--sidebar-width-expanded:240px;--sidebar-width-collapsed:64px;--sidebar-bg-color:#f3efed;--sidebar-text-color:#3d3939;--sidebar-text-hover:var(--color-primary);--sidebar-text-active:var(--color-primary);--sidebar-text-muted:#3d3939;--sidebar-item-hover-bg:var(--color-primary-50);--sidebar-item-active-bg:var(--color-primary-100);--sidebar-item-active-border:var(--color-primary);--sidebar-item-focus-bg:#0000000d;--sidebar-border-color:#0000001a;--sidebar-divider-color:#00000014;--sidebar-header-height:64px;--sidebar-footer-height:60px;--sidebar-item-height:48px;--sidebar-item-padding:var(--spacing-3) var(--spacing-4);--sidebar-item-border-radius:var(--radius-lg);--sidebar-item-margin:var(--spacing-1);--sidebar-logo-size:32px;--sidebar-transition-duration:0.3s;--sidebar-transition-easing:cubic-bezier(0.4,0,0.2,1);--sidebar-border:1px solid #00000026;--sidebar-overlay-bg:#00000080;--sidebar-mobile-breakpoint:768px;--main-content-margin-left:var(--sidebar-width-expanded);--header-height:60px;--content-max-width:1200px;--content-padding:var(--spacing-6);--icon-size-xs:16px;--icon-size-sm:20px;--icon-size-base:24px;--icon-size-lg:28px;--icon-size-xl:32px;--icon-size-2xl:40px;--button-height-sm:32px;--button-height-base:40px;--button-height-lg:48px;--button-padding-x-sm:var(--spacing-3);--button-padding-x-base:var(--spacing-4);--button-padding-x-lg:var(--spacing-6);--button-border-radius:var(--radius-lg);--button-font-weight:var(--font-weight-medium);--button-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--button-focus-ring:0 0 0 3px #ff6b351f;--card-padding-sm:var(--spacing-4);--card-padding-base:var(--spacing-6);--card-padding-lg:var(--spacing-8);--card-border-radius:var(--radius-xl);--card-border-color:var(--color-neutral-200);--card-border:var(--border-sm);--card-border-hover:var(--border-md);--card-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--input-height-sm:32px;--input-height-base:40px;--input-height-lg:48px;--input-padding-x:var(--spacing-3);--input-border-radius:var(--radius-lg);--input-border-color:var(--color-neutral-300);--input-border-color-focus:var(--color-primary);--input-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--input-focus-ring:0 0 0 3px #ff6b351f;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-sidebar:1035;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}.material-icons{-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-family:Material Icons}.material-icons,.material-symbols-outlined{word-wrap:normal;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;vertical-align:middle;white-space:nowrap}.material-symbols-outlined{-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-family:Material Symbols Outlined}.md-icon-small{font-size:20px}.md-icon-medium{font-size:24px}.md-icon-large{font-size:28px}.nav-icon{color:#e0e0e0;color:var(--sidebar-text-color,#e0e0e0);margin-right:12px;min-width:24px;text-align:center;transition:color .2s ease}.nav-icon-active{color:#2660f5;color:var(--sidebar-item-active-color,#2660f5)}.nav-icon:hover{color:#fff;color:var(--sidebar-text-hover,#fff)}.icon-button{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:background-color .2s ease}.icon-button:hover{background-color:#ffffff1a}.icon-button .material-icons{margin:0}.icon-left{margin-right:8px}.icon-right{margin-left:8px}.icon-center{margin:0 auto}@media (max-width:768px){.nav-icon{font-size:20px;margin-right:0}.md-icon-large{font-size:24px}}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;letter-spacing:.01em;outline:none;overflow:hidden;position:relative;text-decoration:none;transition:all var(--transition-base) var(--ease-out)}.btn:focus-visible{border:3px solid #ff6b3580;outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{border:1px solid var(--color-border-light)!important;cursor:not-allowed;opacity:.5;transform:none!important}.btn>svg{height:.9em}.btn-sm{font-size:var(--font-size-xs);min-height:32px;padding:var(--spacing-2) var(--spacing-3)}.btn-md{font-size:var(--font-size-sm);min-height:40px;padding:var(--spacing-3) var(--spacing-5)}.btn-lg{font-size:var(--font-size-base);min-height:48px;padding:var(--spacing-4) var(--spacing-8)}.btn-round{border-radius:var(--radius-full)}.btn-icon{background:none;border:none;color:var(--color-primary);font-size:20px;padding:4px 6px}.btn-icon:hover:not(:disabled){background:var(--color-primary-200);border-radius:5px;box-shadow:var(--shadow-lg);color:var(--color-text-white);transform:translateY(-2px)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);border:var(--border-sm);color:var(--color-text-white)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline-primary{background-color:initial;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline-primary:hover:not(:disabled){background:var(--color-primary);box-shadow:var(--shadow-lg);color:var(--color-text-white);transform:translateY(-2px)}.btn-secondary{background:var(--color-secondary-600);border-color:var(--color-secondary-600);box-shadow:var(--shadow-sm);color:var(--color-text-white)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-700);border-color:var(--color-secondary-700);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline-secondary,.btn-outline-secondary-thin{background-color:initial;border-color:var(--color-secondary-600);color:var(--color-secondary-600)}.btn-outline-secondary-thin{border-width:1px}.btn-outline-secondary:hover:not(:disabled){background:var(--color-secondary-600);box-shadow:var(--shadow-lg);color:var(--color-text-white);transform:translateY(-2px)}.btn-danger{background:var(--color-error);border-color:var(--color-error);box-shadow:var(--shadow-sm);color:var(--color-text-white)}.btn-danger:hover:not(:disabled){background:var(--color-error-hover);border-color:var(--color-error-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-ghost-primary{background-color:initial;border-color:#0000;color:var(--color-primary)}.btn-ghost-primary:hover:not(:disabled){background-color:var(--color-primary-50);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost-secondary{background-color:initial;border-color:#0000;color:var(--color-secondary-600)}.btn-ghost-secondary:hover:not(:disabled){background-color:var(--color-secondary-50);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-link{background-color:initial;border-color:#0000;color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.btn-link:hover:not(:disabled){background-color:var(--color-primary-50);color:var(--color-primary-hover);text-decoration:none}.btn-link-secondary{background-color:initial;border-color:#0000;color:var(--color-secondary);text-decoration:underline;text-underline-offset:2px}.btn-link-secondary:hover:not(:disabled){background-color:var(--color-secondary-50);color:var(--color-secondary-hover);text-decoration:none}@media (max-width:768px){.btn-md{font-size:.9rem;padding:.5rem 1.2rem}.btn-lg{font-size:1rem;padding:.8rem 1.6rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);font-family:Poppins,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}body,textarea{color:var(--color-text-primary);line-height:var(--line-height-normal)}textarea{background-color:var(--color-bg-input);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);font-family:inherit;font-size:var(--font-size-sm);min-height:80px;padding:var(--spacing-3);resize:vertical;resize:none;transition:var(--input-transition)}textarea:focus{border-color:var(--input-border-color-focus);border:2px solid var(--color-primary);outline:none;resize:none}textarea:disabled{background-color:var(--color-bg-input-disabled);color:var(--color-text-disabled);cursor:not-allowed;resize:none}.container{max-width:var(--content-max-width);padding:var(--content-padding);position:relative}.standard_form_group{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select{background-color:var(--color-bg-input);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);line-height:var(--line-height-normal);min-height:var(--input-height-base);padding:0 var(--input-padding-x);transition:var(--input-transition)}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus{border-color:var(--input-border-color-focus);border:2px solid var(--color-primary);outline:none}input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=url]:disabled,select:disabled{background-color:var(--color-bg-input-disabled);color:var(--color-text-disabled);cursor:not-allowed}.input-sm{font-size:var(--font-size-xs);min-height:var(--input-height-sm)}.input-lg{font-size:var(--font-size-base);min-height:var(--input-height-lg)}.card{background:var(--color-bg-card);border:var(--card-border);border-radius:var(--card-border-radius);overflow:hidden;padding:var(--card-padding-base);position:relative;transition:var(--card-transition)}.card:hover{background:var(--color-bg-card-hover);border:var(--card-border-hover);border-color:var(--color-primary-200);transform:translateY(-2px)}.card-sm{padding:var(--card-padding-sm)}.card-lg{padding:var(--card-padding-lg)}.card-interactive{cursor:pointer}.card-interactive:hover{border:var(--border-lg);border-color:var(--color-primary-300);transform:translateY(-3px)}.card-interactive:active{border:var(--border-md);transform:translateY(-1px)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-4) 0}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast) var(--ease-out)}a:hover{color:var(--color-primary-hover);text-decoration:underline;text-underline-offset:2px}.sidebar-layout{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:var(--main-content-margin-left);min-width:0;transition:margin-left var(--sidebar-transition-duration) var(--sidebar-transition-easing)}.main-content.sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}.main-content.sidebar-hidden{margin-left:0}@media (max-width:768px){.main-content{margin-left:0}}.focus-ring:focus{border:2px solid var(--color-primary);outline:none}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-balance{text-wrap:balance}.space-y-1>*+*{margin-top:var(--spacing-1)}.space-y-2>*+*{margin-top:var(--spacing-2)}.space-y-3>*+*{margin-top:var(--spacing-3)}.space-y-4>*+*{margin-top:var(--spacing-4)}.space-y-6>*+*{margin-top:var(--spacing-6)}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-slide-in-left{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.sidebar-item{align-items:center;border-radius:var(--sidebar-item-border-radius);color:var(--sidebar-text-color);display:flex;font-size:var(--sidebar-font-size-nav);font-weight:var(--sidebar-font-weight-nav);gap:var(--spacing-3);margin:var(--sidebar-item-margin);min-height:var(--sidebar-item-height);padding:var(--sidebar-item-padding);text-decoration:none;transition:all var(--sidebar-transition-duration) var(--sidebar-transition-easing);width:100%}.sidebar-item:hover{background-color:var(--sidebar-item-hover-bg);color:var(--sidebar-text-hover)}.sidebar-item.active{background-color:var(--sidebar-item-active-bg);border-left:3px solid var(--sidebar-item-active-border);color:var(--sidebar-text-active)}.sidebar-item:focus{background-color:var(--sidebar-item-focus-bg);outline:none}.sidebar-icon{flex-shrink:0;height:var(--icon-size-base);width:var(--icon-size-base)}.page-heading{margin-top:10px}.container_page_action_section{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}@media (max-width:768px){.container_page_action_section{align-items:stretch;flex-direction:column;gap:1rem}}.general_loading_spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.App{min-height:100vh;position:relative}.mobile-sidebar-backdrop{-webkit-tap-highlight-color:transparent;animation:fadeIn var(--transition-base) var(--ease-out);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:var(--color-bg-backdrop);bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;touch-action:none;z-index:var(--z-modal-backdrop)}.mobile-sidebar-backdrop:active{background-color:#0009;transition:background-color var(--transition-fast) var(--ease-out)}.mobile-swipe-area{-webkit-tap-highlight-color:transparent;background:#0000;height:100vh;left:0;position:fixed;top:0;touch-action:pan-x;width:var(--spacing-5);z-index:calc(var(--z-modal-backdrop) - 1)}.mobile-swipe-area:after{background:var(--color-primary-200);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--transition-base) var(--ease-out);width:100%}.mobile-swipe-area:active:after{opacity:1}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.remove-item{align-items:center;background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:32px;justify-content:center;position:absolute;right:calc(var(--spacing-4)*-1);top:calc(var(--spacing-4)*-1);transition:all var(--transition-base) var(--ease-out);width:32px;z-index:var(--z-dropdown)}.remove-item:hover{background:var(--color-error);border-color:var(--color-error);box-shadow:var(--shadow-lg);color:var(--color-text-white);transform:scale(1.1)}.app_error_message,.error-message{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-error-text);font-size:var(--font-size-sm);margin-bottom:var(--spacing-5);padding:var(--spacing-3) var(--spacing-4)}.section-header{align-items:center;background:var(--color-bg-primary);border-bottom:1px solid var(--color-neutral-200);display:flex;justify-content:space-between;padding:var(--spacing-6) var(--spacing-8)}.section-header h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin:0}@media (max-width:768px){.section-header{align-items:stretch;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6)}.section-header h2{font-size:var(--font-size-xl);text-align:center}}@media (max-width:480px){.section-header{padding:var(--spacing-4)}.section-header h2{font-size:var(--font-size-lg)}}.toast{border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:500px;min-width:300px;opacity:0;transform:translateX(100%);transition:all .3s ease-in-out}.toast-visible{opacity:1;transform:translateX(0)}.toast-hidden{opacity:0;transform:translateX(100%)}.toast-content{align-items:center;border-radius:8px;border-style:solid;border-width:1px;display:flex;justify-content:space-between;padding:16px 20px}.toast-message{flex:1 1;font-size:14px;font-weight:500;margin-right:12px}.toast-close{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:24px;justify-content:center;padding:0;transition:background-color .2s;width:24px}.toast-close:hover{background-color:#0000001a}.toast-success .toast-content{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.toast-error .toast-content{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.toast-warning .toast-content{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.toast-info .toast-content{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}@media (max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}.toast-content{padding:12px 16px}.toast-message{font-size:13px}}.app-navbar{background:#f9f7f6;box-shadow:0 2px 10px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-content{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.navbar-brand{cursor:pointer;display:flex;transition:opacity .2s ease}.navbar-logo{height:40px;max-width:100%;object-fit:contain;width:auto}.login-btn{background:none;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.login-btn:hover{background:#fff;color:#000}.navbar-links{gap:.5rem}.nav-link,.navbar-links{align-items:center;display:flex}.nav-link{border-radius:0;color:var(--color-text-white);font-size:.9rem;height:65px;letter-spacing:.5px;padding:0 1rem;transition:all .2s ease}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#fff3;color:#fff;font-weight:700}.navbar-actions,.navbar-menu{align-items:center;display:flex;gap:1rem}.btn-navbar-contact,.btn-navbar-login{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-navbar-contact{background-color:initial;border:2px solid #0000;color:#1a1a1a}.btn-navbar-contact:hover{color:#ff6b35}.btn-navbar-login{background-color:#ff6b35;border:2px solid #ff6b35;color:#fff}.btn-navbar-login:hover{background-color:#e55a2b;border-color:#e55a2b;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.user-welcome{color:#fffc;font-size:.9rem;font-weight:500}.hamburger-menu{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:center;padding:8px;transition:background-color .2s ease;width:40px}.hamburger-menu:hover{background:#ffffff1a}.hamburger-line{background-color:#fff;height:2px;margin:2px 0;transform-origin:center;transition:all .3s ease;width:24px}.hamburger-line.open:first-child{transform:rotate(45deg) translate(2px,2px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{background:#000;border-top:1px solid #ffffff1a;box-shadow:0 4px 10px #0000004d;left:0;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden;z-index:999}.mobile-menu.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-content{padding:1rem 0}.mobile-nav-link{background:none;border:none;border-bottom:1px solid #ffffff0d;color:#fffc;cursor:pointer;display:block;font-size:1rem;font-weight:600;padding:1rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.mobile-nav-link:hover{background:#ffffff1a;color:#fff}.mobile-nav-link.active{background:#fff3;color:#fff;font-weight:700}.mobile-nav-link:last-child{border-bottom:none}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width:768px){.navbar-content{padding:0 1rem;position:relative}.desktop-only{display:none}.mobile-only{display:flex}.navbar-left{gap:1rem}.navbar-right{align-items:center;display:flex}.navbar-logo{height:35px}.mobile-only .navbar-logo{height:32px;max-width:32px;width:32px}}@media (max-width:480px){.navbar-content{padding:0 .5rem}.navbar-left{gap:.5rem}.navbar-logo{height:30px}.mobile-only .navbar-logo{height:28px;max-width:28px;width:28px}}.sidebar-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff05;border-bottom:1px solid var(--sidebar-border-color);display:flex;height:var(--sidebar-header-height);justify-content:space-between;padding:0 var(--spacing-4);transition:all var(--sidebar-transition-duration) var(--sidebar-transition-easing)}.sidebar-navigation.collapsed .sidebar-header{align-items:center;box-sizing:border-box;flex-direction:column;gap:var(--spacing-2);height:auto;justify-content:center;min-height:80px;overflow:visible;padding:var(--spacing-2) var(--spacing-1);width:100%}.sidebar-logo{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;min-width:0;overflow:hidden;padding:var(--spacing-2);transition:all var(--transition-base) var(--ease-out)}.sidebar-logo:hover{background-color:#ffffff0d;opacity:.8;transform:scale(1.02)}.sidebar-logo-image{display:block;filter:brightness(1.1) contrast(1.05);height:32px;max-width:100%;min-width:0;object-fit:contain;object-position:center;transition:all var(--sidebar-transition-duration) var(--sidebar-transition-easing);width:auto}@media (max-width:1200px){.sidebar-logo-image{height:28px}}@media (max-width:768px){.sidebar-logo-image{height:24px}.sidebar-header{padding:0 .75rem}}@media (max-width:480px){.sidebar-logo-image{height:20px}.sidebar-header{padding:0 .5rem}}.sidebar-navigation.collapsed .sidebar-logo-image{height:20px;max-width:20px;min-width:20px;opacity:1;transform:scale(1);width:20px}.sidebar-navigation.collapsed .sidebar-logo{align-self:center;flex:none;justify-content:center;margin:0;min-width:24px;overflow:visible;padding:2px;width:24px}.sidebar-toggle{align-items:center;background:none;border:1px solid #0000;border-radius:var(--radius-lg);color:var(--sidebar-text-color);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;min-width:40px;overflow:hidden;padding:var(--spacing-2);position:relative;transition:all var(--transition-base) var(--ease-out)}.sidebar-navigation.collapsed .sidebar-toggle{align-self:center;height:40px;margin:0;width:40px}.sidebar-toggle:hover{background:var(--sidebar-item-hover-bg);border-color:#ffffff1a;box-shadow:var(--shadow-sm);color:var(--sidebar-text-hover);transform:scale(1.05)}.sidebar-toggle .material-icons{font-size:var(--icon-size-sm);transition:transform var(--transition-base) var(--ease-out)}.sidebar-toggle:active .material-icons{transform:scale(.9)}.sidebar-toggle:active{transform:scale(.95)}.sidebar-toggle .material-icons{transition:transform var(--sidebar-transition-duration) var(--sidebar-transition-easing)}.sidebar-navigation.collapsed .sidebar-toggle .material-icons{transform:rotate(180deg)}.sidebar-navigation.expanded .sidebar-toggle .material-icons{transform:rotate(0deg)}.sidebar-logo:focus-visible,.sidebar-toggle:focus-visible{border-radius:var(--radius-md);box-shadow:0 0 0 4px #2660f526;outline:2px solid var(--color-primary);outline-offset:2px}.sidebar-toggle:focus-visible{background:var(--sidebar-item-hover-bg);border-color:#ffffff1a}@media (prefers-contrast:high){.sidebar-header{border-bottom-color:#ffffff4d}.sidebar-toggle:hover{background-color:#fff3}}@media (prefers-reduced-motion:reduce){.sidebar-logo-image,.sidebar-toggle,.sidebar-toggle .material-icons{transition:none}}@media (prefers-color-scheme:dark){.sidebar-logo-image{filter:brightness(1.1)}}.user-avatar-container{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-3);padding:var(--spacing-2);transition:all .2s ease;-webkit-user-select:none;user-select:none}.user-avatar-container:hover{background:#ffffff1a}.user-avatar-container.icon-only{align-items:center!important;display:flex;flex-shrink:0;gap:0!important;height:36px;justify-content:center!important;margin:4px auto!important;padding:0!important;width:36px}.user-avatar-container.icon-only .user-avatar{font-size:.75rem!important;height:32px!important;width:32px!important}.user-avatar-container.with-name{justify-content:flex-start;width:100%}.user-avatar{align-items:center;background:var(--color-primary);border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-weight:700;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.user-avatar-container:hover .user-avatar{box-shadow:0 4px 12px #0003;transform:scale(1.05)}.user-avatar-container:active .user-avatar{transform:scale(.95)}.user-name{color:var(--sidebar-text-color);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-avatar.small{font-size:.75rem;height:32px;width:32px}.user-avatar.medium{font-size:.9rem;height:40px;width:40px}.user-avatar.large{font-size:1rem;height:48px;width:48px}.user-avatar.extra-large{font-size:1.25rem;height:60px;width:60px}.sidebar-navigation{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--sidebar-bg-color);border-right:1px solid var(--sidebar-border-color);color:var(--sidebar-text-color);display:flex;flex-direction:column;height:100vh;left:0;min-width:var(--sidebar-width-collapsed);overflow:hidden;position:fixed;top:0;transform:translateZ(0);transition:width var(--sidebar-transition-duration) var(--sidebar-transition-easing);will-change:width;z-index:var(--z-fixed)}.sidebar-navigation.expanded{width:var(--sidebar-width-expanded)}.sidebar-navigation.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-menu{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-4) 0;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.sidebar-navigation.collapsed .sidebar-menu{align-items:center;display:flex;flex-direction:column;padding:8px 4px;width:100%}.sidebar-nav-item{align-items:center;background:none;border:1px solid #0000;border-radius:var(--radius-lg);color:var(--sidebar-text-color);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:var(--spacing-1) var(--spacing-2);min-height:44px;padding:var(--spacing-3) var(--spacing-4);position:relative;text-align:left;text-decoration:none;transition:all var(--transition-base) var(--ease-out);width:100%}.sidebar-nav-item:hover{background:var(--sidebar-item-hover-bg);border:var(--border-sm);border-color:#ffffff1a;color:var(--sidebar-text-hover);transform:translateY(-1px)}.sidebar-nav-item:focus-visible{background-color:var(--sidebar-item-hover-bg);outline:none}.sidebar-nav-item.active{background:var(--color-primary-100);border:1px solid var(--color-primary-200);box-shadow:none;color:var(--color-primary);font-weight:var(--font-weight-semibold);position:relative}.sidebar-nav-item.active:before{animation:slideIn var(--transition-base) var(--ease-out);background:var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.sidebar-nav-item.active .sidebar-nav-icon{color:var(--color-primary);transform:none}@keyframes slideIn{0%{height:0;opacity:0;top:50%}to{height:100%;opacity:1;top:0}}@keyframes bounceIn{0%{opacity:0;transform:translateX(-100%)}60%{opacity:.8;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}.sidebar-nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:var(--icon-size-sm)!important;height:var(--icon-size-sm);justify-content:center;margin-right:var(--spacing-3);opacity:.9;transition:all var(--transition-base) var(--ease-out);width:var(--icon-size-sm)}.sidebar-nav-label{font-weight:inherit;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--sidebar-transition-duration) var(--sidebar-transition-easing),width var(--sidebar-transition-duration) var(--sidebar-transition-easing),transform var(--sidebar-transition-duration) var(--sidebar-transition-easing);white-space:nowrap}.sidebar-navigation.collapsed .sidebar-nav-label{opacity:0;transform:translateX(-8px);width:0}.sidebar-navigation.collapsed .sidebar-nav-icon{margin-right:0}.sidebar-navigation.collapsed .sidebar-nav-item{align-items:center;display:flex;flex-shrink:0;height:36px;justify-content:center;margin:4px auto;min-width:36px;padding:8px;width:36px}.sidebar-navigation.collapsed .sidebar-nav-icon{align-items:center;display:flex;justify-content:center;margin:0!important}.sidebar-footer{align-items:center;background:#0000000d;border-top:1px solid var(--sidebar-border-color);display:flex;flex-shrink:0;justify-content:center;min-height:70px;padding:var(--spacing-2) 0;text-align:center;width:100%}.sidebar-navigation.collapsed .sidebar-footer{display:block;padding:var(--spacing-2) 0;width:100%}.sidebar-navigation.collapsed .sidebar-footer .user-avatar-container{display:block!important;height:36px!important;margin:4px auto!important;padding:0!important;width:36px!important}.sidebar-navigation.expanded .sidebar-footer{align-items:center;display:flex;justify-content:flex-start;padding:var(--spacing-2) var(--spacing-4)}@media (max-width:768px){.sidebar-navigation.mobile{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-right:1px solid var(--sidebar-border-color);max-width:100vw;min-width:var(--sidebar-width-collapsed);overscroll-behavior:contain;transform:translateX(0);transition:width var(--sidebar-transition-duration) cubic-bezier(.4,0,.2,1);width:var(--sidebar-width-collapsed);will-change:width;z-index:1000}.sidebar-navigation.mobile.mobile-open{border-right:2px solid var(--sidebar-border-color);max-width:90vw;min-width:var(--sidebar-width-collapsed);width:var(--sidebar-width-expanded)}.sidebar-navigation.mobile.mobile-closed{width:var(--sidebar-width-collapsed)}.sidebar-navigation.mobile .sidebar-nav-item{-webkit-tap-highlight-color:transparent;font-size:1rem;min-height:48px;padding:1rem 1.5rem;position:relative}.sidebar-navigation.mobile .sidebar-nav-icon{font-size:24px!important;height:24px;margin-right:1rem;width:24px}.sidebar-navigation.mobile .sidebar-nav-item:before{background:#ffffff4d;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:scale(0);transition:all .3s ease}.sidebar-navigation.mobile .sidebar-nav-item:active:before{opacity:1;transform:scale(1);transition:all .1s ease}.sidebar-navigation.mobile .sidebar-nav-item:active{background-color:var(--sidebar-item-active-bg);transform:scale(.98);transition:all .1s ease}.sidebar-navigation.mobile .sidebar-header{border-bottom:1px solid #ffffff1a;min-height:60px;padding:1rem 1.5rem}.sidebar-navigation.mobile .sidebar-toggle{-webkit-tap-highlight-color:transparent;height:44px;min-width:44px;padding:10px}.sidebar-navigation.mobile .sidebar-toggle .material-icons{font-size:24px}.sidebar-navigation.mobile{-webkit-user-select:none;user-select:none}.sidebar-navigation.mobile .sidebar-menu{-webkit-overflow-scrolling:touch;padding-bottom:2rem;scroll-behavior:smooth}.sidebar-navigation.mobile .sidebar-nav-item:hover{background-color:initial;transform:none}.sidebar-navigation.mobile .sidebar-nav-item:focus{background-color:var(--sidebar-item-hover-bg);outline:none}.sidebar-navigation.mobile .sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:1.5rem}.sidebar-navigation.mobile{-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);-webkit-transform:translateZ(0)}}@media (min-width:769px){.sidebar-navigation{transform:translateX(0)}}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:#0000}.sidebar-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-nav-item:focus{outline:none}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sidebar-navigation.collapsed .sidebar-nav-item{position:relative}.sidebar-navigation.collapsed .sidebar-nav-item:hover:after{background-color:#000000e6;border-radius:4px;color:#fff;content:attr(title);font-size:.8rem;left:100%;margin-left:.5rem;padding:.5rem .75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1001}.main-content-wrapper{background:var(--color-bg-primary);min-height:100vh;transition:margin-left var(--sidebar-transition-duration) var(--sidebar-transition-easing);will-change:margin-left}body.sidebar-expanded .main-content-wrapper.with-sidebar{margin-left:var(--sidebar-width-expanded)}body.sidebar-collapsed .main-content-wrapper.with-sidebar{margin-left:var(--sidebar-width-collapsed)}.main-content-wrapper.no-sidebar{margin-left:0}.main-content-inner{background:var(--color-bg-primary);box-sizing:border-box;max-width:100%;min-height:100vh;position:relative}@media (max-width:768px){body.is-mobile .main-content-wrapper.with-sidebar{margin-left:var(--sidebar-width-collapsed);max-width:calc(100vw - var(--sidebar-width-collapsed));min-width:0;overflow-x:auto;transition:margin-left var(--sidebar-transition-duration) var(--sidebar-transition-easing);width:auto}body.is-mobile.mobile-sidebar-open .main-content-wrapper.with-sidebar{margin-left:var(--sidebar-width-expanded);max-width:calc(100vw - var(--sidebar-width-expanded));width:auto}body.is-mobile .main-content-wrapper .main-content-inner{max-width:100%;overflow-x:hidden;padding:var(--spacing-3);padding-bottom:max(var(--spacing-3),env(safe-area-inset-bottom));padding-top:max(var(--spacing-3),env(safe-area-inset-top))}body.is-mobile.mobile-sidebar-open .main-content-wrapper{height:100vh;overflow:hidden;pointer-events:none}body.is-mobile.mobile-sidebar-open .main-content-wrapper .main-content-inner{filter:blur(2px);opacity:.6;transition:filter var(--transition-base) var(--ease-out),opacity var(--transition-base) var(--ease-out);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body.is-mobile.mobile-sidebar-closed .main-content-wrapper .main-content-inner{filter:none;opacity:1;transition:filter var(--transition-base) var(--ease-out),opacity var(--transition-base) var(--ease-out)}body.is-mobile .main-content-wrapper{-webkit-overflow-scrolling:touch}}@media (min-width:769px){body.sidebar-expanded .main-content-wrapper.with-sidebar{margin-left:var(--sidebar-width-expanded)}body.sidebar-collapsed .main-content-wrapper.with-sidebar{margin-left:var(--sidebar-width-collapsed)}}.main-content-wrapper{overflow-x:hidden}.main-content-wrapper *{box-sizing:border-box}.main-content-wrapper{position:relative;z-index:1}@media print{.main-content-wrapper{margin-left:0!important;padding:0!important}.main-content-inner{padding:0!important}}.home-page{background-color:#fff;justify-content:center;min-height:calc(100vh - 80px);padding:40px 20px}.home-container,.home-page{align-items:center;display:flex}.home-container{gap:60px;max-width:1200px;width:100%}.hero-image-container{flex:1 1;max-width:500px}.hero-image{border-radius:12px;height:auto;object-fit:cover;width:100%}.hero-content{flex:1 1;max-width:550px}.hero-title{color:#1a1a1a;font-size:3rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 20px}.hero-subtitle{color:#666;font-size:1.125rem;font-weight:400;line-height:1.6;margin:0 0 32px}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px}.btn-contact,.btn-signup{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .3s ease}.btn-contact{background-color:initial;border:2px solid #e0e0e0;color:#1a1a1a}.btn-contact:hover{background-color:#f5f5f5;border-color:#ccc}.btn-signup{background-color:#ff6b35;border:2px solid #ff6b35;color:#fff}.btn-signup:hover{background-color:#e55a2b;border-color:#e55a2b;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}@media (max-width:968px){.home-container{gap:40px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}}@media (max-width:768px){.home-page{padding:30px 20px}.home-container{flex-direction:column;gap:40px;text-align:center}.hero-image-container{max-width:100%;order:1}.hero-content{max-width:100%;order:2}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.cta-buttons{justify-content:center}}@media (max-width:480px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.9375rem}.btn-contact,.btn-signup{padding:12px 24px;width:100%}.cta-buttons{flex-direction:column;width:100%}}.onboarding-home,.tracking-home,.training-home{background-color:#f5f5f5;flex:1 1}.page-title{font-size:4rem;font-weight:900;letter-spacing:-1px;margin:0 0 20px;text-shadow:2px 2px 4px #000c}.page-subtitle{font-size:1.5rem;font-weight:500;margin:0;opacity:.9;text-shadow:1px 1px 2px #000c}.content-section{background-color:#fff;padding:80px 20px}.info-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:80px}.info-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:40px 30px;transition:transform .3s ease,box-shadow .3s ease}.info-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.info-card h3{color:#2660f5;font-size:1.5rem;font-weight:700;margin-bottom:15px}.info-card p{color:#666;line-height:1.6}.process-section{margin-top:60px}.process-section h2{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:50px;text-align:center}.process-steps{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step{align-items:flex-start;display:flex;gap:20px}.step-number{align-items:center;background:#2660f5;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.step-content h4{color:#333;font-size:1.25rem;font-weight:700;margin:0 0 10px}.step-content p{color:#666;line-height:1.6;margin:0}@media (max-width:768px){.page-title{font-size:2.5rem}.page-subtitle{font-size:1.2rem}.content-section{padding:60px 20px}.info-grid{gap:20px;grid-template-columns:1fr;margin-bottom:60px}.info-card{padding:30px 20px}.process-section h2{font-size:2rem}.process-steps{gap:30px;grid-template-columns:1fr}}@media (max-width:480px){.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.step{flex-direction:column;text-align:center}.step-number{align-self:center}}.dashboard-page{background:#f5f5f5;min-height:calc(100vh - 80px);padding:2rem}.dashboard-container{margin:0 auto;max-width:1400px}.dashboard-header{margin-bottom:2rem}.dashboard-title{color:#1a1a1a;font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;margin-bottom:.5rem}.dashboard-subtitle{color:#6b7280;font-size:1rem;margin:0}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem 1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.stat-icon{margin-bottom:1rem}.stat-icon .material-symbols-outlined{background:#fff5f2;border-radius:12px;color:#ff6b35;font-size:48px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 48;padding:12px}.stat-title{font-size:1rem;font-weight:500;margin-bottom:.75rem}.stat-title,.stat-value{color:#1a1a1a;font-family:Poppins,sans-serif}.stat-value{font-size:2.5rem;margin-bottom:.5rem}.stat-description{color:#6b7280;font-size:.875rem;margin:0}.dashboard-actions{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:3rem}.btn-add-reps,.btn-view-reps{border:none;border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.btn-view-reps{background:#ff6b35;border:2px solid #ff6b35;color:#fff}.btn-view-reps:hover{background:#e55a2b;border-color:#e55a2b;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-2px)}.btn-add-reps{background:#0000;border:2px solid #ff6b35;color:#ff6b35}.btn-add-reps:hover{background:#fff5f2;transform:translateY(-2px)}.training-section{margin-top:3rem}.training-title{color:#1a1a1a;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.training-subtitle{color:#6b7280;font-size:1rem;margin-bottom:2rem}.training-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dashboard_training_card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.dashboard_training_card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.course-name{color:#1a1a1a;font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.completion-label{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-bottom:.75rem}.completion-label .material-symbols-outlined{color:#6b7280;font-size:18px}.completion-rate{color:#ff6b35;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;line-height:1}.completion-rate .percentage{font-size:1.5rem;margin-left:.25rem}.dashboard_training_activity_assigned_users{margin-top:10px}.dashboard_rep_welcome_card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-size:2.5rem;font-weight:700;padding:20px;text-align:center}.dashboard_rep_go_to_training_button{display:block;margin:30px auto auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard_training_card,.stat-card{animation:fadeInUp .6s ease forwards}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.dashboard_training_card:first-child{animation-delay:.1s}.dashboard_training_card:nth-child(2){animation-delay:.2s}.dashboard_training_card:nth-child(3){animation-delay:.3s}.dashboard_training_card:nth-child(4){animation-delay:.4s}@media (max-width:1024px){.stats-grid,.training-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.dashboard-page{padding:1rem}.dashboard-title{font-size:1.5rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.5rem 1rem}.stat-value{font-size:2rem}.dashboard-actions{flex-direction:column}.btn-add-reps,.btn-view-reps{width:100%}.training-grid{grid-template-columns:1fr}.completion-rate{font-size:2.5rem}.completion-rate .percentage{font-size:1.5rem}}@media (max-width:480px){.dashboard-title{font-size:1.25rem}.dashboard-subtitle{font-size:.875rem}.stat-icon .material-symbols-outlined{font-size:40px}.stat-value{font-size:1.75rem}.dashboard_training_card{padding:1.5rem 1rem}.completion-rate{font-size:2rem}}.page_content{background:#f5f5f5;max-width:100%;min-height:100vh;padding:2rem}.page_content_breadcrumb{margin-bottom:var(--spacing-5)}.breadcrumb_list{flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumb_item,.breadcrumb_list{align-items:center;display:flex;gap:var(--spacing-1)}.breadcrumb_item{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.breadcrumb_link{background:none;border:none;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--transition-fast) var(--ease-out)}.breadcrumb_link:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb_current{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.breadcrumb_separator{color:var(--color-text-secondary);opacity:.5;-webkit-user-select:none;user-select:none}.page_content_header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-6)}.page_content_header_text{flex:1 1;min-width:0}.page_content_title{color:#1a1a1a;font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;margin-bottom:.5rem}.page_content_subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);margin:0}.page_content_header_actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-3)}.page_content_main{width:100%}@media (max-width:768px){.page_content{padding:var(--spacing-4)}.page_content_header{align-items:stretch;flex-direction:column;gap:var(--spacing-3)}.page_content_header_actions{justify-content:flex-start;width:100%}.page_content_title{font-size:var(--font-size-2xl)}.page_content_subtitle{font-size:var(--font-size-sm)}.breadcrumb_list{flex-wrap:wrap}.breadcrumb_item{font-size:var(--font-size-xs)}}@media (min-width:769px) and (max-width:1024px){.page_content{padding:var(--spacing-5)}}.training-card-new{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.training-card-new:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.course-video-thumbnail{background-color:#f0f0f0;height:180px;overflow:hidden;position:relative;width:100%}.course-video-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.training-card-new:hover .course-video-thumbnail img{transform:scale(1.05)}.play-overlay{background:#0000004d;opacity:0}.training-card-new:hover .play-overlay{opacity:1}.play-button{color:#2660f5;font-size:24px;height:60px;transition:transform .2s ease;width:60px}.play-button:hover{transform:scale(1.1)}.card-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.course-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 1rem;overflow:hidden}.progress-section{margin-top:auto}.progress-heading{color:#666;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:20px 0 .5rem;text-transform:uppercase}.progress-stat{align-items:center;color:#ff6b35;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem}.training-cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem}@media (min-width:1200px){.training-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.training-cards-grid{gap:1.5rem;grid-template-columns:1fr}.course-video-thumbnail{height:160px}.card-content{padding:1.25rem}.course-title{font-size:1.1rem}.play-button{font-size:20px;height:50px;width:50px}}@media (max-width:480px){.training-cards-grid{gap:1rem}.course-video-thumbnail{height:140px}.card-content{padding:1rem}}.training-page{background-color:#f8f9fa;min-height:100vh}.training-content{padding:2rem 0}.training-content h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.training-content p{color:#666;font-size:1.1rem;margin-bottom:2rem}.training-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.training-title-section{flex:1 1}.training-title-section h1{margin-bottom:.5rem}.training-title-section p{margin-bottom:0}.no-courses-message{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#666;font-size:1.1rem}.training-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}@media (max-width:768px){.navbar-content{padding:0 1rem}.navbar-menu{flex-direction:column;gap:.5rem}.user-welcome{font-size:.9rem}.container{padding:0 1rem}.training-content h1{font-size:2rem}.training-sections{gap:1rem;grid-template-columns:1fr}.training-header{align-items:stretch;flex-direction:column;gap:1rem}.manager-buttons{justify-content:flex-end}}.coming-soon-container{align-items:center;display:flex;justify-content:center;min-height:400px;padding:2rem}.coming-soon-message{color:var(--text-secondary);text-align:center}.coming-soon-message h2{font-size:1.5rem;font-weight:500;margin:0}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.training-courses-content p{color:#666;font-size:1.1rem;margin-bottom:2rem}.back-btn{display:inline-flex}.back-to-training-btn{align-items:center;background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.back-to-training-btn:hover{background-color:#5a6268;box-shadow:0 2px 8px #6c757d4d;transform:translateY(-1px)}.back-to-training-btn:active{transform:translateY(0)}.manager-buttons{align-items:center;display:flex;flex-shrink:0;gap:1rem}.loading-message{font-size:1.1rem;padding:3rem 0}.no-courses-message{padding:3rem 0}.training_courses_list{align-items:stretch;display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-start;margin-top:2rem}.training_course_card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;min-height:400px;overflow:hidden;transition:transform .2s,box-shadow .2s;width:300px}.training_course_card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.add_new_course_card{align-items:center;background:var(--color-primary-100);border:2px dashed var(--color-primary);cursor:pointer;display:flex;justify-content:center;min-height:280px}.add_new_course_card:hover{background:var(--color-primary-200);border-color:var(--color-primary)}.add_new_content{padding:2rem;text-align:center}.plus-icon{color:var(--color-primary);font-size:4rem;font-weight:300;margin-bottom:1rem}.add_new_content h3{color:var(--color-primary);font-size:1.5rem;margin-bottom:.5rem}.add_new_content p{color:var(--color-secondary);font-size:1rem;margin:0}.training_course_thumbnail{height:180px;overflow:hidden;position:relative}.training_course_thumbnail img{height:100%;object-fit:cover;width:100%}.training_course_content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem 1.5rem .2rem}.training_course_content h3{font-size:1.25rem;line-height:1.4;margin-bottom:.75rem}.training_course_description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;flex:1 1;font-size:.9rem;line-height:1.5;margin-bottom:1rem;max-height:4.5em;overflow:hidden;text-overflow:ellipsis}.training_course_meta{align-items:center;color:#888;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:1rem}.training_course_video_count{font-weight:600}.training_course_actions{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem}.manager-btn.btn-primary{background-color:#2660f5;border-radius:8px;color:#fff;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.manager-btn.btn-primary:hover{background-color:#3e72f6;box-shadow:0 4px 12px #5a4fcf4d;transform:translateY(-1px)}@media (max-width:768px){.container{padding:0 1rem}.training-courses-content h1{font-size:2rem}.courses-list{gap:1.5rem;grid-template-columns:1fr}.training-courses-header{align-items:stretch;flex-direction:column;gap:1rem}.manager-buttons{justify-content:flex-end}.course-content{padding:1.25rem}.course-actions{flex-direction:column;padding:0 1.25rem 1.25rem}}@media (max-width:480px){.courses-list{grid-template-columns:1fr}.course-meta{align-items:flex-start;flex-direction:column;gap:.25rem}.add-new-content{padding:1.5rem}.plus-icon{font-size:3rem}}.standard-modal{margin:10px;max-height:70vh;max-width:70%!important;min-width:40vw!important;position:fixed;width:-webkit-fit-content!important;width:fit-content!important}.standard_modal_overlay{background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:30px;position:absolute;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{color:#333}.modal-body{flex:1 1;overflow-y:auto}.standard-modal-page-description{color:#666;font-size:.9rem;line-height:1.2;margin-bottom:1.5rem}.modal-footer{justify-content:space-between;padding:1.5rem 2rem}.modal-footer,.modal-footer-left{align-items:center;display:flex}.modal-footer-right{gap:.75rem}@media (max-width:768px){.modal-body,.modal-footer,.modal-header{padding-left:1rem;padding-right:1rem}.modal-footer{flex-direction:column;gap:1rem}.modal-footer-left,.modal-footer-right{justify-content:center;width:100%}}@media (max-width:480px){.modal-header h2{font-size:1.25rem}}.video_modal_content{padding:20px}.video_modal_content .modal-content{max-width:800px;width:90%}.video_modal_content-form{display:flex;flex-direction:column;gap:20px;padding:20px}.video_modal_content .video-form-group{display:flex;flex-direction:column;gap:8px}.video_modal_content .video-form-group label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.video_modal_content .video-form-group input[type=number],.video_modal_content .video-form-group input[type=text],.video_modal_content .video-form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:10px}.video_modal_content .video-form-group input[type=number]:focus,.video_modal_content .video-form-group input[type=text]:focus,.video_modal_content .video-form-group textarea:focus{border-color:#007bff;outline:none}.video_modal_content .video-form-group input.error,.video_modal_content .video-form-group textarea.error{border-color:#dc3545}.video_modal_content .video-form-group textarea{min-height:80px}.video_modal_content .video-form-grid{display:flex;gap:20px;justify-content:center}.video_modal_content .video-file-upload,.video_modal_content .video_modal_thumbnail_upload{align-items:center;background-color:#f8f9fa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;display:flex;height:200px;justify-content:center;text-align:center;transition:all .3s ease}.video_modal_content .video-file-upload:hover,.video_modal_content .video_modal_thumbnail_upload:hover{background-color:var(--color-primary-100);border-color:var(--color-primary)}.video_modal_content .video-file-upload.error,.video_modal_content .video_modal_thumbnail_upload.error{border-color:var(--color-error)}.video_modal_content .video-file-placeholder,.video_modal_content .video_modal_thumbnail_placeholder{align-items:center;color:#666;display:flex;flex-direction:column;gap:10px;padding:10px}.video_modal_content .video-file-placeholder p,.video_modal_content .video_modal_thumbnail_placeholder p{font-size:14px;margin:0}.video_modal_content .video-thumbnail-preview{height:100%;position:relative;width:100%}.video_modal_content .video-thumbnail-preview img{border-radius:4px;height:100%;object-fit:cover;width:100%}.video_modal_content .video-file-preview{align-items:center;display:flex;justify-content:space-between;width:100%}.video_modal_content .video-file-info{align-items:center;display:flex;flex:1 1;gap:15px}.video_modal_content .video-icon{color:#007bff;font-size:32px}.video_modal_content .video-file-name{color:#333;font-size:14px;word-break:break-all}.video_modal_content .remove-item{align-items:center;background:#dc35451a;border:none;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.video_modal_content .remove-item:hover{background:#dc354533;transform:scale(1.1)}.video_modal_content .error-message{color:#dc3545;font-size:12px;margin-top:5px}.video_modal_content .loading-spinner{animation:spin .6s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;display:inline-block;height:14px;margin-right:8px;width:14px}.delete_course_modal_course_title{font-size:24px;font-weight:600;margin:10px 0}.delete_video_modal_content{padding:20px;text-align:center}.delete_video_modal_video_title{font-size:24px;font-weight:600;margin:10px 0}.delete_video_warning_text{color:var(--color-error);font-size:14px;font-weight:500}.training-groups-container{display:flex;height:100%;min-height:500px}.groups-sidebar{background-color:#f8f9fa;border-right:1px solid #ddd}.sidebar-header{border-bottom:1px solid #ddd;padding:1rem}.training-add-group-btn{margin-top:24px}.new-group-btn{background-color:#2660f5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;padding:.75rem 1rem}.new-group-btn:hover{background-color:#0a45de}.groups-list{padding:.5rem 0}.group-item{border-bottom:1px solid #eee;padding:1rem;transition:background-color .2s}.group-item:hover{background-color:#e9ecef}.group-item.selected{background-color:var(--color-primary-300)}.group-name{font-size:.9rem;font-weight:700}.group-member-count{font-size:.8rem;opacity:.8}.loading-message{color:#666;font-style:italic;padding:1rem;text-align:center}.groups-content{background-color:#fff;flex:1 1;overflow-y:auto;padding:1.5rem}.empty-state{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center}.empty-state p{font-size:1rem}.add-group-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;padding:.75rem 1.5rem}.add-group-btn:hover{background-color:#218838}.group-form{max-width:100%}.users-section-container{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:1.5rem}.users-column{flex:1 1;margin-bottom:0}.form-group label{font-weight:700}.form-group input[type=text],.form-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:.75rem;width:100%}.form-group input[type=text]:focus,.form-group select:focus{border-color:#2660f5;box-shadow:0 0 0 2px #5a4fcf40;outline:none}.members-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.member-count{color:#666;font-size:.8rem;font-weight:400}.members-list{border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto}.no-members{color:#666;font-style:italic;padding:1rem;text-align:center}.member-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.75rem}.member-item:last-child{border-bottom:none}.member-info{flex:1 1}.member-name{color:#333;font-size:.9rem;font-weight:700}.member-email{color:#666;font-size:.8rem;margin-top:.25rem}.remove-member-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:24px;justify-content:center;width:24px}.remove-member-btn:hover{background:#c82333}.form-actions{border-top:1px solid #eee;display:flex;gap:1rem;margin-top:2rem;padding-top:1rem}.save-btn{border:none;border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;padding:.75rem 1.5rem}.save-btn:disabled{background-color:#6c757d;cursor:not-allowed}.delete-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;padding:.75rem 1.5rem}.delete-btn:hover{background-color:#c82333}.members-list::-webkit-scrollbar{width:6px}.members-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.members-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.members-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.available-users-section{background:#fff;border:1px solid #ddd;border-radius:4px}.search-container{border-bottom:1px solid #ddd;padding:1rem;position:relative}.search-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:.75rem 2.5rem .75rem 1rem;width:100%}.search-input:focus{border-color:#2660f5;box-shadow:0 0 0 2px #5a4fcf40;outline:none}.search-icon{color:#666;pointer-events:none;position:absolute;right:1.75rem;top:50%;transform:translateY(-50%)}.available-users-list{height:300px;overflow-y:auto}.available-user-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:.75rem 1rem;transition:background-color .2s}.available-user-item:last-child{border-bottom:none}.available-user-item:hover{background-color:#f8f9fa}.user-avatar{flex-shrink:0;height:40px;margin-right:1rem;position:relative;width:40px}.user-avatar img{object-fit:cover}.avatar-fallback,.user-avatar img{border-radius:50%;height:100%;width:100%}.avatar-fallback{align-items:center;background:#6c757d;color:#fff;display:none;font-size:.8rem;font-weight:700;justify-content:center;text-transform:uppercase}.training-user-info{flex:1 1}.user-name{color:#333;font-size:.9rem;font-weight:600}.add-user-btn{background:#8e44ad;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:700;padding:.5rem 1rem;transition:background-color .2s}.add-user-btn:hover{background:#7d3c98}.no-users{color:#666;font-style:italic;padding:1rem;text-align:center}.group-members-section{background:#fff;border:1px solid #ddd;border-radius:4px}.group-members-list{height:300px;overflow-y:auto}.group-member-item{align-items:center;background:#fff;border-bottom:1px solid #ddd;display:flex;padding:.75rem 1rem;transition:background-color .2s}.group-member-item:last-child{border-bottom:none}.remove-user-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:700;padding:.5rem 1rem;transition:background-color .2s}.remove-user-btn:hover{background:#5a6268}.training-group-courses-section{background:#fff;border:1px solid #ddd;border-radius:4px;margin-top:1rem}.training-group-courses-list{max-height:150px;overflow-y:auto}.training-group-course-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:.75rem 1rem;transition:background-color .2s}.training-group-course-item:last-child{border-bottom:none}.training-group-course-item:hover{background-color:#f8f9fa}.training-group-course-thumbnail{flex-shrink:0;height:50px;margin-right:1rem;position:relative;width:50px}.training-group-course-thumbnail img{border-radius:4px;height:100%;object-fit:cover;width:100%}.training-group-thumbnail-fallback{align-items:center;background:#6c757d;border-radius:4px;color:#fff;display:none;font-size:1.2rem;height:100%;justify-content:center;width:100%}.training-group-course-info{flex:1 1}.training-group-course-title{color:#333;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.training-group-course-checkbox input[type=checkbox]:hover{border-color:#2660f5}.training-group-course-checkbox input[type=checkbox]:checked{background-color:#2660f5;border-color:#2660f5}.training-group-no-courses{color:#666;font-style:italic;padding:1rem;text-align:center}.course-access-section{background:#fff;border:1px solid #ddd;border-radius:4px;margin-top:1rem}.course-access-content{color:#666;font-style:italic;padding:1rem}.available-users-list::-webkit-scrollbar,.group-members-list::-webkit-scrollbar,.training-group-courses-list::-webkit-scrollbar{width:6px}.available-users-list::-webkit-scrollbar-track,.group-members-list::-webkit-scrollbar-track,.training-group-courses-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.available-users-list::-webkit-scrollbar-thumb,.group-members-list::-webkit-scrollbar-thumb,.training-group-courses-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.available-users-list::-webkit-scrollbar-thumb:hover,.group-members-list::-webkit-scrollbar-thumb:hover,.training-group-courses-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.groups-list::-webkit-scrollbar{width:6px}.groups-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.groups-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.groups-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.training-groups-modal{max-height:95vh;width:98%}.groups-container{flex-direction:column;min-height:auto}.groups-sidebar{border-bottom:1px solid #ddd;border-right:none;max-height:200px;width:100%}.groups-content{padding:1rem}.users-section-container{flex-direction:column;gap:1rem}.users-column{width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (max-width:480px){.group-item,.groups-content,.sidebar-header{padding:.75rem}}.upload-progress-meter{margin:20px 0;padding:15px}.upload-progress-text{color:var(--color-text-primary);font-size:14px;font-weight:600;margin-bottom:10px;text-align:center}.upload-progress-bar-container{background-color:#0000004d;border-radius:15px;height:30px;overflow:hidden;position:relative;width:100%}.upload-progress-bar-fill{align-items:center;background:var(--color-primary);border-radius:15px;display:flex;height:100%;justify-content:center;position:relative;transition:width .3s ease}.upload-progress-percentage{color:#fff;font-size:12px;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px #00000080;transform:translateX(-50%)}.upload-progress-bar-fill:after{animation:shimmer 2s infinite;background:#ffffff1a;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.course_form_course_details_section{display:flex;flex-wrap:wrap;gap:30px;margin-top:20px}.course_form_course_details{flex:1 1;min-width:300px}.course_form_item_label{color:var(--color-text-primary);font-size:.9rem;font-weight:500}.course_form_course_thumbnail_preview{border-radius:8px;height:100%;overflow:visible;position:relative;width:100%}.course_form_course_thumbnail_preview img{border-radius:8px;height:100%;object-fit:cover;width:100%}.course_form_thumbnail_upload{align-items:center;background:#6c757d;border:2px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;height:200px;justify-content:center;margin:0 auto 1rem;overflow:visible;position:relative;transition:all .2s ease;width:300px}.course_form_thumbnail_upload:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-primary-800);transform:translateY(-2px)}.course_form_thumbnail_upload.drag_active{background-color:#f0f8ff;border-color:var(--color-primary)}.course_form_thumbnail_upload.error{border-color:var(--color-error);box-shadow:0 0 0 .2rem var(--color-error-text)}.course_form_thumbnail_placeholder{color:#fff;margin:auto;text-align:center}.course_form_thumbnail_placeholder p{font-size:.9rem;font-weight:700;margin:10px 0 0}@media (max-width:768px){.course_form_thumbnail_upload{height:150px;width:250px}}.course_form_course_thumnail_message{border-radius:4px;font-size:.9rem;font-weight:500;margin-top:.5rem;padding:.5rem;text-align:center}.course_form_course_thumnail_message.saving{background-color:var(--color-secondary-300);border:1px solid var(--color-secondary-400);color:var(--color-secondary)}.course_form_course_thumnail_message.success{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.course_form_course_thumnail_message.error{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.course_form_save_course_details_button{display:block;margin:auto}.course_form_course_save_section{display:flex;gap:10px;justify-content:center;margin:auto;text-align:center}.course_form_course_saved_indicator{color:var(--color-success);display:block;font-size:.9rem;font-weight:500;margin:.5rem auto auto;width:-webkit-fit-content;width:fit-content}.course_form_videos_section{border-top:2px solid #e9ecef;margin-top:2rem;padding-top:1.5rem}.course_form_videos_section_header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.course_form_videos_section_header h2{font-size:28px;font-weight:600}.no-videos-message{background-color:#f8f9fa;border:1px dashed #ddd;border-radius:8px;color:#666;font-size:14px;padding:40px;text-align:center}.course_form_videos_list{display:flex;flex-direction:column;gap:10px;margin-bottom:2rem;padding:1rem}.course_page_video_item{background:#fff;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:1rem;position:relative;transition:all .2s ease}.course_page_video_item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.course_page_video_item_thumbnail{width:200px}.course_page_video_item_thumbnail img{border-radius:6px;display:block;height:120px;margin:auto auto .75rem;max-width:195px;overflow:hidden}.course_page_video_item_info{flex:1 1}.course_page_video_item_title{align-items:center;color:#333;display:flex;font-weight:600;gap:.5rem;line-height:1.3;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course_page_video_item_status{background-color:#e9ecef;border:1px solid #dee2e6;border-radius:12px;color:#495057;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase;white-space:nowrap}.course_page_video_item_status_ready{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.course_page_video_item_status_error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.course_page_video_item_description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.8rem;line-height:1.4;margin-bottom:.5rem;max-height:60px;overflow:hidden;text-align:left;text-overflow:ellipsis}.video-item-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.video-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.video-action-btn:hover{background-color:#f8f9fa;transform:scale(1.1)}.video-action-btn.delete-btn:hover{background-color:#fee}.course_form_video_placeholder{align-items:center;background-color:var(--color-secondary-300);border-radius:5px;display:flex;height:100px}.course_form_video_placeholder_play_icon{display:block;font-size:40px;margin:auto;text-align:center}.training_course_form_page{position:relative}.course_form_training_groups_section{border-top:2px solid #e9ecef;margin-top:40px;padding-top:1.5rem}.course_form_training_groups_list{display:flex;flex-direction:column;gap:12px;padding:1rem}.course_form_training_group_item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:all .2s ease}.course_form_training_group_item:hover{border-color:var(--color-primary-300);box-shadow:0 2px 8px #0000001a}.training_group_info{flex:1 1}.training_group_name{color:#333;font-size:1rem;font-weight:600;margin-bottom:.25rem}.training_group_members{color:#666;font-size:.85rem}.training_group_checkbox{align-items:center;display:flex}.training_group_checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;border:2px solid #ccc;border-radius:4px;cursor:pointer;height:24px;position:relative;transition:all .2s ease;width:24px}.training_group_checkbox input[type=checkbox]:hover{border-color:var(--color-primary)}.training_group_checkbox input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.training_group_checkbox input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2.5px 2.5px 0;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-60%) rotate(45deg);width:6px}.training_group_checkbox input[type=checkbox]:focus{box-shadow:0 0 0 2px #2660f540;outline:none}.training_group_checkbox label{cursor:pointer;margin-left:.5rem}.btn-delete-course{background:#0000;border:2px solid #ff6b35;border-radius:8px;color:#ff6b35;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.btn-delete-course:hover{background:#fff5f2;transform:translateY(-2px)}@media (max-width:768px){.course_form_training_group_item{align-items:flex-start;flex-direction:column;gap:12px}.training_group_checkbox{align-self:flex-end}}.training-groups-page{background:var(--color-bg-primary)}.training-groups-content,.training-groups-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.training-groups-content{margin:0 auto;max-width:1400px;padding:calc(60px + 2rem) 2rem 2rem;padding:calc(var(--header-height, 60px) + 2rem) 2rem 2rem;width:100%}.page-header{flex-shrink:0}.breadcrumb{align-items:center;display:flex;font-size:.9rem;margin-bottom:1rem}.breadcrumb,.breadcrumb-item{color:var(--color-text-secondary)}.breadcrumb-item.current{color:var(--color-text-primary);font-weight:500}.breadcrumb-separator{color:var(--color-text-secondary);margin:0 .5rem}.training-groups-layout{display:flex;flex:1 1;gap:2rem;overflow:hidden}.groups-sidebar{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:300px}.sidebar-header{border-bottom:1px solid var(--color-border-light);flex-shrink:0;padding:1.5rem}.new-group-btn{justify-content:center;width:100%}.groups-list{flex:1 1;overflow-y:auto;padding:1rem 0}.group-item{border-bottom:1px solid var(--color-border-light);cursor:pointer;padding:1rem 1.5rem;transition:background-color .2s ease}.group-item:hover{background-color:var(--color-bg-secondary)}.group-item:last-child{border-bottom:none}.group-name{color:var(--color-text-primary);font-weight:500;margin-bottom:.25rem}.group-members{color:var(--color-text-secondary);font-size:.875rem}.groups-main{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:8px;display:flex;flex:1 1;justify-content:center;overflow:hidden}.empty-state{padding:3rem;text-align:center}.empty-state p{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.loading-state{height:100%}.loading-state p{color:var(--color-text-secondary);font-size:1.1rem}.btn-outline-orange{border-radius:var(--radius-lg)}.btn-outline-orange:active,.btn-outline-orange:focus,.btn-outline-orange:focus-visible{border-color:var(--color-primary)!important;box-shadow:none!important;outline:none!important}.training-group-course-checkbox{align-items:center;display:flex;margin-left:1rem}.training-group-course-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;border:2px solid #ccc;border-radius:4px;cursor:pointer;height:20px;position:relative;transition:all .2s ease;width:20px}.training-group-course-checkbox input[type=checkbox]:hover{border-color:var(--color-primary)}.training-group-course-checkbox input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.training-group-course-checkbox input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-60%) rotate(45deg);width:5px}.training-group-course-checkbox input[type=checkbox]:focus{box-shadow:0 0 0 2px #2660f540;outline:none}.training-group-course-checkbox label{cursor:pointer;margin-left:.5rem}@media (max-width:768px){.training-groups-content{padding:calc(60px + 1rem) 1rem 1rem;padding:calc(var(--header-height, 60px) + 1rem) 1rem 1rem}.training-groups-layout{flex-direction:column;gap:1rem}.groups-sidebar{max-height:300px;width:100%}.page-header h1{font-size:1.5rem}}@media (max-width:480px){.breadcrumb{font-size:.8rem}.page-header h1{font-size:1.25rem}.sidebar-header{padding:1rem}.group-item{padding:.75rem 1rem}}.rep-training-page .page_content_header{margin:0 auto var(--spacing-6) auto;max-width:1400px;padding:0 20px}.rep-training-page .page_content_breadcrumb{margin:0 auto var(--spacing-5) auto;max-width:1400px;padding:0 20px}.rep-training-content-area{margin:0 auto;max-width:1400px;padding:20px}.loading-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{border-top:4px solid var(--color-primary);height:50px;margin-bottom:20px;width:50px}.loading-state p{color:#666;font-size:16px;font-weight:500;margin:0}.error-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.error-icon{font-size:64px;margin-bottom:20px}.error-message{color:#e74c3c;font-size:16px;font-weight:500;margin:0 0 24px}.retry-button{background:var(--color-primary);border-radius:8px;font-weight:600;padding:12px 32px;transition:all .2s}.retry-button:hover{box-shadow:0 4px 12px #ff6b3566;transform:translateY(-1px)}.retry-button:active{transform:translateY(0)}.date-filter-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px 20px}.date-filter-label{align-items:center;color:#2c3e50;display:flex;font-size:14px;font-weight:600;gap:8px}.date-filter-label i{color:var(--color-primary);font-size:16px}.date-filter-select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:500;min-width:200px;padding:10px 16px;transition:all .2s}.date-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351a;outline:none}.custom-date-badge{align-items:center;background:var(--color-primary);border-radius:20px;color:#fff;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 14px}.custom-date-badge i{font-size:14px}.custom-date-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.custom-date-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.custom-date-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:24px}.custom-date-modal-header h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.close-modal-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:32px;font-weight:300;height:40px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:40px}.close-modal-btn:hover{background:#f5f5f5;color:#000;transform:scale(1.05)}.custom-date-modal-body{display:flex;flex-direction:column;gap:20px;padding:24px}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-input-group label{color:#2c3e50;font-size:14px;font-weight:600}.date-input-group input[type=date]{border:1px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s}.date-input-group input[type=date]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351a;outline:none}.custom-date-modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.custom-date-modal-footer button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover{background:#e0e0e0}.apply-btn{background:var(--color-primary);color:#fff}.apply-btn:hover:not(:disabled){box-shadow:0 4px 12px #ff6b3566;transform:translateY(-1px)}.apply-btn:disabled{cursor:not-allowed;opacity:.5}.rep-training-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.summary-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s}.summary-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.summary-card-icon{align-items:center;border-radius:12px;color:#fff;display:flex;display:none;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.total-reps-icon{background:var(--color-primary)}.videos-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.watch-time-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.average-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.summary-card-content{flex:1 1}.summary-card-label{color:#666;font-weight:500;margin-bottom:4px}.summary-card-value{color:#2c3e50;font-size:28px;font-weight:700}.rep-training-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.search-box{align-items:center;display:flex;flex:1 1;gap:8px;max-width:400px;min-width:250px;position:relative;text-align:left}.search-box i{display:none}.rep-training-controls .search-box input[type=text]{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box!important;direction:ltr!important;flex:1 1;font-size:14px!important;letter-spacing:0!important;line-height:normal!important;margin:0!important;padding:12px 16px 12px 12px!important;text-align:left!important;text-indent:0!important;transition:all .2s;writing-mode:horizontal-tb!important}.rep-training-controls .search-box input[type=text]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351a;outline:none}.rep-training-controls .search-box input[type=text]::placeholder{color:#999!important;text-align:left!important}.sort-controls{align-items:center;display:flex;gap:12px;position:relative;z-index:1}.sort-controls label{color:#666;font-size:14px;font-weight:500}.sort-controls select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url('data:image/svg+xml;utf8,<svg fill="gray" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat;background-position:right 12px center;background-size:16px;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;min-width:180px;padding:10px 32px 10px 16px;transition:all .2s}.sort-controls select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351a;outline:none}.rep-training-list{display:flex;flex-direction:column;gap:16px}.no-reps-message{background:#fff;border-radius:12px;color:#666;font-size:16px;padding:60px 20px;text-align:center}.rep-training-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;transition:transform .2s,box-shadow .2s}.rep-training-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.rep-training-header{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.rep-info,.rep-training-header{align-items:center;display:flex;gap:16px}.rep_training_rep_avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:56px;justify-content:center;width:56px}.rep-details{display:flex;flex-direction:column;gap:4px}.rep-name{color:#2c3e50!important;font-size:14px;font-weight:600}.rep-last-activity{text-align:right}.last-activity-label{color:#999!important;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.last-activity-value{color:#2c3e50!important;font-size:15px;font-weight:600}.rep-training-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.stat-item{background:#f8f9fa;gap:12px;padding:16px}.rep_training_stat_icon,.stat-item{align-items:center;border-radius:8px;display:flex}.rep_training_stat_icon{background:var(--color-primary);color:#fff;display:none;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.stat-content{flex:1 1}.stat-label{color:#666!important;font-size:12px;font-weight:500;margin-bottom:4px}.stat-value{color:#2c3e50!important;font-size:20px;font-weight:700}.rep-courses-section{border-top:1px solid #f0f0f0;padding-top:20px}.courses-label{color:#666!important;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.courses-list{display:flex;flex-wrap:wrap;gap:10px}.course-chip{align-items:center;background:#f0f4ff;border:1px solid #d4e2ff;border-radius:20px;color:#4a5568!important;display:inline-flex;font-size:13px;gap:8px;padding:8px 14px;transition:all .2s}.course-chip:hover{background:#e0ebff;border-color:#b8d4ff}.course-chip-thumbnail{border-radius:4px;height:24px;object-fit:cover;width:24px}.course-chip-title{font-weight:500}.rep-training-card.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.rep-training-card.clickable:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.rep-training-card.clickable:active{transform:translateY(0)}.rep-detail-modal-overlay{align-items:flex-start;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:99999}.rep-detail-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.rep-detail-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 32px}.rep-detail-header-info{align-items:center;display:flex;gap:16px}.rep-detail-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:600;height:64px;justify-content:center;width:64px}.rep_detail_modal_header_name{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.rep-detail-subtitle{color:#666;font-size:14px;margin:4px 0 0}.rep-detail-modal-body{flex:1 1;overflow-y:auto;padding:32px}.rep-detail-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.rep-detail-stat{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:16px;padding:20px}.rep-detail-stat-icon{align-items:center;background:var(--color-primary);border-radius:10px;color:#fff;display:none;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.rep-detail-stat-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.rep-detail-stat-value{color:#2c3e50;font-size:22px;font-weight:700}.rep-detail-courses{margin-top:32px}.rep-detail-section-title{align-items:center;color:#2c3e50;display:flex;font-size:22px;font-weight:700;gap:12px;margin:0 0 24px}.rep-detail-section-title i{color:var(--color-primary);font-size:20px}.course-progress-list{display:flex;flex-direction:column;gap:20px}.course-progress-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:24px;transition:all .2s}.course-progress-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #ff6b351a}.course-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.course-progress-title{align-items:center;color:#2c3e50;display:flex;flex:1 1;font-size:16px;font-weight:700;gap:12px}.course-progress-title i{color:var(--color-primary);display:none;font-size:18px}.course-progress-percentage{color:var(--color-primary);font-size:20px;font-weight:700}.course-progress-bar-container{background:#e0e0e0;border-radius:4px;height:8px;margin-bottom:20px;overflow:hidden;width:100%}.course-progress-bar{background:var(--color-primary);border-radius:4px;height:100%;transition:width .3s ease}.course-progress-details{display:flex;flex-direction:column;gap:12px}.course-progress-detail-item{align-items:center;color:#666;display:flex;font-size:14px;gap:12px}.course-progress-detail-item i{color:var(--color-primary);display:none;font-size:16px;text-align:center;width:20px}.course-progress-detail-item span{font-weight:500}.no-courses-message{color:#999;padding:60px 20px;text-align:center}.no-courses-message i{color:#d0d0d0;font-size:48px;margin-bottom:16px}.no-courses-message p{font-size:16px;margin:0}@media (max-width:768px){.rep-training-content-area{padding:16px}.rep-training-summary{grid-template-columns:1fr}.rep-training-controls{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.sort-controls{align-items:stretch;flex-direction:column;gap:8px}.sort-controls select{width:100%}.rep-training-header{align-items:flex-start;flex-direction:column}.rep-last-activity{text-align:left;width:100%}.rep-training-stats{grid-template-columns:1fr}.summary-card-value{font-size:24px}.rep-name{font-size:16px}.rep-detail-modal{max-height:95vh}.rep-detail-modal-header{padding:20px}.rep-detail-avatar{font-size:20px;height:56px;width:56px}.rep-detail-modal-header h3{font-size:20px}.rep-detail-modal-body{padding:20px}.rep-detail-overview{grid-template-columns:1fr}.course-progress-header{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.rep-training-card,.summary-card{padding:16px}.summary-card-icon{font-size:20px;height:48px;width:48px}.summary-card-value{font-size:22px}.rep_training_rep_avatar{font-size:18px;height:48px;width:48px}}.alert{border-radius:6px;border-style:solid;border-width:1px;font-size:14px;margin-bottom:20px;padding:12px 16px}.alert-error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.login-page{align-items:center;background-color:var(--color-bg-secondary);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:var(--color-bg-primary);border-radius:8px;box-shadow:0 4px 6px var(--color-shadow-light);max-width:400px;padding:60px 40px;text-align:center;width:100%}.login-logo{margin-bottom:40px}.login-logo img{height:60px;width:auto}.signup-section{color:var(--color-text-secondary);font-size:14px;margin-top:24px;text-align:center}.signup-link{background:none;border:none;color:var(--color-link);cursor:pointer;font-size:14px;margin-left:4px;padding:0;text-decoration:underline;transition:color .3s ease}.signup-link:hover{color:var(--color-link-hover)}.login-form{text-align:left}.form-group input{background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);color:var(--color-text-primary)}.form-group input:focus{border-color:var(--color-link);box-shadow:0 0 0 3px var(--color-focus-link)}.form-group input::placeholder{color:var(--color-text-muted)}.password-toggle-btn{color:var(--color-text-secondary)}.login-btn-submit{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:24px;padding:14px 16px;transition:background-color .3s ease;width:100%}.forgot-password{text-align:center}@media (max-width:480px){.login-container{margin:20px;padding:40px 24px}.login-logo img{height:50px}.form-group input{font-size:16px}}.signup-page{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.signup-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:60px 40px;text-align:center;width:100%}.signup-logo{margin-bottom:40px}.signup-logo img{height:60px;width:auto}.signup-form{text-align:left}.form-row{display:flex;gap:16px;margin-bottom:24px}.form-row .form-group{flex:1 1;margin-bottom:0}.form-group input{box-sizing:border-box}.form-group input.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.general-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;font-size:14px;margin-bottom:24px;padding:12px 16px;text-align:center}.sign_up_submit_button{display:block;margin:auto}.signup-btn-submit:hover{background-color:#333}.signin-section{color:#666;font-size:14px;margin-top:24px;text-align:center}.signin-link{background:none;border:none;color:#4682b4;cursor:pointer;font-size:14px;margin-left:4px;padding:0;text-decoration:underline;transition:color .3s ease}.signin-link:hover{color:#36648b}@media (max-width:480px){.signup-container{margin:20px;max-width:100%;padding:40px 24px}.signup-logo img{height:50px}.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:24px}.form-group input{font-size:16px}}.forgot-password-page{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-password-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:60px 40px;text-align:center;width:100%}.forgot-password-logo{margin-bottom:40px}.forgot-password-logo img{height:60px;width:auto}.forgot-password-header{margin-bottom:32px;text-align:center}.forgot-password-header h2{color:#333;font-size:24px;font-weight:600;margin:0 0 12px}.forgot-password-header p{color:#666;font-size:14px;line-height:1.5;margin:0}.forgot-password-form{text-align:left}.form-group input{transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{border-color:#4682b4;box-shadow:0 0 0 3px #4682b41a}.forgot-password-btn-submit{width:100%}@media (max-width:480px){.forgot-password-container{margin:20px;padding:40px 24px}.forgot-password-logo img{height:50px}.form-group input{font-size:16px}.forgot-password-header h2{font-size:20px}}.reset-password-page{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-container{background:#fff;border:2px solid #0003;border-radius:8px;max-width:400px;padding:60px 40px;text-align:center;width:100%}.reset-password-logo{margin-bottom:40px}.reset-password-logo img{height:60px;width:auto}.reset-password-header{margin-bottom:32px;text-align:center}.reset-password-header h2{color:#333;font-size:24px;font-weight:600;margin:0 0 12px}.reset-password-header p{color:#666;font-size:14px;line-height:1.5;margin:0}.reset-password-form{text-align:left}.success-actions{margin-bottom:32px;text-align:center}.form-group{margin-bottom:24px}.form-group label{font-size:14px}.form-group input{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus{border:3px solid #4682b480;outline:none}.form-group input::placeholder{color:#999}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{padding-right:50px}.password-toggle-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .3s ease;z-index:1}.password-toggle-btn:hover{opacity:.7}.password-toggle-btn:focus{opacity:.7;outline:none}.reset-password-btn-submit{background-color:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:24px;padding:14px 16px;transition:background-color .3s ease;width:100%}.reset-password-btn-submit:hover{background-color:#333}.reset-password-btn-submit:disabled{background-color:#666;cursor:not-allowed}.back-to-login-btn{background-color:#4682b4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px 16px;transition:background-color .3s ease;width:100%}.back-to-login-btn:hover{background-color:#36648b}.back-to-login-section{margin-top:24px;text-align:center}.back-to-login-link{background:none;border:none;color:#4682b4;cursor:pointer;font-size:14px;padding:0;text-decoration:none;transition:color .3s ease}.back-to-login-link:hover{color:#36648b;text-decoration:underline}@media (max-width:480px){.reset-password-container{margin:20px;padding:40px 24px}.reset-password-logo img{height:50px}.form-group input{font-size:16px}.reset-password-header h2{font-size:20px}}.template-card{width:100%}.scales-preview{display:flex;flex-direction:column;gap:.75rem}.scale-row{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem .75rem}.revenue_amount{font-weight:500}.arrow{color:#6c757d;margin:0 .5rem}.percentage{font-weight:500}.scales-edit-mode,.scales-preview-simple{width:100%}.edit-form-group{margin-bottom:1.5rem}.edit-form-group label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.table-actions{margin-bottom:1.5rem}.edit-actions{border-top:1px solid #e9ecef;display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}.cancel-btn,.save-btn{border:1px solid;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.cancel-btn{background-color:#fff;border-color:#dee2e6;color:#6c757d}.cancel-btn:hover:not(:disabled){background-color:#e9ecef;color:#495057}.save-btn{background-color:#2660f5;border-color:#2660f5;color:#fff}.save-btn:hover:not(:disabled){background-color:#0a45de;border-color:#0a45de}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6}.delete-confirmation{width:100%}.delete-actions{display:flex;gap:.75rem;justify-content:flex-end}@media (max-width:768px){.template-card{margin-bottom:1rem}.card-header{padding:.75rem 1rem}.card-body{padding:1rem}.card-footer{padding:.5rem 1rem}.scale-row{font-size:.8rem}.commission-table td,.commission-table th{font-size:.8rem;padding:.5rem}.table-actions{align-items:stretch;flex-direction:column}.edit-actions{flex-direction:column;gap:.5rem}.cancel-btn,.save-btn{text-align:center;width:100%}}@media (max-width:480px){.commission-table-container{overflow-x:auto}.commission-table{min-width:400px}.cancel-btn,.save-btn{font-size:.8rem;padding:.5rem 1rem}}.account-page{background-color:#f8f9fa;min-height:100vh}.account-actions-top{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.rep-details-container{margin:0 auto;max-width:1000px}.rep-details-section{align-items:center;display:flex;flex-direction:column;padding:2.5rem}.rep-details-section h3{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:1.375rem;font-weight:700;margin:0 0 2rem;max-width:800px;padding-bottom:.75rem;width:100%}.details-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(2,1fr);max-width:800px;width:100%}@media (max-width:768px){.rep-profile-section{flex-direction:column;gap:1rem;text-align:center}.rep-avatar{height:60px;width:60px}.rep-avatar,.rep_details_rep_name{font-size:1.5rem}.details-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:480px){.rep-details-section,.rep-profile-section{padding:1.5rem}}.email-verification-page{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.email-verification-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:60px 40px;text-align:center;width:100%}.email-verification-logo{margin-bottom:40px}.email-verification-logo img{height:60px;width:auto}.email-verification-content h2{color:#333;font-size:24px;font-weight:600;margin-bottom:24px}.verification-message{color:#666;font-size:16px;line-height:1.5;margin-bottom:32px}.verification-message strong{color:#333}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-size:14px;margin-bottom:20px;padding:12px 16px}.resend-btn{background-color:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:24px;padding:14px 16px;transition:background-color .3s ease;width:100%}.resend-btn:hover:not(:disabled){background-color:#333}.resend-btn:disabled{background-color:#666;cursor:not-allowed}.back-link{background:none;border:none;color:#4682b4;cursor:pointer;font-size:14px;padding:0;text-decoration:underline;transition:color .3s ease}.back-link:hover{color:#36648b}@media (max-width:480px){.email-verification-container{margin:20px;padding:40px 24px}.email-verification-logo img{height:50px}.email-verification-content h2{font-size:20px}.verification-message{font-size:14px}}.support-page{background-color:#fff;min-height:calc(100vh - 80px);padding:40px 20px}.support-container{margin:0 auto;max-width:1200px;width:100%}.support-header{margin-bottom:60px;text-align:center}.support-title{color:#1a1a1a;font-size:3rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 20px}.support-subtitle{color:#666;font-size:1.25rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.support-content{margin:0 auto;max-width:1000px}.section-title{color:#1a1a1a;font-size:2rem;font-weight:600;margin:0 0 30px;text-align:center}.support-options{margin-bottom:80px}.options-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.option-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:30px;text-align:center;transition:all .3s ease}.option-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.option-icon{display:block;font-size:3rem;margin-bottom:20px}.option-card h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0 0 15px}.option-card p{color:#666;line-height:1.5;margin:0 0 20px}.option-link{background:none;border:none;color:#ff6b35;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600;padding:0;text-decoration:none}.option-link:hover{color:#e55a2b;text-decoration:underline}.contact-form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:80px;padding:40px}.contact-form{margin:0 auto;max-width:600px}.form-row{grid-gap:20px;gap:20px}.form-group,.form-row{margin-bottom:25px}.form-group label{color:#1a1a1a;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;font-family:inherit;font-size:1rem;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{background-color:#ff6b35;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .3s ease;width:100%}.submit-btn:hover{background-color:#e55a2b;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.faq-section{margin-bottom:40px}.faq-list{margin:0 auto;max-width:800px}.faq-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:25px}.faq-item h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0 0 15px}.faq-item p{color:#666;line-height:1.6;margin:0}@media (max-width:768px){.support-page{padding:30px 15px}.support-title{font-size:2.5rem}.support-subtitle{font-size:1.125rem}.section-title{font-size:1.75rem}.support-header{margin-bottom:40px}.contact-form-section,.support-options{margin-bottom:60px}.options-grid{gap:20px;grid-template-columns:1fr}.option-card{padding:25px}.contact-form-section{padding:30px 25px}.form-row{gap:0;grid-template-columns:1fr}.faq-item{padding:20px}}@media (max-width:480px){.support-page{padding:20px 15px}.support-title{font-size:2rem}.support-subtitle{font-size:1rem}.section-title{font-size:1.5rem}.option-card{padding:20px}.contact-form-section{padding:25px 20px}.option-icon{font-size:2.5rem;margin-bottom:15px}.option-card h3{font-size:1.25rem}.faq-item h3{font-size:1.125rem}.submit-btn{padding:12px 24px}}.privacy-page{background-color:#fff;min-height:calc(100vh - 80px);padding:40px 20px}.privacy-container{margin:0 auto;max-width:1200px;width:100%}.privacy-header{margin-bottom:60px;text-align:center}.privacy-title{color:#1a1a1a;font-size:3rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 20px}.privacy-subtitle{color:#666;font-size:1.25rem;font-weight:400;line-height:1.6;margin:0 auto 15px;max-width:600px}.privacy-last-updated{color:#888;font-size:1rem;font-style:italic;margin:15px 0 0}.privacy-content{margin:0 auto;max-width:1000px}.privacy-navigation{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:60px}.nav-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:30px;text-align:center;transition:all .3s ease}.nav-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.nav-icon{display:block;font-size:3rem;margin-bottom:20px}.nav-card h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0 0 15px}.nav-card p{color:#666;line-height:1.5;margin:0 0 20px}.nav-link{background:none;border:none;color:#ff6b35;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600;padding:0;text-decoration:none}.nav-link:hover{color:#e55a2b;text-decoration:underline}.policy-content{margin:0 auto;max-width:800px}.policy-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:25px;padding:30px}.policy-section h2{border-bottom:2px solid #ff6b35;color:#1a1a1a;font-size:1.75rem;font-weight:600;margin:0 0 20px;padding-bottom:10px}.policy-text{color:#333;line-height:1.7}.policy-text h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:25px 0 15px}.policy-text h3:first-child{margin-top:0}.policy-text p{margin:0 0 15px}.policy-text ul{margin:15px 0;padding-left:25px}.policy-text li{line-height:1.6;margin-bottom:8px}.policy-text strong{color:#1a1a1a;font-weight:600}.email-link{color:#ff6b35;font-weight:600;text-decoration:none}.email-link:hover{color:#e55a2b;text-decoration:underline}.contact-info{background:#f8f9fa;border-left:4px solid #ff6b35;border-radius:8px;margin:20px 0;padding:20px}.contact-info p{margin:5px 0}.toc{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:40px;padding:25px}.toc h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0 0 15px}.toc ul{list-style:none;margin:0;padding:0}.toc li{margin-bottom:8px}.toc a{color:#ff6b35;font-weight:500;text-decoration:none}.toc a:hover{color:#e55a2b;text-decoration:underline}@media (max-width:768px){.privacy-page{padding:30px 15px}.privacy-title{font-size:2.5rem}.privacy-subtitle{font-size:1.125rem}.privacy-header{margin-bottom:40px}.privacy-navigation{gap:20px;grid-template-columns:1fr;margin-bottom:40px}.nav-card,.policy-section{padding:25px}.policy-section h2{font-size:1.5rem}.policy-text h3{font-size:1.125rem}.contact-info{padding:15px}}@media (max-width:480px){.privacy-page{padding:20px 15px}.privacy-title{font-size:2rem}.privacy-subtitle{font-size:1rem}.nav-card{padding:20px}.nav-icon{font-size:2.5rem;margin-bottom:15px}.nav-card h3{font-size:1.25rem}.policy-section{padding:20px}.policy-section h2{font-size:1.375rem}.policy-text h3{font-size:1.125rem}.policy-text ul{padding-left:20px}.contact-info{padding:15px}}.add-season-modal{max-width:500px;width:90%}.add-season-modal .form-group{margin-bottom:20px}.add-season-modal .form-group label{color:#333;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.add-season-modal .form-group input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.add-season-modal .form-group input:focus{border-color:#2660f5;box-shadow:0 0 0 2px #5a4fcf40;outline:none}.add-season-modal .form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.add-season-modal .form-group input::placeholder{color:#999}.add-season-modal .form-group select{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.add-season-modal .form-group select:focus{border-color:#2660f5;box-shadow:0 0 0 2px #5a4fcf40;outline:none}.add-season-modal .form-group select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.add-season-modal .form-note{background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:4px;color:#0c5460;font-size:13px;margin-top:20px;padding:12px 16px}.add-season-modal .form-note p{margin:0}.add-season-modal .cancel-btn,.add-season-modal .save-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;min-width:100px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.add-season-modal .cancel-btn{background-color:#6c757d;color:#fff}.add-season-modal .cancel-btn:hover:not(:disabled){background-color:#5a6268}.add-season-modal .save-btn{background-color:#2660f5;color:#fff}.add-season-modal .save-btn:hover:not(:disabled){background-color:#0a45de}.add-season-modal .cancel-btn:disabled,.add-season-modal .save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.add-season-modal{margin:20px;width:95%}}.company-page{background-color:#f8f9fa;min-height:100vh}.company-content{margin:0 auto;max-width:1200px;padding:20px}.page-header{margin-bottom:40px;text-align:center}.page-header h1{font-size:32px;font-weight:700;margin:0 0 10px}.page-header p{color:#666;font-size:16px;margin:0}.seasons-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.add-season-btn{background-color:#2660f5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background-color .2s ease}.add-season-btn:hover{background-color:#0a45de}.empty-state,.error-state,.loading-state{padding:60px 30px}.empty-state p,.loading-state p{color:#666;font-size:16px;margin:0}.error-state p{color:#dc3545;font-size:16px;margin:0 0 20px}.retry-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s ease}.retry-btn:hover{background-color:#c82333}.seasons-container{padding:30px}.seasons-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.season-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:box-shadow .2s ease,transform .2s ease}.season-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.season-card.clickable{cursor:pointer}.season-card.clickable:hover{border-color:#2660f5;box-shadow:0 6px 20px #007bff26;transform:translateY(-3px)}.season-card.clickable:active{transform:translateY(-1px)}.season-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.season-name{color:#333;flex:1 1;font-size:18px;font-weight:600;margin:0 12px 0 0}.season-status{font-size:12px;padding:4px 12px;white-space:nowrap}.status-sales-active{background-color:#d1ecf1;color:#0c5460}.season-details{display:flex;flex-direction:column;gap:12px}.season-date{align-items:center;display:flex;justify-content:space-between}.season-date label{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.season-date span{color:#333;font-size:14px;font-weight:500}@media (max-width:768px){.company-content{padding:15px}.page-header{margin-bottom:30px}.page-header h1{font-size:28px}.add-season-btn{padding:15px;width:100%}.seasons-container{padding:20px}.seasons-grid{gap:15px;grid-template-columns:1fr}.season-header{align-items:stretch;flex-direction:column;gap:12px}.season-name{margin-right:0;text-align:center}.season-status{align-self:center}}@media (max-width:480px){.company-content{padding:10px}.season-card{padding:15px}.season-date{align-items:flex-start;flex-direction:column;gap:4px}.season-date label{font-size:12px}.season-date span{font-size:13px}}.season-detail-page{background-color:#f8f9fa;min-height:100vh}.season-detail-content{margin:0 auto;max-width:1200px;padding:2rem}.back-btn{align-items:center;background:none;color:#2660f5;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 0;transition:color .2s ease}.back-btn:hover{color:#0a45de;text-decoration:underline}.season-title-section{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.season-title-section h1{color:#333;font-size:2.5rem;font-weight:600;margin:0}.edit-season-btn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;width:40px}.edit-season-btn:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.season-info-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.season-status-badge{margin-bottom:1.5rem}.season-status{border-radius:20px;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.status-active{background-color:#d4edda;color:#155724}.status-upcoming{background-color:#d1ecf1;color:#0c5460}.status-completed{background-color:#f8d7da;color:#721c24}.status-recruiting{background-color:#fff3cd;color:#856404}.status-sales-active{background-color:#d4edda;color:#155724}.status-unknown{background-color:#e2e3e5;color:#383d41}.season-dates{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.date-item{display:flex;flex-direction:column;gap:.5rem}.date-item label{color:#6c757d;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date-item span{color:#333;font-size:1.1rem;font-weight:500}.managers-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:2rem}.add-manager-btn{align-items:center;background:#2660f5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.add-manager-btn:hover{background:#0a45de;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.managers-container{min-height:100px}.managers-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.manager-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;transition:all .2s ease}.manager-card:hover{border-color:#2660f5;box-shadow:0 2px 8px #5a4fcf26}.manager-info h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.manager-role{color:#2660f5;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.manager-email,.manager-rep-id{color:#6c757d;font-size:.9rem;margin:.25rem 0}.empty-state,.error-state,.loading-state{color:#6c757d;padding:3rem 1rem}.empty-state p,.error-state p,.loading-state p{font-size:1.1rem;margin:0}.error-state{color:#dc3545}.error-state .back-btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:background .2s ease}.error-state .back-btn:hover{background:#c82333;text-decoration:none}@media (max-width:768px){.season-detail-content{padding:1rem}.season-title-section{align-items:flex-start;flex-direction:column;gap:.5rem}.season-title-section h1{font-size:2rem}.managers-list,.season-dates{grid-template-columns:1fr}}@media (max-width:480px){.season-title-section h1{font-size:1.75rem}.managers-section,.season-info-section{padding:1.5rem}}.company-assignment-page{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.company-assignment-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:500px;overflow:hidden;width:100%}.company-assignment-content{padding:40px;text-align:center}.logo-section{margin-bottom:30px}.company-assignment-logo{filter:brightness(0) saturate(100%) invert(0);height:60px;width:auto}.message-section{margin-bottom:30px}.icon-container{margin-bottom:20px}.warning-icon{font-size:48px;margin-bottom:10px}.company-assignment-content h1{color:#333;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 20px}.message-content{margin-bottom:30px}.message-content p{color:#666;font-size:16px;line-height:1.6;margin:0 0 15px}.user-info{background-color:#f8f9fa;border-left:4px solid #333;border-radius:8px;margin:20px 0;padding:20px}.user-info p{color:#333;font-size:14px;margin:0 0 8px;text-align:left}.user-info p:last-child{margin-bottom:0}.action-section{border-top:1px solid #e0e0e0;padding-top:30px}.help-text{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.logout-btn{background-color:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 30px;transition:background-color .2s ease}.logout-btn:hover{background-color:#000}.logout-btn:focus{box-shadow:0 0 0 3px #33333340;outline:none}@media (max-width:768px){.company-assignment-page{padding:15px}.company-assignment-content{padding:30px 25px}.company-assignment-content h1{font-size:24px}.company-assignment-logo{height:50px}.warning-icon{font-size:40px}.message-content p{font-size:15px}.user-info{padding:15px}}@media (max-width:480px){.company-assignment-content{padding:25px 20px}.company-assignment-content h1{font-size:22px}.company-assignment-logo{height:45px}.warning-icon{font-size:36px}.message-content p{font-size:14px}.logout-btn{padding:15px;width:100%}}.default-scales-modal-content .modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem 2rem}.default-scales-modal-content .modal-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.default-scales-modal-content .modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.default-scales-modal-content .modal-close:hover{color:#333}.default-scales-modal-content .modal-body{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.default-scales-modal-content .modal-footer{align-items:center;background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem 2rem}.default-scales-modal-content .modal-footer-left{align-items:center;display:flex}.default-scales-modal-content .modal-footer-right{display:flex;gap:.75rem}.default-scales-modal-content .error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:1rem;padding:.75rem 1rem}.default-scales-modal-content .btn-outline-orange{background-color:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-primary);font-weight:500}.default-scales-modal-content .btn-outline-orange:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-white)}.default-scales-modal-content .btn-outline-orange:active,.default-scales-modal-content .btn-outline-orange:focus,.default-scales-modal-content .btn-outline-orange:focus-visible{border-color:var(--color-primary)!important;box-shadow:none!important;outline:none!important}.default-scales-modal-content .btn-primary,.default-scales-modal-content .btn-primary:active,.default-scales-modal-content .btn-primary:focus,.default-scales-modal-content .btn-primary:focus-visible,.default-scales-modal-content .modal-footer .btn-primary,.default-scales-modal-content .modal-footer .btn-primary:active,.default-scales-modal-content .modal-footer .btn-primary:focus,.default-scales-modal-content .modal-footer .btn-primary:focus-visible{border:2px solid var(--color-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important;outline:none!important}.default-scales-modal-content .modal-save-btn,.default-scales-modal-content .modal-save-btn:active,.default-scales-modal-content .modal-save-btn:focus,.default-scales-modal-content .modal-save-btn:focus-visible{border:2px solid var(--color-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important;outline:none!important}@media (max-width:768px){.default-scales-modal{max-height:95vh;width:95vw}.templates-grid{gap:1rem;grid-template-columns:1fr}.form-header,.templates-header{align-items:stretch;flex-direction:column;gap:1rem}.back-btn{text-align:center;width:100%}.commission-table td,.commission-table th{font-size:.8rem;padding:.5rem}.table-actions{align-items:stretch;flex-direction:column}.info-text{text-align:center}.scale-row{font-size:.8rem}.card-header{padding:.75rem 1rem}.card-body{padding:1rem}.card-footer{padding:.5rem 1rem}}.default-overrides-modal-content .modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem 2rem}.default-overrides-modal-content .modal-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.default-overrides-modal-content .modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.default-overrides-modal-content .modal-close:hover{color:#333}.default-overrides-modal-content .modal-body{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.default-overrides-modal-content .modal-footer{align-items:center;background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem 2rem}.default-overrides-modal-content .modal-footer-left{align-items:center;display:flex}.default-overrides-modal-content .modal-footer-right{display:flex;gap:.75rem}.default-overrides-modal-content .error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:1rem;padding:.75rem 1rem}.default-overrides-modal-content .btn-outline-orange{background-color:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-primary);font-weight:500}.default-overrides-modal-content .btn-outline-orange:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-white)}.default-overrides-modal-content .btn-outline-orange:active,.default-overrides-modal-content .btn-outline-orange:focus,.default-overrides-modal-content .btn-outline-orange:focus-visible{border-color:var(--color-primary)!important;box-shadow:none!important;outline:none!important}.default-overrides-modal-content .btn-primary,.default-overrides-modal-content .btn-primary:active,.default-overrides-modal-content .btn-primary:focus,.default-overrides-modal-content .btn-primary:focus-visible,.default-overrides-modal-content .modal-footer .btn-primary,.default-overrides-modal-content .modal-footer .btn-primary:active,.default-overrides-modal-content .modal-footer .btn-primary:focus,.default-overrides-modal-content .modal-footer .btn-primary:focus-visible{border:2px solid var(--color-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important;outline:none!important}.default-overrides-modal-content .modal-save-btn,.default-overrides-modal-content .modal-save-btn:active,.default-overrides-modal-content .modal-save-btn:focus,.default-overrides-modal-content .modal-save-btn:focus-visible{border:2px solid var(--color-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important;outline:none!important}.overrides-preview{display:flex;flex-direction:column;gap:.75rem}.override-row{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem .75rem}@media (max-width:768px){.default-overrides-modal{max-height:95vh;width:95vw}.templates-grid{gap:1rem;grid-template-columns:1fr}.form-header,.templates-header{align-items:stretch;flex-direction:column;gap:1rem}.back-btn{text-align:center;width:100%}.commission-table td,.commission-table th{font-size:.8rem;padding:.5rem}.table-actions{align-items:stretch;flex-direction:column}.info-text{text-align:center}.override-row{font-size:.8rem}.card-header{padding:.75rem 1rem}.card-body{padding:1rem}.card-footer{padding:.5rem 1rem}}.default-md-modal-content .modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem 2rem}.default-md-modal-content .modal-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.default-md-modal-content .modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.default-md-modal-content .modal-close:hover{color:#333}.default-md-modal-content .modal-body{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.default-md-modal-content .modal-footer{align-items:center;background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem 2rem}.default-md-modal-content .modal-footer-left{align-items:center;display:flex}.default-md-modal-content .modal-footer-right{display:flex;gap:.75rem}.default-md-modal-content .error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:1rem;padding:.75rem 1rem}.default-md-modal-content .btn-outline-orange{background-color:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-primary);font-weight:500}.default-md-modal-content .btn-outline-orange:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-white)}.default-md-modal-content .btn-outline-orange:active,.default-md-modal-content .btn-outline-orange:focus,.default-md-modal-content .btn-outline-orange:focus-visible{border-color:var(--color-primary)!important;box-shadow:none!important;outline:none!important}.default-md-modal-content .btn-primary,.default-md-modal-content .btn-primary:active,.default-md-modal-content .btn-primary:focus,.default-md-modal-content .btn-primary:focus-visible,.default-md-modal-content .modal-footer .btn-primary,.default-md-modal-content .modal-footer .btn-primary:active,.default-md-modal-content .modal-footer .btn-primary:focus,.default-md-modal-content .modal-footer .btn-primary:focus-visible{border:2px solid var(--color-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important;outline:none!important}.default-md-modal-content .modal-save-btn,.default-md-modal-content .modal-save-btn:active,.default-md-modal-content .modal-save-btn:focus,.default-md-modal-content .modal-save-btn:focus-visible{border:2px solid var(--color-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important;outline:none!important}.templates-view{width:100%}.templates-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.templates-header h3{color:#333;font-size:1.25rem;font-weight:600;margin:0}.templates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.template-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:all .2s}.template-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.card-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem 1.25rem}.card-header h4{color:#333;font-size:1.1rem;font-weight:600;margin:0}.card-actions{display:flex;gap:.5rem}.delete-btn,.edit-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.25rem .5rem;transition:all .2s}.edit-btn{color:#2660f5}.edit-btn:hover{background-color:#e3f2fd;color:#0a45de}.delete-btn{color:#dc3545}.delete-btn:hover{background-color:#f8d7da;color:#721c24}.card-body{padding:1.25rem}.mds-preview{display:flex;flex-direction:column;gap:.75rem}.md-row{align-items:center;border-radius:4px;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem .75rem}.card-footer,.md-row{background-color:#f8f9fa}.card-footer{border-top:1px solid #dee2e6;padding:.75rem 1.25rem}.created-date{color:#6c757d;font-size:.8rem}.empty-templates{color:#666;padding:3rem 2rem;text-align:center}.empty-templates p{font-size:1.1rem;margin-bottom:1.5rem}.template-form{width:100%}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.form-header h3{color:#333;font-size:1.25rem;font-weight:600;margin:0}.back-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.back-btn:hover{background-color:#545b62}.form-content{width:100%}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;margin-bottom:.5rem}.template-name-input{border:1px solid #dee2e6;border-radius:4px;font-size:.9rem;padding:.75rem;transition:border-color .2s;width:100%}.template-name-input:focus{border-color:#2660f5;box-shadow:0 0 0 2px #5a4fcf40;outline:none}.commission-table-container{border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.commission-table th{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;color:#495057;font-size:.9rem}.commission-table td{padding:.5rem .75rem}.commission-table tbody tr:last-child td{border-bottom:none}.commission-table input{border:1px solid #dee2e6;border-radius:4px;font-size:.85rem;padding:.5rem;transition:border-color .2s;width:100%}.commission-table input:focus{border-color:#2660f5;box-shadow:0 0 0 2px #5a4fcf40;outline:none}.remove-row-btn{align-items:center;background-color:#dc3545;border-radius:50%;color:#fff;display:flex;font-size:.8rem;height:24px;justify-content:center;transition:background-color .2s;width:24px}.remove-row-btn:hover:not(:disabled){background-color:#c82333}.remove-row-btn:disabled{background-color:#6c757d;opacity:.6}.table-actions{align-items:center;gap:1rem}.info-text{color:#666;font-size:.85rem;font-style:italic}@media (max-width:768px){.default-md-modal{max-height:95vh;width:95vw}.templates-grid{gap:1rem;grid-template-columns:1fr}.form-header,.templates-header{align-items:stretch;flex-direction:column;gap:1rem}.back-btn{text-align:center;width:100%}.commission-table td,.commission-table th{font-size:.8rem;padding:.5rem}.table-actions{align-items:stretch;flex-direction:column}.info-text{text-align:center}.md-row{font-size:.8rem}.card-header{padding:.75rem 1rem}.card-body{padding:1rem}.card-footer{padding:.5rem 1rem}}@media (max-width:480px){.commission-table-container{overflow-x:auto}.commission-table{min-width:400px}.templates-grid{grid-template-columns:1fr}.template-card{margin-bottom:1rem}}.rep-management-page{background-color:var(--color-bg-secondary);min-height:100vh}.rep-management-content{margin:0 auto;max-width:1200px;padding:2rem}.rep_management_section_header{align-items:center;display:flex;justify-content:space-between;padding:20px}.page-header h1{color:var(--color-text-primary);margin-bottom:.5rem}.page-header p{color:var(--color-text-secondary);font-size:1rem}.metrics-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.metric-card{align-items:flex-start;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:8px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.metric-card:hover{border-color:var(--color-primary)}.metric-icon{color:var(--color-primary);margin-top:.25rem}.metric-icon,.metric-icon .material-icons{font-size:1.5rem}.metric-content{flex:1 1}.metric-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.metric-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.reps-section{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:8px;overflow:hidden}.header-buttons,.pay-details-toggle-switch{align-items:center;display:flex;gap:.75rem}.pay-details-toggle-switch{cursor:pointer;-webkit-user-select:none;user-select:none}.pay-details-toggle-switch input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;display:inline-block;height:24px;position:relative;transition:background-color .3s;width:44px}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:transform .3s;width:18px}.pay-details-toggle-switch input[type=checkbox]:checked+.toggle-slider{background-color:var(--color-primary)}.pay-details-toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-label{color:var(--color-text-primary);cursor:pointer;font-size:.9rem;font-weight:500}.btn-outline-orange,.pay-details-toggle-switch:hover .toggle-label{color:var(--color-primary)}.btn-outline-orange{background-color:var(--color-bg-primary);border:2px solid var(--color-primary);font-weight:500}.btn-outline-orange:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-white)}.btn-outline-orange:focus{border-color:var(--color-primary);outline:none}.defaults-dropdown{display:inline-block;position:relative}.defaults-dropdown-menu{background-color:var(--color-bg-card);border:1px solid var(--color-neutral-200);border-radius:6px;box-shadow:var(--shadow-md);left:0;margin-top:.5rem;min-width:200px;position:absolute;top:100%;z-index:1000}.dropdown-item{background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:block;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s;width:100%}.dropdown-item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.dropdown-item:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.dropdown-item:hover{background-color:var(--color-bg-secondary)}.empty-state,.error-state,.loading-state{color:var(--color-text-secondary);padding:3rem 2rem;text-align:center}.error-state{color:var(--color-error)}.reps-container{padding:0}.reps-table-container{overflow-x:auto}.reps-table{border-collapse:collapse;font-size:.9rem;width:100%}.reps-table th{background-color:var(--color-bg-primary);color:var(--color-text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;min-width:120px;text-align:left;text-transform:uppercase}.reps-table td,.reps-table th{border-bottom:1px solid var(--color-border-light);padding:1rem}.reps-table td{color:var(--color-text-primary);font-size:.9rem;vertical-align:middle}.reps-table tbody tr:hover{background-color:var(--color-bg-secondary)}.status-container{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-badge.active{background-color:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.status-badge.inactive{background-color:#ffebee;border:1px solid #ffcdd2;color:#c62828}.status-badge.pending{background-color:#fff3e0;border:1px solid #ffcc02;color:#ef6c00}.activity-level{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.activity-level.active{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1976d2}.activity-level.inactive{background-color:#fafafa;border:1px solid #e0e0e0;color:#757575}.header-buttons .btn-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;box-shadow:none!important;transform:none!important}.header-buttons .btn-primary:hover:not(:disabled){border-color:var(--color-primary-hover)!important}.header-buttons .btn-primary:active:not(:disabled),.header-buttons .btn-primary:hover:not(:disabled){background:var(--color-primary-hover)!important;box-shadow:none!important;transform:none!important}.header-buttons .btn-primary:focus,.header-buttons .btn-primary:focus-visible{border-color:var(--color-primary)!important;box-shadow:none!important;outline:none!important}.action-buttons{display:flex;gap:.5rem}.resend-invite-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.resend-invite-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 2px 4px #28a7454d;transform:translateY(-1px)}.resend-invite-btn:active:not(:disabled){box-shadow:0 1px 2px #28a7454d;transform:translateY(0)}.resend-invite-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.resend-invite-btn.inline{border-radius:3px;font-size:.75rem;padding:.25rem .5rem}.rep_management_margin_card_text{font-size:1.2rem}@media (max-width:925px){.rep-management-content{max-width:100%;padding:1rem}.metrics-cards{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric-card{padding:1rem}.header-buttons{flex-direction:column;gap:.5rem}.reps-table{font-size:.8rem}.reps-table td,.reps-table th{padding:.75rem .5rem}.action-buttons{flex-direction:column}}@media (max-width:480px){.page-header h1{font-size:1.5rem}.metrics-cards{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-card{padding:.75rem}.metric-value{font-size:1.25rem}.reps-table td,.reps-table th{padding:.5rem .25rem}.reps-table-container{overflow-x:scroll}}.rep-details-page{background-color:#f8f9fa;min-height:100vh}.rep-details-content{margin:0 auto;max-width:1200px;padding:2rem}.page-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.page-header h1{color:#333;font-size:2rem;font-weight:600;margin:0}.rep-details-container{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.rep-profile-section{background:var(--color-primary);border-bottom:1px solid #e9ecef;gap:2rem;padding:2rem}.rep-avatar,.rep-profile-section{align-items:center;color:#fff;display:flex}.rep-avatar{background:#fff3;border:3px solid #ffffff4d;border-radius:50%;font-size:2rem;font-weight:600;height:80px;justify-content:center;width:80px}.rep-basic-info{flex:1 1}.rep_details_rep_name{color:#fff;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.rep-role{color:#ffffffe6;font-size:1.125rem;font-weight:500;margin:0 0 .25rem}.rep-id{color:#fffc;font-size:.875rem;margin:0}.rep-details-section{padding:2rem}.rep-details-section h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.rep_details_section_header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.rep_details_section_header h3{margin:0}.details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item label{color:#495057;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-item span{background:#f8f9fa;border:1px solid #e9ecef;border-radius:.375rem;color:#333;font-size:1rem;padding:.75rem}.status-badge{border-radius:1rem!important;display:inline-block!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.05em!important;padding:.375rem .75rem!important;text-transform:uppercase!important;width:-webkit-fit-content!important;width:fit-content!important}.status-badge.active{background:#d4edda!important;border:1px solid #c3e6cb!important;color:#155724!important}.status-badge.inactive{background:#f8d7da!important;border:1px solid #f5c6cb!important;color:#721c24!important}.status-badge.pending{background:#fff3cd!important;border:1px solid #ffeaa7!important;color:#856404!important}.status-badge.verified{background:#d4edda!important;border:1px solid #c3e6cb!important;color:#155724!important}.scale-table{margin-top:1rem}.scale-table table{background:#fff;border-collapse:collapse;border-radius:.375rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.scale-table th{background:#f8f9fa;color:#495057;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.scale-table td,.scale-table th{border-bottom:1px solid #e9ecef;padding:1rem}.scale-table td{color:#333;font-size:.9rem}.scale-table tbody tr:hover{background:#f8f9fa}.scale-table tbody tr:last-child td{border-bottom:none}.notes-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:.375rem;margin-top:1rem;padding:1.5rem}.notes-content p{color:#333;line-height:1.6;margin:0;white-space:pre-wrap}.rep-details-section:not(:last-child){border-bottom:1px solid #e9ecef}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.error-state p,.loading-state p{color:#6c757d;font-size:1.125rem;margin:0 0 1rem}@media (max-width:768px){.rep-details-content{padding:1rem}.rep-profile-section{flex-direction:column;gap:1rem;text-align:center}.rep-avatar{height:60px;width:60px}.rep-avatar,.rep_details_rep_name{font-size:1.5rem}.details-grid{gap:1rem;grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:.5rem}.page-header h1{font-size:1.5rem}}@media (max-width:480px){.rep-details-content{padding:.5rem}.rep-details-section,.rep-profile-section{padding:1.5rem}}.scale-section-with-edit{position:relative}.scale-edit-btn{position:absolute;right:1rem;top:1rem;z-index:10}.scale-section-empty{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:.5rem;padding:2rem;text-align:center}.scale-section-empty h3{color:#6c757d;font-size:1.125rem;margin:0 0 .5rem}.scale-section-empty p{color:#6c757d;font-size:.9rem;margin:0 0 1rem}.delete-rep-section{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:center;padding:2rem}.delete-rep-section .btn{min-width:150px}.edit-projected-revenue-modal{max-width:500px}.edit-projected-revenue-form{padding:1rem}.edit-projected-revenue-form .form-group{margin-bottom:1.5rem}.edit-projected-revenue-form label{color:#333;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.currency-input-wrapper{align-items:center;display:flex;padding-right:30px;position:relative}.currency-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem .75rem .5rem 2rem;transition:border-color .2s;width:100%}.currency-input:focus{border-color:#007bff;outline:none}.currency-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.edit-projected-revenue-form .form-text{color:#666;display:block;font-size:.85rem;margin-top:.5rem}.modal-footer-right{display:flex;gap:.5rem}.edit-scales-modal{max-width:600px}.edit-scales-form{padding:1rem}.modal-description{color:#666;font-size:.9rem;margin-bottom:1.5rem}.commission-table-container{margin-bottom:1rem;overflow-x:auto}.commission-table{border-collapse:collapse;width:100%}.commission-table thead{background-color:#f8f9fa}.commission-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:.75rem;text-align:left}.commission-table td{border-bottom:1px solid #dee2e6;padding:.5rem}.commission-table input[type=number]{border:1px solid #ced4da;border-radius:4px;font-size:.9rem;padding:.5rem;width:100%}.commission-table input[type=number]:focus{border-color:#f26522;box-shadow:0 0 0 .2rem #f2652240;outline:none}.commission-table input[type=number]:disabled{background-color:#e9ecef;cursor:not-allowed}.remove-row-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:1rem;padding:.5rem;transition:color .2s}.remove-row-btn:hover:not(:disabled){color:#c82333}.remove-row-btn:disabled{color:#ccc;cursor:not-allowed}.table-actions{display:flex;justify-content:flex-start;margin-top:1rem}.table-actions .btn{align-items:center;display:inline-flex;gap:.5rem}.delete-confirmation-message{color:#000;padding:20px;text-align:center}.delete_rep_modal_rep_name{font-size:24px;font-weight:600;margin:10px 0}.error-message{color:#d32f2f;font-size:14px;margin-top:15px}.add_rep_content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.add_rep_form_content{min-height:500px;padding:2.5rem}.add_rep_form_content.single-page{padding:2rem}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:3rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none;margin-bottom:0}.collapsible-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:2rem;padding:0}.collapsible-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem 2rem;transition:background-color .2s ease}.collapsible-header:hover{background:#f1f5f9}.collapsible-header h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0}.collapsible-header h3:before{display:none}.collapse-icon{color:#6b7280;font-size:.875rem;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.collapse-icon.expanded{transform:rotate(180deg)}.collapsible-content{background:#fff;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;padding:0 2rem 2rem}.collapsible-content .form-row:first-child{margin-top:1.5rem}.collapsible-content .notes-section{border-top:1px solid #f3f4f6;margin-top:2rem;padding-top:1.5rem}.collapsible-content .notes-section label{color:var(--color-text-primary);font-weight:600;margin-bottom:.75rem}.form-section h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0 0 2rem}.form-section h3:before{background:var(--color-primary);border-radius:2px;content:"";height:24px;width:4px}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--color-text-primary);font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.checkbox-label{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex!important;font-weight:500;gap:.5rem}.checkbox-label input[type=checkbox]{margin:0;width:auto}.compensation-header{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.compensation-header h3{margin:0}.compensation-header .compensation-type-toggles{background:#f3f4f6;border-radius:8px;display:flex;gap:.5rem;justify-self:stretch;padding:.25rem}.compensation-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-top:0}.compensation-column h4,.secondary-scale h4{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.compensation-column .form-group{width:100%}.compensation-column .form-group select{box-sizing:border-box;max-width:100%;width:100%}.compensation-grid>.compensation-column{min-width:0;width:100%}.compensation-column{display:flex;flex-direction:column;width:100%}.compensation-column .form-group,.secondary-scale .form-group{margin-bottom:1rem}.compensation-column .form-group label,.secondary-scale .form-group label{color:var(--color-text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.compensation-column .form-group select,.secondary-scale .form-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.9rem;padding:.75rem;width:100%}.toggle-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:var(--color-primary)}.secondary-scale.disabled{opacity:.5;pointer-events:none}.secondary-scale{width:100%}.compensation-column .commission-table-container,.secondary-scale .commission-table-container{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;overflow:hidden;width:100%}.compensation-column .commission-table,.secondary-scale .commission-table{border-collapse:collapse;width:100%}.compensation-column .commission-table th,.secondary-scale .commission-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:var(--color-text-primary);font-size:.875rem;font-weight:600;padding:.75rem;text-align:left}.compensation-column .commission-table th:first-child,.compensation-column .commission-table th:last-child,.secondary-scale .commission-table th:first-child,.secondary-scale .commission-table th:last-child{width:50%}.compensation-column .commission-table td{border-bottom:1px solid #f3f4f6;padding:.5rem}.compensation-column .commission-table td.percentage-cell,.secondary-scale .commission-table td.percentage-cell{padding:.5rem .2rem .5rem .5rem}.secondary-scale .commission-table td{border-bottom:1px solid #f3f4f6;padding:.5rem}.compensation-column .commission-table tr:last-child td,.secondary-scale .commission-table tr:last-child td{border-bottom:none}.compensation-column .commission-table input,.secondary-scale .commission-table input{border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-size:.875rem;padding:.5rem;width:100%}.compensation-column .btn,.secondary-scale .btn{font-size:.875rem;padding:.5rem 1rem;width:100%}.percentage-cell{align-items:center;display:flex;gap:.2rem}.percentage-cell input{flex:1 1;min-width:0}.simple-remove-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;height:16px;justify-content:center;padding:0;transition:opacity .2s ease;width:16px}.simple-remove-btn img{display:block;filter:brightness(.6);height:100%;width:100%}.simple-remove-btn:hover{opacity:.7}.page-footer{align-items:center;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2.5rem}.footer-left,.footer-right{display:flex;gap:1rem}.confirmation-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;overflow:hidden;width:90%}.confirmation-header{border-bottom:1px solid #e5e7eb;padding:1.5rem 1.5rem 1rem}.confirmation-header h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0}.confirmation-body{padding:1rem 1.5rem}.confirmation-body p{color:#6b7280;line-height:1.5;margin:0}.confirmation-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}@media (max-width:1024px){.compensation-grid{gap:2rem;grid-template-columns:1fr}.compensation-header{gap:1rem;grid-template-columns:1fr;justify-items:start}.compensation-header .compensation-type-toggles{justify-self:stretch}}@media (max-width:768px){.add-rep-page{padding:1rem}.form-content{padding:1.5rem}.form-row{gap:1rem;grid-template-columns:1fr}.page-footer{flex-direction:column;gap:1rem;padding:1rem 1.5rem}.footer-left,.footer-right{justify-content:center;width:100%}.compensation-header{gap:1rem;grid-template-columns:1fr;justify-items:start}.compensation-header .compensation-type-toggles{flex-direction:column;justify-self:stretch;width:100%}.collapsible-header{padding:1rem 1.5rem}.collapsible-content{padding:0 1.5rem 1.5rem}.toggle-btn{text-align:center}}@media (max-width:480px){.form-section{margin-bottom:2rem;padding-bottom:1.5rem}.confirmation-modal{width:95%}.confirmation-footer{flex-direction:column}.confirmation-footer button{width:100%}}.video-player-container{aspect-ratio:16/9;background:#000;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.video-element::-webkit-media-controls-timeline{display:none!important}.video-wrapper{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.video-element{display:block;height:100%;object-fit:contain;width:100%}video.video-element{height:100%!important;object-fit:contain!important;width:100%!important}.video-loading{align-items:center;background:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:16px;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff}.video-error{align-items:center;background:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:16px;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.error-icon{font-size:48px}.retry-button{background:#2660f5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s ease}.retry-button:hover{background:#4a42b8}.play-overlay{align-items:center;background:#0000;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:5}.play-overlay:hover{background:#0003}.play-button-large{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;height:80px;justify-content:center;padding-left:4px;transition:all .2s ease;width:80px}.play-button-large:hover{background:#fff;transform:scale(1.05)}.play-button-large svg{color:#333;height:32px;width:32px}.video-controls{flex-direction:column;max-width:100%;pointer-events:auto;transition:opacity .3s ease;width:100%;z-index:10}.controls-background,.video-controls{bottom:0;left:0;position:absolute;right:0}.controls-background{background:linear-gradient(0deg,#000000d9 0,#0009 40%,#0000);pointer-events:none;top:-80px}.progress-container{box-sizing:border-box;cursor:pointer;margin-bottom:8px;padding:0 16px;pointer-events:auto;position:relative;width:100%;z-index:1}.progress-bar{background:#ffffff4d;border-radius:2px;height:5px;margin:0;overflow:visible;position:relative;transition:height .2s ease;width:100%}.progress-container:hover .progress-bar{height:8px}.progress-filled{background:#fff;border-radius:0;height:100%;position:relative;transition:width .1s ease}.progress-filled:after{background:#fff;border-radius:50%;content:"";height:12px;opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:12px}.progress-container:hover .progress-filled:after{opacity:1}.controls-row{box-sizing:border-box;color:#fff;flex-wrap:nowrap;justify-content:space-between;margin:0;padding:8px 16px 16px;pointer-events:auto;position:relative;width:100%;z-index:1}.controls-left,.controls-row{align-items:center;display:flex;gap:12px}.controls-left{flex:1 1;min-width:0}.controls-right{align-items:center;display:flex;flex-shrink:0;gap:12px;white-space:nowrap}.settings-control,.speed-control{position:relative}.speed-button{min-width:45px;padding:6px 10px}.speed-text{font-size:14px;font-weight:600;letter-spacing:.3px}.settings-menu,.speed-menu{animation:slideUp .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1c1cf2;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000080;margin-bottom:8px;max-height:300px;min-width:160px;overflow-y:auto;padding:8px 0;position:absolute;right:0;z-index:1000}.settings-option,.speed-option{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 16px;text-align:left;transition:background-color .2s ease;white-space:nowrap;width:100%}.settings-option:hover,.speed-option:hover{background:#ffffff1a}.speed-option.active{background:#2660f54d;color:#4a9eff;font-weight:500}.speed-option.active:after{content:"✓";margin-left:12px}.settings-option{cursor:pointer;opacity:.9}.settings-option:hover{opacity:1}.control-button{align-items:center;background:#00000080;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:.95;padding:6px;transition:all .2s ease}.control-button:hover{background:#000000b3;opacity:1;transform:scale(1.05)}.control-button svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));height:24px;width:24px}.volume-container{align-items:center;display:flex;flex-shrink:0;gap:10px}.volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer;height:5px;outline:none;width:60px}@media (max-width:1150px){.volume-slider{width:40px}.controls-left,.controls-right{gap:5px}}@media (max-width:1050px){.volume-slider{display:none}.controls-left,.controls-right{gap:4px}.controls-row{gap:5px;padding:0 10px 10px}.control-button{padding:3px}}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:0;width:0}.volume-slider::-moz-range-thumb{background:#0000;border:none;cursor:pointer;height:0;width:0}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#fff 0,#fff 100%,#ffffff40 0,#ffffff40 0);background:linear-gradient(to right,#fff 0,#fff var(--volume-level,100%),#ffffff40 var(--volume-level,100%),#ffffff40 100%);border-radius:2px;height:4px}.volume-slider::-moz-range-track{background:#ffffff40;border-radius:2px;height:4px}.volume-slider::-moz-range-progress{background:#fff;border-radius:2px;height:4px}.time-display{color:#fff;flex-shrink:0;font-size:13px;font-weight:500;letter-spacing:.3px;min-width:-webkit-fit-content;min-width:fit-content;text-shadow:0 1px 2px #00000080;white-space:nowrap}.video-player-container.fullscreen{border-radius:0;height:100vh!important;left:0;position:fixed;top:0;width:100vw!important;z-index:9999}.video-player-container.fullscreen .video-element{object-fit:contain}@media (max-width:768px){.play-button-large{height:60px;width:60px}.play-button-large svg{height:24px;width:24px}.controls-row{padding:6px 12px 12px}.controls-left{gap:8px}.volume-container{display:none}.time-display{font-size:12px;min-width:80px}.control-button svg{height:18px;width:18px}}@media (max-width:480px){.progress-container{padding:6px 0}.controls-row{padding:4px 8px 8px}.time-display{font-size:11px;min-width:70px}}.control-button:focus,.volume-slider:focus{outline:2px solid #2660f5;outline-offset:2px}.sendbird-word{display:inline;height:-moz-fit-content;height:fit-content}.sendbird-word__url{color:inherit;display:inline;word-break:break-all}.sendbird-open-channel-preview{box-sizing:border-box;display:inline-flex;flex-direction:row;height:58px;min-height:58px;min-width:264px;position:relative;width:264px}.sendbird--mobile-mode .sendbird-open-channel-preview{width:100%}.sendbird-theme--light .sendbird-open-channel-preview{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-open-channel-preview{background-color:#161616;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-open-channel-preview:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-open-channel-preview:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-open-channel-preview.selected{background-color:#dbd1ff;background-color:var(--sendbird-light-primary-100)}[dir=ltr] .sendbird-theme--light .sendbird-open-channel-preview.selected{border-left:4px solid #742ddd;border-left:4px solid var(--sendbird-light-primary-300)}[dir=rtl] .sendbird-theme--light .sendbird-open-channel-preview.selected{border-right:4px solid #742ddd;border-right:4px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-open-channel-preview.selected{background-color:#742ddd;background-color:var(--sendbird-dark-primary-300)}[dir=ltr] .sendbird-theme--dark .sendbird-open-channel-preview.selected{border-left:4px solid #c2a9fa;border-left:4px solid var(--sendbird-dark-primary-200)}[dir=rtl] .sendbird-theme--dark .sendbird-open-channel-preview.selected{border-right:4px solid #c2a9fa;border-right:4px solid var(--sendbird-dark-primary-200)}.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image{align-items:center;box-sizing:border-box;display:inline-flex;height:42px;justify-content:center;margin-top:8px;position:relative;width:42px}[dir=ltr] .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image{margin-left:16px}[dir=rtl] .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image{margin-right:16px}.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;position:relative}.sendbird-open-channel-preview .sendbird-open-channel-preview__context{box-sizing:border-box;display:inline-flex;flex-direction:column;margin-top:8px;position:relative;width:calc(100% - 100px)}[dir=ltr] .sendbird-open-channel-preview .sendbird-open-channel-preview__context{margin-left:16px}[dir=rtl] .sendbird-open-channel-preview .sendbird-open-channel-preview__context{margin-right:16px}.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title{align-items:center;box-sizing:border-box;display:inline-flex;flex-direction:row;height:16px;position:relative;width:100%}.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name{box-sizing:border-box;display:inline-block;overflow:hidden;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:keep-all}.sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name{overflow-y:hidden}.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen{max-width:calc(100% - 20px)}.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen{display:inline-flex;position:relative}[dir=ltr] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen{margin-left:4px}[dir=rtl] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen{margin-right:4px}.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants{align-items:center;box-sizing:border-box;display:inline-flex;flex-direction:row;height:14px;margin-top:8px;position:relative;width:100%}.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon{box-sizing:border-box;display:inline-flex;height:14px;position:relative;width:14px}.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count{box-sizing:border-box;display:inline-flex;height:12px;max-width:160px;overflow-x:hidden;position:relative;text-overflow:ellipsis;width:160px;word-break:keep-all}[dir=ltr] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count{margin-left:4px}[dir=rtl] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count{margin-right:4px}.sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count{overflow-y:hidden}.sendbird-message-item-menu__list__menu-item:focus-visible{outline:none}.sendbird-create-open-channel-ui{display:inline-flex;position:relative}.sendbird-create-open-channel-ui__profile-input{box-sizing:border-box;display:inline-flex;flex-direction:column;height:100%;justify-content:flex-start;position:relative;width:100%}.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section{align-items:center;display:inline-flex;flex-direction:row;margin-top:16px;position:relative}.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar{align-items:center;display:inline-flex;height:80px;justify-content:center;position:relative;width:80px}.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default{align-items:center;border-radius:50%;display:inline-flex;height:80px;justify-content:center;position:relative;width:80px}.sendbird-theme--light .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button{display:inline-flex;position:relative}[dir=ltr] .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button{margin-left:18px}[dir=rtl] .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button{margin-right:18px}.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__name-section{display:inline-flex;flex-direction:row;margin-top:8px;position:relative}.sendbird-open-channel-list,.sendbird-open-channel-list-ui{box-sizing:border-box;display:inline-flex;flex-direction:column;height:100%;min-width:256px;position:relative;width:256px}.sendbird--mobile-mode .sendbird-open-channel-list,.sendbird--mobile-mode .sendbird-open-channel-list-ui{width:100%}[dir=ltr] .sendbird-theme--light .sendbird-open-channel-list,[dir=ltr] .sendbird-theme--light .sendbird-open-channel-list-ui{border-right:1px solid #0000001f;border-right:1px solid var(--sendbird-light-onlight-04)}[dir=rtl] .sendbird-theme--light .sendbird-open-channel-list,[dir=rtl] .sendbird-theme--light .sendbird-open-channel-list-ui{border-left:1px solid #0000001f;border-left:1px solid var(--sendbird-light-onlight-04)}[dir=ltr] .sendbird-theme--dark .sendbird-open-channel-list,[dir=ltr] .sendbird-theme--dark .sendbird-open-channel-list-ui{border-right:1px solid #ffffff1f;border-right:1px solid var(--sendbird-dark-ondark-04)}[dir=rtl] .sendbird-theme--dark .sendbird-open-channel-list,[dir=rtl] .sendbird-theme--dark .sendbird-open-channel-list-ui{border-left:1px solid #ffffff1f;border-left:1px solid var(--sendbird-dark-ondark-04)}.sendbird-open-channel-list .sendbird-open-channel-list-ui__header,.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header{align-items:center;box-sizing:border-box;display:inline-flex;flex-direction:row;height:64px;position:relative;width:100%}.sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,.sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,.sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header{background-color:#161616;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title{align-items:center;box-sizing:border-box;display:inline-flex;position:relative}[dir=ltr] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,[dir=ltr] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title{margin-left:24px}[dir=rtl] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,[dir=rtl] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title{margin-right:24px}.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;position:absolute;top:16px}[dir=ltr] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,[dir=ltr] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh{right:56px}[dir=rtl] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,[dir=rtl] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh{left:56px}.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;position:absolute;top:16px}[dir=ltr] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,[dir=ltr] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel{right:16px}[dir=rtl] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,[dir=rtl] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel{left:16px}.sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list{box-sizing:border-box;display:inline-flex;flex-direction:column;height:calc(100% - 64px);overflow-y:scroll;position:relative;width:100%}.sendbird-open-channel-list-ui__channel-list--place-holder--loading{align-items:center;display:inline-flex;justify-content:center;min-height:62px;position:relative}.sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}:root{--sendbird-light-primary-500:#491389;--sendbird-light-primary-400:#6211c8;--sendbird-light-primary-300:#742ddd;--sendbird-light-primary-200:#c2a9fa;--sendbird-light-primary-100:#dbd1ff;--sendbird-light-secondary-500:#066858;--sendbird-light-secondary-400:#027d69;--sendbird-light-secondary-300:#259c72;--sendbird-light-secondary-200:#69c085;--sendbird-light-secondary-100:#a8e2ab;--sendbird-light-information-100:#adc9ff;--sendbird-light-error-500:#9d091e;--sendbird-light-error-400:#bf0711;--sendbird-light-error-300:#de360b;--sendbird-light-error-200:#f66161;--sendbird-light-error-100:#fdaaaa;--sendbird-light-background-700:#000;--sendbird-light-background-600:#161616;--sendbird-light-background-500:#2c2c2c;--sendbird-light-background-400:#393939;--sendbird-light-background-300:#bdbdbd;--sendbird-light-background-200:#e0e0e0;--sendbird-light-background-100:#eee;--sendbird-light-background-50:#fff;--sendbird-light-overlay-01:#0000008c;--sendbird-light-overlay-02:#00000052;--sendbird-light-onlight-01:#000000e0;--sendbird-light-onlight-02:#00000080;--sendbird-light-onlight-03:#00000061;--sendbird-light-onlight-04:#0000001f;--sendbird-light-ondark-01:#ffffffe0;--sendbird-light-ondark-02:#ffffff80;--sendbird-light-ondark-03:#ffffff61;--sendbird-light-ondark-04:#ffffff1f;--sendbird-light-shadow-01:0 1px 5px 0 #2122420a,0 0 3px 0 #00000014,0 2px 1px 0 #0000001f;--sendbird-light-shadow-02:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;--sendbird-light-shadow-03:0 6px 10px -5px #0000000a,0 6px 30px 5px #00000014,0 16px 24px 2px #0000001f;--sendbird-light-shadow-04:0 9px 15px -7px #0000000a,0 9px 46px 8px #00000014,0 24px 38px 3px #0000001f;--sendbird-light-shadow-message-input:0 1px 5px 0 #2122421f,0 0 1px 0 #21224229,0 2px 1px 0 #21224214,0 1px 5px 0 #0000001f;--sendbird-dark-primary-500:#491389;--sendbird-dark-primary-400:#6211c8;--sendbird-dark-primary-300:#742ddd;--sendbird-dark-primary-200:#c2a9fa;--sendbird-dark-primary-100:#dbd1ff;--sendbird-dark-secondary-500:#066858;--sendbird-dark-secondary-400:#027d69;--sendbird-dark-secondary-300:#259c72;--sendbird-dark-secondary-200:#69c085;--sendbird-dark-secondary-100:#a8e2ab;--sendbird-dark-information-100:#adc9ff;--sendbird-highlight-100:#fff2b6;--sendbird-dark-error-500:#9d091e;--sendbird-dark-error-400:#bf0711;--sendbird-dark-error-300:#de360b;--sendbird-dark-error-200:#f66161;--sendbird-dark-error-100:#fdaaaa;--sendbird-dark-background-700:#000;--sendbird-dark-background-600:#161616;--sendbird-dark-background-500:#2c2c2c;--sendbird-dark-background-400:#393939;--sendbird-dark-background-300:#bdbdbd;--sendbird-dark-background-200:#e0e0e0;--sendbird-dark-background-100:#eee;--sendbird-dark-background-50:#fff;--sendbird-dark-overlay-01:#0000008c;--sendbird-dark-overlay-02:#00000052;--sendbird-dark-onlight-01:#000000e0;--sendbird-dark-onlight-02:#00000080;--sendbird-dark-onlight-03:#00000061;--sendbird-dark-onlight-04:#0000001f;--sendbird-dark-ondark-01:#ffffffe0;--sendbird-dark-ondark-02:#ffffff80;--sendbird-dark-ondark-03:#ffffff61;--sendbird-dark-ondark-04:#ffffff1f;--sendbird-dark-shadow-01:0 1px 5px 0 #2122420a,0 0 3px 0 #00000014,0 2px 1px 0 #0000001f;--sendbird-dark-shadow-02:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;--sendbird-dark-shadow-03:0 6px 10px -5px #0000000a,0 6px 30px 5px #00000014,0 16px 24px 2px #0000001f;--sendbird-dark-shadow-04:0 9px 15px -7px #0000000a,0 9px 46px 8px #00000014,0 24px 38px 3px #0000001f;--sendbird-light-shadow-05:0 2px 8px 0 #00000014,0 4px 6px 0 #0000001f;--sendbird-dark-shadow-message-input:0 1px 5px 0 #2122421f,0 0 1px 0 #21224229,0 2px 1px 0 #21224214,0 1px 5px 0 #0000001f;--sendbird-iconbutton-color:#825eeb;--sendbird-message-input-border-active:#7b53ef;--sendbird-selected-reaction-button-border-hover:#9e8cf5;--sendbird-add-reaction-button-border-hover:#9e8cf5;--sendbird-tooltip-background:#000;--sendbird-tooltip-text-color:#ffffffe0;--sendbird-button-border-focus:#fff;--sendbird-file-message-icon-background:#fff;--sendbird-font-family-default:"Roboto",sans-serif;--sendbird-message-balloon-width:404px}.sendbird-message-content .sendbird-avatar-img{top:50%}.sendbird-conversation__messages[dir=ltr] .sendbird-message-content .sendbird-avatar-img{left:50%;transform:translate(-50%,-50%)}.sendbird-conversation__messages[dir=rtl] .sendbird-message-content .sendbird-avatar-img{right:50%;transform:translate(50%,-50%)}.sendbird-message-content .sendbird-voice-message-item-body__playback-time{position:absolute;top:15px}.sendbird-conversation__messages[dir=ltr] .sendbird-message-content .sendbird-voice-message-item-body__playback-time{left:auto;right:12px}.sendbird-conversation__messages[dir=rtl] .sendbird-message-content .sendbird-voice-message-item-body__playback-time{left:12px;right:auto}.sendbird-conversation__messages[dir=ltr] .sendbird-message-content .sendbird-reaction-badge__inner{padding-left:20px;padding-right:4px}.sendbird-conversation__messages[dir=rtl] .sendbird-message-content .sendbird-reaction-badge__inner{padding-left:4px;padding-right:20px}.sendbird-conversation__messages[dir=ltr] .sendbird-message-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{left:4px;right:auto}.sendbird-conversation__messages[dir=rtl] .sendbird-message-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{left:auto;right:4px}.sendbird-thread-list-item-content .sendbird-avatar-img{top:50%}.sendbird-conversation__messages[dir=ltr] .sendbird-thread-list-item-content .sendbird-avatar-img{left:50%;transform:translate(-50%,-50%)}.sendbird-conversation__messages[dir=rtl] .sendbird-thread-list-item-content .sendbird-avatar-img{right:50%;transform:translate(50%,-50%)}.sendbird-thread-list-item-content .sendbird-voice-message-item-body__playback-time{position:absolute;top:15px}.sendbird-conversation__messages[dir=ltr] .sendbird-thread-list-item-content .sendbird-voice-message-item-body__playback-time{left:auto;right:12px}.sendbird-conversation__messages[dir=rtl] .sendbird-thread-list-item-content .sendbird-voice-message-item-body__playback-time{left:12px;right:auto}.sendbird-conversation__messages[dir=ltr] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner{padding-left:20px;padding-right:4px}.sendbird-conversation__messages[dir=rtl] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner{padding-left:4px;padding-right:20px}.sendbird-conversation__messages[dir=ltr] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{left:4px;right:auto}.sendbird-conversation__messages[dir=rtl] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{left:auto;right:4px}.sendbird-parent-message-info .sendbird-avatar-img{top:50%}.sendbird-conversation__messages[dir=ltr] .sendbird-parent-message-info .sendbird-avatar-img{left:50%;transform:translate(-50%,-50%)}.sendbird-conversation__messages[dir=rtl] .sendbird-parent-message-info .sendbird-avatar-img{right:50%;transform:translate(50%,-50%)}.sendbird-parent-message-info .sendbird-voice-message-item-body__playback-time{position:absolute;top:15px}.sendbird-conversation__messages[dir=ltr] .sendbird-parent-message-info .sendbird-voice-message-item-body__playback-time{left:auto;right:12px}.sendbird-conversation__messages[dir=rtl] .sendbird-parent-message-info .sendbird-voice-message-item-body__playback-time{left:12px;right:auto}.sendbird-conversation__messages[dir=ltr] .sendbird-parent-message-info .sendbird-reaction-badge__inner{padding-left:20px;padding-right:4px}.sendbird-conversation__messages[dir=rtl] .sendbird-parent-message-info .sendbird-reaction-badge__inner{padding-left:4px;padding-right:20px}.sendbird-conversation__messages[dir=ltr] .sendbird-parent-message-info .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{left:4px;right:auto}.sendbird-conversation__messages[dir=rtl] .sendbird-parent-message-info .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{left:auto;right:4px}.sendbird-experimental__rem__units .sendbird-label--h-1{font-size:1.25rem}.sendbird-experimental__rem__units .sendbird-label--h-2{font-size:1.125rem}.sendbird-experimental__rem__units .sendbird-label--subtitle-1{font-size:1rem}.sendbird-experimental__rem__units .sendbird-label--body-1,.sendbird-experimental__rem__units .sendbird-label--subtitle-2{font-size:.875rem}.sendbird-experimental__rem__units .sendbird-label--body-2{font-size:.75rem}.sendbird-experimental__rem__units .sendbird-label--button-1,.sendbird-experimental__rem__units .sendbird-label--button-2,.sendbird-experimental__rem__units .sendbird-label--caption-1{font-size:.875rem}.sendbird-experimental__rem__units .sendbird-label--caption-2,.sendbird-experimental__rem__units .sendbird-label--caption-3{font-size:.75rem}.sendbird-experimental__rem__units .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area{font-size:.875rem}.sendbird-experimental__rem__units .sendbird-checkbox{font-size:1.375rem}.sendbird-experimental__rem__units .sendbird-mention-user-label{font-size:.875rem}.sendbird-experimental__rem__units .sendbird-mention-user-label.purple{font-size:1.125rem}.sendbird-experimental__rem__units .sendbird-input .sendbird-input__input,.sendbird-experimental__rem__units .sendbird-input .sendbird-input__placeholder,.sendbird-experimental__rem__units .sendbird-message-input .sendbird-message-input--placeholder,.sendbird-experimental__rem__units .sendbird-message-input .sendbird-message-input--textarea{font-size:.875rem}.sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message,.sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-message__file-message,.sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text,.sendbird-experimental__rem__units .sendbird-tooltip__text{font-size:.75rem}.sendbird-modal--full-mobile .sendbird-modal__content{height:100%;max-width:100%;width:100vw}.sendbird-modal{align-items:center;display:flex;height:100%;justify-content:center;position:fixed;top:0;width:100%}[dir=ltr] .sendbird-modal{left:0}[dir=rtl] .sendbird-modal{right:0}.sendbird-modal__backdrop--clickoutside{cursor:pointer}.sendbird-modal__content{border-radius:4px;box-sizing:border-box;padding:18px 24px 24px;position:relative;width:480px;z-index:10001}.sendbird-theme--light .sendbird-modal__content{background-color:#fff;background-color:var(--sendbird-light-background-50);box-shadow:0 9px 15px -7px #0000000a,0 9px 46px 8px #00000014,0 24px 38px 3px #0000001f;box-shadow:var(--sendbird-light-shadow-04)}.sendbird-theme--dark .sendbird-modal__content{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);box-shadow:0 9px 15px -7px #0000000a,0 9px 46px 8px #00000014,0 24px 38px 3px #0000001f;box-shadow:var(--sendbird-dark-shadow-04)}.sendbird-modal__content .sendbird-modal__close{cursor:pointer;position:absolute;top:16px}[dir=ltr] .sendbird-modal__content .sendbird-modal__close{right:16px}[dir=rtl] .sendbird-modal__content .sendbird-modal__close{left:16px}.sendbird-theme--light .sendbird-modal__content .sendbird-modal__close path{fill:#000000e0;fill:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-modal__content .sendbird-modal__close path{fill:#ffffffe0;fill:var(--sendbird-dark-ondark-01)}.sendbird-modal__content .sendbird-modal__header{margin-bottom:16px}.sendbird-modal__content .sendbird-modal__body{height:calc(100% - 116px);overflow:auto}.sendbird-modal__content .sendbird-modal__footer{display:flex;flex-direction:row;justify-content:flex-end;margin-top:32px}[dir=ltr] .sendbird-modal__content .sendbird-modal__footer{text-align:right}[dir=rtl] .sendbird-modal__content .sendbird-modal__footer{text-align:left}.sendbird--mobile-mode .sendbird-modal__content .sendbird-modal__footer{bottom:24px;position:sticky}.sendbird-modal__content .sendbird-modal__footer .sendbird-button:last-child{height:40px;min-width:80px}[dir=ltr] .sendbird-modal__content .sendbird-modal__footer .sendbird-button:last-child{margin-left:8px}[dir=rtl] .sendbird-modal__content .sendbird-modal__footer .sendbird-button:last-child{margin-right:8px}.sendbird-modal__backdrop{height:100%;position:fixed;top:0;width:100%;z-index:10000}[dir=ltr] .sendbird-modal__backdrop{left:0}[dir=rtl] .sendbird-modal__backdrop{right:0}.sendbird-theme--light .sendbird-modal__backdrop{background-color:#00000052;background-color:var(--sendbird-light-overlay-02)}.sendbird-theme--dark .sendbird-modal__backdrop{background-color:#00000052;background-color:var(--sendbird-dark-overlay-02)}.sendbird-iconbutton{align-items:center;background-color:initial;border:1px solid #0000;border-radius:4px;color:#825eeb;color:var(--sendbird-iconbutton-color);cursor:pointer;display:inline-flex;justify-content:center;outline:0;padding:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sendbird-iconbutton .sendbird-iconbutton__inner{height:100%}.sendbird-theme--light .sendbird-iconbutton .sendbird-iconbutton__inner svg{fill:#000000e0;fill:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-iconbutton .sendbird-iconbutton__inner svg{fill:#ffffffe0;fill:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-iconbutton:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-iconbutton:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-iconbutton:active{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-iconbutton:active{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-iconbutton:disabled{cursor:not-allowed!important}.sendbird-theme--light .sendbird-iconbutton:disabled .sendbird-iconbutton__inner path,.sendbird-theme--light .sendbird-iconbutton:disabled .sendbird-iconbutton__inner svg{fill:#00000080;fill:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-iconbutton:disabled .sendbird-iconbutton__inner path,.sendbird-theme--dark .sendbird-iconbutton:disabled .sendbird-iconbutton__inner svg{fill:#ffffff80;fill:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-iconbutton--pressed{background-color:#dbd1ff;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-iconbutton--pressed{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-button{align-items:center;border-radius:4px;box-shadow:none;cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);justify-content:center;padding:0}.sendbird-button:hover{box-shadow:none}.sendbird-button:focus{outline:none}.sendbird-button:active{box-shadow:none}.sendbird-button.sendbird-button__disabled{cursor:not-allowed}.sendbird-theme--light .sendbird-button.sendbird-button__disabled{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200);border:none}.sendbird-theme--dark .sendbird-button.sendbird-button__disabled{background-color:#393939;background-color:var(--sendbird-dark-background-400);border:none}.sendbird-theme--light .sendbird-button.sendbird-button__disabled:hover{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-button.sendbird-button__disabled:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-button--big{height:40px}.sendbird-button--big .sendbird-button__text{margin:10px 16px}.sendbird-button--small{height:32px}.sendbird-button--small .sendbird-button__text{margin:6px 16px}.sendbird-theme--light .sendbird-button--primary{background-color:#742ddd;background-color:var(--sendbird-light-primary-300);border:1px solid #742ddd;border:1px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-button--primary{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200);border:1px solid #c2a9fa;border:1px solid var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-button--primary .sendbird-button__text{color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-button--primary .sendbird-button__text{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-button--primary:hover{background-color:#6211c8;background-color:var(--sendbird-light-primary-400);border-color:#6211c8;border-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-button--primary:hover{background-color:#742ddd;background-color:var(--sendbird-dark-primary-300);border-color:#742ddd;border-color:var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-button--primary:focus{border:1px solid #fff;border:1px solid var(--sendbird-button-border-focus);box-shadow:0 0 0 2px #742ddd;box-shadow:0 0 0 2px var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-button--primary:focus{border:1px solid #fff;border:1px solid var(--sendbird-button-border-focus);box-shadow:0 0 0 2px #c2a9fa;box-shadow:0 0 0 2px var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-button--primary:active{background-color:#491389;background-color:var(--sendbird-light-primary-500)}.sendbird-theme--dark .sendbird-button--primary:active{background-color:#6211c8;background-color:var(--sendbird-dark-primary-400)}.sendbird-theme--light .sendbird-button--primary:focus .sendbird-button--primary:hover{box-shadow:0 0 0 2px #6211c8;box-shadow:0 0 0 2px var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-button--primary:focus .sendbird-button--primary:hover{box-shadow:0 0 0 2px #742ddd;box-shadow:0 0 0 2px var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-button--primary:focus .sendbird-button--primary:active{box-shadow:0 0 0 2px #491389;box-shadow:0 0 0 2px var(--sendbird-light-primary-500)}.sendbird-theme--dark .sendbird-button--primary:focus .sendbird-button--primary:active{box-shadow:0 0 0 2px #6211c8;box-shadow:0 0 0 2px var(--sendbird-dark-primary-400)}.sendbird-button--secondary{background-color:initial}.sendbird-theme--light .sendbird-button--secondary{border:1px solid #00000061;border:1px solid var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-button--secondary{border:1px solid #ffffff61;border:1px solid var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-button--secondary .sendbird-button__text{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-button--secondary .sendbird-button__text{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-button--secondary:hover{background-color:initial}.sendbird-theme--light .sendbird-button--secondary:hover{border:1px solid #742ddd;border:1px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-button--secondary:hover{border:1px solid #c2a9fa;border:1px solid var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-button--secondary:hover .sendbird-button__text{color:#742ddd;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-button--secondary:hover .sendbird-button__text{color:#c2a9fa;color:var(--sendbird-dark-primary-200)}.sendbird-button--secondary.sendbird-button__disabled{border:none;cursor:not-allowed}.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled .sendbird-button__text{color:#00000080;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled .sendbird-button__text{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-button--secondary.sendbird-button__disabled:hover{border:none}.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled:hover{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled:hover .sendbird-button__text{color:#00000080;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled:hover .sendbird-button__text{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-button--secondary:hover .sendbird-button--secondary:focus .sendbird-button__text{color:#742ddd;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-button--secondary:hover .sendbird-button--secondary:focus .sendbird-button__text{color:#c2a9fa;color:var(--sendbird-dark-primary-200)}.sendbird-button--secondary:focus{background-color:initial;border:1px solid #0000}.sendbird-theme--light .sendbird-button--secondary:focus{box-shadow:0 0 0 2px #742ddd;box-shadow:var(--sendbird-light-primary-300) 0 0 0 2px}.sendbird-theme--dark .sendbird-button--secondary:focus{box-shadow:0 0 0 2px #c2a9fa;box-shadow:var(--sendbird-dark-primary-200) 0 0 0 2px}.sendbird-theme--light .sendbird-button--secondary:focus .sendbird-button__text{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-button--secondary:focus .sendbird-button__text{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-button--secondary:active{box-shadow:none}.sendbird-theme--light .sendbird-button--secondary:active{border:1px solid #742ddd;border:1px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-button--secondary:active{border:1px solid #c2a9fa;border:1px solid var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-button--secondary:active .sendbird-button__text{color:#742ddd;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-button--secondary:active .sendbird-button__text{color:#c2a9fa;color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-button--warning{background-color:initial;border:1px solid #de360b;border:1px solid var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-button--warning{background-color:initial;border:1px solid #f66161;border:1px solid var(--sendbird-dark-error-200)}.sendbird-theme--light .sendbird-button--warning .sendbird-button__text{color:#de360b;color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-button--warning .sendbird-button__text{color:#f66161;color:var(--sendbird-dark-error-200)}.sendbird-theme--light .sendbird-button--warning:hover{border-color:#bf0711;border-color:var(--sendbird-light-error-400)}.sendbird-theme--dark .sendbird-button--warning:hover{border-color:#fdaaaa;border-color:var(--sendbird-dark-error-100)}.sendbird-theme--light .sendbird-button--warning:hover .sendbird-button__text{color:#bf0711;color:var(--sendbird-light-error-400)}.sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button__text{color:#fdaaaa;color:var(--sendbird-dark-error-100)}.sendbird-theme--light .sendbird-button--warning:focus{border-color:#742ddd;border-color:var(--sendbird-light-primary-300)}.sendbird-theme--light .sendbird-theme--light .sendbird-button--warning:focus .sendbird-button__text{color:#de360b;color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-theme--light .sendbird-button--warning:focus .sendbird-button__text{color:#f66161;color:var(--sendbird-dark-error-200)}.sendbird-theme--dark .sendbird-button--warning:focus{border-color:#c2a9fa;border-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-theme--dark .sendbird-button--warning:focus .sendbird-button__text{color:#de360b;color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-theme--dark .sendbird-button--warning:focus .sendbird-button__text{color:#f66161;color:var(--sendbird-dark-error-200)}.sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus{border-color:#742ddd;border-color:var(--sendbird-light-primary-300)}.sendbird-theme--light .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text{color:#bf0711;color:var(--sendbird-light-error-400)}.sendbird-theme--dark .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text{color:#fdaaaa;color:var(--sendbird-dark-error-100)}.sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus{border-color:#c2a9fa;border-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text{color:#bf0711;color:var(--sendbird-light-error-400)}.sendbird-theme--dark .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text{color:#fdaaaa;color:var(--sendbird-dark-error-100)}.sendbird-theme--light .sendbird-button--danger{background-color:#de360b;background-color:var(--sendbird-light-error-300);border:1px solid #de360b;border:1px solid var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-button--danger{background-color:#f66161;background-color:var(--sendbird-dark-error-200);border:1px solid #f66161;border:1px solid var(--sendbird-dark-error-200)}.sendbird-theme--light .sendbird-button--danger .sendbird-button__text{color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-button--danger .sendbird-button__text{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-button--danger:hover{background-color:#bf0711;background-color:var(--sendbird-light-error-400);border-color:#bf0711;border-color:var(--sendbird-light-error-400)}.sendbird-theme--dark .sendbird-button--danger:hover{background-color:#bf0711;background-color:var(--sendbird-dark-error-400);border-color:#bf0711;border-color:var(--sendbird-dark-error-400)}.sendbird-theme--light .sendbird-button--danger:focus{border-color:#fff;border-color:var(--sendbird-button-border-focus);box-shadow:0 0 0 2px #de360b;box-shadow:0 0 0 2px var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-button--danger:focus{border-color:#fff;border-color:var(--sendbird-button-border-focus);box-shadow:0 0 0 2px #de360b;box-shadow:0 0 0 2px var(--sendbird-dark-error-300)}.sendbird-button--danger:active{box-shadow:none}.sendbird-theme--light .sendbird-button--danger:active{background-color:#9d091e;background-color:var(--sendbird-light-error-500)}.sendbird-theme--dark .sendbird-button--danger:active{background-color:#9d091e;background-color:var(--sendbird-dark-error-500)}.sendbird-theme--light .sendbird-button--danger:hover .sendbird-button--danger:focus{box-shadow:0 0 0 2px #bf0711;box-shadow:0 0 0 2px var(--sendbird-light-error-400)}.sendbird-theme--dark .sendbird-button--danger:hover .sendbird-button--danger:focus{box-shadow:0 0 0 2px #bf0711;box-shadow:0 0 0 2px var(--sendbird-dark-error-400)}.sendbird-theme--light .sendbird-button--danger:active .sendbird-button--danger:focus{box-shadow:0 0 0 2px #9d091e;box-shadow:0 0 0 2px var(--sendbird-light-error-500)}.sendbird-theme--dark .sendbird-button--danger:active .sendbird-button--danger:focus{box-shadow:0 0 0 2px #9d091e;box-shadow:0 0 0 2px var(--sendbird-dark-error-500)}.sendbird-button--disabled{border:1px solid #0000;cursor:not-allowed}.sendbird-theme--light .sendbird-button--disabled{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200);color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-button--disabled{background-color:#393939;background-color:var(--sendbird-dark-background-400);color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird--mobile-mode .sendbird-label{-webkit-touch-callout:none;-webkit-user-select:none}[class*=sendbird-label]{font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default)}.sendbird-label--h-1{font-size:20px;line-height:1.4}.sendbird-label--h-1,.sendbird-label--h-2{font-stretch:normal;font-style:normal;font-weight:600;letter-spacing:-.2px}.sendbird-label--h-2{font-size:18px;line-height:normal}.sendbird-label--subtitle-1{font-size:16px;font-weight:400;line-height:1.38}.sendbird-label--subtitle-1,.sendbird-label--subtitle-2{font-stretch:normal;font-style:normal;letter-spacing:-.2px}.sendbird-label--subtitle-2{font-size:14px;font-weight:500;line-height:1.14}.sendbird-label--body-1{font-size:14px;line-height:1.43}.sendbird-label--body-1,.sendbird-label--body-2{font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal}.sendbird-label--body-2{font-size:12px;line-height:1.33}.sendbird-label--button-1{font-weight:600}.sendbird-label--button-1,.sendbird-label--button-2{font-size:14px;font-stretch:normal;font-style:normal;letter-spacing:normal;line-height:1.43}.sendbird-label--button-2{font-weight:400}.sendbird-label--button-3{font-weight:500}.sendbird-label--button-3,.sendbird-label--caption-1{font-size:14px;font-stretch:normal;font-style:normal;letter-spacing:normal;line-height:1.43}.sendbird-label--caption-1{font-weight:600}.sendbird-label--caption-2{font-weight:700}.sendbird-label--caption-2,.sendbird-label--caption-3{font-size:12px;font-style:normal;letter-spacing:normal;line-height:1}.sendbird-label--caption-3{font-stretch:normal;font-weight:400}.sendbird-theme--light .sendbird-label--color-onbackground-1{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-label--color-onbackground-1{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-label--color-onbackground-2{color:#00000080;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-label--color-onbackground-2{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-label--color-onbackground-3{color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-label--color-onbackground-3{color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-label--color-onbackground-4{color:#0000001f;color:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-label--color-onbackground-4{color:#ffffff1f;color:var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-label--color-oncontent-1{color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-label--color-oncontent-1{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-label--color-oncontent-2{color:#ffffff80;color:var(--sendbird-light-ondark-02)}.sendbird-theme--dark .sendbird-label--color-oncontent-2{color:#00000080;color:var(--sendbird-dark-onlight-02)}.sendbird-theme--light .sendbird-label--color-oncontent-3{color:#ffffff61;color:var(--sendbird-light-ondark-03)}.sendbird-theme--dark .sendbird-label--color-oncontent-3{color:#00000061;color:var(--sendbird-dark-onlight-03)}.sendbird-theme--light .sendbird-label--color-oncontent-inverse-1{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-label--color-oncontent-inverse-1{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-label--color-oncontent-inverse-3{color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-label--color-oncontent-inverse-3{color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-label--color-primary{color:#742ddd;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-label--color-primary{color:#c2a9fa;color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-label--color-error{color:#de360b;color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-label--color-error{color:#f66161;color:var(--sendbird-dark-error-200)}.sendbird-theme--light .sendbird-label--color-secondary-3{color:#259c72;color:var(--sendbird-light-secondary-300)}.sendbird-theme--dark .sendbird-label--color-secondary-3{color:#69c085;color:var(--sendbird-dark-secondary-200)}.sendbird-icon{display:inline-block}.sendbird-icon:focus{outline:none}.sendbird-theme--light .sendbird-icon-color--primary [class*=fill]{fill:#742ddd;fill:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-icon-color--primary [class*=fill]{fill:#c2a9fa;fill:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-icon-color--primary-2 [class*=fill]{fill:#c2a9fa;fill:var(--sendbird-light-primary-200)}.sendbird-theme--dark .sendbird-icon-color--primary-2 [class*=fill]{fill:#6211c8;fill:var(--sendbird-dark-primary-400)}.sendbird-theme--light .sendbird-icon-color--primary [class*=stroke]{stroke:#742ddd;stroke:var(--sendbird-light-primary-300);stroke-width:2px;stroke-linejoin:round}.sendbird-theme--dark .sendbird-icon-color--primary [class*=stroke]{stroke:#c2a9fa;stroke:var(--sendbird-dark-primary-200);stroke-width:2px;stroke-linejoin:round}.sendbird-theme--light .sendbird-icon-color--secondary [class*=fill]{fill:#259c72;fill:var(--sendbird-light-secondary-300)}.sendbird-theme--dark .sendbird-icon-color--secondary [class*=fill]{fill:#69c085;fill:var(--sendbird-dark-secondary-200)}.sendbird-theme--light .sendbird-icon-color--secondary-2 [class*=fill]{fill:#69c085;fill:var(--sendbird-light-secondary-200)}.sendbird-theme--dark .sendbird-icon-color--secondary-2 [class*=fill]{fill:#69c085;fill:var(--sendbird-dark-secondary-200)}.sendbird-theme--light .sendbird-icon-color--content [class*=fill]{fill:#ffffffe0;fill:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-icon-color--content [class*=fill]{fill:#000000e0;fill:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-icon-color--content-inverse [class*=fill]{fill:#000000e0;fill:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-icon-color--content-inverse [class*=fill]{fill:#ffffffe0;fill:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-icon-color--content-inverse-3 [class*=fill]{fill:#00000061;fill:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-icon-color--content-inverse-3 [class*=fill]{fill:#ffffff61;fill:var(--sendbird-dark-ondark-03)}.sendbird-icon-color--white [class*=fill]{fill:#fff}.sendbird-icon-color--gray [class*=fill]{fill:#0000001f;fill:var(--sendbird-light-onlight-04)}.sendbird-icon-color--thumbnail-icon [class*=fill]{fill:#00000080;fill:var(--sendbird-light-onlight-02)}.sendbird-theme--light .sendbird-icon-color--sent [class*=fill]{fill:#00000061;fill:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-icon-color--sent [class*=fill]{fill:#ffffff61;fill:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-icon-color--read [class*=fill]{fill:#259c72;fill:var(--sendbird-light-secondary-300)}.sendbird-theme--dark .sendbird-icon-color--read [class*=fill]{fill:#69c085;fill:var(--sendbird-dark-secondary-200)}.sendbird-theme--light .sendbird-icon-color--on-background-1 [class*=fill]{fill:#000000e0;fill:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-icon-color--on-background-1 [class*=fill]{fill:#ffffffe0;fill:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-icon-color--on-background-2 [class*=fill]{fill:#00000080;fill:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-icon-color--on-background-2 [class*=fill]{fill:#ffffff80;fill:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-icon-color--on-background-3 [class*=fill]{fill:#00000061;fill:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-icon-color--on-background-3 [class*=fill]{fill:#ffffff61;fill:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-icon-color--on-background-4 [class*=fill]{fill:#0000001f;fill:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-icon-color--on-background-4 [class*=fill]{fill:#ffffff1f;fill:var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-icon-color--background-3 [class*=fill]{fill:#bdbdbd;fill:var(--sendbird-light-background-300)}.sendbird-theme--dark .sendbird-icon-color--background-3 [class*=fill]{fill:#393939;fill:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-icon-color--error [class*=fill]{fill:#de360b;fill:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-icon-color--error [class*=fill]{fill:#f66161;fill:var(--sendbird-dark-error-200)}.sendbird-context-menu{display:inline}.sendbird-message-content__sendbird-ui-container-type__default__header-container .sendbird-context-menu{display:flex}.sendbird__offline .sendbird-dropdown__menu .sendbird-dropdown__menu-item{cursor:not-allowed}.sendbird__offline .sendbird-message-item-menu__list__menu-item.menu-item-delete{cursor:pointer}.sendbird-dropdown__menu{border-radius:4px;list-style:none;margin:0;min-width:140px;padding:8px 0;position:absolute;top:100%;z-index:99999}.sendbird-theme--light .sendbird-dropdown__menu{background-color:#fff;background-color:var(--sendbird-light-background-50);box-shadow:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;box-shadow:var(--sendbird-light-shadow-02)}.sendbird-theme--dark .sendbird-dropdown__menu{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);box-shadow:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;box-shadow:var(--sendbird-dark-shadow-02)}.sendbird-dropdown__menu .sendbird-dropdown__menu-item{cursor:pointer;padding:8px 16px;white-space:nowrap}.sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable{cursor:not-allowed}.sendbird-theme--light .sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable:hover{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-dropdown__menu .sendbird-dropdown__menu-item:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-dropdown__menu .sendbird-dropdown__menu-item:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-dropdown__reaction-bar{border-radius:8px;list-style:none;margin:0;max-height:208px;min-width:44px;overflow-y:scroll;padding:8px;position:absolute;top:100%}[dir=ltr] .sendbird-dropdown__reaction-bar{left:0}[dir=rtl] .sendbird-dropdown__reaction-bar{right:0}.sendbird-theme--light .sendbird-dropdown__reaction-bar{background-color:#fff;background-color:var(--sendbird-light-background-50);box-shadow:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;box-shadow:var(--sendbird-light-shadow-02)}.sendbird-theme--dark .sendbird-dropdown__reaction-bar{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);box-shadow:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;box-shadow:var(--sendbird-dark-shadow-02)}.sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__row .sendbird-reaction-button,.sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__row .sendbird-reaction-button--selected{margin:4px}.sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__emptyLabel{width:-moz-fit-content;width:fit-content}.sendbird-dropdown__menu-backdrop{background-color:initial;height:100%;position:fixed;top:0;width:100%}[dir=ltr] .sendbird-dropdown__menu-backdrop{left:0}[dir=rtl] .sendbird-dropdown__menu-backdrop{right:0}.sendbird-sort-by-row{align-items:center;display:flex;justify-content:flex-start}.sendbird__offline .sendbird-menu-item{cursor:not-allowed}.sendbird-menu-item{cursor:pointer;display:flex;padding:8px 16px;white-space:nowrap}.sendbird-menu-item.disable{cursor:not-allowed}.sendbird-theme--light .sendbird-menu-item.disable:hover{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-menu-item.disable:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-menu-item:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-menu-item:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-menu-item>*{align-items:center;width:100%}.sendbird-menu-item>*,.sendbird-menu-item__text{display:flex;justify-content:space-between}.sendbird-conversation{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.sendbird-theme--light .sendbird-conversation{background-color:#fff;background-color:var(--sendbird-light-background-50);border:1px solid #0000001f;border:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-conversation{background-color:#161616;background-color:var(--sendbird-dark-background-600);border:1px solid #ffffff1f;border:1px solid var(--sendbird-dark-ondark-04)}.sendbird-conversation__messages{flex:1 1;overflow:hidden}.sendbird-conversation__messages-list{display:flex;flex-direction:column;height:100%;justify-content:flex-end}.sendbird-conversation__footer{padding:0 0 24px;width:100%}.sendbird-msg-hoc__animated .sendbird-message-content{animation:bounce 1s ease}@keyframes bounce{50%{transform:translateY(-10px)}60%{transform:translateY(0)}90%{transform:translateY(-10px)}to{transform:translateY(0)}}.sendbird-conversation__scroll-container{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto}.sendbird-conversation__scroll-container .sendbird-conversation__padding{flex:1 1}.sendbird-conversation__footer{box-sizing:border-box;margin-top:6px;position:relative}.sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator{bottom:8px;display:inline-flex;position:absolute}[dir=ltr] .sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator .sendbird-conversation__footer__typing-indicator__text{margin-left:24px;margin-right:10px}[dir=rtl] .sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator .sendbird-conversation__footer__typing-indicator__text{margin-left:10px;margin-right:24px}.sendbird-connection-status{align-items:center;display:flex;padding-top:5px}.sendbird-place-holder{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.sendbird-place-holder .sendbird-place-holder__body{align-items:center;display:flex;flex-direction:column;height:104px}.sendbird-place-holder .sendbird-place-holder__body .sendbird-place-holder__body__icon{margin-bottom:10px}.sendbird-place-holder .sendbird-place-holder__body .sendbird-place-holder__body__text{margin-top:10px}.sendbird-place-holder .sendbird-place-holder__body__reconnect{cursor:pointer;display:flex;flex-direction:row;margin-top:18px}[dir=ltr] .sendbird-place-holder .sendbird-place-holder__body__reconnect .sendbird-place-holder__body__reconnect__icon{margin-right:4px}[dir=rtl] .sendbird-place-holder .sendbird-place-holder__body__reconnect .sendbird-place-holder__body__reconnect__icon{margin-left:4px}.sendbird-place-holder .sendbird-place-holder__body--align-top{display:flex;flex-direction:column;justify-content:center;position:absolute;top:24px;width:100%}.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text{display:flex;flex-direction:row;justify-content:center;padding-left:16px;padding-right:16px}.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in{display:flex;min-width:60px}[dir=ltr] .sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in{margin-right:2px}[dir=rtl] .sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in{margin-left:2px}.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__channel-name{display:block;max-width:calc(100% - 62px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-hlder__body--align-top__no-result,.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-hlder__body--align-top__searching{display:flex;justify-content:center}.sendbird-loader{animation:1s linear infinite;animation-name:rotate;display:inline-block}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.sendbird-chat-header{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:64px;justify-content:space-between;min-height:64px;overflow:hidden;position:relative;text-overflow:ellipsis}[dir=ltr] .sendbird-chat-header{padding-left:20px;padding-right:16px}[dir=rtl] .sendbird-chat-header{padding-left:16px;padding-right:20px}.sendbird-theme--light .sendbird-chat-header{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-chat-header{background-color:#161616;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}[dir=ltr] .sendbird-chat-header__left{margin-right:24px}[dir=rtl] .sendbird-chat-header__left{margin-left:24px}.sendbird-chat-header__left,.sendbird-chat-header__right{align-items:center;display:flex;flex-direction:row;overflow:hidden}.sendbird-chat-header .sendbird-chat-header__left__title{max-width:780px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .sendbird-chat-header .sendbird-chat-header__left__title{margin-left:8px;margin-right:16px}[dir=rtl] .sendbird-chat-header .sendbird-chat-header__left__title{margin-left:16px;margin-right:8px}.sendbird--mobile-mode .sendbird-chat-header .sendbird-chat-header__left__title{max-width:calc(100vw - 240px)}.sendbird-chat-header .sendbird-chat-header__left__subtitle{max-width:240px;overflow:hidden;text-overflow:ellipsis}[dir=ltr] .sendbird-chat-header .sendbird-chat-header__right__mute{margin-right:18px}[dir=rtl] .sendbird-chat-header .sendbird-chat-header__right__mute{margin-left:18px}.sendbird-chat-header .sendbird-iconbutton--pressed{background-color:inherit}[dir=ltr] .sendbird-chat-header .sendbird-chat-header__right__info{margin-left:16px}[dir=rtl] .sendbird-chat-header .sendbird-chat-header__right__info{margin-right:16px}[dir=ltr] .sendbird-chat-header__icon_back{margin-right:8px}[dir=rtl] .sendbird-chat-header__icon_back{margin-left:8px}.sendbird-chat-header--default-avatar{align-items:center;border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}[dir=rtl] .sendbird-chat-header--default-avatar{.sendbird-icon{&.sendbird-icon-broadcast{transform:rotateY(180deg)}}}.sendbird-theme--light .sendbird-chat-header--default-avatar{background-color:#259c72;background-color:var(--sendbird-light-secondary-300)}.sendbird-theme--dark .sendbird-chat-header--default-avatar{background-color:#69c085;background-color:var(--sendbird-dark-secondary-200)}.sendbird-image-renderer{overflow:hidden;position:relative}.sendbird-image-renderer__hidden-image-loader{display:none}.sendbird-image-renderer,.sendbird-image-renderer__image{height:180px;width:320px}.sendbird-multiple-files-image-renderer__image-cover{background-color:#0000008c;background-color:var(--sendbird-light-overlay-01);border-radius:16px;display:none;height:100%;position:absolute;top:0;width:100%}.sendbird-image-renderer:hover .sendbird-multiple-files-image-renderer__image-cover{display:inline-flex}.sendbird-multiple-files-image-renderer__icon-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:1}.sendbird-multiple-files-image-renderer__icon-wrapper .sendbird-multiple-files-image-renderer__icon-wrapper__icon{align-items:center;background-color:#ffffffe0;background-color:var(--sendbird-light-ondark-01);border-radius:50%;display:flex;height:56px;justify-content:center;width:56px;z-index:2}.sendbird-avatar{border-radius:50%;display:inline-block;overflow:hidden;position:relative}.sendbird-avatar:focus{outline:none}.sendbird-avatar .sendbird-avatar-img{align-items:center;display:flex;justify-content:center;position:absolute;top:50%}[dir=ltr] .sendbird-avatar .sendbird-avatar-img{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .sendbird-avatar .sendbird-avatar-img{right:50%;transform:translate(50%,-50%)}.sendbird-theme--light .sendbird-avatar .sendbird-avatar-img{background-color:#bdbdbd;background-color:var(--sendbird-light-background-300)}.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img{background-color:#bdbdbd;background-color:var(--sendbird-dark-background-300)}[dir=ltr] .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:first-child{transform:translate(2%,-50%)}[dir=rtl] .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:first-child{transform:translate(-2%,-50%)}[dir=ltr] .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:last-child{transform:translate(-102%,-50%)}[dir=rtl] .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:last-child{transform:translate(102%,-50%)}[dir=ltr] .sendbird-avatar .sendbird-avatar--inner__three-child--upper .sendbird-avatar-img:first-child{transform:translate(-50%,-102%)}[dir=rtl] .sendbird-avatar .sendbird-avatar--inner__three-child--upper .sendbird-avatar-img:first-child{transform:translate(50%,-102%)}[dir=ltr] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:first-child{transform:translate(-77%,-23%) scale(.5)}[dir=rtl] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:first-child{transform:translate(77%,-23%) scale(.5)}[dir=ltr] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:last-child{transform:translate(-23%,-23%) scale(.5)}[dir=rtl] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:last-child{transform:translate(23%,-23%) scale(.5)}[dir=ltr] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:first-child{transform:translate(-77%,-77%) scale(.5)}[dir=rtl] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:first-child{transform:translate(77%,-77%) scale(.5)}[dir=ltr] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(2){transform:translate(-23%,-77%) scale(.5)}[dir=rtl] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(2){transform:translate(23%,-77%) scale(.5)}[dir=ltr] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(3){transform:translate(-77%,-23%) scale(.5)}[dir=rtl] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(3){transform:translate(77%,-23%) scale(.5)}[dir=ltr] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:last-child{transform:translate(-23%,-23%) scale(.5)}[dir=rtl] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:last-child{transform:translate(23%,-23%) scale(.5)}.sendbird-avatar .sendbird-avatar-img--default{align-items:center;display:flex;justify-content:center}.sendbird-theme--light .sendbird-avatar .sendbird-avatar-img--default{background-color:#bdbdbd;background-color:var(--sendbird-light-background-300)}.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img--default{background-color:#bdbdbd;background-color:var(--sendbird-dark-background-300)}.sendbird-theme--light .sendbird-avatar .sendbird-avatar-img--default.text{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img--default.text{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-avatar .sendbird-avatar-text{font-family:Roboto;font-size:8px;font-style:normal;font-weight:700;font-weight:400;line-height:12px;text-align:center}.sendbird-theme--light .sendbird-avatar .sendbird-avatar-text{color:#00000080;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-text{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-ui-header{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:64px;justify-content:space-between;min-height:64px;overflow:hidden;padding-left:16px;padding-right:16px;position:relative;text-overflow:ellipsis}.sendbird-theme--light .sendbird-ui-header{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-ui-header{background-color:#161616;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-ui-header--is-desktop{max-width:176px}.sendbird-ui-header--is-mobile{max-width:80px}.sendbird-ui-header__left{align-items:center;display:inline-flex;flex:0 0 auto;position:relative}[dir=ltr] .sendbird-ui-header__left{left:0;margin-right:8px}[dir=rtl] .sendbird-ui-header__left{margin-left:8px;right:0}.sendbird-ui-header__middle{display:inline-flex;flex:1 1;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-ui-header__middle__subtitle__container{display:flex;width:100%}.sendbird-ui-header__middle__subtitle,.sendbird-ui-header__middle__title{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.sendbird-ui-header__right{align-items:center;display:inline-flex;flex:0 0 auto;position:relative}[dir=ltr] .sendbird-ui-header__right{margin-left:8px;right:0}[dir=rtl] .sendbird-ui-header__right{left:0;margin-right:8px}.sendbird-textbutton{cursor:pointer;display:inline-block;text-decoration:underline}.sendbird-textbutton--not-underline{cursor:pointer;text-decoration:none}.sendbird-textbutton--disabled{cursor:not-allowed}.sendbird-theme--light .sendbird-textbutton--disabled{color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-textbutton--disabled{color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-color--onbackground-1{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-color--onbackground-1{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-color--onbackground-1--background-color{background-color:#000000e0;background-color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-color--onbackground-1--background-color{background-color:#ffffffe0;background-color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-color--onbackground-2{color:#00000080;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-color--onbackground-2{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-color--onbackground-2--background-color{background-color:#00000080;background-color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-color--onbackground-2--background-color{background-color:#ffffff80;background-color:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-color--onbackground-3{color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-color--onbackground-3{color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-color--onbackground-3--background-color{background-color:#00000061;background-color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-color--onbackground-3--background-color{background-color:#ffffff61;background-color:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-color--onbackground-4{color:#0000001f;color:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-color--onbackground-4{color:#ffffff1f;color:var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-color--onbackground-4--background-color{background-color:#0000001f;background-color:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-color--onbackground-4--background-color{background-color:#ffffff1f;background-color:var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-color--oncontent-1{color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-color--oncontent-1{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-color--oncontent-1--background-color{background-color:#ffffffe0;background-color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-color--oncontent-1--background-color{background-color:#000000e0;background-color:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-color--primary{color:#742ddd;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-color--primary{color:#c2a9fa;color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-color--primary--background-color{background-color:#742ddd;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-color--primary--background-color{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-color--error{color:#de360b;color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-color--error{color:#f66161;color:var(--sendbird-dark-error-200)}.sendbird-theme--light .sendbird-color--error--background-color{background-color:#de360b;background-color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-color--error--background-color{background-color:#de360b;background-color:var(--sendbird-dark-error-300)}.sendbird-conversation__messages{position:relative}.sendbird-conversation__messages .sendbird-conversation__messages-padding{height:100%;overflow-x:hidden;padding:0 24px;position:relative}.sendbird--mobile-mode .sendbird-conversation__messages .sendbird-conversation__messages-padding{padding:0 12px}.sendbird-conversation__messages .sendbird-admin-message,.sendbird-conversation__messages .sendbird-separator{padding-bottom:8px;padding-top:8px}.sendbird-conversation__messages__notification{position:fixed;top:0;width:calc(100% - 50px)}[dir=ltr] .sendbird-conversation__messages__notification{margin-left:25px}[dir=rtl] .sendbird-conversation__messages__notification{margin-right:25px}.sendbird-conversation__scroll-bottom-button{align-items:center;border-radius:24px;bottom:30px;display:flex;height:40px;justify-content:center;position:sticky;width:40px}[dir=ltr] .sendbird-conversation__scroll-bottom-button{left:calc(100% - 65px)}[dir=rtl] .sendbird-conversation__scroll-bottom-button{right:calc(100% - 65px)}.sendbird-theme--light .sendbird-conversation__scroll-bottom-button{background-color:#fff;background-color:var(--sendbird-light-background-50);box-shadow:0 2px 8px 0 #00000014,0 4px 6px 0 #0000001f;box-shadow:var(--sendbird-light-shadow-05)}.sendbird-theme--dark .sendbird-conversation__scroll-bottom-button{background-color:#393939;background-color:var(--sendbird-dark-background-400);box-shadow:var(--sendbird-dark-shadow-05)}.sendbird-conversation__scroll-bottom-button:hover{cursor:pointer}.sendbird-theme--light .sendbird-conversation__scroll-bottom-button:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-conversation__scroll-bottom-button:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-conversation__scroll-bottom-button:active{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-conversation__scroll-bottom-button:active{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-conversation__scroll-bottom-button:focus{outline:none}.sendbird-message-input{display:inline-block;position:relative;width:100%}.sendbird-message-input .sendbird-message-input--textarea{background-color:inherit;border-radius:4px;box-sizing:border-box;font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1.43;max-height:92px;min-height:58px;overflow-y:scroll;position:relative;resize:none;white-space:pre-wrap;width:100%}[dir=ltr] .sendbird-message-input .sendbird-message-input--textarea{padding:18px 64px 18px 16px}[dir=rtl] .sendbird-message-input .sendbird-message-input--textarea{padding:18px 16px 18px 64px}.sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea{background-color:#fff;background-color:var(--sendbird-light-background-50);border:1px solid #00000061;border:1px solid var(--sendbird-light-onlight-03);caret-color:#742ddd;caret-color:var(--sendbird-light-primary-300);color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-message-input .sendbird-message-input--textarea{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);border:1px solid #ffffff61;border:1px solid var(--sendbird-dark-ondark-03);caret-color:#c2a9fa;caret-color:var(--sendbird-dark-primary-200);color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-message-input .sendbird-message-input--textarea:focus{outline:none}.sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea:focus{border:1px solid #742ddd;border:1px solid var(--sendbird-light-primary-300);box-shadow:0 1px 5px 0 #2122421f,0 0 1px 0 #21224229,0 2px 1px 0 #21224214,0 1px 5px 0 #0000001f;box-shadow:var(--sendbird-light-shadow-message-input);color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-message-input .sendbird-message-input--textarea:focus{border:1px solid #c2a9fa;border:1px solid var(--sendbird-dark-primary-200);box-shadow:0 1px 5px 0 #2122421f,0 0 1px 0 #21224229,0 2px 1px 0 #21224214,0 1px 5px 0 #0000001f;box-shadow:var(--sendbird-dark-shadow-message-input);color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea:active{border:1px solid #7b53ef;border:1px solid var(--sendbird-message-input-border-active);color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-message-input .sendbird-message-input--textarea:active{border:1px solid #7b53ef;border:1px solid var(--sendbird-message-input-border-active);color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-message-input .sendbird-message-input--placeholder{font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);font-size:14px;line-height:1.43;pointer-events:none;position:absolute;top:18px}[dir=ltr] .sendbird-message-input .sendbird-message-input--placeholder{left:16px}[dir=rtl] .sendbird-message-input .sendbird-message-input--placeholder{right:16px}.sendbird-message-input .sendbird-message-input--attach{bottom:14px;padding:6px;position:absolute}[dir=ltr] .sendbird-message-input .sendbird-message-input--attach{right:16px}[dir=rtl] .sendbird-message-input .sendbird-message-input--attach{left:16px}[dir=ltr] .sendbird-message-input .sendbird-message-input--attach.is-voice-message-enabled{right:48px}[dir=rtl] .sendbird-message-input .sendbird-message-input--attach.is-voice-message-enabled{left:48px}.sendbird-message-input .sendbird-message-input--voice-message{bottom:14px;padding:6px;position:absolute}[dir=ltr] .sendbird-message-input .sendbird-message-input--voice-message{right:16px}[dir=rtl] .sendbird-message-input .sendbird-message-input--voice-message{left:16px}.sendbird-message-input .sendbird-message-input--send{bottom:14px;padding:6px;position:absolute}[dir=ltr] .sendbird-message-input .sendbird-message-input--send{right:16px}[dir=rtl] .sendbird-message-input .sendbird-message-input--send{left:16px;transform:rotate(180deg)}.sendbird-message-input .sendbird-message-input--attach-input{display:none}.sendbird-message-input__edit{box-sizing:border-box;padding:16px}.sendbird-theme--light .sendbird-message-input__edit{background-color:#dbd1ff;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-message-input__edit{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-message-input--edit-action{margin-top:4px}[dir=ltr] .sendbird-message-input--edit-action{text-align:right}[dir=rtl] .sendbird-message-input--edit-action{text-align:left}[dir=ltr] .sendbird-message-input--edit-action button:last-child{margin-left:8px}[dir=rtl] .sendbird-message-input--edit-action button:last-child{margin-right:8px}.sendbird-message-input--edit-action .sendbird-message-input--edit-action__cancel{width:80px}.sendbird-theme--light .sendbird-message-input--edit-action .sendbird-message-input--edit-action__cancel{border:1px solid #00000061;border:1px solid var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-message-input--edit-action .sendbird-message-input--edit-action__cancel{border:1px solid #ffffff61;border:1px solid var(--sendbird-dark-ondark-03)}.sendbird-message-input--edit-action .sendbird-message-input--edit-action__save{width:80px}.sendbird-message-input-form__disabled{cursor:not-allowed}.sendbird-message-input__disabled{cursor:not-allowed;pointer-events:none}.sendbird-theme--light .sendbird-message-input__disabled .sendbird-message-input--textarea{border:1px solid #0000001f;border:1px solid var(--sendbird-light-onlight-04);color:#0000001f;color:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-message-input__disabled .sendbird-message-input--textarea{border:1px solid #ffffff1f;border:1px solid var(--sendbird-dark-ondark-04);color:#ffffff1f;color:var(--sendbird-dark-ondark-04)}.sendbird-message-content{display:inline-flex;flex-direction:row;position:relative;width:100%}.sendbird-message-content.incoming{justify-content:flex-start}.sendbird-message-content.outgoing{justify-content:flex-end}.sendbird-message-content .sendbird-message-content__middle{max-width:400px}.sendbird--mobile-mode .sendbird-message-content .sendbird-message-content__middle{max-width:calc(100vw - 140px)}.sendbird-message-content .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.use-quote{bottom:-8px;margin-top:-8px}.sendbird-message-content__middle__quote-message__quote{width:100%}.sendbird-message-content.incoming .sendbird-message-content__left{display:inline-flex;flex-shrink:0;min-width:40px;position:relative}.sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar{bottom:2px;position:absolute}.sendbird-conversation__messages[dir=ltr] .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar{left:0}.sendbird-conversation__messages[dir=rtl] .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar{right:0}.sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.multiple{border:2px solid}.sendbird-theme--light .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.multiple{border-color:#fff;border-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.multiple{border-color:#161616;border-color:var(--sendbird-dark-background-600)}.sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.use-thread-replies{bottom:35px}.sendbird-message-content.incoming .sendbird-message-content__middle{align-items:flex-start;display:inline-flex;flex-direction:column;position:relative}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container{max-width:100%}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at{bottom:6px;display:flex;flex-direction:row;min-width:80px;position:absolute;white-space:nowrap}.sendbird-conversation__messages[dir=ltr] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at{right:-84px}.sendbird-conversation__messages[dir=rtl] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at{left:-84px}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at.sendbird-mouse-hover{display:none}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default{bottom:-16px;min-width:-moz-fit-content;min-width:fit-content}.sendbird-conversation__messages[dir=ltr] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default{left:2px}.sendbird-conversation__messages[dir=rtl] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default{right:2px}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name{margin-bottom:4px;overflow:hidden;position:relative;text-overflow:ellipsis;width:100%}.sendbird-conversation__messages[dir=ltr] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name{margin-left:12px}.sendbird-conversation__messages[dir=rtl] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name{margin-right:12px}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message{display:inline-flex;position:relative;width:100%}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.outgoing{justify-content:flex-end}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.incoming{justify-content:flex-start}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message:hover{cursor:pointer}.sendbird-message-content.incoming .sendbird-message-content__right{display:inline-flex;padding-top:18px;position:relative;width:50px}.sendbird-conversation__messages[dir=ltr] .sendbird-message-content.incoming .sendbird-message-content__right{margin-left:4px}.sendbird-conversation__messages[dir=rtl] .sendbird-message-content.incoming .sendbird-message-content__right{margin-right:4px}.sendbird-message-content.incoming .sendbird-message-content__right.use-reactions{width:70px}.sendbird-message-content.incoming .sendbird-message-content__right.chain-top{padding-top:2px}.sendbird-message-content.incoming .sendbird-message-content__right.chain-top.use-quote{padding-top:18px}.sendbird-message-content.incoming .sendbird-message-content__right .sendbird-message-content-menu{display:none;flex-direction:row;height:32px;position:relative}.sendbird--mobile-mode .sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at,.sendbird-message-content.incoming .sendbird-message-content__right .sendbird-message-content-menu.sendbird-mouse-hover,.sendbird-message-content.incoming:hover .sendbird-message-content__right .sendbird-message-content-menu{display:inline-flex}.sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at{display:none}.sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default{display:flex}.sendbird-message-content.outgoing .sendbird-message-content__left{box-sizing:border-box;display:inline-flex;justify-content:flex-end;position:relative;width:50px}.sendbird-message-content.outgoing .sendbird-message-content__left.use-reactions{width:70px}.sendbird-message-content.outgoing .sendbird-message-content__left.use-quote .sendbird-message-content-menu{top:18px}.sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu{display:none;flex-direction:row;position:absolute;top:2px}.sendbird-conversation__messages[dir=ltr] .sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu{right:4px}.sendbird-conversation__messages[dir=rtl] .sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu{left:4px}.sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu.sendbird-mouse-hover{display:inline-flex}.sendbird-message-content.outgoing .sendbird-message-content__middle{align-items:flex-end;display:inline-flex;flex-direction:column;position:relative}.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__quote-message{display:inline-flex;position:relative;width:100%}.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.outgoing{justify-content:flex-end}.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.incoming{justify-content:flex-start}.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container{position:relative;width:100%}.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at{bottom:2px;box-sizing:initial;display:flex;justify-content:flex-end;min-height:16px;min-width:80px;position:absolute;white-space:nowrap}.sendbird-conversation__messages[dir=ltr] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at{left:-84px}.sendbird-conversation__messages[dir=rtl] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at{right:-84px}.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at.sendbird-mouse-hover{display:none}.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at .sendbird-message-content__middle__body-container__created-at__component-container{display:inline-flex;position:relative}.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default{bottom:-20px;min-width:-moz-fit-content;min-width:fit-content}.sendbird-conversation__messages[dir=ltr] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default{left:2px}.sendbird-conversation__messages[dir=rtl] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default{right:2px}.sendbird-message-content.outgoing .sendbird-message-content__right{display:none}.sendbird--mobile-mode .sendbird-message-content.outgoing:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at,.sendbird-message-content.outgoing:hover .sendbird-message-content__left .sendbird-message-content-menu{display:inline-flex}.sendbird-message-content.outgoing:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at{display:none}.sendbird-message-content__middle__body-container{align-items:flex-end;display:flex;flex-direction:column;position:relative;width:-moz-fit-content;width:fit-content}.sendbird-message-content__middle__body-container .sendbird-message-content__middle__message-item-body{box-sizing:border-box}.sendbird-message-content__middle__body-container .sendbird-message-content__middle__message-item-body.reactions{width:100%}.sendbird-message-content__middle__body-container:has(.sendbird-message-content__middle__message-item-body.reactions){align-items:normal}.sendbird-message-content-reactions{border-radius:0 0 16px 16px;max-width:400px;position:relative;width:100%}.sendbird-theme--light .sendbird-message-content-reactions{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-message-content-reactions{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-message-content-reactions.primary{background-color:#742ddd;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-message-content-reactions.primary{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-message-content-reactions.mouse-hover,.sendbird-theme--light .sendbird-message-content-reactions:hover{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-message-content-reactions.mouse-hover,.sendbird-theme--dark .sendbird-message-content-reactions:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-message-content-reactions.mouse-hover.primary,.sendbird-theme--light .sendbird-message-content-reactions:hover.primary{background-color:#6211c8;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-message-content-reactions.mouse-hover.primary,.sendbird-theme--dark .sendbird-message-content-reactions:hover.primary{background-color:#742ddd;background-color:var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-message-content-reactions.image-grid{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-message-content-reactions.image-grid{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-message-content__middle__feedback-buttons,.sendbird-message-content__middle__thread-replies{margin-top:4px}.sendbird-voice-message-item-body.sendbird-message-content__middle__message-item-body{height:50px;min-width:136px}.sendbird-message-content__middle__body-container__feedback-buttons-container{display:flex;gap:4px;margin-top:4px;position:relative}.sendbird-message-content__sendbird-ui-container-type__default__root{max-width:400px}.sendbird-message-content__sendbird-ui-container-type__default__root .sendbird-message-content__sendbird-ui-container-type__default__header-container{align-items:center;display:flex;margin:8px 0 6px}.sendbird-message-content__sendbird-ui-container-type__default__root .sendbird-message-content__sendbird-ui-container-type__default__header-container .sendbird-message-content__sendbird-ui-container-type__default__header-container__left__profile{height:28px;margin-inline-end:24px;width:28px}.sendbird-message-content__sendbird-ui-container-type__default__root .sendbird-message-content__sendbird-ui-container-type__default__bottom{padding-inline-start:52px}.sendbird-message-status{align-items:flex-start;display:inline-flex;height:100%;position:relative;width:100%}.sendbird-message-status .sendbird-message-status__icon{display:inline-block;position:relative;top:-2px}.sendbird-message-status .sendbird-message-status__icon.hide-icon{display:none}.sendbird-message-status .sendbird-message-status__text{display:inline-block;position:relative}[dir=ltr] .sendbird-message-status .sendbird-message-status__text{margin-left:4px}[dir=rtl] .sendbird-message-status .sendbird-message-status__text{margin-right:4px}.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__try-again{text-decoration:underline}.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__try-again:hover{cursor:pointer}.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__delete{text-decoration:underline}.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__delete:hover{cursor:pointer}.sendbird-text{color:var(--primary-1)}.sendbird-reaction-button{border:1px solid #0000;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-block}.sendbird-theme--light .sendbird-reaction-button:hover{background-color:#eee;background-color:var(--sendbird-light-background-100);border:1px solid #eee;border:1px solid var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-reaction-button:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400);border:1px solid #393939;border:1px solid var(--sendbird-dark-background-400)}.sendbird-reaction-button__inner{margin:3px}.sendbird-reaction-button--selected{border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-block}.sendbird-theme--light .sendbird-reaction-button--selected{background-color:#dbd1ff;background-color:var(--sendbird-light-primary-100);border:1px solid #dbd1ff;border:1px solid var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-reaction-button--selected{background-color:#6211c8;background-color:var(--sendbird-dark-primary-400);border:1px solid #6211c8;border:1px solid var(--sendbird-dark-primary-400)}.sendbird-reaction-button--selected:hover{border:1px solid #9e8cf5;border:1px solid var(--sendbird-selected-reaction-button-border-hover)}.sendbird-reaction-button--selected__inner{margin:3px}.sendbird-reaction-button--selected.sendbird-reactions--pressed{display:block!important}.sendbird-emoji-reactions{border-radius:16px;box-sizing:border-box;display:inline-block;max-width:404px;max-width:var(--sendbird-message-balloon-width);min-height:24px;padding:7px 5px 3px;width:100%}.sendbird-theme--light .sendbird-emoji-reactions{background-color:#fff;background-color:var(--sendbird-light-background-50);border:1px solid #eee;border:1px solid var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-emoji-reactions{background-color:#161616;background-color:var(--sendbird-dark-background-600);border:1px solid #2c2c2c;border:1px solid var(--sendbird-dark-background-500)}.sendbird-emoji-reactions .sendbird-emoji-reactions__reaction-badge{margin-bottom:4px}[dir=ltr] .sendbird-emoji-reactions .sendbird-emoji-reactions__reaction-badge{margin-left:2px;margin-right:1px}[dir=rtl] .sendbird-emoji-reactions .sendbird-emoji-reactions__reaction-badge{margin-left:1px;margin-right:2px}.sendbird-emoji-reactions:focus{outline:none}.sendbird-emoji-reactions .sendbird-context-menu{height:26px}.sendbird-emoji-reactions__add-reaction-badge{display:inline-flex;height:24px;position:relative;top:-4px;width:36px}[dir=ltr] .sendbird-emoji-reactions .sendbird-context-menu{margin-left:2px}[dir=rtl] .sendbird-emoji-reactions .sendbird-context-menu{margin-right:2px}.sendbird-reaction-badge{border-radius:15px;display:inline-block;height:24px;width:50px}.sendbird-theme--light .sendbird-reaction-badge{background-color:#eee;background-color:var(--sendbird-light-background-100);border:1px solid #eee;border:1px solid var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-reaction-badge{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);border:1px solid #2c2c2c;border:1px solid var(--sendbird-dark-background-500)}.sendbird-reaction-badge:hover{cursor:pointer}.sendbird-theme--light .sendbird-reaction-badge:hover{border:1px solid #742ddd;border:1px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-reaction-badge:hover{border:1px solid #c2a9fa;border:1px solid var(--sendbird-dark-primary-200)}.sendbird-reaction-badge--is-add{border-radius:15px;display:inline-block;height:24px;width:36px}.sendbird-theme--light .sendbird-reaction-badge--is-add{background-color:#eee;background-color:var(--sendbird-light-background-100);border:1px solid #eee;border:1px solid var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-reaction-badge--is-add{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);border:1px solid #2c2c2c;border:1px solid var(--sendbird-dark-background-500)}.sendbird-reaction-badge--is-add:hover{cursor:pointer}.sendbird-theme--light .sendbird-reaction-badge--is-add:hover{border:1px solid #742ddd;border:1px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-reaction-badge--is-add:hover{border:1px solid #c2a9fa;border:1px solid var(--sendbird-dark-primary-200)}[dir=ltr] .sendbird-reaction-badge--is-add .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{left:8px}[dir=rtl] .sendbird-reaction-badge--is-add .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{right:8px}.sendbird-reaction-badge--selected{border-radius:15px;display:inline-block;height:24px;width:50px}.sendbird-theme--light .sendbird-reaction-badge--selected{background-color:#dbd1ff;background-color:var(--sendbird-light-primary-100);border:1px solid #dbd1ff;border:1px solid var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-reaction-badge--selected{background-color:#6211c8;background-color:var(--sendbird-dark-primary-400);border:1px solid #6211c8;border:1px solid var(--sendbird-dark-primary-400)}.sendbird-reaction-badge--selected:hover{cursor:pointer}.sendbird-theme--light .sendbird-reaction-badge--selected:hover{border:1px solid #742ddd;border:1px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-reaction-badge--selected:hover{border:1px solid #c2a9fa;border:1px solid var(--sendbird-dark-primary-200)}.sendbird-reaction-badge__inner{align-items:center;display:flex;flex-direction:row;height:24px;justify-content:center;position:relative}[dir=ltr] .sendbird-reaction-badge__inner{padding-left:20px;padding-right:4px}[dir=rtl] .sendbird-reaction-badge__inner{padding-left:4px;padding-right:20px}.sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{position:absolute;top:2px}[dir=ltr] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{left:4px}[dir=rtl] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{right:4px}[dir=ltr] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__count{margin-left:4px}[dir=rtl] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__count{margin-right:4px}.sendbird-message__bottomsheet__reacted-members{box-sizing:border-box;display:inline-flex;flex-direction:row;gap:16px;height:46px;justify-content:center;overflow-x:scroll;padding:0 16px;position:relative;width:100%}.sendbird-message__bottomsheet__reacted-members__item{align-items:center;display:inline-flex;flex-direction:row;gap:4px;height:100%;position:relative}.sendbird-message__bottomsheet__reactor-list{box-sizing:border-box;display:inline-flex;flex-direction:column;height:216px;overflow-y:scroll;padding:0 16px;position:relative;width:100%}.sendbird-message__bottomsheet__reactor-list__item.sendbird-user-list-item{border-bottom:0;min-height:48px}.sendbird-bottomsheet{height:100%;position:fixed;top:0;width:100%}[dir=ltr] .sendbird-bottomsheet{left:0}[dir=rtl] .sendbird-bottomsheet{right:0}.sendbird-bottomsheet__content{bottom:0;position:fixed;width:100%;z-index:10001}[dir=ltr] .sendbird-bottomsheet__content{left:0}[dir=rtl] .sendbird-bottomsheet__content{right:0}.sendbird-bottomsheet__backdrop{height:100%;position:fixed;top:0;width:100%;z-index:10000}[dir=ltr] .sendbird-bottomsheet__backdrop{left:0}[dir=rtl] .sendbird-bottomsheet__backdrop{right:0}.sendbird-theme--light .sendbird-bottomsheet__backdrop{background-color:#00000052;background-color:var(--sendbird-light-overlay-02)}.sendbird-theme--dark .sendbird-bottomsheet__backdrop{background-color:#00000052;background-color:var(--sendbird-dark-overlay-02)}.sendbird-user-list-item{box-sizing:border-box;display:block;height:56px;position:relative;width:100%}.sendbird--mobile-mode .sendbird-user-list-item{width:100%}.sendbird-theme--light .sendbird-user-list-item{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-user-list-item{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-user-list-item .sendbird-user-list-item__avatar{cursor:pointer;position:absolute;top:8px;z-index:0}[dir=ltr] .sendbird-user-list-item .sendbird-user-list-item__avatar{left:0}[dir=rtl] .sendbird-user-list-item .sendbird-user-list-item__avatar{right:0}.sendbird-user-list-item .sendbird-muted-avatar{pointer-events:none;position:absolute;top:8px;z-index:1}[dir=ltr] .sendbird-user-list-item .sendbird-muted-avatar{left:0}[dir=rtl] .sendbird-user-list-item .sendbird-muted-avatar{right:0}.sendbird-user-list-item .sendbird-user-list-item__title{max-width:250px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:17px;white-space:nowrap}[dir=ltr] .sendbird-user-list-item .sendbird-user-list-item__title{left:56px}[dir=rtl] .sendbird-user-list-item .sendbird-user-list-item__title{right:56px}.sendbird--mobile-mode .sendbird-user-list-item .sendbird-user-list-item__title{max-width:62%}.sendbird-user-list-item .sendbird-user-list-item__subtitle{max-width:237px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:23px;white-space:nowrap}[dir=ltr] .sendbird-user-list-item .sendbird-user-list-item__subtitle{left:140px}[dir=rtl] .sendbird-user-list-item .sendbird-user-list-item__subtitle{right:140px}.sendbird--mobile-mode .sendbird-user-list-item .sendbird-user-list-item__subtitle{max-width:40%}.sendbird-user-list-item .sendbird-user-list-item__checkbox{position:absolute;top:16px}[dir=ltr] .sendbird-user-list-item .sendbird-user-list-item__checkbox{right:16px}[dir=rtl] .sendbird-user-list-item .sendbird-user-list-item__checkbox{left:16px}.sendbird-user-list-item .sendbird-user-list-item__action{position:absolute;top:10px}[dir=ltr] .sendbird-user-list-item .sendbird-user-list-item__action{right:0}[dir=rtl] .sendbird-user-list-item .sendbird-user-list-item__action{left:0}.sendbird-user-list-item .sendbird-user-list-item__operator{position:absolute;top:22px}[dir=ltr] .sendbird-user-list-item .sendbird-user-list-item__operator{right:40px}[dir=rtl] .sendbird-user-list-item .sendbird-user-list-item__operator{left:40px}[dir=ltr] .sendbird-user-list-item .sendbird-user-list-item__operator.checkbox{right:66px}[dir=rtl] .sendbird-user-list-item .sendbird-user-list-item__operator.checkbox{left:66px}.sendbird-user-list-item--small{box-sizing:border-box;display:block;height:40px;position:relative}[dir=ltr] .sendbird-user-list-item--small{padding-left:12px}[dir=rtl] .sendbird-user-list-item--small{padding-right:12px}.sendbird-user-list-item--small .sendbird-user-list-item--small__avatar{cursor:pointer;position:absolute;top:10px}.sendbird-user-list-item--small .sendbird-muted-avatar{pointer-events:none;position:absolute;top:10px}[dir=ltr] .sendbird-user-list-item--small .sendbird-muted-avatar{left:12px}[dir=rtl] .sendbird-user-list-item--small .sendbird-muted-avatar{right:12px}.sendbird-user-list-item--small .sendbird-user-list-item--small__title{overflow:hidden;position:absolute;text-overflow:ellipsis;top:10px;white-space:nowrap;width:160px}[dir=ltr] .sendbird-user-list-item--small .sendbird-user-list-item--small__title{left:54px}[dir=rtl] .sendbird-user-list-item--small .sendbird-user-list-item--small__title{right:54px}.sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle{max-width:237px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:14px;white-space:nowrap}[dir=ltr] .sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle{left:140px}[dir=rtl] .sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle{right:140px}.sendbird--mobile-mode .sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle{max-width:40%}.sendbird-user-list-item--small .sendbird-user-list-item--small__checkbox{position:absolute;top:16px}[dir=ltr] .sendbird-user-list-item--small .sendbird-user-list-item--small__checkbox{right:16px}[dir=rtl] .sendbird-user-list-item--small .sendbird-user-list-item--small__checkbox{left:16px}.sendbird-user-list-item--small .sendbird-user-list-item--small__action{display:none;position:absolute;top:4px}[dir=ltr] .sendbird-user-list-item--small .sendbird-user-list-item--small__action{right:10px}[dir=rtl] .sendbird-user-list-item--small .sendbird-user-list-item--small__action{left:10px}.sendbird-user-list-item--small .sendbird-user-list-item--small__operator{position:absolute;top:10px}[dir=ltr] .sendbird-user-list-item--small .sendbird-user-list-item--small__operator{right:24px}[dir=rtl] .sendbird-user-list-item--small .sendbird-user-list-item--small__operator{left:24px}.sendbird-theme--light .sendbird-user-list-item--small.sendbird-icon--pressed,.sendbird-theme--light .sendbird-user-list-item--small:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-user-list-item--small.sendbird-icon--pressed,.sendbird-theme--dark .sendbird-user-list-item--small:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-user-list-item--small__action,.sendbird-user-list-item--small:hover .sendbird-user-list-item--small__action{display:block}.sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-user-list-item--small__operator,.sendbird-user-list-item--small:hover .sendbird-user-list-item--small__operator{display:none}.sendbird-theme--light .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-iconbutton{background-color:#dbd1ff;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-iconbutton{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-muted-avatar{border-radius:50%;display:inline-block}.sendbird-muted-avatar .sendbird-muted-avatar__icon{position:relative}.sendbird-muted-avatar .sendbird-muted-avatar__icon .sendbird-icon{position:absolute;top:4px}[dir=ltr] .sendbird-muted-avatar .sendbird-muted-avatar__icon .sendbird-icon{left:4px}[dir=rtl] .sendbird-muted-avatar .sendbird-muted-avatar__icon .sendbird-icon{right:4px}.sendbird-muted-avatar .sendbird-muted-avatar__bg{border-radius:50%;opacity:.5;position:absolute;top:0}[dir=ltr] .sendbird-muted-avatar .sendbird-muted-avatar__bg{left:0}[dir=rtl] .sendbird-muted-avatar .sendbird-muted-avatar__bg{right:0}.sendbird-theme--light .sendbird-muted-avatar .sendbird-muted-avatar__bg{background-color:#6211c8;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-muted-avatar .sendbird-muted-avatar__bg{background-color:#742ddd;background-color:var(--sendbird-dark-primary-300)}.sendbird-checkbox{cursor:pointer;display:inline-block;font-size:22px;margin-bottom:12px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=ltr] .sendbird-checkbox{padding-left:35px}[dir=rtl] .sendbird-checkbox{padding-right:35px}.sendbird-checkbox input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.sendbird-checkbox--checkmark{background-color:inherit;border-radius:2px;height:18px;position:absolute;top:0;width:18px}[dir=ltr] .sendbird-checkbox--checkmark{left:0}[dir=rtl] .sendbird-checkbox--checkmark{right:0}.sendbird-theme--light .sendbird-checkbox--checkmark{border:2px solid #393939;border:2px solid var(--sendbird-light-background-400)}.sendbird-theme--dark .sendbird-checkbox--checkmark{border:2px solid #bdbdbd;border:2px solid var(--sendbird-dark-background-300)}.sendbird-theme--light .sendbird-checkbox--checkmark.disabled{border:2px solid #0000001f;border:2px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-checkbox--checkmark.disabled{border:2px solid #ffffff1f;border:2px solid var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-checkbox input:focus~.sendbird-checkbox--checkmark{box-shadow:0 0 0 2px #742ddd;box-shadow:0 0 0 2px var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-checkbox input:focus~.sendbird-checkbox--checkmark{box-shadow:0 0 0 2px #c2a9fa;box-shadow:0 0 0 2px var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-checkbox input:checked~.sendbird-checkbox--checkmark{background-color:#742ddd;background-color:var(--sendbird-light-primary-300);border:2px solid #742ddd;border:2px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-checkbox input:checked~.sendbird-checkbox--checkmark{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200);border:2px solid #c2a9fa;border:2px solid var(--sendbird-dark-primary-200)}.sendbird-checkbox input:checked~.sendbird-checkbox--checkmark.disabled{cursor:default}.sendbird-theme--light .sendbird-checkbox input:checked~.sendbird-checkbox--checkmark.disabled{background-color:#0000001f;background-color:var(--sendbird-light-onlight-04);border:2px solid #0000001f;border:2px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-checkbox input:checked~.sendbird-checkbox--checkmark.disabled{background-color:#ffffff1f;background-color:var(--sendbird-dark-ondark-04);border:2px solid #ffffff1f;border:2px solid var(--sendbird-dark-ondark-04)}.sendbird-checkbox--checkmark:after{content:"";display:none;position:absolute}.sendbird-checkbox input:checked~.sendbird-checkbox--checkmark:after{display:block}.sendbird-theme--light .sendbird-checkbox .sendbird-checkbox--checkmark:after{border:solid #fff;border:solid var(--sendbird-light-background-50);border-width:0 2px 2px 0;height:12px;left:5px;top:-.5px;transform:rotate(45deg);width:7px}.sendbird-theme--dark .sendbird-checkbox .sendbird-checkbox--checkmark:after{border:solid #161616;border:solid var(--sendbird-dark-background-600);border-width:0 2px 2px 0;height:12px;left:5px;top:-.5px;transform:rotate(45deg);width:7px}.sendbird__user-profile{border-radius:4px;box-sizing:border-box;padding:24px;text-align:center;width:320px}.sendbird-theme--light .sendbird__user-profile{background-color:#fff;background-color:var(--sendbird-light-background-50);box-shadow:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;box-shadow:var(--sendbird-light-shadow-02)}.sendbird-theme--dark .sendbird__user-profile{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);box-shadow:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;box-shadow:var(--sendbird-dark-shadow-02)}.sendbird__user-profile .sendbird__user-profile-avatar{margin:8px 0}.sendbird__user-profile .sendbird__user-profile-name{max-width:100%;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-theme--light .sendbird__user-profile .sendbird__user-profile-name{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird__user-profile .sendbird__user-profile-name{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird__user-profile .sendbird__user-profile-message{margin-top:20px}.sendbird__user-profile .sendbird__user-profile-message button{width:272px}.sendbird__user-profile .sendbird__user-profile-separator{height:1px;margin:24px 0}.sendbird-theme--light .sendbird__user-profile .sendbird__user-profile-separator{background-color:#0000001f;background-color:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird__user-profile .sendbird__user-profile-separator{background-color:#ffffff1f;background-color:var(--sendbird-dark-ondark-04)}.sendbird__user-profile .sendbird__user-profile-userId--label,.sendbird__user-profile .sendbird__user-profile-userId--value{display:block;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}[dir=ltr] .sendbird__user-profile .sendbird__user-profile-userId--label,[dir=ltr] .sendbird__user-profile .sendbird__user-profile-userId--value{text-align:left}[dir=rtl] .sendbird__user-profile .sendbird__user-profile-userId--label,[dir=rtl] .sendbird__user-profile .sendbird__user-profile-userId--value{text-align:right}.sendbird__user-profile .sendbird__user-profile-userId--label{margin-bottom:8px}.sendbird-tooltip{border-radius:8px;display:inline-flex;justify-content:center;max-width:200px;padding:8px 16px;position:relative}.sendbird-theme--light .sendbird-tooltip{background-color:#000;background-color:var(--sendbird-light-background-700)}.sendbird-theme--dark .sendbird-tooltip{background-color:#bdbdbd;background-color:var(--sendbird-dark-background-300)}.sendbird-tooltip:after{bottom:-4px;content:"";height:8px;position:absolute;width:8px}[dir=ltr] .sendbird-tooltip:after{transform:rotate(45deg)}[dir=rtl] .sendbird-tooltip:after{transform:rotate(-45deg)}.sendbird-theme--light .sendbird-tooltip:after{background-color:#000;background-color:var(--sendbird-light-background-700)}.sendbird-theme--dark .sendbird-tooltip:after{background-color:#bdbdbd;background-color:var(--sendbird-dark-background-300)}.sendbird-tooltip__text{font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);font-size:12px;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:normal;line-height:1.33;max-width:180px;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.sendbird-tooltip-wrapper{display:inline-flex;position:relative}.sendbird-tooltip-wrapper__hover-tooltip{display:inline-flex;position:absolute;width:200px}.sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container{display:inline-flex;position:relative}.sendbird-admin-message{align-items:center;display:flex;justify-content:center}.sendbird-admin-message .sendbird-admin-message__text{display:flex;text-align:center}.sendbird-quote-message{box-sizing:border-box;display:inline-flex;flex-direction:column;max-width:400px;position:relative;width:100%}.sendbird-quote-message.incoming{align-items:flex-start}.sendbird-quote-message.outgoing{align-items:flex-end}.sendbird-quote-message .sendbird-quote-message__replied-to{align-items:center;display:inline-flex;flex-direction:row;height:16px;padding:0 12px;position:relative;width:100%}.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon{margin-bottom:4px;position:relative}[dir=ltr] .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon{margin-right:4px}[dir=rtl] .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon{margin-left:4px}.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text{align-items:center;display:inline-flex;flex-direction:row;font-size:12px;max-width:360px;overflow:hidden;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text .sendbird-quote-message__replied-to__text__nickname{display:inline-block;max-width:148px;overflow:hidden;text-overflow:ellipsis}.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text .sendbird-quote-message__replied-to__text__text{margin:0 4px}.sendbird-quote-message .sendbird-quote-message__replied-message{display:inline-flex;position:relative}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message{border-radius:16px;font-size:12px;opacity:.5;padding:8px 12px 16px;position:relative;white-space:pre-wrap;word-break:break-all}.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message .sendbird-quote-message__replied-message__text-message__word{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:inline-flex;display:-webkit-box;max-height:30px;overflow:hidden;position:relative;text-overflow:ellipsis}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message{border-radius:6.4px;height:108px;overflow:hidden;position:relative;width:144px}.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__image,.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__video{display:inline-flex;height:100%;opacity:.5;position:absolute;top:0;width:100%}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__placeholder{align-items:center;display:inline-flex;height:100%;justify-content:center;position:absolute;width:100%}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__placeholder .sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon{align-items:center;border-radius:50%;display:inline-flex;height:22px;justify-content:center;width:22px}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover{align-items:center;display:inline-flex;height:100%;justify-content:center;position:absolute;top:0;width:100%}.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover,.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover{background-color:#fff6}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon{align-items:center;border-radius:50%;display:inline-flex;height:22px;justify-content:center;position:relative;width:22px}.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon,.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon{background-color:#fff}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message{border-radius:16px;display:inline-flex;flex-direction:row;font-size:12px;opacity:.5;padding:8px 12px 16px;position:relative}.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}[dir=ltr] .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message .sendbird-quote-message__replied-message__file-message__type-icon{margin-right:2px}[dir=rtl] .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message .sendbird-quote-message__replied-message__file-message__type-icon{margin-left:2px}.sendbird-quote-message:hover{cursor:pointer}.sendbird-quote-message.unavailable:hover{cursor:default}.sendbird-message-content.outgoing .sendbird-quote-message__replied-to{flex-direction:row-reverse}.sendbird-conversation__messages[dir=ltr] .sendbird-message-content.outgoing .sendbird-quote-message__replied-to{padding-right:0}.sendbird-conversation__messages[dir=ltr] .sendbird-message-content.incoming .sendbird-quote-message__replied-to,.sendbird-conversation__messages[dir=rtl] .sendbird-message-content.outgoing .sendbird-quote-message__replied-to{padding-left:0}.sendbird-conversation__messages[dir=rtl] .sendbird-message-content.incoming .sendbird-quote-message__replied-to{padding-right:0}.sendbird-message__mobile-context-menu{border-radius:8px;width:180px}.sendbird-message__contextmenu--hyperlink{display:flex;justify-content:space-between}.sendbird-message__bottomsheet--hyperlink{display:block}.sendbird-message__bottomsheet--hyperlink,.sendbird-message__contextmenu--hyperlink{color:inherit;font-family:inherit;font-size:inherit;font-stretch:normal;font-style:normal;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:none;width:100%}.sendbird-theme--light .sendbird-message__mobile-context-menu-item:not(:last-child){border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-message__mobile-context-menu-item:not(:last-child){border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-message__bottomsheet{border-top-left-radius:8px;border-top-right-radius:8px;padding-top:16px;width:100vw}.sendbird-theme--light .sendbird-message__bottomsheet{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-message__bottomsheet{background-color:#161616;background-color:var(--sendbird-dark-background-600)}.sendbird-message__bottomsheet-reaction-bar{display:flex;justify-content:center;margin-bottom:0;margin-top:0}[dir=ltr] .sendbird-message__bottomsheet-reaction-bar{padding-left:0}[dir=rtl] .sendbird-message__bottomsheet-reaction-bar{padding-right:0}.sendbird-message__bottomsheet-reaction-bar__row{display:inline-block}.sendbird-message__bottomsheet-reaction-bar__row.sendbird-message__bottomsheet-reaction-bar__all{display:flex;flex-direction:row;flex-wrap:wrap}.sendbird-message__bottomsheet--action{align-items:center;cursor:pointer;display:flex;height:48px}[dir=ltr] .sendbird-message__bottomsheet--action{padding-left:16px}[dir=rtl] .sendbird-message__bottomsheet--action{padding-right:16px}[dir=ltr] .sendbird-message__bottomsheet--action .sendbird-icon{margin-right:24px}[dir=rtl] .sendbird-message__bottomsheet--action .sendbird-icon{margin-left:24px}.sendbird-message__bottomsheet--action-disabled{cursor:not-allowed}.sendbird-theme--light .sendbird-message__bottomsheet--action-disabled{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-message__bottomsheet--action-disabled{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-ui-thread-replies{align-items:center;border-radius:16px;display:inline-flex;flex-direction:row;gap:4px;height:20px;justify-content:flex-start;min-height:20px;padding:4px 10px;position:relative;width:-moz-fit-content;width:fit-content}.sendbird-theme--light .sendbird-ui-thread-replies{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-ui-thread-replies{background-color:#161616;background-color:var(--sendbird-dark-background-600)}.sendbird-ui-thread-replies:hover{cursor:pointer}.sendbird-theme--light .sendbird-ui-thread-replies:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-ui-thread-replies:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-ui-thread-replies__user-profiles{display:inline-flex;flex-direction:row;gap:4px;height:100%;position:relative;width:100%}.sendbird-ui-thread-replies__user-profiles__avatar{align-items:center;display:inline-flex;height:20px;justify-content:center;position:relative;width:20px}.sendbird-ui-thread-replies__user-profiles__avatar__image{height:20px;position:absolute;top:0;width:20px}[dir=ltr] .sendbird-ui-thread-replies__user-profiles__avatar__image{left:0}[dir=rtl] .sendbird-ui-thread-replies__user-profiles__avatar__image{right:0}.sendbird-ui-thread-replies__user-profiles__avatar__cover{background-color:#0000008c;background-color:var(--sendbird-light-overlay-01);border-radius:50%;height:20px;position:absolute;top:0;width:20px}[dir=ltr] .sendbird-ui-thread-replies__user-profiles__avatar__cover{left:0}[dir=rtl] .sendbird-ui-thread-replies__user-profiles__avatar__cover{right:0}.sendbird-ui-thread-replies__user-profiles__avatar__plus{align-items:center;display:inline-flex;height:20px;justify-content:center;position:absolute;top:0;width:20px}[dir=ltr] .sendbird-ui-thread-replies__user-profiles__avatar__plus{left:0}[dir=rtl] .sendbird-ui-thread-replies__user-profiles__avatar__plus{right:0}.sendbird-ui-thread-replies__reply-counts{align-items:center;display:inline-flex;flex-direction:row;height:12px;justify-content:flex-start;min-width:-moz-fit-content;min-width:fit-content;position:relative;white-space:nowrap}.sendbird-ui-thread-replies__icon{display:inline-flex;position:relative}[dir=rtl] .sendbird-ui-thread-replies__icon{transform:rotate(180deg)}.sendbird-og-message-item-body{display:inline-block;min-width:320px;position:relative;width:320px}.sendbird--mobile-mode .sendbird-og-message-item-body{min-width:160px}.sendbird-og-message-item-body .sendbird-og-message-item-body__text-bubble{border-radius:16px 16px 0 0;box-sizing:border-box;padding:8px 12px;position:relative;white-space:pre-line;word-break:break-word}.sendbird-og-message-item-body .sendbird-og-message-item-body__text-bubble .sendbird-og-message-item-body__text-bubble__message{display:inline;margin:0 2px}.sendbird-og-message-item-body .sendbird-og-message-item-body__og-thumbnail{overflow:hidden;position:relative}.sendbird-og-message-item-body .sendbird-og-message-item-body__og-thumbnail .sendbird-og-message-item-body__og-thumbnail__image{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.sendbird-og-message-item-body.reactions .sendbird-og-message-item-body__description{border-radius:0}.sendbird-og-message-item-body .sendbird-og-message-item-body__description{border-radius:0 0 16px 16px;display:flex;flex-direction:column;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.sendbird-theme--light .sendbird-og-message-item-body .sendbird-og-message-item-body__description{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-og-message-item-body .sendbird-og-message-item-body__description{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-og-message-item-body .sendbird-og-message-item-body__description .sendbird-og-message-item-body__description__description,.sendbird-og-message-item-body .sendbird-og-message-item-body__description .sendbird-og-message-item-body__description__title{display:inline-block;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.sendbird-og-message-item-body .sendbird-og-message-item-body__description .sendbird-og-message-item-body__description__url{display:inline-block;margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.sendbird-og-message-item-body .sendbird-og-message-item-body__description:hover,.sendbird-og-message-item-body .sendbird-og-message-item-body__og-thumbnail:hover{cursor:pointer}.sendbird-theme--light .sendbird-og-message-item-body.outgoing .sendbird-og-message-item-body__text-bubble{background-color:#742ddd;background-color:var(--sendbird-light-primary-300);color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-og-message-item-body.outgoing .sendbird-og-message-item-body__text-bubble{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200);color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-og-message-item-body.incoming .sendbird-og-message-item-body__text-bubble{background-color:#eee;background-color:var(--sendbird-light-background-100);color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-og-message-item-body.incoming .sendbird-og-message-item-body__text-bubble{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-og-message-item-body.mouse-hover .sendbird-og-message-item-body__description,.sendbird-theme--light .sendbird-og-message-item-body:hover .sendbird-og-message-item-body__description{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-og-message-item-body.mouse-hover .sendbird-og-message-item-body__description,.sendbird-theme--dark .sendbird-og-message-item-body:hover .sendbird-og-message-item-body__description{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-og-message-item-body.mouse-hover.outgoing .sendbird-og-message-item-body__text-bubble,.sendbird-theme--light .sendbird-og-message-item-body:hover.outgoing .sendbird-og-message-item-body__text-bubble{background-color:#6211c8;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-og-message-item-body.mouse-hover.outgoing .sendbird-og-message-item-body__text-bubble,.sendbird-theme--dark .sendbird-og-message-item-body:hover.outgoing .sendbird-og-message-item-body__text-bubble{background-color:#742ddd;background-color:var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-og-message-item-body.mouse-hover.incoming .sendbird-og-message-item-body__text-bubble,.sendbird-theme--light .sendbird-og-message-item-body:hover.incoming .sendbird-og-message-item-body__text-bubble{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-og-message-item-body.mouse-hover.incoming .sendbird-og-message-item-body__text-bubble,.sendbird-theme--dark .sendbird-og-message-item-body:hover.incoming .sendbird-og-message-item-body__text-bubble{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-og-message-item-body .sendbird-og-message-item-body__cover{border-radius:16px 16px 0 0;display:none;height:100%;position:absolute;top:0;width:100%}[dir=ltr] .sendbird-og-message-item-body .sendbird-og-message-item-body__cover{left:0}[dir=rtl] .sendbird-og-message-item-body .sendbird-og-message-item-body__cover{right:0}div.sendbird-og-message-item-body__text-bubble{margin:0}.sendbird-word{white-space:break-spaces}.sendbird-word .sendbird-word__mention{display:inline-block}.sendbird-word .sendbird-word__mention:hover{cursor:pointer}.sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me,.sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me{background-color:#fff2b6;background-color:var(--sendbird-highlight-100)}.sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-link-label{text-decoration:none;text-decoration:initial}.sendbird-link-label:hover{cursor:pointer;text-decoration:underline}.sendbird-link-label:focus{outline:none}.sendbird-link-label__label{display:inline}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-1{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-1{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-2{color:#00000080;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-2{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-3{color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-3{color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-1{color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-1{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-2{color:#ffffff80;color:var(--sendbird-light-ondark-02)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-2{color:#00000080;color:var(--sendbird-dark-onlight-02)}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-primary{color:#742ddd;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-primary{color:#c2a9fa;color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-error{color:#de360b;color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-error{color:#f66161;color:var(--sendbird-dark-error-200)}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-secondary-3{color:#259c72;color:var(--sendbird-light-secondary-300)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-secondary-3{color:#69c085;color:var(--sendbird-dark-secondary-200)}.sendbird-text-message-item-body{border-radius:16px;box-sizing:initial;display:inline-block;padding:8px 12px;position:relative;white-space:pre-line;word-break:break-word}.sendbird-text-message-item-body.reactions{border-radius:16px 16px 0 0}.sendbird-theme--light .sendbird-text-message-item-body.incoming{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-text-message-item-body.incoming{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-text-message-item-body.outgoing{background-color:#742ddd;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-text-message-item-body.outgoing{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-text-message-item-body.mouse-hover.incoming,.sendbird-theme--light .sendbird-text-message-item-body:hover.incoming{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.incoming,.sendbird-theme--dark .sendbird-text-message-item-body:hover.incoming{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-text-message-item-body.mouse-hover.outgoing,.sendbird-theme--light .sendbird-text-message-item-body:hover.outgoing{background-color:#6211c8;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.outgoing,.sendbird-theme--dark .sendbird-text-message-item-body:hover.outgoing{background-color:#742ddd;background-color:var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-text-message-item-body.disable-hover.mouse-hover.incoming,.sendbird-theme--light .sendbird-text-message-item-body.disable-hover:hover.incoming{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-text-message-item-body.disable-hover.mouse-hover.incoming,.sendbird-theme--dark .sendbird-text-message-item-body.disable-hover:hover.incoming{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-text-message-item-body.disable-hover.mouse-hover.outgoing,.sendbird-theme--light .sendbird-text-message-item-body.disable-hover:hover.outgoing{background-color:#742ddd;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-text-message-item-body.disable-hover.mouse-hover.outgoing,.sendbird-theme--dark .sendbird-text-message-item-body.disable-hover:hover.outgoing{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200)}.sendbird-text-message-item-body .sendbird-text-message-item-body__text-bubble__message{display:inline;margin:0 2px}div.sendbird-text-message-item-body{margin:0}.sendbird-file-message-item-body{align-items:center;border-radius:16px;box-sizing:border-box;display:inline-block;padding:8px 12px;position:relative}.sendbird-file-message-item-body.reactions{border-radius:16px 16px 0 0}.sendbird-theme--light .sendbird-file-message-item-body.outgoing{background-color:#742ddd;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-file-message-item-body.outgoing{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-file-message-item-body.incoming{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-file-message-item-body.incoming{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-file-message-item-body.mouse-hover.outgoing,.sendbird-theme--light .sendbird-file-message-item-body:hover.outgoing{background-color:#6211c8;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-file-message-item-body.mouse-hover.outgoing,.sendbird-theme--dark .sendbird-file-message-item-body:hover.outgoing{background-color:#742ddd;background-color:var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-file-message-item-body.mouse-hover.incoming,.sendbird-theme--light .sendbird-file-message-item-body:hover.incoming{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-file-message-item-body.mouse-hover.incoming,.sendbird-theme--dark .sendbird-file-message-item-body:hover.incoming{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon{align-items:center;border-radius:8px;display:inline-flex;height:28px;justify-content:center;min-height:28px;min-width:28px;width:28px}[dir=ltr] .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon{margin-right:8px}[dir=rtl] .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon{margin-left:8px}.sendbird-theme--light .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon{background-color:#161616;background-color:var(--sendbird-dark-background-600)}.sendbird-file-message-item-body .sendbird-file-message-item-body__file-name{position:relative;top:-6px}.sendbird-image-grid-wrap{display:flex;justify-content:flex-end;width:100%}.sendbird-image-grid{grid-gap:4px;border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);padding:4px;width:-moz-fit-content;width:fit-content}.sendbird-theme--light .sendbird-image-grid{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-image-grid{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-image-grid.reactions{border-radius:12px 12px 0 0}.sendbird-fileviewer .sendbird-fileviewer__content{position:relative}.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__img__multi{max-height:calc(100% - 64px);max-width:calc(100% - 120px)}.sendbird-file-viewer-arrow--left,.sendbird-file-viewer-arrow--right{cursor:pointer;height:32px;position:absolute;top:calc(50% - 16px);width:32px}.sendbird-file-viewer-arrow--left{left:14px}.sendbird-file-viewer-arrow--right{right:14px;transform:rotate(180deg)}.sendbird-multiple-files-image-renderer-wrapper{cursor:pointer;width:100%}.sendbird-multiple-files-image-renderer__thumbnail__placeholder{align-items:center;border-radius:16px;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.sendbird-theme--light .sendbird-multiple-files-image-renderer__thumbnail__placeholder{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-multiple-files-image-renderer__thumbnail__placeholder{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-multiple-files-image-renderer__thumbnail__placeholder .sendbird-multiple-files-image-renderer__thumbnail__placeholder__icon{align-items:center;background-color:#ffffffe0;background-color:var(--sendbird-light-ondark-01);border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}.sendbird-voice-message-item-body{border-radius:16px;display:inline-flex;overflow:hidden;position:relative;width:100%}.sendbird-voice-message-item-body.is-reactions-contained{border-radius:16px 16px 0 0}.sendbird-voice-message-item-body__progress-bar{height:50px;position:absolute;width:100%}.sendbird-voice-message-item-body__status-button{align-items:center;display:inline-flex;height:34px;justify-content:center;min-height:34px;min-width:34px;position:relative;top:8px;width:34px}[dir=ltr] .sendbird-voice-message-item-body__status-button{left:12px}[dir=rtl] .sendbird-voice-message-item-body__status-button{right:12px}.sendbird-voice-message-item-body__status-button__button{align-items:center;border-radius:50%;display:inline-flex;height:100%;justify-content:center;width:100%}.sendbird-theme--light .sendbird-voice-message-item-body__status-button__button{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-voice-message-item-body__status-button__button{background-color:#161616;background-color:var(--sendbird-dark-background-600)}.sendbird-voice-message-item-body__playback-time{position:absolute;top:15px}[dir=ltr] .sendbird-voice-message-item-body__playback-time{right:12px}[dir=rtl] .sendbird-voice-message-item-body__playback-time{left:12px}.sendbird-voice-message-item-body__status-button__button__pause{align-items:center;display:inline-flex;height:13.75px;justify-content:space-between;position:relative;width:13.75px}.sendbird-voice-message-item-body__status-button__button__pause__inner{border-radius:2px;display:inline-flex;height:13.75px;position:relative;width:4.38px}.sendbird-theme--light .sendbird-voice-message-item-body__status-button__button__pause__inner{background-color:#742ddd;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-voice-message-item-body__status-button__button__pause__inner{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200)}.sendbird-progress-bar,.sendbird-progress-bar__fill{display:inline-flex;height:100%;width:100%}.sendbird-progress-bar{justify-content:flex-start}.sendbird-theme--light .sendbird-progress-bar__fill{background-color:#00000061;background-color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-progress-bar__fill{background-color:#ffffff61;background-color:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .progress-bar-color--primary{background-color:#742ddd;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .progress-bar-color--primary{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .progress-bar-color--gray,.sendbird-theme--light .sendbird-progress-bar.progress-bar--disabled{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .progress-bar-color--gray,.sendbird-theme--dark .sendbird-progress-bar.progress-bar--disabled{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-progress-bar.progress-bar--disabled .sendbird-progress-bar__fill{background-color:initial}.sendbird-thumbnail-message-item-body{border-radius:16px;box-sizing:border-box;display:block;height:270px;max-width:400px;min-width:360px;overflow:hidden;position:relative;width:100%}.sendbird--mobile-mode .sendbird-thumbnail-message-item-body{min-width:160px}.sendbird-thumbnail-message-item-body.reactions{border-radius:16px 16px 0 0}.sendbird-theme--light .sendbird-thumbnail-message-item-body{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-thumbnail-message-item-body{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-thumbnail-message-item-body.mouse-hover,.sendbird-theme--light .sendbird-thumbnail-message-item-body:hover{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-thumbnail-message-item-body.mouse-hover,.sendbird-theme--dark .sendbird-thumbnail-message-item-body:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__thumbnail{border-radius:16px;position:absolute}.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__placeholder{align-items:center;display:flex;height:270px;justify-content:center;position:absolute;width:100%}.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__placeholder .sendbird-thumbnail-message-item-body__placeholder__icon{align-items:center;background-color:#fff;background-color:var(--sendbird-light-background-50);border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__image-cover{background-color:#0000008c;background-color:var(--sendbird-light-overlay-01);border-radius:16px;display:none;height:270px;position:absolute;top:0;width:100%}.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__video{border-radius:16px;height:270px;position:absolute;width:100%}.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper{align-items:center;display:flex;height:270px;justify-content:center;position:absolute;width:100%}.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper .sendbird-thumbnail-message-item-body__icon-wrapper__icon{align-items:center;background-color:#ffffffe0;background-color:var(--sendbird-light-ondark-01);border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}.sendbird-thumbnail-message-item-body:hover{cursor:pointer}.sendbird-thumbnail-message-item-body:hover .sendbird-thumbnail-message-item-body__image-cover{display:inline-flex}.sendbird-unknown-message-item-body{border-radius:16px;box-sizing:border-box;display:inline-block;padding:8px 12px;position:relative}.sendbird-unknown-message-item-body.reactions{border-radius:16px 16px 0 0}.sendbird-theme--light .sendbird-unknown-message-item-body.outgoing{background-color:#742ddd;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-unknown-message-item-body.outgoing{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-unknown-message-item-body.incoming{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-unknown-message-item-body.incoming{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-unknown-message-item-body.mouse-hover.outgoing,.sendbird-theme--light .sendbird-unknown-message-item-body:hover.outgoing{background-color:#6211c8;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.outgoing,.sendbird-theme--dark .sendbird-unknown-message-item-body:hover.outgoing{background-color:#742ddd;background-color:var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-unknown-message-item-body.mouse-hover.incoming,.sendbird-theme--light .sendbird-unknown-message-item-body:hover.incoming{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.incoming,.sendbird-theme--dark .sendbird-unknown-message-item-body:hover.incoming{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__description,.sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__header{display:block}.sendbird-template-message-item-body{background-color:initial;max-width:100%}.sendbird-template-message-item-body,.sendbird-template-message-item-body__fallback_message{box-sizing:initial;display:inline-block;position:relative;white-space:pre-line;word-break:break-word}.sendbird-template-message-item-body__fallback_message{border-radius:16px;padding:8px 12px}.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.incoming{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.incoming{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.outgoing{background-color:#742ddd;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.outgoing{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.mouse-hover.incoming,.sendbird-theme--light .sendbird-template-message-item-body__fallback_message:hover.incoming{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.mouse-hover.incoming,.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message:hover.incoming{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.mouse-hover.outgoing,.sendbird-theme--light .sendbird-template-message-item-body__fallback_message:hover.outgoing{background-color:#6211c8;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.mouse-hover.outgoing,.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message:hover.outgoing{background-color:#742ddd;background-color:var(--sendbird-dark-primary-300)}.sendbird-template-message-item-body__fallback_message .sendbird-template-message-item-body__fallback_message__description,.sendbird-template-message-item-body__fallback_message .sendbird-template-message-item-body__fallback_message__header{display:block}.sendbird-template-loading-message-item-body{align-items:center;border-radius:16px;box-sizing:initial;display:inline-flex;height:274px;justify-content:center;position:relative;width:100%}.sendbird-theme--light .sendbird-template-loading-message-item-body.incoming{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-template-loading-message-item-body.incoming{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-template-loading-message-item-body.outgoing{background-color:#742ddd;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-template-loading-message-item-body.outgoing{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-template-loading-message-item-body.mouse-hover.incoming,.sendbird-theme--light .sendbird-template-loading-message-item-body:hover.incoming{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-template-loading-message-item-body.mouse-hover.incoming,.sendbird-theme--dark .sendbird-template-loading-message-item-body:hover.incoming{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-template-loading-message-item-body.mouse-hover.outgoing,.sendbird-theme--light .sendbird-template-loading-message-item-body:hover.outgoing{background-color:#6211c8;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-template-loading-message-item-body.mouse-hover.outgoing,.sendbird-theme--dark .sendbird-template-loading-message-item-body:hover.outgoing{background-color:#742ddd;background-color:var(--sendbird-dark-primary-300)}.sb-message-template__border{position:relative}.sb-message-template__border:after{border-radius:var(--border-radius);bottom:0;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.sb-message-template__action{cursor:pointer}.sb-message-template__parent{font-family:Roboto,serif}.sb-message-template__text{font-family:inherit;font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal}[dir=ltr] .sb-message-template__text{text-align:left}[dir=rtl] .sb-message-template__text{text-align:right}.sb-message-template__text-button{background-color:#e0e0e0;border-radius:6px;font-family:inherit;font-size:14px;font-stretch:normal;font-style:normal;font-weight:600;letter-spacing:normal;padding:10px;text-align:center}.sendbird-theme--light .sb-message-template__text-button{color:#742ddd}.sendbird-theme--dark .sb-message-template__text-button{color:#c2a9fa}.sb-message-template__text-button:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;opacity:1}.sb-message-template__image-button,.sb-message-template__text-button{border-style:none;cursor:pointer}.sb-message-template__parent{background-color:initial;border-radius:0;border-radius:initial;overflow:hidden}.sb-message-template__parent *{box-sizing:border-box;line-height:1.3}.sb-message-template__carousel{box-sizing:border-box;display:flex;touch-action:pan-y;width:100%}.sendbird-message-template__root *{box-sizing:border-box}.sendbird-message-template__root{border-radius:0;font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default)}.sendbird-theme--light{--form__chip__color__selected-focus:var(--sendbird-light-primary-300);--form__chip__color__submitted-default:var(--sendbird-light-onlight-02);--form__chip__bg-color__default:var(--sendbird-light-background-50);--form__chip__bg-color__selected:var(--sendbird-light-primary-100);--form__chip__bg-color__selected-hover:var(--sendbird-light-background-50);--form__chip__bg-color__selected-focus:var(--sendbird-light-background-50);--form__chip__bg-color__submitted-default:var(--sendbird-dark-ondark-02);--form__chip__bg-color__submitted-selected:var(--sendbird-dark-ondark-02);--form__chip__bd-color__default-focus:var(--sendbird-light-primary-300);--form__chip__bd-color__selected-focus:var(--sendbird-light-primary-300);--form__submitted-input-box__color:var(--sendbird-dark-onlight-01);--form__submitted-input-box__bg-color:var(--sendbird-dark-ondark-02);--form__submit-button__color__disabled:var(--sendbird-light-background-50);--form__submit-button__bg-color__disabled:var(--sendbird-light-onlight-04)}.sendbird-theme--dark{--form__chip__color__selected-focus:var(--sendbird-dark-ondark-02);--form__chip__color__submitted-default:var(--sendbird-dark-ondark-04);--form__chip__bg-color__default:var(--sendbird-light-onlight-03);--form__chip__bg-color__selected:var(--sendbird-dark-background-600);--form__chip__bg-color__selected-hover:var(--sendbird-light-onlight-03);--form__chip__bg-color__selected-focus:var(--sendbird-light-onlight-03);--form__chip__bg-color__submitted-default:var(--sendbird-light-onlight-04);--form__chip__bg-color__submitted-selected:var(--sendbird-light-onlight-04);--form__chip__bd-color__default-focus:var(--sendbird-dark-ondark-02);--form__chip__bd-color__selected-focus:var(--sendbird-dark-ondark-02);--form__submitted-input-box__color:var(--sendbird-dark-ondark-01);--form__submitted-input-box__bg-color:var(--sendbird-light-onlight-04);--form__submit-button__color__disabled:var(--sendbird-light-onlight-01);--form__submit-button__bg-color__disabled:var(--sendbird-dark-ondark-04)}.sendbird-form-message__submit-button{width:100%}.sendbird-form-message__submit-button.sendbird-button__disabled{cursor:not-allowed}.sendbird-form-message__submit-button.sendbird-button__disabled.sendbird-button--primary .sendbird-button__text{color:var(--form__submit-button__color__disabled)}.sendbird-theme--light .sendbird-form-message__submit-button.sendbird-button__disabled{background-color:var(--form__submit-button__bg-color__disabled);border:none}.sendbird-theme--light .sendbird-form-message__submit-button.sendbird-button__disabled:hover{background-color:var(--form__submit-button__bg-color__disabled)}.sendbird-theme--dark .sendbird-form-message__submit-button.sendbird-button__disabled{background-color:var(--form__submit-button__bg-color__disabled);border:none}.sendbird-theme--dark .sendbird-form-message__submit-button.sendbird-button__disabled:hover{background-color:var(--form__submit-button__bg-color__disabled)}.sendbird-form-message__input__label{display:block;font-weight:500;line-height:14px;margin-bottom:6px}.sendbird-form-message__input__title-container{display:inline-block}.sendbird-form-message__input__container{position:relative;width:100%}.sendbird-theme--light .sendbird-form-message__input__title-optional{color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-form-message__input__title-optional{color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-form-message__input__root{font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);padding-bottom:12px;width:100%}.sendbird-form-message__input__textarea{display:block;height:96px!important;padding:7px 12px!important;resize:none}.sendbird-theme--light .sendbird-form-message__input__textarea ::-moz-placeholder{color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--light .sendbird-form-message__input__textarea ::placeholder{color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-form-message__input__textarea ::-moz-placeholder{color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-theme--dark .sendbird-form-message__input__textarea ::placeholder{color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-form-message__error-label{color:#de360b;color:var(--sendbird-light-error-300);margin-top:4px}.sendbird-form-message__submitted-input-box-text{line-height:20px;width:calc(100% - 24px)}.sendbird-form-message__root.sendbird-form-message__root{align-items:flex-start;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;min-width:220px;overflow:hidden;padding:16px 12px}.sendbird--mobile-mode .sendbird-form-message__root.sendbird-form-message__root{max-width:calc(100vw - 164px)}.sendbird-form-message__input__chip-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:4px;width:100%}[dir=ltr] .sendbird-form-message__submitted-check-icon-chip{margin-left:4px}[dir=rtl] .sendbird-form-message__submitted-check-icon-chip{margin-right:4px}.sendbird-form-message__submitted-check-icon-container{align-items:flex-end;display:flex;height:auto}.sendbird-form-message__submitted-input-box{word-wrap:break-word;background-color:var(--form__submitted-input-box__bg-color);border:none;border-radius:4px;color:var(--form__submitted-input-box__color);display:flex;font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1.43;min-height:20px;overflow-wrap:break-word;padding:8px 12px;pointer-events:none;white-space:pre-wrap;width:calc(100% - 24px)}.sendbird-form-message__submitted-input-box.textarea{min-height:78px;padding:9px 12px}.sendbird-form-message__input__chip-text{font-size:12px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-form-message__input__chip{align-items:center;border-radius:100px;display:flex;justify-content:center;max-width:calc(100% - 32px);padding:5px 11px}.sendbird-theme--light .sendbird-form-message__input__chip.default{background-color:var(--form__chip__bg-color__default);border:1px solid #0000001f;border:1px solid var(--sendbird-light-onlight-04);color:#00000080;color:var(--sendbird-light-onlight-02);cursor:pointer}.sendbird-theme--light .sendbird-form-message__input__chip.default:hover{border:1px solid #742ddd;border:1px solid var(--sendbird-light-primary-300);color:#742ddd;color:var(--sendbird-light-primary-300)}.sendbird-theme--light .sendbird-form-message__input__chip.default:focus{border:1px solid var(--form__chip__bd-color__default-focus);box-shadow:0 0 0 1px var(--form__chip__bd-color__default-focus);color:#00000080;color:var(--sendbird-light-onlight-02);outline:none}.sendbird-theme--dark .sendbird-form-message__input__chip.default{background-color:var(--form__chip__bg-color__default);border:1px solid #ffffff1f;border:1px solid var(--sendbird-dark-ondark-04);color:#ffffff80;color:var(--sendbird-dark-ondark-02);cursor:pointer}.sendbird-theme--dark .sendbird-form-message__input__chip.default:hover{border:1px solid #c2a9fa;border:1px solid var(--sendbird-dark-primary-200);color:#c2a9fa;color:var(--sendbird-dark-primary-200)}.sendbird-theme--dark .sendbird-form-message__input__chip.default:focus{border:1px solid var(--form__chip__bd-color__default-focus);box-shadow:0 0 0 1px var(--form__chip__bd-color__default-focus);color:#ffffff80;color:var(--sendbird-dark-ondark-02);outline:none}.sendbird-theme--light .sendbird-form-message__input__chip.selected{background-color:var(--form__chip__bg-color__selected);border:1px solid #742ddd;border:1px solid var(--sendbird-light-primary-300);color:#742ddd;color:var(--sendbird-light-primary-300);cursor:pointer}.sendbird-theme--light .sendbird-form-message__input__chip.selected:hover{background-color:var(--form__chip__bg-color__selected-hover);border:1px solid #742ddd;border:1px solid var(--sendbird-light-primary-300);color:#742ddd;color:var(--sendbird-light-primary-300)}.sendbird-theme--light .sendbird-form-message__input__chip.selected:focus{background-color:var(--form__chip__bg-color__selected-focus);border:1px solid var(--form__chip__bd-color__selected-focus);box-shadow:0 0 0 1px var(--form__chip__bd-color__selected-focus);color:var(--form__chip__color__selected-focus);outline:none}.sendbird-theme--dark .sendbird-form-message__input__chip.selected{background-color:var(--form__chip__bg-color__selected);border:1px solid #c2a9fa;border:1px solid var(--sendbird-dark-primary-200);color:#c2a9fa;color:var(--sendbird-dark-primary-200);cursor:pointer}.sendbird-theme--dark .sendbird-form-message__input__chip.selected:hover{background-color:var(--form__chip__bg-color__selected-hover);border:1px solid #c2a9fa;border:1px solid var(--sendbird-dark-primary-200);color:#c2a9fa;color:var(--sendbird-dark-primary-200)}.sendbird-theme--dark .sendbird-form-message__input__chip.selected:focus{background-color:var(--form__chip__bg-color__selected-focus);border:1px solid var(--form__chip__bd-color__selected-focus);box-shadow:0 0 0 1px var(--form__chip__bd-color__selected-focus);color:var(--form__chip__color__selected-focus);outline:none}.sendbird-form-message__input__chip.submittedDefault{border:none;cursor:default;padding:6px 12px}.sendbird-theme--dark .sendbird-form-message__input__chip.submittedDefault,.sendbird-theme--light .sendbird-form-message__input__chip.submittedDefault{background-color:var(--form__chip__bg-color__submitted-default);color:var(--form__chip__color__submitted-default)}.sendbird-form-message__input__chip.submittedSelected{border:none;cursor:default;padding:6px 12px}.sendbird-theme--light .sendbird-form-message__input__chip.submittedSelected{background-color:var(--form__chip__bg-color__submitted-selected);color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-form-message__input__chip.submittedSelected{background-color:var(--form__chip__bg-color__submitted-selected);color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird--mobile-mode .sendbird-message-feedback-modal-content__mobile{max-width:280px;padding:16px}.sendbird-message-feedback-modal-footer__root{align-items:center;display:flex;justify-content:space-between}.sendbird-message-feedback-modal-footer__root_failed{align-items:center;display:flex;justify-content:flex-end;margin-top:48px}.sendbird-message-feedback-modal-footer__right-content{display:flex;gap:8px}.sendbird-message-feedback-modal-body__root{margin:21px 0}.sendbird--mobile-mode .sendbird-message-feedback-modal-header{font-size:18px;line-height:1.33}.sendbird-iconbutton__feedback{align-items:center;background-color:initial;border:1px solid;border-radius:18px;cursor:pointer;display:flex;justify-content:center;padding:5px 8px}.sendbird-theme--light .sendbird-iconbutton__feedback{border-color:#0000001f;border-color:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-iconbutton__feedback{border-color:#ffffff1f;border-color:var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-iconbutton__feedback:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-iconbutton__feedback:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__disabled{cursor:not-allowed}.sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__disabled:hover,.sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed:hover{background-color:initial}.sendbird-theme--light .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed{background-color:#742ddd;background-color:var(--sendbird-light-primary-300);border-color:#742ddd;border-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200);border-color:#c2a9fa;border-color:var(--sendbird-dark-primary-200)}.sendbird-iconbutton__feedback__inner{align-items:center;display:flex;justify-content:center}.sendbird-theme--light .sendbird-iconbutton__feedback__inner svg path{fill:#00000080;fill:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-iconbutton__feedback__inner svg path{fill:#ffffff80;fill:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-iconbutton__feedback__inner.sendbird-iconbutton__feedback__inner__disabled svg path{fill:#0000001f;fill:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-iconbutton__feedback__inner.sendbird-iconbutton__feedback__inner__disabled svg path{fill:#ffffff1f;fill:var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-iconbutton__feedback__inner__pressed svg path{fill:#ffffffe0;fill:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-iconbutton__feedback__inner__pressed svg path{fill:#000000e0;fill:var(--sendbird-dark-onlight-01)}.sendbird-message__bottomsheet--feedback-options-menu{border-radius:8px 8px 0 0;width:100vw}.sendbird-theme--light .sendbird-message__bottomsheet--feedback-options-menu{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-message__bottomsheet--feedback-options-menu{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-message__bottomsheet--feedback-options-menu :first-child{border-radius:8px 8px 0 0}.sendbird-message__bottomsheet--feedback-option{align-items:center;cursor:pointer;display:flex;height:48px;padding:0 24px}.sendbird-input{display:inline-block;height:40px;position:relative;width:100%}.sendbird-input .sendbird-input__input{background-color:inherit;border-radius:4px;box-sizing:border-box;font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;height:100%;letter-spacing:normal;line-height:1.43;padding:10px 16px;width:100%}.sendbird-theme--light .sendbird-input .sendbird-input__input{border:1px solid #00000061;border:1px solid var(--sendbird-light-onlight-03);caret-color:#742ddd;caret-color:var(--sendbird-light-primary-300);color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-input .sendbird-input__input{border:1px solid #ffffff61;border:1px solid var(--sendbird-dark-ondark-03);caret-color:#c2a9fa;caret-color:var(--sendbird-dark-primary-200);color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-input .sendbird-input__input:focus{outline:none}.sendbird-theme--light .sendbird-input .sendbird-input__input:focus{border:2px solid #742ddd;border:2px solid var(--sendbird-light-primary-300);box-shadow:0 1px 5px 0 #0000001f,0 0 1px 0 #00000029,0 2px 1px 0 #00000014;box-shadow:0 1px 5px 0 var(--sendbird-light-onlight-04),0 0 1px 0 #00000029,0 2px 1px 0 #00000014;color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-input .sendbird-input__input:focus{border:2px solid #c2a9fa;border:2px solid var(--sendbird-dark-primary-200);box-shadow:0 1px 5px 0 #ffffff1f,0 0 1px 0 #00000029,0 2px 1px 0 #00000014;box-shadow:0 1px 5px 0 var(--sendbird-dark-ondark-04),0 0 1px 0 #00000029,0 2px 1px 0 #00000014;color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-input .sendbird-input__input:active{border:1px solid #742ddd;border:1px solid var(--sendbird-light-primary-300);box-shadow:0 1px 5px 0 #0000001f,0 0 1px 0 #00000029,0 2px 1px 0 #00000014;box-shadow:0 1px 5px 0 var(--sendbird-light-onlight-04),0 0 1px 0 #00000029,0 2px 1px 0 #00000014;color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-input .sendbird-input__input:active{border:1px solid #c2a9fa;border:1px solid var(--sendbird-dark-primary-200);box-shadow:0 1px 5px 0 #ffffff1f,0 0 1px 0 #00000029,0 2px 1px 0 #00000014;box-shadow:0 1px 5px 0 var(--sendbird-dark-ondark-04),0 0 1px 0 #00000029,0 2px 1px 0 #00000014;color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-input .sendbird-input__input:disabled{cursor:not-allowed}.sendbird-theme--light .sendbird-input .sendbird-input__input:disabled{background-color:#eee;background-color:var(--sendbird-light-background-100);color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-input .sendbird-input__input:disabled{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-input .sendbird-input__placeholder{font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);font-size:14px;line-height:1.43;pointer-events:none;position:absolute;top:10px}[dir=ltr] .sendbird-input .sendbird-input__placeholder{left:16px}[dir=rtl] .sendbird-input .sendbird-input__placeholder{right:16px}.sendbird-theme--light .sendbird-input .sendbird-input__placeholder{color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-input .sendbird-input__placeholder{color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-theme--light{--form__input__bg-color_default:var(--sendbird-light-background-50);--form__input__bg-color_disabled:var(--sendbird-dark-ondark-02);--form__input__bd-color_error:var(--sendbird-light-error-300)}.sendbird-theme--dark{--form__input__bg-color_default:var(--sendbird-light-onlight-03);--form__input__bg-color_disabled:var(--sendbird-light-onlight-04);--form__input__bd-color_error:var(--sendbird-dark-error-200)}.sendbird-input_for_form{display:inline-block;height:auto;position:relative;width:100%}.sendbird-input_for_form .sendbird-input__input{background-color:inherit;border-radius:4px;box-sizing:border-box;font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;height:-moz-fit-content;height:fit-content;letter-spacing:normal;line-height:1.43;padding:7px 12px;width:100%}.sendbird-theme--light .sendbird-input_for_form .sendbird-input__input{background-color:var(--form__input__bg-color_default);border:1px solid #0000001f;border:1px solid var(--sendbird-light-onlight-04);caret-color:#742ddd;caret-color:var(--sendbird-light-primary-300);color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--light .sendbird-input_for_form .sendbird-input__input:disabled{background-color:var(--form__input__bg-color_disabled);border:none;color:#00000061;color:var(--sendbird-light-onlight-03);cursor:not-allowed;pointer-events:none}.sendbird-theme--light .sendbird-input_for_form .sendbird-input__input:focus{border:1px solid #742ddd!important;border:1px solid var(--sendbird-light-primary-300)!important;box-shadow:0 0 0 1px #742ddd;box-shadow:0 0 0 1px var(--sendbird-light-primary-300);outline:none}.sendbird-theme--light .sendbird-input_for_form .sendbird-input__input:active{border:1px solid #742ddd;border:1px solid var(--sendbird-light-primary-300);box-shadow:none}.sendbird-theme--light .sendbird-input_for_form .sendbird-input__input.error{border:1px solid var(--form__input__bd-color_error)}.sendbird-theme--dark .sendbird-input_for_form .sendbird-input__input{background-color:var(--form__input__bg-color_default);border:1px solid #ffffff1f;border:1px solid var(--sendbird-dark-ondark-04);caret-color:#c2a9fa;caret-color:var(--sendbird-dark-primary-200);color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--dark .sendbird-input_for_form .sendbird-input__input:disabled{background-color:var(--form__input__bg-color_disabled);border:none;color:#ffffff61;color:var(--sendbird-dark-ondark-03);cursor:not-allowed;pointer-events:none}.sendbird-theme--dark .sendbird-input_for_form .sendbird-input__input:focus{border:1px solid #c2a9fa!important;border:1px solid var(--sendbird-dark-primary-200)!important;box-shadow:0 0 0 1px #c2a9fa;box-shadow:0 0 0 1px var(--sendbird-dark-primary-200);outline:none}.sendbird-theme--dark .sendbird-input_for_form .sendbird-input__input:active{border:1px solid #c2a9fa;border:1px solid var(--sendbird-dark-primary-200);box-shadow:none}.sendbird-theme--dark .sendbird-input_for_form .sendbird-input__input.error{border:1px solid var(--form__input__bd-color_error)}.sendbird-input_for_form .sendbird-input__placeholder{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);font-size:14px;height:calc(100% - 16px);line-height:1.43;overflow:hidden;pointer-events:none;position:absolute;top:8px;width:calc(100% - 26px)}[dir=ltr] .sendbird-input_for_form .sendbird-input__placeholder{left:13px}[dir=rtl] .sendbird-input_for_form .sendbird-input__placeholder{right:13px}.sendbird-theme--light .sendbird-input_for_form .sendbird-input__placeholder{color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-input_for_form .sendbird-input__placeholder{color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-input_for_form .sendbird-input__placeholder.textarea{-webkit-line-clamp:4}.sendbird-input-label{margin:4px 0}.sendbird-suggested-replies{display:flex;margin-bottom:16px;margin-top:8px;position:relative}.sendbird-suggested-replies.vertical{align-items:flex-end;flex-direction:column;flex-wrap:wrap;justify-content:flex-end}.sendbird-suggested-replies.vertical .sendbird-suggested-replies__option:not(:first-child){margin-top:8px}.sendbird-suggested-replies.horizontal{display:flex;flex-direction:row;margin-left:-24px;margin-right:-24px;overflow-x:scroll;padding-left:24px;padding-right:24px}.sendbird--mobile-mode .sendbird-suggested-replies.horizontal{margin-left:-12px;margin-right:-12px}[dir=ltr] .sendbird--mobile-mode .sendbird-suggested-replies.horizontal{padding-left:52px;padding-right:12px}[dir=rtl] .sendbird--mobile-mode .sendbird-suggested-replies.horizontal{padding-left:12px;padding-right:52px}[dir=ltr] .sendbird-suggested-replies.horizontal .sendbird-suggested-replies__option:not(:last-child){margin-right:8px}[dir=rtl] .sendbird-suggested-replies.horizontal .sendbird-suggested-replies__option:not(:last-child){margin-left:8px}.sendbird-suggested-replies::-webkit-scrollbar{display:none}.sendbird-theme--dark .sendbird-suggested-replies,.sendbird-theme--light .sendbird-suggested-replies{font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default)}.sendbird-suggested-replies__option{align-items:center;border-radius:18px;cursor:pointer;display:flex;font-size:12px;padding:8px 14px;white-space:pre-wrap;word-break:break-word}.sendbird-theme--light .sendbird-suggested-replies__option{background-color:#fff;background-color:var(--sendbird-light-background-50);border:1px solid #742ddd;border:1px solid var(--sendbird-light-primary-300);color:#742ddd;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-suggested-replies__option{background-color:#161616;background-color:var(--sendbird-dark-background-600);border:1px solid #c2a9fa;border:1px solid var(--sendbird-dark-primary-200);color:#c2a9fa;color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-suggested-replies__option:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-suggested-replies__option:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-suggested-replies__option:active{background-color:#742ddd;background-color:var(--sendbird-light-primary-300);color:#fff;color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-suggested-replies__option:active{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200);color:#161616;color:var(--sendbird-dark-background-600)}.sendbird-suggested-replies__option.horizontal{white-space:nowrap}.sendbird-suggested-replies__option.vertical{max-width:calc(100% - 70px);white-space:pre-wrap}.sendbird-mention-suggest-list{display:flex;flex-direction:column;margin-left:28px;margin-right:28px;max-height:260px;overflow:scroll;position:relative;width:calc(100% - 56px)}.sendbird-theme--light .sendbird-mention-suggest-list{border:1px solid #eee;border:1px solid var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-mention-suggest-list{border:1px solid #2c2c2c;border:1px solid var(--sendbird-dark-background-500)}.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item{align-items:center;display:flex;padding:16px 8px;position:relative}.sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item{background-color:#161616;background-color:var(--sendbird-dark-background-600)}.sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__avatar{display:inline-block;position:relative}.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname{display:inline-block;max-width:calc(100% - 250px);overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname{margin-left:16px}[dir=rtl] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname{margin-right:16px}.sendbird--mobile-mode .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname{max-width:calc(100% - 150px)}.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id{display:inline-block;max-width:180px;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id{right:16px}[dir=rtl] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id{left:16px}.sendbird--mobile-mode .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id{max-width:100px}.sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item{align-items:center;display:flex;padding:16px 8px;position:relative}.sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item{background-color:#161616;background-color:var(--sendbird-dark-background-600)}[dir=ltr] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item .sendbird-mention-suggest-list__notice-item__icon{margin-right:4px}[dir=rtl] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item .sendbird-mention-suggest-list__notice-item__icon{margin-left:4px}.sendbird-separator{align-items:center;display:flex;width:100%}.sendbird-separator .sendbird-separator__left,.sendbird-separator .sendbird-separator__right{border:none;display:inline-block;height:1px;width:100%}.sendbird-separator .sendbird-separator__text{display:flex;margin:0 16px;white-space:nowrap}.sendbird-fileviewer__header__right__actions__close,.sendbird-fileviewer__header__right__actions__delete,.sendbird-fileviewer__header__right__actions__download{box-sizing:border-box;cursor:pointer;padding:21px;width:64px}.sendbird-fileviewer__header__right__actions__close .disabled,.sendbird-fileviewer__header__right__actions__delete .disabled,.sendbird-fileviewer__header__right__actions__download .disabled{cursor:not-allowed}.sendbird-fileviewer{height:100%;position:fixed;top:0;width:100%;z-index:100000}[dir=ltr] .sendbird-fileviewer{left:0}[dir=rtl] .sendbird-fileviewer{right:0}.sendbird-theme--light .sendbird-fileviewer{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-fileviewer{background-color:#161616;background-color:var(--sendbird-dark-background-600)}.sendbird-fileviewer .sendbird-fileviewer__header{box-sizing:border-box;display:flex;height:64px;justify-content:space-between;min-height:64px}.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header{position:relative}.sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;overflow:hidden;padding:0 20px}.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar{display:flex;margin-inline-end:8px}.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar{margin-inline-end:12px}.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container{align-items:flex-end;display:flex;flex-direction:row}.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container{align-items:normal;flex-direction:column}.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container .sendbird-fileviewer__header__left__filename{display:inline-block;margin-inline-end:8px;max-width:500px;overflow:hidden;padding-top:3px;text-overflow:ellipsis;white-space:nowrap}.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container .sendbird-fileviewer__header__left__filename{display:block;margin-inline-end:0;max-width:calc(100vw - 240px);padding-top:0}.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container .sendbird-fileviewer__header__left__sender-name{line-height:1.1}.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right{display:flex;justify-content:flex-end;width:160px}.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions{display:flex;flex-direction:row}[dir=ltr] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions{right:0}[dir=rtl] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions{left:0}[dir=ltr] .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close{border-left:1px solid #0000001f;border-left:1px solid var(--sendbird-light-onlight-04)}[dir=rtl] .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close{border-right:1px solid #0000001f;border-right:1px solid var(--sendbird-light-onlight-04)}[dir=ltr] .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close{border-left:1px solid #ffffff1f;border-left:1px solid var(--sendbird-dark-ondark-04)}[dir=rtl] .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close{border-right:1px solid #ffffff1f;border-right:1px solid var(--sendbird-dark-ondark-04)}.sendbird-fileviewer .sendbird-fileviewer__content{align-items:center;display:flex;height:calc(100% - 72px);justify-content:center;margin-top:4px;overflow-y:auto}.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__video{max-height:100%;max-width:100%}.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__img{max-height:90%;max-width:90%}.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__unsupported{align-items:center;display:flex;justify-content:center;max-height:100%;max-width:100%}.sendbird-unread-floating-button{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 4px 12px #00000026;display:flex;gap:4px;height:40px;justify-content:space-between;position:absolute;top:8px;transition:all .2s ease-in-out;width:181px;z-index:5}[dir=ltr] .sendbird-unread-floating-button{left:50%;transform:translateX(-50%)}[dir=rtl] .sendbird-unread-floating-button{right:50%;transform:translateX(50%)}.sendbird-unread-floating-button.sendbird-unread-floating-button--below-frozen{top:48px}.sendbird-unread-floating-button:hover{background-color:#f5f5f5;box-shadow:0 6px 16px #0003;cursor:pointer}[dir=ltr] .sendbird-unread-floating-button:hover{transform:translateX(-50%) translateY(-1px)}[dir=rtl] .sendbird-unread-floating-button:hover{transform:translateX(50%) translateY(-1px)}.sendbird-unread-floating-button .sendbird-unread-floating-button__text{align-items:center;color:rgba(0,0,0,.502);display:flex;flex:1 1;font-size:14px;height:100%;justify-content:center;line-height:1;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sendbird-unread-floating-button .sendbird-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.sendbird-unread-floating-button .sendbird-icon svg{display:block;vertical-align:middle}.sendbird-unread-floating-button--hide{display:none}.sendbird-notification,.sendbird-notification--hide{position:absolute}.sendbird-notification--hide{display:none}.sendbird-new-message-floating-button{align-items:center;background-color:#fff;border-radius:20px;bottom:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:4px;height:40px;justify-content:space-between;position:absolute;transition:all .2s ease-in-out;width:155px;z-index:5}[dir=ltr] .sendbird-new-message-floating-button{left:50%;transform:translateX(-50%)}[dir=rtl] .sendbird-new-message-floating-button{right:50%;transform:translateX(50%)}.sendbird-new-message-floating-button:hover{background-color:#f5f5f5;box-shadow:0 6px 16px #0003;cursor:pointer}[dir=ltr] .sendbird-new-message-floating-button:hover{transform:translateX(-50%) translateY(-1px)}[dir=rtl] .sendbird-new-message-floating-button:hover{transform:translateX(50%) translateY(-1px)}.sendbird-new-message-floating-button .sendbird-new-message-floating-button__text{align-items:center;color:#742ddd;display:flex;flex:1 1;font-size:14px;height:100%;justify-content:center;line-height:1;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sendbird-new-message-floating-button .sendbird-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.sendbird-new-message-floating-button .sendbird-icon svg{display:block;vertical-align:middle}.sendbird-new-message-floating-button--hide{display:none}.sendbird-notification{align-items:center;border-radius:4px;display:flex;height:32px;justify-content:center;margin-left:24px;margin-right:24px;margin-top:8px;padding:0 2px}.sendbird-theme--light .sendbird-notification{background-color:#742ddd;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-notification{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200)}.sendbird-notification:hover{cursor:pointer}.sendbird-theme--light .sendbird-notification:hover{background-color:#6211c8;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-notification:hover{background-color:#742ddd;background-color:var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-notification.sendbird-notification--frozen{background-color:#adc9ff;background-color:var(--sendbird-light-information-100)}.sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen{background-color:#adc9ff;background-color:var(--sendbird-dark-information-100)}.sendbird-theme--light .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-notification .sendbird-notification__text{align-items:center;display:flex;justify-content:center}[dir=ltr] .sendbird-notification .sendbird-notification__text{margin-right:8px}[dir=rtl] .sendbird-notification .sendbird-notification__text{margin-left:8px}.typing-dots-container{align-items:center;border-radius:16px;display:flex;gap:6px;justify-content:center;padding:16px 12px}.sendbird-theme--light .typing-dots-container{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .typing-dots-container{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.typing-dots-container span{animation:blink 1.4s infinite;animation-fill-mode:both;border-radius:50%;height:8px;width:8px}.sendbird-theme--light .typing-dots-container span{background-color:#000;background-color:var(--sendbird-light-background-700)}.sendbird-theme--dark .typing-dots-container span{background-color:#fff;background-color:var(--sendbird-dark-background-50)}.typing-dots-container span:first-child{animation-delay:.4s}.typing-dots-container span:nth-child(2){animation-delay:.6s}.typing-dots-container span:nth-child(3){animation-delay:.8s}@keyframes blink{0%{opacity:.12;transform:scale(1)}21.43%{opacity:.38;transform:scale(1.2)}42.86%{opacity:.12;transform:scale(1)}to{opacity:.12;transform:scale(1)}}.sendbird-message-input-wrapper,.sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input,.sendbird-message-input-wrapper--voice-message,.sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input{position:relative;width:100%}.sendbird-theme--light .sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input,.sendbird-theme--light .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input{border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input,.sendbird-theme--dark .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input{border-top:1px solid #ffffff1f;border-top:1px solid var(--sendbird-dark-ondark-04)}.sendbird-message-input-wrapper .sendbird-message-input-wrapper__message-input,.sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__message-input{box-sizing:border-box;padding:0 24px;position:relative;width:100%}.sendbird--mobile-mode .sendbird-message-input-wrapper .sendbird-message-input-wrapper__message-input,.sendbird--mobile-mode .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__message-input{padding:0 16px}.sendbird-theme--light .sendbird-message-input-wrapper--voice-message{border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-message-input-wrapper--voice-message{border-top:1px solid #ffffff1f;border-top:1px solid var(--sendbird-dark-ondark-04)}.sendbird-quote_message_input{box-sizing:border-box;display:flex;flex-direction:row;height:76px;position:relative;width:100%}[dir=ltr] .sendbird-quote_message_input{padding:16px 80px 16px 40px}[dir=rtl] .sendbird-quote_message_input{padding:16px 40px 16px 80px}.sendbird-quote_message_input .sendbird-quote_message_input__avatar{align-items:center;border-radius:8px;display:flex;height:44px;justify-content:center;min-height:44px;min-width:44px;position:relative;width:44px}.sendbird-theme--light .sendbird-quote_message_input .sendbird-quote_message_input__avatar{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-quote_message_input .sendbird-quote_message_input__avatar{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-quote_message_input .sendbird-quote_message_input__body{align-items:flex-start;display:flex;flex-direction:column;overflow:hidden;position:absolute}.sendbird-quote_message_input .sendbird-quote_message_input__body .sendbird-quote_message_input__body__sender-name{box-sizing:border-box;margin-bottom:8px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.sendbird-quote_message_input .sendbird-quote_message_input__body .sendbird-quote_message_input__body__message-content{box-sizing:border-box;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.sendbird-quote_message_input .sendbird-quote_message_input__close-button{position:absolute;top:26px}[dir=ltr] .sendbird-quote_message_input .sendbird-quote_message_input__close-button{right:40px}[dir=rtl] .sendbird-quote_message_input .sendbird-quote_message_input__close-button{left:40px}.sendbird-quote_message_input .sendbird-quote_message_input__close-button:hover{cursor:pointer}.sendbird-voice-message-input-wrapper .sendbird-voice-message-input__indicator{height:40px}.sendbird-voice-message-input-wrapper-alert__body{align-items:flex-end;display:flex;height:74px;justify-content:flex-end;position:relative;width:100%}.sendbird-voice-message-input-wrapper-alert__body__ok-button{width:74px}.sendbird-voice-message-input{box-sizing:border-box;flex-direction:column;height:110px;padding-left:24px;padding-right:24px;padding-top:22px}.sendbird-voice-message-input,.sendbird-voice-message-input__indicator{display:inline-flex;position:relative;width:100%}.sendbird-voice-message-input__indicator__progress-bar{border-radius:28px;display:inline-flex;overflow:hidden;position:relative;width:100%}.sendbird-voice-message-input__indicator__on-rec{position:absolute;top:14px}[dir=ltr] .sendbird-voice-message-input__indicator__on-rec{right:53px}[dir=rtl] .sendbird-voice-message-input__indicator__on-rec{left:53px}.sendbird-voice-message-input__indicator__playback-time{position:absolute;top:10px}[dir=ltr] .sendbird-voice-message-input__indicator__playback-time{right:16px}[dir=rtl] .sendbird-voice-message-input__indicator__playback-time{left:16px}.sendbird-voice-message-input__controler{align-items:center;display:inline-flex;flex-direction:row;height:34px;justify-content:space-between;margin-top:14px;min-height:34px;position:relative}.sendbird-voice-message-input__controler__main{align-items:center;border-radius:50%;display:inline-flex;height:34px;justify-content:center;min-height:34px;min-width:34px;position:relative;width:34px}.sendbird-theme--light .sendbird-voice-message-input__controler__main{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-voice-message-input__controler__main{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-voice-message-input__controler__main:hover{cursor:pointer}.sendbird-voice-message-input__controler__submit{align-items:center;border-radius:50%;display:inline-flex;height:34px;justify-content:center;min-height:34px;min-width:34px;position:relative;width:34px}.sendbird-theme--light .sendbird-voice-message-input__controler__submit{background-color:#742ddd;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-voice-message-input__controler__submit{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200)}.sendbird-voice-message-input__controler__submit:hover{cursor:pointer}.sendbird-theme--light .sendbird-voice-message-input__controler__submit.voice-message--disabled{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-voice-message-input__controler__submit.voice-message--disabled{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-voice-message-input__controler__submit.voice-message--disabled:hover{cursor:default}@keyframes flickerAnimation{0%{opacity:0}50%{opacity:1}to{opacity:0}}.sendbird-voice-message-input__indicator__on-rec{animation:flickerAnimation 1s infinite;border-radius:50%;height:12px;min-height:12px;min-width:12px;width:12px}.sendbird-theme--light .sendbird-voice-message-input__indicator__on-rec{background-color:#de360b;background-color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-voice-message-input__indicator__on-rec{background-color:#de360b;background-color:var(--sendbird-dark-error-300)}.sendbird-voice-message-input__indicator__progress-bar__bar{height:40px}.sendbird-controler-icon{display:inline-block;position:relative}.sendbird-controler-icon.record-icon{border-radius:50%;height:20px;min-height:20px;min-width:20px;width:20px}.sendbird-theme--light .sendbird-controler-icon.record-icon{background-color:#de360b;background-color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-controler-icon.record-icon{background-color:#de360b;background-color:var(--sendbird-dark-error-300)}.sendbird-controler-icon.stop-icon{border-radius:2px;height:14px;min-height:14px;min-width:14px;width:14px}.sendbird-theme--light .sendbird-controler-icon.stop-icon{background-color:#000000e0;background-color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-controler-icon.stop-icon{background-color:#ffffffe0;background-color:var(--sendbird-dark-ondark-01)}.sendbird-controler-icon.pause-icon{display:inline-flex;gap:3.75px;height:13.75px;min-height:13.75px;min-width:13.75px;width:100%;width:13.75px}.sendbird-controler-icon.pause-icon-inner{border-radius:2px;display:inline-flex;min-width:4.38px}.sendbird-theme--light .sendbird-controler-icon.pause-icon-inner{background-color:#000000e0;background-color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-controler-icon.pause-icon-inner{background-color:#ffffffe0;background-color:var(--sendbird-dark-ondark-01)}.sendbird-channel-list{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:320px}.sendbird-theme--light .sendbird-channel-list{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-channel-list{background-color:#161616;background-color:var(--sendbird-dark-background-600)}.sendbird--mobile-mode .sendbird-channel-list{width:100%}.sendbird-channel-list__header{height:64px;min-height:64px}.sendbird-channel-list__body{flex:1 1;-ms-flex:1;overflow-x:hidden;overflow-y:auto}.sendbird-channel-header{box-sizing:border-box;height:64px;min-height:64px;position:relative;width:320px}[dir=ltr] .sendbird-channel-header{padding-left:8px;padding-right:16px}[dir=rtl] .sendbird-channel-header{padding-left:16px;padding-right:8px}.sendbird-theme--light .sendbird-channel-header{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-header{background-color:#161616;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird--mobile-mode .sendbird-channel-header{width:100%}.sendbird-channel-header.sendbird-channel-header--allow-edit .sendbird-channel-header__title{cursor:pointer}.sendbird-channel-header .sendbird-channel-header__title{border-radius:4px;display:flex;flex-direction:row;height:48px}.sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:hover{background:#eee;background:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:hover{background:#2c2c2c;background:var(--sendbird-dark-background-500)}.sendbird-channel-header .sendbird-channel-header__title:focus{outline:none}.sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:focus{background:#e0e0e0;background:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:focus{background:#393939;background:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:active{border:2px solid #742ddd;border:2px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:active{border:2px solid #c2a9fa;border:2px solid var(--sendbird-dark-primary-200)}.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__left{box-sizing:border-box;padding:8px;width:48px}.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right{padding-top:8px}[dir=ltr] .sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right{margin-left:4px}[dir=rtl] .sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right{margin-right:4px}.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right__name,.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right__user-id{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-channel-header .sendbird-channel-header__right-icon{position:absolute;top:16px}[dir=ltr] .sendbird-channel-header .sendbird-channel-header__right-icon{right:16px}[dir=rtl] .sendbird-channel-header .sendbird-channel-header__right-icon{left:16px}.sendbird-edit-user-profile section{margin-top:16px}.sendbird-edit-user-profile section .sendbird-input-label{display:block;margin-bottom:12px}.sendbird-edit-user-profile .sendbird-edit-user-profile__img .sendbird-input-label{margin-bottom:12px}.sendbird-edit-user-profile__img{position:relative}.sendbird-edit-user-profile__img__avatar-button{position:absolute;top:50px}[dir=ltr] .sendbird-edit-user-profile__img__avatar-button{left:96px}[dir=rtl] .sendbird-edit-user-profile__img__avatar-button{right:96px}.sendbird-edit-user-profile__theme__theme-icon .sendbird-icon{cursor:pointer}.sendbird-channel-preview__leave--mobile .sendbird-modal__content{max-width:calc(100% - 80px)}.sendbird-channel-preview__leave--mobile .sendbird-modal__close{display:none}.sendbird-channel-preview__leave--mobile .sendbird-channel-preview__leave-label--mobile{text-decoration:none}.sendbird-channel-preview__leave--mobile .sendbird-modal__header span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 120px)}.sendbird__offline .sendbird-channel-preview{cursor:not-allowed}.sendbird-channel-preview{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;height:80px;justify-content:center;padding:12px 16px;position:relative;width:320px}.sendbird-theme--light .sendbird-channel-preview{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-preview{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird--mobile-mode .sendbird-channel-preview{width:100%}.sendbird-channel-preview:focus{outline:none}.sendbird-channel-preview .sendbird-channel-preview__avatar{height:56px;width:56px}.sendbird-channel-preview .sendbird-channel-preview__content{height:100%;width:100%}[dir=ltr] .sendbird-channel-preview .sendbird-channel-preview__content{margin-left:16px}[dir=rtl] .sendbird-channel-preview .sendbird-channel-preview__content{margin-right:16px}.sendbird--mobile-mode .sendbird-channel-preview .sendbird-channel-preview__content{max-width:calc(100% - 72px);position:relative}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper{display:flex;height:16px;justify-content:space-between;width:216px}.sendbird--mobile-mode .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper{width:auto}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header{display:flex;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis}[dir=ltr] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__broadcast-icon{padding-right:4px}[dir=rtl] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__broadcast-icon{padding-left:4px}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__channel-name{max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__total-members{margin-top:2px}[dir=ltr] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__total-members{margin-left:4px}[dir=rtl] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__total-members{margin-right:4px}[dir=ltr] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__frozen-icon{padding-left:4px}[dir=rtl] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__frozen-icon{padding-right:4px}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at{margin-bottom:4px;white-space:nowrap}[dir=ltr] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at{margin-left:4px}[dir=rtl] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at{margin-right:4px}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at.sendbird-message-status{justify-content:flex-end;max-width:74px}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower{display:flex;height:32px;justify-content:space-between;margin-top:8px;width:216px}.sendbird--mobile-mode .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower{width:100%}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__last-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count{align-items:center;display:flex;margin-bottom:12px}[dir=ltr] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count{margin-left:8px}[dir=rtl] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count{margin-right:8px}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count .sendbird-channel-preview__content__lower__unread-message-count__mention{align-items:center;display:inline-flex}[dir=ltr] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count .sendbird-channel-preview__content__lower__unread-message-count__mention{margin-right:4px}[dir=rtl] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count .sendbird-channel-preview__content__lower__unread-message-count__mention{margin-left:4px}.sendbird-channel-preview .sendbird-channel-preview__action{display:inline-block;position:absolute;top:12px}[dir=ltr] .sendbird-channel-preview .sendbird-channel-preview__action{right:12px}[dir=rtl] .sendbird-channel-preview .sendbird-channel-preview__action{left:12px}.sendbird-channel-preview .sendbird-channel-preview__action .sendbird-iconbutton{display:none}.sendbird-theme--light .sendbird-channel-preview:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-channel-preview:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-channel-preview:hover .sendbird-channel-preview__action .sendbird-iconbutton{display:inline-block}.sendbird-channel-preview:hover .sendbird-channel-preview__content__lower__unread-message-count,.sendbird-channel-preview:hover .sendbird-channel-preview__content__upper__last-message-at{display:none}[dir=ltr] .sendbird-channel-preview--active{padding:12px 16px 12px 12px}[dir=rtl] .sendbird-channel-preview--active{padding:12px 12px 12px 16px}.sendbird-theme--light .sendbird-channel-preview--active{background-color:#dbd1ff;background-color:var(--sendbird-light-primary-100);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}[dir=ltr] .sendbird-theme--light .sendbird-channel-preview--active{border-left:4px solid #742ddd;border-left:4px solid var(--sendbird-light-primary-300)}[dir=rtl] .sendbird-theme--light .sendbird-channel-preview--active{border-right:4px solid #742ddd;border-right:4px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-channel-preview--active{background-color:#000;background-color:var(--sendbird-dark-background-700);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}[dir=ltr] .sendbird-theme--dark .sendbird-channel-preview--active{border-left:4px solid #c2a9fa;border-left:4px solid var(--sendbird-dark-primary-200)}[dir=rtl] .sendbird-theme--dark .sendbird-channel-preview--active{border-right:4px solid #c2a9fa;border-right:4px solid var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-channel-preview--active .sendbird-channel-preview__content__upper__header__channel-name{color:#742ddd;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-channel-preview--active .sendbird-channel-preview__content__upper__header__channel-name{color:#c2a9fa;color:var(--sendbird-dark-primary-200)}.sendbird-badge{align-items:center;border-radius:10px;display:inline-flex;height:20px;justify-content:center;min-width:20px}.sendbird-theme--light .sendbird-badge{background-color:#742ddd;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-badge{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200)}.sendbird-badge .sendbird-badge__text{margin:0 6px}.sendbird-mention-user-label{display:inline-block;font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);font-size:14px;font-stretch:normal;font-style:normal;font-weight:700;height:16px;letter-spacing:normal;line-height:1.43;max-width:100%;white-space:pre-line;width:-moz-fit-content;width:fit-content}.sendbird-theme--light .sendbird-mention-user-label{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-mention-user-label{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-mention-user-label:hover{cursor:pointer}.sendbird-theme--light .sendbird-mention-user-label.reverse{color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-mention-user-label.reverse{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-mention-user-label.purple{font-family:Roboto;font-size:18px;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:normal;line-height:normal}.sendbird-theme--light .sendbird-mention-user-label.purple{color:#742ddd;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-mention-user-label.purple{color:#c2a9fa;color:var(--sendbird-dark-primary-200)}.sendbird--mobile-mode .sendbird-add-channel__modal .sendbird-modal__content{margin:0 40px}.sendbird-add-channel__rectangle-wrap{margin-top:26px}.sendbird-add-channel__rectangle-footer{margin-top:32px}[dir=ltr] .sendbird-add-channel__rectangle-footer{text-align:right}[dir=rtl] .sendbird-add-channel__rectangle-footer{text-align:left}.sendbird-add-channel__rectangle{border-radius:4px;box-sizing:border-box;cursor:pointer;height:72px;margin-bottom:8px;padding:25px 72px;position:relative;width:432px}.sendbird--mobile-mode .sendbird-add-channel__rectangle{min-width:288px;width:100%}[dir=ltr] .sendbird--mobile-mode .sendbird-add-channel__rectangle{padding-right:0}[dir=rtl] .sendbird--mobile-mode .sendbird-add-channel__rectangle{padding-left:0}.sendbird-theme--light .sendbird-add-channel__rectangle{border:1px solid #0000001f;border:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-add-channel__rectangle{border:1px solid #ffffff1f;border:1px solid var(--sendbird-dark-ondark-04)}.sendbird-add-channel__rectangle .sendbird-icon{position:absolute;top:24px}[dir=ltr] .sendbird-add-channel__rectangle .sendbird-icon{left:22px}[dir=rtl] .sendbird-add-channel__rectangle .sendbird-icon{right:22px}.sendbird-create-channel--content{max-height:552px;width:480px}.sendbird-create-channel--scroll{height:360px;overflow-x:hidden;overflow-y:scroll}.sendbird-channel-settings{box-sizing:border-box;display:inline-block;height:100%;width:320px}.sendbird--mobile-mode .sendbird-channel-settings{width:100%}.sendbird-theme--light .sendbird-channel-settings{background-color:#fff;background-color:var(--sendbird-light-background-50)}[dir=ltr] .sendbird-theme--light .sendbird-channel-settings{border-left:1px solid #0000001f;border-left:1px solid var(--sendbird-light-onlight-04)}[dir=rtl] .sendbird-theme--light .sendbird-channel-settings{border-right:1px solid #0000001f;border-right:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-settings{background-color:#161616;background-color:var(--sendbird-dark-background-600)}[dir=ltr] .sendbird-theme--dark .sendbird-channel-settings{border-left:1px solid #161616;border-left:1px solid var(--sendbird-dark-background-600)}[dir=rtl] .sendbird-theme--dark .sendbird-channel-settings{border-right:1px solid #161616;border-right:1px solid var(--sendbird-dark-background-600)}.sendbird-channel-settings .sendbird-channel-settings__header-icon{cursor:pointer}.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__header-icon .sendbird-channel-settings__close-icon path{fill:#000000e0;fill:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__header-icon .sendbird-channel-settings__close-icon path{fill:#ffffffe0;fill:var(--sendbird-dark-ondark-01)}.sendbird-channel-settings .sendbird-channel-settings__members .sendbird-badge__text{margin-top:-2px}.sendbird-channel-settings .sendbird-channel-settings__header{box-sizing:border-box;height:64px;min-height:64px;position:relative}[dir=ltr] .sendbird-channel-settings .sendbird-channel-settings__header{padding-left:24px;padding-right:20px}[dir=rtl] .sendbird-channel-settings .sendbird-channel-settings__header{padding-left:20px;padding-right:24px}.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__header{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__header{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-channel-settings .sendbird-channel-settings__scroll-area{display:flex;flex-direction:column;flex-grow:1;height:calc(100% - 64px);overflow-y:auto}.sendbird-channel-settings .sendbird-channel-settings__panel-item{cursor:pointer;position:relative}[dir=ltr] .sendbird-channel-settings .sendbird-channel-settings__panel-item{padding:12px 22px 10px 56px}[dir=rtl] .sendbird-channel-settings .sendbird-channel-settings__panel-item{padding:12px 56px 10px 22px}.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-item{border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-item{border-top:1px solid #ffffff1f;border-top:1px solid var(--sendbird-dark-ondark-04)}.sendbird-channel-settings .sendbird-channel-settings__panel-item:focus{outline:none}.sendbird-channel-settings .sendbird-channel-settings__panel-item.sendbird-channel-settings__panel-item__disabled{cursor:not-allowed}.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-item__leave-channel{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04);border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-item__leave-channel{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04);border-top:1px solid #ffffff1f;border-top:1px solid var(--sendbird-dark-ondark-04)}.sendbird-channel-settings .sendbird-channel-settings__panel-icon-left,.sendbird-channel-settings .sendbird-channel-settings__panel-icon-right{position:absolute;top:10px}[dir=ltr] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-left{left:16px}[dir=rtl] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-left{right:16px;&.sendbird-channel-settings__panel-icon__leave{transform:rotate(180deg)}}[dir=ltr] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-right{right:16px}[dir=rtl] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-right{left:16px}[dir=ltr] .sendbird-channel-settings .sendbird-channel-settings__panel-icon--open{transform:rotate(90deg)}[dir=rtl] .sendbird-channel-settings .sendbird-channel-settings__panel-icon--open{transform:rotate(-90deg)}.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-icon--chevron path{fill:#000000e0;fill:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-icon--chevron path{fill:#ffffffe0;fill:var(--sendbird-dark-ondark-01)}.sendbird-input-toggle-button{align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;position:relative}.sendbird-theme--light .sendbird-input-toggle-button--checked{background-color:#742ddd;background-color:var(--sendbird-light-primary-300);border:1px solid #742ddd;border:1px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-input-toggle-button--checked{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200);border:1px solid #c2a9fa;border:1px solid var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-input-toggle-button--unchecked{background-color:#bdbdbd;background-color:var(--sendbird-light-background-300);border:1px solid #bdbdbd;border:1px solid var(--sendbird-light-background-300)}.sendbird-theme--dark .sendbird-input-toggle-button--unchecked{background-color:#393939;background-color:var(--sendbird-dark-background-400);border:1px solid #393939;border:1px solid var(--sendbird-dark-background-400)}.sendbird-input-toggle-button--disabled{cursor:not-allowed}.sendbird-theme--light .sendbird-input-toggle-button--disabled{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200);border:1px solid #e0e0e0;border:1px solid var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-input-toggle-button--disabled{background-color:#393939;background-color:var(--sendbird-dark-background-400);border:1px solid #393939;border:1px solid var(--sendbird-dark-background-400)}.sendbird-input-toggle-button input{display:none;position:absolute}.sendbird-input-toggle-button__inner-dot{animation-iteration-count:1;border-radius:50%;position:absolute}.sendbird-theme--light .sendbird-input-toggle-button__inner-dot{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-input-toggle-button__inner-dot{background-color:#161616;background-color:var(--sendbird-dark-background-600)}@keyframes sendbirdMoveToEnd{0%{inset-inline-end:60%}to{inset-inline-end:10%}}@keyframes sendbirdMoveToStart{0%{inset-inline-end:10%}to{inset-inline-end:60%}}.sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot{animation-name:sendbirdMoveToEnd}.sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot{animation-name:sendbirdMoveToStart}.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot{inset-inline-end:60%}.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot{inset-inline-end:10%}.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot{animation-name:sendbirdMoveToStart}.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot{animation-name:sendbirdMoveToEnd}.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot{inset-inline-end:10%}.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot{inset-inline-end:60%}.sendbird-channel-profile{padding:32px 40px 27px;position:relative;text-align:center}.sendbird-theme--light .sendbird-channel-profile{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-channel-profile{background-color:#161616;background-color:var(--sendbird-dark-background-600)}.sendbird-channel-profile .sendbird-channel-profile--inner{height:92px}.sendbird-channel-profile .sendbird-channel-profile__avatar{display:flex;justify-content:center;margin-bottom:16px}.sendbird-channel-profile .sendbird-channel-profile__title{display:block;height:18px;max-width:240px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird--mobile-mode .sendbird-channel-profile .sendbird-channel-profile__title{max-width:100%}.sendbird-channel-profile .sendbird-channel-profile__edit{position:absolute;top:10px}[dir=ltr] .sendbird-channel-profile .sendbird-channel-profile__edit{right:16px}[dir=rtl] .sendbird-channel-profile .sendbird-channel-profile__edit{left:16px}.channel-profile-form .channel-profile-form__img-section{position:relative}.channel-profile-form .channel-profile-form__avatar-button{position:absolute;top:54px}[dir=ltr] .channel-profile-form .channel-profile-form__avatar-button{left:96px}[dir=rtl] .channel-profile-form .channel-profile-form__avatar-button{right:96px}.channel-profile-form .channel-profile-form__avatar{margin-top:16px}.channel-profile-form .channel-profile-form__name-section{margin-top:12px}.channel-profile-form .channel-profile-form__name-section .sendbird-input{height:40px}.sendbird-channel-settings__leave-label--mobile{text-decoration:none}.sendbird-channel-settings__leave--mobile .sendbird-modal__content{max-width:calc(100% - 80px)}.sendbird-channel-settings__leave--mobile .sendbird-modal__close{display:none}.sendbird-channel-settings__leave--mobile .sendbird-channel-preview__leave-label--mobile{text-decoration:none}.sendbird-channel-settings__leave--mobile .sendbird-modal__header span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 120px)}.sendbird-channel-settings__operator .sendbird-channel-settings__accordion-icon{position:absolute}[dir=ltr] .sendbird-channel-settings__operator .sendbird-channel-settings__accordion-icon{left:14px}[dir=rtl] .sendbird-channel-settings__operator .sendbird-channel-settings__accordion-icon{right:14px}.sendbird-channel-settings__operator .sendbird-accordion__panel-heder{position:relative}.sendbird-channel-settings__empty-list{display:block;margin-bottom:4px;margin-top:12px;text-align:center}.sendbird-channel-settings-accordion__footer{display:flex;padding:16px 12px}[dir=ltr] .sendbird-channel-settings-accordion__footer{justify-content:left}[dir=rtl] .sendbird-channel-settings-accordion__footer{justify-content:right}[dir=ltr] .sendbird-channel-settings-accordion__footer .sendbird-button:nth-child(2){margin-left:8px}[dir=rtl] .sendbird-channel-settings-accordion__footer .sendbird-button:nth-child(2){margin-right:8px}.sendbird-channel-settings__freeze{max-width:320px;position:relative}[dir=ltr] .sendbird-channel-settings__freeze{padding:12px 22px 10px 56px}[dir=rtl] .sendbird-channel-settings__freeze{padding:12px 56px 10px 22px}.sendbird--mobile-mode .sendbird-channel-settings__freeze{max-width:100%}.sendbird-theme--light .sendbird-channel-settings__freeze{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-settings__freeze{background-color:#161616;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-channel-settings__frozen-icon{position:absolute;top:12px}[dir=ltr] .sendbird-channel-settings__frozen-icon{right:20px}[dir=rtl] .sendbird-channel-settings__frozen-icon{left:20px}.sendbird-channel-settings__frozen-icon .sendbird-icon{cursor:pointer}.sendbird-channel-settings__members .sendbird-badge,.sendbird-channel-settings__members-list .sendbird-badge{position:absolute;top:12px}[dir=ltr] .sendbird-channel-settings__members .sendbird-badge,[dir=ltr] .sendbird-channel-settings__members-list .sendbird-badge{right:44px}[dir=rtl] .sendbird-channel-settings__members .sendbird-badge,[dir=rtl] .sendbird-channel-settings__members-list .sendbird-badge{left:44px}.sendbird-theme--light .sendbird-channel-settings__members .sendbird-badge,.sendbird-theme--light .sendbird-channel-settings__members-list .sendbird-badge{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-channel-settings__members .sendbird-badge,.sendbird-theme--dark .sendbird-channel-settings__members-list .sendbird-badge{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-channel-settings__members .sendbird-badge .sendbird-label,.sendbird-theme--light .sendbird-channel-settings__members-list .sendbird-badge .sendbird-label{color:#00000080;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-channel-settings__members .sendbird-badge .sendbird-label,.sendbird-theme--dark .sendbird-channel-settings__members-list .sendbird-badge .sendbird-label{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-more-members__popup-scroll{max-height:420px;overflow-x:hidden;overflow-y:scroll}.sendbird--mobile-mode .sendbird-more-members__popup-scroll{max-height:100%}[dir=ltr] .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator{right:72px}[dir=rtl] .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator{left:72px}.sendbird-more-members__popup-scroll .sendbird-user-list-item__title{max-width:240px}.sendbird-channel-settings__badge{position:absolute}[dir=ltr] .sendbird-channel-settings__badge{right:48px}[dir=rtl] .sendbird-channel-settings__badge{left:48px}.sendbird-theme--light .sendbird-channel-settings__badge{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-channel-settings__badge{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-channel-settings__badge .sendbird-label{color:#00000080;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-channel-settings__badge .sendbird-label{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer{padding-bottom:14px;padding-top:14px}[dir=ltr] .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer{padding-left:14px}[dir=rtl] .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer{padding-right:14px}.sendbird-theme--light .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer{background-color:#161616;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-message-search-pannel{box-sizing:border-box;display:flex;flex-direction:column;height:100%;position:relative;width:320px}.sendbird-theme--light .sendbird-message-search-pannel{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-message-search-pannel{background-color:#161616;background-color:var(--sendbird-dark-background-600)}.sendbird--mobile-mode .sendbird-message-search-pannel{width:100%}.sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area{border:0;font-size:14px;margin:0;outline:none;padding:0;position:absolute;top:14px;width:calc(100% - 90px)}[dir=ltr] .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area{left:48px}[dir=rtl] .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area{right:48px}.sendbird-theme--light .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area{background-color:#fff;background-color:var(--sendbird-light-background-50);color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area{background-color:#161616;background-color:var(--sendbird-dark-background-600);color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}[dir=ltr] .sendbird-message-search-pannel .sendbird-message-search-pannel__header .sendbird-ui-header__middle__title{margin-left:4px}[dir=rtl] .sendbird-message-search-pannel .sendbird-message-search-pannel__header .sendbird-ui-header__middle__title{margin-right:4px}.sendbird-message-search-pannel .sendbird-message-search-pannel__input{box-sizing:border-box;display:flex;padding:16px;position:relative}.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container{border-radius:4px;height:44px;position:relative;width:100%}.sendbird-theme--light .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container{border:1px solid #00000061;border:1px solid var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container{border:1px solid #ffffff61;border:1px solid var(--sendbird-dark-ondark-03)}.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__search-icon{position:absolute;top:10px}[dir=ltr] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__search-icon{left:16px}[dir=rtl] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__search-icon{right:16px}.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__spinner{position:absolute;top:12px}[dir=ltr] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__spinner{right:12px}[dir=rtl] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__spinner{left:12px}.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button{position:absolute;top:12px}[dir=ltr] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button{right:12px}[dir=rtl] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button{left:12px}.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button:hover{cursor:pointer}.sendbird-message-search-pannel .sendbird-message-search-pannel__message-search{box-sizing:border-box;height:100%;overflow-y:hidden;position:relative;width:100%}.sendbird-message-search{height:100%;overflow-x:hidden;overflow-y:scroll;position:relative}.sendbird-theme--light .sendbird-message-search{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-message-search{background-color:#161616;background-color:var(--sendbird-dark-background-600)}.sendbird-message-search-item{cursor:pointer;display:inline-flex;flex-direction:row;height:80px;position:relative;width:100%}.sendbird-theme--light .sendbird-message-search-item{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-message-search-item{background-color:#161616;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-message-search-item:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-message-search-item:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-message-search-item .sendbird-message-search-item__left{align-items:center;display:flex;height:80px;justify-content:center;width:90px}.sendbird-message-search-item .sendbird-message-search-item__right{display:flex;flex-direction:column;width:calc(100% - 106px)}.sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__sender-name{display:inline;height:16px;max-width:150px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:12px;word-break:keep-all}.sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-text{box-sizing:border-box;display:flex;height:32px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:36px;width:inherit;word-break:break-word}.sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-created-at{position:absolute;top:12px}[dir=ltr] .sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-created-at{right:18px}[dir=rtl] .sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-created-at{left:18px}.sendbird-message-search-item .sendbird-message-search-item__right-footer{width:16px}.sendbird-theme--light .sendbird-message-search-item.sendbird-message-search-item--selected{background-color:#dbd1ff;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-message-search-item.sendbird-message-search-item--selected{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-theme--light .sendbird-message-search-item.sendbird-message-search-item--selected .sendbird-message-search-item__left{border-inline-start:4px solid #742ddd;border-inline-start:4px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-message-search-item.sendbird-message-search-item--selected .sendbird-message-search-item__left{border-inline-start:4px solid #c2a9fa;border-inline-start:4px solid var(--sendbird-dark-primary-200)}.sendbird-message-search-file-item{cursor:pointer;display:inline-flex;flex-direction:row;height:80px;position:relative;width:100%}.sendbird-theme--light .sendbird-message-search-file-item{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-message-search-file-item{background-color:#161616;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-message-search-file-item:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-message-search-file-item:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-message-search-file-item .sendbird-message-search-file-item__left{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:90px}.sendbird-message-search-file-item .sendbird-message-search-file-item__right{display:flex;flex-direction:column;position:relative;width:calc(100% - 106px)}.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__sender-name{display:inline-block;height:16px;max-width:146px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:12px}.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:32px;position:absolute;top:36px;width:100%}.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon{align-items:center;border-radius:8px;display:flex;height:26px;justify-content:center;min-width:26px;position:relative;width:26px}[dir=ltr] .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon{margin-right:4px}[dir=rtl] .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon{margin-left:4px}.sendbird-theme--light .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__url{display:inline;height:16px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.sendbird-message-search-file-item .sendbird-message-search-file-item__message-created-at{position:absolute;top:12px}[dir=ltr] .sendbird-message-search-file-item .sendbird-message-search-file-item__message-created-at{right:18px}[dir=rtl] .sendbird-message-search-file-item .sendbird-message-search-file-item__message-created-at{left:18px}.sendbird-message-search-file-item .sendbird-message-search-file-item__right-footer{width:16px}.sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected{background-color:#dbd1ff;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected{background-color:#000;background-color:var(--sendbird-dark-background-700)}[dir=ltr] .sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left{border-left:4px solid #742ddd;border-left:4px solid var(--sendbird-light-primary-300)}[dir=rtl] .sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left{border-right:4px solid #742ddd;border-right:4px solid var(--sendbird-light-primary-300)}[dir=ltr] .sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left{border-left:4px solid #c2a9fa;border-left:4px solid var(--sendbird-dark-primary-200)}[dir=rtl] .sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left{border-right:4px solid #c2a9fa;border-right:4px solid var(--sendbird-dark-primary-200)}.sendbird-thread-ui{box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-width:320px;position:relative;width:100%}.sendbird-theme--light .sendbird-thread-ui{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}[dir=ltr] .sendbird-theme--light .sendbird-thread-ui{border-right:1px solid #0000001f;border-right:1px solid var(--sendbird-light-onlight-04)}[dir=rtl] .sendbird-theme--light .sendbird-thread-ui{border-left:1px solid #0000001f;border-left:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-thread-ui{background-color:#161616;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}[dir=ltr] .sendbird-theme--dark .sendbird-thread-ui{border-right:1px solid #ffffff1f;border-right:1px solid var(--sendbird-dark-ondark-04)}[dir=rtl] .sendbird-theme--dark .sendbird-thread-ui{border-left:1px solid #ffffff1f;border-left:1px solid var(--sendbird-dark-ondark-04)}.sendbird-thread-ui__header{width:320px}.sendbird-theme--light .sendbird-thread-ui__header{border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-thread-ui__header{border-top:1px solid #ffffff1f;border-top:1px solid var(--sendbird-dark-ondark-04)}.sendbird-thread-ui--scroll{display:inline-flex;flex-direction:column;height:100%;justify-content:flex-start;overflow-x:hidden;overflow-y:scroll}.sendbird-theme--light .sendbird-thread-ui__parent-message-info{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04);border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-thread-ui__parent-message-info{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04);border-top:1px solid #ffffff1f;border-top:1px solid var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-thread-ui__parent-message-info .sendbird-word__mention .sendbird-label{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-thread-ui__parent-message-info .sendbird-word__mention .sendbird-label{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-thread-ui__reply-counts{align-items:center;box-sizing:border-box;display:inline-flex;height:42px;justify-content:flex-start;padding:16px 11px;position:relative;width:100%}.sendbird-theme--light .sendbird-thread-ui__reply-counts{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04);border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-thread-ui__reply-counts{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04);border-top:1px solid #ffffff1f;border-top:1px solid var(--sendbird-dark-ondark-04)}.sendbird-thread-ui__thread-list{padding:16px}.sendbird-thread-ui__message-input{margin-bottom:24px;padding:0 16px}.sendbird-thread-ui__thread-list.sendbird-place-holder{box-sizing:border-box}.sendbird-parent-message-info{align-items:flex-start;box-sizing:border-box;display:inline-flex;flex-direction:row;height:-moz-fit-content;height:fit-content;position:relative;width:100%}.sendbird-conversation__messages[dir=ltr] .sendbird-parent-message-info{padding:12px 12px 12px 16px}.sendbird-conversation__messages[dir=rtl] .sendbird-parent-message-info{padding:12px 16px 12px 12px}.sendbird-parent-message-info__sender{min-height:40px;min-width:40px;position:relative}.sendbird-parent-message-info__content{display:inline-flex;flex-direction:column;position:relative}.sendbird-conversation__messages[dir=ltr] .sendbird-parent-message-info__content{margin-left:12px}.sendbird-conversation__messages[dir=rtl] .sendbird-parent-message-info__content{margin-right:12px}.sendbird-parent-message-info__content__info{align-items:center;display:inline-flex;flex-direction:row;height:16px;justify-content:flex-start;max-width:188px;position:relative}.sendbird-parent-message-info__content__info__sender-name,.sendbird-parent-message-info__content__info__sender-name--use-reaction{overflow:hidden;position:relative;text-overflow:ellipsis;word-break:keep-all}.sendbird-conversation__messages[dir=ltr] .sendbird-parent-message-info__content__info__sender-name,.sendbird-conversation__messages[dir=ltr] .sendbird-parent-message-info__content__info__sender-name--use-reaction{margin-right:6px}.sendbird-conversation__messages[dir=rtl] .sendbird-parent-message-info__content__info__sender-name,.sendbird-conversation__messages[dir=rtl] .sendbird-parent-message-info__content__info__sender-name--use-reaction{margin-left:6px}.sendbird-parent-message-info__content__info__sender-name{max-width:142px}.sendbird-parent-message-info__content__info__sender-name--use-reaction{max-width:110px}.sendbird-parent-message-info__content__info__sent-at{align-items:center;display:inline-flex;height:12px;justify-content:flex-start;max-width:52px;position:relative;white-space:nowrap;word-break:keep-all}.sendbird-parent-message-info__content__body{max-width:210px;overflow:hidden;position:relative}.sendbird-parent-message-info__content__body.sendbird-thumbnail-message-item-body.incoming{height:148px;min-width:200px}.sendbird-parent-message-info__content__reactions{height:100%;max-width:240px;position:relative;width:100%}.sendbird-parent-message-info__context-menu,.sendbird-parent-message-info__reaction-menu{display:none;position:relative}.sendbird-parent-message-info .sendbird-text-message-item-body.reactions{border-radius:16px}.sendbird-theme--light .sendbird-parent-message-info .sendbird-emoji-reactions{border:1px solid #fff;border:1px solid var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-parent-message-info .sendbird-emoji-reactions{border:1px solid #161616;border:1px solid var(--sendbird-dark-background-600)}.sendbird-parent-message-info:hover .sendbird-parent-message-info__context-menu,.sendbird-parent-message-info:hover .sendbird-parent-message-info__reaction-menu,.sendbird-parent-message-info__context-menu.sendbird-mouse-hover,.sendbird-parent-message-info__menu-container,.sendbird-parent-message-info__reaction-menu.sendbird-mouse-hover{display:inline-flex}.sendbird-parent-message-info__menu-container{flex-direction:row;position:absolute;top:6px}.sendbird-conversation__messages[dir=ltr] .sendbird-parent-message-info__menu-container{right:12px}.sendbird-conversation__messages[dir=rtl] .sendbird-parent-message-info__menu-container{left:12px}.sendbird-theme--light .sendbird-parent-message-info .sendbird-parent-message-info__content__body{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-parent-message-info .sendbird-parent-message-info__content__body{background-color:#161616;background-color:var(--sendbird-dark-background-600)}.sendbird-theme--light .sendbird-parent-message-info:hover,.sendbird-theme--light .sendbird-parent-message-info:hover .sendbird-parent-message-info__content__body{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-parent-message-info:hover,.sendbird-theme--dark .sendbird-parent-message-info:hover .sendbird-parent-message-info__content__body{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird--mobile-mode .sendbird-parent-message-info.sendbird-thread-ui__parent-message-info:hover{background-color:initial}.sendbird-theme--light .sendbird-parent-message-info:hover .sendbird-emoji-reactions{background-color:#eee;background-color:var(--sendbird-light-background-100);border:1px solid #eee;border:1px solid var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-parent-message-info:hover .sendbird-emoji-reactions{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);border:1px solid #2c2c2c;border:1px solid var(--sendbird-dark-background-500)}.parent-message-info--suggested-mention-list{margin-left:0;margin-right:0;min-height:200px;width:100%}.parent-message-info--suggested-mention-list .sendbird-mention-suggest-list__user-item{padding-left:16px;padding-right:16px}.parent-message-info--suggested-mention-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname{max-width:166px}.parent-message-info--suggested-mention-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id{max-width:68px}.sendbird-parent-message-info-item{margin-top:8px;position:relative}.sendbird-parent-message-info-item__og-field,.sendbird-parent-message-info-item__text-message{display:inline-block;white-space:pre-line;word-break:break-all}.sendbird-conversation__messages[dir=ltr] .sendbird-parent-message-info-item__og-field,.sendbird-conversation__messages[dir=ltr] .sendbird-parent-message-info-item__text-message{padding-right:4px}.sendbird-conversation__messages[dir=rtl] .sendbird-parent-message-info-item__og-field,.sendbird-conversation__messages[dir=rtl] .sendbird-parent-message-info-item__text-message{padding-left:4px}.sendbird-parent-message-info-item__og-field{display:inline-flex;flex-direction:column;margin-top:4px}.sendbird-parent-message-info-item__og-field__content{display:inline-flex;flex-direction:column;gap:4px;padding:8px 12px}.sendbird-parent-message-info-item__file-message{align-items:center;display:inline-flex;flex-direction:row;gap:8px}.sendbird-parent-message-info-item__file-message__file-name{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-parent-message-info-item__thumbnail-message{display:block;height:148px;position:relative;width:200px}.sendbird-parent-message-info-item__multiple-files-message-wrapper{padding:0}.sendbird-theme--dark .sendbird-parent-message-info-item__multiple-files-message-wrapper,.sendbird-theme--light .sendbird-parent-message-info-item__multiple-files-message-wrapper{background-color:initial}.sendbird-parent-message-info-item__thumbnail-message__thumbnail{border-radius:16px;position:absolute}.sendbird-parent-message-info-item__thumbnail-message__placeholder{align-items:center;display:flex;height:148px;justify-content:center;position:absolute;width:100%}.sendbird-parent-message-info-item__thumbnail-message__placeholder__icon{align-items:center;background-color:#fff;background-color:var(--sendbird-light-background-50);border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}.sendbird-parent-message-info-item__thumbnail-message__image-cover{background-color:#0000008c;background-color:var(--sendbird-light-overlay-01);border-radius:16px;display:none;height:148px;position:absolute;top:0;width:100%}.sendbird-parent-message-info-item__thumbnail-message__video{border-radius:16px;height:148px;position:absolute;width:100%}.sendbird-parent-message-info-item__thumbnail-message__icon-wrapper{align-items:center;display:flex;height:148px;justify-content:center;position:absolute;width:100%}.sendbird-parent-message-info-item__thumbnail-message__icon-wrapper__icon{align-items:center;background-color:#ffffffe0;background-color:var(--sendbird-light-ondark-01);border-radius:50%;display:inline-flex;height:56px;justify-content:center;width:56px}.sendbird-parent-message-info-item__thumbnail-message:hover{cursor:pointer}.sendbird-parent-message-info-item__thumbnail-message:hover .sendbird-parent-message-info-item__thumbnail-message__image-cover{display:inline-flex}.sendbird-parent-message-info-item__voice-message__item{height:50px;min-width:136px}.sendbird-thread-list-item .sendbird-separator{margin:4px 0}.sendbird-thread-list .sendbird-message-content__middle__sender-name{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-thread-list .sendbird-message-content.incoming .sendbird-message-content__middle{max-width:200px}.sendbird-thread-list .sendbird-thumbnail-message-item-body.outgoing{height:148px;min-height:148px;min-width:200px}.sendbird-thread-list .sendbird-message-content .sendbird-message-content__middle{max-width:230px}.sendbird-thread-list .sendbird-message-status__icon.sendbird-message-status--sent{display:none}.sendbird-thread-list .sendbird-mention-suggest-list{margin-left:0;margin-right:0;width:100%}.sendbird-thread-list .sendbird-mention-suggest-list__user-item{padding-left:16px;padding-right:16px}.sendbird-thread-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname{max-width:134px}.sendbird-thread-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id{max-width:46px}.sendbird-thread-list-item-content{display:inline-flex;flex-direction:row;height:100%;position:relative;width:100%}.sendbird-thread-list-item-content.incoming{justify-content:flex-start}.sendbird-thread-list-item-content.outgoing{justify-content:flex-end}.sendbird-thread-list-item-content .sendbird-thread-list-item-content__middle{max-width:200px}.sendbird--mobile-mode .sendbird-thread-list-item-content .sendbird-thread-list-item-content__middle{max-width:calc(100vw - 100px)}.sendbird-thread-list-item-content .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.use-quote{bottom:-8px;margin-top:-8px}.sendbird-thread-list-item-content__middle__body-container{width:100%}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left{display:inline-flex;min-width:40px;position:relative}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar{bottom:2px;position:absolute}.sendbird-conversation__messages[dir=ltr] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar{left:0}.sendbird-conversation__messages[dir=rtl] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar{right:0}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle{align-items:flex-start;display:inline-flex;flex-direction:column;position:relative}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at{bottom:6px;display:flex;flex-direction:row;min-width:80px;position:absolute;white-space:nowrap}.sendbird-conversation__messages[dir=ltr] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at{right:-84px}.sendbird-conversation__messages[dir=rtl] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at{left:-84px}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at.sendbird-mouse-hover{display:none}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name{margin-bottom:4px;overflow:hidden;position:relative;text-overflow:ellipsis;width:100%}.sendbird-conversation__messages[dir=ltr] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name{margin-left:12px}.sendbird-conversation__messages[dir=rtl] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name{margin-right:12px}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message{display:inline-flex;position:relative;width:100%}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.outgoing{justify-content:flex-end}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.incoming{justify-content:flex-start}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message:hover{cursor:pointer}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right{display:inline-flex;padding-top:18px;position:relative;width:50px}.sendbird-conversation__messages[dir=ltr] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right{margin-left:4px}.sendbird-conversation__messages[dir=rtl] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right{margin-right:4px}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right.use-reactions{width:70px}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right.chain-top{padding-top:2px}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right.chain-top.use-quote{padding-top:18px}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right .sendbird-thread-list-item-content-menu{display:none;flex-direction:row;height:32px;position:relative}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right .sendbird-thread-list-item-content-menu.sendbird-mouse-hover,.sendbird-thread-list-item-content.incoming:hover .sendbird-thread-list-item-content__right .sendbird-thread-list-item-content-menu{display:inline-flex}.sendbird-thread-list-item-content.incoming:hover .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at{display:none}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left{box-sizing:border-box;display:inline-flex;justify-content:flex-end;position:relative;width:50px}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left.use-reactions{width:70px}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left.use-quote .sendbird-thread-list-item-content-menu{top:18px}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu{display:none;flex-direction:row;position:absolute;top:2px}.sendbird-conversation__messages[dir=ltr] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu{right:4px}.sendbird-conversation__messages[dir=rtl] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu{left:4px}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu.sendbird-mouse-hover{display:inline-flex}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle{align-items:flex-end;display:inline-flex;flex-direction:column;position:relative}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message{display:inline-flex;position:relative;width:100%}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.outgoing{justify-content:flex-end}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.incoming{justify-content:flex-start}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container{position:relative}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at{bottom:2px;box-sizing:initial;display:flex;justify-content:flex-end;min-height:16px;min-width:80px;position:absolute;white-space:nowrap}.sendbird-conversation__messages[dir=ltr] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at{left:-84px}.sendbird-conversation__messages[dir=rtl] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at{right:-84px}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at.sendbird-mouse-hover{display:none}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at .sendbird-thread-list-item-content__middle__body-container__created-at__component-container{display:inline-flex;position:relative}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__right{display:none}.sendbird-thread-list-item-content.outgoing:hover .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu{display:inline-flex}.sendbird-thread-list-item-content.outgoing:hover .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at{display:none}.sendbird-thread-list-item-content__middle__body-container{display:flex;flex-direction:column;position:relative}.sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__message-item-body{box-sizing:border-box;width:100%}.sendbird-thread-list-item-content-reactions{border-radius:0 0 16px 16px;max-width:400px;position:relative;width:100%}.sendbird-theme--light .sendbird-thread-list-item-content-reactions{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-thread-list-item-content-reactions{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-thread-list-item-content-reactions.primary{background-color:#742ddd;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-thread-list-item-content-reactions.primary{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-thread-list-item-content-reactions.mouse-hover,.sendbird-theme--light .sendbird-thread-list-item-content-reactions:hover{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-thread-list-item-content-reactions.mouse-hover,.sendbird-theme--dark .sendbird-thread-list-item-content-reactions:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-thread-list-item-content-reactions.mouse-hover.primary,.sendbird-theme--light .sendbird-thread-list-item-content-reactions:hover.primary{background-color:#6211c8;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-thread-list-item-content-reactions.mouse-hover.primary,.sendbird-theme--dark .sendbird-thread-list-item-content-reactions:hover.primary{background-color:#742ddd;background-color:var(--sendbird-dark-primary-300)}.sendbird-thread-list-item-content__middle__thread-replies{margin-top:4px}.sendbird-thread-list-item-content__middle__message-item-body.sendbird-og-message-item-body,.sendbird-thread-list-item-content__middle__message-item-body.sendbird-thumbnail-message-item-body{max-width:200px;min-width:200px}.sendbird-thread-list-item-content__middle__message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper,.sendbird-thread-list-item-content__middle__message-item-body .sendbird-thumbnail-message-item-body__placeholder,.sendbird-thread-list-item-content__middle__message-item-body .sendbird-thumbnail-message-item-body__video,.sendbird-thread-list-item-content__middle__message-item-body.sendbird-thumbnail-message-item-body{height:148px}.sendbird-voice-message-item-body.sendbird-thread-list-item-content__middle__message-item-body{height:50px;min-width:136px}.sendbird-thread-message-input .sendbird-mention-suggest-list{margin-left:0;margin-right:0;width:100%}.sendbird-thread-message-input .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item{padding-left:16px;padding-right:16px}.sendbird-thread-message-input .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname{max-width:134px}.sendbird-thread-message-input .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id{max-width:46px}.sendbird-theme--light .sendbird-thread-message-input--voice-message{border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-thread-message-input--voice-message{border-top:1px solid #ffffff1f;border-top:1px solid var(--sendbird-dark-ondark-04)}.sb_mobile,.sb_mobile__panelwrap{height:100%}.sb-show-main{padding:0!important}.sb_mobile__panelwrap .sendbird-thread{height:100%;width:100%}.sb_mobile__panelwrap .sendbird-thread .sendbird-thread-ui{max-width:100%}.sb_mobile__panelwrap .sendbird-thread .sendbird-thread-ui .sendbird-thread-ui__header{width:100%}.sendbird-app__wrap{box-sizing:border-box;display:flex;height:100%;width:100%}.sendbird-app__wrap .sendbird-app__searchpanel-wrap{box-sizing:border-box;min-width:320px;overflow-x:hidden;overflow-y:scroll;width:320px}.sendbird-theme--light .sendbird-app__wrap .sendbird-app__searchpanel-wrap{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04);border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}[dir=ltr] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__searchpanel-wrap{border-right:1px solid #0000001f;border-right:1px solid var(--sendbird-light-onlight-04)}[dir=rtl] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__searchpanel-wrap{border-left:1px solid #0000001f;border-left:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__searchpanel-wrap{border-bottom:1px solid #161616;border-bottom:1px solid var(--sendbird-dark-background-600);border-top:1px solid #161616;border-top:1px solid var(--sendbird-dark-background-600)}[dir=ltr] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__searchpanel-wrap{border-right:1px solid #161616;border-right:1px solid var(--sendbird-dark-background-600)}[dir=rtl] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__searchpanel-wrap{border-left:1px solid #161616;border-left:1px solid var(--sendbird-dark-background-600)}.sendbird-app__wrap .sendbird-app__conversation-wrap{flex:1 1;position:relative;width:calc(100% - 320px)}.sendbird-app__wrap .sendbird-app__channellist-wrap{max-width:320px}.sendbird-theme--light .sendbird-app__wrap .sendbird-app__channellist-wrap{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04);border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}[dir=ltr] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__channellist-wrap{border-left:1px solid #0000001f;border-left:1px solid var(--sendbird-light-onlight-04)}[dir=rtl] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__channellist-wrap{border-right:1px solid #0000001f;border-right:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__channellist-wrap{border-bottom:1px solid #161616;border-bottom:1px solid var(--sendbird-dark-background-600);border-top:1px solid #161616;border-top:1px solid var(--sendbird-dark-background-600)}[dir=ltr] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__channellist-wrap{border-left:1px solid #161616;border-left:1px solid var(--sendbird-dark-background-600)}[dir=rtl] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__channellist-wrap{border-right:1px solid #161616;border-right:1px solid var(--sendbird-dark-background-600)}.sendbird-theme--light .sendbird-app__wrap .sendbird-app__conversation--settings-open .sendbird-chat-header__info{background-color:#dbd1ff;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__conversation--settings-open .sendbird-chat-header__info{background-color:#000;background-color:var(--sendbird-dark-background-700)}[dir=ltr] .sendbird-app__wrap .sendbird-chat-header__search{margin-right:16px}[dir=rtl] .sendbird-app__wrap .sendbird-chat-header__search{margin-left:16px}.sendbird-theme--light .sendbird-app__wrap .sendbird-app__conversation--search-open .sendbird-chat-header__search{background-color:#dbd1ff;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__conversation--search-open .sendbird-chat-header__search{background-color:#000;background-color:var(--sendbird-dark-background-700)}[dir=ltr] .sendbird-app__wrap .sendbird-channel-settings{border-left:none}[dir=rtl] .sendbird-app__wrap .sendbird-channel-settings{border-right:none}.sendbird-theme--light .sendbird-app__wrap .sendbird-channel-settings{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04);border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}[dir=ltr] .sendbird-theme--light .sendbird-app__wrap .sendbird-channel-settings{border-right:1px solid #0000001f;border-right:1px solid var(--sendbird-light-onlight-04)}[dir=rtl] .sendbird-theme--light .sendbird-app__wrap .sendbird-channel-settings{border-left:1px solid #0000001f;border-left:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-app__wrap .sendbird-channel-settings{border-bottom:1px solid #161616;border-bottom:1px solid var(--sendbird-dark-background-600);border-top:1px solid #161616;border-top:1px solid var(--sendbird-dark-background-600)}[dir=ltr] .sendbird-theme--dark .sendbird-app__wrap .sendbird-channel-settings{border-right:1px solid #161616;border-right:1px solid var(--sendbird-dark-background-600)}[dir=rtl] .sendbird-theme--dark .sendbird-app__wrap .sendbird-channel-settings{border-left:1px solid #161616;border-left:1px solid var(--sendbird-dark-background-600)}.sendbird-app__wrap .sendbird-channel-settings .sendbird-channel-settings__header{height:64px}.sendbird-openchannel-conversation{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.sendbird-theme--light .sendbird-openchannel-conversation{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-openchannel-conversation{background-color:#161616;background-color:var(--sendbird-dark-background-600)}.sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll{flex:1 1;overflow-y:auto;width:100%}.sendbird-openchannel-conversation .sendbird-openchannel-footer{padding:12px 24px 24px}.sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll-container{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto}.sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll-container .sendbird-openchannel-conversation-scroll-padding{flex:1 1}.sendbird-frozen-channel-notification{align-items:center;border-radius:4px;display:flex;height:32px;justify-content:center;margin-left:24px;margin-right:24px;margin-top:8px;position:relative}.sendbird-theme--light .sendbird-frozen-channel-notification{background-color:#adc9ff;background-color:var(--sendbird-light-information-100)}.sendbird-theme--dark .sendbird-frozen-channel-notification{background-color:#adc9ff;background-color:var(--sendbird-dark-information-100)}.sendbird-oepnchannel-header__icon_back{position:absolute;top:18px}[dir=ltr] .sendbird-oepnchannel-header__icon_back{left:12px}[dir=rtl] .sendbird-oepnchannel-header__icon_back{right:12px}.sendbird-openchannel-conversation-header{box-sizing:border-box;min-height:64px;position:relative}.sendbird-theme--light .sendbird-openchannel-conversation-header{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-conversation-header{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title{max-width:calc(100% - 120px);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird--mobile-mode .sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title{max-width:calc(100% - 160px)}.sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image]{position:absolute;top:16px}[dir=ltr] .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image]{left:20px}[dir=rtl] .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image]{right:20px}[dir=ltr] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image]{left:50px}[dir=rtl] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image]{right:50px}.sendbird-openchannel-conversation-header__left__title{position:absolute;top:12px}[dir=ltr] .sendbird-openchannel-conversation-header__left__title{left:60px}[dir=rtl] .sendbird-openchannel-conversation-header__left__title{right:60px}[dir=ltr] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__title{left:90px}[dir=rtl] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__title{right:90px}.sendbird-openchannel-conversation-header__left__sub-title{position:absolute;top:36px}[dir=ltr] .sendbird-openchannel-conversation-header__left__sub-title{left:60px}[dir=rtl] .sendbird-openchannel-conversation-header__left__sub-title{right:60px}[dir=ltr] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__sub-title{left:90px}[dir=rtl] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__sub-title{right:90px}.sendbird-openchannel-conversation-header__right{height:64px;position:absolute;top:0;width:64px}[dir=ltr] .sendbird-openchannel-conversation-header__right{right:0}[dir=rtl] .sendbird-openchannel-conversation-header__right{left:0}.sendbird-openchannel-conversation-header__right__trigger{align-items:center;display:flex;justify-content:center;position:absolute;top:16px}[dir=ltr] .sendbird-openchannel-conversation-header__right__trigger{right:16px}[dir=rtl] .sendbird-openchannel-conversation-header__right__trigger{left:16px}.sendbird-openchannel-conversation-header__left__cover-image--icon{align-items:center;border-radius:50%;display:flex;justify-content:center}.sendbird-theme--light .sendbird-openchannel-conversation-header__left__cover-image--icon{background-color:#bdbdbd;background-color:var(--sendbird-light-background-300)}.sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon{background-color:#bdbdbd;background-color:var(--sendbird-dark-background-300)}.sendbird-openchannel-conversation-scroll{position:relative;width:100%}.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container{bottom:0;height:100%;overflow:hidden;position:sticky;width:100%}.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__padding{height:8px}.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container{height:100%;overflow:scroll;width:100%}.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container.no-messages,.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container.no-messages .sendbird-openchannel-conversation-scroll__container__place-holder{height:100%;width:100%}.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button{align-items:center;border-radius:24px;bottom:8px;display:flex;height:40px;justify-content:center;position:absolute;width:40px;z-index:1}[dir=ltr] .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button{left:calc(50% - 20px)}[dir=rtl] .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button{right:calc(50% - 20px)}.sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button{background-color:#742ddd;background-color:var(--sendbird-light-primary-300);box-shadow:0 2px 8px 0 #00000014,0 4px 6px 0 #0000001f;box-shadow:var(--sendbird-light-shadow-05)}.sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button{background-color:#c2a9fa;background-color:var(--sendbird-dark-primary-200);box-shadow:var(--sendbird-dark-shadow-05)}.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover{cursor:pointer}.sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover{background-color:#6211c8;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover{background-color:#742ddd;background-color:var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:active{background-color:#491389;background-color:var(--sendbird-light-primary-500)}.sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:active{background-color:#6211c8;background-color:var(--sendbird-dark-primary-400)}.sendbird-open-channel-msg-hoc{min-width:380px}.sendbird-openchannel-user-message{display:flex;flex-direction:row;position:relative;width:100%}.sendbird-theme--light .sendbird-openchannel-user-message:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-user-message:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-openchannel-user-message:hover .sendbird-openchannel-user-message__context-menu{display:block}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__left{display:flex;min-width:52px;position:relative;width:52px}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__left .sendbird-openchannel-user-message__left__avatar{display:flex;margin-top:8px;position:relative}[dir=ltr] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__left .sendbird-openchannel-user-message__left__avatar{margin-left:24px}[dir=rtl] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__left .sendbird-openchannel-user-message__left__avatar{margin-right:24px}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right{display:flex;flex-direction:column;position:relative;width:100%}[dir=ltr] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right{margin:8px 24px 8px 12px}[dir=rtl] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right{margin:8px 12px 8px 24px}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top{display:flex;margin-bottom:2px;position:relative}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sender-name,.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sent-at{display:flex;position:relative}[dir=ltr] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sent-at{margin-left:4px}[dir=rtl] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sent-at{margin-right:4px}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__bottom{display:flex;position:relative;width:100%}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__bottom .sendbird-openchannel-user-message__right__bottom__message{position:relative;white-space:pre-line;word-break:break-all}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__tail{position:relative;top:2px}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu{display:none;position:absolute}[dir=ltr] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu{right:16px}[dir=rtl] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu{left:16px}.sendbird-theme--light .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon:hover{background-color:#dbd1ff;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon:hover{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-openchannel__mobile-menu-hyperlink{color:inherit;display:block;font-family:inherit;font-size:inherit;font-stretch:normal;font-style:normal;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:none;width:100%}.sendbird-openchannel-admin-message{border-radius:4px;margin:16px 24px;padding:12px 16px;position:relative}.sendbird-theme--light .sendbird-openchannel-admin-message{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-admin-message{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-openchannel-admin-message:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-admin-message:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-openchannel-admin-message .sendbird-openchannel-admin-message__text{word-wrap:break-word}.sendbird-openchannel-og-message{display:flex;flex-direction:column;position:relative;width:100%}.sendbird-theme--light .sendbird-openchannel-og-message:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-og-message:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-openchannel-og-message:hover .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu{display:block}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top{box-sizing:border-box;display:flex;flex-direction:row;position:relative}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left{display:flex;min-width:52px;position:relative;width:52px}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left .sendbird-openchannel-og-message__top__left__avatar{display:flex;position:absolute;top:8px}[dir=ltr] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left .sendbird-openchannel-og-message__top__left__avatar{left:24px}[dir=rtl] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left .sendbird-openchannel-og-message__top__left__avatar{right:24px}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right{box-sizing:border-box;display:flex;flex-direction:column;position:relative}[dir=ltr] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right{margin:8px 24px 8px 12px}[dir=rtl] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right{margin:8px 12px 8px 24px}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title{display:flex;margin-bottom:2px;position:relative}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sender-name,.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sent-at{display:flex;position:relative}[dir=ltr] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sent-at{margin-left:4px}[dir=rtl] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sent-at{margin-right:4px}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__description .sendbird-openchannel-og-message__top__right__description__message{display:inline;position:relative;white-space:pre-wrap;word-break:break-all}.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__description .sendbird-openchannel-og-message__top__right__description__message .sendbird-word .sendbird-word__url{color:#742ddd;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__description .sendbird-openchannel-og-message__top__right__description__message .sendbird-word .sendbird-word__url{color:#c2a9fa;color:var(--sendbird-dark-primary-200)}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu{display:none;position:absolute}[dir=ltr] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu{right:16px}[dir=rtl] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu{left:16px}.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon:hover{background-color:#dbd1ff;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon:hover{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom{display:inline;margin-bottom:8px;position:relative;width:100%}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag{border-radius:8px;box-sizing:border-box;display:inline-block;padding:12px 12px 4px;position:relative;width:360px}[dir=ltr] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag{left:64px}[dir=rtl] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag{right:64px}.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag{background-color:#eee;background-color:var(--sendbird-light-background-100);border:1px solid #0000001f;border:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);border:1px solid #ffffff1f;border:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__url{display:block;margin-bottom:8px;max-width:336px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title{display:inline-block;margin-bottom:8px;max-width:336px;overflow-wrap:normal;position:relative;white-space:pre-wrap}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title:hover{cursor:pointer}.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title:hover{color:#742ddd;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title:hover{color:#c2a9fa;color:var(--sendbird-dark-primary-200)}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__description{display:block;margin-bottom:8px;max-height:32px;max-width:336px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:pre-wrap;width:100%;word-break:break-all}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail{box-sizing:border-box;display:block;margin-bottom:8px;margin-top:4px;position:relative;width:100%}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail:hover{cursor:pointer}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail .sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image,.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail .sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image--placeholder{border-radius:8px;max-width:336px;min-width:200px;width:100%}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top__right__tail{position:relative;top:2px}[dir=ltr] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top__right__tail{left:64px}[dir=rtl] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top__right__tail{right:64px}.sendbird-openchannel-og-message--word{display:inline;margin:0 2px;word-break:break-all}.sendbird-openchannel-thumbnail-message{display:flex;flex-direction:row;position:relative}.sendbird-theme--light .sendbird-openchannel-thumbnail-message:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-thumbnail-message:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu{display:block}.sendbird-theme--light .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon:hover{background-color:#dbd1ff;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon:hover{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left{display:flex;min-width:52px;position:relative;width:52px}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left .sendbird-openchannel-thumbnail-message__left__avatar{display:inline;margin-top:8px;position:absolute}[dir=ltr] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left .sendbird-openchannel-thumbnail-message__left__avatar{margin-left:28px}[dir=rtl] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left .sendbird-openchannel-thumbnail-message__left__avatar{margin-right:28px}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right{display:flex;flex-direction:column;margin-bottom:8px;margin-top:8px;position:relative;width:calc(100% - 64px)}[dir=ltr] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right{margin-left:12px}[dir=rtl] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right{margin-right:12px}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title{display:inline;margin-bottom:4px;position:relative}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sender-name{display:inline;position:relative}[dir=ltr] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sender-name{margin-right:4px}[dir=rtl] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sender-name{margin-left:4px}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sent-at{display:inline;position:relative}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body{border-radius:8px;display:flex;position:relative}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body:hover .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay{opacity:1}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap{box-sizing:initial;position:relative}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay{border-radius:8px;cursor:pointer;height:100%;max-width:360px;opacity:0;position:absolute;top:0;width:100%}[dir=ltr] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay{left:0}[dir=rtl] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay{right:0}.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay{background-color:#00000052;background-color:var(--sendbird-light-overlay-02)}.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay{background-color:#00000052;background-color:var(--sendbird-dark-overlay-02)}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video{max-height:360px;max-width:360px}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video:hover{cursor:pointer}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__video{border-radius:8px;max-height:360px;max-width:360px}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon{position:absolute;top:calc(50% - 28px)}[dir=ltr] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon{left:calc(50% - 28px)}[dir=rtl] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon{right:calc(50% - 28px)}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon{border-radius:8px;padding:107px 152px}.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image{border-radius:8px}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon{border-radius:8px;padding:107px 152px}.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__unknown{border-radius:8px;padding:107px 152px}.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__unknown{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__unknown{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__tail{position:relative;top:2px}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__context-menu{display:none;position:absolute;top:8px}[dir=ltr] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__context-menu{right:16px}[dir=rtl] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__context-menu{left:16px}.sendbird-openchannel-file-message{display:flex;flex-direction:row;position:relative}.sendbird-theme--light .sendbird-openchannel-file-message:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-file-message:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-openchannel-file-message:hover .sendbird-openchannel-file-message__context-menu{display:block}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__left{display:flex;min-width:52px;position:relative;width:52px}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__left .sendbird-openchannel-file-message__left__avatar{display:block;margin-top:8px;position:absolute}[dir=ltr] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__left .sendbird-openchannel-file-message__left__avatar{margin-left:24px}[dir=rtl] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__left .sendbird-openchannel-file-message__left__avatar{margin-right:24px}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right{display:flex;flex-direction:column;margin-bottom:4px;position:relative;width:calc(100% - 64px)}[dir=ltr] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right{margin-left:12px}[dir=rtl] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right{margin-right:12px}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title{display:flex;margin-top:8px;position:relative}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sender-name,.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sent-at{display:flex;position:relative}[dir=ltr] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sent-at{margin-left:4px}[dir=rtl] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sent-at{margin-right:4px}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body{border-radius:8px;display:flex;margin-bottom:4px;margin-top:4px;max-width:360px;position:relative}.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body{background-color:#eee;background-color:var(--sendbird-light-background-100);border:1px solid #0000001f;border:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);border:1px solid #ffffff1f;border:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__icon{border-radius:8.6px;display:inline-block;margin:8px;position:relative}.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__icon{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__icon{background-color:#161616;background-color:var(--sendbird-dark-background-600)}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name{display:flex;height:20px;margin-top:22px;max-height:20px;overflow:hidden;position:relative}[dir=ltr] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name{margin-left:4px;margin-right:16px}[dir=rtl] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name{margin-left:16px;margin-right:4px}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name .sendbird-openchannel-file-message__right__body__file-name__label{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu{display:none;position:absolute;top:8px}[dir=ltr] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu{right:16px}[dir=rtl] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu{left:16px}.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon:hover{background-color:#dbd1ff;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon:hover{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-openchannel-settings{display:inline-block;height:100%;overflow-y:scroll;position:relative;width:320px}.sendbird--mobile-mode .sendbird-openchannel-settings{width:100%}.sendbird-theme--light .sendbird-openchannel-settings{background-color:#fff;background-color:var(--sendbird-light-background-50)}[dir=ltr] .sendbird-theme--light .sendbird-openchannel-settings{border-left:1px solid #0000001f;border-left:1px solid var(--sendbird-light-onlight-04)}[dir=rtl] .sendbird-theme--light .sendbird-openchannel-settings{border-right:1px solid #0000001f;border-right:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-settings{background-color:#161616;background-color:var(--sendbird-dark-background-600)}[dir=ltr] .sendbird-theme--dark .sendbird-openchannel-settings{border-left:1px solid #ffffff1f;border-left:1px solid var(--sendbird-dark-ondark-04)}[dir=rtl] .sendbird-theme--dark .sendbird-openchannel-settings{border-right:1px solid #ffffff1f;border-right:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-settings .sendbird-participants-accordion__footer{padding-top:16px}[dir=ltr] .sendbird-openchannel-settings .sendbird-participants-accordion__footer{padding-left:16px;text-align:left}[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion__footer{padding-right:16px;text-align:right}.sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon{position:absolute}[dir=ltr] .sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon{left:14px}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon{right:14px}.sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon,.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete{position:absolute}[dir=ltr] .sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon,[dir=ltr] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete{left:16px}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon,[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete{right:16px}.sendbird-openchannel-settings .sendbird-openchannel-settings__participant{height:100%}.sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__participant-list{height:calc(100% - 64px);overflow-y:scroll;padding-top:64px}.sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header{display:block;position:absolute;top:0;width:100%}[dir=ltr] .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header{left:0}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header{right:0}.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header{background-color:#161616;background-color:var(--sendbird-dark-background-600)}[dir=ltr] .sendbird-openchannel-settings .sendbird-openchannel-settings__delete-channel,[dir=ltr] .sendbird-openchannel-settings .sendbird-participants-accordion{text-align:left}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__delete-channel,[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion{text-align:right}.sendbird-openchannel-settings .sendbird-openchannel-settings__members .sendbird-badge__text{margin-top:-2px}.sendbird-openchannel-settings .sendbird-openchannel-settings__header{box-sizing:border-box;height:64px;min-height:64px;padding:20px 24px;position:relative}[dir=ltr] .sendbird-openchannel-settings .sendbird-openchannel-settings__header{text-align:left}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__header{text-align:right}.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__header{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__header{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon{cursor:pointer;position:absolute;top:20px}[dir=ltr] .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon{right:16px}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon{left:16px}.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon path{fill:#000000e0;fill:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon path{fill:#ffffffe0;fill:var(--sendbird-dark-ondark-01)}.sendbird-openchannel-settings .sendbird-openchannel-settings__placeholder{margin-top:40%}.sendbird-openchannel-settings .sendbird-openchannel-settings__url{box-sizing:border-box;padding:16px;position:relative}.sendbird-openchannel-settings .sendbird-openchannel-settings__url:hover .sendbird-openchannel-settings__copy-icon{display:inline-block}.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__copy-icon{cursor:pointer;display:none;position:absolute;top:10px}[dir=ltr] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__copy-icon{right:18px}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__copy-icon{left:18px}.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value{margin-top:8px}.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label,.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value{word-wrap:break-word;display:block}[dir=ltr] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label,[dir=ltr] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value{text-align:left}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label,[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value{text-align:right}.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__url{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__url{background-color:#161616;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item{box-sizing:border-box;cursor:pointer;display:block;position:relative}[dir=ltr] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item{padding:12px 22px 10px 56px}[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item{padding:12px 56px 10px 22px}.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item{background-color:#161616;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item:focus{outline:none}.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item.sendbird-channel-settings__panel-item__disabled{cursor:not-allowed}.sendbird-openchannel-settings .sendbird-participants-accordion__member{box-sizing:border-box;height:40px;position:relative;width:100%}[dir=ltr] .sendbird-openchannel-settings .sendbird-participants-accordion__member{padding:12px 0 12px 56px;text-align:left}[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion__member{padding:12px 56px 12px 0;text-align:right}.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-label{display:inline-block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.operator,.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.self-operator,.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.user-id{position:absolute}[dir=ltr] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.operator,[dir=ltr] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.self-operator,[dir=ltr] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.user-id{right:16px}[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.operator,[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.self-operator,[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.user-id{left:16px}.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__action,.sendbird-openchannel-settings .sendbird-participants-accordion__member:hover .sendbird-participants-accordion__member__title.operator,.sendbird-openchannel-settings .sendbird-participants-accordion__member:hover .sendbird-participants-accordion__member__title.user-id{display:none}.sendbird-openchannel-settings .sendbird-participants-accordion__member:hover .sendbird-participants-accordion__member__action{display:inline-block}.sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar{cursor:pointer;position:absolute;top:10px}[dir=ltr] .sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar{left:16px}[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar{right:16px}.sendbird-openchannel-settings .sendbird-participants-accordion__member__action{cursor:pointer;display:none;position:absolute;top:4px}[dir=ltr] .sendbird-openchannel-settings .sendbird-participants-accordion__member__action{right:8px}[dir=rtl] .sendbird-openchannel-settings .sendbird-participants-accordion__member__action{left:8px}.sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer,.sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer,.sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer,.sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer{display:flex;padding-top:16px}[dir=ltr] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer,[dir=ltr] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer,[dir=ltr] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer,[dir=ltr] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer{justify-content:left;padding-left:12px}[dir=rtl] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer,[dir=rtl] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer,[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer,[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer{justify-content:right;padding-right:12px}[dir=ltr] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer .sendbird-button:nth-child(2),[dir=ltr] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer .sendbird-button:nth-child(2),[dir=ltr] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer .sendbird-button:nth-child(2),[dir=ltr] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer .sendbird-button:nth-child(2){margin-left:8px}[dir=rtl] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer .sendbird-button:nth-child(2),[dir=rtl] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer .sendbird-button:nth-child(2),[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer .sendbird-button:nth-child(2),[dir=rtl] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer .sendbird-button:nth-child(2){margin-right:8px}.sendbird-participants-accordion__member-avatar__avatar{position:absolute}.sendbird-more-users__popup-scroll{max-height:420px;overflow:scroll}.sendbird-openchannel-profile{padding:32px 40px 27px;position:relative;text-align:center}.sendbird-theme--light .sendbird-openchannel-profile{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-profile{background-color:#161616;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-profile .sendbird-openchannel-profile--inner{height:116px}.sendbird-openchannel-profile .sendbird-openchannel-profile__avatar{margin-bottom:16px;text-align:center}.sendbird-openchannel-profile .sendbird-openchannel-profile__title{display:inline-block;height:18px;max-width:240px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-openchannel-profile .sendbird-openchannel-profile__edit{position:absolute;top:10px}[dir=ltr] .sendbird-openchannel-profile .sendbird-openchannel-profile__edit{right:16px}[dir=rtl] .sendbird-openchannel-profile .sendbird-openchannel-profile__edit{left:16px}.sendbird-theme--dark .sendbird-accordion.sendbird-accordion--closed,.sendbird-theme--light .sendbird-accordion.sendbird-accordion--closed{border-bottom:0}.sendbird-accordion{box-sizing:border-box;position:relative}.sendbird-theme--light .sendbird-accordion{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-accordion{background-color:#161616;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-accordion .sendbird-accordion__member{box-sizing:border-box;height:40px;position:relative}[dir=ltr] .sendbird-accordion .sendbird-accordion__member{padding:12px 0 12px 44px}[dir=rtl] .sendbird-accordion .sendbird-accordion__member{padding:12px 44px 12px 0}.sendbird-accordion .sendbird-accordion__footer{display:flex;justify-content:flex-start;margin-top:8px}.sendbird-accordion__list{padding-bottom:16px;padding-top:8px}.sendbird-accordion__panel-header{cursor:pointer;position:relative}[dir=ltr] .sendbird-accordion__panel-header{padding:12px 22px 10px 56px}[dir=rtl] .sendbird-accordion__panel-header{padding:12px 56px 10px 22px}.sendbird-theme--light .sendbird-accordion__panel-header{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-accordion__panel-header{background-color:#161616;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-accordion__panel-header:focus{outline:none}.sendbird-accordion__panel-header.sendbird-accordion__panel-item__disabled{cursor:not-allowed}.sendbird-accordion__panel-icon-left,.sendbird-accordion__panel-icon-right{position:absolute;top:10px}[dir=ltr] .sendbird-accordion__panel-icon-left{left:16px}[dir=ltr] .sendbird-accordion__panel-icon-right,[dir=rtl] .sendbird-accordion__panel-icon-left{right:16px}[dir=rtl] .sendbird-accordion__panel-icon-right{left:16px;transform:rotate(180deg)}[dir=ltr] .sendbird-accordion__panel-icon--open{transform:rotate(90deg)}[dir=rtl] .sendbird-accordion__panel-icon--open{transform:rotate(-90deg)}.sendbird-theme--light .sendbird-accordion__panel-icon--chevron path{fill:#000000e0;fill:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-accordion__panel-icon--chevron path{fill:#ffffffe0;fill:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-accordion__panel-icon__leave path{fill:#de360b;fill:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-accordion__panel-icon__leave path{fill:#de360b;fill:var(--sendbird-dark-error-300)}.video-chat-container{flex-direction:column;height:100%;width:100%}.chat-header,.video-chat-container{background-color:#f9f7f6;display:flex}.chat-header{align-items:center;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:12px 16px}.chat-header h4{color:#333;font-size:14px;font-weight:600;margin:0 0 4px}.chat-subtitle{color:#666;font-size:12px}.training-chat-wrapper{flex:1 1;height:calc(100% - 60px);overflow:hidden}.training-chat-wrapper .sendbird-chat-header{display:none!important}.video-chat-container .sendbird-app__conversation-wrap{height:100%!important;width:100%!important}.video-chat-container .sendbird-conversation__header{border-bottom:1px solid #e0e0e0!important;min-height:40px!important;padding:8px 12px!important}.video-chat-container .sendbird-conversation__header .sendbird-label{font-size:12px!important;font-weight:600!important}.video-chat-container .sendbird-conversation__messages{padding:8px!important}.video-chat-container .sendbird-message{margin-bottom:8px!important}.video-chat-container .sendbird-message__content{font-size:11px!important;line-height:1.3!important}.video-chat-container .sendbird-message__content .sendbird-label{font-size:11px!important}.video-chat-container .sendbird-message-input{border-top:1px solid #e0e0e0!important;box-sizing:border-box!important;margin:0!important;padding:8px!important;width:100%!important}.video-chat-container .sendbird-message-input-text-field,.video-chat-container .sendbird-message-input__textfield{align-items:center!important;display:flex!important;font-size:14px!important;min-height:48px!important;padding:8px 12px!important}.video-chat-container .sendbird-message-input-text-field input,.video-chat-container .sendbird-message-input-text-field textarea,.video-chat-container .sendbird-message-input__textfield input,.video-chat-container .sendbird-message-input__textfield textarea{font-size:14px!important;line-height:1.5!important}.video-chat-container .sendbird-message-input__send-button{height:36px!important;width:36px!important}.video-chat-container .sendbird-message-input__file-upload-button,.video-chat-container .sendbird-message-input__voice-message-button{height:32px!important;margin:0 4px!important;width:32px!important}.video-chat-container .sendbird-avatar,.video-chat-container .sendbird-avatar img{height:24px!important;width:24px!important}.video-chat-container .sendbird-message-content__middle__body-container__created-at{font-size:9px!important}@media (max-width:768px){.video-chat-container .sendbird-conversation__header{min-height:36px!important;padding:6px 8px!important}.video-chat-container .sendbird-message-input{padding:6px 8px!important}.video-chat-container .sendbird-message-input-text-field,.video-chat-container .sendbird-message-input__textfield{font-size:10px!important;min-height:28px!important;padding:4px 8px!important}}.video-page{background-color:#f9f7f6;margin:-2rem;padding:0}.video-page-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 0}.video-page-header .container{margin:0;max-width:100%;padding:0 16px}.video-page-title-section{align-items:center;display:flex;gap:20px;justify-content:space-between}.breadcrumb-navigation{align-items:center;display:flex;font-size:16px;gap:8px}.breadcrumb-link{background:none;border:none;color:#666;cursor:pointer;font-size:16px;font-weight:400;padding:0;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb-separator{color:#999;font-size:16px;margin:0 4px}.breadcrumb-current{color:#333;font-size:16px;font-weight:600}.video-content{margin:0;max-width:100%;padding:0}.video-layout-redesigned{border-radius:0;gap:0}.video-content-area,.video-layout-redesigned{background:#f9f7f6;display:flex;overflow:visible;transition:all .3s ease}.video-content-area{flex:1 1;flex-direction:column}.video-header-top{background:#f9f7f6;flex-shrink:0;padding:4px 24px 8px 44px}.video-header-top .video-title{color:#0f0f0f;font-size:32px;font-weight:600;line-height:1.3;margin:0 0 8px}.video-header-top .video-completion-metric{color:#606060;font-size:14px;font-weight:400;margin:0}.video-header-top .video-completion-metric .completion-numbers{color:#ff6b35;font-weight:600}.video-player-section{background:#f9f7f6;flex-shrink:0;padding:4px 24px 4px 72px;position:relative}.video-player-with-nav{align-items:center;display:flex;gap:8px;margin:0 0 0 -56px}.video-player-container{flex:1 1;margin:0;position:relative}.video-description-section{margin-right:360px}.video-description-section,.video-description-section-full-width{background:#f9f7f6;border-top:1px solid #e0e0e0;padding:12px 24px 12px 72px}.video-description-section-full-width{margin-right:0}.video-info-section{background:#f9f7f6;flex-shrink:0;padding:12px 24px 12px 72px}.video-info-tabs{border-bottom:1px solid #e0e0e0;display:flex;gap:32px;margin:0;padding:0}.video-info-tab{background:none;border:none;border-bottom:3px solid #0000;color:#333;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-1px;padding:12px 0;position:relative;transition:all .2s ease}.video-info-tab:hover{color:#ff6b35}.video-info-tab.active{border-bottom-color:#ff6b35;color:#ff6b35;font-weight:600}.video-info-content{padding:24px 0}.tab-panel p{color:#333;font-size:14px;line-height:1.6;margin:0;white-space:pre-line}.video-header{border-bottom:1px solid #e0e0e0;margin-bottom:16px;padding-bottom:16px}.video-title{color:#0f0f0f;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 8px}.video-completion-metric{color:#606060;font-size:14px;font-weight:400;margin:0}.video-nav-button{align-items:center;background:#f6ebe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fa530a;cursor:pointer;display:flex;flex-shrink:0;font-size:36px;font-weight:900;height:48px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:48px;z-index:10}.video-nav-button:hover:not(:disabled){background:#ffe0e0;box-shadow:0 4px 12px #00000026;color:#fa530a;transform:scale(1.05)}.video-nav-button:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed;opacity:.3}.video-nav-prev{padding-right:0}.video-nav-next{padding-left:0}.video-tabs{background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:0;margin-bottom:16px}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#606060;cursor:pointer;font-size:14px;font-weight:500;margin-right:32px;padding:12px 0;position:relative;transition:all .2s ease}.tab-button:hover{color:#0f0f0f}.tab-button.active{border-bottom-color:#ff6b35;color:#ff6b35}.tab-content{background:#fff}.description-content{max-width:100%}.description-content p{color:#0f0f0f;font-size:14px;line-height:1.6;margin:0;white-space:pre-line}.chat-panel{border-left:1px solid #e0e0e0;flex-shrink:0;transition:width .3s ease;width:360px}.chat-panel.collapsed{align-items:center;justify-content:center;width:48px}.chat-panel-toggle-bottom{align-items:center;background:#fff;border:none;border-top:1px solid #e0e0e0;color:#606060;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;gap:8px;padding:12px 16px;transition:all .2s ease}.chat-panel-toggle-bottom:hover{background:#f8f9fa;color:#ff6b35}.chat-panel-toggle-bottom .toggle-icon{font-size:12px;transition:transform .2s ease}.chat-panel-toggle-bottom:hover .toggle-icon{transform:translateX(2px)}.chat-panel-toggle-bottom .toggle-text{font-weight:500}.chat-panel-toggle-collapsed{align-items:center;background:#f9f7f6;border:none;color:#606060;cursor:pointer;display:flex;height:100%;justify-content:center;transition:all .2s ease;width:100%}.chat-panel-toggle-collapsed:hover{background:#f0f0f0;color:#ff6b35}.chat-panel-toggle-collapsed .toggle-icon-collapsed{font-size:20px;transition:transform .2s ease}.chat-panel-toggle-collapsed:hover .toggle-icon-collapsed{transform:translateX(-2px)}.course-name-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #ddd;box-sizing:border-box;display:flex;height:50px;justify-content:center;margin-bottom:0;padding:15px 0;text-align:center;width:100%}.course-name-header h2{color:#333;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.video-details{background:#fff;flex-shrink:0;padding:0}.video-details .video-title{color:#0f0f0f;font-size:24px;font-weight:600;line-height:1.3;margin:0 0 12px}.video-meta{align-items:center;color:#606060;display:flex;font-size:14px;margin-bottom:16px}.video-views{margin-right:4px}.video-date{margin-left:4px}.video-description{color:#0f0f0f;line-height:1.4}.video-description p{color:#666;font-size:16px;margin:0}.video-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#f2f2f2;border-radius:12px;color:#606060;font-size:12px;font-weight:500;padding:4px 8px;text-decoration:none;transition:background-color .2s}.tag:hover{background:#e5e5e5}.video-player{align-items:center;background:#000;display:flex;height:auto;justify-content:center;margin:20px;padding:20px;position:relative}.training-video-player{animation:fadeIn .5s ease-in-out;aspect-ratio:16/9;background:#000;border-radius:12px;margin-bottom:0;max-width:none;overflow:hidden;position:relative;width:100%}.video-processing-message{align-items:center;background:#1a1a1a;color:#fff;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:40px 20px;text-align:center;width:100%}.video-processing-message .processing-icon{animation:pulse 2s ease-in-out infinite;font-size:64px}.video-processing-message h3{color:#fff;font-size:24px;font-weight:600;margin:0}.video-processing-message p{color:#fffc;font-size:16px;line-height:1.5;margin:0;max-width:500px}.video-placeholder{align-items:center;background:var(--color-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='30' cy='70' r='15' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='70' cy='30' r='20' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:40px 20px 20px;position:relative;transition:all .3s ease}.video-placeholder.landscape{aspect-ratio:16/9;height:auto;width:100%}@media (max-width:1200px){.video-placeholder.landscape{aspect-ratio:16/9;width:100%}}@media (max-width:768px){.video-placeholder.landscape{aspect-ratio:16/9;width:100%}}@media (max-width:480px){.video-placeholder.landscape{aspect-ratio:16/9;width:100%}}@supports not (aspect-ratio:16/9){.video-placeholder.landscape{height:0;padding-bottom:56.25%;position:relative;width:100%}.video-placeholder.landscape .video-controls,.video-placeholder.landscape .video-info{bottom:0;left:0;position:absolute;right:0;top:0}}.video-controls{flex:1 1}.play-button,.video-controls{align-items:center;display:flex;justify-content:center}.play-button{background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;font-size:30px;height:80px;padding-left:5px;transition:all .2s;width:80px}.play-button:hover{background:#fff;transform:scale(1.05)}.video-info{align-items:center;align-self:stretch;display:flex;justify-content:space-between;padding:0 20px}.video-time{background:#00000080;border-radius:4px;color:#fff;font-size:14px;padding:5px 10px}.course-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:100px;justify-content:space-between;max-width:220px;min-width:180px;padding:10px;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.course-card:hover{border-color:var(--color-primary);box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.course-card.active{background:var(--color-primary-50);border-color:var(--color-primary);box-shadow:0 6px 20px var(--color-focus-primary);transform:translateY(-2px)}.course-card.completed{background:var(--color-success-bg);border-color:var(--color-success)}.course-card.completed .course-section-title{color:var(--color-success)}.course-card.completed .course-progress{background:var(--color-success);color:var(--color-text-white)}.course-card-header{align-items:flex-start;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;margin-bottom:8px}.course-section-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#333;display:-webkit-box;flex:1 1;font-size:14px;font-weight:600;line-height:1.2;margin:0;overflow:hidden}.course-progress{background:#f0f0f0;border-radius:4px;color:#666;font-size:12px;font-weight:700;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.course-progress.current{background:var(--color-primary);color:var(--color-text-white)}.course-progress.completed{background:var(--color-success);color:var(--color-text-white)}.course-card.active .course-progress{background:var(--color-primary);color:var(--color-text-white)}.course-card-body{display:flex;flex:1 1;flex-direction:column;gap:8px}.course-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;flex:1 1;font-size:12px;line-height:1.3;margin:0;overflow:hidden}.course-card-footer{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;margin-top:auto}.course-duration{color:#888;font-size:12px;font-weight:500}.completion-indicator{align-items:center;color:var(--color-success);display:flex;font-size:12px;font-weight:600;gap:4px}.checkmark{align-items:center;background:var(--color-success);border-radius:50%;color:var(--color-text-white);display:flex;font-size:10px;height:16px;justify-content:center;width:16px}.chat-panel{background:#f9f7f6;border-left:1px solid #ddd;display:flex;flex-direction:column;overflow:hidden;position:relative}.panel-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);box-sizing:border-box;display:flex;justify-content:flex-start;min-height:60px;padding:16px;text-align:left}.panel-header h3{color:var(--color-text-primary);font-size:14px;font-weight:600;letter-spacing:normal;margin:0;text-transform:none}@media (min-width:1201px){.video-layout-redesigned{background:#f9f7f6;border-radius:0;display:flex;gap:0;overflow:visible;transition:all .3s ease}.video-header-top{padding:8px 32px 8px 72px}.video-header-top .video-title{font-size:36px}.video-player-section{padding:8px 32px 8px 80px}.video-player-container{margin-left:0}.video-details-section{padding:0 32px 32px}.video-description-section{margin-right:380px;padding:12px 32px 12px 80px}}@media (max-width:1200px){.chat-panel{width:320px}.video-header-top .video-title{font-size:26px}.video-description-section{margin-right:320px}}@media (min-width:769px) and (max-width:1200px){.video-player-section{padding:24px 24px 24px 72px}.video-player-container{margin-left:0}.video-details-section{padding:0 24px 24px}.video-nav-button{font-size:28px;height:40px;width:40px}.video-description-section{padding:12px 24px 12px 72px}}@media (max-width:768px){.video-page-header .container{padding:0 16px}.video-page-title-section{align-items:flex-start;flex-direction:column;gap:12px}.breadcrumb-current,.breadcrumb-link,.breadcrumb-navigation{font-size:14px}}@media (max-width:480px){.search-input{width:120px}.breadcrumb-current,.breadcrumb-link,.breadcrumb-navigation,.search-input{font-size:12px}.avatar-circle{font-size:12px;height:28px;width:28px}}@media (max-width:768px){.video-page{padding:0}.video-layout-redesigned{flex-direction:column;height:auto;min-height:calc(100vh - 80px)}.chat-panel{border-left:none;border-top:1px solid #e0e0e0;flex:0 0 300px;height:300px;width:100%}.video-content-area{flex:1 1;min-height:0}.video-header-top{padding:16px 16px 12px 48px}.video-header-top .video-title{font-size:22px}.video-header-top .video-completion-metric{font-size:13px}.video-player-section{padding:16px 16px 16px 48px}.video-player-container{margin-left:0}.video-details-section{padding:0 16px 16px}.training-video-player{aspect-ratio:16/9}.video-nav-button{font-size:24px;height:36px;width:36px}.tab-button{padding:10px 0}.description-content p,.tab-button{font-size:13px}.video-description-section{margin-right:0;padding:12px 16px}.video-description-section-full-width{padding:12px 16px}.description-title{font-size:15px}}@media (max-width:480px){.video-header-top{padding:12px 12px 8px 44px}.video-header-top .video-title{font-size:20px}.video-header-top .video-completion-metric{font-size:12px}.video-player-section{padding:12px 12px 12px 44px}.video-player-container{margin-left:0}.video-details-section{padding:0 12px 12px}.video-player-container{gap:8px}.training-video-player{aspect-ratio:16/9}.video-nav-button{font-size:20px;height:32px;width:32px}.tab-button{padding:8px 0}.description-content p,.tab-button{font-size:12px}.chat-panel{flex:0 0 250px;height:250px}}.course-videos-section{border-top:1px solid #e0e0e0;margin-top:32px;padding-top:32px}.course-videos-section-full-width{background:#f9f7f6;border-top:1px solid #e0e0e0;margin:0;padding:32px 72px}.course-videos-title{color:#0f0f0f;font-size:20px;font-weight:600;margin:0 0 24px}.course-videos-grid{-webkit-overflow-scrolling:touch;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-behavior:smooth}.course-videos-grid::-webkit-scrollbar{height:8px}.course-videos-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.course-videos-grid::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.course-videos-grid::-webkit-scrollbar-thumb:hover{background:#555}.course-video-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;flex-basis:calc(25% - 12px);flex-grow:0;flex-shrink:0;max-width:calc(25% - 12px);min-width:250px;overflow:hidden;transition:all .2s ease}.course-video-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.course-video-card.active{border-color:#ff6b35;box-shadow:0 4px 12px #ff6b354d}.video_page_course_list_video_thumbnail{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative;width:100%}.video_page_course_list_video_thumbnail img{display:block;height:100%;object-fit:cover;width:100%}.course-video-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.course-video-placeholder-hidden{display:none}.placeholder-icon{color:#fffc;font-size:48px}.course-video-duration{background:#000c;border-radius:4px;bottom:8px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;position:absolute;right:8px}.course-video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f0f0f;display:-webkit-box;font-size:14px;font-weight:500;line-height:1.4;margin:0;min-height:60px;overflow:hidden;padding:12px}@media (max-width:1200px){.course-video-card{flex:0 0 280px}}@media (max-width:768px){.course-videos-section{margin-top:24px;padding-top:24px}.course-videos-title{font-size:18px;margin-bottom:16px}.course-video-card{flex:0 0 240px}.course-video-title{font-size:13px;min-height:54px;padding:10px}}@media (max-width:480px){.course-video-card{flex:0 0 200px}.course-videos-title{font-size:16px}.course-video-title{font-size:12px;min-height:48px}}.poll-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1100}.poll-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.poll-modal-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:20px}.poll-modal-header h3{color:#000;font-size:20px;font-weight:600;margin:0}.poll-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#8e8e93;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:background-color .2s}.poll-modal-close:hover{background-color:#f2f2f7}.poll-form{flex:1 1;overflow-y:auto;padding:20px}.poll-form-group{margin-bottom:20px}.poll-form-group label{color:#000;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.poll-form-group input[type=text]{border:1px solid #e5e5e5;border-radius:10px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.poll-form-group input[type=text]:focus{border-color:#ff6b35;outline:none}.poll-duration-select{background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-sizing:border-box;cursor:pointer;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.poll-duration-select:focus{border-color:#ff6b35;outline:none}.poll-options-list{display:flex;flex-direction:column;gap:10px}.poll-option-input-group{align-items:center;display:flex;gap:8px}.poll-option-input-group input{flex:1 1}.poll-option-remove{align-items:center;background:#0000;border:none;border-radius:4px;color:#8e8e93;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;justify-content:center;padding:6px;transition:all .2s}.poll-option-remove:hover{background:#f0f0f0;color:#666}.poll-add-option-button{align-items:center;background:#fff4f0;border:none;border-radius:10px;color:#ff6b35;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-top:10px;padding:10px 16px;transition:background-color .2s}.poll-add-option-button:hover{background:#ffe8e0}.poll-settings{background:#f2f2f7;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:12px}.poll-checkbox-label{align-items:center;cursor:pointer;display:flex;padding:8px 0;-webkit-user-select:none;user-select:none}.poll-checkbox-label input[type=checkbox]{accent-color:#ff6b35;appearance:none;-webkit-appearance:none;background-color:#fff;border:2px solid #d1d1d6;border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;margin-right:16px;position:relative;vertical-align:middle;width:20px}.poll-checkbox-label input[type=checkbox]:checked{background-color:#ff6b35;border-color:#ff6b35}.poll-checkbox-label input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:16px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.poll-checkbox-label span{color:#000;font-size:14px}.poll-error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;font-size:14px;margin-bottom:16px;padding:12px}.poll-modal-actions{border-top:1px solid #e5e5e5;display:flex;gap:12px;padding-top:20px}.poll-cancel-button,.poll-create-button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 20px;transition:all .2s}.poll-cancel-button{background:#f2f2f7;color:#000}.poll-cancel-button:hover:not(:disabled){background:#e5e5ea}.poll-create-button{background:#ff6b35;color:#fff}.poll-create-button:hover:not(:disabled){background:#e55a2b}.poll-cancel-button:disabled,.poll-create-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.poll-modal{max-height:90vh;width:95%}.poll-form,.poll-modal-header{padding:16px}.poll-modal-actions{flex-direction:column}.poll-cancel-button,.poll-create-button{width:100%}}.poll-message{background-color:#fff;border-radius:18px;box-shadow:0 1px 2px #0000001a;max-width:400px;min-width:280px;padding:12px;position:relative}.poll-quoted-message{background-color:#ffffff26;border-left:3px solid #ffffff80;border-radius:8px;margin-bottom:8px;padding:8px}.poll-quoted-message.other-message{background-color:#0000000d;border-left-color:#ff6b35}.poll-quoted-message-author{color:inherit;font-size:12px;font-weight:600;margin-bottom:2px}.poll-quoted-message-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:inherit;display:-webkit-box;font-size:13px;opacity:.8;overflow:hidden;text-overflow:ellipsis}.poll-message.closed{background:#f0f7ff;border:1px solid #007aff33}.poll-message.my-message{background:#ffcf9b;border:1px solid #ffcf9b4d;color:#333}.poll-message.my-message.closed{background:#007aff}.poll-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.poll-title{flex:1 1;font-size:16px;font-weight:600;line-height:1.4}.poll-message.my-message .poll-title,.poll-title{color:#2c3e50}.poll-header-badges{align-items:center;display:flex;flex-shrink:0;gap:6px}.poll-multiple-badge-header,.poll-voted-badge-header{border-radius:10px;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.poll-voted-badge-header{background:#34c759;color:#fff}.poll-multiple-badge-header{background:#fff4f0;color:#ff6b35}.poll-message.my-message .poll-voted-badge-header{background:#ffffffe6;color:#34c759}.poll-message.my-message .poll-multiple-badge-header{background:#ffffffe6;color:#333}.poll-options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.poll-option{background:#fff;border:1px solid #00000014;border-radius:10px;min-height:48px;overflow:hidden;position:relative;transition:all .2s}.poll-message.my-message .poll-option{background:#ffffffe6;border:1px solid #fff6}.poll-option:not(.closed){cursor:pointer}.poll-option:not(.closed):hover{background:#fafafa;border-color:#0000001f}.poll-message.my-message .poll-option:not(.closed):hover{background:#fffffff2}.poll-option.voted{background:#ffe8df;border:2px solid #ff6b35;box-shadow:0 0 0 2px #ff6b3526}.poll-message.my-message .poll-option.voted{background:#fffffff2;border:2px solid #ff6b35;box-shadow:0 0 0 2px #ff6b3533}.poll-option.closed{cursor:default}.poll-option-progress{background:#ff6b3526;bottom:0;left:0;pointer-events:none;position:absolute;top:0;transition:width .3s ease}.poll-message.my-message .poll-option-progress{background:#ffffff4d}.poll-option.voted .poll-option-progress{background:#ff6b3559}.poll-message.my-message .poll-option.voted .poll-option-progress{background:#fff6}.poll-option-content{padding:12px 16px;position:relative;z-index:1}.poll-option-text{align-items:center;color:#2c3e50;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:space-between;margin-bottom:4px}.poll-message.my-message .poll-option-text{color:#2c3e50}.poll-option-check{align-items:center;color:#ff6b35;display:flex;flex-shrink:0;font-size:16px}.poll-message.my-message .poll-option-check{color:#ff6b35}.poll-option-votes{color:#64748b;font-size:13px}.poll-message.my-message .poll-option-votes{color:#64748b}.poll-option-percentage{font-weight:600}.poll-add-option-section{margin-bottom:12px}.poll-suggest-option-button{background:#fff4f0;border:none;border-radius:10px;color:#ff6b35;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s;width:100%}.poll-message.my-message .poll-suggest-option-button{background:#ffffffe6;color:#333}.poll-suggest-option-button:hover{background:#ffe8e0}.poll-message.my-message .poll-suggest-option-button:hover{background:#fff}.poll-add-option-form{align-items:center;display:flex;gap:6px}.poll-add-option-form input{background:#fff;border:1px solid #e5e5e5;border-radius:8px;flex:1 1;font-size:14px;padding:10px 12px}.poll-message.my-message .poll-add-option-form input{background:#ffffffe6;border:1px solid #ffffff4d}.poll-add-option-form input:focus{border-color:#ff6b35;outline:none}.poll-add-option-cancel,.poll-add-option-submit{align-items:center;background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:10px;transition:background-color .2s}.poll-add-option-cancel{background:#8e8e93}.poll-message.my-message .poll-add-option-submit{background:#ffffffe6;color:#ff6b35}.poll-message.my-message .poll-add-option-cancel{background:#ffffff80;color:#fff}.poll-add-option-submit:hover:not(:disabled){background:#e55a2b}.poll-message.my-message .poll-add-option-submit:hover:not(:disabled){background:#fff}.poll-add-option-cancel:hover{background:#636366}.poll-add-option-submit:disabled{cursor:not-allowed;opacity:.5}.poll-footer{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.poll-message.my-message .poll-footer{color:#2c3e50}.poll-vote-count{font-weight:500}.poll-closed-badge,.poll-expiration-badge,.poll-multiple-badge,.poll-voted-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.poll-closed-badge{background:#007aff;color:#fff}.poll-voted-badge{background:#34c759;color:#fff}.poll-multiple-badge{background:#fff4f0;color:#ff6b35}.poll-message.my-message .poll-multiple-badge{background:#ffffff4d;color:#fff}.poll-expiration-badge{background:#ff9500;color:#fff}.poll-message.my-message .poll-expiration-badge{background:#ffffffe6;color:#333}.poll-error,.poll-loading{color:#8e8e93;font-size:14px;padding:20px;text-align:center}.poll-message.my-message .poll-error,.poll-message.my-message .poll-loading{color:#fffc}.poll-error{color:#ff3b30}.poll-message.my-message .poll-error{color:#ffffffe6}@media (max-width:768px){.poll-message{max-width:320px;padding:14px}.poll-header{margin-bottom:10px}.poll-title{font-size:15px}.poll-option-content{padding:10px 14px}.poll-option-text{font-size:14px}.poll-footer,.poll-option-votes{font-size:12px}}.custom-chat-page{background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh;overflow:hidden}.custom-chat-page.imessage-split-view{flex-direction:row}.chat-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;width:350px}.chat-main,.chat-sidebar{display:flex;height:100vh}.chat-main{background-color:#f5f5f5;flex:1 1;flex-direction:column;overflow:hidden}.chat-loading{align-items:center;color:#666;display:flex;font-size:16px;height:100vh;justify-content:center}.channel-list-view{background-color:#fff;display:flex;flex-direction:column;height:100%}.channel-list-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.channel-list-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#e55a2b);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.channel-search-bar{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:12px 20px}.search-input-wrapper{align-items:center;background-color:#f5f5f5;border-radius:12px;display:flex;flex:1 1;gap:12px;padding:12px 16px}.search-input-wrapper input{background:#0000;border:none;flex:1 1;font-size:17px;outline:none}.search-input-wrapper input::placeholder{color:#999}.create-chat-button{align-items:center;background:#0000;border:none;color:#ff6b35;cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;transition:opacity .2s;width:44px}.create-chat-button:hover{opacity:.7}.pinned-channels-section{background-color:#fff;padding:16px 20px}.pinned-channels-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:12px}.pinned-channel-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:transform .2s}.pinned-channel-item:hover{transform:scale(1.05)}.pinned-channel-avatar{align-items:center;background-color:#ff6b3520;border:2px solid #ff6b3540;border-radius:50%;color:#ff6b35;display:flex;font-size:22px;font-weight:600;height:70px;justify-content:center;position:relative;width:70px}.pinned-channel-unread{background-color:#ff6b35;border:2px solid #fff;border-radius:50%;bottom:-2px;height:20px;position:absolute;right:-2px;width:20px}.pinned-channel-name{color:#333;font-size:12px;font-weight:500;max-width:70px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.channel-list-container{background-color:#f5f5f5;flex:1 1;overflow-y:auto}.channel-row{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:12px 20px;position:relative;transition:background-color .2s}.channel-row:hover{background-color:#f8f8f8}.channel-row.selected{background-color:#fff3e0;border-left:3px solid #ff6b35;padding-left:17px}.channel-row.selected:hover{background-color:#ffe9cc}.channel-avatar{align-items:center;background-color:#ff6b3520;border-radius:50%;color:#ff6b35;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:50px;justify-content:center;position:relative;width:50px}.channel-online-indicator{background-color:#28a745;border:2px solid #fff;border-radius:50%;bottom:0;height:14px;position:absolute;right:0;width:14px}.channel-info{flex:1 1;min-width:0}.channel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.channel-name{color:#333;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-time{color:#999;flex-shrink:0;font-size:12px;margin-left:8px}.channel-last-message{color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-unread-badge{background-color:#ff6b35;border-radius:50%;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;height:24px;width:24px}.channel-unread-badge,.empty-channel-view{align-items:center;display:flex;justify-content:center}.empty-channel-view{flex-direction:column;gap:16px;padding:60px 20px}.empty-channel-icon{color:#ccc;font-size:60px}.empty-channel-title{color:#333;font-size:18px;font-weight:600}.empty-channel-subtitle{color:#999;font-size:14px}.conversation-view{background-color:#f5f5f5;display:flex;flex-direction:column;height:100%;position:relative;z-index:0}.conversation-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:12px 16px;position:relative;z-index:1}.back-button{align-items:center;background:#0000;border:none;color:#ff6b35;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px}.back-button:hover{opacity:.7}.conversation-title{color:#333;flex:1 1;font-size:18px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-menu-button{background:#0000;border:none;color:#ff6b35;cursor:pointer;font-size:24px;padding:4px}.typing-indicator-banner{background-color:#ffffffe6;border-bottom:1px solid #e0e0e0;color:#666;font-size:12px;padding:8px 16px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;padding:16px;position:relative;z-index:1}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.message-wrapper{align-items:flex-end;display:flex;gap:8px;margin-bottom:4px}.message-wrapper.has-thread{margin-bottom:28px}.message-wrapper.my-message{flex-direction:row-reverse}.message-bubble-container{display:flex;flex-direction:column;gap:4px;max-width:70%;padding-bottom:4px;padding-top:16px;position:relative;z-index:2}.message-bubble-container.my-message{align-items:flex-end}.message-bubble{word-wrap:break-word;border-radius:18px;font-size:16px;line-height:1.4;padding:8px 12px;position:relative}.message-bubble.my-message{background-color:#ffcf9b;color:#333}.message-bubble.other-message{background-color:#ededed;color:#333}.message-timestamp{color:#999;font-size:11px;padding:0 4px}.quoted-message{background-color:#ffffff26;border-left:3px solid #ffffff80;border-radius:8px;margin-bottom:6px;padding:8px}.quoted-message.other-message{background-color:#0000000d;border-left-color:#ff6b35}.quoted-message-author{font-size:12px;font-weight:600;margin-bottom:2px}.quoted-message-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;opacity:.8;overflow:hidden;text-overflow:ellipsis}.message-reactions-stack{align-items:center;cursor:pointer;display:flex;position:absolute;top:-2px;z-index:100}.message-reactions-stack.my-message{left:-15px}.message-reactions-stack:not(.my-message){right:-15px}.reaction-item{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1.5px solid #00000014;border-radius:50%;box-shadow:0 1px 3px #00000014;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;margin-left:-12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:28px}.message-reactions-stack.my-message .reaction-item{margin-left:0;margin-right:-12px}.reaction-item:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.15) translateY(-2px);z-index:100!important}.reaction-item.my-reaction{background:#ffcf9b;border-color:#ffcf9b80;color:#333}.reaction-emoji{font-size:13px;line-height:1}.reaction-count{display:none}.reaction-item.my-reaction .reaction-count{color:#fff}.reaction-item.reaction-more{background:linear-gradient(135deg,#f0f0f0,#e8e8e8);border:1.5px solid #00000014;cursor:pointer}.reaction-item.reaction-more:hover{background:linear-gradient(135deg,#e8e8e8,#e0e0e0)}.reaction-more-text{color:#666;font-size:11px;font-weight:600;line-height:1}.file-message{max-width:280px}.file-message img{border-radius:12px;cursor:pointer;width:100%}.file-message video{border-radius:12px;max-height:300px;width:100%}.video-container{border-radius:12px;cursor:pointer;overflow:hidden;position:relative}.video-container video{border-radius:12px;display:block;max-height:300px;width:100%}.file-attachment{align-items:center;background-color:#ffffff1a;border-radius:12px;display:flex;gap:12px;max-width:300px;padding:12px;transition:all .2s ease}.file-attachment.other-message{background-color:#0000000d}.file-attachment.clickable:hover{background-color:#fff3;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.file-attachment.clickable.other-message:hover{background-color:#0000001a}.file-content{align-items:center;display:flex;gap:12px;width:100%}.file-icon{flex-shrink:0;font-size:28px}.file-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.file-name{color:#333;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-attachment.my-message .file-name{color:#333}.file-size{color:#666;font-size:11px;font-weight:400}.file-attachment.my-message .file-size{color:#666}.file-action{color:#999;font-size:11px;font-style:italic;font-weight:400}.file-attachment.my-message .file-action{color:#888}.file-attachment.clickable:hover .file-action{color:#666}.message-bubble-audio{word-wrap:break-word;border-radius:18px;padding:8px 12px;position:relative}.message-bubble-audio.my-message{background-color:#ffcf9b;color:#333}.message-bubble-audio.other-message{background-color:#ededed;color:#333}.audio-player{background:#0000;border:none;gap:12px;padding:0;width:250px}.audio-play-button,.audio-player{align-items:center;display:flex;outline:none}.audio-play-button{background-color:#ff6b35;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:all .2s;width:40px}.audio-play-button:active,.audio-play-button:focus{border:none;box-shadow:none;outline:none}.audio-play-button:hover{background-color:#e55a2b}.message-bubble-audio.my-message .audio-play-button{background-color:#ffffffe6}.message-bubble-audio.my-message .audio-play-button:hover{background-color:#fff}.audio-progress{display:flex;flex:1 1;flex-direction:column;gap:4px}.audio-progress-bar{background-color:#0000001a;border-radius:2px;height:3px;overflow:hidden}.message-bubble-audio.my-message .audio-progress-bar{background-color:#ffffff4d}.audio-progress-fill{background-color:#ff6b35;height:100%;transition:width .1s}.message-bubble-audio.my-message .audio-progress-fill{background-color:#fff}.audio-time{display:flex;font-size:11px;justify-content:space-between;opacity:.8}.reply-banner{align-items:center;background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;border-left:3px solid #ff6b35;display:flex;gap:12px;padding:12px 16px;z-index:10}.message-input-container,.reply-banner{border-top:1px solid #e0e0e0;position:relative}.message-input-container{background-color:#fff;padding:8px 16px 16px}.reply-indicator{background-color:#ff6b35;height:100%;width:3px}.reply-content{flex:1 1}.reply-author{color:#ff6b35;font-size:12px;font-weight:600;margin-bottom:2px}.reply-text{color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cancel-reply-button{background:#0000;border:none;color:#999;cursor:pointer;font-size:18px;padding:4px}.message-input-bar{align-items:flex-end;display:flex;gap:12px}.upload-button-wrapper{position:relative}.input-action-button{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.input-action-button:hover{opacity:.7}.input-action-button.plus-button{color:#ff6b35;font-size:26px;font-weight:700}.upload-popup{animation:popupSlideUp .2s ease-out;background:#fff;border-radius:12px;bottom:45px;box-shadow:0 4px 16px #00000026;left:0;min-width:200px;padding:8px;position:absolute;z-index:1000}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.upload-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:15px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.upload-option:hover{background-color:#f8f8f8}.upload-option svg{color:#ff6b35;font-size:20px}.upload-option span{flex:1 1}.message-input-wrapper{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;display:flex;flex:1 1;max-height:140px;min-height:32px;padding:6px 12px;transition:border-color .2s}.message-input-wrapper:focus-within{border-color:#d0d0d0;outline:none}.message-input{border:none!important;box-sizing:initial!important;flex:1 1;font-family:inherit;height:24px;margin:0!important;max-height:120px;min-height:24px!important;outline:none!important;overflow-x:hidden;overflow-y:auto;padding:0!important;resize:none;vertical-align:middle}.message-input,.message-input::placeholder{font-size:16px!important;line-height:24px!important}.message-input:focus{border:none!important;box-shadow:none!important;outline:none!important}.send-button{align-items:center;background-color:#ff6b35;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.send-button:hover{background-color:#e55a2b}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.recording-indicator{align-items:center;background-color:#fff;box-shadow:0 -2px 8px #0000001a;display:flex;gap:12px;padding:12px 16px}.recording-icon{align-items:center;animation:pulse .8s ease-in-out infinite;background-color:#dc354533;border-radius:50%;color:#dc3545;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.recording-duration{font-feature-settings:"tnum";color:#333;flex:1 1;font-size:18px;font-variant-numeric:tabular-nums;font-weight:600}.stop-recording-button{background-color:#ff6b35;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:22px;height:50px;width:50px}.delivery-status,.stop-recording-button{align-items:center;justify-content:center}.delivery-status{display:inline-flex;margin-left:4px;margin-top:1px;vertical-align:middle}.delivery-status.delivered,.delivery-status.sent{color:#999}.delivery-status.read{color:#ff6b35}.delivery-status svg{display:block;height:10px;width:auto}.context-menu{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #0003;min-width:180px;padding:8px 0;position:fixed;z-index:1000}.context-menu-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;transition:background-color .2s}.context-menu-item:hover{background-color:#f8f8f8}.context-menu-item.danger{color:#dc3545}.context-menu-icon{font-size:18px;text-align:center;width:20px}.imessage-reaction-picker{animation:reactionPickerSlideUp .2s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fff;border:1px solid #00000014;border-radius:25px;box-shadow:0 4px 20px #00000026,0 1px 4px #0000001a;display:flex;gap:2px;padding:4px 6px;position:fixed;z-index:9999}@keyframes reactionPickerSlideUp{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.imessage-reaction-option{align-items:center;background:#f5f5f7;border:1.5px solid #f5f5f7;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;position:relative;transition:all .15s cubic-bezier(.25,.46,.45,.94);width:32px}.imessage-reaction-option:hover{background-color:#e8e8ea;border-color:#e8e8ea;transform:scale(1.2)}.imessage-reaction-option:active{transform:scale(1.1)}.imessage-reaction-option.selected{background:#e8e8ea;border-color:#d1d1d6}.imessage-reaction-option.selected.my-reaction-orange{background:#ffcf9b;border-color:#ffcf9b80;transform:scale(1.05)}.imessage-reply-popup{animation:replyPopupSlideUp .2s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffff2;border:1px solid #00000014;border-radius:14px;box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f;isolation:isolate;min-width:80px;opacity:1!important;padding:4px;pointer-events:auto!important;position:fixed!important;transform:translateZ(0)!important;visibility:visible!important;will-change:transform;z-index:2147483647!important}@keyframes replyPopupSlideUp{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.imessage-reply-button{align-items:center;background:#f5f5f7;border:1.5px solid #f5f5f7;border-radius:14px;box-sizing:border-box;color:#333;cursor:pointer;display:flex!important;font-family:inherit;font-size:13px;font-weight:500;height:28px;justify-content:center;letter-spacing:.1px;opacity:1!important;outline:none;padding:6px 12px;pointer-events:auto!important;position:relative!important;transform:translateZ(0)!important;transition:all .15s cubic-bezier(.25,.46,.45,.94);visibility:visible!important;width:100%;will-change:transform;z-index:2147483647!important}.imessage-reply-button:hover{background:#e8e8ea;border-color:#e8e8ea;transform:scale(1.02)}.imessage-reply-button:active{background:#d1d1d6;border-color:#d1d1d6;transform:scale(.98)}.imessage-reply-button:focus{border-color:#007aff;box-shadow:0 0 0 2px #007aff26;outline:none}.reaction-details-modal{animation:reactionDetailsSlideUp .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffffa;border:1px solid #0000000f;border-radius:16px;bottom:calc(100% + 8px);box-shadow:0 12px 48px #00000026,0 4px 12px #0000001a;max-width:320px;min-width:280px;padding:16px;position:absolute;z-index:10000}.reaction-details-modal.my-message{right:0}.reaction-details-modal:not(.my-message){left:0}@keyframes reactionDetailsSlideUp{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.reaction-details-header{color:#666;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.reaction-details-list{display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto}.reaction-details-list::-webkit-scrollbar{width:4px}.reaction-details-list::-webkit-scrollbar-track{background:#0000}.reaction-details-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.reaction-detail-group{display:flex;flex-direction:column;gap:8px}.reaction-detail-emoji{border-bottom:1px solid #0000000f;font-size:24px;padding-bottom:4px}.reaction-detail-users{display:flex;flex-direction:column;gap:8px}.reaction-detail-user{align-items:center;border-radius:10px;display:flex;gap:10px;padding:6px;transition:background-color .15s}.reaction-detail-user:hover{background-color:#00000008}.reaction-user-avatar{align-items:center;background:linear-gradient(135deg,#ff6b35,#e55a2b);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.reaction-user-name{color:#333;font-size:14px;font-weight:500}.no-conversation-selected{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px}.no-conversation-icon{font-size:80px;margin-bottom:20px;opacity:.4}.no-conversation-title{color:#333;font-size:24px;font-weight:600;margin-bottom:8px}.no-conversation-subtitle{color:#999;font-size:16px;max-width:300px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#ff6b35;height:40px;margin:20px auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.camera-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.camera-modal{animation:modalSlideUp .3s ease-out;background-color:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.camera-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:center;padding:20px;position:relative}.camera-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.camera-mode-toggle{align-items:center;background-color:#f0f0f0;border-radius:8px;display:flex;gap:8px;padding:4px}.mode-toggle-button{align-items:center;background-color:initial;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.mode-toggle-button svg{font-size:16px}.mode-toggle-button:hover{background-color:#ff6b351a;color:#ff6b35}.mode-toggle-button.active{background-color:#ff6b35;box-shadow:0 2px 4px #ff6b354d;color:#fff}.mode-toggle-button.active:hover{background-color:#e55a2b}.close-camera-button{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:color .2s}.close-camera-button:hover{color:#666}.camera-preview-container{align-items:center;background-color:#000;display:flex;height:450px;justify-content:center;overflow:hidden;width:100%}.camera-preview{height:100%;object-fit:contain;width:100%}.camera-controls{align-items:center;background-color:#f8f8f8;display:flex;gap:20px;justify-content:center;padding:24px}.camera-controls-content{gap:16px}.camera-controls-content,.record-button,.stop-button{align-items:center;display:flex;flex-direction:column}.record-button,.stop-button{background:#0000;border:none;color:#333;cursor:pointer;font-size:14px;font-weight:500;gap:8px;transition:transform .2s}.record-button:hover,.stop-button:hover{transform:scale(1.05)}.record-button-inner,.stop-button-inner{background-color:red;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;height:60px;width:60px}.stop-button-inner{align-items:center;animation:pulse 1s ease-in-out infinite;display:flex;justify-content:center}.stop-button-inner:before{background-color:#fff;border-radius:4px;content:"";height:24px;width:24px}.cancel-button{background-color:#e0e0e0;border:none;border-radius:8px;color:#333;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s}.cancel-button:hover{background-color:#d0d0d0}.retake-button{background-color:#fff;border:2px solid #ff6b35;border-radius:8px;color:#ff6b35;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.retake-button:hover,.send-video-button{background-color:#ff6b35;color:#fff}.send-video-button{border:2px solid #ff6b35;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.send-video-button:hover{background-color:#e55a2b;border-color:#e55a2b}.capture-button{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:8px;transition:transform .2s}.capture-button:hover{transform:scale(1.05)}.capture-button-inner{align-items:center;background-color:#fff;border:4px solid #ff6b35;border-radius:50%;box-shadow:0 2px 8px #0003;display:flex;height:60px;justify-content:center;position:relative;width:60px}.capture-button-inner:before{background-color:#ff6b35;border-radius:50%;content:"";height:40px;transition:all .2s;width:40px}.capture-button:hover .capture-button-inner:before{background-color:#e55a2b}.send-photo-button{align-items:center;background-color:#ff6b35;border:2px solid #ff6b35;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;height:48px;justify-content:center;letter-spacing:.3px;line-height:18px;min-width:80px;padding:12px 50px;transition:all .2s}.send-photo-button:hover{background-color:#e55a2b;border-color:#e55a2b}.image-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000000e6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.image-modal{animation:modalSlideUp .3s ease-out;background-color:initial;border-radius:16px;cursor:default;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:90%}.close-image-modal-button{align-items:center;background:#000c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;position:absolute;right:20px;top:20px;transition:all .2s;width:40px;z-index:1001}.close-image-modal-button:hover{background:#000000e6;transform:scale(1.1)}.download-image-modal-button{align-items:center;background:#000c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;left:20px;padding:10px;position:absolute;top:20px;transition:all .2s;width:40px;z-index:1001}.download-image-modal-button:hover{background:#000000e6;transform:scale(1.1)}.image-modal-content{align-items:center;border-radius:16px;display:flex;justify-content:center;max-height:90vh;min-height:300px;overflow:hidden}.image-modal-image{border-radius:12px;box-shadow:0 20px 60px #0006;max-height:90vh;max-width:100%;object-fit:contain}.video-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.chat_video_modal{animation:modalSlideUp .3s ease-out;background-color:#000;border-radius:16px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:90%}.close-video-modal-button{align-items:center;background:#000c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;position:absolute;right:20px;top:20px;transition:all .2s;width:40px;z-index:1000}.close-video-modal-button:hover{background:#000000e6;transform:scale(1.1)}.video-modal-content{align-items:center;background-color:#000;border-radius:16px;display:flex;justify-content:center;max-height:90vh;min-height:400px;overflow:hidden}.video-modal-player{height:auto;max-height:100%;object-fit:contain;width:100%}.input-action-button.recording{animation:pulse 1.5s ease-in-out infinite;color:red;transform:scale(1.1)}.voice-recording-bar{animation:slideUpFromBottom .3s cubic-bezier(.4,0,.2,1);background-color:#fff;border-top:1px solid #e0e0e0;display:block!important;padding:16px 20px;visibility:visible!important;z-index:1000}.message-input-container.recording .message-input-bar{display:none}.message-input-container.recording{padding:0}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.voice-recording-content{align-items:center;display:flex;gap:16px;justify-content:space-between}.voice-recording-left{align-items:center;display:flex;flex:1 1;gap:12px}.voice-recording-animation{align-items:center;display:flex;gap:4px;justify-content:center}.voice-wave{animation:voiceWave 1.2s ease-in-out infinite;background:linear-gradient(0deg,#ff6b35,#ff8c69);border-radius:2px;height:16px;width:3px}.voice-wave:first-child{animation-delay:0s}.voice-wave:nth-child(2){animation-delay:.2s}.voice-wave:nth-child(3){animation-delay:.4s}@keyframes voiceWave{0%,to{background:linear-gradient(0deg,#ff6b35,#ff8c69);height:16px}50%{background:linear-gradient(0deg,red,#f44);height:32px}}.voice-recording-info{display:flex;flex-direction:column;gap:2px}.voice-recording-text{color:#333;font-size:14px;font-weight:500}.voice-recording-time{font-feature-settings:"tnum";color:red;font-size:18px;font-variant-numeric:tabular-nums;font-weight:700}.voice-recording-controls{align-items:center;display:flex;gap:12px}.voice-cancel-button-inline{align-items:center;background-color:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.voice-cancel-button-inline:hover{background-color:#e0e0e0;transform:scale(1.1)}.voice-stop-button-inline{align-items:center;background-color:red;border:none;border-radius:50%;box-shadow:0 2px 8px #ff00004d;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s;width:40px}.voice-stop-button-inline:hover{background-color:#d00;box-shadow:0 4px 12px #f006;transform:scale(1.1)}.voice-preview-content-inline{align-items:center;display:flex;gap:16px;justify-content:space-between}.voice-preview-left{align-items:center;display:flex;flex:1 1;gap:12px}.voice-preview-player-inline{flex:1 1}.voice-preview-player-inline audio{display:none}.custom-voice-player{align-items:center;background-color:#f8f8f8;border-radius:16px;display:flex;gap:12px;padding:8px 12px;width:100%}.custom-voice-play-button{align-items:center;background-color:#ff6b35;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;outline:none;transition:background-color .2s;width:32px}.custom-voice-play-button:hover{background-color:#e55a2b}.custom-voice-play-button:focus{outline:none}.play-triangle{border-bottom:5px solid #0000;border-left:8px solid #fff;border-top:5px solid #0000;height:0;margin-left:2px;width:0}.pause-icon{display:flex;gap:2px}.pause-bar{background-color:#fff;border-radius:1px;height:10px;width:3px}.custom-voice-progress{background-color:#0000001a;border-radius:2px;cursor:pointer;flex:1 1;height:4px;position:relative}.custom-voice-progress-fill{background:linear-gradient(135deg,#ff6b35,#ff8c69);border-radius:2px;height:100%;transition:width .1s}.custom-voice-time{font-feature-settings:"tnum";color:#666;font-size:11px;font-variant-numeric:tabular-nums;min-width:30px;text-align:right}.voice-preview-duration-inline{font-feature-settings:"tnum";color:#666;font-size:12px;font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.voice-preview-controls-inline{align-items:center;display:flex;gap:12px}.voice-discard-button-inline{align-items:center;background-color:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.voice-discard-button-inline:hover{background-color:#e0e0e0;transform:scale(1.1)}.voice-send-button-inline{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff8c69);border:none;border-radius:50%;box-shadow:0 2px 8px #ff6b354d;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s;width:40px}.voice-send-button-inline:hover{background:linear-gradient(135deg,#e55a2b,#ff7850);box-shadow:0 4px 12px #ff6b3566;transform:scale(1.1)}.audio-player .audio-play-button{background:linear-gradient(135deg,#ff6b35,#ff8c69);box-shadow:0 2px 8px #ff6b354d;color:#fff;transition:all .2s}.audio-player .audio-play-button:hover{background:linear-gradient(135deg,#e55a2b,#ff7850);box-shadow:0 4px 12px #ff6b3566;transform:scale(1.05)}.message-bubble-audio.my-message .audio-play-button{background:#ffffffe6;color:#ff6b35}.message-bubble-audio.my-message .audio-play-button:hover{background:#fff;transform:scale(1.05)}.thread-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1100}.thread-modal{animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1);border-radius:16px;box-shadow:0 20px 60px #0000004d;flex-direction:column;height:80vh;max-width:600px;overflow:hidden;width:90%}.thread-header,.thread-modal{background-color:#fff;display:flex}.thread-header{border-bottom:1px solid #e0e0e0;padding:16px 20px;position:relative}.thread-close-button,.thread-header{align-items:center;justify-content:center}.thread-close-button{background:#0000;border:none;color:#ff6b35;cursor:pointer;display:flex;font-size:24px;padding:4px;transition:opacity .2s}.thread-close-button:hover{opacity:.7}.thread-title{color:#333;flex:1 1;font-size:18px;font-weight:600;margin:0;text-align:center}.thread-input-container{background-color:#fff;border-top:1px solid #e0e0e0;padding:8px 16px 16px;position:relative}.thread-reply-banner{align-items:center;background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;border-left:3px solid #ff6b35;display:flex;gap:12px;padding:12px 16px}.thread-input-bar{align-items:flex-end;display:flex;gap:12px}.thread-message-input{border:1px solid #e0e0e0;border-radius:20px;flex:1 1;font-family:inherit;font-size:16px;line-height:24px;max-height:120px;min-height:40px;outline:none;overflow-y:auto;padding:8px 12px;resize:none}.thread-message-input:focus{border-color:#d0d0d0}.thread-send-button{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff8c69);border:none;border-radius:50%;box-shadow:0 2px 8px #ff6b354d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;transition:all .2s;width:40px}.thread-send-button:hover:not(:disabled){background:linear-gradient(135deg,#e55a2b,#ff7850);box-shadow:0 4px 12px #ff6b3566;transform:scale(1.05)}.thread-send-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.thread-messages-container{background-color:#f5f5f5;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;padding:16px}.thread-messages-container::-webkit-scrollbar{width:6px}.thread-messages-container::-webkit-scrollbar-track{background:#0000}.thread-messages-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.thread-parent-message{border-bottom:1px solid #e0e0e0;margin-bottom:8px;padding-bottom:16px}.thread-replies-divider{align-items:center;display:flex;justify-content:center;margin:8px 0;padding:12px 0}.thread-replies-divider span{background-color:#f5f5f5;border-radius:12px;color:#999;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.thread-indicator{align-items:center;background-color:#ffffffe6;border:1px solid #00000014;border-radius:12px;bottom:-24px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;gap:6px;padding:4px 8px;position:absolute;transition:all .2s ease;z-index:10}.thread-indicator:hover{background-color:#fff;box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.thread-indicator.my-message{right:0}.thread-indicator:not(.my-message){left:0}.thread-indicator-line{background:linear-gradient(180deg,#ff6b35,#ff8c69);border-radius:1px;height:16px;width:2px}.thread-indicator-badge{align-items:center;display:flex;gap:4px}.thread-count{color:#ff6b35;font-size:13px;font-weight:700;line-height:1}.thread-text{color:#666;font-size:11px;font-weight:500;line-height:1}.message-wrapper.highlight-message{animation:highlightPulse 2s ease-in-out}@keyframes highlightPulse{0%,to{background-color:initial}50%{background-color:#ff6b3526}}@media (max-width:768px){.voice-recording-container{min-width:280px;padding:32px 24px}.voice-preview-modal{margin:20px;max-width:none}.voice-recording-time{font-size:28px}.voice-wave{height:16px;width:3px}@keyframes voiceWave{0%,to{height:16px}50%{height:32px}}.thread-panel{max-width:100%}}
/*# sourceMappingURL=main.93959a5c.css.map*/