jett.admin.npmpackage 2.0.34 → 2.0.37

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 (5) hide show
  1. package/README.md +23 -2
  2. package/dist/index.css +1621 -1486
  3. package/dist/index.js +2547 -2161
  4. package/dist/index.mjs +2508 -2130
  5. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1,1486 +1,1621 @@
1
- /* dist/index.css */
2
- @layer properties;
3
- :root,
4
- :host {
5
- --color-red-50: oklch(97.1% 0.013 17.38);
6
- --color-red-100: oklch(93.6% 0.032 17.717);
7
- --color-red-200: oklch(88.5% 0.062 18.334);
8
- --color-red-500: oklch(63.7% 0.237 25.331);
9
- --color-red-600: oklch(57.7% 0.245 27.325);
10
- --color-red-700: oklch(50.5% 0.213 27.518);
11
- --color-red-800: oklch(44.4% 0.177 26.899);
12
- --color-red-900: oklch(39.6% 0.141 25.723);
13
- --color-red-950: oklch(25.8% 0.092 26.042);
14
- --color-yellow-100: oklch(97.3% 0.071 103.193);
15
- --color-yellow-800: oklch(47.6% 0.114 61.907);
16
- --color-yellow-900: oklch(42.1% 0.095 57.708);
17
- --color-green-100: oklch(96.2% 0.044 156.743);
18
- --color-green-800: oklch(44.8% 0.119 151.328);
19
- --color-green-900: oklch(39.3% 0.095 152.535);
20
- --color-blue-50: oklch(97% 0.014 254.604);
21
- --color-blue-600: oklch(54.6% 0.245 262.881);
22
- --color-blue-950: oklch(28.2% 0.091 267.935);
23
- --color-gray-50: oklch(98.5% 0.002 247.839);
24
- --color-gray-100: oklch(96.7% 0.003 264.542);
25
- --color-gray-200: oklch(92.8% 0.006 264.531);
26
- --color-gray-300: oklch(87.2% 0.01 258.338);
27
- --color-gray-400: oklch(70.7% 0.022 261.325);
28
- --color-gray-500: oklch(55.1% 0.027 264.364);
29
- --color-gray-600: oklch(44.6% 0.03 256.802);
30
- --color-gray-700: oklch(37.3% 0.034 259.733);
31
- --color-gray-800: oklch(27.8% 0.033 256.848);
32
- --color-gray-900: oklch(21% 0.034 264.665);
33
- --color-black: #000;
34
- --color-white: #fff;
35
- --spacing: 0.25rem;
36
- --text-xs: 0.75rem;
37
- --text-xs--line-height: calc(1 / 0.75);
38
- --text-sm: 0.875rem;
39
- --text-sm--line-height: calc(1.25 / 0.875);
40
- --text-base: 1rem;
41
- --text-base--line-height: calc(1.5 / 1);
42
- --text-lg: 1.125rem;
43
- --text-lg--line-height: calc(1.75 / 1.125);
44
- --font-weight-normal: 400;
45
- --font-weight-medium: 500;
46
- --font-weight-semibold: 600;
47
- --font-weight-bold: 700;
48
- --tracking-wide: 0.025em;
49
- --tracking-wider: 0.05em;
50
- --radius-sm: 0.25rem;
51
- --radius-md: 0.375rem;
52
- --radius-lg: 0.5rem;
53
- --radius-xl: 0.75rem;
54
- --radius-2xl: 1rem;
55
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
56
- --default-transition-duration: 150ms;
57
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
58
- --color-primary: rgb(63, 63, 70);
59
- }
60
- .pointer-events-none {
61
- pointer-events: none;
62
- }
63
- .visible {
64
- visibility: visible;
65
- }
66
- .sr-only {
67
- position: absolute;
68
- width: 1px;
69
- height: 1px;
70
- padding: 0;
71
- margin: -1px;
72
- overflow: hidden;
73
- clip-path: inset(50%);
74
- white-space: nowrap;
75
- border-width: 0;
76
- }
77
- .absolute {
78
- position: absolute;
79
- }
80
- .fixed {
81
- position: fixed;
82
- }
83
- .relative {
84
- position: relative;
85
- }
86
- .sticky {
87
- position: sticky;
88
- }
89
- .inset-0 {
90
- inset: calc(var(--spacing) * 0);
91
- }
92
- .top-0 {
93
- top: calc(var(--spacing) * 0);
94
- }
95
- .top-full {
96
- top: 100%;
97
- }
98
- .right-0 {
99
- right: calc(var(--spacing) * 0);
100
- }
101
- .bottom-0 {
102
- bottom: calc(var(--spacing) * 0);
103
- }
104
- .left-0 {
105
- left: calc(var(--spacing) * 0);
106
- }
107
- .z-10 {
108
- z-index: 10;
109
- }
110
- .z-40 {
111
- z-index: 40;
112
- }
113
- .z-50 {
114
- z-index: 50;
115
- }
116
- .z-\[9999\] {
117
- z-index: 9999;
118
- }
119
- .z-\[10000\] {
120
- z-index: 10000;
121
- }
122
- .mx-auto {
123
- margin-inline: auto;
124
- }
125
- .mt-1 {
126
- margin-top: calc(var(--spacing) * 1);
127
- }
128
- .mt-2 {
129
- margin-top: calc(var(--spacing) * 2);
130
- }
131
- .mt-6 {
132
- margin-top: calc(var(--spacing) * 6);
133
- }
134
- .mt-auto {
135
- margin-top: auto;
136
- }
137
- .mr-2 {
138
- margin-right: calc(var(--spacing) * 2);
139
- }
140
- .mr-\[8px\] {
141
- margin-right: 8px;
142
- }
143
- .mb-1 {
144
- margin-bottom: calc(var(--spacing) * 1);
145
- }
146
- .mb-2 {
147
- margin-bottom: calc(var(--spacing) * 2);
148
- }
149
- .mb-3 {
150
- margin-bottom: calc(var(--spacing) * 3);
151
- }
152
- .mb-4 {
153
- margin-bottom: calc(var(--spacing) * 4);
154
- }
155
- .mb-6 {
156
- margin-bottom: calc(var(--spacing) * 6);
157
- }
158
- .ml-0\.5 {
159
- margin-left: calc(var(--spacing) * 0.5);
160
- }
161
- .ml-2 {
162
- margin-left: calc(var(--spacing) * 2);
163
- }
164
- .ml-4 {
165
- margin-left: calc(var(--spacing) * 4);
166
- }
167
- .ml-8 {
168
- margin-left: calc(var(--spacing) * 8);
169
- }
170
- .ml-\[2px\] {
171
- margin-left: 2px;
172
- }
173
- .ml-\[16px\] {
174
- margin-left: 16px;
175
- }
176
- .ml-\[20px\] {
177
- margin-left: 20px;
178
- }
179
- .ml-auto {
180
- margin-left: auto;
181
- }
182
- .flex {
183
- display: flex;
184
- }
185
- .hidden {
186
- display: none;
187
- }
188
- .inline-block {
189
- display: inline-block;
190
- }
191
- .inline-flex {
192
- display: inline-flex;
193
- }
194
- .table {
195
- display: table;
196
- }
197
- .h-2 {
198
- height: calc(var(--spacing) * 2);
199
- }
200
- .h-4 {
201
- height: calc(var(--spacing) * 4);
202
- }
203
- .h-6 {
204
- height: calc(var(--spacing) * 6);
205
- }
206
- .h-7 {
207
- height: calc(var(--spacing) * 7);
208
- }
209
- .h-8 {
210
- height: calc(var(--spacing) * 8);
211
- }
212
- .h-9 {
213
- height: calc(var(--spacing) * 9);
214
- }
215
- .h-10 {
216
- height: calc(var(--spacing) * 10);
217
- }
218
- .h-16 {
219
- height: calc(var(--spacing) * 16);
220
- }
221
- .h-\[60px\] {
222
- height: 60px;
223
- }
224
- .h-\[90px\] {
225
- height: 90px;
226
- }
227
- .h-auto {
228
- height: auto;
229
- }
230
- .h-full {
231
- height: 100%;
232
- }
233
- .max-h-0 {
234
- max-height: calc(var(--spacing) * 0);
235
- }
236
- .max-h-60 {
237
- max-height: calc(var(--spacing) * 60);
238
- }
239
- .max-h-\[75vh\] {
240
- max-height: 75vh;
241
- }
242
- .max-h-\[100vh\] {
243
- max-height: 100vh;
244
- }
245
- .max-h-\[1000px\] {
246
- max-height: 1000px;
247
- }
248
- .min-h-10 {
249
- min-height: calc(var(--spacing) * 10);
250
- }
251
- .min-h-\[50px\] {
252
- min-height: 50px;
253
- }
254
- .min-h-full {
255
- min-height: 100%;
256
- }
257
- .w-4 {
258
- width: calc(var(--spacing) * 4);
259
- }
260
- .w-6 {
261
- width: calc(var(--spacing) * 6);
262
- }
263
- .w-7 {
264
- width: calc(var(--spacing) * 7);
265
- }
266
- .w-9 {
267
- width: calc(var(--spacing) * 9);
268
- }
269
- .w-10 {
270
- width: calc(var(--spacing) * 10);
271
- }
272
- .w-11 {
273
- width: calc(var(--spacing) * 11);
274
- }
275
- .w-16 {
276
- width: calc(var(--spacing) * 16);
277
- }
278
- .w-20 {
279
- width: calc(var(--spacing) * 20);
280
- }
281
- .w-\[50px\] {
282
- width: 50px;
283
- }
284
- .w-\[320px\] {
285
- width: 320px;
286
- }
287
- .w-\[360px\] {
288
- width: 360px;
289
- }
290
- .w-full {
291
- width: 100%;
292
- }
293
- .min-w-0 {
294
- min-width: calc(var(--spacing) * 0);
295
- }
296
- .min-w-9 {
297
- min-width: calc(var(--spacing) * 9);
298
- }
299
- .min-w-\[100\%\] {
300
- min-width: 100%;
301
- }
302
- .flex-1 {
303
- flex: 1;
304
- }
305
- .shrink-0 {
306
- flex-shrink: 0;
307
- }
308
- .table-fixed {
309
- table-layout: fixed;
310
- }
311
- .caption-bottom {
312
- caption-side: bottom;
313
- }
314
- .border-collapse {
315
- border-collapse: collapse;
316
- }
317
- .-translate-x-full {
318
- --tw-translate-x: -100%;
319
- translate: var(--tw-translate-x) var(--tw-translate-y);
320
- }
321
- .translate-x-0 {
322
- --tw-translate-x: calc(var(--spacing) * 0);
323
- translate: var(--tw-translate-x) var(--tw-translate-y);
324
- }
325
- .translate-x-1 {
326
- --tw-translate-x: calc(var(--spacing) * 1);
327
- translate: var(--tw-translate-x) var(--tw-translate-y);
328
- }
329
- .translate-x-6 {
330
- --tw-translate-x: calc(var(--spacing) * 6);
331
- translate: var(--tw-translate-x) var(--tw-translate-y);
332
- }
333
- .translate-x-8 {
334
- --tw-translate-x: calc(var(--spacing) * 8);
335
- translate: var(--tw-translate-x) var(--tw-translate-y);
336
- }
337
- .translate-x-\[100\%\] {
338
- --tw-translate-x: 100%;
339
- translate: var(--tw-translate-x) var(--tw-translate-y);
340
- }
341
- .rotate-180 {
342
- rotate: 180deg;
343
- }
344
- .transform {
345
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
346
- }
347
- .cursor-not-allowed {
348
- cursor: not-allowed;
349
- }
350
- .cursor-pointer {
351
- cursor: pointer;
352
- }
353
- .cursor-text {
354
- cursor: text;
355
- }
356
- .resize {
357
- resize: both;
358
- }
359
- .flex-col {
360
- flex-direction: column;
361
- }
362
- .flex-col-reverse {
363
- flex-direction: column-reverse;
364
- }
365
- .flex-wrap {
366
- flex-wrap: wrap;
367
- }
368
- .items-center {
369
- align-items: center;
370
- }
371
- .justify-between {
372
- justify-content: space-between;
373
- }
374
- .justify-center {
375
- justify-content: center;
376
- }
377
- .justify-end {
378
- justify-content: flex-end;
379
- }
380
- .gap-1 {
381
- gap: calc(var(--spacing) * 1);
382
- }
383
- .gap-2 {
384
- gap: calc(var(--spacing) * 2);
385
- }
386
- .gap-3 {
387
- gap: calc(var(--spacing) * 3);
388
- }
389
- .gap-4 {
390
- gap: calc(var(--spacing) * 4);
391
- }
392
- .truncate {
393
- overflow: hidden;
394
- text-overflow: ellipsis;
395
- white-space: nowrap;
396
- }
397
- .overflow-auto {
398
- overflow: auto;
399
- }
400
- .overflow-hidden {
401
- overflow: hidden;
402
- }
403
- .overflow-x-auto {
404
- overflow-x: auto;
405
- }
406
- .overflow-x-hidden {
407
- overflow-x: hidden;
408
- }
409
- .overflow-y-auto {
410
- overflow-y: auto;
411
- }
412
- .rounded {
413
- border-radius: 0.25rem;
414
- }
415
- .rounded-2xl {
416
- border-radius: var(--radius-2xl);
417
- }
418
- .rounded-\[6px\] {
419
- border-radius: 6px;
420
- }
421
- .rounded-full {
422
- border-radius: calc(infinity * 1px);
423
- }
424
- .rounded-lg {
425
- border-radius: var(--radius-lg);
426
- }
427
- .rounded-md {
428
- border-radius: var(--radius-md);
429
- }
430
- .rounded-sm {
431
- border-radius: var(--radius-sm);
432
- }
433
- .rounded-xl {
434
- border-radius: var(--radius-xl);
435
- }
436
- .border {
437
- border-style: var(--tw-border-style);
438
- border-width: 1px;
439
- }
440
- .border-2 {
441
- border-style: var(--tw-border-style);
442
- border-width: 2px;
443
- }
444
- .border-t {
445
- border-top-style: var(--tw-border-style);
446
- border-top-width: 1px;
447
- }
448
- .border-r {
449
- border-right-style: var(--tw-border-style);
450
- border-right-width: 1px;
451
- }
452
- .border-b {
453
- border-bottom-style: var(--tw-border-style);
454
- border-bottom-width: 1px;
455
- }
456
- .border-dashed {
457
- --tw-border-style: dashed;
458
- border-style: dashed;
459
- }
460
- .border-\[\#e5e5e5\] {
461
- border-color: #e5e5e5;
462
- }
463
- .border-\[\#e6e6e6\] {
464
- border-color: #e6e6e6;
465
- }
466
- .border-\[hsl\(0_0\%_89\.8\%\)\] {
467
- border-color: hsl(0 0% 89.8%);
468
- }
469
- .border-blue-600 {
470
- border-color: var(--color-blue-600);
471
- }
472
- .border-gray-200 {
473
- border-color: var(--color-gray-200);
474
- }
475
- .border-gray-300 {
476
- border-color: var(--color-gray-300);
477
- }
478
- .border-gray-400 {
479
- border-color: var(--color-gray-400);
480
- }
481
- .border-gray-800 {
482
- border-color: var(--color-gray-800);
483
- }
484
- .border-primary {
485
- border-color: var(--color-primary);
486
- }
487
- .border-red-200 {
488
- border-color: var(--color-red-200);
489
- }
490
- .border-red-500 {
491
- border-color: var(--color-red-500);
492
- }
493
- .border-transparent {
494
- border-color: transparent;
495
- }
496
- .border-white {
497
- border-color: var(--color-white);
498
- }
499
- .bg-\[\#F7FAFC\] {
500
- background-color: #F7FAFC;
501
- }
502
- .bg-\[\#ef4444\] {
503
- background-color: #ef4444;
504
- }
505
- .bg-\[\#f4f4f5\] {
506
- background-color: #f4f4f5;
507
- }
508
- .bg-\[\#fafafa\] {
509
- background-color: #fafafa;
510
- }
511
- .bg-\[\#fff\] {
512
- background-color: #fff;
513
- }
514
- .bg-black {
515
- background-color: var(--color-black);
516
- }
517
- .bg-black\/50 {
518
- background-color: color-mix(in srgb, #000 50%, transparent);
519
- @supports (color: color-mix(in lab, red, red)) {
520
- background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
521
- }
522
- }
523
- .bg-black\/80 {
524
- background-color: color-mix(in srgb, #000 80%, transparent);
525
- @supports (color: color-mix(in lab, red, red)) {
526
- background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
527
- }
528
- }
529
- .bg-blue-50 {
530
- background-color: var(--color-blue-50);
531
- }
532
- .bg-blue-600 {
533
- background-color: var(--color-blue-600);
534
- }
535
- .bg-gray-50 {
536
- background-color: var(--color-gray-50);
537
- }
538
- .bg-gray-100 {
539
- background-color: var(--color-gray-100);
540
- }
541
- .bg-gray-200 {
542
- background-color: var(--color-gray-200);
543
- }
544
- .bg-gray-300 {
545
- background-color: var(--color-gray-300);
546
- }
547
- .bg-green-100 {
548
- background-color: var(--color-green-100);
549
- }
550
- .bg-primary {
551
- background-color: var(--color-primary);
552
- }
553
- .bg-red-50 {
554
- background-color: var(--color-red-50);
555
- }
556
- .bg-red-100 {
557
- background-color: var(--color-red-100);
558
- }
559
- .bg-red-600 {
560
- background-color: var(--color-red-600);
561
- }
562
- .bg-transparent {
563
- background-color: transparent;
564
- }
565
- .bg-white {
566
- background-color: var(--color-white);
567
- }
568
- .bg-yellow-100 {
569
- background-color: var(--color-yellow-100);
570
- }
571
- .object-contain {
572
- object-fit: contain;
573
- }
574
- .p-2 {
575
- padding: calc(var(--spacing) * 2);
576
- }
577
- .p-2\.5 {
578
- padding: calc(var(--spacing) * 2.5);
579
- }
580
- .p-3 {
581
- padding: calc(var(--spacing) * 3);
582
- }
583
- .p-4 {
584
- padding: calc(var(--spacing) * 4);
585
- }
586
- .p-6 {
587
- padding: calc(var(--spacing) * 6);
588
- }
589
- .px-2 {
590
- padding-inline: calc(var(--spacing) * 2);
591
- }
592
- .px-2\.5 {
593
- padding-inline: calc(var(--spacing) * 2.5);
594
- }
595
- .px-3 {
596
- padding-inline: calc(var(--spacing) * 3);
597
- }
598
- .px-4 {
599
- padding-inline: calc(var(--spacing) * 4);
600
- }
601
- .py-0\.5 {
602
- padding-block: calc(var(--spacing) * 0.5);
603
- }
604
- .py-1 {
605
- padding-block: calc(var(--spacing) * 1);
606
- }
607
- .py-1\.5 {
608
- padding-block: calc(var(--spacing) * 1.5);
609
- }
610
- .py-2 {
611
- padding-block: calc(var(--spacing) * 2);
612
- }
613
- .py-3 {
614
- padding-block: calc(var(--spacing) * 3);
615
- }
616
- .pt-5 {
617
- padding-top: calc(var(--spacing) * 5);
618
- }
619
- .pt-20 {
620
- padding-top: calc(var(--spacing) * 20);
621
- }
622
- .pb-4 {
623
- padding-bottom: calc(var(--spacing) * 4);
624
- }
625
- .pl-4 {
626
- padding-left: calc(var(--spacing) * 4);
627
- }
628
- .text-center {
629
- text-align: center;
630
- }
631
- .text-left {
632
- text-align: left;
633
- }
634
- .text-right {
635
- text-align: right;
636
- }
637
- .text-base {
638
- font-size: var(--text-base);
639
- line-height: var(--tw-leading, var(--text-base--line-height));
640
- }
641
- .text-lg {
642
- font-size: var(--text-lg);
643
- line-height: var(--tw-leading, var(--text-lg--line-height));
644
- }
645
- .text-sm {
646
- font-size: var(--text-sm);
647
- line-height: var(--tw-leading, var(--text-sm--line-height));
648
- }
649
- .text-xs {
650
- font-size: var(--text-xs);
651
- line-height: var(--tw-leading, var(--text-xs--line-height));
652
- }
653
- .\!text-\[10px\] {
654
- font-size: 10px !important;
655
- }
656
- .\!text-\[14px\] {
657
- font-size: 14px !important;
658
- }
659
- .\!text-\[15px\] {
660
- font-size: 15px !important;
661
- }
662
- .\!text-\[16px\] {
663
- font-size: 16px !important;
664
- }
665
- .\!text-\[22px\] {
666
- font-size: 22px !important;
667
- }
668
- .text-\[9px\] {
669
- font-size: 9px;
670
- }
671
- .text-\[10px\] {
672
- font-size: 10px;
673
- }
674
- .text-\[11px\] {
675
- font-size: 11px;
676
- }
677
- .text-\[12px\] {
678
- font-size: 12px;
679
- }
680
- .text-\[13px\] {
681
- font-size: 13px;
682
- }
683
- .text-\[14px\] {
684
- font-size: 14px;
685
- }
686
- .text-\[16px\] {
687
- font-size: 16px;
688
- }
689
- .leading-5 {
690
- --tw-leading: calc(var(--spacing) * 5);
691
- line-height: calc(var(--spacing) * 5);
692
- }
693
- .leading-6 {
694
- --tw-leading: calc(var(--spacing) * 6);
695
- line-height: calc(var(--spacing) * 6);
696
- }
697
- .\!font-bold {
698
- --tw-font-weight: var(--font-weight-bold) !important;
699
- font-weight: var(--font-weight-bold) !important;
700
- }
701
- .\!font-medium {
702
- --tw-font-weight: var(--font-weight-medium) !important;
703
- font-weight: var(--font-weight-medium) !important;
704
- }
705
- .\!font-normal {
706
- --tw-font-weight: var(--font-weight-normal) !important;
707
- font-weight: var(--font-weight-normal) !important;
708
- }
709
- .\!font-semibold {
710
- --tw-font-weight: var(--font-weight-semibold) !important;
711
- font-weight: var(--font-weight-semibold) !important;
712
- }
713
- .font-\[500\] {
714
- --tw-font-weight: 500;
715
- font-weight: 500;
716
- }
717
- .font-\[600\] {
718
- --tw-font-weight: 600;
719
- font-weight: 600;
720
- }
721
- .font-bold {
722
- --tw-font-weight: var(--font-weight-bold);
723
- font-weight: var(--font-weight-bold);
724
- }
725
- .font-medium {
726
- --tw-font-weight: var(--font-weight-medium);
727
- font-weight: var(--font-weight-medium);
728
- }
729
- .font-semibold {
730
- --tw-font-weight: var(--font-weight-semibold);
731
- font-weight: var(--font-weight-semibold);
732
- }
733
- .tracking-wide {
734
- --tw-tracking: var(--tracking-wide);
735
- letter-spacing: var(--tracking-wide);
736
- }
737
- .tracking-wider {
738
- --tw-tracking: var(--tracking-wider);
739
- letter-spacing: var(--tracking-wider);
740
- }
741
- .whitespace-nowrap {
742
- white-space: nowrap;
743
- }
744
- .\!text-\[\#000\] {
745
- color: #000 !important;
746
- }
747
- .\!text-\[\#3f3f46cc\] {
748
- color: #3f3f46cc !important;
749
- }
750
- .text-\[\#0A0A0A\] {
751
- color: #0A0A0A;
752
- }
753
- .text-\[\#3f3f46cc\] {
754
- color: #3f3f46cc;
755
- }
756
- .text-\[\#737373\] {
757
- color: #737373;
758
- }
759
- .text-black {
760
- color: var(--color-black);
761
- }
762
- .text-blue-600 {
763
- color: var(--color-blue-600);
764
- }
765
- .text-gray-400 {
766
- color: var(--color-gray-400);
767
- }
768
- .text-gray-500 {
769
- color: var(--color-gray-500);
770
- }
771
- .text-gray-600 {
772
- color: var(--color-gray-600);
773
- }
774
- .text-gray-700 {
775
- color: var(--color-gray-700);
776
- }
777
- .text-gray-900 {
778
- color: var(--color-gray-900);
779
- }
780
- .text-green-800 {
781
- color: var(--color-green-800);
782
- }
783
- .text-primary {
784
- color: var(--color-primary);
785
- }
786
- .text-red-500 {
787
- color: var(--color-red-500);
788
- }
789
- .text-red-600 {
790
- color: var(--color-red-600);
791
- }
792
- .text-red-800 {
793
- color: var(--color-red-800);
794
- }
795
- .text-white {
796
- color: var(--color-white);
797
- }
798
- .text-yellow-800 {
799
- color: var(--color-yellow-800);
800
- }
801
- .uppercase {
802
- text-transform: uppercase;
803
- }
804
- .opacity-50 {
805
- opacity: 50%;
806
- }
807
- .opacity-70 {
808
- opacity: 70%;
809
- }
810
- .shadow {
811
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
812
- box-shadow:
813
- var(--tw-inset-shadow),
814
- var(--tw-inset-ring-shadow),
815
- var(--tw-ring-offset-shadow),
816
- var(--tw-ring-shadow),
817
- var(--tw-shadow);
818
- }
819
- .shadow-2xl {
820
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
821
- box-shadow:
822
- var(--tw-inset-shadow),
823
- var(--tw-inset-ring-shadow),
824
- var(--tw-ring-offset-shadow),
825
- var(--tw-ring-shadow),
826
- var(--tw-shadow);
827
- }
828
- .shadow-inner {
829
- --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
830
- box-shadow:
831
- var(--tw-inset-shadow),
832
- var(--tw-inset-ring-shadow),
833
- var(--tw-ring-offset-shadow),
834
- var(--tw-ring-shadow),
835
- var(--tw-shadow);
836
- }
837
- .shadow-lg {
838
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
839
- box-shadow:
840
- var(--tw-inset-shadow),
841
- var(--tw-inset-ring-shadow),
842
- var(--tw-ring-offset-shadow),
843
- var(--tw-ring-shadow),
844
- var(--tw-shadow);
845
- }
846
- .shadow-xl {
847
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
848
- box-shadow:
849
- var(--tw-inset-shadow),
850
- var(--tw-inset-ring-shadow),
851
- var(--tw-ring-offset-shadow),
852
- var(--tw-ring-shadow),
853
- var(--tw-shadow);
854
- }
855
- .outline {
856
- outline-style: var(--tw-outline-style);
857
- outline-width: 1px;
858
- }
859
- .outline-offset-2 {
860
- outline-offset: 2px;
861
- }
862
- .outline-black {
863
- outline-color: var(--color-black);
864
- }
865
- .transition {
866
- transition-property:
867
- color,
868
- background-color,
869
- border-color,
870
- outline-color,
871
- text-decoration-color,
872
- fill,
873
- stroke,
874
- --tw-gradient-from,
875
- --tw-gradient-via,
876
- --tw-gradient-to,
877
- opacity,
878
- box-shadow,
879
- transform,
880
- translate,
881
- scale,
882
- rotate,
883
- filter,
884
- -webkit-backdrop-filter,
885
- backdrop-filter,
886
- display,
887
- content-visibility,
888
- overlay,
889
- pointer-events;
890
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
891
- transition-duration: var(--tw-duration, var(--default-transition-duration));
892
- }
893
- .transition-all {
894
- transition-property: all;
895
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
896
- transition-duration: var(--tw-duration, var(--default-transition-duration));
897
- }
898
- .transition-colors {
899
- transition-property:
900
- color,
901
- background-color,
902
- border-color,
903
- outline-color,
904
- text-decoration-color,
905
- fill,
906
- stroke,
907
- --tw-gradient-from,
908
- --tw-gradient-via,
909
- --tw-gradient-to;
910
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
911
- transition-duration: var(--tw-duration, var(--default-transition-duration));
912
- }
913
- .transition-transform {
914
- transition-property:
915
- transform,
916
- translate,
917
- scale,
918
- rotate;
919
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
920
- transition-duration: var(--tw-duration, var(--default-transition-duration));
921
- }
922
- .delay-75 {
923
- transition-delay: 75ms;
924
- }
925
- .delay-100 {
926
- transition-delay: 100ms;
927
- }
928
- .duration-200 {
929
- --tw-duration: 200ms;
930
- transition-duration: 200ms;
931
- }
932
- .duration-300 {
933
- --tw-duration: 300ms;
934
- transition-duration: 300ms;
935
- }
936
- .ease-in-out {
937
- --tw-ease: var(--ease-in-out);
938
- transition-timing-function: var(--ease-in-out);
939
- }
940
- .select-none {
941
- -webkit-user-select: none;
942
- user-select: none;
943
- }
944
- .peer-checked\:border-primary {
945
- &:is(:where(.peer):checked ~ *) {
946
- border-color: var(--color-primary);
947
- }
948
- }
949
- .peer-checked\:bg-primary {
950
- &:is(:where(.peer):checked ~ *) {
951
- background-color: var(--color-primary);
952
- }
953
- }
954
- .placeholder\:text-\[14px\] {
955
- &::placeholder {
956
- font-size: 14px;
957
- }
958
- }
959
- .placeholder\:font-normal {
960
- &::placeholder {
961
- --tw-font-weight: var(--font-weight-normal);
962
- font-weight: var(--font-weight-normal);
963
- }
964
- }
965
- .placeholder\:text-\[\#6b7280\] {
966
- &::placeholder {
967
- color: #6b7280;
968
- }
969
- }
970
- .focus-within\:outline-2 {
971
- &:focus-within {
972
- outline-style: var(--tw-outline-style);
973
- outline-width: 2px;
974
- }
975
- }
976
- .focus-within\:outline-offset-2 {
977
- &:focus-within {
978
- outline-offset: 2px;
979
- }
980
- }
981
- .focus-within\:outline-black {
982
- &:focus-within {
983
- outline-color: var(--color-black);
984
- }
985
- }
986
- .hover\:border-gray-400 {
987
- &:hover {
988
- @media (hover: hover) {
989
- border-color: var(--color-gray-400);
990
- }
991
- }
992
- }
993
- .hover\:bg-\[\#F7FAFC\] {
994
- &:hover {
995
- @media (hover: hover) {
996
- background-color: #F7FAFC;
997
- }
998
- }
999
- }
1000
- .hover\:bg-\[\#f4f4f5\] {
1001
- &:hover {
1002
- @media (hover: hover) {
1003
- background-color: #f4f4f5;
1004
- }
1005
- }
1006
- }
1007
- .hover\:bg-gray-50 {
1008
- &:hover {
1009
- @media (hover: hover) {
1010
- background-color: var(--color-gray-50);
1011
- }
1012
- }
1013
- }
1014
- .hover\:bg-gray-100 {
1015
- &:hover {
1016
- @media (hover: hover) {
1017
- background-color: var(--color-gray-100);
1018
- }
1019
- }
1020
- }
1021
- .hover\:bg-red-50 {
1022
- &:hover {
1023
- @media (hover: hover) {
1024
- background-color: var(--color-red-50);
1025
- }
1026
- }
1027
- }
1028
- .hover\:bg-red-700 {
1029
- &:hover {
1030
- @media (hover: hover) {
1031
- background-color: var(--color-red-700);
1032
- }
1033
- }
1034
- }
1035
- .hover\:text-gray-700 {
1036
- &:hover {
1037
- @media (hover: hover) {
1038
- color: var(--color-gray-700);
1039
- }
1040
- }
1041
- }
1042
- .focus\:border-black {
1043
- &:focus {
1044
- border-color: var(--color-black);
1045
- }
1046
- }
1047
- .focus\:shadow-none {
1048
- &:focus {
1049
- --tw-shadow: 0 0 #0000;
1050
- box-shadow:
1051
- var(--tw-inset-shadow),
1052
- var(--tw-inset-ring-shadow),
1053
- var(--tw-ring-offset-shadow),
1054
- var(--tw-ring-shadow),
1055
- var(--tw-shadow);
1056
- }
1057
- }
1058
- .focus\:ring-0 {
1059
- &:focus {
1060
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1061
- box-shadow:
1062
- var(--tw-inset-shadow),
1063
- var(--tw-inset-ring-shadow),
1064
- var(--tw-ring-offset-shadow),
1065
- var(--tw-ring-shadow),
1066
- var(--tw-shadow);
1067
- }
1068
- }
1069
- .focus\:outline-2 {
1070
- &:focus {
1071
- outline-style: var(--tw-outline-style);
1072
- outline-width: 2px;
1073
- }
1074
- }
1075
- .focus\:outline-offset-2 {
1076
- &:focus {
1077
- outline-offset: 2px;
1078
- }
1079
- }
1080
- .focus\:outline-black {
1081
- &:focus {
1082
- outline-color: var(--color-black);
1083
- }
1084
- }
1085
- .focus\:outline-none {
1086
- &:focus {
1087
- --tw-outline-style: none;
1088
- outline-style: none;
1089
- }
1090
- }
1091
- .disabled\:cursor-not-allowed {
1092
- &:disabled {
1093
- cursor: not-allowed;
1094
- }
1095
- }
1096
- .disabled\:opacity-50 {
1097
- &:disabled {
1098
- opacity: 50%;
1099
- }
1100
- }
1101
- .xs\:max-md\:z-40 {
1102
- @media (width >= 360px) {
1103
- @media (width < 48rem) {
1104
- z-index: 40;
1105
- }
1106
- }
1107
- }
1108
- .sm\:flex-row {
1109
- @media (width >= 40rem) {
1110
- flex-direction: row;
1111
- }
1112
- }
1113
- .sm\:justify-end {
1114
- @media (width >= 40rem) {
1115
- justify-content: flex-end;
1116
- }
1117
- }
1118
- .sm\:space-x-2 {
1119
- @media (width >= 40rem) {
1120
- :where(& > :not(:last-child)) {
1121
- --tw-space-x-reverse: 0;
1122
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
1123
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
1124
- }
1125
- }
1126
- }
1127
- .md\:relative {
1128
- @media (width >= 48rem) {
1129
- position: relative;
1130
- }
1131
- }
1132
- .md\:block {
1133
- @media (width >= 48rem) {
1134
- display: block;
1135
- }
1136
- }
1137
- .md\:hidden {
1138
- @media (width >= 48rem) {
1139
- display: none;
1140
- }
1141
- }
1142
- .md\:min-w-\[576px\] {
1143
- @media (width >= 48rem) {
1144
- min-width: 576px;
1145
- }
1146
- }
1147
- .md\:translate-x-0 {
1148
- @media (width >= 48rem) {
1149
- --tw-translate-x: calc(var(--spacing) * 0);
1150
- translate: var(--tw-translate-x) var(--tw-translate-y);
1151
- }
1152
- }
1153
- .md\:pt-4 {
1154
- @media (width >= 48rem) {
1155
- padding-top: calc(var(--spacing) * 4);
1156
- }
1157
- }
1158
- .md\:max-lg\:w-\[280px\] {
1159
- @media (width >= 48rem) {
1160
- @media (width < 64rem) {
1161
- width: 280px;
1162
- }
1163
- }
1164
- }
1165
- .dark\:border-\[\#303036\] {
1166
- &:where(.dark, .dark *) {
1167
- border-color: #303036;
1168
- }
1169
- }
1170
- .dark\:border-red-900 {
1171
- &:where(.dark, .dark *) {
1172
- border-color: var(--color-red-900);
1173
- }
1174
- }
1175
- .dark\:border-white {
1176
- &:where(.dark, .dark *) {
1177
- border-color: var(--color-white);
1178
- }
1179
- }
1180
- .dark\:bg-\[\#1d1d20\] {
1181
- &:where(.dark, .dark *) {
1182
- background-color: #1d1d20;
1183
- }
1184
- }
1185
- .dark\:bg-\[\#4B5563\] {
1186
- &:where(.dark, .dark *) {
1187
- background-color: #4B5563;
1188
- }
1189
- }
1190
- .dark\:bg-\[\#18181b\] {
1191
- &:where(.dark, .dark *) {
1192
- background-color: #18181b;
1193
- }
1194
- }
1195
- .dark\:bg-\[\#27272a\] {
1196
- &:where(.dark, .dark *) {
1197
- background-color: #27272a;
1198
- }
1199
- }
1200
- .dark\:bg-\[\#303036\] {
1201
- &:where(.dark, .dark *) {
1202
- background-color: #303036;
1203
- }
1204
- }
1205
- .dark\:bg-blue-950\/40 {
1206
- &:where(.dark, .dark *) {
1207
- background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 40%, transparent);
1208
- @supports (color: color-mix(in lab, red, red)) {
1209
- background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
1210
- }
1211
- }
1212
- }
1213
- .dark\:bg-gray-800 {
1214
- &:where(.dark, .dark *) {
1215
- background-color: var(--color-gray-800);
1216
- }
1217
- }
1218
- .dark\:bg-green-900 {
1219
- &:where(.dark, .dark *) {
1220
- background-color: var(--color-green-900);
1221
- }
1222
- }
1223
- .dark\:bg-primary {
1224
- &:where(.dark, .dark *) {
1225
- background-color: var(--color-primary);
1226
- }
1227
- }
1228
- .dark\:bg-red-900 {
1229
- &:where(.dark, .dark *) {
1230
- background-color: var(--color-red-900);
1231
- }
1232
- }
1233
- .dark\:bg-red-950\/40 {
1234
- &:where(.dark, .dark *) {
1235
- background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 40%, transparent);
1236
- @supports (color: color-mix(in lab, red, red)) {
1237
- background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
1238
- }
1239
- }
1240
- }
1241
- .dark\:bg-transparent {
1242
- &:where(.dark, .dark *) {
1243
- background-color: transparent;
1244
- }
1245
- }
1246
- .dark\:bg-yellow-900 {
1247
- &:where(.dark, .dark *) {
1248
- background-color: var(--color-yellow-900);
1249
- }
1250
- }
1251
- .dark\:\!text-\[\#a1a1aa\] {
1252
- &:where(.dark, .dark *) {
1253
- color: #a1a1aa !important;
1254
- }
1255
- }
1256
- .dark\:text-\[\#71717a\] {
1257
- &:where(.dark, .dark *) {
1258
- color: #71717a;
1259
- }
1260
- }
1261
- .dark\:text-\[\#a1a1aa\] {
1262
- &:where(.dark, .dark *) {
1263
- color: #a1a1aa;
1264
- }
1265
- }
1266
- .dark\:text-\[\#f4f4f5cc\] {
1267
- &:where(.dark, .dark *) {
1268
- color: #f4f4f5cc;
1269
- }
1270
- }
1271
- .dark\:text-gray-400 {
1272
- &:where(.dark, .dark *) {
1273
- color: var(--color-gray-400);
1274
- }
1275
- }
1276
- .dark\:text-gray-500 {
1277
- &:where(.dark, .dark *) {
1278
- color: var(--color-gray-500);
1279
- }
1280
- }
1281
- .dark\:text-gray-600 {
1282
- &:where(.dark, .dark *) {
1283
- color: var(--color-gray-600);
1284
- }
1285
- }
1286
- .dark\:text-green-100 {
1287
- &:where(.dark, .dark *) {
1288
- color: var(--color-green-100);
1289
- }
1290
- }
1291
- .dark\:text-red-100 {
1292
- &:where(.dark, .dark *) {
1293
- color: var(--color-red-100);
1294
- }
1295
- }
1296
- .dark\:text-white {
1297
- &:where(.dark, .dark *) {
1298
- color: var(--color-white);
1299
- }
1300
- }
1301
- .dark\:text-yellow-100 {
1302
- &:where(.dark, .dark *) {
1303
- color: var(--color-yellow-100);
1304
- }
1305
- }
1306
- .dark\:outline-white {
1307
- &:where(.dark, .dark *) {
1308
- outline-color: var(--color-white);
1309
- }
1310
- }
1311
- .dark\:hover\:bg-\[\#27272a\] {
1312
- &:where(.dark, .dark *) {
1313
- &:hover {
1314
- @media (hover: hover) {
1315
- background-color: #27272a;
1316
- }
1317
- }
1318
- }
1319
- }
1320
- .dark\:hover\:bg-\[\#303036\] {
1321
- &:where(.dark, .dark *) {
1322
- &:hover {
1323
- @media (hover: hover) {
1324
- background-color: #303036;
1325
- }
1326
- }
1327
- }
1328
- }
1329
- .dark\:hover\:text-white {
1330
- &:where(.dark, .dark *) {
1331
- &:hover {
1332
- @media (hover: hover) {
1333
- color: var(--color-white);
1334
- }
1335
- }
1336
- }
1337
- }
1338
- @font-face {
1339
- font-family: "Inter";
1340
- src: url("./Inter-Regular-GS5EHSMB.woff2") format("woff2");
1341
- font-weight: 400;
1342
- font-style: normal;
1343
- font-display: swap;
1344
- }
1345
- @font-face {
1346
- font-family: "Inter";
1347
- src: url("./Inter-Medium-5IRUMIHZ.woff2") format("woff2");
1348
- font-weight: 500;
1349
- font-style: normal;
1350
- font-display: swap;
1351
- }
1352
- @font-face {
1353
- font-family: "Inter";
1354
- src: url("./Inter-SemiBold-SVBZ7NC6.woff2") format("woff2");
1355
- font-weight: 600;
1356
- font-style: normal;
1357
- font-display: swap;
1358
- }
1359
- @font-face {
1360
- font-family: "Inter";
1361
- src: url("./Inter-Bold-UGVMS3V6.woff2") format("woff2");
1362
- font-weight: 700;
1363
- font-style: normal;
1364
- font-display: swap;
1365
- }
1366
- body {
1367
- font-family: "Inter", sans-serif;
1368
- }
1369
- @layer utilities {
1370
- .scrollbar-hide {
1371
- scrollbar-width: none;
1372
- -ms-overflow-style: none;
1373
- }
1374
- .scrollbar-hide::-webkit-scrollbar {
1375
- display: none;
1376
- }
1377
- }
1378
- @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
1379
- @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
1380
- @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
1381
- @property --tw-rotate-x { syntax: "*"; inherits: false; }
1382
- @property --tw-rotate-y { syntax: "*"; inherits: false; }
1383
- @property --tw-rotate-z { syntax: "*"; inherits: false; }
1384
- @property --tw-skew-x { syntax: "*"; inherits: false; }
1385
- @property --tw-skew-y { syntax: "*"; inherits: false; }
1386
- @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
1387
- @property --tw-leading { syntax: "*"; inherits: false; }
1388
- @property --tw-font-weight { syntax: "*"; inherits: false; }
1389
- @property --tw-tracking { syntax: "*"; inherits: false; }
1390
- @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1391
- @property --tw-shadow-color { syntax: "*"; inherits: false; }
1392
- @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1393
- @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1394
- @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
1395
- @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1396
- @property --tw-ring-color { syntax: "*"; inherits: false; }
1397
- @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1398
- @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
1399
- @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1400
- @property --tw-ring-inset { syntax: "*"; inherits: false; }
1401
- @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
1402
- @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
1403
- @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1404
- @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
1405
- @property --tw-duration { syntax: "*"; inherits: false; }
1406
- @property --tw-ease { syntax: "*"; inherits: false; }
1407
- @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
1408
- @layer properties {
1409
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1410
- *,
1411
- ::before,
1412
- ::after,
1413
- ::backdrop {
1414
- --tw-translate-x: 0;
1415
- --tw-translate-y: 0;
1416
- --tw-translate-z: 0;
1417
- --tw-rotate-x: initial;
1418
- --tw-rotate-y: initial;
1419
- --tw-rotate-z: initial;
1420
- --tw-skew-x: initial;
1421
- --tw-skew-y: initial;
1422
- --tw-border-style: solid;
1423
- --tw-leading: initial;
1424
- --tw-font-weight: initial;
1425
- --tw-tracking: initial;
1426
- --tw-shadow: 0 0 #0000;
1427
- --tw-shadow-color: initial;
1428
- --tw-shadow-alpha: 100%;
1429
- --tw-inset-shadow: 0 0 #0000;
1430
- --tw-inset-shadow-color: initial;
1431
- --tw-inset-shadow-alpha: 100%;
1432
- --tw-ring-color: initial;
1433
- --tw-ring-shadow: 0 0 #0000;
1434
- --tw-inset-ring-color: initial;
1435
- --tw-inset-ring-shadow: 0 0 #0000;
1436
- --tw-ring-inset: initial;
1437
- --tw-ring-offset-width: 0px;
1438
- --tw-ring-offset-color: #fff;
1439
- --tw-ring-offset-shadow: 0 0 #0000;
1440
- --tw-outline-style: solid;
1441
- --tw-duration: initial;
1442
- --tw-ease: initial;
1443
- --tw-space-x-reverse: 0;
1444
- }
1445
- }
1446
- }
1447
-
1448
- /* src/RightSheet/RightSheet.css */
1449
- .sheetPopIn {
1450
- animation: popIn 50ms ease-in-out forwards;
1451
- }
1452
- .sheetRightSlide {
1453
- animation: rightSlide 350ms ease-in-out forwards;
1454
- }
1455
- .sheetLeftSlide {
1456
- animation: sheetLeftSlide 350ms ease-in-out forwards;
1457
- }
1458
- @keyframes sheetLeftSlide {
1459
- 0% {
1460
- transform: translateX(-100%);
1461
- opacity: 0;
1462
- }
1463
- 100% {
1464
- transform: translateX(0);
1465
- opacity: 1;
1466
- }
1467
- }
1468
- @keyframes rightSlide {
1469
- 0% {
1470
- transform: translateX(100%);
1471
- opacity: 0;
1472
- }
1473
- 100% {
1474
- transform: translateX(0);
1475
- opacity: 1;
1476
- }
1477
- }
1478
- @keyframes popIn {
1479
- 0% {
1480
- opacity: 0;
1481
- }
1482
- 100% {
1483
- opacity: 1;
1484
- }
1485
- }
1486
- /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
1
+ /* dist/index.css */
2
+ @layer properties;
3
+ :root,
4
+ :host {
5
+ --color-red-50: oklch(97.1% 0.013 17.38);
6
+ --color-red-100: oklch(93.6% 0.032 17.717);
7
+ --color-red-500: oklch(63.7% 0.237 25.331);
8
+ --color-red-600: oklch(57.7% 0.245 27.325);
9
+ --color-red-700: oklch(50.5% 0.213 27.518);
10
+ --color-red-800: oklch(44.4% 0.177 26.899);
11
+ --color-red-900: oklch(39.6% 0.141 25.723);
12
+ --color-yellow-100: oklch(97.3% 0.071 103.193);
13
+ --color-yellow-800: oklch(47.6% 0.114 61.907);
14
+ --color-yellow-900: oklch(42.1% 0.095 57.708);
15
+ --color-green-100: oklch(96.2% 0.044 156.743);
16
+ --color-green-800: oklch(44.8% 0.119 151.328);
17
+ --color-green-900: oklch(39.3% 0.095 152.535);
18
+ --color-blue-50: oklch(97% 0.014 254.604);
19
+ --color-blue-600: oklch(54.6% 0.245 262.881);
20
+ --color-blue-950: oklch(28.2% 0.091 267.935);
21
+ --color-gray-50: oklch(98.5% 0.002 247.839);
22
+ --color-gray-100: oklch(96.7% 0.003 264.542);
23
+ --color-gray-200: oklch(92.8% 0.006 264.531);
24
+ --color-gray-300: oklch(87.2% 0.01 258.338);
25
+ --color-gray-400: oklch(70.7% 0.022 261.325);
26
+ --color-gray-500: oklch(55.1% 0.027 264.364);
27
+ --color-gray-600: oklch(44.6% 0.03 256.802);
28
+ --color-gray-700: oklch(37.3% 0.034 259.733);
29
+ --color-gray-800: oklch(27.8% 0.033 256.848);
30
+ --color-gray-900: oklch(21% 0.034 264.665);
31
+ --color-black: #000;
32
+ --color-white: #fff;
33
+ --spacing: 0.25rem;
34
+ --text-xs: 0.75rem;
35
+ --text-xs--line-height: calc(1 / 0.75);
36
+ --text-sm: 0.875rem;
37
+ --text-sm--line-height: calc(1.25 / 0.875);
38
+ --text-lg: 1.125rem;
39
+ --text-lg--line-height: calc(1.75 / 1.125);
40
+ --font-weight-normal: 400;
41
+ --font-weight-medium: 500;
42
+ --font-weight-semibold: 600;
43
+ --font-weight-bold: 700;
44
+ --radius-sm: 0.25rem;
45
+ --radius-md: 0.375rem;
46
+ --radius-lg: 0.5rem;
47
+ --radius-2xl: 1rem;
48
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
49
+ --default-transition-duration: 150ms;
50
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
51
+ --color-primary: rgb(63, 63, 70);
52
+ --font-jett:
53
+ ui-sans-serif,
54
+ system-ui,
55
+ "Segoe UI",
56
+ sans-serif;
57
+ --color-jett-surface: #ffffff;
58
+ --color-jett-canvas: #f9fafb;
59
+ --color-jett-line: #eceef1;
60
+ --color-jett-line-row: #f3f4f6;
61
+ --color-jett-line-control: #d1d5db;
62
+ --color-jett-line-soft: #e5e7eb;
63
+ --color-jett-fill: #f3f4f6;
64
+ --color-jett-ink: #111827;
65
+ --color-jett-ink-800: #1f2937;
66
+ --color-jett-ink-700: #374151;
67
+ --color-jett-ink-600: #4b5563;
68
+ --color-jett-ink-500: #6b7280;
69
+ --color-jett-ink-400: #9ca3af;
70
+ --color-jett-brand: #4f46e5;
71
+ --color-jett-brand-hover: #4338ca;
72
+ --color-jett-brand-soft: #eef2ff;
73
+ --color-jett-danger: #b91c1c;
74
+ --color-jett-danger-soft: #fef2f2;
75
+ --shadow-jett-drawer: 0 20px 40px rgba(0, 0, 0, 0.25);
76
+ }
77
+ .collapse {
78
+ visibility: collapse;
79
+ }
80
+ .visible {
81
+ visibility: visible;
82
+ }
83
+ .absolute {
84
+ position: absolute;
85
+ }
86
+ .fixed {
87
+ position: fixed;
88
+ }
89
+ .relative {
90
+ position: relative;
91
+ }
92
+ .sticky {
93
+ position: sticky;
94
+ }
95
+ .inset-0 {
96
+ inset: calc(var(--spacing) * 0);
97
+ }
98
+ .top-0 {
99
+ top: calc(var(--spacing) * 0);
100
+ }
101
+ .top-1\/2 {
102
+ top: calc(1/2 * 100%);
103
+ }
104
+ .top-\[12vh\] {
105
+ top: 12vh;
106
+ }
107
+ .top-full {
108
+ top: 100%;
109
+ }
110
+ .right-0 {
111
+ right: calc(var(--spacing) * 0);
112
+ }
113
+ .bottom-0 {
114
+ bottom: calc(var(--spacing) * 0);
115
+ }
116
+ .left-0 {
117
+ left: calc(var(--spacing) * 0);
118
+ }
119
+ .left-1\/2 {
120
+ left: calc(1/2 * 100%);
121
+ }
122
+ .z-10 {
123
+ z-index: 10;
124
+ }
125
+ .z-50 {
126
+ z-index: 50;
127
+ }
128
+ .z-\[69\] {
129
+ z-index: 69;
130
+ }
131
+ .z-\[70\] {
132
+ z-index: 70;
133
+ }
134
+ .z-\[79\] {
135
+ z-index: 79;
136
+ }
137
+ .z-\[80\] {
138
+ z-index: 80;
139
+ }
140
+ .z-\[95\] {
141
+ z-index: 95;
142
+ }
143
+ .z-\[96\] {
144
+ z-index: 96;
145
+ }
146
+ .z-\[9999\] {
147
+ z-index: 9999;
148
+ }
149
+ .z-\[10000\] {
150
+ z-index: 10000;
151
+ }
152
+ .\!m-0 {
153
+ margin: calc(var(--spacing) * 0) !important;
154
+ }
155
+ .mx-auto {
156
+ margin-inline: auto;
157
+ }
158
+ .mt-0\.5 {
159
+ margin-top: calc(var(--spacing) * 0.5);
160
+ }
161
+ .mt-1 {
162
+ margin-top: calc(var(--spacing) * 1);
163
+ }
164
+ .mt-1\.5 {
165
+ margin-top: calc(var(--spacing) * 1.5);
166
+ }
167
+ .mt-2 {
168
+ margin-top: calc(var(--spacing) * 2);
169
+ }
170
+ .mt-6 {
171
+ margin-top: calc(var(--spacing) * 6);
172
+ }
173
+ .-mr-3 {
174
+ margin-right: calc(var(--spacing) * -3);
175
+ }
176
+ .mr-2 {
177
+ margin-right: calc(var(--spacing) * 2);
178
+ }
179
+ .mb-1 {
180
+ margin-bottom: calc(var(--spacing) * 1);
181
+ }
182
+ .mb-2 {
183
+ margin-bottom: calc(var(--spacing) * 2);
184
+ }
185
+ .mb-2\.5 {
186
+ margin-bottom: calc(var(--spacing) * 2.5);
187
+ }
188
+ .mb-4 {
189
+ margin-bottom: calc(var(--spacing) * 4);
190
+ }
191
+ .mb-6 {
192
+ margin-bottom: calc(var(--spacing) * 6);
193
+ }
194
+ .ml-0\.5 {
195
+ margin-left: calc(var(--spacing) * 0.5);
196
+ }
197
+ .ml-3 {
198
+ margin-left: calc(var(--spacing) * 3);
199
+ }
200
+ .ml-\[27px\] {
201
+ margin-left: 27px;
202
+ }
203
+ .ml-auto {
204
+ margin-left: auto;
205
+ }
206
+ .block {
207
+ display: block;
208
+ }
209
+ .flex {
210
+ display: flex;
211
+ }
212
+ .grid {
213
+ display: grid;
214
+ }
215
+ .hidden {
216
+ display: none;
217
+ }
218
+ .inline-block {
219
+ display: inline-block;
220
+ }
221
+ .inline-flex {
222
+ display: inline-flex;
223
+ }
224
+ .table {
225
+ display: table;
226
+ }
227
+ .h-2 {
228
+ height: calc(var(--spacing) * 2);
229
+ }
230
+ .h-4 {
231
+ height: calc(var(--spacing) * 4);
232
+ }
233
+ .h-6 {
234
+ height: calc(var(--spacing) * 6);
235
+ }
236
+ .h-8 {
237
+ height: calc(var(--spacing) * 8);
238
+ }
239
+ .h-9 {
240
+ height: calc(var(--spacing) * 9);
241
+ }
242
+ .h-10 {
243
+ height: calc(var(--spacing) * 10);
244
+ }
245
+ .h-11 {
246
+ height: calc(var(--spacing) * 11);
247
+ }
248
+ .h-14 {
249
+ height: calc(var(--spacing) * 14);
250
+ }
251
+ .h-16 {
252
+ height: calc(var(--spacing) * 16);
253
+ }
254
+ .h-\[26px\] {
255
+ height: 26px;
256
+ }
257
+ .h-\[34px\] {
258
+ height: 34px;
259
+ }
260
+ .h-\[52px\] {
261
+ height: 52px;
262
+ }
263
+ .h-\[90px\] {
264
+ height: 90px;
265
+ }
266
+ .h-auto {
267
+ height: auto;
268
+ }
269
+ .h-full {
270
+ height: 100%;
271
+ }
272
+ .h-screen {
273
+ height: 100vh;
274
+ }
275
+ .max-h-60 {
276
+ max-height: calc(var(--spacing) * 60);
277
+ }
278
+ .max-h-\[75vh\] {
279
+ max-height: 75vh;
280
+ }
281
+ .max-h-\[360px\] {
282
+ max-height: 360px;
283
+ }
284
+ .max-h-\[calc\(100vh-64px\)\] {
285
+ max-height: calc(100vh - 64px);
286
+ }
287
+ .min-h-0 {
288
+ min-height: calc(var(--spacing) * 0);
289
+ }
290
+ .min-h-10 {
291
+ min-height: calc(var(--spacing) * 10);
292
+ }
293
+ .min-h-full {
294
+ min-height: 100%;
295
+ }
296
+ .w-4 {
297
+ width: calc(var(--spacing) * 4);
298
+ }
299
+ .w-6 {
300
+ width: calc(var(--spacing) * 6);
301
+ }
302
+ .w-8 {
303
+ width: calc(var(--spacing) * 8);
304
+ }
305
+ .w-9 {
306
+ width: calc(var(--spacing) * 9);
307
+ }
308
+ .w-10 {
309
+ width: calc(var(--spacing) * 10);
310
+ }
311
+ .w-11 {
312
+ width: calc(var(--spacing) * 11);
313
+ }
314
+ .w-16 {
315
+ width: calc(var(--spacing) * 16);
316
+ }
317
+ .w-20 {
318
+ width: calc(var(--spacing) * 20);
319
+ }
320
+ .w-\[50px\] {
321
+ width: 50px;
322
+ }
323
+ .w-\[220px\] {
324
+ width: 220px;
325
+ }
326
+ .w-\[296px\] {
327
+ width: 296px;
328
+ }
329
+ .w-\[360px\] {
330
+ width: 360px;
331
+ }
332
+ .w-\[calc\(100\%-32px\)\] {
333
+ width: calc(100% - 32px);
334
+ }
335
+ .w-full {
336
+ width: 100%;
337
+ }
338
+ .max-w-\[86vw\] {
339
+ max-width: 86vw;
340
+ }
341
+ .max-w-\[96px\] {
342
+ max-width: 96px;
343
+ }
344
+ .max-w-\[168px\] {
345
+ max-width: 168px;
346
+ }
347
+ .max-w-\[560px\] {
348
+ max-width: 560px;
349
+ }
350
+ .max-w-\[640px\] {
351
+ max-width: 640px;
352
+ }
353
+ .max-w-\[calc\(100vw-16px\)\] {
354
+ max-width: calc(100vw - 16px);
355
+ }
356
+ .min-w-0 {
357
+ min-width: calc(var(--spacing) * 0);
358
+ }
359
+ .min-w-9 {
360
+ min-width: calc(var(--spacing) * 9);
361
+ }
362
+ .min-w-10 {
363
+ min-width: calc(var(--spacing) * 10);
364
+ }
365
+ .min-w-\[20px\] {
366
+ min-width: 20px;
367
+ }
368
+ .min-w-\[44px\] {
369
+ min-width: 44px;
370
+ }
371
+ .min-w-\[100\%\] {
372
+ min-width: 100%;
373
+ }
374
+ .flex-1 {
375
+ flex: 1;
376
+ }
377
+ .shrink-0 {
378
+ flex-shrink: 0;
379
+ }
380
+ .table-fixed {
381
+ table-layout: fixed;
382
+ }
383
+ .caption-bottom {
384
+ caption-side: bottom;
385
+ }
386
+ .border-collapse {
387
+ border-collapse: collapse;
388
+ }
389
+ .-translate-x-1\/2 {
390
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
391
+ translate: var(--tw-translate-x) var(--tw-translate-y);
392
+ }
393
+ .translate-x-1 {
394
+ --tw-translate-x: calc(var(--spacing) * 1);
395
+ translate: var(--tw-translate-x) var(--tw-translate-y);
396
+ }
397
+ .translate-x-6 {
398
+ --tw-translate-x: calc(var(--spacing) * 6);
399
+ translate: var(--tw-translate-x) var(--tw-translate-y);
400
+ }
401
+ .translate-x-\[100\%\] {
402
+ --tw-translate-x: 100%;
403
+ translate: var(--tw-translate-x) var(--tw-translate-y);
404
+ }
405
+ .-translate-y-1\/2 {
406
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
407
+ translate: var(--tw-translate-x) var(--tw-translate-y);
408
+ }
409
+ .rotate-180 {
410
+ rotate: 180deg;
411
+ }
412
+ .transform {
413
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
414
+ }
415
+ .cursor-default {
416
+ cursor: default;
417
+ }
418
+ .cursor-not-allowed {
419
+ cursor: not-allowed;
420
+ }
421
+ .cursor-pointer {
422
+ cursor: pointer;
423
+ }
424
+ .cursor-text {
425
+ cursor: text;
426
+ }
427
+ .resize {
428
+ resize: both;
429
+ }
430
+ .grid-cols-\[repeat\(auto-fit\,minmax\(260px\,1fr\)\)\] {
431
+ grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
432
+ }
433
+ .flex-col {
434
+ flex-direction: column;
435
+ }
436
+ .flex-col-reverse {
437
+ flex-direction: column-reverse;
438
+ }
439
+ .flex-wrap {
440
+ flex-wrap: wrap;
441
+ }
442
+ .items-center {
443
+ align-items: center;
444
+ }
445
+ .justify-between {
446
+ justify-content: space-between;
447
+ }
448
+ .justify-center {
449
+ justify-content: center;
450
+ }
451
+ .justify-end {
452
+ justify-content: flex-end;
453
+ }
454
+ .gap-0\.5 {
455
+ gap: calc(var(--spacing) * 0.5);
456
+ }
457
+ .gap-1 {
458
+ gap: calc(var(--spacing) * 1);
459
+ }
460
+ .gap-2 {
461
+ gap: calc(var(--spacing) * 2);
462
+ }
463
+ .gap-2\.5 {
464
+ gap: calc(var(--spacing) * 2.5);
465
+ }
466
+ .gap-3 {
467
+ gap: calc(var(--spacing) * 3);
468
+ }
469
+ .gap-4 {
470
+ gap: calc(var(--spacing) * 4);
471
+ }
472
+ .gap-\[3px\] {
473
+ gap: 3px;
474
+ }
475
+ .gap-x-8 {
476
+ column-gap: calc(var(--spacing) * 8);
477
+ }
478
+ .gap-y-2 {
479
+ row-gap: calc(var(--spacing) * 2);
480
+ }
481
+ .truncate {
482
+ overflow: hidden;
483
+ text-overflow: ellipsis;
484
+ white-space: nowrap;
485
+ }
486
+ .overflow-auto {
487
+ overflow: auto;
488
+ }
489
+ .overflow-hidden {
490
+ overflow: hidden;
491
+ }
492
+ .overflow-x-auto {
493
+ overflow-x: auto;
494
+ }
495
+ .overflow-x-hidden {
496
+ overflow-x: hidden;
497
+ }
498
+ .overflow-y-auto {
499
+ overflow-y: auto;
500
+ }
501
+ .rounded {
502
+ border-radius: 0.25rem;
503
+ }
504
+ .rounded-2xl {
505
+ border-radius: var(--radius-2xl);
506
+ }
507
+ .rounded-\[4px\] {
508
+ border-radius: 4px;
509
+ }
510
+ .rounded-\[6px\] {
511
+ border-radius: 6px;
512
+ }
513
+ .rounded-\[8px\] {
514
+ border-radius: 8px;
515
+ }
516
+ .rounded-\[10px\] {
517
+ border-radius: 10px;
518
+ }
519
+ .rounded-\[12px\] {
520
+ border-radius: 12px;
521
+ }
522
+ .rounded-full {
523
+ border-radius: calc(infinity * 1px);
524
+ }
525
+ .rounded-lg {
526
+ border-radius: var(--radius-lg);
527
+ }
528
+ .rounded-md {
529
+ border-radius: var(--radius-md);
530
+ }
531
+ .rounded-sm {
532
+ border-radius: var(--radius-sm);
533
+ }
534
+ .border {
535
+ border-style: var(--tw-border-style);
536
+ border-width: 1px;
537
+ }
538
+ .border-0 {
539
+ border-style: var(--tw-border-style);
540
+ border-width: 0px;
541
+ }
542
+ .border-2 {
543
+ border-style: var(--tw-border-style);
544
+ border-width: 2px;
545
+ }
546
+ .border-t {
547
+ border-top-style: var(--tw-border-style);
548
+ border-top-width: 1px;
549
+ }
550
+ .border-r {
551
+ border-right-style: var(--tw-border-style);
552
+ border-right-width: 1px;
553
+ }
554
+ .border-b {
555
+ border-bottom-style: var(--tw-border-style);
556
+ border-bottom-width: 1px;
557
+ }
558
+ .border-b-2 {
559
+ border-bottom-style: var(--tw-border-style);
560
+ border-bottom-width: 2px;
561
+ }
562
+ .border-l {
563
+ border-left-style: var(--tw-border-style);
564
+ border-left-width: 1px;
565
+ }
566
+ .border-dashed {
567
+ --tw-border-style: dashed;
568
+ border-style: dashed;
569
+ }
570
+ .border-\[\#e5e5e5\] {
571
+ border-color: #e5e5e5;
572
+ }
573
+ .border-\[\#e6e6e6\] {
574
+ border-color: #e6e6e6;
575
+ }
576
+ .border-\[\#fca5a5\] {
577
+ border-color: #fca5a5;
578
+ }
579
+ .border-\[hsl\(0_0\%_89\.8\%\)\] {
580
+ border-color: hsl(0 0% 89.8%);
581
+ }
582
+ .border-blue-600 {
583
+ border-color: var(--color-blue-600);
584
+ }
585
+ .border-gray-200 {
586
+ border-color: var(--color-gray-200);
587
+ }
588
+ .border-gray-300 {
589
+ border-color: var(--color-gray-300);
590
+ }
591
+ .border-gray-400 {
592
+ border-color: var(--color-gray-400);
593
+ }
594
+ .border-jett-line {
595
+ border-color: var(--color-jett-line);
596
+ }
597
+ .border-jett-line-row {
598
+ border-color: var(--color-jett-line-row);
599
+ }
600
+ .border-jett-line-soft {
601
+ border-color: var(--color-jett-line-soft);
602
+ }
603
+ .border-primary {
604
+ border-color: var(--color-primary);
605
+ }
606
+ .border-red-500 {
607
+ border-color: var(--color-red-500);
608
+ }
609
+ .border-transparent {
610
+ border-color: transparent;
611
+ }
612
+ .bg-\[\#F7FAFC\] {
613
+ background-color: #F7FAFC;
614
+ }
615
+ .bg-\[\#ef4444\] {
616
+ background-color: #ef4444;
617
+ }
618
+ .bg-\[\#fff\] {
619
+ background-color: #fff;
620
+ }
621
+ .bg-\[rgba\(17\,24\,39\,0\.4\)\] {
622
+ background-color: rgba(17, 24, 39, 0.4);
623
+ }
624
+ .bg-\[rgba\(17\,24\,39\,0\.5\)\] {
625
+ background-color: rgba(17, 24, 39, 0.5);
626
+ }
627
+ .bg-black {
628
+ background-color: var(--color-black);
629
+ }
630
+ .bg-black\/50 {
631
+ background-color: color-mix(in srgb, #000 50%, transparent);
632
+ @supports (color: color-mix(in lab, red, red)) {
633
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
634
+ }
635
+ }
636
+ .bg-black\/80 {
637
+ background-color: color-mix(in srgb, #000 80%, transparent);
638
+ @supports (color: color-mix(in lab, red, red)) {
639
+ background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
640
+ }
641
+ }
642
+ .bg-blue-50 {
643
+ background-color: var(--color-blue-50);
644
+ }
645
+ .bg-blue-600 {
646
+ background-color: var(--color-blue-600);
647
+ }
648
+ .bg-gray-50 {
649
+ background-color: var(--color-gray-50);
650
+ }
651
+ .bg-gray-100 {
652
+ background-color: var(--color-gray-100);
653
+ }
654
+ .bg-gray-200 {
655
+ background-color: var(--color-gray-200);
656
+ }
657
+ .bg-gray-300 {
658
+ background-color: var(--color-gray-300);
659
+ }
660
+ .bg-green-100 {
661
+ background-color: var(--color-green-100);
662
+ }
663
+ .bg-jett-brand {
664
+ background-color: var(--color-jett-brand);
665
+ }
666
+ .bg-jett-brand-soft {
667
+ background-color: var(--color-jett-brand-soft);
668
+ }
669
+ .bg-jett-canvas {
670
+ background-color: var(--color-jett-canvas);
671
+ }
672
+ .bg-jett-danger-soft {
673
+ background-color: var(--color-jett-danger-soft);
674
+ }
675
+ .bg-jett-fill {
676
+ background-color: var(--color-jett-fill);
677
+ }
678
+ .bg-jett-ink-800 {
679
+ background-color: var(--color-jett-ink-800);
680
+ }
681
+ .bg-jett-surface {
682
+ background-color: var(--color-jett-surface);
683
+ }
684
+ .bg-primary {
685
+ background-color: var(--color-primary);
686
+ }
687
+ .bg-red-50 {
688
+ background-color: var(--color-red-50);
689
+ }
690
+ .bg-red-100 {
691
+ background-color: var(--color-red-100);
692
+ }
693
+ .bg-red-600 {
694
+ background-color: var(--color-red-600);
695
+ }
696
+ .bg-transparent {
697
+ background-color: transparent;
698
+ }
699
+ .bg-white {
700
+ background-color: var(--color-white);
701
+ }
702
+ .bg-yellow-100 {
703
+ background-color: var(--color-yellow-100);
704
+ }
705
+ .object-contain {
706
+ object-fit: contain;
707
+ }
708
+ .p-0 {
709
+ padding: calc(var(--spacing) * 0);
710
+ }
711
+ .p-1\.5 {
712
+ padding: calc(var(--spacing) * 1.5);
713
+ }
714
+ .p-2 {
715
+ padding: calc(var(--spacing) * 2);
716
+ }
717
+ .p-2\.5 {
718
+ padding: calc(var(--spacing) * 2.5);
719
+ }
720
+ .p-4 {
721
+ padding: calc(var(--spacing) * 4);
722
+ }
723
+ .p-6 {
724
+ padding: calc(var(--spacing) * 6);
725
+ }
726
+ .\!px-2\.5 {
727
+ padding-inline: calc(var(--spacing) * 2.5) !important;
728
+ }
729
+ .px-0 {
730
+ padding-inline: calc(var(--spacing) * 0);
731
+ }
732
+ .px-2 {
733
+ padding-inline: calc(var(--spacing) * 2);
734
+ }
735
+ .px-2\.5 {
736
+ padding-inline: calc(var(--spacing) * 2.5);
737
+ }
738
+ .px-3 {
739
+ padding-inline: calc(var(--spacing) * 3);
740
+ }
741
+ .px-4 {
742
+ padding-inline: calc(var(--spacing) * 4);
743
+ }
744
+ .px-5 {
745
+ padding-inline: calc(var(--spacing) * 5);
746
+ }
747
+ .px-6 {
748
+ padding-inline: calc(var(--spacing) * 6);
749
+ }
750
+ .px-\[5px\] {
751
+ padding-inline: 5px;
752
+ }
753
+ .px-\[7px\] {
754
+ padding-inline: 7px;
755
+ }
756
+ .\!py-\[7px\] {
757
+ padding-block: 7px !important;
758
+ }
759
+ .py-0\.5 {
760
+ padding-block: calc(var(--spacing) * 0.5);
761
+ }
762
+ .py-1 {
763
+ padding-block: calc(var(--spacing) * 1);
764
+ }
765
+ .py-2 {
766
+ padding-block: calc(var(--spacing) * 2);
767
+ }
768
+ .py-2\.5 {
769
+ padding-block: calc(var(--spacing) * 2.5);
770
+ }
771
+ .py-3 {
772
+ padding-block: calc(var(--spacing) * 3);
773
+ }
774
+ .py-4 {
775
+ padding-block: calc(var(--spacing) * 4);
776
+ }
777
+ .py-6 {
778
+ padding-block: calc(var(--spacing) * 6);
779
+ }
780
+ .py-\[6px\] {
781
+ padding-block: 6px;
782
+ }
783
+ .py-\[7px\] {
784
+ padding-block: 7px;
785
+ }
786
+ .py-\[9px\] {
787
+ padding-block: 9px;
788
+ }
789
+ .py-\[11px\] {
790
+ padding-block: 11px;
791
+ }
792
+ .py-px {
793
+ padding-block: 1px;
794
+ }
795
+ .pt-1\.5 {
796
+ padding-top: calc(var(--spacing) * 1.5);
797
+ }
798
+ .pt-2 {
799
+ padding-top: calc(var(--spacing) * 2);
800
+ }
801
+ .pt-3 {
802
+ padding-top: calc(var(--spacing) * 3);
803
+ }
804
+ .pr-2 {
805
+ padding-right: calc(var(--spacing) * 2);
806
+ }
807
+ .pb-1\.5 {
808
+ padding-bottom: calc(var(--spacing) * 1.5);
809
+ }
810
+ .pb-2 {
811
+ padding-bottom: calc(var(--spacing) * 2);
812
+ }
813
+ .pb-5 {
814
+ padding-bottom: calc(var(--spacing) * 5);
815
+ }
816
+ .pl-1 {
817
+ padding-left: calc(var(--spacing) * 1);
818
+ }
819
+ .pl-2 {
820
+ padding-left: calc(var(--spacing) * 2);
821
+ }
822
+ .pl-3 {
823
+ padding-left: calc(var(--spacing) * 3);
824
+ }
825
+ .pl-\[13px\] {
826
+ padding-left: 13px;
827
+ }
828
+ .text-center {
829
+ text-align: center;
830
+ }
831
+ .text-left {
832
+ text-align: left;
833
+ }
834
+ .text-right {
835
+ text-align: right;
836
+ }
837
+ .font-jett {
838
+ font-family: var(--font-jett);
839
+ }
840
+ .text-lg {
841
+ font-size: var(--text-lg);
842
+ line-height: var(--tw-leading, var(--text-lg--line-height));
843
+ }
844
+ .text-sm {
845
+ font-size: var(--text-sm);
846
+ line-height: var(--tw-leading, var(--text-sm--line-height));
847
+ }
848
+ .text-xs {
849
+ font-size: var(--text-xs);
850
+ line-height: var(--tw-leading, var(--text-xs--line-height));
851
+ }
852
+ .\!text-\[12px\] {
853
+ font-size: 12px !important;
854
+ }
855
+ .\!text-\[14px\] {
856
+ font-size: 14px !important;
857
+ }
858
+ .\!text-\[16px\] {
859
+ font-size: 16px !important;
860
+ }
861
+ .\!text-\[22px\] {
862
+ font-size: 22px !important;
863
+ }
864
+ .text-\[11px\] {
865
+ font-size: 11px;
866
+ }
867
+ .text-\[12px\] {
868
+ font-size: 12px;
869
+ }
870
+ .text-\[13px\] {
871
+ font-size: 13px;
872
+ }
873
+ .text-\[14px\] {
874
+ font-size: 14px;
875
+ }
876
+ .text-\[15px\] {
877
+ font-size: 15px;
878
+ }
879
+ .leading-5 {
880
+ --tw-leading: calc(var(--spacing) * 5);
881
+ line-height: calc(var(--spacing) * 5);
882
+ }
883
+ .leading-6 {
884
+ --tw-leading: calc(var(--spacing) * 6);
885
+ line-height: calc(var(--spacing) * 6);
886
+ }
887
+ .leading-\[18px\] {
888
+ --tw-leading: 18px;
889
+ line-height: 18px;
890
+ }
891
+ .\!font-medium {
892
+ --tw-font-weight: var(--font-weight-medium) !important;
893
+ font-weight: var(--font-weight-medium) !important;
894
+ }
895
+ .\!font-semibold {
896
+ --tw-font-weight: var(--font-weight-semibold) !important;
897
+ font-weight: var(--font-weight-semibold) !important;
898
+ }
899
+ .font-\[500\] {
900
+ --tw-font-weight: 500;
901
+ font-weight: 500;
902
+ }
903
+ .font-\[600\] {
904
+ --tw-font-weight: 600;
905
+ font-weight: 600;
906
+ }
907
+ .font-bold {
908
+ --tw-font-weight: var(--font-weight-bold);
909
+ font-weight: var(--font-weight-bold);
910
+ }
911
+ .font-medium {
912
+ --tw-font-weight: var(--font-weight-medium);
913
+ font-weight: var(--font-weight-medium);
914
+ }
915
+ .font-semibold {
916
+ --tw-font-weight: var(--font-weight-semibold);
917
+ font-weight: var(--font-weight-semibold);
918
+ }
919
+ .tracking-\[-0\.01em\] {
920
+ --tw-tracking: -0.01em;
921
+ letter-spacing: -0.01em;
922
+ }
923
+ .tracking-\[0\.06em\] {
924
+ --tw-tracking: 0.06em;
925
+ letter-spacing: 0.06em;
926
+ }
927
+ .whitespace-nowrap {
928
+ white-space: nowrap;
929
+ }
930
+ .text-\[\#737373\] {
931
+ color: #737373;
932
+ }
933
+ .text-black {
934
+ color: var(--color-black);
935
+ }
936
+ .text-blue-600 {
937
+ color: var(--color-blue-600);
938
+ }
939
+ .text-gray-400 {
940
+ color: var(--color-gray-400);
941
+ }
942
+ .text-gray-500 {
943
+ color: var(--color-gray-500);
944
+ }
945
+ .text-gray-600 {
946
+ color: var(--color-gray-600);
947
+ }
948
+ .text-gray-700 {
949
+ color: var(--color-gray-700);
950
+ }
951
+ .text-gray-900 {
952
+ color: var(--color-gray-900);
953
+ }
954
+ .text-green-800 {
955
+ color: var(--color-green-800);
956
+ }
957
+ .text-jett-brand {
958
+ color: var(--color-jett-brand);
959
+ }
960
+ .text-jett-brand-hover {
961
+ color: var(--color-jett-brand-hover);
962
+ }
963
+ .text-jett-danger {
964
+ color: var(--color-jett-danger);
965
+ }
966
+ .text-jett-ink {
967
+ color: var(--color-jett-ink);
968
+ }
969
+ .text-jett-ink-400 {
970
+ color: var(--color-jett-ink-400);
971
+ }
972
+ .text-jett-ink-500 {
973
+ color: var(--color-jett-ink-500);
974
+ }
975
+ .text-jett-ink-600 {
976
+ color: var(--color-jett-ink-600);
977
+ }
978
+ .text-jett-ink-700 {
979
+ color: var(--color-jett-ink-700);
980
+ }
981
+ .text-jett-ink-800 {
982
+ color: var(--color-jett-ink-800);
983
+ }
984
+ .text-red-500 {
985
+ color: var(--color-red-500);
986
+ }
987
+ .text-red-800 {
988
+ color: var(--color-red-800);
989
+ }
990
+ .text-white {
991
+ color: var(--color-white);
992
+ }
993
+ .text-yellow-800 {
994
+ color: var(--color-yellow-800);
995
+ }
996
+ .uppercase {
997
+ text-transform: uppercase;
998
+ }
999
+ .opacity-60 {
1000
+ opacity: 60%;
1001
+ }
1002
+ .shadow {
1003
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1004
+ box-shadow:
1005
+ var(--tw-inset-shadow),
1006
+ var(--tw-inset-ring-shadow),
1007
+ var(--tw-ring-offset-shadow),
1008
+ var(--tw-ring-shadow),
1009
+ var(--tw-shadow);
1010
+ }
1011
+ .shadow-2xl {
1012
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1013
+ box-shadow:
1014
+ var(--tw-inset-shadow),
1015
+ var(--tw-inset-ring-shadow),
1016
+ var(--tw-ring-offset-shadow),
1017
+ var(--tw-ring-shadow),
1018
+ var(--tw-shadow);
1019
+ }
1020
+ .shadow-jett-pop {
1021
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0, 0, 0, 0.12)), 0 8px 10px -6px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
1022
+ box-shadow:
1023
+ var(--tw-inset-shadow),
1024
+ var(--tw-inset-ring-shadow),
1025
+ var(--tw-ring-offset-shadow),
1026
+ var(--tw-ring-shadow),
1027
+ var(--tw-shadow);
1028
+ }
1029
+ .shadow-lg {
1030
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1031
+ box-shadow:
1032
+ var(--tw-inset-shadow),
1033
+ var(--tw-inset-ring-shadow),
1034
+ var(--tw-ring-offset-shadow),
1035
+ var(--tw-ring-shadow),
1036
+ var(--tw-shadow);
1037
+ }
1038
+ .outline {
1039
+ outline-style: var(--tw-outline-style);
1040
+ outline-width: 1px;
1041
+ }
1042
+ .outline-offset-2 {
1043
+ outline-offset: 2px;
1044
+ }
1045
+ .outline-black {
1046
+ outline-color: var(--color-black);
1047
+ }
1048
+ .transition {
1049
+ transition-property:
1050
+ color,
1051
+ background-color,
1052
+ border-color,
1053
+ outline-color,
1054
+ text-decoration-color,
1055
+ fill,
1056
+ stroke,
1057
+ --tw-gradient-from,
1058
+ --tw-gradient-via,
1059
+ --tw-gradient-to,
1060
+ opacity,
1061
+ box-shadow,
1062
+ transform,
1063
+ translate,
1064
+ scale,
1065
+ rotate,
1066
+ filter,
1067
+ -webkit-backdrop-filter,
1068
+ backdrop-filter,
1069
+ display,
1070
+ content-visibility,
1071
+ overlay,
1072
+ pointer-events;
1073
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1074
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1075
+ }
1076
+ .transition-\[width\,transform\] {
1077
+ transition-property: width, transform;
1078
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1079
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1080
+ }
1081
+ .transition-all {
1082
+ transition-property: all;
1083
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1084
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1085
+ }
1086
+ .transition-colors {
1087
+ transition-property:
1088
+ color,
1089
+ background-color,
1090
+ border-color,
1091
+ outline-color,
1092
+ text-decoration-color,
1093
+ fill,
1094
+ stroke,
1095
+ --tw-gradient-from,
1096
+ --tw-gradient-via,
1097
+ --tw-gradient-to;
1098
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1099
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1100
+ }
1101
+ .transition-transform {
1102
+ transition-property:
1103
+ transform,
1104
+ translate,
1105
+ scale,
1106
+ rotate;
1107
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1108
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1109
+ }
1110
+ .duration-150 {
1111
+ --tw-duration: 150ms;
1112
+ transition-duration: 150ms;
1113
+ }
1114
+ .duration-200 {
1115
+ --tw-duration: 200ms;
1116
+ transition-duration: 200ms;
1117
+ }
1118
+ .duration-300 {
1119
+ --tw-duration: 300ms;
1120
+ transition-duration: 300ms;
1121
+ }
1122
+ .ease-in-out {
1123
+ --tw-ease: var(--ease-in-out);
1124
+ transition-timing-function: var(--ease-in-out);
1125
+ }
1126
+ .outline-none {
1127
+ --tw-outline-style: none;
1128
+ outline-style: none;
1129
+ }
1130
+ .select-none {
1131
+ -webkit-user-select: none;
1132
+ user-select: none;
1133
+ }
1134
+ .peer-checked\:border-primary {
1135
+ &:is(:where(.peer):checked ~ *) {
1136
+ border-color: var(--color-primary);
1137
+ }
1138
+ }
1139
+ .peer-checked\:bg-primary {
1140
+ &:is(:where(.peer):checked ~ *) {
1141
+ background-color: var(--color-primary);
1142
+ }
1143
+ }
1144
+ .placeholder\:text-\[14px\] {
1145
+ &::placeholder {
1146
+ font-size: 14px;
1147
+ }
1148
+ }
1149
+ .placeholder\:font-normal {
1150
+ &::placeholder {
1151
+ --tw-font-weight: var(--font-weight-normal);
1152
+ font-weight: var(--font-weight-normal);
1153
+ }
1154
+ }
1155
+ .placeholder\:text-\[\#6b7280\] {
1156
+ &::placeholder {
1157
+ color: #6b7280;
1158
+ }
1159
+ }
1160
+ .placeholder\:text-jett-ink-400 {
1161
+ &::placeholder {
1162
+ color: var(--color-jett-ink-400);
1163
+ }
1164
+ }
1165
+ .focus-within\:outline-2 {
1166
+ &:focus-within {
1167
+ outline-style: var(--tw-outline-style);
1168
+ outline-width: 2px;
1169
+ }
1170
+ }
1171
+ .focus-within\:outline-offset-2 {
1172
+ &:focus-within {
1173
+ outline-offset: 2px;
1174
+ }
1175
+ }
1176
+ .focus-within\:outline-black {
1177
+ &:focus-within {
1178
+ outline-color: var(--color-black);
1179
+ }
1180
+ }
1181
+ .hover\:border-gray-400 {
1182
+ &:hover {
1183
+ @media (hover: hover) {
1184
+ border-color: var(--color-gray-400);
1185
+ }
1186
+ }
1187
+ }
1188
+ .hover\:border-jett-line-control {
1189
+ &:hover {
1190
+ @media (hover: hover) {
1191
+ border-color: var(--color-jett-line-control);
1192
+ }
1193
+ }
1194
+ }
1195
+ .hover\:bg-\[\#F7FAFC\] {
1196
+ &:hover {
1197
+ @media (hover: hover) {
1198
+ background-color: #F7FAFC;
1199
+ }
1200
+ }
1201
+ }
1202
+ .hover\:bg-gray-50 {
1203
+ &:hover {
1204
+ @media (hover: hover) {
1205
+ background-color: var(--color-gray-50);
1206
+ }
1207
+ }
1208
+ }
1209
+ .hover\:bg-gray-100 {
1210
+ &:hover {
1211
+ @media (hover: hover) {
1212
+ background-color: var(--color-gray-100);
1213
+ }
1214
+ }
1215
+ }
1216
+ .hover\:bg-jett-canvas {
1217
+ &:hover {
1218
+ @media (hover: hover) {
1219
+ background-color: var(--color-jett-canvas);
1220
+ }
1221
+ }
1222
+ }
1223
+ .hover\:bg-jett-danger-soft {
1224
+ &:hover {
1225
+ @media (hover: hover) {
1226
+ background-color: var(--color-jett-danger-soft);
1227
+ }
1228
+ }
1229
+ }
1230
+ .hover\:bg-jett-fill {
1231
+ &:hover {
1232
+ @media (hover: hover) {
1233
+ background-color: var(--color-jett-fill);
1234
+ }
1235
+ }
1236
+ }
1237
+ .hover\:bg-red-700 {
1238
+ &:hover {
1239
+ @media (hover: hover) {
1240
+ background-color: var(--color-red-700);
1241
+ }
1242
+ }
1243
+ }
1244
+ .hover\:text-gray-700 {
1245
+ &:hover {
1246
+ @media (hover: hover) {
1247
+ color: var(--color-gray-700);
1248
+ }
1249
+ }
1250
+ }
1251
+ .hover\:text-jett-ink {
1252
+ &:hover {
1253
+ @media (hover: hover) {
1254
+ color: var(--color-jett-ink);
1255
+ }
1256
+ }
1257
+ }
1258
+ .hover\:text-jett-ink-700 {
1259
+ &:hover {
1260
+ @media (hover: hover) {
1261
+ color: var(--color-jett-ink-700);
1262
+ }
1263
+ }
1264
+ }
1265
+ .focus\:border-black {
1266
+ &:focus {
1267
+ border-color: var(--color-black);
1268
+ }
1269
+ }
1270
+ .focus\:shadow-none {
1271
+ &:focus {
1272
+ --tw-shadow: 0 0 #0000;
1273
+ box-shadow:
1274
+ var(--tw-inset-shadow),
1275
+ var(--tw-inset-ring-shadow),
1276
+ var(--tw-ring-offset-shadow),
1277
+ var(--tw-ring-shadow),
1278
+ var(--tw-shadow);
1279
+ }
1280
+ }
1281
+ .focus\:ring-0 {
1282
+ &:focus {
1283
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1284
+ box-shadow:
1285
+ var(--tw-inset-shadow),
1286
+ var(--tw-inset-ring-shadow),
1287
+ var(--tw-ring-offset-shadow),
1288
+ var(--tw-ring-shadow),
1289
+ var(--tw-shadow);
1290
+ }
1291
+ }
1292
+ .focus\:outline-2 {
1293
+ &:focus {
1294
+ outline-style: var(--tw-outline-style);
1295
+ outline-width: 2px;
1296
+ }
1297
+ }
1298
+ .focus\:outline-offset-2 {
1299
+ &:focus {
1300
+ outline-offset: 2px;
1301
+ }
1302
+ }
1303
+ .focus\:outline-black {
1304
+ &:focus {
1305
+ outline-color: var(--color-black);
1306
+ }
1307
+ }
1308
+ .focus\:outline-none {
1309
+ &:focus {
1310
+ --tw-outline-style: none;
1311
+ outline-style: none;
1312
+ }
1313
+ }
1314
+ .disabled\:cursor-not-allowed {
1315
+ &:disabled {
1316
+ cursor: not-allowed;
1317
+ }
1318
+ }
1319
+ .disabled\:opacity-50 {
1320
+ &:disabled {
1321
+ opacity: 50%;
1322
+ }
1323
+ }
1324
+ .sm\:flex-row {
1325
+ @media (width >= 40rem) {
1326
+ flex-direction: row;
1327
+ }
1328
+ }
1329
+ .sm\:justify-end {
1330
+ @media (width >= 40rem) {
1331
+ justify-content: flex-end;
1332
+ }
1333
+ }
1334
+ .sm\:space-x-2 {
1335
+ @media (width >= 40rem) {
1336
+ :where(& > :not(:last-child)) {
1337
+ --tw-space-x-reverse: 0;
1338
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
1339
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
1340
+ }
1341
+ }
1342
+ }
1343
+ .md\:min-w-\[576px\] {
1344
+ @media (width >= 48rem) {
1345
+ min-width: 576px;
1346
+ }
1347
+ }
1348
+ .dark\:border-\[\#303036\] {
1349
+ &:where(.dark, .dark *) {
1350
+ border-color: #303036;
1351
+ }
1352
+ }
1353
+ .dark\:bg-\[\#1d1d20\] {
1354
+ &:where(.dark, .dark *) {
1355
+ background-color: #1d1d20;
1356
+ }
1357
+ }
1358
+ .dark\:bg-\[\#18181b\] {
1359
+ &:where(.dark, .dark *) {
1360
+ background-color: #18181b;
1361
+ }
1362
+ }
1363
+ .dark\:bg-\[\#27272a\] {
1364
+ &:where(.dark, .dark *) {
1365
+ background-color: #27272a;
1366
+ }
1367
+ }
1368
+ .dark\:bg-\[\#303036\] {
1369
+ &:where(.dark, .dark *) {
1370
+ background-color: #303036;
1371
+ }
1372
+ }
1373
+ .dark\:bg-blue-950\/40 {
1374
+ &:where(.dark, .dark *) {
1375
+ background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 40%, transparent);
1376
+ @supports (color: color-mix(in lab, red, red)) {
1377
+ background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
1378
+ }
1379
+ }
1380
+ }
1381
+ .dark\:bg-gray-800 {
1382
+ &:where(.dark, .dark *) {
1383
+ background-color: var(--color-gray-800);
1384
+ }
1385
+ }
1386
+ .dark\:bg-green-900 {
1387
+ &:where(.dark, .dark *) {
1388
+ background-color: var(--color-green-900);
1389
+ }
1390
+ }
1391
+ .dark\:bg-primary {
1392
+ &:where(.dark, .dark *) {
1393
+ background-color: var(--color-primary);
1394
+ }
1395
+ }
1396
+ .dark\:bg-red-900 {
1397
+ &:where(.dark, .dark *) {
1398
+ background-color: var(--color-red-900);
1399
+ }
1400
+ }
1401
+ .dark\:bg-transparent {
1402
+ &:where(.dark, .dark *) {
1403
+ background-color: transparent;
1404
+ }
1405
+ }
1406
+ .dark\:bg-yellow-900 {
1407
+ &:where(.dark, .dark *) {
1408
+ background-color: var(--color-yellow-900);
1409
+ }
1410
+ }
1411
+ .dark\:text-\[\#f4f4f5cc\] {
1412
+ &:where(.dark, .dark *) {
1413
+ color: #f4f4f5cc;
1414
+ }
1415
+ }
1416
+ .dark\:text-gray-600 {
1417
+ &:where(.dark, .dark *) {
1418
+ color: var(--color-gray-600);
1419
+ }
1420
+ }
1421
+ .dark\:text-green-100 {
1422
+ &:where(.dark, .dark *) {
1423
+ color: var(--color-green-100);
1424
+ }
1425
+ }
1426
+ .dark\:text-red-100 {
1427
+ &:where(.dark, .dark *) {
1428
+ color: var(--color-red-100);
1429
+ }
1430
+ }
1431
+ .dark\:text-white {
1432
+ &:where(.dark, .dark *) {
1433
+ color: var(--color-white);
1434
+ }
1435
+ }
1436
+ .dark\:text-yellow-100 {
1437
+ &:where(.dark, .dark *) {
1438
+ color: var(--color-yellow-100);
1439
+ }
1440
+ }
1441
+ .dark\:outline-white {
1442
+ &:where(.dark, .dark *) {
1443
+ outline-color: var(--color-white);
1444
+ }
1445
+ }
1446
+ .dark\:hover\:bg-\[\#27272a\] {
1447
+ &:where(.dark, .dark *) {
1448
+ &:hover {
1449
+ @media (hover: hover) {
1450
+ background-color: #27272a;
1451
+ }
1452
+ }
1453
+ }
1454
+ }
1455
+ .dark\:hover\:bg-\[\#303036\] {
1456
+ &:where(.dark, .dark *) {
1457
+ &:hover {
1458
+ @media (hover: hover) {
1459
+ background-color: #303036;
1460
+ }
1461
+ }
1462
+ }
1463
+ }
1464
+ .dark\:hover\:text-white {
1465
+ &:where(.dark, .dark *) {
1466
+ &:hover {
1467
+ @media (hover: hover) {
1468
+ color: var(--color-white);
1469
+ }
1470
+ }
1471
+ }
1472
+ }
1473
+ @font-face {
1474
+ font-family: "Inter";
1475
+ src: url("./Inter-Regular-GS5EHSMB.woff2") format("woff2");
1476
+ font-weight: 400;
1477
+ font-style: normal;
1478
+ font-display: swap;
1479
+ }
1480
+ @font-face {
1481
+ font-family: "Inter";
1482
+ src: url("./Inter-Medium-5IRUMIHZ.woff2") format("woff2");
1483
+ font-weight: 500;
1484
+ font-style: normal;
1485
+ font-display: swap;
1486
+ }
1487
+ @font-face {
1488
+ font-family: "Inter";
1489
+ src: url("./Inter-SemiBold-SVBZ7NC6.woff2") format("woff2");
1490
+ font-weight: 600;
1491
+ font-style: normal;
1492
+ font-display: swap;
1493
+ }
1494
+ @font-face {
1495
+ font-family: "Inter";
1496
+ src: url("./Inter-Bold-UGVMS3V6.woff2") format("woff2");
1497
+ font-weight: 700;
1498
+ font-style: normal;
1499
+ font-display: swap;
1500
+ }
1501
+ body {
1502
+ font-family: "Inter", sans-serif;
1503
+ }
1504
+ @layer utilities {
1505
+ .scrollbar-hide {
1506
+ scrollbar-width: none;
1507
+ -ms-overflow-style: none;
1508
+ }
1509
+ .scrollbar-hide::-webkit-scrollbar {
1510
+ display: none;
1511
+ }
1512
+ }
1513
+ @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
1514
+ @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
1515
+ @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
1516
+ @property --tw-rotate-x { syntax: "*"; inherits: false; }
1517
+ @property --tw-rotate-y { syntax: "*"; inherits: false; }
1518
+ @property --tw-rotate-z { syntax: "*"; inherits: false; }
1519
+ @property --tw-skew-x { syntax: "*"; inherits: false; }
1520
+ @property --tw-skew-y { syntax: "*"; inherits: false; }
1521
+ @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
1522
+ @property --tw-leading { syntax: "*"; inherits: false; }
1523
+ @property --tw-font-weight { syntax: "*"; inherits: false; }
1524
+ @property --tw-tracking { syntax: "*"; inherits: false; }
1525
+ @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1526
+ @property --tw-shadow-color { syntax: "*"; inherits: false; }
1527
+ @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1528
+ @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1529
+ @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
1530
+ @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1531
+ @property --tw-ring-color { syntax: "*"; inherits: false; }
1532
+ @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1533
+ @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
1534
+ @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1535
+ @property --tw-ring-inset { syntax: "*"; inherits: false; }
1536
+ @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
1537
+ @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
1538
+ @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1539
+ @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
1540
+ @property --tw-duration { syntax: "*"; inherits: false; }
1541
+ @property --tw-ease { syntax: "*"; inherits: false; }
1542
+ @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
1543
+ @layer properties {
1544
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1545
+ *,
1546
+ ::before,
1547
+ ::after,
1548
+ ::backdrop {
1549
+ --tw-translate-x: 0;
1550
+ --tw-translate-y: 0;
1551
+ --tw-translate-z: 0;
1552
+ --tw-rotate-x: initial;
1553
+ --tw-rotate-y: initial;
1554
+ --tw-rotate-z: initial;
1555
+ --tw-skew-x: initial;
1556
+ --tw-skew-y: initial;
1557
+ --tw-border-style: solid;
1558
+ --tw-leading: initial;
1559
+ --tw-font-weight: initial;
1560
+ --tw-tracking: initial;
1561
+ --tw-shadow: 0 0 #0000;
1562
+ --tw-shadow-color: initial;
1563
+ --tw-shadow-alpha: 100%;
1564
+ --tw-inset-shadow: 0 0 #0000;
1565
+ --tw-inset-shadow-color: initial;
1566
+ --tw-inset-shadow-alpha: 100%;
1567
+ --tw-ring-color: initial;
1568
+ --tw-ring-shadow: 0 0 #0000;
1569
+ --tw-inset-ring-color: initial;
1570
+ --tw-inset-ring-shadow: 0 0 #0000;
1571
+ --tw-ring-inset: initial;
1572
+ --tw-ring-offset-width: 0px;
1573
+ --tw-ring-offset-color: #fff;
1574
+ --tw-ring-offset-shadow: 0 0 #0000;
1575
+ --tw-outline-style: solid;
1576
+ --tw-duration: initial;
1577
+ --tw-ease: initial;
1578
+ --tw-space-x-reverse: 0;
1579
+ }
1580
+ }
1581
+ }
1582
+
1583
+ /* src/RightSheet/RightSheet.css */
1584
+ .sheetPopIn {
1585
+ animation: popIn 50ms ease-in-out forwards;
1586
+ }
1587
+ .sheetRightSlide {
1588
+ animation: rightSlide 350ms ease-in-out forwards;
1589
+ }
1590
+ .sheetLeftSlide {
1591
+ animation: sheetLeftSlide 350ms ease-in-out forwards;
1592
+ }
1593
+ @keyframes sheetLeftSlide {
1594
+ 0% {
1595
+ transform: translateX(-100%);
1596
+ opacity: 0;
1597
+ }
1598
+ 100% {
1599
+ transform: translateX(0);
1600
+ opacity: 1;
1601
+ }
1602
+ }
1603
+ @keyframes rightSlide {
1604
+ 0% {
1605
+ transform: translateX(100%);
1606
+ opacity: 0;
1607
+ }
1608
+ 100% {
1609
+ transform: translateX(0);
1610
+ opacity: 1;
1611
+ }
1612
+ }
1613
+ @keyframes popIn {
1614
+ 0% {
1615
+ opacity: 0;
1616
+ }
1617
+ 100% {
1618
+ opacity: 1;
1619
+ }
1620
+ }
1621
+ /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */