@semio/ui 0.0.0 → 0.1.0

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