.cometchat-message-preview{padding:var(--cometchat-padding-2,8px);cursor:pointer;border-radius:var(--cometchat-radius-1,4px);box-sizing:border-box;justify-content:space-between;align-items:flex-start;gap:var(--cometchat-padding-1,4px);background-color:var(--cometchat-background-color-03);border:none;flex-direction:column;width:100%;min-width:100px;height:100%;min-height:30px;margin:0;display:flex;position:relative}.cometchat-message-bubble-incoming .cometchat-message-preview{background-color:var(--cometchat-neutral-color-400);color:var(--cometchat-primary-color)}.cometchat-message-bubble-outgoing .cometchat-message-preview{background:var(--cometchat-extended-primary-color-700)}.cometchat-message-preview__close{background:var(--cometchat-icon-color-primary);width:20px;height:20px;top:var(--cometchat-padding-2,8px);right:var(--cometchat-padding-2,8px);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;-webkit-mask:url("../../assets/close.svg") 50%/contain no-repeat;mask:url("../../assets/close.svg") 50%/contain no-repeat}.cometchat-message-bubble-outgoing .cometchat-message-preview-deleted__message{color:var(--cometchat-static-white)}.cometchat-message-preview-deleted__message{justify-content:left;gap:2px;width:100%;height:100%;display:flex}.cometchat-message-preview-deleted__message__text{font:var(--cometchat-font-caption1-regular,12px);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.cometchat-message-bubble-incoming .cometchat-message-preview-deleted__message{color:var(--cometchat-neutral-color-600)}.cometchat-message-preview__title{font:var(--cometchat-font-caption1-regular,12px);text-align:left;width:100%;color:var(--cometchat-primary-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cometchat-message-preview__subtitle{text-align:left;width:100%;color:var(--cometchat-text-color-secondary);font-style:normal;font:var(--cometchat-font-caption1-regular,12px);align-items:center;gap:5px;display:flex;overflow:hidden}.cometchat-message-bubble-outgoing .bubble-view{border-left:3px solid var(--cometchat-static-white)}.composer-view .cometchat-message-preview{border-left:3px solid var(--cometchat-primary-color)}.cometchat-message-bubble-outgoing .bubble-view .cometchat-message-preview__subtitle-icon{background-color:var(--cometchat-static-white)}.cometchat-message-bubble-incoming .bubble-view{border-left:3px solid var(--cometchat-primary-color)}.cometchat-message-bubble-outgoing .cometchat-message-preview__title,.cometchat-message-bubble-outgoing .cometchat-message-preview__subtitle{color:var(--cometchat-static-white)}.cometchat-message-bubble-outgoing .cometchat-message-preview__subtitle-text a,.cometchat-message-bubble-outgoing .cometchat-message-preview__subtitle-text .cometchat-url{text-decoration:underline;color:var(--cometchat-static-white)!important}.bubble-view{border-radius:4px}.cometchat-message-preview_others{border-left:3px solid var(--cometchat-primary-color)}.cometchat-message-preview__subtitle-text{text-align:left;font:var(--cometchat-font-caption1-regular,12px);text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.cometchat-message-preview__subtitle-text *{list-style:none;white-space:nowrap!important;margin:0!important;padding:0!important;display:inline!important}.cometchat-message-preview__subtitle-text ol{counter-reset:preview-list}.cometchat-message-preview__subtitle-text ol>li:before{counter-increment:preview-list;content:counter(preview-list)". "}.cometchat-message-preview__subtitle-text ul>li:before{content:"• "}.cometchat-message-preview__subtitle-icon{background:var(--cometchat-icon-color-secondary,#a1a1a1);border:none;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:16px;height:16px;display:flex;-webkit-mask-size:contain;mask-size:contain}.cometchat-message-preview__subtitle-icon-image{-webkit-mask:url("../../assets/conversations_image-message.svg") 50%/contain no-repeat;mask:url("../../assets/conversations_image-message.svg") 50%/contain no-repeat}.cometchat-message-bubble-incoming .cometchat-message-preview-deleted__message__icon{background:var(--cometchat-neutral-color-600)}.cometchat-message-bubble-outgoing .cometchat-message-preview-deleted__message__icon{background:var(--cometchat-static-white,#fff)}.cometchat-message-preview-deleted__message__icon{flex:none;width:14px;height:14px;-webkit-mask:url("../../assets/message_delete.svg") 50%/contain no-repeat;mask:url("../../assets/message_delete.svg") 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-meeting-incoming-audio{-webkit-mask:url("../../assets/phone_incoming.svg") 50%/contain no-repeat;mask:url("../../assets/phone_incoming.svg") 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-meeting-outgoing-audio{-webkit-mask:url("../../assets/phone_outgoing.svg") 50%/contain no-repeat;mask:url("../../assets/phone_outgoing.svg") 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-meeting-incoming-video{-webkit-mask:url("../../assets/incoming_video.svg") 50%/contain no-repeat;mask:url("../../assets/incoming_video.svg") 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-meeting-outgoing-video{-webkit-mask:url("../../assets/outgoing_video.svg") 50%/contain no-repeat;mask:url("../../assets/outgoing_video.svg") 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-file{-webkit-mask:url("../../assets/conversations_file-message.svg") 50%/contain no-repeat;mask:url("../../assets/conversations_file-message.svg") 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-video{-webkit-mask:url("../../assets/conversations_video-message.svg") 50%/contain no-repeat;mask:url("../../assets/conversations_video-message.svg") 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-audio{-webkit-mask:url("../../assets/conversations_audio-message.svg") 50%/contain no-repeat;mask:url("../../assets/conversations_audio-message.svg") 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-poll{-webkit-mask:url("../../assets/conversations_poll-message.svg") 50%/contain no-repeat;mask:url("../../assets/conversations_poll-message.svg") 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-sticker{-webkit-mask:url("../../assets/conversations_sticker-message.svg") 50%/contain no-repeat;mask:url("../../assets/conversations_sticker-message.svg") 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-collaborative-document{-webkit-mask:url("../../assets/conversations_collaborative-document-message.svg") 50%/contain no-repeat;mask:url("../../assets/conversations_collaborative-document-message.svg") 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-collaborative-whiteboard{-webkit-mask:url("../../assets/collaborative_whiteboard.svg") 50%/contain no-repeat;mask:url("../../assets/collaborative_whiteboard.svg") 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-link{-webkit-mask:url("../../assets/conversations_link.svg") 50%/contain no-repeat;mask:url("../../assets/conversations_link.svg") 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-unsupported{-webkit-mask:url("../../assets/file_unsupported.svg") 50%/contain no-repeat;mask:url("../../assets/file_unsupported.svg") 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-none{display:none}