.str-chat__avatar-with-channel-detail-button{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:flex}.str-chat__channel-detail{width:min(800px,100vw - 2*var(--str-chat__spacing-lg));max-width:100%;height:min(640px,100vh - 2*var(--str-chat__spacing-lg));flex-direction:column;min-height:0;display:flex;overflow:hidden}.str-chat__channel-detail .str-chat__section-navigator{min-height:0}.str-chat__channel-detail .str-chat__section-navigator__content{flex-direction:column;min-height:0;display:flex}.str-chat__channel-detail .str-chat__prompt__header__description{display:none}.str-chat__channel-detail .str-chat__prompt__body{gap:var(--str-chat__spacing-md);flex-direction:column;padding:0;display:flex}.str-chat__channel-detail .str-chat__icon--destructive{color:var(--str-chat__accent-error)}.str-chat__channel-detail--inline{width:100dvw;max-width:none;height:100dvh;box-shadow:none;border-radius:0}.str-chat__channel-detail--inline .str-chat__channel-detail__search-input{padding-inline:var(--str-chat__spacing-md)}.str-chat__channel-detail--inline .str-chat__prompt__footer{padding:var(--str-chat__spacing-md)}.str-chat__channel-detail--inline .str-chat__prompt__footer .str-chat__prompt__footer__controls,.str-chat__channel-detail--inline .str-chat__prompt__footer .str-chat__prompt__footer__controls button{width:100%}.str-chat__channel-detail__nav-button{text-transform:capitalize;width:100%}.str-chat__channel-detail__header{gap:var(--str-chat__spacing-md);padding:var(--str-chat__spacing-xl);display:flex}.str-chat__channel-detail__search-input{width:100%;padding-inline:var(--str-chat__spacing-xl);padding-block:var(--str-chat__spacing-xxxs);flex-shrink:0}.str-chat__channel-detail__search-input .str-chat__form-text-input__wrapper--outline{border-radius:var(--str-chat__radius-max)}.str-chat__channel-detail__files-view,.str-chat__channel-detail__files-view__body{flex-direction:column;flex:1;min-height:0;display:flex}.str-chat__channel-detail__files-view__empty-state{justify-content:center;align-items:center;gap:var(--str-chat__spacing-sm);width:100%;padding-block:var(--str-chat__spacing-3xl);padding-inline:var(--str-chat__spacing-md);text-align:center;flex-direction:column;flex:1;display:flex}.str-chat__channel-detail__files-view__empty-state__icon{width:32px;height:32px;color:var(--str-chat__text-tertiary)}.str-chat__channel-detail__files-view__empty-state__content{align-items:center;gap:var(--str-chat__spacing-xxs);flex-direction:column;width:100%;display:flex}.str-chat__channel-detail__files-view__empty-state__title,.str-chat__channel-detail__files-view__empty-state__description{overflow-wrap:anywhere;margin:0}.str-chat__channel-detail__files-view__empty-state__title{color:var(--str-chat__text-primary);font:var(--str-chat__font-caption-emphasis)}.str-chat__channel-detail__files-view__empty-state__description{max-width:200px;color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default)}.str-chat__channel-detail__files-view__group{top:0}.str-chat__channel-detail__files-view__section-header{padding-block:var(--str-chat__spacing-xs);padding-inline:var(--str-chat__spacing-xs);color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-emphasis);background:var(--str-chat__background-core-surface-subtle)}.str-chat__channel-detail__files-view__item{padding-inline:var(--str-chat__spacing-xs)}.str-chat__channel-detail--inline .str-chat__channel-detail__files-view__item{padding-inline:var(--str-chat__spacing-xxs)}.str-chat__channel-detail__files-view__list-item{color:inherit;text-decoration:none}.str-chat__channel-detail__files-view__list-item__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.str-chat__channel-detail__files-view__list-item__size{color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default)}.str-chat__channel-detail .str-chat__channel-detail__channel-member-detail-view__body{gap:var(--str-chat__spacing-2xl);padding:0 var(--str-chat__spacing-xl)var(--str-chat__spacing-2xl)}.str-chat__channel-detail--inline .str-chat__channel-detail__channel-member-detail-view__body{padding:var(--str-chat__spacing-2xl)var(--str-chat__spacing-md)}.str-chat__channel-detail__channel-member-detail-view__profile{align-items:center;gap:var(--str-chat__spacing-md);flex-direction:column;width:100%;display:flex}.str-chat__channel-detail__channel-member-detail-view__profile .str-chat__channel-detail__channel-member-detail-view__profile__details{align-items:center;gap:var(--str-chat__spacing-xs);flex-direction:column;width:100%;display:flex}.str-chat__channel-detail__channel-member-detail-view__profile .str-chat__channel-detail__channel-member-detail-view__profile__details .str-chat__channel-detail__channel-member-detail-view__profile__details__title{text-align:center;font:var(--str-chat__font-heading-lg);color:var(--str-chat__text-primary)}.str-chat__channel-detail__channel-member-detail-view__profile .str-chat__channel-detail__channel-member-detail-view__profile__details .str-chat__channel-detail__channel-member-detail-view__profile__details__connection-status{text-align:center;font:var(--str-chat__font-caption-default);color:var(--str-chat__text-secondary)}.str-chat__channel-detail__channel-member-detail-view__actions{gap:var(--str-chat__spacing-xxs);border-radius:var(--str-chat__radius-lg);background-color:var(--str-chat__surface-card);width:100%;padding-block:var(--str-chat__spacing-xs);flex-direction:column;display:flex}.str-chat__channel-member-detail-action{text-transform:capitalize}.str-chat__channel-member-confirmation-alert{min-width:min(304px,100vw - 32px);max-width:min(304px,100vw - 32px)}.str-chat__channel-detail__channel-member-detail-view__empty-state{min-height:128px;font:var(--str-chat__font-caption-default);color:var(--str-chat__text-secondary);justify-content:center;align-items:center;display:flex}.str-chat__channel-detail__channel-management-view{flex-direction:column;flex:1;min-height:0;display:flex}.str-chat__channel-detail .str-chat__channel-detail__channel-management-view__body{gap:var(--str-chat__spacing-2xl);min-height:0;padding:0 var(--str-chat__spacing-xl)var(--str-chat__spacing-2xl);flex-direction:column;flex:1;display:flex}.str-chat__channel-detail .str-chat__channel-detail__channel-management-view__profile{align-items:center;gap:var(--str-chat__spacing-md);flex-direction:column;width:100%;display:flex}.str-chat__channel-detail .str-chat__channel-detail__channel-management-view__profile .str-chat__channel-detail__channel-management-view__profile__details{align-items:center;gap:var(--str-chat__spacing-xs);flex-direction:column;width:100%;display:flex}.str-chat__channel-detail .str-chat__channel-detail__channel-management-view__profile .str-chat__channel-detail__channel-management-view__profile__details .str-chat__channel-detail__channel-management-view__profile__details__title{align-items:center;gap:var(--str-chat__spacing-xs);font:var(--str-chat__font-heading-lg);display:flex}.str-chat__channel-detail .str-chat__channel-detail__channel-management-view__profile .str-chat__channel-detail__channel-management-view__profile__details .str-chat__channel-detail__channel-management-view__profile__details__connection-status{font:var(--str-chat__font-caption-default);color:var(--str-chat__text-secondary)}.str-chat__channel-detail--inline .str-chat__channel-detail__channel-management-view__body{padding:var(--str-chat__spacing-2xl)var(--str-chat__spacing-md)}.str-chat__channel-detail__channel-management-view__actions{padding-block:var(--str-chat__spacing-xs);gap:var(--str-chat__spacing-xxs);flex-direction:column;display:flex}.str-chat__channel-detail__channel-management-view__actions .str-chat__form__switch-field .str-chat__form__switch-field__label .str-chat__form__switch-field__label__text{font:var(--str-chat__font-caption-default)}.str-chat__channel-management-view-action{text-transform:capitalize}.str-chat__channel-detail__action-icon{width:var(--str-chat__icon-size-sm);height:var(--str-chat__icon-size-sm);color:var(--str-chat__text-secondary);flex-shrink:0}.str-chat__channel-management-confirmation-alert{min-width:min(304px,100vw - 32px);max-width:min(304px,100vw - 32px)}.str-chat__channel-detail__channel-management-view__form{flex-direction:column;flex:1;min-height:0;display:flex}.str-chat__channel-detail__channel-management-view__avatar-row{align-items:center;gap:var(--str-chat__spacing-xl);flex-wrap:wrap;display:flex}.str-chat__channel-detail__channel-management-view__avatar-row__actions{align-items:center;gap:var(--str-chat__spacing-xs);flex-wrap:wrap;display:flex}.str-chat__channel-detail__channel-management-view__file-input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.str-chat__channel-detail__channel-management-view__name-input{width:100%}.str-chat__channel-detail__media-view,.str-chat__channel-detail__media-view__body{flex-direction:column;flex:1;min-height:0;display:flex}.str-chat__channel-detail__media-view__empty-state{justify-content:center;align-items:center;gap:var(--str-chat__spacing-sm);width:100%;padding-block:var(--str-chat__spacing-3xl);padding-inline:var(--str-chat__spacing-md);text-align:center;flex-direction:column;flex:1;display:flex}.str-chat__channel-detail__media-view__empty-state__icon{width:32px;height:32px;color:var(--str-chat__text-tertiary)}.str-chat__channel-detail__media-view__empty-state__content{align-items:center;gap:var(--str-chat__spacing-xxs);flex-direction:column;width:100%;display:flex}.str-chat__channel-detail__media-view__empty-state__title,.str-chat__channel-detail__media-view__empty-state__description{overflow-wrap:anywhere;margin:0}.str-chat__channel-detail__media-view__empty-state__title{color:var(--str-chat__text-primary);font:var(--str-chat__font-caption-emphasis)}.str-chat__channel-detail__media-view__empty-state__description{max-width:200px;color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default)}.str-chat__channel-detail__media-view__grid{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.str-chat__channel-detail__media-view__grid::-webkit-scrollbar{display:none}.str-chat__channel-detail__media-view__grid{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;max-height:100%;display:flex;overflow-y:auto}.str-chat__channel-detail__media-view__grid .str-chat__channel-detail__media-view__grid__content{min-height:100%;padding-inline:var(--str-chat__spacing-xl);padding-block:var(--str-chat__spacing-xxs);flex-direction:column;display:flex}.str-chat__channel-detail--inline .str-chat__channel-detail__media-view__grid .str-chat__channel-detail__media-view__grid__content{padding:0}.str-chat__channel-detail--inline .str-chat__channel-detail__media-view__grid .str-chat__channel-detail__media-view__grid__content .str-chat__channel-detail__media-view__grid__items{gap:var(--str-chat__spacing-xxxs)}.str-chat__channel-detail__media-view__pagination{justify-content:space-between;align-items:center;gap:var(--str-chat__spacing-md);padding-block:var(--str-chat__spacing-xl);margin-block-start:auto;display:flex}.str-chat__channel-detail__media-view__pagination__button .str-chat__icon{width:16px;height:16px}.str-chat__channel-detail__media-view__pagination__button:disabled{color:var(--str-chat__text-tertiary);cursor:default}.str-chat__channel-detail__media-view__grid__items{gap:var(--str-chat__spacing-xxs);grid-template-columns:repeat(5,1fr);width:100%;display:grid}.str-chat__channel-detail__media-view__item{aspect-ratio:1;border-radius:var(--str-chat__radius-xs);background:var(--str-chat__background-core-surface-subtle);cursor:pointer;border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden}.str-chat__channel-detail__media-view__item img.str-chat__base-image{object-fit:cover}.str-chat__channel-detail__media-view__item__media{object-fit:cover;width:100%;height:100%;display:block}.str-chat__channel-detail__media-view__item__placeholder{width:100%;height:100%;color:var(--str-chat__text-tertiary);justify-content:center;align-items:center;display:flex}.str-chat__channel-detail__media-view__item__placeholder .str-chat__icon{width:var(--str-chat__icon-size-lg,32px);height:var(--str-chat__icon-size-lg,32px)}.str-chat__avatar.str-chat__channel-detail__media-view__item__avatar{pointer-events:none;position:absolute;inset-block-start:var(--str-chat__spacing-xs);inset-inline-start:var(--str-chat__spacing-xs)}.str-chat__badge.str-chat__channel-detail__media-view__item__duration{gap:var(--str-chat__spacing-xxs);padding-block:var(--str-chat__spacing-xxs);padding-inline:var(--str-chat__spacing-xs);pointer-events:none;position:absolute;inset-block-end:var(--str-chat__spacing-xs);inset-inline-start:var(--str-chat__spacing-xs)}.str-chat__channel-detail__media-view__item__duration-icon{width:12px;height:12px}.str-chat__channel-detail__channel-members-view{flex-direction:column;flex:1;min-height:0;display:flex}.str-chat__channel-detail__channel-members-view__header-actions{align-items:center;gap:var(--str-chat__spacing-sm);display:flex}.str-chat__channel-members-view__body{flex-direction:column;flex:1;min-height:0;display:flex}.str-chat__channel-detail__channel-members-view__list .str-chat__virtualized-list__content{padding-inline:var(--str-chat__spacing-xs);padding-block:var(--str-chat__spacing-xxs)}.str-chat__channel-detail--inline .str-chat__channel-detail__channel-members-view__list .str-chat__virtualized-list__content{padding-inline:var(--str-chat__spacing-xs)}.str-chat__channel-detail__channel-members-view__list-item .str-chat__channel-detail__channel-members-view__list-item__indicator-icon{color:var(--str-chat__text-tertiary)}.str-chat__channel-detail__channel-members-view__list-item--disabled{color:var(--str-chat__text-low-emphasis)}.str-chat__channel-detail__channel-members-view__list-item__trailing-slot{align-items:center;gap:var(--str-chat__spacing-xs);display:flex}.str-chat__channel-detail__channel-members-view__role-label,.str-chat__channel-detail__channel-members-view__already-member-label{color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default)}.str-chat__channel-detail__channel-members-view__empty-state{justify-content:center;align-items:center;gap:var(--str-chat__spacing-sm);height:100%;min-height:100%;color:var(--str-chat__text-secondary);font:var(--str-chat__font-body);flex-direction:column;display:flex}.str-chat__channel-detail__channel-members-view__empty-state svg{width:32px;height:32px}.str-chat__channel-detail__channel-members-view__toast{padding-block:var(--str-chat__spacing-xs);padding-inline:var(--str-chat__spacing-md);border-radius:var(--str-chat__radius-md);background:var(--str-chat__background-core-inverse);color:var(--str-chat__text-on-inverse);font:var(--str-chat__font-caption-default);align-self:center}.str-chat__loading-indicator-placeholder{justify-content:center;align-items:center;width:100%;display:flex}.str-chat__channel-detail__pinned-messages-view,.str-chat__channel-detail__pinned-messages-view__body{flex-direction:column;flex:1;min-height:0;display:flex}.str-chat__channel-detail__pinned-messages-view__list .str-chat__virtualized-list__content{padding-inline:var(--str-chat__spacing-xs);padding-block:var(--str-chat__spacing-xxs)}.str-chat__channel-detail--inline .str-chat__channel-detail__pinned-messages-view__list .str-chat__virtualized-list__content{padding-inline:var(--str-chat__spacing-xxs)}.str-chat__channel-detail__pinned-messages-view__list-item__message-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.str-chat__channel-detail__pinned-messages-view__list-item__date{color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default);white-space:nowrap}.str-chat__channel-detail__pinned-messages-view__empty-state{justify-content:center;align-items:center;gap:var(--str-chat__spacing-sm);width:100%;padding-block:var(--str-chat__spacing-3xl);padding-inline:var(--str-chat__spacing-md);text-align:center;flex-direction:column;flex:1;display:flex}.str-chat__channel-detail__pinned-messages-view__empty-state__icon{width:32px;height:32px;color:var(--str-chat__text-tertiary)}.str-chat__channel-detail__pinned-messages-view__empty-state__content{align-items:center;gap:var(--str-chat__spacing-xxs);flex-direction:column;width:100%;display:flex}.str-chat__channel-detail__pinned-messages-view__empty-state__title,.str-chat__channel-detail__pinned-messages-view__empty-state__description{overflow-wrap:anywhere;margin:0}.str-chat__channel-detail__pinned-messages-view__empty-state__title{color:var(--str-chat__text-primary);font:var(--str-chat__font-caption-emphasis)}.str-chat__channel-detail__pinned-messages-view__empty-state__description{max-width:200px;color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default)}.str-chat__section-navigator{flex:auto;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}.str-chat__section-navigator--inline .str-chat__prompt__header{padding:var(--str-chat__spacing-md)}.str-chat__section-navigator__navigation{scrollbar-width:none;-ms-overflow-style:none;overflow:hidden auto}.str-chat__section-navigator__navigation::-webkit-scrollbar{display:none}.str-chat__section-navigator__navigation{overscroll-behavior:contain;min-height:0;padding:var(--str-chat__spacing-xxs);border-right:1px solid var(--str-chat__border-core-subtle);flex-direction:column;flex-shrink:0;align-self:stretch;width:200px;display:flex}.str-chat__section-navigator__navigation-item{width:100%;min-width:0;padding:var(--str-chat__spacing-xxxs)}.str-chat__section-navigator__navigation-item .str-chat__section-navigator__navigation-item__nav-button{padding-block:var(--str-chat__spacing-xs)}.str-chat__section-navigator__content{flex:1;min-width:0;min-height:0}.str-chat__section-navigator__header-menu-button{flex-shrink:0;align-self:center}.str-chat__prompt__header--withDescription .str-chat__section-navigator__header-menu-button{align-self:flex-start}.str-chat__section-navigator__navigation-overlay{--str-chat__navigation-drawer-transition-duration:.28s;--str-chat__navigation-drawer-transition-easing:cubic-bezier(.22,1,.36,1);z-index:2;visibility:hidden;pointer-events:none;transition:visibility 0s linear var(--str-chat__navigation-drawer-transition-duration);display:flex;position:absolute;inset:0}.str-chat__section-navigator__navigation-overlay--open{visibility:visible;pointer-events:auto;transition-delay:0s}.str-chat__section-navigator__navigation-scrim{cursor:pointer;background:var(--str-chat__overlay-color,#00000080);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);opacity:0;transition:opacity var(--str-chat__navigation-drawer-transition-duration)var(--str-chat__navigation-drawer-transition-easing);border:none;padding:0;position:absolute;inset:0}.str-chat__section-navigator__navigation-overlay--open .str-chat__section-navigator__navigation-scrim{opacity:1}.str-chat__section-navigator__navigation-drawer{z-index:1;background:var(--str-chat__background-core-elevation-1,#fff);width:75%;max-width:280px;height:100%;min-height:0;transition:transform var(--str-chat__navigation-drawer-transition-duration)var(--str-chat__navigation-drawer-transition-easing);will-change:transform;flex-direction:column;display:flex;position:relative;transform:translate(-100%);box-shadow:0 4px 16px #00000014}.str-chat__section-navigator__navigation-overlay--open .str-chat__section-navigator__navigation-drawer{transform:translate(0)}.str-chat__section-navigator__navigation-drawer .str-chat__section-navigator__navigation{border-right:none;flex:1;width:100%}@media (prefers-reduced-motion:reduce){.str-chat__section-navigator__navigation-scrim,.str-chat__section-navigator__navigation-drawer{transition:none}}.str-chat__virtualized-list{flex:1;min-height:0}.str-chat__virtualized-list[data-virtuoso-scroller=true],.str-chat__virtualized-list [data-virtuoso-scroller=true]{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.str-chat__virtualized-list[data-virtuoso-scroller=true]::-webkit-scrollbar{display:none}.str-chat__virtualized-list [data-virtuoso-scroller=true]::-webkit-scrollbar{display:none}.str-chat__virtualized-list[data-virtuoso-scroller=true],.str-chat__virtualized-list [data-virtuoso-scroller=true]{overscroll-behavior:contain;height:100%!important}.str-chat__virtualized-list [data-viewport-type=element]{height:100%!important}