jett.admin.npmpackage 1.0.19 → 1.0.21

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 +1111 -1114
  2. package/dist/index.js +884 -838
  3. package/dist/index.mjs +849 -789
  4. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1,1114 +1,1111 @@
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 */
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
+ .justify-between {
457
+ justify-content: space-between;
458
+ }
459
+ .justify-center {
460
+ justify-content: center;
461
+ }
462
+ .gap-1 {
463
+ gap: calc(var(--spacing) * 1);
464
+ }
465
+ .gap-2 {
466
+ gap: calc(var(--spacing) * 2);
467
+ }
468
+ .gap-3 {
469
+ gap: calc(var(--spacing) * 3);
470
+ }
471
+ .truncate {
472
+ overflow: hidden;
473
+ text-overflow: ellipsis;
474
+ white-space: nowrap;
475
+ }
476
+ .overflow-auto {
477
+ overflow: auto;
478
+ }
479
+ .overflow-hidden {
480
+ overflow: hidden;
481
+ }
482
+ .overflow-x-auto {
483
+ overflow-x: auto;
484
+ }
485
+ .overflow-x-hidden {
486
+ overflow-x: hidden;
487
+ }
488
+ .overflow-y-auto {
489
+ overflow-y: auto;
490
+ }
491
+ .rounded {
492
+ border-radius: 0.25rem;
493
+ }
494
+ .rounded-\[6px\] {
495
+ border-radius: 6px;
496
+ }
497
+ .rounded-full {
498
+ border-radius: calc(infinity * 1px);
499
+ }
500
+ .rounded-lg {
501
+ border-radius: var(--radius-lg);
502
+ }
503
+ .rounded-md {
504
+ border-radius: var(--radius-md);
505
+ }
506
+ .rounded-sm {
507
+ border-radius: var(--radius-sm);
508
+ }
509
+ .border {
510
+ border-style: var(--tw-border-style);
511
+ border-width: 1px;
512
+ }
513
+ .border-2 {
514
+ border-style: var(--tw-border-style);
515
+ border-width: 2px;
516
+ }
517
+ .border-t {
518
+ border-top-style: var(--tw-border-style);
519
+ border-top-width: 1px;
520
+ }
521
+ .border-r {
522
+ border-right-style: var(--tw-border-style);
523
+ border-right-width: 1px;
524
+ }
525
+ .border-b {
526
+ border-bottom-style: var(--tw-border-style);
527
+ border-bottom-width: 1px;
528
+ }
529
+ .border-dashed {
530
+ --tw-border-style: dashed;
531
+ border-style: dashed;
532
+ }
533
+ .border-\[\#e5e5e5\] {
534
+ border-color: #e5e5e5;
535
+ }
536
+ .border-\[\#e6e6e6\] {
537
+ border-color: #e6e6e6;
538
+ }
539
+ .border-\[hsl\(0_0\%_89\.8\%\)\] {
540
+ border-color: hsl(0 0% 89.8%);
541
+ }
542
+ .border-blue-600 {
543
+ border-color: var(--color-blue-600);
544
+ }
545
+ .border-gray-200 {
546
+ border-color: var(--color-gray-200);
547
+ }
548
+ .border-gray-300 {
549
+ border-color: var(--color-gray-300);
550
+ }
551
+ .border-gray-400 {
552
+ border-color: var(--color-gray-400);
553
+ }
554
+ .border-red-500 {
555
+ border-color: var(--color-red-500);
556
+ }
557
+ .bg-\[\#ef4444\] {
558
+ background-color: #ef4444;
559
+ }
560
+ .bg-\[\#fafafa\] {
561
+ background-color: #fafafa;
562
+ }
563
+ .bg-black {
564
+ background-color: var(--color-black);
565
+ }
566
+ .bg-black\/80 {
567
+ background-color: color-mix(in srgb, #000 80%, transparent);
568
+ @supports (color: color-mix(in lab, red, red)) {
569
+ background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
570
+ }
571
+ }
572
+ .bg-blue-600 {
573
+ background-color: var(--color-blue-600);
574
+ }
575
+ .bg-gray-50 {
576
+ background-color: var(--color-gray-50);
577
+ }
578
+ .bg-gray-100 {
579
+ background-color: var(--color-gray-100);
580
+ }
581
+ .bg-gray-200 {
582
+ background-color: var(--color-gray-200);
583
+ }
584
+ .bg-gray-300 {
585
+ background-color: var(--color-gray-300);
586
+ }
587
+ .bg-green-100 {
588
+ background-color: var(--color-green-100);
589
+ }
590
+ .bg-red-50 {
591
+ background-color: var(--color-red-50);
592
+ }
593
+ .bg-red-100 {
594
+ background-color: var(--color-red-100);
595
+ }
596
+ .bg-transparent {
597
+ background-color: transparent;
598
+ }
599
+ .bg-white {
600
+ background-color: var(--color-white);
601
+ }
602
+ .bg-yellow-100 {
603
+ background-color: var(--color-yellow-100);
604
+ }
605
+ .p-2 {
606
+ padding: calc(var(--spacing) * 2);
607
+ }
608
+ .p-4 {
609
+ padding: calc(var(--spacing) * 4);
610
+ }
611
+ .p-6 {
612
+ padding: calc(var(--spacing) * 6);
613
+ }
614
+ .px-2 {
615
+ padding-inline: calc(var(--spacing) * 2);
616
+ }
617
+ .px-3 {
618
+ padding-inline: calc(var(--spacing) * 3);
619
+ }
620
+ .px-4 {
621
+ padding-inline: calc(var(--spacing) * 4);
622
+ }
623
+ .py-0\.5 {
624
+ padding-block: calc(var(--spacing) * 0.5);
625
+ }
626
+ .py-1 {
627
+ padding-block: calc(var(--spacing) * 1);
628
+ }
629
+ .py-2 {
630
+ padding-block: calc(var(--spacing) * 2);
631
+ }
632
+ .py-3 {
633
+ padding-block: calc(var(--spacing) * 3);
634
+ }
635
+ .pt-2 {
636
+ padding-top: calc(var(--spacing) * 2);
637
+ }
638
+ .text-center {
639
+ text-align: center;
640
+ }
641
+ .text-left {
642
+ text-align: left;
643
+ }
644
+ .text-right {
645
+ text-align: right;
646
+ }
647
+ .text-lg {
648
+ font-size: var(--text-lg);
649
+ line-height: var(--tw-leading, var(--text-lg--line-height));
650
+ }
651
+ .text-sm {
652
+ font-size: var(--text-sm);
653
+ line-height: var(--tw-leading, var(--text-sm--line-height));
654
+ }
655
+ .text-xs {
656
+ font-size: var(--text-xs);
657
+ line-height: var(--tw-leading, var(--text-xs--line-height));
658
+ }
659
+ .text-\[12px\] {
660
+ font-size: 12px;
661
+ }
662
+ .text-\[14px\] {
663
+ font-size: 14px;
664
+ }
665
+ .leading-5 {
666
+ --tw-leading: calc(var(--spacing) * 5);
667
+ line-height: calc(var(--spacing) * 5);
668
+ }
669
+ .leading-6 {
670
+ --tw-leading: calc(var(--spacing) * 6);
671
+ line-height: calc(var(--spacing) * 6);
672
+ }
673
+ .font-\[500\] {
674
+ --tw-font-weight: 500;
675
+ font-weight: 500;
676
+ }
677
+ .font-\[600\] {
678
+ --tw-font-weight: 600;
679
+ font-weight: 600;
680
+ }
681
+ .font-medium {
682
+ --tw-font-weight: var(--font-weight-medium);
683
+ font-weight: var(--font-weight-medium);
684
+ }
685
+ .font-semibold {
686
+ --tw-font-weight: var(--font-weight-semibold);
687
+ font-weight: var(--font-weight-semibold);
688
+ }
689
+ .text-\[\#3f3f46cc\] {
690
+ color: #3f3f46cc;
691
+ }
692
+ .text-\[\#18181b\] {
693
+ color: #18181b;
694
+ }
695
+ .text-\[\#737373\] {
696
+ color: #737373;
697
+ }
698
+ .text-black {
699
+ color: var(--color-black);
700
+ }
701
+ .text-gray-400 {
702
+ color: var(--color-gray-400);
703
+ }
704
+ .text-gray-500 {
705
+ color: var(--color-gray-500);
706
+ }
707
+ .text-gray-600 {
708
+ color: var(--color-gray-600);
709
+ }
710
+ .text-gray-700 {
711
+ color: var(--color-gray-700);
712
+ }
713
+ .text-green-800 {
714
+ color: var(--color-green-800);
715
+ }
716
+ .text-red-500 {
717
+ color: var(--color-red-500);
718
+ }
719
+ .text-red-800 {
720
+ color: var(--color-red-800);
721
+ }
722
+ .text-white {
723
+ color: var(--color-white);
724
+ }
725
+ .text-yellow-800 {
726
+ color: var(--color-yellow-800);
727
+ }
728
+ .shadow {
729
+ --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));
730
+ box-shadow:
731
+ var(--tw-inset-shadow),
732
+ var(--tw-inset-ring-shadow),
733
+ var(--tw-ring-offset-shadow),
734
+ var(--tw-ring-shadow),
735
+ var(--tw-shadow);
736
+ }
737
+ .shadow-lg {
738
+ --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));
739
+ box-shadow:
740
+ var(--tw-inset-shadow),
741
+ var(--tw-inset-ring-shadow),
742
+ var(--tw-ring-offset-shadow),
743
+ var(--tw-ring-shadow),
744
+ var(--tw-shadow);
745
+ }
746
+ .outline-offset-2 {
747
+ outline-offset: 2px;
748
+ }
749
+ .outline-black {
750
+ outline-color: var(--color-black);
751
+ }
752
+ .transition {
753
+ transition-property:
754
+ color,
755
+ background-color,
756
+ border-color,
757
+ outline-color,
758
+ text-decoration-color,
759
+ fill,
760
+ stroke,
761
+ --tw-gradient-from,
762
+ --tw-gradient-via,
763
+ --tw-gradient-to,
764
+ opacity,
765
+ box-shadow,
766
+ transform,
767
+ translate,
768
+ scale,
769
+ rotate,
770
+ filter,
771
+ -webkit-backdrop-filter,
772
+ backdrop-filter,
773
+ display,
774
+ content-visibility,
775
+ overlay,
776
+ pointer-events;
777
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
778
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
779
+ }
780
+ .transition-all {
781
+ transition-property: all;
782
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
783
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
784
+ }
785
+ .transition-colors {
786
+ transition-property:
787
+ color,
788
+ background-color,
789
+ border-color,
790
+ outline-color,
791
+ text-decoration-color,
792
+ fill,
793
+ stroke,
794
+ --tw-gradient-from,
795
+ --tw-gradient-via,
796
+ --tw-gradient-to;
797
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
798
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
799
+ }
800
+ .transition-transform {
801
+ transition-property:
802
+ transform,
803
+ translate,
804
+ scale,
805
+ rotate;
806
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
807
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
808
+ }
809
+ .delay-75 {
810
+ transition-delay: 75ms;
811
+ }
812
+ .delay-100 {
813
+ transition-delay: 100ms;
814
+ }
815
+ .duration-200 {
816
+ --tw-duration: 200ms;
817
+ transition-duration: 200ms;
818
+ }
819
+ .duration-300 {
820
+ --tw-duration: 300ms;
821
+ transition-duration: 300ms;
822
+ }
823
+ .ease-in-out {
824
+ --tw-ease: var(--ease-in-out);
825
+ transition-timing-function: var(--ease-in-out);
826
+ }
827
+ .select-none {
828
+ -webkit-user-select: none;
829
+ user-select: none;
830
+ }
831
+ .peer-checked\:border-black {
832
+ &:is(:where(.peer):checked ~ *) {
833
+ border-color: var(--color-black);
834
+ }
835
+ }
836
+ .peer-checked\:bg-black {
837
+ &:is(:where(.peer):checked ~ *) {
838
+ background-color: var(--color-black);
839
+ }
840
+ }
841
+ .focus-within\:outline-2 {
842
+ &:focus-within {
843
+ outline-style: var(--tw-outline-style);
844
+ outline-width: 2px;
845
+ }
846
+ }
847
+ .focus-within\:outline-offset-2 {
848
+ &:focus-within {
849
+ outline-offset: 2px;
850
+ }
851
+ }
852
+ .focus-within\:outline-black {
853
+ &:focus-within {
854
+ outline-color: var(--color-black);
855
+ }
856
+ }
857
+ .hover\:border-gray-400 {
858
+ &:hover {
859
+ @media (hover: hover) {
860
+ border-color: var(--color-gray-400);
861
+ }
862
+ }
863
+ }
864
+ .hover\:bg-\[\#f3f4f6\] {
865
+ &:hover {
866
+ @media (hover: hover) {
867
+ background-color: #f3f4f6;
868
+ }
869
+ }
870
+ }
871
+ .hover\:bg-\[\#f4f4f5\] {
872
+ &:hover {
873
+ @media (hover: hover) {
874
+ background-color: #f4f4f5;
875
+ }
876
+ }
877
+ }
878
+ .hover\:bg-gray-100 {
879
+ &:hover {
880
+ @media (hover: hover) {
881
+ background-color: var(--color-gray-100);
882
+ }
883
+ }
884
+ }
885
+ .hover\:text-gray-700 {
886
+ &:hover {
887
+ @media (hover: hover) {
888
+ color: var(--color-gray-700);
889
+ }
890
+ }
891
+ }
892
+ .focus\:border-black {
893
+ &:focus {
894
+ border-color: var(--color-black);
895
+ }
896
+ }
897
+ .focus\:shadow-none {
898
+ &:focus {
899
+ --tw-shadow: 0 0 #0000;
900
+ box-shadow:
901
+ var(--tw-inset-shadow),
902
+ var(--tw-inset-ring-shadow),
903
+ var(--tw-ring-offset-shadow),
904
+ var(--tw-ring-shadow),
905
+ var(--tw-shadow);
906
+ }
907
+ }
908
+ .focus\:ring-0 {
909
+ &:focus {
910
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
911
+ box-shadow:
912
+ var(--tw-inset-shadow),
913
+ var(--tw-inset-ring-shadow),
914
+ var(--tw-ring-offset-shadow),
915
+ var(--tw-ring-shadow),
916
+ var(--tw-shadow);
917
+ }
918
+ }
919
+ .focus\:outline-2 {
920
+ &:focus {
921
+ outline-style: var(--tw-outline-style);
922
+ outline-width: 2px;
923
+ }
924
+ }
925
+ .focus\:outline-offset-2 {
926
+ &:focus {
927
+ outline-offset: 2px;
928
+ }
929
+ }
930
+ .focus\:outline-black {
931
+ &:focus {
932
+ outline-color: var(--color-black);
933
+ }
934
+ }
935
+ .focus\:outline-none {
936
+ &:focus {
937
+ --tw-outline-style: none;
938
+ outline-style: none;
939
+ }
940
+ }
941
+ .sm\:flex-row {
942
+ @media (width >= 40rem) {
943
+ flex-direction: row;
944
+ }
945
+ }
946
+ .sm\:justify-end {
947
+ @media (width >= 40rem) {
948
+ justify-content: flex-end;
949
+ }
950
+ }
951
+ .sm\:space-x-2 {
952
+ @media (width >= 40rem) {
953
+ :where(& > :not(:last-child)) {
954
+ --tw-space-x-reverse: 0;
955
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
956
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
957
+ }
958
+ }
959
+ }
960
+ .md\:min-w-\[576px\] {
961
+ @media (width >= 48rem) {
962
+ min-width: 576px;
963
+ }
964
+ }
965
+ .dark\:border-\[\#303036\] {
966
+ &:where(.dark, .dark *) {
967
+ border-color: #303036;
968
+ }
969
+ }
970
+ .dark\:bg-\[\#1d1d20\] {
971
+ &:where(.dark, .dark *) {
972
+ background-color: #1d1d20;
973
+ }
974
+ }
975
+ .dark\:bg-transparent {
976
+ &:where(.dark, .dark *) {
977
+ background-color: transparent;
978
+ }
979
+ }
980
+ .dark\:text-\[\#f4f4f5cc\] {
981
+ &:where(.dark, .dark *) {
982
+ color: #f4f4f5cc;
983
+ }
984
+ }
985
+ .dark\:text-white {
986
+ &:where(.dark, .dark *) {
987
+ color: var(--color-white);
988
+ }
989
+ }
990
+ .dark\:outline-white {
991
+ &:where(.dark, .dark *) {
992
+ outline-color: var(--color-white);
993
+ }
994
+ }
995
+ .dark\:hover\:bg-\[\#27272a\] {
996
+ &:where(.dark, .dark *) {
997
+ &:hover {
998
+ @media (hover: hover) {
999
+ background-color: #27272a;
1000
+ }
1001
+ }
1002
+ }
1003
+ }
1004
+ }
1005
+ @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
1006
+ @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
1007
+ @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
1008
+ @property --tw-rotate-x { syntax: "*"; inherits: false; }
1009
+ @property --tw-rotate-y { syntax: "*"; inherits: false; }
1010
+ @property --tw-rotate-z { syntax: "*"; inherits: false; }
1011
+ @property --tw-skew-x { syntax: "*"; inherits: false; }
1012
+ @property --tw-skew-y { syntax: "*"; inherits: false; }
1013
+ @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
1014
+ @property --tw-leading { syntax: "*"; inherits: false; }
1015
+ @property --tw-font-weight { syntax: "*"; inherits: false; }
1016
+ @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1017
+ @property --tw-shadow-color { syntax: "*"; inherits: false; }
1018
+ @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1019
+ @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1020
+ @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
1021
+ @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1022
+ @property --tw-ring-color { syntax: "*"; inherits: false; }
1023
+ @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1024
+ @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
1025
+ @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1026
+ @property --tw-ring-inset { syntax: "*"; inherits: false; }
1027
+ @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
1028
+ @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
1029
+ @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1030
+ @property --tw-duration { syntax: "*"; inherits: false; }
1031
+ @property --tw-ease { syntax: "*"; inherits: false; }
1032
+ @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
1033
+ @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
1034
+ @layer properties {
1035
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1036
+ *,
1037
+ ::before,
1038
+ ::after,
1039
+ ::backdrop {
1040
+ --tw-translate-x: 0;
1041
+ --tw-translate-y: 0;
1042
+ --tw-translate-z: 0;
1043
+ --tw-rotate-x: initial;
1044
+ --tw-rotate-y: initial;
1045
+ --tw-rotate-z: initial;
1046
+ --tw-skew-x: initial;
1047
+ --tw-skew-y: initial;
1048
+ --tw-border-style: solid;
1049
+ --tw-leading: initial;
1050
+ --tw-font-weight: initial;
1051
+ --tw-shadow: 0 0 #0000;
1052
+ --tw-shadow-color: initial;
1053
+ --tw-shadow-alpha: 100%;
1054
+ --tw-inset-shadow: 0 0 #0000;
1055
+ --tw-inset-shadow-color: initial;
1056
+ --tw-inset-shadow-alpha: 100%;
1057
+ --tw-ring-color: initial;
1058
+ --tw-ring-shadow: 0 0 #0000;
1059
+ --tw-inset-ring-color: initial;
1060
+ --tw-inset-ring-shadow: 0 0 #0000;
1061
+ --tw-ring-inset: initial;
1062
+ --tw-ring-offset-width: 0px;
1063
+ --tw-ring-offset-color: #fff;
1064
+ --tw-ring-offset-shadow: 0 0 #0000;
1065
+ --tw-duration: initial;
1066
+ --tw-ease: initial;
1067
+ --tw-outline-style: solid;
1068
+ --tw-space-x-reverse: 0;
1069
+ }
1070
+ }
1071
+ }
1072
+
1073
+ /* src/RightSheet/RightSheet.css */
1074
+ .sheetPopIn {
1075
+ animation: popIn 50ms ease-in-out forwards;
1076
+ }
1077
+ .sheetRightSlide {
1078
+ animation: rightSlide 350ms ease-in-out forwards;
1079
+ }
1080
+ .sheetLeftSlide {
1081
+ animation: sheetLeftSlide 350ms ease-in-out forwards;
1082
+ }
1083
+ @keyframes sheetLeftSlide {
1084
+ 0% {
1085
+ transform: translateX(-100%);
1086
+ opacity: 0;
1087
+ }
1088
+ 100% {
1089
+ transform: translateX(0);
1090
+ opacity: 1;
1091
+ }
1092
+ }
1093
+ @keyframes rightSlide {
1094
+ 0% {
1095
+ transform: translateX(100%);
1096
+ opacity: 0;
1097
+ }
1098
+ 100% {
1099
+ transform: translateX(0);
1100
+ opacity: 1;
1101
+ }
1102
+ }
1103
+ @keyframes popIn {
1104
+ 0% {
1105
+ opacity: 0;
1106
+ }
1107
+ 100% {
1108
+ opacity: 1;
1109
+ }
1110
+ }
1111
+ /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */