jett.admin.npmpackage 2.0.5 → 2.0.9

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