jett.admin.npmpackage 1.0.64 → 1.0.66

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