@botonic/webchat-react 2.24.0 → 2.26.0
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.
- package/CHANGELOG.md +20 -0
- package/index.js +1 -1
- package/lib/components/webchat-app/webchat-app.d.ts +9 -1
- package/lib/components/webchat-input/icons/attachment-icon.d.ts +1 -0
- package/lib/components/webchat-input/icons/emoji-icon.d.ts +1 -0
- package/lib/components/webchat-input/icons/microphone-icon.d.ts +1 -0
- package/lib/components/webchat-input/icons/send-icon.d.ts +1 -0
- package/lib/components/webchat-input/icons/svg-attrs.d.ts +7 -0
- package/lib/components/webchat-input/use-webchat-input.d.ts +10 -3
- package/lib/components/webchat-messages/use-custom-scrollbar.d.ts +11 -0
- package/lib/types/webchat-props.d.ts +16 -0
- package/package.json +3 -3
- package/styles.css +49 -5
- package/trigger.js +2 -2
- package/webchat-app-CLGvs-LL.js +2518 -0
- package/webchat-app-CtAHJapU.js +0 -2285
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,23 @@
|
|
|
1
|
+
## 2.26.0 (2026-03-31)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- **webchat-react:** chat input action bar and contextual send/mic #BLT-2290 ([#788](https://github.com/metis-ai/hubtype-product/pull/788))
|
|
6
|
+
|
|
7
|
+
### ❤️ Thank You
|
|
8
|
+
|
|
9
|
+
- David Hidalgo @Davidhidalgo
|
|
10
|
+
|
|
11
|
+
## 2.25.0 (2026-03-27)
|
|
12
|
+
|
|
13
|
+
### 🚀 Features
|
|
14
|
+
|
|
15
|
+
- **webchat:** webchat base component refinement #BLT-2274 ([#777](https://github.com/metis-ai/hubtype-product/pull/777))
|
|
16
|
+
|
|
17
|
+
### ❤️ Thank You
|
|
18
|
+
|
|
19
|
+
- David Hidalgo @Davidhidalgo
|
|
20
|
+
|
|
1
21
|
## 2.24.0 (2026-03-27)
|
|
2
22
|
|
|
3
23
|
### 🚀 Features
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as s, M as t, a as r, b as n, O as o, c as b, d as c, e as h, f as u, g as v, h as W, T as l, W as y, i as O, j as d, k as i, l as C, m as p, u as M, n as g, o as m, p as x, q as H, r as f, s as B, t as I, v as F } from "./webchat-app-
|
|
1
|
+
import { B as s, M as t, a as r, b as n, O as o, c as b, d as c, e as h, f as u, g as v, h as W, T as l, W as y, i as O, j as d, k as i, l as C, m as p, u as M, n as g, o as m, p as x, q as H, r as f, s as B, t as I, v as F } from "./webchat-app-CLGvs-LL.js";
|
|
2
2
|
export {
|
|
3
3
|
s as ButtonComponent,
|
|
4
4
|
t as Message,
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { WebchatController } from '@botonic/webchat-core';
|
|
2
2
|
import { WebchatStateProps } from '../../hooks/use-webchat-state';
|
|
3
|
+
import { WebchatInputIcons } from '../../types/webchat-props';
|
|
3
4
|
import { CoverComponentRegistry } from '../webchat-overlay';
|
|
4
5
|
export interface WebchatAppProps extends Omit<WebchatStateProps, 'customMessages'> {
|
|
5
6
|
/** Whether the webchat is open */
|
|
@@ -14,10 +15,17 @@ export interface WebchatAppProps extends Omit<WebchatStateProps, 'customMessages
|
|
|
14
15
|
title?: string;
|
|
15
16
|
/** Placeholder text for input */
|
|
16
17
|
placeholder?: string;
|
|
18
|
+
/**
|
|
19
|
+
* When true, shows "Powered by Hubtype" under the input.
|
|
20
|
+
* Can also be set via WebchatTrigger `webchatConfig.showBranding`. Default: true.
|
|
21
|
+
*/
|
|
22
|
+
showBranding?: boolean;
|
|
17
23
|
/** Custom messages registry */
|
|
18
24
|
customMessages?: Record<string, React.ComponentType<any>>;
|
|
19
25
|
/** Cover components registry */
|
|
20
26
|
coverRegistry?: CoverComponentRegistry;
|
|
27
|
+
/** Override default icons for the input action bar. */
|
|
28
|
+
icons?: WebchatInputIcons;
|
|
21
29
|
}
|
|
22
30
|
/**
|
|
23
31
|
* WebchatApp - Complete webchat component for lazy loading
|
|
@@ -38,4 +46,4 @@ export interface WebchatAppProps extends Omit<WebchatStateProps, 'customMessages
|
|
|
38
46
|
* />
|
|
39
47
|
* ```
|
|
40
48
|
*/
|
|
41
|
-
export declare function WebchatApp({ appId, isOpen, onClose, onControllerReady, title, placeholder, customMessages, avatarConfig, coverRegistry, ...restConfig }: WebchatAppProps): import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
export declare function WebchatApp({ appId, isOpen, onClose, onControllerReady, title, placeholder, showBranding, customMessages, avatarConfig, coverRegistry, icons, ...restConfig }: WebchatAppProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function AttachmentIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function EmojiIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function MicrophoneIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function SendIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -6,11 +6,16 @@ export declare function useWebchatInput(props: WebchatInputProps, state: Webchat
|
|
|
6
6
|
ref: RefObject<HTMLDivElement>;
|
|
7
7
|
'aria-label': string;
|
|
8
8
|
'data-webchat-input': string;
|
|
9
|
+
icons?: import('../../..').WebchatInputIcons;
|
|
9
10
|
};
|
|
10
11
|
inputValue: string;
|
|
12
|
+
hasText: boolean;
|
|
11
13
|
handleSubmit: (e: React.FormEvent) => void;
|
|
12
14
|
handleInputChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
13
15
|
handleKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
|
|
16
|
+
onEmojiClick: (() => void) | undefined;
|
|
17
|
+
onAttachmentClick: (() => void) | undefined;
|
|
18
|
+
onMicrophoneClick: (() => void) | undefined;
|
|
14
19
|
fieldProps: {
|
|
15
20
|
value: string;
|
|
16
21
|
onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
@@ -19,13 +24,15 @@ export declare function useWebchatInput(props: WebchatInputProps, state: Webchat
|
|
|
19
24
|
disabled: boolean | undefined;
|
|
20
25
|
rows: number;
|
|
21
26
|
};
|
|
22
|
-
|
|
23
|
-
type: "submit";
|
|
24
|
-
disabled: boolean
|
|
27
|
+
primaryActionProps: {
|
|
28
|
+
type: "submit" | "button";
|
|
29
|
+
disabled: boolean;
|
|
25
30
|
'aria-label': string;
|
|
26
31
|
};
|
|
27
32
|
variants: {
|
|
28
33
|
variant: "default";
|
|
29
34
|
className: string | undefined;
|
|
30
35
|
};
|
|
36
|
+
isInputDisabled: boolean | undefined;
|
|
37
|
+
showBranding: boolean;
|
|
31
38
|
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
export interface CustomScrollbarState {
|
|
3
|
+
thumbHeight: number;
|
|
4
|
+
thumbTop: number;
|
|
5
|
+
isVisible: boolean;
|
|
6
|
+
trackRef: RefObject<HTMLDivElement>;
|
|
7
|
+
thumbRef: RefObject<HTMLDivElement>;
|
|
8
|
+
onTrackMouseDown: (e: React.MouseEvent) => void;
|
|
9
|
+
onThumbMouseDown: (e: React.MouseEvent) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare function useCustomScrollbar(scrollRef: RefObject<HTMLDivElement>): CustomScrollbarState;
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import { WebchatController } from '@botonic/webchat-core';
|
|
2
2
|
import { ComponentType, ReactNode } from 'react';
|
|
3
3
|
import { CoverComponentRegistry } from '../components/webchat-overlay';
|
|
4
|
+
export interface WebchatInputIcons {
|
|
5
|
+
emoji?: ReactNode;
|
|
6
|
+
attachment?: ReactNode;
|
|
7
|
+
microphone?: ReactNode;
|
|
8
|
+
send?: ReactNode;
|
|
9
|
+
}
|
|
4
10
|
export interface BaseWebchatProps {
|
|
5
11
|
className?: string;
|
|
6
12
|
'aria-label'?: string;
|
|
@@ -62,6 +68,16 @@ export interface WebchatInputProps extends BaseWebchatProps {
|
|
|
62
68
|
placeholder?: string;
|
|
63
69
|
variant?: 'default';
|
|
64
70
|
disabled?: boolean;
|
|
71
|
+
/** When true, shows the "Powered by Hubtype" line below the input. Default: true. */
|
|
72
|
+
showBranding?: boolean;
|
|
73
|
+
/** Called when the emoji control is activated (UI-only until wired by consumer). */
|
|
74
|
+
onEmojiClick?: () => void;
|
|
75
|
+
/** Called when the attachment control is activated (UI-only until wired by consumer). */
|
|
76
|
+
onAttachmentClick?: () => void;
|
|
77
|
+
/** Called when the microphone control is activated (UI-only until wired by consumer). */
|
|
78
|
+
onMicrophoneClick?: () => void;
|
|
79
|
+
/** Override default SVG icons for action bar buttons. */
|
|
80
|
+
icons?: WebchatInputIcons;
|
|
65
81
|
}
|
|
66
82
|
export interface WebchatHeaderProps extends BaseWebchatProps {
|
|
67
83
|
title?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@botonic/webchat-react",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.26.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"types": "./index.d.ts",
|
|
6
6
|
"module": "./index.js",
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"react": "^18.0.0",
|
|
28
28
|
"react-dom": "^18.0.0",
|
|
29
|
-
"@botonic/webchat-core": "2.
|
|
30
|
-
"@botonic/shared": "2.
|
|
29
|
+
"@botonic/webchat-core": "2.26.0",
|
|
30
|
+
"@botonic/shared": "2.26.0"
|
|
31
31
|
},
|
|
32
32
|
"publishConfig": {
|
|
33
33
|
"access": "public"
|
package/styles.css
CHANGED
|
@@ -18,8 +18,10 @@
|
|
|
18
18
|
--webchat-header-border: var(--color-neutral-200);
|
|
19
19
|
--webchat-header-title-color: var(--color-neutral-900);
|
|
20
20
|
--webchat-header-status-text-color: var(--color-neutral-500);
|
|
21
|
-
|
|
21
|
+
/* Default matches default header (border-box); override for custom header content */
|
|
22
|
+
--webchat-header-height: 65px;
|
|
22
23
|
--webchat-header-border-radius: 0px;
|
|
24
|
+
--webchat-header-border-bottom: 0px;
|
|
23
25
|
|
|
24
26
|
/* Webchat Messages Tokens */
|
|
25
27
|
--webchat-messages-bg: var(--color-white);
|
|
@@ -68,13 +70,34 @@
|
|
|
68
70
|
--webchat-input-border: var(--border-width-md) solid
|
|
69
71
|
var(--color-neutral-100);
|
|
70
72
|
--webchat-input-border-radius: var(--radius-xl);
|
|
71
|
-
--webchat-input-border-focus-color: var(--color-
|
|
73
|
+
--webchat-input-border-focus-color: var(--color-focus);
|
|
72
74
|
--webchat-input-shadow: var(--shadow-level-3);
|
|
73
75
|
--webchat-input-text-color: var(--color-neutral-900);
|
|
74
76
|
--webchat-input-placeholder-color: var(--color-neutral-500);
|
|
75
77
|
--webchat-input-font-size: var(--font-size-s);
|
|
76
78
|
--webchat-input-line-height: var(--line-height-s);
|
|
77
|
-
--webchat-input-height:
|
|
79
|
+
--webchat-input-height: 60px; /* Input pill min-height; matches Figma Chat Input */
|
|
80
|
+
|
|
81
|
+
/* Branding footer ("Powered by Hubtype") */
|
|
82
|
+
--webchat-branding-text-color: var(--color-neutral-500);
|
|
83
|
+
|
|
84
|
+
/*
|
|
85
|
+
* Bottom chrome height — mirrors webchat-input .base layout (padding + pill + gap + branding + bottom pad).
|
|
86
|
+
* Assumes branding row is shown; keep in sync when webchat-input.module.css spacing changes.
|
|
87
|
+
*/
|
|
88
|
+
--webchat-input-stack-height: calc(
|
|
89
|
+
var(--spacing-xs) + var(--webchat-input-height) + var(--spacing-xs) +
|
|
90
|
+
var(--line-height-m) + var(--spacing-s)
|
|
91
|
+
);
|
|
92
|
+
/* Frosted strip at bottom of message list; matches input stack */
|
|
93
|
+
--webchat-messages-bottom-fade-height: var(--webchat-input-stack-height);
|
|
94
|
+
--webchat-messages-bottom-fade-blur: 10px;
|
|
95
|
+
|
|
96
|
+
/* Custom scrollbar (native is hidden so blur can span full width) */
|
|
97
|
+
--webchat-scrollbar-width: 6px;
|
|
98
|
+
--webchat-scrollbar-thumb-bg: var(--color-neutral-300);
|
|
99
|
+
--webchat-scrollbar-thumb-bg-hover: var(--color-neutral-400);
|
|
100
|
+
--webchat-scrollbar-thumb-radius: var(--radius-xs);
|
|
78
101
|
|
|
79
102
|
/* Send Button Tokens */
|
|
80
103
|
--webchat-input-send-button-size: 28px;
|
|
@@ -84,6 +107,27 @@
|
|
|
84
107
|
--webchat-input-send-button-text: var(--color-white);
|
|
85
108
|
--webchat-input-send-button-border-radius: 50%;
|
|
86
109
|
|
|
110
|
+
/* Icons inside the primary-action button */
|
|
111
|
+
--webchat-input-send-icon-size: 14px;
|
|
112
|
+
--webchat-input-mic-icon-size: 17px;
|
|
113
|
+
|
|
114
|
+
/* Input action bar icon buttons (emoji, attachment) */
|
|
115
|
+
--webchat-input-action-icon-size: 17px;
|
|
116
|
+
--webchat-input-action-icon-padding: var(
|
|
117
|
+
--spacing-xxs
|
|
118
|
+
); /* 4px → 24px touch target */
|
|
119
|
+
--webchat-input-action-icon-color: var(--color-neutral-500);
|
|
120
|
+
--webchat-input-action-icon-color-hover: var(--color-neutral-700);
|
|
121
|
+
--webchat-input-action-bar-gap: var(
|
|
122
|
+
--spacing-xxs
|
|
123
|
+
); /* 4px gap + 4px button padding = 12px between icon edges */
|
|
124
|
+
|
|
125
|
+
/* Mic/send icon spring crossfade (single primary-action button) */
|
|
126
|
+
--webchat-input-icon-exit-duration: 100ms;
|
|
127
|
+
--webchat-input-icon-exit-easing: cubic-bezier(0.4, 0, 1, 1);
|
|
128
|
+
--webchat-input-icon-enter-duration: 280ms;
|
|
129
|
+
--webchat-input-icon-enter-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
130
|
+
|
|
87
131
|
/* Animation Tokens */
|
|
88
132
|
--webchat-input-transition: var(--transition-fast);
|
|
89
133
|
|
|
@@ -140,7 +184,7 @@
|
|
|
140
184
|
solid var(--color-lilara-700);
|
|
141
185
|
--webchat-button-primary-font-size: var(--font-size-m);
|
|
142
186
|
--webchat-button-primary-font-weight: var(--font-weight-bold);
|
|
143
|
-
--webchat-button-primary-focus-outline: var(--color-
|
|
187
|
+
--webchat-button-primary-focus-outline: var(--color-focus);
|
|
144
188
|
|
|
145
189
|
/* Secondary Button Tokens */
|
|
146
190
|
--webchat-button-secondary-bg: var(--color-white);
|
|
@@ -166,4 +210,4 @@
|
|
|
166
210
|
}
|
|
167
211
|
|
|
168
212
|
|
|
169
|
-
@layer overrides{.button-component-module__buttonComponent___KMwSR{cursor:pointer;transition:var(--webchat-button-transition, all .15s ease);text-align:center;border:var(--webchat-button-border-width, 1px) solid transparent;border-radius:var(--webchat-button-border-radius, var(--radius-md, 10px));font-weight:var(--webchat-button-font-weight, 500);text-transform:none;letter-spacing:normal;box-shadow:var(--webchat-button-shadow, none)}.button-component-module__buttonComponent___KMwSR:hover:not(:disabled){transform:var(--webchat-button-transform-hover, translateY(-1px));box-shadow:var(--webchat-button-shadow-hover, none)}.button-component-module__buttonComponent___KMwSR:active:not(:disabled){transform:translateY(0);box-shadow:var(--webchat-button-shadow, none)}.button-component-module__buttonComponent___KMwSR:focus-visible{outline:var(--webchat-button-focus-outline-width, 2px) solid var(--color-lilara-500, #6e49ff);outline-offset:var(--webchat-button-focus-outline-offset, 2px)}.button-component-module__buttonComponent___KMwSR:disabled{cursor:not-allowed;transform:none;box-shadow:none;opacity:var(--webchat-button-disabled-opacity, .5)}.button-component-module__secondary___TTpBp{padding:var(--spacing-xs, 8px) var(--spacing-s, 12px);border:var( --webchat-button-secondary-border, 1px solid var(--color-neutral-200, #c4c6d0) );background-color:var( --webchat-button-secondary-bg, var(--color-white, #ffffff) );color:var( --webchat-button-secondary-text, var(--color-neutral-900, #24252c) );font-size:var( --webchat-button-secondary-font-size, var(--font-size-s, .875rem) );border-radius:var( --webchat-button-secondary-border-radius, var(--radius-xs, 4px) )}.button-component-module__secondary___TTpBp:hover:not(:disabled){background-color:var( --webchat-button-secondary-bg-hover, var(--color-neutral-50, #f0f0f3) );border:var( --webchat-button-secondary-border-hover, 1px solid var(--color-neutral-300, #9b9daf) );color:var( --webchat-button-secondary-text-hover, var(--color-neutral-900, #24252c) )}.button-component-module__secondary___TTpBp:active:not(:disabled){background-color:var( --webchat-button-secondary-bg-active, var(--color-neutral-100, #e8e8ea) );border:var( --webchat-button-secondary-border-active, 1px solid var(--color-neutral-400, #84889d) )}.button-component-module__secondary___TTpBp:disabled{background-color:var( --webchat-button-secondary-bg-disabled, var(--color-neutral-25, #f8f7f8) );color:var( --webchat-button-secondary-text-disabled, var(--color-neutral-400, #84889d) )}.button-component-module__primary___bD2jQ{padding:var(--spacing-xs, 8px) var(--spacing-s, 12px);background-color:var( --webchat-button-primary-bg, var(--color-lilara-500, #6e49ff) );color:var(--webchat-button-primary-text, var(--color-white, #ffffff));border:var(--webchat-button-primary-border, 1px solid transparent);font-size:var( --webchat-button-secondary-font-size, var(--font-size-s, .875rem) );font-weight:var(--webchat-button-font-weight, 500);border-radius:var( --webchat-button-secondary-border-radius, var(--radius-xs, 4px) )}.button-component-module__primary___bD2jQ:hover:not(:disabled){background-color:var( --webchat-button-primary-bg-hover, var(--color-lilara-600, #522ec6) );border:var(--webchat-button-primary-border-hover, 1px solid transparent)}.button-component-module__primary___bD2jQ:active:not(:disabled){background-color:var( --webchat-button-primary-bg-active, var(--color-lilara-700, #321189) );border:var( --webchat-button-primary-border-active, 1px solid transparent )}.button-component-module__primary___bD2jQ:focus-visible{outline-color:var( --webchat-button-primary-focus-outline, var(--color-lilara-300, #a791ff) )}}@layer overrides{.confirm-modal-module__overlay___rRE3G{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:400;animation:confirm-modal-module__webchat-overlay-open___mwnVa var(--webchat-animation-duration) var(--webchat-animation-timing)}.confirm-modal-module__modal___AliW3{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-m);max-width:320px;width:calc(100% - var(--spacing-m) * 2);box-shadow:var(--shadow-lg);animation:confirm-modal-module__webchat-modal-open___Wf8RX var(--webchat-animation-duration) var(--webchat-animation-timing)}.confirm-modal-module__title___nOVLU{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin:0 0 var(--spacing-xs) 0}.confirm-modal-module__message___NiTmg{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin:0 0 var(--spacing-m) 0;line-height:var(--line-height-sm)}.confirm-modal-module__buttons___T9sSa{display:flex;gap:var(--spacing-xs);justify-content:flex-end}@keyframes confirm-modal-module__webchat-overlay-open___mwnVa{0%{opacity:0}to{opacity:1}}@keyframes confirm-modal-module__webchat-modal-open___Wf8RX{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}}@layer overrides{.cover-frame-module__base___e38vU{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-white, #ffffff)}.cover-frame-module__errorContainer___o19mQ{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--spacing-m, 16px)}.cover-frame-module__errorText___ltF9m{color:var(--color-danger-500, #dc2626);font-size:var(--font-size-s, .875rem);text-align:center}}@layer overrides{.webview-frame-module__base___u5SZG{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden}.webview-frame-module__loadingContainer___eqQ-L{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--webchat-container-bg);z-index:1}.webview-frame-module__spinner___5gsaP{width:32px;height:32px;border:3px solid var(--color-neutral-200);border-top-color:var(--color-lilara-500);border-radius:50%;animation:webview-frame-module__spin___Y8Qqd .8s linear infinite}.webview-frame-module__iframe___XewWc{flex:1;width:100%;height:100%;border:none;background-color:var(--color-white);transition:opacity var(--webchat-animation-duration) var(--webchat-animation-timing)}}@keyframes webview-frame-module__spin___Y8Qqd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@layer overrides{.header-module__base___WYM0o{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-s) var(--spacing-sm);background-color:var(--webchat-header-bg-overlay);border-bottom:1px solid var(--color-neutral-100);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);flex-shrink:0}.header-module__minimal___6nq5w{padding:var(--spacing-xs) var(--spacing-s);background-color:transparent;border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none}.header-module__titleContainer___56hi4{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0;flex:1}.header-module__icon___BCSbe{font-size:var(--font-size-ml);line-height:1;flex-shrink:0}.header-module__title___0c-LL{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-xxs);color:var(--webchat-header-title-color);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-module__closeButton___wOwC8{width:28px;height:28px;background-color:transparent;border:none;font-size:var(--font-size-ml);cursor:pointer;padding:var(--spacing-xxs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);color:var(--webchat-header-title-color);transition:background-color var(--webchat-animation-duration) var(--webchat-animation-timing);flex-shrink:0}.header-module__closeButton___wOwC8:hover{background-color:#0000001a}.header-module__closeButton___wOwC8:focus-visible{outline:2px solid var(--color-lilara-500);outline-offset:1px}}@layer overrides{.overlay-module__base___qm4j7{position:absolute;inset:0;display:flex;flex-direction:column;background-color:var(--webchat-container-bg);z-index:300;animation:overlay-module__webchat-overlay-open___CHUYj var(--webchat-animation-duration) var(--webchat-animation-timing)}@keyframes overlay-module__webchat-overlay-open___CHUYj{0%{opacity:0}to{opacity:1}}}@layer overrides{.webchat-container-module__base___-nEHI{display:grid;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;background-color:var(--webchat-container-bg);border:var(--webchat-container-border);border-radius:var(--webchat-container-border-radius);box-shadow:var(--webchat-container-shadow);overflow:hidden;position:fixed;z-index:var(--webchat-z-index);bottom:calc(var(--webchat-trigger-position-offset) + var(--webchat-trigger-size) + var(--spacing-sm));right:var(--webchat-trigger-position-offset)}.webchat-container-module__base___-nEHI>[data-webchat-header]{grid-area:1 / 1 / 2 / 2;align-self:start;z-index:200}.webchat-container-module__base___-nEHI>[data-webchat-messages]{grid-area:1 / 1 / 4 / 1;overflow:hidden;z-index:100}.webchat-container-module__base___-nEHI>[data-webchat-input]{grid-area:3 / 1 / 4 / 2;align-self:end;z-index:200}.webchat-container-module__is-open___y7UjX{opacity:1}.webchat-container-module__default___Zl33C{width:var(--webchat-container-max-width);height:var(--webchat-container-max-height)}.webchat-container-module__position-bottom-right___NIW0p{bottom:calc(var(--webchat-trigger-position-offset) + var(--webchat-trigger-size) + var(--spacing-sm));right:var(--webchat-trigger-position-offset)}.webchat-container-module__position-bottom-left___gatKC{bottom:calc(var(--webchat-trigger-position-offset) + var(--webchat-trigger-size) + var(--spacing-sm));left:var(--webchat-trigger-position-offset)}.webchat-container-module__position-top-right___DKI8J{top:calc(var(--webchat-trigger-position-offset) + var(--webchat-trigger-size) + var(--spacing-sm));right:var(--webchat-trigger-position-offset)}.webchat-container-module__position-top-left___ehR4d{top:calc(var(--webchat-trigger-position-offset) + var(--webchat-trigger-size) + var(--spacing-sm));left:var(--webchat-trigger-position-offset)}.webchat-container-module__is-opening___5Ot9W{animation:webchat-container-module__webchat-container-open___63E68 var(--webchat-trigger-animation-duration) var(--webchat-trigger-animation-timing);animation-delay:var(--webchat-container-animation-delay);animation-fill-mode:both}.webchat-container-module__is-closing___o0hqs{animation:webchat-container-module__webchat-container-close___Z-wUD var(--webchat-trigger-animation-duration) var(--webchat-trigger-animation-timing);animation-delay:var(--webchat-container-animation-delay);animation-fill-mode:both}@keyframes webchat-container-module__webchat-container-open___63E68{0%{opacity:var(--webchat-fade-in-opacity);transform:translateY(0)}50%{opacity:1;transform:translateY(calc(var(--spacing-xs) * -1))}to{opacity:1;transform:translateY(0)}}@keyframes webchat-container-module__webchat-container-close___Z-wUD{0%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(var(--spacing-xs))}to{opacity:var(--webchat-fade-in-opacity);transform:translateY(0)}}}@layer overrides{.webchat-header-module__base___VbIWd{background-color:var(--webchat-header-bg-overlay);padding:var(--spacing-s) var(--spacing-sm);border-radius:var(--webchat-header-border-radius);border-bottom:1px solid var(--color-neutral-100);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);flex-shrink:0}.webchat-header-module__header-content___bPP9l{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.webchat-header-module__header-text___64Yj9{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.webchat-header-module__header-title___QHcHi{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-xxs);color:var(--webchat-header-title-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webchat-header-module__status-section___TlGf-{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-xxs)}.webchat-header-module__status-text___fTZvQ{color:var(--webchat-header-status-text-color)}.webchat-header-module__status-dot___rjbA2{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background-color var(--webchat-animation-duration) var(--webchat-animation-timing)}.webchat-header-module__status-dot___rjbA2[data-status=connected]{background-color:#22c55e}.webchat-header-module__status-dot___rjbA2[data-status=connecting],.webchat-header-module__status-dot___rjbA2[data-status=retrying]{background-color:#f59e0b}.webchat-header-module__status-dot___rjbA2[data-status=disconnected],.webchat-header-module__status-dot___rjbA2[data-status=unavailable],.webchat-header-module__status-dot___rjbA2[data-status=error]{background-color:#ef4444}.webchat-header-module__close-button___ggJh9{background:none;border:none;font-size:var(--font-size-ml);cursor:pointer;padding:var(--spacing-xxs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);width:24px;height:24px;transition:background-color var(--webchat-animation-duration) var(--webchat-animation-timing);flex-shrink:0}.webchat-header-module__close-button___ggJh9:hover{background-color:#ffffff1a}.webchat-header-module__close-button___ggJh9:active{background-color:#fff3}.webchat-header-module__close-button___ggJh9:focus{outline:none}.webchat-header-module__close-button___ggJh9:focus-visible{outline:2px solid var(--color-white);outline-offset:1px}.webchat-header-module__minimal___rloXK{padding:var(--spacing-xs) var(--spacing-sm)}.webchat-header-module__minimal___rloXK .webchat-header-module__header-title___QHcHi{font-size:var(--font-size-s)}.webchat-header-module__minimal___rloXK .webchat-header-module__status-text___fTZvQ{font-size:var(--font-size-xxs)}.webchat-header-module__minimal___rloXK .webchat-header-module__status-dot___rjbA2{width:6px;height:6px}}@layer overrides{.webchat-input-module__base___TZXU7{padding:var(--spacing-sm)}.webchat-input-module__input-form___GnKc7{display:flex;align-items:center;background-color:var(--webchat-input-bg);border:var(--webchat-input-border);border-radius:var(--webchat-input-border-radius);box-shadow:var(--webchat-input-shadow);gap:var(--spacing-xs);padding:var(--spacing-sm)}.webchat-input-module__input-form___GnKc7:focus-within{border-color:var(--webchat-input-border-focus-color)}.webchat-input-module__input-field___c4r26{flex:1;border:none;outline:none;background:transparent;font-size:var(--webchat-input-font-size);line-height:var(--webchat-input-line-height);color:var(--webchat-input-text-color);resize:none;font-family:inherit}.webchat-input-module__input-field___c4r26::placeholder{color:var(--webchat-input-placeholder-color)}.webchat-input-module__send-button___iOZ7C{width:var(--webchat-input-send-button-size);height:var(--webchat-input-send-button-size);border-radius:var(--webchat-input-send-button-border-radius);border:none;background-color:var(--webchat-input-send-button-bg);color:var(--webchat-input-send-button-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--webchat-input-transition);flex-shrink:0}.webchat-input-module__send-button___iOZ7C:hover{background-color:var(--webchat-input-send-button-bg-hover)}.webchat-input-module__send-button___iOZ7C:active{transform:scale(.95)}.webchat-input-module__send-button___iOZ7C:disabled{background-color:var(--webchat-input-send-button-bg-disabled);cursor:not-allowed;transform:none}}@layer overrides{.message-avatar-module__container___-EX1c{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xxs);grid-area:avatar}.message-avatar-module__base___RPKhe{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0}.message-avatar-module__image___rxwYA{width:100%;height:100%;object-fit:cover}.message-avatar-module__svg___eMikf{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.message-avatar-module__svg___eMikf svg{width:100%;height:100%;object-fit:cover}.message-avatar-module__fallback___2Xa-W{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--font-size-s);font-weight:var(--font-weight-medium)}.message-avatar-module__name___L20Ht{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.message-avatar-module__small___gBALc{width:var(--size-6);height:var(--size-6)}.message-avatar-module__medium___WSeE1{width:var(--size-8);height:var(--size-8)}.message-avatar-module__large___a-hNp{width:var(--size-10);height:var(--size-10)}.message-avatar-module__bot___2Bh0Y{background-color:var(--color-neutral-100);color:var(--color-neutral-700);border:var(--border-width-sm) solid var(--color-neutral-200)}.message-avatar-module__agent___MemVD{background-color:var(--color-primary-100);color:var(--color-primary-700);border:var(--border-width-sm) solid var(--color-primary-200)}}@layer overrides{.message-bubble-module__base___WzTAP{display:flex;flex-direction:column;gap:var(--spacing-s);padding:var(--spacing-s) var(--spacing-sm);border-radius:var(--webchat-message-bubble-border-radius);font-size:var(--font-size-s);line-height:var(--line-height-s);font-family:var(--font-family);word-wrap:break-word;max-width:100%;position:relative;grid-area:bubble}.message-bubble-module__bot___PcXmL{background-color:var(--webchat-message-bubble-bot-bg);color:var(--webchat-message-bubble-bot-text);border:var(--webchat-message-bubble-bot-border);border-color:var(--webchat-message-bubble-bot-border-color);border-bottom-left-radius:var(--webchat-message-bubble-border-radius-tail)}.message-bubble-module__agent___WGfzX{background-color:var(--webchat-message-bubble-agent-bg);color:var(--webchat-message-bubble-agent-text);border:var(--webchat-message-bubble-agent-border);border-color:var(--webchat-message-bubble-agent-border-color);border-bottom-left-radius:var(--webchat-message-bubble-border-radius-tail)}.message-bubble-module__user___lFMMm{background-color:var(--webchat-message-bubble-user-bg);color:var(--webchat-message-bubble-user-text);border:var(--webchat-message-bubble-user-border);border-color:var(--webchat-message-bubble-user-border-color);border-bottom-right-radius:var( --webchat-message-bubble-border-radius-tail )}.message-bubble-module__system___e8-FD{background-color:var(--webchat-message-bubble-system-bg);color:var(--webchat-message-bubble-system-text);border:var(--webchat-message-bubble-system-border);border-color:var(--webchat-message-bubble-system-border-color);text-align:center;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-s)}.message-bubble-module__sending___P9nK-{opacity:var(--webchat-message-bubble-sending-opacity);position:relative}.message-bubble-module__error___mine7{background-color:var(--webchat-message-bubble-error-bg);color:var(--webchat-message-bubble-error-text);border:var(--webchat-message-bubble-error-border);border-color:var(--webchat-message-bubble-error-border-color)}}@layer overrides{.message-info-module__base___yO0Cd{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--webchat-message-timestamp-color);opacity:.7;font-family:var(--font-family);grid-area:info}.message-info-module__timestamp___xwDsF{flex-shrink:0}.message-info-module__status___jPwtz{flex-shrink:0;font-weight:var(--font-weight-medium)}.message-info-module__status___jPwtz[data-status=sending]{color:var(--color-warning-600)}.message-info-module__status___jPwtz[data-status=sent]{color:var(--color-success-600)}.message-info-module__status___jPwtz[data-status=error]{color:var(--color-error-600)}.message-info-module__top___NK5CY{order:-1}.message-info-module__bottom___NE4Rs{order:1}.message-info-module__bot___xlQbg,.message-info-module__agent___ckeYQ{justify-content:flex-start;text-align:left;padding-left:var(--spacing-xs)}.message-info-module__user___bgEi-{justify-content:flex-end;text-align:right;padding-right:var(--spacing-xs)}.message-info-module__system___MF1CS{justify-content:center;text-align:center}@media(max-width:768px){.message-info-module__base___yO0Cd{font-size:var(--font-size-xxxs);gap:var(--spacing-xxs)}}}@layer overrides{.message-module__base___Ki7QB{display:grid;padding:0 var(--spacing-sm);max-width:100%;position:relative;gap:var(--spacing-xxs);align-items:start}.message-module__base___Ki7QB:focus{outline:none}.message-module__base___Ki7QB[data-focus-visible=true]{outline:2px solid var(--color-lilara-500);outline-offset:2px;border-radius:var(--radius-sm)}.message-module__bot___vw-E6{grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"bubble" "info"}.message-module__bot___vw-E6 [data-webchat-message-bubble] [data-webchat-message-info]{justify-self:start}.message-module__agent___2wXra{grid-template-columns:auto;grid-template-rows:auto auto;grid-template-areas:"bubble" "info"}.message-module__agent___2wXra [data-webchat-message-bubble],.message-module__agent___2wXra [data-webchat-message-info]{justify-self:start}.message-module__user___BSpcY{grid-template-columns:auto;grid-template-rows:auto auto;grid-template-areas:"bubble" "info"}.message-module__user___BSpcY [data-webchat-message-bubble],.message-module__user___BSpcY [data-webchat-message-info]{justify-self:end}.message-module__system___-jvsr{grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"bubble" "info";justify-items:center;max-width:80%;margin:0 auto}.message-module__system___-jvsr [data-webchat-message-bubble],.message-module__system___-jvsr [data-webchat-message-info]{justify-self:center}.message-module__base___Ki7QB>[data-webchat-message-avatar]{grid-area:avatar}.message-module__base___Ki7QB>[data-webchat-message-bubble]{grid-area:bubble}.message-module__base___Ki7QB>[data-webchat-message-info]{grid-area:info}}@layer component-variants{.audio-message-module__audioMessageBase___Xye8T{width:auto}}@layer overrides{.audio-message-module__audioContainer___7ehUa{display:flex;align-items:center;background-color:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--spacing-sm);min-width:200px;max-width:300px;transition:all var(--webchat-animation-timing) ease}.audio-message-module__audioContainer___7ehUa:hover{background-color:var(--color-neutral-100);border-color:var(--color-neutral-300)}.audio-message-module__audioControls___bPgRS{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.audio-message-module__playButton___zFi0C{display:flex;align-items:center;justify-content:center;width:var(--size-icon-md);height:var(--size-icon-md);background-color:var(--color-primary-500);color:var(--color-neutral-white);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast) ease;flex-shrink:0}.audio-message-module__playButton___zFi0C:hover{background-color:var(--color-primary-600);transform:scale(1.05)}.audio-message-module__playButton___zFi0C:active{transform:scale(.95)}.audio-message-module__playButton___zFi0C.audio-message-module__isPlaying___WQu2R{background-color:var(--color-neutral-600)}.audio-message-module__playButton___zFi0C.audio-message-module__isPlaying___WQu2R:hover{background-color:var(--color-neutral-700)}.audio-message-module__playIcon___X2gd4{width:12px;height:12px}.audio-message-module__audioInfo___YeYsJ{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.audio-message-module__timeDisplay___zhXjk{font-size:var(--font-size-xs);color:var(--color-neutral-600);font-weight:var(--font-weight-medium);text-align:center}.audio-message-module__progressContainer___4gzGk{position:relative;width:100%}.audio-message-module__progressBar___TwMvE{width:100%;height:4px;background-color:var(--color-neutral-200);border-radius:var(--radius-sm);outline:none;cursor:pointer;transition:background-color var(--transition-fast) ease;-webkit-appearance:none;appearance:none}.audio-message-module__progressBar___TwMvE::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background-color:var(--color-primary-500);border-radius:50%;cursor:pointer;transition:all var(--transition-fast) ease}.audio-message-module__progressBar___TwMvE::-webkit-slider-thumb:hover{background-color:var(--color-primary-600);transform:scale(1.2)}.audio-message-module__progressBar___TwMvE::-moz-range-thumb{width:12px;height:12px;background-color:var(--color-primary-500);border-radius:50%;cursor:pointer;border:none;transition:all var(--transition-fast) ease}.audio-message-module__progressBar___TwMvE::-moz-range-thumb:hover{background-color:var(--color-primary-600);transform:scale(1.2)}.audio-message-module__progressBar___TwMvE:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.audio-message-module__progressBar___TwMvE:disabled::-webkit-slider-thumb{cursor:not-allowed}.audio-message-module__progressBar___TwMvE:disabled::-moz-range-thumb{cursor:not-allowed}.audio-message-module__audioLoading___Lu2qH{opacity:.7}.audio-message-module__audioLoading___Lu2qH .audio-message-module__playButton___zFi0C{background-color:var(--color-neutral-400);cursor:wait}.audio-message-module__audioError___bJS6s{background-color:var(--color-error-50);border-color:var(--color-error-200)}.audio-message-module__audioError___bJS6s .audio-message-module__playButton___zFi0C{background-color:var(--color-error-500)}.audio-message-module__audioError___bJS6s .audio-message-module__playButton___zFi0C:hover{background-color:var(--color-error-600)}@media(max-width:768px){.audio-message-module__audioContainer___7ehUa{min-width:180px;max-width:250px;padding:var(--spacing-xs)}.audio-message-module__playButton___zFi0C{width:var(--size-icon-sm);height:var(--size-icon-sm)}.audio-message-module__playIcon___X2gd4{width:10px;height:10px}.audio-message-module__timeDisplay___zhXjk{font-size:var(--font-size-xs)}.audio-message-module__progressBar___TwMvE{height:3px}.audio-message-module__progressBar___TwMvE::-webkit-slider-thumb{width:10px;height:10px}.audio-message-module__progressBar___TwMvE::-moz-range-thumb{width:10px;height:10px}}}@layer overrides{.button-message-module__buttonMessageBase___ZYxyt{position:relative}.button-message-module__buttonMessageContainer___HZsQh{display:flex;flex-direction:column;gap:var(--spacing-xs)}.button-message-module__buttonGrid___KQjrj{display:grid;gap:var(--spacing-xs)}.button-message-module__buttonText___8-9nw{color:var(--color-neutral-700);margin-bottom:var(--spacing-xs);font-size:var(--font-size-s);line-height:var(--line-height-s)}@media(max-width:768px){.button-message-module__buttonGrid___KQjrj{gap:var(--spacing-xxs)}.button-message-module__buttonText___8-9nw{font-size:var(--font-size-xs)}}}@layer component-variants{.carousel-message-module__carouselMessageBase___yV-Nd{width:auto;max-width:100%}}@layer overrides{.carousel-message-module__carouselContainer___32NGN{display:flex;flex-direction:row;gap:var(--spacing-sm);max-width:100%;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.carousel-message-module__carouselContainer___32NGN::-webkit-scrollbar{display:none}.carousel-message-module__carouselElement___6Cucf{display:flex;flex-direction:column;background-color:var(--color-neutral-white);border:var(--border-width-sm) solid var(--color-neutral-200);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-fast);min-width:280px;flex-shrink:0}.carousel-message-module__carouselElement___6Cucf:hover{box-shadow:var(--shadow-md);border-color:var(--color-neutral-300)}.carousel-message-module__imageContainer___-NYcV{width:100%;height:200px;overflow:hidden;background-color:var(--color-neutral-100)}.carousel-message-module__elementImage___TEjVf{width:100%;height:100%;object-fit:cover;transition:var(--transition-fast)}.carousel-message-module__carouselElement___6Cucf:hover .carousel-message-module__elementImage___TEjVf{transform:scale(1.05)}.carousel-message-module__elementContent___fQqqZ{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.carousel-message-module__elementTitle___sUPzb{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin:0;line-height:var(--line-height-tight)}.carousel-message-module__elementSubtitle___7yW9w{font-size:var(--font-size-md);color:var(--color-neutral-600);margin:0;line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm)}.carousel-message-module__buttonContainer___lPydV{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-md)}@media(max-width:768px){.carousel-message-module__carouselContainer___32NGN{gap:var(--spacing-xs)}.carousel-message-module__carouselElement___6Cucf{border-radius:var(--radius-sm)}.carousel-message-module__imageContainer___-NYcV{height:150px}.carousel-message-module__elementContent___fQqqZ{padding:var(--spacing-sm);gap:var(--spacing-xs)}.carousel-message-module__elementTitle___sUPzb{font-size:var(--font-size-md)}.carousel-message-module__elementSubtitle___7yW9w{font-size:var(--font-size-sm)}.carousel-message-module__buttonContainer___lPydV{gap:var(--spacing-xxs);margin-top:var(--spacing-xs)}}}@layer component-variants{.document-message-module__documentMessageBase___hqh5-{width:auto}}@layer overrides{.document-message-module__documentContainer___AYtOi{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--spacing-md);min-width:280px;max-width:400px;transition:all var(--webchat-animation-timing) ease}.document-message-module__documentContainer___AYtOi:hover{background-color:var(--color-neutral-100);border-color:var(--color-neutral-300);box-shadow:var(--shadow-sm)}.document-message-module__documentInfo___UiSqy{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.document-message-module__documentIcon___Ti2QJ{font-size:var(--font-size-xl);flex-shrink:0;width:var(--size-icon-lg);height:var(--size-icon-lg);display:flex;align-items:center;justify-content:center}.document-message-module__documentDetails___XDlt9{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.document-message-module__documentName___UsAgR{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-900);line-height:var(--line-height-tight);word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-message-module__documentMeta___5QVnf{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-neutral-600)}.document-message-module__fileSize___qOdcA{font-weight:var(--font-weight-medium)}.document-message-module__fileType___7EdaH{background-color:var(--color-neutral-200);color:var(--color-neutral-700);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.document-message-module__documentActions___7m0QP{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.document-message-module__previewButton___gluoY,.document-message-module__downloadButton___J6HuC{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease;text-decoration:none}.document-message-module__previewButton___gluoY{background-color:var(--color-neutral-200);color:var(--color-neutral-700)}.document-message-module__previewButton___gluoY:hover{background-color:var(--color-neutral-300);color:var(--color-neutral-800)}.document-message-module__downloadButton___J6HuC{background-color:var(--color-primary-500);color:var(--color-neutral-white)}.document-message-module__downloadButton___J6HuC:hover{background-color:var(--color-primary-600);transform:translateY(-1px)}.document-message-module__previewIcon___7HMaf,.document-message-module__downloadIcon___Hg4tV{width:14px;height:14px;flex-shrink:0}.document-message-module__documentLoading___o4Ysd{opacity:.7}.document-message-module__documentLoading___o4Ysd .document-message-module__previewButton___gluoY,.document-message-module__documentLoading___o4Ysd .document-message-module__downloadButton___J6HuC{cursor:wait}.document-message-module__documentError___5je0r{background-color:var(--color-error-50);border-color:var(--color-error-200)}.document-message-module__documentError___5je0r .document-message-module__documentName___UsAgR{color:var(--color-error-700)}.document-message-module__documentError___5je0r .document-message-module__previewButton___gluoY,.document-message-module__documentError___5je0r .document-message-module__downloadButton___J6HuC{background-color:var(--color-error-500);color:var(--color-neutral-white)}.document-message-module__documentError___5je0r .document-message-module__previewButton___gluoY:hover,.document-message-module__documentError___5je0r .document-message-module__downloadButton___J6HuC:hover{background-color:var(--color-error-600)}@media(max-width:768px){.document-message-module__documentContainer___AYtOi{min-width:240px;max-width:320px;padding:var(--spacing-sm)}.document-message-module__documentIcon___Ti2QJ{font-size:var(--font-size-lg);width:var(--size-icon-md);height:var(--size-icon-md)}.document-message-module__documentName___UsAgR,.document-message-module__documentMeta___5QVnf{font-size:var(--font-size-xs)}.document-message-module__previewButton___gluoY,.document-message-module__downloadButton___J6HuC{padding:var(--spacing-xs);font-size:var(--font-size-xs)}.document-message-module__previewIcon___7HMaf,.document-message-module__downloadIcon___Hg4tV{width:12px;height:12px}.document-message-module__documentActions___7m0QP{flex-direction:column;gap:var(--spacing-xs)}}@media(max-width:480px){.document-message-module__documentContainer___AYtOi{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.document-message-module__documentActions___7m0QP{flex-direction:row;width:100%;justify-content:flex-end}}}@layer component-variants{.image-message-module__imageMessageBase___FDwNN{width:auto}}@layer overrides{.image-message-module__messageImage___JnXFb{max-width:100%;height:auto;border-radius:var(--radius-sm);display:block;transition:opacity var(--webchat-animation-timing) ease}.image-message-module__messageImage___JnXFb:hover{opacity:.95}.image-message-module__imageContainer___Ix4WT{position:relative;display:inline-block;max-width:100%}.image-message-module__imageLoading___NXZtB{opacity:.7;filter:blur(1px)}.image-message-module__imageError___YFs7-{display:flex;align-items:center;justify-content:center;background-color:var(--color-neutral-100);color:var(--color-neutral-500);border:1px dashed var(--color-neutral-300);border-radius:var(--radius-sm);padding:var(--spacing-md);min-height:100px;font-size:var(--font-size-s)}@media(max-width:768px){.image-message-module__messageImage___JnXFb{border-radius:var(--radius-xs)}.image-message-module__imageError___YFs7-{min-height:80px;padding:var(--spacing-sm);font-size:var(--font-size-xs)}}}@layer component-variants{.location-message-module__locationMessageBase___rY3d-{width:auto}}@layer overrides{.location-message-module__locationContainer___9Rukw{display:flex;flex-direction:column;gap:var(--spacing-sm);background-color:var(--color-neutral-50);border:var(--border-width-sm) solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--spacing-md);max-width:300px}.location-message-module__locationContent___2BRdV{display:flex;align-items:center;gap:var(--spacing-sm)}.location-message-module__locationIcon___rjObu{display:flex;align-items:center;justify-content:center;width:var(--size-icon-md);height:var(--size-icon-md);color:var(--color-primary-500);flex-shrink:0}.location-message-module__locationInfo___NqVsR{flex:1;min-width:0}.location-message-module__locationTitle___RpUjH{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-900);margin-bottom:var(--spacing-xs)}.location-message-module__locationCoordinates___lLfuf{font-size:var(--font-size-xs);color:var(--color-neutral-600);font-family:var(--font-family-mono);word-break:break-all}.location-message-module__locationLink___Zq2I2{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary-500);color:var(--color-neutral-white);text-decoration:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast)}.location-message-module__locationLink___Zq2I2:hover{background-color:var(--color-primary-600)}.location-message-module__locationLink___Zq2I2:focus{outline:var(--border-width-sm) solid var(--color-primary-300);outline-offset:var(--spacing-xs)}@media(max-width:768px){.location-message-module__locationContainer___9Rukw{max-width:100%;padding:var(--spacing-sm)}.location-message-module__locationCoordinates___lLfuf{font-size:var(--font-size-xs)}}}@layer overrides{.text-message-module__textMessageBase___p4r-t{position:relative}.text-message-module__textContent___yRb8d{word-wrap:break-word;white-space:pre-wrap;line-height:var(--line-height-s)}.text-message-module__textContent___yRb8d a{color:var(--color-lilara-600);text-decoration:underline}.text-message-module__textContent___yRb8d a:hover{color:var(--color-lilara-700)}.text-message-module__textContent___yRb8d a:visited{color:var(--color-lilara-500)}}@layer component-variants{.video-message-module__videoMessageBase___RX3Qk{width:auto}}@layer overrides{.video-message-module__videoContainer___ctZrR{position:relative;display:inline-block;max-width:100%;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-neutral-900);cursor:pointer;transition:all var(--webchat-animation-timing) ease}.video-message-module__videoContainer___ctZrR:hover{transform:scale(1.02)}.video-message-module__videoElement___dYbDh{display:block;max-width:100%;height:auto;border-radius:var(--radius-md);cursor:pointer}.video-message-module__videoControls___K4Xdt{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);padding:var(--spacing-sm);opacity:0;transition:opacity var(--transition-fast) ease}.video-message-module__videoContainer___ctZrR:hover .video-message-module__videoControls___K4Xdt,.video-message-module__videoControls___K4Xdt.video-message-module__show___4ISRQ{opacity:1}.video-message-module__controlsTop___6NCn9{margin-bottom:var(--spacing-xs)}.video-message-module__controlsBottom___E3II8{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.video-message-module__controlsLeft___feB6m{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.video-message-module__controlsRight___9Wtf-{display:flex;align-items:center}.video-message-module__playButton___8LVrt{display:flex;align-items:center;justify-content:center;width:var(--size-icon-md);height:var(--size-icon-md);background-color:var(--color-neutral-white);color:var(--color-neutral-900);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast) ease;flex-shrink:0}.video-message-module__playButton___8LVrt:hover{background-color:var(--color-neutral-100);transform:scale(1.05)}.video-message-module__playButton___8LVrt:active{transform:scale(.95)}.video-message-module__playButton___8LVrt.video-message-module__isPlaying___z4Tf5{background-color:var(--color-neutral-200)}.video-message-module__playIcon___ert2Q{width:12px;height:12px}.video-message-module__timeDisplay___Rzmtn{font-size:var(--font-size-xs);color:var(--color-neutral-white);font-weight:var(--font-weight-medium);text-shadow:0 1px 2px rgba(0,0,0,.5)}.video-message-module__progressContainer___U81jI{position:relative;width:100%}.video-message-module__progressBar___vX-3m{width:100%;height:4px;background-color:#ffffff4d;border-radius:var(--radius-sm);outline:none;cursor:pointer;transition:background-color var(--transition-fast) ease;-webkit-appearance:none;appearance:none}.video-message-module__progressBar___vX-3m::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background-color:var(--color-primary-500);border-radius:50%;cursor:pointer;transition:all var(--transition-fast) ease}.video-message-module__progressBar___vX-3m::-webkit-slider-thumb:hover{background-color:var(--color-primary-400);transform:scale(1.2)}.video-message-module__progressBar___vX-3m::-moz-range-thumb{width:12px;height:12px;background-color:var(--color-primary-500);border-radius:50%;cursor:pointer;border:none;transition:all var(--transition-fast) ease}.video-message-module__progressBar___vX-3m::-moz-range-thumb:hover{background-color:var(--color-primary-400);transform:scale(1.2)}.video-message-module__progressBar___vX-3m:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.video-message-module__progressBar___vX-3m:disabled::-webkit-slider-thumb{cursor:not-allowed}.video-message-module__progressBar___vX-3m:disabled::-moz-range-thumb{cursor:not-allowed}.video-message-module__volumeContainer___-mIlN{display:flex;align-items:center;gap:var(--spacing-xs)}.video-message-module__volumeIcon___x18vs{width:16px;height:16px;color:var(--color-neutral-white);flex-shrink:0}.video-message-module__volumeSlider___jAwcn{width:60px;height:3px;background-color:#ffffff4d;border-radius:var(--radius-sm);outline:none;cursor:pointer;transition:background-color var(--transition-fast) ease;-webkit-appearance:none;appearance:none}.video-message-module__volumeSlider___jAwcn::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background-color:var(--color-neutral-white);border-radius:50%;cursor:pointer;transition:all var(--transition-fast) ease}.video-message-module__volumeSlider___jAwcn::-webkit-slider-thumb:hover{background-color:var(--color-neutral-100);transform:scale(1.2)}.video-message-module__volumeSlider___jAwcn::-moz-range-thumb{width:10px;height:10px;background-color:var(--color-neutral-white);border-radius:50%;cursor:pointer;border:none;transition:all var(--transition-fast) ease}.video-message-module__volumeSlider___jAwcn::-moz-range-thumb:hover{background-color:var(--color-neutral-100);transform:scale(1.2)}.video-message-module__videoLoading___9RFb0{opacity:.7}.video-message-module__videoLoading___9RFb0 .video-message-module__playButton___8LVrt{background-color:var(--color-neutral-400);cursor:wait}.video-message-module__videoError___v3TXh{background-color:var(--color-error-50);border:1px solid var(--color-error-200)}.video-message-module__videoError___v3TXh .video-message-module__playButton___8LVrt{background-color:var(--color-error-500);color:var(--color-neutral-white)}.video-message-module__videoError___v3TXh .video-message-module__playButton___8LVrt:hover{background-color:var(--color-error-600)}@media(max-width:768px){.video-message-module__videoContainer___ctZrR,.video-message-module__videoElement___dYbDh{border-radius:var(--radius-sm)}.video-message-module__playButton___8LVrt{width:var(--size-icon-sm);height:var(--size-icon-sm)}.video-message-module__playIcon___ert2Q{width:10px;height:10px}.video-message-module__timeDisplay___Rzmtn{font-size:var(--font-size-xs)}.video-message-module__progressBar___vX-3m{height:3px}.video-message-module__progressBar___vX-3m::-webkit-slider-thumb{width:10px;height:10px}.video-message-module__progressBar___vX-3m::-moz-range-thumb{width:10px;height:10px}.video-message-module__volumeSlider___jAwcn{width:40px}.video-message-module__volumeIcon___x18vs{width:14px;height:14px}}}@layer overrides{.typing-indicator-module__typingIndicator___2hMSH{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-sm);background-color:var(--webchat-message-bubble-bot-bg);color:var(--webchat-message-bubble-bot-text);border:var(--webchat-message-bubble-bot-border);border-color:var(--webchat-message-bubble-bot-border-color);border-radius:var(--webchat-message-bubble-border-radius);border-bottom-left-radius:var(--webchat-message-bubble-border-radius-tail);max-width:fit-content;font-size:var(--font-size-s);line-height:var(--line-height-s);font-family:var(--font-family);position:relative;align-self:flex-start}.typing-indicator-module__typingText___k7iEu{font-size:var(--font-size-xs);color:var(--color-neutral-500);font-weight:var(--font-weight-regular);margin-right:var(--spacing-xs)}.typing-indicator-module__typingDots___Sy7xC{display:flex;align-items:center;gap:var(--spacing-xxs)}.typing-indicator-module__typingDot___SdRIv{width:6px;height:6px;background-color:var(--color-neutral-400);border-radius:50%;animation:typing-indicator-module__typingDot___SdRIv 1.4s infinite ease-in-out}.typing-indicator-module__typingDot___SdRIv:nth-child(2){animation-delay:.2s}.typing-indicator-module__typingDot___SdRIv:nth-child(3){animation-delay:.4s}}@keyframes typing-indicator-module__typingDot___SdRIv{0%,60%,to{opacity:.4;transform:scale(1)}30%{opacity:1;transform:scale(1.1)}}@layer overrides{.webchat-messages-module__base___V7acY{display:flex;flex-direction:column;background-color:var(--webchat-messages-bg);position:relative;overflow:hidden}.webchat-messages-module__messages-container___Ew2gS{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:0;padding:var(--spacing-sm) 0;overflow:auto;padding-top:81px;padding-bottom:112px}.webchat-messages-module__typing-indicator___pPQaZ{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-sm);background-color:var(--webchat-message-bot-bg);border:1px solid var(--color-neutral-200);border-radius:var(--webchat-message-border-radius);border-bottom-left-radius:var(--radius-xxs);max-width:fit-content;box-shadow:var(--webchat-message-shadow)}.webchat-messages-module__typing-dots___Rv03Z{display:flex;gap:var(--spacing-xxs)}.webchat-messages-module__typing-dot___HjyLC{width:4px;height:4px;background-color:var(--color-neutral-400);border-radius:50%;animation:webchat-messages-module__typingDot___RzMi3 1.4s infinite}.webchat-messages-module__typing-dot___HjyLC:nth-child(2){animation-delay:.2s}.webchat-messages-module__typing-dot___HjyLC:nth-child(3){animation-delay:.4s}.webchat-messages-module__typing-indicator-container___v3bpq{display:flex;padding:0 var(--spacing-sm);max-width:100%;position:relative;gap:var(--spacing-xxs);align-items:start;justify-content:flex-start}}@keyframes webchat-messages-module__typingDot___RzMi3{0%,60%,to{opacity:.3;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}@keyframes webchat-messages-module__pulse___1lYoQ{0%,to{opacity:.8}50%{opacity:.4}}@layer overrides{.webchat-trigger-module__base___BpGIN{display:flex;align-items:center;justify-content:center;width:var(--webchat-trigger-size);height:var(--webchat-trigger-size);font-size:var(--font-size-sm);background-color:var(--webchat-trigger-bg);color:var(--webchat-trigger-text);border:none;border-radius:var(--webchat-trigger-border-radius);box-shadow:var(--webchat-trigger-shadow);cursor:pointer;font-family:var(--font-family);font-weight:var(--font-weight-medium);transition:background-color var(--webchat-animation-duration) var(--webchat-animation-timing);position:fixed;z-index:var(--webchat-trigger-z-index);bottom:var(--webchat-trigger-position-offset);right:var(--webchat-trigger-position-offset)}.webchat-trigger-module__base___BpGIN:hover{background-color:var(--webchat-trigger-bg-hover)}.webchat-trigger-module__base___BpGIN:active{background-color:var(--webchat-trigger-bg-hover);opacity:.9}.webchat-trigger-module__base___BpGIN:focus{outline:none}.webchat-trigger-module__base___BpGIN:focus-visible{outline:3px solid var(--color-lilara-300);outline-offset:2px}.webchat-trigger-module__bottom-right___Q9RB7{bottom:var(--webchat-trigger-position-offset);right:var(--webchat-trigger-position-offset)}.webchat-trigger-module__bottom-left___O0h6i{bottom:var(--webchat-trigger-position-offset);left:var(--webchat-trigger-position-offset)}.webchat-trigger-module__top-right___fRZQ7{top:var(--webchat-trigger-position-offset);right:var(--webchat-trigger-position-offset)}.webchat-trigger-module__top-left___HIH3L{top:var(--webchat-trigger-position-offset);left:var(--webchat-trigger-position-offset)}.webchat-trigger-module__trigger-icon___8oGUm{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.webchat-trigger-module__notification-badge___wXWM8{position:absolute;top:-4px;right:-4px;background-color:var(--color-red-500);color:var(--color-white);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);padding:var(--spacing-xxs);border-radius:var(--webchat-trigger-border-radius);min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003}.webchat-trigger-module__unread-badge___Ehk1R{position:absolute;top:-6px;right:-6px;background-color:var(--color-red-500);color:var(--color-white);font-size:11px;font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--radius-m);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;transform:scale(1);transition:transform .2s ease}.webchat-trigger-module__loading-spinner___UrhIi{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:var(--webchat-trigger-border-radius);animation:webchat-trigger-module__spin___Ucj7u .8s linear infinite}.webchat-trigger-module__is-pulsing___bVsxi{animation:webchat-trigger-module__webchat-trigger-pulse___A5-UF var(--webchat-trigger-pulse-duration) infinite}.webchat-trigger-module__is-appearing___WHdbF{animation:webchat-trigger-module__webchat-trigger-appear___KWMTx var(--webchat-trigger-animation-duration) var(--webchat-trigger-animation-timing)}.webchat-trigger-module__is-opening___NzPKU{animation:webchat-trigger-module__webchat-trigger-open___UdYSF var(--webchat-trigger-animation-duration) var(--webchat-trigger-animation-timing)}.webchat-trigger-module__is-closing___Gbp3t{animation:webchat-trigger-module__webchat-trigger-close___QSK-9 var(--webchat-trigger-animation-duration) var(--webchat-trigger-animation-timing)}.webchat-trigger-module__is-loading___Qnwvi{cursor:wait}.webchat-trigger-module__is-open___qJce6 .webchat-trigger-module__trigger-icon___8oGUm span{transition:transform .3s ease}@keyframes webchat-trigger-module__webchat-trigger-pulse___A5-UF{0%{transform:scale(1);box-shadow:var(--webchat-trigger-shadow)}50%{transform:scale(1.05);box-shadow:0 6px 20px #6e49ff66}to{transform:scale(1);box-shadow:var(--webchat-trigger-shadow)}}@keyframes webchat-trigger-module__webchat-trigger-appear___KWMTx{0%{transform:translate(var(--spacing-ml),var(--spacing-ml));opacity:0}to{transform:translate(0);opacity:1}}@keyframes webchat-trigger-module__webchat-trigger-open___UdYSF{0%{transform:translateY(0)}50%{transform:translateY(calc(var(--spacing-xs) * -1))}to{transform:translateY(0)}}@keyframes webchat-trigger-module__webchat-trigger-close___QSK-9{0%{transform:translateY(0)}50%{transform:translateY(var(--spacing-xs))}to{transform:translateY(0)}}}@keyframes webchat-trigger-module__spin___Ucj7u{to{transform:rotate(360deg)}}
|
|
213
|
+
@layer overrides{.button-component-module__buttonComponent___KMwSR{cursor:pointer;transition:var(--webchat-button-transition, all .15s ease);text-align:center;border:var(--webchat-button-border-width, 1px) solid transparent;border-radius:var(--webchat-button-border-radius, var(--radius-md, 10px));font-weight:var(--webchat-button-font-weight, 500);text-transform:none;letter-spacing:normal;box-shadow:var(--webchat-button-shadow, none)}.button-component-module__buttonComponent___KMwSR:hover:not(:disabled){transform:var(--webchat-button-transform-hover, translateY(-1px));box-shadow:var(--webchat-button-shadow-hover, none)}.button-component-module__buttonComponent___KMwSR:active:not(:disabled){transform:translateY(0);box-shadow:var(--webchat-button-shadow, none)}.button-component-module__buttonComponent___KMwSR:focus-visible{outline:var(--webchat-button-focus-outline-width, 2px) solid var(--color-focus);outline-offset:var(--webchat-button-focus-outline-offset, 2px)}.button-component-module__buttonComponent___KMwSR:disabled{cursor:not-allowed;transform:none;box-shadow:none;opacity:var(--webchat-button-disabled-opacity, .5)}.button-component-module__secondary___TTpBp{padding:var(--spacing-xs, 8px) var(--spacing-s, 12px);border:var( --webchat-button-secondary-border, 1px solid var(--color-neutral-200, #c4c6d0) );background-color:var( --webchat-button-secondary-bg, var(--color-white, #ffffff) );color:var( --webchat-button-secondary-text, var(--color-neutral-900, #24252c) );font-size:var( --webchat-button-secondary-font-size, var(--font-size-s, .875rem) );border-radius:var( --webchat-button-secondary-border-radius, var(--radius-xs, 4px) )}.button-component-module__secondary___TTpBp:hover:not(:disabled){background-color:var( --webchat-button-secondary-bg-hover, var(--color-neutral-50, #f0f0f3) );border:var( --webchat-button-secondary-border-hover, 1px solid var(--color-neutral-300, #9b9daf) );color:var( --webchat-button-secondary-text-hover, var(--color-neutral-900, #24252c) )}.button-component-module__secondary___TTpBp:active:not(:disabled){background-color:var( --webchat-button-secondary-bg-active, var(--color-neutral-100, #e8e8ea) );border:var( --webchat-button-secondary-border-active, 1px solid var(--color-neutral-400, #84889d) )}.button-component-module__secondary___TTpBp:disabled{background-color:var( --webchat-button-secondary-bg-disabled, var(--color-neutral-25, #f8f7f8) );color:var( --webchat-button-secondary-text-disabled, var(--color-neutral-400, #84889d) )}.button-component-module__primary___bD2jQ{padding:var(--spacing-xs, 8px) var(--spacing-s, 12px);background-color:var( --webchat-button-primary-bg, var(--color-lilara-500, #6e49ff) );color:var(--webchat-button-primary-text, var(--color-white, #ffffff));border:var(--webchat-button-primary-border, 1px solid transparent);font-size:var( --webchat-button-secondary-font-size, var(--font-size-s, .875rem) );font-weight:var(--webchat-button-font-weight, 500);border-radius:var( --webchat-button-secondary-border-radius, var(--radius-xs, 4px) )}.button-component-module__primary___bD2jQ:hover:not(:disabled){background-color:var( --webchat-button-primary-bg-hover, var(--color-lilara-600, #522ec6) );border:var(--webchat-button-primary-border-hover, 1px solid transparent)}.button-component-module__primary___bD2jQ:active:not(:disabled){background-color:var( --webchat-button-primary-bg-active, var(--color-lilara-700, #321189) );border:var( --webchat-button-primary-border-active, 1px solid transparent )}.button-component-module__primary___bD2jQ:focus-visible{outline-color:var( --webchat-button-primary-focus-outline, var(--color-lilara-300, #a791ff) )}}@layer overrides{.confirm-modal-module__overlay___rRE3G{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:400;animation:confirm-modal-module__webchat-overlay-open___mwnVa var(--webchat-animation-duration) var(--webchat-animation-timing)}.confirm-modal-module__modal___AliW3{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-m);max-width:320px;width:calc(100% - var(--spacing-m) * 2);box-shadow:var(--shadow-lg);animation:confirm-modal-module__webchat-modal-open___Wf8RX var(--webchat-animation-duration) var(--webchat-animation-timing)}.confirm-modal-module__title___nOVLU{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin:0 0 var(--spacing-xs) 0}.confirm-modal-module__message___NiTmg{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin:0 0 var(--spacing-m) 0;line-height:var(--line-height-sm)}.confirm-modal-module__buttons___T9sSa{display:flex;gap:var(--spacing-xs);justify-content:flex-end}@keyframes confirm-modal-module__webchat-overlay-open___mwnVa{0%{opacity:0}to{opacity:1}}@keyframes confirm-modal-module__webchat-modal-open___Wf8RX{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}}@layer overrides{.cover-frame-module__base___e38vU{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-white, #ffffff)}.cover-frame-module__errorContainer___o19mQ{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--spacing-m, 16px)}.cover-frame-module__errorText___ltF9m{color:var(--color-danger-500, #dc2626);font-size:var(--font-size-s, .875rem);text-align:center}}@layer overrides{.webview-frame-module__base___u5SZG{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden}.webview-frame-module__loadingContainer___eqQ-L{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--webchat-container-bg);z-index:1}.webview-frame-module__spinner___5gsaP{width:32px;height:32px;border:3px solid var(--color-neutral-200);border-top-color:var(--color-lilara-500);border-radius:50%;animation:webview-frame-module__spin___Y8Qqd .8s linear infinite}.webview-frame-module__iframe___XewWc{flex:1;width:100%;height:100%;border:none;background-color:var(--color-white);transition:opacity var(--webchat-animation-duration) var(--webchat-animation-timing)}}@keyframes webview-frame-module__spin___Y8Qqd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@layer overrides{.header-module__base___WYM0o{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-s) var(--spacing-sm);background-color:var(--webchat-header-bg-overlay);border-bottom:1px solid var(--color-neutral-100);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);flex-shrink:0}.header-module__minimal___6nq5w{padding:var(--spacing-xs) var(--spacing-s);background-color:transparent;border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none}.header-module__titleContainer___56hi4{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0;flex:1}.header-module__icon___BCSbe{font-size:var(--font-size-ml);line-height:1;flex-shrink:0}.header-module__title___0c-LL{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-xxs);color:var(--webchat-header-title-color);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-module__closeButton___wOwC8{width:28px;height:28px;background-color:transparent;border:none;font-size:var(--font-size-ml);cursor:pointer;padding:var(--spacing-xxs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);color:var(--webchat-header-title-color);transition:background-color var(--webchat-animation-duration) var(--webchat-animation-timing);flex-shrink:0}.header-module__closeButton___wOwC8:hover{background-color:#0000001a}.header-module__closeButton___wOwC8:focus-visible{outline:2px solid var(--color-lilara-500);outline-offset:1px}}@layer overrides{.overlay-module__base___qm4j7{position:absolute;inset:0;display:flex;flex-direction:column;background-color:var(--webchat-container-bg);z-index:300;animation:overlay-module__webchat-overlay-open___CHUYj var(--webchat-animation-duration) var(--webchat-animation-timing)}@keyframes overlay-module__webchat-overlay-open___CHUYj{0%{opacity:0}to{opacity:1}}}@layer overrides{.webchat-container-module__base___-nEHI{display:grid;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;background-color:var(--webchat-container-bg);border:var(--webchat-container-border);border-radius:var(--webchat-container-border-radius);box-shadow:var(--webchat-container-shadow);overflow:hidden;position:fixed;z-index:var(--webchat-z-index);bottom:calc(var(--webchat-trigger-position-offset) + var(--webchat-trigger-size) + var(--spacing-sm));right:var(--webchat-trigger-position-offset)}.webchat-container-module__base___-nEHI>[data-webchat-header]{grid-area:1 / 1 / 2 / 2;align-self:start;z-index:200}.webchat-container-module__base___-nEHI>[data-webchat-messages]{grid-area:1 / 1 / 4 / 1;overflow:hidden;z-index:100}.webchat-container-module__base___-nEHI>[data-webchat-input]{grid-area:3 / 1 / 4 / 2;align-self:end;z-index:200}.webchat-container-module__is-open___y7UjX{opacity:1}.webchat-container-module__default___Zl33C{width:var(--webchat-container-max-width);height:var(--webchat-container-max-height)}.webchat-container-module__position-bottom-right___NIW0p{bottom:calc(var(--webchat-trigger-position-offset) + var(--webchat-trigger-size) + var(--spacing-sm));right:var(--webchat-trigger-position-offset)}.webchat-container-module__position-bottom-left___gatKC{bottom:calc(var(--webchat-trigger-position-offset) + var(--webchat-trigger-size) + var(--spacing-sm));left:var(--webchat-trigger-position-offset)}.webchat-container-module__position-top-right___DKI8J{top:calc(var(--webchat-trigger-position-offset) + var(--webchat-trigger-size) + var(--spacing-sm));right:var(--webchat-trigger-position-offset)}.webchat-container-module__position-top-left___ehR4d{top:calc(var(--webchat-trigger-position-offset) + var(--webchat-trigger-size) + var(--spacing-sm));left:var(--webchat-trigger-position-offset)}.webchat-container-module__is-opening___5Ot9W{animation:webchat-container-module__webchat-container-open___63E68 var(--webchat-trigger-animation-duration) var(--webchat-trigger-animation-timing);animation-delay:var(--webchat-container-animation-delay);animation-fill-mode:both}.webchat-container-module__is-closing___o0hqs{animation:webchat-container-module__webchat-container-close___Z-wUD var(--webchat-trigger-animation-duration) var(--webchat-trigger-animation-timing);animation-delay:var(--webchat-container-animation-delay);animation-fill-mode:both}@keyframes webchat-container-module__webchat-container-open___63E68{0%{opacity:var(--webchat-fade-in-opacity);transform:translateY(0)}50%{opacity:1;transform:translateY(calc(var(--spacing-xs) * -1))}to{opacity:1;transform:translateY(0)}}@keyframes webchat-container-module__webchat-container-close___Z-wUD{0%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(var(--spacing-xs))}to{opacity:var(--webchat-fade-in-opacity);transform:translateY(0)}}}@layer overrides{.webchat-header-module__base___VbIWd{height:var(--webchat-header-height);overflow:hidden;background-color:var(--webchat-header-bg-overlay);padding:var(--spacing-s) var(--spacing-sm);border-radius:var(--webchat-header-border-radius);border-bottom:var(--webchat-header-border-bottom);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);flex-shrink:0}.webchat-header-module__header-content___bPP9l{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.webchat-header-module__header-text___64Yj9{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.webchat-header-module__header-title___QHcHi{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-xxs);color:var(--webchat-header-title-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webchat-header-module__status-section___TlGf-{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-xxs)}.webchat-header-module__status-text___fTZvQ{color:var(--webchat-header-status-text-color)}.webchat-header-module__status-dot___rjbA2{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background-color var(--webchat-animation-duration) var(--webchat-animation-timing)}.webchat-header-module__status-dot___rjbA2[data-status=connected]{background-color:#22c55e}.webchat-header-module__status-dot___rjbA2[data-status=connecting],.webchat-header-module__status-dot___rjbA2[data-status=retrying]{background-color:#f59e0b}.webchat-header-module__status-dot___rjbA2[data-status=disconnected],.webchat-header-module__status-dot___rjbA2[data-status=unavailable],.webchat-header-module__status-dot___rjbA2[data-status=error]{background-color:#ef4444}.webchat-header-module__close-button___ggJh9{background:none;border:none;font-size:var(--font-size-ml);cursor:pointer;padding:var(--spacing-xxs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);width:24px;height:24px;transition:background-color var(--webchat-animation-duration) var(--webchat-animation-timing);flex-shrink:0}.webchat-header-module__close-button___ggJh9:hover{background-color:#ffffff1a}.webchat-header-module__close-button___ggJh9:active{background-color:#fff3}.webchat-header-module__close-button___ggJh9:focus{outline:none}.webchat-header-module__close-button___ggJh9:focus-visible{outline:2px solid var(--color-white);outline-offset:1px}.webchat-header-module__minimal___rloXK{padding:var(--spacing-xs) var(--spacing-sm)}.webchat-header-module__minimal___rloXK .webchat-header-module__header-title___QHcHi{font-size:var(--font-size-s)}.webchat-header-module__minimal___rloXK .webchat-header-module__status-text___fTZvQ{font-size:var(--font-size-xxs)}.webchat-header-module__minimal___rloXK .webchat-header-module__status-dot___rjbA2{width:6px;height:6px}}@layer overrides{.webchat-input-module__base___TZXU7{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-s)}.webchat-input-module__input-form___GnKc7{display:flex;align-items:center;background-color:var(--webchat-input-bg);border:var(--webchat-input-border);border-radius:var(--webchat-input-border-radius);box-shadow:var(--webchat-input-shadow);gap:var(--spacing-xs);min-height:var(--webchat-input-height);padding:var(--spacing-sm)}.webchat-input-module__branding___ReLzJ{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-m);text-align:center;color:var(--webchat-branding-text-color)}.webchat-input-module__input-form___GnKc7:focus-within{border-color:var(--webchat-input-border-focus-color)}.webchat-input-module__input-field___c4r26{flex:1;border:none;outline:none;background:transparent;font-size:var(--webchat-input-font-size);line-height:var(--webchat-input-line-height);color:var(--webchat-input-text-color);resize:none;font-family:inherit}.webchat-input-module__input-field___c4r26::placeholder{color:var(--webchat-input-placeholder-color)}.webchat-input-module__primary-action-base___UfC2U{width:var(--webchat-input-send-button-size);height:var(--webchat-input-send-button-size);border-radius:var(--webchat-input-send-button-border-radius);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;transition:var(--webchat-input-transition)}.webchat-input-module__primary-action-base___UfC2U:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.webchat-input-module__primary-action-send___3ZCtv{background-color:var(--webchat-input-send-button-bg);color:var(--webchat-input-send-button-text)}.webchat-input-module__primary-action-send___3ZCtv:hover:not(:disabled){background-color:var(--webchat-input-send-button-bg-hover)}.webchat-input-module__primary-action-send___3ZCtv:active:not(:disabled){transform:scale(.95)}.webchat-input-module__primary-action-send___3ZCtv:disabled{background-color:var(--webchat-input-send-button-bg-disabled);cursor:not-allowed;transform:none}.webchat-input-module__primary-action-mic___cB0BZ{background:transparent;color:var(--webchat-input-action-icon-color)}.webchat-input-module__primary-action-mic___cB0BZ:hover:not(:disabled){color:var(--webchat-input-action-icon-color-hover)}.webchat-input-module__primary-action-mic___cB0BZ:active:not(:disabled){transform:scale(.95)}.webchat-input-module__primary-action-mic___cB0BZ:disabled{cursor:not-allowed;opacity:var(--opacity-disabled);transform:none}.webchat-input-module__icon-slot___VBqqX{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}@keyframes webchat-input-module__webchat-input-icon-exit___0ms-z{0%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(.4) rotate(30deg)}}@keyframes webchat-input-module__webchat-input-icon-exit-ccw___W9QKj{0%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(.4) rotate(-30deg)}}@keyframes webchat-input-module__webchat-input-icon-enter___o4XV4{0%{opacity:0;transform:scale(.4) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}.webchat-input-module__icon-face___9gNV-{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.webchat-input-module__icon-face___9gNV-[data-visible=false]{animation:webchat-input-module__webchat-input-icon-exit___0ms-z var(--webchat-input-icon-exit-duration, .1s) var(--webchat-input-icon-exit-easing, cubic-bezier(.4, 0, 1, 1)) forwards;pointer-events:none}.webchat-input-module__icon-send___iTZQ1[data-visible=false]{animation-name:webchat-input-module__webchat-input-icon-exit-ccw___W9QKj}.webchat-input-module__icon-face___9gNV-[data-visible=true]{animation:webchat-input-module__webchat-input-icon-enter___o4XV4 var(--webchat-input-icon-enter-duration, .28s) var(--webchat-input-icon-enter-easing, cubic-bezier(.34, 1.56, .64, 1)) forwards;pointer-events:auto}.webchat-input-module__action-button___QnDXK svg{width:var(--webchat-input-action-icon-size);height:var(--webchat-input-action-icon-size);flex-shrink:0}.webchat-input-module__icon-send___iTZQ1 svg{width:var(--webchat-input-send-icon-size);height:var(--webchat-input-send-icon-size);flex-shrink:0}.webchat-input-module__icon-mic___m8zbn svg{width:var(--webchat-input-mic-icon-size);height:var(--webchat-input-mic-icon-size);flex-shrink:0}@media(prefers-reduced-motion:reduce){.webchat-input-module__icon-face___9gNV-[data-visible=false]{animation:none;opacity:0;transform:none}.webchat-input-module__icon-face___9gNV-[data-visible=true]{animation:none;opacity:1;transform:none}}.webchat-input-module__input-container___N2B7J{width:100%}.webchat-input-module__action-bar___gEuJH{display:flex;flex-shrink:0;align-items:center;gap:var(--webchat-input-action-bar-gap, 0px)}.webchat-input-module__action-button___QnDXK{display:flex;align-items:center;justify-content:center;padding:var(--webchat-input-action-icon-padding, var(--spacing-xxs));margin:0;border:none;background:transparent;color:var(--webchat-input-action-icon-color);cursor:pointer;transition:var(--webchat-input-transition);border-radius:var(--radius-sm);flex-shrink:0}.webchat-input-module__action-button___QnDXK:hover:not(:disabled){color:var(--webchat-input-action-icon-color-hover)}.webchat-input-module__action-button___QnDXK:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.webchat-input-module__action-button___QnDXK:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}}@layer overrides{.message-avatar-module__container___-EX1c{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xxs);grid-area:avatar}.message-avatar-module__base___RPKhe{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0}.message-avatar-module__image___rxwYA{width:100%;height:100%;object-fit:cover}.message-avatar-module__svg___eMikf{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.message-avatar-module__svg___eMikf svg{width:100%;height:100%;object-fit:cover}.message-avatar-module__fallback___2Xa-W{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--font-size-s);font-weight:var(--font-weight-medium)}.message-avatar-module__name___L20Ht{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.message-avatar-module__small___gBALc{width:var(--size-6);height:var(--size-6)}.message-avatar-module__medium___WSeE1{width:var(--size-8);height:var(--size-8)}.message-avatar-module__large___a-hNp{width:var(--size-10);height:var(--size-10)}.message-avatar-module__bot___2Bh0Y{background-color:var(--color-neutral-100);color:var(--color-neutral-700);border:var(--border-width-sm) solid var(--color-neutral-200)}.message-avatar-module__agent___MemVD{background-color:var(--color-primary-100);color:var(--color-primary-700);border:var(--border-width-sm) solid var(--color-primary-200)}}@layer overrides{.message-bubble-module__base___WzTAP{display:flex;flex-direction:column;gap:var(--spacing-s);padding:var(--spacing-s) var(--spacing-sm);border-radius:var(--webchat-message-bubble-border-radius);font-size:var(--font-size-s);line-height:var(--line-height-s);font-family:var(--font-family);word-wrap:break-word;max-width:100%;position:relative;grid-area:bubble}.message-bubble-module__bot___PcXmL{background-color:var(--webchat-message-bubble-bot-bg);color:var(--webchat-message-bubble-bot-text);border:var(--webchat-message-bubble-bot-border);border-color:var(--webchat-message-bubble-bot-border-color);border-bottom-left-radius:var(--webchat-message-bubble-border-radius-tail)}.message-bubble-module__agent___WGfzX{background-color:var(--webchat-message-bubble-agent-bg);color:var(--webchat-message-bubble-agent-text);border:var(--webchat-message-bubble-agent-border);border-color:var(--webchat-message-bubble-agent-border-color);border-bottom-left-radius:var(--webchat-message-bubble-border-radius-tail)}.message-bubble-module__user___lFMMm{background-color:var(--webchat-message-bubble-user-bg);color:var(--webchat-message-bubble-user-text);border:var(--webchat-message-bubble-user-border);border-color:var(--webchat-message-bubble-user-border-color);border-bottom-right-radius:var( --webchat-message-bubble-border-radius-tail )}.message-bubble-module__system___e8-FD{background-color:var(--webchat-message-bubble-system-bg);color:var(--webchat-message-bubble-system-text);border:var(--webchat-message-bubble-system-border);border-color:var(--webchat-message-bubble-system-border-color);text-align:center;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-s)}.message-bubble-module__sending___P9nK-{opacity:var(--webchat-message-bubble-sending-opacity);position:relative}.message-bubble-module__error___mine7{background-color:var(--webchat-message-bubble-error-bg);color:var(--webchat-message-bubble-error-text);border:var(--webchat-message-bubble-error-border);border-color:var(--webchat-message-bubble-error-border-color)}}@layer overrides{.message-info-module__base___yO0Cd{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--webchat-message-timestamp-color);opacity:.7;font-family:var(--font-family);grid-area:info}.message-info-module__timestamp___xwDsF{flex-shrink:0}.message-info-module__status___jPwtz{flex-shrink:0;font-weight:var(--font-weight-medium)}.message-info-module__status___jPwtz[data-status=sending]{color:var(--color-warning-600)}.message-info-module__status___jPwtz[data-status=sent]{color:var(--color-success-600)}.message-info-module__status___jPwtz[data-status=error]{color:var(--color-error-600)}.message-info-module__top___NK5CY{order:-1}.message-info-module__bottom___NE4Rs{order:1}.message-info-module__bot___xlQbg,.message-info-module__agent___ckeYQ{justify-content:flex-start;text-align:left;padding-left:var(--spacing-xs)}.message-info-module__user___bgEi-{justify-content:flex-end;text-align:right;padding-right:var(--spacing-xs)}.message-info-module__system___MF1CS{justify-content:center;text-align:center}@media(max-width:768px){.message-info-module__base___yO0Cd{font-size:var(--font-size-xxxs);gap:var(--spacing-xxs)}}}@layer overrides{.message-module__base___Ki7QB{display:grid;padding:0 var(--spacing-sm);max-width:100%;position:relative;gap:var(--spacing-xxs);align-items:start}.message-module__base___Ki7QB:focus{outline:none}.message-module__base___Ki7QB[data-focus-visible=true]{outline:2px solid var(--color-lilara-500);outline-offset:2px;border-radius:var(--radius-sm)}.message-module__bot___vw-E6{grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"bubble" "info"}.message-module__bot___vw-E6 [data-webchat-message-bubble] [data-webchat-message-info]{justify-self:start}.message-module__agent___2wXra{grid-template-columns:auto;grid-template-rows:auto auto;grid-template-areas:"bubble" "info"}.message-module__agent___2wXra [data-webchat-message-bubble],.message-module__agent___2wXra [data-webchat-message-info]{justify-self:start}.message-module__user___BSpcY{grid-template-columns:auto;grid-template-rows:auto auto;grid-template-areas:"bubble" "info"}.message-module__user___BSpcY [data-webchat-message-bubble],.message-module__user___BSpcY [data-webchat-message-info]{justify-self:end}.message-module__system___-jvsr{grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"bubble" "info";justify-items:center;max-width:80%;margin:0 auto}.message-module__system___-jvsr [data-webchat-message-bubble],.message-module__system___-jvsr [data-webchat-message-info]{justify-self:center}.message-module__base___Ki7QB>[data-webchat-message-avatar]{grid-area:avatar}.message-module__base___Ki7QB>[data-webchat-message-bubble]{grid-area:bubble}.message-module__base___Ki7QB>[data-webchat-message-info]{grid-area:info}}@layer component-variants{.audio-message-module__audioMessageBase___Xye8T{width:auto}}@layer overrides{.audio-message-module__audioContainer___7ehUa{display:flex;align-items:center;background-color:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--spacing-sm);min-width:200px;max-width:300px;transition:all var(--webchat-animation-timing) ease}.audio-message-module__audioContainer___7ehUa:hover{background-color:var(--color-neutral-100);border-color:var(--color-neutral-300)}.audio-message-module__audioControls___bPgRS{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.audio-message-module__playButton___zFi0C{display:flex;align-items:center;justify-content:center;width:var(--size-icon-md);height:var(--size-icon-md);background-color:var(--color-primary-500);color:var(--color-neutral-white);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast) ease;flex-shrink:0}.audio-message-module__playButton___zFi0C:hover{background-color:var(--color-primary-600);transform:scale(1.05)}.audio-message-module__playButton___zFi0C:active{transform:scale(.95)}.audio-message-module__playButton___zFi0C.audio-message-module__isPlaying___WQu2R{background-color:var(--color-neutral-600)}.audio-message-module__playButton___zFi0C.audio-message-module__isPlaying___WQu2R:hover{background-color:var(--color-neutral-700)}.audio-message-module__playIcon___X2gd4{width:12px;height:12px}.audio-message-module__audioInfo___YeYsJ{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.audio-message-module__timeDisplay___zhXjk{font-size:var(--font-size-xs);color:var(--color-neutral-600);font-weight:var(--font-weight-medium);text-align:center}.audio-message-module__progressContainer___4gzGk{position:relative;width:100%}.audio-message-module__progressBar___TwMvE{width:100%;height:4px;background-color:var(--color-neutral-200);border-radius:var(--radius-sm);outline:none;cursor:pointer;transition:background-color var(--transition-fast) ease;-webkit-appearance:none;appearance:none}.audio-message-module__progressBar___TwMvE::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background-color:var(--color-primary-500);border-radius:50%;cursor:pointer;transition:all var(--transition-fast) ease}.audio-message-module__progressBar___TwMvE::-webkit-slider-thumb:hover{background-color:var(--color-primary-600);transform:scale(1.2)}.audio-message-module__progressBar___TwMvE::-moz-range-thumb{width:12px;height:12px;background-color:var(--color-primary-500);border-radius:50%;cursor:pointer;border:none;transition:all var(--transition-fast) ease}.audio-message-module__progressBar___TwMvE::-moz-range-thumb:hover{background-color:var(--color-primary-600);transform:scale(1.2)}.audio-message-module__progressBar___TwMvE:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.audio-message-module__progressBar___TwMvE:disabled::-webkit-slider-thumb{cursor:not-allowed}.audio-message-module__progressBar___TwMvE:disabled::-moz-range-thumb{cursor:not-allowed}.audio-message-module__audioLoading___Lu2qH{opacity:.7}.audio-message-module__audioLoading___Lu2qH .audio-message-module__playButton___zFi0C{background-color:var(--color-neutral-400);cursor:wait}.audio-message-module__audioError___bJS6s{background-color:var(--color-error-50);border-color:var(--color-error-200)}.audio-message-module__audioError___bJS6s .audio-message-module__playButton___zFi0C{background-color:var(--color-error-500)}.audio-message-module__audioError___bJS6s .audio-message-module__playButton___zFi0C:hover{background-color:var(--color-error-600)}@media(max-width:768px){.audio-message-module__audioContainer___7ehUa{min-width:180px;max-width:250px;padding:var(--spacing-xs)}.audio-message-module__playButton___zFi0C{width:var(--size-icon-sm);height:var(--size-icon-sm)}.audio-message-module__playIcon___X2gd4{width:10px;height:10px}.audio-message-module__timeDisplay___zhXjk{font-size:var(--font-size-xs)}.audio-message-module__progressBar___TwMvE{height:3px}.audio-message-module__progressBar___TwMvE::-webkit-slider-thumb{width:10px;height:10px}.audio-message-module__progressBar___TwMvE::-moz-range-thumb{width:10px;height:10px}}}@layer overrides{.button-message-module__buttonMessageBase___ZYxyt{position:relative}.button-message-module__buttonMessageContainer___HZsQh{display:flex;flex-direction:column;gap:var(--spacing-xs)}.button-message-module__buttonGrid___KQjrj{display:grid;gap:var(--spacing-xs)}.button-message-module__buttonText___8-9nw{color:var(--color-neutral-700);margin-bottom:var(--spacing-xs);font-size:var(--font-size-s);line-height:var(--line-height-s)}@media(max-width:768px){.button-message-module__buttonGrid___KQjrj{gap:var(--spacing-xxs)}.button-message-module__buttonText___8-9nw{font-size:var(--font-size-xs)}}}@layer component-variants{.carousel-message-module__carouselMessageBase___yV-Nd{width:auto;max-width:100%}}@layer overrides{.carousel-message-module__carouselContainer___32NGN{display:flex;flex-direction:row;gap:var(--spacing-sm);max-width:100%;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.carousel-message-module__carouselContainer___32NGN::-webkit-scrollbar{display:none}.carousel-message-module__carouselElement___6Cucf{display:flex;flex-direction:column;background-color:var(--color-neutral-white);border:var(--border-width-sm) solid var(--color-neutral-200);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-fast);min-width:280px;flex-shrink:0}.carousel-message-module__carouselElement___6Cucf:hover{box-shadow:var(--shadow-md);border-color:var(--color-neutral-300)}.carousel-message-module__imageContainer___-NYcV{width:100%;height:200px;overflow:hidden;background-color:var(--color-neutral-100)}.carousel-message-module__elementImage___TEjVf{width:100%;height:100%;object-fit:cover;transition:var(--transition-fast)}.carousel-message-module__carouselElement___6Cucf:hover .carousel-message-module__elementImage___TEjVf{transform:scale(1.05)}.carousel-message-module__elementContent___fQqqZ{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.carousel-message-module__elementTitle___sUPzb{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin:0;line-height:var(--line-height-tight)}.carousel-message-module__elementSubtitle___7yW9w{font-size:var(--font-size-md);color:var(--color-neutral-600);margin:0;line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm)}.carousel-message-module__buttonContainer___lPydV{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-md)}@media(max-width:768px){.carousel-message-module__carouselContainer___32NGN{gap:var(--spacing-xs)}.carousel-message-module__carouselElement___6Cucf{border-radius:var(--radius-sm)}.carousel-message-module__imageContainer___-NYcV{height:150px}.carousel-message-module__elementContent___fQqqZ{padding:var(--spacing-sm);gap:var(--spacing-xs)}.carousel-message-module__elementTitle___sUPzb{font-size:var(--font-size-md)}.carousel-message-module__elementSubtitle___7yW9w{font-size:var(--font-size-sm)}.carousel-message-module__buttonContainer___lPydV{gap:var(--spacing-xxs);margin-top:var(--spacing-xs)}}}@layer component-variants{.document-message-module__documentMessageBase___hqh5-{width:auto}}@layer overrides{.document-message-module__documentContainer___AYtOi{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--spacing-md);min-width:280px;max-width:400px;transition:all var(--webchat-animation-timing) ease}.document-message-module__documentContainer___AYtOi:hover{background-color:var(--color-neutral-100);border-color:var(--color-neutral-300);box-shadow:var(--shadow-sm)}.document-message-module__documentInfo___UiSqy{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.document-message-module__documentIcon___Ti2QJ{font-size:var(--font-size-xl);flex-shrink:0;width:var(--size-icon-lg);height:var(--size-icon-lg);display:flex;align-items:center;justify-content:center}.document-message-module__documentDetails___XDlt9{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.document-message-module__documentName___UsAgR{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-900);line-height:var(--line-height-tight);word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-message-module__documentMeta___5QVnf{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-neutral-600)}.document-message-module__fileSize___qOdcA{font-weight:var(--font-weight-medium)}.document-message-module__fileType___7EdaH{background-color:var(--color-neutral-200);color:var(--color-neutral-700);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.document-message-module__documentActions___7m0QP{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.document-message-module__previewButton___gluoY,.document-message-module__downloadButton___J6HuC{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease;text-decoration:none}.document-message-module__previewButton___gluoY{background-color:var(--color-neutral-200);color:var(--color-neutral-700)}.document-message-module__previewButton___gluoY:hover{background-color:var(--color-neutral-300);color:var(--color-neutral-800)}.document-message-module__downloadButton___J6HuC{background-color:var(--color-primary-500);color:var(--color-neutral-white)}.document-message-module__downloadButton___J6HuC:hover{background-color:var(--color-primary-600);transform:translateY(-1px)}.document-message-module__previewIcon___7HMaf,.document-message-module__downloadIcon___Hg4tV{width:14px;height:14px;flex-shrink:0}.document-message-module__documentLoading___o4Ysd{opacity:.7}.document-message-module__documentLoading___o4Ysd .document-message-module__previewButton___gluoY,.document-message-module__documentLoading___o4Ysd .document-message-module__downloadButton___J6HuC{cursor:wait}.document-message-module__documentError___5je0r{background-color:var(--color-error-50);border-color:var(--color-error-200)}.document-message-module__documentError___5je0r .document-message-module__documentName___UsAgR{color:var(--color-error-700)}.document-message-module__documentError___5je0r .document-message-module__previewButton___gluoY,.document-message-module__documentError___5je0r .document-message-module__downloadButton___J6HuC{background-color:var(--color-error-500);color:var(--color-neutral-white)}.document-message-module__documentError___5je0r .document-message-module__previewButton___gluoY:hover,.document-message-module__documentError___5je0r .document-message-module__downloadButton___J6HuC:hover{background-color:var(--color-error-600)}@media(max-width:768px){.document-message-module__documentContainer___AYtOi{min-width:240px;max-width:320px;padding:var(--spacing-sm)}.document-message-module__documentIcon___Ti2QJ{font-size:var(--font-size-lg);width:var(--size-icon-md);height:var(--size-icon-md)}.document-message-module__documentName___UsAgR,.document-message-module__documentMeta___5QVnf{font-size:var(--font-size-xs)}.document-message-module__previewButton___gluoY,.document-message-module__downloadButton___J6HuC{padding:var(--spacing-xs);font-size:var(--font-size-xs)}.document-message-module__previewIcon___7HMaf,.document-message-module__downloadIcon___Hg4tV{width:12px;height:12px}.document-message-module__documentActions___7m0QP{flex-direction:column;gap:var(--spacing-xs)}}@media(max-width:480px){.document-message-module__documentContainer___AYtOi{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.document-message-module__documentActions___7m0QP{flex-direction:row;width:100%;justify-content:flex-end}}}@layer component-variants{.image-message-module__imageMessageBase___FDwNN{width:auto}}@layer overrides{.image-message-module__messageImage___JnXFb{max-width:100%;height:auto;border-radius:var(--radius-sm);display:block;transition:opacity var(--webchat-animation-timing) ease}.image-message-module__messageImage___JnXFb:hover{opacity:.95}.image-message-module__imageContainer___Ix4WT{position:relative;display:inline-block;max-width:100%}.image-message-module__imageLoading___NXZtB{opacity:.7;filter:blur(1px)}.image-message-module__imageError___YFs7-{display:flex;align-items:center;justify-content:center;background-color:var(--color-neutral-100);color:var(--color-neutral-500);border:1px dashed var(--color-neutral-300);border-radius:var(--radius-sm);padding:var(--spacing-md);min-height:100px;font-size:var(--font-size-s)}@media(max-width:768px){.image-message-module__messageImage___JnXFb{border-radius:var(--radius-xs)}.image-message-module__imageError___YFs7-{min-height:80px;padding:var(--spacing-sm);font-size:var(--font-size-xs)}}}@layer component-variants{.location-message-module__locationMessageBase___rY3d-{width:auto}}@layer overrides{.location-message-module__locationContainer___9Rukw{display:flex;flex-direction:column;gap:var(--spacing-sm);background-color:var(--color-neutral-50);border:var(--border-width-sm) solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--spacing-md);max-width:300px}.location-message-module__locationContent___2BRdV{display:flex;align-items:center;gap:var(--spacing-sm)}.location-message-module__locationIcon___rjObu{display:flex;align-items:center;justify-content:center;width:var(--size-icon-md);height:var(--size-icon-md);color:var(--color-primary-500);flex-shrink:0}.location-message-module__locationInfo___NqVsR{flex:1;min-width:0}.location-message-module__locationTitle___RpUjH{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-900);margin-bottom:var(--spacing-xs)}.location-message-module__locationCoordinates___lLfuf{font-size:var(--font-size-xs);color:var(--color-neutral-600);font-family:var(--font-family-mono);word-break:break-all}.location-message-module__locationLink___Zq2I2{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary-500);color:var(--color-neutral-white);text-decoration:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast)}.location-message-module__locationLink___Zq2I2:hover{background-color:var(--color-primary-600)}.location-message-module__locationLink___Zq2I2:focus{outline:var(--border-width-sm) solid var(--color-primary-300);outline-offset:var(--spacing-xs)}@media(max-width:768px){.location-message-module__locationContainer___9Rukw{max-width:100%;padding:var(--spacing-sm)}.location-message-module__locationCoordinates___lLfuf{font-size:var(--font-size-xs)}}}@layer overrides{.text-message-module__textMessageBase___p4r-t{position:relative}.text-message-module__textContent___yRb8d{word-wrap:break-word;white-space:pre-wrap;line-height:var(--line-height-s)}.text-message-module__textContent___yRb8d a{color:var(--color-lilara-600);text-decoration:underline}.text-message-module__textContent___yRb8d a:hover{color:var(--color-lilara-700)}.text-message-module__textContent___yRb8d a:visited{color:var(--color-lilara-500)}}@layer component-variants{.video-message-module__videoMessageBase___RX3Qk{width:auto}}@layer overrides{.video-message-module__videoContainer___ctZrR{position:relative;display:inline-block;max-width:100%;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-neutral-900);cursor:pointer;transition:all var(--webchat-animation-timing) ease}.video-message-module__videoContainer___ctZrR:hover{transform:scale(1.02)}.video-message-module__videoElement___dYbDh{display:block;max-width:100%;height:auto;border-radius:var(--radius-md);cursor:pointer}.video-message-module__videoControls___K4Xdt{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);padding:var(--spacing-sm);opacity:0;transition:opacity var(--transition-fast) ease}.video-message-module__videoContainer___ctZrR:hover .video-message-module__videoControls___K4Xdt,.video-message-module__videoControls___K4Xdt.video-message-module__show___4ISRQ{opacity:1}.video-message-module__controlsTop___6NCn9{margin-bottom:var(--spacing-xs)}.video-message-module__controlsBottom___E3II8{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.video-message-module__controlsLeft___feB6m{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.video-message-module__controlsRight___9Wtf-{display:flex;align-items:center}.video-message-module__playButton___8LVrt{display:flex;align-items:center;justify-content:center;width:var(--size-icon-md);height:var(--size-icon-md);background-color:var(--color-neutral-white);color:var(--color-neutral-900);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast) ease;flex-shrink:0}.video-message-module__playButton___8LVrt:hover{background-color:var(--color-neutral-100);transform:scale(1.05)}.video-message-module__playButton___8LVrt:active{transform:scale(.95)}.video-message-module__playButton___8LVrt.video-message-module__isPlaying___z4Tf5{background-color:var(--color-neutral-200)}.video-message-module__playIcon___ert2Q{width:12px;height:12px}.video-message-module__timeDisplay___Rzmtn{font-size:var(--font-size-xs);color:var(--color-neutral-white);font-weight:var(--font-weight-medium);text-shadow:0 1px 2px rgba(0,0,0,.5)}.video-message-module__progressContainer___U81jI{position:relative;width:100%}.video-message-module__progressBar___vX-3m{width:100%;height:4px;background-color:#ffffff4d;border-radius:var(--radius-sm);outline:none;cursor:pointer;transition:background-color var(--transition-fast) ease;-webkit-appearance:none;appearance:none}.video-message-module__progressBar___vX-3m::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background-color:var(--color-primary-500);border-radius:50%;cursor:pointer;transition:all var(--transition-fast) ease}.video-message-module__progressBar___vX-3m::-webkit-slider-thumb:hover{background-color:var(--color-primary-400);transform:scale(1.2)}.video-message-module__progressBar___vX-3m::-moz-range-thumb{width:12px;height:12px;background-color:var(--color-primary-500);border-radius:50%;cursor:pointer;border:none;transition:all var(--transition-fast) ease}.video-message-module__progressBar___vX-3m::-moz-range-thumb:hover{background-color:var(--color-primary-400);transform:scale(1.2)}.video-message-module__progressBar___vX-3m:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.video-message-module__progressBar___vX-3m:disabled::-webkit-slider-thumb{cursor:not-allowed}.video-message-module__progressBar___vX-3m:disabled::-moz-range-thumb{cursor:not-allowed}.video-message-module__volumeContainer___-mIlN{display:flex;align-items:center;gap:var(--spacing-xs)}.video-message-module__volumeIcon___x18vs{width:16px;height:16px;color:var(--color-neutral-white);flex-shrink:0}.video-message-module__volumeSlider___jAwcn{width:60px;height:3px;background-color:#ffffff4d;border-radius:var(--radius-sm);outline:none;cursor:pointer;transition:background-color var(--transition-fast) ease;-webkit-appearance:none;appearance:none}.video-message-module__volumeSlider___jAwcn::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background-color:var(--color-neutral-white);border-radius:50%;cursor:pointer;transition:all var(--transition-fast) ease}.video-message-module__volumeSlider___jAwcn::-webkit-slider-thumb:hover{background-color:var(--color-neutral-100);transform:scale(1.2)}.video-message-module__volumeSlider___jAwcn::-moz-range-thumb{width:10px;height:10px;background-color:var(--color-neutral-white);border-radius:50%;cursor:pointer;border:none;transition:all var(--transition-fast) ease}.video-message-module__volumeSlider___jAwcn::-moz-range-thumb:hover{background-color:var(--color-neutral-100);transform:scale(1.2)}.video-message-module__videoLoading___9RFb0{opacity:.7}.video-message-module__videoLoading___9RFb0 .video-message-module__playButton___8LVrt{background-color:var(--color-neutral-400);cursor:wait}.video-message-module__videoError___v3TXh{background-color:var(--color-error-50);border:1px solid var(--color-error-200)}.video-message-module__videoError___v3TXh .video-message-module__playButton___8LVrt{background-color:var(--color-error-500);color:var(--color-neutral-white)}.video-message-module__videoError___v3TXh .video-message-module__playButton___8LVrt:hover{background-color:var(--color-error-600)}@media(max-width:768px){.video-message-module__videoContainer___ctZrR,.video-message-module__videoElement___dYbDh{border-radius:var(--radius-sm)}.video-message-module__playButton___8LVrt{width:var(--size-icon-sm);height:var(--size-icon-sm)}.video-message-module__playIcon___ert2Q{width:10px;height:10px}.video-message-module__timeDisplay___Rzmtn{font-size:var(--font-size-xs)}.video-message-module__progressBar___vX-3m{height:3px}.video-message-module__progressBar___vX-3m::-webkit-slider-thumb{width:10px;height:10px}.video-message-module__progressBar___vX-3m::-moz-range-thumb{width:10px;height:10px}.video-message-module__volumeSlider___jAwcn{width:40px}.video-message-module__volumeIcon___x18vs{width:14px;height:14px}}}@layer overrides{.typing-indicator-module__typingIndicator___2hMSH{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-sm);background-color:var(--webchat-message-bubble-bot-bg);color:var(--webchat-message-bubble-bot-text);border:var(--webchat-message-bubble-bot-border);border-color:var(--webchat-message-bubble-bot-border-color);border-radius:var(--webchat-message-bubble-border-radius);border-bottom-left-radius:var(--webchat-message-bubble-border-radius-tail);max-width:fit-content;font-size:var(--font-size-s);line-height:var(--line-height-s);font-family:var(--font-family);position:relative;align-self:flex-start}.typing-indicator-module__typingText___k7iEu{font-size:var(--font-size-xs);color:var(--color-neutral-500);font-weight:var(--font-weight-regular);margin-right:var(--spacing-xs)}.typing-indicator-module__typingDots___Sy7xC{display:flex;align-items:center;gap:var(--spacing-xxs)}.typing-indicator-module__typingDot___SdRIv{width:6px;height:6px;background-color:var(--color-neutral-400);border-radius:50%;animation:typing-indicator-module__typingDot___SdRIv 1.4s infinite ease-in-out}.typing-indicator-module__typingDot___SdRIv:nth-child(2){animation-delay:.2s}.typing-indicator-module__typingDot___SdRIv:nth-child(3){animation-delay:.4s}}@keyframes typing-indicator-module__typingDot___SdRIv{0%,60%,to{opacity:.4;transform:scale(1)}30%{opacity:1;transform:scale(1.1)}}@layer overrides{.webchat-messages-module__base___V7acY{display:flex;flex-direction:column;background-color:var(--webchat-messages-bg);position:relative;overflow:hidden}.webchat-messages-module__scroll-fade-bottom___WoP9u{position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:0;height:var(--webchat-messages-bottom-fade-height);pointer-events:none;z-index:2;backdrop-filter:blur(var(--webchat-messages-bottom-fade-blur));-webkit-backdrop-filter:blur(var(--webchat-messages-bottom-fade-blur));mask-image:linear-gradient(to top,black 0%,black 35%,transparent 100%);-webkit-mask-image:linear-gradient(to top,black 0%,black 35%,transparent 100%)}.webchat-messages-module__messages-container___Ew2gS{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:0;padding:var(--spacing-sm) 0;overflow:auto;scrollbar-width:none;padding-top:calc(var(--webchat-header-height) + var(--spacing-sm));padding-bottom:calc(var(--webchat-input-stack-height) + var(--spacing-sm))}.webchat-messages-module__messages-container___Ew2gS::-webkit-scrollbar{display:none}.webchat-messages-module__typing-indicator___pPQaZ{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-sm);background-color:var(--webchat-message-bot-bg);border:1px solid var(--color-neutral-200);border-radius:var(--webchat-message-border-radius);border-bottom-left-radius:var(--radius-xxs);max-width:fit-content;box-shadow:var(--webchat-message-shadow)}.webchat-messages-module__typing-dots___Rv03Z{display:flex;gap:var(--spacing-xxs)}.webchat-messages-module__typing-dot___HjyLC{width:4px;height:4px;background-color:var(--color-neutral-400);border-radius:50%;animation:webchat-messages-module__typingDot___RzMi3 1.4s infinite}.webchat-messages-module__typing-dot___HjyLC:nth-child(2){animation-delay:.2s}.webchat-messages-module__typing-dot___HjyLC:nth-child(3){animation-delay:.4s}.webchat-messages-module__typing-indicator-container___v3bpq{display:flex;padding:0 var(--spacing-sm);max-width:100%;position:relative;gap:var(--spacing-xxs);align-items:start;justify-content:flex-start}.webchat-messages-module__scrollbar-track___WLz0l{position:absolute;inset-inline-end:2px;top:var(--webchat-header-height);bottom:var(--webchat-input-stack-height);width:var(--webchat-scrollbar-width);z-index:3;pointer-events:auto;opacity:0;transition:opacity .2s ease}.webchat-messages-module__scrollbar-track-visible___LyCn8,.webchat-messages-module__scrollbar-track___WLz0l:hover{opacity:1}.webchat-messages-module__scrollbar-thumb___AVatG{position:absolute;inset-inline-start:0;width:100%;border-radius:var(--webchat-scrollbar-thumb-radius);background-color:var(--webchat-scrollbar-thumb-bg);cursor:grab;transition:background-color .15s ease}.webchat-messages-module__scrollbar-thumb___AVatG:hover,.webchat-messages-module__scrollbar-thumb___AVatG:active{background-color:var(--webchat-scrollbar-thumb-bg-hover)}.webchat-messages-module__scrollbar-thumb___AVatG:active{cursor:grabbing}}@keyframes webchat-messages-module__typingDot___RzMi3{0%,60%,to{opacity:.3;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}@keyframes webchat-messages-module__pulse___1lYoQ{0%,to{opacity:.8}50%{opacity:.4}}@layer overrides{.webchat-trigger-module__base___BpGIN{display:flex;align-items:center;justify-content:center;width:var(--webchat-trigger-size);height:var(--webchat-trigger-size);font-size:var(--font-size-sm);background-color:var(--webchat-trigger-bg);color:var(--webchat-trigger-text);border:none;border-radius:var(--webchat-trigger-border-radius);box-shadow:var(--webchat-trigger-shadow);cursor:pointer;font-family:var(--font-family);font-weight:var(--font-weight-medium);transition:background-color var(--webchat-animation-duration) var(--webchat-animation-timing);position:fixed;z-index:var(--webchat-trigger-z-index);bottom:var(--webchat-trigger-position-offset);right:var(--webchat-trigger-position-offset)}.webchat-trigger-module__base___BpGIN:hover{background-color:var(--webchat-trigger-bg-hover)}.webchat-trigger-module__base___BpGIN:active{background-color:var(--webchat-trigger-bg-hover);opacity:.9}.webchat-trigger-module__base___BpGIN:focus{outline:none}.webchat-trigger-module__base___BpGIN:focus-visible{outline:3px solid var(--color-lilara-300);outline-offset:2px}.webchat-trigger-module__bottom-right___Q9RB7{bottom:var(--webchat-trigger-position-offset);right:var(--webchat-trigger-position-offset)}.webchat-trigger-module__bottom-left___O0h6i{bottom:var(--webchat-trigger-position-offset);left:var(--webchat-trigger-position-offset)}.webchat-trigger-module__top-right___fRZQ7{top:var(--webchat-trigger-position-offset);right:var(--webchat-trigger-position-offset)}.webchat-trigger-module__top-left___HIH3L{top:var(--webchat-trigger-position-offset);left:var(--webchat-trigger-position-offset)}.webchat-trigger-module__trigger-icon___8oGUm{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.webchat-trigger-module__notification-badge___wXWM8{position:absolute;top:-4px;right:-4px;background-color:var(--color-red-500);color:var(--color-white);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);padding:var(--spacing-xxs);border-radius:var(--webchat-trigger-border-radius);min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003}.webchat-trigger-module__unread-badge___Ehk1R{position:absolute;top:-6px;right:-6px;background-color:var(--color-red-500);color:var(--color-white);font-size:11px;font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--radius-m);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;transform:scale(1);transition:transform .2s ease}.webchat-trigger-module__loading-spinner___UrhIi{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:var(--webchat-trigger-border-radius);animation:webchat-trigger-module__spin___Ucj7u .8s linear infinite}.webchat-trigger-module__is-pulsing___bVsxi{animation:webchat-trigger-module__webchat-trigger-pulse___A5-UF var(--webchat-trigger-pulse-duration) infinite}.webchat-trigger-module__is-appearing___WHdbF{animation:webchat-trigger-module__webchat-trigger-appear___KWMTx var(--webchat-trigger-animation-duration) var(--webchat-trigger-animation-timing)}.webchat-trigger-module__is-opening___NzPKU{animation:webchat-trigger-module__webchat-trigger-open___UdYSF var(--webchat-trigger-animation-duration) var(--webchat-trigger-animation-timing)}.webchat-trigger-module__is-closing___Gbp3t{animation:webchat-trigger-module__webchat-trigger-close___QSK-9 var(--webchat-trigger-animation-duration) var(--webchat-trigger-animation-timing)}.webchat-trigger-module__is-loading___Qnwvi{cursor:wait}.webchat-trigger-module__is-open___qJce6 .webchat-trigger-module__trigger-icon___8oGUm span{transition:transform .3s ease}@keyframes webchat-trigger-module__webchat-trigger-pulse___A5-UF{0%{transform:scale(1);box-shadow:var(--webchat-trigger-shadow)}50%{transform:scale(1.05);box-shadow:0 6px 20px #6e49ff66}to{transform:scale(1);box-shadow:var(--webchat-trigger-shadow)}}@keyframes webchat-trigger-module__webchat-trigger-appear___KWMTx{0%{transform:translate(var(--spacing-ml),var(--spacing-ml));opacity:0}to{transform:translate(0);opacity:1}}@keyframes webchat-trigger-module__webchat-trigger-open___UdYSF{0%{transform:translateY(0)}50%{transform:translateY(calc(var(--spacing-xs) * -1))}to{transform:translateY(0)}}@keyframes webchat-trigger-module__webchat-trigger-close___QSK-9{0%{transform:translateY(0)}50%{transform:translateY(var(--spacing-xs))}to{transform:translateY(0)}}}@keyframes webchat-trigger-module__spin___Ucj7u{to{transform:rotate(360deg)}}
|
package/trigger.js
CHANGED
|
@@ -3,7 +3,7 @@ import { cx as D, cva as J } from "class-variance-authority";
|
|
|
3
3
|
import { useState as s, useRef as h, useMemo as M, lazy as A, useCallback as l, useEffect as E, Component as Z, Suspense as X } from "react";
|
|
4
4
|
import { ensureGlobalWebchatAPI as Y, setupGlobalWebchatAPI as $, signalWebchatReady as ee } from "@botonic/webchat-core";
|
|
5
5
|
A(
|
|
6
|
-
() => import("./webchat-app-
|
|
6
|
+
() => import("./webchat-app-CLGvs-LL.js").then((i) => i.w).then((i) => ({ default: i.WebchatApp }))
|
|
7
7
|
);
|
|
8
8
|
function te(i, c) {
|
|
9
9
|
const {
|
|
@@ -20,7 +20,7 @@ function te(i, c) {
|
|
|
20
20
|
z.current || (z.current = !0, Y());
|
|
21
21
|
const K = M(
|
|
22
22
|
() => d ? A(d) : A(
|
|
23
|
-
() => import("./webchat-app-
|
|
23
|
+
() => import("./webchat-app-CLGvs-LL.js").then((e) => e.w).then((e) => ({
|
|
24
24
|
default: e.WebchatApp
|
|
25
25
|
}))
|
|
26
26
|
),
|