npm - @planningcenter/topbar - Versions diffs - 10.0.0-rc.0 → 10.0.0 - Mend

@planningcenter/topbar 10.0.0-rc.0 → 10.0.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 (149) hide show

package/dist/topbar.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["topbar.scss"],"names":[],"mappings":"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","file":"topbar.css","sourcesContent":["@charset \"UTF-8\";\n.str-chat {\n box-sizing: border-box;\n font-family: var(--str-chat__font-family);\n}\n\n.str-chat * {\n box-sizing: border-box;\n}\n\n.str-chat .ngxp__container,\n.str-chat .float-ui-container {\n z-index: 1;\n padding: 0 !important;\n box-shadow: none !important;\n border-color: transparent !important;\n}\n\n.str-chat .ngxp__container .ngxp__arrow,\n.str-chat .float-ui-container .ngxp__arrow {\n display: none;\n}\n\nstream-icon,\nstream-icon-placeholder {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n:root {\n /* The theme version being used, 1 or 2. Used internally by SDKs /\n --str-chat__theme-version: 2;\n}\n\n.str-chat {\n / Used for elements where sizing is necessary (such as icons, avatar), you can use this variable to scale those elements /\n --str-chat__spacing-px: 1px;\n / Used for margins and paddings /\n --str-chat__spacing-0_5: 0.125rem;\n / Used for margins and paddings /\n --str-chat__spacing-1: 0.25rem;\n / Used for margins and paddings /\n --str-chat__spacing-1_5: 0.375rem;\n / Used for margins and paddings /\n --str-chat__spacing-2: 0.5rem;\n / Used for margins and paddings /\n --str-chat__spacing-2_5: 0.625rem;\n / Used for margins and paddings /\n --str-chat__spacing-3: 0.75rem;\n / Used for margins and paddings /\n --str-chat__spacing-3_5: 0.875rem;\n / Used for margins and paddings /\n --str-chat__spacing-4: 1rem;\n / Used for margins and paddings /\n --str-chat__spacing-5: 1.25rem;\n / Used for margins and paddings /\n --str-chat__spacing-6: 1.5rem;\n / Used for margins and paddings /\n --str-chat__spacing-7: 1.75rem;\n / Used for margins and paddings /\n --str-chat__spacing-8: 2rem;\n / Used for margins and paddings /\n --str-chat__spacing-9: 2.25rem;\n / Used for margins and paddings /\n --str-chat__spacing-10: 2.5rem;\n / Used for margins and paddings /\n --str-chat__spacing-11: 2.75rem;\n / Used for margins and paddings /\n --str-chat__spacing-12: 3rem;\n / Used for margins and paddings /\n --str-chat__spacing-14: 3.5rem;\n / Used for margins and paddings /\n --str-chat__spacing-16: 4rem;\n}\n\n/ declare asset path, useful if you want to create your own style bundle /\n.str-chat {\n --str-chat__image-fallback-icon: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgY2xhc3M9InN0ci1jaGF0X19pbWFnZS1mYWxsYmFja19faWNvbiIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTYgMnYxNEgyVjJoMTRabTAtMkgyQy45IDAgMCAuOSAwIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMlYyYzAtMS4xLS45LTItMi0yWm0tNC44NiA4Ljg2LTMgMy44N0w2IDEwLjE0IDMgMTRoMTJsLTMuODYtNS4xNFoiLz48L3N2Zz4=\");\n}\n\n@font-face {\n font-family: \"stream-chat-icons\";\n src: url(\"../../assets/icons/stream-chat-icons.eot\");\n src: url(\"../../assets/icons/stream-chat-icons.eot#iefix\") format(\"embedded-opentype\"), url(\"../../assets/icons/stream-chat-icons.woff\") format(\"woff2\"), url(\"../../assets/icons/stream-chat-icons.woff\") format(\"woff\"), url(\"../../assets/icons/stream-chat-icons.ttf\") format(\"truetype\"), url(\"../../assets/icons/stream-chat-icons.svg#stream-chat-icons\") format(\"svg\");\n font-weight: normal;\n font-style: normal;\n}\n/ Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. /\n/ Note, that will break hinting! In other OS-es font will be not as sharp as it could be /\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n @font-face {\n font-family: \"stream-chat-icons\";\n src: url(\"../../assets/icons/stream-chat-icons.svg#stream-chat-icons\") format(\"svg\");\n }\n}\n.str-chat {\n / The size of the avatar, only available in Angular v5+ /\n --str-chat__avatar-size: calc(var(--str-chat__spacing-px) 32);\n}\n\n.str-chat .stream-chat__avatar--autocomplete-item {\n --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 30);\n}\n\n.str-chat .stream-chat__avatar--channel-header {\n --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 40);\n}\n\n.str-chat .stream-chat__avatar--channel-preview {\n --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 49);\n}\n\n.str-chat .stream-chat__avatar--quoted-message-sender {\n --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 20);\n}\n\n.str-chat .stream-chat__avatar--reaction {\n --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 30);\n}\n\n.str-chat__avatar {\n position: relative;\n}\n\n.str-chat__avatar .str-chat__avatar-fallback {\n text-align: center;\n height: inherit;\n width: inherit;\n}\n\n.str-chat__avatar .str-chat__avatar--online-indicator {\n position: absolute;\n width: calc(var(--str-chat__spacing-px) * 12);\n height: calc(var(--str-chat__spacing-px) * 12);\n inset-inline-end: 3%;\n inset-block-start: 2%;\n}\n\n.str-chat__loading-channels-avatar {\n flex-shrink: 0;\n width: calc(var(--str-chat__spacing-px) * 49);\n height: calc(var(--str-chat__spacing-px) * 49);\n}\n\n.str-chat-angular__avatar {\n height: var(--str-chat__avatar-size);\n line-height: var(--str-chat__avatar-size);\n width: var(--str-chat__avatar-size);\n}\n\n.str-chat-angular__avatar.stream-chat__avatar--one-letter {\n font-size: calc(var(--str-chat__avatar-size) * 0.5);\n}\n\n.str-chat-angular__avatar.stream-chat__avatar--multiple-letters {\n font-size: calc(var(--str-chat__avatar-size) * 0.3);\n}\n\n.str-chat-angular__avatar .str-chat__avatar-image {\n height: 100%;\n width: 100%;\n object-fit: cover;\n}\n\n.str-chat {\n /* The margin applied to every attachment in the attachment list /\n --str-chat__attachment-margin: var(--str-chat__spacing-0_5);\n / The height of GIFs /\n --str-chat__gif-height: calc(var(--str-chat__spacing-px) 200);\n /* The width of the amplitude bar of the voice recording wave data /\n --str-chat__voice-recording-amplitude-bar-width: 2px;\n / The gap between amplitudes of the wave data of a voice recording /\n --str-chat__voice-recording-amplitude-bar-gap-width: var(--str-chat__spacing-px);\n}\n\n.str-chat__attachment-list {\n / The maximum allowed width and height of attachments, in case of gallery images this is the maximum size of the whole gallery (not just for a single image inside the gallery). There are some constraints for the acceptable values you can provide for this variable, [Angular documentation](https://getstream.io/chat/docs/sdk/angular/components/AttachmentListComponent/#maximum-size), [React documentation](https://getstream.io/chat/docs/sdk/react/message-components/attachment/#image-and-video-sizing). /\n --str-chat__attachment-max-width: calc(\n var(--str-chat__message-max-width) - calc(2 var(--str-chat__attachment-margin))\n );\n /* The maximum height of videos, the default value is the mase as `--str-chat__attachment-max-width`. The rendered video can be smaller based on the aspect ratio /\n --str-chat__video-height: var(--str-chat__attachment-max-width);\n / The height of scraped images, the default value is optimized for 1.91:1 aspect ratio /\n --str-chat__scraped-image-height: calc(var(--str-chat__attachment-max-width) calc(1 / 1.91));\n /* The height of scraped videos, the default value is optimized for 16:9 aspect ratio /\n --str-chat__scraped-video-height: calc(var(--str-chat__attachment-max-width) calc(9 / 16));\n display: flex;\n flex-direction: column;\n align-items: stretch;\n min-width: 0;\n /* Angular has different UI here, the download icon is too small to use on mobile /\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--header {\n position: relative;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--source-link {\n padding-bottom: var(--str-chat__spacing-2);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--text {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--image,\n.str-chat__attachment-list .str-chat__message-attachment--video,\n.str-chat__attachment-list .str-chat__message-attachment-card--header {\n width: auto;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card--header {\n height: var(--str-chat__scraped-image-height);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card--header img {\n object-fit: cover;\n max-height: 100%;\n max-width: 100%;\n width: 100%;\n height: 100%;\n cursor: default;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card-react--header img {\n cursor: zoom-in;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header {\n height: var(--str-chat__gif-height);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header img {\n object-fit: contain;\n max-height: 100%;\n max-width: 100%;\n cursor: default;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card-react--header img {\n cursor: zoom-in;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card) > img {\n 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));\n max-width: var(--str-chat__attachment-max-width);\n max-height: var(--str-chat__attachment-max-width);\n object-fit: cover;\n width: 100%;\n cursor: zoom-in;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),\n.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header {\n max-width: var(--str-chat__attachment-max-width);\n display: flex;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper,\n.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper {\n height: 100%;\n width: 100%;\n min-width: 0;\n max-width: var(--str-chat__attachment-max-width);\n display: flex;\n flex-direction: column;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .react-player,\n.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .str-chat__video-angular,\n.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .react-player,\n.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .str-chat__video-angular {\n height: 100%;\n width: 100%;\n max-width: var(--str-chat__attachment-max-width);\n max-height: 100%;\n min-height: 0;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card):not(.str-chat__message-attachment-dynamic-size) {\n height: var(--str-chat__video-height);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) {\n max-height: var(--str-chat__video-height);\n}\n\n.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 {\n height: min(var(--str-chat__video-height), min(var(--str-chat__attachment-max-width, 1000000) / var(--original-width, 1000000), 1px) * var(--original-height, 1000000));\n max-height: var(--str-chat__video-height);\n}\n\n.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 {\n max-height: var(--str-chat__video-height);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header {\n height: var(--str-chat__scraped-video-height);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),\n.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card) {\n margin: var(--str-chat__attachment-margin);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--gallery {\n margin: var(--str-chat__attachment-margin);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery {\n display: grid;\n grid-template-columns: 50% 50%;\n overflow: hidden;\n width: fit-content;\n gap: var(--str-chat__spacing-0_5);\n max-width: var(--str-chat__attachment-max-width);\n height: var(--str-chat__attachment-max-width);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery.str-chat__gallery-two-rows {\n grid-template-rows: 50% 50%;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image {\n padding: 0;\n margin: 0;\n position: relative;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n cursor: zoom-in;\n max-width: var(--str-chat__attachment-max-width);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background-size: cover;\n background-position: top left;\n background-repeat: no-repeat;\n margin: 0;\n cursor: zoom-in;\n max-width: var(--str-chat__attachment-max-width);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder p {\n position: relative;\n z-index: 1;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n}\n\n.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image,\n.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image {\n padding: var(--str-chat__spacing-6);\n}\n\n.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image img,\n.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image img {\n object-fit: contain;\n max-width: calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6));\n max-height: calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6));\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-unsupported {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--str-chat__spacing-2);\n column-gap: var(--str-chat__spacing-4);\n margin: var(--str-chat__attachment-margin);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-unsupported .str-chat__file-icon {\n width: calc(var(--str-chat__spacing-px) * 30);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-unsupported .str-chat__message-attachment-unsupported__metadata {\n min-width: 0;\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-unsupported .str-chat__message-attachment-unsupported__title {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n max-width: 100%;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-file--item,\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--str-chat__spacing-2);\n column-gap: var(--str-chat__spacing-4);\n margin: var(--str-chat__attachment-margin);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text,\n.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text,\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text,\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n row-gap: var(--str-chat__spacing-0_5);\n min-width: 0;\n}\n\n.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,\n.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,\n.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,\n.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,\n.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,\n.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,\n.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,\n.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 {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n column-gap: var(--str-chat__spacing-2);\n}\n\n.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,\n.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,\n.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,\n.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,\n.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,\n.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,\n.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,\n.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,\n.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,\n.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,\n.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,\n.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,\n.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,\n.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,\n.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,\n.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 {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n min-width: 0;\n}\n\n.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,\n.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,\n.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,\n.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,\n.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,\n.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,\n.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,\n.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 {\n width: calc(var(--str-chat__spacing-px) * 24);\n height: calc(var(--str-chat__spacing-px) * 16);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__file-icon {\n width: calc(var(--str-chat__spacing-px) * 34);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--play-controls {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--progress-track {\n max-width: calc(var(--str-chat__spacing-px) * 120);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row {\n display: flex;\n align-items: center;\n width: 100%;\n grid-column-gap: var(--str-chat__spacing-5);\n padding-top: var(--str-chat__spacing-2_5);\n}\n\n.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 {\n line-height: calc(var(--str-chat__spacing-px) * 14);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track {\n position: relative;\n height: calc(var(--str-chat__spacing-px) * 5);\n flex: 1;\n cursor: pointer;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track .str-chat__message-attachment-audio-widget--progress-indicator {\n position: absolute;\n inset-inline-start: 0;\n height: inherit;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget {\n display: grid;\n grid-template-columns: 36px auto 55px;\n align-items: center;\n justify-content: center;\n gap: calc(var(--str-chat__spacing-px) * 9);\n padding: var(--str-chat__spacing-2);\n margin: var(--str-chat__attachment-margin);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__metadata {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: var(--str-chat__spacing-2);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__metadata a {\n cursor: pointer;\n text-decoration: none;\n}\n\n.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 {\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n min-width: 0;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--str-chat__spacing-1);\n}\n\n.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 {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n min-width: 0;\n}\n\n.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 {\n width: calc(var(--str-chat__spacing-px) * 24);\n height: calc(var(--str-chat__spacing-px) * 16);\n}\n\n.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 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--str-chat__spacing-1_5);\n height: 100%;\n}\n\n.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 {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: var(--str-chat__spacing-1);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__right-section {\n justify-self: center;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__timer {\n min-width: calc(var(--str-chat__spacing-px) * 45);\n width: calc(var(--str-chat__spacing-px) * 45);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget stream-voice-recording-wavebar {\n flex: 1;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__wave-progress-bar__track {\n position: relative;\n flex: 1;\n width: 100%;\n height: calc(var(--str-chat__spacing-px) * 25);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--str-chat__voice-recording-amplitude-bar-gap-width);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__amplitude-bar {\n width: var(--str-chat__voice-recording-amplitude-bar-width);\n min-width: var(--str-chat__voice-recording-amplitude-bar-width);\n height: calc(\n var(--str-chat__wave-progress-bar__amplitude-bar-height) + 2px\n );\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__progress-indicator {\n position: absolute;\n left: 0;\n height: calc(100% + 2px + 2px);\n width: calc(var(--str-chat__spacing-px) * 6);\n}\n\n.str-chat__attachment-list .str-chat__message_attachment__playback-rate-button {\n display: flex;\n align-items: center;\n justify-content: center;\n background: none;\n border: none;\n padding: var(--str-chat__spacing-1_5) var(--str-chat__spacing-2_5);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card {\n min-width: 0;\n max-width: var(--str-chat__attachment-max-width);\n margin: var(--str-chat__attachment-margin);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content {\n padding: var(--str-chat__spacing-2_5);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content .str-chat__message-attachment-card--title {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content {\n padding: 0;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget {\n display: flex;\n flex-direction: column;\n row-gap: var(--str-chat__spacing-2_5);\n width: 100%;\n padding: var(--str-chat__spacing-2);\n}\n\n.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 {\n display: flex;\n align-items: center;\n column-gap: var(--str-chat__spacing-3_5);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form {\n display: flex;\n justify-content: stretch;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form .str-chat__message-attachment-actions-button {\n cursor: pointer;\n width: 100%;\n padding: var(--str-chat__spacing-3) var(--str-chat__spacing-4);\n white-space: nowrap;\n}\n\n.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 {\n display: none;\n}\n\n.str-chat__attachment-list .str-chat-angular__message-attachment-file-single .str-chat__message-attachment-file--item-first-row {\n cursor: pointer;\n text-decoration: none;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-download-icon {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 16);\n}\n\n.str-chat__attachment-list .str-chat__attachment-type-icon {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 37);\n}\n\n.str-chat__message-attachment-audio-widget--play-button {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);\n display: flex;\n align-items: center;\n justify-content: center;\n height: calc(var(--str-chat__spacing-px) * 36);\n width: calc(var(--str-chat__spacing-px) * 36);\n cursor: pointer;\n}\n\n.str-chat__message-attachment-audio-widget--play-button svg {\n width: var(--str-chat__spacing-3);\n}\n\n.str-chat__quoted-message-preview {\n /* stylelint-disable-next-line length-zero-no-unit /\n --str-chat__attachment-margin: 0px;\n}\n\n.str-chat__quoted-message-preview {\n cursor: pointer !important;\n}\n\n.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--source-link,\n.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--content {\n display: none;\n}\n\n.str-chat__quoted-message-preview .str-chat__message-attachment__voice-recording-widget {\n display: flex;\n justify-content: space-between;\n}\n\n.str-chat__quoted-message-preview .str-chat__message-attachment__voice-recording-widget .str-chat__wave-progress-bar__track {\n display: none;\n}\n\n.str-chat__quoted-message-preview .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment-audio-widget--play-button {\n display: none;\n}\n\n.str-chat__quoted-message-preview .str-chat__message-attachment-file--item-download {\n display: none;\n}\n\n.str-chat__message .str-chat__quoted-message-preview .str-chat__message-attachment-file--item {\n padding: 0;\n}\n\n.str-chat__audio_recorder__waveform-box,\n.str-chat__wave-progress-bar__track {\n position: relative;\n flex: 1;\n width: 120px;\n height: calc(var(--str-chat__spacing-px) * 25);\n display: flex;\n align-items: center;\n gap: var(--str-chat__spacing-px);\n}\n\n.str-chat__audio_recorder__waveform-box .str-chat__wave-progress-bar__amplitude-bar,\n.str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__amplitude-bar {\n width: 2px;\n min-width: 2px;\n height: calc(var(--str-chat__wave-progress-bar__amplitude-bar-height) + 2px);\n}\n\n.str-chat__audio_recorder__waveform-box .str-chat__wave-progress-bar__progress-indicator,\n.str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__progress-indicator {\n position: absolute;\n left: 0;\n height: calc(100% + 2px + 2px);\n width: calc(var(--str-chat__spacing-px) * 6);\n}\n\n.str-chat__attachment-list-angular-host {\n min-width: 0;\n}\n\n.str-chat__attachment-preview-list {\n --str-chat__loading-indicator-size: calc(var(--str-chat__spacing-px) * 18);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--str-chat__spacing-1_5);\n width: 100%;\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-list-scroll-container {\n overflow-y: hidden;\n overflow-x: auto;\n width: 100%;\n max-width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n column-gap: var(--str-chat__spacing-2);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-image {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n height: calc(var(--str-chat__spacing-px) * 72);\n width: calc(var(--str-chat__spacing-px) * 72);\n min-width: calc(var(--str-chat__spacing-px) * 72);\n overflow: hidden;\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-image-loading {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-thumbnail {\n object-fit: cover;\n height: calc(var(--str-chat__spacing-px) * 72);\n width: calc(var(--str-chat__spacing-px) * 72);\n word-break: break-all;\n overflow: hidden;\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: calc(var(--str-chat__spacing-px) * 72);\n width: calc(var(--str-chat__spacing-px) * 200);\n position: relative;\n padding: 0 var(--str-chat__spacing-4);\n column-gap: var(--str-chat__spacing-2);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-metadata,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-end,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-metadata,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-end,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-metadata,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end {\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n min-width: 0;\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-metadata .str-chat__attachment-preview-title,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-metadata .str-chat__attachment-preview-file-name,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-end .str-chat__attachment-preview-title,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-name,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-metadata .str-chat__attachment-preview-title,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-metadata .str-chat__attachment-preview-file-name,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-end .str-chat__attachment-preview-title,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-name,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-metadata .str-chat__attachment-preview-title,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-metadata .str-chat__attachment-preview-file-name,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-title,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-name {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n max-width: 100%;\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-icon,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-icon,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-icon {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 37);\n --str-chat-icon-width: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-icon svg,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-icon svg,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-icon svg {\n height: calc(var(--str-chat__spacing-px) * 37);\n width: unset;\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-download {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 16);\n line-height: calc(var(--str-chat__spacing-px) * 13);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-download svg {\n width: calc(var(--str-chat__spacing-px) * 16);\n height: calc(var(--str-chat__spacing-px) * 16);\n}\n\n.str-chat__attachment-preview-list button.str-chat__attachment-preview-delete {\n padding: unset;\n background: unset;\n border: unset;\n border-radius: var(--str-chat__border-radius-circle);\n display: flex;\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-delete {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);\n position: absolute;\n top: calc(var(--str-chat__spacing-px) * 2);\n inset-inline-end: calc(var(--str-chat__spacing-px) * 2);\n cursor: pointer;\n z-index: 1;\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-delete svg {\n width: calc(var(--str-chat__spacing-px) * 24);\n height: calc(var(--str-chat__spacing-px) * 24);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-error {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n width: 100%;\n height: 100%;\n padding: unset;\n background: unset;\n border: unset;\n border-radius: unset;\n inset-inline-start: 0;\n cursor: pointer;\n z-index: 1;\n}\n\n.str-chat__attachment-preview-list-angular-host {\n width: 100%;\n max-width: 100%;\n}\n\n.str-chat__message-textarea-angular-host {\n position: relative;\n}\n\n.str-chat__message-textarea-angular-host mention-list {\n width: 100%;\n}\n\n.str-chat__message-textarea-angular-host .mention-menu {\n padding: var(--str-chat__spacing-2) 0 !important;\n margin: 0 !important;\n max-width: 100%;\n}\n\n.str-chat__message-textarea-angular-host .mention-menu .mention-item {\n padding: 0 !important;\n}\n\n.str-chat__suggestion-list-container {\n position: absolute;\n bottom: var(--str-chat__spacing-7);\n width: 100%;\n padding: var(--str-chat__spacing-2) 0;\n}\n\n.str-chat__suggestion-list-container .str-chat__suggestion-list {\n overflow-y: auto;\n max-height: calc(var(--str-chat__spacing-px) * 320);\n display: flex;\n flex-direction: column;\n list-style: none;\n padding: unset;\n margin: unset;\n}\n\n.str-chat__slash-command {\n padding: var(--str-chat__spacing-2_5);\n}\n\n.str-chat__slash-command .str-chat__slash-command-header .str-chat__slash-command-args {\n margin-inline-start: var(--str-chat__spacing-2);\n}\n\n.str-chat__user-item {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--str-chat__spacing-2_5);\n column-gap: var(--str-chat__spacing-2);\n}\n\n.str-chat__user-item .str-chat__user-item--name {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n overflow-y: hidden;\n width: 100%;\n}\n\n.str-chat__emoji-item {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--str-chat__spacing-2_5);\n column-gap: var(--str-chat__spacing-2);\n}\n\n.str-chat__emoji-item .str-chat__emoji-item--name {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n width: 100%;\n}\n\n.str-chat__message-textarea-angular-host--autocomplete-hidden mention-list {\n display: none;\n}\n\n.str-chat__audio_recorder-container {\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 100%;\n min-height: 3.25rem;\n padding-inline: 1rem;\n}\n\n.str-chat__audio_recorder {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.375rem;\n}\n\n.str-chat__audio_recorder button {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n padding: 0;\n}\n\n.str-chat__audio_recorder .str-chat__audio_recorder__cancel-button svg {\n height: 28px;\n}\n\n.str-chat__audio_recorder .str-chat__audio_recorder__toggle-playback-button svg {\n height: 16px;\n}\n\n.str-chat__audio_recorder .str-chat__audio_recorder__pause-recording-button svg {\n height: 12px;\n}\n\n.str-chat__audio_recorder .str-chat__audio_recorder__resume-recording-button svg {\n height: 24px;\n}\n\n.str-chat__audio_recorder .str-chat__audio_recorder__stop-button svg {\n height: 12px;\n}\n\n.str-chat__audio_recorder .str-chat__audio_recorder__complete-button svg {\n height: 16px;\n}\n\n.str-chat__audio_recorder .str-chat__recording-timer {\n display: flex;\n align-items: center;\n width: 3rem;\n}\n\n.str-chat__audio_recorder .str-chat__recording-timer--hours {\n width: 3.75rem;\n}\n\n.str-chat__audio_recorder .str-chat__wave-progress-bar__track-container {\n padding-block: 0.5rem;\n overflow-x: auto;\n height: fit-content;\n}\n\n.str-chat__audio_recorder .str-chat__waveform-box-container {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 100%;\n}\n\n.str-chat__audio_recorder .str-chat__audio_recorder__waveform-box,\n.str-chat__audio_recorder .str-chat__wave-progress-bar__track {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n flex-wrap: nowrap;\n height: 2rem;\n margin-inline: 1rem;\n}\n\n.str-chat__audio_recorder .str-chat__wave-progress-bar__track {\n width: 120px;\n}\n\n.str-chat__audio_recorder .str-chat__audio_recorder__waveform-box {\n overflow-x: hidden;\n}\n\n.str-chat__base-image .str-chat__message-attachment-file--item-download {\n display: block;\n}\n\n.str-chat__message-attachment-card--header .str-chat__message-attachment-file--item-download,\n.str-chat__gallery-image .str-chat__message-attachment-file--item-download,\n.str-chat__message-attachment--image .str-chat__message-attachment-file--item-download {\n position: absolute;\n top: 0.5rem;\n right: 1rem;\n}\n\n.str-chat__attachment-preview-image .str-chat__message-attachment-file--item-download {\n display: none;\n}\n\n.str-chat__channel {\n height: 100%;\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n.str-chat__channel .str-chat__container {\n height: 100%;\n display: flex;\n}\n\n.str-chat__channel .str-chat__container .str-chat__main-panel {\n height: 100%;\n display: flex;\n flex-direction: column;\n width: 100%;\n min-width: 0;\n}\n\n.str-chat__channel .str-chat__container .str-chat__main-panel--hideOnThread {\n display: none;\n}\n\n.str-chat__empty-channel {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 136);\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: var(--str-chat__spacing-4);\n position: relative;\n}\n\n.str-chat__empty-channel svg {\n width: calc(var(--str-chat__spacing-px) * 136);\n height: calc(var(--str-chat__spacing-px) * 136);\n}\n\n.str-chat__empty-channel .str-chat__empty-channel-notifications {\n position: absolute;\n inset-block-end: var(--str-chat__spacing-2);\n}\n\n.str-chat__loading-channel {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-header {\n display: flex;\n padding: var(--str-chat__spacing-2);\n column-gap: var(--str-chat__spacing-4);\n align-items: center;\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-avatar {\n flex-shrink: 0;\n width: calc(var(--str-chat__spacing-px) * 40);\n height: calc(var(--str-chat__spacing-px) * 40);\n border-radius: var(--str-chat__avatar-border-radius);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end {\n display: flex;\n flex-direction: column;\n overflow-y: hidden;\n overflow-x: hidden;\n flex: 1;\n row-gap: var(--str-chat__spacing-1_5);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end .str-chat__loading-channel-header-name {\n border-radius: var(--str-chat__border-radius-xs);\n height: calc(var(--str-chat__spacing-px) * 16);\n width: calc(var(--str-chat__spacing-px) * 170);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end .str-chat__loading-channel-header-info {\n border-radius: var(--str-chat__border-radius-xs);\n height: calc(var(--str-chat__spacing-px) * 16);\n width: calc(var(--str-chat__spacing-px) * 66);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-list {\n padding: 0 var(--str-chat__spacing-2);\n height: 100%;\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__li {\n margin-inline: calc(-1 * var(--str-chat__spacing-2));\n padding-inline: var(--str-chat__spacing-2);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__parent-message-li {\n margin-inline: calc(-1 * var(--str-chat__spacing-2));\n}\n\n@media only screen and (min-device-width: 768px) {\n .str-chat__loading-channel .str-chat__loading-channel-message-list {\n padding: 0 min(var(--str-chat__spacing-10), 4%);\n }\n .str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__li {\n margin-inline: calc(-1 * min(var(--str-chat__spacing-10), 4%));\n padding-inline: min(var(--str-chat__spacing-10), 4%);\n }\n .str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__parent-message-li {\n margin-inline: calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px);\n }\n}\n.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message {\n display: flex;\n width: 100%;\n column-gap: var(--str-chat__spacing-2);\n padding: var(--str-chat__spacing-4) 0;\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-avatar {\n flex-shrink: 0;\n width: calc(var(--str-chat__spacing-px) * 49);\n height: calc(var(--str-chat__spacing-px) * 49);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-end {\n display: flex;\n flex-direction: column;\n width: 100%;\n row-gap: var(--str-chat__spacing-2);\n}\n\n.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 {\n display: flex;\n width: 100%;\n column-gap: var(--str-chat__spacing-2);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-sender {\n height: calc(var(--str-chat__spacing-px) * 16);\n width: calc(var(--str-chat__spacing-px) * 66);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-text {\n height: calc(var(--str-chat__spacing-px) * 16);\n width: 100%;\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-date {\n height: calc(var(--str-chat__spacing-px) * 16);\n width: calc(var(--str-chat__spacing-px) * 50);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2) {\n flex-direction: row-reverse;\n}\n\n.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 {\n align-self: end;\n}\n\n.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 {\n flex-direction: row-reverse;\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-input-row {\n display: flex;\n column-gap: var(--str-chat__spacing-2);\n padding: var(--str-chat__spacing-2);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-input {\n width: 100%;\n height: calc(var(--str-chat__spacing-px) * 36);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-send {\n height: calc(var(--str-chat__spacing-px) * 36);\n width: calc(var(--str-chat__spacing-px) * 36);\n}\n\n.str-chat__channel-header {\n display: flex;\n padding: var(--str-chat__spacing-2);\n column-gap: var(--str-chat__spacing-4);\n align-items: center;\n}\n\n.str-chat__channel-header .str-chat__header-hamburger {\n display: none;\n}\n\n.str-chat__channel-header .str-chat__channel-header-end {\n display: flex;\n flex-direction: column;\n overflow-y: hidden;\n overflow-x: hidden;\n flex: 1;\n row-gap: var(--str-chat__spacing-1_5);\n}\n\n.str-chat__channel-header .str-chat__channel-header-end p {\n margin: 0;\n}\n\n.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-title,\n.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-info {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n}\n\n.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-title {\n overflow-y: hidden;\n}\n\n.str-chat__channel-list {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.str-chat__channel-list .str-chat__channel-list-messenger {\n height: 100%;\n}\n\n.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main {\n height: 100%;\n}\n\n.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 136);\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: var(--str-chat__spacing-4);\n}\n\n.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty svg {\n width: calc(var(--str-chat__spacing-px) * 136);\n height: calc(var(--str-chat__spacing-px) * 136);\n}\n\n.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty-v1 {\n display: none;\n}\n\n.str-chat__channel-list .str-chat__load-more-button {\n display: flex;\n justify-content: center;\n margin: var(--str-chat__spacing-2) 0;\n}\n\n.str-chat__channel-list .str-chat__load-more-button .str-chat__load-more-button__button {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.str-chat__channel-list .str-chat__down-main {\n display: none;\n}\n\n.str-chat__channel-list-react {\n overflow: hidden;\n}\n\n.str-chat__channel-list-react .str-chat__channel-list-messenger-react {\n overflow: hidden;\n padding-bottom: var(--str-chat__spacing-2_5);\n}\n\n.str-chat__channel-list-react .str-chat__channel-list-messenger-react .str-chat__channel-list-messenger-react__main {\n overflow-y: auto;\n}\n\n.str-chat__channel-preview {\n display: flex;\n column-gap: var(--str-chat__spacing-2);\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);\n margin: 0;\n text-align: start;\n cursor: pointer;\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-end {\n display: flex;\n flex-direction: column;\n row-gap: var(--str-chat__spacing-0_5);\n width: 100%;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n min-width: 0;\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row {\n display: flex;\n column-gap: var(--str-chat__spacing-1);\n align-items: stretch;\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row .str-chat__channel-preview-unread-badge {\n display: flex;\n align-items: center;\n padding: 0 var(--str-chat__spacing-2);\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row .str-chat__channel-preview-messenger--name {\n width: 100%;\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-second-row {\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n min-width: 0;\n display: flex;\n column-gap: var(--str-chat__spacing-1);\n align-items: center;\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-second-row .str-chat__channel-preview-messenger--last-message {\n flex: 1;\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-second-row .str-chat__channel-preview-messenger--status {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 15);\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-second-row .str-chat__channel-preview-messenger--status svg {\n width: calc(var(--str-chat__spacing-px) * 15);\n height: calc(var(--str-chat__spacing-px) * 15);\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--name,\n.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--last-message {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n overflow-y: hidden;\n min-width: 0;\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--name p,\n.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--last-message p {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n margin: 0;\n}\n\n.str-chat__channel-preview-loading {\n display: flex;\n column-gap: var(--str-chat__spacing-2);\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);\n margin: 0;\n text-align: start;\n}\n\n.str-chat__channel-preview-loading .str-chat__channel-preview-end-loading {\n display: flex;\n flex-direction: column;\n row-gap: var(--str-chat__spacing-0_5);\n width: 100%;\n}\n\n.str-chat__channel-preview-loading .str-chat__loading-channels-username {\n height: calc(var(--str-chat__spacing-px) * 16);\n width: calc(var(--str-chat__spacing-px) * 66);\n}\n\n.str-chat__channel-preview-loading .str-chat__loading-channels-status {\n height: calc(var(--str-chat__spacing-px) * 16);\n width: 100%;\n}\n\n.str-chat__channel-search {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.str-chat__channel-search.str-chat__channel-search--with-results.str-chat__channel-search--inline {\n height: 100%;\n}\n\n.str-chat__channel-search.str-chat__channel-search--inline {\n min-height: 0;\n}\n\n.str-chat__channel-search .str-chat__channel-search-bar {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--str-chat__spacing-2_5);\n height: 65px;\n}\n\n.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-bar-button {\n background: none;\n border: none;\n width: calc(var(--str-chat__spacing-px) * 40);\n height: calc(var(--str-chat__spacing-px) * 40);\n padding: var(--str-chat__spacing-2_5);\n cursor: pointer;\n}\n\n.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper {\n display: flex;\n align-items: center;\n flex: 1;\n padding: var(--str-chat__spacing-2_5);\n min-width: 0;\n}\n\n.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--icon,\n.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button {\n display: inline-flex;\n padding: 0 var(--str-chat__spacing-2_5);\n}\n\n.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button {\n background: none;\n border: none;\n cursor: pointer;\n}\n\n.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button:disabled {\n cursor: default;\n}\n\n.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper input {\n flex: 1;\n min-width: 0;\n}\n\n.str-chat__channel-search .str-chat__channel-search-container-searching {\n width: 100%;\n padding: var(--str-chat__spacing-5) var(--str-chat__spacing-4);\n}\n\n.str-chat__channel-search .str-chat__channel-search-results-header {\n width: 100%;\n padding: var(--str-chat__spacing-5) var(--str-chat__spacing-4);\n}\n\n.str-chat__channel-search .str-chat__channel-search-result-list {\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.str-chat__channel-search .str-chat__channel-search-result-list.inline {\n flex: 1;\n}\n\n.str-chat__channel-search .str-chat__channel-search-result-list.popup {\n position: absolute;\n left: 0;\n right: 0;\n top: 65px;\n height: 400px;\n z-index: 1;\n}\n\n.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-container-empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding: var(--str-chat__spacing-5) var(--str-chat__spacing-4);\n}\n\n.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-container-empty svg {\n height: calc(var(--str-chat__spacing-px) * 90 + var(--str-chat__spacing-20));\n width: calc(var(--str-chat__spacing-px) * 90);\n padding: var(--str-chat__spacing-10) 0;\n}\n\n.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-result {\n background: none;\n border: none;\n display: flex;\n align-items: center;\n width: 100%;\n column-gap: var(--str-chat__spacing-2);\n padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);\n}\n\n.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-result .channel-search__result-text,\n.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-result .str-chat__channel-search-result--display-name {\n overflow-y: hidden;\n}\n\n.str-chat__cta-button {\n padding: var(--str-chat__spacing-3_5) var(--str-chat__spacing-6);\n cursor: pointer;\n}\n\n.str-chat__circle-fab {\n width: calc(var(--str-chat__spacing-px) * 42);\n height: calc(var(--str-chat__spacing-px) * 42);\n padding: 0;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.str-chat__circle-fab .str-chat__circle-fab-icon {\n display: inline-block;\n height: calc(var(--str-chat__spacing-px) * 24);\n}\n\n.str-chat__edit-message-form {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n justify-content: center;\n row-gap: var(--str-chat__spacing-5);\n width: 100%;\n height: 100%;\n min-height: 0;\n min-width: 0;\n max-width: 100%;\n max-height: 100%;\n}\n\n.str-chat__edit-message-form .str-chat__edit-message-form-options {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n}\n\n.str-chat__edit-message-form .str-chat__edit-message-form-options button {\n cursor: pointer;\n margin: 0;\n}\n\n.str-chat-angular__edit-message-form .str-chat__message-input-angular-host {\n max-height: 100%;\n min-height: 0;\n display: flex;\n min-width: 0;\n max-width: 100%;\n}\n\n.str-chat-angular__edit-message-form .str-chat__modal--open .str-chat__modal__inner {\n height: 40%;\n max-height: 80%;\n min-width: 90%;\n max-width: 90%;\n width: 90%;\n flex-basis: min-content;\n}\n\n@media only screen and (min-device-width: 768px) {\n .str-chat-angular__edit-message-form .str-chat__modal--open .str-chat__modal__inner {\n min-width: 40%;\n max-width: 60%;\n width: min-content;\n }\n}\n.str-chat__image-carousel {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n min-height: 0;\n min-width: 0;\n max-width: 100%;\n max-height: 100%;\n height: 100%;\n}\n\n.str-chat__image-carousel .str-chat__image-carousel-stepper {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 30);\n padding: var(--str-chat__spacing-2_5);\n border: none;\n cursor: pointer;\n background: transparent;\n}\n\n.str-chat__image-carousel .str-chat__image-carousel-image {\n object-fit: contain;\n min-height: 0;\n max-height: 100%;\n min-width: 0;\n max-width: 100%;\n height: 100%;\n width: 100%;\n}\n\n.str-chat__message .str-chat__attachment-list .str-chat__modal--open .str-chat__modal__inner {\n height: 80%;\n width: 80%;\n}\n\n@media only screen and (max-device-width: 768px) {\n .str-chat__message .str-chat__attachment-list .str-chat__modal--open .str-chat__modal__inner {\n height: 100%;\n width: 100%;\n }\n}\n[dir=rtl] .str-chat__image-carousel-stepper svg {\n transform: scale(-1, 1);\n}\n\n/* Only available in Angular v5+ /\n.str-chat {\n / The height of the icon, only available in Angular v5+ /\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) 24);\n /* The width of the icon, only available in Angular v5+ /\n --str-chat-icon-width: auto;\n}\n\n.str-chat__icon {\n display: flex;\n font-family: \"stream-chat-icons\";\n font-style: normal;\n font-weight: normal;\n font-size: var(--str-chat-icon-height);\n line-height: var(--str-chat-icon-height);\n height: var(--str-chat-icon-height);\n width: var(--str-chat-icon-width);\n}\n\n.str-chat__icon::before {\n line-height: var(--str-chat-icon-height);\n}\n\n.str-chat__icon--unspecified-filetype {\n content: url(\"data:image/svg+xml;base64,PHN2ZwogIGRhdGEtdGVzdGlkPSJ1bnNwZWNpZmllZC1maWxldHlwZSIKICB3aWR0aD0iMzQiCiAgaGVpZ2h0PSI0MCIKICB2aWV3Qm94PSIwIDAgMzQgNDAiCiAgZmlsbD0ibm9uZSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCj4KICA8cGF0aAogICAgZD0iTTAgM0MwIDEuMzQzMTUgMS4zNDMxNSAwIDMgMEgyM0wzNCAxMVYzN0MzNCAzOC42NTY5IDMyLjY1NjkgNDAgMzEgNDBIM0MxLjM0MzE1IDQwIDAgMzguNjU2OSAwIDM3VjNaIgogICAgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIKICAvPgogIDxwYXRoIGQ9Ik0zNCAxMUwyNiAxMUMyNC4zNDMxIDExIDIzIDkuNjU2ODUgMjMgOFYwTDM0IDExWiIgZmlsbD0iI0RCREJEQiIgLz4KICA8cGF0aAogICAgZmlsbC1ydWxlPSJldmVub2RkIgogICAgY2xpcC1ydWxlPSJldmVub2RkIgogICAgZD0iTTggMTNIMjNWMTVIOFYxM1oiCiAgICBmaWxsPSIjQ0ZDRkNGIgogIC8+CiAgPHBhdGgKICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik04IDE3SDE4VjE5SDhWMTdaIgogICAgZmlsbD0iI0NGQ0ZDRiIKICAvPgogIDxwYXRoCiAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICBkPSJNOCAyMUgyM1YyM0g4VjIxWiIKICAgIGZpbGw9IiNDRkNGQ0YiCiAgLz4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudAogICAgICBpZD0icGFpbnQwX2xpbmVhciIKICAgICAgeDE9IjAiCiAgICAgIHkxPSIwIgogICAgICB4Mj0iMCIKICAgICAgeTI9IjQwIgogICAgICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgID4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIC8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0RCREJEQiIgLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgo8L3N2Zz4=\");\n}\n\n.str-chat__icon--audio-file {\n content: url(\"data:image/svg+xml;base64,PHN2ZwogIGNsYXNzPSJyZnUtZmlsZS1hdWRpbyIKICBmaWxsPSJub25lIgogIHZpZXdCb3g9IjAgMCAzNCA0MCIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgaGVpZ2h0PSIyMCIKICB3aWR0aD0iMjAiCj4KICA8cGF0aAogICAgY2xpcC1ydWxlPSJldmVub2RkIgogICAgZD0iTTE3LjcxNjggMzMuMTcyQzE4LjIzNDggMzMuMTcyIDE4LjQyMzggMzMuNjU1IDE4LjQyMzggMzQuMThDMTguNDIzOCAzNC42NDIgMTguMjk3OCAzNS4xOTUgMTcuNzE2OCAzNS4xOTVDMTcuMTcwOCAzNS4xOTUgMTYuOTg4OCAzNC42NDIgMTYuOTg4OCAzNC4xNDVDMTYuOTg4OCAzMy42ODMgMTcuMTcwOCAzMy4xNzIgMTcuNzE2OCAzMy4xNzJaTTE5LjU3MTggMzEuMDAySDE4LjM4MThWMzIuNzU4OUgxOC4zNjc4QzE4LjEyMjggMzIuNDMgMTcuNzc5OCAzMi4yNjIgMTcuMzMxOCAzMi4yNjJDMTYuMzAyOCAzMi4yNjIgMTUuNzk4OCAzMy4xNTggMTUuNzk4OCAzNC4xMDNDMTUuNzk4OCAzNS4xMjUgMTYuMjgxOCAzNi4xMDQ5IDE3LjQyMjggMzYuMTA0OUMxNy44NDI4IDM2LjEwNDkgMTguMTkyOCAzNS45MjMgMTguNDIzOCAzNS41OEgxOC40Mzc4VjM2SDE5LjU3MThWMzEuMDAyWk0xMi43MDk1IDM0LjE4NzJDMTIuNzA5NSAzMy43MjUyIDEyLjg3NzUgMzMuMTcyMiAxMy40MzA1IDMzLjE3MjJDMTMuOTgzNSAzMy4xNzIyIDE0LjE1ODUgMzMuNzI1MiAxNC4xNTg1IDM0LjE4NzJDMTQuMTU4NSAzNC42NDkyIDEzLjk4MzUgMzUuMTk1MiAxMy40MzA1IDM1LjE5NTJDMTIuODc3NSAzNS4xOTUyIDEyLjcwOTUgMzQuNjQ5MiAxMi43MDk1IDM0LjE4NzJaTTExLjUxOTUgMzQuMTg3MkMxMS41MTk1IDM1LjI3OTIgMTIuMzAzNSAzNi4xMDUyIDEzLjQzMDUgMzYuMTA1MkMxNC41NTc1IDM2LjEwNTIgMTUuMzQ4NSAzNS4yNzkyIDE1LjM0ODUgMzQuMTg3MkMxNS4zNDg1IDMzLjA5NTIgMTQuNTU3NSAzMi4yNjIyIDEzLjQzMDUgMzIuMjYyMkMxMi4zMDM1IDMyLjI2MjIgMTEuNTE5NSAzMy4wOTUyIDExLjUxOTUgMzQuMTg3MlpNMjEuODM5IDMyLjM2NzFIMjIuNTc0VjMzLjEzNzFIMjEuODM5VjM0Ljc4OTFDMjEuODM5IDM1LjA3NjEgMjIuMDA3IDM1LjEzOTEgMjIuMjY2IDM1LjEzOTFDMjIuMzE0MiAzNS4xMzkxIDIyLjM2NCAzNS4xMzU3IDIyLjQxNDcgMzUuMTMyM0MyMi40NjcyIDM1LjEyODcgMjIuNTIwNiAzNS4xMjUxIDIyLjU3NCAzNS4xMjUxVjM2LjAwMDFDMjIuNDgxIDM2LjAwMzEgMjIuMzg4IDM2LjAwOTkgMjIuMjk1IDM2LjAxNjhDMjIuMTcxIDM2LjAyNTkgMjIuMDQ3IDM2LjAzNTEgMjEuOTIzIDM2LjAzNTFDMjAuOTA4IDM2LjAzNTEgMjAuNjQ5IDM1Ljc0MTEgMjAuNjQ5IDM0Ljc1NDFWMzMuMTM3MUgyMC4wNDdWMzIuMzY3MUgyMC42NDlWMzEuMjY4MUgyMS44MzlWMzIuMzY3MVoiCiAgICBmaWxsPSJ3aGl0ZSIKICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICA+PC9wYXRoPgogIDxwYXRoCiAgICBkPSJNMCAyOEgzNFYzN0MzNCAzOC42NTY5IDMyLjY1NjkgNDAgMzEgNDBIM0MxLjM0MzE1IDQwIDAgMzguNjU2OSAwIDM3VjI4WiIKICAgIGZpbGw9IiMyNzI3QjAiCiAgPjwvcGF0aD4KICA8cGF0aCBkPSJNMCAzQzAgMS4zNDMxNSAxLjM0MzE1IDAgMyAwSDIzTDM0IDExVjI4SDBWM1oiIGZpbGw9IiNGNUY1RjUiPjwvcGF0aD4KICA8cGF0aAogICAgZD0iTTM0IDExTDI2IDExQzI0LjM0MzEgMTEgMjMgOS42NTY4NSAyMyA4VjBMMzQgMTFaIgogICAgZmlsbD0iI0RCREJEQiIKICA+PC9wYXRoPgogIDxwYXRoCiAgICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICBkPSJNOC44NzkxMiAyMS45NDFIMTIuMjk4TDE2Ljk1MjEgMjQuNzQ5M0MxNy4wMzA3IDI0LjgxMzggMTcuMTI5MyAyNC44NDkgMTcuMjMxMSAyNC44NDlDMTcuNDczOCAyNC44NDg4IDE3LjY3MDUgMjQuNjUxOSAxNy42NzAzIDI0LjQwOTJWMTIuNDM5OUMxNy42NzA0IDEyLjMzODEgMTcuNjM1MiAxMi4yMzk2IDE3LjU3MDcgMTIuMTYwOUMxNy40MTY4IDExLjk3MzIgMTcuMTM5OCAxMS45NDU3IDE2Ljk1MjEgMTIuMDk5NkwxMi4yOTggMTQuOTA4SDguODc5MTJDOC4zOTM2IDE0LjkwOCA4IDE1LjMwMTYgOCAxNS43ODcxVjIxLjA2MTlDOCAyMS41NDc0IDguMzkzNiAyMS45NDEgOC44NzkxMiAyMS45NDFaTTEyLjkyNTggMTYuNjY2NEwxNS45MTIyIDE1LjIyMjRWMjEuNjI2OEwxMi45MjU4IDIwLjE4MjlIOS43NTgzVjE2LjY2NjRIMTIuOTI1OFpNMTkuODUxMSAxNi4zNTE3QzE5LjQ3NCAxNi40MDkyIDE5LjIzOTcgMTYuNjYzNyAxOS4zMjgzIDE2LjkxOTFMMTkuMzI2MiAxNi45MkMxOS41Mjk1IDE3LjQ5OTUgMTkuNjMwNSAxOC4wOTggMTkuNjI4NCAxOC42OTUzQzE5LjYzMDUgMTkuMjk3NSAxOS41MjM3IDE5LjkwMTQgMTkuMzE5NiAyMC40OTA5QzE5LjIyOSAyMC43NDYyIDE5LjQ2ODIgMjAuOTk5NiAxOS44NDc0IDIxLjA2QzE5LjkwMDggMjEuMDY4MyAxOS45NTQyIDIxLjA3MiAyMC4wMDc2IDIxLjA3MkMyMC4zMjU5IDIxLjA3MiAyMC42MTU2IDIwLjkyMzQgMjAuNjkyMiAyMC43MDU3QzIwLjkxOTQgMjAuMDQ1MSAyMS4wMzM3IDE5LjM3IDIxLjAzNzQgMTguNjk1M0MyMS4wMzQ5IDE4LjAyNTEgMjAuOTIxMSAxNy4zNTc1IDIwLjY5NTUgMTYuNzAzNUMyMC42MDUzIDE2LjQ0NzcgMjAuMjI5IDE2LjI5MDggMTkuODUxMSAxNi4zNTE3Wk0yMi4xNjA1IDE0LjYwMjhDMjIuNTI1MiAxNC41MTYzIDIyLjkyNTkgMTQuNjQ1NCAyMy4wNTUgMTQuODkzOEMyMy42ODkxIDE2LjExNTcgMjQgMTcuNDA0MiAyNCAxOC42OTIzQzI0LjAwMDQgMTkuOTg5NSAyMy42Nzk2IDIxLjI4MzkgMjMuMDUyMSAyMi41MTUzQzIyLjk1MDMgMjIuNzEyMyAyMi42NzYzIDIyLjgzNDQgMjIuMzgyOCAyMi44MzQ0QzIyLjMwNzEgMjIuODM0NCAyMi4yMzAxIDIyLjgyNjEgMjIuMTU0MyAyMi44MDkyQzIxLjc4NjMgMjIuNzI1MSAyMS41OTE0IDIyLjQ1MzYgMjEuNzE4NSAyMi4yMDc3QzIyLjI5ODggMjEuMDc2MSAyMi41OTIyIDE5Ljg4MzYgMjIuNTkzMSAxOC42OTE5QzIyLjU5MzEgMTcuNTA1NiAyMi4zMDU0IDE2LjMyMjIgMjEuNzI3NiAxNS4yMDI1QzIxLjYwMDEgMTQuOTU2MyAyMS43OTUgMTQuNjg2IDIyLjE2MDUgMTQuNjAyOFoiCiAgICBmaWxsPSIjMjcyN0IwIgogICAgZmlsbC1ydWxlPSJldmVub2RkIgogID48L3BhdGg+Cjwvc3ZnPg==\");\n}\n\n.str-chat__icon--action::before {\n content: \"\\e800\";\n} / '' /\n.str-chat__icon--arrow-down::before {\n content: \"\\e801\";\n} / '' /\n.str-chat__icon--arrow-left::before {\n content: \"\\e802\";\n} / '' /\n.str-chat__icon--arrow-right::before {\n content: \"\\e803\";\n} / '' /\n.str-chat__icon--close::before {\n content: \"\\e804\";\n} / '' /\n.str-chat__icon--arrow-up::before {\n content: \"\\e805\";\n} / '' /\n.str-chat__icon--chat-bubble::before {\n content: \"\\e806\";\n} / '' /\n.str-chat__icon--pause::before {\n content: \"\\e807\";\n} / '' /\n.str-chat__icon--download::before {\n content: \"\\e808\";\n} / '' /\n.str-chat__icon--delivered::before {\n content: \"\\e809\";\n} / '' /\n.str-chat__icon--play::before {\n content: \"\\e80a\";\n} / '' /\n.str-chat__icon--reaction::before {\n content: \"\\e80b\";\n} / '' /\n.str-chat__icon--error::before {\n content: \"\\e80c\";\n} / '' /\n.str-chat__icon--read::before {\n content: \"\\e80d\";\n} / '' /\n.str-chat__icon--retry::before {\n content: \"\\e80e\";\n} / '' /\n.str-chat__icon--reply-in-thread::before {\n content: \"\\e80f\";\n} / '' /\n.str-chat__icon--send::before {\n content: \"\\e810\";\n} / '' /\n.str-chat__icon--attach::before {\n content: \"\\e811\";\n} / '' /\n.str-chat__link-preview-list {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n width: 100%;\n margin-bottom: 0.75rem;\n padding-inline: 0.75rem;\n}\n\n.str-chat__link-preview-card {\n width: 100%;\n min-width: 0;\n display: flex;\n align-items: center;\n justify-content: space-around;\n gap: 1rem;\n}\n\n.str-chat__link-preview-card .str-chat__tooltip {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n display: block;\n max-width: calc(var(--str-chat__spacing-px) 250);\n padding-inline: 0.5rem;\n}\n\n.str-chat__link-preview-card .str-chat__link-preview-card__icon-container {\n display: flex;\n align-items: center;\n}\n\n.str-chat__link-preview-card .str-chat__link-preview-card__content {\n width: 100%;\n min-width: 0;\n flex: 1;\n padding-inline: 0.5rem;\n}\n\n.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-title,\n.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-description {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n}\n\n.str-chat__link-preview-card .str-chat__link-preview-card__dismiss-button {\n background: none;\n border: none;\n cursor: pointer;\n}\n\n.str-chat {\n /* The size of the loading indicator, only available in Angular v5+ /\n --str-chat__loading-indicator-size: calc(var(--str-chat__spacing-px) 15);\n}\n\n.str-chat__loading-indicator {\n display: flex;\n align-items: center;\n justify-content: center;\n animation: rotate 1s linear infinite;\n}\n\n.str-chat__loading-indicator svg {\n width: var(--str-chat__loading-indicator-size);\n height: var(--str-chat__loading-indicator-size);\n}\n\n@-webkit-keyframes rotate {\n from {\n -webkit-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n to {\n -webkit-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes rotate {\n from {\n -ms-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -webkit-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n to {\n -ms-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -webkit-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n.str-chat {\n /* The width/height of the message options buttons /\n --str-chat__message-options-button-size: calc(var(--str-chat__spacing-px) 26);\n /* The maximum allowed width of the message component /\n --str-chat__message-max-width: calc(var(--str-chat__spacing-px) 480);\n /* The maximum allowed width of the message component, if it has attachments /\n --str-chat__message-with-attachment-max-width: calc(var(--str-chat__spacing-px) 300);\n /* The maximum allowed width of quoted messages inside the message component /\n --str-chat__quoted-message-max-width: calc(var(--str-chat__spacing-px) 250);\n /* The maximum allowed width of quoted messages inside the message input component /\n --str-chat__quoted-message-inside-message-input-max-width: calc(\n var(--str-chat__spacing-px) 200\n );\n /* The maximum allowed height of quoted messages inside the message input component /\n --str-chat__quoted-message-inside-message-input-max-height: calc(\n var(--str-chat__quoted-message-inside-message-input-max-width) +\n calc(var(--str-chat__spacing-px) 50)\n );\n}\n\n.str-chat__message .str-chat__message-bubble {\n max-width: var(--str-chat__message-max-width);\n}\n\n.str-chat__message .str-chat__message-options {\n --str-chat-icon-height: calc(var(--str-chat__message-options-button-size) * 0.7);\n}\n\n.str-chat__message.str-chat__message--has-attachment {\n --str-chat__message-max-width: var(--str-chat__message-with-attachment-max-width);\n}\n\n.str-chat__message.str-chat__message--has-attachment .str-chat__message-bubble {\n max-width: var(--str-chat__message-max-width);\n}\n\n.str-chat__quoted-message-preview {\n --str-chat__message-max-width: var(--str-chat__quoted-message-max-width);\n}\n\n.str-chat__quoted-message-preview .str-chat__quoted-message-bubble {\n pointer-events: none;\n max-width: var(--str-chat__message-max-width);\n}\n\n.str-chat__message,\n.str-chat__quoted-message-preview {\n display: grid;\n word-wrap: break-word;\n word-break: break-word;\n hyphens: auto;\n overflow-wrap: break-word;\n}\n\n.str-chat__message.str-chat__message--other, .str-chat__message.str-chat__quoted-message-preview,\n.str-chat__quoted-message-preview.str-chat__message--other,\n.str-chat__quoted-message-preview.str-chat__quoted-message-preview {\n grid-template-areas: \"avatar message\" \". replies\" \". translation-notice\" \". custom-metadata\" \". metadata\";\n column-gap: var(--str-chat__spacing-2);\n grid-template-columns: auto 1fr;\n justify-items: flex-start;\n}\n\n.str-chat__message.str-chat__message--me,\n.str-chat__quoted-message-preview.str-chat__message--me {\n grid-template-areas: \"message\" \"replies\" \"translation-notice\" \"custom-metadata\" \"metadata\";\n justify-items: end;\n}\n\n.str-chat__message.str-chat__message--me > .str-chat__message-sender-avatar,\n.str-chat__quoted-message-preview.str-chat__message--me > .str-chat__message-sender-avatar {\n display: none;\n}\n\n.str-chat__message.str-chat__message--deleted,\n.str-chat__quoted-message-preview.str-chat__message--deleted {\n grid-template-areas: \"message\";\n}\n\n.str-chat__message.str-chat__message--system,\n.str-chat__quoted-message-preview.str-chat__message--system {\n grid-template-areas: \"message\";\n grid-template-columns: auto;\n}\n\n.str-chat__message .str-chat__message-sender-avatar,\n.str-chat__quoted-message-preview .str-chat__message-sender-avatar {\n grid-area: avatar;\n align-self: end;\n}\n\n.str-chat__message .str-chat__message-inner,\n.str-chat__quoted-message-preview .str-chat__message-inner {\n grid-area: message;\n display: grid;\n grid-template-areas: \"reactions reactions\" \"message-bubble options\";\n grid-template-columns: auto 1fr;\n column-gap: var(--str-chat__spacing-2);\n position: relative;\n}\n\n.str-chat__message .str-chat__message-inner .str-chat__message-options,\n.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options {\n grid-area: options;\n align-items: flex-start;\n justify-content: flex-end;\n flex-direction: row-reverse;\n width: calc(3 * var(--str-chat__message-options-button-size));\n}\n\n.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,\n.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-reply-in-thread-button,\n.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-reactions-button,\n.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,\n.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-reply-in-thread-button,\n.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-reactions-button {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: var(--str-chat__message-options-button-size);\n height: var(--str-chat__message-options-button-size);\n}\n\n.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,\n.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-container,\n.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,\n.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-container {\n position: relative;\n}\n\n.str-chat__message .str-chat__message-inner .str-chat__message-reactions-host,\n.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-reactions-host {\n grid-area: reactions;\n}\n\n.str-chat__message .str-chat__message-inner .str-chat__message-bubble,\n.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble {\n grid-area: message-bubble;\n position: relative;\n min-width: 0;\n}\n\n.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text,\n.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text {\n padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);\n}\n\n.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p,\n.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p {\n margin: 0;\n}\n\n.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text .str-chat__message-text-inner,\n.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text .str-chat__message-text-inner {\n overflow-y: hidden;\n}\n\n.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p,\n.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p {\n white-space: pre-line;\n}\n\n.str-chat__message.str-chat__message--me .str-chat__message-inner,\n.str-chat__quoted-message-preview.str-chat__message--me .str-chat__message-inner {\n grid-template-areas: \"reactions reactions\" \"options message-bubble\";\n grid-template-columns: 1fr auto;\n}\n\n.str-chat__message.str-chat__message--me .str-chat__message-inner .str-chat__message-options,\n.str-chat__quoted-message-preview.str-chat__message--me .str-chat__message-inner .str-chat__message-options {\n flex-direction: row;\n}\n\n.str-chat__message .str-chat__translation-notice,\n.str-chat__quoted-message-preview .str-chat__translation-notice {\n grid-area: translation-notice;\n}\n\n.str-chat__message .str-chat__translation-notice button,\n.str-chat__quoted-message-preview .str-chat__translation-notice button {\n cursor: pointer;\n padding: var(--str-chat__spacing-1) 0;\n margin: 0;\n}\n\n.str-chat__message .str-chat__custom-message-metadata,\n.str-chat__quoted-message-preview .str-chat__custom-message-metadata {\n grid-area: custom-metadata;\n margin-block-start: var(--str-chat__spacing-0_5);\n}\n\n.str-chat__message .str-chat__message-metadata,\n.str-chat__quoted-message-preview .str-chat__message-metadata {\n grid-area: metadata;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n column-gap: var(--str-chat__spacing-1);\n margin-block-start: var(--str-chat__spacing-0_5);\n}\n\n.str-chat__message .str-chat__message-metadata .str-chat__message-simple-name,\n.str-chat__quoted-message-preview .str-chat__message-metadata .str-chat__message-simple-name {\n overflow-y: hidden;\n}\n\n.str-chat__message .str-chat__message-metadata .str-chat__message-simple-timestamp + .str-chat__mesage-simple-edited::before,\n.str-chat__quoted-message-preview .str-chat__message-metadata .str-chat__message-simple-timestamp + .str-chat__mesage-simple-edited::before {\n content: \"•\";\n margin-right: var(--str-chat__spacing-1);\n}\n\n.str-chat__message .str-chat__message-metadata .str-chat__message-edited-timestamp,\n.str-chat__quoted-message-preview .str-chat__message-metadata .str-chat__message-edited-timestamp {\n --str-chat__message-edited-timestamp-height: 1rem;\n flex-basis: 100%;\n}\n\n.str-chat__message.str-chat__message--me .str-chat__message-metadata,\n.str-chat__quoted-message-preview.str-chat__message--me .str-chat__message-metadata {\n justify-content: flex-end;\n text-align: right;\n}\n\n.str-chat__message .str-chat__message-status,\n.str-chat__quoted-message-preview .str-chat__message-status {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 15);\n display: flex;\n align-items: center;\n justify-content: center;\n column-gap: var(--str-chat__spacing-0_5);\n position: relative;\n}\n\n.str-chat__message .str-chat__message-status svg,\n.str-chat__quoted-message-preview .str-chat__message-status svg {\n width: calc(var(--str-chat__spacing-px) * 15);\n height: calc(var(--str-chat__spacing-px) * 15);\n}\n\n.str-chat__message .str-chat__message-replies-count-button-wrapper,\n.str-chat__quoted-message-preview .str-chat__message-replies-count-button-wrapper {\n grid-area: replies;\n}\n\n.str-chat__message .str-chat__message-replies-count-button-wrapper button,\n.str-chat__quoted-message-preview .str-chat__message-replies-count-button-wrapper button {\n cursor: pointer;\n padding: 0;\n}\n\n.str-chat__message .str-chat__message--deleted-inner,\n.str-chat__quoted-message-preview .str-chat__message--deleted-inner {\n padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);\n}\n\n.str-chat__message .str-chat__message--deleted-inner p,\n.str-chat__quoted-message-preview .str-chat__message--deleted-inner p {\n margin: 0;\n}\n\n.str-chat__message .str-chat__quoted-message-bubble,\n.str-chat__quoted-message-preview .str-chat__quoted-message-bubble {\n padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);\n display: flex;\n column-gap: var(--str-chat__spacing-1);\n min-width: 0;\n width: 100%;\n}\n\n.str-chat__message .str-chat__quoted-message-bubble p,\n.str-chat__quoted-message-preview .str-chat__quoted-message-bubble p {\n margin: 0;\n}\n\n.str-chat__message .str-chat__emoji-display-fix,\n.str-chat__quoted-message-preview .str-chat__emoji-display-fix {\n display: inline-block;\n width: 1.25em;\n}\n\n.str-chat__message .str-chat__message-error-icon,\n.str-chat__quoted-message-preview .str-chat__message-error-icon {\n display: none;\n}\n\n.str-chat__message .str-chat__simple-message--error-failed,\n.str-chat__quoted-message-preview .str-chat__simple-message--error-failed {\n cursor: pointer;\n}\n\n.str-chat__message.str-chat__message--error .str-chat__message-error-icon, .str-chat__message.str-chat__message--failed .str-chat__message-error-icon,\n.str-chat__quoted-message-preview.str-chat__message--error .str-chat__message-error-icon,\n.str-chat__quoted-message-preview.str-chat__message--failed .str-chat__message-error-icon {\n display: block;\n position: absolute;\n bottom: 0;\n inset-inline-end: calc(-1 * (calc(var(--str-chat__spacing-px) * 18) / 2));\n}\n\n.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,\n.str-chat__quoted-message-preview.str-chat__message--error .str-chat__message-error-icon svg,\n.str-chat__quoted-message-preview.str-chat__message--failed .str-chat__message-error-icon svg {\n width: calc(var(--str-chat__spacing-px) * 18);\n height: calc(var(--str-chat__spacing-px) * 18);\n}\n\n.str-chat__ul:not(.str-chat__message-options-in-bubble),\n.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) {\n /* This rule won't be applied in browsers that don't support :has() /\n / Fallback for when :has() is unsupported /\n}\n\n.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,\n.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,\n.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,\n.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 {\n display: flex;\n}\n\n.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,\n.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,\n.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,\n.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 {\n margin-inline-end: 0;\n}\n\n.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,\n.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,\n.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,\n.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 {\n margin-inline-start: 0;\n}\n\n@supports not selector(:has(a, b)) {\n .str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message-options,\n .str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:focus-within .str-chat__message-options,\n .str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message-options,\n .str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:focus-within .str-chat__message-options {\n display: flex;\n }\n .str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--other .str-chat__message-inner,\n .str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:focus-within .str-chat__message--other .str-chat__message-inner,\n .str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--other .str-chat__message-inner,\n .str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:focus-within .str-chat__message--other .str-chat__message-inner {\n margin-inline-end: 0;\n }\n .str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--me .str-chat__message-inner,\n .str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:focus-within .str-chat__message--me .str-chat__message-inner,\n .str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--me .str-chat__message-inner,\n .str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:focus-within .str-chat__message--me .str-chat__message-inner {\n margin-inline-start: 0;\n }\n}\n.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message-inner:hover .str-chat__message-options,\n.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message-inner:hover .str-chat__message-options {\n display: flex;\n}\n\n.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message--other .str-chat__message-inner:hover,\n.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message--other .str-chat__message-inner:hover {\n margin-inline-end: 0;\n}\n\n.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message--me .str-chat__message-inner:hover,\n.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message--me .str-chat__message-inner:hover {\n margin-inline-start: 0;\n}\n\n.str-chat__message-inner .str-chat__message-options {\n display: none;\n}\n\n.str-chat__message-inner .str-chat__message-actions-open.str-chat__message-options {\n display: flex;\n}\n\n.str-chat__message--other .str-chat__message-inner {\n margin-inline-end: calc(var(--str-chat__message-options-button-size) 3);\n}\n\n.str-chat__message--me .str-chat__message-inner {\n margin-inline-start: calc(var(--str-chat__message-options-button-size) * 3);\n}\n\n.str-chat__li--middle .str-chat__message,\n.str-chat__li--top .str-chat__message {\n margin-block-end: var(--str-chat__spacing-0_5);\n}\n\n.str-chat__li--middle .str-chat__message .str-chat__message-metadata,\n.str-chat__li--top .str-chat__message .str-chat__message-metadata {\n display: none;\n}\n\n.str-chat__li--middle .str-chat__message > .str-chat__message-sender-avatar,\n.str-chat__li--top .str-chat__message > .str-chat__message-sender-avatar {\n visibility: hidden;\n}\n\n.str-chat__li--bottom .str-chat__message,\n.str-chat__li--single .str-chat__message {\n margin-block-end: var(--str-chat__spacing-2);\n}\n\n.str-chat__date-separator {\n display: flex;\n padding: var(--str-chat__spacing-8);\n align-items: center;\n}\n\n.str-chat__date-separator-line {\n flex: 1;\n height: var(--str-chat__spacing-px);\n}\n\n.str-chat__date-separator > :not(:last-child) {\n margin-right: var(--str-chat__spacing-4);\n}\n\n.str-chat__message .str-chat__quoted-message-preview {\n margin-block-end: var(--str-chat__spacing-2);\n}\n\n.str-chat__message--system {\n width: 100%;\n text-align: center;\n}\n\n.str-chat__message--system p {\n margin: 0;\n}\n\n.str-chat__quoted-message-preview .str-chat__quoted-message-bubble {\n flex-direction: column;\n align-items: stretch;\n row-gap: var(--str-chat__spacing-1);\n flex-basis: min-content;\n}\n\n.str-chat__message-input .str-chat__quoted-message-preview {\n --str-chat__message-max-width: var(--str-chat__quoted-message-inside-message-input-max-width);\n}\n\n.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble {\n max-height: var(--str-chat__quoted-message-inside-message-input-max-height);\n}\n\n.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble .str-chat__quoted-message-text {\n max-height: 100%;\n min-height: 0;\n}\n\n.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble .str-chat__quoted-message-text p {\n max-height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.str-chat__unread-messages-separator-wrapper {\n padding-block: 0.5rem;\n}\n\n.str-chat__unread-messages-separator-wrapper .str-chat__unread-messages-separator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 0.5rem;\n}\n\n.str-chat__unread-messages-notification {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) 16);\n position: absolute;\n top: 0.75rem;\n z-index: 2;\n display: flex;\n align-items: center;\n overflow: clip;\n}\n\n.str-chat__unread-messages-notification button {\n padding-block: 0.5rem;\n height: 100%;\n width: 100%;\n white-space: nowrap;\n}\n\n.str-chat__unread-messages-notification button:first-of-type {\n padding-inline: 0.75rem 0.375rem;\n}\n\n.str-chat__unread-messages-notification button:last-of-type {\n padding-inline: 0.375rem 0.75rem;\n}\n\n.str-chat__unread-messages-notification button:last-of-type svg {\n width: 0.875rem;\n}\n\n.str-chat-angular__message-bubble {\n /* transform: translate3d(0, 0, 0) fixes scrolling issues on iOS, see: https://stackoverflow.com/questions/50105780/elements-disappear-when-scrolling-in-safari-webkit-transform-fix-only-works-t/50144295#50144295 /\n transform: translate3d(0, 0, 0);\n}\n\n.str-chat-angular__message-bubble.str-chat-angular__message-bubble--attachment-modal-open {\n / transform: none is required when image carousel is open in order for the modal to be correctly positioned, see how the transform property changes the behavior of fixed positioned elements https://developer.mozilla.org/en-US/docs/Web/CSS/position /\n transform: none;\n}\n\n.str-chat__message-edited-timestamp {\n overflow: hidden;\n transition: height 0.1s;\n}\n\n.str-chat__message-edited-timestamp--open {\n height: var(--str-chat__message-edited-timestamp-height, 1rem);\n}\n\n.str-chat__message-edited-timestamp--collapsed {\n height: 0;\n}\n\n.str-chat__message-text--pointer-cursor {\n cursor: pointer;\n}\n\n.str-chat__message-actions-box {\n overflow: hidden;\n}\n\n.str-chat__message-actions-box .str-chat__message-actions-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-width: 10rem;\n}\n\n.str-chat__message-actions-box .str-chat__message-actions-list .str-chat__message-actions-list-item-button {\n padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);\n margin: 0;\n cursor: pointer;\n width: 100%;\n text-align: start;\n}\n\n.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular) {\n display: none;\n z-index: 1;\n}\n\n.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular).str-chat__message-actions-box--open {\n display: block;\n}\n\n.str-chat__message-bounce-prompt {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--str-chat__spacing-9);\n}\n\n.str-chat__message-bounce-prompt .str-chat__message-bounce-actions {\n display: flex;\n flex-direction: column;\n gap: var(--str-chat__spacing-2);\n}\n\n.str-chat__message-bounce-prompt .str-chat__message-bounce-edit,\n.str-chat__message-bounce-prompt .str-chat__message-bounce-send,\n.str-chat__message-bounce-prompt .str-chat__message-bounce-delete {\n cursor: pointer;\n padding: var(--str-chat__spacing-2);\n}\n\n.str-chat__message-input {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: var(--str-chat__spacing-1) var(--str-chat__spacing-2);\n position: relative;\n}\n\n.str-chat__message-input .str-chat__quoted-message-preview-header {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n\n.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-reply-to-message {\n width: 100%;\n text-align: center;\n}\n\n.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-remove {\n width: calc(var(--str-chat__spacing-px) 40);\n height: calc(var(--str-chat__spacing-px) * 40);\n cursor: pointer;\n}\n\n.str-chat__message-input .str-chat__dropzone-container {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n height: 100%;\n width: 100%;\n z-index: 5;\n}\n\n.str-chat__message-input .str-chat__dropzone-container p {\n margin: unset;\n}\n\n.str-chat__message-input .str-chat__message-input-inner {\n flex-grow: 1;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(var(--str-chat__spacing-px) * 45);\n height: calc(var(--str-chat__spacing-px) * 45);\n cursor: pointer;\n}\n\n.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container .str-chat__file-input {\n display: none;\n}\n\n.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container .str-chat__file-input-label {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n\n.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n min-width: 0;\n max-height: 100%;\n}\n\n.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker {\n width: 100%;\n min-height: 0;\n max-height: 100%;\n display: flex;\n padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);\n column-gap: var(--str-chat__spacing-2);\n}\n\n.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 {\n width: 100%;\n display: flex;\n max-height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n padding: 0;\n}\n\n.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 {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(var(--str-chat__spacing-px) * 27);\n height: calc(var(--str-chat__spacing-px) * 27);\n font-size: calc(var(--str-chat__spacing-px) * 27);\n align-self: end;\n}\n\n.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 {\n z-index: 5;\n}\n\n.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 {\n display: flex;\n}\n\n.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 {\n padding: unset;\n background: unset;\n border: unset;\n border-radius: var(--str-chat__border-radius-circle);\n display: flex;\n cursor: pointer;\n}\n\n.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 {\n width: calc(var(--str-chat__spacing-px) * 24);\n height: calc(var(--str-chat__spacing-px) * 24);\n}\n\n.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 {\n fill: var(--str-chat__message-input-tools-color);\n}\n\n.str-chat__message-input .str-chat__message-textarea-angular-host {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n\n.str-chat__message-input .str-chat__message-textarea-react-host {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n\n.str-chat__message-input .str-chat__send-button {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 32);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n padding: 0;\n width: calc(var(--str-chat__spacing-px) * 45);\n height: calc(var(--str-chat__spacing-px) * 45);\n min-width: calc(var(--str-chat__spacing-px) * 45);\n}\n\n.str-chat__message-input .str-chat__send-button svg {\n width: calc(var(--str-chat__spacing-px) * 32);\n height: calc(var(--str-chat__spacing-px) * 32);\n}\n\n.str-chat__message-input .str-chat__start-recording-audio-button {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n padding: 0;\n width: calc(var(--str-chat__spacing-px) * 40);\n height: calc(var(--str-chat__spacing-px) * 40);\n min-width: calc(var(--str-chat__spacing-px) * 40);\n}\n\n.str-chat__message-input .str-chat__start-recording-audio-button svg {\n height: calc(var(--str-chat__spacing-px) * 25);\n}\n\n.str-chat__message-input .str-chat__message-input-cooldown {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-inline-start: var(--str-chat__spacing-2);\n margin-block: calc(var(--str-chat__spacing-2) / 2);\n min-width: calc(calc(var(--str-chat__spacing-px) * 45) - var(--str-chat__spacing-2));\n min-height: calc(calc(var(--str-chat__spacing-px) * 45) - var(--str-chat__spacing-2));\n}\n\n.str-chat__message-input .str-chat__message-input-not-allowed {\n align-self: center;\n padding: var(--str-chat__spacing-3);\n}\n\n.str-chat__message-input .str-chat__quoted-message-preview {\n padding: var(--str-chat__spacing-2);\n}\n\n.str-chat__message-input .str-chat__recording-permission-denied-notification {\n position: absolute;\n left: 0.5rem;\n max-width: 100%;\n bottom: 100%;\n padding: 1rem;\n margin-inline: 0.5rem;\n z-index: 2;\n}\n\n.str-chat__message-input .str-chat__recording-permission-denied-notification .str-chat__recording-permission-denied-notification__dismiss-button-container {\n display: flex;\n justify-content: flex-end;\n}\n\n.str-chat__message-input-angular-host {\n max-height: 50%;\n}\n\n.str-chat-angular__message-input {\n height: 100%;\n max-height: 100%;\n}\n\n.str-chat-angular__message-input-inner {\n height: 100%;\n max-height: 100%;\n min-height: 0;\n flex-grow: initial;\n}\n\n[dir=rtl] .str-chat__send-button svg,\n[dir=rtl] .str-chat__start-recording-audio-button svg {\n transform: scale(-1, 1);\n}\n\n.str-chat__main-panel-inner {\n height: 100%;\n display: flex;\n flex-direction: column;\n min-height: 0;\n position: relative;\n align-items: center;\n}\n\n.str-chat__list {\n overflow-x: hidden;\n overflow-y: auto;\n overscroll-behavior: none;\n width: 100%;\n height: 100%;\n max-height: 100%;\n}\n\n.str-chat__list .str-chat__message-list-scroll {\n padding: 0 var(--str-chat__spacing-2);\n}\n\n.str-chat__list .str-chat__message-list-scroll .str-chat__li {\n margin-inline: calc(-1 * var(--str-chat__spacing-2));\n padding-inline: var(--str-chat__spacing-2);\n}\n\n.str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li {\n margin-inline: calc(-1 * var(--str-chat__spacing-2));\n}\n\n@media only screen and (min-device-width: 768px) {\n .str-chat__list .str-chat__message-list-scroll {\n padding: 0 min(var(--str-chat__spacing-10), 4%);\n }\n .str-chat__list .str-chat__message-list-scroll .str-chat__li {\n margin-inline: calc(-1 * min(var(--str-chat__spacing-10), 4%));\n padding-inline: min(var(--str-chat__spacing-10), 4%);\n }\n .str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li {\n margin-inline: calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px);\n }\n}\n.str-chat__list .str-chat__message-list-scroll .str-chat__ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.str-chat__list .str-chat__parent-message-li {\n padding-block-end: var(--str-chat__spacing-4);\n margin-block-end: var(--str-chat__spacing-4);\n}\n\n.str-chat__list .str-chat__parent-message-li .str-chat__thread-start {\n text-align: start;\n padding-top: var(--str-chat__spacing-3);\n}\n\n.str-chat__jump-to-latest-message {\n position: absolute;\n inset-block-end: var(--str-chat__spacing-4);\n inset-inline-end: var(--str-chat__spacing-2);\n z-index: 2;\n}\n\n.str-chat__jump-to-latest-message .str-chat__jump-to-latest-unread-count {\n position: absolute;\n padding: var(--str-chat__spacing-0_5) var(--str-chat__spacing-2);\n left: 50%;\n transform: translateX(-50%) translateY(-100%);\n}\n\n.str-chat__thread .str-chat__main-panel-inner {\n height: auto;\n}\n\n.str-chat__main-panel .str-chat__ul .str-chat__li:first-of-type {\n padding-top: 4.5rem;\n}\n\n.str-chat__main-panel .str-chat__ul .str-chat__date-separator + .str-chat__li:first-of-type {\n padding-top: inherit;\n}\n\n.str-chat__virtual-list {\n overflow-x: hidden;\n overflow-y: auto;\n position: relative;\n flex: 1;\n -webkit-overflow-scrolling: touch; /* enable smooth scrolling on ios /\n margin: 0;\n width: 100%;\n height: 100%;\n}\n\n.str-chat__virtual-list .str-chat__message-list-scroll {\n overscroll-behavior: none;\n}\n\n.str-chat__virtual-list .str-chat__message-list-scroll > div {\n padding: 0 var(--str-chat__spacing-2);\n}\n\n.str-chat__virtual-list .str-chat__message-list-scroll > div .str-chat__li {\n margin-inline: calc(-1 var(--str-chat__spacing-2));\n padding-inline: var(--str-chat__spacing-2);\n}\n\n.str-chat__virtual-list .str-chat__message-list-scroll > div .str-chat__parent-message-li {\n margin-inline: calc(-1 * var(--str-chat__spacing-2));\n}\n\n@media only screen and (min-device-width: 768px) {\n .str-chat__virtual-list .str-chat__message-list-scroll > div {\n padding: 0 min(var(--str-chat__spacing-10), 4%);\n }\n .str-chat__virtual-list .str-chat__message-list-scroll > div .str-chat__li {\n margin-inline: calc(-1 * min(var(--str-chat__spacing-10), 4%));\n padding-inline: min(var(--str-chat__spacing-10), 4%);\n }\n .str-chat__virtual-list .str-chat__message-list-scroll > div .str-chat__parent-message-li {\n margin-inline: calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px);\n }\n}\n.str-chat__virtual-list .str-chat__parent-message-li {\n padding-block-end: var(--str-chat__spacing-4);\n}\n\n.str-chat__virtual-list .str-chat__parent-message-li .str-chat__thread-start {\n text-align: start;\n padding-top: var(--str-chat__spacing-3);\n}\n\n.str-chat__virtual-list__loading {\n display: flex;\n padding-top: var(--str-chat__spacing-2);\n justify-content: center;\n width: 100%;\n position: absolute;\n}\n\n.str-chat__virtual-list p {\n margin: 0 !important;\n}\n\n.str-chat__virtual-list p a {\n white-space: pre-line;\n overflow: hidden;\n word-wrap: break-word;\n}\n\n.str-chat__virtual-list .str-chat__message {\n margin-block-end: 0 !important;\n}\n\n.str-chat__virtual-list .str-chat__virtual-list-message-wrapper {\n padding-block-end: var(--str-chat__spacing-0_5);\n}\n\n.str-chat__thread--virtualized .str-chat__main-panel-inner {\n height: 100%;\n}\n\n.str-chat__thread--virtualized .str-chat__main-panel-inner .str-chat__virtual-list-message-wrapper:first-of-type {\n padding-block-start: var(--str-chat__spacing-4);\n}\n\n.str-chat__message-reactions-container {\n display: flex;\n}\n\n.str-chat__message-reactions-container .str-chat__message-reactions {\n overflow-y: hidden;\n overflow-x: auto;\n scrollbar-width: none;\n list-style: none;\n display: flex;\n margin-block-start: var(--str-chat__spacing-0_5);\n margin-block-end: var(--str-chat__spacing-0_5);\n column-gap: var(--str-chat__spacing-0_5);\n width: fit-content;\n padding: 0;\n position: relative;\n}\n\n.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: var(--str-chat__spacing-1_5);\n position: relative;\n cursor: pointer;\n flex-shrink: 0;\n}\n\n.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction button {\n background: none;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n}\n\n.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction .str-chat__message-reaction-emoji {\n height: calc(var(--str-chat__spacing-px) * 13);\n display: flex !important;\n align-items: center;\n justify-content: center;\n}\n\n.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__reaction-list--counter,\n.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__simple-reactions-list-item--last-number {\n display: none;\n}\n\n.str-chat__message--me .str-chat__message-reactions-container {\n justify-content: flex-end;\n}\n\n.str-chat__message--other .str-chat__message-reactions-container {\n justify-content: flex-start;\n}\n\n.str-chat__message-reactions-details-modal .str-chat__modal--open .str-chat__modal__inner {\n height: 40%;\n max-height: 80%;\n min-width: 90%;\n max-width: 90%;\n width: 90%;\n flex-basis: min-content;\n}\n\n@media only screen and (min-device-width: 768px) {\n .str-chat__message-reactions-details-modal .str-chat__modal--open .str-chat__modal__inner {\n min-width: 40%;\n max-width: 60%;\n width: min-content;\n }\n}\n.str-chat__message-reactions-details {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: var(--str-chat__spacing-4);\n max-height: 100%;\n height: 100%;\n min-height: 0;\n}\n\n.str-chat__message-reactions-details .str-chat__message-reactions-details-reaction-types {\n display: flex;\n max-width: 100%;\n width: 100%;\n min-width: 0;\n overflow-x: auto;\n gap: var(--str-chat__spacing-4);\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n\n.str-chat__message-reactions-details .str-chat__message-reactions-details-reaction-types .str-chat__message-reactions-details-reaction-type {\n display: flex;\n align-items: center;\n padding: var(--str-chat__spacing-1) 0;\n flex-shrink: 0;\n cursor: pointer;\n}\n\n.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 {\n width: 18px;\n line-height: 18px;\n}\n\n.str-chat__message-reactions-details .str-chat__message-reaction-emoji-big {\n --str-chat__stream-emoji-size: 1em;\n align-self: center;\n font-size: 2rem;\n}\n\n.str-chat__message-reactions-details .str-chat__message-reaction-emoji-big.str-chat__message-reaction-emoji--with-fallback {\n line-height: 2rem;\n}\n\n.str-chat__message-reactions-details .str-chat__message-reactions-details-reacting-users {\n display: flex;\n flex-direction: column;\n gap: var(--str-chat__spacing-3);\n max-height: 100%;\n overflow-y: auto;\n min-height: 30vh;\n}\n\n.str-chat__message-reactions-details .str-chat__message-reactions-details-reacting-users .str-chat__loading-indicator {\n margin: auto;\n}\n\n.str-chat__message-reactions-details .str-chat__message-reactions-details-reacting-users .str-chat__message-reactions-details-reacting-user {\n display: flex;\n align-items: center;\n gap: var(--str-chat__spacing-2);\n}\n\n.str-chat__message-reaction-selector {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n inset-block-end: 100%;\n}\n\n.str-chat__message-reaction-selector .str-chat__message-reactions-options {\n list-style: none;\n display: flex;\n margin-block-end: var(--str-chat__spacing-0_5);\n width: fit-content;\n column-gap: var(--str-chat__spacing-1);\n padding: var(--str-chat__spacing-2);\n}\n\n.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: calc(var(--str-chat__spacing-px) * 40);\n height: calc(var(--str-chat__spacing-px) * 40);\n}\n\n.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option .str-chat__message-reaction-emoji {\n height: calc(var(--str-chat__spacing-px) * 20);\n display: flex !important;\n align-items: center;\n justify-content: center;\n}\n\n.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-last-user {\n display: none;\n}\n\n.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-list-item__count {\n display: none;\n}\n\n.str-chat__message--me .str-chat__message-reaction-selector {\n inset-inline-end: 0;\n}\n\n.str-chat__message--other .str-chat__message-reaction-selector {\n inset-inline-start: 0;\n}\n\n.str-chat__modal--open {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n width: 100%;\n height: 100%;\n z-index: 100;\n}\n\n.str-chat__modal--open button.str-chat__modal__close-button {\n padding: unset;\n background: unset;\n border: unset;\n border-radius: var(--str-chat__border-radius-circle);\n margin: var(--str-chat__spacing-2);\n cursor: pointer;\n}\n\n.str-chat__modal--open .str-chat__modal__close-button {\n --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 28);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--str-chat__spacing-2);\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n cursor: pointer;\n}\n\n.str-chat__modal--open .str-chat__modal__inner {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: var(--str-chat__spacing-8) var(--str-chat__spacing-4);\n width: 40%;\n min-width: 0;\n min-height: 0;\n}\n\n.str-chat__modal--close {\n display: none;\n}\n\n.str-chat__message-notification {\n display: block;\n position: absolute;\n align-self: center;\n padding: var(--str-chat__spacing-1) var(--str-chat__spacing-2);\n bottom: calc(var(--str-chat__spacing-px) * 10);\n z-index: 101;\n}\n\n.str-chat__list-notifications {\n position: relative;\n}\n\n.str-chat__list-notifications {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n justify-content: center;\n row-gap: var(--str-chat__spacing-1);\n margin: var(--str-chat__spacing-1_5);\n width: auto;\n}\n\n.str-chat__notification {\n padding: var(--str-chat__spacing-3_5) var(--str-chat__spacing-4);\n}\n\n.str-chat-react__notification {\n z-index: 101;\n}\n\n.str-chat__thread-container {\n height: 100%;\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n.str-chat__thread-container .str-chat__thread-header {\n display: flex;\n padding: var(--str-chat__spacing-2);\n column-gap: var(--str-chat__spacing-4);\n align-items: center;\n}\n\n.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details {\n display: flex;\n flex-direction: column;\n overflow-y: hidden;\n overflow-x: hidden;\n flex: 1;\n row-gap: var(--str-chat__spacing-1_5);\n}\n\n.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-name,\n.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-reply-count,\n.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-channel-name,\n.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-subtitle,\n.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-title {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n}\n\n.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-subtitle {\n overflow-y: hidden;\n}\n\n.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button {\n display: flex;\n align-items: flex-start;\n justify-content: flex-end;\n width: calc(var(--str-chat__spacing-px) * 40);\n height: calc(var(--str-chat__spacing-px) * 40);\n cursor: pointer;\n line-height: calc(var(--str-chat__spacing-px) * 21);\n font-size: calc(var(--str-chat__spacing-px) * 21);\n}\n\n.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button svg {\n height: calc(var(--str-chat__spacing-px) * 21);\n width: calc(var(--str-chat__spacing-px) * 21);\n}\n\n.str-chat__thread-container .str-chat__thread-list {\n height: auto;\n}\n\n.str-chat__main-panel--hideOnThread + .str-chat__thread-container {\n flex: 1;\n}\n\n.str-chat__parent-message-li {\n padding: var(--str-chat__spacing-2);\n}\n\n.str-chat__tooltip {\n overflow-y: hidden;\n display: flex;\n padding: var(--str-chat__spacing-2);\n z-index: 1;\n max-width: calc(var(--str-chat__spacing-px) * 150);\n width: max-content;\n}\n\n.str-chat__typing-indicator-react-host {\n position: static !important;\n}\n\n.str-chat__virtual-list .str-chat__typing-indicator {\n position: static;\n}\n\n.str-chat__typing-indicator {\n padding: var(--str-chat__spacing-1_5);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n column-gap: var(--str-chat__spacing-1);\n position: absolute;\n inset-block-end: 0;\n inset-inline-start: 0;\n inset-inline-end: 0;\n}\n\n.str-chat__typing-indicator .str-chat__typing-indicator__dots {\n display: flex;\n align-items: center;\n justify-content: center;\n column-gap: var(--str-chat__spacing-0_5);\n}\n\n.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot {\n width: calc(var(--str-chat__spacing-px) * 4);\n height: calc(var(--str-chat__spacing-px) * 4);\n}\n\n.str-chat {\n --str-chat__blue950: #001333;\n --str-chat__blue900: #00163d;\n --str-chat__blue800: #002666;\n --str-chat__blue700: #003999;\n --str-chat__blue600: #004ccc;\n --str-chat__blue500: #005fff;\n --str-chat__blue400: #337eff;\n --str-chat__blue300: #669fff;\n --str-chat__blue200: #ccdfff;\n --str-chat__blue100: #e0f0ff;\n --str-chat__blue50: #ebf5ff;\n --str-chat__grey950: #080707;\n --str-chat__grey900: #17191c;\n --str-chat__grey800: #1c1e22;\n --str-chat__grey700: #272a30;\n --str-chat__grey600: #4c525c;\n --str-chat__grey500: #72767e;\n --str-chat__grey400: #b4b7bb;\n --str-chat__grey300: #dbdde1;\n --str-chat__grey200: #e9eaed;\n --str-chat__grey100: #f4f4f5;\n --str-chat__grey50: #ffffff;\n --str-chat__red900: #330003;\n --str-chat__red800: #660006;\n --str-chat__red700: #990008;\n --str-chat__red600: #cc000b;\n --str-chat__red500: #ff000e;\n --str-chat__red400: #ff3742;\n --str-chat__red300: #ff666e;\n --str-chat__red200: #ff999f;\n --str-chat__red100: #ffe5e7;\n --str-chat__green900: #062d16;\n --str-chat__green800: #0d592c;\n --str-chat__green700: #138643;\n --str-chat__green600: #19b359;\n --str-chat__green500: #20e070;\n --str-chat__green400: #4ce68c;\n --str-chat__green300: #79eca9;\n --str-chat__green200: #a6f2c6;\n --str-chat__green100: #e9f1ff;\n --str-chat__yellow900: #332500;\n --str-chat__yellow800: #664900;\n --str-chat__yellow700: #996e00;\n --str-chat__yellow600: #cc9200;\n --str-chat__yellow500: #ffb700;\n --str-chat__yellow400: #ffd466;\n --str-chat__yellow300: #ffe299;\n --str-chat__yellow200: #fff1cc;\n --str-chat__yellow100: #fff8e5;\n}\n\n.str-chat {\n /* Border radius used for slightly rounded elements /\n --str-chat__border-radius-xs: 8px;\n / Border radius used for slightly rounded elements /\n --str-chat__border-radius-sm: 14px;\n / Border radius used for rounded elements /\n --str-chat__border-radius-md: 18px;\n / Border radius used for rounded elements /\n --str-chat__border-radius-lg: 20px;\n / Border radius used for circular elements /\n --str-chat__border-radius-circle: 999px;\n / The font used in the chat, by default, we use [preinstalled OS fonts](https://systemfontstack.com/) /\n --str-chat__font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu,\n Cantarell, Helvetica Neue, sans-serif;\n / The font used for caption texts /\n --str-chat__caption-text: 0.75rem/1.3 var(--str-chat__font-family);\n / The font used for caption texts with emphasize /\n --str-chat__caption-medium-text: 500 0.75rem/1.3 var(--str-chat__font-family);\n / The font used for caption texts with emphasize /\n --str-chat__caption-strong-text: 700 0.75rem/1.3 var(--str-chat__font-family);\n / The font used for body texts /\n --str-chat__body-text: 0.875rem/1.2 var(--str-chat__font-family);\n / The font used for body texts with emphasize /\n --str-chat__body-medium-text: 500 0.875rem/1.2 var(--str-chat__font-family);\n / The font used for body texts /\n --str-chat__body2-text: 0.9375rem/1.2 var(--str-chat__font-family);\n / The font used for body texts with emphasize /\n --str-chat__body2-medium-text: 500 0.9375rem/1.2 var(--str-chat__font-family);\n / The font used for subtitle texts /\n --str-chat__subtitle-text: 1rem/1.1.25 var(--str-chat__font-family);\n / The font used for subtitle texts with emphasize /\n --str-chat__subtitle-medium-text: 500 1rem/1.25 var(--str-chat__font-family);\n / The font used for subtitle texts /\n --str-chat__subtitle2-text: 1.25rem/1.2 var(--str-chat__font-family);\n / The font used for subtitle texts with emphasize /\n --str-chat__subtitle2-medium-text: 500 1.25rem/1.2 var(--str-chat__font-family);\n / The font used for headline texts /\n --str-chat__headline-text: 1.5rem/1.2 var(--str-chat__font-family);\n / The font used for headline texts /\n --str-chat__headline2-text: 1.8rem/1.2 var(--str-chat__font-family);\n}\n\n.str-chat,\n.str-chat__theme-light {\n / Used for emphasis, brands can inject their main color using this variable /\n --str-chat__primary-color: var(--str-chat__blue500);\n / Used for emphasised overlays - color of --str-chat__primary-color with alpha channel /\n --str-chat__primary-overlay-color: rgba(0, 95, 255, 0.6);\n / Used for emphasis, brands can inject their main color using this variable, it has less emphasis than primary color /\n --str-chat__primary-color-low-emphasis: var(--str-chat__blue300);\n / Used to indicate that a UI element with primary color is in an active state /\n --str-chat__active-primary-color: var(--str-chat__blue600);\n / If the primary color is used as a background, text/icons are displayed in this color /\n --str-chat__on-primary-color: var(--str-chat__grey50);\n / Used as a background color for the main chat UI components /\n --str-chat__background-color: var(--str-chat__grey50);\n / Used as a background color for the main chat UI components /\n --str-chat__secondary-background-color: var(--str-chat__grey50);\n / Used as a background color to give emphasis, but less vibrant than the primary color /\n --str-chat__primary-surface-color: var(--str-chat__blue100);\n / Used as a background color to give emphasis, but less vibrant than the primary surface color /\n --str-chat__primary-surface-color-low-emphasis: var(--str-chat__blue50);\n / A neutral color used to give emphasis to different surfaces /\n --str-chat__surface-color: var(--str-chat__grey300);\n / A neutral color used to give emphasis to different surfaces /\n --str-chat__secondary-surface-color: var(--str-chat__grey200);\n / A neutral color used to give emphasis to different surfaces /\n --str-chat__tertiary-surface-color: var(--str-chat__grey100);\n / The main color used for texts/icons /\n --str-chat__text-color: var(--str-chat__grey950);\n / Used for texts/icons that need less emphasis /\n --str-chat__text-low-emphasis-color: var(--str-chat__grey500);\n / Used for displaying disabled UI elements (typically buttons) /\n --str-chat__disabled-color: var(--str-chat__grey400);\n / Used for text/icon colors if disabled color is used as a background color /\n --str-chat__on-disabled-color: var(--str-chat__grey50);\n / Used for error messages, and destructive actions /\n --str-chat__danger-color: var(--str-chat__red400);\n / The background color used to highlight a message when jumping to a message. Only available in React SDK. /\n --str-chat__message-highlight-color: var(--str-chat__yellow100);\n / Used for displaying the unread badge /\n --str-chat__unread-badge-color: var(--str-chat__red400);\n / Used for text/icon colors if unread badge color is used as a background color /\n --str-chat__on-unread-badge-color: var(--str-chat__grey50);\n / The background color used for overlays /\n --str-chat__overlay-color: rgba(252, 252, 252, 0.9);\n / The background color used for subtle overlays /\n --str-chat__secondary-overlay-color: rgba(0, 0, 0, 0.2);\n / The text/icon color used on subtle overlays /\n --str-chat__secondary-overlay-text-color: var(--str-chat__grey50);\n / The background color used for opaque surfaces /\n --str-chat__opaque-surface-background-color: rgba(0, 0, 0, 0.8);\n / The text color used on opaque surfaces /\n --str-chat__opaque-surface-text-color: var(--str-chat__grey50);\n / If a component has a box shadow applied to it, this will be the color used for the shadow /\n --str-chat__box-shadow-color: rgba(0, 0, 0, 0.18);\n / Used for online indicator and success messages /\n --str-chat__info-color: var(--str-chat__green500);\n}\n\n.str-chat__theme-dark {\n --str-chat__primary-color: var(--str-chat__blue400);\n --str-chat__primary-overlay-color: rgba(51, 126, 255, 0.6);\n --str-chat__primary-color-low-emphasis: var(--str-chat__blue700);\n --str-chat__active-primary-color: var(--str-chat__blue600);\n --str-chat__on-primary-color: var(--str-chat__grey50);\n --str-chat__background-color: var(--str-chat__grey950);\n --str-chat__secondary-background-color: var(--str-chat__grey900);\n --str-chat__primary-surface-color: var(--str-chat__blue900);\n --str-chat__primary-surface-color-low-emphasis: var(--str-chat__blue950);\n --str-chat__surface-color: var(--str-chat__grey700);\n --str-chat__secondary-surface-color: var(--str-chat__grey800);\n --str-chat__tertiary-surface-color: var(--str-chat__grey900);\n --str-chat__text-color: var(--str-chat__grey50);\n --str-chat__text-low-emphasis-color: var(--str-chat__grey500);\n --str-chat__disabled-color: var(--str-chat__grey600);\n --str-chat__on-disabled-color: var(--str-chat__grey50);\n --str-chat__danger-color: var(--str-chat__red600);\n --str-chat__message-highlight-color: var(--str-chat__yellow900);\n --str-chat__unread-badge-color: var(--str-chat__red400);\n --str-chat__on-unread-badge-color: var(--str-chat__grey50);\n --str-chat__overlay-color: rgba(0, 0, 0, 0.7);\n --str-chat__secondary-overlay-color: rgba(0, 0, 0, 0.4);\n --str-chat__secondary-overlay-text-color: var(--str-chat__grey50);\n --str-chat__opaque-surface-background-color: rgba(250, 250, 250, 0.85);\n --str-chat__opaque-surface-text-color: var(--str-chat__grey900);\n --str-chat__box-shadow-color: rgba(0, 0, 0, 0.8);\n --str-chat__info-color: var(--str-chat__green500);\n}\n\n.image-gallery-icon {\n color: #fff;\n transition: all 0.3s ease-out;\n appearance: none;\n background-color: transparent;\n border: 0;\n cursor: pointer;\n outline: none;\n position: absolute;\n z-index: 4;\n filter: drop-shadow(0 2px 2px #1a1a1a);\n}\n\n@media (hover: hover) and (pointer: fine) {\n .image-gallery-icon:hover {\n color: #337ab7;\n }\n .image-gallery-icon:hover .image-gallery-svg {\n transform: scale(1.1);\n }\n}\n.image-gallery-icon:focus {\n outline: 2px solid #337ab7;\n}\n\n.image-gallery-using-mouse .image-gallery-icon:focus {\n outline: none;\n}\n\n.image-gallery-fullscreen-button {\n bottom: 0;\n padding: 20px;\n}\n\n.image-gallery-fullscreen-button .image-gallery-svg {\n height: 28px;\n width: 28px;\n}\n\n@media (max-width: 768px) {\n .image-gallery-fullscreen-button {\n padding: 15px;\n }\n .image-gallery-fullscreen-button .image-gallery-svg {\n height: 24px;\n width: 24px;\n }\n}\n@media (max-width: 480px) {\n .image-gallery-fullscreen-button {\n padding: 10px;\n }\n .image-gallery-fullscreen-button .image-gallery-svg {\n height: 16px;\n width: 16px;\n }\n}\n.image-gallery-fullscreen-button {\n right: 0;\n}\n\n.image-gallery-left-nav,\n.image-gallery-right-nav {\n padding: 50px 10px;\n top: 50%;\n transform: translateY(-50%);\n}\n\n.image-gallery-left-nav .image-gallery-svg,\n.image-gallery-right-nav .image-gallery-svg {\n height: 120px;\n width: 60px;\n}\n\n@media (max-width: 768px) {\n .image-gallery-left-nav .image-gallery-svg,\n .image-gallery-right-nav .image-gallery-svg {\n height: 72px;\n width: 36px;\n }\n}\n@media (max-width: 480px) {\n .image-gallery-left-nav .image-gallery-svg,\n .image-gallery-right-nav .image-gallery-svg {\n height: 48px;\n width: 24px;\n }\n}\n.image-gallery-left-nav[disabled],\n.image-gallery-right-nav[disabled] {\n cursor: disabled;\n opacity: 0.6;\n pointer-events: none;\n}\n\n.image-gallery-left-nav {\n left: 0;\n}\n\n.image-gallery-right-nav {\n right: 0;\n}\n\n.image-gallery {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.image-gallery.fullscreen-modal {\n background: #000;\n bottom: 0;\n height: 100%;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n width: 100%;\n z-index: 5;\n}\n\n.image-gallery.fullscreen-modal .image-gallery-content {\n top: 50%;\n transform: translateY(-50%);\n}\n\n.image-gallery-content {\n position: relative;\n line-height: 0;\n top: 0;\n}\n\n.image-gallery-content .image-gallery-slide {\n background-color: var(--str-chat__secondary-surface-color);\n}\n\n.image-gallery-content .image-gallery-slide .str-chat__base-image--load-failed {\n height: var(--str-chat__attachment-max-width);\n width: var(--str-chat__attachment-max-width);\n font-size: 0;\n}\n\n.image-gallery-content .image-gallery-slide .str-chat__message-attachment-file--item-download {\n position: absolute;\n left: 0.375rem;\n top: 0.375rem;\n}\n\n.image-gallery-content.fullscreen {\n background: #000;\n}\n\n.image-gallery-content.fullscreen .image-gallery-slide .image-gallery-image {\n max-width: 100%;\n}\n\n.image-gallery-content .image-gallery-slide .image-gallery-image {\n max-height: calc(100vh - 80px);\n max-width: unset;\n object-fit: contain;\n}\n\n.image-gallery-content.left .image-gallery-slide .image-gallery-image, .image-gallery-content.right .image-gallery-slide .image-gallery-image, .image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image, .image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image {\n max-height: 100vh;\n}\n\n.image-gallery-slide-wrapper {\n position: relative;\n}\n\n.image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right, .image-gallery-slide-wrapper.image-gallery-thumbnails-left, .image-gallery-slide-wrapper.image-gallery-thumbnails-right {\n display: inline-block;\n width: calc(100% - 110px);\n}\n\n@media (max-width: 768px) {\n .image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right, .image-gallery-slide-wrapper.image-gallery-thumbnails-left, .image-gallery-slide-wrapper.image-gallery-thumbnails-right {\n width: calc(100% - 87px);\n }\n}\n.image-gallery-slide-wrapper.image-gallery-rtl {\n direction: rtl;\n}\n\n.image-gallery-slides {\n line-height: 0;\n overflow: hidden;\n position: relative;\n white-space: nowrap;\n text-align: center;\n}\n\n.image-gallery-slide {\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n}\n\n.image-gallery-slide.center, .image-gallery-slide.image-gallery-center {\n position: relative;\n}\n\n.image-gallery-slide .image-gallery-image {\n width: 100%;\n object-fit: contain;\n}\n\n.image-gallery-index {\n background: rgba(0, 0, 0, 0.4);\n color: #fff;\n line-height: 1;\n padding: 10px 20px;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 4;\n}\n\n@media (max-width: 768px) {\n .image-gallery-index {\n font-size: 0.8em;\n padding: 5px 10px;\n }\n}\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__cta-button-border-radius: var(--str-chat__border-radius-xs);\n / The text/icon color of the component /\n --str-chat__cta-button-color: var(--str-chat__on-primary-color);\n / The background color of the component /\n --str-chat__cta-button-background-color: var(--str-chat__primary-color);\n / Top border of the component /\n --str-chat__cta-button-border-block-start: none;\n / Bottom border of the component /\n --str-chat__cta-button-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__cta-button-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__cta-button-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__cta-button-box-shadow: none;\n / The background color of the component in pressed state /\n --str-chat__cta-button-pressed-background-color: var(--str-chat__active-primary-color);\n / The background color of the component in disabled state /\n --str-chat__cta-button-disabled-background-color: var(--str-chat__disabled-color);\n / The text/icon color of the component in disabled state /\n --str-chat__cta-button-disabled-color: var(--str-chat__on-disabled-color);\n}\n\n.str-chat__cta-button {\n background: var(--str-chat__cta-button-background-color);\n color: var(--str-chat__cta-button-color);\n box-shadow: var(--str-chat__cta-button-box-shadow);\n border-radius: var(--str-chat__cta-button-border-radius);\n border-block-start: var(--str-chat__cta-button-border-block-start);\n border-block-end: var(--str-chat__cta-button-border-block-end);\n border-inline-start: var(--str-chat__cta-button-border-inline-start);\n border-inline-end: var(--str-chat__cta-button-border-inline-end);\n font: var(--str-chat__subtitle-text);\n}\n\n.str-chat__cta-button:active {\n background-color: var(--str-chat__cta-button-pressed-background-color);\n}\n\n.str-chat__cta-button:disabled {\n background-color: var(--str-chat__cta-button-disabled-background-color);\n color: var(--str-chat__cta-button-disabled-color);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__circle-fab-border-radius: var(--str-chat__border-radius-circle);\n / The text/icon color of the component /\n --str-chat__circle-fab-color: var(--str-chat__primary-color);\n / The background color of the component /\n --str-chat__circle-fab-background-color: var(--str-chat__secondary-background-color);\n / The background color of the component in pressed state /\n --str-chat__circle-fab-pressed-background-color: var(--str-chat__surface-color);\n / Box shadow applied to the component /\n --str-chat__circle-fab-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);\n / Top border of the component /\n --str-chat__circle-fab-border-block-start: none;\n / Bottom border of the component /\n --str-chat__circle-fab-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__circle-fab-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__circle-fab-border-inline-end: none;\n}\n\n.str-chat__circle-fab {\n background: var(--str-chat__circle-fab-background-color);\n color: var(--str-chat__circle-fab-color);\n box-shadow: var(--str-chat__circle-fab-box-shadow);\n border-radius: var(--str-chat__circle-fab-border-radius);\n border-block-start: var(--str-chat__circle-fab-border-block-start);\n border-block-end: var(--str-chat__circle-fab-border-block-end);\n border-inline-start: var(--str-chat__circle-fab-border-inline-start);\n border-inline-end: var(--str-chat__circle-fab-border-inline-end);\n}\n\n.str-chat__circle-fab svg path {\n fill: var(--str-chat__circle-fab-color);\n}\n\n.str-chat__circle-fab:active {\n background-color: var(--str-chat__circle-fab-pressed-background-color);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__avatar-border-radius: var(--str-chat__border-radius-circle);\n / The text/icon color of the component /\n --str-chat__avatar-color: var(--str-chat__on-primary-color);\n / The background color of the component /\n --str-chat__avatar-background-color: var(--str-chat__primary-color);\n / Top border of the component /\n --str-chat__avatar-border-block-start: none;\n / Bottom border of the component /\n --str-chat__avatar-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__avatar-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__avatar-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__avatar-box-shadow: none;\n / The color of the online indicator (only available in Angular SDK) /\n --str-chat__avatar-online-indicator-color: var(--str-chat__info-color);\n / The border radius of the online indicator (only available in Angular SDK) /\n --str-chat__avatar-online-indicator-border-radius: var(--str-chat__border-radius-circle);\n}\n\n.str-chat__avatar .str-chat__avatar-image {\n background: var(--str-chat__avatar-background-color);\n color: var(--str-chat__avatar-color);\n box-shadow: var(--str-chat__avatar-box-shadow);\n border-radius: var(--str-chat__avatar-border-radius);\n border-block-start: var(--str-chat__avatar-border-block-start);\n border-block-end: var(--str-chat__avatar-border-block-end);\n border-inline-start: var(--str-chat__avatar-border-inline-start);\n border-inline-end: var(--str-chat__avatar-border-inline-end);\n display: block;\n}\n\n.str-chat__avatar .str-chat__avatar-fallback {\n background: var(--str-chat__avatar-background-color);\n color: var(--str-chat__avatar-color);\n box-shadow: var(--str-chat__avatar-box-shadow);\n border-radius: var(--str-chat__avatar-border-radius);\n border-block-start: var(--str-chat__avatar-border-block-start);\n border-block-end: var(--str-chat__avatar-border-block-end);\n border-inline-start: var(--str-chat__avatar-border-inline-start);\n border-inline-end: var(--str-chat__avatar-border-inline-end);\n text-transform: uppercase;\n}\n\n.str-chat__avatar .str-chat__avatar--online-indicator {\n background-color: var(--str-chat__avatar-online-indicator-color);\n border-radius: var(--str-chat__avatar-online-indicator-border-radius);\n}\n\n.str-chat__loading-channels-avatar {\n border-radius: var(--str-chat__avatar-border-radius);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__attachment-list-border-radius: 0;\n / The text/icon color of the component /\n --str-chat__attachment-list-color: var(--str-chat__text-color);\n / The background color of the component /\n --str-chat__attachment-list-background-color: transparent;\n / Top border of the component /\n --str-chat__attachment-list-border-block-start: none;\n / Bottom border of the component /\n --str-chat__attachment-list-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__attachment-list-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__attachment-list-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__attachment-list-box-shadow: none;\n / The border radius used for the borders of image/video attachments (images/videos uploaded from files, scraped media, GIFs) /\n --str-chat__image-attachment-border-radius: calc(\n var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin)\n );\n / The text/icon color of image/video attachments (images/videos uploaded from files, scraped media, GIFs) /\n --str-chat__image-attachment-color: var(--str-chat__text-color);\n / The background color of image/video attachments (images/videos uploaded from files, scraped media, GIFs) /\n --str-chat__image-attachment-background-color: var(--str-chat__secondary-surface-color);\n / Top border of image/video attachments (images/videos uploaded from files, scraped media, GIFs) /\n --str-chat__image-attachment-border-block-start: none;\n / Bottom border of image/video attachments (images/videos uploaded from files, scraped media, GIFs) /\n --str-chat__image-attachment-border-block-end: none;\n / Left (right in RTL layout) border of image/video attachments (images/videos uploaded from files, scraped media, GIFs) /\n --str-chat__image-attachment-border-inline-start: none;\n / Right (left in RTL layout) border of image/video attachments (images/videos uploaded from files, scraped media, GIFs) /\n --str-chat__image-attachment-border-inline-end: none;\n / Box shadow applied to image/video attachments (images/videos uploaded from files, scraped media, GIFs) /\n --str-chat__image-attachment-box-shadow: none;\n / The border radius used for the borders of image gallery attachments /\n --str-chat__image-gallery-attachment-border-radius: calc(\n var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin)\n );\n / The text/icon color of image gallery attachments /\n --str-chat__image-gallery-attachment-color: var(--str-chat__text-color);\n / The background color of image gallery attachments /\n --str-chat__image-gallery-attachment-background-color: transparent;\n / Top border of image gallery attachments /\n --str-chat__image-gallery-attachment-border-block-start: none;\n / Bottom border of image gallery attachments /\n --str-chat__image-gallery-attachment-border-block-end: none;\n / Left (right in RTL layout) border of image gallery attachments /\n --str-chat__image-gallery-attachment-border-inline-start: none;\n / Right (left in RTL layout) border of image gallery attachments /\n --str-chat__image-gallery-attachment-border-inline-end: none;\n / Box shadow applied to image gallery attachments /\n --str-chat__image-gallery-attachment-box-shadow: none;\n / Overlay color applied to image gallery attachments /\n --str-chat__image-gallery-attachment-overlay: var(--str-chat__secondary-overlay-color);\n / Text colors used on overlay applied to image gallery attachments /\n --str-chat__image-gallery-attachment-overlay-text-color: var(\n --str-chat__secondary-overlay-text-color\n );\n / The border radius used for the borders of card attachments /\n --str-chat__card-attachment-border-radius: 0;\n / The text/icon color of card attachments /\n --str-chat__card-attachment-color: var(--str-chat__text-color);\n / The text color of links inside card attachments /\n --str-chat__card-attachment-link-color: var(--str-chat__primary-color);\n / The background color of card attachments /\n --str-chat__card-attachment-background-color: transparent;\n / Top border of card attachments /\n --str-chat__card-attachment-border-block-start: none;\n / Bottom border of card attachments /\n --str-chat__card-attachment-border-block-end: none;\n / Left (right in RTL layout) border of card attachments /\n --str-chat__card-attachment-border-inline-start: none;\n / Right (left in RTL layout) border of card attachments /\n --str-chat__card-attachment-border-inline-end: none;\n / Box shadow applied to card attachments /\n --str-chat__card-attachment-box-shadow: none;\n / The border radius used for the borders of file attachments /\n --str-chat__file-attachment-border-radius: calc(\n var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin)\n );\n / The text/icon color of file attachments /\n --str-chat__file-attachment-color: var(--str-chat__text-color);\n / The text/icon color of file attachments for low emphasis texts (for example file size) /\n --str-chat__file-attachment-secondary-color: var(--str-chat__text-low-emphasis-color);\n / The background color of file attachments /\n --str-chat__file-attachment-background-color: var(--str-chat__secondary-background-color);\n / Top border of file attachments /\n --str-chat__file-attachment-border-block-start: none;\n / Bottom border of file attachments /\n --str-chat__file-attachment-border-block-end: none;\n / Left (right in RTL layout) border of file attachments /\n --str-chat__file-attachment-border-inline-start: none;\n / Right (left in RTL layout) border of file attachments /\n --str-chat__file-attachment-border-inline-end: none;\n / Box shadow applied to file attachments /\n --str-chat__file-attachment-box-shadow: none;\n / Border radius applied audio widget /\n --str-chat__audio-attachment-widget-border-radius: calc(\n var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin)\n );\n / Text color used in audio widget /\n --str-chat__audio-attachment-widget-color: var(--str-chat__text-color);\n / Border radius applied audio widget /\n --str-chat__audio-attachment-widget-secondary-color: var(--str-chat__text-low-emphasis-color);\n / The text/icon color for low emphasis texts (for example file size) in audio widget /\n --str-chat__audio-attachment-widget-background-color: var(--str-chat__secondary-background-color);\n / Top border of audio widget /\n --str-chat__audio-attachment-widget-border-block-start: none;\n / Bottom border of audio widget /\n --str-chat__audio-attachment-widget-border-block-end: none;\n / Left (right in RTL layout) border of audio widget /\n --str-chat__audio-attachment-widget-border-inline-start: none;\n / Right (left in RTL layout) border of audio widget /\n --str-chat__audio-attachment-widget-border-inline-end: none;\n / Box shadow applied to audio widget /\n --str-chat__audio-attachment-widget-box-shadow: none;\n / Border radius applied to audio recording widget /\n --str-chat__voice-recording-attachment-widget-border-radius: calc(\n var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin)\n );\n / Text color used in audio recording widget /\n --str-chat__voice-recording-attachment-widget-color: var(--str-chat__text-color);\n / Border radius applied to audio recording widget /\n --str-chat__voice-recording-attachment-widget-secondary-color: var(\n --str-chat__text-low-emphasis-color\n );\n / The text/icon color for low emphasis texts (for example file size) in audio recording widget /\n --str-chat__voice-recording-attachment-widget-background-color: var(\n --str-chat__secondary-background-color\n );\n / Top border of audio recording widget /\n --str-chat__voice-recording-attachment-widget-border-block-start: none;\n / Bottom border of audio recording widget /\n --str-chat__voice-recording-attachment-widget-border-block-end: none;\n / Left (right in RTL layout) border of audio recording widget /\n --str-chat__voice-recording-attachment-widget-border-inline-start: none;\n / Right (left in RTL layout) border of audio recording widget /\n --str-chat__voice-recording-attachment-widget-border-inline-end: none;\n / Box shadow applied to audio recording widget /\n --str-chat__voice-recording-attachment-widget-box-shadow: none;\n / Border radius applied to the play / pause button of audio widget /\n --str-chat__audio-attachment-controls-button-border-radius: var(--str-chat__border-radius-circle);\n / Text color applied to audio widget's play / pause button /\n --str-chat__audio-attachment-controls-button-color: var(--str-chat__text-color);\n / Background color applied to audio widget's play / pause button /\n --str-chat__audio-attachment-controls-button-background-color: var(\n --str-chat__secondary-background-color\n );\n / Background color applied to audio widget's play / pause button when in pressed (active) state /\n --str-chat__audio-attachment-controls-button-pressed-background-color: var(\n --str-chat__surface-color\n );\n / Top border of audio widget's play / pause button /\n --str-chat__audio-attachment-controls-button-border-block-start: none;\n / Bottom border of audio widget's play / pause button /\n --str-chat__audio-attachment-controls-button-border-block-end: none;\n / Left (right in RTL layout) border of audio widget's play / pause button /\n --str-chat__audio-attachment-controls-button-border-inline-start: none;\n / Right (left in RTL layout) border of audio widget's play / pause button /\n --str-chat__audio-attachment-controls-button-border-inline-end: none;\n / Box shadow applied to audio widget's play / pause button /\n --str-chat__audio-attachment-controls-button-box-shadow: var(--str-chat__circle-fab-box-shadow);\n / The border radius used for attachment actions /\n --str-chat__attachment-actions-border-radius: 0;\n / The text/icon color of attachment actions /\n --str-chat__attachment-actions-color: var(--str-chat__text-color);\n / The background color of attachment actions /\n --str-chat__attachment-actions-background-color: transparent;\n / Top border of attachment actions /\n --str-chat__attachment-actions-border-block-start: none;\n / Bottom border of attachment actions /\n --str-chat__attachment-actions-border-block-end: none;\n / Left (right in RTL layout) border of attachment actions /\n --str-chat__attachment-actions-border-inline-start: none;\n / Right (left in RTL layout) border of attachment actions /\n --str-chat__attachment-actions-border-inline-end: none;\n / Box shadow applied to attachment actions /\n --str-chat__attachment-actions-box-shadow: none;\n / The border radius used for an attachment action /\n --str-chat__attachment-action-border-radius: 0;\n / The text/icon color of an attachment action /\n --str-chat__attachment-action-color: var(--str-chat__text-low-emphasis-color);\n / The background color of an attachment action /\n --str-chat__attachment-action-background-color: var(--str-chat__secondary-background-color);\n / Top border of an attachment action /\n --str-chat__attachment-action-border-block-start: var(--str-chat__surface-color) 1px solid;\n / Bottom border of an attachment action /\n --str-chat__attachment-action-border-block-end: var(--str-chat__surface-color) 1px solid;\n / Left (right in RTL layout) border of an attachment action /\n --str-chat__attachment-action-border-inline-start: var(--str-chat__surface-color) 1px solid;\n / Right (left in RTL layout) border of an attachment action /\n --str-chat__attachment-action-border-inline-end: var(--str-chat__surface-color) 1px solid;\n / Box shadow applied to an attachment action /\n --str-chat__attachment-action-box-shadow: none;\n / The text/icon color of an attachment action while in pressed state /\n --str-chat__attachment-action-active-color: var(--str-chat__primary-color);\n}\n\n.str-chat__attachment-list {\n background: var(--str-chat__attachment-list-background-color);\n color: var(--str-chat__attachment-list-color);\n box-shadow: var(--str-chat__attachment-list-box-shadow);\n border-radius: var(--str-chat__attachment-list-border-radius);\n border-block-start: var(--str-chat__attachment-list-border-block-start);\n border-block-end: var(--str-chat__attachment-list-border-block-end);\n border-inline-start: var(--str-chat__attachment-list-border-inline-start);\n border-inline-end: var(--str-chat__attachment-list-border-inline-end);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--image,\n.str-chat__attachment-list .str-chat__message-attachment-card--header,\n.str-chat__attachment-list .str-chat__message-attachment--video {\n background: var(--str-chat__image-attachment-background-color);\n color: var(--str-chat__image-attachment-color);\n box-shadow: var(--str-chat__image-attachment-box-shadow);\n border-radius: var(--str-chat__image-attachment-border-radius);\n border-block-start: var(--str-chat__image-attachment-border-block-start);\n border-block-end: var(--str-chat__image-attachment-border-block-end);\n border-inline-start: var(--str-chat__image-attachment-border-inline-start);\n border-inline-end: var(--str-chat__image-attachment-border-inline-end);\n}\n\n.str-chat__attachment-list .str-chat__gallery {\n background: var(--str-chat__image-gallery-attachment-background-color);\n color: var(--str-chat__image-gallery-attachment-color);\n box-shadow: var(--str-chat__image-gallery-attachment-box-shadow);\n border-radius: var(--str-chat__image-gallery-attachment-border-radius);\n border-block-start: var(--str-chat__image-gallery-attachment-border-block-start);\n border-block-end: var(--str-chat__image-gallery-attachment-border-block-end);\n border-inline-start: var(--str-chat__image-gallery-attachment-border-inline-start);\n border-inline-end: var(--str-chat__image-gallery-attachment-border-inline-end);\n}\n\n.str-chat__attachment-list .str-chat__gallery .str-chat__gallery-image {\n background-color: var(--str-chat__image-attachment-background-color);\n border: 0;\n}\n\n.str-chat__attachment-list .str-chat__gallery .str-chat__gallery-placeholder {\n color: var(--str-chat__image-gallery-attachment-overlay-text-color);\n display: flex;\n border: none;\n font: var(--str-chat__headline2-text);\n}\n\n.str-chat__attachment-list .str-chat__gallery .str-chat__gallery-placeholder::after {\n background-color: var(--str-chat__image-gallery-attachment-overlay);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--svg-image {\n background-image: repeating-conic-gradient(#d4d5d7 0% 25%, #f4f4f4 0% 50%);\n background-size: 24px 24px;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-unsupported,\n.str-chat__attachment-list .str-chat__message-attachment-file--item {\n background: var(--str-chat__file-attachment-background-color);\n color: var(--str-chat__file-attachment-color);\n box-shadow: var(--str-chat__file-attachment-box-shadow);\n border-radius: var(--str-chat__file-attachment-border-radius);\n border-block-start: var(--str-chat__file-attachment-border-block-start);\n border-block-end: var(--str-chat__file-attachment-border-block-end);\n border-inline-start: var(--str-chat__file-attachment-border-inline-start);\n border-inline-end: var(--str-chat__file-attachment-border-inline-end);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-unsupported .str-chat__message-attachment-unsupported__title {\n font: var(--str-chat__subtitle-medium-text);\n word-break: keep-all;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-name,\n.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--title,\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-name,\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--title {\n font: var(--str-chat__subtitle-medium-text);\n word-break: keep-all;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-size,\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-size {\n color: var(--str-chat__file-attachment-secondary-color);\n font: var(--str-chat__body-text);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-download-icon svg path,\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-download-icon svg path {\n fill: var(--str-chat__file-attachment-color);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget {\n background: var(--str-chat__audio-attachment-widget-background-color);\n color: var(--str-chat__audio-attachment-widget-color);\n box-shadow: var(--str-chat__audio-attachment-widget-box-shadow);\n border-radius: var(--str-chat__audio-attachment-widget-border-radius);\n border-block-start: var(--str-chat__audio-attachment-widget-border-block-start);\n border-block-end: var(--str-chat__audio-attachment-widget-border-block-end);\n border-inline-start: var(--str-chat__audio-attachment-widget-border-inline-start);\n border-inline-end: var(--str-chat__audio-attachment-widget-border-inline-end);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track {\n background: linear-gradient(to right, var(--str-chat__primary-color) var(--str-chat__message-attachment-audio-widget-progress), var(--str-chat__disabled-color) var(--str-chat__message-attachment-audio-widget-progress));\n border-radius: calc(var(--str-chat__spacing-px) 5);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track .str-chat__message-attachment-audio-widget--progress-indicator {\n background-color: var(--str-chat__primary-color);\n border-radius: inherit;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button {\n background: var(--str-chat__audio-attachment-controls-button-background-color);\n color: var(--str-chat__audio-attachment-controls-button-color);\n box-shadow: var(--str-chat__audio-attachment-controls-button-box-shadow);\n border-radius: var(--str-chat__audio-attachment-controls-button-border-radius);\n border-block-start: var(--str-chat__audio-attachment-controls-button-border-block-start);\n border-block-end: var(--str-chat__audio-attachment-controls-button-border-block-end);\n border-inline-start: var(--str-chat__audio-attachment-controls-button-border-inline-start);\n border-inline-end: var(--str-chat__audio-attachment-controls-button-border-inline-end);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button svg path {\n fill: var(--str-chat__audio-attachment-controls-button-color);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button:active {\n background-color: var(--str-chat__audio-attachment-controls-button-pressed-background-color);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget {\n background: var(--str-chat__voice-recording-attachment-widget-background-color);\n color: var(--str-chat__voice-recording-attachment-widget-color);\n box-shadow: var(--str-chat__voice-recording-attachment-widget-box-shadow);\n border-radius: var(--str-chat__voice-recording-attachment-widget-border-radius);\n border-block-start: var(--str-chat__voice-recording-attachment-widget-border-block-start);\n border-block-end: var(--str-chat__voice-recording-attachment-widget-border-block-end);\n border-inline-start: var(--str-chat__voice-recording-attachment-widget-border-inline-start);\n border-inline-end: var(--str-chat__voice-recording-attachment-widget-border-inline-end);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget a {\n color: var(--str-chat__voice-recording-attachment-widget-color);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__title {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n font: var(--str-chat__subtitle-medium-text);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__timer {\n font: var(--str-chat__body-text);\n color: var(--str-chat__text-low-emphasis-color);\n white-space: nowrap;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__wave-progress-bar__amplitude-bar {\n background: var(--str-chat__text-low-emphasis-color);\n border-radius: var(--str-chat__border-radius-circle);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__wave-progress-bar__amplitude-bar--active {\n background: var(--str-chat__primary-color);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__wave-progress-bar__progress-indicator {\n background-color: #fff;\n border-radius: var(--str-chat__border-radius-circle);\n border: 1px solid var(--str-chat__secondary-overlay-color);\n cursor: grab;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__error-message {\n font: var(--str-chat__body-text);\n color: var(--str-chat__text-low-emphasis-color);\n}\n\n.str-chat__attachment-list .str-chat__message_attachment__playback-rate-button {\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);\n border-radius: var(--str-chat__border-radius-circle);\n background-color: #fff;\n cursor: pointer;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--card {\n background: var(--str-chat__card-attachment-background-color);\n color: var(--str-chat__card-attachment-color);\n box-shadow: var(--str-chat__card-attachment-box-shadow);\n border-radius: var(--str-chat__card-attachment-border-radius);\n border-block-start: var(--str-chat__card-attachment-border-block-start);\n border-block-end: var(--str-chat__card-attachment-border-block-end);\n border-inline-start: var(--str-chat__card-attachment-border-inline-start);\n border-inline-end: var(--str-chat__card-attachment-border-inline-end);\n font: var(--str-chat__body-text);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--source-link {\n font: var(--str-chat__body-medium-text);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--title {\n font: var(--str-chat__body-medium-text);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card--audio img {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--header .str-chat__message-attachment-card--source-link {\n background-color: var(--str-chat__audio-attachment-widget-background-color);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card-audio-widget {\n background-color: var(--str-chat__audio-attachment-widget-background-color);\n border-radius: 0 0 calc(var(--str-chat__spacing-px) * 14) calc(var(--str-chat__spacing-px) * 14);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card-audio-widget .str-chat__message-attachment-audio-widget--title {\n color: var(--str-chat__text-color);\n font: var(--str-chat__body-medium-text);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-actions {\n background: var(--str-chat__attachment-actions-background-color);\n color: var(--str-chat__attachment-actions-color);\n box-shadow: var(--str-chat__attachment-actions-box-shadow);\n border-radius: var(--str-chat__attachment-actions-border-radius);\n border-block-start: var(--str-chat__attachment-actions-border-block-start);\n border-block-end: var(--str-chat__attachment-actions-border-block-end);\n border-inline-start: var(--str-chat__attachment-actions-border-inline-start);\n border-inline-end: var(--str-chat__attachment-actions-border-inline-end);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-button {\n background: var(--str-chat__attachment-action-background-color);\n color: var(--str-chat__attachment-action-color);\n box-shadow: var(--str-chat__attachment-action-box-shadow);\n border-radius: var(--str-chat__attachment-action-border-radius);\n border-block-start: var(--str-chat__attachment-action-border-block-start);\n border-block-end: var(--str-chat__attachment-action-border-block-end);\n border-inline-start: var(--str-chat__attachment-action-border-inline-start);\n border-inline-end: var(--str-chat__attachment-action-border-inline-end);\n font: var(--str-chat__subtitle-medium-text);\n border-collapse: collapse;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-button:active {\n color: var(--str-chat__attachment-action-active-color);\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-button:not(:last-of-type) {\n border-inline-end: none;\n}\n\n.str-chat__attachment-list .str-chat__message-attachment-with-actions.str-chat__message-attachment--giphy .str-chat__message-attachment-card--header {\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n}\n\n.str-chat__message-attachment-audio-widget--play-button {\n background: var(--str-chat__audio-attachment-controls-button-background-color);\n color: var(--str-chat__audio-attachment-controls-button-color);\n box-shadow: var(--str-chat__audio-attachment-controls-button-box-shadow);\n border-radius: var(--str-chat__audio-attachment-controls-button-border-radius);\n border-block-start: var(--str-chat__audio-attachment-controls-button-border-block-start);\n border-block-end: var(--str-chat__audio-attachment-controls-button-border-block-end);\n border-inline-start: var(--str-chat__audio-attachment-controls-button-border-inline-start);\n border-inline-end: var(--str-chat__audio-attachment-controls-button-border-inline-end);\n}\n\n.str-chat__message-attachment-audio-widget--play-button svg path {\n fill: var(--str-chat__audio-attachment-controls-button-color);\n}\n\n.str-chat__message-attachment-audio-widget--play-button:active {\n background-color: var(--str-chat__audio-attachment-controls-button-pressed-background-color);\n}\n\n.str-chat__message-attachment-card.str-chat__message-attachment-card--audio .str-chat__message-attachment-card--header {\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n}\n\n.str-chat__message-attachment__voice-recording-widget {\n background: var(--str-chat__voice-recording-attachment-widget-background-color);\n color: var(--str-chat__voice-recording-attachment-widget-color);\n box-shadow: var(--str-chat__voice-recording-attachment-widget-box-shadow);\n border-radius: var(--str-chat__voice-recording-attachment-widget-border-radius);\n border-block-start: var(--str-chat__voice-recording-attachment-widget-border-block-start);\n border-block-end: var(--str-chat__voice-recording-attachment-widget-border-block-end);\n border-inline-start: var(--str-chat__voice-recording-attachment-widget-border-inline-start);\n border-inline-end: var(--str-chat__voice-recording-attachment-widget-border-inline-end);\n}\n\n.str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__title {\n white-space: nowrap;\n overflow-y: visible;\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n word-break: keep-all;\n font: var(--str-chat__subtitle-medium-text);\n}\n\n.str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__timer {\n font: var(--str-chat__body-text);\n color: var(--str-chat__text-low-emphasis-color);\n white-space: nowrap;\n}\n\n.str-chat__audio_recorder__waveform-box,\n.str-chat__wave-progress-bar__track {\n cursor: pointer;\n}\n\n.str-chat__audio_recorder__waveform-box .str-chat__wave-progress-bar__amplitude-bar,\n.str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__amplitude-bar {\n background: var(--str-chat__text-low-emphasis-color);\n border-radius: var(--str-chat__border-radius-circle);\n}\n\n.str-chat__audio_recorder__waveform-box .str-chat__wave-progress-bar__amplitude-bar--active,\n.str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__amplitude-bar--active {\n background: var(--str-chat__primary-color);\n}\n\n.str-chat__audio_recorder__waveform-box .str-chat__wave-progress-bar__progress-indicator,\n.str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__progress-indicator {\n background-color: #fff;\n border-radius: var(--str-chat__border-radius-circle);\n border: 1px solid var(--str-chat__secondary-overlay-color);\n cursor: grab;\n}\n\n.str-chat-angular__message-attachment-file-single .str-chat__message-attachment-file--item-first-row {\n color: var(--str-chat__attachment-list-color);\n}\n\n.str-chat {\n /* The border radius used for the borders of the component /\n --str-chat__attachment-preview-list-border-radius: var(--str-chat__border-radius-sm);\n / The text/icon color of the component /\n --str-chat__attachment-preview-list-color: var(--str-chat__text-color);\n / The background color of the component /\n --str-chat__attachment-preview-list-background-color: transparent;\n / Top border of the component /\n --str-chat__attachment-preview-list-border-block-start: none;\n / Bottom border of the component /\n --str-chat__attachment-preview-list-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__attachment-preview-list-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__attachment-preview-list-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__attachment-preview-list-box-shadow: none;\n / Background color of the preview delete icon /\n --str-chat__attachment-preview-close-icon-background: var(--str-chat__secondary-overlay-color);\n / Foreground color of the preview delete icon /\n --str-chat__attachment-preview-close-icon-color: var(--str-chat__secondary-overlay-text-color);\n / Color of the upload retry icon /\n --str-chat__attachment-preview-retry-icon-color: var(--str-chat__primary-color);\n / Color of the preview download icon /\n --str-chat__attachment-preview-download-icon-color: var(--str-chat__text-low-emphasis-color);\n / Overlay color applied to attachment previews during upload and if an error occured during upload /\n --str-chat__attachment-preview-overlay-color: var(--str-chat__overlay-color);\n / The border radius used for the borders of the image preview /\n --str-chat__attachment-preview-image-border-radius: var(--str-chat__border-radius-sm);\n / The text/icon color of the image preview /\n --str-chat__attachment-preview-image-color: var(--str-chat__text-color);\n / The background color of the image preview /\n --str-chat__attachment-preview-image-background-color: transparent;\n / Top border of the image preview /\n --str-chat__attachment-preview-image-border-block-start: none;\n / Bottom border of the image preview /\n --str-chat__attachment-preview-image-border-block-end: none;\n / Left (right in RTL layout) border of the image preview /\n --str-chat__attachment-preview-image-border-inline-start: none;\n / Right (left in RTL layout) border of the image preview /\n --str-chat__attachment-preview-image-border-inline-end: none;\n / Box shadow applied to the image preview /\n --str-chat__attachment-preview-image-box-shadow: none;\n / The border radius used for the borders of the file preview /\n --str-chat__attachment-preview-file-border-radius: var(--str-chat__border-radius-md);\n / The text/icon color of the file preview /\n --str-chat__attachment-preview-file-color: var(--str-chat__text-color);\n / The background color of the file preview /\n --str-chat__attachment-preview-file-background-color: transparent;\n / Top border of the file preview /\n --str-chat__attachment-preview-file-border-block-start: 1px solid var(--str-chat__surface-color);\n / Bottom border of the file preview /\n --str-chat__attachment-preview-file-border-block-end: 1px solid var(--str-chat__surface-color);\n / Left (right in RTL layout) border of the file preview /\n --str-chat__attachment-preview-file-border-inline-start: 1px solid var(--str-chat__surface-color);\n / Right (left in RTL layout) border of the file preview /\n --str-chat__attachment-preview-file-border-inline-end: 1px solid var(--str-chat__surface-color);\n / Box shadow applied to the file preview /\n --str-chat__attachment-preview-file-box-shadow: none;\n}\n\n.str-chat__attachment-preview-list {\n background: var(--str-chat__attachment-preview-list-background-color);\n color: var(--str-chat__attachment-preview-list-color);\n box-shadow: var(--str-chat__attachment-preview-list-box-shadow);\n border-radius: var(--str-chat__attachment-preview-list-border-radius);\n border-block-start: var(--str-chat__attachment-preview-list-border-block-start);\n border-block-end: var(--str-chat__attachment-preview-list-border-block-end);\n border-inline-start: var(--str-chat__attachment-preview-list-border-inline-start);\n border-inline-end: var(--str-chat__attachment-preview-list-border-inline-end);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-list-scroll-container {\n border-radius: inherit;\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-image {\n background: var(--str-chat__attachment-preview-image-background-color);\n color: var(--str-chat__attachment-preview-image-color);\n box-shadow: var(--str-chat__attachment-preview-image-box-shadow);\n border-radius: var(--str-chat__attachment-preview-image-border-radius);\n border-block-start: var(--str-chat__attachment-preview-image-border-block-start);\n border-block-end: var(--str-chat__attachment-preview-image-border-block-end);\n border-inline-start: var(--str-chat__attachment-preview-image-border-inline-start);\n border-inline-end: var(--str-chat__attachment-preview-image-border-inline-end);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-thumbnail,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-image-loading {\n border-radius: var(--str-chat__attachment-preview-image-border-radius);\n background-color: var(--str-chat__attachment-preview-overlay-color);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file {\n background: var(--str-chat__attachment-preview-file-background-color);\n color: var(--str-chat__attachment-preview-file-color);\n box-shadow: var(--str-chat__attachment-preview-file-box-shadow);\n border-radius: var(--str-chat__attachment-preview-file-border-radius);\n border-block-start: var(--str-chat__attachment-preview-file-border-block-start);\n border-block-end: var(--str-chat__attachment-preview-file-border-block-end);\n border-inline-start: var(--str-chat__attachment-preview-file-border-inline-start);\n border-inline-end: var(--str-chat__attachment-preview-file-border-inline-end);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-title,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-name,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-title,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-name,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-title,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-name {\n font: var(--str-chat__subtitle-medium-text);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-download,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-download,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-download {\n --str-chat-icon-color: var(--str-chat__attachment-preview-download-icon-color);\n text-decoration: none;\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-download svg path,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-download svg path,\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-download svg path {\n fill: var(--str-chat__attachment-preview-download-icon-color);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-download svg path {\n fill: var(--str-chat__attachment-preview-download-icon-color);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__recording-timer {\n color: var(--str-chat__text-low-emphasis-color);\n font: var(--str-chat__caption-medium-text);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-delete {\n --str-chat-icon-color: var(--str-chat__attachment-preview-close-icon-color);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-delete .str-chat__icon {\n background-color: var(--str-chat__attachment-preview-close-icon-background);\n border-radius: 999px;\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-delete svg {\n background-color: var(--str-chat__attachment-preview-close-icon-background);\n border-radius: 999px;\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-delete svg path {\n fill: var(--str-chat__attachment-preview-close-icon-color);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-error {\n --str-chat-icon-color: var(--str-chat__attachment-preview-retry-icon-color);\n background-color: var(--str-chat__attachment-preview-overlay-color);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-error svg path {\n fill: var(--str-chat__attachment-preview-retry-icon-color);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-error.str-chat__attachment-preview-error-image {\n border-radius: var(--str-chat__attachment-preview-image-border-radius);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-error.str-chat__attachment-preview-error-file {\n border-radius: var(--str-chat__attachment-preview-file-border-radius);\n}\n\n.str-chat__audio_recorder-container {\n background-color: var(--str-chat__background-color);\n}\n\n.str-chat__audio_recorder button {\n background: none;\n border: none;\n cursor: pointer;\n}\n\n.str-chat__audio_recorder button:disabled {\n cursor: default;\n}\n\n.str-chat__audio_recorder .str-chat__audio_recorder__cancel-button {\n color: var(--str-chat__text-low-emphasis-color);\n}\n\n.str-chat__audio_recorder .str-chat__audio_recorder__toggle-playback-button {\n color: var(--str-chat__text-low-emphasis-color);\n}\n\n.str-chat__audio_recorder .str-chat__audio_recorder__pause-recording-button,\n.str-chat__audio_recorder .str-chat__audio_recorder__resume-recording-button {\n color: var(--str-chat__danger-color);\n}\n\n.str-chat__audio_recorder .str-chat__audio_recorder__pause-recording-button {\n border: 3px solid var(--str-chat__danger-color);\n border-radius: var(--str-chat__border-radius-circle);\n}\n\n.str-chat__audio_recorder .str-chat__audio_recorder__stop-button,\n.str-chat__audio_recorder .str-chat__audio_recorder__complete-button {\n border-radius: var(--str-chat__border-radius-circle);\n color: var(--str-chat__on-primary-color);\n background-color: var(--str-chat__primary-color);\n}\n\n.str-chat__audio_recorder .str-chat__audio_recorder__stop-button .str-chat__loading-indicator svg linearGradient stop:last-child,\n.str-chat__audio_recorder .str-chat__audio_recorder__complete-button .str-chat__loading-indicator svg linearGradient stop:last-child {\n stop-color: var(--str-chat__background-color);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__autocomplete-menu-border-radius: var(--str-chat__border-radius-xs);\n / The text/icon color of the component /\n --str-chat__autocomplete-menu-color: var(--str-chat__text-color);\n / The background color of the component /\n --str-chat__autocomplete-menu-background-color: var(--str-chat__secondary-background-color);\n / Top border of the component /\n --str-chat__autocomplete-menu-border-block-start: none;\n / Bottom border of the component /\n --str-chat__autocomplete-menu-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__autocomplete-menu-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__autocomplete-menu-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__autocomplete-menu-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);\n / The background color of a selected autocomplete item /\n --str-chat__autocomplete-active-background-color: var(--str-chat__surface-color);\n / The border radius used for the borders of the component (ReactSDK) /\n --str-chat__suggestion-list-container-border-radius: var(--str-chat__border-radius-xs);\n / The text/icon color of the component (ReactSDK) /\n --str-chat__suggestion-list-container-color: var(--str-chat__text-color);\n / The background color of the component (ReactSDK) /\n --str-chat__suggestion-list-container-background-color: var(\n --str-chat__secondary-background-color\n );\n / Top border of the component (ReactSDK) /\n --str-chat__suggestion-list-container-border-block-start: none;\n / Bottom border of the component (ReactSDK) /\n --str-chat__suggestion-list-container-border-block-end: none;\n / Left (right in RTL layout) border of the component (ReactSDK) /\n --str-chat__suggestion-list-container-border-inline-start: none;\n / Right (left in RTL layout) border of the component (ReactSDK) /\n --str-chat__suggestion-list-container-border-inline-end: none;\n / Box shadow applied to the component (ReactSDK) /\n --str-chat__suggestion-list-container-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);\n / The background color of a selected autocomplete item (ReactSDK) /\n --str-chat__suggestion-list-item--selected-background-color: var(--str-chat__surface-color);\n / The border radius used for the borders of the slash command item in the autocomplete list /\n --str-chat__slash-command-border-radius: 0;\n / The text/icon color of the slash command item in the autocomplete list /\n --str-chat__slash-command-color: var(--str-chat__text-color);\n / The background color of the slash command item in the autocomplete list /\n --str-chat__slash-command-background-color: transparent;\n / Top border of the slash command item in the autocomplete list /\n --str-chat__slash-command-border-block-start: none;\n / Bottom border of the slash command item in the autocomplete list /\n --str-chat__slash-command-border-block-end: none;\n / Left (right in RTL layout) border of the slash command item in the autocomplete list /\n --str-chat__slash-command-border-inline-start: none;\n / Right (left in RTL layout) border of the slash command item in the autocomplete list /\n --str-chat__slash-command-border-inline-end: none;\n / Box shadow of the slash command item in the autocomplete list /\n --str-chat__slash-command-box-shadow: none;\n / Text color of the arguments of a slash command item in the autocomplete list /\n --str-chat__slash-command-args-color: var(--str-chat__text-low-emphasis-color);\n / The border radius used for the borders of the user mention item in the autocomplete list /\n --str-chat__mention-list-user-item-border-radius: 0;\n / The text/icon color of the user mention item in the autocomplete list /\n --str-chat__mention-list-user-item-color: var(--str-chat__text-color);\n / The background color of the user mention item in the autocomplete list /\n --str-chat__mention-list-user-item-background-color: transparent;\n / Top border of the user mention item in the autocomplete list /\n --str-chat__mention-list-user-item-border-block-start: none;\n / Bottom border of the user mention item in the autocomplete list /\n --str-chat__mention-list-user-item-border-block-end: none;\n / Left (right in RTL layout) border of the user mention item in the autocomplete list /\n --str-chat__mention-list-user-item-border-inline-start: none;\n / Right (left in RTL layout) border of the user mention item in the autocomplete list /\n --str-chat__mention-list-user-item-border-inline-end: none;\n / Box shadow of the user mention item in the autocomplete list /\n --str-chat__mention-list-user-item-box-shadow: none;\n / The text color of the at sign inside a user mention itome in the autocomplete list /\n --str-chat__mention-list-user-item-at-sign-color: var(--str-chat__primary-color);\n / The font used in the emoji suggestion item in the autocomplete list /\n --str-chat__mention-list-emoji-item-font-family: var(--str-chat__font-family);\n / The border radius used for the borders of the emoji suggestion item in the autocomplete list /\n --str-chat__mention-list-emoji-item-border-radius: 0;\n / The text/icon color of the emoji suggestion item in the autocomplete list /\n --str-chat__mention-list-emoji-item-color: var(--str-chat__text-color);\n / The background color of the emoji suggestion item in the autocomplete list /\n --str-chat__mention-list-emoji-item-background-color: transparent;\n / Top border of the emoji suggestion item in the autocomplete list /\n --str-chat__mention-list-emoji-item-border-block-start: none;\n / Bottom border of the emoji suggestion item in the autocomplete list /\n --str-chat__mention-list-emoji-item-border-block-end: none;\n / Left (right in RTL layout) border of the emoji suggestion item in the autocomplete list /\n --str-chat__mention-list-emoji-item-border-inline-start: none;\n / Right (left in RTL layout) border of the emoji suggestion item in the autocomplete list /\n --str-chat__mention-list-emoji-item-border-inline-end: none;\n / Box shadow of the emoji suggestion item in the autocomplete list /\n --str-chat__mention-list-emoji-item-box-shadow: none;\n}\n\n.mention-menu {\n background: var(--str-chat__autocomplete-menu-background-color) !important;\n color: var(--str-chat__autocomplete-menu-color) !important;\n box-shadow: var(--str-chat__autocomplete-menu-box-shadow) !important;\n border-radius: var(--str-chat__autocomplete-menu-border-radius) !important;\n border-block-start: var(--str-chat__autocomplete-menu-border-block-start) !important;\n border-block-end: var(--str-chat__autocomplete-menu-border-block-end) !important;\n border-inline-start: var(--str-chat__autocomplete-menu-border-inline-start) !important;\n border-inline-end: var(--str-chat__autocomplete-menu-border-inline-end) !important;\n}\n\n.mention-menu .active.mention-active > a {\n background-color: var(--str-chat__autocomplete-active-background-color) !important;\n}\n\n.mention-menu .mention-item {\n color: var(--str-chat__autocomplete-menu-color) !important;\n background-color: transparent !important;\n}\n\n.str-chat__slash-command {\n background: var(--str-chat__slash-command-background-color);\n color: var(--str-chat__slash-command-color);\n box-shadow: var(--str-chat__slash-command-box-shadow);\n border-radius: var(--str-chat__slash-command-border-radius);\n border-block-start: var(--str-chat__slash-command-border-block-start);\n border-block-end: var(--str-chat__slash-command-border-block-end);\n border-inline-start: var(--str-chat__slash-command-border-inline-start);\n border-inline-end: var(--str-chat__slash-command-border-inline-end);\n}\n\n.str-chat__slash-command .str-chat__slash-command-header .str-chat__slash-command-name {\n text-transform: capitalize;\n font: var(--str-chat__subtitle2-text);\n}\n\n.str-chat__slash-command .str-chat__slash-command-header .str-chat__slash-command-args {\n color: var(--str-chat__slash-command-args-color);\n font: var(--str-chat__subtitle-text);\n}\n\n.str-chat__user-item {\n background: var(--str-chat__mention-list-user-item-background-color);\n color: var(--str-chat__mention-list-user-item-color);\n box-shadow: var(--str-chat__mention-list-user-item-box-shadow);\n border-radius: var(--str-chat__mention-list-user-item-border-radius);\n border-block-start: var(--str-chat__mention-list-user-item-border-block-start);\n border-block-end: var(--str-chat__mention-list-user-item-border-block-end);\n border-inline-start: var(--str-chat__mention-list-user-item-border-inline-start);\n border-inline-end: var(--str-chat__mention-list-user-item-border-inline-end);\n}\n\n.str-chat__user-item .str-chat__user-item--name {\n font: var(--str-chat__subtitle-text);\n}\n\n.str-chat__user-item .str-chat__user-item-at {\n font: var(--str-chat__subtitle2-text);\n color: var(--str-chat__mention-list-user-item-at-sign-color);\n}\n\n.str-chat__emoji-item {\n background: var(--str-chat__mention-list-emoji-item-background-color);\n color: var(--str-chat__mention-list-emoji-item-color);\n box-shadow: var(--str-chat__mention-list-emoji-item-box-shadow);\n border-radius: var(--str-chat__mention-list-emoji-item-border-radius);\n border-block-start: var(--str-chat__mention-list-emoji-item-border-block-start);\n border-block-end: var(--str-chat__mention-list-emoji-item-border-block-end);\n border-inline-start: var(--str-chat__mention-list-emoji-item-border-inline-start);\n border-inline-end: var(--str-chat__mention-list-emoji-item-border-inline-end);\n}\n\n.str-chat__emoji-item .str-chat__emoji-item--name {\n font: var(--str-chat__subtitle-text);\n}\n\n.str-chat__suggestion-list-container {\n background: var(--str-chat__suggestion-list-container-background-color);\n color: var(--str-chat__suggestion-list-container-color);\n box-shadow: var(--str-chat__suggestion-list-container-box-shadow);\n border-radius: var(--str-chat__suggestion-list-container-border-radius);\n border-block-start: var(--str-chat__suggestion-list-container-border-block-start);\n border-block-end: var(--str-chat__suggestion-list-container-border-block-end);\n border-inline-start: var(--str-chat__suggestion-list-container-border-inline-start);\n border-inline-end: var(--str-chat__suggestion-list-container-border-inline-end);\n}\n\n.str-chat__suggestion-list-container .str-chat__suggestion-list .str-chat__suggestion-list-item > a {\n text-decoration: none;\n}\n\n.str-chat__suggestion-list-container .str-chat__suggestion-list .str-chat__suggestion-item--selected {\n background-color: var(--str-chat__suggestion-list-item--selected-background-color);\n}\n\n.str-chat__base-image {\n color: transparent;\n}\n\n.str-chat__base-image--load-failed {\n mask-image: var(--str-chat__image-fallback-icon);\n -webkit-mask-image: var(--str-chat__image-fallback-icon);\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n mask-position: center;\n -webkit-mask-position: center;\n mask-size: 5rem 5rem;\n -webkit-mask-size: 5rem 5rem;\n background-color: var(--str-chat__disabled-color);\n}\n\n.str-chat__base-image--load-failed ~ .str-chat__message-attachment-file--item-download .str-chat__message-attachment-download-icon path {\n fill: var(--str-chat__text-color);\n}\n\n.str-chat__attachment-preview-image .str-chat__base-image--load-failed {\n mask-size: 1.5rem 1.5rem;\n -webkit-mask-size: 1.5rem 1.5rem;\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-image--error {\n background-color: var(--str-chat__secondary-surface-color);\n}\n\n.str-chat__attachment-preview-list .str-chat__attachment-preview-image--error .str-chat__attachment-preview-thumbnail.str-chat__base-image--load-failed {\n background-color: var(--str-chat__disabled-color);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__channel-border-radius: 0;\n / The text/icon color of the component /\n --str-chat__channel-color: var(--str-chat__text-color);\n / The background color of the component /\n --str-chat__channel-background-color: var(--str-chat__background-color);\n / Box shadow applied to the component /\n --str-chat__channel-box-shadow: none;\n / Top border of the component /\n --str-chat__channel-border-block-start: none;\n / Bottom border of the component /\n --str-chat__channel-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__channel-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__channel-border-inline-end: none;\n / The icon color used when no channel is selected /\n --str-chat__channel-empty-indicator-color: var(--str-chat__disabled-color);\n / The text color used when no channel is selected /\n --str-chat__channel-empty-color: var(--str-chat__text-low-emphasis-color);\n / The color of the loading indicator /\n --str-chat__channel-loading-state-color: var(--str-chat__disabled-color);\n}\n\n.str-chat__channel {\n background: var(--str-chat__channel-background-color);\n color: var(--str-chat__channel-color);\n box-shadow: var(--str-chat__channel-box-shadow);\n border-radius: var(--str-chat__channel-border-radius);\n border-block-start: var(--str-chat__channel-border-block-start);\n border-block-end: var(--str-chat__channel-border-block-end);\n border-inline-start: var(--str-chat__channel-border-inline-start);\n border-inline-end: var(--str-chat__channel-border-inline-end);\n}\n\n.str-chat__empty-channel {\n --str-chat-icon-color: var(--str-chat__channel-empty-color);\n background: var(--str-chat__channel-background-color);\n color: var(--str-chat__channel-color);\n box-shadow: var(--str-chat__channel-box-shadow);\n border-radius: var(--str-chat__channel-border-radius);\n border-block-start: var(--str-chat__channel-border-block-start);\n border-block-end: var(--str-chat__channel-border-block-end);\n border-inline-start: var(--str-chat__channel-border-inline-start);\n border-inline-end: var(--str-chat__channel-border-inline-end);\n font: var(--str-chat__headline-text);\n text-align: center;\n}\n\n.str-chat__empty-channel svg path {\n fill: var(--str-chat__channel-empty-indicator-color);\n}\n\n.str-chat__empty-channel .str-chat__empty-channel-text {\n color: var(--str-chat__channel-empty-color);\n}\n\n.str-chat__loading-channel {\n animation: pulsate 1s linear 0s infinite alternate;\n}\n\n.str-chat__loading-channel:nth-of-type(2) {\n animation: pulsate 1s linear 0.3334s infinite alternate;\n}\n\n.str-chat__loading-channel:last-of-type {\n animation: pulsate 1s linear 0.6667s infinite alternate;\n}\n\n@keyframes pulsate {\n from {\n opacity: 0.5;\n }\n to {\n opacity: 1;\n }\n}\n.str-chat__loading-channel .str-chat__loading-channel-header {\n background-color: var(--str-chat__channel-header-background-color);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-avatar {\n background-image: linear-gradient(-90deg, var(--str-chat__channel-loading-state-color) 0%, var(--str-chat__channel-loading-state-color) 100%);\n border-radius: var(--str-chat__avatar-border-radius);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-name,\n.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-info {\n background-image: linear-gradient(-90deg, var(--str-chat__channel-loading-state-color) 0%, var(--str-chat__channel-loading-state-color) 100%);\n border-radius: var(--str-chat__border-radius-xs);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-list {\n background-color: var(--str-chat__message-list-background-color);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message-avatar {\n background-image: linear-gradient(-90deg, var(--str-chat__channel-loading-state-color) 0%, var(--str-chat__channel-loading-state-color) 100%);\n border-radius: var(--str-chat__avatar-border-radius);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message-sender,\n.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message-text,\n.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message-date {\n background-image: linear-gradient(-90deg, var(--str-chat__channel-loading-state-color) 0%, var(--str-chat__channel-loading-state-color) 100%);\n border-radius: var(--str-chat__message-bubble-border-radius);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-input,\n.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-send {\n background-image: linear-gradient(-90deg, var(--str-chat__channel-loading-state-color) 0%, var(--str-chat__channel-loading-state-color) 100%);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-input {\n border-radius: var(--str-chat__message-textarea-border-radius);\n}\n\n.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-send {\n border-radius: var(--str-chat__message-send-border-radius);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__channel-header-border-radius: 0;\n / The text/icon color of the component /\n --str-chat__channel-header-color: 0;\n / The background color of the component /\n --str-chat__channel-header-background-color: var(--str-chat__secondary-background-color);\n / Top border of the component /\n --str-chat__channel-header-border-block-start: none;\n / Bottom border of the component /\n --str-chat__channel-header-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__channel-header-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__channel-header-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__channel-header-box-shadow: none;\n / The text/icon color used to display member information about the channel /\n --str-chat__channel-header-info-color: var(--str-chat__text-low-emphasis-color);\n}\n\n.str-chat__channel-header {\n background: var(--str-chat__channel-header-background-color);\n color: var(--str-chat__channel-header-color);\n box-shadow: var(--str-chat__channel-header-box-shadow);\n border-radius: var(--str-chat__channel-header-border-radius);\n border-block-start: var(--str-chat__channel-header-border-block-start);\n border-block-end: var(--str-chat__channel-header-border-block-end);\n border-inline-start: var(--str-chat__channel-header-border-inline-start);\n border-inline-end: var(--str-chat__channel-header-border-inline-end);\n}\n\n.str-chat__channel-header .str-chat__channel-header-title {\n font: var(--str-chat__subtitle-medium-text);\n}\n\n.str-chat__channel-header .str-chat__channel-header-info {\n font: var(--str-chat__body-text);\n color: var(--str-chat__channel-header-info-color);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__channel-list-border-radius: 0;\n / The text/icon color of the component /\n --str-chat__channel-list-color: var(--str-chat__text-color);\n / The background color of the component /\n --str-chat__channel-list-background-color: var(--str-chat__secondary-background-color);\n / Box shadow applied to the component /\n --str-chat__channel-list-box-shadow: none;\n / Top border of the component /\n --str-chat__channel-list-border-block-start: none;\n / Bottom border of the component /\n --str-chat__channel-list-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__channel-list-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__channel-list-border-inline-end: 1px solid var(--str-chat__surface-color);\n / The border radius used for the borders of the load more button /\n --str-chat__channel-list-load-more-border-radius: var(--str-chat__cta-button-border-radius);\n / The text/icon color of the load more button /\n --str-chat__channel-list-load-more-color: var(--str-chat__cta-button-color);\n / The background color of the load more button /\n --str-chat__channel-list-load-more-background-color: var(--str-chat__cta-button-background-color);\n / Box shadow applied to the load more button /\n --str-chat__channel-list-load-more-box-shadow: var(--str-chat__cta-button-box-shadow);\n / Top border of the load more button /\n --str-chat__channel-list-load-more-border-block-start: var(\n --str-chat__cta-button-border-block-start\n );\n / Bottom border of the load more button /\n --str-chat__channel-list-load-more-border-block-end: var(--str-chat__cta-button-border-block-end);\n / Left (right in RTL layout) border of the load more button /\n --str-chat__channel-list-load-more-border-inline-start: var(\n --str-chat__cta-button-border-inline-start\n );\n / Right (left in RTL layout) border of the load more button /\n --str-chat__channel-list-load-more-border-inline-end: var(\n --str-chat__cta-button-border-inline-end\n );\n / The background color of the load more button in pressed state /\n --str-chat__channel-list-load-more-pressed-background-color: var(\n --str-chat__cta-button-pressed-background-color\n );\n / The background color of the load more button in disabled state /\n --str-chat__channel-list-load-more-disabled-background-color: var(\n --str-chat__cta-button-disabled-background-color\n );\n / The text/icon color of the load more button in disabled state /\n --str-chat__channel-list-load-more-disabled-color: var(--str-chat__cta-button-disabled-color);\n / The text/icon color for the empty list state /\n --str-chat__channel-list-empty-indicator-color: var(--str-chat__text-low-emphasis-color);\n}\n\n.str-chat__channel-list {\n background: var(--str-chat__channel-list-background-color);\n color: var(--str-chat__channel-list-color);\n box-shadow: var(--str-chat__channel-list-box-shadow);\n border-radius: var(--str-chat__channel-list-border-radius);\n border-block-start: var(--str-chat__channel-list-border-block-start);\n border-block-end: var(--str-chat__channel-list-border-block-end);\n border-inline-start: var(--str-chat__channel-list-border-inline-start);\n border-inline-end: var(--str-chat__channel-list-border-inline-end);\n}\n\n.str-chat__channel-list .str-chat__load-more-button__button {\n background: var(--str-chat__channel-list-load-more-background-color);\n color: var(--str-chat__channel-list-load-more-color);\n box-shadow: var(--str-chat__channel-list-load-more-box-shadow);\n border-radius: var(--str-chat__channel-list-load-more-border-radius);\n border-block-start: var(--str-chat__channel-list-load-more-border-block-start);\n border-block-end: var(--str-chat__channel-list-load-more-border-block-end);\n border-inline-start: var(--str-chat__channel-list-load-more-border-inline-start);\n border-inline-end: var(--str-chat__channel-list-load-more-border-inline-end);\n width: 80%;\n}\n\n.str-chat__channel-list .str-chat__load-more-button__button:active {\n background-color: var(--str-chat__channel-list-load-more-pressed-background-color);\n}\n\n.str-chat__channel-list .str-chat__load-more-button__button:disabled {\n background-color: var(--str-chat__channel-list-load-more-disabled-background-color);\n color: var(--str-chat__channel-list-load-more-disabled-color);\n}\n\n.str-chat__channel-list .str-chat__channel-list-empty {\n --str-chat-icon-color: var(--str-chat__channel-list-empty-indicator-color);\n font: var(--str-chat__headline-text);\n text-align: center;\n color: var(--str-chat__channel-list-empty-indicator-color);\n}\n\n.str-chat__channel-list .str-chat__channel-list-empty svg path {\n fill: var(--str-chat__channel-list-empty-indicator-color);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__channel-preview-border-radius: 0;\n / The text/icon color of the component /\n --str-chat__channel-preview-color: var(--str-chat__text-color);\n / The background color of the component /\n --str-chat__channel-preview-background-color: transparent;\n / Top border of the component /\n --str-chat__channel-preview-border-block-start: none;\n / Bottom border of the component /\n --str-chat__channel-preview-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__channel-preview-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__channel-preview-border-inline-end: none;\n / Background color used for selected channel preview components /\n --str-chat__channel-preview-active-background-color: var(--str-chat__surface-color);\n / Background color used for the hover state /\n --str-chat__channel-preview-hover-background-color: var(--str-chat__secondary-surface-color);\n / Text color of the latest message when preview is not hovered or selected /\n --str-chat__channel-preview-latest-message-secondary-color: var(\n --str-chat__text-low-emphasis-color\n );\n / The color of the loading indicator while initializing the channel list /\n --str-chat__channel-preview-loading-state-color: var(--str-chat__disabled-color);\n / The background color of the unread badge /\n --str-chat__channel-preview-unread-badge-background-color: var(--str-chat__unread-badge-color);\n / The color of the unread badge /\n --str-chat__channel-preview-unread-badge-color: var(--str-chat__on-unread-badge-color);\n / The border radius used for the borders of the unread badge /\n --str-chat__channel-preview-unread-badge-border-radius: var(--str-chat__border-radius-circle);\n / Top border of the unread badge /\n --str-chat__channel-preview-unread-badge-border-block-start: none;\n / Bottom border of the unread badge /\n --str-chat__channel-preview-unread-badge-border-block-end: none;\n / Left (right in RTL layout) border of the unread badge /\n --str-chat__channel-preview-unread-badge-border-inline-start: none;\n / Right (left in RTL layout) border of the unread badge /\n --str-chat__channel-preview-unread-badge-border-inline-end: none;\n / The color of the message status indicator icon (only available in Angular) /\n --str-chat__channel-preview-message-status-color: var(--str-chat__primary-color);\n / The color of the text that displays the message time (only available in Angular) /\n --str-chat__channel-preview-message-time-color: var(--str-chat__message-secondary-color);\n}\n\n.str-chat__channel-preview {\n background: var(--str-chat__channel-preview-background-color);\n color: var(--str-chat__channel-preview-color);\n box-shadow: var(--str-chat__channel-preview-box-shadow);\n border-radius: var(--str-chat__channel-preview-border-radius);\n border-block-start: var(--str-chat__channel-preview-border-block-start);\n border-block-end: var(--str-chat__channel-preview-border-block-end);\n border-inline-start: var(--str-chat__channel-preview-border-inline-start);\n border-inline-end: var(--str-chat__channel-preview-border-inline-end);\n}\n\n.str-chat__channel-preview--active, .str-chat__channel-preview-messenger--active {\n background-color: var(--str-chat__channel-preview-active-background-color);\n}\n\n.str-chat__channel-preview:hover {\n background-color: var(--str-chat__channel-preview-hover-background-color);\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-end-first-row {\n font: var(--str-chat__subtitle-medium-text);\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-end-first-row .str-chat__channel-preview-unread-badge {\n background: var(--str-chat__channel-preview-unread-badge-background-color);\n color: var(--str-chat__channel-preview-unread-badge-color);\n box-shadow: var(--str-chat__channel-preview-unread-badge-box-shadow);\n border-radius: var(--str-chat__channel-preview-unread-badge-border-radius);\n border-block-start: var(--str-chat__channel-preview-unread-badge-border-block-start);\n border-block-end: var(--str-chat__channel-preview-unread-badge-border-block-end);\n border-inline-start: var(--str-chat__channel-preview-unread-badge-border-inline-start);\n border-inline-end: var(--str-chat__channel-preview-unread-badge-border-inline-end);\n font-size: 80%;\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-end-first-row .str-chat__channel-preview-messenger--last-message {\n font: var(--str-chat__body-text);\n color: var(--str-chat__channel-preview-latest-message-secondary-color);\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-end-first-row--active .str-chat__channel-preview-messenger--last-message, .str-chat__channel-preview .str-chat__channel-preview-end-first-row:hover .str-chat__channel-preview-messenger--last-message {\n color: var(--str-chat__channel-preview-color);\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-messenger--status {\n --str-chat-icon-color: var(--str-chat__channel-preview-message-status-color);\n color: var(--str-chat__channel-preview-message-status-color);\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-messenger--status svg path {\n fill: var(--str-chat__channel-preview-message-status-color);\n}\n\n.str-chat__channel-preview .str-chat__channel-preview-messenger--time {\n color: var(--str-chat__channel-preview-message-time-color);\n font: var(--str-chat__caption-text);\n}\n\n.str-chat__channel-preview-loading {\n animation: pulsate 1s linear 0s infinite alternate;\n}\n\n.str-chat__channel-preview-loading:nth-of-type(2) {\n animation: pulsate 1s linear 0.3334s infinite alternate;\n}\n\n.str-chat__channel-preview-loading:last-of-type {\n animation: pulsate 1s linear 0.6667s infinite alternate;\n}\n\n@keyframes pulsate {\n from {\n opacity: 0.5;\n }\n to {\n opacity: 1;\n }\n}\n.str-chat__channel-preview-loading .str-chat__loading-channels-avatar,\n.str-chat__channel-preview-loading .str-chat__loading-channels-username,\n.str-chat__channel-preview-loading .str-chat__loading-channels-status {\n background-image: linear-gradient(-90deg, var(--str-chat__channel-preview-loading-state-color) 0%, var(--str-chat__channel-preview-loading-state-color) 100%);\n}\n\n.str-chat__channel-preview-loading .str-chat__loading-channels-username,\n.str-chat__channel-preview-loading .str-chat__loading-channels-status {\n border-radius: var(--str-chat__border-radius-xs);\n}\n\n/ Only available in React SDK. /\n.str-chat {\n / The text/icon color of the component /\n --str-chat__channel-search-input-color: var(--str-chat__text-color);\n / The text/icon color of the component /\n --str-chat__channel-search-input-placeholder-color: var(--str-chat__text-low-emphasis-color);\n / The text/icon color of the component /\n --str-chat__channel-search-input-icon-color: var(--str-chat__text-low-emphasis-color);\n / Top border of the component /\n --str-chat__channel-search-input-border-block-start: none;\n / Bottom border of the component /\n --str-chat__channel-search-input-border-block-end: none;\n / Left (right in RTL layout) borhe component /\n --str-chat__channel-search-input-border-inline-start: none;\n / Right (left in RTL layout) borhe component /\n --str-chat__channel-search-input-border-inline-end: none;\n / The border radius used for the borders of the component /\n --str-chat__channel-search-input-wrapper-border-radius: var(--str-chat__border-radius-lg);\n / The background color of the component /\n --str-chat__channel-search-input-wrapper-background-color: transparent;\n / Top border of the component /\n --str-chat__channel-search-input-wrapper-border-block-start: var(--str-chat__surface-color) 1px\n solid;\n / Bottom border of the component /\n --str-chat__channel-search-input-wrapper-border-block-end: var(--str-chat__surface-color) 1px\n solid;\n / Left (right in RTL layout) border of the component /\n --str-chat__channel-search-input-wrapper-border-inline-start: var(--str-chat__surface-color) 1px\n solid;\n / Right (left in RTL layout) border of the component /\n --str-chat__channel-search-input-wrapper-border-inline-end: var(--str-chat__surface-color) 1px\n solid;\n / The border radius used for the borders of the component /\n --str-chat__channel-search-input-wrapper-active-border-radius: var(--str-chat__border-radius-lg);\n / The background color of the component /\n --str-chat__channel-search-input-wrapper-active-background-color: transparent;\n / Top border of the component /\n --str-chat__channel-search-input-wrapper-active-border-block-start: var(--str-chat__primary-color)\n 1px solid;\n / Bottom border of the component /\n --str-chat__channel-search-input-wrapper-active-border-block-end: var(--str-chat__primary-color)\n 1px solid;\n / Left (right in RTL layout) border of the component /\n --str-chat__channel-search-input-wrapper-active-border-inline-start: var(\n --str-chat__primary-color\n )\n 1px solid;\n / Right (left in RTL layout) border of the component /\n --str-chat__channel-search-input-wrapper-active-border-inline-end: var(--str-chat__primary-color)\n 1px solid;\n / The background applied to channel search result /\n --str-chat__channel-search-result-background-color: transparent;\n / Top border of the component /\n --str-chat__channel-search-result-border-block-start: none;\n / Bottom border of the component /\n --str-chat__channel-search-result-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__channel-search-result-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__channel-search-result-border-inline-end: none;\n / Background color used for the search result hover / focused state /\n --str-chat__channel-search-result-hover-background-color: var(\n --str-chat__secondary-surface-color\n );\n --str-chat__channel-search-result-list-color: var(--str-chat__text-color);\n --str-chat__channel-search-result-list-background-color: var(--str-chat__secondary-background-color);\n / Top border of the component /\n --str-chat__channel-search-result-list-border-block-start: none;\n / Bottom border of the component /\n --str-chat__channel-search-result-list-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__channel-search-result-list-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__channel-search-result-list-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__channel-search-result-list-popup-box-shadow: 0 4px 4px var(--str-chat__box-shadow-color);\n / The font color used in the search results header /\n --str-chat__channel-search-results-header-color: var(--str-chat__text-low-emphasis-color);\n / The background color used in the search results header /\n --str-chat__channel-search-results-header-background-color: var(--str-chat__background-color);\n / Top border of the component /\n --str-chat__channel-search-results-header-border-block-start: none;\n / Bottom border of the component /\n --str-chat__channel-search-results-header-border-block-end: var(--str-chat__surface-color) 1px\n solid;\n / Left (right in RTL layout) border of the component /\n --str-chat__channel-search-results-header-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__channel-search-results-header-border-inline-end: none;\n / The font color used in the search results loading indicator /\n --str-chat__channel-search-results-loading-indicator-color: var(--str-chat__text-low-emphasis-color);\n / The background color used in the search results loading indicator /\n --str-chat__channel-search-results-loading-indicator-background-color: var(--str-chat__background-color);\n / Top border of the component /\n --str-chat__channel-search-results-loading-indicator-border-block-start: none;\n / Bottom border of the component /\n --str-chat__channel-search-results-loading-indicator-border-block-end: var(--str-chat__surface-color) 1px\n solid;\n / Left (right in RTL layout) border of the component /\n --str-chat__channel-search-results-loading-indicator-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__channel-search-results-loading-indicator-border-inline-end: none;\n / The font color used in the empty search results indicator /\n --str-chat__channel-search-results-empty-color: var(--str-chat__text-low-emphasis-color);\n / The icon color used in the empty search results indicator /\n --str-chat__channel-search-results-empty-icon-color: var(--str-chat__disabled-color);\n / The background color used in the empty search results indicator /\n --str-chat__channel-search-results-empty-background-color: var(--str-chat__background-color);\n / Top border of the component /\n --str-chat__channel-search-results-empty-border-block-start: none;\n / Bottom border of the component /\n --str-chat__channel-search-results-empty-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__channel-search-results-empty-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__channel-search-results-empty-border-inline-end: none;\n}\n\n.str-chat__channel-search-input--wrapper {\n background: var(--str-chat__channel-search-input-wrapper-background-color);\n color: var(--str-chat__channel-search-input-wrapper-color);\n box-shadow: var(--str-chat__channel-search-input-wrapper-box-shadow);\n border-radius: var(--str-chat__channel-search-input-wrapper-border-radius);\n border-block-start: var(--str-chat__channel-search-input-wrapper-border-block-start);\n border-block-end: var(--str-chat__channel-search-input-wrapper-border-block-end);\n border-inline-start: var(--str-chat__channel-search-input-wrapper-border-inline-start);\n border-inline-end: var(--str-chat__channel-search-input-wrapper-border-inline-end);\n}\n\n.str-chat__channel-search-input--wrapper input {\n background: var(--str-chat__channel-search-input-background-color);\n color: var(--str-chat__channel-search-input-color);\n box-shadow: var(--str-chat__channel-search-input-box-shadow);\n border-radius: var(--str-chat__channel-search-input-border-radius);\n border-block-start: var(--str-chat__channel-search-input-border-block-start);\n border-block-end: var(--str-chat__channel-search-input-border-block-end);\n border-inline-start: var(--str-chat__channel-search-input-border-inline-start);\n border-inline-end: var(--str-chat__channel-search-input-border-inline-end);\n outline: none;\n font: var(--str-chat__subtitle-text);\n}\n\n.str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button svg path {\n fill: transparent;\n}\n\n.str-chat__channel-search-input--wrapper-active {\n background: var(--str-chat__channel-search-input-wrapper-active-background-color);\n color: var(--str-chat__channel-search-input-wrapper-active-color);\n box-shadow: var(--str-chat__channel-search-input-wrapper-active-box-shadow);\n border-radius: var(--str-chat__channel-search-input-wrapper-active-border-radius);\n border-block-start: var(--str-chat__channel-search-input-wrapper-active-border-block-start);\n border-block-end: var(--str-chat__channel-search-input-wrapper-active-border-block-end);\n border-inline-start: var(--str-chat__channel-search-input-wrapper-active-border-inline-start);\n border-inline-end: var(--str-chat__channel-search-input-wrapper-active-border-inline-end);\n}\n\n.str-chat__channel-search-input--wrapper-active .str-chat__channel-search-input--icon svg path {\n fill: var(--str-chat__primary-color);\n}\n\n.str-chat__channel-search-input--wrapper-active .str-chat__channel-search-input--clear-button svg path {\n fill: var(--str-chat__text-low-emphasis-color);\n}\n\n.str-chat__channel-search-results-header {\n background: var(--str-chat__channel-search-results-header-background-color);\n color: var(--str-chat__channel-search-results-header-color);\n box-shadow: var(--str-chat__channel-search-results-header-box-shadow);\n border-radius: var(--str-chat__channel-search-results-header-border-radius);\n border-block-start: var(--str-chat__channel-search-results-header-border-block-start);\n border-block-end: var(--str-chat__channel-search-results-header-border-block-end);\n border-inline-start: var(--str-chat__channel-search-results-header-border-inline-start);\n border-inline-end: var(--str-chat__channel-search-results-header-border-inline-end);\n font: var(--str-chat__subtitle-text);\n}\n\n.str-chat__channel-search-result-list {\n background: var(--str-chat__channel-search-result-list-background-color);\n color: var(--str-chat__channel-search-result-list-color);\n box-shadow: var(--str-chat__channel-search-result-list-box-shadow);\n border-radius: var(--str-chat__channel-search-result-list-border-radius);\n border-block-start: var(--str-chat__channel-search-result-list-border-block-start);\n border-block-end: var(--str-chat__channel-search-result-list-border-block-end);\n border-inline-start: var(--str-chat__channel-search-result-list-border-inline-start);\n border-inline-end: var(--str-chat__channel-search-result-list-border-inline-end);\n}\n\n.str-chat__channel-search-result-list.popup {\n box-shadow: var(--str-chat__channel-search-result-list-popup-box-shadow);\n}\n\n.str-chat__channel-search-result-list .str-chat__channel-search-container-searching {\n background: var(--str-chat__channel-search-results-loading-indicator-background-color);\n color: var(--str-chat__channel-search-results-loading-indicator-color);\n box-shadow: var(--str-chat__channel-search-results-loading-indicator-box-shadow);\n border-radius: var(--str-chat__channel-search-results-loading-indicator-border-radius);\n border-block-start: var(--str-chat__channel-search-results-loading-indicator-border-block-start);\n border-block-end: var(--str-chat__channel-search-results-loading-indicator-border-block-end);\n border-inline-start: var(--str-chat__channel-search-results-loading-indicator-border-inline-start);\n border-inline-end: var(--str-chat__channel-search-results-loading-indicator-border-inline-end);\n}\n\n.str-chat__channel-search-result-list .str-chat__channel-search-container-empty {\n background: var(--str-chat__channel-search-results-empty-background-color);\n color: var(--str-chat__channel-search-results-empty-color);\n box-shadow: var(--str-chat__channel-search-results-empty-box-shadow);\n border-radius: var(--str-chat__channel-search-results-empty-border-radius);\n border-block-start: var(--str-chat__channel-search-results-empty-border-block-start);\n border-block-end: var(--str-chat__channel-search-results-empty-border-block-end);\n border-inline-start: var(--str-chat__channel-search-results-empty-border-inline-start);\n border-inline-end: var(--str-chat__channel-search-results-empty-border-inline-end);\n font: var(--str-chat__subtitle2-medium-text);\n}\n\n.str-chat__channel-search-result-list .str-chat__channel-search-container-empty svg path {\n fill: var(--str-chat__channel-search-results-empty-icon-color);\n}\n\n.str-chat__channel-search-result-list .str-chat__channel-search-result {\n background: var(--str-chat__channel-search-result-background-color);\n color: var(--str-chat__channel-search-result-color);\n box-shadow: var(--str-chat__channel-search-result-box-shadow);\n border-radius: var(--str-chat__channel-search-result-border-radius);\n border-block-start: var(--str-chat__channel-search-result-border-block-start);\n border-block-end: var(--str-chat__channel-search-result-border-block-end);\n border-inline-start: var(--str-chat__channel-search-result-border-inline-start);\n border-inline-end: var(--str-chat__channel-search-result-border-inline-end);\n}\n\n.str-chat__channel-search-result-list .str-chat__channel-search-result .str-chat__channel-search-result--display-name {\n font: var(--str-chat__subtitle-medium-text);\n}\n\n.str-chat__channel-search-result-list .str-chat__channel-preview-messenger--active {\n background-color: var(--str-chat__channel-preview-active-background-color);\n}\n\n.str-chat__channel-search-result-list .str-chat__channel-search-result:hover,\n.str-chat__channel-search-result-list .str-chat__channel-search-result--focused {\n background-color: var(--str-chat__channel-search-result-hover-background-color);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__edit-message-modal-button-border-radius: none;\n / The text color used for the send button /\n --str-chat__edit-message-modal-send-button-color: var(--str-chat__primary-color);\n / The text color used for the cancel button /\n --str-chat__edit-message-modal-cancel-button-color: var(--str-chat__text-low-emphasis-color);\n / The background color of the component /\n --str-chat__edit-message-modal-button-background-color: transparent;\n / Top border of the component /\n --str-chat__edit-message-modal-button-border-block-start: none;\n / Bottom border of the component /\n --str-chat__edit-message-modal-button-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__edit-message-modal-button-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__edit-message-modal-button-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__edit-message-modal-button-box-shadow: none;\n}\n\n.str-chat__edit-message-form .str-chat__edit-message-form-options .str-chat__edit-message-cancel,\n.str-chat__edit-message-form .str-chat__edit-message-form-options .str-chat__edit-message-send {\n background: var(--str-chat__edit-message-modal-button-background-color);\n color: var(--str-chat__edit-message-modal-button-color);\n box-shadow: var(--str-chat__edit-message-modal-button-box-shadow);\n border-radius: var(--str-chat__edit-message-modal-button-border-radius);\n border-block-start: var(--str-chat__edit-message-modal-button-border-block-start);\n border-block-end: var(--str-chat__edit-message-modal-button-border-block-end);\n border-inline-start: var(--str-chat__edit-message-modal-button-border-inline-start);\n border-inline-end: var(--str-chat__edit-message-modal-button-border-inline-end);\n font: var(--str-chat__body-medium-text);\n}\n\n.str-chat__edit-message-form .str-chat__edit-message-form-options .str-chat__edit-message-cancel {\n text-transform: capitalize;\n color: var(--str-chat__edit-message-modal-cancel-button-color);\n}\n\n.str-chat__edit-message-form .str-chat__edit-message-form-options .str-chat__edit-message-send {\n text-transform: uppercase;\n color: var(--str-chat__edit-message-modal-send-button-color);\n}\n\n/ Only available in Angular v5+ /\n.str-chat {\n / The color of the icon, only available in Angular v5+ /\n --str-chat-icon-color: var(--str-chat__text-color);\n}\n\n.str-chat__icon {\n color: var(--str-chat-icon-color);\n}\n\n.str-chat__icon--error {\n --str-chat-icon-color: var(--str-chat__danger-color);\n}\n\n/ Only available in Angular SDK. /\n.str-chat {\n / The color of the stepper icon. /\n --str-chat__image-carousel-stepper-color: var(--str-chat__text-color);\n}\n\n@media only screen and (max-device-width: 768px) {\n .str-chat__message .str-chat__attachment-list .str-chat__modal--open .str-chat__modal__inner {\n border-radius: 0;\n }\n}\n.str-chat__image-carousel .str-chat__image-carousel-stepper {\n --str-chat-icon-color: var(--str-chat__image-carousel-stepper-color);\n cursor: pointer;\n}\n\n.str-chat__image-carousel .str-chat__image-carousel-stepper svg path {\n fill: var(--str-chat__image-carousel-stepper-color);\n}\n\n.str-chat__link-preview-card .str-chat__link-preview-card__content {\n border-left: 2px solid var(--str-chat__primary-color);\n}\n\n.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-title {\n font: var(--str-chat__body-medium-text);\n}\n\n.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-description {\n font: var(--str-chat__caption-text);\n}\n\n.str-chat__link-preview-card .str-chat__link-preview-card__dismiss-button svg path {\n fill: var(--str-chat__text-low-emphasis-color);\n}\n\n.str-chat {\n / The color of the loading indicator /\n --str-chat__loading-indicator-color: var(--str-chat__primary-color);\n}\n\n.str-chat__loading-indicator svg linearGradient stop:last-child {\n stop-color: var(--str-chat__loading-indicator-color);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__message-border-radius: none;\n / The text/icon color of the component /\n --str-chat__message-color: var(--str-chat__text-color);\n / The text/icon color used for displaying error messages /\n --str-chat__message-error-message-color: var(--str-chat__danger-color);\n / The text/icon color used for displaying items with less emphasis /\n --str-chat__message-secondary-color: var(--str-chat__text-low-emphasis-color);\n / The text color used for displaying links /\n --str-chat__message-link-color: var(--str-chat__primary-color);\n / The text color used for displaying mentions /\n --str-chat__message-mention-color: var(--str-chat__primary-color);\n / The text/icon color used for displaying message status /\n --str-chat__message-status-color: var(--str-chat__primary-color);\n / The text color used for displaying the number of thread replies of a message /\n --str-chat__message-replies-count-color: var(--str-chat__primary-color);\n / The background color of the component /\n --str-chat__message-background-color: transparent;\n / The background color of a jumped-to message /\n --str-chat__message-highlighted-background-color: var(--str-chat__message-highlight-color);\n / Top border of the component /\n --str-chat__message-border-block-start: none;\n / Bottom border of the component /\n --str-chat__message-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__message-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__message-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__message-box-shadow: none;\n / The background of the message component in active state /\n --str-chat__message-active-bacground-color: transparent;\n / The icon color used for displaying message options /\n --str-chat__message-options-color: var(--str-chat__text-low-emphasis-color);\n / The icon color used for displaying message options if a message option is clicked /\n --str-chat__message-options-hover-background-color: var(--str-chat__tertiary-surface-color);\n / The border radius used for displaying message options /\n --str-chat__message-options-border-radius: var(--str-chat__border-radius-circle);\n / The background color used if a message option is hovered /\n --str-chat__message-options-active-color: var(--str-chat__primary-color);\n / The border radius used for the borders of the message bubble /\n --str-chat__message-bubble-border-radius: var(--str-chat__border-radius-md);\n / The text/icon of the message bubble /\n --str-chat__message-bubble-color: var(--str-chat__text-color);\n / The background of the message bubble /\n --str-chat__message-bubble-background-color: var(--str-chat__secondary-surface-color);\n / The text/icon of the message bubble, if the message was sent by the user /\n --str-chat__own-message-bubble-color: var(--str-chat__message-bubble-color);\n / The background of the message bubble, if the message was sent by the user /\n --str-chat__own-message-bubble-background-color: var(--str-chat__primary-surface-color);\n / The background of the message bubble, if it's a quoted message /\n --str-chat__quoted-message-bubble-background-color: var(--str-chat__secondary-background-color);\n / Top border of the message bubble /\n --str-chat__message-bubble-border-block-start: none;\n / Bottom border of the message bubble /\n --str-chat__message-bubble-border-block-end: none;\n / Left (right in RTL layout) border of the message bubble /\n --str-chat__message-bubble-border-inline-start: none;\n / Right (left in RTL layout) border of the message bubble /\n --str-chat__message-bubble-border-inline-end: none;\n / Box shadow applied to the message bubble /\n --str-chat__message-bubble-box-shadow: none;\n / The border radius used for the borders of a deleted message /\n --str-chat__deleted-message-border-radius: var(--str-chat__border-radius-md);\n / The text/icon of a deleted message /\n --str-chat__deleted-message-color: var(--str-chat__text-low-emphasis-color);\n / The background of a deleted message /\n --str-chat__deleted-message-background-color: var(--str-chat__secondary-surface-color);\n / Top border of a deleted message /\n --str-chat__deleted-message-border-block-start: none;\n / Bottom border of a deleted message /\n --str-chat__deleted-message-border-block-end: none;\n / Left (right in RTL layout) border of a deleted message /\n --str-chat__deleted-message-border-inline-start: none;\n / Right (left in RTL layout) border of a deleted message /\n --str-chat__deleted-message-border-inline-end: none;\n / Box shadow applied to a deleted message /\n --str-chat__deleted-message-box-shadow: none;\n / The border radius used for the borders of a system message /\n --str-chat__system-message-border-radius: 0;\n / The text/icon of a system message /\n --str-chat__system-message-color: var(--str-chat__text-low-emphasis-color);\n / The background of a system message /\n --str-chat__system-message-background-color: transparent;\n / Top border of a system message /\n --str-chat__system-message-border-block-start: none;\n / Bottom border of a system message /\n --str-chat__system-message-border-block-end: none;\n / Left (right in RTL layout) border of a system message /\n --str-chat__system-message-border-inline-start: none;\n / Right (left in RTL layout) border of a system message /\n --str-chat__system-message-border-inline-end: none;\n / Box shadow applied to a system message /\n --str-chat__system-message-box-shadow: none;\n / Text color in a date separator/\n --str-chat__date-separator-color: var(--str-chat__text-low-emphasis-color);\n / The line color applied to date separator /\n --str-chat__date-separator-line-color: var(--str-chat__disabled-color);\n / The border radius used for the borders of a date separator /\n --str-chat__date-separator-border-radius: 0;\n / The background color of a date separator /\n --str-chat__date-separator-background-color: transparent;\n / Top border of a date separator /\n --str-chat__date-separator-border-block-start: none;\n / Bottom border of a date separator /\n --str-chat__date-separator-border-block-end: none;\n / Left (right in RTL layout) border of a date separator /\n --str-chat__date-separator-border-inline-start: none;\n / Right (left in RTL layout) border of a date separator /\n --str-chat__date-separator-border-inline-end: none;\n / Box shadow applied to a date separator /\n --str-chat__date-separator-box-shadow: none;\n / The text color of the translation notice that is displayed if a message is translated with auto-translation /\n --str-chat__translation-notice-color: var(--str-chat__text-low-emphasis-color);\n / The hover color of the translation notice that is displayed if a message is translated with auto-translation /\n --str-chat__translation-notice-active-background-color: var(--str-chat__tertiary-surface-color);\n}\n\n.str-chat__message--system {\n background: var(--str-chat__system-message-background-color);\n color: var(--str-chat__system-message-color);\n box-shadow: var(--str-chat__system-message-box-shadow);\n border-radius: var(--str-chat__system-message-border-radius);\n border-block-start: var(--str-chat__system-message-border-block-start);\n border-block-end: var(--str-chat__system-message-border-block-end);\n border-inline-start: var(--str-chat__system-message-border-inline-start);\n border-inline-end: var(--str-chat__system-message-border-inline-end);\n font: var(--str-chat__caption-text);\n}\n\n.str-chat__date-separator {\n background: var(--str-chat__date-separator-background-color);\n color: var(--str-chat__date-separator-color);\n box-shadow: var(--str-chat__date-separator-box-shadow);\n border-radius: var(--str-chat__date-separator-border-radius);\n border-block-start: var(--str-chat__date-separator-border-block-start);\n border-block-end: var(--str-chat__date-separator-border-block-end);\n border-inline-start: var(--str-chat__date-separator-border-inline-start);\n border-inline-end: var(--str-chat__date-separator-border-inline-end);\n font: var(--str-chat__body-text);\n}\n\n.str-chat__date-separator-line {\n background-color: var(--str-chat__date-separator-line-color);\n border: none;\n}\n\n.str-chat__message {\n background: var(--str-chat__message-background-color);\n color: var(--str-chat__message-color);\n box-shadow: var(--str-chat__message-box-shadow);\n border-radius: var(--str-chat__message-border-radius);\n border-block-start: var(--str-chat__message-border-block-start);\n border-block-end: var(--str-chat__message-border-block-end);\n border-inline-start: var(--str-chat__message-border-inline-start);\n border-inline-end: var(--str-chat__message-border-inline-end);\n}\n\n.str-chat__message a {\n text-decoration: none;\n color: var(--str-chat__message-link-color);\n}\n\n.str-chat__message .str-chat__message-mention {\n color: var(--str-chat__message-mention-color);\n font: var(--str-chat__body2-medium-text);\n}\n\n.str-chat__message .str-chat__message-bubble {\n background: var(--str-chat__message-bubble-background-color);\n color: var(--str-chat__message-bubble-color);\n box-shadow: var(--str-chat__message-bubble-box-shadow);\n border-radius: var(--str-chat__message-bubble-border-radius);\n border-block-start: var(--str-chat__message-bubble-border-block-start);\n border-block-end: var(--str-chat__message-bubble-border-block-end);\n border-inline-start: var(--str-chat__message-bubble-border-inline-start);\n border-inline-end: var(--str-chat__message-bubble-border-inline-end);\n font: var(--str-chat__body2-text);\n}\n\n.str-chat__message .str-chat__message--deleted-inner {\n background: var(--str-chat__deleted-message-background-color);\n color: var(--str-chat__deleted-message-color);\n box-shadow: var(--str-chat__deleted-message-box-shadow);\n border-radius: var(--str-chat__deleted-message-border-radius);\n border-block-start: var(--str-chat__deleted-message-border-block-start);\n border-block-end: var(--str-chat__deleted-message-border-block-end);\n border-inline-start: var(--str-chat__deleted-message-border-inline-start);\n border-inline-end: var(--str-chat__deleted-message-border-inline-end);\n font: var(--str-chat__body2-text);\n}\n\n.str-chat__message.str-chat__message--me .str-chat__message-bubble {\n color: var(--str-chat__own-message-bubble-color);\n background-color: var(--str-chat__own-message-bubble-background-color);\n}\n\n.str-chat__message .str-chat__message-options {\n --str-chat-icon-color: var(--str-chat__message-options-color);\n}\n\n.str-chat__message .str-chat__message-options .str-chat__message-actions-box-button,\n.str-chat__message .str-chat__message-options .str-chat__message-reply-in-thread-button,\n.str-chat__message .str-chat__message-options .str-chat__message-reactions-button {\n background: none;\n border: none;\n border-radius: var(--str-chat__message-options-border-radius);\n color: var(--str-chat__message-options-color);\n}\n\n.str-chat__message .str-chat__message-options .str-chat__message-actions-box-button .str-chat__message-action-icon path,\n.str-chat__message .str-chat__message-options .str-chat__message-reply-in-thread-button .str-chat__message-action-icon path,\n.str-chat__message .str-chat__message-options .str-chat__message-reactions-button .str-chat__message-action-icon path {\n fill: var(--str-chat__message-options-color);\n}\n\n.str-chat__message .str-chat__message-options .str-chat__message-actions-box-button:hover,\n.str-chat__message .str-chat__message-options .str-chat__message-reply-in-thread-button:hover,\n.str-chat__message .str-chat__message-options .str-chat__message-reactions-button:hover {\n background-color: var(--str-chat__message-options-hover-background-color);\n}\n\n.str-chat__message .str-chat__message-options .str-chat__message-actions-box-button:active .str-chat__message-action-icon path,\n.str-chat__message .str-chat__message-options .str-chat__message-reply-in-thread-button:active .str-chat__message-action-icon path,\n.str-chat__message .str-chat__message-options .str-chat__message-reactions-button:active .str-chat__message-action-icon path {\n fill: var(--str-chat__message-options-active-color);\n}\n\n.str-chat__message .str-chat__translation-notice button {\n font: var(--str-chat__body2-text);\n color: var(--str-chat__translation-notice-color);\n border: none;\n background: none;\n}\n\n.str-chat__message .str-chat__translation-notice button:active, .str-chat__message .str-chat__translation-notice button:hover {\n background: var(--str-chat__translation-notice-active-background-color);\n}\n\n.str-chat__message .str-chat__message-metadata,\n.str-chat__message .str-chat__custom-message-metadata {\n color: var(--str-chat__message-secondary-color);\n font: var(--str-chat__caption-text);\n}\n\n.str-chat__message .str-chat__message-metadata .str-chat__message-sender-name,\n.str-chat__message .str-chat__custom-message-metadata .str-chat__message-sender-name {\n font: var(--str-chat__caption-medium-text);\n}\n\n.str-chat__message .str-chat__message-status {\n --str-chat-icon-color: var(--str-chat__message-status-color);\n color: var(--str-chat__message-status-color);\n font: var(--str-chat__body-text);\n}\n\n.str-chat__message .str-chat__message-status svg path {\n fill: var(--str-chat__message-status-color);\n}\n\n.str-chat__message .str-chat__message-replies-count-button-wrapper button {\n border: none;\n background-color: transparent;\n font: var(--str-chat__body-medium-text);\n color: var(--str-chat__message-replies-count-color);\n}\n\n.str-chat__message .str-chat__message--error-message {\n color: var(--str-chat__message-error-message-color);\n font: var(--str-chat__caption-text);\n}\n\n.str-chat__message .str-chat__message-error-icon {\n --str-chat-icon-color: var(--str-chat__message-error-message-color);\n / stylelint-disable-next-line selector-max-id /\n}\n\n.str-chat__message .str-chat__message-error-icon svg #background {\n fill: var(--str-chat__message-error-message-color);\n}\n\n.str-chat__message--highlighted {\n transition: background-color 0.1s ease-out;\n background-color: var(--str-chat__message-highlighted-background-color);\n}\n\n/ This rule won't be applied in browsers that don't support :has() /\n.str-chat__li:hover:not(:has(.str-chat__reaction-list:hover, .str-chat__modal--open)) {\n background-color: var(--str-chat__message-active-bacground-color);\n}\n\n/ Fallback for when :has() is unsupported /\n@supports not selector(:has(a, b)) {\n .str-chat__li:hover {\n background-color: var(--str-chat__message-active-bacground-color);\n }\n}\n.str-chat__li--top .str-chat__message--other .str-chat__message-bubble,\n.str-chat__li--single .str-chat__message--other .str-chat__message-bubble {\n border-end-start-radius: calc(var(--str-chat__message-bubble-border-radius) / 6);\n}\n\n.str-chat__li--top .str-chat__message--me .str-chat__message-bubble,\n.str-chat__li--single .str-chat__message--me .str-chat__message-bubble {\n border-end-end-radius: calc(var(--str-chat__message-bubble-border-radius) / 6);\n}\n\n.str-chat__li--middle .str-chat__message--other .str-chat__message-bubble,\n.str-chat__li--bottom .str-chat__message--other .str-chat__message-bubble {\n border-start-start-radius: calc(var(--str-chat__message-bubble-border-radius) / 6);\n border-end-start-radius: calc(var(--str-chat__message-bubble-border-radius) / 6);\n}\n\n.str-chat__li--middle .str-chat__message--me .str-chat__message-bubble,\n.str-chat__li--bottom .str-chat__message--me .str-chat__message-bubble {\n border-start-end-radius: calc(var(--str-chat__message-bubble-border-radius) / 6);\n border-end-end-radius: calc(var(--str-chat__message-bubble-border-radius) / 6);\n}\n\n.str-chat__message-with-thread-link.str-chat__message--other .str-chat__message-bubble {\n border-end-start-radius: calc(var(--str-chat__message-bubble-border-radius) / 6);\n}\n\n.str-chat__message-with-thread-link.str-chat__message--me .str-chat__message-bubble {\n border-end-end-radius: calc(var(--str-chat__message-bubble-border-radius) / 6);\n}\n\n.str-chat__quoted-message-preview {\n background: var(--str-chat__message-background-color);\n color: var(--str-chat__message-color);\n box-shadow: var(--str-chat__message-box-shadow);\n border-radius: var(--str-chat__message-border-radius);\n border-block-start: var(--str-chat__message-border-block-start);\n border-block-end: var(--str-chat__message-border-block-end);\n border-inline-start: var(--str-chat__message-border-inline-start);\n border-inline-end: var(--str-chat__message-border-inline-end);\n}\n\n.str-chat__quoted-message-preview .str-chat__quoted-message-bubble {\n background: var(--str-chat__message-bubble-background-color);\n color: var(--str-chat__message-bubble-color);\n box-shadow: var(--str-chat__message-bubble-box-shadow);\n border-radius: var(--str-chat__message-bubble-border-radius);\n border-block-start: var(--str-chat__message-bubble-border-block-start);\n border-block-end: var(--str-chat__message-bubble-border-block-end);\n border-inline-start: var(--str-chat__message-bubble-border-inline-start);\n border-inline-end: var(--str-chat__message-bubble-border-inline-end);\n background-color: var(--str-chat__quoted-message-bubble-background-color);\n border-end-start-radius: calc(var(--str-chat__message-bubble-border-radius) / 6);\n}\n\n.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble {\n background-color: var(--str-chat__message-bubble-background-color);\n}\n\n.str-chat__unread-messages-separator {\n background-color: var(--str-chat__secondary-surface-color);\n color: var(--str-chat__text-low-emphasis-color);\n text-transform: uppercase;\n font: var(--str-chat__caption-strong-text);\n}\n\n.str-chat__unread-messages-notification {\n --str-chat-icon-color: var(--str-chat__on-primary-color);\n background-color: var(--str-chat__text-low-emphasis-color);\n border-radius: 1.125rem;\n}\n\n.str-chat__unread-messages-notification button {\n cursor: pointer;\n color: var(--str-chat__on-primary-color);\n border: none;\n background-color: transparent;\n}\n\n.str-chat__unread-messages-notification button:first-of-type {\n font: var(--str-chat__caption-text);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__message-actions-box-border-radius: var(--str-chat__border-radius-sm);\n / The text/icon color of the component /\n --str-chat__message-actions-box-color: var(--str-chat__text-color);\n / The background color of the component /\n --str-chat__message-actions-box-background-color: var(--str-chat__secondary-background-color);\n / Top border of the component /\n --str-chat__message-actions-box-border-block-start: none;\n / Bottom border of the component /\n --str-chat__message-actions-box-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__message-actions-box-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__message-actions-box-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__message-actions-box-box-shadow: 0 0 8px var(--str-chat__box-shadow-color);\n / The border radius used for the borders of an item in the message actions box /\n --str-chat__message-actions-box-item-border-radius: 0;\n / The text/icon color of an item in the message actions box /\n --str-chat__message-actions-box-item-color: var(--str-chat__text-color);\n / The background color of an item in the message actions box /\n --str-chat__message-actions-box-item-background-color: transparent;\n / The background color of an item in the message actions box when hovered /\n --str-chat__message-actions-box-item-hover-background-color: var(\n --str-chat__secondary-surface-color\n );\n / Top border of an item in the message actions box /\n --str-chat__message-actions-box-item-border-block-start: none;\n / Bottom border of an item in the message actions box /\n --str-chat__message-actions-box-item-border-block-end: none;\n / Left (right in RTL layout) border of an item in the message actions box /\n --str-chat__message-actions-box-item-border-inline-start: none;\n / Right (left in RTL layout) border of an item in the message actions box /\n --str-chat__message-actions-box-item-border-inline-end: none;\n / Box shadow applied to an item in the message actions box /\n --str-chat__message-actions-box-item-box-shadow: none;\n}\n\n.str-chat__message-actions-box {\n background: var(--str-chat__message-actions-box-background-color);\n color: var(--str-chat__message-actions-box-color);\n box-shadow: var(--str-chat__message-actions-box-box-shadow);\n border-radius: var(--str-chat__message-actions-box-border-radius);\n border-block-start: var(--str-chat__message-actions-box-border-block-start);\n border-block-end: var(--str-chat__message-actions-box-border-block-end);\n border-inline-start: var(--str-chat__message-actions-box-border-inline-start);\n border-inline-end: var(--str-chat__message-actions-box-border-inline-end);\n}\n\n.str-chat__message-actions-box .str-chat__message-actions-list-item-button {\n background: var(--str-chat__message-actions-box-item-background-color);\n color: var(--str-chat__message-actions-box-item-color);\n box-shadow: var(--str-chat__message-actions-box-item-box-shadow);\n border-radius: var(--str-chat__message-actions-box-item-border-radius);\n border-block-start: var(--str-chat__message-actions-box-item-border-block-start);\n border-block-end: var(--str-chat__message-actions-box-item-border-block-end);\n border-inline-start: var(--str-chat__message-actions-box-item-border-inline-start);\n border-inline-end: var(--str-chat__message-actions-box-item-border-inline-end);\n font: var(--str-chat__subtitle-text);\n}\n\n.str-chat__message-actions-box .str-chat__message-actions-list-item-button:hover {\n background-color: var(--str-chat__message-actions-box-item-hover-background-color);\n}\n\n.str-chat {\n / The text color used for the edit button /\n --str-chat__message-bounce-edit-button-color: var(--str-chat__primary-color);\n / The text color used for the send button /\n --str-chat__message-bounce-send-button-color: var(--str-chat__primary-color);\n / The text color used for the delete button /\n --str-chat__message-bounce-delete-button-color: var(--str-chat__primary-color);\n / The background color of the button /\n --str-chat__message-bounce-button-background-color: transparent;\n / Top border of the button /\n --str-chat__message-bounce-button-border-block-start: none;\n / Bottom border of the button /\n --str-chat__message-bounce-button-border-block-end: none;\n / Left (right in RTL layout) button of the component /\n --str-chat__message-bounce-button-border-inline-start: none;\n / Right (left in RTL layout) button of the component /\n --str-chat__message-bounce-button-border-inline-end: none;\n / Box shadow applied to the button /\n --str-chat__message-bounce-button-box-shadow: none;\n}\n\n.str-chat__message-bounce-prompt .str-chat__message-bounce-edit,\n.str-chat__message-bounce-prompt .str-chat__message-bounce-send,\n.str-chat__message-bounce-prompt .str-chat__message-bounce-delete {\n background: var(--str-chat__message-bounce-button-background-color);\n color: var(--str-chat__message-bounce-button-color);\n box-shadow: var(--str-chat__message-bounce-button-box-shadow);\n border-radius: var(--str-chat__message-bounce-button-border-radius);\n border-block-start: var(--str-chat__message-bounce-button-border-block-start);\n border-block-end: var(--str-chat__message-bounce-button-border-block-end);\n border-inline-start: var(--str-chat__message-bounce-button-border-inline-start);\n border-inline-end: var(--str-chat__message-bounce-button-border-inline-end);\n font: var(--str-chat__body-medium-text);\n}\n\n.str-chat__message-bounce-prompt .str-chat__message-bounce-edit {\n color: var(--str-chat__message-bounce-edit-button-color);\n}\n\n.str-chat__message-bounce-prompt .str-chat__message-bounce-send {\n color: var(--str-chat__message-bounce-send-button-color);\n}\n\n.str-chat__message-bounce-prompt .str-chat__message-bounce-delete {\n color: var(--str-chat__message-bounce-delete-button-color);\n}\n\n.str-chat {\n / The border radius of the component /\n --str-chat__message-input-border-radius: 0;\n / The text/icon color of the component /\n --str-chat__message-input-color: var(--str-chat__text-color);\n / The background color of the component /\n --str-chat__message-input-background-color: var(--str-chat__secondary-background-color);\n / Top border of the component /\n --str-chat__message-input-border-block-start: none;\n / Bottom border of the component /\n --str-chat__message-input-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__message-input-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__message-input-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__message-input-box-shadow: none;\n / The text/icon color of the dropzone container /\n --str-chat__dropzone-container-color: var(--str-chat__on-primary-color);\n / The background color of the dropzone container /\n --str-chat__dropzone-container-background-color: var(--str-chat__primary-overlay-color);\n / The backdrop filter applied to the dropzone container /\n --str-chat__dropzone-container-backdrop-filter: blur(3px);\n / The border radius used for the borders of the textarea /\n --str-chat__message-textarea-border-radius: var(--str-chat__border-radius-md);\n / The text/icon color of the textarea /\n --str-chat__message-textarea-color: var(--str-chat__text-color);\n / The background color of the textarea /\n --str-chat__message-textarea-background-color: transparent;\n / Top border of the textarea /\n --str-chat__message-textarea-border-block-start: 1px solid var(--str-chat__surface-color);\n / Bottom border of the textarea /\n --str-chat__message-textarea-border-block-end: 1px solid var(--str-chat__surface-color);\n / Left (right in RTL layout) border of the textarea /\n --str-chat__message-textarea-border-inline-start: 1px solid var(--str-chat__surface-color);\n / Right (left in RTL layout) border of the textarea /\n --str-chat__message-textarea-border-inline-end: 1px solid var(--str-chat__surface-color);\n / Box shadow applied to the textarea /\n --str-chat__message-textarea-box-shadow: none;\n / The border radius used for the borders of the send button /\n --str-chat__message-send-border-radius: var(--str-chat__border-radius-circle);\n / The text/icon color of the send button /\n --str-chat__message-send-color: var(--str-chat__primary-color);\n / The background color of the send button /\n --str-chat__message-send-background-color: transparent;\n / Top border of the send button /\n --str-chat__message-send-border-block-start: 0;\n / Bottom border of the send button /\n --str-chat__message-send-border-block-end: 0;\n / Left (right in RTL layout) border of the send button /\n --str-chat__message-send-border-inline-start: 0;\n / Right (left in RTL layout) border of the send button /\n --str-chat__message-send-border-inline-end: 0;\n / Box shadow applied to the send button /\n --str-chat__message-send-box-shadow: none;\n / The color of the send button in disabled state /\n --str-chat__message-send-disabled-color: var(--str-chat__disabled-color);\n / The background color of the send button in disabled state /\n --str-chat__message-send-disabled-background-color: var(--str-chat__disabled-color);\n / The border radius used for the borders of the audio recording button /\n --str-chat__start-recording-audio-button-border-radius: var(--str-chat__border-radius-circle);\n / The text/icon color of the audio recording button /\n --str-chat__start-recording-audio-button-color: var(--str-chat__text-low-emphasis-color);\n / The background color of the audio recording button /\n --str-chat__start-recording-audio-button-background-color: transparent;\n / Top border of the audio recording button /\n --str-chat__start-recording-audio-button-border-block-start: 0;\n / Bottom border of the audio recording button /\n --str-chat__start-recording-audio-button-border-block-end: 0;\n / Left (right in RTL layout) border of the audio recording button /\n --str-chat__start-recording-audio-button-border-inline-start: 0;\n / Right (left in RTL layout) border of the audio recording button /\n --str-chat__start-recording-audio-button-border-inline-end: 0;\n / Box shadow applied to the audio recording button /\n --str-chat__start-recording-audio-button-box-shadow: none;\n / The color of the audio recording button in disabled state /\n --str-chat__start-recording-audio-button-disabled-color: var(--str-chat__disabled-color);\n / The background color of the audio recording button in disabled state /\n --str-chat__start-recording-audio-button-disabled-background-color: transparent;\n / The border radius used for the borders of the tool buttons of the message input (such as attachment upload button) /\n --str-chat__message-input-tools-border-radius: var(--str-chat__border-radius-circle);\n / The text/icon color of the tool buttons of the message input (such as attachment upload button) /\n --str-chat__message-input-tools-color: var(--str-chat__text-low-emphasis-color);\n / The background color of the tool buttons of the message input (such as attachment upload button) /\n --str-chat__message-input-tools-background-color: transparent;\n / Top border of the tool buttons of the message input (such as attachment upload button) /\n --str-chat__message-input-tools-border-block-start: 0;\n / Bottom border of the tool buttons of the message input (such as attachment upload button) /\n --str-chat__message-input-tools-border-block-end: 0;\n / Left (right in RTL layout) border of the tool buttons of the message input (such as attachment upload button) /\n --str-chat__message-input-tools-border-inline-start: 0;\n / Right (left in RTL layout) border of the tool buttons of the message input (such as attachment upload button) /\n --str-chat__message-input-tools-border-inline-end: 0;\n / Box shadow applied to the tool buttons of the message input (such as attachment upload button) /\n --str-chat__message-input-tools-box-shadow: none;\n / Thex text color of the message that is displayed when the use can't send messages /\n --str-chat__message-input-not-allowed-color: var(--str-chat__disabled-color);\n / The border radius used for the borders of the cooldown timer /\n --str-chat__cooldown-border-radius: var(--str-chat__border-radius-circle);\n / The text/icon color of the cooldown timer /\n --str-chat__cooldown-color: var(--str-chat__on-disabled-color);\n / The background color of the cooldown timer /\n --str-chat__cooldown-background-color: var(--str-chat__disabled-color);\n / Top border of the cooldown timer /\n --str-chat__cooldown-border-block-start: 0;\n / Bottom border of the cooldown timer /\n --str-chat__cooldown-border-block-end: 0;\n / Left (right in RTL layout) border of the cooldown timer /\n --str-chat__cooldown-border-inline-start: 0;\n / Right (left in RTL layout) border of the cooldown timer /\n --str-chat__cooldown-border-inline-end: 0;\n / Box shadow applied to the cooldown timer /\n --str-chat__cooldown-box-shadow: none;\n}\n\n.str-chat__message-input {\n background: var(--str-chat__message-input-background-color);\n color: var(--str-chat__message-input-color);\n box-shadow: var(--str-chat__message-input-box-shadow);\n border-radius: var(--str-chat__message-input-border-radius);\n border-block-start: var(--str-chat__message-input-border-block-start);\n border-block-end: var(--str-chat__message-input-border-block-end);\n border-inline-start: var(--str-chat__message-input-border-inline-start);\n border-inline-end: var(--str-chat__message-input-border-inline-end);\n}\n\n.str-chat__message-input .str-chat__dropzone-container {\n background-color: var(--str-chat__dropzone-container-background-color);\n color: var(--str-chat__dropzone-container-color);\n backdrop-filter: var(--str-chat__dropzone-container-backdrop-filter);\n font: var(--str-chat__subtitle-text);\n}\n\n.str-chat__message-input .str-chat__file-input-container {\n --str-chat-icon-color: var(--str-chat__message-input-tools-color);\n background: var(--str-chat__message-input-tools-background-color);\n color: var(--str-chat__message-input-tools-color);\n box-shadow: var(--str-chat__message-input-tools-box-shadow);\n border-radius: var(--str-chat__message-input-tools-border-radius);\n border-block-start: var(--str-chat__message-input-tools-border-block-start);\n border-block-end: var(--str-chat__message-input-tools-border-block-end);\n border-inline-start: var(--str-chat__message-input-tools-border-inline-start);\n border-inline-end: var(--str-chat__message-input-tools-border-inline-end);\n}\n\n.str-chat__message-input .str-chat__file-input-container svg path {\n fill: var(--str-chat__message-input-tools-color);\n}\n\n.str-chat__message-input .str-chat__attachment-preview-image-error svg path {\n fill: var(--str-chat__primary-color);\n}\n\n.str-chat__message-input .str-chat__message-textarea-container {\n background: var(--str-chat__message-textarea-background-color);\n color: var(--str-chat__message-textarea-color);\n box-shadow: var(--str-chat__message-textarea-box-shadow);\n border-radius: var(--str-chat__message-textarea-border-radius);\n border-block-start: var(--str-chat__message-textarea-border-block-start);\n border-block-end: var(--str-chat__message-textarea-border-block-end);\n border-inline-start: var(--str-chat__message-textarea-border-inline-start);\n border-inline-end: var(--str-chat__message-textarea-border-inline-end);\n}\n\n.str-chat__message-input .str-chat__message-textarea-container .str-chat__message-textarea {\n resize: none;\n border: none;\n color: var(--str-chat__message-textarea-color);\n background-color: transparent;\n box-shadow: none;\n outline: none;\n font: var(--str-chat__subtitle-text);\n}\n\n.str-chat__message-input .str-chat__send-button {\n --str-chat-icon-color: var(--str-chat__message-send-color);\n background: var(--str-chat__message-send-background-color);\n color: var(--str-chat__message-send-color);\n box-shadow: var(--str-chat__message-send-box-shadow);\n border-radius: var(--str-chat__message-send-border-radius);\n border-block-start: var(--str-chat__message-send-border-block-start);\n border-block-end: var(--str-chat__message-send-border-block-end);\n border-inline-start: var(--str-chat__message-send-border-inline-start);\n border-inline-end: var(--str-chat__message-send-border-inline-end);\n}\n\n.str-chat__message-input .str-chat__send-button svg path {\n fill: var(--str-chat__message-send-color);\n}\n\n.str-chat__message-input .str-chat__send-button:disabled {\n --str-chat-icon-color: var(--str-chat__message-send-disabled-color);\n background-color: transparent;\n}\n\n.str-chat__message-input .str-chat__send-button:disabled svg path {\n fill: var(--str-chat__message-send-disabled-color);\n}\n\n.str-chat__message-input .str-chat__start-recording-audio-button {\n background: var(--str-chat__start-recording-audio-button-background-color);\n color: var(--str-chat__start-recording-audio-button-color);\n box-shadow: var(--str-chat__start-recording-audio-button-box-shadow);\n border-radius: var(--str-chat__start-recording-audio-button-border-radius);\n border-block-start: var(--str-chat__start-recording-audio-button-border-block-start);\n border-block-end: var(--str-chat__start-recording-audio-button-border-block-end);\n border-inline-start: var(--str-chat__start-recording-audio-button-border-inline-start);\n border-inline-end: var(--str-chat__start-recording-audio-button-border-inline-end);\n}\n\n.str-chat__message-input .str-chat__start-recording-audio-button:disabled {\n background-color: var(--str-chat__message-send-disabled-background-color);\n}\n\n.str-chat__message-input .str-chat__message-input-cooldown {\n background: var(--str-chat__cooldown-background-color);\n color: var(--str-chat__cooldown-color);\n box-shadow: var(--str-chat__cooldown-box-shadow);\n border-radius: var(--str-chat__cooldown-border-radius);\n border-block-start: var(--str-chat__cooldown-border-block-start);\n border-block-end: var(--str-chat__cooldown-border-block-end);\n border-inline-start: var(--str-chat__cooldown-border-inline-start);\n border-inline-end: var(--str-chat__cooldown-border-inline-end);\n font: var(--str-chat__subtitle-medium-text);\n}\n\n.str-chat__message-input .str-chat__message-input-not-allowed {\n color: var(--str-chat__message-input-not-allowed-color);\n font: var(--str-chat__subtitle-text);\n}\n\n.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-reply-to-message {\n font: var(--str-chat__subtitle-medium-text);\n}\n\n.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-remove {\n background-color: transparent;\n border: none;\n}\n\n.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-remove svg path {\n fill: var(--str-chat__message-input-tools-color);\n}\n\n.str-chat__message-input .str-chat__recording-permission-denied-notification {\n background-color: var(--str-chat__text-color);\n border-radius: var(--str-chat__border-radius-md);\n color: var(--str-chat__background-color);\n}\n\n.str-chat__message-input .str-chat__recording-permission-denied-notification .str-chat__recording-permission-denied-notification__heading,\n.str-chat__message-input .str-chat__recording-permission-denied-notification .str-chat__recording-permission-denied-notification__dismiss-button {\n font: var(--str-chat__subtitle2-medium-text);\n}\n\n.str-chat__message-input .str-chat__recording-permission-denied-notification .str-chat__recording-permission-denied-notification__message {\n font: var(--str-chat__subtitle-text);\n}\n\n.str-chat__message-input .str-chat__recording-permission-denied-notification .str-chat__recording-permission-denied-notification__dismiss-button {\n background: none;\n border: none;\n color: var(--str-chat__background-color);\n cursor: pointer;\n text-transform: uppercase;\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__message-list-border-radius: 0;\n / The text/icon color of the component /\n --str-chat__message-list-color: var(--str-chat__text-color);\n / The background color of the component /\n --str-chat__message-list-background-color: var(--str-chat__background-color);\n / Box shadow applied to the component /\n --str-chat__message-list-box-shadow: none;\n / Top border of the component /\n --str-chat__message-list-border-block-start: none;\n / Bottom border of the component /\n --str-chat__message-list-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__message-list-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__message-list-border-inline-end: none;\n / The border radius used for the borders of the jump to latest message button /\n --str-chat__jump-to-latest-message-border-radius: var(--str-chat__circle-fab-border-radius);\n / The text/icon color of the jump to latest message button /\n --str-chat__jump-to-latest-message-color: var(--str-chat__circle-fab-color);\n / The background color of the jump to latest message button /\n --str-chat__jump-to-latest-message-background-color: var(--str-chat__circle-fab-background-color);\n / The background color of the jump to latest message button in pressed state /\n --str-chat__jump-to-latest-message-pressed-background-color: var(\n --str-chat__circle-fab-pressed-background-color\n );\n / Box shadow applied to the jump to latest message button /\n --str-chat__jump-to-latest-message-box-shadow: var(--str-chat__circle-fab-box-shadow);\n / Top border of the jump to latest message button /\n --str-chat__jump-to-latest-message-border-block-start: var(\n --str-chat__circle-fab-border-block-start\n );\n / Bottom border of the jump to latest message button /\n --str-chat__jump-to-latest-message-border-block-end: var(--str-chat__circle-fab-border-block-end);\n / Left (right in RTL layout) border of the jump to latest message button /\n --str-chat__jump-to-latest-message-border-inline-start: var(\n --str-chat__circle-fab-border-inline-start\n );\n / Right (left in RTL layout) border of the jump to latest message button /\n --str-chat__jump-to-latest-message-border-inline-end: var(\n --str-chat__circle-fab-border-inline-end\n );\n / The background color of the unread messages count on the jump to latest message button /\n --str-chat__jump-to-latest-message-unread-count-background-color: var(\n --str-chat__jump-to-latest-message-color\n );\n / The text/icon color of the unread messages count on the jump to latest message button /\n --str-chat__jump-to-latest-message-unread-count-color: var(\n --str-chat__jump-to-latest-message-background-color\n );\n / The color used for displaying thread replies and thread separator at the start of a thread /\n --str-chat__thread-head-start-color: var(--str-chat__text-low-emphasis-color);\n / The color used for the separator below the first message in a thread /\n --str-chat__thread-head-start-border-block-end-color: var(--str-chat__surface-color);\n}\n\n.str-chat__list {\n background: var(--str-chat__message-list-background-color);\n color: var(--str-chat__message-list-color);\n box-shadow: var(--str-chat__message-list-box-shadow);\n border-radius: var(--str-chat__message-list-border-radius);\n border-block-start: var(--str-chat__message-list-border-block-start);\n border-block-end: var(--str-chat__message-list-border-block-end);\n border-inline-start: var(--str-chat__message-list-border-inline-start);\n border-inline-end: var(--str-chat__message-list-border-inline-end);\n}\n\n.str-chat__list .str-chat__parent-message-li {\n border-block-end: 1px solid var(--str-chat__thread-head-start-border-block-end-color);\n}\n\n.str-chat__list .str-chat__parent-message-li .str-chat__thread-start {\n color: var(--str-chat__thread-head-start-color);\n font: var(--str-chat__subtitle-text);\n}\n\n.str-chat__jump-to-latest-message {\n --str-chat-icon-color: var(--str-chat__jump-to-latest-message-unread-count-background-color);\n}\n\n.str-chat__jump-to-latest-message .str-chat__circle-fab {\n background: var(--str-chat__jump-to-latest-message-background-color);\n color: var(--str-chat__jump-to-latest-message-color);\n box-shadow: var(--str-chat__jump-to-latest-message-box-shadow);\n border-radius: var(--str-chat__jump-to-latest-message-border-radius);\n border-block-start: var(--str-chat__jump-to-latest-message-border-block-start);\n border-block-end: var(--str-chat__jump-to-latest-message-border-block-end);\n border-inline-start: var(--str-chat__jump-to-latest-message-border-inline-start);\n border-inline-end: var(--str-chat__jump-to-latest-message-border-inline-end);\n}\n\n.str-chat__jump-to-latest-message .str-chat__circle-fab svg path {\n fill: var(--str-chat__jump-to-latest-message-color);\n}\n\n.str-chat__jump-to-latest-message .str-chat__circle-fab:active {\n background-color: var(--str-chat__jump-to-latest-message-pressed-background-color);\n}\n\n.str-chat__jump-to-latest-message .str-chat__circle-fab .str-chat__jump-to-latest-unread-count {\n background-color: var(--str-chat__jump-to-latest-message-unread-count-background-color);\n color: var(--str-chat__jump-to-latest-message-unread-count-color);\n border-radius: var(--str-chat__jump-to-latest-message-border-radius);\n font: var(--str-chat__caption-text);\n}\n\n/ Only available in React SDK. /\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__virtual-list-border-radius: 0;\n / The text/icon color of the component /\n --str-chat__virtual-list-color: var(--str-chat__text-color);\n / The background color of the component /\n --str-chat__virtual-list-background-color: var(--str-chat__background-color);\n / Box shadow applied to the component /\n --str-chat__virtual-list-box-shadow: none;\n / Top border of the component /\n --str-chat__virtual-list-border-block-start: none;\n / Bottom border of the component /\n --str-chat__virtual-list-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__virtual-list-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__virtual-list-border-inline-end: none;\n}\n\n.str-chat__virtual-list {\n background: var(--str-chat__virtual-list-background-color);\n color: var(--str-chat__virtual-list-color);\n box-shadow: var(--str-chat__virtual-list-box-shadow);\n border-radius: var(--str-chat__virtual-list-border-radius);\n border-block-start: var(--str-chat__virtual-list-border-block-start);\n border-block-end: var(--str-chat__virtual-list-border-block-end);\n border-inline-start: var(--str-chat__virtual-list-border-inline-start);\n border-inline-end: var(--str-chat__virtual-list-border-inline-end);\n}\n\n.str-chat__virtual-list .str-chat__parent-message-li {\n border-block-end: 1px solid var(--str-chat__thread-head-start-border-block-end-color);\n}\n\n.str-chat__virtual-list .str-chat__parent-message-li .str-chat__thread-start {\n color: var(--str-chat__thread-head-start-color);\n font: var(--str-chat__subtitle-text);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__message-reactions-border-radius: none;\n / The text/icon color of the component /\n --str-chat__message-reactions-color: var(--str-chat__text-color);\n / The background color of the component /\n --str-chat__message-reactions-background-color: transparent;\n / Top border of the component /\n --str-chat__message-reactions-border-block-start: none;\n / Bottom border of the component /\n --str-chat__message-reactions-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__message-reactions-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__message-reactions-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__message-reactions-box-shadow: none;\n / The border radius used for the borders of a message reaction /\n --str-chat__message-reaction-border-radius: var(--str-chat__border-radius-xs);\n / The text/icon color of a message reaction /\n --str-chat__message-reaction-color: var(--str-chat__text-color);\n / The background color of a message reaction /\n --str-chat__message-reaction-background-color: var(--str-chat__tertiary-surface-color);\n / Top border of a message reaction /\n --str-chat__message-reaction-border-block-start: none;\n / Bottom border of a message reaction /\n --str-chat__message-reaction-border-block-end: none;\n / Left (right in RTL layout) border of a message reaction /\n --str-chat__message-reaction-border-inline-start: none;\n / Right (left in RTL layout) border of a message reaction /\n --str-chat__message-reaction-border-inline-end: none;\n / Box shadow applied to a message reaction /\n --str-chat__message-reaction-box-shadow: none;\n / The text/icon color of a message reaction, if the user reacted with that reaction /\n --str-chat__own-message-reaction-color: var(--str-chat__text-color);\n / The background color of a message reaction, if the user reacted with that reaction /\n --str-chat__own-message-reaction-background-color: var(\n --str-chat__primary-surface-color-low-emphasis\n );\n --str-chat__messsage-reactions-details--selected-color: solid var(--str-chat__primary-color);\n}\n\n.str-chat__message-reactions-container .str-chat__message-reactions {\n background: var(--str-chat__message-reactions-background-color);\n color: var(--str-chat__message-reactions-color);\n box-shadow: var(--str-chat__message-reactions-box-shadow);\n border-radius: var(--str-chat__message-reactions-border-radius);\n border-block-start: var(--str-chat__message-reactions-border-block-start);\n border-block-end: var(--str-chat__message-reactions-border-block-end);\n border-inline-start: var(--str-chat__message-reactions-border-inline-start);\n border-inline-end: var(--str-chat__message-reactions-border-inline-end);\n}\n\n.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction {\n background: var(--str-chat__message-reaction-background-color);\n color: var(--str-chat__message-reaction-color);\n box-shadow: var(--str-chat__message-reaction-box-shadow);\n border-radius: var(--str-chat__message-reaction-border-radius);\n border-block-start: var(--str-chat__message-reaction-border-block-start);\n border-block-end: var(--str-chat__message-reaction-border-block-end);\n border-inline-start: var(--str-chat__message-reaction-border-inline-start);\n border-inline-end: var(--str-chat__message-reaction-border-inline-end);\n font: var(--str-chat__caption-text);\n}\n\n.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction.str-chat__message-reaction-own {\n color: var(--str-chat__own-message-reaction-color);\n background-color: var(--str-chat__own-message-reaction-background-color);\n}\n\n.str-chat__message-reactions-details .str-chat__message-reactions-details-reaction-type {\n border-block-end: solid transparent;\n}\n\n.str-chat__message-reactions-details .str-chat__message-reactions-details-reaction-type--selected {\n border-block-end: var(--str-chat__messsage-reactions-details--selected-color);\n}\n\n.str-chat__message-reactions-details .str-chat__message-reactions-details-reacting-user {\n font: var(--str-chat__subtitle-text);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__message-reactions-options-border-radius: var(--str-chat__border-radius-circle);\n / The text/icon color of the component /\n --str-chat__message-reactions-options-color: var(--str-chat__text-color);\n / The background color of the component /\n --str-chat__message-reactions-options-background-color: var(\n --str-chat__secondary-background-color\n );\n / Top border of the component /\n --str-chat__message-reactions-options-border-block-start: none;\n / Bottom border of the component /\n --str-chat__message-reactions-options-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__message-reactions-options-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__message-reactions-options-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__message-reactions-options-box-shadow: 0 0 8px var(--str-chat__box-shadow-color);\n / The border radius used for the borders of the component /\n --str-chat__message-reactions-option-border-radius: var(--str-chat__border-radius-md);\n / The text/icon color of the component /\n --str-chat__message-reactions-option-color: var(--str-chat__text-color);\n / The background color of the component /\n --str-chat__message-reactions-option-background-color: var(\n --str-chat__secondary-background-color\n );\n / The background color of the component when hovered /\n --str-chat__message-reactions-option-hover-background-color: var(\n --str-chat__primary-surface-color\n );\n / The background color of the component when selected /\n --str-chat__message-reactions-option-selected-background-color: var(\n --str-chat__primary-color-low-emphasis\n );\n / Top border of the component /\n --str-chat__message-reactions-option-border-block-start: none;\n / Bottom border of the component /\n --str-chat__message-reactions-option-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__message-reactions-option-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__message-reactions-option-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__message-reactions-option-box-shadow: none;\n}\n\n.str-chat__reaction-selector .str-chat__message-reactions-options {\n background: var(--str-chat__message-reactions-options-background-color);\n color: var(--str-chat__message-reactions-options-color);\n box-shadow: var(--str-chat__message-reactions-options-box-shadow);\n border-radius: var(--str-chat__message-reactions-options-border-radius);\n border-block-start: var(--str-chat__message-reactions-options-border-block-start);\n border-block-end: var(--str-chat__message-reactions-options-border-block-end);\n border-inline-start: var(--str-chat__message-reactions-options-border-inline-start);\n border-inline-end: var(--str-chat__message-reactions-options-border-inline-end);\n}\n\n.str-chat__reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option {\n background: var(--str-chat__message-reactions-option-background-color);\n color: var(--str-chat__message-reactions-option-color);\n box-shadow: var(--str-chat__message-reactions-option-box-shadow);\n border-radius: var(--str-chat__message-reactions-option-border-radius);\n border-block-start: var(--str-chat__message-reactions-option-border-block-start);\n border-block-end: var(--str-chat__message-reactions-option-border-block-end);\n border-inline-start: var(--str-chat__message-reactions-option-border-inline-start);\n border-inline-end: var(--str-chat__message-reactions-option-border-inline-end);\n}\n\n.str-chat__reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option:hover {\n background-color: var(--str-chat__message-reactions-option-hover-background-color);\n}\n\n.str-chat__reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option.str-chat__message-reactions-option-selected {\n background-color: var(--str-chat__message-reactions-option-selected-background-color);\n}\n\n.str-chat {\n / The border radius used for the borders of the content area of the component of the content area of the component /\n --str-chat__modal-border-radius: var(--str-chat__border-radius-sm);\n / The text/icon color of the content area of the component /\n --str-chat__modal-color: var(--str-chat__text-color);\n / The background color of the content area of the component /\n --str-chat__modal-background-color: var(--str-chat__secondary-background-color);\n / The overlay color of the component /\n --str-chat__modal-overlay-color: var(--str-chat__secondary-overlay-color);\n / The backdrop filter applied to the component /\n --str-chat__modal-overlay-backdrop-filter: blur(3px);\n / Top border of the content area of the component /\n --str-chat__modal-border-block-start: none;\n / Bottom border of the content area of the component /\n --str-chat__modal-border-block-end: none;\n / Left (right in RTL layout) border of the content area of the component /\n --str-chat__modal-border-inline-start: none;\n / Right (left in RTL layout) border of the content area of the component /\n --str-chat__modal-border-inline-end: none;\n / Box shadow applied to the content area of the component /\n --str-chat__modal-box-shadow: none;\n / The background color of the close button /\n --str-chat__modal-close-icon-background: var(--str-chat__text-low-emphasis-color);\n / The icon color of the close button /\n --str-chat__modal-close-icon-color: var(--str-chat__on-disabled-color);\n}\n\n.str-chat__modal {\n background-color: var(--str-chat__modal-overlay-color);\n backdrop-filter: var(--str-chat__modal-overlay-backdrop-filter);\n}\n\n.str-chat__modal .str-chat__modal__inner {\n background: var(--str-chat__modal-background-color);\n color: var(--str-chat__modal-color);\n box-shadow: var(--str-chat__modal-box-shadow);\n border-radius: var(--str-chat__modal-border-radius);\n border-block-start: var(--str-chat__modal-border-block-start);\n border-block-end: var(--str-chat__modal-border-block-end);\n border-inline-start: var(--str-chat__modal-border-inline-start);\n border-inline-end: var(--str-chat__modal-border-inline-end);\n}\n\n.str-chat__modal .str-chat__modal__close-button {\n --str-chat-icon-color: var(--str-chat__modal-close-icon-color);\n background: none;\n border: none;\n}\n\n.str-chat__modal .str-chat__modal__close-button .str-chat__icon {\n background-color: var(--str-chat__modal-close-icon-background);\n border-radius: 999px;\n}\n\n.str-chat__modal .str-chat__modal__close-button svg path {\n fill: var(--str-chat__modal-close-icon-color);\n}\n\n.str-chat__modal .str-chat__modal__close-button svg rect,\n.str-chat__modal .str-chat__modal__close-button svg circle {\n fill: var(--str-chat__modal-close-icon-background);\n}\n\n.str-chat__message-attachment--card .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner,\n.str-chat__message-attachment--image .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner,\n.str-chat__message-attachment--gallery .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner {\n background-color: transparent;\n width: unset;\n height: unset;\n padding: 0;\n}\n\n.str-chat__message-attachment--card .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner img,\n.str-chat__message-attachment--image .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner img,\n.str-chat__message-attachment--gallery .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner img {\n max-width: unset;\n max-height: calc(100vh - 80px);\n cursor: default;\n}\n\n/ Only available in React SDK. /\n.str-chat {\n / The background color of the component /\n --str-chat__message-notification-background-color: var(--str-chat__primary-color);\n / Top border of the component /\n --str-chat__message-notification-border-block-start: none;\n / Bottom border of the component /\n --str-chat__message-notification-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__message-notification-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__message-notification-border-inline-end: none;\n / The border radius used for the borders of the component /\n --str-chat__message-notification-border-radius: 50px;\n / Box shadow applied to the component /\n --str-chat__message-notification-box-shadow: none;\n / The text/icon color of the component /\n --str-chat__message-notification-color: var(--str-chat__on-primary-color);\n}\n\n.str-chat__message-notification {\n background: var(--str-chat__message-notification-background-color);\n color: var(--str-chat__message-notification-color);\n box-shadow: var(--str-chat__message-notification-box-shadow);\n border-radius: var(--str-chat__message-notification-border-radius);\n border-block-start: var(--str-chat__message-notification-border-block-start);\n border-block-end: var(--str-chat__message-notification-border-block-end);\n border-inline-start: var(--str-chat__message-notification-border-inline-start);\n border-inline-end: var(--str-chat__message-notification-border-inline-end);\n font: var(--str-chat__caption-text);\n cursor: pointer;\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__notification-list-border-radius: none;\n / The text/icon color of the component /\n --str-chat__notification-list-color: var(--str-chat__notification-list-text-color);\n / The background color of the component /\n --str-chat__notification-list-background-color: transparent;\n / Top border of the component /\n --str-chat__notification-list-border-block-start: none;\n / Bottom border of the component /\n --str-chat__notification-list-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__notification-list-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__notification-list-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__notification-list-box-shadow: none;\n}\n\n.str-chat__list-notifications {\n background: var(--str-chat__notification-list-background-color);\n color: var(--str-chat__notification-list-color);\n box-shadow: var(--str-chat__notification-list-box-shadow);\n border-radius: var(--str-chat__notification-list-border-radius);\n border-block-start: var(--str-chat__notification-list-border-block-start);\n border-block-end: var(--str-chat__notification-list-border-block-end);\n border-inline-start: var(--str-chat__notification-list-border-inline-start);\n border-inline-end: var(--str-chat__notification-list-border-inline-end);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__notification-border-radius: var(--str-chat__border-radius-sm);\n / The text/icon color of the component /\n --str-chat__notification-color: var(--str-chat__opaque-surface-text-color);\n / The background color of the component /\n --str-chat__notification-background-color: var(--str-chat__opaque-surface-background-color);\n / Top border of the component /\n --str-chat__notification-border-block-start: none;\n / Bottom border of the component /\n --str-chat__notification-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__notification-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__notification-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__notification-box-shadow: 0 0 8px var(--str-chat__box-shadow-color);\n}\n\n.str-chat__notification {\n background: var(--str-chat__notification-background-color);\n color: var(--str-chat__notification-color);\n box-shadow: var(--str-chat__notification-box-shadow);\n border-radius: var(--str-chat__notification-border-radius);\n border-block-start: var(--str-chat__notification-border-block-start);\n border-block-end: var(--str-chat__notification-border-block-end);\n border-inline-start: var(--str-chat__notification-border-inline-start);\n border-inline-end: var(--str-chat__notification-border-inline-end);\n font: var(--str-chat__subtitle-text);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__thread-border-radius: 0;\n / The text/icon color of the component /\n --str-chat__thread-color: var(--str-chat__text-color);\n / The background color of the component /\n --str-chat__thread-background-color: var(--str-chat__secondary-background-color);\n / Top border of the component /\n --str-chat__thread-border-block-start: none;\n / Bottom border of the component /\n --str-chat__thread-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__thread-border-inline-start: 1px solid var(--str-chat__surface-color);\n / Right (left in RTL layout) border of the component /\n --str-chat__thread-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__thread-box-shadow: none;\n / The border radius used for the borders of the thread header /\n --str-chat__thread-header-border-radius: 0;\n / The text/icon color of the thread header /\n --str-chat__thread-header-color: var(--str-chat__text-color);\n / The background color of the thread header /\n --str-chat__thread-header-background-color: var(--str-chat__secondary-background-color);\n / Top border of the thread header /\n --str-chat__thread-header-border-block-start: none;\n / Bottom border of the thread header /\n --str-chat__thread-header-border-block-end: none;\n / Left (right in RTL layout) border of the thread header /\n --str-chat__thread-header-border-inline-start: none;\n / Right (left in RTL layout) border of the thread header /\n --str-chat__thread-header-border-inline-end: none;\n / Box shadow applied to the thread header /\n --str-chat__thread-header-box-shadow: none;\n / The text/icon color used to display less emphasized text in the channel header /\n --str-chat__thread-header-info-color: var(--str-chat__text-low-emphasis-color);\n}\n\n.str-chat__thread-container {\n background: var(--str-chat__thread-background-color);\n color: var(--str-chat__thread-color);\n box-shadow: var(--str-chat__thread-box-shadow);\n border-radius: var(--str-chat__thread-border-radius);\n border-block-start: var(--str-chat__thread-border-block-start);\n border-block-end: var(--str-chat__thread-border-block-end);\n border-inline-start: var(--str-chat__thread-border-inline-start);\n border-inline-end: var(--str-chat__thread-border-inline-end);\n}\n\n.str-chat__thread-container .str-chat__thread-header {\n background: var(--str-chat__thread-header-background-color);\n color: var(--str-chat__thread-header-color);\n box-shadow: var(--str-chat__thread-header-box-shadow);\n border-radius: var(--str-chat__thread-header-border-radius);\n border-block-start: var(--str-chat__thread-header-border-block-start);\n border-block-end: var(--str-chat__thread-header-border-block-end);\n border-inline-start: var(--str-chat__thread-header-border-inline-start);\n border-inline-end: var(--str-chat__thread-header-border-inline-end);\n}\n\n.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-name,\n.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-title {\n font: var(--str-chat__subtitle-medium-text);\n}\n\n.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-channel-name,\n.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-subtitle {\n font: var(--str-chat__body-text);\n color: var(--str-chat__thread-header-info-color);\n}\n\n.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button {\n background-color: transparent;\n border: none;\n}\n\n.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button svg path {\n fill: var(--str-chat__thread-color);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__tooltip-border-radius: var(--str-chat__border-radius-xs);\n / The text/icon color of the component /\n --str-chat__tooltip-color: var(--str-chat__text-color);\n / The background color of the component /\n --str-chat__tooltip-background-color: var(--str-chat__secondary-background-color);\n / Top border of the component /\n --str-chat__tooltip-border-block-start: none;\n / Bottom border of the component /\n --str-chat__tooltip-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__tooltip-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__tooltip-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__tooltip-box-shadow: 0 0 20px var(--str-chat__box-shadow-color);\n}\n\n.str-chat__tooltip {\n background: var(--str-chat__tooltip-background-color);\n color: var(--str-chat__tooltip-color);\n box-shadow: var(--str-chat__tooltip-box-shadow);\n border-radius: var(--str-chat__tooltip-border-radius);\n border-block-start: var(--str-chat__tooltip-border-block-start);\n border-block-end: var(--str-chat__tooltip-border-block-end);\n border-inline-start: var(--str-chat__tooltip-border-inline-start);\n border-inline-end: var(--str-chat__tooltip-border-inline-end);\n font: var(--str-chat__caption-text);\n}\n\n.str-chat__tooltip::after {\n background-color: var(--str-chat__tooltip-background-color);\n}\n\n.str-chat {\n / The border radius used for the borders of the component /\n --str-chat__typing-indicator-border-radius: none;\n / The text/icon color of the component /\n --str-chat__typing-indicator-color: var(--str-chat__text-low-emphasis-color);\n / The background color of the component /\n --str-chat__typing-indicator-background-color: var(--str-chat__overlay-color);\n / Top border of the component /\n --str-chat__typing-indicator-border-block-start: none;\n / Bottom border of the component /\n --str-chat__typing-indicator-border-block-end: none;\n / Left (right in RTL layout) border of the component /\n --str-chat__typing-indicator-border-inline-start: none;\n / Right (left in RTL layout) border of the component /\n --str-chat__typing-indicator-border-inline-end: none;\n / Box shadow applied to the component /\n --str-chat__typing-indicator-box-shadow: none;\n / Background color of the animated dots in the typing indicator /\n --str-chat__typing-indicator-dot-background-color: var(--str-chat__text-color);\n}\n\n.str-chat__typing-indicator {\n background: var(--str-chat__typing-indicator-background-color);\n color: var(--str-chat__typing-indicator-color);\n box-shadow: var(--str-chat__typing-indicator-box-shadow);\n border-radius: var(--str-chat__typing-indicator-border-radius);\n border-block-start: var(--str-chat__typing-indicator-border-block-start);\n border-block-end: var(--str-chat__typing-indicator-border-block-end);\n border-inline-start: var(--str-chat__typing-indicator-border-inline-start);\n border-inline-end: var(--str-chat__typing-indicator-border-inline-end);\n}\n\n.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot {\n border-radius: 999px;\n animation: dotFlashing 1s infinite alternate;\n background-color: var(--str-chat__typing-indicator-dot-background-color);\n}\n\n.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot:nth-child(1) {\n animation-delay: 0s;\n}\n\n.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot:nth-child(2) {\n animation-delay: 0.5s;\n}\n\n.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot:nth-child(3) {\n animation-delay: 1s;\n}\n\n@keyframes dotFlashing {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.6;\n }\n 100% {\n opacity: 0.2;\n }\n}\n/ declare asset path, useful if you want to create your own style bundle /\n/ png based woff for most browsers /\n@font-face {\n font-family: ReplaceFlagEmojiPNG;\n src: url(\"../../../stream-chat-react/dist/assets//NotoColorEmoji-flags.woff2\") format(\"woff2\");\n / using the unicode-range attribute to limit the reach of the Flag Emoji web font to only flags /\n unicode-range: U+1F1E6-1F1FF;\n}\n/ svg based for firefox /\n@font-face {\n font-family: ReplaceFlagEmojiSVG;\n src: url(\"../../../stream-chat-react/dist/assets//EmojiOneColor.woff2\") format(\"woff2\");\n unicode-range: U+1F1E6-1F1FF;\n}\n.str-chat--windows-flags .str-chat__textarea__textarea,\n.str-chat--windows-flags .str-chat__message-text-inner ,\n.str-chat--windows-flags .str-chat__emoji-item--entity,\n.str-chat--windows-flags .emoji-mart-emoji-native * {\n font-family: ReplaceFlagEmojiPNG, var(--str-chat__font-family), sans-serif;\n font-display: swap;\n}\n\n@-moz-document url-prefix(\"\") {\n .str-chat--windows-flags .str-chat__textarea__textarea,\n .str-chat--windows-flags .str-chat__message-text-inner ,\n .str-chat--windows-flags .str-chat__emoji-item--entity,\n .str-chat--windows-flags .emoji-mart-emoji-native {\n font-family: ReplaceFlagEmojiSVG, var(--str-chat__font-family), sans-serif;\n font-display: swap;\n }\n}\n.hide-scrollbar {\n -ms-overflow-style: none; /* IE and Edge /\n scrollbar-width: none; / Firefox /\n}\n\n.hide-scrollbar::-webkit-scrollbar {\n display: none; / Chrome, Safari, and Opera /\n}\n\n.str-chat {\n --str-chat__channel-list-border-inline-end: none; / remove the doubled up right-side border on the channel list, the toolbar creates this boarder. /\n --str-chat__channel-list-load-more-border-radius: 3px;\n --str-chat__channel-list-load-more-background-color: #2462f5; / interaction-55 /\n --str-chat__message-input-border-radius: 8px;\n --str-chat__message-input-border-block-start: 1px solid hsl(0, 0%, 81%);\n --str-chat__message-input-border-block-end: 1px solid hsl(0, 0%, 81%);\n --str-chat__message-input-border-inline-start: 1px solid hsl(0, 0%, 81%);\n --str-chat__message-input-border-inline-end: 1px solid hsl(0, 0%, 81%);\n --str-chat__message-actions-box-border-radius: 4px;\n --str-chat__message-actions-box-border-block-start: 1px solid\n hsl(200, 1%, 90%);\n --str-chat__message-actions-box-border-block-end: 1px solid hsl(200, 1%, 90%);\n --str-chat__message-actions-box-border-inline-start: 1px solid\n hsl(200, 1%, 90%);\n --str-chat__message-actions-box-border-inline-end: 1px solid hsl(200, 1%, 90%);\n --str-chat__message-actions-box-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n --str-chat__message-actions-box-item-hover-background-color: hsl(\n 200,\n 1%,\n 94%\n );\n --str-chat__message-reactions-options-border-radius: 8px;\n --str-chat__message-reactions-option-border-radius: 8px;\n / According to Steam docs, these variables should manage the styling concerns,\n but they don't seem to take effect. They are reimplemented below as an override /\n --str-chat__message-textarea-border-radius: 8px;\n --str-chat__message-textarea-border-block-start: none;\n --str-chat__message-textarea-border-block-end: none;\n --str-chat__message-textarea-border-inline-start: none;\n --str-chat__message-textarea-border-inline-end: none;\n --str-chat__image-attachment-border-radius: 8px;\n --str-chat__image-gallery-attachment-border-radius: 8px;\n --str-chat__attachment-preview-list-border-radius: 8px;\n --str-chat__attachment-preview-image-border-radius: 8px;\n / The following text and spacing values are direct conversions from Stream's default rem values.\n We want px values instead of rem because any app with a custom root font size (looking at you, Services) ends up with borked sizes. /\n --str-chat__caption-text: 12px/1.3em var(--str-chat__font-family);\n --str-chat__caption-medium-text: 500 12px/1.3em var(--str-chat__font-family);\n --str-chat__body-text: 14px/1.4em var(--str-chat__font-family);\n --str-chat__body-medium-text: 500 14px/1.4em var(--str-chat__font-family);\n --str-chat__spacing-0_5: 2px;\n --str-chat__spacing-1: 4px;\n --str-chat__spacing-1_5: 6px;\n --str-chat__spacing-2: 8px;\n --str-chat__spacing-2_5: 10px;\n --str-chat__spacing-3: 12px;\n --str-chat__spacing-3_5: 14px;\n --str-chat__spacing-4: 16px;\n --str-chat__spacing-5: 20px;\n --str-chat__spacing-6: 24px;\n --str-chat__spacing-7: 28px;\n --str-chat__spacing-8: 32px;\n --str-chat__spacing-9: 36px;\n --str-chat__spacing-10: 40px;\n --str-chat__spacing-11: 44px;\n --str-chat__spacing-12: 48px;\n --str-chat__spacing-14: 56px;\n --str-chat__spacing-16: 64px;\n --original-width: 0;\n --original-height: 0;\n --stream-chat-react-max-width: 1200px;\n --colors-light-neutral-00: hsl(0 0% 12%);\n --colors-light-neutral-24: hsl(0 0% 24%);\n --colors-light-neutral-45: hsl(0 0% 45%);\n}\n\n.str-chat__avatar {\n overflow: hidden;\n}\n\n.str-chat__avatar .str-chat__avatar-fallback {\n background-color: hsl(0, 0%, 40%);\n color: white;\n font-weight: 500;\n}\n\n.str-chat__avatar--circle {\n border-radius: 50%;\n}\n\n.str-chat__avatar-group {\n display: flex;\n align-items: center;\n height: 40px;\n min-width: 40px;\n max-width: 40px;\n overflow: hidden;\n border-radius: 20px;\n}\n\n.str-chat__avatar-group .str-chat__avatar .str-chat__avatar-image {\n border-radius: 0;\n}\n\n.str-chat__list .str-chat__message-list-scroll .str-chat__ul {\n padding-bottom: 32px;\n}\n\n.str-chat__message-text {\n font: var(--str-chat__body-text);\n}\n\n.str-chat__message-bubble {\n border-radius: 8px !important;\n}\n\n.str-chat__message-simple-name {\n font-weight: 500;\n color: var(--colors-light-neutral-00);\n}\n\n.str-chat__message .str-chat__message-metadata {\n column-gap: var(--str-chat__spacing-1_5);\n margin-block-start: var(--str-chat__spacing-1);\n}\n\n.str-chat__li--bottom .str-chat__message {\n margin-block-end: var(--str-chat__spacing-4);\n}\n\n.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option {\n font-size: 1.25em;\n}\n\n.str-chat__message-reactions-options {\n padding-inline-start: 0;\n padding: 2px;\n}\n\n.str-chat__message-reactions .emoji-mart-emoji {\n line-height: normal;\n}\n\n.str-chat__message-actions-box {\n min-width: max-content;\n}\n\n.str-chat__message-actions-box .str-chat__message-actions-list .str-chat__message-actions-list-item-button {\n color: #474848;\n font-size: 14px;\n padding: 6px 16px;\n}\n\n.str-chat__message-actions-box .str-chat__message-actions-list {\n padding: 4px 0;\n min-width: max-content;\n}\n\n.str-chat__message--other .str-chat__message-actions-box {\n transform: translate(40px, 0);\n}\n\n.str-chat__message--me .str-chat__message-actions-box {\n transform: translate(-40px, 0);\n}\n\n.str-chat__modal--open .str-chat__modal__inner {\n align-items: stretch;\n width: calc(100% - 16px);\n padding: 0;\n border-radius: 8px;\n}\n\n.str-chat__message-textarea {\n display: flex;\n border: none;\n border-radius: 8px;\n box-shadow: none;\n padding: 12px;\n font: var(--str-chat__body-text);\n resize: none;\n width: 100%;\n}\n\n.str-chat__message-textarea.focus-visible {\n outline: none;\n}\n\n.str-chat .file-input {\n visibility: hidden;\n position: absolute;\n width: 0;\n height: 0;\n}\n\n.str-chat__message-textarea-emoji-picker {\n height: 24px;\n}\n.str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button {\n appearance: none;\n background: none;\n border: none;\n padding: 0;\n height: 24px;\n cursor: pointer;\n}\n.str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button svg {\n fill: var(--colors-light-neutral-45);\n width: 24px;\n}\n.str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button:hover svg {\n fill: var(--colors-light-neutral-24);\n}\n\n.str-chat__message-textarea-emoji-picker-container {\n inset: unset !important;\n transform: unset !important;\n top: -446px !important;\n left: -41px !important;\n z-index: 10;\n}\n\n.str-chat__edit-message-modal .str-chat__message-textarea-emoji-picker-container {\n inset: unset !important;\n transform: unset !important;\n top: -455px !important;\n left: -49px !important;\n}\n\n.str-chat__list-notifications {\n margin-bottom: 0;\n margin-top: 0;\n}\n\n.str-chat__list-notifications > {\n margin-bottom: 8px;\n margin-top: 8px;\n}"]}
1	+ {"version":3,"sources":["topbar.scss"],"names":[],"mappings":"AAAA,gBACE,uBAAwB,CACxB,oBACF,CAEA,mCACE,YACF","file":"topbar.css","sourcesContent":[".hide-scrollbar {\n -ms-overflow-style: none; /* IE and Edge /\n scrollbar-width: none; / Firefox /\n}\n\n.hide-scrollbar::-webkit-scrollbar {\n display: none; / Chrome, Safari, and Opera */\n}"]}