.str-chat__channel{display:flex;flex-direction:column;width:100%}.str-chat__main-panel{display:flex;flex-direction:column;flex:1;min-height:0}.str-chat__container{display:flex;flex-direction:column;height:100%}.str-chat__message-list-container{flex:1;min-height:0;overflow:hidden}.str-chat__message-list{height:100%;overflow-y:auto}.str-chat__message-input{flex-shrink:0}.str-chat.str-chat{--str-chat__border-radius-circle:9999px;--str-chat__border-radius-xl:calc(var(--radius) + 4px);--str-chat__border-radius-lg:var(--radius);--str-chat__border-radius-md:calc(var(--radius) - 2px);--str-chat__border-radius-sm:calc(var(--radius) - 4px);--str-chat__spacing-px:1px;--str-chat__spacing-0:0;--str-chat__spacing-0_5:0.125rem;--str-chat__spacing-1:0.25rem;--str-chat__spacing-1_5:0.375rem;--str-chat__spacing-2:0.5rem;--str-chat__spacing-3:0.75rem;--str-chat__spacing-4:1rem;--str-chat__spacing-5:1.25rem;--str-chat__spacing-6:1.5rem;--str-chat__spacing-8:2rem;--str-chat__spacing-10:2.5rem;--str-chat__primary-color:oklch(52.09% 0.219 275.95);--str-chat__primary-color-low-emphasis:oklch(52.09% 0.219 275.95/0.1);--str-chat__active-primary-color:oklch(60.54% 0.205 278.66);--str-chat__on-primary-color:oklch(100% 0 0);--str-chat__secondary-color:oklch(60.54% 0.205 278.66);--str-chat__secondary-color-low-emphasis:oklch(60.54% 0.205 278.66/0.1);--str-chat__surface-color:var(--card);--str-chat__secondary-surface-color:var(--muted);--str-chat__background-color:var(--background);--str-chat__secondary-background-color:var(--card);--str-chat__tertiary-surface-color:var(--muted);--str-chat__on-surface-color:var(--foreground);--str-chat__on-secondary-surface-color:var(--muted-foreground);--str-chat__border-color:var(--border);--str-chat__border-color-low-emphasis:oklch(39.93% 0.022 299.45/0.5);--str-chat__overlay-color:oklch(0% 0 0/0.75);--str-chat__disabled-color:var(--muted-foreground);--str-chat__text-color:var(--foreground);--str-chat__text-low-emphasis-color:var(--muted-foreground);--str-chat__own-message-bubble-color:oklch(52.09% 0.219 275.95);--str-chat__own-message-text-color:oklch(100% 0 0);--str-chat__message-bubble-color:var(--muted);--str-chat__message-text-color:var(--foreground);--str-chat__info-color:oklch(52.09% 0.219 275.95);--str-chat__info-color-low-emphasis:oklch(52.09% 0.219 275.95/0.1);--str-chat__success-color:oklch(58.82% 0.163 149.79);--str-chat__success-color-low-emphasis:oklch(58.82% 0.163 149.79/0.1);--str-chat__warning-color:oklch(0.828 0.189 84.429);--str-chat__warning-color-low-emphasis:oklch(0.828 0.189 84.429/0.1);--str-chat__error-color:oklch(57.12% 0.222 20.09);--str-chat__error-color-low-emphasis:oklch(57.12% 0.222 20.09/0.1);--str-chat__font-family:var(
    --font-geist-sans,ui-sans-serif,system-ui,sans-serif
  );--str-chat__font-size-xs:0.75rem;--str-chat__font-size-sm:0.875rem;--str-chat__font-size-md:1rem;--str-chat__font-size-lg:1.125rem;--str-chat__line-height-xs:1rem;--str-chat__line-height-sm:1.25rem;--str-chat__line-height-md:1.5rem;--str-chat__line-height-lg:1.75rem;--str-chat__box-shadow:0 1px 3px 0 oklch(0% 0 0/0.1),0 1px 2px -1px oklch(0% 0 0/0.1);--str-chat__z-index-modal:50;--str-chat__z-index-dropdown:40;--str-chat__z-index-overlay:30}.str-chat__channel-list{background-color:var(--str-chat__surface-color);border-right:1px solid var(--str-chat__border-color);overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:none}.str-chat__message-formatted{margin-bottom:.5rem;text-align:left!important;direction:ltr!important}.str-chat__list{padding:16px;overscroll-behavior:contain;scrollbar-width:thin}.str-chat__message a{color:var(--muted-foreground)}.str-chat__li{margin-bottom:0}.str-chat__channel-list-messenger{height:100%;display:flex;flex-direction:column}.str-chat__channel-list-messenger__main{flex:1;overflow-y:auto;min-height:0}.str-chat__channel-preview-messenger--active,.str-chat__channel-preview-messenger:hover{background-color:var(--str-chat__secondary-surface-color)}.str-chat__channel-header{background-color:var(--str-chat__surface-color);border-bottom:1px solid var(--str-chat__border-color)}.str-chat__message-list{background-color:var(--str-chat__background-color)}.str-chat__message-input{background-color:var(--str-chat__background-color);padding:0;position:relative;border:none;.str-chat__message-textarea-container{border:none}}.str-chat__message-input-inner{display:flex;align-items:flex-end;gap:var(--str-chat__spacing-2);background-color:transparent;padding:var(--str-chat__spacing-3)}.str-chat__textarea{flex:1}.str-chat__textarea textarea{border:none;color:var(--str-chat__text-color);border-radius:var(--str-chat__border-radius-md);padding:var(--str-chat__spacing-2);resize:none;max-height:200px}.str-chat__textarea textarea:focus{outline:none;box-shadow:none}.str-chat__textarea textarea::placeholder{color:var(--str-chat__text-low-emphasis-color)}.str-chat__send-button{background-color:var(--str-chat__primary-color);color:var(--str-chat__on-primary-color)}.str-chat__send-button:hover:not(:disabled){background-color:var(--str-chat__active-primary-color)}.str-chat__thread{background-color:var(--str-chat__surface-color);border-left:1px solid var(--str-chat__border-color);position:absolute;right:0;top:0;bottom:0;width:min(420px,100%);z-index:20;height:100%}.str-chat__message-list-scroll::-webkit-scrollbar{width:8px}.str-chat__message-list-scroll::-webkit-scrollbar-track{background:var(--str-chat__background-color)}.str-chat__message-list-scroll::-webkit-scrollbar-thumb{background:var(--str-chat__border-color);border-radius:var(--str-chat__border-radius-sm)}.str-chat__message-list-scroll::-webkit-scrollbar-thumb:hover{background:var(--str-chat__disabled-color)}.str-chat__message-mention{background-color:var(--str-chat__primary-color-low-emphasis);border-radius:var(--str-chat__border-radius-sm)}.str-chat__loading-indicator,.str-chat__message-mention{color:var(--str-chat__primary-color)}.str-chat__date-separator,.str-chat__empty-channel{color:var(--str-chat__text-low-emphasis-color)}.str-chat__date-separator{display:flex;align-items:center;justify-content:center;padding:8px 0;font-size:12px;text-transform:uppercase}.str-chat__li--single,.str-chat__li--top,.str-chat__message--with-reactions{padding-top:0!important}.str-chat__list .str-chat__reverse-infinite-scroll{padding-top:0}.str-chat__message-actions-box{left:auto;right:100%;border-radius:var(--border-radius-md)}.str-chat__input-flat-cooldown{color:var(--foreground)}.str-chat__avatar{cursor:pointer}.str-chat__input-flat{padding:0}.str-chat__input-flat .str-chat__textarea>textarea:focus{box-shadow:none;border-radius:0}.str-chat__input-flat-quoted .quoted-message-preview{margin-bottom:0}.str-chat__modal .quoted-message-preview,.str-chat__modal .str-chat__input-flat-quoted,.str-chat__modal .str-chat__quoted-message-preview,.str-chat__modal .str-chat__quoted-message-preview-header{display:none!important}.str-chat__message-notification-scroll-to-latest{left:auto;right:16px}@media screen and (max-width:960px){.messaging.str-chat .str-chat__thread{position:absolute}}.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card)>img{height:inherit;max-width:inherit;max-height:inherit}.str-chat{height:100%;.str-chat__main-panel{padding:0}.str-chat__input-flat{font-size:16px;color:var(--str-chat__text-color)}.str-chat__input-flat,.str-chat__join-button{background:var(--str-chat__secondary-surface-color);cursor:pointer}.str-chat__textarea__textarea{display:flex;&::placeholder{color:var(--foreground)}}}.messaging.str-chat .str-chat__thread{margin-right:0;margin-top:0;border-radius:0}.react-tweet-theme{margin:0;background-color:var(--background);color:var(--foreground)}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction,.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction.str-chat__message-reaction-own{background:none}.str-chat__message .str-chat__message-inner,.str-chat__quoted-message-preview .str-chat__message-inner{display:block!important}.str-chat__reaction-selector .str-chat__message-reactions-list{display:grid!important;grid-template-columns:repeat(6,minmax(28px,1fr))!important;gap:8px!important;padding:6px!important;justify-items:center}.str-chat__message .str-chat__message-replies-count-button-wrapper button{display:block;border:none;background:none;padding:0;font-size:.8rem;line-height:15px;font-weight:700;color:var(--str-chat__primary-color);cursor:pointer}.str-chat__message--deleted{justify-content:flex-start!important;text-align:left!important}.community-chat .str-chat__channel,.community-chat .str-chat__container,.community-chat .str-chat__main-panel{min-width:0;min-height:0;max-height:100%}.community-chat .str-chat__channel{position:relative;height:100%}.community-chat .str-chat__list{flex:1;min-height:0}.community-chat .str-chat__message-text-inner{min-width:0;max-width:100%;overflow-wrap:anywhere;font-size:15px;line-height:1.5}.community-chat .str-chat__message-text-inner p{font-size:inherit;line-height:inherit}.community-chat .chat-user-name{font-size:13px!important;font-weight:600!important}.community-chat .chat-head time{font-size:11px;letter-spacing:.01em}.community-chat .str-chat__message-formatted{margin-bottom:4px}.community-chat .quoted-message{display:flex;gap:8px;align-items:center;font:inherit;color:var(--muted-foreground);cursor:pointer}.community-chat .quoted-message>div:first-child:not(.quoted-message-inner){flex-shrink:0}.community-chat{--chat-divider:color-mix(in srgb,var(--foreground) 12%,transparent);--chat-control-surface:color-mix(in srgb,var(--foreground) 5%,var(--background));--chat-selected-surface:color-mix(in srgb,var(--community-color) 28%,var(--background));background:var(--background)}.community-chat .chat-channel-header,.community-chat .chat-channel-list-heading,.community-chat .str-chat__channel-list,.community-chat .str-chat__main-panel{background:var(--background);border-color:var(--chat-divider)}.community-chat .chat-channel-link{color:var(--muted-foreground);border:1px solid transparent;transition:background-color .12s,color .12s}.community-chat .chat-channel-link:hover{background:var(--chat-control-surface);color:var(--foreground)}.community-chat .chat-channel-link-active,.community-chat .chat-channel-link-active:hover{color:var(--foreground);background:var(--chat-selected-surface);border-color:color-mix(in srgb,var(--community-color) 45%,transparent)}.community-chat .chat-channel-icon{opacity:.65}.community-chat .chat-channel-link-active .chat-channel-icon{opacity:1}.community-chat .chat-channel-unread{display:inline-flex;min-width:24px;height:22px;align-items:center;justify-content:center;padding:0 6px;border-radius:6px;background:var(--chat-control-surface);color:var(--foreground);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.community-chat .chat-composer{padding:12px 20px max(16px,env(safe-area-inset-bottom));background:var(--background)}.community-chat .str-chat__main-panel .str-chat__message-input{padding:0;background:var(--chat-control-surface);border:1px solid var(--chat-divider);border-radius:14px;overflow:visible;transition:border-color .12s}.community-chat .str-chat__message-input:focus-within{border-color:color-mix(in srgb,var(--foreground) 36%,transparent);outline:none}.community-chat .str-chat__message-input-inner{align-items:flex-end;gap:6px;padding:6px;border:0;border-radius:inherit;background:transparent}.community-chat .str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container,.community-chat .str-chat__message-textarea-with-emoji-picker,.community-chat .str-chat__textarea{min-width:0;border:0;box-shadow:none;background:transparent}.community-chat .str-chat__message-textarea-container{align-self:center;padding:0}.community-chat .str-chat__message-textarea-container textarea{padding:0 6px;border:0;box-shadow:none;background:transparent;font-size:16px;line-height:24px}.community-chat .str-chat__message-textarea-container textarea::placeholder{color:var(--muted-foreground)}.community-chat .str-chat__message-input button{min-width:44px;min-height:44px;border-radius:10px}.community-chat .str-chat__message-input .str-chat__message-input-inner .str-chat__send-button{display:flex;align-items:center;justify-content:center;background:var(--foreground);color:var(--background)}.community-chat .str-chat__message-input .str-chat__message-input-inner .str-chat__send-button:hover:not(:disabled){background:color-mix(in srgb,var(--foreground) 85%,var(--background))}.community-chat .str-chat__message-input .str-chat__message-input-inner .str-chat__send-button:disabled{background:transparent;color:var(--muted-foreground);opacity:.45}.community-chat .str-chat__message-input .str-chat__message-input-inner .str-chat__send-button svg{width:20px;height:20px}.community-chat .str-chat__message-input .str-chat__send-button svg,.community-chat .str-chat__message-input .str-chat__send-button svg path{color:inherit;fill:currentColor}.community-chat .str-chat__attachment-selector__menu-button__icon{width:22px;height:22px}.community-chat .str-chat__message-input button:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.community-chat .str-chat__thread{max-width:100%}.community-chat .chat-message-actions .chat-reaction-popover{left:auto;right:0}@media (hover:none),(max-width:767px){.community-chat .chat-message-actions{opacity:1}.community-chat .chat-reaction-control>button{min-width:44px;min-height:44px}}@media (max-width:767px){.community-chat .chat-composer{padding:8px 12px max(12px,env(safe-area-inset-bottom))}.community-chat .str-chat__list{padding:12px}.community-chat .str-chat__thread{width:100%;border-left:none}.community-chat .chat-message-actions .chat-reaction-control>button{border-color:transparent;background:transparent}}