jett.admin.npmpackage 1.0.61 → 1.0.64

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 +1230 -1223
  2. package/dist/index.js +1018 -1009
  3. package/dist/index.mjs +983 -974
  4. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1,1223 +1,1230 @@
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-4 {
280
- top: calc(var(--spacing) * 4);
281
- }
282
- .top-full {
283
- top: 100%;
284
- }
285
- .right-0 {
286
- right: calc(var(--spacing) * 0);
287
- }
288
- .bottom-0 {
289
- bottom: calc(var(--spacing) * 0);
290
- }
291
- .left-0 {
292
- left: calc(var(--spacing) * 0);
293
- }
294
- .left-4 {
295
- left: calc(var(--spacing) * 4);
296
- }
297
- .z-10 {
298
- z-index: 10;
299
- }
300
- .z-40 {
301
- z-index: 40;
302
- }
303
- .z-50 {
304
- z-index: 50;
305
- }
306
- .mt-1 {
307
- margin-top: calc(var(--spacing) * 1);
308
- }
309
- .mt-auto {
310
- margin-top: auto;
311
- }
312
- .mr-2 {
313
- margin-right: calc(var(--spacing) * 2);
314
- }
315
- .mb-1 {
316
- margin-bottom: calc(var(--spacing) * 1);
317
- }
318
- .mb-2 {
319
- margin-bottom: calc(var(--spacing) * 2);
320
- }
321
- .mb-4 {
322
- margin-bottom: calc(var(--spacing) * 4);
323
- }
324
- .mb-6 {
325
- margin-bottom: calc(var(--spacing) * 6);
326
- }
327
- .ml-2 {
328
- margin-left: calc(var(--spacing) * 2);
329
- }
330
- .ml-\[8px\] {
331
- margin-left: 8px;
332
- }
333
- .ml-\[20px\] {
334
- margin-left: 20px;
335
- }
336
- .ml-auto {
337
- margin-left: auto;
338
- }
339
- .flex {
340
- display: flex;
341
- }
342
- .hidden {
343
- display: none;
344
- }
345
- .inline-block {
346
- display: inline-block;
347
- }
348
- .inline-flex {
349
- display: inline-flex;
350
- }
351
- .table {
352
- display: table;
353
- }
354
- .h-2 {
355
- height: calc(var(--spacing) * 2);
356
- }
357
- .h-4 {
358
- height: calc(var(--spacing) * 4);
359
- }
360
- .h-6 {
361
- height: calc(var(--spacing) * 6);
362
- }
363
- .h-10 {
364
- height: calc(var(--spacing) * 10);
365
- }
366
- .h-\[60px\] {
367
- height: 60px;
368
- }
369
- .h-\[90px\] {
370
- height: 90px;
371
- }
372
- .h-auto {
373
- height: auto;
374
- }
375
- .h-full {
376
- height: 100%;
377
- }
378
- .max-h-0 {
379
- max-height: calc(var(--spacing) * 0);
380
- }
381
- .max-h-60 {
382
- max-height: calc(var(--spacing) * 60);
383
- }
384
- .max-h-\[100vh\] {
385
- max-height: 100vh;
386
- }
387
- .min-h-10 {
388
- min-height: calc(var(--spacing) * 10);
389
- }
390
- .min-h-\[50px\] {
391
- min-height: 50px;
392
- }
393
- .min-h-full {
394
- min-height: 100%;
395
- }
396
- .w-4 {
397
- width: calc(var(--spacing) * 4);
398
- }
399
- .w-6 {
400
- width: calc(var(--spacing) * 6);
401
- }
402
- .w-10 {
403
- width: calc(var(--spacing) * 10);
404
- }
405
- .w-11 {
406
- width: calc(var(--spacing) * 11);
407
- }
408
- .w-\[50px\] {
409
- width: 50px;
410
- }
411
- .w-\[320px\] {
412
- width: 320px;
413
- }
414
- .w-full {
415
- width: 100%;
416
- }
417
- .min-w-\[100\%\] {
418
- min-width: 100%;
419
- }
420
- .flex-1 {
421
- flex: 1;
422
- }
423
- .shrink-0 {
424
- flex-shrink: 0;
425
- }
426
- .table-fixed {
427
- table-layout: fixed;
428
- }
429
- .caption-bottom {
430
- caption-side: bottom;
431
- }
432
- .border-collapse {
433
- border-collapse: collapse;
434
- }
435
- .-translate-x-full {
436
- --tw-translate-x: -100%;
437
- translate: var(--tw-translate-x) var(--tw-translate-y);
438
- }
439
- .translate-x-0 {
440
- --tw-translate-x: calc(var(--spacing) * 0);
441
- translate: var(--tw-translate-x) var(--tw-translate-y);
442
- }
443
- .translate-x-1 {
444
- --tw-translate-x: calc(var(--spacing) * 1);
445
- translate: var(--tw-translate-x) var(--tw-translate-y);
446
- }
447
- .translate-x-6 {
448
- --tw-translate-x: calc(var(--spacing) * 6);
449
- translate: var(--tw-translate-x) var(--tw-translate-y);
450
- }
451
- .translate-x-\[100\%\] {
452
- --tw-translate-x: 100%;
453
- translate: var(--tw-translate-x) var(--tw-translate-y);
454
- }
455
- .rotate-180 {
456
- rotate: 180deg;
457
- }
458
- .transform {
459
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
460
- }
461
- .cursor-not-allowed {
462
- cursor: not-allowed;
463
- }
464
- .cursor-pointer {
465
- cursor: pointer;
466
- }
467
- .cursor-text {
468
- cursor: text;
469
- }
470
- .flex-col {
471
- flex-direction: column;
472
- }
473
- .flex-col-reverse {
474
- flex-direction: column-reverse;
475
- }
476
- .flex-wrap {
477
- flex-wrap: wrap;
478
- }
479
- .items-center {
480
- align-items: center;
481
- }
482
- .justify-between {
483
- justify-content: space-between;
484
- }
485
- .justify-center {
486
- justify-content: center;
487
- }
488
- .gap-1 {
489
- gap: calc(var(--spacing) * 1);
490
- }
491
- .gap-2 {
492
- gap: calc(var(--spacing) * 2);
493
- }
494
- .gap-3 {
495
- gap: calc(var(--spacing) * 3);
496
- }
497
- .truncate {
498
- overflow: hidden;
499
- text-overflow: ellipsis;
500
- white-space: nowrap;
501
- }
502
- .overflow-auto {
503
- overflow: auto;
504
- }
505
- .overflow-hidden {
506
- overflow: hidden;
507
- }
508
- .overflow-x-auto {
509
- overflow-x: auto;
510
- }
511
- .overflow-x-hidden {
512
- overflow-x: hidden;
513
- }
514
- .overflow-y-auto {
515
- overflow-y: auto;
516
- }
517
- .rounded {
518
- border-radius: 0.25rem;
519
- }
520
- .rounded-\[6px\] {
521
- border-radius: 6px;
522
- }
523
- .rounded-full {
524
- border-radius: calc(infinity * 1px);
525
- }
526
- .rounded-lg {
527
- border-radius: var(--radius-lg);
528
- }
529
- .rounded-md {
530
- border-radius: var(--radius-md);
531
- }
532
- .rounded-sm {
533
- border-radius: var(--radius-sm);
534
- }
535
- .border {
536
- border-style: var(--tw-border-style);
537
- border-width: 1px;
538
- }
539
- .border-2 {
540
- border-style: var(--tw-border-style);
541
- border-width: 2px;
542
- }
543
- .border-t {
544
- border-top-style: var(--tw-border-style);
545
- border-top-width: 1px;
546
- }
547
- .border-r {
548
- border-right-style: var(--tw-border-style);
549
- border-right-width: 1px;
550
- }
551
- .border-b {
552
- border-bottom-style: var(--tw-border-style);
553
- border-bottom-width: 1px;
554
- }
555
- .border-dashed {
556
- --tw-border-style: dashed;
557
- border-style: dashed;
558
- }
559
- .border-\[\#e5e5e5\] {
560
- border-color: #e5e5e5;
561
- }
562
- .border-\[\#e6e6e6\] {
563
- border-color: #e6e6e6;
564
- }
565
- .border-\[hsl\(0_0\%_89\.8\%\)\] {
566
- border-color: hsl(0 0% 89.8%);
567
- }
568
- .border-blue-600 {
569
- border-color: var(--color-blue-600);
570
- }
571
- .border-gray-200 {
572
- border-color: var(--color-gray-200);
573
- }
574
- .border-gray-300 {
575
- border-color: var(--color-gray-300);
576
- }
577
- .border-gray-400 {
578
- border-color: var(--color-gray-400);
579
- }
580
- .border-red-500 {
581
- border-color: var(--color-red-500);
582
- }
583
- .bg-\[\#ef4444\] {
584
- background-color: #ef4444;
585
- }
586
- .bg-\[\#fafafa\] {
587
- background-color: #fafafa;
588
- }
589
- .bg-\[\#fff\] {
590
- background-color: #fff;
591
- }
592
- .bg-black {
593
- background-color: var(--color-black);
594
- }
595
- .bg-black\/80 {
596
- background-color: color-mix(in srgb, #000 80%, transparent);
597
- @supports (color: color-mix(in lab, red, red)) {
598
- background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
599
- }
600
- }
601
- .bg-blue-600 {
602
- background-color: var(--color-blue-600);
603
- }
604
- .bg-gray-50 {
605
- background-color: var(--color-gray-50);
606
- }
607
- .bg-gray-100 {
608
- background-color: var(--color-gray-100);
609
- }
610
- .bg-gray-200 {
611
- background-color: var(--color-gray-200);
612
- }
613
- .bg-gray-300 {
614
- background-color: var(--color-gray-300);
615
- }
616
- .bg-green-100 {
617
- background-color: var(--color-green-100);
618
- }
619
- .bg-primary {
620
- background-color: var(--color-primary);
621
- }
622
- .bg-red-50 {
623
- background-color: var(--color-red-50);
624
- }
625
- .bg-red-100 {
626
- background-color: var(--color-red-100);
627
- }
628
- .bg-transparent {
629
- background-color: transparent;
630
- }
631
- .bg-white {
632
- background-color: var(--color-white);
633
- }
634
- .bg-yellow-100 {
635
- background-color: var(--color-yellow-100);
636
- }
637
- .object-contain {
638
- object-fit: contain;
639
- }
640
- .p-2 {
641
- padding: calc(var(--spacing) * 2);
642
- }
643
- .p-4 {
644
- padding: calc(var(--spacing) * 4);
645
- }
646
- .p-6 {
647
- padding: calc(var(--spacing) * 6);
648
- }
649
- .px-2 {
650
- padding-inline: calc(var(--spacing) * 2);
651
- }
652
- .px-3 {
653
- padding-inline: calc(var(--spacing) * 3);
654
- }
655
- .px-4 {
656
- padding-inline: calc(var(--spacing) * 4);
657
- }
658
- .py-0\.5 {
659
- padding-block: calc(var(--spacing) * 0.5);
660
- }
661
- .py-1 {
662
- padding-block: calc(var(--spacing) * 1);
663
- }
664
- .py-2 {
665
- padding-block: calc(var(--spacing) * 2);
666
- }
667
- .py-3 {
668
- padding-block: calc(var(--spacing) * 3);
669
- }
670
- .pt-2 {
671
- padding-top: calc(var(--spacing) * 2);
672
- }
673
- .text-center {
674
- text-align: center;
675
- }
676
- .text-left {
677
- text-align: left;
678
- }
679
- .text-right {
680
- text-align: right;
681
- }
682
- .text-lg {
683
- font-size: var(--text-lg);
684
- line-height: var(--tw-leading, var(--text-lg--line-height));
685
- }
686
- .text-sm {
687
- font-size: var(--text-sm);
688
- line-height: var(--tw-leading, var(--text-sm--line-height));
689
- }
690
- .text-xs {
691
- font-size: var(--text-xs);
692
- line-height: var(--tw-leading, var(--text-xs--line-height));
693
- }
694
- .text-\[12px\] {
695
- font-size: 12px;
696
- }
697
- .text-\[14px\] {
698
- font-size: 14px;
699
- }
700
- .leading-5 {
701
- --tw-leading: calc(var(--spacing) * 5);
702
- line-height: calc(var(--spacing) * 5);
703
- }
704
- .leading-6 {
705
- --tw-leading: calc(var(--spacing) * 6);
706
- line-height: calc(var(--spacing) * 6);
707
- }
708
- .font-\[500\] {
709
- --tw-font-weight: 500;
710
- font-weight: 500;
711
- }
712
- .font-\[600\] {
713
- --tw-font-weight: 600;
714
- font-weight: 600;
715
- }
716
- .font-medium {
717
- --tw-font-weight: var(--font-weight-medium);
718
- font-weight: var(--font-weight-medium);
719
- }
720
- .font-semibold {
721
- --tw-font-weight: var(--font-weight-semibold);
722
- font-weight: var(--font-weight-semibold);
723
- }
724
- .text-\[\#3f3f46cc\] {
725
- color: #3f3f46cc;
726
- }
727
- .text-\[\#737373\] {
728
- color: #737373;
729
- }
730
- .text-black {
731
- color: var(--color-black);
732
- }
733
- .text-gray-400 {
734
- color: var(--color-gray-400);
735
- }
736
- .text-gray-500 {
737
- color: var(--color-gray-500);
738
- }
739
- .text-gray-600 {
740
- color: var(--color-gray-600);
741
- }
742
- .text-gray-700 {
743
- color: var(--color-gray-700);
744
- }
745
- .text-green-800 {
746
- color: var(--color-green-800);
747
- }
748
- .text-primary {
749
- color: var(--color-primary);
750
- }
751
- .text-red-500 {
752
- color: var(--color-red-500);
753
- }
754
- .text-red-800 {
755
- color: var(--color-red-800);
756
- }
757
- .text-white {
758
- color: var(--color-white);
759
- }
760
- .text-yellow-800 {
761
- color: var(--color-yellow-800);
762
- }
763
- .shadow {
764
- --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));
765
- box-shadow:
766
- var(--tw-inset-shadow),
767
- var(--tw-inset-ring-shadow),
768
- var(--tw-ring-offset-shadow),
769
- var(--tw-ring-shadow),
770
- var(--tw-shadow);
771
- }
772
- .shadow-lg {
773
- --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));
774
- box-shadow:
775
- var(--tw-inset-shadow),
776
- var(--tw-inset-ring-shadow),
777
- var(--tw-ring-offset-shadow),
778
- var(--tw-ring-shadow),
779
- var(--tw-shadow);
780
- }
781
- .outline-offset-2 {
782
- outline-offset: 2px;
783
- }
784
- .outline-black {
785
- outline-color: var(--color-black);
786
- }
787
- .transition {
788
- transition-property:
789
- color,
790
- background-color,
791
- border-color,
792
- outline-color,
793
- text-decoration-color,
794
- fill,
795
- stroke,
796
- --tw-gradient-from,
797
- --tw-gradient-via,
798
- --tw-gradient-to,
799
- opacity,
800
- box-shadow,
801
- transform,
802
- translate,
803
- scale,
804
- rotate,
805
- filter,
806
- -webkit-backdrop-filter,
807
- backdrop-filter,
808
- display,
809
- content-visibility,
810
- overlay,
811
- pointer-events;
812
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
813
- transition-duration: var(--tw-duration, var(--default-transition-duration));
814
- }
815
- .transition-all {
816
- transition-property: all;
817
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
818
- transition-duration: var(--tw-duration, var(--default-transition-duration));
819
- }
820
- .transition-colors {
821
- transition-property:
822
- color,
823
- background-color,
824
- border-color,
825
- outline-color,
826
- text-decoration-color,
827
- fill,
828
- stroke,
829
- --tw-gradient-from,
830
- --tw-gradient-via,
831
- --tw-gradient-to;
832
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
833
- transition-duration: var(--tw-duration, var(--default-transition-duration));
834
- }
835
- .transition-transform {
836
- transition-property:
837
- transform,
838
- translate,
839
- scale,
840
- rotate;
841
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
842
- transition-duration: var(--tw-duration, var(--default-transition-duration));
843
- }
844
- .delay-75 {
845
- transition-delay: 75ms;
846
- }
847
- .delay-100 {
848
- transition-delay: 100ms;
849
- }
850
- .duration-200 {
851
- --tw-duration: 200ms;
852
- transition-duration: 200ms;
853
- }
854
- .duration-300 {
855
- --tw-duration: 300ms;
856
- transition-duration: 300ms;
857
- }
858
- .ease-in-out {
859
- --tw-ease: var(--ease-in-out);
860
- transition-timing-function: var(--ease-in-out);
861
- }
862
- .select-none {
863
- -webkit-user-select: none;
864
- user-select: none;
865
- }
866
- .peer-checked\:border-primary {
867
- &:is(:where(.peer):checked ~ *) {
868
- border-color: var(--color-primary);
869
- }
870
- }
871
- .peer-checked\:bg-primary {
872
- &:is(:where(.peer):checked ~ *) {
873
- background-color: var(--color-primary);
874
- }
875
- }
876
- .focus-within\:outline-2 {
877
- &:focus-within {
878
- outline-style: var(--tw-outline-style);
879
- outline-width: 2px;
880
- }
881
- }
882
- .focus-within\:outline-offset-2 {
883
- &:focus-within {
884
- outline-offset: 2px;
885
- }
886
- }
887
- .focus-within\:outline-black {
888
- &:focus-within {
889
- outline-color: var(--color-black);
890
- }
891
- }
892
- .hover\:border-gray-400 {
893
- &:hover {
894
- @media (hover: hover) {
895
- border-color: var(--color-gray-400);
896
- }
897
- }
898
- }
899
- .hover\:bg-accent {
900
- &:hover {
901
- @media (hover: hover) {
902
- background-color: var(--color-accent);
903
- }
904
- }
905
- }
906
- .hover\:bg-gray-50 {
907
- &:hover {
908
- @media (hover: hover) {
909
- background-color: var(--color-gray-50);
910
- }
911
- }
912
- }
913
- .hover\:bg-gray-100 {
914
- &:hover {
915
- @media (hover: hover) {
916
- background-color: var(--color-gray-100);
917
- }
918
- }
919
- }
920
- .hover\:text-gray-700 {
921
- &:hover {
922
- @media (hover: hover) {
923
- color: var(--color-gray-700);
924
- }
925
- }
926
- }
927
- .focus\:border-black {
928
- &:focus {
929
- border-color: var(--color-black);
930
- }
931
- }
932
- .focus\:shadow-none {
933
- &:focus {
934
- --tw-shadow: 0 0 #0000;
935
- box-shadow:
936
- var(--tw-inset-shadow),
937
- var(--tw-inset-ring-shadow),
938
- var(--tw-ring-offset-shadow),
939
- var(--tw-ring-shadow),
940
- var(--tw-shadow);
941
- }
942
- }
943
- .focus\:ring-0 {
944
- &:focus {
945
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
946
- box-shadow:
947
- var(--tw-inset-shadow),
948
- var(--tw-inset-ring-shadow),
949
- var(--tw-ring-offset-shadow),
950
- var(--tw-ring-shadow),
951
- var(--tw-shadow);
952
- }
953
- }
954
- .focus\:outline-2 {
955
- &:focus {
956
- outline-style: var(--tw-outline-style);
957
- outline-width: 2px;
958
- }
959
- }
960
- .focus\:outline-offset-2 {
961
- &:focus {
962
- outline-offset: 2px;
963
- }
964
- }
965
- .focus\:outline-black {
966
- &:focus {
967
- outline-color: var(--color-black);
968
- }
969
- }
970
- .focus\:outline-none {
971
- &:focus {
972
- --tw-outline-style: none;
973
- outline-style: none;
974
- }
975
- }
976
- .sm\:flex-row {
977
- @media (width >= 40rem) {
978
- flex-direction: row;
979
- }
980
- }
981
- .sm\:justify-end {
982
- @media (width >= 40rem) {
983
- justify-content: flex-end;
984
- }
985
- }
986
- .sm\:space-x-2 {
987
- @media (width >= 40rem) {
988
- :where(& > :not(:last-child)) {
989
- --tw-space-x-reverse: 0;
990
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
991
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
992
- }
993
- }
994
- }
995
- .md\:relative {
996
- @media (width >= 48rem) {
997
- position: relative;
998
- }
999
- }
1000
- .md\:hidden {
1001
- @media (width >= 48rem) {
1002
- display: none;
1003
- }
1004
- }
1005
- .md\:min-w-\[576px\] {
1006
- @media (width >= 48rem) {
1007
- min-width: 576px;
1008
- }
1009
- }
1010
- .md\:translate-x-0 {
1011
- @media (width >= 48rem) {
1012
- --tw-translate-x: calc(var(--spacing) * 0);
1013
- translate: var(--tw-translate-x) var(--tw-translate-y);
1014
- }
1015
- }
1016
- .md\:max-lg\:w-\[280px\] {
1017
- @media (width >= 48rem) {
1018
- @media (width < 64rem) {
1019
- width: 280px;
1020
- }
1021
- }
1022
- }
1023
- .dark\:border-\[\#303036\] {
1024
- &:where(.dark, .dark *) {
1025
- border-color: #303036;
1026
- }
1027
- }
1028
- .dark\:bg-\[\#1d1d20\] {
1029
- &:where(.dark, .dark *) {
1030
- background-color: #1d1d20;
1031
- }
1032
- }
1033
- .dark\:bg-\[\#18181b\] {
1034
- &:where(.dark, .dark *) {
1035
- background-color: #18181b;
1036
- }
1037
- }
1038
- .dark\:bg-\[\#27272a\] {
1039
- &:where(.dark, .dark *) {
1040
- background-color: #27272a;
1041
- }
1042
- }
1043
- .dark\:bg-gray-800 {
1044
- &:where(.dark, .dark *) {
1045
- background-color: var(--color-gray-800);
1046
- }
1047
- }
1048
- .dark\:bg-green-900 {
1049
- &:where(.dark, .dark *) {
1050
- background-color: var(--color-green-900);
1051
- }
1052
- }
1053
- .dark\:bg-red-900 {
1054
- &:where(.dark, .dark *) {
1055
- background-color: var(--color-red-900);
1056
- }
1057
- }
1058
- .dark\:bg-transparent {
1059
- &:where(.dark, .dark *) {
1060
- background-color: transparent;
1061
- }
1062
- }
1063
- .dark\:bg-yellow-900 {
1064
- &:where(.dark, .dark *) {
1065
- background-color: var(--color-yellow-900);
1066
- }
1067
- }
1068
- .dark\:text-\[\#f4f4f5cc\] {
1069
- &:where(.dark, .dark *) {
1070
- color: #f4f4f5cc;
1071
- }
1072
- }
1073
- .dark\:text-green-100 {
1074
- &:where(.dark, .dark *) {
1075
- color: var(--color-green-100);
1076
- }
1077
- }
1078
- .dark\:text-red-100 {
1079
- &:where(.dark, .dark *) {
1080
- color: var(--color-red-100);
1081
- }
1082
- }
1083
- .dark\:text-white {
1084
- &:where(.dark, .dark *) {
1085
- color: var(--color-white);
1086
- }
1087
- }
1088
- .dark\:text-yellow-100 {
1089
- &:where(.dark, .dark *) {
1090
- color: var(--color-yellow-100);
1091
- }
1092
- }
1093
- .dark\:outline-white {
1094
- &:where(.dark, .dark *) {
1095
- outline-color: var(--color-white);
1096
- }
1097
- }
1098
- .dark\:hover\:bg-\[\#27272a\] {
1099
- &:where(.dark, .dark *) {
1100
- &:hover {
1101
- @media (hover: hover) {
1102
- background-color: #27272a;
1103
- }
1104
- }
1105
- }
1106
- }
1107
- .dark\:hover\:bg-gray-800 {
1108
- &:where(.dark, .dark *) {
1109
- &:hover {
1110
- @media (hover: hover) {
1111
- background-color: var(--color-gray-800);
1112
- }
1113
- }
1114
- }
1115
- }
1116
- }
1117
- @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
1118
- @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
1119
- @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
1120
- @property --tw-rotate-x { syntax: "*"; inherits: false; }
1121
- @property --tw-rotate-y { syntax: "*"; inherits: false; }
1122
- @property --tw-rotate-z { syntax: "*"; inherits: false; }
1123
- @property --tw-skew-x { syntax: "*"; inherits: false; }
1124
- @property --tw-skew-y { syntax: "*"; inherits: false; }
1125
- @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
1126
- @property --tw-leading { syntax: "*"; inherits: false; }
1127
- @property --tw-font-weight { syntax: "*"; inherits: false; }
1128
- @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1129
- @property --tw-shadow-color { syntax: "*"; inherits: false; }
1130
- @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1131
- @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1132
- @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
1133
- @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1134
- @property --tw-ring-color { syntax: "*"; inherits: false; }
1135
- @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1136
- @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
1137
- @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1138
- @property --tw-ring-inset { syntax: "*"; inherits: false; }
1139
- @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
1140
- @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
1141
- @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1142
- @property --tw-duration { syntax: "*"; inherits: false; }
1143
- @property --tw-ease { syntax: "*"; inherits: false; }
1144
- @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
1145
- @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
1146
- @layer properties {
1147
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1148
- *,
1149
- ::before,
1150
- ::after,
1151
- ::backdrop {
1152
- --tw-translate-x: 0;
1153
- --tw-translate-y: 0;
1154
- --tw-translate-z: 0;
1155
- --tw-rotate-x: initial;
1156
- --tw-rotate-y: initial;
1157
- --tw-rotate-z: initial;
1158
- --tw-skew-x: initial;
1159
- --tw-skew-y: initial;
1160
- --tw-border-style: solid;
1161
- --tw-leading: initial;
1162
- --tw-font-weight: initial;
1163
- --tw-shadow: 0 0 #0000;
1164
- --tw-shadow-color: initial;
1165
- --tw-shadow-alpha: 100%;
1166
- --tw-inset-shadow: 0 0 #0000;
1167
- --tw-inset-shadow-color: initial;
1168
- --tw-inset-shadow-alpha: 100%;
1169
- --tw-ring-color: initial;
1170
- --tw-ring-shadow: 0 0 #0000;
1171
- --tw-inset-ring-color: initial;
1172
- --tw-inset-ring-shadow: 0 0 #0000;
1173
- --tw-ring-inset: initial;
1174
- --tw-ring-offset-width: 0px;
1175
- --tw-ring-offset-color: #fff;
1176
- --tw-ring-offset-shadow: 0 0 #0000;
1177
- --tw-duration: initial;
1178
- --tw-ease: initial;
1179
- --tw-outline-style: solid;
1180
- --tw-space-x-reverse: 0;
1181
- }
1182
- }
1183
- }
1184
-
1185
- /* src/RightSheet/RightSheet.css */
1186
- .sheetPopIn {
1187
- animation: popIn 50ms ease-in-out forwards;
1188
- }
1189
- .sheetRightSlide {
1190
- animation: rightSlide 350ms ease-in-out forwards;
1191
- }
1192
- .sheetLeftSlide {
1193
- animation: sheetLeftSlide 350ms ease-in-out forwards;
1194
- }
1195
- @keyframes sheetLeftSlide {
1196
- 0% {
1197
- transform: translateX(-100%);
1198
- opacity: 0;
1199
- }
1200
- 100% {
1201
- transform: translateX(0);
1202
- opacity: 1;
1203
- }
1204
- }
1205
- @keyframes rightSlide {
1206
- 0% {
1207
- transform: translateX(100%);
1208
- opacity: 0;
1209
- }
1210
- 100% {
1211
- transform: translateX(0);
1212
- opacity: 1;
1213
- }
1214
- }
1215
- @keyframes popIn {
1216
- 0% {
1217
- opacity: 0;
1218
- }
1219
- 100% {
1220
- opacity: 1;
1221
- }
1222
- }
1223
- /*! 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-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 */