npm - stream-chat-react - Versions diffs - 11.4.0 → 11.6.0 - Mend

stream-chat-react 11.4.0 → 11.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (151) hide show

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

	@@ -1 +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;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(3var(--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)}
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;padding:0 !important;box-shadow:none !important;border-color:rgba(0,0,0,0) !important}.str-chat .ngxp__container .ngxp__arrow{color:rgba(0,0,0,0);width:100%}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);min-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%}.str-chat__message-textarea-angular-host{position:relative}.str-chat__message-textarea-angular-host mention-list{width:100%}.str-chat__message-textarea-angular-host .mention-menu{padding:var(--str-chat__spacing-2) 0 !important;margin:0 !important;max-width:100%}.str-chat__message-textarea-angular-host .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" ". custom-metadata" ". 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" "custom-metadata" "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(3var(--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__custom-message-metadata,.str-chat__quoted-message-preview .str-chat__custom-message-metadata{grid-area:custom-metadata;margin-block-start:var(--str-chat__spacing-0_5)}.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:not(:has(.str-chat__reaction-list:hover,.str-chat__modal--open)) .str-chat__message-options,.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover:not(:has(.str-chat__reaction-list:hover,.str-chat__modal--open)) .str-chat__message-options{display:flex}.str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover:not(:has(.str-chat__reaction-list:hover,.str-chat__modal--open)) .str-chat__message--other .str-chat__message-inner,.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover:not(:has(.str-chat__reaction-list:hover,.str-chat__modal--open)) .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:not(:has(.str-chat__reaction-list:hover,.str-chat__modal--open)) .str-chat__message--me .str-chat__message-inner,.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover:not(:has(.str-chat__reaction-list:hover,.str-chat__modal--open)) .str-chat__message--me .str-chat__message-inner{margin-inline-start:0}@supports not selector(:has(a, b)){.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,.str-chat__message-inner .str-chat__message-actions-open.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__unread-messages-separator-wrapper{padding-block:.5rem}.str-chat__unread-messages-separator-wrapper .str-chat__unread-messages-separator{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem}.str-chat__unread-messages-notification{position:absolute;top:.75rem;z-index:2;display:flex;align-items:center;overflow:clip}.str-chat__unread-messages-notification button{padding-block:.5rem;height:100%;width:100%;white-space:nowrap}.str-chat__unread-messages-notification button:first-of-type{padding-inline:.75rem .375rem}.str-chat__unread-messages-notification button:last-of-type{padding-inline:.375rem .75rem}.str-chat__unread-messages-notification button:last-of-type svg{width:.875rem}.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;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-edit-in-progress .ngxp__container{transform:initial !important;will-change:initial !important;z-index:initial}.str-chat__message-bounce-options{display:flex;flex-direction:column;gap:var(--str-chat__spacing-9)}.str-chat__message-bounce-options .str-chat__message-bounce-actions{display:flex;flex-direction:column;gap:var(--str-chat__spacing-2)}.str-chat__message-bounce-options .str-chat__message-bounce-edit,.str-chat__message-bounce-options .str-chat__message-bounce-send,.str-chat__message-bounce-options .str-chat__message-bounce-delete{cursor:pointer;padding:var(--str-chat__spacing-2)}.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{overflow-y:hidden;overflow-x:auto;scrollbar-width:none;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;cursor:pointer;flex-shrink:0}.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-reactions-details-modal .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-reactions-details-modal .str-chat__modal--open .str-chat__modal__inner{min-width:40%;max-width:60%;width:min-content}}.str-chat__message-reactions-details{width:100%;display:flex;flex-direction:column;gap:var(--str-chat__spacing-4);max-height:100%;height:100%;min-height:0}.str-chat__message-reactions-details .str-chat__message-reactions-details-reaction-types{display:flex;max-width:100%;width:100%;min-width:0;overflow-x:auto;gap:var(--str-chat__spacing-4);display:flex;align-items:center;flex-shrink:0}.str-chat__message-reactions-details .str-chat__message-reactions-details-reaction-types .str-chat__message-reactions-details-reaction-type{display:flex;align-items:center;padding:var(--str-chat__spacing-1) 0;flex-shrink:0;cursor:pointer}.str-chat__message-reactions-details .str-chat__message-reaction-emoji-big{align-self:center;font-size:2rem}.str-chat__message-reactions-details .str-chat__message-reactions-details-reacting-users{display:flex;flex-direction:column;gap:var(--str-chat__spacing-3);max-height:100%;overflow-y:auto;min-height:0}.str-chat__message-reactions-details .str-chat__message-reactions-details-reacting-users .str-chat__message-reactions-details-reacting-user{display:flex;align-items:center;gap:var(--str-chat__spacing-2)}.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/i18n/Streami18n.d.ts CHANGED Viewed

@@ -145,6 +145,8 @@ export declare class Streami18n {
                 "Error adding flag": string;
                 "Error connecting to chat, refresh the page to try again.": string;
                 "Error deleting message": string;
+                "Error fetching reactions": string;
+                "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": string;
                 "Error muting a user ...": string;
                 "Error pinning message": string;
                 "Error removing message pin": string;
@@ -153,15 +155,18 @@ export declare class Streami18n {
                 "Error uploading image": string;
                 "Error \u00B7 Unsent": string;
                 "Error: {{ errorMessage }}": string;
+                "Failed to jump to the first unread message": string;
                 Flag: string;
                 "Latest Messages": string;
                 "Load more": string;
+                "Mark as unread": string;
                 Menu: string;
                 "Message Failed \u00B7 Click to try again": string;
                 "Message Failed \u00B7 Unauthorized": string;
                 "Message deleted": string;
                 "Message has been successfully flagged": string;
                 "Message pinned": string;
+                "Messages have been marked unread.": string;
                 Mute: string;
                 New: string;
                 "New Messages!": string;
@@ -187,6 +192,7 @@ export declare class Streami18n {
                 "Type your message": string;
                 Unmute: string;
                 Unpin: string;
+                "Unread messages": string;
                 "Upload type: \"{{ type }}\" is not allowed": string;
                 "User uploaded content": string;
                 "Wait until all attachments have uploaded": string;
@@ -198,6 +204,8 @@ export declare class Streami18n {
                 searchResultsCount_one: string;
                 searchResultsCount_other: string;
                 "this content could not be displayed": string;
+                unreadMessagesSeparatorText_one: string;
+                unreadMessagesSeparatorText_other: string;
                 "{{ commaSeparatedUsers }} and {{ moreCount }} more": string;
                 "{{ commaSeparatedUsers }}, and {{ lastUser }}": string;
                 "{{ firstUser }} and {{ secondUser }}": string;
@@ -209,6 +217,8 @@ export declare class Streami18n {
                 "{{ users }} and more are typing...": string;
                 "{{ users }} and {{ user }} are typing...": string;
                 "{{ watcherCount }} online": string;
+                "{{count}} unread_one": string;
+                "{{count}} unread_other": string;
                 "\uD83C\uDFD9 Attachment...": string;
             } | UnknownType;
         };

package/dist/i18n/Streami18n.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Streami18n.d.ts","sourceRoot":"","sources":["../../src/i18n/Streami18n.ts"],"names":[],"mappings":"AAAA,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,cAAc,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAEL,cAAc,EAWf,MAAM,gBAAgB,CAAC;AAKxB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AAIzB,OAAO,iBAAiB,CAAC;AAEzB,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AA+KF,KAAK,oBAAoB,GAAG,OAAO,KAAK,GAAG,OAAO,cAAc,CAAC;AAWjE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,4BAA4B,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACtF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAC,OAAO,cAAc,CAAC,CAAC;CAC1D,CAAC;AAmKF,eAAO,MAAM,yBAAyB,EAAE,SAAmD,CAAC;AAE5F,qBAAa,UAAU;IACrB,YAAY,yBAAyB;IACrC,KAAK,OAAQ;IACb,mBAAmB,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAc;IACzD,WAAW,UAAS;IAEpB,CAAC,EAAE,SAAS,CAA6B;IACzC,eAAe,EAAE,eAAe,CAAC;IAEjC,YAAY,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,cAAc,GAAG,WAAW,CAAC;SACpD,CAAC;KACH,CAaC;IAEF;;;;;SAKK;IACL,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,CAAM;IAGvD;;OAEG;IACH,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,eAAe,EAAE,oBAAoB,CAAC;IACtC,cAAc,EAAE,oBAAoB,CAAC;IACrC,sBAAsB,EAAE,OAAO,CAAC;IAChC,aAAa,EAAE;QACb,KAAK,EAAE,OAAO,CAAC;QACf,WAAW,EAAE,KAAK,CAAC;QACnB,aAAa,EAAE;YAAE,WAAW,EAAE,OAAO,CAAA;SAAE,CAAC;QACxC,YAAY,EAAE,KAAK,CAAC;QACpB,GAAG,EAAE,MAAM,CAAC;QACZ,WAAW,EAAE,KAAK,CAAC;QACnB,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;KACzE,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;gBACS,OAAO,GAAE,iBAAsB;IA+F3C;;OAEG;IACG,IAAI;;;;IAoBV,YAAY,aAAc,oBAAoB,aAI5C;IAEF,uBAAuB,aAWrB;IAEF,qEAAqE;IACrE,cAAc,+BAA2B;IAEzC,2CAA2C;IAC3C,qBAAqB,iBAAwC;IAE7D,uEAAuE;IACvE,eAAe~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~MAA2B;IAE1C;;OAEG;IACG,cAAc;;;;IAepB,mBAAmB,CACjB,QAAQ,EAAE,oBAAoB,EAC9B,WAAW,EAAE,OAAO,cAAc,EAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC;IA+BtC,iBAAiB,CAAC,GAAG,EAAE,oBAAoB,EAAE,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC;IAS/D,WAAW,CAAC,QAAQ,EAAE,oBAAoB;IAmBhD,2BAA2B,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI;CAG7D"}
1	+ {"version":3,"file":"Streami18n.d.ts","sourceRoot":"","sources":["../../src/i18n/Streami18n.ts"],"names":[],"mappings":"AAAA,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,cAAc,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAEL,cAAc,EAWf,MAAM,gBAAgB,CAAC;AAKxB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AAIzB,OAAO,iBAAiB,CAAC;AAEzB,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AA+KF,KAAK,oBAAoB,GAAG,OAAO,KAAK,GAAG,OAAO,cAAc,CAAC;AAWjE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,4BAA4B,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,oBAAoB,CAAA;KAAE,CAAC;IACtF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAC,OAAO,cAAc,CAAC,CAAC;CAC1D,CAAC;AAmKF,eAAO,MAAM,yBAAyB,EAAE,SAAmD,CAAC;AAE5F,qBAAa,UAAU;IACrB,YAAY,yBAAyB;IACrC,KAAK,OAAQ;IACb,mBAAmB,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAc;IACzD,WAAW,UAAS;IAEpB,CAAC,EAAE,SAAS,CAA6B;IACzC,eAAe,EAAE,eAAe,CAAC;IAEjC,YAAY,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,cAAc,GAAG,WAAW,CAAC;SACpD,CAAC;KACH,CAaC;IAEF;;;;;SAKK;IACL,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,CAAM;IAGvD;;OAEG;IACH,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,eAAe,EAAE,oBAAoB,CAAC;IACtC,cAAc,EAAE,oBAAoB,CAAC;IACrC,sBAAsB,EAAE,OAAO,CAAC;IAChC,aAAa,EAAE;QACb,KAAK,EAAE,OAAO,CAAC;QACf,WAAW,EAAE,KAAK,CAAC;QACnB,aAAa,EAAE;YAAE,WAAW,EAAE,OAAO,CAAA;SAAE,CAAC;QACxC,YAAY,EAAE,KAAK,CAAC;QACpB,GAAG,EAAE,MAAM,CAAC;QACZ,WAAW,EAAE,KAAK,CAAC;QACnB,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;KACzE,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;gBACS,OAAO,GAAE,iBAAsB;IA+F3C;;OAEG;IACG,IAAI;;;;IAoBV,YAAY,aAAc,oBAAoB,aAI5C;IAEF,uBAAuB,aAWrB;IAEF,qEAAqE;IACrE,cAAc,+BAA2B;IAEzC,2CAA2C;IAC3C,qBAAqB,iBAAwC;IAE7D,uEAAuE;IACvE,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAA2B;IAE1C;;OAEG;IACG,cAAc;;;;IAepB,mBAAmB,CACjB,QAAQ,EAAE,oBAAoB,EAC9B,WAAW,EAAE,OAAO,cAAc,EAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC;IA+BtC,iBAAiB,CAAC,GAAG,EAAE,oBAAoB,EAAE,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC;IAS/D,WAAW,CAAC,QAAQ,EAAE,oBAAoB;IAmBhD,2BAA2B,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI;CAG7D"}

package/dist/i18n/de.json CHANGED Viewed

@@ -17,6 +17,8 @@
     "Error adding flag": "Fehler beim Hinzufügen des Flags",
     "Error connecting to chat, refresh the page to try again.": "Verbindungsfehler zum Chat, Aktualisiere die Seite um es erneut zu versuchen.",
     "Error deleting message": "Fehler beim Löschen der Nachricht",
+    "Error fetching reactions": "Fehler beim Laden von Reaktionen",
+    "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "Fehler beim Markieren der Nachricht als ungelesen. Kann keine älteren ungelesenen Nachrichten markieren als die neuesten 100 Kanalnachrichten.",
     "Error muting a user ...": "Fehler beim Stummschalten eines Nutzers.",
     "Error pinning message": "Fehler beim Pinnen der Nachricht",
     "Error removing message pin": "Fehler beim Entfernen der gepinnten Nachricht",
@@ -25,15 +27,18 @@
     "Error uploading image": "Hochladen des Bildes fehlgeschlagen",
     "Error · Unsent": "Fehler nicht gesendet",
     "Error: {{ errorMessage }}": "Fehler: {{ errorMessage }}",
+    "Failed to jump to the first unread message": "Fehler beim Springen zur ersten ungelesenen Nachricht",
     "Flag": "Meldung",
     "Latest Messages": "Neueste Nachrichten",
     "Load more": "Mehr laden",
+    "Mark as unread": "Als ungelesen markieren",
     "Menu": "Menü",
     "Message Failed · Click to try again": "Nachricht fehlgeschlagen · Klicken, um es erneut zu versuchen",
     "Message Failed · Unauthorized": "Nachricht fehlgeschlagen · Nicht autorisiert",
     "Message deleted": "Nachricht gelöscht",
     "Message has been successfully flagged": "Nachricht wurde erfolgreich gemeldet",
     "Message pinned": "Nachricht gepinnt",
+    "Messages have been marked unread.": "Nachrichten wurden als ungelesen markiert.",
     "Mute": "Stumm schalten",
     "New": "Neu",
     "New Messages!": "Neue Nachrichten!",
@@ -59,6 +64,7 @@
     "Type your message": "Nachricht eingeben",
     "Unmute": "Stummschaltung aufheben",
     "Unpin": "Pin entfernen",
+    "Unread messages": "Ungelesene Nachrichten",
     "Upload type: \"{{ type }}\" is not allowed": "Upload-Typ: \"{{ type }}\" ist nicht erlaubt",
     "User uploaded content": "Benutzer hochgeladenen Inhalts",
     "Wait until all attachments have uploaded": "Bitte warten, bis alle Anhänge hochgeladen wurden",
@@ -80,6 +86,8 @@
     "unban-command-description": "Einen Benutzer entbannen",
     "unmute-command-args": "[@Benutzername]",
     "unmute-command-description": "Stummschaltung eines Benutzers aufheben",
+    "unreadMessagesSeparatorText_one": "1 ungelesene Nachricht",
+    "unreadMessagesSeparatorText_other": "{{count}} ungelesene Nachrichten",
     "{{ commaSeparatedUsers }} and {{ moreCount }} more": "{{ commaSeparatedUsers }} und {{moreCount}} Mehr",
     "{{ commaSeparatedUsers }}, and {{ lastUser }}": "{{ commaSeparatedUsers }} und {{ lastUser }}",
     "{{ firstUser }} and {{ secondUser }}": "{{ firstUser }} und {{ secondUser }}",
@@ -91,5 +99,7 @@
     "{{ users }} and more are typing...": "{{ users }} und mehr tippen...",
     "{{ users }} and {{ user }} are typing...": "{{ users }} und {{ user }} tippen...",
     "{{ watcherCount }} online": "{{ watcherCount }} online",
+    "{{count}} unread_one": "{{count}} ungelesen",
+    "{{count}} unread_other": "{{count}} ungelesen",
     "🏙 Attachment...": "🏙 Anhang..."
 }

package/dist/i18n/en.json CHANGED Viewed

@@ -17,6 +17,8 @@
     "Error adding flag": "Error adding flag",
     "Error connecting to chat, refresh the page to try again.": "Error connecting to chat, refresh the page to try again.",
     "Error deleting message": "Error deleting message",
+    "Error fetching reactions": "Error loading reactions",
+    "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.",
     "Error muting a user ...": "Error muting a user ...",
     "Error pinning message": "Error pinning message",
     "Error removing message pin": "Error removing message pin",
@@ -25,15 +27,18 @@
     "Error uploading image": "Error uploading image",
     "Error · Unsent": "Error · Unsent",
     "Error: {{ errorMessage }}": "Error: {{ errorMessage }}",
+    "Failed to jump to the first unread message": "Failed to jump to the first unread message",
     "Flag": "Flag",
     "Latest Messages": "Latest Messages",
     "Load more": "Load more",
+    "Mark as unread": "Mark as unread",
     "Menu": "Menu",
     "Message Failed · Click to try again": "Message Failed · Click to try again",
     "Message Failed · Unauthorized": "Message Failed · Unauthorized",
     "Message deleted": "Message deleted",
     "Message has been successfully flagged": "Message has been successfully flagged",
     "Message pinned": "Message pinned",
+    "Messages have been marked unread.": "Messages have been marked unread.",
     "Mute": "Mute",
     "New": "New",
     "New Messages!": "New Messages!",
@@ -59,6 +64,7 @@
     "Type your message": "Type your message",
     "Unmute": "Unmute",
     "Unpin": "Unpin",
+    "Unread messages": "Unread messages",
     "Upload type: \"{{ type }}\" is not allowed": "Upload type: \"{{ type }}\" is not allowed",
     "User uploaded content": "User uploaded content",
     "Wait until all attachments have uploaded": "Wait until all attachments have uploaded",
@@ -70,6 +76,8 @@
     "searchResultsCount_one": "1 result",
     "searchResultsCount_other": "{{ count }} results",
     "this content could not be displayed": "this content could not be displayed",
+    "unreadMessagesSeparatorText_one": "1 unread message",
+    "unreadMessagesSeparatorText_other": "{{count}} unread messages",
     "{{ commaSeparatedUsers }} and {{ moreCount }} more": "{{ commaSeparatedUsers }} and {{ moreCount }} more",
     "{{ commaSeparatedUsers }}, and {{ lastUser }}": "{{ commaSeparatedUsers }}, and {{ lastUser }}",
     "{{ firstUser }} and {{ secondUser }}": "{{ firstUser }} and {{ secondUser }}",
@@ -81,5 +89,7 @@
     "{{ users }} and more are typing...": "{{ users }} and more are typing...",
     "{{ users }} and {{ user }} are typing...": "{{ users }} and {{ user }} are typing...",
     "{{ watcherCount }} online": "{{ watcherCount }} online",
+    "{{count}} unread_one": "{{count}} unread",
+    "{{count}} unread_other": "{{count}} unread",
     "🏙 Attachment...": "🏙 Attachment..."
 }

package/dist/i18n/es.json CHANGED Viewed

@@ -17,6 +17,8 @@
     "Error adding flag": "Error al agregar la bandera",
     "Error connecting to chat, refresh the page to try again.": "Error al conectarse al chat, actualice la página para volver a intentarlo.",
     "Error deleting message": "Error al eliminar el mensaje",
+    "Error fetching reactions": "Error al cargar las reacciones",
+    "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "Error al marcar el mensaje como no leído. No se pueden marcar mensajes no leídos más antiguos que los últimos 100 mensajes del canal.",
     "Error muting a user ...": "Error al silenciar a un usuario ...",
     "Error pinning message": "Mensaje de error al fijar",
     "Error removing message pin": "Error al quitar el pin del mensaje",
@@ -25,15 +27,18 @@
     "Error uploading image": "Error subiendo imagen",
     "Error · Unsent": "Error · No enviado",
     "Error: {{ errorMessage }}": "Error: {{ errorMessage }}",
+    "Failed to jump to the first unread message": "Error al saltar al primer mensaje no leído",
     "Flag": "Bandera",
     "Latest Messages": "Últimos mensajes",
     "Load more": "Cargar más",
+    "Mark as unread": "Marcar como no leído",
     "Menu": "Menú",
     "Message Failed · Click to try again": "Mensaje fallido · Haga clic para volver a intentarlo",
     "Message Failed · Unauthorized": "Mensaje fallido · No autorizado",
     "Message deleted": "Mensaje borrado",
     "Message has been successfully flagged": "El mensaje se marcó correctamente",
     "Message pinned": "Mensaje fijado",
+    "Messages have been marked unread.": "Los mensajes han sido marcados como no leídos.",
     "Mute": "Mudo",
     "New": "Nuevo",
     "New Messages!": "¡Nuevos mensajes!",
@@ -59,6 +64,7 @@
     "Type your message": "Escribe tu mensaje",
     "Unmute": "Activar sonido",
     "Unpin": "Desprender",
+    "Unread messages": "Mensajes no leídos",
     "Upload type: \"{{ type }}\" is not allowed": "Tipo de carga: \"{{ type }}\" no está permitido",
     "User uploaded content": "Contenido subido por el usuario",
     "Wait until all attachments have uploaded": "Espere hasta que se hayan cargado todos los archivos adjuntos",
@@ -82,6 +88,9 @@
     "unban-command-description": "Quitar la prohibición a un usuario",
     "unmute-command-args": "[@usuario]",
     "unmute-command-description": "Anular el silencio de un usuario",
+    "unreadMessagesSeparatorText_many": "{{count}} mensajes no leídos",
+    "unreadMessagesSeparatorText_one": "1 mensaje no leído",
+    "unreadMessagesSeparatorText_other": "{{count}} mensajes no leídos",
     "{{ commaSeparatedUsers }} and {{ moreCount }} more": "{{ commaSeparatedUsers }} y {{ moreCount }} más",
     "{{ commaSeparatedUsers }}, and {{ lastUser }}": "{{ commaSeparatedUsers }} y {{ lastUser }}",
     "{{ firstUser }} and {{ secondUser }}": "{{ firstUser }} y {{ secondUser }}",
@@ -93,5 +102,8 @@
     "{{ users }} and more are typing...": "{{ users }} y más están escribiendo...",
     "{{ users }} and {{ user }} are typing...": "{{ users }} y {{ user }} están escribiendo...",
     "{{ watcherCount }} online": "{{ watcherCount }} en línea",
+    "{{count}} unread_many": "{{count}} no leídos",
+    "{{count}} unread_one": "{{count}} no leído",
+    "{{count}} unread_other": "{{count}} no leídos",
     "🏙 Attachment...": "🏙 Adjunto..."
 }