jett.admin.npmpackage 1.0.18 → 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 -1111
  2. package/dist/index.js +838 -838
  3. package/dist/index.mjs +789 -789
  4. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1,1111 +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
- .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-\[108px\] {
388
- width: 108px;
389
- }
390
- .w-\[320px\] {
391
- width: 320px;
392
- }
393
- .w-full {
394
- width: 100%;
395
- }
396
- .min-w-\[100\%\] {
397
- min-width: 100%;
398
- }
399
- .flex-1 {
400
- flex: 1;
401
- }
402
- .shrink-0 {
403
- flex-shrink: 0;
404
- }
405
- .table-fixed {
406
- table-layout: fixed;
407
- }
408
- .caption-bottom {
409
- caption-side: bottom;
410
- }
411
- .border-collapse {
412
- border-collapse: collapse;
413
- }
414
- .translate-x-1 {
415
- --tw-translate-x: calc(var(--spacing) * 1);
416
- translate: var(--tw-translate-x) var(--tw-translate-y);
417
- }
418
- .translate-x-6 {
419
- --tw-translate-x: calc(var(--spacing) * 6);
420
- translate: var(--tw-translate-x) var(--tw-translate-y);
421
- }
422
- .translate-x-\[100\%\] {
423
- --tw-translate-x: 100%;
424
- translate: var(--tw-translate-x) var(--tw-translate-y);
425
- }
426
- .rotate-180 {
427
- rotate: 180deg;
428
- }
429
- .transform {
430
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
431
- }
432
- .cursor-not-allowed {
433
- cursor: not-allowed;
434
- }
435
- .cursor-pointer {
436
- cursor: pointer;
437
- }
438
- .cursor-text {
439
- cursor: text;
440
- }
441
- .flex-col {
442
- flex-direction: column;
443
- }
444
- .flex-col-reverse {
445
- flex-direction: column-reverse;
446
- }
447
- .flex-wrap {
448
- flex-wrap: wrap;
449
- }
450
- .items-center {
451
- align-items: center;
452
- }
453
- .items-start {
454
- align-items: flex-start;
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 */
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 */