@bcc-code/vue-bcc-chat-ui 2.2.3 → 3.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/chat/index.d.ts +24 -0
  2. package/dist/chat/theme.d.ts +24 -0
  3. package/dist/style.css +1 -1
  4. package/dist/vue-bcc-chat-ui.js +35606 -32747
  5. package/package.json +9 -9
  6. package/src/components/BccChatMessageBubble.vue +6 -6
  7. package/src/components/BccChatMessageList.vue +15 -11
package/dist/chat/index.d.ts CHANGED
@@ -14,6 +14,14 @@ declare const _default: {
14
14
  light?: string | undefined;
15
15
  dark?: string | undefined;
16
16
  };
17
+ primary150: {
18
+ light?: string | undefined;
19
+ dark?: string | undefined;
20
+ };
21
+ primary500: {
22
+ light?: string | undefined;
23
+ dark?: string | undefined;
24
+ };
17
25
  error: {
18
26
  light?: string | undefined;
19
27
  dark?: string | undefined;
@@ -70,6 +78,10 @@ declare const _default: {
70
78
  light?: string | undefined;
71
79
  dark?: string | undefined;
72
80
  };
81
+ tertiary: {
82
+ light?: string | undefined;
83
+ dark?: string | undefined;
84
+ };
73
85
  getAccent: (mode?: string | undefined) => string | undefined;
74
86
  getAccent50: (mode?: string | undefined) => string | undefined;
75
87
  getAccent100: (mode?: string | undefined) => string | undefined;
@@ -84,11 +96,16 @@ declare const _default: {
84
96
  getSuccess: (mode?: string | undefined) => string | undefined;
85
97
  getError: (mode?: string | undefined) => string | undefined;
86
98
  getPrimary: (mode?: string | undefined) => string | undefined;
99
+ getPrimary150: (mode?: string | undefined) => string | undefined;
100
+ getPrimary500: (mode?: string | undefined) => string | undefined;
87
101
  getSecondary: (mode?: string | undefined) => string | undefined;
88
102
  getBackground: (mode?: string | undefined) => string | undefined;
103
+ getTertiary: (mode?: string | undefined) => string | undefined;
89
104
  setMode: (mode: string) => void;
90
105
  setBackground: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
91
106
  setPrimary: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
107
+ setPrimary150: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
108
+ setPrimary500: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
92
109
  setSecondary: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
93
110
  setError: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
94
111
  setAccent: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
@@ -102,6 +119,7 @@ declare const _default: {
102
119
  setAccent700: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
103
120
  setAccent800: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
104
121
  setAccent900: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
122
+ setTertiary: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
105
123
  };
106
124
  typography: {
107
125
  fontFamily: string;
@@ -164,6 +182,11 @@ declare const _default: {
164
182
  fontWeight: string;
165
183
  fontSize: string;
166
184
  };
185
+ caption3: {
186
+ fontFamily: string;
187
+ fontWeight: string;
188
+ fontSize: string;
189
+ };
167
190
  setFontFamily: (fontFamily: string) => void;
168
191
  setFontWeightRegular: (fontWeightRegular: string) => void;
169
192
  setFontWeightMedium: (fontWeightMedium: string) => void;
@@ -180,6 +203,7 @@ declare const _default: {
180
203
  setText3: (textFont: import("@cometchat/uikit-resources").CometChatFont) => void;
181
204
  setCaption1: (captionFont: import("@cometchat/uikit-resources").CometChatFont) => void;
182
205
  setCaption2: (captionFont: import("@cometchat/uikit-resources").CometChatFont) => void;
206
+ setCaption3: (captionFont: import("@cometchat/uikit-resources").CometChatFont) => void;
183
207
  };
184
208
  }>;
185
209
  setThemeMode: (mode: import("./types").ThemeMode) => void;
package/dist/chat/theme.d.ts CHANGED
@@ -10,6 +10,14 @@ export declare const theme: import("vue").Ref<{
10
10
  light?: string | undefined;
11
11
  dark?: string | undefined;
12
12
  };
13
+ primary150: {
14
+ light?: string | undefined;
15
+ dark?: string | undefined;
16
+ };
17
+ primary500: {
18
+ light?: string | undefined;
19
+ dark?: string | undefined;
20
+ };
13
21
  error: {
14
22
  light?: string | undefined;
15
23
  dark?: string | undefined;
@@ -66,6 +74,10 @@ export declare const theme: import("vue").Ref<{
66
74
  light?: string | undefined;
67
75
  dark?: string | undefined;
68
76
  };
77
+ tertiary: {
78
+ light?: string | undefined;
79
+ dark?: string | undefined;
80
+ };
69
81
  getAccent: (mode?: string | undefined) => string | undefined;
70
82
  getAccent50: (mode?: string | undefined) => string | undefined;
71
83
  getAccent100: (mode?: string | undefined) => string | undefined;
@@ -80,11 +92,16 @@ export declare const theme: import("vue").Ref<{
80
92
  getSuccess: (mode?: string | undefined) => string | undefined;
81
93
  getError: (mode?: string | undefined) => string | undefined;
82
94
  getPrimary: (mode?: string | undefined) => string | undefined;
95
+ getPrimary150: (mode?: string | undefined) => string | undefined;
96
+ getPrimary500: (mode?: string | undefined) => string | undefined;
83
97
  getSecondary: (mode?: string | undefined) => string | undefined;
84
98
  getBackground: (mode?: string | undefined) => string | undefined;
99
+ getTertiary: (mode?: string | undefined) => string | undefined;
85
100
  setMode: (mode: string) => void;
86
101
  setBackground: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
87
102
  setPrimary: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
103
+ setPrimary150: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
104
+ setPrimary500: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
88
105
  setSecondary: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
89
106
  setError: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
90
107
  setAccent: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
@@ -98,6 +115,7 @@ export declare const theme: import("vue").Ref<{
98
115
  setAccent700: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
99
116
  setAccent800: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
100
117
  setAccent900: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
118
+ setTertiary: (colorset: import("@cometchat/uikit-resources").PaletteItem) => void;
101
119
  };
102
120
  typography: {
103
121
  fontFamily: string;
@@ -160,6 +178,11 @@ export declare const theme: import("vue").Ref<{
160
178
  fontWeight: string;
161
179
  fontSize: string;
162
180
  };
181
+ caption3: {
182
+ fontFamily: string;
183
+ fontWeight: string;
184
+ fontSize: string;
185
+ };
163
186
  setFontFamily: (fontFamily: string) => void;
164
187
  setFontWeightRegular: (fontWeightRegular: string) => void;
165
188
  setFontWeightMedium: (fontWeightMedium: string) => void;
@@ -176,6 +199,7 @@ export declare const theme: import("vue").Ref<{
176
199
  setText3: (textFont: import("@cometchat/uikit-resources").CometChatFont) => void;
177
200
  setCaption1: (captionFont: import("@cometchat/uikit-resources").CometChatFont) => void;
178
201
  setCaption2: (captionFont: import("@cometchat/uikit-resources").CometChatFont) => void;
202
+ setCaption3: (captionFont: import("@cometchat/uikit-resources").CometChatFont) => void;
179
203
  };
180
204
  }>;
181
205
  export declare const setThemeMode: (mode: ThemeMode) => void;
package/dist/style.css CHANGED
@@ -1 +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)}.bcc-chat-msg-bubble{padding:8px 12px;width:auto;max-width:500px;line-height:1.2;font:400 14px Archivo,sans-serif,Inter;color:var(--cc__text-color)}.bcc-chat-msg-bubble p{color:var(--cc__text-color);line-height:1.2;word-break:break-word;text-align:left;white-space:pre-line;margin:8px 0}.bcc-chat-msg-bubble p:first-child{margin-top:0}.bcc-chat-msg-bubble p:last-child{margin-bottom:0}.bcc-chat-msg-bubble h1{font-size:1.6em;font-weight:800}.bcc-chat-msg-bubble h2{font-size:1.4em;font-weight:700}.bcc-chat-msg-bubble h3{font-size:1.2em;font-weight:600}.bcc-chat-msg-bubble h4{font-size:1em;font-weight:500}.bcc-chat-msg-bubble a{color:var(--cc__link-color);text-decoration:underline;font-weight:500}.bcc-chat-msg-bubble ul{padding-left:16px;list-style:disc;margin:8px 0}.bcc-chat-msg-bubble ol{padding-left:16px;list-style:decimal;margin:8px 0}.bcc-chat-msg-bubble--translated{border-top:1px solid;opacity:.8}.bcc-chat-msg-bubble--translated:before{content:"original: ";opacity:.8;margin-bottom:8px;font-size:12px;display:block}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;--cc__link-color: #57639e}@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;--cc__link-color: #cfeac8}}.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-messages-wrapper .cc-messages-wrapper__messages .cc-messagecomposer-wrapper{padding:0}.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%;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:8px 8px 0 0}.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}
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-2abc65da]{box-sizing:border-box}.cc-list__section[data-v-2abc65da]{margin-left:8px}.cc-list__list[data-v-2abc65da]::-webkit-scrollbar{background:transparent;width:8px}.cc-list__list[data-v-2abc65da]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cc-users[data-v-e629a2c0]{overflow:hidden}.cc-users__menus[data-v-e629a2c0]{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-88d5a7c5]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.cc-conversations__menus[data-v-88d5a7c5]{position:absolute;right:12px;cursor:pointer}.cc-conversations__default-subtitle-view[data-v-88d5a7c5]{display:flex;align-items:center;width:90%;flex-direction:column;justify-content:flex-start}.cc-conversations__subtitle[data-v-88d5a7c5]{display:flex;justify-content:flex-start;width:100%;align-items:center;min-height:22px}.cc-conversations__thread-view[data-v-88d5a7c5]{height:12px;display:flex;justify-content:flex-start;width:100%;align-items:center}.cc-conversations__subtitle-text[data-v-88d5a7c5]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.cc-conversations__badge[data-v-88d5a7c5]{display:flex}.hidden[data-v-6971671a]{display:none!important}*[data-v-6971671a]{box-sizing:border-box}.cc-messagebubble-wrapper[data-v-6971671a]{position:relative;width:100%}.cc-messagebubble-wrapper__container[data-v-6971671a]{padding-right:8px;border-radius:inherit;display:flex;height:fit-content;width:fit-content;max-width:60%}.cc-messagebubble-wrapper__messagebubble[data-v-6971671a]{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-6971671a]{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-6971671a]:empty:before{display:none}.cc-messagebubble-title[data-v-6971671a]:empty:after{display:block;width:100%;height:20px;padding:0 8px}.cc-messagebubble-wrapper__content[data-v-6971671a]{display:flex;flex-direction:column;border-radius:8px}.cc__messagelist__threadreplies[data-v-6971671a]{min-width:fit-content}.cc-messagebubble-wrapper__messageoptions[data-v-6971671a]{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-3afbf53d]{height:100%;width:100%;overflow-y:auto}.cc-messagelist__wrapper[data-v-3afbf53d]{height:100%;width:100%;padding:8px;overflow-y:hidden}.cc-messagelist__bubblefooter[data-v-3afbf53d]{display:flex;justify-content:center;align-items:center}.cc-messagelist__date__container[data-v-3afbf53d]{text-align:center;margin:8px}.cc-messagelist__date[data-v-3afbf53d]{border-radius:10px}.cc-messagelist__messageindicator[data-v-3afbf53d]{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-3afbf53d]{z-index:10;position:relative;bottom:5%;display:flex;align-items:center;justify-content:center;width:100%}.cc-messagelist__decoratormessage[data-v-3afbf53d]{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-3afbf53d]::-webkit-scrollbar{background:transparent;width:8px}.cc-messagelist[data-v-3afbf53d]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cc-messagelist__message-information[data-v-3afbf53d]{height:620px;width:360px}.cc-group-members[data-v-ec8effff]{overflow:hidden}.cc-group-members__back[data-v-ec8effff]{position:absolute;left:8px;padding:12px 8px 8px}.cc-group-members__wrapper[data-v-ec8effff]{height:100%;padding:8px;width:100%}.cc-group-members__close[data-v-ec8effff]{position:absolute;right:8px;padding:12px 8px 8px}.cc-group-members__tail-view[data-v-ec8effff]{position:relative;display:flex;gap:8px;justify-content:flex-end;align-items:center}.cc-group-members__menus[data-v-ec8effff]{position:absolute;right:12px;cursor:pointer}.cc-user-member-wrapper_component[data-v-889f1824]{max-height:196px;min-height:28px;overflow:hidden;width:100%;box-sizing:border-box;min-height:45px;margin-top:10px}.cc-messagecomposer-wrapper__sendbutton[data-v-b91a1592],.cc-messagecomposer-wrapper__livereaction[data-v-b91a1592]{margin:0 5px}.cc-messagecomposer-wrapper[data-v-b91a1592]{height:100%;width:100%;position:relative;text-align:left;padding:16px 14px;box-sizing:border-box}.cc-messagecomposer-wrapper__headerview[data-v-b91a1592]{height:fit-content;width:100%;bottom:120%;position:relative;z-index:2;padding:0 0 1px}.cc-messagecomposer__mentions[data-v-b91a1592]{height:196px;max-height:196px;min-height:28px;overflow:hidden;position:absolute;width:100%;box-sizing:border-box;left:50%;transform:translate(-50%,-100%);display:flex!important;flex-direction:column!important;justify-content:flex-end!important;z-index:2;padding:3px 16px 1px 14px}.cc-messagecomposer__mentions[data-v-b91a1592]::-webkit-scrollbar{display:none}.cc-messagecomposer-mediainput[data-v-b91a1592]{display:none}.cc-messagecomposer-wrapper__auxilary[data-v-b91a1592]{display:flex;gap:8px}.cc-messagecomposer__mentions-limit-exceeded[data-v-b91a1592]{margin-top:20px;left:2px;position:relative;padding-left:13px;background-color:#fff}*[data-v-432766b6]{box-sizing:border-box;margin:0;padding:0}.cc-threadedmessages-wrapper[data-v-432766b6]{display:flex;flex-direction:column;height:90%;overflow-y:hidden;scrollbar-width:none}.cc-threadedmessages-wrapper__header[data-v-432766b6]{width:100%;display:flex;padding:16px;align-items:flex-start}.cc-threadedmessages-wrapper__close[data-v-432766b6]{display:flex;align-items:center}.cc-threadedmessages-wrapper__title[data-v-432766b6]{display:flex;align-items:center;justify-content:center;width:100%}.cc-threadedmessages-wrapper__bubbleview[data-v-432766b6]{width:100%;height:fit-content;padding:8px 16px;box-sizing:border-box;max-height:20em;overflow:scroll;min-height:100px}.cc-threadedmessages-wrapper__header[data-v-432766b6]{flex:0 0 auto}.cc-threadedmessages-wrapper__list[data-v-432766b6]{height:100%;overflow-y:auto;width:100%}.cc-threadedmessages-wrapper__composer[data-v-432766b6]{position:absolute;flex:0 0 auto;min-height:80px;z-index:1;width:100%;bottom:5px}.cc-threaded_message_main_wrapper[data-v-432766b6]{width:100%;height:calc(100% - 156px);display:flex;flex-direction:column}.cc__threadedmessages__actionview[data-v-432766b6]{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-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-551affea]{box-sizing:border-box;margin:0;padding:0}.cc-details__wrapper[data-v-551affea]{padding:8px;border-radius:5px;height:100%;position:relative}.cc-details__profile[data-v-551affea]{margin-bottom:50px;height:8%}.cc-details__section-list[data-v-551affea]{height:84%;width:100%;overflow-y:auto;overflow-x:hidden}.cc-details__header[data-v-551affea]{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.cc-details__close-button[data-v-551affea]{position:absolute;right:20px}.cc-details__section[data-v-551affea]{margin-bottom:32px}.cc-details__section-separator[data-v-551affea]{margin-bottom:16px;padding-left:6px;height:5%}.cc-details__options-wrapper[data-v-551affea]{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.cc-details__option[data-v-551affea]{display:flex;flex-direction:column;justify-content:space-evenly;min-height:50px}.cc-details__option-title[data-v-551affea]{padding-bottom:12px;display:flex;align-items:center;justify-content:space-between}.cc-details__view[data-v-551affea]{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-551affea]::-webkit-scrollbar{background:transparent;width:8px}.cc-details__section-list[data-v-551affea]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}*[data-v-5716d3a9]{box-sizing:border-box;margin:0;padding:0}.cc-messages-wrapper[data-v-5716d3a9]{display:flex;position:relative;height:100%;width:100%}.cc-messages-wrapper__messages[data-v-5716d3a9]{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box;justify-content:space-between}.cc-messages-wrapper__threadedmessages[data-v-5716d3a9],.cc-messages-wrapper__details[data-v-5716d3a9]{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-5716d3a9]{width:100%}.cc-messages-wrapper__messages-list[data-v-5716d3a9]{overflow:hidden;height:calc(100% - 160px);width:100%;height:100%}CometChatThreadedMessages[data-v-5716d3a9]{height:100%;display:flex}.cc-messages-wrapper__composer[data-v-5716d3a9]{width:100%;display:flex;flex-direction:column;justify-content:flex-end}.cc-groups__menus[data-v-d880813b]{position:absolute;right:12px;cursor:pointer;padding-right:12px}.cc-groups__subtitle-view[data-v-d880813b]{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-45cbaa30]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-45cbaa30]{width:280px;height:100%;position:relative;display:flex}.cc-withmessages__main[data-v-45cbaa30]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-45cbaa30]{width:100%!important;height:100%;position:absolute}.cc-decorator__message-empty[data-v-45cbaa30]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages__menus[data-v-45cbaa30]{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)}.bcc-chat-msg-bubble{padding:8px 12px;width:auto;max-width:500px;line-height:1.2;font:400 14px Archivo,sans-serif,Inter;color:var(--cc__text-color)}.bcc-chat-msg-bubble p{color:var(--cc__text-color);line-height:1.2;word-break:break-word;text-align:left;white-space:pre-line;margin:8px 0}.bcc-chat-msg-bubble p:first-child{margin-top:0}.bcc-chat-msg-bubble p:last-child{margin-bottom:0}.bcc-chat-msg-bubble h1{font-size:1.6em;font-weight:800}.bcc-chat-msg-bubble h2{font-size:1.4em;font-weight:700}.bcc-chat-msg-bubble h3{font-size:1.2em;font-weight:600}.bcc-chat-msg-bubble h4{font-size:1em;font-weight:500}.bcc-chat-msg-bubble a{color:var(--cc__link-color);text-decoration:underline;font-weight:500}.bcc-chat-msg-bubble ul{padding-left:16px;list-style:disc;margin:8px 0}.bcc-chat-msg-bubble ol{padding-left:16px;list-style:decimal;margin:8px 0}.bcc-chat-msg-bubble--translated{border-top:1px solid;opacity:.8}.bcc-chat-msg-bubble--translated:before{content:"original: ";opacity:.8;margin-bottom:8px;font-size:12px;display:block}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;--cc__link-color: #57639e}@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;--cc__link-color: #cfeac8}}.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-messages-wrapper .cc-messages-wrapper__messages .cc-messagecomposer-wrapper{padding:0}.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%;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:8px 8px 0 0}.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}