.str-chat{--str-chat__primary-color:#fff;--str-chat__active-primary-color:#e5e5e5;--str-chat__surface-color:#171717;--str-chat__secondary-surface-color:#262626;--str-chat__primary-surface-color:#404040;--str-chat__primary-surface-color-low-emphasis:#525252;--str-chat__border-radius-circle:12px;--str-chat__border-radius-md:12px;--str-chat__border-radius-sm:8px;font-family:inherit}.str-chat__container,.str-chat__channel,.str-chat__main-panel{background:0 0;height:100%}.str-chat__list{background:0 0;padding:1rem}.str-chat__channel-list-messenger{background:0 0}.str-chat__channel-list-messenger .str-chat__channel-preview-messenger{background:0 0;border-bottom:1px solid #ffffff0d;margin:0;padding:1rem}.str-chat__channel-list-messenger .str-chat__channel-preview-messenger:hover{background:#ffffff05}.str-chat__channel-list-messenger .str-chat__channel-preview-messenger--active{background:#ffffff0d;border-left:2px solid #8b5cf6}.str-chat__channel-preview-messenger--unread{font-weight:500}.str-chat__channel-preview-messenger-name{color:#fff;font-size:.95rem;font-weight:500}.str-chat__channel-preview-messenger-last-message{color:#ffffff80;font-size:.85rem}.str-chat__channel-preview-messenger-time{color:#ffffff4d;font-size:.75rem}.str-chat__message-simple{margin-bottom:1rem}.str-chat .str-chat__message-simple,.str-chat .str-chat__message,.str-chat .str-chat__message-inner,.str-chat .str-chat__message-simple-text,.str-chat .str-chat__message-content,.str-chat .str-chat__message--regular,.str-chat .str-chat__message-simple--me .str-chat__message-simple-text,.str-chat .str-chat__message-simple--received .str-chat__message-simple-text{box-shadow:none!important;background:0 0!important;border:none!important}.str-chat__message-simple--received .str-chat__message-text-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px 16px 16px 4px;padding:.75rem 1rem;box-shadow:0 4px 6px #0000001a}.str-chat__message-text{font-size:.9rem;font-weight:300;line-height:1.5}.str-chat__message-simple-status{color:#ffffff80;margin-top:.25rem;font-size:.75rem}.str-chat__input-flat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin:1rem;padding:.75rem 1rem}.str-chat__input-flat-wrapper{background:0 0}.str-chat__input-flat textarea{color:#fff;background:0 0;min-height:44px;max-height:120px;font-size:.95rem}.str-chat__input-flat textarea::placeholder{color:#fff6}.str-chat__send-button{color:#fff;border-radius:8px;padding:.5rem 1rem;transition:all .2s}.str-chat__send-button:hover{transform:scale(1.01);box-shadow:0 4px 12px #8b5cf666}.str-chat__typing-indicator{color:#fff9;padding:.5rem 1rem;font-size:.875rem}.str-chat__typing-indicator__dots{background:#ffffff4d}.str-chat__list::-webkit-scrollbar{width:6px}.str-chat__list::-webkit-scrollbar-track{background:0 0}.str-chat__list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.str-chat__list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.str-chat__date-separator{color:#fff6;text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0;font-size:.75rem}.str-chat__date-separator-line{background:#ffffff1a}.str-chat__avatar{border:2px solid #ffffff1a;border-radius:50%}.str-chat__file-input-container{color:#fff9}.str-chat__reaction-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px}.str-chat__message-actions-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#171717f2;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #0000004d}.str-chat__message-actions-box button{color:#fff;transition:background .2s}.str-chat__message-actions-box button:hover{background:#ffffff1a}.str-chat__empty-channel{color:#ffffff80;text-align:center;padding:2rem}.str-chat__loading-indicator{color:#fff9}@media (max-width:768px){.str-chat__list{padding:.75rem}.str-chat__input-flat{margin:.75rem}.str-chat__message-simple--received .str-chat__message-text-inner,.str-chat__message-simple--me .str-chat__message-text-inner{max-width:85%}}