.str-chat{--str-chat__primary-color:var(--color-primary-500);--str-chat__active-primary-color:var(--color-primary-600);--str-chat__primary-color-low-emphasis:var(--color-primary-100);--str-chat__primary-overlay-color:color-mix(in srgb,var(--color-primary-500)8%,transparent);--str-chat__cta-button-background-color:var(--color-primary-500);--str-chat__background-color:var(--color-surface);--str-chat__secondary-background-color:var(--color-surface-muted);--str-chat__channel-background-color:var(--color-surface);--str-chat__message-list-background-color:var(--color-surface);--str-chat__text-color:var(--color-text-primary);--str-chat__text-low-emphasis-color:var(--color-text-muted);--str-chat__disabled-color:var(--color-text-muted);--str-chat__channel-header-color:var(--color-text-primary);--str-chat__message-bubble-color:var(--color-text-primary);--str-chat__message-bubble-background-color:var(--color-surface-muted);--str-chat__own-message-bubble-color:var(--color-text-primary);--str-chat__own-message-bubble-background-color:var(--color-primary-50);--str-chat__message-input-background-color:var(--color-surface);--str-chat__message-textarea-background-color:var(--color-surface);--str-chat__message-textarea-color:var(--color-text-primary);--str-chat__message-input-tools-color:var(--color-text-muted);--str-chat__message-send-color:var(--color-primary-500)}.str-chat .str-chat__channel-list{container:chat-inbox-list/inline-size}.str-chat .str-chat__channel-list .str-chat__channel-preview-container+.str-chat__channel-preview-container{border-top:1px solid var(--color-border-default)}.str-chat .str-chat__channel-list .str-chat__channel-preview-container .str-chat__channel-preview,.str-chat .str-chat__channel-list .str-chat__channel-preview-container .str-chat__channel-preview-messenger{border-radius:0}.str-chat .str-chat__channel-preview-end{min-width:0;padding-bottom:1.75rem;padding-right:.25rem;overflow:visible}@container chat-inbox-list (width<=300px){.str-chat .str-chat__channel-preview-end{padding-bottom:1.25rem}.str-chat .str-chat__channel-preview-messenger--last-message{display:none}}@container chat-inbox-list (width>=301px){.str-chat .str-chat__channel-preview-messenger--last-message{white-space:normal;text-overflow:unset;min-width:0;overflow:visible}}.str-chat .str-chat__channel-preview-messenger--last-message{white-space:normal;text-overflow:unset;min-width:0;overflow:visible}.str-chat .str-chat__channel-preview-messenger--name{min-width:0;overflow:hidden}.str-chat .str-chat__channel-preview-messenger--name span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.str-chat .str-chat__channel-preview-container .str-chat__channel-preview__action-buttons{opacity:0;pointer-events:none;border-radius:var(--radius-input-compact);border:1px solid var(--color-border-default);background-color:var(--color-surface);padding:2px;transition:opacity .15s;top:.625rem;bottom:auto;right:.5rem}.str-chat .str-chat__channel-preview-container:hover .str-chat__channel-preview__action-buttons,.str-chat .str-chat__channel-preview-container:focus-within .str-chat__channel-preview__action-buttons{opacity:1;pointer-events:auto}.str-chat{--str-chat__border-radius-sm:var(--radius-input-compact);--str-chat__border-radius-md:var(--radius-field);--str-chat__border-radius-lg:var(--radius-card)}