@fileverse/ui 4.1.7-patch-32 → 4.1.7-patch-33

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