@bcc-code/vue-bcc-chat-ui 1.6.2 → 2.0.0

package/README.md

@@ -13,11 +13,12 @@ npm -i @bcc-code/vue-bcc-chat-ui
 ```
 2. Register component in the Vue App
 ```ts
-import { chat } from "@bcc-code/vue-bcc-chat-ui";
-import "@bcc-code/vue-bcc-chat-ui/dist/styles.css";
+import chat from "@bcc-code/vue-bcc-chat-ui";
 
 const app = createApp(App);
 app.use(chat, { environment: "prod", themeMode: "light" });
+
+await chat.login("access-token")
 ```
 
 3. Use component in Vue
@@ -32,7 +33,7 @@ const chatUid = ref('my-chat-id');
 
 <template>
    <div>
-      <BccChatMessageList :authToken="token" :chatUid="chatUid" />
+      <BccChatMessageList :chatUid="chatUid" />
    </div>
 </template>
 

package/dist/chat/data.d.ts

@@ -1,29 +1,8 @@
 import { Group } from "@cometchat/chat-sdk-javascript";
 import { Ref } from "vue";
-export interface UserChatInfo {
-    chatUid: string;
-    name: string;
-    unreadMessageCount: number;
-    lastMessage: MessageInfo;
-    membersCount: number;
-    tags: string[];
-}
-export interface MessageInfo {
-    text?: string;
-    type: string;
-    senderName: string;
-    sentAt: Date;
-}
+import { UserChatInfo } from "./types";
+export declare function getGroup(groupUid: string): Promise<Group | null>;
+export declare function clearGroupChatCount(groupUid: string): Promise<void>;
+export declare function getGroupOnlineCount(groupUid: string): Promise<number>;
 export declare const userChats: Ref<UserChatInfo[]>;
-export declare const getGroup: (groupUid: string) => Promise<Group | null>;
-export declare const clearGroupChatCount: (groupUid: string) => Promise<void>;
-export declare const getGroupOnlineCount: (groupUid: string) => Promise<Object | 0>;
-export declare const getUserChats: () => Promise<Ref<UserChatInfo[]>> | undefined;
-declare const _default: {
-    getGroup: (groupUid: string) => Promise<Group | null>;
-    userChats: Ref<UserChatInfo[]>;
-    getUserChats: () => Promise<Ref<UserChatInfo[]>> | undefined;
-    clearGroupChatCount: (groupUid: string) => Promise<void>;
-    getGroupOnlineCount: (groupUid: string) => Promise<Object | 0>;
-};
-export default _default;
+export declare function getUserChats(): Promise<UserChatInfo[]>;

package/dist/chat/environment.d.ts

@@ -1,15 +1,3 @@
-export interface ChatEnvironmentConfig {
-    authKey: string | null;
-    region: string;
-    appId: string;
-    chatApiEndpoint: string;
-}
-export declare const getCurrentEnvironment: () => ChatEnvironmentConfig;
-export declare const setCurrentEnvironment: (environment: string | null) => ChatEnvironmentConfig;
-export declare const install: (_: any, environment: string) => void;
-declare const _default: {
-    install: (_: any, environment: string) => void;
-    setCurrentEnvironment: (environment: string | null) => ChatEnvironmentConfig;
-    getCurrentEnvironment: () => ChatEnvironmentConfig;
-};
-export default _default;
+import { ChatEnvironmentConfig, Environment } from "./types";
+export declare function getCurrentEnvironment(): ChatEnvironmentConfig;
+export declare function setCurrentEnvironment(env: Environment): void;

package/dist/chat/index.d.ts

@@ -1,54 +1,22 @@
-import { Ref } from "vue";
-export interface ChatInstallOptions {
-    environment: string;
-    themeMode: string;
-    accessToken?: Ref<string | null | undefined> | null | undefined | string;
-}
-export * as theme from "./theme";
-export * as uiKit from "./uiKit";
-export * as mobileView from "./mobileView";
-export * as connection from "./connection";
-export * as data from "./data";
-export * as environment from "./environment";
-export * as login from "./login";
+import { ChatInstallOptions } from "./types";
+declare function install(app: any, options: ChatInstallOptions): Promise<void>;
 declare const _default: {
-    install: (app: any, options: ChatInstallOptions) => Promise<void>;
-    initialized: import("vue").ComputedRef<boolean>;
-    environment: {
-        install: (_: any, environment: string) => void;
-        setCurrentEnvironment: (environment: string | null) => import("./environment").ChatEnvironmentConfig;
-        getCurrentEnvironment: () => import("./environment").ChatEnvironmentConfig;
-    };
-    theme: {
-        install: (app: any, options: import("./theme").ChatThemeOptions) => void;
-        switchThemeMode: () => void;
-        setThemeMode: (mode: string) => void;
-        theme: any;
-    };
-    mobileView: {
-        install: (app: any) => Promise<void>;
-        switchView: () => void;
-        isMobileView: any;
-        watchAndApplyStyle: typeof import("./mobileView").watchAndApplyStyle;
-    };
-    connection: {
-        setAccessToken: (token: string) => Promise<void>;
-        connect: (connectionName?: string | null | undefined) => Promise<boolean>;
-        disconnect: (connectionName?: string | null | undefined) => Promise<void>;
-        reconnect: () => Promise<boolean>;
-        connected: import("vue").ComputedRef<boolean>;
-    };
-    data: {
-        getGroup: (groupUid: string) => Promise<import("@cometchat/chat-sdk-javascript").Group | null>;
-        userChats: Ref<import("./data").UserChatInfo[]>;
-        getUserChats: () => Promise<Ref<import("./data").UserChatInfo[]>> | undefined;
-        clearGroupChatCount: (groupUid: string) => Promise<void>;
-        getGroupOnlineCount: (groupUid: string) => Promise<Object | 0>;
-    };
-    login: {
-        loggedIn: Ref<boolean>;
-        login: (accessToken?: string | null | undefined) => Promise<boolean | undefined>;
-        logout: () => Promise<boolean>;
-    };
+    loggedIn: import("vue").Ref<boolean>;
+    login: (accessToken?: string | null | undefined) => Promise<boolean | undefined>;
+    logout: () => Promise<boolean>;
+    getCurrentEnvironment(): import("./types").ChatEnvironmentConfig;
+    setCurrentEnvironment(env: import("./types").Environment): void;
+    setAccessToken: (token: string) => Promise<void>;
+    connect: (connectionName?: string | null | undefined) => Promise<boolean>;
+    disconnect: (connectionName?: string | null | undefined) => Promise<void>;
+    reconnect: () => Promise<boolean>;
+    connected: import("vue").ComputedRef<boolean>;
+    getGroup(groupUid: string): Promise<import("@cometchat/chat-sdk-javascript").Group | null>;
+    clearGroupChatCount(groupUid: string): Promise<void>;
+    getGroupOnlineCount(groupUid: string): Promise<number>;
+    getUserChats(): Promise<import("./types").UserChatInfo[]>;
+    userChats: import("vue").Ref<import("./types").UserChatInfo[]>;
+    install: typeof install;
+    initialized: import("vue").Ref<boolean>;
 };
 export default _default;

package/dist/chat/{mobileView.d.ts → styleFix.d.ts}

@@ -1,5 +1,3 @@
-export declare const switchView: () => void;
-export declare const install: (app: any) => Promise<void>;
 /**
  *
  * @param targetSelector
@@ -14,10 +12,3 @@ export declare function watchAndApplyStyle(targetSelector: string, apply: Array<
     style: Record<string, string>;
     shadowDomSelector?: string;
 }>): MutationObserver | undefined;
-declare const _default: {
-    install: (app: any) => Promise<void>;
-    switchView: () => void;
-    isMobileView: any;
-    watchAndApplyStyle: typeof watchAndApplyStyle;
-};
-export default _default;

package/dist/chat/theme.d.ts

@@ -1,14 +1,181 @@
-export declare const theme: any;
-export declare const setThemeMode: (mode: string) => void;
-export declare const switchThemeMode: () => void;
-export interface ChatThemeOptions {
-    mode: string;
-}
-export declare const install: (app: any, options: ChatThemeOptions) => void;
-declare const _default: {
-    install: (app: any, options: ChatThemeOptions) => void;
-    switchThemeMode: () => void;
-    setThemeMode: (mode: string) => void;
-    theme: any;
-};
-export default _default;
+import { ThemeMode } from './types';
+export declare const theme: import("vue").Ref<{
+    palette: {
+        mode: string;
+        background: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        primary: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        error: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        accent: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        accent50: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        accent100: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        accent200: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        accent300: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        accent400: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        accent500: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        accent600: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        accent700: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        accent800: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        accent900: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        success: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        secondary: {
+            light?: string | undefined;
+            dark?: string | undefined;
+        };
+        getAccent: (mode?: string | undefined) => string | undefined;
+        getAccent50: (mode?: string | undefined) => string | undefined;
+        getAccent100: (mode?: string | undefined) => string | undefined;
+        getAccent200: (mode?: string | undefined) => string | undefined;
+        getAccent300: (mode?: string | undefined) => string | undefined;
+        getAccent400: (mode?: string | undefined) => string | undefined;
+        getAccent500: (mode?: string | undefined) => string | undefined;
+        getAccent600: (mode?: string | undefined) => string | undefined;
+        getAccent700: (mode?: string | undefined) => string | undefined;
+        getAccent800: (mode?: string | undefined) => string | undefined;
+        getAccent900: (mode?: string | undefined) => string | undefined;
+        getSuccess: (mode?: string | undefined) => string | undefined;
+        getError: (mode?: string | undefined) => string | undefined;
+        getPrimary: (mode?: string | undefined) => string | undefined;
+        getSecondary: (mode?: string | undefined) => string | undefined;
+        getBackground: (mode?: string | undefined) => string | undefined;
+        setMode: (mode: string) => void;
+        setBackground: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
+        setPrimary: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
+        setSecondary: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
+        setError: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
+        setAccent: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
+        setAccent50: (colorset?: import("@cometchat/uikit-resources").PaletteItem | undefined) => void;
+        setAccent100: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
+        setAccent200: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
+        setAccent300: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
+        setAccent400: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
+        setAccent500: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
+        setAccent600: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
+        setAccent700: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
+        setAccent800: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
+        setAccent900: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
+    };
+    typography: {
+        fontFamily: string;
+        fontWeightRegular: string;
+        fontWeightMedium: string;
+        fontWeightSemibold: string;
+        fontWeightBold: string;
+        heading: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+        name: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+        title1: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+        title2: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+        subtitle1: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+        subtitle2: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+        text1: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+        text2: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+        text3: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+        caption1: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+        caption2: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+        setFontFamily: (fontFamily: string) => void;
+        setFontWeightRegular: (fontWeightRegular: string) => void;
+        setFontWeightMedium: (fontWeightMedium: string) => void;
+        setFontWeightSemibold: (fontWeightSemibold: string) => void;
+        setFontWeightBold: (fontWeightBold: string) => void;
+        setHeading: (headingFont: import("@cometchat/uikit-resources").CometChatFont) => void;
+        setName: (nameFont: import("@cometchat/uikit-resources").CometChatFont) => void;
+        setTitle1: (titleFont: import("@cometchat/uikit-resources").CometChatFont) => void;
+        setTitle2: (titleFont: import("@cometchat/uikit-resources").CometChatFont) => void;
+        setSubtitle1: (subtitleFont: import("@cometchat/uikit-resources").CometChatFont) => void;
+        setSubtitle2: (subtitleFont: import("@cometchat/uikit-resources").CometChatFont) => void;
+        setText1: (textFont: import("@cometchat/uikit-resources").CometChatFont) => void;
+        setText2: (textFont: import("@cometchat/uikit-resources").CometChatFont) => void;
+        setText3: (textFont: import("@cometchat/uikit-resources").CometChatFont) => void;
+        setCaption1: (captionFont: import("@cometchat/uikit-resources").CometChatFont) => void;
+        setCaption2: (captionFont: import("@cometchat/uikit-resources").CometChatFont) => void;
+    };
+}>;
+export declare const setThemeMode: (mode: ThemeMode) => void;

package/dist/chat/types.d.ts

@@ -0,0 +1,27 @@
+import { Ref } from "vue";
+export interface ChatInstallOptions {
+    environment: Environment;
+    themeMode: ThemeMode;
+    accessToken?: Ref<string | null | undefined> | null | undefined | string;
+}
+export type Environment = 'prod' | 'sandbox';
+export type ChatEnvironmentConfig = {
+    region: string;
+    appId: string;
+    chatApiEndpoint: string;
+};
+export interface UserChatInfo {
+    chatUid: string;
+    name: string;
+    unreadMessageCount: number;
+    lastMessage: MessageInfo;
+    membersCount: number;
+    tags: string[];
+}
+export interface MessageInfo {
+    text?: string;
+    type: string;
+    senderName: string;
+    sentAt: Date;
+}
+export type ThemeMode = 'dark' | 'light';

package/dist/chat/uiKit.d.ts

@@ -1,8 +1,4 @@
-export declare const initialized: import("vue").ComputedRef<boolean>;
-export declare const init: () => Promise<void>;
-declare const _default: {
-    initialized: import("vue").ComputedRef<boolean>;
-    init: () => Promise<void>;
-    getUIKitSettings: () => import("@cometchat/chat-uikit-vue").UIKitSettings;
-};
-export default _default;
+import { MessageListConfiguration, MessageComposerConfiguration } from "@cometchat/uikit-shared";
+export declare function setupUiKit(): Promise<void>;
+export declare const messageComposerConfiguration: MessageComposerConfiguration;
+export declare const messageListConfiguration: import("vue").ComputedRef<MessageListConfiguration>;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
-import BccChatMessageList from "./components/BccChatMessageList.vue";
 import chat from "./chat";
-export { BccChatMessageList, chat };
+export * from './chat/types';
+export { default as BccChatMessageList } from "./components/BccChatMessageList.vue";
+export default chat;

package/dist/style.css

@@ -1 +1 @@
-.cc-callscreen__view[data-v-a135c3f8],.cc-outgoingcall__wrapper[data-v-f7ff9c81],.cc-call-buttons__wrapper[data-v-b7ea3cf6]{height:100%;width:100%}.cc-callbuttons-buttons[data-v-b7ea3cf6]{display:flex;gap:8px}.cc-incomingcall__wrapper[data-v-efdc2891]{position:absolute;left:8px;top:8px;height:fit-content;width:fit-content;min-height:104px;min-width:230px;z-index:100;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;align-items:flex-start}.cc-incomingcall-buttons[data-v-efdc2891]{display:flex;gap:8px}.cc-incomingcall__tailview[data-v-efdc2891]{position:relative}.cc-incomingcall__subtitleview[data-v-efdc2891]{display:flex;align-items:center;justify-content:flex-start;gap:6px}.cc-incomingcall__listitem[data-v-efdc2891]{width:100%;margin-left:-4px}*[data-v-cfa9634b]{box-sizing:border-box}.cc-list__section[data-v-cfa9634b]{margin-left:8px}.cc-list__list[data-v-cfa9634b]::-webkit-scrollbar{background:transparent;width:8px}.cc-list__list[data-v-cfa9634b]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cc-users__menus[data-v-0907e532]{position:absolute;top:12px;right:12px;cursor:pointer}.cc-add-members__back-button[data-v-0d5d72e4]{position:absolute;left:8px;padding:12px 8px 8px}.cc-add-members__close-button[data-v-0d5d72e4]{position:absolute;right:8px;padding:12px 8px 8px}.cc-users[data-v-0d5d72e4]{height:90%}.cc-add-members__buttons[data-v-0d5d72e4]{height:10%;width:100%;display:flex;align-items:center;justify-content:center}.cc-add-members__buttons-add[data-v-0d5d72e4]{height:42px;width:100%}.cc-banned-members__back[data-v-830533bf]{position:absolute;left:8px;padding:12px 8px 8px}.cc-banned-members__close-button[data-v-830533bf]{position:absolute;right:8px;padding:12px 8px 8px}.cc-banned-members__tail-view[data-v-830533bf]{position:relative}.cc-banned-members__menus[data-v-830533bf]{position:absolute;right:12px;cursor:pointer}.cc-banned-members__unban[data-v-830533bf]{display:flex;align-items:center;justify-content:flex-end}.tail__view[data-v-83aa9620]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.cc-conversations__menus[data-v-83aa9620]{position:absolute;right:12px;cursor:pointer}.cc-conversations__default-subtitle-view[data-v-83aa9620]{display:flex;align-items:center;width:90%;flex-direction:column;justify-content:flex-start}.cc-conversations__subtitle[data-v-83aa9620]{display:flex;justify-content:flex-start;width:100%;align-items:center;min-height:22px}.cc-conversations__thread-view[data-v-83aa9620]{height:12px;display:flex;justify-content:flex-start;width:100%;align-items:center}.hidden[data-v-c848126c]{display:none!important}*[data-v-c848126c]{box-sizing:border-box}.cc-messagebubble-wrapper[data-v-c848126c]{position:relative;width:100%}.cc-messagebubble-wrapper__container[data-v-c848126c]{padding-right:8px;border-radius:inherit;display:flex;height:fit-content;width:fit-content;max-width:60%}.cc-messagebubble-wrapper__messagebubble[data-v-c848126c]{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;min-width:0;padding:8px 2px;border-radius:inherit}.cc-messagebubble-wrapper__avatar[data-v-c848126c]{position:relative;border-radius:inherit;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;padding:8px 4px;margin-top:5px}.cc-messagebubble-title[data-v-c848126c]:empty:before{display:none}.cc-messagebubble-title[data-v-c848126c]:empty:after{display:block;width:100%;height:20px;padding:0 8px}.cc-messagebubble-wrapper__content[data-v-c848126c]{display:flex;flex-direction:column;border-radius:8px}.cc__messagelist__threadreplies[data-v-c848126c]{min-width:fit-content}.cc-messagebubble-wrapper__messageoptions[data-v-c848126c]{position:absolute;top:-4px;display:flex;align-items:center;justify-content:flex-end;z-index:1}.cc-message-information__close-button[data-v-e7349764]{position:absolute;right:15px}.cc-message-information__body[data-v-e7349764]{padding:20px 3%;box-sizing:border-box}.cc-message-information__default-subtitle-view[data-v-e7349764]{display:flex;align-items:self-end;width:90%;flex-direction:column;justify-content:flex-start}.cc-message_information__subtitle[data-v-e7349764]{display:flex;justify-content:space-between;width:100%;align-items:center;height:20px}.cc-conversations__date[data-v-e7349764]{display:flex;justify-content:flex-start;align-items:center;height:20px}.cc_message-information__body_message-bubble[data-v-e7349764]{display:flex}.cc-message_information__receipt-container[data-v-e7349764]{display:flex;align-items:center}.cc_message-information_empty-state-view[data-v-e7349764]{display:flex;align-items:flex-start;justify-content:center;margin-top:20px}.cc-messagelist[data-v-d5c858f9]{height:100%;width:100%;overflow-y:auto}.cc-messagelist__wrapper[data-v-d5c858f9]{height:100%;width:100%;padding:8px;overflow-y:hidden}.cc-messagelist__bubblefooter[data-v-d5c858f9]{display:flex;justify-content:center;align-items:center}.cc-messagelist__date__container[data-v-d5c858f9]{text-align:center;margin:8px}.cc-messagelist__date[data-v-d5c858f9]{border-radius:10px}.cc-messagelist__messageindicator[data-v-d5c858f9]{position:absolute;bottom:20%;left:50%;transform:translate(-50%);height:25px;width:150px;display:flex;justify-content:center;align-items:center;z-index:10}.cc-messagelist__footerview[data-v-d5c858f9]{z-index:10;position:relative;bottom:5%;display:flex;align-items:center;justify-content:center;width:100%}.cc-messagelist__decoratormessage[data-v-d5c858f9]{margin:0;line-height:30px;word-wrap:break-word;padding:0 8px;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;height:100%}.cc-messagelist[data-v-d5c858f9]::-webkit-scrollbar{background:transparent;width:8px}.cc-messagelist[data-v-d5c858f9]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cc-messagelist__message-information[data-v-d5c858f9]{height:620px;width:360px}.cc-messagecomposer-wrapper__sendbutton[data-v-8d417be8],.cc-messagecomposer-wrapper__livereaction[data-v-8d417be8]{margin:0 5px}.cc-messagecomposer-wrapper[data-v-8d417be8]{height:100%;width:100%;position:relative;text-align:left;padding:16px 14px;box-sizing:border-box}.cc-messagecomposer-wrapper__headerview[data-v-8d417be8]{height:fit-content;position:absolute;width:85%;box-sizing:border-box;left:50%;transform:translate(-50%,-100%);z-index:2}.cc-messagecomposer-mediainput[data-v-8d417be8]{display:none}.cc-messagecomposer-wrapper__auxilary[data-v-8d417be8]{display:flex;gap:8px}.cc-messagecomposer__input[data-v-8d417be8]{height:100%}*[data-v-6394404a]{box-sizing:border-box;margin:0;padding:0}.cc-threadedmessages-wrapper[data-v-6394404a]{display:flex;flex-direction:column;height:90%;overflow-y:hidden;scrollbar-width:none}.cc-threadedmessages-wrapper__header[data-v-6394404a]{width:100%;display:flex;padding:16px;align-items:flex-start}.cc-threadedmessages-wrapper__close[data-v-6394404a]{display:flex;align-items:center}.cc-threadedmessages-wrapper__title[data-v-6394404a]{display:flex;align-items:center;justify-content:center;width:100%}.cc-threadedmessages-wrapper__bubbleview[data-v-6394404a]{width:100%;height:fit-content;padding:8px 16px;box-sizing:border-box;max-height:20em;overflow:scroll}.cc-threadedmessages-wrapper__header[data-v-6394404a]{flex:0 0 auto}.cc-threadedmessages-wrapper__list[data-v-6394404a]{height:fit-content;overflow-y:auto;width:100%}.cc-threadedmessages-wrapper__composer[data-v-6394404a]{position:absolute;flex:0 0 auto;min-height:80px;z-index:1;width:100%;bottom:5px}.cc-threaded_message_main_wrapper[data-v-6394404a]{width:100%;height:calc(100% - 156px);display:flex;flex-direction:column}.cc__threadedmessages__actionview[data-v-6394404a]{height:36px;padding:8px 16px;box-sizing:border-box;border:1px solid rgba(20,20,20,.08);border-left:none}.cc-messageheader__wrapper[data-v-4a60bf8d]{display:flex;align-items:center;justify-content:space-between;flex-direction:row;box-sizing:border-box}.cc-messageheader__backbutton[data-v-4a60bf8d]{margin-right:8px}.cc-messageheader[data-v-4a60bf8d]{display:flex;align-items:center;justify-content:flex-start;height:fit-content;width:100%}.cc-messageheader__listitem[data-v-4a60bf8d]{height:100%;width:100%;align-items:center;justify-content:flex-start}.cc-messageheader__menu[data-v-4a60bf8d]{width:fit-content;display:flex;align-items:center;justify-content:flex-end;padding:12px}.cc-group-members__back[data-v-659ce801]{position:absolute;left:8px;padding:12px 8px 8px}.cc-group-members__wrapper[data-v-659ce801]{height:100%;padding:8px;width:100%}.cc-group-members__close[data-v-659ce801]{position:absolute;right:8px;padding:12px 8px 8px}.cc-group-members__tail-view[data-v-659ce801]{position:relative;display:flex;gap:8px;justify-content:flex-end;align-items:center}.cc-group-members__menus[data-v-659ce801]{position:absolute;right:12px;cursor:pointer}.cc-transfer-ownership__members[data-v-648ef9e9]{width:100%;height:85%}.cc-transfer-ownership-buttons[data-v-648ef9e9]{width:100%;height:15%;display:flex;flex-direction:column;justify-content:flex-end;align-content:center;gap:10px;padding:12px 16px 28px;box-sizing:border-box}*[data-v-21e39d45]{box-sizing:border-box;margin:0;padding:0}.cc-details__wrapper[data-v-21e39d45]{padding:8px;border-radius:5px;height:100%;position:relative}.cc-details__profile[data-v-21e39d45]{margin-bottom:50px;height:8%}.cc-details__section-list[data-v-21e39d45]{height:84%;width:100%;overflow-y:auto;overflow-x:hidden}.cc-details__header[data-v-21e39d45]{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.cc-details__close-button[data-v-21e39d45]{position:absolute;right:20px}.cc-details__section[data-v-21e39d45]{margin-bottom:32px}.cc-details__section-separator[data-v-21e39d45]{margin-bottom:16px;padding-left:6px;height:5%}.cc-details__options-wrapper[data-v-21e39d45]{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.cc-details__option[data-v-21e39d45]{display:flex;flex-direction:column;justify-content:space-evenly;min-height:50px}.cc-details__option-title[data-v-21e39d45]{padding-bottom:12px;display:flex;align-items:center;justify-content:space-between}.cc-details__view[data-v-21e39d45]{position:absolute;top:0;left:0;height:100%;width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;max-width:100%;z-index:1}.cc-details__section-list[data-v-21e39d45]::-webkit-scrollbar{background:transparent;width:8px}.cc-details__section-list[data-v-21e39d45]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}*[data-v-c3d78378]{box-sizing:border-box;margin:0;padding:0}.cc-messages-wrapper[data-v-c3d78378]{display:flex;position:relative;height:100%;width:100%}.cc-messages-wrapper__messages[data-v-c3d78378]{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box;justify-content:space-between}.cc-messages-wrapper__threadedmessages[data-v-c3d78378],.cc-messages-wrapper__details[data-v-c3d78378]{position:absolute;top:5;left:0;height:100%;width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;max-width:100%;z-index:1}.cc-messages-wrapper__header[data-v-c3d78378]{height:64px;width:100%}.cc-messages-wrapper__messages-list[data-v-c3d78378]{height:calc(100% - 160px);width:100%;display:flex;flex-direction:column}CometChatThreadedMessages[data-v-c3d78378]{height:100%;display:flex}.cc-messages-wrapper__composer[data-v-c3d78378]{height:96px;width:100%;display:flex;flex-direction:column;justify-content:flex-end}.cc-groups__menus[data-v-aec6dd7f]{position:absolute;right:12px;cursor:pointer;padding-right:12px}.cc-groups__subtitle-view[data-v-aec6dd7f]{padding:0 0 5px}.cc-tabs-wrapper[data-v-6172e2d3]{height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end}.cc-tabs-wrapper_inner-div[data-v-6172e2d3]{height:100%;width:100%}.cc-tabs-wrapper-fixed_inner-div[data-v-6172e2d3]{margin-top:10px;height:80%;overflow:hidden}.cc-tabs-wrapper-fixed[data-v-6172e2d3]{height:100%;width:100%;display:flex;justify-content:center}.cc-tabs-wrapper-fixed-inner[data-v-6172e2d3]{height:100%;width:70%}.cc-tabs-fixed[data-v-6172e2d3]{top:0;left:0;width:100%}.cc-contacts__wrapper[data-v-9e87e8c4]{display:flex;flex-direction:column;height:100%;width:100%;align-items:flex-end;z-index:2}.cc-contacts__header[data-v-9e87e8c4]{display:flex;justify-content:center;align-items:center;height:50px;width:100%;box-sizing:border-box;padding:10px}.cc-contacts__close-button[data-v-9e87e8c4]{position:absolute;right:20px}.cc-withmessages__wrapper[data-v-6ead7b8f]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-6ead7b8f]{width:280px;height:100%;position:relative;display:flex}.cc-withmessages__main[data-v-6ead7b8f]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-6ead7b8f]{width:100%!important;height:100%;position:absolute}.cc-decorator__message-empty[data-v-6ead7b8f]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages__menus[data-v-6ead7b8f]{display:flex;justify-content:flex-end;position:absolute;top:1%;right:2%}.cc-withmessages-wrapper[data-v-ba8e0f68]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-ba8e0f68]{width:280px;height:100%;position:relative}.cc-withmessages__main[data-v-ba8e0f68]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-ba8e0f68]{width:100%!important;height:100%;position:absolute}.cc__decorator__message--empty[data-v-ba8e0f68]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages__joingroup[data-v-ba8e0f68]{width:calc(100% - 280px);height:100vh}.cc-decorator-message-empty[data-v-ba8e0f68]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages-wrapper[data-v-d6eab96f]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-d6eab96f]{width:280px;height:100%;position:relative}.cc-withmessages__main[data-v-d6eab96f]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-d6eab96f]{width:100%!important;height:100%;position:absolute}.cc-decorator-message-empty[data-v-d6eab96f]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}body{background:#fff;color:#000}@media (prefers-color-scheme: dark){body{background:#000;color:#fff}}.bcc-chat-message-list{height:100%;--cc__primary: #CFEAC8;--cc__background: #F3FAF7;--cc__secondary: white;--cc__accent: #004e48;--cc__accent50: rgba(62, 142, 117, .04);--cc__accent100: #FFFFFF;--cc__accent200: rgba(62, 142, 117, .15);--cc__accent300: rgba(62, 142, 117, .24);--cc__accent400: rgba(62, 142, 117, .33);--cc__accent500: rgba(62, 142, 117, .46);--cc__accent600: #004E48;--cc__accent700: #254A40;--cc__accent800: rgba(62, 142, 117, .82);--cc__accent900: #F3FAF7;--cc__text-color: #000}@media (prefers-color-scheme: dark){.bcc-chat-message-list{--cc__primary: #57639E;--cc__background: hsl(230, 25%, 15%);--cc__secondary: #111827;--cc__accent: #6274AE;--cc__accent50: rgba(98, 116, 174, .24);--cc__accent100: linear-gradient(45deg, #05070b 0%, #0c111c 100%);--cc__accent200: rgba(98, 116, 174, .35);--cc__accent300: rgba(98, 116, 174, .44);--cc__accent400: rgba(98, 116, 174, .53);--cc__accent500: rgba(98, 116, 174, .66);--cc__accent600: #758ABC;--cc__accent700: #6274AE;--cc__accent800: rgba(98, 116, 174, .92);--cc__accent900: #F3FAF7;--cc__text-color: #fff}}.bcc-chat-message-list .cc-messages-wrapper .cc-messages-wrapper__messages .cc-messages-wrapper__messages-list{height:calc(100% - 96px)}.bcc-chat-message-list .cc-messagebubble-wrapper__messageoptions{border-radius:8px}.bcc-chat-message-list .cc-messagebubble-wrapper__messageoptions .cc-context-menu__top-menu{border:1px var(--cc__secondary) solid!important}.cc-messagecomposer__emojikeyboard{display:none}.cc-threadedmessages-wrapper__bubbleview::-webkit-scrollbar,.cc__message-list::-webkit-scrollbar{background:transparent;width:8px}.cc-threadedmessages-wrapper__bubbleview::-webkit-scrollbar-thumb,.cc__message-list::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}
+.cc-callscreen__view[data-v-a135c3f8],.cc-outgoingcall__wrapper[data-v-f7ff9c81],.cc-call-buttons__wrapper[data-v-b7ea3cf6]{height:100%;width:100%}.cc-callbuttons-buttons[data-v-b7ea3cf6]{display:flex;gap:8px}.cc-incomingcall__wrapper[data-v-efdc2891]{position:absolute;left:8px;top:8px;height:fit-content;width:fit-content;min-height:104px;min-width:230px;z-index:100;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;align-items:flex-start}.cc-incomingcall-buttons[data-v-efdc2891]{display:flex;gap:8px}.cc-incomingcall__tailview[data-v-efdc2891]{position:relative}.cc-incomingcall__subtitleview[data-v-efdc2891]{display:flex;align-items:center;justify-content:flex-start;gap:6px}.cc-incomingcall__listitem[data-v-efdc2891]{width:100%;margin-left:-4px}*[data-v-cfa9634b]{box-sizing:border-box}.cc-list__section[data-v-cfa9634b]{margin-left:8px}.cc-list__list[data-v-cfa9634b]::-webkit-scrollbar{background:transparent;width:8px}.cc-list__list[data-v-cfa9634b]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cc-users__menus[data-v-0907e532]{position:absolute;top:12px;right:12px;cursor:pointer}.cc-add-members__back-button[data-v-0d5d72e4]{position:absolute;left:8px;padding:12px 8px 8px}.cc-add-members__close-button[data-v-0d5d72e4]{position:absolute;right:8px;padding:12px 8px 8px}.cc-users[data-v-0d5d72e4]{height:90%}.cc-add-members__buttons[data-v-0d5d72e4]{height:10%;width:100%;display:flex;align-items:center;justify-content:center}.cc-add-members__buttons-add[data-v-0d5d72e4]{height:42px;width:100%}.cc-banned-members__back[data-v-830533bf]{position:absolute;left:8px;padding:12px 8px 8px}.cc-banned-members__close-button[data-v-830533bf]{position:absolute;right:8px;padding:12px 8px 8px}.cc-banned-members__tail-view[data-v-830533bf]{position:relative}.cc-banned-members__menus[data-v-830533bf]{position:absolute;right:12px;cursor:pointer}.cc-banned-members__unban[data-v-830533bf]{display:flex;align-items:center;justify-content:flex-end}.tail__view[data-v-83aa9620]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.cc-conversations__menus[data-v-83aa9620]{position:absolute;right:12px;cursor:pointer}.cc-conversations__default-subtitle-view[data-v-83aa9620]{display:flex;align-items:center;width:90%;flex-direction:column;justify-content:flex-start}.cc-conversations__subtitle[data-v-83aa9620]{display:flex;justify-content:flex-start;width:100%;align-items:center;min-height:22px}.cc-conversations__thread-view[data-v-83aa9620]{height:12px;display:flex;justify-content:flex-start;width:100%;align-items:center}.hidden[data-v-c848126c]{display:none!important}*[data-v-c848126c]{box-sizing:border-box}.cc-messagebubble-wrapper[data-v-c848126c]{position:relative;width:100%}.cc-messagebubble-wrapper__container[data-v-c848126c]{padding-right:8px;border-radius:inherit;display:flex;height:fit-content;width:fit-content;max-width:60%}.cc-messagebubble-wrapper__messagebubble[data-v-c848126c]{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;min-width:0;padding:8px 2px;border-radius:inherit}.cc-messagebubble-wrapper__avatar[data-v-c848126c]{position:relative;border-radius:inherit;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;padding:8px 4px;margin-top:5px}.cc-messagebubble-title[data-v-c848126c]:empty:before{display:none}.cc-messagebubble-title[data-v-c848126c]:empty:after{display:block;width:100%;height:20px;padding:0 8px}.cc-messagebubble-wrapper__content[data-v-c848126c]{display:flex;flex-direction:column;border-radius:8px}.cc__messagelist__threadreplies[data-v-c848126c]{min-width:fit-content}.cc-messagebubble-wrapper__messageoptions[data-v-c848126c]{position:absolute;top:-4px;display:flex;align-items:center;justify-content:flex-end;z-index:1}.cc-message-information__close-button[data-v-e7349764]{position:absolute;right:15px}.cc-message-information__body[data-v-e7349764]{padding:20px 3%;box-sizing:border-box}.cc-message-information__default-subtitle-view[data-v-e7349764]{display:flex;align-items:self-end;width:90%;flex-direction:column;justify-content:flex-start}.cc-message_information__subtitle[data-v-e7349764]{display:flex;justify-content:space-between;width:100%;align-items:center;height:20px}.cc-conversations__date[data-v-e7349764]{display:flex;justify-content:flex-start;align-items:center;height:20px}.cc_message-information__body_message-bubble[data-v-e7349764]{display:flex}.cc-message_information__receipt-container[data-v-e7349764]{display:flex;align-items:center}.cc_message-information_empty-state-view[data-v-e7349764]{display:flex;align-items:flex-start;justify-content:center;margin-top:20px}.cc-messagelist[data-v-d5c858f9]{height:100%;width:100%;overflow-y:auto}.cc-messagelist__wrapper[data-v-d5c858f9]{height:100%;width:100%;padding:8px;overflow-y:hidden}.cc-messagelist__bubblefooter[data-v-d5c858f9]{display:flex;justify-content:center;align-items:center}.cc-messagelist__date__container[data-v-d5c858f9]{text-align:center;margin:8px}.cc-messagelist__date[data-v-d5c858f9]{border-radius:10px}.cc-messagelist__messageindicator[data-v-d5c858f9]{position:absolute;bottom:20%;left:50%;transform:translate(-50%);height:25px;width:150px;display:flex;justify-content:center;align-items:center;z-index:10}.cc-messagelist__footerview[data-v-d5c858f9]{z-index:10;position:relative;bottom:5%;display:flex;align-items:center;justify-content:center;width:100%}.cc-messagelist__decoratormessage[data-v-d5c858f9]{margin:0;line-height:30px;word-wrap:break-word;padding:0 8px;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;height:100%}.cc-messagelist[data-v-d5c858f9]::-webkit-scrollbar{background:transparent;width:8px}.cc-messagelist[data-v-d5c858f9]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cc-messagelist__message-information[data-v-d5c858f9]{height:620px;width:360px}.cc-messagecomposer-wrapper__sendbutton[data-v-8d417be8],.cc-messagecomposer-wrapper__livereaction[data-v-8d417be8]{margin:0 5px}.cc-messagecomposer-wrapper[data-v-8d417be8]{height:100%;width:100%;position:relative;text-align:left;padding:16px 14px;box-sizing:border-box}.cc-messagecomposer-wrapper__headerview[data-v-8d417be8]{height:fit-content;position:absolute;width:85%;box-sizing:border-box;left:50%;transform:translate(-50%,-100%);z-index:2}.cc-messagecomposer-mediainput[data-v-8d417be8]{display:none}.cc-messagecomposer-wrapper__auxilary[data-v-8d417be8]{display:flex;gap:8px}.cc-messagecomposer__input[data-v-8d417be8]{height:100%}*[data-v-6394404a]{box-sizing:border-box;margin:0;padding:0}.cc-threadedmessages-wrapper[data-v-6394404a]{display:flex;flex-direction:column;height:90%;overflow-y:hidden;scrollbar-width:none}.cc-threadedmessages-wrapper__header[data-v-6394404a]{width:100%;display:flex;padding:16px;align-items:flex-start}.cc-threadedmessages-wrapper__close[data-v-6394404a]{display:flex;align-items:center}.cc-threadedmessages-wrapper__title[data-v-6394404a]{display:flex;align-items:center;justify-content:center;width:100%}.cc-threadedmessages-wrapper__bubbleview[data-v-6394404a]{width:100%;height:fit-content;padding:8px 16px;box-sizing:border-box;max-height:20em;overflow:scroll}.cc-threadedmessages-wrapper__header[data-v-6394404a]{flex:0 0 auto}.cc-threadedmessages-wrapper__list[data-v-6394404a]{height:fit-content;overflow-y:auto;width:100%}.cc-threadedmessages-wrapper__composer[data-v-6394404a]{position:absolute;flex:0 0 auto;min-height:80px;z-index:1;width:100%;bottom:5px}.cc-threaded_message_main_wrapper[data-v-6394404a]{width:100%;height:calc(100% - 156px);display:flex;flex-direction:column}.cc__threadedmessages__actionview[data-v-6394404a]{height:36px;padding:8px 16px;box-sizing:border-box;border:1px solid rgba(20,20,20,.08);border-left:none}.cc-messageheader__wrapper[data-v-4a60bf8d]{display:flex;align-items:center;justify-content:space-between;flex-direction:row;box-sizing:border-box}.cc-messageheader__backbutton[data-v-4a60bf8d]{margin-right:8px}.cc-messageheader[data-v-4a60bf8d]{display:flex;align-items:center;justify-content:flex-start;height:fit-content;width:100%}.cc-messageheader__listitem[data-v-4a60bf8d]{height:100%;width:100%;align-items:center;justify-content:flex-start}.cc-messageheader__menu[data-v-4a60bf8d]{width:fit-content;display:flex;align-items:center;justify-content:flex-end;padding:12px}.cc-group-members__back[data-v-659ce801]{position:absolute;left:8px;padding:12px 8px 8px}.cc-group-members__wrapper[data-v-659ce801]{height:100%;padding:8px;width:100%}.cc-group-members__close[data-v-659ce801]{position:absolute;right:8px;padding:12px 8px 8px}.cc-group-members__tail-view[data-v-659ce801]{position:relative;display:flex;gap:8px;justify-content:flex-end;align-items:center}.cc-group-members__menus[data-v-659ce801]{position:absolute;right:12px;cursor:pointer}.cc-transfer-ownership__members[data-v-648ef9e9]{width:100%;height:85%}.cc-transfer-ownership-buttons[data-v-648ef9e9]{width:100%;height:15%;display:flex;flex-direction:column;justify-content:flex-end;align-content:center;gap:10px;padding:12px 16px 28px;box-sizing:border-box}*[data-v-21e39d45]{box-sizing:border-box;margin:0;padding:0}.cc-details__wrapper[data-v-21e39d45]{padding:8px;border-radius:5px;height:100%;position:relative}.cc-details__profile[data-v-21e39d45]{margin-bottom:50px;height:8%}.cc-details__section-list[data-v-21e39d45]{height:84%;width:100%;overflow-y:auto;overflow-x:hidden}.cc-details__header[data-v-21e39d45]{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.cc-details__close-button[data-v-21e39d45]{position:absolute;right:20px}.cc-details__section[data-v-21e39d45]{margin-bottom:32px}.cc-details__section-separator[data-v-21e39d45]{margin-bottom:16px;padding-left:6px;height:5%}.cc-details__options-wrapper[data-v-21e39d45]{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.cc-details__option[data-v-21e39d45]{display:flex;flex-direction:column;justify-content:space-evenly;min-height:50px}.cc-details__option-title[data-v-21e39d45]{padding-bottom:12px;display:flex;align-items:center;justify-content:space-between}.cc-details__view[data-v-21e39d45]{position:absolute;top:0;left:0;height:100%;width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;max-width:100%;z-index:1}.cc-details__section-list[data-v-21e39d45]::-webkit-scrollbar{background:transparent;width:8px}.cc-details__section-list[data-v-21e39d45]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}*[data-v-c3d78378]{box-sizing:border-box;margin:0;padding:0}.cc-messages-wrapper[data-v-c3d78378]{display:flex;position:relative;height:100%;width:100%}.cc-messages-wrapper__messages[data-v-c3d78378]{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box;justify-content:space-between}.cc-messages-wrapper__threadedmessages[data-v-c3d78378],.cc-messages-wrapper__details[data-v-c3d78378]{position:absolute;top:5;left:0;height:100%;width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;max-width:100%;z-index:1}.cc-messages-wrapper__header[data-v-c3d78378]{height:64px;width:100%}.cc-messages-wrapper__messages-list[data-v-c3d78378]{height:calc(100% - 160px);width:100%;display:flex;flex-direction:column}CometChatThreadedMessages[data-v-c3d78378]{height:100%;display:flex}.cc-messages-wrapper__composer[data-v-c3d78378]{height:96px;width:100%;display:flex;flex-direction:column;justify-content:flex-end}.cc-groups__menus[data-v-aec6dd7f]{position:absolute;right:12px;cursor:pointer;padding-right:12px}.cc-groups__subtitle-view[data-v-aec6dd7f]{padding:0 0 5px}.cc-tabs-wrapper[data-v-6172e2d3]{height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end}.cc-tabs-wrapper_inner-div[data-v-6172e2d3]{height:100%;width:100%}.cc-tabs-wrapper-fixed_inner-div[data-v-6172e2d3]{margin-top:10px;height:80%;overflow:hidden}.cc-tabs-wrapper-fixed[data-v-6172e2d3]{height:100%;width:100%;display:flex;justify-content:center}.cc-tabs-wrapper-fixed-inner[data-v-6172e2d3]{height:100%;width:70%}.cc-tabs-fixed[data-v-6172e2d3]{top:0;left:0;width:100%}.cc-contacts__wrapper[data-v-9e87e8c4]{display:flex;flex-direction:column;height:100%;width:100%;align-items:flex-end;z-index:2}.cc-contacts__header[data-v-9e87e8c4]{display:flex;justify-content:center;align-items:center;height:50px;width:100%;box-sizing:border-box;padding:10px}.cc-contacts__close-button[data-v-9e87e8c4]{position:absolute;right:20px}.cc-withmessages__wrapper[data-v-6ead7b8f]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-6ead7b8f]{width:280px;height:100%;position:relative;display:flex}.cc-withmessages__main[data-v-6ead7b8f]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-6ead7b8f]{width:100%!important;height:100%;position:absolute}.cc-decorator__message-empty[data-v-6ead7b8f]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages__menus[data-v-6ead7b8f]{display:flex;justify-content:flex-end;position:absolute;top:1%;right:2%}.cc-withmessages-wrapper[data-v-ba8e0f68]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-ba8e0f68]{width:280px;height:100%;position:relative}.cc-withmessages__main[data-v-ba8e0f68]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-ba8e0f68]{width:100%!important;height:100%;position:absolute}.cc__decorator__message--empty[data-v-ba8e0f68]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages__joingroup[data-v-ba8e0f68]{width:calc(100% - 280px);height:100vh}.cc-decorator-message-empty[data-v-ba8e0f68]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages-wrapper[data-v-d6eab96f]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-d6eab96f]{width:280px;height:100%;position:relative}.cc-withmessages__main[data-v-d6eab96f]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-d6eab96f]{width:100%!important;height:100%;position:absolute}.cc-decorator-message-empty[data-v-d6eab96f]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}body{background:#fff;color:#000}@media (prefers-color-scheme: dark){body{background:#000;color:#fff}}.bcc-chat-message-list-wrapper{position:relative;height:100%}.bcc-chat-message-list{height:100%;--cc__primary: #CFEAC8;--cc__background: #F3FAF7;--cc__secondary: white;--cc__accent: #004e48;--cc__accent50: rgba(62, 142, 117, .04);--cc__accent100: #FFFFFF;--cc__accent200: rgba(62, 142, 117, .15);--cc__accent300: rgba(62, 142, 117, .24);--cc__accent400: rgba(62, 142, 117, .33);--cc__accent500: rgba(62, 142, 117, .46);--cc__accent600: #004E48;--cc__accent700: #254A40;--cc__accent800: rgba(62, 142, 117, .82);--cc__accent900: #F3FAF7;--cc__text-color: #000}@media (prefers-color-scheme: dark){.bcc-chat-message-list{--cc__primary: #57639E;--cc__background: hsl(230, 25%, 15%);--cc__secondary: #111827;--cc__accent: #6274AE;--cc__accent50: rgba(98, 116, 174, .24);--cc__accent100: linear-gradient(45deg, #05070b 0%, #0c111c 100%);--cc__accent200: rgba(98, 116, 174, .35);--cc__accent300: rgba(98, 116, 174, .44);--cc__accent400: rgba(98, 116, 174, .53);--cc__accent500: rgba(98, 116, 174, .66);--cc__accent600: #758ABC;--cc__accent700: #6274AE;--cc__accent800: rgba(98, 116, 174, .92);--cc__accent900: #F3FAF7;--cc__text-color: #fff}}.bcc-chat-message-list .cc-messages-wrapper .cc-messages-wrapper__messages .cc-messages-wrapper__messages-list{height:calc(100% - 96px)}.bcc-chat-message-list .cc-messagebubble-wrapper__messageoptions{border-radius:8px}.bcc-chat-message-list .cc-messagebubble-wrapper__messageoptions .cc-context-menu__top-menu{border:1px var(--cc__secondary) solid!important}.bcc-chat-message-list .bcc-chat-message-composer-offline{position:relative;top:-96px;height:96px;width:100%;box-sizing:border-box;padding:16px 14px;color:#b0b0b0;font:700 1rem sans-serif}.bcc-chat-message-list .bcc-chat-message-composer-offline span{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#ffffffbf;border-radius:12px}.bcc-chat-message-list-offline{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;font:700 22px sans-serif;color:#bcbcbc;z-index:-1}.cc-messagecomposer__emojikeyboard{display:none}.cc-threadedmessages-wrapper__bubbleview::-webkit-scrollbar,.cc__message-list::-webkit-scrollbar{background:transparent;width:8px}.cc-threadedmessages-wrapper__bubbleview::-webkit-scrollbar-thumb,.cc__message-list::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}