@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap");@font-face{font-family:Roboto;src:url(webpack:///mini-css-extract-plugin//_next/static/media/Roboto-Black.cf9b4c79.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Roboto;src:url(webpack:///mini-css-extract-plugin//_next/static/media/Roboto-BlackItalic.cc1dbbb7.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Roboto;src:url(webpack:///mini-css-extract-plugin//_next/static/media/Roboto-Bold.a5947e77.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:url(webpack:///mini-css-extract-plugin//_next/static/media/Roboto-BoldItalic.13f5ef80.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Roboto;src:url(webpack:///mini-css-extract-plugin//_next/static/media/Roboto-Regular.8ff69652.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(webpack:///mini-css-extract-plugin//_next/static/media/Roboto-Italic.bc297ed5.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(webpack:///mini-css-extract-plugin//_next/static/media/Roboto-Light.cf1d77a2.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:url(webpack:///mini-css-extract-plugin//_next/static/media/Roboto-LightItalic.73657c5d.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Roboto;src:url(webpack:///mini-css-extract-plugin//_next/static/media/Roboto-Medium.530bae4d.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(webpack:///mini-css-extract-plugin//_next/static/media/Roboto-MediumItalic.3459c5e4.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,#eee);--cometchat-text-shimmer-gradient-color:linear-gradient(270deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.7) 50%,hsla(0,0%,100%,0));--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,#272727);--cometchat-text-shimmer-gradient-color:linear-gradient(270deg,rgba(26,26,26,0),rgba(26,26,26,.7) 50%,rgba(26,26,26,0));--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)}.App{text-align:center;width:100vw;height:100vh;background-color:#282c34}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cometchat-root{width:100%;height:100%;display:flex;overflow:hidden;position:relative}.conversations-wrapper{width:30%;max-width:420px;height:100vh;flex-direction:column;flex:3;background:var(--cometchat-background-color-01,#4c0909)}.conversations-wrapper,.selector-wrapper{display:flex;align-items:flex-start;gap:0}.selector-wrapper{flex:1;width:100%;overflow:auto;flex-direction:column;background:transparent}.selector-wrapper .cometchat-list__body{flex:1;border-right:1px solid var(--cometchat-border-color-light)}.selector-wrapper::-webkit-scrollbar,.selector-wrapper::-webkit-scrollbar-thumb{display:none}.conversations-wrapper .selector-wrapper .cometchat-list{position:relative}.conversations-wrapper .selector-wrapper .cometchat-list .cometchat-list__header .cometchat-button{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;padding:0;background:transparent}.conversations-wrapper .selector-wrapper .cometchat-list .cometchat-list__header-menu{top:20px}.selector-wrapper .cometchat-list .cometchat-list__header .cometchat-button .cometchat-button__icon{height:24px;width:24px}.cometchat-incoming-call{top:17px;left:30px}.selector-wrapper .cc-conversations{border:none!important}.messages-wrapper{width:40%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:5;background:var(--cometchat-background-color-03,#f5f5f5);overflow:hidden;height:72vh}.conversations-wrapper .cometchat-list__header-title{border-right:none}.side-component-content__action-item-disabled{cursor:default;pointer-events:none}.side-component-content__action-item-disabled .side-component-content__action-item-icon{background:var(--cometchat-text-color-disabled,#dcdcdc)}.side-component-content__action-item-disabled .side-component-content__action-item-text{color:var(--cometchat-text-color-disabled,#dcdcdc)}@media (max-width:768px){.conversations-wrapper{width:100vw;max-width:100%;min-width:100%;height:100dvh;max-height:100dvh;z-index:1}.cometchat-root{position:fixed;top:0;left:0;right:0;bottom:0;height:100dvh;max-height:100dvh;margin-bottom:0;overflow:hidden}.messages-wrapper{width:100%;max-width:100vw;height:100%;max-height:100dvh;min-height:0}}body{margin:0}.App,.App>*{margin:0}.App,.App>*,.cometchat-root *{box-sizing:border-box}.conversations-wrapper{height:72vh!important}.custom-btn-fab{border-radius:50%!important}.cometchat-disclaimer{font-size:12px;color:#bbc2cd;text-align:center;margin-top:8px;padding:8px 12px;border-top:1px solid #1f2022;line-height:1.4;pointer-events:none}.cometchat-disclaimer a{color:#3b82f6;text-decoration:none;font-weight:500}.cometchat-disclaimer a:hover{text-decoration:underline}