.stream-chat-overlay{--str-chat__surface-color:hsl(var(--card));--str-chat__secondary-surface-color:hsl(var(--muted));--str-chat__primary-surface-color:hsl(var(--accent));--str-chat__border-radius-circle:9999px;--str-chat__border-radius-md:0.75rem;--str-chat__font-family:inherit;--str-chat__channel-list-width:100%;--str-chat__channel-list-mobile-width:100%}.stream-chat-overlay .str-chat{--str-chat__primary-color:hsl(var(--primary));--str-chat__active-primary-color:hsl(var(--primary));--str-chat__accent-primary:hsl(var(--primary));--str-chat__brand-50:color-mix(in srgb,hsl(var(--primary)) 6%,white);--str-chat__brand-100:color-mix(in srgb,hsl(var(--primary)) 14%,white);--str-chat__brand-150:color-mix(in srgb,hsl(var(--primary)) 22%,white);--str-chat__brand-200:color-mix(in srgb,hsl(var(--primary)) 32%,white);--str-chat__brand-300:color-mix(in srgb,hsl(var(--primary)) 48%,white);--str-chat__brand-400:color-mix(in srgb,hsl(var(--primary)) 72%,white);--str-chat__brand-500:hsl(var(--primary));--str-chat__brand-600:color-mix(in srgb,hsl(var(--primary)) 82%,black);--str-chat__brand-700:color-mix(in srgb,hsl(var(--primary)) 65%,black);--str-chat__brand-800:color-mix(in srgb,hsl(var(--primary)) 45%,black);--str-chat__brand-900:color-mix(in srgb,hsl(var(--primary)) 28%,black);--str-chat__badge-bg-primary:hsl(var(--primary));--str-chat__button-primary-bg:hsl(var(--primary));--str-chat__chat-bg-outgoing:hsl(var(--primary));--str-chat__chat-border-outgoing:hsl(var(--primary));--str-chat__chat-text-outgoing:hsl(var(--primary-foreground));--str-chat__chat-bg-attachment-outgoing:color-mix(in srgb,hsl(var(--primary)) 88%,white);--str-chat__chat-border-on-chat-outgoing:color-mix(in srgb,hsl(var(--primary-foreground)) 28%,transparent);--str-chat__chat-reply-indicator-outgoing:color-mix(in srgb,hsl(var(--primary-foreground)) 45%,transparent);--str-chat__chat-bg-incoming:hsl(var(--muted));--str-chat__chat-border-incoming:hsl(var(--muted));--str-chat__chat-text-incoming:hsl(var(--foreground));--str-chat__chat-bg-attachment-incoming:hsl(var(--muted));--str-chat__chat-text-read:hsl(var(--primary));--str-chat__input-send-icon:hsl(var(--primary));--str-chat__input-text-icon:hsl(var(--muted-foreground));--str-chat__text-link:hsl(var(--primary));--str-chat__avatar-bg-default:hsl(var(--primary)/0.15);--str-chat__avatar-text-default:hsl(var(--primary));--str-chat__avatar-palette-bg-1:hsl(var(--primary)/0.15);--str-chat__avatar-palette-bg-2:hsl(var(--primary)/0.18);--str-chat__avatar-palette-bg-3:hsl(var(--primary)/0.22);--str-chat__avatar-palette-bg-4:hsl(var(--primary)/0.12);--str-chat__avatar-palette-bg-5:hsl(var(--primary)/0.26);--str-chat__avatar-palette-text-1:hsl(var(--primary));--str-chat__avatar-palette-text-2:hsl(var(--primary));--str-chat__avatar-palette-text-3:hsl(var(--primary));--str-chat__avatar-palette-text-4:hsl(var(--primary));--str-chat__avatar-palette-text-5:hsl(var(--primary))}.stream-chat-overlay .str-chat .str-chat__message-status svg.str-chat__message-status-read,.stream-chat-overlay .str-chat .str-chat__summarized-message-preview__delivery-status--read{color:hsl(var(--primary))}.stream-chat-overlay .str-chat .str-chat__form-text-input__leading,.stream-chat-overlay .str-chat .str-chat__message-composer-controls .str-chat__icon:not(.str-chat__icon--send),.stream-chat-overlay .str-chat .str-chat__search .str-chat__icon{color:hsl(var(--muted-foreground))}.stream-chat-overlay .str-chat .str-chat__search-results-header__filter-source-buttons>.str-chat__button.str-chat__search-results-header__filter-source-button{border-radius:9999px;border:1px solid hsl(var(--border));background:hsl(var(--background));color:hsl(var(--muted-foreground));font-weight:500;box-shadow:none}.stream-chat-overlay .str-chat .str-chat__search-results-header__filter-source-buttons>.str-chat__button.str-chat__search-results-header__filter-source-button:not(:disabled):hover{border-color:hsl(var(--primary)/.3);background:hsl(var(--primary)/.08);color:hsl(var(--primary))}.stream-chat-overlay .str-chat .str-chat__search-results-header__filter-source-buttons>.str-chat__button.str-chat__search-results-header__filter-source-button--active,.stream-chat-overlay .str-chat .str-chat__search-results-header__filter-source-buttons>.str-chat__button.str-chat__search-results-header__filter-source-button[aria-pressed=true]{border-color:hsl(var(--primary)/.35);background:hsl(var(--primary)/.14);color:hsl(var(--primary));font-weight:600}.stream-chat-overlay .str-chat .str-chat__search-results-header__filter-source-buttons>.str-chat__button.str-chat__search-results-header__filter-source-button--active:not(:disabled):hover,.stream-chat-overlay .str-chat .str-chat__search-results-header__filter-source-buttons>.str-chat__button.str-chat__search-results-header__filter-source-button[aria-pressed=true]:not(:disabled):hover{border-color:hsl(var(--primary)/.45);background:hsl(var(--primary)/.18);color:hsl(var(--primary))}.stream-chat-overlay .str-chat .str-chat__search-results-header__filter-source-buttons>.str-chat__button.str-chat__search-results-header__filter-source-button:after{display:none}.stream-chat-overlay .str-chat .str-chat__message--me .str-chat__message-bubble a{color:hsl(var(--primary-foreground));text-decoration-color:hsl(var(--primary-foreground)/.55)}.str-chat__dialog-overlay{position:fixed;inset:0;width:100%;height:var(--str-chat__dialog-overlay-height,100%);z-index:60;pointer-events:none}.str-chat__dialog-overlay .str-chat__modal--open{pointer-events:auto}.stream-chat-in-app-layout .str-chat,.stream-chat-in-app-layout.str-chat{height:100%;min-height:0;display:flex;flex-direction:column}.stream-chat-in-app-layout .str-chat__container{display:flex;flex:1;min-height:0;height:100%;position:relative}.stream-chat-in-app-layout .str-chat__channel-list{flex:1;min-height:0;width:100%;max-width:100%}.stream-chat-in-app-layout .str-chat__search{padding-block:.75rem;gap:.625rem}.stream-chat-in-app-layout .str-chat__search-bar{padding-inline:1rem;align-items:center}.stream-chat-in-app-layout .str-chat__search-bar .str-chat__search-bar__input-wrapper{min-height:2.25rem;height:2.25rem;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--input));background:hsl(var(--background));color:hsl(var(--muted-foreground));padding-block:0;padding-inline:.75rem;gap:.5rem;box-shadow:none}.stream-chat-in-app-layout .str-chat__search-bar .str-chat__search-bar__input-wrapper:focus-within{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--ring))}.stream-chat-in-app-layout .str-chat__search-bar .str-chat__search-bar__input{font-size:.875rem;line-height:1.25rem;color:hsl(var(--foreground))}.stream-chat-in-app-layout .str-chat__search-bar .str-chat__search-bar__input::placeholder{color:hsl(var(--muted-foreground))}.stream-chat-in-app-layout .str-chat__search-bar .str-chat__icon{width:.875rem;height:.875rem;flex-shrink:0}.stream-chat-in-app-layout .str-chat__search-bar .str-chat__search-bar__clear-button{width:1.25rem;height:1.25rem;min-width:1.25rem;padding:0}.stream-chat-in-app-layout .str-chat__channel-list-item:not(:disabled)[aria-pressed=true],.stream-chat-in-app-layout .str-chat__channel-list-item[aria-selected=true]{background-color:hsl(var(--primary)/.12)}.stream-chat-in-app-layout .str-chat__channel-list-item-timestamp,.stream-chat-overlay .str-chat__channel-list-item-timestamp{font:normal 400 10px/1.25 inherit!important;font-size:10px!important;line-height:1.25!important;font-weight:400!important;color:hsl(var(--muted-foreground))!important;white-space:nowrap!important}.stream-chat-in-app-layout .str-chat__channel{flex:1;min-height:0;width:100%}.stream-chat-in-app-layout .str-chat__channel,.stream-chat-in-app-layout .str-chat__container,.stream-chat-in-app-layout .str-chat__main-panel,.stream-chat-in-app-layout .str-chat__window{height:100%;min-height:0}.stream-chat-in-app-layout .str-chat__main-panel-inner{display:flex;flex-direction:column;min-height:0;height:100%}.stream-chat-in-app-layout .str-chat__list{flex:1;min-height:0}.comms-unread-jump{display:flex;align-items:center;position:absolute;z-index:20}.comms-unread-jump,.stream-chat-in-app-layout .str-chat .comms-unread-jump.str-chat__unread-messages-notification{inset-inline-start:50%;transform:translateX(-50%);top:12px;max-width:calc(100% - 1.5rem);gap:0;overflow:hidden;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:9999px;box-shadow:0 1px 2px hsl(var(--foreground)/.06),0 4px 12px hsl(var(--foreground)/.08)}.comms-unread-jump .comms-unread-jump__action,.stream-chat-in-app-layout .str-chat .comms-unread-jump .comms-unread-jump__action{display:inline-flex;align-items:center;gap:.375rem;min-width:0;border:none;background:transparent;color:hsl(var(--primary));font-size:.75rem;font-weight:600;line-height:1.25;letter-spacing:0;text-transform:none;padding:.5rem .875rem;cursor:pointer}.comms-unread-jump .comms-unread-jump__action span,.stream-chat-in-app-layout .str-chat .comms-unread-jump .comms-unread-jump__action span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none}.comms-unread-jump .comms-unread-jump__action:hover,.stream-chat-in-app-layout .str-chat .comms-unread-jump .comms-unread-jump__action:hover{color:color-mix(in srgb,hsl(var(--primary)) 82%,black)}.stream-chat-in-app-layout .str-chat__li.str-chat__unread-messages-separator-wrapper:has(:only-child:empty),.stream-chat-in-app-layout .str-chat__unread-messages-separator-wrapper:empty{display:none;padding:0;margin:0;height:0;overflow:hidden}.stream-chat-in-app-layout .str-chat{--str-chat__message-max-width:min(42rem,85vw);--str-chat__message-with-attachment-max-width:min(42rem,85vw);--str-chat__message-composer-max-width:100%}.stream-chat-in-app-layout .str-chat__message{word-break:normal;overflow-wrap:break-word;hyphens:manual}.stream-chat-in-app-layout .str-chat__message.str-chat__message--other.str-chat__message--pinned,.stream-chat-in-app-layout .str-chat__message.str-chat__message--other.str-chat__message--with-avatar{grid-template-columns:auto minmax(0,1fr)}.stream-chat-in-app-layout .str-chat__message.str-chat__message--me.str-chat__message--pinned,.stream-chat-in-app-layout .str-chat__message.str-chat__message--me.str-chat__message--with-avatar{grid-template-columns:minmax(0,1fr) auto}.stream-chat-in-app-layout .str-chat__message--me .str-chat__message-inner,.stream-chat-in-app-layout .str-chat__message--other .str-chat__message-inner{position:relative;width:fit-content;max-width:var(--str-chat__message-max-width)}.stream-chat-in-app-layout .str-chat__message--me .str-chat__message-inner{grid-template-columns:0 fit-content(var(--str-chat__message-max-width));margin-inline-start:var(--str-chat-message-options-size)}.stream-chat-in-app-layout .str-chat__message--other .str-chat__message-inner{grid-template-columns:fit-content(var(--str-chat__message-max-width)) 0;margin-inline-end:var(--str-chat-message-options-size)}.stream-chat-in-app-layout .str-chat__ul .str-chat__li:focus-within:not(:has(.str-chat__modal--open)) .str-chat__message--other .str-chat__message-inner,.stream-chat-in-app-layout .str-chat__ul .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--other .str-chat__message-inner,.stream-chat-in-app-layout .str-chat__ul .str-chat__li:hover:not(:has(.str-chat__modal--open)) .str-chat__message--other .str-chat__message-inner,.stream-chat-in-app-layout .str-chat__virtual-list .str-chat__li:focus-within:not(:has(.str-chat__modal--open)) .str-chat__message--other .str-chat__message-inner,.stream-chat-in-app-layout .str-chat__virtual-list .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--other .str-chat__message-inner,.stream-chat-in-app-layout .str-chat__virtual-list .str-chat__li:hover:not(:has(.str-chat__modal--open)) .str-chat__message--other .str-chat__message-inner{margin-inline-end:var(--str-chat-message-options-size)}.stream-chat-in-app-layout .str-chat__ul .str-chat__li:focus-within:not(:has(.str-chat__modal--open)) .str-chat__message--me .str-chat__message-inner,.stream-chat-in-app-layout .str-chat__ul .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--me .str-chat__message-inner,.stream-chat-in-app-layout .str-chat__ul .str-chat__li:hover:not(:has(.str-chat__modal--open)) .str-chat__message--me .str-chat__message-inner,.stream-chat-in-app-layout .str-chat__virtual-list .str-chat__li:focus-within:not(:has(.str-chat__modal--open)) .str-chat__message--me .str-chat__message-inner,.stream-chat-in-app-layout .str-chat__virtual-list .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--me .str-chat__message-inner,.stream-chat-in-app-layout .str-chat__virtual-list .str-chat__li:hover:not(:has(.str-chat__modal--open)) .str-chat__message--me .str-chat__message-inner{margin-inline-start:var(--str-chat-message-options-size)}.stream-chat-in-app-layout .str-chat__message--me .str-chat__message-bubble,.stream-chat-in-app-layout .str-chat__message--other .str-chat__message-bubble{width:fit-content;max-width:var(--str-chat__message-max-width);min-width:auto}.stream-chat-in-app-layout .str-chat__message .str-chat__message-inner .str-chat__message-options{position:absolute;top:50%;transform:translateY(-50%);width:var(--str-chat-message-options-size);z-index:1}.stream-chat-in-app-layout .str-chat__message--other .str-chat__message-inner .str-chat__message-options{inset-inline-end:calc(-1 * var(--str-chat-message-options-size))}.stream-chat-in-app-layout .str-chat__message--me .str-chat__message-inner .str-chat__message-options{inset-inline-start:calc(-1 * var(--str-chat-message-options-size))}.stream-chat-in-app-layout .str-chat__message-list-main-panel{--str-chat__message-list-scroll-max-width:100%}.stream-chat-in-app-layout .str-chat__message-list{justify-content:center;align-items:stretch}.stream-chat-in-app-layout .str-chat__message-list .str-chat__empty-channel,.stream-chat-in-app-layout .str-chat__message-list>.str-chat__empty-channel{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:none!important;flex:1 1 auto!important;min-height:100%!important;height:100%!important;margin-inline:0!important;text-align:center!important;box-sizing:border-box}.stream-chat-in-app-layout .str-chat__message-list .str-chat__message-list-scroll{max-width:100%;width:100%;padding-inline:1.25rem;padding-block:1rem 1.5rem;box-sizing:border-box}.stream-chat-in-app-layout .str-chat__main-panel-inner:has(.str-chat__channel-header[data-comms-chrome=overlay]) .str-chat__message-list .str-chat__message-list-scroll{padding-inline:1rem;padding-block:.625rem 2rem}@media (min-width:768px){.stream-chat-in-app-layout .str-chat__message-list .str-chat__message-list-scroll{padding-inline:1.5rem}.stream-chat-in-app-layout .str-chat__main-panel-inner:has(.str-chat__channel-header[data-comms-chrome=overlay]) .str-chat__message-list .str-chat__message-list-scroll{padding-inline:1rem}}@media (min-width:1024px){.stream-chat-in-app-layout .str-chat__message-list .str-chat__message-list-scroll{padding-inline:2rem}.stream-chat-in-app-layout .str-chat__main-panel-inner:has(.str-chat__channel-header[data-comms-chrome=overlay]) .str-chat__message-list .str-chat__message-list-scroll{padding-inline:1rem}}.stream-chat-in-app-layout .str-chat .str-chat__message-composer-container{align-items:stretch;max-width:100%;padding-inline:1.25rem;padding-block:.875rem;box-sizing:border-box}.stream-chat-in-app-layout .str-chat__main-panel-inner:has(.str-chat__channel-header[data-comms-chrome=overlay]) .str-chat__message-composer-container{padding-inline:1rem;padding-block:.75rem}@media (min-width:768px){.stream-chat-in-app-layout .str-chat .str-chat__message-composer-container{padding-inline:1.5rem}.stream-chat-in-app-layout .str-chat__main-panel-inner:has(.str-chat__channel-header[data-comms-chrome=overlay]) .str-chat__message-composer-container{padding-inline:1rem}}@media (min-width:1024px){.stream-chat-in-app-layout .str-chat .str-chat__message-composer-container{padding-inline:2rem}.stream-chat-in-app-layout .str-chat__main-panel-inner:has(.str-chat__channel-header[data-comms-chrome=overlay]) .str-chat__message-composer-container{padding-inline:1rem}}.stream-chat-in-app-layout .str-chat .str-chat__message-composer{max-width:100%}.stream-chat-in-app-layout .str-chat__message-composer{border-top:1px solid hsl(var(--border));background:hsl(var(--card))}.stream-chat-in-app-layout .stream-chat-resolve-bar+.str-chat__message-composer,.stream-chat-in-app-layout .stream-chat-resolve-bar+.str-chat__message-composer-container{border-top:none}.stream-chat-in-app-layout .comms-in-app-composer{display:flex;flex-direction:column;align-items:stretch;gap:.375rem;width:100%;max-width:100%;border-top:none;background:transparent}.stream-chat-in-app-layout .comms-in-app-composer__row{display:flex;align-items:flex-end;gap:.625rem;min-width:0;width:100%}.stream-chat-in-app-layout .comms-in-app-composer__compose-area{flex:1 1 0;min-width:0;background:hsl(var(--background));color:hsl(var(--foreground));border:1px solid hsl(var(--input));border-radius:.375rem}.stream-chat-in-app-layout .comms-in-app-composer__compose-area:focus-within{outline:2px solid hsl(var(--ring));outline-offset:2px}.stream-chat-in-app-layout .comms-in-app-composer__controls{padding:.5rem .75rem;gap:0}.stream-chat-in-app-layout .comms-in-app-composer .str-chat__textarea textarea{min-height:5.5rem;font-size:.875rem;line-height:1.25rem;color:hsl(var(--foreground))}.stream-chat-in-app-layout .str-chat__main-panel-inner:has(.str-chat__channel-header[data-comms-chrome=overlay]) .comms-in-app-composer .str-chat__textarea textarea{min-height:8.75rem}.stream-chat-in-app-layout .comms-in-app-composer__hint{margin:0;padding-inline-start:calc(var(--str-chat__button-visual-height-lg, 2.5rem) + .625rem);font-size:10px;line-height:1.25;color:hsl(var(--muted-foreground))}.stream-chat-in-app-layout .comms-in-app-composer>.comms-in-app-composer__row>.str-chat__attachment-selector{flex-shrink:0;align-self:flex-end}.stream-chat-in-app-layout .comms-in-app-composer .str-chat__message-composer__actions{height:auto;flex-shrink:0;align-self:flex-end}.stream-chat-in-app-layout .comms-in-app-composer .str-chat__message-composer__actions button,.stream-chat-in-app-layout .comms-in-app-composer .str-chat__send-button{border-radius:.375rem}.stream-chat-in-app-layout .stream-chat-resolve-button{border-radius:0}.stream-chat-in-app-layout .str-chat__channel-header{display:flex;height:70px!important;min-height:70px!important;max-height:70px!important;grid-template-columns:unset;background:hsl(var(--card));border-block-end:1px solid hsl(var(--border));padding-block:0!important;padding-inline:1.25rem!important;gap:.75rem;align-items:center;box-sizing:border-box!important}.stream-chat-in-app-layout .str-chat__channel-header[data-comms-chrome=overlay]{padding-inline:1rem!important}.stream-chat-in-app-layout .str-chat__channel-header .str-chat__channel-header__start{display:flex;align-items:center;justify-self:unset;min-width:0;flex-shrink:0}.stream-chat-in-app-layout .str-chat__channel-header .str-chat__channel-header__data{align-items:flex-start;flex:1;min-width:0;justify-self:unset}.stream-chat-in-app-layout .str-chat__channel-header .str-chat__channel-header__end{justify-self:unset;flex-shrink:0}.stream-chat-in-app-layout .onboarding-channel-status-pill{width:fit-content;max-width:100%}