.stream-chat-container{--str-chat__primary-color:#006cff;--str-chat__active-primary-color:#05c;--str-chat__surface-color:#1a1a1a;--str-chat__secondary-surface-color:#2a2a2a;--str-chat__primary-surface-color:#3a3a3a;--str-chat__primary-surface-color-low-emphasis:#303030;--str-chat__border-radius-circle:6px;--str-chat__font-family:var(--font-sans,system-ui,sans-serif);--str-chat__message-text-color:#e0e0e0;--str-chat__caption-text-color:#aaa;--str-chat__secondary-text-color:#888;--str-chat__background-color:#121212;--str-chat__message-bubble-color:#303030;--str-chat__message-bubble-color-background:#212121;--str-chat__selected-background-color:rgba(0,108,255,.15);--str-chat__border-color:#383838;--str-chat__input-border-color:#444;--str-chat__online-indicator-color:#00ddb5;--str-chat__typing-indicator-color:#828282;width:800px;margin:0 auto}.stream-chat-container .str-chat{--str-chat__theme:dark;color-scheme:dark;width:100%!important}.stream-chat-container .str-chat__channel-preview-messenger{background-color:transparent;border-bottom:1px solid var(--str-chat__border-color)}.stream-chat-container .str-chat__channel-preview-messenger:hover{background-color:var(--str-chat__primary-surface-color-low-emphasis)}.stream-chat-container .str-chat__channel-preview-messenger--active{background-color:var(--str-chat__primary-surface-color)}.stream-chat-container .str-chat__channel{width:100%!important;flex:1 1;background-color:var(--str-chat__surface-color)}.stream-chat-container .str-chat__thread{width:45%;background-color:var(--str-chat__secondary-surface-color);border-left:1px solid var(--str-chat__border-color)}.stream-chat-container .str-chat__main-panel{display:flex;flex-direction:column;height:100%;background-color:var(--str-chat__surface-color);width:100%!important}.stream-chat-container .str-chat__header{display:none!important}.stream-chat-container .str-chat__list,.stream-chat-container .str-chat__virtual-list{height:400px!important;overflow-y:auto!important;flex:1 1;background-color:var(--str-chat__surface-color);width:100%!important}.stream-chat-container .str-chat__message-simple{border-bottom:1px solid var(--str-chat__border-color);width:100%!important;text-align:left}.stream-chat-container .str-chat__message-simple__content{background-color:var(--str-chat__message-bubble-color);color:var(--str-chat__message-text-color);max-width:100%!important}.stream-chat-container .str-chat__input-flat{flex-shrink:0;background-color:var(--str-chat__secondary-surface-color);border-top:1px solid var(--str-chat__border-color);width:100%!important}.stream-chat-container .str-chat__input-flat .str-chat__textarea{background-color:var(--str-chat__primary-surface-color-low-emphasis);color:var(--str-chat__message-text-color);border:1px solid var(--str-chat__input-border-color);width:calc(100% - 20px)!important}@media screen and (max-width:768px){.stream-chat-container{width:100%!important;margin:0}.stream-chat-container .str-chat,.stream-chat-container .str-chat-channel,.stream-chat-container .str-chat__channel,.stream-chat-container .str-chat__main-panel,.stream-chat-container .str-chat__virtual-list,.stream-chat-container .str-chat__window{width:100%!important;max-width:100%!important}}.stream-chat-container .str-chat__message-inner{display:grid;grid-template-areas:"message-bubble options" "reactions reactions";grid-template-columns:auto auto;grid-template-rows:auto auto}.stream-chat-container .str-chat__message--me .str-chat__message-inner{display:grid;grid-template-areas:"options message-bubble" "reactions reactions";grid-template-columns:auto auto;grid-template-rows:auto auto}.stream-chat-container .str-chat__message-reactions-container{margin-top:0!important}