:root{--app-height:100%}.str-chat__channel{flex:1;min-width:0;height:85dvh;min-height:85dvh;max-width:1024px;border-radius:16px;padding-top:56px}.str-chat__main-panel{flex:1;min-width:0;height:100%;padding-bottom:60px}.str-chat__main-panel-inner{padding-left:16px;padding-right:16px}.str-chat-channel-list{overflow:scroll;max-height:100dvh;-webkit-overflow-scrolling:touch}.str-chat__reaction-selector .str-chat__message-reactions-options{z-index:1}.str-chat__list .str-chat__message-list-scroll .str-chat__li{padding:0!important}.str-chat__message--other .str-chat__message-inner{margin-inline-end:calc(var(--str-chat__message-options-button-size) * 3)}.str-chat__li--bottom .str-chat__message,.str-chat__li--single .str-chat__message{margin-block-end:40px}.str-chat__message-notification{display:none}.str-chat__message-inner,.str-chat__quoted-message-preview .str-chat__quoted-message-bubble{max-width:none}.str-chat__message .str-chat__message-bubble{width:100%;max-width:none}.str-chat__li--middle .str-chat__message,.str-chat__li--top .str-chat__message{margin-block-end:6px}.image-gallery-fullscreen-button,.str-chat__message-simple-status-number{display:none}@media screen and (max-width:1024px){.str-chat__channel{height:var(--app-height);flex:1;min-width:0;height:100dvh;padding-top:56px;min-height:100dvh;max-width:1024px}#mobile-channel-list{width:100dvw;height:100dvh;position:fixed;top:0;left:0;transform:translate3d(-100vw,0,0);transition:transform .3s cubic-bezier(0,.52,0,1)}#mobile-channel-list.show{transform:translateZ(0);z-index:1000}}.str-chat.str-chat__theme-dark{--str-chat__background-color:#102128;--str-chat__secondary-background-color:#162d37;--str-chat__primary-surface-color:#18191b;--str-chat__own-message-reaction-background-color:#102128}.str-chat__theme-dark .str-chat__message--me .str-chat__message-bubble{background:var(--secondary-blue-900);border-radius:20px;position:relative;padding:6px}.str-chat__theme-dark .str-chat__message--other .str-chat__message-bubble{background:var(--neutral-500);border-radius:20px;position:relative;padding:6px}.quoted-message-inner.str-chat__quoted-message-bubble{background-color:rgba(0,0,0,.3)}.pin-indicator{grid-area:pin}.str-chat__message-text{line-height:24px;font-size:16px;padding:0!important}.str-chat__message-text p{padding:0 6px!important}.str-chat__message-text .str-chat__message-url-link{color:var(--neutral-100)}.str-chat__message.str-chat__message--other{grid-template-areas:". pin" "avatar message" ". custom-metadata" ". metadata" ". replies" ". translation-notice";column-gap:6px}.str-chat__message.str-chat__message--me{grid-template-areas:"pin" "message" "custom-metadata" "metadata" "replies" "translation-notice"}.str-chat__message-simple-name,.str-chat__message-simple-timestamp{font-size:10px;color:var(--neutral-400);line-height:16px;margin-top:2px;font-family:var(--font-inter)!important}.str-chat__message-simple-name:after{content:"•";margin-left:4px;color:var(--neutral-400)}p{font-family:var(--font-inter)!important}.str-chat__message .str-chat__quoted-message-preview{border-radius:20px!important}.str-chat__quoted-message-preview .str-chat__quoted-message-bubble{border-end-start-radius:20px!important;min-width:100px}.str-chat__message a{color:var(--neutral-100)}.str-chat__message-status .str-chat__avatar,.str-chat__quoted-message-preview.quoted-message>.str-chat__avatar.str-chat__avatar--circle.str-chat__message-sender-avatar{display:none}.str-chat__avatar.str-chat__avatar--circle.str-chat__message-sender-avatar{width:28px!important;height:28px!important;border-radius:50%;object-fit:cover;line-height:28px!important;overflow:hidden}.str-chat__quoted-message-preview.quoted-message{display:flex;width:100%}.str-chat__quoted-message-preview.quoted-message>.quoted-message-inner{flex:1;width:auto!important}.str-chat__message-data.str-chat__message-simple-data.str-chat__message-metadata{margin-left:12px;margin-right:12px}.str-chat__attachment-list{margin-bottom:2px}.str-chat__attachment-list .str-chat__message-attachment-card{margin:0!important;background-color:rgba(0,0,0,.3);border-radius:16px;overflow:hidden}.str-chat__attachment-list .str-chat__message-attachment--image,.str-chat__attachment-list .str-chat__message-attachment--video,.str-chat__attachment-list .str-chat__message-attachment-card--header{border-radius:0}.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content{padding:8px}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--title{color:var(--neutral-100);font-size:12px;font-weight:600;line-height:20px}.str-chat__message-attachment-card--text{color:var(--neutral-200);font-size:12px;font-weight:400;line-height:20px}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--text{white-space:wrap;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.str-chat__message-attachment.str-chat__message-attachment-dynamic-size.str-chat__message-attachment--image{border-radius:16px}.str-chat__li--bottom .custom-message-ui__metadata,.str-chat__li--single .custom-message-ui__metadata{display:flex}li.str-chat__li .str-chat__li--bottom{margin-bottom:200px!important}@media screen and (max-width:1024px){.str-chat.str-chat__theme-dark{--str-chat__background-color:#061014;--str-chat__secondary-background-color:#162d37;--str-chat__primary-surface-color:#18191b;--str-chat__message-bubble-border-radius:20px}}