stream-chat-react 11.1.1 → 11.1.2

package/dist/css/v2/index.layout.css

@@ -1 +1 @@
-.str-chat{box-sizing:border-box}.str-chat *{font-family:var(--str-chat__font-family);box-sizing:border-box}.str-chat .ngxp__container{z-index:1;margin:-8px !important;padding:0 !important;box-shadow:none !important;border:none !important}.str-chat .ngxp__container .ngxp__arrow{display:none !important}.str-chat.google-chrome popper-content .ngxp__container{display:block !important;position:absolute;right:0;bottom:0;opacity:0}.str-chat.google-chrome popper-content .ngxp__container[aria-hidden=true]{visibility:hidden}stream-icon,stream-icon-placeholder{display:flex;justify-content:center;align-items:center}:root{--str-chat__theme-version: 2}.str-chat{--str-chat__spacing-px: 1px;--str-chat__spacing-0_5: 0.125rem;--str-chat__spacing-1: 0.25rem;--str-chat__spacing-1_5: 0.375rem;--str-chat__spacing-2: 0.5rem;--str-chat__spacing-2_5: 0.625rem;--str-chat__spacing-3: 0.75rem;--str-chat__spacing-3_5: 0.875rem;--str-chat__spacing-4: 1rem;--str-chat__spacing-5: 1.25rem;--str-chat__spacing-6: 1.5rem;--str-chat__spacing-7: 1.75rem;--str-chat__spacing-8: 2rem;--str-chat__spacing-9: 2.25rem;--str-chat__spacing-10: 2.5rem;--str-chat__spacing-11: 2.75rem;--str-chat__spacing-12: 3rem;--str-chat__spacing-14: 3.5rem;--str-chat__spacing-16: 4rem}.str-chat{--str-chat__image-fallback-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgY2xhc3M9InN0ci1jaGF0X19pbWFnZS1mYWxsYmFja19faWNvbiIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTYgMnYxNEgyVjJoMTRabTAtMkgyQy45IDAgMCAuOSAwIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMlYyYzAtMS4xLS45LTItMi0yWm0tNC44NiA4Ljg2LTMgMy44N0w2IDEwLjE0IDMgMTRoMTJsLTMuODYtNS4xNFoiLz48L3N2Zz4=")}.str-chat__avatar{position:relative}.str-chat__avatar .str-chat__avatar-fallback{text-align:center;height:inherit;width:inherit}.str-chat__avatar .str-chat__avatar--online-indicator{position:absolute;width:calc(var(--str-chat__spacing-px)*12);height:calc(var(--str-chat__spacing-px)*12);inset-inline-end:3%;inset-block-start:2%}.str-chat__loading-channels-avatar{flex-shrink:0;width:calc(var(--str-chat__spacing-px)*49);height:calc(var(--str-chat__spacing-px)*49)}.str-chat{--str-chat__attachment-margin: var(--str-chat__spacing-0_5);--str-chat__gif-height: calc(var(--str-chat__spacing-px) * 200)}.str-chat__attachment-list{--str-chat__attachment-max-width: calc( var(--str-chat__message-max-width) - calc(2 * var(--str-chat__attachment-margin)) );--str-chat__video-height: var(--str-chat__attachment-max-width);--str-chat__scraped-image-height: calc(var(--str-chat__attachment-max-width) * calc(1 / 1.91));--str-chat__scraped-video-height: calc(var(--str-chat__attachment-max-width) * calc(9 / 16));display:flex;flex-direction:column;align-items:stretch;min-width:0}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--header{position:relative}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--source-link{padding-bottom:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--text{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.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{width:auto;display:flex;justify-content:center;align-items:center;overflow:hidden}.str-chat__attachment-list .str-chat__message-attachment-card--header{height:var(--str-chat__scraped-image-height)}.str-chat__attachment-list .str-chat__message-attachment-card--header img{object-fit:cover;max-height:100%;max-width:100%;width:100%;height:100%;cursor:default}.str-chat__attachment-list .str-chat__message-attachment-card-react--header img{cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header{height:var(--str-chat__gif-height)}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header img{object-fit:contain;max-height:100%;max-width:100%;cursor:default}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card-react--header img{cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card)>img{height:min(var(--str-chat__attachment-max-width),min(var(--str-chat__attachment-max-width, 1000000)/var(--original-width, 1000000),1px)*var(--original-height, 1000000));max-width:var(--str-chat__attachment-max-width);max-height:var(--str-chat__attachment-max-width);object-fit:cover;width:100%;cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header{max-width:var(--str-chat__attachment-max-width);display:flex}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper{height:100%;width:100%;min-width:0;max-width:var(--str-chat__attachment-max-width);display:flex;flex-direction:column}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .react-player,.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .str-chat__video-angular,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .react-player,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .str-chat__video-angular{height:100%;width:100%;max-width:var(--str-chat__attachment-max-width);max-height:100%;min-height:0}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card):not(.str-chat__message-attachment-dynamic-size){height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card){max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) .str-chat__player-wrapper{height:min(var(--str-chat__video-height),min(var(--str-chat__attachment-max-width, 1000000)/var(--original-width, 1000000),1px)*var(--original-height, 1000000));max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) .str-chat__video-angular{max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header{height:var(--str-chat__scraped-video-height)}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card){margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment--gallery{margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery{display:grid;grid-template-columns:50% 50%;overflow:hidden;width:fit-content;gap:var(--str-chat__spacing-0_5);max-width:var(--str-chat__attachment-max-width);height:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery.str-chat__gallery-two-rows{grid-template-rows:50% 50%}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image{padding:0;margin:0}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;max-width:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder{position:relative;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:top left;background-repeat:no-repeat;margin:0;cursor:zoom-in;max-width:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder p{position:relative;z-index:1}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image,.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image{padding:var(--str-chat__spacing-6)}.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image img,.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image img{object-fit:contain;max-width:calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6));max-height:calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6))}.str-chat__attachment-list .str-chat__message-attachment-file--item,.str-chat__attachment-list .str-chat__message-attachment-audio-widget{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;row-gap:var(--str-chat__spacing-0_5);min-width:0}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row{width:100%;display:flex;align-items:center;justify-content:space-between;column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;min-width:0}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg{width:calc(var(--str-chat__spacing-px)*24);height:calc(var(--str-chat__spacing-px)*16)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__file-icon{width:calc(var(--str-chat__spacing-px)*34)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--play-controls{display:flex;align-items:center;justify-content:center}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--progress-track{max-width:calc(var(--str-chat__spacing-px)*120)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row{display:flex;align-items:center;width:100%;grid-column-gap:var(--str-chat__spacing-5);padding-top:var(--str-chat__spacing-2_5)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row .str-chat__message-attachment-file--item-size{line-height:calc(var(--str-chat__spacing-px)*14)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track{position:relative;height:calc(var(--str-chat__spacing-px)*5);flex:1;cursor:pointer}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track .str-chat__message-attachment-audio-widget--progress-indicator{position:absolute;inset-inline-start:0;height:inherit}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button{display:flex;align-items:center;justify-content:center;height:calc(var(--str-chat__spacing-px)*36);width:calc(var(--str-chat__spacing-px)*36);cursor:pointer;z-index:1}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button svg{width:var(--str-chat__spacing-3)}.str-chat__attachment-list .str-chat__message-attachment-card{min-width:0;max-width:var(--str-chat__attachment-max-width);margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content{padding:var(--str-chat__spacing-2_5)}.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content .str-chat__message-attachment-card--title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content{padding:0}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget{display:flex;flex-direction:column;row-gap:var(--str-chat__spacing-2_5);width:100%;padding:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget .str-chat__message-attachment-card-audio-widget--first-row{display:flex;align-items:center;column-gap:var(--str-chat__spacing-3_5)}.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form{display:flex;justify-content:stretch}.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form .str-chat__message-attachment-actions-button{cursor:pointer;width:100%;padding:var(--str-chat__spacing-3) var(--str-chat__spacing-4);white-space:nowrap}.str-chat__attachment-list .str-chat__message-attachment-with-actions.str-chat__message-attachment--giphy .str-chat__message-attachment-card .str-chat__message-attachment-card--content{display:none}.str-chat__quoted-message-preview{--str-chat__attachment-margin: 0px}.str-chat__quoted-message-preview *{cursor:pointer !important}.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--source-link,.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--content{display:none}.str-chat__quoted-message-preview .str-chat__message-attachment-file--item-download{display:none}.str-chat__message .str-chat__quoted-message-preview .str-chat__message-attachment-file--item{padding:0}.str-chat__attachment-list-angular-host{min-width:0}.str-chat__attachment-preview-list{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-1_5);width:100%}.str-chat__attachment-preview-list .str-chat__attachment-list-scroll-container{overflow-y:hidden;overflow-x:auto;width:100%;max-width:100%;display:flex;align-items:center;justify-content:flex-start;column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-preview-list .str-chat__attachment-preview-image{display:flex;align-items:center;justify-content:center;position:relative;height:calc(var(--str-chat__spacing-px)*72);width:calc(var(--str-chat__spacing-px)*72);overflow:hidden}.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-image-loading{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%}.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-thumbnail{object-fit:cover;height:calc(var(--str-chat__spacing-px)*72);width:calc(var(--str-chat__spacing-px)*72);word-break:break-all;overflow:hidden}.str-chat__attachment-preview-list .str-chat__attachment-preview-file{display:flex;justify-content:flex-start;align-items:center;height:calc(var(--str-chat__spacing-px)*72);width:calc(var(--str-chat__spacing-px)*200);position:relative;padding:0 var(--str-chat__spacing-4);column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-icon{display:flex;align-items:center;justify-content:center}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-icon svg{height:calc(var(--str-chat__spacing-px)*37);width:unset}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end{overflow-y:visible;overflow-x:hidden;overflow-x:clip;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-name{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;max-width:100%}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-download{line-height:calc(var(--str-chat__spacing-px)*13)}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-download svg{width:calc(var(--str-chat__spacing-px)*16);height:calc(var(--str-chat__spacing-px)*16)}.str-chat__attachment-preview-list button.str-chat__attachment-preview-delete{padding:unset;background:unset;border:unset;border-radius:var(--str-chat__border-radius-circle);display:flex}.str-chat__attachment-preview-list .str-chat__attachment-preview-delete{position:absolute;top:calc(var(--str-chat__spacing-px)*2);inset-inline-end:calc(var(--str-chat__spacing-px)*2);cursor:pointer;z-index:1}.str-chat__attachment-preview-list .str-chat__attachment-preview-delete svg{width:calc(var(--str-chat__spacing-px)*24);height:calc(var(--str-chat__spacing-px)*24)}.str-chat__attachment-preview-list .str-chat__attachment-preview-error{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;padding:unset;background:unset;border:unset;border-radius:unset;inset-inline-start:0;cursor:pointer;z-index:1}.str-chat__attachment-preview-list-angular-host{width:100%;max-width:100%}.mention-menu{padding:var(--str-chat__spacing-2) 0 !important;margin:0 !important;min-width:50%}.mention-menu .mention-item{padding:0 !important}.str-chat__suggestion-list-container{position:absolute;bottom:var(--str-chat__spacing-7);width:100%;padding:var(--str-chat__spacing-2) 0}.str-chat__suggestion-list-container .str-chat__suggestion-list{overflow-y:auto;max-height:calc(var(--str-chat__spacing-px)*320);display:flex;flex-direction:column;list-style:none;padding:unset;margin:unset}.str-chat__slash-command{padding:var(--str-chat__spacing-2_5)}.str-chat__slash-command .str-chat__slash-command-header .str-chat__slash-command-args{margin-inline-start:var(--str-chat__spacing-2)}.str-chat__user-item{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2_5);column-gap:var(--str-chat__spacing-2)}.str-chat__user-item .str-chat__user-item--name{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;overflow-y:hidden;width:100%}.str-chat__emoji-item{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2_5);column-gap:var(--str-chat__spacing-2)}.str-chat__emoji-item .str-chat__emoji-item--name{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;width:100%}.str-chat__message-textarea-angular-host--autocomplete-hidden mention-list{display:none}.str-chat__base-image .str-chat__message-attachment-file--item-download{display:block}.str-chat__message-attachment-card--header .str-chat__message-attachment-file--item-download,.str-chat__gallery-image .str-chat__message-attachment-file--item-download,.str-chat__message-attachment--image .str-chat__message-attachment-file--item-download{position:absolute;top:.5rem;right:1rem}.str-chat__attachment-preview-image .str-chat__message-attachment-file--item-download{display:none}.str-chat__channel{height:100%;display:flex;flex-direction:column;position:relative}.str-chat__channel .str-chat__container{height:100%;display:flex}.str-chat__channel .str-chat__container .str-chat__main-panel{height:100%;display:flex;flex-direction:column;width:100%;min-width:0}.str-chat__channel .str-chat__container .str-chat__main-panel--hideOnThread{display:none}.str-chat__empty-channel{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--str-chat__spacing-4);position:relative}.str-chat__empty-channel svg{width:calc(var(--str-chat__spacing-px)*136);height:calc(var(--str-chat__spacing-px)*136)}.str-chat__empty-channel .str-chat__empty-channel-notifications{position:absolute;inset-block-end:var(--str-chat__spacing-2)}.str-chat__loading-channel{height:100%;display:flex;flex-direction:column}.str-chat__loading-channel .str-chat__loading-channel-header{display:flex;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);align-items:center}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-avatar{flex-shrink:0;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);border-radius:var(--str-chat__avatar-border-radius)}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;flex:1;row-gap:var(--str-chat__spacing-1_5)}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end .str-chat__loading-channel-header-name{border-radius:var(--str-chat__border-radius-xs);height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*170)}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end .str-chat__loading-channel-header-info{border-radius:var(--str-chat__border-radius-xs);height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*66)}.str-chat__loading-channel .str-chat__loading-channel-message-list{padding:0 var(--str-chat__spacing-2);height:100%}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__li{margin-inline:calc(-1 * var(--str-chat__spacing-2));padding-inline:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__parent-message-li{margin-inline:calc(-1 * var(--str-chat__spacing-2))}@media only screen and (min-device-width: 768px){.str-chat__loading-channel .str-chat__loading-channel-message-list{padding:0 min(var(--str-chat__spacing-10),4%)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%));padding-inline:min(var(--str-chat__spacing-10),4%)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__parent-message-li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px)}}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message{display:flex;width:100%;column-gap:var(--str-chat__spacing-2);padding:var(--str-chat__spacing-4) 0}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-avatar{flex-shrink:0;width:calc(var(--str-chat__spacing-px)*49);height:calc(var(--str-chat__spacing-px)*49)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-end{display:flex;flex-direction:column;width:100%;row-gap:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-end .str-chat__loading-channel-message-last-row{display:flex;width:100%;column-gap:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-sender{height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*66)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-text{height:calc(var(--str-chat__spacing-px)*16);width:100%}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-date{height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*50)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2){flex-direction:row-reverse}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2) .str-chat__loading-channel-message-sender{align-self:end}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2) .str-chat__loading-channel-message-last-row{flex-direction:row-reverse}.str-chat__loading-channel .str-chat__loading-channel-message-input-row{display:flex;column-gap:var(--str-chat__spacing-2);padding:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-input{width:100%;height:calc(var(--str-chat__spacing-px)*36)}.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-send{height:calc(var(--str-chat__spacing-px)*36);width:calc(var(--str-chat__spacing-px)*36)}.str-chat__channel-header{display:flex;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);align-items:center}.str-chat__channel-header .str-chat__header-hamburger{display:none}.str-chat__channel-header .str-chat__channel-header-end{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;flex:1;row-gap:var(--str-chat__spacing-1_5)}.str-chat__channel-header .str-chat__channel-header-end p{margin:0}.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-title,.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-info{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-title{overflow-y:hidden}.str-chat__channel-list{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}.str-chat__channel-list .str-chat__channel-list-messenger{height:100%}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main{height:100%}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--str-chat__spacing-4)}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty svg{width:calc(var(--str-chat__spacing-px)*136);height:calc(var(--str-chat__spacing-px)*136)}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty-v1{display:none}.str-chat__channel-list .str-chat__load-more-button{display:flex;justify-content:center;margin:var(--str-chat__spacing-2) 0}.str-chat__channel-list .str-chat__load-more-button .str-chat__load-more-button__button{display:flex;align-items:center;justify-content:center}.str-chat__channel-list .str-chat__down-main{display:none}.str-chat__channel-list-react{overflow:hidden}.str-chat__channel-list-react .str-chat__channel-list-messenger-react{overflow:hidden;padding-bottom:var(--str-chat__spacing-2_5)}.str-chat__channel-list-react .str-chat__channel-list-messenger-react .str-chat__channel-list-messenger-react__main{overflow-y:auto}.str-chat__channel-preview{display:flex;column-gap:var(--str-chat__spacing-2);align-items:center;justify-content:flex-start;width:100%;padding:var(--str-chat__spacing-3) var(--str-chat__spacing-2);margin:0;text-align:start;cursor:pointer}.str-chat__channel-preview .str-chat__channel-preview-end{display:flex;flex-direction:column;row-gap:var(--str-chat__spacing-0_5);width:100%;overflow-y:visible;overflow-x:hidden;overflow-x:clip;min-width:0}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row{display:flex;column-gap:var(--str-chat__spacing-1);align-items:center}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row .str-chat__channel-preview-unread-badge{height:100%;display:flex;align-items:center;padding:0 var(--str-chat__spacing-2)}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row .str-chat__channel-preview-messenger--name{width:100%}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--name,.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--last-message{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;overflow-y:hidden;min-width:0}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--name p,.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--last-message p{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;margin:0}.str-chat__channel-preview-loading{display:flex;column-gap:var(--str-chat__spacing-2);align-items:center;justify-content:flex-start;width:100%;padding:var(--str-chat__spacing-3) var(--str-chat__spacing-2);margin:0;text-align:start}.str-chat__channel-preview-loading .str-chat__channel-preview-end-loading{display:flex;flex-direction:column;row-gap:var(--str-chat__spacing-0_5);width:100%}.str-chat__channel-preview-loading .str-chat__loading-channels-username{height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*66)}.str-chat__channel-preview-loading .str-chat__loading-channels-status{height:calc(var(--str-chat__spacing-px)*16);width:100%}.str-chat__channel-search{position:relative;display:flex;flex-direction:column;justify-content:center}.str-chat__channel-search.str-chat__channel-search--with-results.str-chat__channel-search--inline{height:100%}.str-chat__channel-search.str-chat__channel-search--inline{min-height:0}.str-chat__channel-search .str-chat__channel-search-bar{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2_5);height:65px}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-bar-button{outline:none;background:none;border:none;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);padding:var(--str-chat__spacing-2_5);cursor:pointer}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper{display:flex;align-items:center;flex:1;padding:var(--str-chat__spacing-2_5);min-width:0}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--icon,.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button{display:inline-flex;padding:0 var(--str-chat__spacing-2_5)}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button{outline:none;background:none;border:none;cursor:pointer}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button:disabled{cursor:default}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper input{flex:1;min-width:0}.str-chat__channel-search .str-chat__channel-search-container-searching{width:100%;padding:var(--str-chat__spacing-5) var(--str-chat__spacing-4)}.str-chat__channel-search .str-chat__channel-search-results-header{width:100%;padding:var(--str-chat__spacing-5) var(--str-chat__spacing-4)}.str-chat__channel-search .str-chat__channel-search-result-list{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.str-chat__channel-search .str-chat__channel-search-result-list.inline{flex:1}.str-chat__channel-search .str-chat__channel-search-result-list.popup{position:absolute;left:0;right:0;top:65px;height:400px;z-index:1}.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-container-empty{display:flex;flex-direction:column;align-items:center;width:100%;padding:var(--str-chat__spacing-5) var(--str-chat__spacing-4)}.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-container-empty svg{height:calc(var(--str-chat__spacing-px)*90 + var(--str-chat__spacing-20));width:calc(var(--str-chat__spacing-px)*90);padding:var(--str-chat__spacing-10) 0}.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-result{outline:none;background:none;border:none;display:flex;align-items:center;width:100%;column-gap:var(--str-chat__spacing-2);padding:var(--str-chat__spacing-3) var(--str-chat__spacing-2)}.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-result .channel-search__result-text,.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-result .str-chat__channel-search-result--display-name{overflow-y:hidden}.str-chat__cta-button{padding:var(--str-chat__spacing-3_5) var(--str-chat__spacing-6);cursor:pointer}.str-chat__circle-fab{width:calc(var(--str-chat__spacing-px)*42);height:calc(var(--str-chat__spacing-px)*42);padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center}.str-chat__circle-fab .str-chat__circle-fab-icon{display:inline-block;height:calc(var(--str-chat__spacing-px)*24)}.str-chat__edit-message-form{display:flex;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--str-chat__spacing-5);width:100%;height:100%;min-height:0;min-width:0;max-width:100%;max-height:100%}.str-chat__edit-message-form .str-chat__edit-message-form-options{display:flex;align-items:center;justify-content:flex-end}.str-chat__edit-message-form .str-chat__edit-message-form-options button{cursor:pointer;margin:0}.str-chat__message .str-chat__message-input-angular-host{max-height:100%;min-height:0;display:flex;min-width:0;max-width:100%}.str-chat__message .str-chat__message-edit-in-progress .str-chat__modal--open .str-chat__modal__inner{height:40%;max-height:80%;min-width:90%;max-width:90%;width:90%;flex-basis:min-content}@media only screen and (min-device-width: 768px){.str-chat__message .str-chat__message-edit-in-progress .str-chat__modal--open .str-chat__modal__inner{min-width:40%;max-width:60%;width:min-content}}.str-chat__image-carousel{display:flex;justify-content:center;align-items:center;min-height:0;min-width:0;max-width:100%;max-height:100%}.str-chat__image-carousel .str-chat__image-carousel-stepper{padding:var(--str-chat__spacing-2_5);border:none;cursor:pointer;background:rgba(0,0,0,0)}.str-chat__image-carousel .str-chat__image-carousel-image{object-fit:cover;min-height:0;max-height:100%;min-width:0;max-width:100%}.str-chat__message .str-chat__attachment-list .str-chat__modal--open .str-chat__modal__inner{height:80%;width:80%}[dir=rtl] .str-chat__image-carousel-stepper svg{transform:scale(-1, 1)}.str-chat__link-preview-list{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;margin-bottom:.75rem;padding-inline:.75rem}.str-chat__link-preview-card{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-around;gap:1rem}.str-chat__link-preview-card .str-chat__tooltip{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;display:block;max-width:calc(var(--str-chat__spacing-px)*250);padding-inline:.5rem}.str-chat__link-preview-card .str-chat__link-preview-card__icon-container{display:flex;align-items:center}.str-chat__link-preview-card .str-chat__link-preview-card__content{width:100%;min-width:0;flex:1;padding-inline:.5rem}.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-title,.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-description{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__link-preview-card .str-chat__link-preview-card__dismiss-button{outline:none;background:none;border:none;cursor:pointer}.str-chat__loading-indicator{display:flex;align-items:center;justify-content:center;animation:rotate 1s linear infinite}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.str-chat{--str-chat__message-options-button-size: calc(var(--str-chat__spacing-px) * 26);--str-chat__message-max-width: calc(var(--str-chat__spacing-px) * 480);--str-chat__message-with-attachment-max-width: calc(var(--str-chat__spacing-px) * 300);--str-chat__quoted-message-max-width: calc(var(--str-chat__spacing-px) * 180);--str-chat__quoted-message-inside-message-input-max-width: calc( var(--str-chat__spacing-px) * 200 );--str-chat__quoted-message-inside-message-input-max-height: calc( var(--str-chat__quoted-message-inside-message-input-max-width) + calc(var(--str-chat__spacing-px) * 50) )}.str-chat__message .str-chat__message-bubble{max-width:var(--str-chat__message-max-width)}.str-chat__message.str-chat__message--has-attachment{--str-chat__message-max-width: var(--str-chat__message-with-attachment-max-width)}.str-chat__message.str-chat__message--has-attachment .str-chat__message-bubble{max-width:var(--str-chat__message-max-width)}.str-chat__quoted-message-preview{--str-chat__message-max-width: var(--str-chat__quoted-message-max-width)}.str-chat__quoted-message-preview .str-chat__quoted-message-bubble{pointer-events:none;max-width:var(--str-chat__message-max-width)}.str-chat__message,.str-chat__quoted-message-preview{display:grid;word-wrap:break-word;word-break:break-word;hyphens:auto;overflow-wrap:break-word}.str-chat__message.str-chat__message--other,.str-chat__message.str-chat__quoted-message-preview,.str-chat__quoted-message-preview.str-chat__message--other,.str-chat__quoted-message-preview.str-chat__quoted-message-preview{grid-template-areas:"avatar message" ". replies" ". translation-notice" ". metadata";column-gap:var(--str-chat__spacing-2);grid-template-columns:auto 1fr;justify-items:start}.str-chat__message.str-chat__message--me,.str-chat__quoted-message-preview.str-chat__message--me{grid-template-areas:"message" "replies" "translation-notice" "metadata";justify-items:end}.str-chat__message.str-chat__message--me>.str-chat__message-sender-avatar,.str-chat__quoted-message-preview.str-chat__message--me>.str-chat__message-sender-avatar{display:none}.str-chat__message.str-chat__message--deleted,.str-chat__quoted-message-preview.str-chat__message--deleted{grid-template-areas:"message"}.str-chat__message.str-chat__message--system,.str-chat__quoted-message-preview.str-chat__message--system{grid-template-areas:"message";grid-template-columns:auto}.str-chat__message .str-chat__message-sender-avatar,.str-chat__quoted-message-preview .str-chat__message-sender-avatar{grid-area:avatar;align-self:end}.str-chat__message .str-chat__message-inner,.str-chat__quoted-message-preview .str-chat__message-inner{grid-area:message;display:grid;grid-template-areas:"reactions reactions" "message-bubble options";grid-template-columns:auto 1fr;column-gap:var(--str-chat__spacing-2);position:relative}.str-chat__message .str-chat__message-inner .str-chat__message-options,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options{grid-area:options;align-items:start;justify-content:flex-end;flex-direction:row-reverse;width:calc(3*var(--str-chat__message-options-button-size))}.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-reply-in-thread-button,.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-reactions-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-reply-in-thread-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-reactions-button{display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--str-chat__message-options-button-size);height:var(--str-chat__message-options-button-size)}.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-container,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-container{position:relative}.str-chat__message .str-chat__message-inner .str-chat__message-reactions-host,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-reactions-host{grid-area:reactions}.str-chat__message .str-chat__message-inner .str-chat__message-bubble,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble{grid-area:message-bubble;position:relative;min-width:0}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4)}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p{margin:0}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text .str-chat__message-text-inner,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text .str-chat__message-text-inner{overflow-y:hidden}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p{white-space:pre-line}.str-chat__message.str-chat__message--me .str-chat__message-inner,.str-chat__quoted-message-preview.str-chat__message--me .str-chat__message-inner{grid-template-areas:"reactions reactions" "options message-bubble";grid-template-columns:1fr auto}.str-chat__message.str-chat__message--me .str-chat__message-inner .str-chat__message-options,.str-chat__quoted-message-preview.str-chat__message--me .str-chat__message-inner .str-chat__message-options{flex-direction:row}.str-chat__message .str-chat__translation-notice,.str-chat__quoted-message-preview .str-chat__translation-notice{grid-area:translation-notice}.str-chat__message .str-chat__translation-notice button,.str-chat__quoted-message-preview .str-chat__translation-notice button{cursor:pointer;padding:var(--str-chat__spacing-1) 0;margin:0}.str-chat__message .str-chat__message-metadata,.str-chat__quoted-message-preview .str-chat__message-metadata{grid-area:metadata;display:flex;align-items:center;column-gap:var(--str-chat__spacing-1);margin-block-start:var(--str-chat__spacing-0_5)}.str-chat__message .str-chat__message-metadata .str-chat__message-simple-name,.str-chat__quoted-message-preview .str-chat__message-metadata .str-chat__message-simple-name{overflow-y:hidden}.str-chat__message .str-chat__message-status,.str-chat__quoted-message-preview .str-chat__message-status{display:flex;align-items:center;justify-content:center;column-gap:var(--str-chat__spacing-0_5);position:relative}.str-chat__message .str-chat__message-status svg,.str-chat__quoted-message-preview .str-chat__message-status svg{width:calc(var(--str-chat__spacing-px)*15);height:calc(var(--str-chat__spacing-px)*15)}.str-chat__message .str-chat__message-replies-count-button-wrapper,.str-chat__quoted-message-preview .str-chat__message-replies-count-button-wrapper{grid-area:replies}.str-chat__message .str-chat__message-replies-count-button-wrapper button,.str-chat__quoted-message-preview .str-chat__message-replies-count-button-wrapper button{cursor:pointer;padding:0}.str-chat__message .str-chat__message--deleted-inner,.str-chat__quoted-message-preview .str-chat__message--deleted-inner{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4)}.str-chat__message .str-chat__message--deleted-inner p,.str-chat__quoted-message-preview .str-chat__message--deleted-inner p{margin:0}.str-chat__message .str-chat__quoted-message-bubble,.str-chat__quoted-message-preview .str-chat__quoted-message-bubble{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4);display:flex;column-gap:var(--str-chat__spacing-1);min-width:0;width:100%}.str-chat__message .str-chat__quoted-message-bubble p,.str-chat__quoted-message-preview .str-chat__quoted-message-bubble p{margin:0}.str-chat__message .str-chat__emoji-display-fix,.str-chat__quoted-message-preview .str-chat__emoji-display-fix{display:inline-block;width:1.25em}.str-chat__message .str-chat__message-error-icon,.str-chat__quoted-message-preview .str-chat__message-error-icon{display:none}.str-chat__message .str-chat__simple-message--error-failed,.str-chat__quoted-message-preview .str-chat__simple-message--error-failed{cursor:pointer}.str-chat__message.str-chat__message--error .str-chat__message-error-icon,.str-chat__message.str-chat__message--failed .str-chat__message-error-icon,.str-chat__quoted-message-preview.str-chat__message--error .str-chat__message-error-icon,.str-chat__quoted-message-preview.str-chat__message--failed .str-chat__message-error-icon{display:block;position:absolute;bottom:0;inset-inline-end:calc(-1*(calc(var(--str-chat__spacing-px) * 18) / 2))}.str-chat__message.str-chat__message--error .str-chat__message-error-icon svg,.str-chat__message.str-chat__message--failed .str-chat__message-error-icon svg,.str-chat__quoted-message-preview.str-chat__message--error .str-chat__message-error-icon svg,.str-chat__quoted-message-preview.str-chat__message--failed .str-chat__message-error-icon svg{width:calc(var(--str-chat__spacing-px)*18);height:calc(var(--str-chat__spacing-px)*18)}.str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message-options,.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message-options{display:flex}.str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--other .str-chat__message-inner,.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--other .str-chat__message-inner{margin-inline-end:0}.str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--me .str-chat__message-inner,.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--me .str-chat__message-inner{margin-inline-start:0}.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message-inner:hover .str-chat__message-options,.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message-inner:hover .str-chat__message-options{display:flex}.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message--other .str-chat__message-inner:hover,.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message--other .str-chat__message-inner:hover{margin-inline-end:0}.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message--me .str-chat__message-inner:hover,.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message--me .str-chat__message-inner:hover{margin-inline-start:0}.str-chat__message-inner .str-chat__message-options{display:none}.str-chat__message-inner .str-chat__message-edit-in-progress.str-chat__message-options{display:flex}.str-chat__message--other .str-chat__message-inner{margin-inline-end:calc(var(--str-chat__message-options-button-size)*3)}.str-chat__message--me .str-chat__message-inner{margin-inline-start:calc(var(--str-chat__message-options-button-size)*3)}.str-chat__li--middle .str-chat__message,.str-chat__li--top .str-chat__message{margin-block-end:var(--str-chat__spacing-0_5)}.str-chat__li--middle .str-chat__message .str-chat__message-metadata,.str-chat__li--top .str-chat__message .str-chat__message-metadata{display:none}.str-chat__li--middle .str-chat__message>.str-chat__message-sender-avatar,.str-chat__li--top .str-chat__message>.str-chat__message-sender-avatar{visibility:hidden}.str-chat__li--bottom .str-chat__message,.str-chat__li--single .str-chat__message{margin-block-end:var(--str-chat__spacing-2)}.str-chat__date-separator{display:flex;padding:var(--str-chat__spacing-8);align-items:center}.str-chat__date-separator-line{flex:1;height:var(--str-chat__spacing-px)}.str-chat__date-separator>*:not(:last-child){margin-right:var(--str-chat__spacing-4)}.str-chat__message .str-chat__quoted-message-preview{margin-block-end:var(--str-chat__spacing-2)}.str-chat__message--system{width:100%;text-align:center}.str-chat__message--system p{margin:0}.str-chat__quoted-message-preview .str-chat__quoted-message-bubble{flex-direction:column;align-items:stretch;row-gap:var(--str-chat__spacing-1);flex-basis:min-content}.str-chat__message-input .str-chat__quoted-message-preview{--str-chat__message-max-width: var(--str-chat__quoted-message-inside-message-input-max-width)}.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble{max-height:var(--str-chat__quoted-message-inside-message-input-max-height)}.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble .str-chat__quoted-message-text{max-height:100%;min-height:0}.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble .str-chat__quoted-message-text p{max-height:100%;overflow-y:auto;overflow-x:hidden}.str-chat__message-actions-box{overflow:hidden}.str-chat__message-actions-box .str-chat__message-actions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;min-width:10rem}.str-chat__message-actions-box .str-chat__message-actions-list .str-chat__message-actions-list-item-button{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4);margin:0;cursor:pointer;width:100%;text-align:start}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular){display:none;position:absolute;z-index:1}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular).str-chat__message-actions-box--open{display:block}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular).str-chat__message-actions-box--mine{inset-block-end:100%;inset-inline-start:100%}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular):not(.str-chat__message-actions-box--mine){inset-block-end:100%;inset-inline-end:100%}.str-chat__message-edit-in-progress .ngxp__container{transform:initial !important;will-change:initial !important;z-index:initial}.str-chat__message-input{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:var(--str-chat__spacing-1) var(--str-chat__spacing-2);position:relative}.str-chat__message-input .str-chat__quoted-message-preview-header{display:flex;align-items:center;justify-content:center;width:100%}.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-reply-to-message{width:100%;text-align:center}.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-remove{width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);cursor:pointer}.str-chat__message-input .str-chat__dropzone-container{display:flex;align-items:center;justify-content:center;position:absolute;height:100%;width:100%;z-index:5}.str-chat__message-input .str-chat__dropzone-container p{margin:unset}.str-chat__message-input .str-chat__message-input-inner{flex-grow:1;width:100%;display:flex;align-items:center;justify-content:center}.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container{display:flex;align-items:center;justify-content:center;width:calc(var(--str-chat__spacing-px)*45);height:calc(var(--str-chat__spacing-px)*45);cursor:pointer}.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container .str-chat__file-input{display:none}.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container .str-chat__file-input-label{display:flex;align-items:center;justify-content:center;cursor:pointer}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;max-height:100%}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker{width:100%;min-height:0;max-height:100%;display:flex;padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4);column-gap:var(--str-chat__spacing-2)}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea{width:100%;display:flex;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:0}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker{display:flex;align-items:center;justify-content:center;width:calc(var(--str-chat__spacing-px)*27);height:calc(var(--str-chat__spacing-px)*27);font-size:calc(var(--str-chat__spacing-px)*27);align-self:end}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__message-textarea-emoji-picker-container{z-index:5}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__message-textarea-emoji-picker-container .str-chat__emoji-picker-container{display:flex}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button{padding:unset;background:unset;border:unset;border-radius:var(--str-chat__border-radius-circle);display:flex;cursor:pointer}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button svg{width:calc(var(--str-chat__spacing-px)*24);height:calc(var(--str-chat__spacing-px)*24)}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button svg path{fill:var(--str-chat__message-input-tools-color)}.str-chat__message-input .str-chat__message-textarea-angular-host{display:flex;align-items:center;justify-content:center;width:100%}.str-chat__message-input .str-chat__message-textarea-react-host{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.str-chat__message-input .str-chat__send-button{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;width:calc(var(--str-chat__spacing-px)*45);height:calc(var(--str-chat__spacing-px)*45);min-width:calc(var(--str-chat__spacing-px)*45)}.str-chat__message-input .str-chat__send-button svg{width:calc(var(--str-chat__spacing-px)*32);height:calc(var(--str-chat__spacing-px)*32)}.str-chat__message-input .str-chat__message-input-cooldown{display:flex;align-items:center;justify-content:center;margin-inline-start:var(--str-chat__spacing-2);margin-block:calc(var(--str-chat__spacing-2)/2);min-width:calc(calc(var(--str-chat__spacing-px) * 45) - var(--str-chat__spacing-2));min-height:calc(calc(var(--str-chat__spacing-px) * 45) - var(--str-chat__spacing-2))}.str-chat__message-input .str-chat__message-input-not-allowed{align-self:center;padding:var(--str-chat__spacing-3)}.str-chat__message-input .str-chat__quoted-message-preview{padding:var(--str-chat__spacing-2)}.str-chat__message-input-angular-host{max-height:50%}.str-chat-angular__message-input{height:100%;max-height:100%}.str-chat-angular__message-input-inner{height:100%;max-height:100%;min-height:0;flex-grow:initial}[dir=rtl] .str-chat__send-button svg{transform:scale(-1, 1)}.str-chat__main-panel-inner{height:100%;display:flex;flex-direction:column;min-height:0;position:relative;align-items:center}.str-chat__list{overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;width:100%;height:100%;max-height:100%}.str-chat__list .str-chat__message-list-scroll{padding:0 var(--str-chat__spacing-2)}.str-chat__list .str-chat__message-list-scroll .str-chat__li{margin-inline:calc(-1 * var(--str-chat__spacing-2));padding-inline:var(--str-chat__spacing-2)}.str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li{margin-inline:calc(-1 * var(--str-chat__spacing-2))}@media only screen and (min-device-width: 768px){.str-chat__list .str-chat__message-list-scroll{padding:0 min(var(--str-chat__spacing-10),4%)}.str-chat__list .str-chat__message-list-scroll .str-chat__li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%));padding-inline:min(var(--str-chat__spacing-10),4%)}.str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px)}}.str-chat__list .str-chat__message-list-scroll .str-chat__ul{list-style:none;padding:0;margin:0}.str-chat__list .str-chat__parent-message-li{padding-block-end:var(--str-chat__spacing-4);margin-block-end:var(--str-chat__spacing-4)}.str-chat__list .str-chat__parent-message-li .str-chat__thread-start{text-align:start;padding-top:var(--str-chat__spacing-3)}.str-chat__jump-to-latest-message{position:absolute;inset-block-end:var(--str-chat__spacing-4);inset-inline-end:var(--str-chat__spacing-2);z-index:2}.str-chat__jump-to-latest-message .str-chat__jump-to-latest-unread-count{position:absolute;padding:var(--str-chat__spacing-0_5) var(--str-chat__spacing-2);left:50%;transform:translateX(-50%) translateY(-100%)}.str-chat__thread .str-chat__main-panel-inner{height:auto}.str-chat__main-panel .str-chat__ul .str-chat__li:first-of-type{padding-top:4.5rem}.str-chat__main-panel .str-chat__ul .str-chat__date-separator+.str-chat__li:first-of-type{padding-top:inherit}.str-chat__virtual-list{overflow-x:hidden;overflow-y:auto;position:relative;flex:1;-webkit-overflow-scrolling:touch;margin:0;width:100%;height:100%}.str-chat__virtual-list .str-chat__message-list-scroll{overscroll-behavior:none}.str-chat__virtual-list .str-chat__message-list-scroll>div{padding:0 var(--str-chat__spacing-2)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__li{margin-inline:calc(-1 * var(--str-chat__spacing-2));padding-inline:var(--str-chat__spacing-2)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__parent-message-li{margin-inline:calc(-1 * var(--str-chat__spacing-2))}@media only screen and (min-device-width: 768px){.str-chat__virtual-list .str-chat__message-list-scroll>div{padding:0 min(var(--str-chat__spacing-10),4%)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%));padding-inline:min(var(--str-chat__spacing-10),4%)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__parent-message-li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px)}}.str-chat__virtual-list .str-chat__parent-message-li{padding-block-end:var(--str-chat__spacing-4)}.str-chat__virtual-list .str-chat__parent-message-li .str-chat__thread-start{text-align:start;padding-top:var(--str-chat__spacing-3)}.str-chat__virtual-list__loading{display:flex;padding-top:var(--str-chat__spacing-2);justify-content:center;width:100%;position:absolute}.str-chat__virtual-list p{margin:0 !important}.str-chat__virtual-list p a{white-space:pre-line;overflow:hidden;word-wrap:break-word}.str-chat__virtual-list .str-chat__message{margin-block-end:0 !important}.str-chat__virtual-list .str-chat__virtual-list-message-wrapper{padding-block-end:var(--str-chat__spacing-0_5)}.str-chat__thread--virtualized .str-chat__main-panel-inner{height:100%}.str-chat__thread--virtualized .str-chat__main-panel-inner .str-chat__virtual-list-message-wrapper:first-of-type{padding-block-start:var(--str-chat__spacing-4)}.str-chat__message-reactions-container{display:flex}.str-chat__message-reactions-container .str-chat__message-reactions{list-style:none;display:flex;margin-block-start:var(--str-chat__spacing-0_5);margin-block-end:var(--str-chat__spacing-0_5);column-gap:var(--str-chat__spacing-0_5);width:fit-content;padding:0;position:relative}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction{display:flex;justify-content:center;align-items:center;padding:var(--str-chat__spacing-1_5);position:relative}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction button{outline:none;background:none;border:none;display:flex;align-items:center;justify-content:center;padding:0}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction .str-chat__message-reaction-emoji{height:calc(var(--str-chat__spacing-px)*13);display:flex !important;align-items:center;justify-content:center}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__reaction-list--counter,.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__simple-reactions-list-item--last-number{display:none}.str-chat__message--me .str-chat__message-reactions-container{justify-content:flex-end}.str-chat__message--other .str-chat__message-reactions-container{justify-content:flex-start}.str-chat__message-reaction-selector{display:flex;justify-content:flex-end;position:absolute;inset-block-end:100%}.str-chat__message-reaction-selector .str-chat__message-reactions-options{list-style:none;display:flex;margin-block-end:var(--str-chat__spacing-0_5);width:fit-content;column-gap:var(--str-chat__spacing-1);padding:var(--str-chat__spacing-2)}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option{display:flex;align-items:center;justify-content:center;cursor:pointer;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40)}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option .str-chat__message-reaction-emoji{height:calc(var(--str-chat__spacing-px)*20);display:flex !important;align-items:center;justify-content:center}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-last-user{display:none}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-list-item__count{display:none}.str-chat__message--me .str-chat__message-reaction-selector{inset-inline-end:0}.str-chat__message--other .str-chat__message-reaction-selector{inset-inline-start:0}.str-chat__modal--open{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:100}.str-chat__modal--open button.str-chat__modal__close-button{padding:unset;background:unset;border:unset;border-radius:var(--str-chat__border-radius-circle);margin:var(--str-chat__spacing-2);cursor:pointer}.str-chat__modal--open .str-chat__modal__close-button{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2);position:absolute;inset-block-start:0;inset-inline-end:0;cursor:pointer}.str-chat__modal--open .str-chat__modal__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--str-chat__spacing-8) var(--str-chat__spacing-4);width:40%;min-width:0;min-height:0}.str-chat__modal--close{display:none}.str-chat__message-notification{display:block;position:absolute;align-self:center;padding:var(--str-chat__spacing-1) var(--str-chat__spacing-2);bottom:calc(var(--str-chat__spacing-px)*10);z-index:101}.str-chat__list-notifications{position:relative}.str-chat__list-notifications{display:flex;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--str-chat__spacing-1);margin:var(--str-chat__spacing-1_5);width:auto}.str-chat__notification{padding:var(--str-chat__spacing-3_5) var(--str-chat__spacing-4)}.str-chat-react__notification{z-index:101}.str-chat__thread-container{height:100%;display:flex;flex-direction:column;width:100%}.str-chat__thread-container .str-chat__thread-header{display:flex;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);align-items:center}.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;flex:1;row-gap:var(--str-chat__spacing-1_5)}.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-name,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-reply-count,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-channel-name,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-subtitle,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-subtitle{overflow-y:hidden}.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button{display:flex;align-items:flex-start;justify-content:flex-end;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);cursor:pointer;line-height:calc(var(--str-chat__spacing-px)*21);font-size:calc(var(--str-chat__spacing-px)*21)}.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button svg{height:calc(var(--str-chat__spacing-px)*21);width:calc(var(--str-chat__spacing-px)*21)}.str-chat__thread-container .str-chat__thread-list{height:auto}.str-chat__main-panel--hideOnThread+.str-chat__thread-container{flex:1}.str-chat__parent-message-li{padding:var(--str-chat__spacing-2)}.str-chat__tooltip{overflow-y:hidden;display:flex;padding:var(--str-chat__spacing-2);z-index:1;max-width:calc(var(--str-chat__spacing-px)*150);width:max-content}.str-chat__typing-indicator-react-host{position:static !important}.str-chat__virtual-list .str-chat__typing-indicator{position:static}.str-chat__typing-indicator{padding:var(--str-chat__spacing-1_5);display:flex;justify-content:flex-start;align-items:center;column-gap:var(--str-chat__spacing-1);position:absolute;inset-block-end:0;inset-inline-start:0;inset-inline-end:0}.str-chat__typing-indicator .str-chat__typing-indicator__dots{display:flex;align-items:center;justify-content:center;column-gap:var(--str-chat__spacing-0_5)}.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot{width:calc(var(--str-chat__spacing-px)*4);height:calc(var(--str-chat__spacing-px)*4)}
+.str-chat{box-sizing:border-box}.str-chat *{font-family:var(--str-chat__font-family);box-sizing:border-box}.str-chat .ngxp__container{z-index:1;margin:-8px !important;padding:0 !important;box-shadow:none !important;border:none !important}.str-chat .ngxp__container .ngxp__arrow{display:none !important}.str-chat.google-chrome popper-content .ngxp__container{display:block !important;position:absolute;right:0;bottom:0;opacity:0}.str-chat.google-chrome popper-content .ngxp__container[aria-hidden=true]{visibility:hidden}stream-icon,stream-icon-placeholder{display:flex;justify-content:center;align-items:center}:root{--str-chat__theme-version: 2}.str-chat{--str-chat__spacing-px: 1px;--str-chat__spacing-0_5: 0.125rem;--str-chat__spacing-1: 0.25rem;--str-chat__spacing-1_5: 0.375rem;--str-chat__spacing-2: 0.5rem;--str-chat__spacing-2_5: 0.625rem;--str-chat__spacing-3: 0.75rem;--str-chat__spacing-3_5: 0.875rem;--str-chat__spacing-4: 1rem;--str-chat__spacing-5: 1.25rem;--str-chat__spacing-6: 1.5rem;--str-chat__spacing-7: 1.75rem;--str-chat__spacing-8: 2rem;--str-chat__spacing-9: 2.25rem;--str-chat__spacing-10: 2.5rem;--str-chat__spacing-11: 2.75rem;--str-chat__spacing-12: 3rem;--str-chat__spacing-14: 3.5rem;--str-chat__spacing-16: 4rem}.str-chat{--str-chat__image-fallback-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgY2xhc3M9InN0ci1jaGF0X19pbWFnZS1mYWxsYmFja19faWNvbiIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTYgMnYxNEgyVjJoMTRabTAtMkgyQy45IDAgMCAuOSAwIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMlYyYzAtMS4xLS45LTItMi0yWm0tNC44NiA4Ljg2LTMgMy44N0w2IDEwLjE0IDMgMTRoMTJsLTMuODYtNS4xNFoiLz48L3N2Zz4=")}.str-chat__avatar{position:relative}.str-chat__avatar .str-chat__avatar-fallback{text-align:center;height:inherit;width:inherit}.str-chat__avatar .str-chat__avatar--online-indicator{position:absolute;width:calc(var(--str-chat__spacing-px)*12);height:calc(var(--str-chat__spacing-px)*12);inset-inline-end:3%;inset-block-start:2%}.str-chat__loading-channels-avatar{flex-shrink:0;width:calc(var(--str-chat__spacing-px)*49);height:calc(var(--str-chat__spacing-px)*49)}.str-chat{--str-chat__attachment-margin: var(--str-chat__spacing-0_5);--str-chat__gif-height: calc(var(--str-chat__spacing-px) * 200)}.str-chat__attachment-list{--str-chat__attachment-max-width: calc( var(--str-chat__message-max-width) - calc(2 * var(--str-chat__attachment-margin)) );--str-chat__video-height: var(--str-chat__attachment-max-width);--str-chat__scraped-image-height: calc(var(--str-chat__attachment-max-width) * calc(1 / 1.91));--str-chat__scraped-video-height: calc(var(--str-chat__attachment-max-width) * calc(9 / 16));display:flex;flex-direction:column;align-items:stretch;min-width:0}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--header{position:relative}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--source-link{padding-bottom:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--text{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.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{width:auto;display:flex;justify-content:center;align-items:center;overflow:hidden}.str-chat__attachment-list .str-chat__message-attachment-card--header{height:var(--str-chat__scraped-image-height)}.str-chat__attachment-list .str-chat__message-attachment-card--header img{object-fit:cover;max-height:100%;max-width:100%;width:100%;height:100%;cursor:default}.str-chat__attachment-list .str-chat__message-attachment-card-react--header img{cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header{height:var(--str-chat__gif-height)}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header img{object-fit:contain;max-height:100%;max-width:100%;cursor:default}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card-react--header img{cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card)>img{height:min(var(--str-chat__attachment-max-width),min(var(--str-chat__attachment-max-width, 1000000)/var(--original-width, 1000000),1px)*var(--original-height, 1000000));max-width:var(--str-chat__attachment-max-width);max-height:var(--str-chat__attachment-max-width);object-fit:cover;width:100%;cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header{max-width:var(--str-chat__attachment-max-width);display:flex}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper{height:100%;width:100%;min-width:0;max-width:var(--str-chat__attachment-max-width);display:flex;flex-direction:column}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .react-player,.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .str-chat__video-angular,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .react-player,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .str-chat__video-angular{height:100%;width:100%;max-width:var(--str-chat__attachment-max-width);max-height:100%;min-height:0}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card):not(.str-chat__message-attachment-dynamic-size){height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card){max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) .str-chat__player-wrapper{height:min(var(--str-chat__video-height),min(var(--str-chat__attachment-max-width, 1000000)/var(--original-width, 1000000),1px)*var(--original-height, 1000000));max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) .str-chat__video-angular{max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header{height:var(--str-chat__scraped-video-height)}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card){margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment--gallery{margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery{display:grid;grid-template-columns:50% 50%;overflow:hidden;width:fit-content;gap:var(--str-chat__spacing-0_5);max-width:var(--str-chat__attachment-max-width);height:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery.str-chat__gallery-two-rows{grid-template-rows:50% 50%}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image{padding:0;margin:0;position:relative}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;max-width:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder{position:relative;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:top left;background-repeat:no-repeat;margin:0;cursor:zoom-in;max-width:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder p{position:relative;z-index:1}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image,.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image{padding:var(--str-chat__spacing-6)}.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image img,.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image img{object-fit:contain;max-width:calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6));max-height:calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6))}.str-chat__attachment-list .str-chat__message-attachment-file--item,.str-chat__attachment-list .str-chat__message-attachment-audio-widget{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;row-gap:var(--str-chat__spacing-0_5);min-width:0}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row{width:100%;display:flex;align-items:center;justify-content:space-between;column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;min-width:0}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg{width:calc(var(--str-chat__spacing-px)*24);height:calc(var(--str-chat__spacing-px)*16)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__file-icon{width:calc(var(--str-chat__spacing-px)*34)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--play-controls{display:flex;align-items:center;justify-content:center}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--progress-track{max-width:calc(var(--str-chat__spacing-px)*120)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row{display:flex;align-items:center;width:100%;grid-column-gap:var(--str-chat__spacing-5);padding-top:var(--str-chat__spacing-2_5)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row .str-chat__message-attachment-file--item-size{line-height:calc(var(--str-chat__spacing-px)*14)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track{position:relative;height:calc(var(--str-chat__spacing-px)*5);flex:1;cursor:pointer}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track .str-chat__message-attachment-audio-widget--progress-indicator{position:absolute;inset-inline-start:0;height:inherit}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button{display:flex;align-items:center;justify-content:center;height:calc(var(--str-chat__spacing-px)*36);width:calc(var(--str-chat__spacing-px)*36);cursor:pointer;z-index:1}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button svg{width:var(--str-chat__spacing-3)}.str-chat__attachment-list .str-chat__message-attachment-card{min-width:0;max-width:var(--str-chat__attachment-max-width);margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content{padding:var(--str-chat__spacing-2_5)}.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content .str-chat__message-attachment-card--title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content{padding:0}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget{display:flex;flex-direction:column;row-gap:var(--str-chat__spacing-2_5);width:100%;padding:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget .str-chat__message-attachment-card-audio-widget--first-row{display:flex;align-items:center;column-gap:var(--str-chat__spacing-3_5)}.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form{display:flex;justify-content:stretch}.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form .str-chat__message-attachment-actions-button{cursor:pointer;width:100%;padding:var(--str-chat__spacing-3) var(--str-chat__spacing-4);white-space:nowrap}.str-chat__attachment-list .str-chat__message-attachment-with-actions.str-chat__message-attachment--giphy .str-chat__message-attachment-card .str-chat__message-attachment-card--content{display:none}.str-chat__quoted-message-preview{--str-chat__attachment-margin: 0px}.str-chat__quoted-message-preview *{cursor:pointer !important}.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--source-link,.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--content{display:none}.str-chat__quoted-message-preview .str-chat__message-attachment-file--item-download{display:none}.str-chat__message .str-chat__quoted-message-preview .str-chat__message-attachment-file--item{padding:0}.str-chat__attachment-list-angular-host{min-width:0}.str-chat__attachment-preview-list{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-1_5);width:100%}.str-chat__attachment-preview-list .str-chat__attachment-list-scroll-container{overflow-y:hidden;overflow-x:auto;width:100%;max-width:100%;display:flex;align-items:center;justify-content:flex-start;column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-preview-list .str-chat__attachment-preview-image{display:flex;align-items:center;justify-content:center;position:relative;height:calc(var(--str-chat__spacing-px)*72);width:calc(var(--str-chat__spacing-px)*72);overflow:hidden}.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-image-loading{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%}.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-thumbnail{object-fit:cover;height:calc(var(--str-chat__spacing-px)*72);width:calc(var(--str-chat__spacing-px)*72);word-break:break-all;overflow:hidden}.str-chat__attachment-preview-list .str-chat__attachment-preview-file{display:flex;justify-content:flex-start;align-items:center;height:calc(var(--str-chat__spacing-px)*72);width:calc(var(--str-chat__spacing-px)*200);position:relative;padding:0 var(--str-chat__spacing-4);column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-icon{display:flex;align-items:center;justify-content:center}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-icon svg{height:calc(var(--str-chat__spacing-px)*37);width:unset}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end{overflow-y:visible;overflow-x:hidden;overflow-x:clip;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-name{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;max-width:100%}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-download{line-height:calc(var(--str-chat__spacing-px)*13)}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-download svg{width:calc(var(--str-chat__spacing-px)*16);height:calc(var(--str-chat__spacing-px)*16)}.str-chat__attachment-preview-list button.str-chat__attachment-preview-delete{padding:unset;background:unset;border:unset;border-radius:var(--str-chat__border-radius-circle);display:flex}.str-chat__attachment-preview-list .str-chat__attachment-preview-delete{position:absolute;top:calc(var(--str-chat__spacing-px)*2);inset-inline-end:calc(var(--str-chat__spacing-px)*2);cursor:pointer;z-index:1}.str-chat__attachment-preview-list .str-chat__attachment-preview-delete svg{width:calc(var(--str-chat__spacing-px)*24);height:calc(var(--str-chat__spacing-px)*24)}.str-chat__attachment-preview-list .str-chat__attachment-preview-error{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;padding:unset;background:unset;border:unset;border-radius:unset;inset-inline-start:0;cursor:pointer;z-index:1}.str-chat__attachment-preview-list-angular-host{width:100%;max-width:100%}.mention-menu{padding:var(--str-chat__spacing-2) 0 !important;margin:0 !important;min-width:50%}.mention-menu .mention-item{padding:0 !important}.str-chat__suggestion-list-container{position:absolute;bottom:var(--str-chat__spacing-7);width:100%;padding:var(--str-chat__spacing-2) 0}.str-chat__suggestion-list-container .str-chat__suggestion-list{overflow-y:auto;max-height:calc(var(--str-chat__spacing-px)*320);display:flex;flex-direction:column;list-style:none;padding:unset;margin:unset}.str-chat__slash-command{padding:var(--str-chat__spacing-2_5)}.str-chat__slash-command .str-chat__slash-command-header .str-chat__slash-command-args{margin-inline-start:var(--str-chat__spacing-2)}.str-chat__user-item{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2_5);column-gap:var(--str-chat__spacing-2)}.str-chat__user-item .str-chat__user-item--name{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;overflow-y:hidden;width:100%}.str-chat__emoji-item{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2_5);column-gap:var(--str-chat__spacing-2)}.str-chat__emoji-item .str-chat__emoji-item--name{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;width:100%}.str-chat__message-textarea-angular-host--autocomplete-hidden mention-list{display:none}.str-chat__base-image .str-chat__message-attachment-file--item-download{display:block}.str-chat__message-attachment-card--header .str-chat__message-attachment-file--item-download,.str-chat__gallery-image .str-chat__message-attachment-file--item-download,.str-chat__message-attachment--image .str-chat__message-attachment-file--item-download{position:absolute;top:.5rem;right:1rem}.str-chat__attachment-preview-image .str-chat__message-attachment-file--item-download{display:none}.str-chat__channel{height:100%;display:flex;flex-direction:column;position:relative}.str-chat__channel .str-chat__container{height:100%;display:flex}.str-chat__channel .str-chat__container .str-chat__main-panel{height:100%;display:flex;flex-direction:column;width:100%;min-width:0}.str-chat__channel .str-chat__container .str-chat__main-panel--hideOnThread{display:none}.str-chat__empty-channel{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--str-chat__spacing-4);position:relative}.str-chat__empty-channel svg{width:calc(var(--str-chat__spacing-px)*136);height:calc(var(--str-chat__spacing-px)*136)}.str-chat__empty-channel .str-chat__empty-channel-notifications{position:absolute;inset-block-end:var(--str-chat__spacing-2)}.str-chat__loading-channel{height:100%;display:flex;flex-direction:column}.str-chat__loading-channel .str-chat__loading-channel-header{display:flex;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);align-items:center}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-avatar{flex-shrink:0;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);border-radius:var(--str-chat__avatar-border-radius)}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;flex:1;row-gap:var(--str-chat__spacing-1_5)}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end .str-chat__loading-channel-header-name{border-radius:var(--str-chat__border-radius-xs);height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*170)}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end .str-chat__loading-channel-header-info{border-radius:var(--str-chat__border-radius-xs);height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*66)}.str-chat__loading-channel .str-chat__loading-channel-message-list{padding:0 var(--str-chat__spacing-2);height:100%}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__li{margin-inline:calc(-1 * var(--str-chat__spacing-2));padding-inline:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__parent-message-li{margin-inline:calc(-1 * var(--str-chat__spacing-2))}@media only screen and (min-device-width: 768px){.str-chat__loading-channel .str-chat__loading-channel-message-list{padding:0 min(var(--str-chat__spacing-10),4%)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%));padding-inline:min(var(--str-chat__spacing-10),4%)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__parent-message-li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px)}}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message{display:flex;width:100%;column-gap:var(--str-chat__spacing-2);padding:var(--str-chat__spacing-4) 0}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-avatar{flex-shrink:0;width:calc(var(--str-chat__spacing-px)*49);height:calc(var(--str-chat__spacing-px)*49)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-end{display:flex;flex-direction:column;width:100%;row-gap:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-end .str-chat__loading-channel-message-last-row{display:flex;width:100%;column-gap:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-sender{height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*66)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-text{height:calc(var(--str-chat__spacing-px)*16);width:100%}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-date{height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*50)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2){flex-direction:row-reverse}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2) .str-chat__loading-channel-message-sender{align-self:end}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2) .str-chat__loading-channel-message-last-row{flex-direction:row-reverse}.str-chat__loading-channel .str-chat__loading-channel-message-input-row{display:flex;column-gap:var(--str-chat__spacing-2);padding:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-input{width:100%;height:calc(var(--str-chat__spacing-px)*36)}.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-send{height:calc(var(--str-chat__spacing-px)*36);width:calc(var(--str-chat__spacing-px)*36)}.str-chat__channel-header{display:flex;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);align-items:center}.str-chat__channel-header .str-chat__header-hamburger{display:none}.str-chat__channel-header .str-chat__channel-header-end{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;flex:1;row-gap:var(--str-chat__spacing-1_5)}.str-chat__channel-header .str-chat__channel-header-end p{margin:0}.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-title,.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-info{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-title{overflow-y:hidden}.str-chat__channel-list{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}.str-chat__channel-list .str-chat__channel-list-messenger{height:100%}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main{height:100%}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--str-chat__spacing-4)}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty svg{width:calc(var(--str-chat__spacing-px)*136);height:calc(var(--str-chat__spacing-px)*136)}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty-v1{display:none}.str-chat__channel-list .str-chat__load-more-button{display:flex;justify-content:center;margin:var(--str-chat__spacing-2) 0}.str-chat__channel-list .str-chat__load-more-button .str-chat__load-more-button__button{display:flex;align-items:center;justify-content:center}.str-chat__channel-list .str-chat__down-main{display:none}.str-chat__channel-list-react{overflow:hidden}.str-chat__channel-list-react .str-chat__channel-list-messenger-react{overflow:hidden;padding-bottom:var(--str-chat__spacing-2_5)}.str-chat__channel-list-react .str-chat__channel-list-messenger-react .str-chat__channel-list-messenger-react__main{overflow-y:auto}.str-chat__channel-preview{display:flex;column-gap:var(--str-chat__spacing-2);align-items:center;justify-content:flex-start;width:100%;padding:var(--str-chat__spacing-3) var(--str-chat__spacing-2);margin:0;text-align:start;cursor:pointer}.str-chat__channel-preview .str-chat__channel-preview-end{display:flex;flex-direction:column;row-gap:var(--str-chat__spacing-0_5);width:100%;overflow-y:visible;overflow-x:hidden;overflow-x:clip;min-width:0}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row{display:flex;column-gap:var(--str-chat__spacing-1);align-items:center}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row .str-chat__channel-preview-unread-badge{height:100%;display:flex;align-items:center;padding:0 var(--str-chat__spacing-2)}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row .str-chat__channel-preview-messenger--name{width:100%}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--name,.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--last-message{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;overflow-y:hidden;min-width:0}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--name p,.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--last-message p{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;margin:0}.str-chat__channel-preview-loading{display:flex;column-gap:var(--str-chat__spacing-2);align-items:center;justify-content:flex-start;width:100%;padding:var(--str-chat__spacing-3) var(--str-chat__spacing-2);margin:0;text-align:start}.str-chat__channel-preview-loading .str-chat__channel-preview-end-loading{display:flex;flex-direction:column;row-gap:var(--str-chat__spacing-0_5);width:100%}.str-chat__channel-preview-loading .str-chat__loading-channels-username{height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*66)}.str-chat__channel-preview-loading .str-chat__loading-channels-status{height:calc(var(--str-chat__spacing-px)*16);width:100%}.str-chat__channel-search{position:relative;display:flex;flex-direction:column;justify-content:center}.str-chat__channel-search.str-chat__channel-search--with-results.str-chat__channel-search--inline{height:100%}.str-chat__channel-search.str-chat__channel-search--inline{min-height:0}.str-chat__channel-search .str-chat__channel-search-bar{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2_5);height:65px}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-bar-button{outline:none;background:none;border:none;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);padding:var(--str-chat__spacing-2_5);cursor:pointer}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper{display:flex;align-items:center;flex:1;padding:var(--str-chat__spacing-2_5);min-width:0}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--icon,.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button{display:inline-flex;padding:0 var(--str-chat__spacing-2_5)}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button{outline:none;background:none;border:none;cursor:pointer}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button:disabled{cursor:default}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper input{flex:1;min-width:0}.str-chat__channel-search .str-chat__channel-search-container-searching{width:100%;padding:var(--str-chat__spacing-5) var(--str-chat__spacing-4)}.str-chat__channel-search .str-chat__channel-search-results-header{width:100%;padding:var(--str-chat__spacing-5) var(--str-chat__spacing-4)}.str-chat__channel-search .str-chat__channel-search-result-list{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.str-chat__channel-search .str-chat__channel-search-result-list.inline{flex:1}.str-chat__channel-search .str-chat__channel-search-result-list.popup{position:absolute;left:0;right:0;top:65px;height:400px;z-index:1}.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-container-empty{display:flex;flex-direction:column;align-items:center;width:100%;padding:var(--str-chat__spacing-5) var(--str-chat__spacing-4)}.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-container-empty svg{height:calc(var(--str-chat__spacing-px)*90 + var(--str-chat__spacing-20));width:calc(var(--str-chat__spacing-px)*90);padding:var(--str-chat__spacing-10) 0}.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-result{outline:none;background:none;border:none;display:flex;align-items:center;width:100%;column-gap:var(--str-chat__spacing-2);padding:var(--str-chat__spacing-3) var(--str-chat__spacing-2)}.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-result .channel-search__result-text,.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-result .str-chat__channel-search-result--display-name{overflow-y:hidden}.str-chat__cta-button{padding:var(--str-chat__spacing-3_5) var(--str-chat__spacing-6);cursor:pointer}.str-chat__circle-fab{width:calc(var(--str-chat__spacing-px)*42);height:calc(var(--str-chat__spacing-px)*42);padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center}.str-chat__circle-fab .str-chat__circle-fab-icon{display:inline-block;height:calc(var(--str-chat__spacing-px)*24)}.str-chat__edit-message-form{display:flex;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--str-chat__spacing-5);width:100%;height:100%;min-height:0;min-width:0;max-width:100%;max-height:100%}.str-chat__edit-message-form .str-chat__edit-message-form-options{display:flex;align-items:center;justify-content:flex-end}.str-chat__edit-message-form .str-chat__edit-message-form-options button{cursor:pointer;margin:0}.str-chat__message .str-chat__message-input-angular-host{max-height:100%;min-height:0;display:flex;min-width:0;max-width:100%}.str-chat__message .str-chat__message-edit-in-progress .str-chat__modal--open .str-chat__modal__inner{height:40%;max-height:80%;min-width:90%;max-width:90%;width:90%;flex-basis:min-content}@media only screen and (min-device-width: 768px){.str-chat__message .str-chat__message-edit-in-progress .str-chat__modal--open .str-chat__modal__inner{min-width:40%;max-width:60%;width:min-content}}.str-chat__image-carousel{display:flex;justify-content:center;align-items:center;min-height:0;min-width:0;max-width:100%;max-height:100%}.str-chat__image-carousel .str-chat__image-carousel-stepper{padding:var(--str-chat__spacing-2_5);border:none;cursor:pointer;background:rgba(0,0,0,0)}.str-chat__image-carousel .str-chat__image-carousel-image{object-fit:cover;min-height:0;max-height:100%;min-width:0;max-width:100%}.str-chat__message .str-chat__attachment-list .str-chat__modal--open .str-chat__modal__inner{height:80%;width:80%}[dir=rtl] .str-chat__image-carousel-stepper svg{transform:scale(-1, 1)}.str-chat__link-preview-list{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;margin-bottom:.75rem;padding-inline:.75rem}.str-chat__link-preview-card{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-around;gap:1rem}.str-chat__link-preview-card .str-chat__tooltip{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;display:block;max-width:calc(var(--str-chat__spacing-px)*250);padding-inline:.5rem}.str-chat__link-preview-card .str-chat__link-preview-card__icon-container{display:flex;align-items:center}.str-chat__link-preview-card .str-chat__link-preview-card__content{width:100%;min-width:0;flex:1;padding-inline:.5rem}.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-title,.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-description{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__link-preview-card .str-chat__link-preview-card__dismiss-button{outline:none;background:none;border:none;cursor:pointer}.str-chat__loading-indicator{display:flex;align-items:center;justify-content:center;animation:rotate 1s linear infinite}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.str-chat{--str-chat__message-options-button-size: calc(var(--str-chat__spacing-px) * 26);--str-chat__message-max-width: calc(var(--str-chat__spacing-px) * 480);--str-chat__message-with-attachment-max-width: calc(var(--str-chat__spacing-px) * 300);--str-chat__quoted-message-max-width: calc(var(--str-chat__spacing-px) * 180);--str-chat__quoted-message-inside-message-input-max-width: calc( var(--str-chat__spacing-px) * 200 );--str-chat__quoted-message-inside-message-input-max-height: calc( var(--str-chat__quoted-message-inside-message-input-max-width) + calc(var(--str-chat__spacing-px) * 50) )}.str-chat__message .str-chat__message-bubble{max-width:var(--str-chat__message-max-width)}.str-chat__message.str-chat__message--has-attachment{--str-chat__message-max-width: var(--str-chat__message-with-attachment-max-width)}.str-chat__message.str-chat__message--has-attachment .str-chat__message-bubble{max-width:var(--str-chat__message-max-width)}.str-chat__quoted-message-preview{--str-chat__message-max-width: var(--str-chat__quoted-message-max-width)}.str-chat__quoted-message-preview .str-chat__quoted-message-bubble{pointer-events:none;max-width:var(--str-chat__message-max-width)}.str-chat__message,.str-chat__quoted-message-preview{display:grid;word-wrap:break-word;word-break:break-word;hyphens:auto;overflow-wrap:break-word}.str-chat__message.str-chat__message--other,.str-chat__message.str-chat__quoted-message-preview,.str-chat__quoted-message-preview.str-chat__message--other,.str-chat__quoted-message-preview.str-chat__quoted-message-preview{grid-template-areas:"avatar message" ". replies" ". translation-notice" ". metadata";column-gap:var(--str-chat__spacing-2);grid-template-columns:auto 1fr;justify-items:start}.str-chat__message.str-chat__message--me,.str-chat__quoted-message-preview.str-chat__message--me{grid-template-areas:"message" "replies" "translation-notice" "metadata";justify-items:end}.str-chat__message.str-chat__message--me>.str-chat__message-sender-avatar,.str-chat__quoted-message-preview.str-chat__message--me>.str-chat__message-sender-avatar{display:none}.str-chat__message.str-chat__message--deleted,.str-chat__quoted-message-preview.str-chat__message--deleted{grid-template-areas:"message"}.str-chat__message.str-chat__message--system,.str-chat__quoted-message-preview.str-chat__message--system{grid-template-areas:"message";grid-template-columns:auto}.str-chat__message .str-chat__message-sender-avatar,.str-chat__quoted-message-preview .str-chat__message-sender-avatar{grid-area:avatar;align-self:end}.str-chat__message .str-chat__message-inner,.str-chat__quoted-message-preview .str-chat__message-inner{grid-area:message;display:grid;grid-template-areas:"reactions reactions" "message-bubble options";grid-template-columns:auto 1fr;column-gap:var(--str-chat__spacing-2);position:relative}.str-chat__message .str-chat__message-inner .str-chat__message-options,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options{grid-area:options;align-items:start;justify-content:flex-end;flex-direction:row-reverse;width:calc(3*var(--str-chat__message-options-button-size))}.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-reply-in-thread-button,.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-reactions-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-reply-in-thread-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-reactions-button{display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--str-chat__message-options-button-size);height:var(--str-chat__message-options-button-size)}.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-container,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-container{position:relative}.str-chat__message .str-chat__message-inner .str-chat__message-reactions-host,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-reactions-host{grid-area:reactions}.str-chat__message .str-chat__message-inner .str-chat__message-bubble,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble{grid-area:message-bubble;position:relative;min-width:0}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4)}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p{margin:0}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text .str-chat__message-text-inner,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text .str-chat__message-text-inner{overflow-y:hidden}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p{white-space:pre-line}.str-chat__message.str-chat__message--me .str-chat__message-inner,.str-chat__quoted-message-preview.str-chat__message--me .str-chat__message-inner{grid-template-areas:"reactions reactions" "options message-bubble";grid-template-columns:1fr auto}.str-chat__message.str-chat__message--me .str-chat__message-inner .str-chat__message-options,.str-chat__quoted-message-preview.str-chat__message--me .str-chat__message-inner .str-chat__message-options{flex-direction:row}.str-chat__message .str-chat__translation-notice,.str-chat__quoted-message-preview .str-chat__translation-notice{grid-area:translation-notice}.str-chat__message .str-chat__translation-notice button,.str-chat__quoted-message-preview .str-chat__translation-notice button{cursor:pointer;padding:var(--str-chat__spacing-1) 0;margin:0}.str-chat__message .str-chat__message-metadata,.str-chat__quoted-message-preview .str-chat__message-metadata{grid-area:metadata;display:flex;align-items:center;column-gap:var(--str-chat__spacing-1);margin-block-start:var(--str-chat__spacing-0_5)}.str-chat__message .str-chat__message-metadata .str-chat__message-simple-name,.str-chat__quoted-message-preview .str-chat__message-metadata .str-chat__message-simple-name{overflow-y:hidden}.str-chat__message .str-chat__message-status,.str-chat__quoted-message-preview .str-chat__message-status{display:flex;align-items:center;justify-content:center;column-gap:var(--str-chat__spacing-0_5);position:relative}.str-chat__message .str-chat__message-status svg,.str-chat__quoted-message-preview .str-chat__message-status svg{width:calc(var(--str-chat__spacing-px)*15);height:calc(var(--str-chat__spacing-px)*15)}.str-chat__message .str-chat__message-replies-count-button-wrapper,.str-chat__quoted-message-preview .str-chat__message-replies-count-button-wrapper{grid-area:replies}.str-chat__message .str-chat__message-replies-count-button-wrapper button,.str-chat__quoted-message-preview .str-chat__message-replies-count-button-wrapper button{cursor:pointer;padding:0}.str-chat__message .str-chat__message--deleted-inner,.str-chat__quoted-message-preview .str-chat__message--deleted-inner{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4)}.str-chat__message .str-chat__message--deleted-inner p,.str-chat__quoted-message-preview .str-chat__message--deleted-inner p{margin:0}.str-chat__message .str-chat__quoted-message-bubble,.str-chat__quoted-message-preview .str-chat__quoted-message-bubble{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4);display:flex;column-gap:var(--str-chat__spacing-1);min-width:0;width:100%}.str-chat__message .str-chat__quoted-message-bubble p,.str-chat__quoted-message-preview .str-chat__quoted-message-bubble p{margin:0}.str-chat__message .str-chat__emoji-display-fix,.str-chat__quoted-message-preview .str-chat__emoji-display-fix{display:inline-block;width:1.25em}.str-chat__message .str-chat__message-error-icon,.str-chat__quoted-message-preview .str-chat__message-error-icon{display:none}.str-chat__message .str-chat__simple-message--error-failed,.str-chat__quoted-message-preview .str-chat__simple-message--error-failed{cursor:pointer}.str-chat__message.str-chat__message--error .str-chat__message-error-icon,.str-chat__message.str-chat__message--failed .str-chat__message-error-icon,.str-chat__quoted-message-preview.str-chat__message--error .str-chat__message-error-icon,.str-chat__quoted-message-preview.str-chat__message--failed .str-chat__message-error-icon{display:block;position:absolute;bottom:0;inset-inline-end:calc(-1*(calc(var(--str-chat__spacing-px) * 18) / 2))}.str-chat__message.str-chat__message--error .str-chat__message-error-icon svg,.str-chat__message.str-chat__message--failed .str-chat__message-error-icon svg,.str-chat__quoted-message-preview.str-chat__message--error .str-chat__message-error-icon svg,.str-chat__quoted-message-preview.str-chat__message--failed .str-chat__message-error-icon svg{width:calc(var(--str-chat__spacing-px)*18);height:calc(var(--str-chat__spacing-px)*18)}.str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message-options,.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message-options{display:flex}.str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--other .str-chat__message-inner,.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--other .str-chat__message-inner{margin-inline-end:0}.str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--me .str-chat__message-inner,.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--me .str-chat__message-inner{margin-inline-start:0}.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message-inner:hover .str-chat__message-options,.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message-inner:hover .str-chat__message-options{display:flex}.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message--other .str-chat__message-inner:hover,.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message--other .str-chat__message-inner:hover{margin-inline-end:0}.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message--me .str-chat__message-inner:hover,.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message--me .str-chat__message-inner:hover{margin-inline-start:0}.str-chat__message-inner .str-chat__message-options{display:none}.str-chat__message-inner .str-chat__message-edit-in-progress.str-chat__message-options{display:flex}.str-chat__message--other .str-chat__message-inner{margin-inline-end:calc(var(--str-chat__message-options-button-size)*3)}.str-chat__message--me .str-chat__message-inner{margin-inline-start:calc(var(--str-chat__message-options-button-size)*3)}.str-chat__li--middle .str-chat__message,.str-chat__li--top .str-chat__message{margin-block-end:var(--str-chat__spacing-0_5)}.str-chat__li--middle .str-chat__message .str-chat__message-metadata,.str-chat__li--top .str-chat__message .str-chat__message-metadata{display:none}.str-chat__li--middle .str-chat__message>.str-chat__message-sender-avatar,.str-chat__li--top .str-chat__message>.str-chat__message-sender-avatar{visibility:hidden}.str-chat__li--bottom .str-chat__message,.str-chat__li--single .str-chat__message{margin-block-end:var(--str-chat__spacing-2)}.str-chat__date-separator{display:flex;padding:var(--str-chat__spacing-8);align-items:center}.str-chat__date-separator-line{flex:1;height:var(--str-chat__spacing-px)}.str-chat__date-separator>*:not(:last-child){margin-right:var(--str-chat__spacing-4)}.str-chat__message .str-chat__quoted-message-preview{margin-block-end:var(--str-chat__spacing-2)}.str-chat__message--system{width:100%;text-align:center}.str-chat__message--system p{margin:0}.str-chat__quoted-message-preview .str-chat__quoted-message-bubble{flex-direction:column;align-items:stretch;row-gap:var(--str-chat__spacing-1);flex-basis:min-content}.str-chat__message-input .str-chat__quoted-message-preview{--str-chat__message-max-width: var(--str-chat__quoted-message-inside-message-input-max-width)}.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble{max-height:var(--str-chat__quoted-message-inside-message-input-max-height)}.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble .str-chat__quoted-message-text{max-height:100%;min-height:0}.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble .str-chat__quoted-message-text p{max-height:100%;overflow-y:auto;overflow-x:hidden}.str-chat__message-actions-box{overflow:hidden}.str-chat__message-actions-box .str-chat__message-actions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;min-width:10rem}.str-chat__message-actions-box .str-chat__message-actions-list .str-chat__message-actions-list-item-button{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4);margin:0;cursor:pointer;width:100%;text-align:start}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular){display:none;position:absolute;z-index:1}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular).str-chat__message-actions-box--open{display:block}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular).str-chat__message-actions-box--mine{inset-block-end:100%;inset-inline-start:100%}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular):not(.str-chat__message-actions-box--mine){inset-block-end:100%;inset-inline-end:100%}.str-chat__message-edit-in-progress .ngxp__container{transform:initial !important;will-change:initial !important;z-index:initial}.str-chat__message-input{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:var(--str-chat__spacing-1) var(--str-chat__spacing-2);position:relative}.str-chat__message-input .str-chat__quoted-message-preview-header{display:flex;align-items:center;justify-content:center;width:100%}.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-reply-to-message{width:100%;text-align:center}.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-remove{width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);cursor:pointer}.str-chat__message-input .str-chat__dropzone-container{display:flex;align-items:center;justify-content:center;position:absolute;height:100%;width:100%;z-index:5}.str-chat__message-input .str-chat__dropzone-container p{margin:unset}.str-chat__message-input .str-chat__message-input-inner{flex-grow:1;width:100%;display:flex;align-items:center;justify-content:center}.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container{display:flex;align-items:center;justify-content:center;width:calc(var(--str-chat__spacing-px)*45);height:calc(var(--str-chat__spacing-px)*45);cursor:pointer}.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container .str-chat__file-input{display:none}.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container .str-chat__file-input-label{display:flex;align-items:center;justify-content:center;cursor:pointer}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;max-height:100%}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker{width:100%;min-height:0;max-height:100%;display:flex;padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4);column-gap:var(--str-chat__spacing-2)}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea{width:100%;display:flex;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:0}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker{display:flex;align-items:center;justify-content:center;width:calc(var(--str-chat__spacing-px)*27);height:calc(var(--str-chat__spacing-px)*27);font-size:calc(var(--str-chat__spacing-px)*27);align-self:end}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__message-textarea-emoji-picker-container{z-index:5}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__message-textarea-emoji-picker-container .str-chat__emoji-picker-container{display:flex}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button{padding:unset;background:unset;border:unset;border-radius:var(--str-chat__border-radius-circle);display:flex;cursor:pointer}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button svg{width:calc(var(--str-chat__spacing-px)*24);height:calc(var(--str-chat__spacing-px)*24)}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button svg path{fill:var(--str-chat__message-input-tools-color)}.str-chat__message-input .str-chat__message-textarea-angular-host{display:flex;align-items:center;justify-content:center;width:100%}.str-chat__message-input .str-chat__message-textarea-react-host{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.str-chat__message-input .str-chat__send-button{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;width:calc(var(--str-chat__spacing-px)*45);height:calc(var(--str-chat__spacing-px)*45);min-width:calc(var(--str-chat__spacing-px)*45)}.str-chat__message-input .str-chat__send-button svg{width:calc(var(--str-chat__spacing-px)*32);height:calc(var(--str-chat__spacing-px)*32)}.str-chat__message-input .str-chat__message-input-cooldown{display:flex;align-items:center;justify-content:center;margin-inline-start:var(--str-chat__spacing-2);margin-block:calc(var(--str-chat__spacing-2)/2);min-width:calc(calc(var(--str-chat__spacing-px) * 45) - var(--str-chat__spacing-2));min-height:calc(calc(var(--str-chat__spacing-px) * 45) - var(--str-chat__spacing-2))}.str-chat__message-input .str-chat__message-input-not-allowed{align-self:center;padding:var(--str-chat__spacing-3)}.str-chat__message-input .str-chat__quoted-message-preview{padding:var(--str-chat__spacing-2)}.str-chat__message-input-angular-host{max-height:50%}.str-chat-angular__message-input{height:100%;max-height:100%}.str-chat-angular__message-input-inner{height:100%;max-height:100%;min-height:0;flex-grow:initial}[dir=rtl] .str-chat__send-button svg{transform:scale(-1, 1)}.str-chat__main-panel-inner{height:100%;display:flex;flex-direction:column;min-height:0;position:relative;align-items:center}.str-chat__list{overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;width:100%;height:100%;max-height:100%}.str-chat__list .str-chat__message-list-scroll{padding:0 var(--str-chat__spacing-2)}.str-chat__list .str-chat__message-list-scroll .str-chat__li{margin-inline:calc(-1 * var(--str-chat__spacing-2));padding-inline:var(--str-chat__spacing-2)}.str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li{margin-inline:calc(-1 * var(--str-chat__spacing-2))}@media only screen and (min-device-width: 768px){.str-chat__list .str-chat__message-list-scroll{padding:0 min(var(--str-chat__spacing-10),4%)}.str-chat__list .str-chat__message-list-scroll .str-chat__li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%));padding-inline:min(var(--str-chat__spacing-10),4%)}.str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px)}}.str-chat__list .str-chat__message-list-scroll .str-chat__ul{list-style:none;padding:0;margin:0}.str-chat__list .str-chat__parent-message-li{padding-block-end:var(--str-chat__spacing-4);margin-block-end:var(--str-chat__spacing-4)}.str-chat__list .str-chat__parent-message-li .str-chat__thread-start{text-align:start;padding-top:var(--str-chat__spacing-3)}.str-chat__jump-to-latest-message{position:absolute;inset-block-end:var(--str-chat__spacing-4);inset-inline-end:var(--str-chat__spacing-2);z-index:2}.str-chat__jump-to-latest-message .str-chat__jump-to-latest-unread-count{position:absolute;padding:var(--str-chat__spacing-0_5) var(--str-chat__spacing-2);left:50%;transform:translateX(-50%) translateY(-100%)}.str-chat__thread .str-chat__main-panel-inner{height:auto}.str-chat__main-panel .str-chat__ul .str-chat__li:first-of-type{padding-top:4.5rem}.str-chat__main-panel .str-chat__ul .str-chat__date-separator+.str-chat__li:first-of-type{padding-top:inherit}.str-chat__virtual-list{overflow-x:hidden;overflow-y:auto;position:relative;flex:1;-webkit-overflow-scrolling:touch;margin:0;width:100%;height:100%}.str-chat__virtual-list .str-chat__message-list-scroll{overscroll-behavior:none}.str-chat__virtual-list .str-chat__message-list-scroll>div{padding:0 var(--str-chat__spacing-2)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__li{margin-inline:calc(-1 * var(--str-chat__spacing-2));padding-inline:var(--str-chat__spacing-2)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__parent-message-li{margin-inline:calc(-1 * var(--str-chat__spacing-2))}@media only screen and (min-device-width: 768px){.str-chat__virtual-list .str-chat__message-list-scroll>div{padding:0 min(var(--str-chat__spacing-10),4%)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%));padding-inline:min(var(--str-chat__spacing-10),4%)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__parent-message-li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px)}}.str-chat__virtual-list .str-chat__parent-message-li{padding-block-end:var(--str-chat__spacing-4)}.str-chat__virtual-list .str-chat__parent-message-li .str-chat__thread-start{text-align:start;padding-top:var(--str-chat__spacing-3)}.str-chat__virtual-list__loading{display:flex;padding-top:var(--str-chat__spacing-2);justify-content:center;width:100%;position:absolute}.str-chat__virtual-list p{margin:0 !important}.str-chat__virtual-list p a{white-space:pre-line;overflow:hidden;word-wrap:break-word}.str-chat__virtual-list .str-chat__message{margin-block-end:0 !important}.str-chat__virtual-list .str-chat__virtual-list-message-wrapper{padding-block-end:var(--str-chat__spacing-0_5)}.str-chat__thread--virtualized .str-chat__main-panel-inner{height:100%}.str-chat__thread--virtualized .str-chat__main-panel-inner .str-chat__virtual-list-message-wrapper:first-of-type{padding-block-start:var(--str-chat__spacing-4)}.str-chat__message-reactions-container{display:flex}.str-chat__message-reactions-container .str-chat__message-reactions{list-style:none;display:flex;margin-block-start:var(--str-chat__spacing-0_5);margin-block-end:var(--str-chat__spacing-0_5);column-gap:var(--str-chat__spacing-0_5);width:fit-content;padding:0;position:relative}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction{display:flex;justify-content:center;align-items:center;padding:var(--str-chat__spacing-1_5);position:relative}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction button{outline:none;background:none;border:none;display:flex;align-items:center;justify-content:center;padding:0}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction .str-chat__message-reaction-emoji{height:calc(var(--str-chat__spacing-px)*13);display:flex !important;align-items:center;justify-content:center}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__reaction-list--counter,.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__simple-reactions-list-item--last-number{display:none}.str-chat__message--me .str-chat__message-reactions-container{justify-content:flex-end}.str-chat__message--other .str-chat__message-reactions-container{justify-content:flex-start}.str-chat__message-reaction-selector{display:flex;justify-content:flex-end;position:absolute;inset-block-end:100%}.str-chat__message-reaction-selector .str-chat__message-reactions-options{list-style:none;display:flex;margin-block-end:var(--str-chat__spacing-0_5);width:fit-content;column-gap:var(--str-chat__spacing-1);padding:var(--str-chat__spacing-2)}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option{display:flex;align-items:center;justify-content:center;cursor:pointer;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40)}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option .str-chat__message-reaction-emoji{height:calc(var(--str-chat__spacing-px)*20);display:flex !important;align-items:center;justify-content:center}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-last-user{display:none}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-list-item__count{display:none}.str-chat__message--me .str-chat__message-reaction-selector{inset-inline-end:0}.str-chat__message--other .str-chat__message-reaction-selector{inset-inline-start:0}.str-chat__modal--open{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:100}.str-chat__modal--open button.str-chat__modal__close-button{padding:unset;background:unset;border:unset;border-radius:var(--str-chat__border-radius-circle);margin:var(--str-chat__spacing-2);cursor:pointer}.str-chat__modal--open .str-chat__modal__close-button{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2);position:absolute;inset-block-start:0;inset-inline-end:0;cursor:pointer}.str-chat__modal--open .str-chat__modal__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--str-chat__spacing-8) var(--str-chat__spacing-4);width:40%;min-width:0;min-height:0}.str-chat__modal--close{display:none}.str-chat__message-notification{display:block;position:absolute;align-self:center;padding:var(--str-chat__spacing-1) var(--str-chat__spacing-2);bottom:calc(var(--str-chat__spacing-px)*10);z-index:101}.str-chat__list-notifications{position:relative}.str-chat__list-notifications{display:flex;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--str-chat__spacing-1);margin:var(--str-chat__spacing-1_5);width:auto}.str-chat__notification{padding:var(--str-chat__spacing-3_5) var(--str-chat__spacing-4)}.str-chat-react__notification{z-index:101}.str-chat__thread-container{height:100%;display:flex;flex-direction:column;width:100%}.str-chat__thread-container .str-chat__thread-header{display:flex;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);align-items:center}.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;flex:1;row-gap:var(--str-chat__spacing-1_5)}.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-name,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-reply-count,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-channel-name,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-subtitle,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-subtitle{overflow-y:hidden}.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button{display:flex;align-items:flex-start;justify-content:flex-end;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);cursor:pointer;line-height:calc(var(--str-chat__spacing-px)*21);font-size:calc(var(--str-chat__spacing-px)*21)}.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button svg{height:calc(var(--str-chat__spacing-px)*21);width:calc(var(--str-chat__spacing-px)*21)}.str-chat__thread-container .str-chat__thread-list{height:auto}.str-chat__main-panel--hideOnThread+.str-chat__thread-container{flex:1}.str-chat__parent-message-li{padding:var(--str-chat__spacing-2)}.str-chat__tooltip{overflow-y:hidden;display:flex;padding:var(--str-chat__spacing-2);z-index:1;max-width:calc(var(--str-chat__spacing-px)*150);width:max-content}.str-chat__typing-indicator-react-host{position:static !important}.str-chat__virtual-list .str-chat__typing-indicator{position:static}.str-chat__typing-indicator{padding:var(--str-chat__spacing-1_5);display:flex;justify-content:flex-start;align-items:center;column-gap:var(--str-chat__spacing-1);position:absolute;inset-block-end:0;inset-inline-start:0;inset-inline-end:0}.str-chat__typing-indicator .str-chat__typing-indicator__dots{display:flex;align-items:center;justify-content:center;column-gap:var(--str-chat__spacing-0_5)}.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot{width:calc(var(--str-chat__spacing-px)*4);height:calc(var(--str-chat__spacing-px)*4)}

package/dist/index.cjs.js

@@ -296,6 +296,15 @@ var Modal = function (_a) {
         React__default["default"].createElement("div", { className: 'str-chat__modal__inner str-chat-react__modal__inner', ref: innerRef }, children)));
 };
 
+var onError = function (e) {
+    // Prevent having alt attribute on img as the img takes the height of the alt text
+    // instead of the CSS / element width & height when the CSS mask (fallback) is applied.
+    e.target.alt = '';
+};
+var renderItem = function (_a) {
+    var original = _a.original, originalAlt = _a.originalAlt;
+    return (React__default["default"].createElement(BaseImage, { alt: originalAlt, className: 'image-gallery-image', onError: onError, src: original }));
+};
 var ModalGallery = function (props) {
     var images = props.images, index = props.index;
     var t = icons.useTranslationContext('ModalGallery').t;
@@ -309,7 +318,7 @@ var ModalGallery = function (props) {
             };
         });
     }, [images]);
-    return (React__default["default"].createElement(ImageGallery__default["default"], { items: formattedArray, showIndex: true, showPlayButton: false, showThumbnails: false, startIndex: index }));
+    return (React__default["default"].createElement(ImageGallery__default["default"], { items: formattedArray, renderItem: renderItem, showIndex: true, showPlayButton: false, showThumbnails: false, startIndex: index }));
 };
 
 var UnMemoizedGallery = function (props) {
@@ -31289,6 +31298,7 @@ class ReactTextareaAutocomplete extends React__default["default"].Component {
       currentTrigger: null,
       data: null,
       dataLoading: false,
+      isComposing: false,
       left: null,
       selectionEnd: 0,
       selectionStart: 0,
@@ -31339,22 +31349,23 @@ class ReactTextareaAutocomplete extends React__default["default"].Component {
       SuggestionItem,
       SuggestionList = List
     } = this.props;
+    const {
+      isComposing
+    } = this.state;
     const triggerProps = this.getTriggerProps();
-    if (triggerProps.values && triggerProps.currentTrigger && !(disableMentions && triggerProps.currentTrigger === '@')) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: clsx('rta__autocomplete', 'str-chat__suggestion-list-container', dropdownClassName),
-        ref: this.setDropdownRef,
-        style: dropdownStyle
-      }, /*#__PURE__*/React__default["default"].createElement(SuggestionList, _extends__default["default"]({
-        className: clsx('str-chat__suggestion-list', listClassName),
-        dropdownScroll: this._dropdownScroll,
-        itemClassName: clsx('str-chat__suggestion-list-item', itemClassName),
-        itemStyle: itemStyle,
-        onSelect: this._onSelect,
-        SuggestionItem: SuggestionItem
-      }, triggerProps)));
-    }
-    return null;
+    if (isComposing || !triggerProps.values || !triggerProps.currentTrigger || disableMentions && triggerProps.currentTrigger === '@') return null;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: clsx('rta__autocomplete', 'str-chat__suggestion-list-container', dropdownClassName),
+      ref: this.setDropdownRef,
+      style: dropdownStyle
+    }, /*#__PURE__*/React__default["default"].createElement(SuggestionList, _extends__default["default"]({
+      className: clsx('str-chat__suggestion-list', listClassName),
+      dropdownScroll: this._dropdownScroll,
+      itemClassName: clsx('str-chat__suggestion-list-item', itemClassName),
+      itemStyle: itemStyle,
+      onSelect: this._onSelect,
+      SuggestionItem: SuggestionItem
+    }, triggerProps)));
   }
   render() {
     const {
@@ -31408,6 +31419,14 @@ class ReactTextareaAutocomplete extends React__default["default"].Component {
         this._onClickAndBlurHandler(e);
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
       },
+      onCompositionEnd: () => this.setState(pv => ({
+        ...pv,
+        isComposing: false
+      })),
+      onCompositionStart: () => this.setState(pv => ({
+        ...pv,
+        isComposing: true
+      })),
       onFocus: e => {
         var _this$props$onFocus, _this$props;
         (_this$props$onFocus = (_this$props = this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props, e);
@@ -32611,19 +32630,22 @@ var FilePreviewItem = function (_a) {
 };
 
 var CooldownTimer = function (_a) {
-    var cooldownInterval = _a.cooldownInterval, setCooldownRemaining = _a.setCooldownRemaining;
-    var _b = React.useState(cooldownInterval), seconds = _b[0], setSeconds = _b[1];
+    var cooldownInterval = _a.cooldownInterval;
+    var _b = React.useState(), seconds = _b[0], setSeconds = _b[1];
     React.useEffect(function () {
-        var countdownInterval = setInterval(function () {
-            if (seconds > 0) {
+        var countdownTimeout;
+        if (typeof seconds === 'number' && seconds > 0) {
+            countdownTimeout = setTimeout(function () {
                 setSeconds(seconds - 1);
-            }
-            else {
-                setCooldownRemaining(0);
-            }
-        }, 1000);
-        return function () { return clearInterval(countdownInterval); };
-    });
+            }, 1000);
+        }
+        return function () {
+            clearTimeout(countdownTimeout);
+        };
+    }, [seconds]);
+    React.useEffect(function () {
+        setSeconds(cooldownInterval !== null && cooldownInterval !== void 0 ? cooldownInterval : 0);
+    }, [cooldownInterval]);
     return (React__default["default"].createElement("div", { className: 'str-chat__message-input-cooldown', "data-testid": 'cooldown-timer' }, seconds));
 };
 
@@ -33353,11 +33375,20 @@ var useCooldownTimer = function () {
             ? // prevent negative values
                 Math.max(0, (new Date().getTime() - ownLatestMessageDate.getTime()) / 1000)
             : undefined;
-        setCooldownRemaining(!skipCooldown &&
+        var remaining = !skipCooldown &&
             typeof timeSinceOwnLastMessage !== 'undefined' &&
             cooldownInterval > timeSinceOwnLastMessage
             ? Math.round(cooldownInterval - timeSinceOwnLastMessage)
-            : 0);
+            : 0;
+        setCooldownRemaining(remaining);
+        if (!remaining)
+            return;
+        var timeout = setTimeout(function () {
+            setCooldownRemaining(0);
+        }, remaining * 1000);
+        return function () {
+            clearTimeout(timeout);
+        };
     }, [cooldownInterval, ownLatestMessageDate, skipCooldown]);
     return {
         cooldownInterval: cooldownInterval,
@@ -35276,9 +35307,9 @@ var ChannelInner = function (props) {
     var markReadThrottled = throttle__default["default"](markRead, 500, { leading: true, trailing: true });
     var handleEvent = function (event) { return icons.__awaiter(void 0, void 0, void 0, function () {
         var mainChannelUpdated, unread, messageDate, cid, oldestID;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        return icons.__generator(this, function (_m) {
-            switch (_m.label) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        return icons.__generator(this, function (_k) {
+            switch (_k.label) {
                 case 0:
                     if (event.message) {
                         dispatch({
@@ -35300,7 +35331,7 @@ var ChannelInner = function (props) {
                         if (((_a = event.message) === null || _a === void 0 ? void 0 : _a.parent_id) && !((_b = event.message) === null || _b === void 0 ? void 0 : _b.show_in_channel)) {
                             mainChannelUpdated = false;
                         }
-                        if (mainChannelUpdated && ((_d = (_c = event.message) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.id) !== client.userID) {
+                        if (mainChannelUpdated) {
                             if (!document.hidden) {
                                 markReadThrottled();
                             }
@@ -35314,9 +35345,9 @@ var ChannelInner = function (props) {
                                 }
                             }
                         }
-                        if (((_f = (_e = event.message) === null || _e === void 0 ? void 0 : _e.user) === null || _f === void 0 ? void 0 : _f.id) === client.userID &&
-                            ((_g = event === null || event === void 0 ? void 0 : event.message) === null || _g === void 0 ? void 0 : _g.created_at) &&
-                            ((_h = event === null || event === void 0 ? void 0 : event.message) === null || _h === void 0 ? void 0 : _h.cid)) {
+                        if (((_d = (_c = event.message) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.id) === client.userID &&
+                            ((_e = event === null || event === void 0 ? void 0 : event.message) === null || _e === void 0 ? void 0 : _e.created_at) &&
+                            ((_f = event === null || event === void 0 ? void 0 : event.message) === null || _f === void 0 ? void 0 : _f.cid)) {
                             messageDate = new Date(event.message.created_at);
                             cid = event.message.cid;
                             if (!latestMessageDatesByChannels[cid] ||
@@ -35326,7 +35357,7 @@ var ChannelInner = function (props) {
                         }
                     }
                     if (!(event.type === 'user.deleted')) return [3 /*break*/, 2];
-                    oldestID = (_l = (_k = (_j = channel.state) === null || _j === void 0 ? void 0 : _j.messages) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.id;
+                    oldestID = (_j = (_h = (_g = channel.state) === null || _g === void 0 ? void 0 : _g.messages) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.id;
                     /**
                      * As the channel state is not normalized we re-fetch the channel data. Thus, we avoid having to search for user references in the channel state.
                      */
@@ -35340,8 +35371,8 @@ var ChannelInner = function (props) {
                      * As the channel state is not normalized we re-fetch the channel data. Thus, we avoid having to search for user references in the channel state.
                      */
                     // FIXME: we should use channelQueryOptions if they are available
-                    _m.sent();
-                    _m.label = 2;
+                    _k.sent();
+                    _k.label = 2;
                 case 2:
                     throttledCopyStateFromChannel();
                     return [2 /*return*/];
@@ -35403,6 +35434,13 @@ var ChannelInner = function (props) {
                                 hasMore: hasMoreMessagesProbably(channel.state.messages.length, (_e = (_d = channelQueryOptions === null || channelQueryOptions === void 0 ? void 0 : channelQueryOptions.messages) === null || _d === void 0 ? void 0 : _d.limit) !== null && _e !== void 0 ? _e : DEFAULT_INITIAL_CHANNEL_PAGE_SIZE),
                                 type: 'initStateFromChannel',
                             });
+                            /**
+                             * TODO: maybe pass last_read to the countUnread method to get proper value
+                             * combined with channel.countUnread adjustment (_countMessageAsUnread)
+                             * to allow counting own messages too
+                             *
+                             * const lastRead = channel.state.read[client.userID as string].last_read;
+                             */
                             if (channel.countUnread() > 0)
                                 markRead();
                             // The more complex sync logic is done in Chat
@@ -37186,7 +37224,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '11.1.1';
+var version = '11.1.2';
 
 var useChat = function (_a) {
     var _b, _c;

package/dist/scss/v2/AttachmentList/AttachmentList-layout.scss

@@ -191,6 +191,7 @@
       .str-chat__gallery-image {
         padding: 0;
         margin: 0;
+        position: relative;
 
         img {
           width: 100%;

package/dist/scss/v2/vendor/react-image-gallery.scss

@@ -127,6 +127,9 @@ $ig-shadow: 0 2px 2px lighten($ig-black, 10%);
   @include vendor-prefix('user-select', none);
   -webkit-tap-highlight-color: $ig-transparent;
   position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 
   &.fullscreen-modal {
     background: $ig-black;
@@ -151,6 +154,22 @@ $ig-shadow: 0 2px 2px lighten($ig-black, 10%);
   line-height: 0;
   top: 0;
 
+  .image-gallery-slide {
+    background-color: var(--str-chat__secondary-surface-color);
+
+    .str-chat__base-image--load-failed {
+      height: var(--str-chat__attachment-max-width);
+      width: var(--str-chat__attachment-max-width);
+      font-size: 0;
+    }
+
+    .str-chat__message-attachment-file--item-download {
+      position: absolute;
+      left: 0.375rem;
+      top: 0.375rem;
+    }
+  }
+
   &.fullscreen {
     background: $ig-black;
 

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "11.1.1";
+export declare const version = "11.1.2";
 //# sourceMappingURL=version.d.ts.map