jett.admin.npmpackage 1.0.17 → 1.0.19

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