expedite-components 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +22 -0
- package/README.md +283 -0
- package/dist/expedite-components.css +1 -0
- package/dist/expedite-components.es.js +19963 -0
- package/dist/expedite-components.umd.js +63 -0
- package/dist/favicon.ico +0 -0
- package/dist/loader.gif +0 -0
- package/dist/style.css +1 -0
- package/dist/tv-1.png +0 -0
- package/dist/tv-2.png +0 -0
- package/dist/vue-expedite-components.js +24276 -0
- package/dist/vue-expedite-components.umd.cjs +86 -0
- package/package.json +100 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2024
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
22
|
+
|
package/README.md
ADDED
|
@@ -0,0 +1,283 @@
|
|
|
1
|
+
# Expedite Components
|
|
2
|
+
|
|
3
|
+
A Vue 3 component library for Expedite Commerce, providing reusable components including Configurator and GPT chat functionality.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
npm install expedite-components
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Peer Dependencies
|
|
12
|
+
|
|
13
|
+
This library requires the following peer dependencies:
|
|
14
|
+
|
|
15
|
+
```sh
|
|
16
|
+
npm install vue@^3.4.21 pinia@^2.1.7 axios@^1.13.2 dompurify@^3.2.6 lodash.clonedeep@^4.5.0 v-click-outside@^3.2.0 vue-router-lwc@^1.0.4 vuedraggable@^4.1.0
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Usage
|
|
20
|
+
|
|
21
|
+
### Vue 3 Application
|
|
22
|
+
|
|
23
|
+
#### Option 1: Install as a Plugin (Global Registration)
|
|
24
|
+
|
|
25
|
+
```javascript
|
|
26
|
+
import { createApp } from 'vue'
|
|
27
|
+
import { createPinia } from 'pinia'
|
|
28
|
+
import ExpediteComponents from 'expedite-components'
|
|
29
|
+
import 'expedite-components/style'
|
|
30
|
+
|
|
31
|
+
const app = createApp(App)
|
|
32
|
+
const pinia = createPinia()
|
|
33
|
+
|
|
34
|
+
app.use(pinia)
|
|
35
|
+
app.use(ExpediteComponents)
|
|
36
|
+
|
|
37
|
+
app.mount('#app')
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
Then use components in your templates:
|
|
41
|
+
|
|
42
|
+
```vue
|
|
43
|
+
<template>
|
|
44
|
+
<div>
|
|
45
|
+
<!-- Expedite Configurator -->
|
|
46
|
+
<ExpediteConfigurator
|
|
47
|
+
item-id="your-item-id"
|
|
48
|
+
qli-id="optional-qli-id"
|
|
49
|
+
rest-url="https://your-api-url.com/Order"
|
|
50
|
+
/>
|
|
51
|
+
|
|
52
|
+
<!-- Expedite GPT Chat -->
|
|
53
|
+
<ExpediteGPT
|
|
54
|
+
secret-key="your-openai-api-key"
|
|
55
|
+
model="gpt-3.5-turbo"
|
|
56
|
+
:max-tokens="300"
|
|
57
|
+
placeholder="Enter your message..."
|
|
58
|
+
/>
|
|
59
|
+
</div>
|
|
60
|
+
</template>
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
#### Option 2: Import Individual Components
|
|
64
|
+
|
|
65
|
+
```vue
|
|
66
|
+
<template>
|
|
67
|
+
<div>
|
|
68
|
+
<ExpediteConfigurator
|
|
69
|
+
item-id="your-item-id"
|
|
70
|
+
:rest-url="apiUrl"
|
|
71
|
+
/>
|
|
72
|
+
<ExpediteGPT
|
|
73
|
+
secret-key="your-api-key"
|
|
74
|
+
/>
|
|
75
|
+
</div>
|
|
76
|
+
</template>
|
|
77
|
+
|
|
78
|
+
<script setup>
|
|
79
|
+
import { ExpediteConfigurator, ExpediteGPT } from 'expedite-components'
|
|
80
|
+
import 'expedite-components/style'
|
|
81
|
+
|
|
82
|
+
const apiUrl = 'https://your-api-url.com/Order'
|
|
83
|
+
</script>
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
#### Option 3: Using with Composition API
|
|
87
|
+
|
|
88
|
+
```vue
|
|
89
|
+
<template>
|
|
90
|
+
<div>
|
|
91
|
+
<ExpediteConfigurator
|
|
92
|
+
:item-id="itemId"
|
|
93
|
+
:qli-id="qliId"
|
|
94
|
+
:rest-url="restUrl"
|
|
95
|
+
/>
|
|
96
|
+
</div>
|
|
97
|
+
</template>
|
|
98
|
+
|
|
99
|
+
<script setup>
|
|
100
|
+
import { ref } from 'vue'
|
|
101
|
+
import { ExpediteConfigurator } from 'expedite-components'
|
|
102
|
+
import 'expedite-components/style'
|
|
103
|
+
|
|
104
|
+
const itemId = ref('item-123')
|
|
105
|
+
const qliId = ref('qli-456')
|
|
106
|
+
const restUrl = ref('https://ec-ord1-dev-ed.my.salesforce-sites.com/Order')
|
|
107
|
+
</script>
|
|
108
|
+
```
|
|
109
|
+
|
|
110
|
+
### Component Props
|
|
111
|
+
|
|
112
|
+
#### ExpediteConfigurator
|
|
113
|
+
|
|
114
|
+
| Prop | Type | Required | Default | Description |
|
|
115
|
+
|------|------|----------|---------|-------------|
|
|
116
|
+
| `itemId` | String | Yes | - | The ID of the item to configure |
|
|
117
|
+
| `qliId` | String | No | - | Optional Quote Line Item ID |
|
|
118
|
+
| `restUrl` | String | No | `"https://ec-ord1-dev-ed.my.salesforce-sites.com/Order"` | REST API endpoint URL |
|
|
119
|
+
|
|
120
|
+
#### ExpediteGPT
|
|
121
|
+
|
|
122
|
+
| Prop | Type | Required | Default | Description |
|
|
123
|
+
|------|------|----------|---------|-------------|
|
|
124
|
+
| `secretKey` | String | No | `""` | OpenAI API secret key |
|
|
125
|
+
| `model` | String | No | `"gpt-3.5-turbo"` | GPT model to use |
|
|
126
|
+
| `maxTokens` | Number | No | `300` | Maximum tokens for the response |
|
|
127
|
+
| `placeholder` | String | No | `"Enter your message..."` | Input placeholder text |
|
|
128
|
+
|
|
129
|
+
### HTML/Web Components (Framework Agnostic)
|
|
130
|
+
|
|
131
|
+
You can use the components in any HTML page without a Vue application:
|
|
132
|
+
|
|
133
|
+
```html
|
|
134
|
+
<!DOCTYPE html>
|
|
135
|
+
<html lang="en">
|
|
136
|
+
<head>
|
|
137
|
+
<meta charset="UTF-8">
|
|
138
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
139
|
+
<title>Expedite Components</title>
|
|
140
|
+
|
|
141
|
+
<!-- Import the web components bundle -->
|
|
142
|
+
<link rel="stylesheet" href="./node_modules/expedite-components/dist/style.css">
|
|
143
|
+
<script type="module" src="./node_modules/expedite-components/dist/vue-expedite-components.js"></script>
|
|
144
|
+
</head>
|
|
145
|
+
<body>
|
|
146
|
+
<h1>Expedite Configurator</h1>
|
|
147
|
+
|
|
148
|
+
<!-- Use the custom element -->
|
|
149
|
+
<vue-expedite-configurator
|
|
150
|
+
item-id="your-item-id"
|
|
151
|
+
qli-id="optional-qli-id"
|
|
152
|
+
rest-url="https://your-api-url.com/Order"
|
|
153
|
+
></vue-expedite-configurator>
|
|
154
|
+
|
|
155
|
+
<h1>Expedite GPT Chat</h1>
|
|
156
|
+
|
|
157
|
+
<!-- Use the GPT chat component -->
|
|
158
|
+
<vue-expedite-gpt
|
|
159
|
+
secret-key="your-openai-api-key"
|
|
160
|
+
model="gpt-3.5-turbo"
|
|
161
|
+
max-tokens="300"
|
|
162
|
+
placeholder="Ask me anything..."
|
|
163
|
+
></vue-expedite-gpt>
|
|
164
|
+
|
|
165
|
+
<script>
|
|
166
|
+
// Components are auto-registered when the module loads
|
|
167
|
+
// No additional setup required!
|
|
168
|
+
</script>
|
|
169
|
+
</body>
|
|
170
|
+
</html>
|
|
171
|
+
```
|
|
172
|
+
|
|
173
|
+
#### Alternative: Using UMD Bundle (for non-module environments)
|
|
174
|
+
|
|
175
|
+
```html
|
|
176
|
+
<!DOCTYPE html>
|
|
177
|
+
<html lang="en">
|
|
178
|
+
<head>
|
|
179
|
+
<meta charset="UTF-8">
|
|
180
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
181
|
+
<title>Expedite Components</title>
|
|
182
|
+
|
|
183
|
+
<!-- Import the UMD bundle -->
|
|
184
|
+
<link rel="stylesheet" href="./node_modules/expedite-components/dist/style.css">
|
|
185
|
+
<script src="./node_modules/expedite-components/dist/vue-expedite-components.umd.cjs"></script>
|
|
186
|
+
</head>
|
|
187
|
+
<body>
|
|
188
|
+
<vue-expedite-configurator
|
|
189
|
+
item-id="item-123"
|
|
190
|
+
rest-url="https://api.example.com/Order"
|
|
191
|
+
></vue-expedite-configurator>
|
|
192
|
+
|
|
193
|
+
<vue-expedite-gpt
|
|
194
|
+
secret-key="sk-..."
|
|
195
|
+
></vue-expedite-gpt>
|
|
196
|
+
</body>
|
|
197
|
+
</html>
|
|
198
|
+
```
|
|
199
|
+
|
|
200
|
+
#### Using from CDN (if published)
|
|
201
|
+
|
|
202
|
+
```html
|
|
203
|
+
<!DOCTYPE html>
|
|
204
|
+
<html lang="en">
|
|
205
|
+
<head>
|
|
206
|
+
<meta charset="UTF-8">
|
|
207
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
208
|
+
<title>Expedite Components</title>
|
|
209
|
+
|
|
210
|
+
<!-- Import from CDN -->
|
|
211
|
+
<link rel="stylesheet" href="https://cdn.example.com/expedite-components/dist/style.css">
|
|
212
|
+
<script type="module" src="https://cdn.example.com/expedite-components/dist/vue-expedite-components.js"></script>
|
|
213
|
+
</head>
|
|
214
|
+
<body>
|
|
215
|
+
<vue-expedite-configurator
|
|
216
|
+
item-id="item-123"
|
|
217
|
+
rest-url="https://api.example.com/Order"
|
|
218
|
+
></vue-expedite-configurator>
|
|
219
|
+
|
|
220
|
+
<vue-expedite-gpt
|
|
221
|
+
secret-key="sk-..."
|
|
222
|
+
></vue-expedite-gpt>
|
|
223
|
+
</body>
|
|
224
|
+
</html>
|
|
225
|
+
```
|
|
226
|
+
|
|
227
|
+
## Development
|
|
228
|
+
|
|
229
|
+
### Project Setup
|
|
230
|
+
|
|
231
|
+
```sh
|
|
232
|
+
npm install
|
|
233
|
+
```
|
|
234
|
+
|
|
235
|
+
### Compile and Hot-Reload for Development
|
|
236
|
+
|
|
237
|
+
```sh
|
|
238
|
+
npm run dev
|
|
239
|
+
```
|
|
240
|
+
|
|
241
|
+
### Build for Production
|
|
242
|
+
|
|
243
|
+
Build both regular library and web components:
|
|
244
|
+
|
|
245
|
+
```sh
|
|
246
|
+
npm run build:all
|
|
247
|
+
```
|
|
248
|
+
|
|
249
|
+
Build only the regular library:
|
|
250
|
+
|
|
251
|
+
```sh
|
|
252
|
+
npm run build
|
|
253
|
+
```
|
|
254
|
+
|
|
255
|
+
Build only web components:
|
|
256
|
+
|
|
257
|
+
```sh
|
|
258
|
+
npm run build:web-components
|
|
259
|
+
```
|
|
260
|
+
|
|
261
|
+
### Run Unit Tests with [Vitest](https://vitest.dev/)
|
|
262
|
+
|
|
263
|
+
```sh
|
|
264
|
+
npm run test:unit
|
|
265
|
+
```
|
|
266
|
+
|
|
267
|
+
### Lint with [ESLint](https://eslint.org/)
|
|
268
|
+
|
|
269
|
+
```sh
|
|
270
|
+
npm run lint
|
|
271
|
+
```
|
|
272
|
+
|
|
273
|
+
## Recommended IDE Setup
|
|
274
|
+
|
|
275
|
+
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
|
|
276
|
+
|
|
277
|
+
## Customize configuration
|
|
278
|
+
|
|
279
|
+
See [Vite Configuration Reference](https://vitejs.dev/config/).
|
|
280
|
+
|
|
281
|
+
## License
|
|
282
|
+
|
|
283
|
+
MIT
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.icon[data-v-480610f7]{cursor:pointer;display:inline-flex}.disabled[data-v-480610f7]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default!important;pointer-events:none}.modal-mask[data-v-9d4cf4a2]{position:fixed;top:0;left:0;z-index:200;display:table;height:100%;width:100%;background-color:#0a0a0acc;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-mask.theme-css-modal .modal-container[data-v-9d4cf4a2]{width:calc(100% - 60px)}.modal-container__content[data-v-9d4cf4a2]{max-height:calc(100vh - 130px);overflow-y:auto}.modal-wrapper[data-v-9d4cf4a2]{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.modal-container[data-v-9d4cf4a2]{position:relative;margin-left:1rem;margin-right:1rem;display:flex;min-width:300px;flex-direction:column;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 2px 8px rgba(0,0,0,.33);--tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-container__close[data-v-9d4cf4a2]{position:absolute;top:-15px;right:-15px;display:flex;height:30px;width:30px;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;border-style:none;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(172 172 172 / var(--tw-text-opacity));--tw-shadow: 1px 1px 8px rgba(0,0,0,.04);--tw-shadow-colored: 1px 1px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.modal-container__header[data-v-9d4cf4a2]{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(219 219 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(246 246 246 / var(--tw-bg-opacity));padding:17px 30px}.modal-container__content[data-v-9d4cf4a2]{min-height:100px;min-width:150px}.widget-upload__heading[data-v-9d4cf4a2]{margin-bottom:0;font-size:19px;font-weight:700;--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity))}.modal-enter-from[data-v-9d4cf4a2],.modal-leave-to[data-v-9d4cf4a2]{opacity:0}.modal-enter-active .modal-container[data-v-9d4cf4a2],.modal-leave-active .modal-container[data-v-9d4cf4a2]{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rectangle-button[data-v-6a4e9230]{display:flex;align-items:center;justify-content:center;height:34px;padding:0 12px;position:relative;border-radius:3px;font-family:var(--ec-font-primary);font-size:12px;font-weight:600;color:#fff;text-decoration:none;text-align:center;white-space:nowrap;transition:background-color .2s;will-change:background-color;cursor:pointer}.rectangle-button.esg-btn-primary.link-btn[data-v-6a4e9230]{color:var(--ec-primary);background-color:transparent}.rectangle-button.esg-btn-secondary.link-btn[data-v-6a4e9230]{width:32px;min-width:32px;height:32px;color:#acacac;background-color:transparent;transition:background-color .3s,color .3s;will-change:background-color,color}.rectangle-button.esg-btn-secondary.link-btn[data-v-6a4e9230]:hover{color:#353535;background-color:#dedede}.rectangle-button.esg-btn-secondary.link-btn[data-v-6a4e9230]:active,.rectangle-button.esg-btn-secondary.link-btn.active[data-v-6a4e9230]{color:#198708;background-color:#dee7dd}.rectangle-button.disabled[data-v-6a4e9230]{cursor:not-allowed;pointer-events:none}.rectangle-button.esg-btn-error[data-v-6a4e9230]:not(.outlined){background-color:#d23333}.rectangle-button.esg-btn-error.outlined[data-v-6a4e9230]{background-color:#fff;border:1px solid #d23333;color:#d23333}.rectangle-button.esg-btn-error.outlined[data-v-6a4e9230]:hover{background-color:#f1e1e1}.rectangle-button.esg-btn-error.link-btn[data-v-6a4e9230]{color:#d23333;background-color:transparent}.rectangle-button.esg-btn-playbook[data-v-6a4e9230]{border-radius:12px;border:1px solid #dedede;background:transparent;color:#353535;font-size:14px;font-style:normal;font-weight:500;line-height:18px;padding:0 21px}.rectangle-button.esg-btn-playbook[data-v-6a4e9230]:hover{background-color:#dedede}.rectangle-button.medium[data-v-6a4e9230]{height:32px;padding:6px 12px;font-size:14px;font-weight:500;line-height:20px}.rectangle-button.small[data-v-6a4e9230]{font-size:12px;height:26px;padding:4px 8px}.rectangle-button.noborder[data-v-6a4e9230]:hover{background-color:#dedede}.rectangle-button.large[data-v-6a4e9230]{height:40px;font-size:14px;font-weight:500}.text-loading[data-v-6a4e9230]{opacity:0;display:inline-block}.loader[data-v-6a4e9230]{height:16px}.loader .icon[data-v-6a4e9230]{animation:spin-6a4e9230 1s linear infinite}.loader.margin-left-10[data-v-6a4e9230]{margin-left:10px}.esg-btn-primary[data-v-6a4e9230]:not(.outlined){background-color:#198708}.esg-btn-primary.outlined[data-v-6a4e9230]{background-color:transparent;border:1px solid #198708;color:#198708}.esg-btn-primary.outlined[data-v-6a4e9230]:hover{background-color:#dee7dd}.esg-btn-secondary[data-v-6a4e9230]:not(.outlined){background-color:#dedede;color:#5f5f5f}.esg-btn-secondary.outlined[data-v-6a4e9230]{background-color:transparent;border:1px solid #828282;color:#5f5f5f}.esg-btn-secondary.outlined[data-v-6a4e9230]:hover{background-color:#f8f8f8;color:#858585}.esg-btn-secondary.disabled[data-v-6a4e9230]{color:#828282}@keyframes spin-6a4e9230{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-container[data-v-6a20328f]{display:flex;justify-content:space-between;position:fixed;top:20px;right:50%;transform:translate(50%);z-index:20000;min-width:900px;max-width:1200px;background-color:#57c046;padding:1rem 21px;color:#5f5f5f;font-size:13px;border-width:1px;border-style:solid;box-shadow:1px 1px 8px #d233331a}.toast-container span[data-v-6a20328f]{font-family:var(--ec-font-primary)}.toast[data-v-6a20328f]{display:flex;align-items:center;gap:12px}.toast__text[data-v-6a20328f]{padding:0;word-break:break-word}.no-wrap[data-v-6a20328f]{text-wrap:nowrap}@media screen and (max-width: 1000px){.toast-container[data-v-6a20328f]{max-width:calc(100vw - 40px);min-width:calc(100vw - 40px);margin-left:20px}.toast-container.toast[data-v-6a20328f]:last-child{text-wrap:nowrap}}@keyframes skeleton-pulse-47a3dca5{0%,to{opacity:1}50%{opacity:.5}}.ect-animate-pulse[data-v-47a3dca5]{animation:skeleton-pulse-47a3dca5 2s cubic-bezier(.4,0,.6,1) infinite}.loader-spinner[data-v-ab85b43e]{display:inline-block;animation:spin-ab85b43e 1s linear infinite}@keyframes spin-ab85b43e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ect-pill[data-v-c7f05fa0]{font-size:.75rem;font-weight:400;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));height:1.25rem;min-width:26px;border-radius:.25rem;text-align:center;display:inline-block;padding:.125rem .375rem}.ect-pill-default[data-v-c7f05fa0]{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.ect-pill-success[data-v-c7f05fa0]{--tw-bg-opacity: 1;background-color:rgb(25 135 8 / var(--tw-bg-opacity))}.ect-pill-error[data-v-c7f05fa0]{--tw-bg-opacity: 1;background-color:rgb(210 51 51 / var(--tw-bg-opacity))}.ect-page-tabs[data-v-f22cb1ed]{display:flex;flex-direction:column}.ect-page-tabs-header[data-v-f22cb1ed]{display:flex;padding-left:1.5rem}.ect-tab-border[data-v-f22cb1ed]{border-bottom-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity))}.ect-tab-border .ect-page-tab-button[data-v-f22cb1ed]{position:relative;top:1px}.ect-page-tab-button[data-v-f22cb1ed]{font-size:.875rem;font-weight:500;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity));border-bottom-width:2px;border-style:solid;border-color:transparent;padding:.5rem .75rem}.ect-page-tab-button-active[data-v-f22cb1ed]{border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(19 110 5 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(19 110 5 / var(--tw-text-opacity))}.ect-page-tab-button.p-4[data-v-f22cb1ed]{padding:1rem}.ect-page-tab-content[data-v-f22cb1ed]{position:relative;z-index:10}.page-tab[data-v-f22cb1ed]{width:100%}.input[data-v-032ca141]{display:flex;flex-direction:column;text-align:left;position:relative}.input-wrapper[data-v-032ca141]{display:flex;align-items:center}.input-wrapper_icon[data-v-032ca141]{height:34px;width:34px;display:flex;justify-content:center;align-items:center}.input label span[data-v-032ca141]{color:var(--ec-primary)}.input .error_tooltip[data-v-032ca141]{position:absolute;color:#fff;background-color:#ff6a6a;font-size:12px;border-radius:0;font-family:var(--ec-font-primary);padding:5px 10px;text-align:left;width:auto;z-index:9;box-sizing:border-box;box-shadow:0 1px 8px #0000001a}.input .error_tooltip[data-v-032ca141]:before{content:"";position:absolute;border:5px solid transparent}.input .error_tooltip-bottom-right[data-v-032ca141]{top:90%;right:0}.input .error_tooltip-bottom-right[data-v-032ca141]:before{bottom:100%;right:10px;border-bottom-color:#ff6a6a}.input .error_tooltip[data-v-032ca141]{opacity:unset!important}.input .error_color[data-v-032ca141]{color:red!important}.input .errorBorder_color[data-v-032ca141]{border-color:red!important}.input input[type=number][data-v-032ca141]::-webkit-outer-spin-button,.input input[type=number][data-v-032ca141]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input .highlight[data-v-032ca141]{border-color:var(--ec-secondary)}.input .value[data-v-032ca141]{line-height:14px;margin:10px 0 28px}.m-b_1[data-v-032ca141]{margin-bottom:4px}.ectheme-input-box.large[data-v-032ca141]{color:#353535;text-overflow:ellipsis;font-size:16px;font-weight:400;line-height:20px;padding:10px 12px;height:40px;border-radius:4px}.spinner[data-v-771ed032]{color:gray;font-size:3px;width:1.2em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;animation:load4-771ed032 .7s infinite linear;transform:scale(.8) translate(5px) translateZ(0);margin-right:.9rem}@keyframes load4-771ed032{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}.title_label[data-v-5ae4f6dc]{font-family:var(--ec-font-primary);font-size:13px;color:#5f5f5f;line-height:20px;font-weight:500;margin-bottom:5px;display:inline-block}.input-container[data-v-5ae4f6dc]{display:flex;flex-direction:column;width:100%}.input-container-box[data-v-5ae4f6dc]{position:relative}.input-wrapper[data-v-5ae4f6dc]{display:flex;width:100%;align-items:center;border:solid 1px #dedede;background-color:#fff;flex-direction:row;box-sizing:border-box;height:32px}.input-wrapper input[data-v-5ae4f6dc]{all:unset;width:100%}.input-wrapper.size-medium[data-v-5ae4f6dc]{height:2rem}.input-wrapper.size-medium input[data-v-5ae4f6dc]{font-size:.875rem;line-height:1.25rem}.input-wrapper.size-large[data-v-5ae4f6dc]{height:2.75rem}.input-wrapper.size-large input[data-v-5ae4f6dc]{font-size:1rem;line-height:1.5rem}.input-container.dark .input-wrapper[data-v-5ae4f6dc]{background:#0a0a0a;border-color:#fff;height:32px}.input-container.dark .input-wrapper.size-medium[data-v-5ae4f6dc]{height:2rem}.input-container.dark .input-wrapper.size-large[data-v-5ae4f6dc]{height:2.75rem}.input-container.dark .selection-name[data-v-5ae4f6dc]{font-family:var(--ec-font-primary);font-size:14px;color:#fff;font-weight:500;padding-left:2px}.input-container.dark .selection-name.size-medium[data-v-5ae4f6dc],.input-container.dark .selection-name.size-large[data-v-5ae4f6dc]{font-size:.875rem;line-height:1.25rem}.input-container.dark .dropdown[data-v-5ae4f6dc]{top:40px}.input-container.dark .dropdown.size-large[data-v-5ae4f6dc]{top:52px}.selection-name[data-v-5ae4f6dc]{height:34px;flex-grow:1;text-align:left;white-space:nowrap;cursor:default;overflow:hidden;text-overflow:ellipsis;font-family:var(--ec-font-primary);font-size:13px;display:flex;align-items:center;justify-content:space-between}.selection-name.size-medium[data-v-5ae4f6dc]{height:2rem;font-size:.875rem;line-height:1.25rem}.selection-name.size-large[data-v-5ae4f6dc]{height:2.75rem;font-size:.875rem;line-height:1.25rem}label[data-v-5ae4f6dc]{font-family:var(--ec-font-primary);font-size:12px;font-weight:500;color:#5f5f5f}label span[data-v-5ae4f6dc]{color:var(--ec-primary)}.dropdown[data-v-5ae4f6dc]{position:absolute;width:100%;max-height:250px;overflow:auto;border:1px solid lightgray;border-top:none;background:#fff;text-align:left;z-index:100;box-sizing:border-box}.dropdown.dropdown-above[data-v-5ae4f6dc]{border-top:1px solid lightgray;border-bottom:none}.dropdown[data-v-5ae4f6dc]::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}.dropdown[data-v-5ae4f6dc]::-webkit-scrollbar-thumb{border-radius:3px;box-shadow:inset 0 0 6px #00000024;background-color:#5f5f5f}.dropdown-item[data-v-5ae4f6dc]{padding:.5rem .7rem;font-size:.75rem;cursor:pointer}.dropdown-item[data-v-5ae4f6dc]:not(:last-of-type){border-bottom:1px solid lightgray}.dropdown-item[data-v-5ae4f6dc]:hover{background:#e3e3e3}.highlighted[data-v-5ae4f6dc]{background-color:#e3e3e3}.no-items-found[data-v-5ae4f6dc]{padding:.5rem .7rem;font-size:.75rem}.name[data-v-5ae4f6dc]{display:flex;justify-content:space-between}.name>span[data-v-5ae4f6dc]{text-overflow:ellipsis}.info[data-v-5ae4f6dc]{color:#cbcbcb;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}input[data-v-5ae4f6dc]{flex-grow:1;height:32px;padding:0 10px;text-overflow:ellipsis;font-family:var(--ec-font-primary);font-size:12px;font-weight:400;color:#5f5f5f}.input-wrapper.size-medium input[data-v-5ae4f6dc]{height:2rem}.input-wrapper.size-large input[data-v-5ae4f6dc]{height:2.75rem}.clear-button[data-v-5ae4f6dc]{padding:0 4px;color:#5f5f5f;display:flex}.spinner[data-v-5ae4f6dc]{margin-right:1rem}input[type=search][data-v-5ae4f6dc]::-ms-clear{display:none;width:0;height:0}input[type=search][data-v-5ae4f6dc]::-ms-reveal{display:none;width:0;height:0}input[type=search][data-v-5ae4f6dc]::-webkit-search-decoration,input[type=search][data-v-5ae4f6dc]::-webkit-search-cancel-button,input[type=search][data-v-5ae4f6dc]::-webkit-search-results-button,input[type=search][data-v-5ae4f6dc]::-webkit-search-results-decoration{display:none}.error_tooltip[data-v-5ae4f6dc]{position:absolute;color:#fff;background-color:#ff6a6a;font-size:12px;border-radius:0;font-family:var(--ec-font-primary);padding:5px 10px;text-align:left;width:auto;z-index:9;box-sizing:border-box;box-shadow:0 1px 8px #0000001a}.error_tooltip[data-v-5ae4f6dc]:before{content:"";position:absolute;border:5px solid transparent}.error_tooltip-bottom-right[data-v-5ae4f6dc]{top:90%;right:0}.error_tooltip-bottom-right[data-v-5ae4f6dc]:before{bottom:100%;right:10px;border-bottom-color:#ff6a6a}.error_tooltip[data-v-5ae4f6dc]{opacity:unset!important}.error_color[data-v-5ae4f6dc]{color:red!important}.input-error[data-v-5ae4f6dc]{border-color:red!important}.disabled[data-v-5ae4f6dc]{background-color:#f8f8f8;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.highlight[data-v-5ae4f6dc]{border-color:var(--ec-secondary)}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px;margin-left:1px;margin-right:1px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover{background-color:#f3f4f6}.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{background-color:#dbeafe;color:#2563eb}.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#2563eb}.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#2563eb}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#4b5563}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#4b5563}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#4b5563}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#4b5563;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#4b5563;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#4b5563}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#4b5563;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle;margin-right:1px;margin-left:1px}.ql-snow .ql-picker-label{cursor:pointer;display:flex;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding:5px 8px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#d1d5db;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#d1d5db}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#d1d5db}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:3px}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px;margin:2px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #d1d5db;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#d1d5db}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #d1d5db;box-shadow:0 0 5px #d1d5db;color:#4b5563;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #d1d5db;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #d1d5db;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#2563eb}.ql-container.ql-snow{border:1px solid #d1d5db}.input[data-v-76aecac0]{display:flex;flex-direction:column;text-align:left;position:relative}.input-wrapper[data-v-76aecac0]{display:flex;align-items:center}.input-wrapper_icon[data-v-76aecac0]{height:34px;width:34px;display:flex;justify-content:center;align-items:center}.input label span[data-v-76aecac0]{color:var(--ec-primary)}.input .error_tooltip[data-v-76aecac0]{position:absolute;color:#fff;background-color:#ff6a6a;font-size:12px;border-radius:0;font-family:var(--ec-font-primary);padding:5px 10px;text-align:left;width:auto;z-index:9;box-sizing:border-box;box-shadow:0 1px 8px #0000001a}.input .error_tooltip[data-v-76aecac0]:before{content:"";position:absolute;border:5px solid transparent}.input .error_tooltip-bottom-right[data-v-76aecac0]{top:90%;right:0}.input .error_tooltip-bottom-right[data-v-76aecac0]:before{bottom:100%;right:10px;border-bottom-color:#ff6a6a}.input .error_tooltip[data-v-76aecac0]{opacity:unset!important}.input .error_color[data-v-76aecac0]{color:red!important}.input .errorBorder_color[data-v-76aecac0]{border-color:red!important}.input input[type=number][data-v-76aecac0]::-webkit-outer-spin-button,.input input[type=number][data-v-76aecac0]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input .highlight[data-v-76aecac0]{border-color:var(--ec-secondary)}.input .value[data-v-76aecac0]{line-height:14px;margin:10px 0 28px}.m-b_1[data-v-76aecac0]{margin-bottom:4px}.ectheme-input-box.large[data-v-76aecac0]{color:#353535;text-overflow:ellipsis;font-size:16px;font-weight:400;line-height:20px;padding:10px 12px;height:40px;border-radius:4px}.modal-mask[data-v-41ebff01]{position:fixed;top:0;left:0;z-index:200;display:table;height:100%;width:100%;background-color:#0a0a0acc;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-mask.theme-css-modal .modal-container[data-v-41ebff01]{width:calc(100% - 60px)}.modal-container__content[data-v-41ebff01]{max-height:calc(100vh - 130px);overflow-y:auto}.modal-wrapper[data-v-41ebff01]{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.modal-container[data-v-41ebff01]{position:relative;margin-left:1rem;margin-right:1rem;display:flex;min-width:300px;flex-direction:column;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 2px 8px rgba(0,0,0,.33);--tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-container__close[data-v-41ebff01]{position:absolute;top:-15px;right:-15px;display:flex;height:30px;width:30px;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;border-style:none;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(172 172 172 / var(--tw-text-opacity));--tw-shadow: 1px 1px 8px rgba(0,0,0,.04);--tw-shadow-colored: 1px 1px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.modal-container__header[data-v-41ebff01]{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(219 219 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(246 246 246 / var(--tw-bg-opacity));padding:17px 30px}.modal-container__content[data-v-41ebff01]{min-height:100px;min-width:150px}.widget-upload__heading[data-v-41ebff01]{margin-bottom:0;font-size:19px;font-weight:700;--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity))}.modal-enter-from[data-v-41ebff01],.modal-leave-to[data-v-41ebff01]{opacity:0}.modal-enter-active .modal-container[data-v-41ebff01],.modal-leave-active .modal-container[data-v-41ebff01]{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.font-regular[data-v-a00495ca]{font-size:.875rem;font-weight:400;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity))}.configurator-page[data-v-288b29ad]{width:100%;height:100%}.skeleton-loader[data-v-17a86e07]{width:100%;height:100%;display:block;box-sizing:border-box;background:#82828233;background:linear-gradient(to right,#82828233 8%,#8282824d 18%,#82828233 33%);background-size:200% 100%;animation:shine-17a86e07 1.5s infinite ease-out}@keyframes shine-17a86e07{0%{background-position:-468px 0}to{background-position:468px 0}}.header_wrapper[data-v-e451a665]{position:relative;z-index:100;height:60px;width:100%;--tw-bg-opacity: 1;background-color:rgb(53 53 53 / var(--tw-bg-opacity))}.header[data-v-e451a665]{display:flex;height:100%;align-items:center;justify-content:space-between;font-weight:var(--ec-font-primary)}.header__left[data-v-e451a665]{display:flex;align-items:center}.header__logo[data-v-e451a665]{margin-left:18px 0 10px 0;margin-right:18px 0 10px 0;display:flex;align-items:center;--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.header a[data-v-e451a665]{display:flex}.header__title[data-v-e451a665]{margin-left:.75rem;display:flex;align-items:center;white-space:nowrap;padding-right:15px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;--tw-text-opacity: 1;color:rgb(172 172 172 / var(--tw-text-opacity))}.header__title strong[data-v-e451a665]{display:flex;cursor:pointer;align-items:center;gap:10px;overflow:hidden;text-overflow:ellipsis;padding-left:.5rem;font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.header__title strong.processing-text[data-v-e451a665]{--tw-text-opacity: 1;color:rgb(232 156 48 / var(--tw-text-opacity))}.molecule-search[data-v-6cdaa802]{position:relative}.molecule-search .icon[data-v-6cdaa802]{position:absolute;top:calc(50% + 1px);right:12px;transform:translateY(-50%);cursor:pointer}.molecule-search .icon.ect-top-2[data-v-6cdaa802]{top:8px}.molecule-search .icon.close-btn[data-v-6cdaa802]{left:auto;right:12px}.molecule-search.icon-left .icon-search[data-v-6cdaa802],.molecule-search.icon-left .icon-loader[data-v-6cdaa802]{right:auto;left:12px}.molecule-search.icon-left .search-input-box[data-v-6cdaa802]{padding-left:35px;padding-right:25px}.search-input-box[data-v-6cdaa802]{width:100%;height:32px;border-radius:4px;border:1px solid #dedede;background:#fff;color:#353535;font-family:var(--ec-font-primary);font-size:14px;font-weight:500;line-height:20px;padding:6px 35px 6px 12px}.search-input-box[data-v-6cdaa802]:focus{outline:none;border-color:var(--ec-primary)}.search-input-box.large[data-v-6cdaa802]{font-size:16px;height:44px;padding:12px}.search-options[data-v-6cdaa802]{position:absolute;border:1px solid #dedede;border-radius:4px;background-color:#fff;width:100%;margin-top:2px;z-index:1000;max-height:200px;overflow-y:auto}.search-options.dropdown-top[data-v-6cdaa802]{bottom:100%;margin-top:0;margin-bottom:2px}.search-options>div[data-v-6cdaa802]{padding:6px 16px;color:#353535;font-size:14px;font-weight:400;line-height:20px;cursor:pointer;transition:background-color .3s ease;border-bottom:1px solid #dedede}.search-options>div span[data-v-6cdaa802]{display:block;color:#5f5f5f;font-size:12px;font-weight:500;line-height:18px}.search-options>div[data-v-6cdaa802]:hover{background-color:#f8f8f8}.search-options>div[data-v-6cdaa802]:last-child{border-bottom:none}.ect-state-pill[data-v-6be678b8]{color:#828282;font-size:12px;font-weight:500;line-height:16px;border-radius:6px;border:1px solid #828282;background:#f8f8f8;padding:1px 8px;display:inline-block;text-transform:capitalize}.ect-state-pill--default[data-v-6be678b8]{color:#5f5f5f;border:1px solid #dedede;background:#fff}.ect-state-pill--draft[data-v-6be678b8]{color:#0058a1;border:1px solid #0058a1;background:#e8eef4}.ect-state-pill--review[data-v-6be678b8]{--tw-border-opacity: 1;border-color:rgb(194 65 12 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity))}.ect-state-pill--active[data-v-6be678b8]{--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.ect-state-pill--inactive[data-v-6be678b8]{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.ect-font-ui[data-v-151ca816]{font-family:var(--Font-family-font-ui, Inter)}.tooltip-container[data-v-b36acc62]{position:relative;display:inline-block}.tooltip-container>div[data-v-b36acc62]{display:flex;align-items:center;gap:5px;border-radius:8px}.tooltip[data-v-b36acc62]{position:absolute;background-color:#fff;font-size:12px;border-radius:3px;font-family:var(--ec-font-primary);color:#5f5f5f;padding:12px;line-height:18px;font-weight:500;text-align:left;width:200px;z-index:9;box-sizing:border-box;box-shadow:0 1px 8px #0000001a}.tooltip[data-v-b36acc62]:before{content:"";position:absolute;border:5px solid transparent}.tooltip-top[data-v-b36acc62]{bottom:100%;left:50%;transform:translate(-50%)}.tooltip-top[data-v-b36acc62]:before{top:100%;left:50%;transform:translate(-50%);border-top-color:#fff}.tooltip-bottom[data-v-b36acc62]{top:100%;left:50%;transform:translate(-50%)}.tooltip-bottom[data-v-b36acc62]:before{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:#fff}.tooltip-left[data-v-b36acc62]{top:50%;right:100%;transform:translateY(-50%)}.tooltip-left[data-v-b36acc62]:before{top:50%;left:100%;transform:translateY(-50%);border-left-color:#fff}.tooltip-right[data-v-b36acc62]{top:50%;left:100%;transform:translateY(-50%)}.tooltip-right[data-v-b36acc62]:before{top:50%;right:100%;transform:translateY(-50%);border-right-color:#fff}.tooltip-top-left[data-v-b36acc62]{bottom:calc(100% + 5px);right:-9px}.tooltip-top-left[data-v-b36acc62]:before{top:100%;right:10px;border-top-color:#fff}.tooltip-top-right[data-v-b36acc62]{bottom:100%;left:0}.tooltip-top-right[data-v-b36acc62]:before{top:100%;left:10px;border-top-color:#fff}.tooltip-bottom-left[data-v-b36acc62]{top:100%;right:0}.tooltip-bottom-left[data-v-b36acc62]:before{bottom:100%;right:10px;border-bottom-color:#fff}.tooltip-bottom-right[data-v-b36acc62]{top:100%;left:0}.tooltip-bottom-right[data-v-b36acc62]:before{bottom:100%;left:10px;border-bottom-color:#fff}.app-filters-main-wrapper[data-v-2ea70801]{position:relative;z-index:15}.app-filters[data-v-2ea70801]{width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;gap:12px;top:0;padding:12px 16px}.left-section[data-v-2ea70801]{flex-shrink:0;display:flex;flex-direction:column}.right-section[data-v-2ea70801]{display:flex;align-items:center;margin-left:auto}.search-wrapper[data-v-2ea70801]{width:312px;height:100%;display:flex;align-items:center}.search-wrapper>div[data-v-2ea70801]{width:100%}.after-search-wrapper[data-v-2ea70801]{display:flex;align-items:center;margin-left:8px}.buttons-wrapper[data-v-2ea70801]{display:flex;align-items:center;gap:8px}.action-wrapper[data-v-2ea70801]{height:100%;display:flex;align-items:center}.action-wrapper button[data-v-2ea70801]{height:32px;font-weight:600;cursor:pointer;position:relative}.action-wrapper button.icon-only[data-v-2ea70801]{width:32px;padding:0}.action-wrapper button.icon-only .icon[data-v-2ea70801]{top:3px;position:relative}.action-wrapper button.text-button[data-v-2ea70801]{min-width:32px;padding:0 12px}.action-wrapper button.text-button .button-text[data-v-2ea70801]{margin:0 4px}.action-wrapper button.text-button .icon+.button-text[data-v-2ea70801]{margin-left:8px}.count-badge[data-v-2ea70801]{position:absolute;width:20px;height:20px;background-color:#e90909;font-size:10px;color:#fff;border-radius:50%;align-items:center;display:flex;justify-content:center;font-weight:600;top:-3px;left:-8px}.ec-switch-container[data-v-cfefad9a]{display:flex;align-items:flex-start;gap:.5rem}.ec-switch[data-v-cfefad9a]{position:relative;height:1.25rem;width:2.25rem;cursor:pointer;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(222 222 222 / var(--tw-bg-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.ec-switch--active[data-v-cfefad9a]{--tw-bg-opacity: 1;background-color:rgb(25 135 8 / var(--tw-bg-opacity))}.ec-switch__handle[data-v-cfefad9a]{position:absolute;top:.125rem;left:.125rem;height:1rem;width:1rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.ec-switch--active .ec-switch__handle[data-v-cfefad9a]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ec-switch__label[data-v-cfefad9a]{font-size:.875rem;font-weight:400;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.ec-switch__subtext[data-v-cfefad9a]{margin-top:-1px;display:block;font-size:.875rem;line-height:1.25rem;font-weight:400;--tw-text-opacity: 1;color:rgb(95 95 95 / var(--tw-text-opacity))}.ec-switch.ec-switch--large[data-v-cfefad9a]{height:1.5rem;width:2.75rem}.ec-switch.ec-switch--large .ec-switch__handle[data-v-cfefad9a]{height:1.25rem;width:1.25rem}.ec-switch.ec-switch--large.ec-switch--active .ec-switch__handle[data-v-cfefad9a]{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ec-switch.ec-switch--large+.ec-switch__label[data-v-cfefad9a]{margin-left:.25rem;font-size:1rem;line-height:1.5rem}.disabled[data-v-cfefad9a]{pointer-events:none;cursor:not-allowed;opacity:.5}.ai-app[data-v-51274a68]{display:flex;overflow:hidden;height:calc(100vh - 60px);position:relative;background-color:#f8f8f8}.ai-app.root-path[data-v-51274a68]{justify-content:center}.ai-app.root-path .ai-app-chat-wrapper[data-v-51274a68]{width:100%;max-width:632px;transform:none;border:none}.ai-app.root-path .ai-app-chat-wrapper.close[data-v-51274a68]{transform:none;width:70%;min-width:70%}.ai-app-chat-wrapper[data-v-51274a68]{width:378px;min-width:378px;height:calc(100vh - 60px);display:flex;flex-direction:column;border-right:1px solid #dbdbdb;position:relative;transition:all .3s ease;will-change:transform,width,min-width}.ai-app-chat-wrapper.close[data-v-51274a68]{transform:translate(-413px);width:0;min-width:0}.sidebar-header[data-v-51274a68]{display:flex;align-items:center;justify-content:space-between;padding:16px}.sidebar-title[data-v-51274a68]{font-size:16px;font-weight:500;color:#828282}.sidebar-toggle[data-v-51274a68]{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.sidebar-toggle[data-v-51274a68]:hover{background:#f5f5f5;border-radius:4px}.component-loader-wrapper[data-v-51274a68]{width:calc(100% - 378px);max-height:calc(100vh - 60px);transition:width .3s ease;position:relative;background-color:#fff}.component-loader-wrapper.full-width[data-v-51274a68]{width:100%}.component-loader-wrapper .match-records[data-v-51274a68],.component-loader-wrapper .review-matched-records[data-v-51274a68]{padding-top:0}.component-loader-wrapper.ec-component-full[data-v-51274a68]{width:100%}.floating-toggle[data-v-51274a68]{position:absolute;left:-8px;top:13px;border:1px solid #dbdbdb;border-radius:4px;margin:8px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;z-index:100}.floating-toggle[data-v-51274a68]:hover{background:#f5f5f5}.show-component .ai-app-chat-wrapper[data-v-51274a68]{width:413px;min-width:413px}.onboarding-wrapper[data-v-51274a68]{position:absolute;top:60px;left:0;width:100%;z-index:1000}.playbook-container[data-v-51274a68]{width:100%;height:calc(100vh - 60px)}.custom-gpt-container[data-v-46273585]{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a;height:500px;overflow:hidden}.gpt-header[data-v-46273585]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.gpt-title[data-v-46273585]{margin:0;font-size:1.125rem;font-weight:600;color:#333}.clear-button[data-v-46273585]{padding:.375rem .75rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.clear-button[data-v-46273585]:hover{background-color:#5a6268}.gpt-response-area[data-v-46273585]{flex:1;padding:1rem;overflow-y:auto;background-color:#fafafa;min-height:200px}.loading-indicator[data-v-46273585]{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.875rem}.spinner[data-v-46273585]{width:16px;height:16px;border:2px solid #e0e0e0;border-top-color:#42b883;border-radius:50%;animation:spin-46273585 .6s linear infinite}@keyframes spin-46273585{to{transform:rotate(360deg)}}.error-message[data-v-46273585]{padding:.75rem;background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.875rem}.response-content[data-v-46273585]{padding:.75rem;background-color:#fff;border-radius:4px;color:#333;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.empty-state[data-v-46273585]{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:.875rem;text-align:center}.gpt-input-area[data-v-46273585]{padding:1rem;border-top:1px solid #e0e0e0;background-color:#fff}.input-wrapper[data-v-46273585]{display:flex;gap:.5rem;align-items:flex-end}.gpt-input[data-v-46273585]{flex:1;padding:.75rem;border:1px solid #e0e0e0;border-radius:4px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:60px;max-height:120px}.gpt-input[data-v-46273585]:focus{outline:none;border-color:#42b883;box-shadow:0 0 0 2px #42b8831a}.gpt-input[data-v-46273585]:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-button[data-v-46273585]{padding:.75rem 1.5rem;background-color:#42b883;color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;height:-moz-fit-content;height:fit-content}.send-button[data-v-46273585]:hover:not(:disabled){background-color:#369870}.send-button[data-v-46273585]:disabled{background-color:#ccc;cursor:not-allowed}.warning-message[data-v-46273585]{margin-top:.5rem;padding:.5rem;background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;font-size:.75rem;text-align:center}
|