.str-chat{--str-chat__primary-color:var(--color-primary-500);--str-chat__active-primary-color:var(--color-primary-700);--str-chat__surface-color:var(--theme-card-bg,#ffffff);--str-chat__secondary-surface-color:var(--theme-avatar-placeholder-bg,#F3F4F6);--str-chat__primary-surface-color:var(--color-primary-50);--str-chat__primary-surface-color-low-emphasis:rgba(12,115,253,0.06);--str-chat__border-radius-circle:50%;--str-chat__avatar-border-radius:50%;--str-chat__font-family:var(--font-family-primary)}.str-chat__channel-list-messenger{background:var(--theme-card-bg,#ffffff)}.str-chat__channel-search-bar-button--active{color:var(--color-primary-500)}.str-chat__channel-search-input{font-family:var(--font-family-primary);border-radius:.75rem}.str-chat__header-livestream{font-family:var(--font-family-primary);border-bottom:1px solid var(--color-border-subtle);padding:.75rem 1rem}.str-chat__message-simple .str-chat__message-bubble{border-radius:1rem;font-family:var(--font-family-primary)}.str-chat__message--me .str-chat__message-bubble{background:var(--color-primary-500);color:#ffffff;border-bottom-right-radius:.25rem}.str-chat__message--other .str-chat__message-bubble{background:var(--theme-input-bg);color:var(--theme-text-primary);border-bottom-left-radius:.25rem}.str-chat__message-input{border-top:1px solid var(--color-border-subtle);padding:.75rem 1rem}.str-chat__message-textarea-container{border-radius:1.5rem;border:1px solid var(--color-border-default);transition:border-color .2s ease}.str-chat__message-textarea-container:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-focus-ring)}.str-chat__send-button{color:var(--color-primary-500)}.str-chat__send-button:hover{color:var(--color-primary-700)}.str-chat__thread{border-left:1px solid var(--color-border-subtle)}.str-chat__avatar{border-radius:50%}.str-chat__date-separator-date{font-family:var(--font-family-primary);font-size:.75rem;color:var(--color-text-tertiary);font-weight:500}.str-chat__list{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.str-chat__list::-webkit-scrollbar{width:6px}.str-chat__list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.str-chat__list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.str-chat__typing-indicator{font-family:var(--font-family-primary);color:var(--color-text-secondary)}.str-chat__channel-empty-indicator,.str-chat__channel-list-empty,.str-chat__empty-channel{font-family:var(--font-family-primary);color:var(--theme-text-tertiary,var(--color-text-tertiary));background:transparent}.str-chat__channel-list-empty p,.str-chat__empty-channel p{color:var(--theme-text-tertiary,var(--color-text-tertiary))}.str-chat__custom-notification.notification-error,.str-chat__custom-notification.str-chat__connection-status-notification{font-family:var(--font-family-primary);font-size:.75rem;font-weight:600;background:var(--theme-card-bg,#ffffff);color:var(--theme-text-secondary,var(--color-text-secondary));border:1px solid var(--theme-card-border,var(--color-border-default));border-radius:var(--radius-md);box-shadow:var(--shadow-floating-card,none);padding:.5rem .875rem}.str-chat__message-reactions-list-item--selected{background-color:rgba(255,139,92,.14);border-color:rgba(255,139,92,.35)}.str-chat__unread-messages-notification{background:rgba(17,24,39,.72);color:#fff;border-radius:1rem;font-family:var(--font-family-primary)}@media (max-width:768px){.str-chat__message-textarea-container{border-radius:1.25rem}.str-chat__message-simple .str-chat__message-bubble{max-width:85%}}[data-theme=dark] .str-chat,[data-theme=pattern] .str-chat{--str-chat__surface-color:var(--theme-card-bg);--str-chat__secondary-surface-color:var(--theme-input-bg);--str-chat__primary-surface-color:color-mix(in srgb,var(--theme-brand) 12%,transparent);--str-chat__primary-surface-color-low-emphasis:color-mix(in srgb,var(--theme-brand) 6%,transparent);--str-chat__text-color:var(--theme-text-primary);--str-chat__text-low-emphasis-color:var(--theme-text-tertiary);--str-chat__disabled-color:var(--theme-text-tertiary);--str-chat__border-color:var(--theme-card-border)}[data-theme=dark] .str-chat__channel-list-messenger,[data-theme=pattern] .str-chat__channel-list-messenger{background:var(--theme-card-bg)}[data-theme=dark] .str-chat__channel-list,[data-theme=pattern] .str-chat__channel-list{background:var(--theme-page-bg)}[data-theme=dark] .str-chat__main-panel,[data-theme=pattern] .str-chat__main-panel{background:var(--theme-card-bg)}[data-theme=dark] .str-chat__channel-search-input,[data-theme=pattern] .str-chat__channel-search-input{background:var(--theme-input-bg);color:var(--theme-text-primary);border-color:var(--theme-input-border)}[data-theme=dark] .str-chat__channel-search-input::placeholder,[data-theme=pattern] .str-chat__channel-search-input::placeholder{color:var(--theme-text-tertiary)}[data-theme=dark] .str-chat__header-livestream,[data-theme=pattern] .str-chat__header-livestream{border-bottom-color:var(--theme-card-border);color:var(--theme-text-primary);background:var(--theme-card-bg)}[data-theme=dark] .str-chat__message--other .str-chat__message-bubble,[data-theme=pattern] .str-chat__message--other .str-chat__message-bubble{background:var(--theme-input-bg);color:var(--theme-text-primary)}[data-theme=dark] .str-chat__message-input,[data-theme=pattern] .str-chat__message-input{border-top-color:var(--theme-card-border);background:var(--theme-card-bg)}[data-theme=dark] .str-chat__message-textarea-container,[data-theme=pattern] .str-chat__message-textarea-container{background:var(--theme-input-bg);border-color:var(--theme-input-border);color:var(--theme-text-primary)}[data-theme=dark] .str-chat__message-textarea,[data-theme=pattern] .str-chat__message-textarea{color:var(--theme-text-primary)}[data-theme=dark] .str-chat__message-textarea::placeholder,[data-theme=pattern] .str-chat__message-textarea::placeholder{color:var(--theme-text-tertiary)}[data-theme=dark] .str-chat__thread,[data-theme=pattern] .str-chat__thread{border-left-color:var(--theme-card-border);background:var(--theme-card-bg)}[data-theme=dark] .str-chat__date-separator-date,[data-theme=pattern] .str-chat__date-separator-date{color:var(--theme-text-tertiary)}[data-theme=dark] .str-chat__list,[data-theme=pattern] .str-chat__list{scrollbar-color:rgba(255,255,255,.15) transparent;background:var(--theme-card-bg)}[data-theme=dark] .str-chat__list::-webkit-scrollbar-thumb,[data-theme=pattern] .str-chat__list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15)}[data-theme=dark] .str-chat__list::-webkit-scrollbar-thumb:hover,[data-theme=pattern] .str-chat__list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}[data-theme=dark] .str-chat__channel-preview-messenger--active,[data-theme=pattern] .str-chat__channel-preview-messenger--active{background:color-mix(in srgb,var(--theme-brand) 12%,transparent)}[data-theme=dark] .str-chat__channel-preview-messenger:hover,[data-theme=pattern] .str-chat__channel-preview-messenger:hover{background:var(--theme-hover-bg)}[data-theme=dark] .str-chat__empty-channel,[data-theme=pattern] .str-chat__empty-channel{color:var(--theme-text-tertiary)}[data-theme=dark] .str-chat__typing-indicator,[data-theme=pattern] .str-chat__typing-indicator{color:var(--theme-text-secondary)}