stream-chat-angular 4.66.2 → 5.0.0-v5.10

package/src/assets/styles/v2/css/index.layout.css

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

package/src/assets/styles/v2/scss/_base.scss

@@ -1,28 +0,0 @@
-.str-chat {
-  box-sizing: border-box;
-
-  * {
-    font-family: var(--str-chat__font-family);
-    box-sizing: border-box;
-  }
-
-  // Overriding styles of ngx-popperjs
-  .ngxp__container {
-    z-index: 1;
-    padding: 0 !important;
-    box-shadow: none !important;
-    border-color: transparent !important;
-
-    .ngxp__arrow {
-      display: none;
-    }
-  }
-}
-
-// Fixes icon sizing problem in Angular SDK
-stream-icon,
-stream-icon-placeholder {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}

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

@@ -1,37 +0,0 @@
-@use 'index.layout.scss';
-@use 'palette-variables';
-@use 'global-theme-variables';
-
-@use 'vendor/react-image-gallery';
-
-@use 'common/CTAButton/CTAButton-theme';
-@use 'common/CircleFAButton/CircleFAButton-theme';
-@use 'Avatar/Avatar-theme';
-@use 'AttachmentList/AttachmentList-theme';
-@use 'AttachmentPreviewList/AttachmentPreviewList-theme';
-@use 'Autocomplete/Autocomplete-theme';
-@use 'BaseImage/BaseImage-theme';
-@use 'Channel/Channel-theme.scss';
-@use 'ChannelHeader/ChannelHeader-theme';
-@use 'ChannelList/ChannelList-theme';
-@use 'ChannelPreview/ChannelPreview-theme';
-@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';
-@use 'MessageBouncePrompt/MessageBouncePrompt-theme';
-@use 'MessageInput/MessageInput-theme';
-@use 'MessageList/MessageList-theme';
-@use 'MessageList/VirtualizedMessageList-theme';
-@use 'MessageReactions/MessageReactions-theme';
-@use 'MessageReactions/MessageReactionsSelector-theme';
-@use 'Modal/Modal-theme';
-@use 'Notification/MessageNotification-theme';
-@use 'Notification/NotificationList-theme';
-@use 'Notification/Notification-theme';
-@use 'Thread/Thread-theme';
-@use 'Tooltip/Tooltip-theme';
-@use 'TypingIndicator/TypingIndicator-theme';