@juo/orion-extensions 0.14.3 → 0.14.4

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/dist/style.css CHANGED
@@ -1,3194 +1 @@
1
- /* Design System Base Tokens (Medium Variant - Default) */
2
- :root, :host {
3
- /* Size Variants - Medium (default) */
4
- --spacing: var(--theme-spacing, 8px);
5
- --padding: var(--theme-padding, 8px);
6
- --font-size: var(--theme-font-size, 16px);
7
- --radius: var(--theme-radius, 4px);
8
-
9
- /* Base Colors */
10
- --white: var(--theme-white, oklch(100% 0 0));
11
- --black: var(--theme-black, oklch(0% 0 0));
12
-
13
- /* Semantic Colors — Success */
14
- --success-25: var(--theme-success-25, oklch(98.5% 0.015 145));
15
- --success-50: var(--theme-success-50, oklch(96.5% 0.025 145));
16
- --success-100: var(--theme-success-100, oklch(94% 0.04 145));
17
- --success-200: var(--theme-success-200, oklch(89% 0.06 145));
18
- --success-300: var(--theme-success-300, oklch(80% 0.08 145));
19
- --success-400: var(--theme-success-400, oklch(68% 0.10 145));
20
- --success-500: var(--theme-success-500, oklch(60% 0.12 145));
21
- --success-600: var(--theme-success-600, oklch(52% 0.13 145));
22
- --success-700: var(--theme-success-700, oklch(42% 0.12 145));
23
- --success-800: var(--theme-success-800, oklch(30% 0.10 145));
24
- --success-900: var(--theme-success-900, oklch(18% 0.06 145));
25
-
26
- /* Semantic Colors — Warning */
27
- --warning-25: var(--theme-warning-25, oklch(98.5% 0.015 85));
28
- --warning-50: var(--theme-warning-50, oklch(96.5% 0.025 85));
29
- --warning-100: var(--theme-warning-100, oklch(94% 0.04 85));
30
- --warning-200: var(--theme-warning-200, oklch(89% 0.06 85));
31
- --warning-300: var(--theme-warning-300, oklch(80% 0.09 85));
32
- --warning-400: var(--theme-warning-400, oklch(68% 0.11 85));
33
- --warning-500: var(--theme-warning-500, oklch(60% 0.12 85));
34
- --warning-600: var(--theme-warning-600, oklch(52% 0.12 85));
35
- --warning-700: var(--theme-warning-700, oklch(42% 0.10 85));
36
- --warning-800: var(--theme-warning-800, oklch(30% 0.08 85));
37
- --warning-900: var(--theme-warning-900, oklch(18% 0.05 85));
38
-
39
- /* Semantic Colors — Error */
40
- --error-25: var(--theme-error-25, oklch(98.5% 0.015 25));
41
- --error-50: var(--theme-error-50, oklch(96.5% 0.025 25));
42
- --error-100: var(--theme-error-100, oklch(93% 0.04 25));
43
- --error-200: var(--theme-error-200, oklch(88% 0.06 25));
44
- --error-300: var(--theme-error-300, oklch(78% 0.10 25));
45
- --error-400: var(--theme-error-400, oklch(66% 0.13 25));
46
- --error-500: var(--theme-error-500, oklch(58% 0.15 25));
47
- --error-600: var(--theme-error-600, oklch(52% 0.15 25));
48
- --error-700: var(--theme-error-700, oklch(42% 0.13 25));
49
- --error-800: var(--theme-error-800, oklch(30% 0.10 25));
50
- --error-900: var(--theme-error-900, oklch(18% 0.06 25));
51
-
52
- /* Semantic Colors — Info */
53
- --info-25: var(--theme-info-25, oklch(98.5% 0.015 230));
54
- --info-50: var(--theme-info-50, oklch(96.5% 0.02 230));
55
- --info-100: var(--theme-info-100, oklch(94% 0.03 230));
56
- --info-200: var(--theme-info-200, oklch(89% 0.05 230));
57
- --info-300: var(--theme-info-300, oklch(80% 0.07 230));
58
- --info-400: var(--theme-info-400, oklch(68% 0.09 230));
59
- --info-500: var(--theme-info-500, oklch(58% 0.10 230));
60
- --info-600: var(--theme-info-600, oklch(50% 0.10 230));
61
- --info-700: var(--theme-info-700, oklch(42% 0.09 230));
62
- --info-800: var(--theme-info-800, oklch(30% 0.07 230));
63
- --info-900: var(--theme-info-900, oklch(18% 0.04 230));
64
-
65
- /* Callout Colors */
66
- --callout-25: var(--theme-callout-25, oklch(98.5% 0 0));
67
- --callout-50: var(--theme-callout-50, oklch(97% 0 0));
68
- --callout-100: var(--theme-callout-100, oklch(95% 0 0));
69
- --callout-200: var(--theme-callout-200, oklch(90% 0 0));
70
- --callout-300: var(--theme-callout-300, oklch(82% 0 0));
71
- --callout-400: var(--theme-callout-400, oklch(70% 0 0));
72
- --callout-500: var(--theme-callout-500, oklch(62% 0 0));
73
- --callout-600: var(--theme-callout-600, oklch(55% 0 0));
74
- --callout-700: var(--theme-callout-700, oklch(45% 0 0));
75
- --callout-800: var(--theme-callout-800, oklch(32% 0 0));
76
- --callout-900: var(--theme-callout-900, oklch(18% 0 0));
77
-
78
- /* Accent Colors */
79
- --accent-white: var(--theme-accent-white, oklch(100% 0 0));
80
- --accent-black: var(--theme-accent-black, oklch(0% 0 0));
81
- --accent-25: var(--theme-accent-25, oklch(98.5% 0 0));
82
- --accent-50: var(--theme-accent-50, oklch(97% 0 0));
83
- --accent-100: var(--theme-accent-100, oklch(95% 0 0));
84
- --accent-200: var(--theme-accent-200, oklch(90% 0 0));
85
- --accent-300: var(--theme-accent-300, oklch(82% 0 0));
86
- --accent-400: var(--theme-accent-400, oklch(70% 0 0));
87
- --accent-500: var(--theme-accent-500, oklch(62% 0 0));
88
- --accent-600: var(--theme-accent-600, oklch(55% 0 0));
89
- --accent-700: var(--theme-accent-700, oklch(45% 0 0));
90
- --accent-800: var(--theme-accent-800, oklch(32% 0 0));
91
- --accent-900: var(--theme-accent-900, oklch(18% 0 0));
92
-
93
- /* Secondary Colors (falls back to accent when not explicitly set) */
94
- --secondary-white: var(--theme-secondary-white, var(--accent-white));
95
- --secondary-black: var(--theme-secondary-black, var(--accent-black));
96
- --secondary-25: var(--theme-secondary-25, var(--accent-25));
97
- --secondary-50: var(--theme-secondary-50, var(--accent-50));
98
- --secondary-100: var(--theme-secondary-100, var(--accent-100));
99
- --secondary-200: var(--theme-secondary-200, var(--accent-200));
100
- --secondary-300: var(--theme-secondary-300, var(--accent-300));
101
- --secondary-400: var(--theme-secondary-400, var(--accent-400));
102
- --secondary-500: var(--theme-secondary-500, var(--accent-500));
103
- --secondary-600: var(--theme-secondary-600, var(--accent-600));
104
- --secondary-700: var(--theme-secondary-700, var(--accent-700));
105
- --secondary-800: var(--theme-secondary-800, var(--accent-800));
106
- --secondary-900: var(--theme-secondary-900, var(--accent-900));
107
-
108
- /* Tint Colors */
109
- --tint-25: var(--theme-tint-25, oklch(98.5% 0 0));
110
- --tint-50: var(--theme-tint-50, oklch(97% 0 0));
111
- --tint-100: var(--theme-tint-100, oklch(95% 0 0));
112
- --tint-200: var(--theme-tint-200, oklch(90% 0 0));
113
- --tint-300: var(--theme-tint-300, oklch(82% 0 0));
114
- --tint-400: var(--theme-tint-400, oklch(70% 0 0));
115
- --tint-500: var(--theme-tint-500, oklch(62% 0 0));
116
- --tint-600: var(--theme-tint-600, oklch(55% 0 0));
117
- --tint-700: var(--theme-tint-700, oklch(45% 0 0));
118
- --tint-800: var(--theme-tint-800, oklch(32% 0 0));
119
- --tint-900: var(--theme-tint-900, oklch(18% 0 0));
120
-
121
- --thumbnail-rounding: var(--theme-thumbnail-rounding, 50%);
122
- --buttons-rounding: var(--theme-buttons-rounding, 4px);
123
- }
124
- /* Utility Tokens - Font Size Scale */
125
- :root, :host {
126
- --text-xs: calc(var(--font-size) * 0.75);
127
- --text-sm: calc(var(--font-size) * 0.875);
128
- --text-md: calc(var(--font-size) * 1);
129
- --text-lg: calc(var(--font-size) * 1.25);
130
- --text-xl: calc(var(--font-size) * 1.5);
131
- --text-2xl: calc(var(--font-size) * 2);
132
- }
133
- /* Utility Tokens - Radius Scale */
134
- :root, :host {
135
- --radius-none: calc(var(--radius) * 0);
136
- --radius-xs: calc(var(--radius) * 1);
137
- --radius-sm: calc(var(--radius) * 2);
138
- --radius-md: calc(var(--radius) * 3);
139
- --radius-lg: calc(var(--radius) * 3.5);
140
- --radius-xl: calc(var(--radius) * 4.5);
141
- --radius-full: calc(var(--radius) * 100);
142
- }
143
- /* Utility Tokens - Spacing Scale */
144
- :root, :host {
145
- --spacing-xs: calc(var(--spacing) * 0.5);
146
- --spacing-sm: calc(var(--spacing) * 1);
147
- --spacing-md: calc(var(--spacing) * 1.5);
148
- --spacing-lg: calc(var(--spacing) * 2);
149
- --spacing-xl: calc(var(--spacing) * 3);
150
- --spacing-2xl: calc(var(--spacing) * 4.5);
151
- --spacing-3xl: calc(var(--spacing) * 6);
152
- }
153
- /* Utility Tokens - Padding Scale */
154
- :root, :host {
155
- --padding-xs: calc(var(--padding) * 0.5);
156
- --padding-sm: calc(var(--padding) * 1);
157
- --padding-md: calc(var(--padding) * 1.5);
158
- --padding-lg: calc(var(--padding) * 2);
159
- --padding-xl: calc(var(--padding) * 3);
160
- --padding-2xl: calc(var(--padding) * 4.5);
161
- --padding-3xl: calc(var(--padding) * 6);
162
- }
163
- /* Component Tokens - Card Radius */
164
- :root, :host {
165
- --card-radius-1: var(--radius-md);
166
- --card-radius-2: var(--radius-sm);
167
- --card-radius-3: var(--radius-xs);
168
- }
169
- /* Surface Tokens */
170
- :root, :host {
171
- --surface-1: var(--theme-surface-1, transparent);
172
- --surface-1-border: var(--theme-surface-1-border, transparent);
173
- --surface-2: var(--theme-surface-2, var(--white));
174
- --surface-2-border: var(--theme-surface-2-border, var(--tint-300));
175
- --surface-3: var(--theme-surface-3, transparent);
176
- --surface-3-border: var(--theme-surface-3-border, transparent);
177
- }
178
- /* Card Divider Tokens */
179
- :root, :host {
180
- --card-divider-margin: var(--theme-card-divider-margin, var(--spacing-sm));
181
- --card-divider-height: var(--theme-card-divider-height, 0);
182
- --card-divider-background: var(--theme-card-divider-background, transparent);
183
- }
184
- /* Card Tokens - Map surface tokens to card-specific names */
185
- :root, :host {
186
- --card-1-background: var(--surface-1);
187
- --card-1-border: var(--surface-1-border);
188
- --card-2-background: var(--surface-2);
189
- --card-2-border: var(--surface-2-border);
190
- --card-3-background: var(--surface-3);
191
- --card-3-border: var(--surface-3-border);
192
- }
193
- /* Card Level Detection - Default to level 1 */
194
- :root, :host {
195
- --card-background: var(--card-1-background);
196
- --card-border: var(--card-1-border);
197
- --card-radius: var(--card-radius-1);
198
- }
199
- /* ! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com */
200
- /*
201
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
202
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
203
- */
204
- *,
205
- ::before,
206
- ::after {
207
- box-sizing: border-box; /* 1 */
208
- border-width: 0; /* 2 */
209
- border-style: solid; /* 2 */
210
- border-color: #e5e7eb; /* 2 */
211
- }
212
- ::before,
213
- ::after {
214
- --tw-content: '';
215
- }
216
- /*
217
- 1. Use a consistent sensible line-height in all browsers.
218
- 2. Prevent adjustments of font size after orientation changes in iOS.
219
- 3. Use a more readable tab size.
220
- 4. Use the user's configured `sans` font-family by default.
221
- 5. Use the user's configured `sans` font-feature-settings by default.
222
- 6. Use the user's configured `sans` font-variation-settings by default.
223
- */
224
- html {
225
- line-height: 1.5; /* 1 */
226
- -webkit-text-size-adjust: 100%; /* 2 */
227
- -moz-tab-size: 4; /* 3 */
228
- -o-tab-size: 4;
229
- tab-size: 4; /* 3 */
230
- font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
231
- font-feature-settings: normal; /* 5 */
232
- font-variation-settings: normal; /* 6 */
233
- }
234
- /*
235
- 1. Remove the margin in all browsers.
236
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
237
- */
238
- body {
239
- margin: 0; /* 1 */
240
- line-height: inherit; /* 2 */
241
- }
242
- /*
243
- 1. Add the correct height in Firefox.
244
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
245
- 3. Ensure horizontal rules are visible by default.
246
- */
247
- hr {
248
- height: 0; /* 1 */
249
- color: inherit; /* 2 */
250
- border-top-width: 1px; /* 3 */
251
- }
252
- /*
253
- Add the correct text decoration in Chrome, Edge, and Safari.
254
- */
255
- abbr:where([title]) {
256
- -webkit-text-decoration: underline dotted;
257
- text-decoration: underline dotted;
258
- }
259
- /*
260
- Remove the default font size and weight for headings.
261
- */
262
- h1,
263
- h2,
264
- h3,
265
- h4,
266
- h5,
267
- h6 {
268
- font-size: inherit;
269
- font-weight: inherit;
270
- }
271
- /*
272
- Reset links to optimize for opt-in styling instead of opt-out.
273
- */
274
- a {
275
- color: inherit;
276
- text-decoration: inherit;
277
- }
278
- /*
279
- Add the correct font weight in Edge and Safari.
280
- */
281
- b,
282
- strong {
283
- font-weight: bolder;
284
- }
285
- /*
286
- 1. Use the user's configured `mono` font family by default.
287
- 2. Correct the odd `em` font sizing in all browsers.
288
- */
289
- code,
290
- kbd,
291
- samp,
292
- pre {
293
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
294
- font-size: 1em; /* 2 */
295
- }
296
- /*
297
- Add the correct font size in all browsers.
298
- */
299
- small {
300
- font-size: 80%;
301
- }
302
- /*
303
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
304
- */
305
- sub,
306
- sup {
307
- font-size: 75%;
308
- line-height: 0;
309
- position: relative;
310
- vertical-align: baseline;
311
- }
312
- sub {
313
- bottom: -0.25em;
314
- }
315
- sup {
316
- top: -0.5em;
317
- }
318
- /*
319
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
320
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
321
- 3. Remove gaps between table borders by default.
322
- */
323
- table {
324
- text-indent: 0; /* 1 */
325
- border-color: inherit; /* 2 */
326
- border-collapse: collapse; /* 3 */
327
- }
328
- /*
329
- 1. Change the font styles in all browsers.
330
- 2. Remove the margin in Firefox and Safari.
331
- 3. Remove default padding in all browsers.
332
- */
333
- button,
334
- input,
335
- optgroup,
336
- select,
337
- textarea {
338
- font-family: inherit; /* 1 */
339
- font-feature-settings: inherit; /* 1 */
340
- font-variation-settings: inherit; /* 1 */
341
- font-size: 100%; /* 1 */
342
- font-weight: inherit; /* 1 */
343
- line-height: inherit; /* 1 */
344
- color: inherit; /* 1 */
345
- margin: 0; /* 2 */
346
- padding: 0; /* 3 */
347
- }
348
- /*
349
- Remove the inheritance of text transform in Edge and Firefox.
350
- */
351
- button,
352
- select {
353
- text-transform: none;
354
- }
355
- /*
356
- 1. Correct the inability to style clickable types in iOS and Safari.
357
- 2. Remove default button styles.
358
- */
359
- button,
360
- [type='button'],
361
- [type='reset'],
362
- [type='submit'] {
363
- -webkit-appearance: button; /* 1 */
364
- background-color: transparent; /* 2 */
365
- background-image: none; /* 2 */
366
- }
367
- /*
368
- Use the modern Firefox focus style for all focusable elements.
369
- */
370
- :-moz-focusring {
371
- outline: auto;
372
- }
373
- /*
374
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
375
- */
376
- :-moz-ui-invalid {
377
- box-shadow: none;
378
- }
379
- /*
380
- Add the correct vertical alignment in Chrome and Firefox.
381
- */
382
- progress {
383
- vertical-align: baseline;
384
- }
385
- /*
386
- Correct the cursor style of increment and decrement buttons in Safari.
387
- */
388
- ::-webkit-inner-spin-button,
389
- ::-webkit-outer-spin-button {
390
- height: auto;
391
- }
392
- /*
393
- 1. Correct the odd appearance in Chrome and Safari.
394
- 2. Correct the outline style in Safari.
395
- */
396
- [type='search'] {
397
- -webkit-appearance: textfield; /* 1 */
398
- outline-offset: -2px; /* 2 */
399
- }
400
- /*
401
- Remove the inner padding in Chrome and Safari on macOS.
402
- */
403
- ::-webkit-search-decoration {
404
- -webkit-appearance: none;
405
- }
406
- /*
407
- 1. Correct the inability to style clickable types in iOS and Safari.
408
- 2. Change font properties to `inherit` in Safari.
409
- */
410
- ::-webkit-file-upload-button {
411
- -webkit-appearance: button; /* 1 */
412
- font: inherit; /* 2 */
413
- }
414
- /*
415
- Add the correct display in Chrome and Safari.
416
- */
417
- summary {
418
- display: list-item;
419
- }
420
- /*
421
- Removes the default spacing and border for appropriate elements.
422
- */
423
- blockquote,
424
- dl,
425
- dd,
426
- h1,
427
- h2,
428
- h3,
429
- h4,
430
- h5,
431
- h6,
432
- hr,
433
- figure,
434
- p,
435
- pre {
436
- margin: 0;
437
- }
438
- fieldset {
439
- margin: 0;
440
- padding: 0;
441
- }
442
- legend {
443
- padding: 0;
444
- }
445
- ol,
446
- ul,
447
- menu {
448
- list-style: none;
449
- margin: 0;
450
- padding: 0;
451
- }
452
- /*
453
- Reset default styling for dialogs.
454
- */
455
- dialog {
456
- padding: 0;
457
- }
458
- /*
459
- Prevent resizing textareas horizontally by default.
460
- */
461
- textarea {
462
- resize: vertical;
463
- }
464
- /*
465
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
466
- 2. Set the default placeholder color to the user's configured gray 400 color.
467
- */
468
- input::-moz-placeholder, textarea::-moz-placeholder {
469
- opacity: 1; /* 1 */
470
- color: #9ca3af; /* 2 */
471
- }
472
- input::placeholder,
473
- textarea::placeholder {
474
- opacity: 1; /* 1 */
475
- color: #9ca3af; /* 2 */
476
- }
477
- /*
478
- Set the default cursor for buttons.
479
- */
480
- button,
481
- [role="button"] {
482
- cursor: pointer;
483
- }
484
- /*
485
- Make sure disabled buttons don't get the pointer cursor.
486
- */
487
- :disabled {
488
- cursor: default;
489
- }
490
- /*
491
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
492
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
493
- This can trigger a poorly considered lint error in some tools but is included by design.
494
- */
495
- img,
496
- svg,
497
- video,
498
- canvas,
499
- audio,
500
- iframe,
501
- embed,
502
- object {
503
- display: block; /* 1 */
504
- vertical-align: middle; /* 2 */
505
- }
506
- /*
507
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
508
- */
509
- img,
510
- video {
511
- max-width: 100%;
512
- height: auto;
513
- }
514
- /* Make elements with the HTML hidden attribute stay hidden by default */
515
- [hidden] {
516
- display: none;
517
- }
518
- :host {
519
- --primary: #000000;
520
- --muted: #969696;
521
- }
522
- :root {
523
- --text-main-color: #121212;
524
- --text-secondary-color: #7a7a7a;
525
- --button-primary-background-color: #121212;
526
- --button-primary-color: #ffffff;
527
- --button-primary-border-color: #121212;
528
- --button-primary-border-radius: 3px;
529
- --button-secondary-background-color: #ffffff;
530
- --button-secondary-color: #121212;
531
- --button-secondary-border-color: #121212;
532
- --button-secondary-border-radius: 3px;
533
- }
534
- *, ::before, ::after {
535
- --tw-border-spacing-x: 0;
536
- --tw-border-spacing-y: 0;
537
- --tw-translate-x: 0;
538
- --tw-translate-y: 0;
539
- --tw-rotate: 0;
540
- --tw-skew-x: 0;
541
- --tw-skew-y: 0;
542
- --tw-scale-x: 1;
543
- --tw-scale-y: 1;
544
- --tw-pan-x: ;
545
- --tw-pan-y: ;
546
- --tw-pinch-zoom: ;
547
- --tw-scroll-snap-strictness: proximity;
548
- --tw-gradient-from-position: ;
549
- --tw-gradient-via-position: ;
550
- --tw-gradient-to-position: ;
551
- --tw-ordinal: ;
552
- --tw-slashed-zero: ;
553
- --tw-numeric-figure: ;
554
- --tw-numeric-spacing: ;
555
- --tw-numeric-fraction: ;
556
- --tw-ring-inset: ;
557
- --tw-ring-offset-width: 0px;
558
- --tw-ring-offset-color: #fff;
559
- --tw-ring-color: rgb(59 130 246 / 0.5);
560
- --tw-ring-offset-shadow: 0 0 #0000;
561
- --tw-ring-shadow: 0 0 #0000;
562
- --tw-shadow: 0 0 #0000;
563
- --tw-shadow-colored: 0 0 #0000;
564
- --tw-blur: ;
565
- --tw-brightness: ;
566
- --tw-contrast: ;
567
- --tw-grayscale: ;
568
- --tw-hue-rotate: ;
569
- --tw-invert: ;
570
- --tw-saturate: ;
571
- --tw-sepia: ;
572
- --tw-drop-shadow: ;
573
- --tw-backdrop-blur: ;
574
- --tw-backdrop-brightness: ;
575
- --tw-backdrop-contrast: ;
576
- --tw-backdrop-grayscale: ;
577
- --tw-backdrop-hue-rotate: ;
578
- --tw-backdrop-invert: ;
579
- --tw-backdrop-opacity: ;
580
- --tw-backdrop-saturate: ;
581
- --tw-backdrop-sepia: ;
582
- }
583
- ::backdrop {
584
- --tw-border-spacing-x: 0;
585
- --tw-border-spacing-y: 0;
586
- --tw-translate-x: 0;
587
- --tw-translate-y: 0;
588
- --tw-rotate: 0;
589
- --tw-skew-x: 0;
590
- --tw-skew-y: 0;
591
- --tw-scale-x: 1;
592
- --tw-scale-y: 1;
593
- --tw-pan-x: ;
594
- --tw-pan-y: ;
595
- --tw-pinch-zoom: ;
596
- --tw-scroll-snap-strictness: proximity;
597
- --tw-gradient-from-position: ;
598
- --tw-gradient-via-position: ;
599
- --tw-gradient-to-position: ;
600
- --tw-ordinal: ;
601
- --tw-slashed-zero: ;
602
- --tw-numeric-figure: ;
603
- --tw-numeric-spacing: ;
604
- --tw-numeric-fraction: ;
605
- --tw-ring-inset: ;
606
- --tw-ring-offset-width: 0px;
607
- --tw-ring-offset-color: #fff;
608
- --tw-ring-color: rgb(59 130 246 / 0.5);
609
- --tw-ring-offset-shadow: 0 0 #0000;
610
- --tw-ring-shadow: 0 0 #0000;
611
- --tw-shadow: 0 0 #0000;
612
- --tw-shadow-colored: 0 0 #0000;
613
- --tw-blur: ;
614
- --tw-brightness: ;
615
- --tw-contrast: ;
616
- --tw-grayscale: ;
617
- --tw-hue-rotate: ;
618
- --tw-invert: ;
619
- --tw-saturate: ;
620
- --tw-sepia: ;
621
- --tw-drop-shadow: ;
622
- --tw-backdrop-blur: ;
623
- --tw-backdrop-brightness: ;
624
- --tw-backdrop-contrast: ;
625
- --tw-backdrop-grayscale: ;
626
- --tw-backdrop-hue-rotate: ;
627
- --tw-backdrop-invert: ;
628
- --tw-backdrop-opacity: ;
629
- --tw-backdrop-saturate: ;
630
- --tw-backdrop-sepia: ;
631
- }
632
- .container {
633
- width: 100%;
634
- }
635
- @media (min-width: 640px) {
636
- .container {
637
- max-width: 640px;
638
- }
639
- }
640
- @media (min-width: 768px) {
641
- .container {
642
- max-width: 768px;
643
- }
644
- }
645
- @media (min-width: 1024px) {
646
- .container {
647
- max-width: 1024px;
648
- }
649
- }
650
- @media (min-width: 1280px) {
651
- .container {
652
- max-width: 1280px;
653
- }
654
- }
655
- @media (min-width: 1536px) {
656
- .container {
657
- max-width: 1536px;
658
- }
659
- }
660
- .sr-only {
661
- position: absolute;
662
- width: 1px;
663
- height: 1px;
664
- padding: 0;
665
- margin: -1px;
666
- overflow: hidden;
667
- clip: rect(0, 0, 0, 0);
668
- white-space: nowrap;
669
- border-width: 0;
670
- }
671
- .pointer-events-none {
672
- pointer-events: none;
673
- }
674
- .visible {
675
- visibility: visible;
676
- }
677
- .invisible {
678
- visibility: hidden;
679
- }
680
- .fixed {
681
- position: fixed;
682
- }
683
- .absolute {
684
- position: absolute;
685
- }
686
- .relative {
687
- position: relative;
688
- }
689
- .sticky {
690
- position: sticky;
691
- }
692
- .inset-0 {
693
- inset: 0px;
694
- }
695
- .inset-\[-0\.25px\] {
696
- inset: -0.25px;
697
- }
698
- .inset-\[-0\.5px\] {
699
- inset: -0.5px;
700
- }
701
- .inset-y-0 {
702
- top: 0px;
703
- bottom: 0px;
704
- }
705
- .bottom-0 {
706
- bottom: 0px;
707
- }
708
- .end-0 {
709
- inset-inline-end: 0px;
710
- }
711
- .left-0 {
712
- left: 0px;
713
- }
714
- .left-1\/2 {
715
- left: 50%;
716
- }
717
- .left-2 {
718
- left: 8px;
719
- }
720
- .left-\[-18px\] {
721
- left: -18px;
722
- }
723
- .left-full {
724
- left: 100%;
725
- }
726
- .right-0 {
727
- right: 0px;
728
- }
729
- .right-3 {
730
- right: 12px;
731
- }
732
- .right-md {
733
- right: var(--spacing-md);
734
- }
735
- .right-sm {
736
- right: var(--spacing-sm);
737
- }
738
- .start-0 {
739
- inset-inline-start: 0px;
740
- }
741
- .top-0 {
742
- top: 0px;
743
- }
744
- .top-1\/2 {
745
- top: 50%;
746
- }
747
- .top-3 {
748
- top: 12px;
749
- }
750
- .top-full {
751
- top: 100%;
752
- }
753
- .top-md {
754
- top: var(--spacing-md);
755
- }
756
- .z-10 {
757
- z-index: 10;
758
- }
759
- .z-20 {
760
- z-index: 20;
761
- }
762
- .z-30 {
763
- z-index: 30;
764
- }
765
- .z-50 {
766
- z-index: 50;
767
- }
768
- .z-\[60\] {
769
- z-index: 60;
770
- }
771
- .z-\[999999998\] {
772
- z-index: 999999998;
773
- }
774
- .z-\[999999999\] {
775
- z-index: 999999999;
776
- }
777
- .order-2 {
778
- order: 2;
779
- }
780
- .m-0 {
781
- margin: 0px;
782
- }
783
- .m-auto {
784
- margin: auto;
785
- }
786
- .-mx-6 {
787
- margin-left: -24px;
788
- margin-right: -24px;
789
- }
790
- .mx-0 {
791
- margin-left: 0px;
792
- margin-right: 0px;
793
- }
794
- .mx-0\.5 {
795
- margin-left: 2px;
796
- margin-right: 2px;
797
- }
798
- .mx-\[40px\] {
799
- margin-left: 40px;
800
- margin-right: 40px;
801
- }
802
- .mx-auto {
803
- margin-left: auto;
804
- margin-right: auto;
805
- }
806
- .my-2 {
807
- margin-top: 8px;
808
- margin-bottom: 8px;
809
- }
810
- .\!ml-10 {
811
- margin-left: 40px !important;
812
- }
813
- .-ml-px {
814
- margin-left: -1px;
815
- }
816
- .mb-0 {
817
- margin-bottom: 0px;
818
- }
819
- .mb-2 {
820
- margin-bottom: 8px;
821
- }
822
- .mb-3 {
823
- margin-bottom: 12px;
824
- }
825
- .mb-4 {
826
- margin-bottom: 16px;
827
- }
828
- .mb-6 {
829
- margin-bottom: 24px;
830
- }
831
- .mb-8 {
832
- margin-bottom: 32px;
833
- }
834
- .mb-md {
835
- margin-bottom: var(--spacing-md);
836
- }
837
- .mb-sm {
838
- margin-bottom: var(--spacing-sm);
839
- }
840
- .ml-1 {
841
- margin-left: 4px;
842
- }
843
- .ml-1\.5 {
844
- margin-left: 6px;
845
- }
846
- .ml-2 {
847
- margin-left: 8px;
848
- }
849
- .ml-\[9px\] {
850
- margin-left: 9px;
851
- }
852
- .ml-xs {
853
- margin-left: var(--spacing-xs);
854
- }
855
- .mr-3 {
856
- margin-right: 12px;
857
- }
858
- .mr-md {
859
- margin-right: var(--spacing-md);
860
- }
861
- .mt-1 {
862
- margin-top: 4px;
863
- }
864
- .mt-2 {
865
- margin-top: 8px;
866
- }
867
- .mt-3 {
868
- margin-top: 12px;
869
- }
870
- .mt-4 {
871
- margin-top: 16px;
872
- }
873
- .mt-5 {
874
- margin-top: 20px;
875
- }
876
- .mt-auto {
877
- margin-top: auto;
878
- }
879
- .mt-xs {
880
- margin-top: var(--spacing-xs);
881
- }
882
- .box-border {
883
- box-sizing: border-box;
884
- }
885
- .line-clamp-2 {
886
- overflow: hidden;
887
- display: -webkit-box;
888
- -webkit-box-orient: vertical;
889
- -webkit-line-clamp: 2;
890
- }
891
- .block {
892
- display: block;
893
- }
894
- .inline-block {
895
- display: inline-block;
896
- }
897
- .inline {
898
- display: inline;
899
- }
900
- .flex {
901
- display: flex;
902
- }
903
- .inline-flex {
904
- display: inline-flex;
905
- }
906
- .table {
907
- display: table;
908
- }
909
- .grid {
910
- display: grid;
911
- }
912
- .hidden {
913
- display: none;
914
- }
915
- .aspect-square {
916
- aspect-ratio: 1 / 1;
917
- }
918
- .aspect-video {
919
- aspect-ratio: 16 / 9;
920
- }
921
- .\!h-7 {
922
- height: 28px !important;
923
- }
924
- .\!h-9 {
925
- height: 36px !important;
926
- }
927
- .h-1 {
928
- height: 4px;
929
- }
930
- .h-10 {
931
- height: 40px;
932
- }
933
- .h-12 {
934
- height: 48px;
935
- }
936
- .h-2 {
937
- height: 8px;
938
- }
939
- .h-2\.5 {
940
- height: 10px;
941
- }
942
- .h-3 {
943
- height: 12px;
944
- }
945
- .h-3\.5 {
946
- height: 14px;
947
- }
948
- .h-3\/4 {
949
- height: 75%;
950
- }
951
- .h-4 {
952
- height: 16px;
953
- }
954
- .h-6 {
955
- height: 24px;
956
- }
957
- .h-7 {
958
- height: 28px;
959
- }
960
- .h-8 {
961
- height: 32px;
962
- }
963
- .h-9 {
964
- height: 36px;
965
- }
966
- .h-\[100px\] {
967
- height: 100px;
968
- }
969
- .h-\[106px\] {
970
- height: 106px;
971
- }
972
- .h-\[120px\] {
973
- height: 120px;
974
- }
975
- .h-\[12px\] {
976
- height: 12px;
977
- }
978
- .h-\[14px\] {
979
- height: 14px;
980
- }
981
- .h-\[160px\] {
982
- height: 160px;
983
- }
984
- .h-\[16px\] {
985
- height: 16px;
986
- }
987
- .h-\[20px\] {
988
- height: 20px;
989
- }
990
- .h-\[24px\] {
991
- height: 24px;
992
- }
993
- .h-\[26px\] {
994
- height: 26px;
995
- }
996
- .h-\[28px\] {
997
- height: 28px;
998
- }
999
- .h-\[33px\] {
1000
- height: 33px;
1001
- }
1002
- .h-\[360px\] {
1003
- height: 360px;
1004
- }
1005
- .h-\[36px\] {
1006
- height: 36px;
1007
- }
1008
- .h-\[40px\] {
1009
- height: 40px;
1010
- }
1011
- .h-\[48px\] {
1012
- height: 48px;
1013
- }
1014
- .h-\[52px\] {
1015
- height: 52px;
1016
- }
1017
- .h-\[72px\] {
1018
- height: 72px;
1019
- }
1020
- .h-\[7px\] {
1021
- height: 7px;
1022
- }
1023
- .h-\[96px\] {
1024
- height: 96px;
1025
- }
1026
- .h-\[var\(--reka-select-trigger-height\)\] {
1027
- height: var(--reka-select-trigger-height);
1028
- }
1029
- .h-\[var\(--text-md\)\] {
1030
- height: var(--text-md);
1031
- }
1032
- .h-\[var\(--text-sm\)\] {
1033
- height: var(--text-sm);
1034
- }
1035
- .h-\[var\(--text-xl\)\] {
1036
- height: var(--text-xl);
1037
- }
1038
- .h-\[var\(--text-xs\)\] {
1039
- height: var(--text-xs);
1040
- }
1041
- .h-full {
1042
- height: 100%;
1043
- }
1044
- .h-lg {
1045
- height: var(--spacing-lg);
1046
- }
1047
- .h-px {
1048
- height: 1px;
1049
- }
1050
- .h-sm {
1051
- height: var(--spacing-sm);
1052
- }
1053
- .h-xl {
1054
- height: var(--spacing-xl);
1055
- }
1056
- .max-h-96 {
1057
- max-height: 384px;
1058
- }
1059
- .max-h-\[40\%\] {
1060
- max-height: 40%;
1061
- }
1062
- .max-h-\[400px\] {
1063
- max-height: 400px;
1064
- }
1065
- .max-h-full {
1066
- max-height: 100%;
1067
- }
1068
- .min-h-0 {
1069
- min-height: 0px;
1070
- }
1071
- .min-h-full {
1072
- min-height: 100%;
1073
- }
1074
- .\!w-7 {
1075
- width: 28px !important;
1076
- }
1077
- .\!w-9 {
1078
- width: 36px !important;
1079
- }
1080
- .w-1\/2 {
1081
- width: 50%;
1082
- }
1083
- .w-12 {
1084
- width: 48px;
1085
- }
1086
- .w-2 {
1087
- width: 8px;
1088
- }
1089
- .w-2\.5 {
1090
- width: 10px;
1091
- }
1092
- .w-3 {
1093
- width: 12px;
1094
- }
1095
- .w-3\.5 {
1096
- width: 14px;
1097
- }
1098
- .w-4 {
1099
- width: 16px;
1100
- }
1101
- .w-6 {
1102
- width: 24px;
1103
- }
1104
- .w-60 {
1105
- width: 240px;
1106
- }
1107
- .w-7 {
1108
- width: 28px;
1109
- }
1110
- .w-8 {
1111
- width: 32px;
1112
- }
1113
- .w-80 {
1114
- width: 320px;
1115
- }
1116
- .w-9 {
1117
- width: 36px;
1118
- }
1119
- .w-\[106px\] {
1120
- width: 106px;
1121
- }
1122
- .w-\[120px\] {
1123
- width: 120px;
1124
- }
1125
- .w-\[12px\] {
1126
- width: 12px;
1127
- }
1128
- .w-\[14px\] {
1129
- width: 14px;
1130
- }
1131
- .w-\[160px\] {
1132
- width: 160px;
1133
- }
1134
- .w-\[200px\] {
1135
- width: 200px;
1136
- }
1137
- .w-\[20px\] {
1138
- width: 20px;
1139
- }
1140
- .w-\[234px\] {
1141
- width: 234px;
1142
- }
1143
- .w-\[24px\] {
1144
- width: 24px;
1145
- }
1146
- .w-\[25\%\] {
1147
- width: 25%;
1148
- }
1149
- .w-\[360px\] {
1150
- width: 360px;
1151
- }
1152
- .w-\[36px\] {
1153
- width: 36px;
1154
- }
1155
- .w-\[48px\] {
1156
- width: 48px;
1157
- }
1158
- .w-\[512px\] {
1159
- width: 512px;
1160
- }
1161
- .w-\[640px\] {
1162
- width: 640px;
1163
- }
1164
- .w-\[72px\] {
1165
- width: 72px;
1166
- }
1167
- .w-\[7px\] {
1168
- width: 7px;
1169
- }
1170
- .w-\[96px\] {
1171
- width: 96px;
1172
- }
1173
- .w-\[var\(--text-md\)\] {
1174
- width: var(--text-md);
1175
- }
1176
- .w-\[var\(--text-sm\)\] {
1177
- width: var(--text-sm);
1178
- }
1179
- .w-\[var\(--text-xl\)\] {
1180
- width: var(--text-xl);
1181
- }
1182
- .w-\[var\(--text-xs\)\] {
1183
- width: var(--text-xs);
1184
- }
1185
- .w-auto {
1186
- width: auto;
1187
- }
1188
- .w-fit {
1189
- width: -moz-fit-content;
1190
- width: fit-content;
1191
- }
1192
- .w-full {
1193
- width: 100%;
1194
- }
1195
- .w-px {
1196
- width: 1px;
1197
- }
1198
- .w-sm {
1199
- width: var(--spacing-sm);
1200
- }
1201
- .w-xl {
1202
- width: var(--spacing-xl);
1203
- }
1204
- .min-w-0 {
1205
- min-width: 0px;
1206
- }
1207
- .min-w-\[100px\] {
1208
- min-width: 100px;
1209
- }
1210
- .min-w-\[175px\] {
1211
- min-width: 175px;
1212
- }
1213
- .min-w-\[20px\] {
1214
- min-width: 20px;
1215
- }
1216
- .min-w-\[400px\] {
1217
- min-width: 400px;
1218
- }
1219
- .min-w-\[63\.6px\] {
1220
- min-width: 63.6px;
1221
- }
1222
- .min-w-\[72px\] {
1223
- min-width: 72px;
1224
- }
1225
- .min-w-\[96px\] {
1226
- min-width: 96px;
1227
- }
1228
- .min-w-\[calc\(var\(--reka-select-trigger-width\)_-_15px\)\] {
1229
- min-width: calc(var(--reka-select-trigger-width) - 15px);
1230
- }
1231
- .max-w-\[300px\] {
1232
- max-width: 300px;
1233
- }
1234
- .max-w-\[440px\] {
1235
- max-width: 440px;
1236
- }
1237
- .max-w-\[90\%\] {
1238
- max-width: 90%;
1239
- }
1240
- .max-w-\[calc\(100\%-14px\)\] {
1241
- max-width: calc(100% - 14px);
1242
- }
1243
- .max-w-full {
1244
- max-width: 100%;
1245
- }
1246
- .flex-1 {
1247
- flex: 1 1 0%;
1248
- }
1249
- .flex-shrink {
1250
- flex-shrink: 1;
1251
- }
1252
- .flex-shrink-0 {
1253
- flex-shrink: 0;
1254
- }
1255
- .shrink-0 {
1256
- flex-shrink: 0;
1257
- }
1258
- .flex-grow {
1259
- flex-grow: 1;
1260
- }
1261
- .flex-grow-0 {
1262
- flex-grow: 0;
1263
- }
1264
- .grow {
1265
- flex-grow: 1;
1266
- }
1267
- .-translate-x-1\/2 {
1268
- --tw-translate-x: -50%;
1269
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1270
- }
1271
- .-translate-y-1\/2 {
1272
- --tw-translate-y: -50%;
1273
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1274
- }
1275
- .translate-x-0 {
1276
- --tw-translate-x: 0px;
1277
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1278
- }
1279
- .translate-x-full {
1280
- --tw-translate-x: 100%;
1281
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1282
- }
1283
- .translate-y-0 {
1284
- --tw-translate-y: 0px;
1285
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1286
- }
1287
- .translate-y-1\/2 {
1288
- --tw-translate-y: 50%;
1289
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1290
- }
1291
- .translate-y-4 {
1292
- --tw-translate-y: 16px;
1293
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1294
- }
1295
- .translate-y-full {
1296
- --tw-translate-y: 100%;
1297
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1298
- }
1299
- .rotate-180 {
1300
- --tw-rotate: 180deg;
1301
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1302
- }
1303
- .transform {
1304
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1305
- }
1306
- @keyframes pulse {
1307
- 50% {
1308
- opacity: .5;
1309
- }
1310
- }
1311
- .animate-pulse {
1312
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1313
- }
1314
- @keyframes spin {
1315
- to {
1316
- transform: rotate(360deg);
1317
- }
1318
- }
1319
- .animate-spin {
1320
- animation: spin 1s linear infinite;
1321
- }
1322
- .cursor-default {
1323
- cursor: default;
1324
- }
1325
- .cursor-pointer {
1326
- cursor: pointer;
1327
- }
1328
- .select-none {
1329
- -webkit-user-select: none;
1330
- -moz-user-select: none;
1331
- user-select: none;
1332
- }
1333
- .resize-y {
1334
- resize: vertical;
1335
- }
1336
- .appearance-none {
1337
- -webkit-appearance: none;
1338
- -moz-appearance: none;
1339
- appearance: none;
1340
- }
1341
- .grid-cols-2 {
1342
- grid-template-columns: repeat(2, minmax(0, 1fr));
1343
- }
1344
- .flex-row {
1345
- flex-direction: row;
1346
- }
1347
- .flex-col {
1348
- flex-direction: column;
1349
- }
1350
- .flex-wrap {
1351
- flex-wrap: wrap;
1352
- }
1353
- .place-items-center {
1354
- place-items: center;
1355
- }
1356
- .items-start {
1357
- align-items: flex-start;
1358
- }
1359
- .items-end {
1360
- align-items: flex-end;
1361
- }
1362
- .items-center {
1363
- align-items: center;
1364
- }
1365
- .items-stretch {
1366
- align-items: stretch;
1367
- }
1368
- .justify-start {
1369
- justify-content: flex-start;
1370
- }
1371
- .justify-end {
1372
- justify-content: flex-end;
1373
- }
1374
- .justify-center {
1375
- justify-content: center;
1376
- }
1377
- .justify-between {
1378
- justify-content: space-between;
1379
- }
1380
- .justify-stretch {
1381
- justify-content: stretch;
1382
- }
1383
- .gap-0 {
1384
- gap: 0px;
1385
- }
1386
- .gap-0\.5 {
1387
- gap: 2px;
1388
- }
1389
- .gap-1 {
1390
- gap: 4px;
1391
- }
1392
- .gap-1\.5 {
1393
- gap: 6px;
1394
- }
1395
- .gap-2 {
1396
- gap: 8px;
1397
- }
1398
- .gap-3 {
1399
- gap: 12px;
1400
- }
1401
- .gap-4 {
1402
- gap: 16px;
1403
- }
1404
- .gap-5 {
1405
- gap: 20px;
1406
- }
1407
- .gap-6 {
1408
- gap: 24px;
1409
- }
1410
- .gap-\[11px\] {
1411
- gap: 11px;
1412
- }
1413
- .gap-\[2px\] {
1414
- gap: 2px;
1415
- }
1416
- .gap-\[5px\] {
1417
- gap: 5px;
1418
- }
1419
- .gap-lg {
1420
- gap: var(--spacing-lg);
1421
- }
1422
- .gap-md {
1423
- gap: var(--spacing-md);
1424
- }
1425
- .gap-px {
1426
- gap: 1px;
1427
- }
1428
- .gap-sm {
1429
- gap: var(--spacing-sm);
1430
- }
1431
- .gap-xl {
1432
- gap: var(--spacing-xl);
1433
- }
1434
- .gap-xs {
1435
- gap: var(--spacing-xs);
1436
- }
1437
- .gap-y-md {
1438
- row-gap: var(--spacing-md);
1439
- }
1440
- .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1441
- --tw-space-x-reverse: 0;
1442
- margin-right: calc(8px * var(--tw-space-x-reverse));
1443
- margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
1444
- }
1445
- .space-x-3 > :not([hidden]) ~ :not([hidden]) {
1446
- --tw-space-x-reverse: 0;
1447
- margin-right: calc(12px * var(--tw-space-x-reverse));
1448
- margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)));
1449
- }
1450
- .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1451
- --tw-space-y-reverse: 0;
1452
- margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
1453
- margin-bottom: calc(8px * var(--tw-space-y-reverse));
1454
- }
1455
- .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1456
- --tw-space-y-reverse: 0;
1457
- margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
1458
- margin-bottom: calc(16px * var(--tw-space-y-reverse));
1459
- }
1460
- .self-start {
1461
- align-self: flex-start;
1462
- }
1463
- .self-end {
1464
- align-self: flex-end;
1465
- }
1466
- .overflow-hidden {
1467
- overflow: hidden;
1468
- }
1469
- .overflow-y-auto {
1470
- overflow-y: auto;
1471
- }
1472
- .overflow-x-hidden {
1473
- overflow-x: hidden;
1474
- }
1475
- .text-ellipsis {
1476
- text-overflow: ellipsis;
1477
- }
1478
- .whitespace-nowrap {
1479
- white-space: nowrap;
1480
- }
1481
- .whitespace-pre {
1482
- white-space: pre;
1483
- }
1484
- .break-words {
1485
- overflow-wrap: break-word;
1486
- }
1487
- .break-all {
1488
- word-break: break-all;
1489
- }
1490
- .rounded {
1491
- border-radius: 4px;
1492
- }
1493
- .rounded-\[102\.25px\] {
1494
- border-radius: 102.25px;
1495
- }
1496
- .rounded-\[102px\] {
1497
- border-radius: 102px;
1498
- }
1499
- .rounded-\[2\.25px\] {
1500
- border-radius: 2.25px;
1501
- }
1502
- .rounded-\[3px\] {
1503
- border-radius: 3px;
1504
- }
1505
- .rounded-\[4\.25px\] {
1506
- border-radius: 4.25px;
1507
- }
1508
- .rounded-\[4\.5px\] {
1509
- border-radius: 4.5px;
1510
- }
1511
- .rounded-\[6\.25px\] {
1512
- border-radius: 6.25px;
1513
- }
1514
- .rounded-\[6\.5px\] {
1515
- border-radius: 6.5px;
1516
- }
1517
- .rounded-\[6\.8px\] {
1518
- border-radius: 6.8px;
1519
- }
1520
- .rounded-\[9999px\] {
1521
- border-radius: 9999px;
1522
- }
1523
- .rounded-buttons {
1524
- border-radius: var(--buttons-rounding);
1525
- }
1526
- .rounded-card-1 {
1527
- border-radius: var(--card-radius-1);
1528
- }
1529
- .rounded-full {
1530
- border-radius: var(--radius-full);
1531
- }
1532
- .rounded-lg {
1533
- border-radius: var(--radius-lg);
1534
- }
1535
- .rounded-md {
1536
- border-radius: var(--radius-md);
1537
- }
1538
- .rounded-sm {
1539
- border-radius: var(--radius-sm);
1540
- }
1541
- .rounded-thumbnail {
1542
- border-radius: var(--thumbnail-rounding);
1543
- }
1544
- .rounded-xs {
1545
- border-radius: var(--radius-xs);
1546
- }
1547
- .\!rounded-l-none {
1548
- border-top-left-radius: var(--radius-none) !important;
1549
- border-bottom-left-radius: var(--radius-none) !important;
1550
- }
1551
- .\!rounded-r-none {
1552
- border-top-right-radius: var(--radius-none) !important;
1553
- border-bottom-right-radius: var(--radius-none) !important;
1554
- }
1555
- .rounded-l-xs {
1556
- border-top-left-radius: var(--radius-xs);
1557
- border-bottom-left-radius: var(--radius-xs);
1558
- }
1559
- .rounded-r-lg {
1560
- border-top-right-radius: var(--radius-lg);
1561
- border-bottom-right-radius: var(--radius-lg);
1562
- }
1563
- .rounded-r-xs {
1564
- border-top-right-radius: var(--radius-xs);
1565
- border-bottom-right-radius: var(--radius-xs);
1566
- }
1567
- .border {
1568
- border-width: 1px;
1569
- }
1570
- .border-0 {
1571
- border-width: 0px;
1572
- }
1573
- .border-2 {
1574
- border-width: 2px;
1575
- }
1576
- .border-\[0\.5px\] {
1577
- border-width: 0.5px;
1578
- }
1579
- .border-x-0 {
1580
- border-left-width: 0px;
1581
- border-right-width: 0px;
1582
- }
1583
- .border-y {
1584
- border-top-width: 1px;
1585
- border-bottom-width: 1px;
1586
- }
1587
- .border-b {
1588
- border-bottom-width: 1px;
1589
- }
1590
- .border-l-0 {
1591
- border-left-width: 0px;
1592
- }
1593
- .border-l-4 {
1594
- border-left-width: 4px;
1595
- }
1596
- .border-r-0 {
1597
- border-right-width: 0px;
1598
- }
1599
- .border-t {
1600
- border-top-width: 1px;
1601
- }
1602
- .border-solid {
1603
- border-style: solid;
1604
- }
1605
- .border-none {
1606
- border-style: none;
1607
- }
1608
- .border-\[\#D1D5DB\] {
1609
- --tw-border-opacity: 1;
1610
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1611
- }
1612
- .border-\[\#D9D9D9\] {
1613
- --tw-border-opacity: 1;
1614
- border-color: rgb(217 217 217 / var(--tw-border-opacity));
1615
- }
1616
- .border-\[\#d9d9d9\] {
1617
- --tw-border-opacity: 1;
1618
- border-color: rgb(217 217 217 / var(--tw-border-opacity));
1619
- }
1620
- .border-\[var\(--banner-border\)\] {
1621
- border-color: var(--banner-border);
1622
- }
1623
- .border-\[var\(--border-color\)\] {
1624
- border-color: var(--border-color);
1625
- }
1626
- .border-\[var\(--button-border\)\] {
1627
- border-color: var(--button-border);
1628
- }
1629
- .border-\[var\(--copy-border\)\] {
1630
- border-color: var(--copy-border);
1631
- }
1632
- .border-\[var\(--error-300\)\] {
1633
- border-color: var(--error-300);
1634
- }
1635
- .border-\[var\(--info-300\)\] {
1636
- border-color: var(--info-300);
1637
- }
1638
- .border-\[var\(--input-border\)\] {
1639
- border-color: var(--input-border);
1640
- }
1641
- .border-\[var\(--success-600\)\] {
1642
- border-color: var(--success-600);
1643
- }
1644
- .border-\[var\(--tint-300\)\] {
1645
- border-color: var(--tint-300);
1646
- }
1647
- .border-\[var\(--warning-600\)\] {
1648
- border-color: var(--warning-600);
1649
- }
1650
- .border-accent-700 {
1651
- border-color: var(--accent-700);
1652
- }
1653
- .border-blue-200 {
1654
- --tw-border-opacity: 1;
1655
- border-color: rgb(191 219 254 / var(--tw-border-opacity));
1656
- }
1657
- .border-callout-600 {
1658
- border-color: var(--callout-600);
1659
- }
1660
- .border-gray-300 {
1661
- --tw-border-opacity: 1;
1662
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1663
- }
1664
- .border-green-200 {
1665
- --tw-border-opacity: 1;
1666
- border-color: rgb(187 247 208 / var(--tw-border-opacity));
1667
- }
1668
- .border-green-400 {
1669
- --tw-border-opacity: 1;
1670
- border-color: rgb(74 222 128 / var(--tw-border-opacity));
1671
- }
1672
- .border-orange-200 {
1673
- --tw-border-opacity: 1;
1674
- border-color: rgb(254 215 170 / var(--tw-border-opacity));
1675
- }
1676
- .border-purple-200 {
1677
- --tw-border-opacity: 1;
1678
- border-color: rgb(233 213 255 / var(--tw-border-opacity));
1679
- }
1680
- .border-red-200 {
1681
- --tw-border-opacity: 1;
1682
- border-color: rgb(254 202 202 / var(--tw-border-opacity));
1683
- }
1684
- .border-red-500 {
1685
- --tw-border-opacity: 1;
1686
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
1687
- }
1688
- .border-secondary-100 {
1689
- border-color: var(--secondary-100);
1690
- }
1691
- .border-tint-200 {
1692
- border-color: var(--tint-200);
1693
- }
1694
- .border-tint-300 {
1695
- border-color: var(--tint-300);
1696
- }
1697
- .border-tint-600 {
1698
- border-color: var(--tint-600);
1699
- }
1700
- .border-tint-800 {
1701
- border-color: var(--tint-800);
1702
- }
1703
- .border-transparent {
1704
- border-color: transparent;
1705
- }
1706
- .border-l-blue-600 {
1707
- --tw-border-opacity: 1;
1708
- border-left-color: rgb(37 99 235 / var(--tw-border-opacity));
1709
- }
1710
- .border-t-tint-600 {
1711
- border-top-color: var(--tint-600);
1712
- }
1713
- .bg-\[\#2F3234\] {
1714
- --tw-bg-opacity: 1;
1715
- background-color: rgb(47 50 52 / var(--tw-bg-opacity));
1716
- }
1717
- .bg-\[\#2f3234\]\/10 {
1718
- background-color: rgb(47 50 52 / 0.1);
1719
- }
1720
- .bg-\[\#3D3D3D\] {
1721
- --tw-bg-opacity: 1;
1722
- background-color: rgb(61 61 61 / var(--tw-bg-opacity));
1723
- }
1724
- .bg-\[\#D9D9D9\] {
1725
- --tw-bg-opacity: 1;
1726
- background-color: rgb(217 217 217 / var(--tw-bg-opacity));
1727
- }
1728
- .bg-\[\#F9FAFB\] {
1729
- --tw-bg-opacity: 1;
1730
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1731
- }
1732
- .bg-\[\#FAFAFA\] {
1733
- --tw-bg-opacity: 1;
1734
- background-color: rgb(250 250 250 / var(--tw-bg-opacity));
1735
- }
1736
- .bg-\[\#f0f0f0\] {
1737
- --tw-bg-opacity: 1;
1738
- background-color: rgb(240 240 240 / var(--tw-bg-opacity));
1739
- }
1740
- .bg-\[var\(--active-bg\)\] {
1741
- background-color: var(--active-bg);
1742
- }
1743
- .bg-\[var\(--bg-color\)\] {
1744
- background-color: var(--bg-color);
1745
- }
1746
- .bg-\[var\(--code-bg\)\] {
1747
- background-color: var(--code-bg);
1748
- }
1749
- .bg-\[var\(--error-50\)\] {
1750
- background-color: var(--error-50);
1751
- }
1752
- .bg-\[var\(--info-50\)\] {
1753
- background-color: var(--info-50);
1754
- }
1755
- .bg-\[var\(--primary\)\] {
1756
- background-color: var(--primary);
1757
- }
1758
- .bg-\[var\(--success-50\)\] {
1759
- background-color: var(--success-50);
1760
- }
1761
- .bg-\[var\(--tint-100\)\] {
1762
- background-color: var(--tint-100);
1763
- }
1764
- .bg-\[var\(--warning-50\)\] {
1765
- background-color: var(--warning-50);
1766
- }
1767
- .bg-accent-700 {
1768
- background-color: var(--accent-700);
1769
- }
1770
- .bg-black {
1771
- background-color: var(--black);
1772
- }
1773
- .bg-blue-50 {
1774
- --tw-bg-opacity: 1;
1775
- background-color: rgb(239 246 255 / var(--tw-bg-opacity));
1776
- }
1777
- .bg-blue-600 {
1778
- --tw-bg-opacity: 1;
1779
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
1780
- }
1781
- .bg-callout-200 {
1782
- background-color: var(--callout-200);
1783
- }
1784
- .bg-callout-300 {
1785
- background-color: var(--callout-300);
1786
- }
1787
- .bg-current {
1788
- background-color: currentColor;
1789
- }
1790
- .bg-gray-100 {
1791
- --tw-bg-opacity: 1;
1792
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1793
- }
1794
- .bg-gray-200 {
1795
- --tw-bg-opacity: 1;
1796
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1797
- }
1798
- .bg-green-100 {
1799
- --tw-bg-opacity: 1;
1800
- background-color: rgb(220 252 231 / var(--tw-bg-opacity));
1801
- }
1802
- .bg-green-50 {
1803
- --tw-bg-opacity: 1;
1804
- background-color: rgb(240 253 244 / var(--tw-bg-opacity));
1805
- }
1806
- .bg-neutral-50 {
1807
- --tw-bg-opacity: 1;
1808
- background-color: rgb(250 250 250 / var(--tw-bg-opacity));
1809
- }
1810
- .bg-orange-50 {
1811
- --tw-bg-opacity: 1;
1812
- background-color: rgb(255 247 237 / var(--tw-bg-opacity));
1813
- }
1814
- .bg-purple-50 {
1815
- --tw-bg-opacity: 1;
1816
- background-color: rgb(250 245 255 / var(--tw-bg-opacity));
1817
- }
1818
- .bg-red-50 {
1819
- --tw-bg-opacity: 1;
1820
- background-color: rgb(254 242 242 / var(--tw-bg-opacity));
1821
- }
1822
- .bg-secondary-white {
1823
- background-color: var(--secondary-white);
1824
- }
1825
- .bg-tint-100 {
1826
- background-color: var(--tint-100);
1827
- }
1828
- .bg-tint-200 {
1829
- background-color: var(--tint-200);
1830
- }
1831
- .bg-tint-25 {
1832
- background-color: var(--tint-25);
1833
- }
1834
- .bg-tint-300 {
1835
- background-color: var(--tint-300);
1836
- }
1837
- .bg-tint-50 {
1838
- background-color: var(--tint-50);
1839
- }
1840
- .bg-transparent {
1841
- background-color: transparent;
1842
- }
1843
- .bg-white {
1844
- background-color: var(--white);
1845
- }
1846
- .bg-opacity-10 {
1847
- --tw-bg-opacity: 0.1;
1848
- }
1849
- .bg-opacity-50 {
1850
- --tw-bg-opacity: 0.5;
1851
- }
1852
- .bg-gradient-to-r {
1853
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
1854
- }
1855
- .from-blue-50 {
1856
- --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
1857
- --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
1858
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1859
- }
1860
- .from-blue-500 {
1861
- --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
1862
- --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
1863
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1864
- }
1865
- .from-green-100 {
1866
- --tw-gradient-from: #dcfce7 var(--tw-gradient-from-position);
1867
- --tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position);
1868
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1869
- }
1870
- .to-blue-400 {
1871
- --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
1872
- }
1873
- .to-green-50 {
1874
- --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);
1875
- }
1876
- .to-white {
1877
- --tw-gradient-to: var(--white) var(--tw-gradient-to-position);
1878
- }
1879
- .fill-current {
1880
- fill: currentColor;
1881
- }
1882
- .object-cover {
1883
- -o-object-fit: cover;
1884
- object-fit: cover;
1885
- }
1886
- .p-0 {
1887
- padding: 0px;
1888
- }
1889
- .p-2 {
1890
- padding: 8px;
1891
- }
1892
- .p-2\.5 {
1893
- padding: 10px;
1894
- }
1895
- .p-3 {
1896
- padding: 12px;
1897
- }
1898
- .p-4 {
1899
- padding: 16px;
1900
- }
1901
- .p-5 {
1902
- padding: 20px;
1903
- }
1904
- .p-6 {
1905
- padding: 24px;
1906
- }
1907
- .p-\[6px\] {
1908
- padding: 6px;
1909
- }
1910
- .p-lg {
1911
- padding: var(--padding-lg);
1912
- }
1913
- .p-md {
1914
- padding: var(--padding-md);
1915
- }
1916
- .p-sm {
1917
- padding: var(--padding-sm);
1918
- }
1919
- .px-0 {
1920
- padding-left: 0px;
1921
- padding-right: 0px;
1922
- }
1923
- .px-1 {
1924
- padding-left: 4px;
1925
- padding-right: 4px;
1926
- }
1927
- .px-2 {
1928
- padding-left: 8px;
1929
- padding-right: 8px;
1930
- }
1931
- .px-2xl {
1932
- padding-left: var(--padding-2xl);
1933
- padding-right: var(--padding-2xl);
1934
- }
1935
- .px-3 {
1936
- padding-left: 12px;
1937
- padding-right: 12px;
1938
- }
1939
- .px-4 {
1940
- padding-left: 16px;
1941
- padding-right: 16px;
1942
- }
1943
- .px-6 {
1944
- padding-left: 24px;
1945
- padding-right: 24px;
1946
- }
1947
- .px-\[10px\] {
1948
- padding-left: 10px;
1949
- padding-right: 10px;
1950
- }
1951
- .px-\[13\.6px\] {
1952
- padding-left: 13.6px;
1953
- padding-right: 13.6px;
1954
- }
1955
- .px-\[9px\] {
1956
- padding-left: 9px;
1957
- padding-right: 9px;
1958
- }
1959
- .px-\[var\(--padding-sm\)\] {
1960
- padding-left: var(--padding-sm);
1961
- padding-right: var(--padding-sm);
1962
- }
1963
- .px-\[var\(--padding-xs\)\] {
1964
- padding-left: var(--padding-xs);
1965
- padding-right: var(--padding-xs);
1966
- }
1967
- .px-lg {
1968
- padding-left: var(--padding-lg);
1969
- padding-right: var(--padding-lg);
1970
- }
1971
- .px-md {
1972
- padding-left: var(--padding-md);
1973
- padding-right: var(--padding-md);
1974
- }
1975
- .px-sm {
1976
- padding-left: var(--padding-sm);
1977
- padding-right: var(--padding-sm);
1978
- }
1979
- .px-xl {
1980
- padding-left: var(--padding-xl);
1981
- padding-right: var(--padding-xl);
1982
- }
1983
- .px-xs {
1984
- padding-left: var(--padding-xs);
1985
- padding-right: var(--padding-xs);
1986
- }
1987
- .py-0 {
1988
- padding-top: 0px;
1989
- padding-bottom: 0px;
1990
- }
1991
- .py-0\.5 {
1992
- padding-top: 2px;
1993
- padding-bottom: 2px;
1994
- }
1995
- .py-1 {
1996
- padding-top: 4px;
1997
- padding-bottom: 4px;
1998
- }
1999
- .py-2 {
2000
- padding-top: 8px;
2001
- padding-bottom: 8px;
2002
- }
2003
- .py-2xl {
2004
- padding-top: var(--padding-2xl);
2005
- padding-bottom: var(--padding-2xl);
2006
- }
2007
- .py-3 {
2008
- padding-top: 12px;
2009
- padding-bottom: 12px;
2010
- }
2011
- .py-4 {
2012
- padding-top: 16px;
2013
- padding-bottom: 16px;
2014
- }
2015
- .py-\[5\.5px\] {
2016
- padding-top: 5.5px;
2017
- padding-bottom: 5.5px;
2018
- }
2019
- .py-\[5\.7px\] {
2020
- padding-top: 5.7px;
2021
- padding-bottom: 5.7px;
2022
- }
2023
- .py-\[7px\] {
2024
- padding-top: 7px;
2025
- padding-bottom: 7px;
2026
- }
2027
- .py-\[8\.5px\] {
2028
- padding-top: 8.5px;
2029
- padding-bottom: 8.5px;
2030
- }
2031
- .py-\[9\.5px\] {
2032
- padding-top: 9.5px;
2033
- padding-bottom: 9.5px;
2034
- }
2035
- .py-\[var\(--padding-xs\)\] {
2036
- padding-top: var(--padding-xs);
2037
- padding-bottom: var(--padding-xs);
2038
- }
2039
- .py-lg {
2040
- padding-top: var(--padding-lg);
2041
- padding-bottom: var(--padding-lg);
2042
- }
2043
- .py-md {
2044
- padding-top: var(--padding-md);
2045
- padding-bottom: var(--padding-md);
2046
- }
2047
- .py-sm {
2048
- padding-top: var(--padding-sm);
2049
- padding-bottom: var(--padding-sm);
2050
- }
2051
- .py-xl {
2052
- padding-top: var(--padding-xl);
2053
- padding-bottom: var(--padding-xl);
2054
- }
2055
- .py-xs {
2056
- padding-top: var(--padding-xs);
2057
- padding-bottom: var(--padding-xs);
2058
- }
2059
- .pb-sm {
2060
- padding-bottom: var(--padding-sm);
2061
- }
2062
- .pl-1 {
2063
- padding-left: 4px;
2064
- }
2065
- .pl-2 {
2066
- padding-left: 8px;
2067
- }
2068
- .pl-3 {
2069
- padding-left: 12px;
2070
- }
2071
- .pl-5 {
2072
- padding-left: 20px;
2073
- }
2074
- .pl-8 {
2075
- padding-left: 32px;
2076
- }
2077
- .pl-9 {
2078
- padding-left: 36px;
2079
- }
2080
- .pl-\[3px\] {
2081
- padding-left: 3px;
2082
- }
2083
- .pl-md {
2084
- padding-left: var(--padding-md);
2085
- }
2086
- .pr-10 {
2087
- padding-right: 40px;
2088
- }
2089
- .pr-2 {
2090
- padding-right: 8px;
2091
- }
2092
- .pr-3 {
2093
- padding-right: 12px;
2094
- }
2095
- .pr-8 {
2096
- padding-right: 32px;
2097
- }
2098
- .pr-\[32px\] {
2099
- padding-right: 32px;
2100
- }
2101
- .pr-\[8\.5px\] {
2102
- padding-right: 8.5px;
2103
- }
2104
- .pr-lg {
2105
- padding-right: var(--padding-lg);
2106
- }
2107
- .pr-md {
2108
- padding-right: var(--padding-md);
2109
- }
2110
- .pt-2 {
2111
- padding-top: 8px;
2112
- }
2113
- .pt-4 {
2114
- padding-top: 16px;
2115
- }
2116
- .pt-8 {
2117
- padding-top: 32px;
2118
- }
2119
- .pt-lg {
2120
- padding-top: var(--padding-lg);
2121
- }
2122
- .pt-md {
2123
- padding-top: var(--padding-md);
2124
- }
2125
- .text-left {
2126
- text-align: left;
2127
- }
2128
- .text-center {
2129
- text-align: center;
2130
- }
2131
- .text-start {
2132
- text-align: start;
2133
- }
2134
- .align-baseline {
2135
- vertical-align: baseline;
2136
- }
2137
- .align-middle {
2138
- vertical-align: middle;
2139
- }
2140
- .font-mono {
2141
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
2142
- }
2143
- .text-2xl {
2144
- font-size: var(--text-2xl);
2145
- }
2146
- .text-\[10px\] {
2147
- font-size: 10px;
2148
- }
2149
- .text-\[11px\] {
2150
- font-size: 11px;
2151
- }
2152
- .text-\[12\.5px\] {
2153
- font-size: 12.5px;
2154
- }
2155
- .text-\[12px\] {
2156
- font-size: 12px;
2157
- }
2158
- .text-\[13\.6px\] {
2159
- font-size: 13.6px;
2160
- }
2161
- .text-\[13px\] {
2162
- font-size: 13px;
2163
- }
2164
- .text-\[18px\] {
2165
- font-size: 18px;
2166
- }
2167
- .text-\[9px\] {
2168
- font-size: 9px;
2169
- }
2170
- .text-\[calc\(var\(--font-size\)\*1\.125\)\] {
2171
- font-size: calc(var(--font-size) * 1.125);
2172
- }
2173
- .text-base {
2174
- font-size: 16px;
2175
- line-height: 24px;
2176
- }
2177
- .text-lg {
2178
- font-size: var(--text-lg);
2179
- }
2180
- .text-md {
2181
- font-size: var(--text-md);
2182
- }
2183
- .text-sm {
2184
- font-size: var(--text-sm);
2185
- }
2186
- .text-xl {
2187
- font-size: var(--text-xl);
2188
- }
2189
- .text-xs {
2190
- font-size: var(--text-xs);
2191
- }
2192
- .font-\[500\] {
2193
- font-weight: 500;
2194
- }
2195
- .font-\[540\] {
2196
- font-weight: 540;
2197
- }
2198
- .font-bold {
2199
- font-weight: 700;
2200
- }
2201
- .font-medium {
2202
- font-weight: 500;
2203
- }
2204
- .font-semibold {
2205
- font-weight: 600;
2206
- }
2207
- .uppercase {
2208
- text-transform: uppercase;
2209
- }
2210
- .leading-4 {
2211
- line-height: 16px;
2212
- }
2213
- .leading-5 {
2214
- line-height: 20px;
2215
- }
2216
- .leading-7 {
2217
- line-height: 28px;
2218
- }
2219
- .leading-\[1\.17\] {
2220
- line-height: 1.17;
2221
- }
2222
- .leading-\[1\.2\] {
2223
- line-height: 1.2;
2224
- }
2225
- .leading-\[1\.45\] {
2226
- line-height: 1.45;
2227
- }
2228
- .leading-\[100\%\] {
2229
- line-height: 100%;
2230
- }
2231
- .leading-\[135\%\] {
2232
- line-height: 135%;
2233
- }
2234
- .leading-\[140\%\] {
2235
- line-height: 140%;
2236
- }
2237
- .leading-\[145\%\] {
2238
- line-height: 145%;
2239
- }
2240
- .leading-\[14px\] {
2241
- line-height: 14px;
2242
- }
2243
- .leading-\[16px\] {
2244
- line-height: 16px;
2245
- }
2246
- .leading-none {
2247
- line-height: 1;
2248
- }
2249
- .leading-normal {
2250
- line-height: 1.5;
2251
- }
2252
- .tracking-\[-0\.048px\] {
2253
- letter-spacing: -0.048px;
2254
- }
2255
- .tracking-\[-0\.056px\] {
2256
- letter-spacing: -0.056px;
2257
- }
2258
- .tracking-\[-0\.125px\] {
2259
- letter-spacing: -0.125px;
2260
- }
2261
- .tracking-\[-0\.12px\] {
2262
- letter-spacing: -0.12px;
2263
- }
2264
- .tracking-\[-0\.36px\] {
2265
- letter-spacing: -0.36px;
2266
- }
2267
- .tracking-\[-0\.4px\] {
2268
- letter-spacing: -0.4px;
2269
- }
2270
- .tracking-wide {
2271
- letter-spacing: 0.025em;
2272
- }
2273
- .tracking-wider {
2274
- letter-spacing: 0.05em;
2275
- }
2276
- .text-\[\#303030\] {
2277
- --tw-text-opacity: 1;
2278
- color: rgb(48 48 48 / var(--tw-text-opacity));
2279
- }
2280
- .text-\[\#63CC88\] {
2281
- --tw-text-opacity: 1;
2282
- color: rgb(99 204 136 / var(--tw-text-opacity));
2283
- }
2284
- .text-\[\#686A6D\] {
2285
- --tw-text-opacity: 1;
2286
- color: rgb(104 106 109 / var(--tw-text-opacity));
2287
- }
2288
- .text-\[\#8A8A8A\] {
2289
- --tw-text-opacity: 1;
2290
- color: rgb(138 138 138 / var(--tw-text-opacity));
2291
- }
2292
- .text-\[\#969696\] {
2293
- --tw-text-opacity: 1;
2294
- color: rgb(150 150 150 / var(--tw-text-opacity));
2295
- }
2296
- .text-\[\#FAFAFA\] {
2297
- --tw-text-opacity: 1;
2298
- color: rgb(250 250 250 / var(--tw-text-opacity));
2299
- }
2300
- .text-\[var\(--active-fg\)\] {
2301
- color: var(--active-fg);
2302
- }
2303
- .text-\[var\(--error-600\)\] {
2304
- color: var(--error-600);
2305
- }
2306
- .text-\[var\(--inactive-fg\)\] {
2307
- color: var(--inactive-fg);
2308
- }
2309
- .text-\[var\(--info-600\)\] {
2310
- color: var(--info-600);
2311
- }
2312
- .text-\[var\(--primary-foreground\)\] {
2313
- color: var(--primary-foreground);
2314
- }
2315
- .text-\[var\(--success-600\)\] {
2316
- color: var(--success-600);
2317
- }
2318
- .text-\[var\(--tint-600\)\] {
2319
- color: var(--tint-600);
2320
- }
2321
- .text-\[var\(--warning-600\)\] {
2322
- color: var(--warning-600);
2323
- }
2324
- .text-accent-50 {
2325
- color: var(--accent-50);
2326
- }
2327
- .text-accent-700 {
2328
- color: var(--accent-700);
2329
- }
2330
- .text-blue-600 {
2331
- --tw-text-opacity: 1;
2332
- color: rgb(37 99 235 / var(--tw-text-opacity));
2333
- }
2334
- .text-callout-600 {
2335
- color: var(--callout-600);
2336
- }
2337
- .text-callout-900 {
2338
- color: var(--callout-900);
2339
- }
2340
- .text-current {
2341
- color: currentColor;
2342
- }
2343
- .text-gray-500 {
2344
- --tw-text-opacity: 1;
2345
- color: rgb(107 114 128 / var(--tw-text-opacity));
2346
- }
2347
- .text-gray-600 {
2348
- --tw-text-opacity: 1;
2349
- color: rgb(75 85 99 / var(--tw-text-opacity));
2350
- }
2351
- .text-gray-700 {
2352
- --tw-text-opacity: 1;
2353
- color: rgb(55 65 81 / var(--tw-text-opacity));
2354
- }
2355
- .text-gray-900 {
2356
- --tw-text-opacity: 1;
2357
- color: rgb(17 24 39 / var(--tw-text-opacity));
2358
- }
2359
- .text-green-600 {
2360
- --tw-text-opacity: 1;
2361
- color: rgb(22 163 74 / var(--tw-text-opacity));
2362
- }
2363
- .text-orange-600 {
2364
- --tw-text-opacity: 1;
2365
- color: rgb(234 88 12 / var(--tw-text-opacity));
2366
- }
2367
- .text-purple-600 {
2368
- --tw-text-opacity: 1;
2369
- color: rgb(147 51 234 / var(--tw-text-opacity));
2370
- }
2371
- .text-purple-700 {
2372
- --tw-text-opacity: 1;
2373
- color: rgb(126 34 206 / var(--tw-text-opacity));
2374
- }
2375
- .text-purple-900 {
2376
- --tw-text-opacity: 1;
2377
- color: rgb(88 28 135 / var(--tw-text-opacity));
2378
- }
2379
- .text-red-500 {
2380
- --tw-text-opacity: 1;
2381
- color: rgb(239 68 68 / var(--tw-text-opacity));
2382
- }
2383
- .text-red-600 {
2384
- --tw-text-opacity: 1;
2385
- color: rgb(220 38 38 / var(--tw-text-opacity));
2386
- }
2387
- .text-secondary-700 {
2388
- color: var(--secondary-700);
2389
- }
2390
- .text-theme-text-primary {
2391
- color: var(--text-main-color);
2392
- }
2393
- .text-theme-text-secondary {
2394
- color: var(--text-secondary-color);
2395
- }
2396
- .text-tint-300 {
2397
- color: var(--tint-300);
2398
- }
2399
- .text-tint-400 {
2400
- color: var(--tint-400);
2401
- }
2402
- .text-tint-500 {
2403
- color: var(--tint-500);
2404
- }
2405
- .text-tint-600 {
2406
- color: var(--tint-600);
2407
- }
2408
- .text-tint-900 {
2409
- color: var(--tint-900);
2410
- }
2411
- .text-white {
2412
- color: var(--white);
2413
- }
2414
- .underline {
2415
- text-decoration-line: underline;
2416
- }
2417
- .line-through {
2418
- text-decoration-line: line-through;
2419
- }
2420
- .no-underline {
2421
- text-decoration-line: none;
2422
- }
2423
- .placeholder-gray-400::-moz-placeholder {
2424
- --tw-placeholder-opacity: 1;
2425
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2426
- }
2427
- .placeholder-gray-400::placeholder {
2428
- --tw-placeholder-opacity: 1;
2429
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2430
- }
2431
- .opacity-0 {
2432
- opacity: 0;
2433
- }
2434
- .opacity-100 {
2435
- opacity: 1;
2436
- }
2437
- .opacity-20 {
2438
- opacity: 0.2;
2439
- }
2440
- .opacity-50 {
2441
- opacity: 0.5;
2442
- }
2443
- .shadow {
2444
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2445
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2446
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2447
- }
2448
- .shadow-\[-7px_0px_4px_\#CCCCCC40\] {
2449
- --tw-shadow: -7px 0px 4px #CCCCCC40;
2450
- --tw-shadow-colored: -7px 0px 4px var(--tw-shadow-color);
2451
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2452
- }
2453
- .shadow-lg {
2454
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2455
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2456
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2457
- }
2458
- .shadow-sm {
2459
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2460
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2461
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2462
- }
2463
- .shadow-xl {
2464
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
2465
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2466
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2467
- }
2468
- .outline-none {
2469
- outline: 2px solid transparent;
2470
- outline-offset: 2px;
2471
- }
2472
- .outline {
2473
- outline-style: solid;
2474
- }
2475
- .ring-offset-white {
2476
- --tw-ring-offset-color: var(--white);
2477
- }
2478
- .blur {
2479
- --tw-blur: blur(8px);
2480
- 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);
2481
- }
2482
- .filter {
2483
- 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);
2484
- }
2485
- .backdrop-blur-\[22px\] {
2486
- --tw-backdrop-blur: blur(22px);
2487
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2488
- }
2489
- .backdrop-blur-\[6\.5px\] {
2490
- --tw-backdrop-blur: blur(6.5px);
2491
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2492
- }
2493
- .transition {
2494
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2495
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2496
- transition-duration: 150ms;
2497
- }
2498
- .transition-all {
2499
- transition-property: all;
2500
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2501
- transition-duration: 150ms;
2502
- }
2503
- .transition-colors {
2504
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2505
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2506
- transition-duration: 150ms;
2507
- }
2508
- .transition-opacity {
2509
- transition-property: opacity;
2510
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2511
- transition-duration: 150ms;
2512
- }
2513
- .transition-transform {
2514
- transition-property: transform;
2515
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2516
- transition-duration: 150ms;
2517
- }
2518
- .duration-200 {
2519
- transition-duration: 200ms;
2520
- }
2521
- .duration-300 {
2522
- transition-duration: 300ms;
2523
- }
2524
- .ease-in {
2525
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2526
- }
2527
- .ease-in-out {
2528
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2529
- }
2530
- .ease-out {
2531
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2532
- }
2533
- .\[-moz-appearance\:textfield\] {
2534
- -moz-appearance: textfield;
2535
- }
2536
- .placeholder\:text-\[\#8A8A8A\]::-moz-placeholder {
2537
- --tw-text-opacity: 1;
2538
- color: rgb(138 138 138 / var(--tw-text-opacity));
2539
- }
2540
- .placeholder\:text-\[\#8A8A8A\]::placeholder {
2541
- --tw-text-opacity: 1;
2542
- color: rgb(138 138 138 / var(--tw-text-opacity));
2543
- }
2544
- .placeholder\:text-tint-300::-moz-placeholder {
2545
- color: var(--tint-300);
2546
- }
2547
- .placeholder\:text-tint-300::placeholder {
2548
- color: var(--tint-300);
2549
- }
2550
- .placeholder\:text-tint-500::-moz-placeholder {
2551
- color: var(--tint-500);
2552
- }
2553
- .placeholder\:text-tint-500::placeholder {
2554
- color: var(--tint-500);
2555
- }
2556
- .placeholder\:text-tint-600::-moz-placeholder {
2557
- color: var(--tint-600);
2558
- }
2559
- .placeholder\:text-tint-600::placeholder {
2560
- color: var(--tint-600);
2561
- }
2562
- .first\:rounded-t-xs:first-child {
2563
- border-top-left-radius: var(--radius-xs);
2564
- border-top-right-radius: var(--radius-xs);
2565
- }
2566
- .last\:rounded-b-xs:last-child {
2567
- border-bottom-right-radius: var(--radius-xs);
2568
- border-bottom-left-radius: var(--radius-xs);
2569
- }
2570
- .hover\:border-\[\#9CA3AF\]:hover {
2571
- --tw-border-opacity: 1;
2572
- border-color: rgb(156 163 175 / var(--tw-border-opacity));
2573
- }
2574
- .hover\:border-accent-600:hover {
2575
- border-color: var(--accent-600);
2576
- }
2577
- .hover\:border-red-500:hover {
2578
- --tw-border-opacity: 1;
2579
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
2580
- }
2581
- .hover\:border-secondary-200:hover {
2582
- border-color: var(--secondary-200);
2583
- }
2584
- .hover\:border-tint-300:hover {
2585
- border-color: var(--tint-300);
2586
- }
2587
- .hover\:bg-\[\#F3F4F6\]:hover {
2588
- --tw-bg-opacity: 1;
2589
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
2590
- }
2591
- .hover\:bg-\[\#FAFAFA\]:hover {
2592
- --tw-bg-opacity: 1;
2593
- background-color: rgb(250 250 250 / var(--tw-bg-opacity));
2594
- }
2595
- .hover\:bg-accent-600:hover {
2596
- background-color: var(--accent-600);
2597
- }
2598
- .hover\:bg-blue-100:hover {
2599
- --tw-bg-opacity: 1;
2600
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
2601
- }
2602
- .hover\:bg-gray-200:hover {
2603
- --tw-bg-opacity: 1;
2604
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
2605
- }
2606
- .hover\:bg-green-100:hover {
2607
- --tw-bg-opacity: 1;
2608
- background-color: rgb(220 252 231 / var(--tw-bg-opacity));
2609
- }
2610
- .hover\:bg-orange-100:hover {
2611
- --tw-bg-opacity: 1;
2612
- background-color: rgb(255 237 213 / var(--tw-bg-opacity));
2613
- }
2614
- .hover\:bg-purple-100:hover {
2615
- --tw-bg-opacity: 1;
2616
- background-color: rgb(243 232 255 / var(--tw-bg-opacity));
2617
- }
2618
- .hover\:bg-red-100:hover {
2619
- --tw-bg-opacity: 1;
2620
- background-color: rgb(254 226 226 / var(--tw-bg-opacity));
2621
- }
2622
- .hover\:bg-tint-25:hover {
2623
- background-color: var(--tint-25);
2624
- }
2625
- .hover\:text-secondary-400:hover {
2626
- color: var(--secondary-400);
2627
- }
2628
- .hover\:text-tint-900:hover {
2629
- color: var(--tint-900);
2630
- }
2631
- .hover\:opacity-100:hover {
2632
- opacity: 1;
2633
- }
2634
- .focus\:border-\[\#121826\]:focus {
2635
- --tw-border-opacity: 1;
2636
- border-color: rgb(18 24 38 / var(--tw-border-opacity));
2637
- }
2638
- .focus\:border-blue-500:focus {
2639
- --tw-border-opacity: 1;
2640
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
2641
- }
2642
- .focus\:border-purple-500:focus {
2643
- --tw-border-opacity: 1;
2644
- border-color: rgb(168 85 247 / var(--tw-border-opacity));
2645
- }
2646
- .focus\:border-tint-900:focus {
2647
- border-color: var(--tint-900);
2648
- }
2649
- .focus\:bg-tint-200:focus {
2650
- background-color: var(--tint-200);
2651
- }
2652
- .focus\:text-tint-900:focus {
2653
- color: var(--tint-900);
2654
- }
2655
- .focus\:outline-none:focus {
2656
- outline: 2px solid transparent;
2657
- outline-offset: 2px;
2658
- }
2659
- .focus\:ring-\[\#121826\]:focus {
2660
- --tw-ring-opacity: 1;
2661
- --tw-ring-color: rgb(18 24 38 / var(--tw-ring-opacity));
2662
- }
2663
- .focus-visible\:border-red-500:focus-visible {
2664
- --tw-border-opacity: 1;
2665
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
2666
- }
2667
- .focus-visible\:border-tint-600:focus-visible {
2668
- border-color: var(--tint-600);
2669
- }
2670
- .focus-visible\:outline-none:focus-visible {
2671
- outline: 2px solid transparent;
2672
- outline-offset: 2px;
2673
- }
2674
- .focus-visible\:ring-2:focus-visible {
2675
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2676
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2677
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2678
- }
2679
- .focus-visible\:ring-neutral-900:focus-visible {
2680
- --tw-ring-opacity: 1;
2681
- --tw-ring-color: rgb(23 23 23 / var(--tw-ring-opacity));
2682
- }
2683
- .focus-visible\:ring-red-500:focus-visible {
2684
- --tw-ring-opacity: 1;
2685
- --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
2686
- }
2687
- .focus-visible\:ring-tint-400:focus-visible {
2688
- --tw-ring-color: var(--tint-400);
2689
- }
2690
- .focus-visible\:ring-tint-900:focus-visible {
2691
- --tw-ring-color: var(--tint-900);
2692
- }
2693
- .focus-visible\:ring-offset-1:focus-visible {
2694
- --tw-ring-offset-width: 1px;
2695
- }
2696
- .focus-visible\:ring-offset-2:focus-visible {
2697
- --tw-ring-offset-width: 2px;
2698
- }
2699
- .focus-visible\:ring-offset-neutral-50:focus-visible {
2700
- --tw-ring-offset-color: #fafafa;
2701
- }
2702
- .focus-visible\:ring-offset-white:focus-visible {
2703
- --tw-ring-offset-color: var(--white);
2704
- }
2705
- .active\:translate-y-px:active {
2706
- --tw-translate-y: 1px;
2707
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2708
- }
2709
- .disabled\:pointer-events-none:disabled {
2710
- pointer-events: none;
2711
- }
2712
- .disabled\:cursor-not-allowed:disabled {
2713
- cursor: not-allowed;
2714
- }
2715
- .disabled\:border-tint-200:disabled {
2716
- border-color: var(--tint-200);
2717
- }
2718
- .disabled\:bg-\[\#B7B7B7\]:disabled {
2719
- --tw-bg-opacity: 1;
2720
- background-color: rgb(183 183 183 / var(--tw-bg-opacity));
2721
- }
2722
- .disabled\:bg-tint-50:disabled {
2723
- background-color: var(--tint-50);
2724
- }
2725
- .disabled\:opacity-50:disabled {
2726
- opacity: 0.5;
2727
- }
2728
- .data-\[disabled\]\:pointer-events-none[data-disabled] {
2729
- pointer-events: none;
2730
- }
2731
- .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
2732
- --tw-translate-y: 4px;
2733
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2734
- }
2735
- .data-\[side\=left\]\:-translate-x-1[data-side=left] {
2736
- --tw-translate-x: -4px;
2737
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2738
- }
2739
- .data-\[side\=right\]\:translate-x-1[data-side=right] {
2740
- --tw-translate-x: 4px;
2741
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2742
- }
2743
- .data-\[side\=top\]\:-translate-y-1[data-side=top] {
2744
- --tw-translate-y: -4px;
2745
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2746
- }
2747
- .data-\[error\]\:border-red-500[data-error] {
2748
- --tw-border-opacity: 1;
2749
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
2750
- }
2751
- .data-\[state\=checked\]\:border-accent-700[data-state=checked] {
2752
- border-color: var(--accent-700);
2753
- }
2754
- .data-\[state\=checked\]\:border-tint-900[data-state=checked] {
2755
- border-color: var(--tint-900);
2756
- }
2757
- .data-\[state\=indeterminate\]\:border-tint-900[data-state=indeterminate] {
2758
- border-color: var(--tint-900);
2759
- }
2760
- .data-\[state\=checked\]\:bg-accent-700[data-state=checked] {
2761
- background-color: var(--accent-700);
2762
- }
2763
- .data-\[state\=checked\]\:bg-tint-900[data-state=checked] {
2764
- background-color: var(--tint-900);
2765
- }
2766
- .data-\[state\=indeterminate\]\:bg-tint-900[data-state=indeterminate] {
2767
- background-color: var(--tint-900);
2768
- }
2769
- .data-\[state\=checked\]\:text-white[data-state=checked] {
2770
- color: var(--white);
2771
- }
2772
- .data-\[state\=indeterminate\]\:text-white[data-state=indeterminate] {
2773
- color: var(--white);
2774
- }
2775
- .data-\[disabled\]\:opacity-50[data-disabled] {
2776
- opacity: 0.5;
2777
- }
2778
- .data-\[state\=checked\]\:hover\:border-accent-800:hover[data-state=checked] {
2779
- border-color: var(--accent-800);
2780
- }
2781
- .data-\[state\=checked\]\:hover\:border-tint-800:hover[data-state=checked] {
2782
- border-color: var(--tint-800);
2783
- }
2784
- .data-\[state\=indeterminate\]\:hover\:border-tint-800:hover[data-state=indeterminate] {
2785
- border-color: var(--tint-800);
2786
- }
2787
- .data-\[state\=checked\]\:hover\:bg-accent-800:hover[data-state=checked] {
2788
- background-color: var(--accent-800);
2789
- }
2790
- .data-\[state\=checked\]\:hover\:bg-tint-800:hover[data-state=checked] {
2791
- background-color: var(--tint-800);
2792
- }
2793
- .data-\[state\=indeterminate\]\:hover\:bg-tint-800:hover[data-state=indeterminate] {
2794
- background-color: var(--tint-800);
2795
- }
2796
- .data-\[error\]\:focus-visible\:ring-red-300:focus-visible[data-error] {
2797
- --tw-ring-opacity: 1;
2798
- --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
2799
- }
2800
- @media not all and (min-width: 640px) {
2801
- .max-sm\:left-\[-12px\] {
2802
- left: -12px;
2803
- }
2804
- .max-sm\:mb-md {
2805
- margin-bottom: var(--spacing-md);
2806
- }
2807
- .max-sm\:mr-md {
2808
- margin-right: var(--spacing-md);
2809
- }
2810
- .max-sm\:mt-md {
2811
- margin-top: var(--spacing-md);
2812
- }
2813
- .max-sm\:self-center {
2814
- align-self: center;
2815
- }
2816
- .max-sm\:\!p-md {
2817
- padding: var(--padding-md) !important;
2818
- }
2819
- .max-sm\:px-sm {
2820
- padding-left: var(--padding-sm);
2821
- padding-right: var(--padding-sm);
2822
- }
2823
- .max-sm\:py-xs {
2824
- padding-top: var(--padding-xs);
2825
- padding-bottom: var(--padding-xs);
2826
- }
2827
- }
2828
- @media (min-width: 640px) {
2829
- .sm\:mx-0 {
2830
- margin-left: 0px;
2831
- margin-right: 0px;
2832
- }
2833
- .sm\:block {
2834
- display: block;
2835
- }
2836
- .sm\:inline-block {
2837
- display: inline-block;
2838
- }
2839
- .sm\:hidden {
2840
- display: none;
2841
- }
2842
- .sm\:h-3 {
2843
- height: 12px;
2844
- }
2845
- .sm\:h-\[120px\] {
2846
- height: 120px;
2847
- }
2848
- .sm\:h-\[150px\] {
2849
- height: 150px;
2850
- }
2851
- .sm\:h-\[18px\] {
2852
- height: 18px;
2853
- }
2854
- .sm\:h-\[190px\] {
2855
- height: 190px;
2856
- }
2857
- .sm\:h-\[200px\] {
2858
- height: 200px;
2859
- }
2860
- .sm\:h-\[30px\] {
2861
- height: 30px;
2862
- }
2863
- .sm\:h-\[96px\] {
2864
- height: 96px;
2865
- }
2866
- .sm\:h-auto {
2867
- height: auto;
2868
- }
2869
- .sm\:h-full {
2870
- height: 100%;
2871
- }
2872
- .sm\:w-3 {
2873
- width: 12px;
2874
- }
2875
- .sm\:w-\[120px\] {
2876
- width: 120px;
2877
- }
2878
- .sm\:w-\[150px\] {
2879
- width: 150px;
2880
- }
2881
- .sm\:w-\[18px\] {
2882
- width: 18px;
2883
- }
2884
- .sm\:w-\[190px\] {
2885
- width: 190px;
2886
- }
2887
- .sm\:w-\[200px\] {
2888
- width: 200px;
2889
- }
2890
- .sm\:w-\[96px\] {
2891
- width: 96px;
2892
- }
2893
- .sm\:w-full {
2894
- width: 100%;
2895
- }
2896
- .sm\:min-w-\[190px\] {
2897
- min-width: 190px;
2898
- }
2899
- .sm\:flex-1 {
2900
- flex: 1 1 0%;
2901
- }
2902
- .sm\:shrink {
2903
- flex-shrink: 1;
2904
- }
2905
- .sm\:translate-y-0 {
2906
- --tw-translate-y: 0px;
2907
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2908
- }
2909
- .sm\:translate-y-\[3px\] {
2910
- --tw-translate-y: 3px;
2911
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2912
- }
2913
- .sm\:scale-100 {
2914
- --tw-scale-x: 1;
2915
- --tw-scale-y: 1;
2916
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2917
- }
2918
- .sm\:scale-95 {
2919
- --tw-scale-x: .95;
2920
- --tw-scale-y: .95;
2921
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2922
- }
2923
- .sm\:flex-row {
2924
- flex-direction: row;
2925
- }
2926
- .sm\:flex-col {
2927
- flex-direction: column;
2928
- }
2929
- .sm\:items-stretch {
2930
- align-items: stretch;
2931
- }
2932
- .sm\:justify-between {
2933
- justify-content: space-between;
2934
- }
2935
- .sm\:gap-0 {
2936
- gap: 0px;
2937
- }
2938
- .sm\:gap-3xl {
2939
- gap: var(--spacing-3xl);
2940
- }
2941
- .sm\:gap-lg {
2942
- gap: var(--spacing-lg);
2943
- }
2944
- .sm\:self-auto {
2945
- align-self: auto;
2946
- }
2947
- .sm\:self-stretch {
2948
- align-self: stretch;
2949
- }
2950
- .sm\:rounded-md {
2951
- border-radius: var(--radius-md);
2952
- }
2953
- .sm\:bg-callout-300 {
2954
- background-color: var(--callout-300);
2955
- }
2956
- .sm\:p-0 {
2957
- padding: 0px;
2958
- }
2959
- .sm\:p-lg {
2960
- padding: var(--padding-lg);
2961
- }
2962
- .sm\:p-md {
2963
- padding: var(--padding-md);
2964
- }
2965
- .sm\:px-0 {
2966
- padding-left: 0px;
2967
- padding-right: 0px;
2968
- }
2969
- .sm\:px-2xl {
2970
- padding-left: var(--padding-2xl);
2971
- padding-right: var(--padding-2xl);
2972
- }
2973
- .sm\:px-lg {
2974
- padding-left: var(--padding-lg);
2975
- padding-right: var(--padding-lg);
2976
- }
2977
- .sm\:py-0 {
2978
- padding-top: 0px;
2979
- padding-bottom: 0px;
2980
- }
2981
- .sm\:py-md {
2982
- padding-top: var(--padding-md);
2983
- padding-bottom: var(--padding-md);
2984
- }
2985
- .sm\:py-sm {
2986
- padding-top: var(--padding-sm);
2987
- padding-bottom: var(--padding-sm);
2988
- }
2989
- .sm\:pl-lg {
2990
- padding-left: var(--padding-lg);
2991
- }
2992
- .sm\:pl-xl {
2993
- padding-left: var(--padding-xl);
2994
- }
2995
- .sm\:pr-0 {
2996
- padding-right: 0px;
2997
- }
2998
- .sm\:text-2xl {
2999
- font-size: var(--text-2xl);
3000
- }
3001
- .sm\:text-md {
3002
- font-size: var(--text-md);
3003
- }
3004
- }
3005
- @media (min-width: 768px) {
3006
- .md\:ml-auto {
3007
- margin-left: auto;
3008
- }
3009
- .md\:w-\[520px\] {
3010
- width: 520px;
3011
- }
3012
- }
3013
- @media (min-width: 1024px) {
3014
- .lg\:px-16 {
3015
- padding-left: 64px;
3016
- padding-right: 64px;
3017
- }
3018
- }
3019
- .\[\&\:\:-webkit-inner-spin-button\]\:m-0::-webkit-inner-spin-button {
3020
- margin: 0px;
3021
- }
3022
- .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
3023
- -webkit-appearance: none;
3024
- appearance: none;
3025
- }
3026
- .\[\&\:\:-webkit-outer-spin-button\]\:m-0::-webkit-outer-spin-button {
3027
- margin: 0px;
3028
- }
3029
- .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
3030
- -webkit-appearance: none;
3031
- appearance: none;
3032
- }
3033
- .\[\&\>span\]\:truncate>span {
3034
- overflow: hidden;
3035
- text-overflow: ellipsis;
3036
- white-space: nowrap;
3037
- }
3038
-
3039
- .loader[data-v-554a1690] {
3040
- display: flex;
3041
- }
3042
- .loader-item[data-v-554a1690] {
3043
- margin-left: 2px;
3044
- margin-right: 2px;
3045
- display: block;
3046
- border-radius: var(--radius-full);
3047
- background-color: currentColor;
3048
- width: 5px;
3049
- height: 5px;
3050
- animation: jump-554a1690 5s ease-in-out infinite,opacity-554a1690 1s ease-in-out infinite;
3051
- }
3052
- .loader-item[data-v-554a1690]:nth-child(2) {
3053
- animation-delay: 300ms;
3054
- }
3055
- .loader-item[data-v-554a1690]:nth-child(3) {
3056
- animation-delay: 600ms;
3057
- }
3058
- @keyframes opacity-554a1690 {
3059
- 0%,
3060
- 30% {
3061
- opacity: 0.54;
3062
- }
3063
- 50% {
3064
- opacity: 1;
3065
- }
3066
- 70%,
3067
- 100% {
3068
- opacity: 0.54;
3069
- }
3070
- }
3071
- @keyframes jump-554a1690 {
3072
- 0%,
3073
- 40% {
3074
- transform: translateY(0);
3075
- }
3076
- 45% {
3077
- transform: translateY(-2.4px);
3078
- }
3079
- 50% {
3080
- transform: translateY(0);
3081
- }
3082
- 55% {
3083
- transform: translateY(2.4px);
3084
- }
3085
- 60%,
3086
- 100% {
3087
- transform: translateY(0);
3088
- }
3089
- }
3090
-
3091
- .card[data-v-c3a8e82c] {
3092
- background: var(--card-background);
3093
- border: 1px solid var(--card-border);
3094
- border-radius: var(--card-radius);
3095
- --card-background: var(--card-1-background);
3096
- --card-border: var(--card-1-border);
3097
- --card-radius: var(--card-radius-1);
3098
- }
3099
-
3100
- /* Level 2 - When nested inside a card */
3101
- .card .card[data-v-c3a8e82c] {
3102
- border: 0.5px solid var(--card-border);
3103
- --card-background: var(--card-2-background);
3104
- --card-border: var(--card-2-border);
3105
- --card-radius: var(--card-radius-2);
3106
- }
3107
-
3108
- /* Level 3 - When nested inside a level 2 card */
3109
- .card .card .card[data-v-c3a8e82c] {
3110
- --card-background: var(--card-3-background);
3111
- --card-border: var(--card-3-border);
3112
- --card-radius: var(--card-radius-3);
3113
- }
3114
-
3115
- .v-enter-active[data-v-aa4ef840],
3116
- .v-leave-active[data-v-aa4ef840] {
3117
- transition: opacity 0.2s ease-in-out;
3118
- }
3119
- .v-enter-from[data-v-aa4ef840],
3120
- .v-leave-to[data-v-aa4ef840] {
3121
- opacity: 0;
3122
- }
3123
- .link-underline[data-v-aa4ef840],
3124
- .link-underline[data-v-aa4ef840] * {
3125
- text-decoration-line: underline;
3126
- }
3127
-
3128
- .card-divider[data-v-333b277b] {
3129
- border: none;
3130
- padding: 0;
3131
- height: var(--card-divider-height);
3132
- margin: var(--card-divider-margin) 0;
3133
- background-color: var(--card-divider-background);
3134
- }
3135
-
3136
- footer[data-v-dd4ee756] > * {
3137
- flex-grow: 1;
3138
- }
3139
-
3140
- .with-tooltip[data-v-2e9e4120] {
3141
- position: relative
3142
- }
3143
- .with-tooltip__floating[data-v-2e9e4120] {
3144
- position: fixed;
3145
- top: 0px;
3146
- left: 0px;
3147
- z-index: 60;
3148
- display: none
3149
- }
3150
- .with-tooltip__tooltip[data-v-2e9e4120] {
3151
- border-radius: var(--radius-xs);
3152
- --tw-bg-opacity: 1;
3153
- background-color: rgb(61 61 61 / var(--tw-bg-opacity));
3154
- color: var(--white)
3155
- }
3156
- .with-tooltip__arrow[data-v-2e9e4120]::after {
3157
- position: absolute;
3158
- top: 50%;
3159
- left: 50%;
3160
- display: block;
3161
- --tw-translate-x: -50%;
3162
- --tw-translate-y: -50%;
3163
- --tw-rotate: 45deg;
3164
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3165
- --tw-bg-opacity: 1;
3166
- background-color: rgb(61 61 61 / var(--tw-bg-opacity));
3167
- width: 10px;
3168
- height: 10px;
3169
- content: ""
3170
- }
3171
- .tooltip--bottom .with-tooltip__arrow[data-v-2e9e4120]::after {
3172
- top: 0px;
3173
- border-top-left-radius: 4px
3174
- }
3175
- .tooltip--right .with-tooltip__arrow[data-v-2e9e4120]::after {
3176
- left: 100%;
3177
- border-top-right-radius: 4px
3178
- }
3179
- .tooltip--top .with-tooltip__arrow[data-v-2e9e4120]::after {
3180
- top: 100%;
3181
- border-bottom-right-radius: 4px
3182
- }
3183
- .tooltip--left .with-tooltip__arrow[data-v-2e9e4120]::after {
3184
- left: 0px;
3185
- border-bottom-left-radius: 4px
3186
- }
3187
- .with-tooltip:hover > .with-tooltip__floating[data-v-2e9e4120] {
3188
- display: block;
3189
- max-width: 300px
3190
- }
3191
-
3192
- .ui-tag[data-v-ecc48ff9] {
3193
- font-family: "JetBrains Mono", ui-monospace, monospace;
3194
- }
1
+ :root,:host{--spacing: var(--theme-spacing, 8px);--padding: var(--theme-padding, 8px);--font-size: var(--theme-font-size, 16px);--radius: var(--theme-radius, 4px);--white: var(--theme-white, oklch(100% 0 0));--black: var(--theme-black, oklch(0% 0 0));--success-25: var(--theme-success-25, oklch(98.5% .015 145));--success-50: var(--theme-success-50, oklch(96.5% .025 145));--success-100: var(--theme-success-100, oklch(94% .04 145));--success-200: var(--theme-success-200, oklch(89% .06 145));--success-300: var(--theme-success-300, oklch(80% .08 145));--success-400: var(--theme-success-400, oklch(68% .1 145));--success-500: var(--theme-success-500, oklch(60% .12 145));--success-600: var(--theme-success-600, oklch(52% .13 145));--success-700: var(--theme-success-700, oklch(42% .12 145));--success-800: var(--theme-success-800, oklch(30% .1 145));--success-900: var(--theme-success-900, oklch(18% .06 145));--warning-25: var(--theme-warning-25, oklch(98.5% .015 85));--warning-50: var(--theme-warning-50, oklch(96.5% .025 85));--warning-100: var(--theme-warning-100, oklch(94% .04 85));--warning-200: var(--theme-warning-200, oklch(89% .06 85));--warning-300: var(--theme-warning-300, oklch(80% .09 85));--warning-400: var(--theme-warning-400, oklch(68% .11 85));--warning-500: var(--theme-warning-500, oklch(60% .12 85));--warning-600: var(--theme-warning-600, oklch(52% .12 85));--warning-700: var(--theme-warning-700, oklch(42% .1 85));--warning-800: var(--theme-warning-800, oklch(30% .08 85));--warning-900: var(--theme-warning-900, oklch(18% .05 85));--error-25: var(--theme-error-25, oklch(98.5% .015 25));--error-50: var(--theme-error-50, oklch(96.5% .025 25));--error-100: var(--theme-error-100, oklch(93% .04 25));--error-200: var(--theme-error-200, oklch(88% .06 25));--error-300: var(--theme-error-300, oklch(78% .1 25));--error-400: var(--theme-error-400, oklch(66% .13 25));--error-500: var(--theme-error-500, oklch(58% .15 25));--error-600: var(--theme-error-600, oklch(52% .15 25));--error-700: var(--theme-error-700, oklch(42% .13 25));--error-800: var(--theme-error-800, oklch(30% .1 25));--error-900: var(--theme-error-900, oklch(18% .06 25));--info-25: var(--theme-info-25, oklch(98.5% .015 230));--info-50: var(--theme-info-50, oklch(96.5% .02 230));--info-100: var(--theme-info-100, oklch(94% .03 230));--info-200: var(--theme-info-200, oklch(89% .05 230));--info-300: var(--theme-info-300, oklch(80% .07 230));--info-400: var(--theme-info-400, oklch(68% .09 230));--info-500: var(--theme-info-500, oklch(58% .1 230));--info-600: var(--theme-info-600, oklch(50% .1 230));--info-700: var(--theme-info-700, oklch(42% .09 230));--info-800: var(--theme-info-800, oklch(30% .07 230));--info-900: var(--theme-info-900, oklch(18% .04 230));--callout-25: var(--theme-callout-25, oklch(98.5% 0 0));--callout-50: var(--theme-callout-50, oklch(97% 0 0));--callout-100: var(--theme-callout-100, oklch(95% 0 0));--callout-200: var(--theme-callout-200, oklch(90% 0 0));--callout-300: var(--theme-callout-300, oklch(82% 0 0));--callout-400: var(--theme-callout-400, oklch(70% 0 0));--callout-500: var(--theme-callout-500, oklch(62% 0 0));--callout-600: var(--theme-callout-600, oklch(55% 0 0));--callout-700: var(--theme-callout-700, oklch(45% 0 0));--callout-800: var(--theme-callout-800, oklch(32% 0 0));--callout-900: var(--theme-callout-900, oklch(18% 0 0));--accent-white: var(--theme-accent-white, oklch(100% 0 0));--accent-black: var(--theme-accent-black, oklch(0% 0 0));--accent-25: var(--theme-accent-25, oklch(98.5% 0 0));--accent-50: var(--theme-accent-50, oklch(97% 0 0));--accent-100: var(--theme-accent-100, oklch(95% 0 0));--accent-200: var(--theme-accent-200, oklch(90% 0 0));--accent-300: var(--theme-accent-300, oklch(82% 0 0));--accent-400: var(--theme-accent-400, oklch(70% 0 0));--accent-500: var(--theme-accent-500, oklch(62% 0 0));--accent-600: var(--theme-accent-600, oklch(55% 0 0));--accent-700: var(--theme-accent-700, oklch(45% 0 0));--accent-800: var(--theme-accent-800, oklch(32% 0 0));--accent-900: var(--theme-accent-900, oklch(18% 0 0));--secondary-white: var(--theme-secondary-white, var(--accent-white));--secondary-black: var(--theme-secondary-black, var(--accent-black));--secondary-25: var(--theme-secondary-25, var(--accent-25));--secondary-50: var(--theme-secondary-50, var(--accent-50));--secondary-100: var(--theme-secondary-100, var(--accent-100));--secondary-200: var(--theme-secondary-200, var(--accent-200));--secondary-300: var(--theme-secondary-300, var(--accent-300));--secondary-400: var(--theme-secondary-400, var(--accent-400));--secondary-500: var(--theme-secondary-500, var(--accent-500));--secondary-600: var(--theme-secondary-600, var(--accent-600));--secondary-700: var(--theme-secondary-700, var(--accent-700));--secondary-800: var(--theme-secondary-800, var(--accent-800));--secondary-900: var(--theme-secondary-900, var(--accent-900));--tint-25: var(--theme-tint-25, oklch(98.5% 0 0));--tint-50: var(--theme-tint-50, oklch(97% 0 0));--tint-100: var(--theme-tint-100, oklch(95% 0 0));--tint-200: var(--theme-tint-200, oklch(90% 0 0));--tint-300: var(--theme-tint-300, oklch(82% 0 0));--tint-400: var(--theme-tint-400, oklch(70% 0 0));--tint-500: var(--theme-tint-500, oklch(62% 0 0));--tint-600: var(--theme-tint-600, oklch(55% 0 0));--tint-700: var(--theme-tint-700, oklch(45% 0 0));--tint-800: var(--theme-tint-800, oklch(32% 0 0));--tint-900: var(--theme-tint-900, oklch(18% 0 0));--thumbnail-rounding: var(--theme-thumbnail-rounding, 50%);--buttons-rounding: var(--theme-buttons-rounding, 4px)}:root,:host{--text-xs: calc(var(--font-size) * .75);--text-sm: calc(var(--font-size) * .875);--text-md: calc(var(--font-size) * 1);--text-lg: calc(var(--font-size) * 1.25);--text-xl: calc(var(--font-size) * 1.5);--text-2xl: calc(var(--font-size) * 2)}:root,:host{--radius-none: calc(var(--radius) * 0);--radius-xs: calc(var(--radius) * 1);--radius-sm: calc(var(--radius) * 2);--radius-md: calc(var(--radius) * 3);--radius-lg: calc(var(--radius) * 3.5);--radius-xl: calc(var(--radius) * 4.5);--radius-full: calc(var(--radius) * 100)}:root,:host{--spacing-xs: calc(var(--spacing) * .5);--spacing-sm: calc(var(--spacing) * 1);--spacing-md: calc(var(--spacing) * 1.5);--spacing-lg: calc(var(--spacing) * 2);--spacing-xl: calc(var(--spacing) * 3);--spacing-2xl: calc(var(--spacing) * 4.5);--spacing-3xl: calc(var(--spacing) * 6)}:root,:host{--padding-xs: calc(var(--padding) * .5);--padding-sm: calc(var(--padding) * 1);--padding-md: calc(var(--padding) * 1.5);--padding-lg: calc(var(--padding) * 2);--padding-xl: calc(var(--padding) * 3);--padding-2xl: calc(var(--padding) * 4.5);--padding-3xl: calc(var(--padding) * 6)}:root,:host{--card-radius-1: var(--radius-md);--card-radius-2: var(--radius-sm);--card-radius-3: var(--radius-xs)}:root,:host{--surface-1: var(--theme-surface-1, transparent);--surface-1-border: var(--theme-surface-1-border, transparent);--surface-2: var(--theme-surface-2, var(--white));--surface-2-border: var(--theme-surface-2-border, var(--tint-300));--surface-3: var(--theme-surface-3, transparent);--surface-3-border: var(--theme-surface-3-border, transparent)}:root,:host{--card-divider-margin: var(--theme-card-divider-margin, var(--spacing-sm));--card-divider-height: var(--theme-card-divider-height, 0);--card-divider-background: var(--theme-card-divider-background, transparent)}:root,:host{--card-1-background: var(--surface-1);--card-1-border: var(--surface-1-border);--card-2-background: var(--surface-2);--card-2-border: var(--surface-2-border);--card-3-background: var(--surface-3);--card-3-border: var(--surface-3-border)}:root,:host{--card-background: var(--card-1-background);--card-border: var(--card-1-border);--card-radius: var(--card-radius-1)}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:host{--primary: #000000;--muted: #969696}:root{--text-main-color: #121212;--text-secondary-color: #7a7a7a;--button-primary-background-color: #121212;--button-primary-color: #ffffff;--button-primary-border-color: #121212;--button-primary-border-radius: 3px;--button-secondary-background-color: #ffffff;--button-secondary-color: #121212;--button-secondary-border-color: #121212;--button-secondary-border-radius: 3px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-\[-0\.25px\]{top:-.25px;right:-.25px;bottom:-.25px;left:-.25px}.inset-\[-0\.5px\]{top:-.5px;right:-.5px;bottom:-.5px;left:-.5px}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.end-0{inset-inline-end:0px}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:8px}.left-\[-18px\]{left:-18px}.left-full{left:100%}.right-0{right:0}.right-3{right:12px}.right-md{right:var(--spacing-md)}.right-sm{right:var(--spacing-sm)}.start-0{inset-inline-start:0px}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:12px}.top-full{top:100%}.top-md{top:var(--spacing-md)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[999999998\]{z-index:999999998}.z-\[999999999\]{z-index:999999999}.order-2{order:2}.m-0{margin:0}.m-auto{margin:auto}.-mx-6{margin-left:-24px;margin-right:-24px}.mx-0{margin-left:0;margin-right:0}.mx-0\.5{margin-left:2px;margin-right:2px}.mx-\[40px\]{margin-left:40px;margin-right:40px}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:8px;margin-bottom:8px}.\!ml-10{margin-left:40px!important}.-ml-px{margin-left:-1px}.mb-0{margin-bottom:0}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-md{margin-bottom:var(--spacing-md)}.mb-sm{margin-bottom:var(--spacing-sm)}.ml-1{margin-left:4px}.ml-1\.5{margin-left:6px}.ml-2{margin-left:8px}.ml-\[9px\]{margin-left:9px}.ml-xs{margin-left:var(--spacing-xs)}.mr-3{margin-right:12px}.mr-md{margin-right:var(--spacing-md)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-auto{margin-top:auto}.mt-xs{margin-top:var(--spacing-xs)}.box-border{box-sizing:border-box}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.\!h-7{height:28px!important}.\!h-9{height:36px!important}.h-1{height:4px}.h-10{height:40px}.h-12{height:48px}.h-2{height:8px}.h-2\.5{height:10px}.h-3{height:12px}.h-3\.5{height:14px}.h-3\/4{height:75%}.h-4{height:16px}.h-6{height:24px}.h-7{height:28px}.h-8{height:32px}.h-9{height:36px}.h-\[100px\]{height:100px}.h-\[106px\]{height:106px}.h-\[120px\]{height:120px}.h-\[12px\]{height:12px}.h-\[14px\]{height:14px}.h-\[160px\]{height:160px}.h-\[16px\]{height:16px}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-\[26px\]{height:26px}.h-\[28px\]{height:28px}.h-\[33px\]{height:33px}.h-\[360px\]{height:360px}.h-\[36px\]{height:36px}.h-\[40px\]{height:40px}.h-\[48px\]{height:48px}.h-\[52px\]{height:52px}.h-\[72px\]{height:72px}.h-\[7px\]{height:7px}.h-\[96px\]{height:96px}.h-\[var\(--reka-select-trigger-height\)\]{height:var(--reka-select-trigger-height)}.h-\[var\(--text-md\)\]{height:var(--text-md)}.h-\[var\(--text-sm\)\]{height:var(--text-sm)}.h-\[var\(--text-xl\)\]{height:var(--text-xl)}.h-\[var\(--text-xs\)\]{height:var(--text-xs)}.h-full{height:100%}.h-lg{height:var(--spacing-lg)}.h-px{height:1px}.h-sm{height:var(--spacing-sm)}.h-xl{height:var(--spacing-xl)}.max-h-96{max-height:384px}.max-h-\[40\%\]{max-height:40%}.max-h-\[400px\]{max-height:400px}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-full{min-height:100%}.\!w-7{width:28px!important}.\!w-9{width:36px!important}.w-1\/2{width:50%}.w-12{width:48px}.w-2{width:8px}.w-2\.5{width:10px}.w-3{width:12px}.w-3\.5{width:14px}.w-4{width:16px}.w-6{width:24px}.w-60{width:240px}.w-7{width:28px}.w-8{width:32px}.w-80{width:320px}.w-9{width:36px}.w-\[106px\]{width:106px}.w-\[120px\]{width:120px}.w-\[12px\]{width:12px}.w-\[14px\]{width:14px}.w-\[160px\]{width:160px}.w-\[200px\]{width:200px}.w-\[20px\]{width:20px}.w-\[234px\]{width:234px}.w-\[24px\]{width:24px}.w-\[25\%\]{width:25%}.w-\[360px\]{width:360px}.w-\[36px\]{width:36px}.w-\[48px\]{width:48px}.w-\[512px\]{width:512px}.w-\[640px\]{width:640px}.w-\[72px\]{width:72px}.w-\[7px\]{width:7px}.w-\[96px\]{width:96px}.w-\[var\(--text-md\)\]{width:var(--text-md)}.w-\[var\(--text-sm\)\]{width:var(--text-sm)}.w-\[var\(--text-xl\)\]{width:var(--text-xl)}.w-\[var\(--text-xs\)\]{width:var(--text-xs)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-sm{width:var(--spacing-sm)}.w-xl{width:var(--spacing-xl)}.min-w-0{min-width:0px}.min-w-\[100px\]{min-width:100px}.min-w-\[175px\]{min-width:175px}.min-w-\[20px\]{min-width:20px}.min-w-\[400px\]{min-width:400px}.min-w-\[63\.6px\]{min-width:63.6px}.min-w-\[72px\]{min-width:72px}.min-w-\[96px\]{min-width:96px}.min-w-\[calc\(var\(--reka-select-trigger-width\)_-_15px\)\]{min-width:calc(var(--reka-select-trigger-width) - 15px)}.max-w-\[300px\]{max-width:300px}.max-w-\[440px\]{max-width:440px}.max-w-\[90\%\]{max-width:90%}.max-w-\[calc\(100\%-14px\)\]{max-width:calc(100% - 14px)}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;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))}.-translate-y-1\/2{--tw-translate-y: -50%;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))}.translate-x-0{--tw-translate-x: 0px;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))}.translate-x-full{--tw-translate-x: 100%;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))}.translate-y-0{--tw-translate-y: 0px;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))}.translate-y-1\/2{--tw-translate-y: 50%;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))}.translate-y-4{--tw-translate-y: 16px;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))}.translate-y-full{--tw-translate-y: 100%;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))}.rotate-180{--tw-rotate: 180deg;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))}.transform{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))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-stretch{justify-content:stretch}.gap-0{gap:0px}.gap-0\.5{gap:2px}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-\[11px\]{gap:11px}.gap-\[2px\]{gap:2px}.gap-\[5px\]{gap:5px}.gap-lg{gap:var(--spacing-lg)}.gap-md{gap:var(--spacing-md)}.gap-px{gap:1px}.gap-sm{gap:var(--spacing-sm)}.gap-xl{gap:var(--spacing-xl)}.gap-xs{gap:var(--spacing-xs)}.gap-y-md{row-gap:var(--spacing-md)}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(12px * var(--tw-space-x-reverse));margin-left:calc(12px * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:4px}.rounded-\[102\.25px\]{border-radius:102.25px}.rounded-\[102px\]{border-radius:102px}.rounded-\[2\.25px\]{border-radius:2.25px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4\.25px\]{border-radius:4.25px}.rounded-\[4\.5px\]{border-radius:4.5px}.rounded-\[6\.25px\]{border-radius:6.25px}.rounded-\[6\.5px\]{border-radius:6.5px}.rounded-\[6\.8px\]{border-radius:6.8px}.rounded-\[9999px\]{border-radius:9999px}.rounded-buttons{border-radius:var(--buttons-rounding)}.rounded-card-1{border-radius:var(--card-radius-1)}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-thumbnail{border-radius:var(--thumbnail-rounding)}.rounded-xs{border-radius:var(--radius-xs)}.\!rounded-l-none{border-top-left-radius:var(--radius-none)!important;border-bottom-left-radius:var(--radius-none)!important}.\!rounded-r-none{border-top-right-radius:var(--radius-none)!important;border-bottom-right-radius:var(--radius-none)!important}.rounded-l-xs{border-top-left-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-r-xs{border-top-right-radius:var(--radius-xs);border-bottom-right-radius:var(--radius-xs)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-\[0\.5px\]{border-width:.5px}.border-x-0{border-left-width:0px;border-right-width:0px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-l-0{border-left-width:0px}.border-l-4{border-left-width:4px}.border-r-0{border-right-width:0px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-\[\#D1D5DB\]{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-\[\#D9D9D9\],.border-\[\#d9d9d9\]{--tw-border-opacity: 1;border-color:rgb(217 217 217 / var(--tw-border-opacity))}.border-\[var\(--banner-border\)\]{border-color:var(--banner-border)}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-\[var\(--button-border\)\]{border-color:var(--button-border)}.border-\[var\(--copy-border\)\]{border-color:var(--copy-border)}.border-\[var\(--error-300\)\]{border-color:var(--error-300)}.border-\[var\(--info-300\)\]{border-color:var(--info-300)}.border-\[var\(--input-border\)\]{border-color:var(--input-border)}.border-\[var\(--success-600\)\]{border-color:var(--success-600)}.border-\[var\(--tint-300\)\]{border-color:var(--tint-300)}.border-\[var\(--warning-600\)\]{border-color:var(--warning-600)}.border-accent-700{border-color:var(--accent-700)}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity))}.border-callout-600{border-color:var(--callout-600)}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity))}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.border-secondary-100{border-color:var(--secondary-100)}.border-tint-200{border-color:var(--tint-200)}.border-tint-300{border-color:var(--tint-300)}.border-tint-600{border-color:var(--tint-600)}.border-tint-800{border-color:var(--tint-800)}.border-transparent{border-color:transparent}.border-l-blue-600{--tw-border-opacity: 1;border-left-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-t-tint-600{border-top-color:var(--tint-600)}.bg-\[\#2F3234\]{--tw-bg-opacity: 1;background-color:rgb(47 50 52 / var(--tw-bg-opacity))}.bg-\[\#2f3234\]\/10{background-color:#2f32341a}.bg-\[\#3D3D3D\]{--tw-bg-opacity: 1;background-color:rgb(61 61 61 / var(--tw-bg-opacity))}.bg-\[\#D9D9D9\]{--tw-bg-opacity: 1;background-color:rgb(217 217 217 / var(--tw-bg-opacity))}.bg-\[\#F9FAFB\]{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-\[\#FAFAFA\]{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.bg-\[\#f0f0f0\]{--tw-bg-opacity: 1;background-color:rgb(240 240 240 / var(--tw-bg-opacity))}.bg-\[var\(--active-bg\)\]{background-color:var(--active-bg)}.bg-\[var\(--bg-color\)\]{background-color:var(--bg-color)}.bg-\[var\(--code-bg\)\]{background-color:var(--code-bg)}.bg-\[var\(--error-50\)\]{background-color:var(--error-50)}.bg-\[var\(--info-50\)\]{background-color:var(--info-50)}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-\[var\(--success-50\)\]{background-color:var(--success-50)}.bg-\[var\(--tint-100\)\]{background-color:var(--tint-100)}.bg-\[var\(--warning-50\)\]{background-color:var(--warning-50)}.bg-accent-700{background-color:var(--accent-700)}.bg-black{background-color:var(--black)}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-callout-200{background-color:var(--callout-200)}.bg-callout-300{background-color:var(--callout-300)}.bg-current{background-color:currentColor}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity))}.bg-neutral-50{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-secondary-white{background-color:var(--secondary-white)}.bg-tint-100{background-color:var(--tint-100)}.bg-tint-200{background-color:var(--tint-200)}.bg-tint-25{background-color:var(--tint-25)}.bg-tint-300{background-color:var(--tint-300)}.bg-tint-50{background-color:var(--tint-50)}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--white)}.bg-opacity-10{--tw-bg-opacity: .1}.bg-opacity-50{--tw-bg-opacity: .5}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-100{--tw-gradient-from: #dcfce7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-400{--tw-gradient-to: #60a5fa var(--tw-gradient-to-position)}.to-green-50{--tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: var(--white) var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-2{padding:8px}.p-2\.5{padding:10px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-\[6px\]{padding:6px}.p-lg{padding:var(--padding-lg)}.p-md{padding:var(--padding-md)}.p-sm{padding:var(--padding-sm)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:4px;padding-right:4px}.px-2{padding-left:8px;padding-right:8px}.px-2xl{padding-left:var(--padding-2xl);padding-right:var(--padding-2xl)}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[13\.6px\]{padding-left:13.6px;padding-right:13.6px}.px-\[9px\]{padding-left:9px;padding-right:9px}.px-\[var\(--padding-sm\)\]{padding-left:var(--padding-sm);padding-right:var(--padding-sm)}.px-\[var\(--padding-xs\)\]{padding-left:var(--padding-xs);padding-right:var(--padding-xs)}.px-lg{padding-left:var(--padding-lg);padding-right:var(--padding-lg)}.px-md{padding-left:var(--padding-md);padding-right:var(--padding-md)}.px-sm{padding-left:var(--padding-sm);padding-right:var(--padding-sm)}.px-xl{padding-left:var(--padding-xl);padding-right:var(--padding-xl)}.px-xs{padding-left:var(--padding-xs);padding-right:var(--padding-xs)}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-2xl{padding-top:var(--padding-2xl);padding-bottom:var(--padding-2xl)}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.py-\[5\.5px\]{padding-top:5.5px;padding-bottom:5.5px}.py-\[5\.7px\]{padding-top:5.7px;padding-bottom:5.7px}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.py-\[8\.5px\]{padding-top:8.5px;padding-bottom:8.5px}.py-\[9\.5px\]{padding-top:9.5px;padding-bottom:9.5px}.py-\[var\(--padding-xs\)\]{padding-top:var(--padding-xs);padding-bottom:var(--padding-xs)}.py-lg{padding-top:var(--padding-lg);padding-bottom:var(--padding-lg)}.py-md{padding-top:var(--padding-md);padding-bottom:var(--padding-md)}.py-sm{padding-top:var(--padding-sm);padding-bottom:var(--padding-sm)}.py-xl{padding-top:var(--padding-xl);padding-bottom:var(--padding-xl)}.py-xs{padding-top:var(--padding-xs);padding-bottom:var(--padding-xs)}.pb-sm{padding-bottom:var(--padding-sm)}.pl-1{padding-left:4px}.pl-2{padding-left:8px}.pl-3{padding-left:12px}.pl-5{padding-left:20px}.pl-8{padding-left:32px}.pl-9{padding-left:36px}.pl-\[3px\]{padding-left:3px}.pl-md{padding-left:var(--padding-md)}.pr-10{padding-right:40px}.pr-2{padding-right:8px}.pr-3{padding-right:12px}.pr-8,.pr-\[32px\]{padding-right:32px}.pr-\[8\.5px\]{padding-right:8.5px}.pr-lg{padding-right:var(--padding-lg)}.pr-md{padding-right:var(--padding-md)}.pt-2{padding-top:8px}.pt-4{padding-top:16px}.pt-8{padding-top:32px}.pt-lg{padding-top:var(--padding-lg)}.pt-md{padding-top:var(--padding-md)}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:var(--text-2xl)}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.6px\]{font-size:13.6px}.text-\[13px\]{font-size:13px}.text-\[18px\]{font-size:18px}.text-\[9px\]{font-size:9px}.text-\[calc\(var\(--font-size\)\*1\.125\)\]{font-size:calc(var(--font-size) * 1.125)}.text-base{font-size:16px;line-height:24px}.text-lg{font-size:var(--text-lg)}.text-md{font-size:var(--text-md)}.text-sm{font-size:var(--text-sm)}.text-xl{font-size:var(--text-xl)}.text-xs{font-size:var(--text-xs)}.font-\[500\]{font-weight:500}.font-\[540\]{font-weight:540}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-4{line-height:16px}.leading-5{line-height:20px}.leading-7{line-height:28px}.leading-\[1\.17\]{line-height:1.17}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.45\]{line-height:1.45}.leading-\[100\%\]{line-height:100%}.leading-\[135\%\]{line-height:135%}.leading-\[140\%\]{line-height:140%}.leading-\[145\%\]{line-height:145%}.leading-\[14px\]{line-height:14px}.leading-\[16px\]{line-height:16px}.leading-none{line-height:1}.leading-normal{line-height:1.5}.tracking-\[-0\.048px\]{letter-spacing:-.048px}.tracking-\[-0\.056px\]{letter-spacing:-.056px}.tracking-\[-0\.125px\]{letter-spacing:-.125px}.tracking-\[-0\.12px\]{letter-spacing:-.12px}.tracking-\[-0\.36px\]{letter-spacing:-.36px}.tracking-\[-0\.4px\]{letter-spacing:-.4px}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#303030\]{--tw-text-opacity: 1;color:rgb(48 48 48 / var(--tw-text-opacity))}.text-\[\#63CC88\]{--tw-text-opacity: 1;color:rgb(99 204 136 / var(--tw-text-opacity))}.text-\[\#686A6D\]{--tw-text-opacity: 1;color:rgb(104 106 109 / var(--tw-text-opacity))}.text-\[\#8A8A8A\]{--tw-text-opacity: 1;color:rgb(138 138 138 / var(--tw-text-opacity))}.text-\[\#969696\]{--tw-text-opacity: 1;color:rgb(150 150 150 / var(--tw-text-opacity))}.text-\[\#FAFAFA\]{--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity))}.text-\[var\(--active-fg\)\]{color:var(--active-fg)}.text-\[var\(--error-600\)\]{color:var(--error-600)}.text-\[var\(--inactive-fg\)\]{color:var(--inactive-fg)}.text-\[var\(--info-600\)\]{color:var(--info-600)}.text-\[var\(--primary-foreground\)\]{color:var(--primary-foreground)}.text-\[var\(--success-600\)\]{color:var(--success-600)}.text-\[var\(--tint-600\)\]{color:var(--tint-600)}.text-\[var\(--warning-600\)\]{color:var(--warning-600)}.text-accent-50{color:var(--accent-50)}.text-accent-700{color:var(--accent-700)}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-callout-600{color:var(--callout-600)}.text-callout-900{color:var(--callout-900)}.text-current{color:currentColor}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity))}.text-purple-900{--tw-text-opacity: 1;color:rgb(88 28 135 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-secondary-700{color:var(--secondary-700)}.text-theme-text-primary{color:var(--text-main-color)}.text-theme-text-secondary{color:var(--text-secondary-color)}.text-tint-300{color:var(--tint-300)}.text-tint-400{color:var(--tint-400)}.text-tint-500{color:var(--tint-500)}.text-tint-600{color:var(--tint-600)}.text-tint-900{color:var(--tint-900)}.text-white{color:var(--white)}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[-7px_0px_4px_\#CCCCCC40\]{--tw-shadow: -7px 0px 4px #CCCCCC40;--tw-shadow-colored: -7px 0px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--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)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-offset-white{--tw-ring-offset-color: var(--white)}.blur{--tw-blur: blur(8px);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)}.filter{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)}.backdrop-blur-\[22px\]{--tw-backdrop-blur: blur(22px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[6\.5px\]{--tw-backdrop-blur: blur(6.5px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[-moz-appearance\:textfield\]{-moz-appearance:textfield}.placeholder\:text-\[\#8A8A8A\]::-moz-placeholder{--tw-text-opacity: 1;color:rgb(138 138 138 / var(--tw-text-opacity))}.placeholder\:text-\[\#8A8A8A\]::placeholder{--tw-text-opacity: 1;color:rgb(138 138 138 / var(--tw-text-opacity))}.placeholder\:text-tint-300::-moz-placeholder{color:var(--tint-300)}.placeholder\:text-tint-300::placeholder{color:var(--tint-300)}.placeholder\:text-tint-500::-moz-placeholder{color:var(--tint-500)}.placeholder\:text-tint-500::placeholder{color:var(--tint-500)}.placeholder\:text-tint-600::-moz-placeholder{color:var(--tint-600)}.placeholder\:text-tint-600::placeholder{color:var(--tint-600)}.first\:rounded-t-xs:first-child{border-top-left-radius:var(--radius-xs);border-top-right-radius:var(--radius-xs)}.last\:rounded-b-xs:last-child{border-bottom-right-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.hover\:border-\[\#9CA3AF\]:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.hover\:border-accent-600:hover{border-color:var(--accent-600)}.hover\:border-red-500:hover{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.hover\:border-secondary-200:hover{border-color:var(--secondary-200)}.hover\:border-tint-300:hover{border-color:var(--tint-300)}.hover\:bg-\[\#F3F4F6\]:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:bg-\[\#FAFAFA\]:hover{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.hover\:bg-accent-600:hover{background-color:var(--accent-600)}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:bg-green-100:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.hover\:bg-orange-100:hover{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity))}.hover\:bg-purple-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.hover\:bg-tint-25:hover{background-color:var(--tint-25)}.hover\:text-secondary-400:hover{color:var(--secondary-400)}.hover\:text-tint-900:hover{color:var(--tint-900)}.hover\:opacity-100:hover{opacity:1}.focus\:border-\[\#121826\]:focus{--tw-border-opacity: 1;border-color:rgb(18 24 38 / var(--tw-border-opacity))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.focus\:border-purple-500:focus{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity))}.focus\:border-tint-900:focus{border-color:var(--tint-900)}.focus\:bg-tint-200:focus{background-color:var(--tint-200)}.focus\:text-tint-900:focus{color:var(--tint-900)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-\[\#121826\]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(18 24 38 / var(--tw-ring-opacity))}.focus-visible\:border-red-500:focus-visible{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.focus-visible\:border-tint-600:focus-visible{border-color:var(--tint-600)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-neutral-900:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(23 23 23 / var(--tw-ring-opacity))}.focus-visible\:ring-red-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity))}.focus-visible\:ring-tint-400:focus-visible{--tw-ring-color: var(--tint-400)}.focus-visible\:ring-tint-900:focus-visible{--tw-ring-color: var(--tint-900)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-neutral-50:focus-visible{--tw-ring-offset-color: #fafafa}.focus-visible\:ring-offset-white:focus-visible{--tw-ring-offset-color: var(--white)}.active\:translate-y-px:active{--tw-translate-y: 1px;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))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-tint-200:disabled{border-color:var(--tint-200)}.disabled\:bg-\[\#B7B7B7\]:disabled{--tw-bg-opacity: 1;background-color:rgb(183 183 183 / var(--tw-bg-opacity))}.disabled\:bg-tint-50:disabled{background-color:var(--tint-50)}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: 4px;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))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -4px;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))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: 4px;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))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -4px;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))}.data-\[error\]\:border-red-500[data-error]{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.data-\[state\=checked\]\:border-accent-700[data-state=checked]{border-color:var(--accent-700)}.data-\[state\=checked\]\:border-tint-900[data-state=checked],.data-\[state\=indeterminate\]\:border-tint-900[data-state=indeterminate]{border-color:var(--tint-900)}.data-\[state\=checked\]\:bg-accent-700[data-state=checked]{background-color:var(--accent-700)}.data-\[state\=checked\]\:bg-tint-900[data-state=checked],.data-\[state\=indeterminate\]\:bg-tint-900[data-state=indeterminate]{background-color:var(--tint-900)}.data-\[state\=checked\]\:text-white[data-state=checked],.data-\[state\=indeterminate\]\:text-white[data-state=indeterminate]{color:var(--white)}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=checked\]\:hover\:border-accent-800:hover[data-state=checked]{border-color:var(--accent-800)}.data-\[state\=checked\]\:hover\:border-tint-800:hover[data-state=checked],.data-\[state\=indeterminate\]\:hover\:border-tint-800:hover[data-state=indeterminate]{border-color:var(--tint-800)}.data-\[state\=checked\]\:hover\:bg-accent-800:hover[data-state=checked]{background-color:var(--accent-800)}.data-\[state\=checked\]\:hover\:bg-tint-800:hover[data-state=checked],.data-\[state\=indeterminate\]\:hover\:bg-tint-800:hover[data-state=indeterminate]{background-color:var(--tint-800)}.data-\[error\]\:focus-visible\:ring-red-300:focus-visible[data-error]{--tw-ring-opacity: 1;--tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity))}@media not all and (min-width: 640px){.max-sm\:left-\[-12px\]{left:-12px}.max-sm\:mb-md{margin-bottom:var(--spacing-md)}.max-sm\:mr-md{margin-right:var(--spacing-md)}.max-sm\:mt-md{margin-top:var(--spacing-md)}.max-sm\:self-center{align-self:center}.max-sm\:\!p-md{padding:var(--padding-md)!important}.max-sm\:px-sm{padding-left:var(--padding-sm);padding-right:var(--padding-sm)}.max-sm\:py-xs{padding-top:var(--padding-xs);padding-bottom:var(--padding-xs)}}@media (min-width: 640px){.sm\:mx-0{margin-left:0;margin-right:0}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:hidden{display:none}.sm\:h-3{height:12px}.sm\:h-\[120px\]{height:120px}.sm\:h-\[150px\]{height:150px}.sm\:h-\[18px\]{height:18px}.sm\:h-\[190px\]{height:190px}.sm\:h-\[200px\]{height:200px}.sm\:h-\[30px\]{height:30px}.sm\:h-\[96px\]{height:96px}.sm\:h-auto{height:auto}.sm\:h-full{height:100%}.sm\:w-3{width:12px}.sm\:w-\[120px\]{width:120px}.sm\:w-\[150px\]{width:150px}.sm\:w-\[18px\]{width:18px}.sm\:w-\[190px\]{width:190px}.sm\:w-\[200px\]{width:200px}.sm\:w-\[96px\]{width:96px}.sm\:w-full{width:100%}.sm\:min-w-\[190px\]{min-width:190px}.sm\:flex-1{flex:1 1 0%}.sm\:shrink{flex-shrink:1}.sm\:translate-y-0{--tw-translate-y: 0px;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))}.sm\:translate-y-\[3px\]{--tw-translate-y: 3px;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))}.sm\:scale-100{--tw-scale-x: 1;--tw-scale-y: 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))}.sm\:scale-95{--tw-scale-x: .95;--tw-scale-y: .95;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))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:items-stretch{align-items:stretch}.sm\:justify-between{justify-content:space-between}.sm\:gap-0{gap:0px}.sm\:gap-3xl{gap:var(--spacing-3xl)}.sm\:gap-lg{gap:var(--spacing-lg)}.sm\:self-auto{align-self:auto}.sm\:self-stretch{align-self:stretch}.sm\:rounded-md{border-radius:var(--radius-md)}.sm\:bg-callout-300{background-color:var(--callout-300)}.sm\:p-0{padding:0}.sm\:p-lg{padding:var(--padding-lg)}.sm\:p-md{padding:var(--padding-md)}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-2xl{padding-left:var(--padding-2xl);padding-right:var(--padding-2xl)}.sm\:px-lg{padding-left:var(--padding-lg);padding-right:var(--padding-lg)}.sm\:py-0{padding-top:0;padding-bottom:0}.sm\:py-md{padding-top:var(--padding-md);padding-bottom:var(--padding-md)}.sm\:py-sm{padding-top:var(--padding-sm);padding-bottom:var(--padding-sm)}.sm\:pl-lg{padding-left:var(--padding-lg)}.sm\:pl-xl{padding-left:var(--padding-xl)}.sm\:pr-0{padding-right:0}.sm\:text-2xl{font-size:var(--text-2xl)}.sm\:text-md{font-size:var(--text-md)}}@media (min-width: 768px){.md\:ml-auto{margin-left:auto}.md\:w-\[520px\]{width:520px}}@media (min-width: 1024px){.lg\:px-16{padding-left:64px;padding-right:64px}}.\[\&\:\:-webkit-inner-spin-button\]\:m-0::-webkit-inner-spin-button{margin:0}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:m-0::-webkit-outer-spin-button{margin:0}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\>span\]\:truncate>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loader[data-v-554a1690]{display:flex}.loader-item[data-v-554a1690]{margin-left:2px;margin-right:2px;display:block;border-radius:var(--radius-full);background-color:currentColor;width:5px;height:5px;animation:jump-554a1690 5s ease-in-out infinite,opacity-554a1690 1s ease-in-out infinite}.loader-item[data-v-554a1690]:nth-child(2){animation-delay:.3s}.loader-item[data-v-554a1690]:nth-child(3){animation-delay:.6s}@keyframes opacity-554a1690{0%,30%{opacity:.54}50%{opacity:1}70%,to{opacity:.54}}@keyframes jump-554a1690{0%,40%{transform:translateY(0)}45%{transform:translateY(-2.4px)}50%{transform:translateY(0)}55%{transform:translateY(2.4px)}60%,to{transform:translateY(0)}}.card[data-v-c3a8e82c]{background:var(--card-background);border:1px solid var(--card-border);border-radius:var(--card-radius);--card-background: var(--card-1-background);--card-border: var(--card-1-border);--card-radius: var(--card-radius-1)}.card .card[data-v-c3a8e82c]{border:.5px solid var(--card-border);--card-background: var(--card-2-background);--card-border: var(--card-2-border);--card-radius: var(--card-radius-2)}.card .card .card[data-v-c3a8e82c]{--card-background: var(--card-3-background);--card-border: var(--card-3-border);--card-radius: var(--card-radius-3)}.v-enter-active[data-v-aa4ef840],.v-leave-active[data-v-aa4ef840]{transition:opacity .2s ease-in-out}.v-enter-from[data-v-aa4ef840],.v-leave-to[data-v-aa4ef840]{opacity:0}.link-underline[data-v-aa4ef840],.link-underline[data-v-aa4ef840] *{text-decoration-line:underline}.card-divider[data-v-333b277b]{border:none;padding:0;height:var(--card-divider-height);margin:var(--card-divider-margin) 0;background-color:var(--card-divider-background)}footer[data-v-dd4ee756]>*{flex-grow:1}.with-tooltip[data-v-2e9e4120]{position:relative}.with-tooltip__floating[data-v-2e9e4120]{position:fixed;top:0;left:0;z-index:60;display:none}.with-tooltip__tooltip[data-v-2e9e4120]{border-radius:var(--radius-xs);--tw-bg-opacity: 1;background-color:rgb(61 61 61 / var(--tw-bg-opacity));color:var(--white)}.with-tooltip__arrow[data-v-2e9e4120]:after{position:absolute;top:50%;left:50%;display:block;--tw-translate-x: -50%;--tw-translate-y: -50%;--tw-rotate: 45deg;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));--tw-bg-opacity: 1;background-color:rgb(61 61 61 / var(--tw-bg-opacity));width:10px;height:10px;content:""}.tooltip--bottom .with-tooltip__arrow[data-v-2e9e4120]:after{top:0;border-top-left-radius:4px}.tooltip--right .with-tooltip__arrow[data-v-2e9e4120]:after{left:100%;border-top-right-radius:4px}.tooltip--top .with-tooltip__arrow[data-v-2e9e4120]:after{top:100%;border-bottom-right-radius:4px}.tooltip--left .with-tooltip__arrow[data-v-2e9e4120]:after{left:0;border-bottom-left-radius:4px}.with-tooltip:hover>.with-tooltip__floating[data-v-2e9e4120]{display:block;max-width:300px}.ui-tag[data-v-ecc48ff9]{font-family:JetBrains Mono,ui-monospace,monospace}