npm - stream-chat-angular - Versions diffs - 4.47.3 → 4.49.0 - Mend

stream-chat-angular 4.47.3 → 4.49.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 (46) hide show

package/src/assets/styles/v2/css/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}@font-face{font-family:ReplaceFlagEmojiPNG;src:url("../../assets/NotoColorEmoji-flags.woff2") format("woff2");unicode-range:U+1F1E6-1F1FF}@font-face{font-family:ReplaceFlagEmojiSVG;src:url("../../assets/EmojiOneColor.woff2") format("woff2");unicode-range:U+1F1E6-1F1FF}.str-chat--windows-flags .str-chat__textarea__textarea,.str-chat--windows-flags .str-chat__message-text-inner ,.str-chat--windows-flags .str-chat__emoji-item--entity,.str-chat--windows-flags .emoji-mart-emoji-native {font-family:ReplaceFlagEmojiPNG,var(--str-chat__font-family),sans-serif;font-display:swap}@-moz-document url-prefix(""){.str-chat--windows-flags .str-chat__textarea__textarea,.str-chat--windows-flags .str-chat__message-text-inner ,.str-chat--windows-flags .str-chat__emoji-item--entity,.str-chat--windows-flags .emoji-mart-emoji-native {font-family:ReplaceFlagEmojiSVG,var(--str-chat__font-family),sans-serif;font-display:swap}}: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__avatar{position:relative}.str-chat__avatar .str-chat__avatar-fallback{text-align:center;height:inherit;width:inherit}.str-chat__avatar .str-chat__avatar--online-indicator{position:absolute;width:calc(var(--str-chat__spacing-px)12);height:calc(var(--str-chat__spacing-px)12);inset-inline-end:3%;inset-block-start:2%}.str-chat__loading-channels-avatar{flex-shrink:0;width:calc(var(--str-chat__spacing-px)49);height:calc(var(--str-chat__spacing-px)49)}.str-chat{--str-chat__attachment-margin: var(--str-chat__spacing-0_5);--str-chat__gif-height: calc(var(--str-chat__spacing-px) 200)}.str-chat__attachment-list{--str-chat__attachment-max-width: calc( var(--str-chat__message-max-width) - calc(2 * var(--str-chat__attachment-margin)) );--str-chat__video-height: var(--str-chat__attachment-max-width);--str-chat__scraped-image-height: calc(var(--str-chat__attachment-max-width) * calc(1 / 1.91));--str-chat__scraped-video-height: calc(var(--str-chat__attachment-max-width) * calc(9 / 16));display:flex;flex-direction:column;align-items:stretch;min-width:0}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--header{position:relative}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--source-link{padding-bottom:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--text{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__attachment-list .str-chat__message-attachment--image,.str-chat__attachment-list .str-chat__message-attachment--video,.str-chat__attachment-list .str-chat__message-attachment-card--header{width:auto;display:flex;justify-content:center;align-items:center;overflow:hidden}.str-chat__attachment-list .str-chat__message-attachment-card--header{height:var(--str-chat__scraped-image-height)}.str-chat__attachment-list .str-chat__message-attachment-card--header img{object-fit:cover;max-height:100%;max-width:100%;width:100%;height:100%;cursor:default}.str-chat__attachment-list .str-chat__message-attachment-card-react--header img{cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header{height:var(--str-chat__gif-height)}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header img{object-fit:contain;max-height:100%;max-width:100%;cursor:default}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card-react--header img{cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card)>img{height:min(var(--str-chat__attachment-max-width),min(var(--str-chat__attachment-max-width, 1000000)/var(--original-width, 1000000),1px)var(--original-height, 1000000));max-width:var(--str-chat__attachment-max-width);max-height:var(--str-chat__attachment-max-width);object-fit:cover;width:100%;cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header{max-width:var(--str-chat__attachment-max-width);display:flex}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper{height:100%;width:100%;min-width:0;max-width:var(--str-chat__attachment-max-width);display:flex;flex-direction:column}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .react-player,.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .str-chat__video-angular,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .react-player,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .str-chat__video-angular{height:100%;width:100%;max-width:var(--str-chat__attachment-max-width);max-height:100%;min-height:0}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card):not(.str-chat__message-attachment-dynamic-size){height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card){max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) .str-chat__player-wrapper{height:min(var(--str-chat__video-height),min(var(--str-chat__attachment-max-width, 1000000)/var(--original-width, 1000000),1px)var(--original-height, 1000000));max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) .str-chat__video-angular{max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header{height:var(--str-chat__scraped-video-height)}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card){margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment--gallery{margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery{display:grid;grid-template-columns:50% 50%;overflow:hidden;width:fit-content;gap:var(--str-chat__spacing-0_5);max-width:var(--str-chat__attachment-max-width);height:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery.str-chat__gallery-two-rows{grid-template-rows:50% 50%}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image{padding:0;margin:0}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;max-width:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder{position:relative;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:top left;background-repeat:no-repeat;margin:0;cursor:zoom-in;max-width:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder p{position:relative;z-index:1}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image,.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image{padding:var(--str-chat__spacing-6)}.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image img,.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image img{object-fit:contain;max-width:calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6));max-height:calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6))}.str-chat__attachment-list .str-chat__message-attachment-file--item,.str-chat__attachment-list .str-chat__message-attachment-audio-widget{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;row-gap:var(--str-chat__spacing-0_5);min-width:0}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row{width:100%;display:flex;align-items:center;justify-content:space-between;column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;min-width:0}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg{width:calc(var(--str-chat__spacing-px)24);height:calc(var(--str-chat__spacing-px)16)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__file-icon{width:calc(var(--str-chat__spacing-px)34)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--play-controls{display:flex;align-items:center;justify-content:center}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--progress-track{max-width:calc(var(--str-chat__spacing-px)120)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row{display:flex;align-items:center;width:100%;grid-column-gap:var(--str-chat__spacing-5);padding-top:var(--str-chat__spacing-2_5)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row .str-chat__message-attachment-file--item-size{line-height:calc(var(--str-chat__spacing-px)14)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track{position:relative;height:calc(var(--str-chat__spacing-px)5);flex:1;cursor:pointer}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track .str-chat__message-attachment-audio-widget--progress-indicator{position:absolute;inset-inline-start:0;height:inherit}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button{display:flex;align-items:center;justify-content:center;height:calc(var(--str-chat__spacing-px)36);width:calc(var(--str-chat__spacing-px)36);cursor:pointer;z-index:1}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button svg{width:var(--str-chat__spacing-3)}.str-chat__attachment-list .str-chat__message-attachment-card{min-width:0;max-width:var(--str-chat__attachment-max-width);margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content{padding:var(--str-chat__spacing-2_5)}.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content .str-chat__message-attachment-card--title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content{padding:0}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget{display:flex;flex-direction:column;row-gap:var(--str-chat__spacing-2_5);width:100%;padding:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget .str-chat__message-attachment-card-audio-widget--first-row{display:flex;align-items:center;column-gap:var(--str-chat__spacing-3_5)}.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form{display:flex;justify-content:stretch}.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form .str-chat__message-attachment-actions-button{cursor:pointer;width:100%;padding:var(--str-chat__spacing-3) var(--str-chat__spacing-4);white-space:nowrap}.str-chat__attachment-list .str-chat__message-attachment-with-actions.str-chat__message-attachment--giphy .str-chat__message-attachment-card .str-chat__message-attachment-card--content{display:none}.str-chat__quoted-message-preview{--str-chat__attachment-margin: 0px}.str-chat__quoted-message-preview {cursor:pointer !important}.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--source-link,.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--content{display:none}.str-chat__quoted-message-preview .str-chat__message-attachment-file--item-download{display:none}.str-chat__message .str-chat__quoted-message-preview .str-chat__message-attachment-file--item{padding:0}.str-chat__attachment-list-angular-host{min-width:0}.str-chat__attachment-preview-list{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-1_5);width:100%}.str-chat__attachment-preview-list .str-chat__attachment-list-scroll-container{overflow-y:hidden;overflow-x:auto;width:100%;max-width:100%;display:flex;align-items:center;justify-content:flex-start;column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-preview-list .str-chat__attachment-preview-image{position:relative;height:calc(var(--str-chat__spacing-px)72);width:calc(var(--str-chat__spacing-px)72)}.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;cursor:pointer}.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{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;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__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-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;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__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__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 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-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:flex-end;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;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>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__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__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{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)}/# sourceMappingURL=index.layout.css.map /
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__avatar{position:relative}.str-chat__avatar .str-chat__avatar-fallback{text-align:center;height:inherit;width:inherit}.str-chat__avatar .str-chat__avatar--online-indicator{position:absolute;width:calc(var(--str-chat__spacing-px)12);height:calc(var(--str-chat__spacing-px)12);inset-inline-end:3%;inset-block-start:2%}.str-chat__loading-channels-avatar{flex-shrink:0;width:calc(var(--str-chat__spacing-px)49);height:calc(var(--str-chat__spacing-px)49)}.str-chat{--str-chat__attachment-margin: var(--str-chat__spacing-0_5);--str-chat__gif-height: calc(var(--str-chat__spacing-px) 200)}.str-chat__attachment-list{--str-chat__attachment-max-width: calc( var(--str-chat__message-max-width) - calc(2 * var(--str-chat__attachment-margin)) );--str-chat__video-height: var(--str-chat__attachment-max-width);--str-chat__scraped-image-height: calc(var(--str-chat__attachment-max-width) * calc(1 / 1.91));--str-chat__scraped-video-height: calc(var(--str-chat__attachment-max-width) * calc(9 / 16));display:flex;flex-direction:column;align-items:stretch;min-width:0}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--header{position:relative}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--source-link{padding-bottom:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--text{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__attachment-list .str-chat__message-attachment--image,.str-chat__attachment-list .str-chat__message-attachment--video,.str-chat__attachment-list .str-chat__message-attachment-card--header{width:auto;display:flex;justify-content:center;align-items:center;overflow:hidden}.str-chat__attachment-list .str-chat__message-attachment-card--header{height:var(--str-chat__scraped-image-height)}.str-chat__attachment-list .str-chat__message-attachment-card--header img{object-fit:cover;max-height:100%;max-width:100%;width:100%;height:100%;cursor:default}.str-chat__attachment-list .str-chat__message-attachment-card-react--header img{cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header{height:var(--str-chat__gif-height)}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header img{object-fit:contain;max-height:100%;max-width:100%;cursor:default}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card-react--header img{cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card)>img{height:min(var(--str-chat__attachment-max-width),min(var(--str-chat__attachment-max-width, 1000000)/var(--original-width, 1000000),1px)var(--original-height, 1000000));max-width:var(--str-chat__attachment-max-width);max-height:var(--str-chat__attachment-max-width);object-fit:cover;width:100%;cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header{max-width:var(--str-chat__attachment-max-width);display:flex}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper{height:100%;width:100%;min-width:0;max-width:var(--str-chat__attachment-max-width);display:flex;flex-direction:column}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .react-player,.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .str-chat__video-angular,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .react-player,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .str-chat__video-angular{height:100%;width:100%;max-width:var(--str-chat__attachment-max-width);max-height:100%;min-height:0}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card):not(.str-chat__message-attachment-dynamic-size){height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card){max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) .str-chat__player-wrapper{height:min(var(--str-chat__video-height),min(var(--str-chat__attachment-max-width, 1000000)/var(--original-width, 1000000),1px)var(--original-height, 1000000));max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) .str-chat__video-angular{max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header{height:var(--str-chat__scraped-video-height)}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card){margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment--gallery{margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery{display:grid;grid-template-columns:50% 50%;overflow:hidden;width:fit-content;gap:var(--str-chat__spacing-0_5);max-width:var(--str-chat__attachment-max-width);height:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery.str-chat__gallery-two-rows{grid-template-rows:50% 50%}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image{padding:0;margin:0}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;max-width:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder{position:relative;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:top left;background-repeat:no-repeat;margin:0;cursor:zoom-in;max-width:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder p{position:relative;z-index:1}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image,.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image{padding:var(--str-chat__spacing-6)}.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image img,.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image img{object-fit:contain;max-width:calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6));max-height:calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6))}.str-chat__attachment-list .str-chat__message-attachment-file--item,.str-chat__attachment-list .str-chat__message-attachment-audio-widget{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;row-gap:var(--str-chat__spacing-0_5);min-width:0}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row{width:100%;display:flex;align-items:center;justify-content:space-between;column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;min-width:0}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg{width:calc(var(--str-chat__spacing-px)24);height:calc(var(--str-chat__spacing-px)16)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__file-icon{width:calc(var(--str-chat__spacing-px)34)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--play-controls{display:flex;align-items:center;justify-content:center}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--progress-track{max-width:calc(var(--str-chat__spacing-px)120)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row{display:flex;align-items:center;width:100%;grid-column-gap:var(--str-chat__spacing-5);padding-top:var(--str-chat__spacing-2_5)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row .str-chat__message-attachment-file--item-size{line-height:calc(var(--str-chat__spacing-px)14)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track{position:relative;height:calc(var(--str-chat__spacing-px)5);flex:1;cursor:pointer}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track .str-chat__message-attachment-audio-widget--progress-indicator{position:absolute;inset-inline-start:0;height:inherit}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button{display:flex;align-items:center;justify-content:center;height:calc(var(--str-chat__spacing-px)36);width:calc(var(--str-chat__spacing-px)36);cursor:pointer;z-index:1}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button svg{width:var(--str-chat__spacing-3)}.str-chat__attachment-list .str-chat__message-attachment-card{min-width:0;max-width:var(--str-chat__attachment-max-width);margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content{padding:var(--str-chat__spacing-2_5)}.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content .str-chat__message-attachment-card--title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content{padding:0}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget{display:flex;flex-direction:column;row-gap:var(--str-chat__spacing-2_5);width:100%;padding:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget .str-chat__message-attachment-card-audio-widget--first-row{display:flex;align-items:center;column-gap:var(--str-chat__spacing-3_5)}.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form{display:flex;justify-content:stretch}.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form .str-chat__message-attachment-actions-button{cursor:pointer;width:100%;padding:var(--str-chat__spacing-3) var(--str-chat__spacing-4);white-space:nowrap}.str-chat__attachment-list .str-chat__message-attachment-with-actions.str-chat__message-attachment--giphy .str-chat__message-attachment-card .str-chat__message-attachment-card--content{display:none}.str-chat__quoted-message-preview{--str-chat__attachment-margin: 0px}.str-chat__quoted-message-preview {cursor:pointer !important}.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--source-link,.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--content{display:none}.str-chat__quoted-message-preview .str-chat__message-attachment-file--item-download{display:none}.str-chat__message .str-chat__quoted-message-preview .str-chat__message-attachment-file--item{padding:0}.str-chat__attachment-list-angular-host{min-width:0}.str-chat__attachment-preview-list{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-1_5);width:100%}.str-chat__attachment-preview-list .str-chat__attachment-list-scroll-container{overflow-y:hidden;overflow-x:auto;width:100%;max-width:100%;display:flex;align-items:center;justify-content:flex-start;column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-preview-list .str-chat__attachment-preview-image{position:relative;height:calc(var(--str-chat__spacing-px)72);width:calc(var(--str-chat__spacing-px)72)}.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}.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__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)}

package/src/assets/styles/v2/scss/AttachmentPreviewList/AttachmentPreviewList-layout.scss CHANGED Viewed

@@ -108,6 +108,7 @@
   .str-chat__attachment-preview-error {
     @include overlay;
     @include utils.unset-button(unset);
+    inset-inline-start: 0;
     cursor: pointer;
   }
 }

package/src/assets/styles/v2/scss/Autocomplete/Autocomplete-layout.scss CHANGED Viewed

@@ -20,6 +20,7 @@
   padding: var(--str-chat__spacing-2) 0;
   .str-chat__suggestion-list {
+    overflow-y: auto;
     max-height: calc(var(--str-chat__spacing-px) * 320);
     display: flex;
@@ -48,6 +49,7 @@
   .str-chat__user-item--name {
     @include utils.ellipsis-text;
+    @include utils.prevent-glitch-text-overflow;
     width: 100%;
   }
 }
@@ -62,3 +64,9 @@
     width: 100%;
   }
 }
+.str-chat__message-textarea-angular-host--autocomplete-hidden {
+  mention-list  {
+    display: none;
+  }
+}

package/src/assets/styles/v2/scss/ChannelHeader/ChannelHeader-layout.scss CHANGED Viewed

@@ -19,5 +19,9 @@
     .str-chat__channel-header-info {
       @include utils.ellipsis-text;
     }
+    .str-chat__channel-header-title {
+      @include utils.prevent-glitch-text-overflow;
+    }
   }
 }

package/src/assets/styles/v2/scss/ChannelPreview/ChannelPreview-layout.scss CHANGED Viewed

@@ -53,6 +53,7 @@
     .str-chat__channel-preview-messenger--name,
     .str-chat__channel-preview-messenger--last-message {
       @include utils.ellipsis-text;
+      @include utils.prevent-glitch-text-overflow;
       min-width: 0;
       p {

package/src/assets/styles/v2/scss/ChannelSearch/ChannelSearch-layout.scss CHANGED Viewed

@@ -110,6 +110,11 @@
       width: 100%;
       column-gap: var(--str-chat__spacing-2);
       padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);
+      .channel-search__result-text,
+      .str-chat__channel-search-result--display-name {
+        @include utils.prevent-glitch-text-overflow;
+      }
     }
   }
 }

package/src/assets/styles/v2/scss/LinkPreview/LinkPreview-layout.scss ADDED Viewed

@@ -0,0 +1,49 @@
+@use '../utils';
+.str-chat__link-preview-list {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.75rem;
+  width: 100%;
+  margin-bottom: 0.75rem;
+  padding-inline: 0.75rem;
+}
+.str-chat__link-preview-card {
+  width: 100%;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  gap: 1rem;
+  .str-chat__tooltip {
+    @include utils.ellipsis-text();
+    display: block;
+    max-width: calc(var(--str-chat__spacing-px) * 250);
+    padding-inline: 0.5rem;
+  }
+  .str-chat__link-preview-card__icon-container {
+    display: flex;
+    align-items: center;
+  }
+  .str-chat__link-preview-card__content {
+    width: 100%;
+    min-width: 0;
+    flex: 1;
+    padding-inline: 0.5rem;
+    .str-chat__link-preview-card__content-title,
+    .str-chat__link-preview-card__content-description {
+      @include utils.ellipsis-text();
+    }
+  }
+  .str-chat__link-preview-card__dismiss-button {
+    @include utils.button-reset;
+    cursor: pointer;
+  }
+}

package/src/assets/styles/v2/scss/LinkPreview/LinkPreview-theme.scss ADDED Viewed

@@ -0,0 +1,17 @@
+.str-chat__link-preview-card {
+  .str-chat__link-preview-card__content {
+    border-left: 2px solid var(--str-chat__primary-color);
+    .str-chat__link-preview-card__content-title {
+      font: var(--str-chat__body-medium-text);
+    }
+    .str-chat__link-preview-card__content-description {
+      font: var(--str-chat__caption-text);
+    }
+  }
+  .str-chat__link-preview-card__dismiss-button svg path {
+    fill: var(--str-chat__text-low-emphasis-color);
+  }
+}

package/src/assets/styles/v2/scss/LinkPreview/index.scss ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ @import "LinkPreview-layout";
2	+ @import "LinkPreview-theme";

package/src/assets/styles/v2/scss/Message/Message-layout.scss CHANGED Viewed

@@ -150,6 +150,10 @@
       .str-chat__message-text {
         @include chat-bubble-spacing;
+        .str-chat__message-text-inner {
+          @include utils.prevent-glitch-text-overflow;
+        }
         p {
           white-space: pre-line;
         }
@@ -184,6 +188,10 @@
     align-items: center;
     column-gap: var(--str-chat__spacing-1);
     margin-block-start: var(--str-chat__spacing-0_5);
+    .str-chat__message-simple-name {
+      @include utils.prevent-glitch-text-overflow;
+    }
   }
   .str-chat__message-status {

package/src/assets/styles/v2/scss/MessageInput/MessageInput-layout.scss CHANGED Viewed

@@ -42,7 +42,7 @@
     flex-grow: 1;
     width: 100%;
     display: flex;
-    align-items: flex-end;
+    align-items: center;
     justify-content: center;
     .str-chat__file-input-container {

package/src/assets/styles/v2/scss/MessageList/MessageList-layout.scss CHANGED Viewed

@@ -11,6 +11,7 @@
 .str-chat__list {
   @include utils.scrollable;
+  overscroll-behavior: none;
   width: 100%;
   height: 100%;
   max-height: 100%;

package/src/assets/styles/v2/scss/MessageList/VirtualizedMessageList-layout.scss CHANGED Viewed

@@ -10,6 +10,10 @@
   width: 100%;
   height: 100%;
+  .str-chat__message-list-scroll {
+    overscroll-behavior: none;
+  }
   .str-chat__message-list-scroll > div {
     @include utils.message-list-spacing;
   }

package/src/assets/styles/v2/scss/Notification/Notification-layout.scss CHANGED Viewed

@@ -1,3 +1,7 @@
 .str-chat__notification {
   padding: var(--str-chat__spacing-3_5) var(--str-chat__spacing-4);
 }
+.str-chat-react__notification {
+  z-index: 101;
+}

package/src/assets/styles/v2/scss/Thread/Thread-layout.scss CHANGED Viewed

@@ -19,6 +19,10 @@
       .str-chat__thread-header-title {
         @include utils.ellipsis-text;
       }
+      .str-chat__thread-header-subtitle {
+        @include utils.prevent-glitch-text-overflow;
+      }
     }
     .str-chat__close-thread-button {

package/src/assets/styles/v2/scss/Tooltip/Tooltip-layout.scss CHANGED Viewed

@@ -1,6 +1,7 @@
 @use '../utils';
 .str-chat__tooltip {
+  @include utils.prevent-glitch-text-overflow;
   display: flex;
   padding: var(--str-chat__spacing-2);
   z-index: 1;

package/src/assets/styles/v2/scss/_emoji-replacement.scss CHANGED Viewed

@@ -18,6 +18,7 @@ $emoji-flag-unicode-range: U+1F1E6-1F1FF;
 }
 .str-chat--windows-flags {
+  // TODO: consider adding the rule for reactions (list & selector) if we ever decide to make them use native emojis
   .str-chat__textarea__textarea,
   .str-chat__message-text-inner *,
   .str-chat__emoji-item--entity,

package/src/assets/styles/v2/scss/_utils.scss CHANGED Viewed

@@ -34,6 +34,11 @@
   text-overflow: ellipsis;
 }
+@mixin prevent-glitch-text-overflow {
+  // Prevent glitch text from overflowing. See the generator: https://lingojam.com/GlitchTextGenerator
+  overflow-y: hidden;
+}
 @mixin scrollable {
   overflow-x: hidden;
   overflow-y: auto;

package/src/assets/styles/v2/scss/index.layout.scss CHANGED Viewed

@@ -1,5 +1,4 @@
 @use 'base';
-@use 'emoji-replacement';
 @use 'global-layout-variables';
 @use 'Avatar/Avatar-layout';
@@ -15,6 +14,7 @@
 @use 'common/CircleFAButton/CircleFAButton-layout';
 @use 'EditMessageForm/EditMessageForm-layout';
 @use 'ImageCarousel/ImageCarousel-layout';
+@use 'LinkPreview/LinkPreview-layout';
 @use 'LoadingIndicator/LoadingIndicator-layout';
 @use 'Message/Message-layout';
 @use 'MessageActionsBox/MessageActionsBox-layout';

package/src/assets/styles/v2/scss/index.scss CHANGED Viewed

@@ -2,7 +2,6 @@
 @use 'palette-variables';
 @use 'global-theme-variables';
-@use 'vendor/emoji-mart.scss';
 @use 'vendor/react-image-gallery';
 @use 'common/CTAButton/CTAButton-theme';
@@ -18,6 +17,7 @@
 @use 'ChannelSearch/ChannelSearch-theme';
 @use 'EditMessageForm/EditMessageForm-theme';
 @use 'ImageCarousel/ImageCarousel-theme';
+@use 'LinkPreview/LinkPreview-theme';
 @use 'LoadingIndicator/LoadingIndicator-theme';
 @use 'Message/Message-theme';
 @use 'MessageActionsBox/MessageActionsBox-theme';

package/src/assets/version.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export const version = '4.47.3';
1	+ export const version = '4.49.0';