stream-chat-react 10.9.1 → 10.10.1
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.
- package/dist/browser.full-bundle.js +2241 -3409
- package/dist/browser.full-bundle.js.map +1 -1
- package/dist/browser.full-bundle.min.js +5 -20
- package/dist/browser.full-bundle.min.js.map +1 -1
- package/dist/components/Attachment/Attachment.js +1 -31
- package/dist/components/Attachment/AttachmentContainer.js +1 -11
- package/dist/components/Attachment/Audio.js +1 -11
- package/dist/components/Attachment/Card.js +1 -11
- package/dist/components/Attachment/FileAttachment.js +1 -1
- package/dist/components/Attachment/utils.js +1 -11
- package/dist/components/AutoCompleteTextarea/List.js +1 -11
- package/dist/components/AutoCompleteTextarea/Textarea.d.ts.map +1 -1
- package/dist/components/AutoCompleteTextarea/Textarea.js +3 -37
- package/dist/components/Channel/Channel.d.ts +16 -4
- package/dist/components/Channel/Channel.d.ts.map +1 -1
- package/dist/components/Channel/Channel.js +24 -66
- package/dist/components/Channel/channelState.js +1 -20
- package/dist/components/Channel/emojiData.js +1 -11
- package/dist/components/Channel/hooks/useCreateChannelStateContext.d.ts.map +1 -1
- package/dist/components/Channel/hooks/useCreateChannelStateContext.js +9 -1
- package/dist/components/Channel/hooks/useEditMessageHandler.d.ts +3 -3
- package/dist/components/Channel/hooks/useEditMessageHandler.d.ts.map +1 -1
- package/dist/components/Channel/hooks/useEditMessageHandler.js +3 -3
- package/dist/components/Channel/utils.d.ts +0 -4
- package/dist/components/Channel/utils.d.ts.map +1 -1
- package/dist/components/Channel/utils.js +1 -9
- package/dist/components/ChannelList/ChannelList.js +1 -47
- package/dist/components/ChannelList/hooks/useChannelDeletedListener.js +1 -9
- package/dist/components/ChannelList/hooks/useChannelHiddenListener.js +1 -9
- package/dist/components/ChannelList/hooks/useChannelTruncatedListener.js +1 -9
- package/dist/components/ChannelList/hooks/useChannelUpdatedListener.js +1 -20
- package/dist/components/ChannelList/hooks/useChannelVisibleListener.js +1 -45
- package/dist/components/ChannelList/hooks/useMessageNewListener.js +1 -9
- package/dist/components/ChannelList/hooks/useNotificationAddedToChannelListener.js +1 -45
- package/dist/components/ChannelList/hooks/useNotificationMessageNewListener.js +1 -45
- package/dist/components/ChannelList/hooks/usePaginatedChannels.js +1 -56
- package/dist/components/ChannelList/hooks/useUserPresenceChangedListener.js +1 -9
- package/dist/components/ChannelList/utils.js +1 -45
- package/dist/components/ChannelPreview/ChannelPreview.js +1 -11
- package/dist/components/ChannelSearch/ChannelSearch.js +1 -11
- package/dist/components/ChannelSearch/SearchBar.js +1 -22
- package/dist/components/ChannelSearch/hooks/useChannelSearch.js +1 -56
- package/dist/components/Chat/hooks/useChat.d.ts +0 -1
- package/dist/components/Chat/hooks/useChat.d.ts.map +1 -1
- package/dist/components/Chat/hooks/useChat.js +1 -47
- package/dist/components/EventComponent/EventComponent.js +1 -11
- package/dist/components/Gallery/Gallery.js +1 -11
- package/dist/components/Gallery/Image.js +1 -11
- package/dist/components/InfiniteScrollPaginator/InfiniteScroll.js +1 -22
- package/dist/components/MML/MML.js +1 -36
- package/dist/components/Message/Message.js +1 -22
- package/dist/components/Message/MessageSimple.js +1 -11
- package/dist/components/Message/hooks/useActionHandler.js +1 -47
- package/dist/components/Message/hooks/useDeleteHandler.js +1 -36
- package/dist/components/Message/hooks/useEditHandler.d.ts +1 -0
- package/dist/components/Message/hooks/useEditHandler.d.ts.map +1 -1
- package/dist/components/Message/hooks/useFlagHandler.js +1 -36
- package/dist/components/Message/hooks/useMuteHandler.js +1 -36
- package/dist/components/Message/hooks/usePinHandler.js +1 -47
- package/dist/components/Message/hooks/useReactionHandler.js +1 -56
- package/dist/components/Message/hooks/useRetryHandler.js +1 -36
- package/dist/components/Message/hooks/useUserHandler.d.ts +1 -0
- package/dist/components/Message/hooks/useUserHandler.d.ts.map +1 -1
- package/dist/components/Message/types.d.ts +1 -0
- package/dist/components/Message/types.d.ts.map +1 -1
- package/dist/components/Message/utils.js +1 -9
- package/dist/components/MessageActions/MessageActions.js +1 -11
- package/dist/components/MessageInput/AttachmentPreviewList.js +1 -1
- package/dist/components/MessageInput/DefaultTriggerProvider.js +1 -11
- package/dist/components/MessageInput/DropzoneProvider.js +2 -12
- package/dist/components/MessageInput/EditMessageForm.js +1 -1
- package/dist/components/MessageInput/LinkPreviewList.d.ts +6 -0
- package/dist/components/MessageInput/LinkPreviewList.d.ts.map +1 -0
- package/dist/components/MessageInput/LinkPreviewList.js +34 -0
- package/dist/components/MessageInput/MessageInput.d.ts +6 -3
- package/dist/components/MessageInput/MessageInput.d.ts.map +1 -1
- package/dist/components/MessageInput/MessageInput.js +1 -11
- package/dist/components/MessageInput/MessageInputFlat.d.ts.map +1 -1
- package/dist/components/MessageInput/MessageInputFlat.js +15 -23
- package/dist/components/MessageInput/MessageInputSmall.js +1 -1
- package/dist/components/MessageInput/UploadsPreview.js +1 -1
- package/dist/components/MessageInput/hooks/useAttachments.d.ts +1 -1
- package/dist/components/MessageInput/hooks/useAttachments.d.ts.map +1 -1
- package/dist/components/MessageInput/hooks/useCooldownTimer.js +1 -9
- package/dist/components/MessageInput/hooks/useCreateMessageInputContext.d.ts.map +1 -1
- package/dist/components/MessageInput/hooks/useCreateMessageInputContext.js +10 -1
- package/dist/components/MessageInput/hooks/useFileState.d.ts +1 -1
- package/dist/components/MessageInput/hooks/useFileState.d.ts.map +1 -1
- package/dist/components/MessageInput/hooks/useFileUploads.js +1 -36
- package/dist/components/MessageInput/hooks/useImageUploads.js +1 -47
- package/dist/components/MessageInput/hooks/useLinkPreviews.d.ts +31 -0
- package/dist/components/MessageInput/hooks/useLinkPreviews.d.ts.map +1 -0
- package/dist/components/MessageInput/hooks/useLinkPreviews.js +99 -0
- package/dist/components/MessageInput/hooks/useMessageInputState.d.ts +36 -36
- package/dist/components/MessageInput/hooks/useMessageInputState.d.ts.map +1 -1
- package/dist/components/MessageInput/hooks/useMessageInputState.js +52 -24
- package/dist/components/MessageInput/hooks/useMessageInputText.d.ts +2 -1
- package/dist/components/MessageInput/hooks/useMessageInputText.d.ts.map +1 -1
- package/dist/components/MessageInput/hooks/useMessageInputText.js +3 -2
- package/dist/components/MessageInput/hooks/usePasteHandler.d.ts +3 -2
- package/dist/components/MessageInput/hooks/usePasteHandler.d.ts.map +1 -1
- package/dist/components/MessageInput/hooks/usePasteHandler.js +6 -38
- package/dist/components/MessageInput/hooks/useSubmitHandler.d.ts +2 -1
- package/dist/components/MessageInput/hooks/useSubmitHandler.d.ts.map +1 -1
- package/dist/components/MessageInput/hooks/useSubmitHandler.js +39 -74
- package/dist/components/MessageInput/hooks/useUserTrigger.js +1 -56
- package/dist/components/MessageInput/hooks/utils.d.ts +1 -1
- package/dist/components/MessageInput/hooks/utils.d.ts.map +1 -1
- package/dist/components/MessageInput/hooks/utils.js +1 -36
- package/dist/components/MessageInput/icons.d.ts +1 -0
- package/dist/components/MessageInput/icons.d.ts.map +1 -1
- package/dist/components/MessageInput/icons.js +3 -22
- package/dist/components/MessageInput/index.d.ts +1 -0
- package/dist/components/MessageInput/index.d.ts.map +1 -1
- package/dist/components/MessageInput/index.js +1 -0
- package/dist/components/MessageInput/types.d.ts +57 -0
- package/dist/components/MessageInput/types.d.ts.map +1 -0
- package/dist/components/MessageInput/types.js +19 -0
- package/dist/components/MessageList/MessageList.js +1 -58
- package/dist/components/MessageList/VirtualizedMessageList.d.ts +3 -1
- package/dist/components/MessageList/VirtualizedMessageList.d.ts.map +1 -1
- package/dist/components/MessageList/VirtualizedMessageList.js +2 -48
- package/dist/components/MessageList/hooks/useMessageListElements.js +1 -11
- package/dist/components/MessageList/utils.d.ts +1 -0
- package/dist/components/MessageList/utils.d.ts.map +1 -1
- package/dist/components/ReactFileUtilities/FileIcon/FileIcon.d.ts +15 -0
- package/dist/components/ReactFileUtilities/FileIcon/FileIcon.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/FileIcon/FileIcon.js +28 -0
- package/dist/components/ReactFileUtilities/FileIcon/FileIconSet/v1.d.ts +23 -0
- package/dist/components/ReactFileUtilities/FileIcon/FileIconSet/v1.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/FileIcon/FileIconSet/v1.js +62 -0
- package/dist/components/ReactFileUtilities/FileIcon/FileIconSet/v2.d.ts +25 -0
- package/dist/components/ReactFileUtilities/FileIcon/FileIconSet/v2.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/FileIcon/FileIconSet/v2.js +173 -0
- package/dist/components/ReactFileUtilities/FileIcon/iconMap.d.ts +19 -0
- package/dist/components/ReactFileUtilities/FileIcon/iconMap.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/FileIcon/iconMap.js +86 -0
- package/dist/components/ReactFileUtilities/FileIcon/index.d.ts +2 -0
- package/dist/components/ReactFileUtilities/FileIcon/index.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/FileIcon/index.js +1 -0
- package/dist/components/ReactFileUtilities/FileIcon/mimeTypes.d.ts +8 -0
- package/dist/components/ReactFileUtilities/FileIcon/mimeTypes.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/FileIcon/mimeTypes.js +146 -0
- package/dist/components/ReactFileUtilities/FilePreviewer.d.ts +14 -0
- package/dist/components/ReactFileUtilities/FilePreviewer.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/FilePreviewer.js +21 -0
- package/dist/components/ReactFileUtilities/FileUploadButton.d.ts +13 -0
- package/dist/components/ReactFileUtilities/FileUploadButton.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/FileUploadButton.js +17 -0
- package/dist/components/ReactFileUtilities/IconButton.d.ts +9 -0
- package/dist/components/ReactFileUtilities/IconButton.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/IconButton.js +8 -0
- package/dist/components/ReactFileUtilities/ImageDropzone.d.ts +17 -0
- package/dist/components/ReactFileUtilities/ImageDropzone.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/ImageDropzone.js +43 -0
- package/dist/components/ReactFileUtilities/ImagePreviewer.d.ts +21 -0
- package/dist/components/ReactFileUtilities/ImagePreviewer.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/ImagePreviewer.js +24 -0
- package/dist/components/ReactFileUtilities/ImageUploadButton.d.ts +12 -0
- package/dist/components/ReactFileUtilities/ImageUploadButton.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/ImageUploadButton.js +13 -0
- package/dist/components/ReactFileUtilities/LoadingIndicator.d.ts +8 -0
- package/dist/components/ReactFileUtilities/LoadingIndicator.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/LoadingIndicator.js +12 -0
- package/dist/components/ReactFileUtilities/Thumbnail.d.ts +10 -0
- package/dist/components/ReactFileUtilities/Thumbnail.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/Thumbnail.js +11 -0
- package/dist/components/ReactFileUtilities/ThumbnailPlaceholder.d.ts +6 -0
- package/dist/components/ReactFileUtilities/ThumbnailPlaceholder.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/ThumbnailPlaceholder.js +9 -0
- package/dist/components/ReactFileUtilities/UploadButton.d.ts +7 -0
- package/dist/components/ReactFileUtilities/UploadButton.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/UploadButton.js +8 -0
- package/dist/components/ReactFileUtilities/icons/AttachmentIcon.d.ts +5 -0
- package/dist/components/ReactFileUtilities/icons/AttachmentIcon.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/icons/AttachmentIcon.js +7 -0
- package/dist/components/ReactFileUtilities/icons/CloseIcon.d.ts +2 -0
- package/dist/components/ReactFileUtilities/icons/CloseIcon.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/icons/CloseIcon.js +11 -0
- package/dist/components/ReactFileUtilities/icons/FilePlaceholderIcon.d.ts +3 -0
- package/dist/components/ReactFileUtilities/icons/FilePlaceholderIcon.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/icons/FilePlaceholderIcon.js +6 -0
- package/dist/components/ReactFileUtilities/icons/PictureIcon.d.ts +5 -0
- package/dist/components/ReactFileUtilities/icons/PictureIcon.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/icons/PictureIcon.js +6 -0
- package/dist/components/ReactFileUtilities/icons/RetryIcon.d.ts +2 -0
- package/dist/components/ReactFileUtilities/icons/RetryIcon.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/icons/RetryIcon.js +3 -0
- package/dist/components/ReactFileUtilities/icons/index.d.ts +6 -0
- package/dist/components/ReactFileUtilities/icons/index.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/icons/index.js +5 -0
- package/dist/components/ReactFileUtilities/index.d.ts +14 -0
- package/dist/components/ReactFileUtilities/index.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/index.js +13 -0
- package/dist/components/ReactFileUtilities/types.d.ts +31 -0
- package/dist/components/ReactFileUtilities/types.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/types.js +1 -0
- package/dist/components/ReactFileUtilities/utils.d.ts +6 -0
- package/dist/components/ReactFileUtilities/utils.d.ts.map +1 -0
- package/dist/components/ReactFileUtilities/utils.js +123 -0
- package/dist/components/Reactions/ReactionSelector.js +1 -11
- package/dist/components/Reactions/ReactionsList.js +1 -22
- package/dist/components/Reactions/SimpleReactionsList.js +1 -22
- package/dist/components/Thread/Thread.js +1 -11
- package/dist/components/Thread/ThreadHead.js +1 -11
- package/dist/components/Tooltip/Tooltip.js +1 -22
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/context/ChannelActionContext.d.ts +3 -3
- package/dist/context/ChannelActionContext.d.ts.map +1 -1
- package/dist/context/ChannelActionContext.js +1 -11
- package/dist/context/ChannelStateContext.d.ts +6 -1
- package/dist/context/ChannelStateContext.d.ts.map +1 -1
- package/dist/context/ChannelStateContext.js +1 -11
- package/dist/context/ChatContext.js +1 -11
- package/dist/context/ComponentContext.d.ts +3 -0
- package/dist/context/ComponentContext.d.ts.map +1 -1
- package/dist/context/ComponentContext.js +1 -11
- package/dist/context/EmojiContext.js +1 -11
- package/dist/context/MessageContext.js +1 -11
- package/dist/context/MessageInputContext.d.ts +22 -1
- package/dist/context/MessageInputContext.d.ts.map +1 -1
- package/dist/context/TranslationContext.js +1 -11
- package/dist/context/TypingContext.js +1 -11
- package/dist/css/index.css +1 -1
- package/dist/css/v2/index.css +1 -1
- package/dist/css/v2/index.layout.css +1 -1
- package/dist/i18n/Streami18n.js +1 -47
- package/dist/index.cjs.js +27307 -26278
- package/dist/index.cjs.js.map +1 -1
- package/dist/scss/_base.scss +17 -0
- package/dist/scss/v2/Autocomplete/Autocomplete-layout.scss +1 -0
- package/dist/scss/v2/LinkPreview/LinkPreview-layout.scss +49 -0
- package/dist/scss/v2/LinkPreview/LinkPreview-theme.scss +17 -0
- package/dist/scss/v2/LinkPreview/index.scss +2 -0
- package/dist/scss/v2/_base.scss +17 -0
- package/dist/scss/v2/index.layout.scss +1 -0
- package/dist/scss/v2/index.scss +1 -0
- package/dist/types/types.d.ts +12 -0
- package/dist/types/types.d.ts.map +1 -1
- package/dist/utils.js +1 -31
- package/dist/version.d.ts +1 -1
- package/dist/version.d.ts.map +1 -1
- package/dist/version.js +1 -1
- package/package.json +9 -10
- package/dist/css/index.css.map +0 -1
- package/dist/css/v2/index.css.map +0 -1
- package/dist/css/v2/index.layout.css.map +0 -1
- package/dist/stories/add-message.stories.d.ts +0 -3
- package/dist/stories/add-message.stories.d.ts.map +0 -1
- package/dist/stories/add-message.stories.js +0 -53
- package/dist/stories/attachment-sizing.stories.d.ts +0 -2
- package/dist/stories/attachment-sizing.stories.d.ts.map +0 -1
- package/dist/stories/attachment-sizing.stories.js +0 -179
- package/dist/stories/edit-message.stories.d.ts +0 -2
- package/dist/stories/edit-message.stories.d.ts.map +0 -1
- package/dist/stories/edit-message.stories.js +0 -49
- package/dist/stories/hello.stories.d.ts +0 -3
- package/dist/stories/hello.stories.d.ts.map +0 -1
- package/dist/stories/hello.stories.js +0 -31
- package/dist/stories/jump-to-message.stories.d.ts +0 -3
- package/dist/stories/jump-to-message.stories.d.ts.map +0 -1
- package/dist/stories/jump-to-message.stories.js +0 -77
- package/dist/stories/mark-read.stories.d.ts +0 -3
- package/dist/stories/mark-read.stories.d.ts.map +0 -1
- package/dist/stories/mark-read.stories.js +0 -53
- package/dist/stories/message-status-readby-tooltip.stories.d.ts +0 -3
- package/dist/stories/message-status-readby-tooltip.stories.d.ts.map +0 -1
- package/dist/stories/message-status-readby-tooltip.stories.js +0 -57
- package/dist/stories/navigate-long-message-lists.stories.d.ts +0 -2
- package/dist/stories/navigate-long-message-lists.stories.d.ts.map +0 -1
- package/dist/stories/navigate-long-message-lists.stories.js +0 -179
- package/dist/stories/pin-message.stories.d.ts +0 -2
- package/dist/stories/pin-message.stories.d.ts.map +0 -1
- package/dist/stories/pin-message.stories.js +0 -98
- package/dist/stories/toggle-message-actions.stories.d.ts +0 -2
- package/dist/stories/toggle-message-actions.stories.d.ts.map +0 -1
- package/dist/stories/toggle-message-actions.stories.js +0 -35
- package/dist/stories/utils.d.ts +0 -26
- package/dist/stories/utils.d.ts.map +0 -1
- package/dist/stories/utils.js +0 -50
|
@@ -1 +1 @@
|
|
|
1
|
-
.str-chat{box-sizing:border-box}.str-chat *{font-family:var(--str-chat__font-family);box-sizing:border-box}.str-chat .ngxp__container{z-index:1;margin:-8px !important;padding:0 !important;box-shadow:none !important;border:none !important}.str-chat .ngxp__container .ngxp__arrow{display:none !important}stream-icon,stream-icon-placeholder{display:flex;justify-content:center;align-items:center}@font-face{font-family:ReplaceFlagEmojiPNG;src:url("../../assets/NotoColorEmoji-flags.woff2") format("woff2");unicode-range:U+1F1E6-1F1FF}@font-face{font-family:ReplaceFlagEmojiSVG;src:url("../../assets/EmojiOneColor.woff2") format("woff2");unicode-range:U+1F1E6-1F1FF}.str-chat--windows-flags .str-chat__textarea__textarea,.str-chat--windows-flags .str-chat__message-text-inner *,.str-chat--windows-flags .str-chat__emoji-item--entity,.str-chat--windows-flags .emoji-mart-emoji-native *{font-family:ReplaceFlagEmojiPNG,var(--str-chat__font-family),sans-serif;font-display:swap}@-moz-document url-prefix(""){.str-chat--windows-flags .str-chat__textarea__textarea,.str-chat--windows-flags .str-chat__message-text-inner *,.str-chat--windows-flags .str-chat__emoji-item--entity,.str-chat--windows-flags .emoji-mart-emoji-native *{font-family:ReplaceFlagEmojiSVG,var(--str-chat__font-family),sans-serif;font-display:swap}}:root{--str-chat__theme-version: 2}.str-chat{--str-chat__spacing-px: 1px;--str-chat__spacing-0_5: 0.125rem;--str-chat__spacing-1: 0.25rem;--str-chat__spacing-1_5: 0.375rem;--str-chat__spacing-2: 0.5rem;--str-chat__spacing-2_5: 0.625rem;--str-chat__spacing-3: 0.75rem;--str-chat__spacing-3_5: 0.875rem;--str-chat__spacing-4: 1rem;--str-chat__spacing-5: 1.25rem;--str-chat__spacing-6: 1.5rem;--str-chat__spacing-7: 1.75rem;--str-chat__spacing-8: 2rem;--str-chat__spacing-9: 2.25rem;--str-chat__spacing-10: 2.5rem;--str-chat__spacing-11: 2.75rem;--str-chat__spacing-12: 3rem;--str-chat__spacing-14: 3.5rem;--str-chat__spacing-16: 4rem}.str-chat__avatar{position:relative}.str-chat__avatar .str-chat__avatar-fallback{text-align:center;height:inherit;width:inherit}.str-chat__avatar .str-chat__avatar--online-indicator{position:absolute;width:calc(var(--str-chat__spacing-px)*12);height:calc(var(--str-chat__spacing-px)*12);inset-inline-end:3%;inset-block-start:2%}.str-chat__loading-channels-avatar{flex-shrink:0;width:calc(var(--str-chat__spacing-px)*49);height:calc(var(--str-chat__spacing-px)*49)}.str-chat{--str-chat__attachment-margin: var(--str-chat__spacing-0_5);--str-chat__gif-height: calc(var(--str-chat__spacing-px) * 200)}.str-chat__attachment-list{--str-chat__attachment-max-width: calc( var(--str-chat__message-max-width) - calc(2 * var(--str-chat__attachment-margin)) );--str-chat__video-height: var(--str-chat__attachment-max-width);--str-chat__scraped-image-height: calc(var(--str-chat__attachment-max-width) * calc(1 / 1.91));--str-chat__scraped-video-height: calc(var(--str-chat__attachment-max-width) * calc(9 / 16));display:flex;flex-direction:column;align-items:stretch;min-width:0}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--header{position:relative}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--source-link{padding-bottom:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--text{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__attachment-list .str-chat__message-attachment--image,.str-chat__attachment-list .str-chat__message-attachment--video,.str-chat__attachment-list .str-chat__message-attachment-card--header{width:auto;display:flex;justify-content:center;align-items:center;overflow:hidden}.str-chat__attachment-list .str-chat__message-attachment-card--header{height:var(--str-chat__scraped-image-height)}.str-chat__attachment-list .str-chat__message-attachment-card--header img{object-fit:cover;max-height:100%;max-width:100%;width:100%;height:100%;cursor:default}.str-chat__attachment-list .str-chat__message-attachment-card-react--header img{cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header{height:var(--str-chat__gif-height)}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header img{object-fit:contain;max-height:100%;max-width:100%;cursor:default}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card-react--header img{cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card)>img{height:min(var(--str-chat__attachment-max-width),min(var(--str-chat__attachment-max-width, 1000000)/var(--original-width, 1000000),1px)*var(--original-height, 1000000));max-width:var(--str-chat__attachment-max-width);max-height:var(--str-chat__attachment-max-width);object-fit:cover;width:100%;cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header{max-width:var(--str-chat__attachment-max-width);display:flex}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper{height:100%;width:100%;min-width:0;max-width:var(--str-chat__attachment-max-width);display:flex;flex-direction:column}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .react-player,.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .str-chat__video-angular,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .react-player,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .str-chat__video-angular{height:100%;width:100%;max-width:var(--str-chat__attachment-max-width);max-height:100%;min-height:0}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card):not(.str-chat__message-attachment-dynamic-size){height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card){max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) .str-chat__player-wrapper{height:min(var(--str-chat__video-height),min(var(--str-chat__attachment-max-width, 1000000)/var(--original-width, 1000000),1px)*var(--original-height, 1000000));max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) .str-chat__video-angular{max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header{height:var(--str-chat__scraped-video-height)}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card){margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment--gallery{margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery{display:grid;grid-template-columns:50% 50%;overflow:hidden;width:fit-content;gap:var(--str-chat__spacing-0_5);max-width:var(--str-chat__attachment-max-width);height:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery.str-chat__gallery-two-rows{grid-template-rows:50% 50%}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image{padding:0;margin:0}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;max-width:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder{position:relative;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:top left;background-repeat:no-repeat;margin:0;cursor:zoom-in;max-width:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder p{position:relative;z-index:1}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image,.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image{padding:var(--str-chat__spacing-6)}.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image img,.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image img{object-fit:contain;max-width:calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6));max-height:calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6))}.str-chat__attachment-list .str-chat__message-attachment-file--item,.str-chat__attachment-list .str-chat__message-attachment-audio-widget{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;row-gap:var(--str-chat__spacing-0_5);min-width:0}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row{width:100%;display:flex;align-items:center;justify-content:space-between;column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;min-width:0}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg{width:calc(var(--str-chat__spacing-px)*24);height:calc(var(--str-chat__spacing-px)*16)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__file-icon{width:calc(var(--str-chat__spacing-px)*34)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--play-controls{display:flex;align-items:center;justify-content:center}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--progress-track{max-width:calc(var(--str-chat__spacing-px)*120)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row{display:flex;align-items:center;width:100%;grid-column-gap:var(--str-chat__spacing-5);padding-top:var(--str-chat__spacing-2_5)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row .str-chat__message-attachment-file--item-size{line-height:calc(var(--str-chat__spacing-px)*14)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track{position:relative;height:calc(var(--str-chat__spacing-px)*5);flex:1;cursor:pointer}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track .str-chat__message-attachment-audio-widget--progress-indicator{position:absolute;inset-inline-start:0;height:inherit}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button{display:flex;align-items:center;justify-content:center;height:calc(var(--str-chat__spacing-px)*36);width:calc(var(--str-chat__spacing-px)*36);cursor:pointer;z-index:1}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button svg{width:var(--str-chat__spacing-3)}.str-chat__attachment-list .str-chat__message-attachment-card{min-width:0;max-width:var(--str-chat__attachment-max-width);margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content{padding:var(--str-chat__spacing-2_5)}.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content .str-chat__message-attachment-card--title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content{padding:0}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget{display:flex;flex-direction:column;row-gap:var(--str-chat__spacing-2_5);width:100%;padding:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget .str-chat__message-attachment-card-audio-widget--first-row{display:flex;align-items:center;column-gap:var(--str-chat__spacing-3_5)}.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form{display:flex;justify-content:stretch}.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form .str-chat__message-attachment-actions-button{cursor:pointer;width:100%;padding:var(--str-chat__spacing-3) var(--str-chat__spacing-4);white-space:nowrap}.str-chat__attachment-list .str-chat__message-attachment-with-actions.str-chat__message-attachment--giphy .str-chat__message-attachment-card .str-chat__message-attachment-card--content{display:none}.str-chat__quoted-message-preview{--str-chat__attachment-margin: 0px}.str-chat__quoted-message-preview *{cursor:pointer !important}.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--source-link,.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--content{display:none}.str-chat__quoted-message-preview .str-chat__message-attachment-file--item-download{display:none}.str-chat__message .str-chat__quoted-message-preview .str-chat__message-attachment-file--item{padding:0}.str-chat__attachment-list-angular-host{min-width:0}.str-chat__attachment-preview-list{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-1_5);width:100%}.str-chat__attachment-preview-list .str-chat__attachment-list-scroll-container{overflow-y:hidden;overflow-x:auto;width:100%;max-width:100%;display:flex;align-items:center;justify-content:flex-start;column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-preview-list .str-chat__attachment-preview-image{position:relative;height:calc(var(--str-chat__spacing-px)*72);width:calc(var(--str-chat__spacing-px)*72)}.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-image-loading{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%}.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-thumbnail{object-fit:cover;height:calc(var(--str-chat__spacing-px)*72);width:calc(var(--str-chat__spacing-px)*72);word-break:break-all;overflow:hidden}.str-chat__attachment-preview-list .str-chat__attachment-preview-file{display:flex;justify-content:flex-start;align-items:center;height:calc(var(--str-chat__spacing-px)*72);width:calc(var(--str-chat__spacing-px)*200);position:relative;padding:0 var(--str-chat__spacing-4);column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-icon{display:flex;align-items:center;justify-content:center}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-icon svg{height:calc(var(--str-chat__spacing-px)*37);width:unset}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end{overflow-y:visible;overflow-x:hidden;overflow-x:clip;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-name{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;max-width:100%}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-download{line-height:calc(var(--str-chat__spacing-px)*13)}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-download svg{width:calc(var(--str-chat__spacing-px)*16);height:calc(var(--str-chat__spacing-px)*16)}.str-chat__attachment-preview-list button.str-chat__attachment-preview-delete{padding:unset;background:unset;border:unset;border-radius:var(--str-chat__border-radius-circle);display:flex}.str-chat__attachment-preview-list .str-chat__attachment-preview-delete{position:absolute;top:calc(var(--str-chat__spacing-px)*2);inset-inline-end:calc(var(--str-chat__spacing-px)*2);cursor:pointer;z-index:1}.str-chat__attachment-preview-list .str-chat__attachment-preview-delete svg{width:calc(var(--str-chat__spacing-px)*24);height:calc(var(--str-chat__spacing-px)*24)}.str-chat__attachment-preview-list .str-chat__attachment-preview-error{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;padding:unset;background:unset;border:unset;border-radius:unset;cursor:pointer}.str-chat__attachment-preview-list-angular-host{width:100%;max-width:100%}.mention-menu{padding:var(--str-chat__spacing-2) 0 !important;margin:0 !important;min-width:50%}.mention-menu .mention-item{padding:0 !important}.str-chat__suggestion-list-container{position:absolute;bottom:var(--str-chat__spacing-7);width:100%;padding:var(--str-chat__spacing-2) 0}.str-chat__suggestion-list-container .str-chat__suggestion-list{max-height:calc(var(--str-chat__spacing-px)*320);display:flex;flex-direction:column;list-style:none;padding:unset;margin:unset}.str-chat__slash-command{padding:var(--str-chat__spacing-2_5)}.str-chat__slash-command .str-chat__slash-command-header .str-chat__slash-command-args{margin-inline-start:var(--str-chat__spacing-2)}.str-chat__user-item{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2_5);column-gap:var(--str-chat__spacing-2)}.str-chat__user-item .str-chat__user-item--name{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;width:100%}.str-chat__emoji-item{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2_5);column-gap:var(--str-chat__spacing-2)}.str-chat__emoji-item .str-chat__emoji-item--name{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;width:100%}.str-chat__channel{height:100%;display:flex;flex-direction:column;position:relative}.str-chat__channel .str-chat__container{height:100%;display:flex}.str-chat__channel .str-chat__container .str-chat__main-panel{height:100%;display:flex;flex-direction:column;width:100%;min-width:0}.str-chat__channel .str-chat__container .str-chat__main-panel--hideOnThread{display:none}.str-chat__empty-channel{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--str-chat__spacing-4);position:relative}.str-chat__empty-channel svg{width:calc(var(--str-chat__spacing-px)*136);height:calc(var(--str-chat__spacing-px)*136)}.str-chat__empty-channel .str-chat__empty-channel-notifications{position:absolute;inset-block-end:var(--str-chat__spacing-2)}.str-chat__loading-channel{height:100%;display:flex;flex-direction:column}.str-chat__loading-channel .str-chat__loading-channel-header{display:flex;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);align-items:center}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-avatar{flex-shrink:0;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);border-radius:var(--str-chat__avatar-border-radius)}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;flex:1;row-gap:var(--str-chat__spacing-1_5)}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end .str-chat__loading-channel-header-name{border-radius:var(--str-chat__border-radius-xs);height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*170)}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end .str-chat__loading-channel-header-info{border-radius:var(--str-chat__border-radius-xs);height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*66)}.str-chat__loading-channel .str-chat__loading-channel-message-list{padding:0 var(--str-chat__spacing-2);height:100%}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__li{margin-inline:calc(-1 * var(--str-chat__spacing-2));padding-inline:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__parent-message-li{margin-inline:calc(-1 * var(--str-chat__spacing-2))}@media only screen and (min-device-width: 768px){.str-chat__loading-channel .str-chat__loading-channel-message-list{padding:0 min(var(--str-chat__spacing-10),4%)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%));padding-inline:min(var(--str-chat__spacing-10),4%)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__parent-message-li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px)}}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message{display:flex;width:100%;column-gap:var(--str-chat__spacing-2);padding:var(--str-chat__spacing-4) 0}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-avatar{flex-shrink:0;width:calc(var(--str-chat__spacing-px)*49);height:calc(var(--str-chat__spacing-px)*49)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-end{display:flex;flex-direction:column;width:100%;row-gap:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-end .str-chat__loading-channel-message-last-row{display:flex;width:100%;column-gap:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-sender{height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*66)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-text{height:calc(var(--str-chat__spacing-px)*16);width:100%}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-date{height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*50)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2){flex-direction:row-reverse}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2) .str-chat__loading-channel-message-sender{align-self:end}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2) .str-chat__loading-channel-message-last-row{flex-direction:row-reverse}.str-chat__loading-channel .str-chat__loading-channel-message-input-row{display:flex;column-gap:var(--str-chat__spacing-2);padding:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-input{width:100%;height:calc(var(--str-chat__spacing-px)*36)}.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-send{height:calc(var(--str-chat__spacing-px)*36);width:calc(var(--str-chat__spacing-px)*36)}.str-chat__channel-header{display:flex;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);align-items:center}.str-chat__channel-header .str-chat__header-hamburger{display:none}.str-chat__channel-header .str-chat__channel-header-end{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;flex:1;row-gap:var(--str-chat__spacing-1_5)}.str-chat__channel-header .str-chat__channel-header-end p{margin:0}.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-title,.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-info{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__channel-list{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}.str-chat__channel-list .str-chat__channel-list-messenger{height:100%}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main{height:100%}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--str-chat__spacing-4)}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty svg{width:calc(var(--str-chat__spacing-px)*136);height:calc(var(--str-chat__spacing-px)*136)}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty-v1{display:none}.str-chat__channel-list .str-chat__load-more-button{display:flex;justify-content:center;margin:var(--str-chat__spacing-2) 0}.str-chat__channel-list .str-chat__load-more-button .str-chat__load-more-button__button{display:flex;align-items:center;justify-content:center}.str-chat__channel-list .str-chat__down-main{display:none}.str-chat__channel-list-react{overflow:hidden}.str-chat__channel-list-react .str-chat__channel-list-messenger-react{overflow:hidden;padding-bottom:var(--str-chat__spacing-2_5)}.str-chat__channel-list-react .str-chat__channel-list-messenger-react .str-chat__channel-list-messenger-react__main{overflow-y:auto}.str-chat__channel-preview{display:flex;column-gap:var(--str-chat__spacing-2);align-items:center;justify-content:flex-start;width:100%;padding:var(--str-chat__spacing-3) var(--str-chat__spacing-2);margin:0;text-align:start;cursor:pointer}.str-chat__channel-preview .str-chat__channel-preview-end{display:flex;flex-direction:column;row-gap:var(--str-chat__spacing-0_5);width:100%;overflow-y:visible;overflow-x:hidden;overflow-x:clip;min-width:0}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row{display:flex;column-gap:var(--str-chat__spacing-1);align-items:center}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row .str-chat__channel-preview-unread-badge{height:100%;display:flex;align-items:center;padding:0 var(--str-chat__spacing-2)}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row .str-chat__channel-preview-messenger--name{width:100%}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--name,.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--last-message{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;min-width:0}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--name p,.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--last-message p{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;margin:0}.str-chat__channel-preview-loading{display:flex;column-gap:var(--str-chat__spacing-2);align-items:center;justify-content:flex-start;width:100%;padding:var(--str-chat__spacing-3) var(--str-chat__spacing-2);margin:0;text-align:start}.str-chat__channel-preview-loading .str-chat__channel-preview-end-loading{display:flex;flex-direction:column;row-gap:var(--str-chat__spacing-0_5);width:100%}.str-chat__channel-preview-loading .str-chat__loading-channels-username{height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*66)}.str-chat__channel-preview-loading .str-chat__loading-channels-status{height:calc(var(--str-chat__spacing-px)*16);width:100%}.str-chat__channel-search{position:relative;display:flex;flex-direction:column;justify-content:center}.str-chat__channel-search.str-chat__channel-search--with-results.str-chat__channel-search--inline{height:100%}.str-chat__channel-search.str-chat__channel-search--inline{min-height:0}.str-chat__channel-search .str-chat__channel-search-bar{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2_5);height:65px}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-bar-button{outline:none;background:none;border:none;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);padding:var(--str-chat__spacing-2_5);cursor:pointer}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper{display:flex;align-items:center;flex:1;padding:var(--str-chat__spacing-2_5);min-width:0}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--icon,.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button{display:inline-flex;padding:0 var(--str-chat__spacing-2_5)}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button{outline:none;background:none;border:none;cursor:pointer}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button:disabled{cursor:default}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper input{flex:1;min-width:0}.str-chat__channel-search .str-chat__channel-search-container-searching{width:100%;padding:var(--str-chat__spacing-5) var(--str-chat__spacing-4)}.str-chat__channel-search .str-chat__channel-search-results-header{width:100%;padding:var(--str-chat__spacing-5) var(--str-chat__spacing-4)}.str-chat__channel-search .str-chat__channel-search-result-list{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.str-chat__channel-search .str-chat__channel-search-result-list.inline{flex:1}.str-chat__channel-search .str-chat__channel-search-result-list.popup{position:absolute;left:0;right:0;top:65px;height:400px;z-index:1}.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-container-empty{display:flex;flex-direction:column;align-items:center;width:100%;padding:var(--str-chat__spacing-5) var(--str-chat__spacing-4)}.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-container-empty svg{height:calc(var(--str-chat__spacing-px)*90 + var(--str-chat__spacing-20));width:calc(var(--str-chat__spacing-px)*90);padding:var(--str-chat__spacing-10) 0}.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-result{outline:none;background:none;border:none;display:flex;align-items:center;width:100%;column-gap:var(--str-chat__spacing-2);padding:var(--str-chat__spacing-3) var(--str-chat__spacing-2)}.str-chat__cta-button{padding:var(--str-chat__spacing-3_5) var(--str-chat__spacing-6);cursor:pointer}.str-chat__circle-fab{width:calc(var(--str-chat__spacing-px)*42);height:calc(var(--str-chat__spacing-px)*42);padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center}.str-chat__circle-fab .str-chat__circle-fab-icon{display:inline-block;height:calc(var(--str-chat__spacing-px)*24)}.str-chat__edit-message-form{display:flex;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--str-chat__spacing-5);width:100%;height:100%;min-height:0;min-width:0;max-width:100%;max-height:100%}.str-chat__edit-message-form .str-chat__edit-message-form-options{display:flex;align-items:center;justify-content:flex-end}.str-chat__edit-message-form .str-chat__edit-message-form-options button{cursor:pointer;margin:0}.str-chat__message .str-chat__message-input-angular-host{max-height:100%;min-height:0;display:flex;min-width:0;max-width:100%}.str-chat__message .str-chat__message-edit-in-progress .str-chat__modal--open .str-chat__modal__inner{height:40%;max-height:80%;min-width:90%;max-width:90%;width:90%;flex-basis:min-content}@media only screen and (min-device-width: 768px){.str-chat__message .str-chat__message-edit-in-progress .str-chat__modal--open .str-chat__modal__inner{min-width:40%;max-width:60%;width:min-content}}.str-chat__image-carousel{display:flex;justify-content:center;align-items:center;min-height:0;min-width:0;max-width:100%;max-height:100%}.str-chat__image-carousel .str-chat__image-carousel-stepper{padding:var(--str-chat__spacing-2_5);border:none;cursor:pointer;background:rgba(0,0,0,0)}.str-chat__image-carousel .str-chat__image-carousel-image{object-fit:cover;min-height:0;max-height:100%;min-width:0;max-width:100%}.str-chat__message .str-chat__attachment-list .str-chat__modal--open .str-chat__modal__inner{height:80%;width:80%}[dir=rtl] .str-chat__image-carousel-stepper svg{transform:scale(-1, 1)}.str-chat__loading-indicator{display:flex;align-items:center;justify-content:center;animation:rotate 1s linear infinite}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.str-chat{--str-chat__message-options-button-size: calc(var(--str-chat__spacing-px) * 26);--str-chat__message-max-width: calc(var(--str-chat__spacing-px) * 480);--str-chat__message-with-attachment-max-width: calc(var(--str-chat__spacing-px) * 300);--str-chat__quoted-message-max-width: calc(var(--str-chat__spacing-px) * 180);--str-chat__quoted-message-inside-message-input-max-width: calc( var(--str-chat__spacing-px) * 200 );--str-chat__quoted-message-inside-message-input-max-height: calc( var(--str-chat__quoted-message-inside-message-input-max-width) + calc(var(--str-chat__spacing-px) * 50) )}.str-chat__message .str-chat__message-bubble{max-width:var(--str-chat__message-max-width)}.str-chat__message.str-chat__message--has-attachment{--str-chat__message-max-width: var(--str-chat__message-with-attachment-max-width)}.str-chat__message.str-chat__message--has-attachment .str-chat__message-bubble{max-width:var(--str-chat__message-max-width)}.str-chat__quoted-message-preview{--str-chat__message-max-width: var(--str-chat__quoted-message-max-width)}.str-chat__quoted-message-preview .str-chat__quoted-message-bubble{pointer-events:none;max-width:var(--str-chat__message-max-width)}.str-chat__message,.str-chat__quoted-message-preview{display:grid;word-wrap:break-word;word-break:break-word;hyphens:auto;overflow-wrap:break-word}.str-chat__message.str-chat__message--other,.str-chat__message.str-chat__quoted-message-preview,.str-chat__quoted-message-preview.str-chat__message--other,.str-chat__quoted-message-preview.str-chat__quoted-message-preview{grid-template-areas:"avatar message" ". replies" ". translation-notice" ". metadata";column-gap:var(--str-chat__spacing-2);grid-template-columns:auto 1fr;justify-items:start}.str-chat__message.str-chat__message--me,.str-chat__quoted-message-preview.str-chat__message--me{grid-template-areas:"message" "replies" "translation-notice" "metadata";justify-items:end}.str-chat__message.str-chat__message--me>.str-chat__message-sender-avatar,.str-chat__quoted-message-preview.str-chat__message--me>.str-chat__message-sender-avatar{display:none}.str-chat__message.str-chat__message--deleted,.str-chat__quoted-message-preview.str-chat__message--deleted{grid-template-areas:"message"}.str-chat__message.str-chat__message--system,.str-chat__quoted-message-preview.str-chat__message--system{grid-template-areas:"message";grid-template-columns:auto}.str-chat__message .str-chat__message-sender-avatar,.str-chat__quoted-message-preview .str-chat__message-sender-avatar{grid-area:avatar;align-self:end}.str-chat__message .str-chat__message-inner,.str-chat__quoted-message-preview .str-chat__message-inner{grid-area:message;display:grid;grid-template-areas:"reactions reactions" "message-bubble options";grid-template-columns:auto 1fr;column-gap:var(--str-chat__spacing-2);position:relative}.str-chat__message .str-chat__message-inner .str-chat__message-options,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options{grid-area:options;align-items:start;justify-content:flex-end;flex-direction:row-reverse;width:calc(3*var(--str-chat__message-options-button-size))}.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-reply-in-thread-button,.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-reactions-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-reply-in-thread-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-reactions-button{display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--str-chat__message-options-button-size);height:var(--str-chat__message-options-button-size)}.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-container,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-container{position:relative}.str-chat__message .str-chat__message-inner .str-chat__message-reactions-host,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-reactions-host{grid-area:reactions}.str-chat__message .str-chat__message-inner .str-chat__message-bubble,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble{grid-area:message-bubble;position:relative;min-width:0}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4)}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p{margin:0}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p{white-space:pre-line}.str-chat__message.str-chat__message--me .str-chat__message-inner,.str-chat__quoted-message-preview.str-chat__message--me .str-chat__message-inner{grid-template-areas:"reactions reactions" "options message-bubble";grid-template-columns:1fr auto}.str-chat__message.str-chat__message--me .str-chat__message-inner .str-chat__message-options,.str-chat__quoted-message-preview.str-chat__message--me .str-chat__message-inner .str-chat__message-options{flex-direction:row}.str-chat__message .str-chat__translation-notice,.str-chat__quoted-message-preview .str-chat__translation-notice{grid-area:translation-notice}.str-chat__message .str-chat__translation-notice button,.str-chat__quoted-message-preview .str-chat__translation-notice button{cursor:pointer;padding:var(--str-chat__spacing-1) 0;margin:0}.str-chat__message .str-chat__message-metadata,.str-chat__quoted-message-preview .str-chat__message-metadata{grid-area:metadata;display:flex;align-items:center;column-gap:var(--str-chat__spacing-1);margin-block-start:var(--str-chat__spacing-0_5)}.str-chat__message .str-chat__message-status,.str-chat__quoted-message-preview .str-chat__message-status{display:flex;align-items:center;justify-content:center;column-gap:var(--str-chat__spacing-0_5);position:relative}.str-chat__message .str-chat__message-status svg,.str-chat__quoted-message-preview .str-chat__message-status svg{width:calc(var(--str-chat__spacing-px)*15);height:calc(var(--str-chat__spacing-px)*15)}.str-chat__message .str-chat__message-replies-count-button-wrapper,.str-chat__quoted-message-preview .str-chat__message-replies-count-button-wrapper{grid-area:replies}.str-chat__message .str-chat__message-replies-count-button-wrapper button,.str-chat__quoted-message-preview .str-chat__message-replies-count-button-wrapper button{cursor:pointer;padding:0}.str-chat__message .str-chat__message--deleted-inner,.str-chat__quoted-message-preview .str-chat__message--deleted-inner{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4)}.str-chat__message .str-chat__message--deleted-inner p,.str-chat__quoted-message-preview .str-chat__message--deleted-inner p{margin:0}.str-chat__message .str-chat__quoted-message-bubble,.str-chat__quoted-message-preview .str-chat__quoted-message-bubble{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4);display:flex;column-gap:var(--str-chat__spacing-1);min-width:0;width:100%}.str-chat__message .str-chat__quoted-message-bubble p,.str-chat__quoted-message-preview .str-chat__quoted-message-bubble p{margin:0}.str-chat__message .str-chat__emoji-display-fix,.str-chat__quoted-message-preview .str-chat__emoji-display-fix{display:inline-block;width:1.25em}.str-chat__message .str-chat__message-error-icon,.str-chat__quoted-message-preview .str-chat__message-error-icon{display:none}.str-chat__message .str-chat__simple-message--error-failed,.str-chat__quoted-message-preview .str-chat__simple-message--error-failed{cursor:pointer}.str-chat__message.str-chat__message--error .str-chat__message-error-icon,.str-chat__message.str-chat__message--failed .str-chat__message-error-icon,.str-chat__quoted-message-preview.str-chat__message--error .str-chat__message-error-icon,.str-chat__quoted-message-preview.str-chat__message--failed .str-chat__message-error-icon{display:block;position:absolute;bottom:0;inset-inline-end:calc(-1*(calc(var(--str-chat__spacing-px) * 18) / 2))}.str-chat__message.str-chat__message--error .str-chat__message-error-icon svg,.str-chat__message.str-chat__message--failed .str-chat__message-error-icon svg,.str-chat__quoted-message-preview.str-chat__message--error .str-chat__message-error-icon svg,.str-chat__quoted-message-preview.str-chat__message--failed .str-chat__message-error-icon svg{width:calc(var(--str-chat__spacing-px)*18);height:calc(var(--str-chat__spacing-px)*18)}.str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message-options,.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message-options{display:flex}.str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--other .str-chat__message-inner,.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--other .str-chat__message-inner{margin-inline-end:0}.str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--me .str-chat__message-inner,.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--me .str-chat__message-inner{margin-inline-start:0}.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message-inner:hover .str-chat__message-options,.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message-inner:hover .str-chat__message-options{display:flex}.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message--other .str-chat__message-inner:hover,.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message--other .str-chat__message-inner:hover{margin-inline-end:0}.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message--me .str-chat__message-inner:hover,.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message--me .str-chat__message-inner:hover{margin-inline-start:0}.str-chat__message-inner .str-chat__message-options{display:none}.str-chat__message-inner .str-chat__message-edit-in-progress.str-chat__message-options{display:flex}.str-chat__message--other .str-chat__message-inner{margin-inline-end:calc(var(--str-chat__message-options-button-size)*3)}.str-chat__message--me .str-chat__message-inner{margin-inline-start:calc(var(--str-chat__message-options-button-size)*3)}.str-chat__li--middle .str-chat__message,.str-chat__li--top .str-chat__message{margin-block-end:var(--str-chat__spacing-0_5)}.str-chat__li--middle .str-chat__message .str-chat__message-metadata,.str-chat__li--top .str-chat__message .str-chat__message-metadata{display:none}.str-chat__li--middle .str-chat__message>.str-chat__message-sender-avatar,.str-chat__li--top .str-chat__message>.str-chat__message-sender-avatar{visibility:hidden}.str-chat__li--bottom .str-chat__message,.str-chat__li--single .str-chat__message{margin-block-end:var(--str-chat__spacing-2)}.str-chat__date-separator{display:flex;padding:var(--str-chat__spacing-8);align-items:center}.str-chat__date-separator-line{flex:1;height:var(--str-chat__spacing-px)}.str-chat__date-separator>*:not(:last-child){margin-right:var(--str-chat__spacing-4)}.str-chat__message .str-chat__quoted-message-preview{margin-block-end:var(--str-chat__spacing-2)}.str-chat__message--system{width:100%;text-align:center}.str-chat__message--system p{margin:0}.str-chat__quoted-message-preview .str-chat__quoted-message-bubble{flex-direction:column;align-items:stretch;row-gap:var(--str-chat__spacing-1);flex-basis:min-content}.str-chat__message-input .str-chat__quoted-message-preview{--str-chat__message-max-width: var(--str-chat__quoted-message-inside-message-input-max-width)}.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble{max-height:var(--str-chat__quoted-message-inside-message-input-max-height)}.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble .str-chat__quoted-message-text{max-height:100%;min-height:0}.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble .str-chat__quoted-message-text p{max-height:100%;overflow-y:auto;overflow-x:hidden}.str-chat__message-actions-box{overflow:hidden}.str-chat__message-actions-box .str-chat__message-actions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;min-width:10rem}.str-chat__message-actions-box .str-chat__message-actions-list .str-chat__message-actions-list-item-button{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4);margin:0;cursor:pointer;width:100%;text-align:start}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular){display:none;position:absolute;z-index:1}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular).str-chat__message-actions-box--open{display:block}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular).str-chat__message-actions-box--mine{inset-block-end:100%;inset-inline-start:100%}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular):not(.str-chat__message-actions-box--mine){inset-block-end:100%;inset-inline-end:100%}.str-chat__message-edit-in-progress .ngxp__container{transform:initial !important;will-change:initial !important;z-index:initial}.str-chat__message-input{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:var(--str-chat__spacing-1) var(--str-chat__spacing-2);position:relative}.str-chat__message-input .str-chat__quoted-message-preview-header{display:flex;align-items:center;justify-content:center;width:100%}.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-reply-to-message{width:100%;text-align:center}.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-remove{width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);cursor:pointer}.str-chat__message-input .str-chat__dropzone-container{display:flex;align-items:center;justify-content:center;position:absolute;height:100%;width:100%;z-index:5}.str-chat__message-input .str-chat__dropzone-container p{margin:unset}.str-chat__message-input .str-chat__message-input-inner{flex-grow:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container{display:flex;align-items:center;justify-content:center;width:calc(var(--str-chat__spacing-px)*45);height:calc(var(--str-chat__spacing-px)*45);cursor:pointer}.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container .str-chat__file-input{display:none}.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container .str-chat__file-input-label{display:flex;align-items:center;justify-content:center;cursor:pointer}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;max-height:100%}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker{width:100%;min-height:0;max-height:100%;display:flex;padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4);column-gap:var(--str-chat__spacing-2)}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea{width:100%;display:flex;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:0}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker{display:flex;align-items:center;justify-content:center;width:calc(var(--str-chat__spacing-px)*27);height:calc(var(--str-chat__spacing-px)*27);font-size:calc(var(--str-chat__spacing-px)*27);align-self:end}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__message-textarea-emoji-picker-container{z-index:5}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__message-textarea-emoji-picker-container .str-chat__emoji-picker-container{display:flex}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button{padding:unset;background:unset;border:unset;border-radius:var(--str-chat__border-radius-circle);display:flex;cursor:pointer}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button svg{width:calc(var(--str-chat__spacing-px)*24);height:calc(var(--str-chat__spacing-px)*24)}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button svg path{fill:var(--str-chat__message-input-tools-color)}.str-chat__message-input .str-chat__message-textarea-angular-host{display:flex;align-items:center;justify-content:center;width:100%}.str-chat__message-input .str-chat__message-textarea-react-host{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.str-chat__message-input .str-chat__send-button{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;width:calc(var(--str-chat__spacing-px)*45);height:calc(var(--str-chat__spacing-px)*45);min-width:calc(var(--str-chat__spacing-px)*45)}.str-chat__message-input .str-chat__send-button svg{width:calc(var(--str-chat__spacing-px)*32);height:calc(var(--str-chat__spacing-px)*32)}.str-chat__message-input .str-chat__message-input-cooldown{display:flex;align-items:center;justify-content:center;margin-inline-start:var(--str-chat__spacing-2);margin-block:calc(var(--str-chat__spacing-2)/2);min-width:calc(calc(var(--str-chat__spacing-px) * 45) - var(--str-chat__spacing-2));min-height:calc(calc(var(--str-chat__spacing-px) * 45) - var(--str-chat__spacing-2))}.str-chat__message-input .str-chat__message-input-not-allowed{align-self:center;padding:var(--str-chat__spacing-3)}.str-chat__message-input .str-chat__quoted-message-preview{padding:var(--str-chat__spacing-2)}.str-chat__message-input-angular-host{max-height:50%}.str-chat-angular__message-input{height:100%;max-height:100%}.str-chat-angular__message-input-inner{height:100%;max-height:100%;min-height:0;flex-grow:initial}[dir=rtl] .str-chat__send-button svg{transform:scale(-1, 1)}.str-chat__main-panel-inner{height:100%;display:flex;flex-direction:column;min-height:0;position:relative;align-items:center}.str-chat__list{overflow-x:hidden;overflow-y:auto;width:100%;height:100%;max-height:100%}.str-chat__list .str-chat__message-list-scroll{padding:0 var(--str-chat__spacing-2)}.str-chat__list .str-chat__message-list-scroll .str-chat__li{margin-inline:calc(-1 * var(--str-chat__spacing-2));padding-inline:var(--str-chat__spacing-2)}.str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li{margin-inline:calc(-1 * var(--str-chat__spacing-2))}@media only screen and (min-device-width: 768px){.str-chat__list .str-chat__message-list-scroll{padding:0 min(var(--str-chat__spacing-10),4%)}.str-chat__list .str-chat__message-list-scroll .str-chat__li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%));padding-inline:min(var(--str-chat__spacing-10),4%)}.str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px)}}.str-chat__list .str-chat__message-list-scroll .str-chat__ul{list-style:none;padding:0;margin:0}.str-chat__list .str-chat__parent-message-li{padding-block-end:var(--str-chat__spacing-4);margin-block-end:var(--str-chat__spacing-4)}.str-chat__list .str-chat__parent-message-li .str-chat__thread-start{text-align:start;padding-top:var(--str-chat__spacing-3)}.str-chat__jump-to-latest-message{position:absolute;inset-block-end:var(--str-chat__spacing-4);inset-inline-end:var(--str-chat__spacing-2);z-index:2}.str-chat__jump-to-latest-message .str-chat__jump-to-latest-unread-count{position:absolute;padding:var(--str-chat__spacing-0_5) var(--str-chat__spacing-2);left:50%;transform:translateX(-50%) translateY(-100%)}.str-chat__thread .str-chat__main-panel-inner{height:auto}.str-chat__main-panel .str-chat__ul .str-chat__li:first-of-type{padding-top:4.5rem}.str-chat__main-panel .str-chat__ul .str-chat__date-separator+.str-chat__li:first-of-type{padding-top:inherit}.str-chat__virtual-list{overflow-x:hidden;overflow-y:auto;position:relative;flex:1;-webkit-overflow-scrolling:touch;margin:0;width:100%;height:100%}.str-chat__virtual-list .str-chat__message-list-scroll>div{padding:0 var(--str-chat__spacing-2)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__li{margin-inline:calc(-1 * var(--str-chat__spacing-2));padding-inline:var(--str-chat__spacing-2)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__parent-message-li{margin-inline:calc(-1 * var(--str-chat__spacing-2))}@media only screen and (min-device-width: 768px){.str-chat__virtual-list .str-chat__message-list-scroll>div{padding:0 min(var(--str-chat__spacing-10),4%)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%));padding-inline:min(var(--str-chat__spacing-10),4%)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__parent-message-li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px)}}.str-chat__virtual-list .str-chat__parent-message-li{padding-block-end:var(--str-chat__spacing-4)}.str-chat__virtual-list .str-chat__parent-message-li .str-chat__thread-start{text-align:start;padding-top:var(--str-chat__spacing-3)}.str-chat__virtual-list__loading{display:flex;padding-top:var(--str-chat__spacing-2);justify-content:center;width:100%;position:absolute}.str-chat__virtual-list p{margin:0 !important}.str-chat__virtual-list p a{white-space:pre-line;overflow:hidden;word-wrap:break-word}.str-chat__virtual-list .str-chat__message{margin-block-end:0 !important}.str-chat__virtual-list .str-chat__virtual-list-message-wrapper{padding-block-end:var(--str-chat__spacing-0_5)}.str-chat__thread--virtualized .str-chat__main-panel-inner{height:100%}.str-chat__thread--virtualized .str-chat__main-panel-inner .str-chat__virtual-list-message-wrapper:first-of-type{padding-block-start:var(--str-chat__spacing-4)}.str-chat__message-reactions-container{display:flex}.str-chat__message-reactions-container .str-chat__message-reactions{list-style:none;display:flex;margin-block-start:var(--str-chat__spacing-0_5);margin-block-end:var(--str-chat__spacing-0_5);column-gap:var(--str-chat__spacing-0_5);width:fit-content;padding:0;position:relative}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction{display:flex;justify-content:center;align-items:center;padding:var(--str-chat__spacing-1_5);position:relative}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction button{outline:none;background:none;border:none;display:flex;align-items:center;justify-content:center;padding:0}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction .str-chat__message-reaction-emoji{height:calc(var(--str-chat__spacing-px)*13);display:flex !important;align-items:center;justify-content:center}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__reaction-list--counter,.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__simple-reactions-list-item--last-number{display:none}.str-chat__message--me .str-chat__message-reactions-container{justify-content:flex-end}.str-chat__message--other .str-chat__message-reactions-container{justify-content:flex-start}.str-chat__message-reaction-selector{display:flex;justify-content:flex-end;position:absolute;inset-block-end:100%}.str-chat__message-reaction-selector .str-chat__message-reactions-options{list-style:none;display:flex;margin-block-end:var(--str-chat__spacing-0_5);width:fit-content;column-gap:var(--str-chat__spacing-1);padding:var(--str-chat__spacing-2)}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option{display:flex;align-items:center;justify-content:center;cursor:pointer;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40)}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option .str-chat__message-reaction-emoji{height:calc(var(--str-chat__spacing-px)*20);display:flex !important;align-items:center;justify-content:center}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-last-user{display:none}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-list-item__count{display:none}.str-chat__message--me .str-chat__message-reaction-selector{inset-inline-end:0}.str-chat__message--other .str-chat__message-reaction-selector{inset-inline-start:0}.str-chat__modal--open{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:100}.str-chat__modal--open button.str-chat__modal__close-button{padding:unset;background:unset;border:unset;border-radius:var(--str-chat__border-radius-circle);margin:var(--str-chat__spacing-2);cursor:pointer}.str-chat__modal--open .str-chat__modal__close-button{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2);position:absolute;inset-block-start:0;inset-inline-end:0;cursor:pointer}.str-chat__modal--open .str-chat__modal__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--str-chat__spacing-8) var(--str-chat__spacing-4);width:40%;min-width:0;min-height:0}.str-chat__modal--close{display:none}.str-chat__message-notification{display:block;position:absolute;align-self:center;padding:var(--str-chat__spacing-1) var(--str-chat__spacing-2);bottom:calc(var(--str-chat__spacing-px)*10);z-index:101}.str-chat__list-notifications{position:relative}.str-chat__list-notifications{display:flex;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--str-chat__spacing-1);margin:var(--str-chat__spacing-1_5);width:auto}.str-chat__notification{padding:var(--str-chat__spacing-3_5) var(--str-chat__spacing-4)}.str-chat__thread-container{height:100%;display:flex;flex-direction:column;width:100%}.str-chat__thread-container .str-chat__thread-header{display:flex;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);align-items:center}.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;flex:1;row-gap:var(--str-chat__spacing-1_5)}.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-name,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-reply-count,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-channel-name,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-subtitle,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button{display:flex;align-items:flex-start;justify-content:flex-end;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);cursor:pointer;line-height:calc(var(--str-chat__spacing-px)*21);font-size:calc(var(--str-chat__spacing-px)*21)}.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button svg{height:calc(var(--str-chat__spacing-px)*21);width:calc(var(--str-chat__spacing-px)*21)}.str-chat__thread-container .str-chat__thread-list{height:auto}.str-chat__main-panel--hideOnThread+.str-chat__thread-container{flex:1}.str-chat__parent-message-li{padding:var(--str-chat__spacing-2)}.str-chat__tooltip{display:flex;padding:var(--str-chat__spacing-2);z-index:1;max-width:calc(var(--str-chat__spacing-px)*150);width:max-content}.str-chat__typing-indicator-react-host{position:static !important}.str-chat__virtual-list .str-chat__typing-indicator{position:static}.str-chat__typing-indicator{padding:var(--str-chat__spacing-1_5);display:flex;justify-content:flex-start;align-items:center;column-gap:var(--str-chat__spacing-1);position:absolute;inset-block-end:0;inset-inline-start:0;inset-inline-end:0}.str-chat__typing-indicator .str-chat__typing-indicator__dots{display:flex;align-items:center;justify-content:center;column-gap:var(--str-chat__spacing-0_5)}.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot{width:calc(var(--str-chat__spacing-px)*4);height:calc(var(--str-chat__spacing-px)*4)}/*# sourceMappingURL=index.layout.css.map */
|
|
1
|
+
.str-chat{box-sizing:border-box}.str-chat *{font-family:var(--str-chat__font-family);box-sizing:border-box}.str-chat .ngxp__container{z-index:1;margin:-8px !important;padding:0 !important;box-shadow:none !important;border:none !important}.str-chat .ngxp__container .ngxp__arrow{display:none !important}.str-chat.google-chrome popper-content .ngxp__container{display:block !important;position:absolute;right:0;bottom:0;opacity:0}.str-chat.google-chrome popper-content .ngxp__container[aria-hidden=true]{visibility:hidden}stream-icon,stream-icon-placeholder{display:flex;justify-content:center;align-items:center}@font-face{font-family:ReplaceFlagEmojiPNG;src:url("../../assets/NotoColorEmoji-flags.woff2") format("woff2");unicode-range:U+1F1E6-1F1FF}@font-face{font-family:ReplaceFlagEmojiSVG;src:url("../../assets/EmojiOneColor.woff2") format("woff2");unicode-range:U+1F1E6-1F1FF}.str-chat--windows-flags .str-chat__textarea__textarea,.str-chat--windows-flags .str-chat__message-text-inner *,.str-chat--windows-flags .str-chat__emoji-item--entity,.str-chat--windows-flags .emoji-mart-emoji-native *{font-family:ReplaceFlagEmojiPNG,var(--str-chat__font-family),sans-serif;font-display:swap}@-moz-document url-prefix(""){.str-chat--windows-flags .str-chat__textarea__textarea,.str-chat--windows-flags .str-chat__message-text-inner *,.str-chat--windows-flags .str-chat__emoji-item--entity,.str-chat--windows-flags .emoji-mart-emoji-native *{font-family:ReplaceFlagEmojiSVG,var(--str-chat__font-family),sans-serif;font-display:swap}}:root{--str-chat__theme-version: 2}.str-chat{--str-chat__spacing-px: 1px;--str-chat__spacing-0_5: 0.125rem;--str-chat__spacing-1: 0.25rem;--str-chat__spacing-1_5: 0.375rem;--str-chat__spacing-2: 0.5rem;--str-chat__spacing-2_5: 0.625rem;--str-chat__spacing-3: 0.75rem;--str-chat__spacing-3_5: 0.875rem;--str-chat__spacing-4: 1rem;--str-chat__spacing-5: 1.25rem;--str-chat__spacing-6: 1.5rem;--str-chat__spacing-7: 1.75rem;--str-chat__spacing-8: 2rem;--str-chat__spacing-9: 2.25rem;--str-chat__spacing-10: 2.5rem;--str-chat__spacing-11: 2.75rem;--str-chat__spacing-12: 3rem;--str-chat__spacing-14: 3.5rem;--str-chat__spacing-16: 4rem}.str-chat__avatar{position:relative}.str-chat__avatar .str-chat__avatar-fallback{text-align:center;height:inherit;width:inherit}.str-chat__avatar .str-chat__avatar--online-indicator{position:absolute;width:calc(var(--str-chat__spacing-px)*12);height:calc(var(--str-chat__spacing-px)*12);inset-inline-end:3%;inset-block-start:2%}.str-chat__loading-channels-avatar{flex-shrink:0;width:calc(var(--str-chat__spacing-px)*49);height:calc(var(--str-chat__spacing-px)*49)}.str-chat{--str-chat__attachment-margin: var(--str-chat__spacing-0_5);--str-chat__gif-height: calc(var(--str-chat__spacing-px) * 200)}.str-chat__attachment-list{--str-chat__attachment-max-width: calc( var(--str-chat__message-max-width) - calc(2 * var(--str-chat__attachment-margin)) );--str-chat__video-height: var(--str-chat__attachment-max-width);--str-chat__scraped-image-height: calc(var(--str-chat__attachment-max-width) * calc(1 / 1.91));--str-chat__scraped-video-height: calc(var(--str-chat__attachment-max-width) * calc(9 / 16));display:flex;flex-direction:column;align-items:stretch;min-width:0}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--header{position:relative}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--source-link{padding-bottom:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--text{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__attachment-list .str-chat__message-attachment--image,.str-chat__attachment-list .str-chat__message-attachment--video,.str-chat__attachment-list .str-chat__message-attachment-card--header{width:auto;display:flex;justify-content:center;align-items:center;overflow:hidden}.str-chat__attachment-list .str-chat__message-attachment-card--header{height:var(--str-chat__scraped-image-height)}.str-chat__attachment-list .str-chat__message-attachment-card--header img{object-fit:cover;max-height:100%;max-width:100%;width:100%;height:100%;cursor:default}.str-chat__attachment-list .str-chat__message-attachment-card-react--header img{cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header{height:var(--str-chat__gif-height)}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header img{object-fit:contain;max-height:100%;max-width:100%;cursor:default}.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card-react--header img{cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card)>img{height:min(var(--str-chat__attachment-max-width),min(var(--str-chat__attachment-max-width, 1000000)/var(--original-width, 1000000),1px)*var(--original-height, 1000000));max-width:var(--str-chat__attachment-max-width);max-height:var(--str-chat__attachment-max-width);object-fit:cover;width:100%;cursor:zoom-in}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header{max-width:var(--str-chat__attachment-max-width);display:flex}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper{height:100%;width:100%;min-width:0;max-width:var(--str-chat__attachment-max-width);display:flex;flex-direction:column}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .react-player,.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .str-chat__video-angular,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .react-player,.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .str-chat__video-angular{height:100%;width:100%;max-width:var(--str-chat__attachment-max-width);max-height:100%;min-height:0}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card):not(.str-chat__message-attachment-dynamic-size){height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card){max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) .str-chat__player-wrapper{height:min(var(--str-chat__video-height),min(var(--str-chat__attachment-max-width, 1000000)/var(--original-width, 1000000),1px)*var(--original-height, 1000000));max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) .str-chat__video-angular{max-height:var(--str-chat__video-height)}.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header{height:var(--str-chat__scraped-video-height)}.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card){margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment--gallery{margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery{display:grid;grid-template-columns:50% 50%;overflow:hidden;width:fit-content;gap:var(--str-chat__spacing-0_5);max-width:var(--str-chat__attachment-max-width);height:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery.str-chat__gallery-two-rows{grid-template-rows:50% 50%}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image{padding:0;margin:0}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;max-width:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder{position:relative;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:top left;background-repeat:no-repeat;margin:0;cursor:zoom-in;max-width:var(--str-chat__attachment-max-width)}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder p{position:relative;z-index:1}.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image,.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image{padding:var(--str-chat__spacing-6)}.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image img,.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image img{object-fit:contain;max-width:calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6));max-height:calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6))}.str-chat__attachment-list .str-chat__message-attachment-file--item,.str-chat__attachment-list .str-chat__message-attachment-audio-widget{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;row-gap:var(--str-chat__spacing-0_5);min-width:0}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row{width:100%;display:flex;align-items:center;justify-content:space-between;column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;min-width:0}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg{width:calc(var(--str-chat__spacing-px)*24);height:calc(var(--str-chat__spacing-px)*16)}.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__file-icon{width:calc(var(--str-chat__spacing-px)*34)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--play-controls{display:flex;align-items:center;justify-content:center}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--progress-track{max-width:calc(var(--str-chat__spacing-px)*120)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row{display:flex;align-items:center;width:100%;grid-column-gap:var(--str-chat__spacing-5);padding-top:var(--str-chat__spacing-2_5)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row .str-chat__message-attachment-file--item-size{line-height:calc(var(--str-chat__spacing-px)*14)}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track{position:relative;height:calc(var(--str-chat__spacing-px)*5);flex:1;cursor:pointer}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track .str-chat__message-attachment-audio-widget--progress-indicator{position:absolute;inset-inline-start:0;height:inherit}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button{display:flex;align-items:center;justify-content:center;height:calc(var(--str-chat__spacing-px)*36);width:calc(var(--str-chat__spacing-px)*36);cursor:pointer;z-index:1}.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button svg{width:var(--str-chat__spacing-3)}.str-chat__attachment-list .str-chat__message-attachment-card{min-width:0;max-width:var(--str-chat__attachment-max-width);margin:var(--str-chat__attachment-margin)}.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content{padding:var(--str-chat__spacing-2_5)}.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content .str-chat__message-attachment-card--title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content{padding:0}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget{display:flex;flex-direction:column;row-gap:var(--str-chat__spacing-2_5);width:100%;padding:var(--str-chat__spacing-2)}.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget .str-chat__message-attachment-card-audio-widget--first-row{display:flex;align-items:center;column-gap:var(--str-chat__spacing-3_5)}.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form{display:flex;justify-content:stretch}.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form .str-chat__message-attachment-actions-button{cursor:pointer;width:100%;padding:var(--str-chat__spacing-3) var(--str-chat__spacing-4);white-space:nowrap}.str-chat__attachment-list .str-chat__message-attachment-with-actions.str-chat__message-attachment--giphy .str-chat__message-attachment-card .str-chat__message-attachment-card--content{display:none}.str-chat__quoted-message-preview{--str-chat__attachment-margin: 0px}.str-chat__quoted-message-preview *{cursor:pointer !important}.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--source-link,.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--content{display:none}.str-chat__quoted-message-preview .str-chat__message-attachment-file--item-download{display:none}.str-chat__message .str-chat__quoted-message-preview .str-chat__message-attachment-file--item{padding:0}.str-chat__attachment-list-angular-host{min-width:0}.str-chat__attachment-preview-list{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-1_5);width:100%}.str-chat__attachment-preview-list .str-chat__attachment-list-scroll-container{overflow-y:hidden;overflow-x:auto;width:100%;max-width:100%;display:flex;align-items:center;justify-content:flex-start;column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-preview-list .str-chat__attachment-preview-image{position:relative;height:calc(var(--str-chat__spacing-px)*72);width:calc(var(--str-chat__spacing-px)*72)}.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-image-loading{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%}.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-thumbnail{object-fit:cover;height:calc(var(--str-chat__spacing-px)*72);width:calc(var(--str-chat__spacing-px)*72);word-break:break-all;overflow:hidden}.str-chat__attachment-preview-list .str-chat__attachment-preview-file{display:flex;justify-content:flex-start;align-items:center;height:calc(var(--str-chat__spacing-px)*72);width:calc(var(--str-chat__spacing-px)*200);position:relative;padding:0 var(--str-chat__spacing-4);column-gap:var(--str-chat__spacing-2)}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-icon{display:flex;align-items:center;justify-content:center}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-icon svg{height:calc(var(--str-chat__spacing-px)*37);width:unset}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end{overflow-y:visible;overflow-x:hidden;overflow-x:clip;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-name{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;max-width:100%}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-download{line-height:calc(var(--str-chat__spacing-px)*13)}.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-download svg{width:calc(var(--str-chat__spacing-px)*16);height:calc(var(--str-chat__spacing-px)*16)}.str-chat__attachment-preview-list button.str-chat__attachment-preview-delete{padding:unset;background:unset;border:unset;border-radius:var(--str-chat__border-radius-circle);display:flex}.str-chat__attachment-preview-list .str-chat__attachment-preview-delete{position:absolute;top:calc(var(--str-chat__spacing-px)*2);inset-inline-end:calc(var(--str-chat__spacing-px)*2);cursor:pointer;z-index:1}.str-chat__attachment-preview-list .str-chat__attachment-preview-delete svg{width:calc(var(--str-chat__spacing-px)*24);height:calc(var(--str-chat__spacing-px)*24)}.str-chat__attachment-preview-list .str-chat__attachment-preview-error{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;padding:unset;background:unset;border:unset;border-radius:unset;cursor:pointer}.str-chat__attachment-preview-list-angular-host{width:100%;max-width:100%}.mention-menu{padding:var(--str-chat__spacing-2) 0 !important;margin:0 !important;min-width:50%}.mention-menu .mention-item{padding:0 !important}.str-chat__suggestion-list-container{position:absolute;bottom:var(--str-chat__spacing-7);width:100%;padding:var(--str-chat__spacing-2) 0}.str-chat__suggestion-list-container .str-chat__suggestion-list{overflow-y:auto;max-height:calc(var(--str-chat__spacing-px)*320);display:flex;flex-direction:column;list-style:none;padding:unset;margin:unset}.str-chat__slash-command{padding:var(--str-chat__spacing-2_5)}.str-chat__slash-command .str-chat__slash-command-header .str-chat__slash-command-args{margin-inline-start:var(--str-chat__spacing-2)}.str-chat__user-item{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2_5);column-gap:var(--str-chat__spacing-2)}.str-chat__user-item .str-chat__user-item--name{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;width:100%}.str-chat__emoji-item{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2_5);column-gap:var(--str-chat__spacing-2)}.str-chat__emoji-item .str-chat__emoji-item--name{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;width:100%}.str-chat__channel{height:100%;display:flex;flex-direction:column;position:relative}.str-chat__channel .str-chat__container{height:100%;display:flex}.str-chat__channel .str-chat__container .str-chat__main-panel{height:100%;display:flex;flex-direction:column;width:100%;min-width:0}.str-chat__channel .str-chat__container .str-chat__main-panel--hideOnThread{display:none}.str-chat__empty-channel{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--str-chat__spacing-4);position:relative}.str-chat__empty-channel svg{width:calc(var(--str-chat__spacing-px)*136);height:calc(var(--str-chat__spacing-px)*136)}.str-chat__empty-channel .str-chat__empty-channel-notifications{position:absolute;inset-block-end:var(--str-chat__spacing-2)}.str-chat__loading-channel{height:100%;display:flex;flex-direction:column}.str-chat__loading-channel .str-chat__loading-channel-header{display:flex;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);align-items:center}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-avatar{flex-shrink:0;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);border-radius:var(--str-chat__avatar-border-radius)}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;flex:1;row-gap:var(--str-chat__spacing-1_5)}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end .str-chat__loading-channel-header-name{border-radius:var(--str-chat__border-radius-xs);height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*170)}.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end .str-chat__loading-channel-header-info{border-radius:var(--str-chat__border-radius-xs);height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*66)}.str-chat__loading-channel .str-chat__loading-channel-message-list{padding:0 var(--str-chat__spacing-2);height:100%}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__li{margin-inline:calc(-1 * var(--str-chat__spacing-2));padding-inline:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__parent-message-li{margin-inline:calc(-1 * var(--str-chat__spacing-2))}@media only screen and (min-device-width: 768px){.str-chat__loading-channel .str-chat__loading-channel-message-list{padding:0 min(var(--str-chat__spacing-10),4%)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%));padding-inline:min(var(--str-chat__spacing-10),4%)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__parent-message-li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px)}}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message{display:flex;width:100%;column-gap:var(--str-chat__spacing-2);padding:var(--str-chat__spacing-4) 0}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-avatar{flex-shrink:0;width:calc(var(--str-chat__spacing-px)*49);height:calc(var(--str-chat__spacing-px)*49)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-end{display:flex;flex-direction:column;width:100%;row-gap:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-end .str-chat__loading-channel-message-last-row{display:flex;width:100%;column-gap:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-sender{height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*66)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-text{height:calc(var(--str-chat__spacing-px)*16);width:100%}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-date{height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*50)}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2){flex-direction:row-reverse}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2) .str-chat__loading-channel-message-sender{align-self:end}.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2) .str-chat__loading-channel-message-last-row{flex-direction:row-reverse}.str-chat__loading-channel .str-chat__loading-channel-message-input-row{display:flex;column-gap:var(--str-chat__spacing-2);padding:var(--str-chat__spacing-2)}.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-input{width:100%;height:calc(var(--str-chat__spacing-px)*36)}.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-send{height:calc(var(--str-chat__spacing-px)*36);width:calc(var(--str-chat__spacing-px)*36)}.str-chat__channel-header{display:flex;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);align-items:center}.str-chat__channel-header .str-chat__header-hamburger{display:none}.str-chat__channel-header .str-chat__channel-header-end{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;flex:1;row-gap:var(--str-chat__spacing-1_5)}.str-chat__channel-header .str-chat__channel-header-end p{margin:0}.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-title,.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-info{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__channel-list{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}.str-chat__channel-list .str-chat__channel-list-messenger{height:100%}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main{height:100%}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--str-chat__spacing-4)}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty svg{width:calc(var(--str-chat__spacing-px)*136);height:calc(var(--str-chat__spacing-px)*136)}.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty-v1{display:none}.str-chat__channel-list .str-chat__load-more-button{display:flex;justify-content:center;margin:var(--str-chat__spacing-2) 0}.str-chat__channel-list .str-chat__load-more-button .str-chat__load-more-button__button{display:flex;align-items:center;justify-content:center}.str-chat__channel-list .str-chat__down-main{display:none}.str-chat__channel-list-react{overflow:hidden}.str-chat__channel-list-react .str-chat__channel-list-messenger-react{overflow:hidden;padding-bottom:var(--str-chat__spacing-2_5)}.str-chat__channel-list-react .str-chat__channel-list-messenger-react .str-chat__channel-list-messenger-react__main{overflow-y:auto}.str-chat__channel-preview{display:flex;column-gap:var(--str-chat__spacing-2);align-items:center;justify-content:flex-start;width:100%;padding:var(--str-chat__spacing-3) var(--str-chat__spacing-2);margin:0;text-align:start;cursor:pointer}.str-chat__channel-preview .str-chat__channel-preview-end{display:flex;flex-direction:column;row-gap:var(--str-chat__spacing-0_5);width:100%;overflow-y:visible;overflow-x:hidden;overflow-x:clip;min-width:0}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row{display:flex;column-gap:var(--str-chat__spacing-1);align-items:center}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row .str-chat__channel-preview-unread-badge{height:100%;display:flex;align-items:center;padding:0 var(--str-chat__spacing-2)}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row .str-chat__channel-preview-messenger--name{width:100%}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--name,.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--last-message{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;min-width:0}.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--name p,.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--last-message p{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;margin:0}.str-chat__channel-preview-loading{display:flex;column-gap:var(--str-chat__spacing-2);align-items:center;justify-content:flex-start;width:100%;padding:var(--str-chat__spacing-3) var(--str-chat__spacing-2);margin:0;text-align:start}.str-chat__channel-preview-loading .str-chat__channel-preview-end-loading{display:flex;flex-direction:column;row-gap:var(--str-chat__spacing-0_5);width:100%}.str-chat__channel-preview-loading .str-chat__loading-channels-username{height:calc(var(--str-chat__spacing-px)*16);width:calc(var(--str-chat__spacing-px)*66)}.str-chat__channel-preview-loading .str-chat__loading-channels-status{height:calc(var(--str-chat__spacing-px)*16);width:100%}.str-chat__channel-search{position:relative;display:flex;flex-direction:column;justify-content:center}.str-chat__channel-search.str-chat__channel-search--with-results.str-chat__channel-search--inline{height:100%}.str-chat__channel-search.str-chat__channel-search--inline{min-height:0}.str-chat__channel-search .str-chat__channel-search-bar{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2_5);height:65px}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-bar-button{outline:none;background:none;border:none;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);padding:var(--str-chat__spacing-2_5);cursor:pointer}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper{display:flex;align-items:center;flex:1;padding:var(--str-chat__spacing-2_5);min-width:0}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--icon,.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button{display:inline-flex;padding:0 var(--str-chat__spacing-2_5)}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button{outline:none;background:none;border:none;cursor:pointer}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button:disabled{cursor:default}.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper input{flex:1;min-width:0}.str-chat__channel-search .str-chat__channel-search-container-searching{width:100%;padding:var(--str-chat__spacing-5) var(--str-chat__spacing-4)}.str-chat__channel-search .str-chat__channel-search-results-header{width:100%;padding:var(--str-chat__spacing-5) var(--str-chat__spacing-4)}.str-chat__channel-search .str-chat__channel-search-result-list{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.str-chat__channel-search .str-chat__channel-search-result-list.inline{flex:1}.str-chat__channel-search .str-chat__channel-search-result-list.popup{position:absolute;left:0;right:0;top:65px;height:400px;z-index:1}.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-container-empty{display:flex;flex-direction:column;align-items:center;width:100%;padding:var(--str-chat__spacing-5) var(--str-chat__spacing-4)}.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-container-empty svg{height:calc(var(--str-chat__spacing-px)*90 + var(--str-chat__spacing-20));width:calc(var(--str-chat__spacing-px)*90);padding:var(--str-chat__spacing-10) 0}.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-result{outline:none;background:none;border:none;display:flex;align-items:center;width:100%;column-gap:var(--str-chat__spacing-2);padding:var(--str-chat__spacing-3) var(--str-chat__spacing-2)}.str-chat__cta-button{padding:var(--str-chat__spacing-3_5) var(--str-chat__spacing-6);cursor:pointer}.str-chat__circle-fab{width:calc(var(--str-chat__spacing-px)*42);height:calc(var(--str-chat__spacing-px)*42);padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center}.str-chat__circle-fab .str-chat__circle-fab-icon{display:inline-block;height:calc(var(--str-chat__spacing-px)*24)}.str-chat__edit-message-form{display:flex;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--str-chat__spacing-5);width:100%;height:100%;min-height:0;min-width:0;max-width:100%;max-height:100%}.str-chat__edit-message-form .str-chat__edit-message-form-options{display:flex;align-items:center;justify-content:flex-end}.str-chat__edit-message-form .str-chat__edit-message-form-options button{cursor:pointer;margin:0}.str-chat__message .str-chat__message-input-angular-host{max-height:100%;min-height:0;display:flex;min-width:0;max-width:100%}.str-chat__message .str-chat__message-edit-in-progress .str-chat__modal--open .str-chat__modal__inner{height:40%;max-height:80%;min-width:90%;max-width:90%;width:90%;flex-basis:min-content}@media only screen and (min-device-width: 768px){.str-chat__message .str-chat__message-edit-in-progress .str-chat__modal--open .str-chat__modal__inner{min-width:40%;max-width:60%;width:min-content}}.str-chat__image-carousel{display:flex;justify-content:center;align-items:center;min-height:0;min-width:0;max-width:100%;max-height:100%}.str-chat__image-carousel .str-chat__image-carousel-stepper{padding:var(--str-chat__spacing-2_5);border:none;cursor:pointer;background:rgba(0,0,0,0)}.str-chat__image-carousel .str-chat__image-carousel-image{object-fit:cover;min-height:0;max-height:100%;min-width:0;max-width:100%}.str-chat__message .str-chat__attachment-list .str-chat__modal--open .str-chat__modal__inner{height:80%;width:80%}[dir=rtl] .str-chat__image-carousel-stepper svg{transform:scale(-1, 1)}.str-chat__link-preview-list{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;margin-bottom:.75rem;padding-inline:.75rem}.str-chat__link-preview-card{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-around;gap:1rem}.str-chat__link-preview-card .str-chat__tooltip{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;display:block;max-width:calc(var(--str-chat__spacing-px)*250);padding-inline:.5rem}.str-chat__link-preview-card .str-chat__link-preview-card__icon-container{display:flex;align-items:center}.str-chat__link-preview-card .str-chat__link-preview-card__content{width:100%;min-width:0;flex:1;padding-inline:.5rem}.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-title,.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-description{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__link-preview-card .str-chat__link-preview-card__dismiss-button{outline:none;background:none;border:none;cursor:pointer}.str-chat__loading-indicator{display:flex;align-items:center;justify-content:center;animation:rotate 1s linear infinite}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.str-chat{--str-chat__message-options-button-size: calc(var(--str-chat__spacing-px) * 26);--str-chat__message-max-width: calc(var(--str-chat__spacing-px) * 480);--str-chat__message-with-attachment-max-width: calc(var(--str-chat__spacing-px) * 300);--str-chat__quoted-message-max-width: calc(var(--str-chat__spacing-px) * 180);--str-chat__quoted-message-inside-message-input-max-width: calc( var(--str-chat__spacing-px) * 200 );--str-chat__quoted-message-inside-message-input-max-height: calc( var(--str-chat__quoted-message-inside-message-input-max-width) + calc(var(--str-chat__spacing-px) * 50) )}.str-chat__message .str-chat__message-bubble{max-width:var(--str-chat__message-max-width)}.str-chat__message.str-chat__message--has-attachment{--str-chat__message-max-width: var(--str-chat__message-with-attachment-max-width)}.str-chat__message.str-chat__message--has-attachment .str-chat__message-bubble{max-width:var(--str-chat__message-max-width)}.str-chat__quoted-message-preview{--str-chat__message-max-width: var(--str-chat__quoted-message-max-width)}.str-chat__quoted-message-preview .str-chat__quoted-message-bubble{pointer-events:none;max-width:var(--str-chat__message-max-width)}.str-chat__message,.str-chat__quoted-message-preview{display:grid;word-wrap:break-word;word-break:break-word;hyphens:auto;overflow-wrap:break-word}.str-chat__message.str-chat__message--other,.str-chat__message.str-chat__quoted-message-preview,.str-chat__quoted-message-preview.str-chat__message--other,.str-chat__quoted-message-preview.str-chat__quoted-message-preview{grid-template-areas:"avatar message" ". replies" ". translation-notice" ". metadata";column-gap:var(--str-chat__spacing-2);grid-template-columns:auto 1fr;justify-items:start}.str-chat__message.str-chat__message--me,.str-chat__quoted-message-preview.str-chat__message--me{grid-template-areas:"message" "replies" "translation-notice" "metadata";justify-items:end}.str-chat__message.str-chat__message--me>.str-chat__message-sender-avatar,.str-chat__quoted-message-preview.str-chat__message--me>.str-chat__message-sender-avatar{display:none}.str-chat__message.str-chat__message--deleted,.str-chat__quoted-message-preview.str-chat__message--deleted{grid-template-areas:"message"}.str-chat__message.str-chat__message--system,.str-chat__quoted-message-preview.str-chat__message--system{grid-template-areas:"message";grid-template-columns:auto}.str-chat__message .str-chat__message-sender-avatar,.str-chat__quoted-message-preview .str-chat__message-sender-avatar{grid-area:avatar;align-self:end}.str-chat__message .str-chat__message-inner,.str-chat__quoted-message-preview .str-chat__message-inner{grid-area:message;display:grid;grid-template-areas:"reactions reactions" "message-bubble options";grid-template-columns:auto 1fr;column-gap:var(--str-chat__spacing-2);position:relative}.str-chat__message .str-chat__message-inner .str-chat__message-options,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options{grid-area:options;align-items:start;justify-content:flex-end;flex-direction:row-reverse;width:calc(3*var(--str-chat__message-options-button-size))}.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-reply-in-thread-button,.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-reactions-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-reply-in-thread-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-reactions-button{display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--str-chat__message-options-button-size);height:var(--str-chat__message-options-button-size)}.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-container,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-container{position:relative}.str-chat__message .str-chat__message-inner .str-chat__message-reactions-host,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-reactions-host{grid-area:reactions}.str-chat__message .str-chat__message-inner .str-chat__message-bubble,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble{grid-area:message-bubble;position:relative;min-width:0}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4)}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p{margin:0}.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p,.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p{white-space:pre-line}.str-chat__message.str-chat__message--me .str-chat__message-inner,.str-chat__quoted-message-preview.str-chat__message--me .str-chat__message-inner{grid-template-areas:"reactions reactions" "options message-bubble";grid-template-columns:1fr auto}.str-chat__message.str-chat__message--me .str-chat__message-inner .str-chat__message-options,.str-chat__quoted-message-preview.str-chat__message--me .str-chat__message-inner .str-chat__message-options{flex-direction:row}.str-chat__message .str-chat__translation-notice,.str-chat__quoted-message-preview .str-chat__translation-notice{grid-area:translation-notice}.str-chat__message .str-chat__translation-notice button,.str-chat__quoted-message-preview .str-chat__translation-notice button{cursor:pointer;padding:var(--str-chat__spacing-1) 0;margin:0}.str-chat__message .str-chat__message-metadata,.str-chat__quoted-message-preview .str-chat__message-metadata{grid-area:metadata;display:flex;align-items:center;column-gap:var(--str-chat__spacing-1);margin-block-start:var(--str-chat__spacing-0_5)}.str-chat__message .str-chat__message-status,.str-chat__quoted-message-preview .str-chat__message-status{display:flex;align-items:center;justify-content:center;column-gap:var(--str-chat__spacing-0_5);position:relative}.str-chat__message .str-chat__message-status svg,.str-chat__quoted-message-preview .str-chat__message-status svg{width:calc(var(--str-chat__spacing-px)*15);height:calc(var(--str-chat__spacing-px)*15)}.str-chat__message .str-chat__message-replies-count-button-wrapper,.str-chat__quoted-message-preview .str-chat__message-replies-count-button-wrapper{grid-area:replies}.str-chat__message .str-chat__message-replies-count-button-wrapper button,.str-chat__quoted-message-preview .str-chat__message-replies-count-button-wrapper button{cursor:pointer;padding:0}.str-chat__message .str-chat__message--deleted-inner,.str-chat__quoted-message-preview .str-chat__message--deleted-inner{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4)}.str-chat__message .str-chat__message--deleted-inner p,.str-chat__quoted-message-preview .str-chat__message--deleted-inner p{margin:0}.str-chat__message .str-chat__quoted-message-bubble,.str-chat__quoted-message-preview .str-chat__quoted-message-bubble{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4);display:flex;column-gap:var(--str-chat__spacing-1);min-width:0;width:100%}.str-chat__message .str-chat__quoted-message-bubble p,.str-chat__quoted-message-preview .str-chat__quoted-message-bubble p{margin:0}.str-chat__message .str-chat__emoji-display-fix,.str-chat__quoted-message-preview .str-chat__emoji-display-fix{display:inline-block;width:1.25em}.str-chat__message .str-chat__message-error-icon,.str-chat__quoted-message-preview .str-chat__message-error-icon{display:none}.str-chat__message .str-chat__simple-message--error-failed,.str-chat__quoted-message-preview .str-chat__simple-message--error-failed{cursor:pointer}.str-chat__message.str-chat__message--error .str-chat__message-error-icon,.str-chat__message.str-chat__message--failed .str-chat__message-error-icon,.str-chat__quoted-message-preview.str-chat__message--error .str-chat__message-error-icon,.str-chat__quoted-message-preview.str-chat__message--failed .str-chat__message-error-icon{display:block;position:absolute;bottom:0;inset-inline-end:calc(-1*(calc(var(--str-chat__spacing-px) * 18) / 2))}.str-chat__message.str-chat__message--error .str-chat__message-error-icon svg,.str-chat__message.str-chat__message--failed .str-chat__message-error-icon svg,.str-chat__quoted-message-preview.str-chat__message--error .str-chat__message-error-icon svg,.str-chat__quoted-message-preview.str-chat__message--failed .str-chat__message-error-icon svg{width:calc(var(--str-chat__spacing-px)*18);height:calc(var(--str-chat__spacing-px)*18)}.str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message-options,.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message-options{display:flex}.str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--other .str-chat__message-inner,.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--other .str-chat__message-inner{margin-inline-end:0}.str-chat__ul:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--me .str-chat__message-inner,.str-chat__virtual-list:not(.str-chat__message-options-in-bubble) .str-chat__li:hover .str-chat__message--me .str-chat__message-inner{margin-inline-start:0}.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message-inner:hover .str-chat__message-options,.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message-inner:hover .str-chat__message-options{display:flex}.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message--other .str-chat__message-inner:hover,.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message--other .str-chat__message-inner:hover{margin-inline-end:0}.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message--me .str-chat__message-inner:hover,.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message--me .str-chat__message-inner:hover{margin-inline-start:0}.str-chat__message-inner .str-chat__message-options{display:none}.str-chat__message-inner .str-chat__message-edit-in-progress.str-chat__message-options{display:flex}.str-chat__message--other .str-chat__message-inner{margin-inline-end:calc(var(--str-chat__message-options-button-size)*3)}.str-chat__message--me .str-chat__message-inner{margin-inline-start:calc(var(--str-chat__message-options-button-size)*3)}.str-chat__li--middle .str-chat__message,.str-chat__li--top .str-chat__message{margin-block-end:var(--str-chat__spacing-0_5)}.str-chat__li--middle .str-chat__message .str-chat__message-metadata,.str-chat__li--top .str-chat__message .str-chat__message-metadata{display:none}.str-chat__li--middle .str-chat__message>.str-chat__message-sender-avatar,.str-chat__li--top .str-chat__message>.str-chat__message-sender-avatar{visibility:hidden}.str-chat__li--bottom .str-chat__message,.str-chat__li--single .str-chat__message{margin-block-end:var(--str-chat__spacing-2)}.str-chat__date-separator{display:flex;padding:var(--str-chat__spacing-8);align-items:center}.str-chat__date-separator-line{flex:1;height:var(--str-chat__spacing-px)}.str-chat__date-separator>*:not(:last-child){margin-right:var(--str-chat__spacing-4)}.str-chat__message .str-chat__quoted-message-preview{margin-block-end:var(--str-chat__spacing-2)}.str-chat__message--system{width:100%;text-align:center}.str-chat__message--system p{margin:0}.str-chat__quoted-message-preview .str-chat__quoted-message-bubble{flex-direction:column;align-items:stretch;row-gap:var(--str-chat__spacing-1);flex-basis:min-content}.str-chat__message-input .str-chat__quoted-message-preview{--str-chat__message-max-width: var(--str-chat__quoted-message-inside-message-input-max-width)}.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble{max-height:var(--str-chat__quoted-message-inside-message-input-max-height)}.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble .str-chat__quoted-message-text{max-height:100%;min-height:0}.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble .str-chat__quoted-message-text p{max-height:100%;overflow-y:auto;overflow-x:hidden}.str-chat__message-actions-box{overflow:hidden}.str-chat__message-actions-box .str-chat__message-actions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;min-width:10rem}.str-chat__message-actions-box .str-chat__message-actions-list .str-chat__message-actions-list-item-button{padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4);margin:0;cursor:pointer;width:100%;text-align:start}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular){display:none;position:absolute;z-index:1}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular).str-chat__message-actions-box--open{display:block}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular).str-chat__message-actions-box--mine{inset-block-end:100%;inset-inline-start:100%}.str-chat__message-actions-box:not(.str-chat__message-actions-box-angular):not(.str-chat__message-actions-box--mine){inset-block-end:100%;inset-inline-end:100%}.str-chat__message-edit-in-progress .ngxp__container{transform:initial !important;will-change:initial !important;z-index:initial}.str-chat__message-input{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:var(--str-chat__spacing-1) var(--str-chat__spacing-2);position:relative}.str-chat__message-input .str-chat__quoted-message-preview-header{display:flex;align-items:center;justify-content:center;width:100%}.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-reply-to-message{width:100%;text-align:center}.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-remove{width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);cursor:pointer}.str-chat__message-input .str-chat__dropzone-container{display:flex;align-items:center;justify-content:center;position:absolute;height:100%;width:100%;z-index:5}.str-chat__message-input .str-chat__dropzone-container p{margin:unset}.str-chat__message-input .str-chat__message-input-inner{flex-grow:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container{display:flex;align-items:center;justify-content:center;width:calc(var(--str-chat__spacing-px)*45);height:calc(var(--str-chat__spacing-px)*45);cursor:pointer}.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container .str-chat__file-input{display:none}.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container .str-chat__file-input-label{display:flex;align-items:center;justify-content:center;cursor:pointer}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;max-height:100%}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker{width:100%;min-height:0;max-height:100%;display:flex;padding:var(--str-chat__spacing-2) var(--str-chat__spacing-4);column-gap:var(--str-chat__spacing-2)}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea{width:100%;display:flex;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:0}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker{display:flex;align-items:center;justify-content:center;width:calc(var(--str-chat__spacing-px)*27);height:calc(var(--str-chat__spacing-px)*27);font-size:calc(var(--str-chat__spacing-px)*27);align-self:end}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__message-textarea-emoji-picker-container{z-index:5}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__message-textarea-emoji-picker-container .str-chat__emoji-picker-container{display:flex}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button{padding:unset;background:unset;border:unset;border-radius:var(--str-chat__border-radius-circle);display:flex;cursor:pointer}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button svg{width:calc(var(--str-chat__spacing-px)*24);height:calc(var(--str-chat__spacing-px)*24)}.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button svg path{fill:var(--str-chat__message-input-tools-color)}.str-chat__message-input .str-chat__message-textarea-angular-host{display:flex;align-items:center;justify-content:center;width:100%}.str-chat__message-input .str-chat__message-textarea-react-host{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.str-chat__message-input .str-chat__send-button{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;width:calc(var(--str-chat__spacing-px)*45);height:calc(var(--str-chat__spacing-px)*45);min-width:calc(var(--str-chat__spacing-px)*45)}.str-chat__message-input .str-chat__send-button svg{width:calc(var(--str-chat__spacing-px)*32);height:calc(var(--str-chat__spacing-px)*32)}.str-chat__message-input .str-chat__message-input-cooldown{display:flex;align-items:center;justify-content:center;margin-inline-start:var(--str-chat__spacing-2);margin-block:calc(var(--str-chat__spacing-2)/2);min-width:calc(calc(var(--str-chat__spacing-px) * 45) - var(--str-chat__spacing-2));min-height:calc(calc(var(--str-chat__spacing-px) * 45) - var(--str-chat__spacing-2))}.str-chat__message-input .str-chat__message-input-not-allowed{align-self:center;padding:var(--str-chat__spacing-3)}.str-chat__message-input .str-chat__quoted-message-preview{padding:var(--str-chat__spacing-2)}.str-chat__message-input-angular-host{max-height:50%}.str-chat-angular__message-input{height:100%;max-height:100%}.str-chat-angular__message-input-inner{height:100%;max-height:100%;min-height:0;flex-grow:initial}[dir=rtl] .str-chat__send-button svg{transform:scale(-1, 1)}.str-chat__main-panel-inner{height:100%;display:flex;flex-direction:column;min-height:0;position:relative;align-items:center}.str-chat__list{overflow-x:hidden;overflow-y:auto;width:100%;height:100%;max-height:100%}.str-chat__list .str-chat__message-list-scroll{padding:0 var(--str-chat__spacing-2)}.str-chat__list .str-chat__message-list-scroll .str-chat__li{margin-inline:calc(-1 * var(--str-chat__spacing-2));padding-inline:var(--str-chat__spacing-2)}.str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li{margin-inline:calc(-1 * var(--str-chat__spacing-2))}@media only screen and (min-device-width: 768px){.str-chat__list .str-chat__message-list-scroll{padding:0 min(var(--str-chat__spacing-10),4%)}.str-chat__list .str-chat__message-list-scroll .str-chat__li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%));padding-inline:min(var(--str-chat__spacing-10),4%)}.str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px)}}.str-chat__list .str-chat__message-list-scroll .str-chat__ul{list-style:none;padding:0;margin:0}.str-chat__list .str-chat__parent-message-li{padding-block-end:var(--str-chat__spacing-4);margin-block-end:var(--str-chat__spacing-4)}.str-chat__list .str-chat__parent-message-li .str-chat__thread-start{text-align:start;padding-top:var(--str-chat__spacing-3)}.str-chat__jump-to-latest-message{position:absolute;inset-block-end:var(--str-chat__spacing-4);inset-inline-end:var(--str-chat__spacing-2);z-index:2}.str-chat__jump-to-latest-message .str-chat__jump-to-latest-unread-count{position:absolute;padding:var(--str-chat__spacing-0_5) var(--str-chat__spacing-2);left:50%;transform:translateX(-50%) translateY(-100%)}.str-chat__thread .str-chat__main-panel-inner{height:auto}.str-chat__main-panel .str-chat__ul .str-chat__li:first-of-type{padding-top:4.5rem}.str-chat__main-panel .str-chat__ul .str-chat__date-separator+.str-chat__li:first-of-type{padding-top:inherit}.str-chat__virtual-list{overflow-x:hidden;overflow-y:auto;position:relative;flex:1;-webkit-overflow-scrolling:touch;margin:0;width:100%;height:100%}.str-chat__virtual-list .str-chat__message-list-scroll>div{padding:0 var(--str-chat__spacing-2)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__li{margin-inline:calc(-1 * var(--str-chat__spacing-2));padding-inline:var(--str-chat__spacing-2)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__parent-message-li{margin-inline:calc(-1 * var(--str-chat__spacing-2))}@media only screen and (min-device-width: 768px){.str-chat__virtual-list .str-chat__message-list-scroll>div{padding:0 min(var(--str-chat__spacing-10),4%)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%));padding-inline:min(var(--str-chat__spacing-10),4%)}.str-chat__virtual-list .str-chat__message-list-scroll>div .str-chat__parent-message-li{margin-inline:calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px)}}.str-chat__virtual-list .str-chat__parent-message-li{padding-block-end:var(--str-chat__spacing-4)}.str-chat__virtual-list .str-chat__parent-message-li .str-chat__thread-start{text-align:start;padding-top:var(--str-chat__spacing-3)}.str-chat__virtual-list__loading{display:flex;padding-top:var(--str-chat__spacing-2);justify-content:center;width:100%;position:absolute}.str-chat__virtual-list p{margin:0 !important}.str-chat__virtual-list p a{white-space:pre-line;overflow:hidden;word-wrap:break-word}.str-chat__virtual-list .str-chat__message{margin-block-end:0 !important}.str-chat__virtual-list .str-chat__virtual-list-message-wrapper{padding-block-end:var(--str-chat__spacing-0_5)}.str-chat__thread--virtualized .str-chat__main-panel-inner{height:100%}.str-chat__thread--virtualized .str-chat__main-panel-inner .str-chat__virtual-list-message-wrapper:first-of-type{padding-block-start:var(--str-chat__spacing-4)}.str-chat__message-reactions-container{display:flex}.str-chat__message-reactions-container .str-chat__message-reactions{list-style:none;display:flex;margin-block-start:var(--str-chat__spacing-0_5);margin-block-end:var(--str-chat__spacing-0_5);column-gap:var(--str-chat__spacing-0_5);width:fit-content;padding:0;position:relative}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction{display:flex;justify-content:center;align-items:center;padding:var(--str-chat__spacing-1_5);position:relative}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction button{outline:none;background:none;border:none;display:flex;align-items:center;justify-content:center;padding:0}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction .str-chat__message-reaction-emoji{height:calc(var(--str-chat__spacing-px)*13);display:flex !important;align-items:center;justify-content:center}.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__reaction-list--counter,.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__simple-reactions-list-item--last-number{display:none}.str-chat__message--me .str-chat__message-reactions-container{justify-content:flex-end}.str-chat__message--other .str-chat__message-reactions-container{justify-content:flex-start}.str-chat__message-reaction-selector{display:flex;justify-content:flex-end;position:absolute;inset-block-end:100%}.str-chat__message-reaction-selector .str-chat__message-reactions-options{list-style:none;display:flex;margin-block-end:var(--str-chat__spacing-0_5);width:fit-content;column-gap:var(--str-chat__spacing-1);padding:var(--str-chat__spacing-2)}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option{display:flex;align-items:center;justify-content:center;cursor:pointer;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40)}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option .str-chat__message-reaction-emoji{height:calc(var(--str-chat__spacing-px)*20);display:flex !important;align-items:center;justify-content:center}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-last-user{display:none}.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-list-item__count{display:none}.str-chat__message--me .str-chat__message-reaction-selector{inset-inline-end:0}.str-chat__message--other .str-chat__message-reaction-selector{inset-inline-start:0}.str-chat__modal--open{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:100}.str-chat__modal--open button.str-chat__modal__close-button{padding:unset;background:unset;border:unset;border-radius:var(--str-chat__border-radius-circle);margin:var(--str-chat__spacing-2);cursor:pointer}.str-chat__modal--open .str-chat__modal__close-button{display:flex;align-items:center;justify-content:center;padding:var(--str-chat__spacing-2);position:absolute;inset-block-start:0;inset-inline-end:0;cursor:pointer}.str-chat__modal--open .str-chat__modal__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--str-chat__spacing-8) var(--str-chat__spacing-4);width:40%;min-width:0;min-height:0}.str-chat__modal--close{display:none}.str-chat__message-notification{display:block;position:absolute;align-self:center;padding:var(--str-chat__spacing-1) var(--str-chat__spacing-2);bottom:calc(var(--str-chat__spacing-px)*10);z-index:101}.str-chat__list-notifications{position:relative}.str-chat__list-notifications{display:flex;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--str-chat__spacing-1);margin:var(--str-chat__spacing-1_5);width:auto}.str-chat__notification{padding:var(--str-chat__spacing-3_5) var(--str-chat__spacing-4)}.str-chat__thread-container{height:100%;display:flex;flex-direction:column;width:100%}.str-chat__thread-container .str-chat__thread-header{display:flex;padding:var(--str-chat__spacing-2);column-gap:var(--str-chat__spacing-4);align-items:center}.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;flex:1;row-gap:var(--str-chat__spacing-1_5)}.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-name,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-reply-count,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-channel-name,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-subtitle,.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-title{white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis}.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button{display:flex;align-items:flex-start;justify-content:flex-end;width:calc(var(--str-chat__spacing-px)*40);height:calc(var(--str-chat__spacing-px)*40);cursor:pointer;line-height:calc(var(--str-chat__spacing-px)*21);font-size:calc(var(--str-chat__spacing-px)*21)}.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button svg{height:calc(var(--str-chat__spacing-px)*21);width:calc(var(--str-chat__spacing-px)*21)}.str-chat__thread-container .str-chat__thread-list{height:auto}.str-chat__main-panel--hideOnThread+.str-chat__thread-container{flex:1}.str-chat__parent-message-li{padding:var(--str-chat__spacing-2)}.str-chat__tooltip{display:flex;padding:var(--str-chat__spacing-2);z-index:1;max-width:calc(var(--str-chat__spacing-px)*150);width:max-content}.str-chat__typing-indicator-react-host{position:static !important}.str-chat__virtual-list .str-chat__typing-indicator{position:static}.str-chat__typing-indicator{padding:var(--str-chat__spacing-1_5);display:flex;justify-content:flex-start;align-items:center;column-gap:var(--str-chat__spacing-1);position:absolute;inset-block-end:0;inset-inline-start:0;inset-inline-end:0}.str-chat__typing-indicator .str-chat__typing-indicator__dots{display:flex;align-items:center;justify-content:center;column-gap:var(--str-chat__spacing-0_5)}.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot{width:calc(var(--str-chat__spacing-px)*4);height:calc(var(--str-chat__spacing-px)*4)}/*# sourceMappingURL=index.layout.css.map */
|
package/dist/i18n/Streami18n.js
CHANGED
|
@@ -1,50 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
13
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
14
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
15
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
16
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
17
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
18
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
22
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
23
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
24
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
25
|
-
function step(op) {
|
|
26
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
27
|
-
while (_) try {
|
|
28
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
29
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
30
|
-
switch (op[0]) {
|
|
31
|
-
case 0: case 1: t = op; break;
|
|
32
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
33
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
34
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
35
|
-
default:
|
|
36
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
37
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
38
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
39
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
40
|
-
if (t[2]) _.ops.pop();
|
|
41
|
-
_.trys.pop(); continue;
|
|
42
|
-
}
|
|
43
|
-
op = body.call(thisArg, _);
|
|
44
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
45
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
46
|
-
}
|
|
47
|
-
};
|
|
1
|
+
import { __assign, __awaiter, __generator } from "tslib";
|
|
48
2
|
import i18n from 'i18next';
|
|
49
3
|
import Dayjs from 'dayjs';
|
|
50
4
|
import calendar from 'dayjs/plugin/calendar';
|