.str-chat__message-textarea-emoji-picker-container{border-radius:10px;box-shadow:var(--str-chat__box-shadow-3);overflow:hidden}.str-chat__message-textarea-emoji-picker-container em-emoji-picker{--border-radius:10px}.str-chat__avatar-with-channel-detail-button{-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;display:flex;padding:0}.str-chat__channel-detail{display:flex;flex-direction:column;width:min(800px,100vw - 2 * var(--str-chat__spacing-lg));max-width:100%;height:min(640px,100vh - 2 * var(--str-chat__spacing-lg));min-height:0;overflow:hidden}.str-chat__channel-detail .str-chat__section-navigator{min-height:0}.str-chat__channel-detail .str-chat__section-navigator__content{display:flex;flex-direction:column;min-height:0}.str-chat__channel-detail .str-chat__prompt__header__description{display:none}.str-chat__channel-detail .str-chat__prompt__body{display:flex;flex-direction:column;gap:var(--str-chat__spacing-md);padding:0}.str-chat__channel-detail .str-chat__icon--destructive{color:var(--str-chat__accent-error)}.str-chat__channel-detail--inline{width:100dvw;height:100dvh;max-width:none;border-radius:0;box-shadow:none}.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{width:100%;text-transform:capitalize}.str-chat__channel-detail__header{display:flex;gap:var(--str-chat__spacing-md);padding:var(--str-chat__spacing-xl)}.str-chat__channel-detail__search-input{flex-shrink:0;width:100%;padding-inline:var(--str-chat__spacing-xl);padding-block:var(--str-chat__spacing-xxxs)}.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{display:flex;flex-direction:column;flex:1;min-height:0}.str-chat__channel-detail__files-view__empty-state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content: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}.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{display:flex;flex-direction:column;align-items:center;gap:var(--str-chat__spacing-xxs);width:100%}.str-chat__channel-detail__files-view__empty-state__description,.str-chat__channel-detail__files-view__empty-state__title{margin:0;overflow-wrap:anywhere}.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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{display:flex;flex-direction:column;align-items:center;gap:var(--str-chat__spacing-md);width:100%}.str-chat__channel-detail__channel-member-detail-view__profile .str-chat__channel-detail__channel-member-detail-view__profile__details{display:flex;flex-direction:column;align-items:center;gap:var(--str-chat__spacing-xs);width:100%}.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{display:flex;flex-direction:column;gap:var(--str-chat__spacing-xxs);width:100%;border-radius:var(--str-chat__radius-lg);background-color:var(--str-chat__surface-card);padding-block:var(--str-chat__spacing-xs)}.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{display:flex;align-items:center;justify-content:center;min-height:128px;font:var(--str-chat__font-caption-default);color:var(--str-chat__text-secondary)}.str-chat__channel-detail__channel-management-view{display:flex;flex-direction:column;flex:1;min-height:0}.str-chat__channel-detail .str-chat__channel-detail__channel-management-view__body{display:flex;flex-direction:column;flex:1;min-height:0;gap:var(--str-chat__spacing-2xl);padding:0 var(--str-chat__spacing-xl) var(--str-chat__spacing-2xl)}.str-chat__channel-detail .str-chat__channel-detail__channel-management-view__profile{display:flex;flex-direction:column;align-items:center;gap:var(--str-chat__spacing-md);width:100%}.str-chat__channel-detail .str-chat__channel-detail__channel-management-view__profile .str-chat__channel-detail__channel-management-view__profile__details{display:flex;flex-direction:column;align-items:center;gap:var(--str-chat__spacing-xs);width:100%}.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{display:flex;align-items:center;gap:var(--str-chat__spacing-xs);font:var(--str-chat__font-heading-lg)}.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{display:flex;flex-direction:column;padding-block:var(--str-chat__spacing-xs);gap:var(--str-chat__spacing-xxs)}.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);flex-shrink:0;color:var(--str-chat__text-secondary)}.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{display:flex;flex-direction:column;flex:1;min-height:0}.str-chat__channel-detail__channel-management-view__avatar-row{display:flex;align-items:center;gap:var(--str-chat__spacing-xl);flex-wrap:wrap}.str-chat__channel-detail__channel-management-view__avatar-row__actions{display:flex;align-items:center;gap:var(--str-chat__spacing-xs);flex-wrap:wrap}.str-chat__channel-detail__channel-management-view__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.str-chat__channel-detail__channel-management-view__name-input{width:100%}.str-chat__channel-detail__media-view,.str-chat__channel-detail__media-view__body{display:flex;flex-direction:column;flex:1;min-height:0}.str-chat__channel-detail__media-view__empty-state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content: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}.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{display:flex;flex-direction:column;align-items:center;gap:var(--str-chat__spacing-xxs);width:100%}.str-chat__channel-detail__media-view__empty-state__description,.str-chat__channel-detail__media-view__empty-state__title{margin:0;overflow-wrap:anywhere}.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{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.str-chat__channel-detail__media-view__grid::-webkit-scrollbar{display:none}.str-chat__channel-detail__media-view__grid{display:flex;flex-direction:column;flex:1;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain}.str-chat__channel-detail__media-view__grid .str-chat__channel-detail__media-view__grid__content{display:flex;flex-direction:column;min-height:100%;padding-inline:var(--str-chat__spacing-xl);padding-block:var(--str-chat__spacing-xxs)}.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{display:flex;align-items:center;justify-content:space-between;-webkit-margin-before:auto;margin-block-start:auto;gap:var(--str-chat__spacing-md);padding-block:var(--str-chat__spacing-xl)}.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{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--str-chat__spacing-xxs);width:100%}.str-chat__channel-detail__media-view__item{position:relative;display:block;aspect-ratio:1;width:100%;padding:0;border:none;border-radius:var(--str-chat__radius-xs);background:var(--str-chat__background-core-surface-subtle);cursor:pointer;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{display:block;width:100%;height:100%;object-fit:cover}.str-chat__channel-detail__media-view__item__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--str-chat__text-tertiary)}.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{position:absolute;inset-block-start:var(--str-chat__spacing-xs);inset-inline-start:var(--str-chat__spacing-xs);pointer-events:none}.str-chat__badge.str-chat__channel-detail__media-view__item__duration{position:absolute;inset-block-end:var(--str-chat__spacing-xs);inset-inline-start:var(--str-chat__spacing-xs);gap:var(--str-chat__spacing-xxs);padding-block:var(--str-chat__spacing-xxs);padding-inline:var(--str-chat__spacing-xs);pointer-events:none}.str-chat__channel-detail__media-view__item__duration-icon{width:12px;height:12px}.str-chat__channel-detail__channel-members-view{display:flex;flex-direction:column;flex:1;min-height:0}.str-chat__channel-detail__channel-members-view__header-actions{display:flex;align-items:center;gap:var(--str-chat__spacing-sm)}.str-chat__channel-members-view__body{display:flex;flex-direction:column;flex:1;min-height:0}.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{display:flex;align-items:center;gap:var(--str-chat__spacing-xs)}.str-chat__channel-detail__channel-members-view__already-member-label,.str-chat__channel-detail__channel-members-view__role-label{color:var(--str-chat__text-secondary);font:var(--str-chat__font-caption-default)}.str-chat__channel-detail__channel-members-view__empty-state{display:flex;height:100%;min-height:100%;flex-direction:column;align-items:center;justify-content:center;gap:var(--str-chat__spacing-sm);color:var(--str-chat__text-secondary);font:var(--str-chat__font-body)}.str-chat__channel-detail__channel-members-view__empty-state svg{height:32px;width:32px}.str-chat__channel-detail__channel-members-view__toast{align-self:center;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)}.str-chat__loading-indicator-placeholder{width:100%;display:flex;justify-content:center;align-items:center}.str-chat__channel-detail__pinned-messages-view,.str-chat__channel-detail__pinned-messages-view__body{display:flex;flex-direction:column;flex:1;min-height:0}.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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{display:flex;flex:1;flex-direction:column;align-items:center;justify-content: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}.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{display:flex;flex-direction:column;align-items:center;gap:var(--str-chat__spacing-xxs);width:100%}.str-chat__channel-detail__pinned-messages-view__empty-state__description,.str-chat__channel-detail__pinned-messages-view__empty-state__title{margin:0;overflow-wrap:anywhere}.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{position:relative;display:flex;flex:1 1 auto;min-height:0;min-width:0;width:100%;height:100%}.str-chat__section-navigator--inline .str-chat__prompt__header{padding:var(--str-chat__spacing-md)}.str-chat__section-navigator__navigation{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.str-chat__section-navigator__navigation::-webkit-scrollbar{display:none}.str-chat__section-navigator__navigation{overscroll-behavior:contain;display:flex;flex-direction:column;flex-shrink:0;min-height:0;padding:var(--str-chat__spacing-xxs);border-right:1px solid var(--str-chat__border-core-subtle);width:200px;align-self:stretch}.str-chat__section-navigator__navigation-item{min-width:0;width:100%;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-height:0;min-width: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:280ms;--str-chat__navigation-drawer-transition-easing:cubic-bezier(0.22,1,0.36,1);position:absolute;inset:0;z-index:2;display:flex;visibility:hidden;pointer-events:none;transition:visibility 0s linear var(--str-chat__navigation-drawer-transition-duration)}.str-chat__section-navigator__navigation-overlay--open{visibility:visible;pointer-events:auto;transition-delay:0s}.str-chat__section-navigator__navigation-scrim{position:absolute;inset:0;border:none;padding:0;cursor:pointer;background:var(--str-chat__overlay-color,rgba(0,0,0,.5));-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)}.str-chat__section-navigator__navigation-overlay--open .str-chat__section-navigator__navigation-scrim{opacity:1}.str-chat__section-navigator__navigation-drawer{position:relative;z-index:1;display:flex;flex-direction:column;min-height:0;width:75%;max-width:280px;height:100%;background:var(--str-chat__background-core-elevation-1,#fff);box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateX(-100%);transition:transform var(--str-chat__navigation-drawer-transition-duration) var(--str-chat__navigation-drawer-transition-easing);will-change:transform}.str-chat__section-navigator__navigation-overlay--open .str-chat__section-navigator__navigation-drawer{transform:translateX(0)}.str-chat__section-navigator__navigation-drawer .str-chat__section-navigator__navigation{flex:1;width:100%;border-right:none}@media (prefers-reduced-motion:reduce){.str-chat__section-navigator__navigation-drawer,.str-chat__section-navigator__navigation-scrim{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]{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.str-chat__virtualized-list [data-virtuoso-scroller=true]::-webkit-scrollbar,.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]{height:100%!important;overscroll-behavior:contain}.str-chat__virtualized-list [data-viewport-type=element]{height:100%!important}