.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(../media/close.dda7bc9d.svg) 50%/contain no-repeat;mask:url(../media/close.dda7bc9d.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)}.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-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(../media/conversations_image-message.4f8b551b.svg) 50%/contain no-repeat;mask:url(../media/conversations_image-message.4f8b551b.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(../media/message_delete.fec62575.svg) 50%/contain no-repeat;mask:url(../media/message_delete.fec62575.svg) 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-meeting-incoming-audio{-webkit-mask:url(../media/phone_incoming.e5ffbf79.svg) 50%/contain no-repeat;mask:url(../media/phone_incoming.e5ffbf79.svg) 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-meeting-outgoing-audio{-webkit-mask:url(../media/phone_outgoing.6b8a5dc4.svg) 50%/contain no-repeat;mask:url(../media/phone_outgoing.6b8a5dc4.svg) 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-meeting-incoming-video{-webkit-mask:url(../media/incoming_video.0a7ee6de.svg) 50%/contain no-repeat;mask:url(../media/incoming_video.0a7ee6de.svg) 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-meeting-outgoing-video{-webkit-mask:url(../media/outgoing_video.5a418147.svg) 50%/contain no-repeat;mask:url(../media/outgoing_video.5a418147.svg) 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-file{-webkit-mask:url(../media/conversations_file-message.4f6298be.svg) 50%/contain no-repeat;mask:url(../media/conversations_file-message.4f6298be.svg) 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-video{-webkit-mask:url(../media/conversations_video-message.fdf6eb7d.svg) 50%/contain no-repeat;mask:url(../media/conversations_video-message.fdf6eb7d.svg) 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-audio{-webkit-mask:url(../media/conversations_audio-message.2fa45e1c.svg) 50%/contain no-repeat;mask:url(../media/conversations_audio-message.2fa45e1c.svg) 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-poll{-webkit-mask:url(../media/conversations_poll-message.d3b48a42.svg) 50%/contain no-repeat;mask:url(../media/conversations_poll-message.d3b48a42.svg) 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-sticker{-webkit-mask:url(../media/conversations_sticker-message.ec481012.svg) 50%/contain no-repeat;mask:url(../media/conversations_sticker-message.ec481012.svg) 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-collaborative-document{-webkit-mask:url(../media/conversations_collaborative-document-message.33c88670.svg) 50%/contain no-repeat;mask:url(../media/conversations_collaborative-document-message.33c88670.svg) 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-collaborative-whiteboard{-webkit-mask:url(../media/collaborative_whiteboard.8bc2fd4d.svg) 50%/contain no-repeat;mask:url(../media/collaborative_whiteboard.8bc2fd4d.svg) 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-link{-webkit-mask:url(../media/conversations_link.56c971fb.svg) 50%/contain no-repeat;mask:url(../media/conversations_link.56c971fb.svg) 50%/contain no-repeat}.cometchat-message-preview__subtitle-icon-none{display:none}
.cometchat *{box-sizing:border-box}.cometchat-mentions>span{color:var(--cometchat-text-color-highlight);font:var(--cometchat-font-body-regular)}.cometchat-mentions{width:fit-content;display:inline-block}.cometchat-mentions-outgoing,.cometchat-mentions-incoming{border-radius:var(--cometchat-radius,2px);padding:0px var(--cometchat-padding,2px);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.cometchat-mentions-outgoing.cometchat-mentions-you{background:#ffab0033}.cometchat-mentions-outgoing.cometchat-mentions-other{background:#f9f8fd33}.cometchat-mentions-incoming.cometchat-mentions-you{background:#ffab0033}.cometchat-mentions-incoming.cometchat-mentions-other{background:#6852d633}.cometchat-mentions-outgoing.cometchat-mentions-you>span{color:var(--cometchat-warning-color)}.cometchat-mentions-outgoing.cometchat-mentions-other>span{color:var(--cometchat-static-white)}.cometchat-mentions-incoming.cometchat-mentions-you>span{color:var(--cometchat-warning-color)}.cometchat-mentions-incoming.cometchat-mentions-other>span{color:var(--cometchat-text-color-highlight)}.cometchat-text-bubble-incoming .cometchat-url{color:var(--cometchat-info-color)}.cometchat-text-bubble .cometchat-url,.cometchat-message-preview .cometchat-url{text-decoration:underline}.cometchat-text-bubble .cometchat-text-highlight{font:var(--cometchat-font-body-bold)}
@font-face{font-family:Roboto;src:url(../media/Roboto-Black.65a37ba9.ttf)format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Roboto;src:url(../media/Roboto-BlackItalic.d45c1418.ttf)format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Roboto;src:url(../media/Roboto-Bold.61166f8e.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:url(../media/Roboto-BoldItalic.4d6f4c40.ttf)format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Roboto;src:url(../media/Roboto-Regular.1a0929ca.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(../media/Roboto-Italic.26aa6a4e.ttf)format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(../media/Roboto-Light.c4e9b15c.ttf)format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:url(../media/Roboto-LightItalic.bd3e77ba.ttf)format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Roboto;src:url(../media/Roboto-Medium.8cb820e0.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(../media/Roboto-MediumItalic.982bce33.ttf)format("truetype");font-weight:500;font-style:italic}:root{--cometchat-spacing:2px;--cometchat-spacing-1:4px;--cometchat-spacing-2:8px;--cometchat-spacing-3:12px;--cometchat-spacing-4:16px;--cometchat-spacing-5:20px;--cometchat-spacing-6:24px;--cometchat-spacing-7:28px;--cometchat-spacing-8:32px;--cometchat-spacing-9:36px;--cometchat-spacing-10:40px;--cometchat-spacing-11:44px;--cometchat-spacing-12:48px;--cometchat-spacing-13:52px;--cometchat-spacing-14:56px;--cometchat-spacing-15:60px;--cometchat-spacing-16:64px;--cometchat-spacing-17:68px;--cometchat-spacing-18:72px;--cometchat-spacing-19:76px;--cometchat-spacing-20:80px;--cometchat-spacing-max:1000px;--cometchat-padding:var(--cometchat-spacing);--cometchat-padding-1:var(--cometchat-spacing-1);--cometchat-padding-2:var(--cometchat-spacing-2);--cometchat-padding-3:var(--cometchat-spacing-3);--cometchat-padding-4:var(--cometchat-spacing-4);--cometchat-padding-5:var(--cometchat-spacing-5);--cometchat-padding-6:var(--cometchat-spacing-6);--cometchat-padding-7:var(--cometchat-spacing-7);--cometchat-padding-8:var(--cometchat-spacing-8);--cometchat-padding-9:var(--cometchat-spacing-9);--cometchat-padding-10:var(--cometchat-spacing-10);--cometchat-margin:var(--cometchat-spacing);--cometchat-margin-1:var(--cometchat-spacing-1);--cometchat-margin-2:var(--cometchat-spacing-2);--cometchat-margin-3:var(--cometchat-spacing-3);--cometchat-margin-4:var(--cometchat-spacing-4);--cometchat-margin-5:var(--cometchat-spacing-5);--cometchat-margin-6:var(--cometchat-spacing-6);--cometchat-margin-7:var(--cometchat-spacing-7);--cometchat-margin-8:var(--cometchat-spacing-8);--cometchat-margin-9:var(--cometchat-spacing-9);--cometchat-margin-10:var(--cometchat-spacing-10);--cometchat-margin-11:var(--cometchat-spacing-11);--cometchat-margin-12:var(--cometchat-spacing-12);--cometchat-margin-13:var(--cometchat-spacing-13);--cometchat-margin-14:var(--cometchat-spacing-14);--cometchat-margin-15:var(--cometchat-spacing-15);--cometchat-margin-16:var(--cometchat-spacing-16);--cometchat-margin-17:var(--cometchat-spacing-17);--cometchat-margin-18:var(--cometchat-spacing-18);--cometchat-margin-19:var(--cometchat-spacing-19);--cometchat-margin-20:var(--cometchat-spacing-20);--cometchat-radius:var(--cometchat-spacing);--cometchat-radius-1:var(--cometchat-spacing-1);--cometchat-radius-2:var(--cometchat-spacing-2);--cometchat-radius-3:var(--cometchat-spacing-3);--cometchat-radius-4:var(--cometchat-spacing-4);--cometchat-radius-5:var(--cometchat-spacing-5);--cometchat-radius-6:var(--cometchat-spacing-6);--cometchat-radius-max:var(--cometchat-spacing-max);--cometchat-font-family:"Roboto","Inter";--cometchat-font-title-bold:700 32px/38.4px var(--cometchat-font-family);--cometchat-font-title-medium:500 32px/38.4px var(--cometchat-font-family);--cometchat-font-title-regular:400 32px/38.4px var(--cometchat-font-family);--cometchat-font-heading1-bold:700 24px/28.8px var(--cometchat-font-family);--cometchat-font-heading1-medium:500 24px/28.8px var(--cometchat-font-family);--cometchat-font-heading1-regular:400 24px/28.8px var(--cometchat-font-family);--cometchat-font-heading2-bold:700 20px/24px var(--cometchat-font-family);--cometchat-font-heading2-medium:500 20px/24px var(--cometchat-font-family);--cometchat-font-heading2-regular:400 20px/24px var(--cometchat-font-family);--cometchat-font-heading3-bold:700 18px/21.6px var(--cometchat-font-family);--cometchat-font-heading3-medium:500 18px/21.6px var(--cometchat-font-family);--cometchat-font-heading3-regular:400 18px/21.6px var(--cometchat-font-family);--cometchat-font-heading4-bold:700 16px/19.2px var(--cometchat-font-family);--cometchat-font-heading4-medium:500 16px/19.2px var(--cometchat-font-family);--cometchat-font-heading4-regular:400 16px/19.2px var(--cometchat-font-family);--cometchat-font-body-bold:700 14px/16.8px var(--cometchat-font-family);--cometchat-font-body-medium:500 14px/16.8px var(--cometchat-font-family);--cometchat-font-body-regular:400 14px/16.8px var(--cometchat-font-family);--cometchat-font-caption1-bold:700 12px/14.4px var(--cometchat-font-family);--cometchat-font-caption1-medium:500 12px/14.4px var(--cometchat-font-family);--cometchat-font-caption1-regular:400 12px/14.4px var(--cometchat-font-family);--cometchat-font-caption2-bold:700 10px/12px var(--cometchat-font-family);--cometchat-font-caption2-medium:500 10px/12px var(--cometchat-font-family);--cometchat-font-caption2-regular:400 10px/12px var(--cometchat-font-family);--cometchat-font-button-bold:700 14px/16.8px var(--cometchat-font-family);--cometchat-font-button-medium:500 14px/16.8px var(--cometchat-font-family);--cometchat-font-button-regular:400 14px/16.8px var(--cometchat-font-family);--cometchat-font-link:400 14px/19.6px var(--cometchat-font-family);--cometchat-primary-color:#6852d6;--cometchat-extended-primary-color-50:#f9f8fd;--cometchat-extended-primary-color-100:#edeafa;--cometchat-extended-primary-color-200:#dcd7f6;--cometchat-extended-primary-color-300:#ccc4f1;--cometchat-extended-primary-color-400:#bbb1ed;--cometchat-extended-primary-color-500:#aa9ee8;--cometchat-extended-primary-color-600:#9a8be4;--cometchat-extended-primary-color-700:#8978df;--cometchat-extended-primary-color-800:#7965db;--cometchat-extended-primary-color-900:#5d49be;--cometchat-neutral-color-50:#fff;--cometchat-neutral-color-100:#fafafa;--cometchat-neutral-color-200:#f5f5f5;--cometchat-neutral-color-300:#e8e8e8;--cometchat-neutral-color-400:#dcdcdc;--cometchat-neutral-color-500:#a1a1a1;--cometchat-neutral-color-600:#727272;--cometchat-neutral-color-700:#5b5b5b;--cometchat-neutral-color-800:#434343;--cometchat-neutral-color-900:#141414;--cometchat-info-color:#0b7bea;--cometchat-warning-color:#ffab00;--cometchat-success-color:#09c26f;--cometchat-error-color:#f44649;--cometchat-error-color-100:#fef3f2;--cometchat-static-black:#141414;--cometchat-static-white:#fff;--cometchat-background-color-01:var(--cometchat-neutral-color-50);--cometchat-background-color-02:var(--cometchat-neutral-color-100);--cometchat-background-color-03:var(--cometchat-neutral-color-200);--cometchat-background-color-04:var(--cometchat-neutral-color-300);--cometchat-border-color-light:var(--cometchat-neutral-color-200);--cometchat-border-color-default:var(--cometchat-neutral-color-300);--cometchat-border-color-dark:var(--cometchat-neutral-color-400);--cometchat-border-color-highlight:var(--cometchat-primary-color);--cometchat-text-color-primary:var(--cometchat-neutral-color-900);--cometchat-text-color-secondary:var(--cometchat-neutral-color-600);--cometchat-text-color-tertiary:var(--cometchat-neutral-color-500);--cometchat-text-color-disabled:var(--cometchat-neutral-color-400);--cometchat-text-color-white:var(--cometchat-neutral-color-50);--cometchat-text-color-highlight:var(--cometchat-primary-color);--cometchat-icon-color-primary:var(--cometchat-neutral-color-900);--cometchat-icon-color-secondary:var(--cometchat-neutral-color-500);--cometchat-icon-color-tertiary:var(--cometchat-neutral-color-400);--cometchat-icon-color-white:var(--cometchat-neutral-color-50);--cometchat-icon-color-highlight:var(--cometchat-primary-color);--cometchat-shimmer-background-color:var(--cometchat-neutral-color-200);--cometchat-shimmer-gradient-color:linear-gradient(90deg,#e0e0e0 0%,#eee 100%);--cometchat-text-shimmer-gradient-color:linear-gradient(270deg,#fff0 0%,#ffffffb3 50%,#fff0 100%);--cometchat-primary-button-background:var(--cometchat-primary-color);--cometchat-primary-button-text:var(--cometchat-static-white);--cometchat-primary-button-icon:var(--cometchat-static-white);--cometchat-secondary-button-background:var(--cometchat-neutral-color-900);--cometchat-secondary-button-icon:var(--cometchat-neutral-color-900);--cometchat-secondary-button-text:var(--cometchat-neutral-color-900);--cometchat-link-button:var(--cometchat-info-color);--cometchat-fab-button-background:var(--cometchat-primary-color);--cometchat-fab-button-icon:var(--cometchat-static-white);--cometchat-white-hover:var(--cometchat-neutral-color-100);--cometchat-white-pressed:var(--cometchat-neutral-color-300)}[data-theme=dark]{--cometchat-primary-color:#6852d6;--cometchat-extended-primary-color-50:#15102b;--cometchat-extended-primary-color-100:#1d173c;--cometchat-extended-primary-color-200:#251e4d;--cometchat-extended-primary-color-300:#2e245e;--cometchat-extended-primary-color-400:#362b6f;--cometchat-extended-primary-color-500:#3e3180;--cometchat-extended-primary-color-600:#473892;--cometchat-extended-primary-color-700:#4f3ea3;--cometchat-extended-primary-color-800:#5745b4;--cometchat-extended-primary-color-900:#7460d9;--cometchat-neutral-color-50:#141414;--cometchat-neutral-color-100:#1a1a1a;--cometchat-neutral-color-200:#272727;--cometchat-neutral-color-300:#383838;--cometchat-neutral-color-400:#4c4c4c;--cometchat-neutral-color-500:#858585;--cometchat-neutral-color-600:#989898;--cometchat-neutral-color-700:#a8a8a8;--cometchat-neutral-color-800:#c8c8c8;--cometchat-neutral-color-900:#fff;--cometchat-info-color:#0d66bf;--cometchat-warning-color:#d08d04;--cometchat-success-color:#0b9f5d;--cometchat-message-seen-color:#56e8a7;--cometchat-error-color:#c73c3e;--cometchat-error-color-100:#3a0c05;--cometchat-static-black:#141414;--cometchat-static-white:#fff;--cometchat-background-color-01:var(--cometchat-neutral-color-50);--cometchat-background-color-02:var(--cometchat-neutral-color-100);--cometchat-background-color-03:var(--cometchat-neutral-color-200);--cometchat-background-color-04:var(--cometchat-neutral-color-300);--cometchat-border-color-light:var(--cometchat-neutral-color-200);--cometchat-border-color-default:var(--cometchat-neutral-color-300);--cometchat-border-color-dark:var(--cometchat-neutral-color-400);--cometchat-border-color-highlight:var(--cometchat-primary-color);--cometchat-text-color-primary:var(--cometchat-neutral-color-900);--cometchat-text-color-secondary:var(--cometchat-neutral-color-600);--cometchat-text-color-tertiary:var(--cometchat-neutral-color-500);--cometchat-text-color-disabled:var(--cometchat-neutral-color-400);--cometchat-text-color-white:var(--cometchat-neutral-color-50);--cometchat-text-color-highlight:var(--cometchat-primary-color);--cometchat-icon-color-primary:var(--cometchat-neutral-color-900);--cometchat-icon-color-secondary:var(--cometchat-neutral-color-500);--cometchat-icon-color-tertiary:var(--cometchat-neutral-color-400);--cometchat-icon-color-white:var(--cometchat-neutral-color-50);--cometchat-icon-color-highlight:var(--cometchat-primary-color);--cometchat-shimmer-background-color:var(--cometchat-background-color-01);--cometchat-shimmer-gradient-color:linear-gradient(90deg,#383838 0%,#272727 100%);--cometchat-text-shimmer-gradient-color:linear-gradient(270deg,#1a1a1a00 0%,#1a1a1ab3 50%,#1a1a1a00 100%);--cometchat-primary-button-background:var(--cometchat-primary-color);--cometchat-primary-button-text:var(--cometchat-static-white);--cometchat-primary-button-icon:var(--cometchat-static-white);--cometchat-secondary-button-background:var(--cometchat-neutral-color-900);--cometchat-secondary-button-text:var(--cometchat-neutral-color-900);--cometchat-secondary-button-icon:var(--cometchat-neutral-color-900);--cometchat-link-button:var(--cometchat-info-color);--cometchat-fab-button-background:var(--cometchat-primary-color);--cometchat-fab-button-icon:var(--cometchat-static-white);--cometchat-white-hover:var(--cometchat-neutral-color-100);--cometchat-white-pressed:var(--cometchat-neutral-color-300)}