jett.admin.npmpackage 2.0.26 → 2.0.28

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 (4) hide show
  1. package/dist/index.css +1486 -1486
  2. package/dist/index.js +2122 -2114
  3. package/dist/index.mjs +2091 -2083
  4. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1,1486 +1,1486 @@
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-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 */