jett.admin.npmpackage 2.0.42 → 2.0.44

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 +1802 -1789
  2. package/dist/index.js +3445 -3246
  3. package/dist/index.mjs +3413 -3214
  4. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1,1789 +1,1802 @@
1
- /* dist/index.css */
2
- @layer properties;
3
- :root,
4
- :host {
5
- --color-red-50: oklch(97.1% 0.013 17.38);
6
- --color-red-100: oklch(93.6% 0.032 17.717);
7
- --color-red-500: oklch(63.7% 0.237 25.331);
8
- --color-red-600: oklch(57.7% 0.245 27.325);
9
- --color-red-700: oklch(50.5% 0.213 27.518);
10
- --color-red-800: oklch(44.4% 0.177 26.899);
11
- --color-red-900: oklch(39.6% 0.141 25.723);
12
- --color-yellow-100: oklch(97.3% 0.071 103.193);
13
- --color-yellow-800: oklch(47.6% 0.114 61.907);
14
- --color-yellow-900: oklch(42.1% 0.095 57.708);
15
- --color-green-100: oklch(96.2% 0.044 156.743);
16
- --color-green-800: oklch(44.8% 0.119 151.328);
17
- --color-green-900: oklch(39.3% 0.095 152.535);
18
- --color-blue-50: oklch(97% 0.014 254.604);
19
- --color-blue-600: oklch(54.6% 0.245 262.881);
20
- --color-blue-950: oklch(28.2% 0.091 267.935);
21
- --color-gray-50: oklch(98.5% 0.002 247.839);
22
- --color-gray-100: oklch(96.7% 0.003 264.542);
23
- --color-gray-200: oklch(92.8% 0.006 264.531);
24
- --color-gray-300: oklch(87.2% 0.01 258.338);
25
- --color-gray-400: oklch(70.7% 0.022 261.325);
26
- --color-gray-500: oklch(55.1% 0.027 264.364);
27
- --color-gray-600: oklch(44.6% 0.03 256.802);
28
- --color-gray-700: oklch(37.3% 0.034 259.733);
29
- --color-gray-800: oklch(27.8% 0.033 256.848);
30
- --color-gray-900: oklch(21% 0.034 264.665);
31
- --color-black: #000;
32
- --color-white: #fff;
33
- --spacing: 0.25rem;
34
- --text-xs: 0.75rem;
35
- --text-xs--line-height: calc(1 / 0.75);
36
- --text-sm: 0.875rem;
37
- --text-sm--line-height: calc(1.25 / 0.875);
38
- --text-base: 1rem;
39
- --text-base--line-height: calc(1.5 / 1);
40
- --text-lg: 1.125rem;
41
- --text-lg--line-height: calc(1.75 / 1.125);
42
- --font-weight-normal: 400;
43
- --font-weight-medium: 500;
44
- --font-weight-semibold: 600;
45
- --font-weight-bold: 700;
46
- --radius-sm: 0.25rem;
47
- --radius-md: 0.375rem;
48
- --radius-lg: 0.5rem;
49
- --radius-2xl: 1rem;
50
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
51
- --default-transition-duration: 150ms;
52
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
53
- --color-primary: rgb(63, 63, 70);
54
- --font-jett:
55
- ui-sans-serif,
56
- system-ui,
57
- "Segoe UI",
58
- sans-serif;
59
- --color-jett-surface: #ffffff;
60
- --color-jett-canvas: #f9fafb;
61
- --color-jett-line: #eceef1;
62
- --color-jett-line-row: #f3f4f6;
63
- --color-jett-line-control: #d1d5db;
64
- --color-jett-line-soft: #e5e7eb;
65
- --color-jett-fill: #f3f4f6;
66
- --color-jett-ink: #111827;
67
- --color-jett-ink-800: #1f2937;
68
- --color-jett-ink-700: #374151;
69
- --color-jett-ink-600: #4b5563;
70
- --color-jett-ink-500: #6b7280;
71
- --color-jett-ink-400: #9ca3af;
72
- --color-jett-brand: #4f46e5;
73
- --color-jett-brand-hover: #4338ca;
74
- --color-jett-brand-soft: #eef2ff;
75
- --color-jett-danger: #b91c1c;
76
- --color-jett-danger-soft: #fef2f2;
77
- }
78
- .collapse {
79
- visibility: collapse;
80
- }
81
- .visible {
82
- visibility: visible;
83
- }
84
- .absolute {
85
- position: absolute;
86
- }
87
- .fixed {
88
- position: fixed;
89
- }
90
- .relative {
91
- position: relative;
92
- }
93
- .sticky {
94
- position: sticky;
95
- }
96
- .inset-0 {
97
- inset: calc(var(--spacing) * 0);
98
- }
99
- .top-0 {
100
- top: calc(var(--spacing) * 0);
101
- }
102
- .top-1\/2 {
103
- top: calc(1/2 * 100%);
104
- }
105
- .top-\[12vh\] {
106
- top: 12vh;
107
- }
108
- .top-full {
109
- top: 100%;
110
- }
111
- .right-0 {
112
- right: calc(var(--spacing) * 0);
113
- }
114
- .bottom-0 {
115
- bottom: calc(var(--spacing) * 0);
116
- }
117
- .left-0 {
118
- left: calc(var(--spacing) * 0);
119
- }
120
- .left-1\/2 {
121
- left: calc(1/2 * 100%);
122
- }
123
- .z-10 {
124
- z-index: 10;
125
- }
126
- .z-40 {
127
- z-index: 40;
128
- }
129
- .z-50 {
130
- z-index: 50;
131
- }
132
- .z-\[69\] {
133
- z-index: 69;
134
- }
135
- .z-\[70\] {
136
- z-index: 70;
137
- }
138
- .z-\[79\] {
139
- z-index: 79;
140
- }
141
- .z-\[80\] {
142
- z-index: 80;
143
- }
144
- .z-\[95\] {
145
- z-index: 95;
146
- }
147
- .z-\[96\] {
148
- z-index: 96;
149
- }
150
- .z-\[9999\] {
151
- z-index: 9999;
152
- }
153
- .z-\[10000\] {
154
- z-index: 10000;
155
- }
156
- .\!m-0 {
157
- margin: calc(var(--spacing) * 0) !important;
158
- }
159
- .mx-auto {
160
- margin-inline: auto;
161
- }
162
- .mt-0\.5 {
163
- margin-top: calc(var(--spacing) * 0.5);
164
- }
165
- .mt-1 {
166
- margin-top: calc(var(--spacing) * 1);
167
- }
168
- .mt-1\.5 {
169
- margin-top: calc(var(--spacing) * 1.5);
170
- }
171
- .mt-2 {
172
- margin-top: calc(var(--spacing) * 2);
173
- }
174
- .mt-6 {
175
- margin-top: calc(var(--spacing) * 6);
176
- }
177
- .mt-auto {
178
- margin-top: auto;
179
- }
180
- .-mr-3 {
181
- margin-right: calc(var(--spacing) * -3);
182
- }
183
- .mr-2 {
184
- margin-right: calc(var(--spacing) * 2);
185
- }
186
- .mb-1 {
187
- margin-bottom: calc(var(--spacing) * 1);
188
- }
189
- .mb-2 {
190
- margin-bottom: calc(var(--spacing) * 2);
191
- }
192
- .mb-2\.5 {
193
- margin-bottom: calc(var(--spacing) * 2.5);
194
- }
195
- .mb-3 {
196
- margin-bottom: calc(var(--spacing) * 3);
197
- }
198
- .mb-4 {
199
- margin-bottom: calc(var(--spacing) * 4);
200
- }
201
- .mb-6 {
202
- margin-bottom: calc(var(--spacing) * 6);
203
- }
204
- .ml-0\.5 {
205
- margin-left: calc(var(--spacing) * 0.5);
206
- }
207
- .ml-2 {
208
- margin-left: calc(var(--spacing) * 2);
209
- }
210
- .ml-3 {
211
- margin-left: calc(var(--spacing) * 3);
212
- }
213
- .ml-4 {
214
- margin-left: calc(var(--spacing) * 4);
215
- }
216
- .ml-8 {
217
- margin-left: calc(var(--spacing) * 8);
218
- }
219
- .ml-\[20px\] {
220
- margin-left: 20px;
221
- }
222
- .ml-\[27px\] {
223
- margin-left: 27px;
224
- }
225
- .ml-auto {
226
- margin-left: auto;
227
- }
228
- .block {
229
- display: block;
230
- }
231
- .flex {
232
- display: flex;
233
- }
234
- .grid {
235
- display: grid;
236
- }
237
- .hidden {
238
- display: none;
239
- }
240
- .inline-block {
241
- display: inline-block;
242
- }
243
- .inline-flex {
244
- display: inline-flex;
245
- }
246
- .table {
247
- display: table;
248
- }
249
- .h-2 {
250
- height: calc(var(--spacing) * 2);
251
- }
252
- .h-4 {
253
- height: calc(var(--spacing) * 4);
254
- }
255
- .h-6 {
256
- height: calc(var(--spacing) * 6);
257
- }
258
- .h-8 {
259
- height: calc(var(--spacing) * 8);
260
- }
261
- .h-9 {
262
- height: calc(var(--spacing) * 9);
263
- }
264
- .h-10 {
265
- height: calc(var(--spacing) * 10);
266
- }
267
- .h-11 {
268
- height: calc(var(--spacing) * 11);
269
- }
270
- .h-14 {
271
- height: calc(var(--spacing) * 14);
272
- }
273
- .h-16 {
274
- height: calc(var(--spacing) * 16);
275
- }
276
- .h-\[26px\] {
277
- height: 26px;
278
- }
279
- .h-\[34px\] {
280
- height: 34px;
281
- }
282
- .h-\[52px\] {
283
- height: 52px;
284
- }
285
- .h-\[60px\] {
286
- height: 60px;
287
- }
288
- .h-\[90px\] {
289
- height: 90px;
290
- }
291
- .h-auto {
292
- height: auto;
293
- }
294
- .h-full {
295
- height: 100%;
296
- }
297
- .h-screen {
298
- height: 100vh;
299
- }
300
- .max-h-0 {
301
- max-height: calc(var(--spacing) * 0);
302
- }
303
- .max-h-60 {
304
- max-height: calc(var(--spacing) * 60);
305
- }
306
- .max-h-\[75vh\] {
307
- max-height: 75vh;
308
- }
309
- .max-h-\[100vh\] {
310
- max-height: 100vh;
311
- }
312
- .max-h-\[360px\] {
313
- max-height: 360px;
314
- }
315
- .max-h-\[1000px\] {
316
- max-height: 1000px;
317
- }
318
- .max-h-\[calc\(100vh-64px\)\] {
319
- max-height: calc(100vh - 64px);
320
- }
321
- .min-h-0 {
322
- min-height: calc(var(--spacing) * 0);
323
- }
324
- .min-h-10 {
325
- min-height: calc(var(--spacing) * 10);
326
- }
327
- .min-h-\[50px\] {
328
- min-height: 50px;
329
- }
330
- .min-h-full {
331
- min-height: 100%;
332
- }
333
- .w-4 {
334
- width: calc(var(--spacing) * 4);
335
- }
336
- .w-6 {
337
- width: calc(var(--spacing) * 6);
338
- }
339
- .w-8 {
340
- width: calc(var(--spacing) * 8);
341
- }
342
- .w-9 {
343
- width: calc(var(--spacing) * 9);
344
- }
345
- .w-10 {
346
- width: calc(var(--spacing) * 10);
347
- }
348
- .w-11 {
349
- width: calc(var(--spacing) * 11);
350
- }
351
- .w-16 {
352
- width: calc(var(--spacing) * 16);
353
- }
354
- .w-20 {
355
- width: calc(var(--spacing) * 20);
356
- }
357
- .w-\[50px\] {
358
- width: 50px;
359
- }
360
- .w-\[220px\] {
361
- width: 220px;
362
- }
363
- .w-\[296px\] {
364
- width: 296px;
365
- }
366
- .w-\[320px\] {
367
- width: 320px;
368
- }
369
- .w-\[360px\] {
370
- width: 360px;
371
- }
372
- .w-\[calc\(100\%-32px\)\] {
373
- width: calc(100% - 32px);
374
- }
375
- .w-full {
376
- width: 100%;
377
- }
378
- .max-w-\[86vw\] {
379
- max-width: 86vw;
380
- }
381
- .max-w-\[96px\] {
382
- max-width: 96px;
383
- }
384
- .max-w-\[168px\] {
385
- max-width: 168px;
386
- }
387
- .max-w-\[560px\] {
388
- max-width: 560px;
389
- }
390
- .max-w-\[640px\] {
391
- max-width: 640px;
392
- }
393
- .max-w-\[calc\(100vw-16px\)\] {
394
- max-width: calc(100vw - 16px);
395
- }
396
- .min-w-0 {
397
- min-width: calc(var(--spacing) * 0);
398
- }
399
- .min-w-9 {
400
- min-width: calc(var(--spacing) * 9);
401
- }
402
- .min-w-10 {
403
- min-width: calc(var(--spacing) * 10);
404
- }
405
- .min-w-\[20px\] {
406
- min-width: 20px;
407
- }
408
- .min-w-\[44px\] {
409
- min-width: 44px;
410
- }
411
- .min-w-\[100\%\] {
412
- min-width: 100%;
413
- }
414
- .flex-1 {
415
- flex: 1;
416
- }
417
- .shrink-0 {
418
- flex-shrink: 0;
419
- }
420
- .table-fixed {
421
- table-layout: fixed;
422
- }
423
- .caption-bottom {
424
- caption-side: bottom;
425
- }
426
- .border-collapse {
427
- border-collapse: collapse;
428
- }
429
- .-translate-x-1\/2 {
430
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
431
- translate: var(--tw-translate-x) var(--tw-translate-y);
432
- }
433
- .-translate-x-full {
434
- --tw-translate-x: -100%;
435
- translate: var(--tw-translate-x) var(--tw-translate-y);
436
- }
437
- .translate-x-0 {
438
- --tw-translate-x: calc(var(--spacing) * 0);
439
- translate: var(--tw-translate-x) var(--tw-translate-y);
440
- }
441
- .translate-x-1 {
442
- --tw-translate-x: calc(var(--spacing) * 1);
443
- translate: var(--tw-translate-x) var(--tw-translate-y);
444
- }
445
- .translate-x-6 {
446
- --tw-translate-x: calc(var(--spacing) * 6);
447
- translate: var(--tw-translate-x) var(--tw-translate-y);
448
- }
449
- .translate-x-\[100\%\] {
450
- --tw-translate-x: 100%;
451
- translate: var(--tw-translate-x) var(--tw-translate-y);
452
- }
453
- .-translate-y-1\/2 {
454
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
455
- translate: var(--tw-translate-x) var(--tw-translate-y);
456
- }
457
- .rotate-180 {
458
- rotate: 180deg;
459
- }
460
- .transform {
461
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
462
- }
463
- .cursor-default {
464
- cursor: default;
465
- }
466
- .cursor-not-allowed {
467
- cursor: not-allowed;
468
- }
469
- .cursor-pointer {
470
- cursor: pointer;
471
- }
472
- .cursor-text {
473
- cursor: text;
474
- }
475
- .resize {
476
- resize: both;
477
- }
478
- .grid-cols-\[repeat\(auto-fit\,minmax\(260px\,1fr\)\)\] {
479
- grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
480
- }
481
- .flex-col {
482
- flex-direction: column;
483
- }
484
- .flex-col-reverse {
485
- flex-direction: column-reverse;
486
- }
487
- .flex-wrap {
488
- flex-wrap: wrap;
489
- }
490
- .items-center {
491
- align-items: center;
492
- }
493
- .justify-between {
494
- justify-content: space-between;
495
- }
496
- .justify-center {
497
- justify-content: center;
498
- }
499
- .justify-end {
500
- justify-content: flex-end;
501
- }
502
- .gap-0\.5 {
503
- gap: calc(var(--spacing) * 0.5);
504
- }
505
- .gap-1 {
506
- gap: calc(var(--spacing) * 1);
507
- }
508
- .gap-2 {
509
- gap: calc(var(--spacing) * 2);
510
- }
511
- .gap-2\.5 {
512
- gap: calc(var(--spacing) * 2.5);
513
- }
514
- .gap-3 {
515
- gap: calc(var(--spacing) * 3);
516
- }
517
- .gap-4 {
518
- gap: calc(var(--spacing) * 4);
519
- }
520
- .gap-\[3px\] {
521
- gap: 3px;
522
- }
523
- .gap-x-8 {
524
- column-gap: calc(var(--spacing) * 8);
525
- }
526
- .gap-y-2 {
527
- row-gap: calc(var(--spacing) * 2);
528
- }
529
- .truncate {
530
- overflow: hidden;
531
- text-overflow: ellipsis;
532
- white-space: nowrap;
533
- }
534
- .overflow-auto {
535
- overflow: auto;
536
- }
537
- .overflow-hidden {
538
- overflow: hidden;
539
- }
540
- .overflow-x-auto {
541
- overflow-x: auto;
542
- }
543
- .overflow-x-hidden {
544
- overflow-x: hidden;
545
- }
546
- .overflow-y-auto {
547
- overflow-y: auto;
548
- }
549
- .rounded {
550
- border-radius: 0.25rem;
551
- }
552
- .rounded-2xl {
553
- border-radius: var(--radius-2xl);
554
- }
555
- .rounded-\[4px\] {
556
- border-radius: 4px;
557
- }
558
- .rounded-\[6px\] {
559
- border-radius: 6px;
560
- }
561
- .rounded-\[8px\] {
562
- border-radius: 8px;
563
- }
564
- .rounded-\[10px\] {
565
- border-radius: 10px;
566
- }
567
- .rounded-\[12px\] {
568
- border-radius: 12px;
569
- }
570
- .rounded-full {
571
- border-radius: calc(infinity * 1px);
572
- }
573
- .rounded-lg {
574
- border-radius: var(--radius-lg);
575
- }
576
- .rounded-md {
577
- border-radius: var(--radius-md);
578
- }
579
- .rounded-sm {
580
- border-radius: var(--radius-sm);
581
- }
582
- .border {
583
- border-style: var(--tw-border-style);
584
- border-width: 1px;
585
- }
586
- .border-0 {
587
- border-style: var(--tw-border-style);
588
- border-width: 0px;
589
- }
590
- .border-2 {
591
- border-style: var(--tw-border-style);
592
- border-width: 2px;
593
- }
594
- .border-t {
595
- border-top-style: var(--tw-border-style);
596
- border-top-width: 1px;
597
- }
598
- .border-r {
599
- border-right-style: var(--tw-border-style);
600
- border-right-width: 1px;
601
- }
602
- .border-b {
603
- border-bottom-style: var(--tw-border-style);
604
- border-bottom-width: 1px;
605
- }
606
- .border-b-2 {
607
- border-bottom-style: var(--tw-border-style);
608
- border-bottom-width: 2px;
609
- }
610
- .border-l {
611
- border-left-style: var(--tw-border-style);
612
- border-left-width: 1px;
613
- }
614
- .border-dashed {
615
- --tw-border-style: dashed;
616
- border-style: dashed;
617
- }
618
- .border-\[\#e5e5e5\] {
619
- border-color: #e5e5e5;
620
- }
621
- .border-\[\#e6e6e6\] {
622
- border-color: #e6e6e6;
623
- }
624
- .border-\[\#fca5a5\] {
625
- border-color: #fca5a5;
626
- }
627
- .border-\[hsl\(0_0\%_89\.8\%\)\] {
628
- border-color: hsl(0 0% 89.8%);
629
- }
630
- .border-blue-600 {
631
- border-color: var(--color-blue-600);
632
- }
633
- .border-gray-200 {
634
- border-color: var(--color-gray-200);
635
- }
636
- .border-gray-300 {
637
- border-color: var(--color-gray-300);
638
- }
639
- .border-gray-400 {
640
- border-color: var(--color-gray-400);
641
- }
642
- .border-jett-line {
643
- border-color: var(--color-jett-line);
644
- }
645
- .border-jett-line-row {
646
- border-color: var(--color-jett-line-row);
647
- }
648
- .border-jett-line-soft {
649
- border-color: var(--color-jett-line-soft);
650
- }
651
- .border-primary {
652
- border-color: var(--color-primary);
653
- }
654
- .border-red-500 {
655
- border-color: var(--color-red-500);
656
- }
657
- .border-transparent {
658
- border-color: transparent;
659
- }
660
- .bg-\[\#F7FAFC\] {
661
- background-color: #F7FAFC;
662
- }
663
- .bg-\[\#ef4444\] {
664
- background-color: #ef4444;
665
- }
666
- .bg-\[\#f4f4f5\] {
667
- background-color: #f4f4f5;
668
- }
669
- .bg-\[\#fafafa\] {
670
- background-color: #fafafa;
671
- }
672
- .bg-\[\#fff\] {
673
- background-color: #fff;
674
- }
675
- .bg-\[rgba\(17\,24\,39\,0\.4\)\] {
676
- background-color: rgba(17, 24, 39, 0.4);
677
- }
678
- .bg-\[rgba\(17\,24\,39\,0\.5\)\] {
679
- background-color: rgba(17, 24, 39, 0.5);
680
- }
681
- .bg-black {
682
- background-color: var(--color-black);
683
- }
684
- .bg-black\/50 {
685
- background-color: color-mix(in srgb, #000 50%, transparent);
686
- @supports (color: color-mix(in lab, red, red)) {
687
- background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
688
- }
689
- }
690
- .bg-black\/80 {
691
- background-color: color-mix(in srgb, #000 80%, transparent);
692
- @supports (color: color-mix(in lab, red, red)) {
693
- background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
694
- }
695
- }
696
- .bg-blue-50 {
697
- background-color: var(--color-blue-50);
698
- }
699
- .bg-blue-600 {
700
- background-color: var(--color-blue-600);
701
- }
702
- .bg-gray-50 {
703
- background-color: var(--color-gray-50);
704
- }
705
- .bg-gray-100 {
706
- background-color: var(--color-gray-100);
707
- }
708
- .bg-gray-200 {
709
- background-color: var(--color-gray-200);
710
- }
711
- .bg-gray-300 {
712
- background-color: var(--color-gray-300);
713
- }
714
- .bg-green-100 {
715
- background-color: var(--color-green-100);
716
- }
717
- .bg-jett-brand {
718
- background-color: var(--color-jett-brand);
719
- }
720
- .bg-jett-brand-soft {
721
- background-color: var(--color-jett-brand-soft);
722
- }
723
- .bg-jett-canvas {
724
- background-color: var(--color-jett-canvas);
725
- }
726
- .bg-jett-danger-soft {
727
- background-color: var(--color-jett-danger-soft);
728
- }
729
- .bg-jett-fill {
730
- background-color: var(--color-jett-fill);
731
- }
732
- .bg-jett-surface {
733
- background-color: var(--color-jett-surface);
734
- }
735
- .bg-primary {
736
- background-color: var(--color-primary);
737
- }
738
- .bg-red-50 {
739
- background-color: var(--color-red-50);
740
- }
741
- .bg-red-100 {
742
- background-color: var(--color-red-100);
743
- }
744
- .bg-red-600 {
745
- background-color: var(--color-red-600);
746
- }
747
- .bg-transparent {
748
- background-color: transparent;
749
- }
750
- .bg-white {
751
- background-color: var(--color-white);
752
- }
753
- .bg-yellow-100 {
754
- background-color: var(--color-yellow-100);
755
- }
756
- .object-contain {
757
- object-fit: contain;
758
- }
759
- .p-0 {
760
- padding: calc(var(--spacing) * 0);
761
- }
762
- .p-1\.5 {
763
- padding: calc(var(--spacing) * 1.5);
764
- }
765
- .p-2 {
766
- padding: calc(var(--spacing) * 2);
767
- }
768
- .p-2\.5 {
769
- padding: calc(var(--spacing) * 2.5);
770
- }
771
- .p-4 {
772
- padding: calc(var(--spacing) * 4);
773
- }
774
- .p-6 {
775
- padding: calc(var(--spacing) * 6);
776
- }
777
- .\!px-2\.5 {
778
- padding-inline: calc(var(--spacing) * 2.5) !important;
779
- }
780
- .px-0 {
781
- padding-inline: calc(var(--spacing) * 0);
782
- }
783
- .px-1\.5 {
784
- padding-inline: calc(var(--spacing) * 1.5);
785
- }
786
- .px-2 {
787
- padding-inline: calc(var(--spacing) * 2);
788
- }
789
- .px-2\.5 {
790
- padding-inline: calc(var(--spacing) * 2.5);
791
- }
792
- .px-3 {
793
- padding-inline: calc(var(--spacing) * 3);
794
- }
795
- .px-4 {
796
- padding-inline: calc(var(--spacing) * 4);
797
- }
798
- .px-5 {
799
- padding-inline: calc(var(--spacing) * 5);
800
- }
801
- .px-6 {
802
- padding-inline: calc(var(--spacing) * 6);
803
- }
804
- .px-\[5px\] {
805
- padding-inline: 5px;
806
- }
807
- .px-\[7px\] {
808
- padding-inline: 7px;
809
- }
810
- .\!py-\[7px\] {
811
- padding-block: 7px !important;
812
- }
813
- .py-0\.5 {
814
- padding-block: calc(var(--spacing) * 0.5);
815
- }
816
- .py-1 {
817
- padding-block: calc(var(--spacing) * 1);
818
- }
819
- .py-1\.5 {
820
- padding-block: calc(var(--spacing) * 1.5);
821
- }
822
- .py-2 {
823
- padding-block: calc(var(--spacing) * 2);
824
- }
825
- .py-2\.5 {
826
- padding-block: calc(var(--spacing) * 2.5);
827
- }
828
- .py-3 {
829
- padding-block: calc(var(--spacing) * 3);
830
- }
831
- .py-4 {
832
- padding-block: calc(var(--spacing) * 4);
833
- }
834
- .py-6 {
835
- padding-block: calc(var(--spacing) * 6);
836
- }
837
- .py-\[6px\] {
838
- padding-block: 6px;
839
- }
840
- .py-\[7px\] {
841
- padding-block: 7px;
842
- }
843
- .py-\[9px\] {
844
- padding-block: 9px;
845
- }
846
- .py-\[11px\] {
847
- padding-block: 11px;
848
- }
849
- .py-px {
850
- padding-block: 1px;
851
- }
852
- .pt-1\.5 {
853
- padding-top: calc(var(--spacing) * 1.5);
854
- }
855
- .pt-2 {
856
- padding-top: calc(var(--spacing) * 2);
857
- }
858
- .pt-3 {
859
- padding-top: calc(var(--spacing) * 3);
860
- }
861
- .pt-20 {
862
- padding-top: calc(var(--spacing) * 20);
863
- }
864
- .pr-2 {
865
- padding-right: calc(var(--spacing) * 2);
866
- }
867
- .pb-1\.5 {
868
- padding-bottom: calc(var(--spacing) * 1.5);
869
- }
870
- .pb-2 {
871
- padding-bottom: calc(var(--spacing) * 2);
872
- }
873
- .pb-5 {
874
- padding-bottom: calc(var(--spacing) * 5);
875
- }
876
- .pl-1 {
877
- padding-left: calc(var(--spacing) * 1);
878
- }
879
- .pl-2 {
880
- padding-left: calc(var(--spacing) * 2);
881
- }
882
- .pl-3 {
883
- padding-left: calc(var(--spacing) * 3);
884
- }
885
- .pl-\[13px\] {
886
- padding-left: 13px;
887
- }
888
- .text-center {
889
- text-align: center;
890
- }
891
- .text-left {
892
- text-align: left;
893
- }
894
- .text-right {
895
- text-align: right;
896
- }
897
- .font-jett {
898
- font-family: var(--font-jett);
899
- }
900
- .text-base {
901
- font-size: var(--text-base);
902
- line-height: var(--tw-leading, var(--text-base--line-height));
903
- }
904
- .text-lg {
905
- font-size: var(--text-lg);
906
- line-height: var(--tw-leading, var(--text-lg--line-height));
907
- }
908
- .text-sm {
909
- font-size: var(--text-sm);
910
- line-height: var(--tw-leading, var(--text-sm--line-height));
911
- }
912
- .text-xs {
913
- font-size: var(--text-xs);
914
- line-height: var(--tw-leading, var(--text-xs--line-height));
915
- }
916
- .\!text-\[12px\] {
917
- font-size: 12px !important;
918
- }
919
- .\!text-\[14px\] {
920
- font-size: 14px !important;
921
- }
922
- .\!text-\[15px\] {
923
- font-size: 15px !important;
924
- }
925
- .\!text-\[16px\] {
926
- font-size: 16px !important;
927
- }
928
- .\!text-\[22px\] {
929
- font-size: 22px !important;
930
- }
931
- .text-\[11px\] {
932
- font-size: 11px;
933
- }
934
- .text-\[12px\] {
935
- font-size: 12px;
936
- }
937
- .text-\[13px\] {
938
- font-size: 13px;
939
- }
940
- .text-\[14px\] {
941
- font-size: 14px;
942
- }
943
- .text-\[15px\] {
944
- font-size: 15px;
945
- }
946
- .leading-5 {
947
- --tw-leading: calc(var(--spacing) * 5);
948
- line-height: calc(var(--spacing) * 5);
949
- }
950
- .leading-6 {
951
- --tw-leading: calc(var(--spacing) * 6);
952
- line-height: calc(var(--spacing) * 6);
953
- }
954
- .leading-\[18px\] {
955
- --tw-leading: 18px;
956
- line-height: 18px;
957
- }
958
- .\!font-medium {
959
- --tw-font-weight: var(--font-weight-medium) !important;
960
- font-weight: var(--font-weight-medium) !important;
961
- }
962
- .\!font-normal {
963
- --tw-font-weight: var(--font-weight-normal) !important;
964
- font-weight: var(--font-weight-normal) !important;
965
- }
966
- .\!font-semibold {
967
- --tw-font-weight: var(--font-weight-semibold) !important;
968
- font-weight: var(--font-weight-semibold) !important;
969
- }
970
- .font-\[500\] {
971
- --tw-font-weight: 500;
972
- font-weight: 500;
973
- }
974
- .font-\[600\] {
975
- --tw-font-weight: 600;
976
- font-weight: 600;
977
- }
978
- .font-bold {
979
- --tw-font-weight: var(--font-weight-bold);
980
- font-weight: var(--font-weight-bold);
981
- }
982
- .font-medium {
983
- --tw-font-weight: var(--font-weight-medium);
984
- font-weight: var(--font-weight-medium);
985
- }
986
- .font-semibold {
987
- --tw-font-weight: var(--font-weight-semibold);
988
- font-weight: var(--font-weight-semibold);
989
- }
990
- .tracking-\[-0\.01em\] {
991
- --tw-tracking: -0.01em;
992
- letter-spacing: -0.01em;
993
- }
994
- .tracking-\[0\.06em\] {
995
- --tw-tracking: 0.06em;
996
- letter-spacing: 0.06em;
997
- }
998
- .whitespace-nowrap {
999
- white-space: nowrap;
1000
- }
1001
- .\!text-\[\#000\] {
1002
- color: #000 !important;
1003
- }
1004
- .\!text-\[\#3f3f46cc\] {
1005
- color: #3f3f46cc !important;
1006
- }
1007
- .text-\[\#737373\] {
1008
- color: #737373;
1009
- }
1010
- .text-black {
1011
- color: var(--color-black);
1012
- }
1013
- .text-blue-600 {
1014
- color: var(--color-blue-600);
1015
- }
1016
- .text-gray-400 {
1017
- color: var(--color-gray-400);
1018
- }
1019
- .text-gray-500 {
1020
- color: var(--color-gray-500);
1021
- }
1022
- .text-gray-600 {
1023
- color: var(--color-gray-600);
1024
- }
1025
- .text-gray-700 {
1026
- color: var(--color-gray-700);
1027
- }
1028
- .text-gray-900 {
1029
- color: var(--color-gray-900);
1030
- }
1031
- .text-green-800 {
1032
- color: var(--color-green-800);
1033
- }
1034
- .text-jett-brand {
1035
- color: var(--color-jett-brand);
1036
- }
1037
- .text-jett-brand-hover {
1038
- color: var(--color-jett-brand-hover);
1039
- }
1040
- .text-jett-danger {
1041
- color: var(--color-jett-danger);
1042
- }
1043
- .text-jett-ink {
1044
- color: var(--color-jett-ink);
1045
- }
1046
- .text-jett-ink-400 {
1047
- color: var(--color-jett-ink-400);
1048
- }
1049
- .text-jett-ink-500 {
1050
- color: var(--color-jett-ink-500);
1051
- }
1052
- .text-jett-ink-600 {
1053
- color: var(--color-jett-ink-600);
1054
- }
1055
- .text-jett-ink-700 {
1056
- color: var(--color-jett-ink-700);
1057
- }
1058
- .text-jett-ink-800 {
1059
- color: var(--color-jett-ink-800);
1060
- }
1061
- .text-primary {
1062
- color: var(--color-primary);
1063
- }
1064
- .text-red-500 {
1065
- color: var(--color-red-500);
1066
- }
1067
- .text-red-800 {
1068
- color: var(--color-red-800);
1069
- }
1070
- .text-white {
1071
- color: var(--color-white);
1072
- }
1073
- .text-yellow-800 {
1074
- color: var(--color-yellow-800);
1075
- }
1076
- .uppercase {
1077
- text-transform: uppercase;
1078
- }
1079
- .opacity-60 {
1080
- opacity: 60%;
1081
- }
1082
- .opacity-70 {
1083
- opacity: 70%;
1084
- }
1085
- .shadow {
1086
- --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));
1087
- box-shadow:
1088
- var(--tw-inset-shadow),
1089
- var(--tw-inset-ring-shadow),
1090
- var(--tw-ring-offset-shadow),
1091
- var(--tw-ring-shadow),
1092
- var(--tw-shadow);
1093
- }
1094
- .shadow-2xl {
1095
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1096
- box-shadow:
1097
- var(--tw-inset-shadow),
1098
- var(--tw-inset-ring-shadow),
1099
- var(--tw-ring-offset-shadow),
1100
- var(--tw-ring-shadow),
1101
- var(--tw-shadow);
1102
- }
1103
- .shadow-lg {
1104
- --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));
1105
- box-shadow:
1106
- var(--tw-inset-shadow),
1107
- var(--tw-inset-ring-shadow),
1108
- var(--tw-ring-offset-shadow),
1109
- var(--tw-ring-shadow),
1110
- var(--tw-shadow);
1111
- }
1112
- .outline {
1113
- outline-style: var(--tw-outline-style);
1114
- outline-width: 1px;
1115
- }
1116
- .outline-offset-2 {
1117
- outline-offset: 2px;
1118
- }
1119
- .outline-black {
1120
- outline-color: var(--color-black);
1121
- }
1122
- .transition {
1123
- transition-property:
1124
- color,
1125
- background-color,
1126
- border-color,
1127
- outline-color,
1128
- text-decoration-color,
1129
- fill,
1130
- stroke,
1131
- --tw-gradient-from,
1132
- --tw-gradient-via,
1133
- --tw-gradient-to,
1134
- opacity,
1135
- box-shadow,
1136
- transform,
1137
- translate,
1138
- scale,
1139
- rotate,
1140
- filter,
1141
- -webkit-backdrop-filter,
1142
- backdrop-filter,
1143
- display,
1144
- content-visibility,
1145
- overlay,
1146
- pointer-events;
1147
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1148
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1149
- }
1150
- .transition-\[width\,transform\] {
1151
- transition-property: width, transform;
1152
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1153
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1154
- }
1155
- .transition-all {
1156
- transition-property: all;
1157
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1158
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1159
- }
1160
- .transition-colors {
1161
- transition-property:
1162
- color,
1163
- background-color,
1164
- border-color,
1165
- outline-color,
1166
- text-decoration-color,
1167
- fill,
1168
- stroke,
1169
- --tw-gradient-from,
1170
- --tw-gradient-via,
1171
- --tw-gradient-to;
1172
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1173
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1174
- }
1175
- .transition-transform {
1176
- transition-property:
1177
- transform,
1178
- translate,
1179
- scale,
1180
- rotate;
1181
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1182
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1183
- }
1184
- .delay-75 {
1185
- transition-delay: 75ms;
1186
- }
1187
- .delay-100 {
1188
- transition-delay: 100ms;
1189
- }
1190
- .duration-150 {
1191
- --tw-duration: 150ms;
1192
- transition-duration: 150ms;
1193
- }
1194
- .duration-200 {
1195
- --tw-duration: 200ms;
1196
- transition-duration: 200ms;
1197
- }
1198
- .duration-300 {
1199
- --tw-duration: 300ms;
1200
- transition-duration: 300ms;
1201
- }
1202
- .ease-in-out {
1203
- --tw-ease: var(--ease-in-out);
1204
- transition-timing-function: var(--ease-in-out);
1205
- }
1206
- .outline-none {
1207
- --tw-outline-style: none;
1208
- outline-style: none;
1209
- }
1210
- .select-none {
1211
- -webkit-user-select: none;
1212
- user-select: none;
1213
- }
1214
- .peer-checked\:border-primary {
1215
- &:is(:where(.peer):checked ~ *) {
1216
- border-color: var(--color-primary);
1217
- }
1218
- }
1219
- .peer-checked\:bg-primary {
1220
- &:is(:where(.peer):checked ~ *) {
1221
- background-color: var(--color-primary);
1222
- }
1223
- }
1224
- .placeholder\:text-\[14px\] {
1225
- &::placeholder {
1226
- font-size: 14px;
1227
- }
1228
- }
1229
- .placeholder\:font-normal {
1230
- &::placeholder {
1231
- --tw-font-weight: var(--font-weight-normal);
1232
- font-weight: var(--font-weight-normal);
1233
- }
1234
- }
1235
- .placeholder\:text-\[\#6b7280\] {
1236
- &::placeholder {
1237
- color: #6b7280;
1238
- }
1239
- }
1240
- .placeholder\:text-jett-ink-400 {
1241
- &::placeholder {
1242
- color: var(--color-jett-ink-400);
1243
- }
1244
- }
1245
- .focus-within\:outline-2 {
1246
- &:focus-within {
1247
- outline-style: var(--tw-outline-style);
1248
- outline-width: 2px;
1249
- }
1250
- }
1251
- .focus-within\:outline-offset-2 {
1252
- &:focus-within {
1253
- outline-offset: 2px;
1254
- }
1255
- }
1256
- .focus-within\:outline-black {
1257
- &:focus-within {
1258
- outline-color: var(--color-black);
1259
- }
1260
- }
1261
- .hover\:border-gray-300 {
1262
- &:hover {
1263
- @media (hover: hover) {
1264
- border-color: var(--color-gray-300);
1265
- }
1266
- }
1267
- }
1268
- .hover\:border-gray-400 {
1269
- &:hover {
1270
- @media (hover: hover) {
1271
- border-color: var(--color-gray-400);
1272
- }
1273
- }
1274
- }
1275
- .hover\:border-jett-line-control {
1276
- &:hover {
1277
- @media (hover: hover) {
1278
- border-color: var(--color-jett-line-control);
1279
- }
1280
- }
1281
- }
1282
- .hover\:bg-\[\#F7FAFC\] {
1283
- &:hover {
1284
- @media (hover: hover) {
1285
- background-color: #F7FAFC;
1286
- }
1287
- }
1288
- }
1289
- .hover\:bg-\[\#f4f4f5\] {
1290
- &:hover {
1291
- @media (hover: hover) {
1292
- background-color: #f4f4f5;
1293
- }
1294
- }
1295
- }
1296
- .hover\:bg-gray-50 {
1297
- &:hover {
1298
- @media (hover: hover) {
1299
- background-color: var(--color-gray-50);
1300
- }
1301
- }
1302
- }
1303
- .hover\:bg-gray-100 {
1304
- &:hover {
1305
- @media (hover: hover) {
1306
- background-color: var(--color-gray-100);
1307
- }
1308
- }
1309
- }
1310
- .hover\:bg-jett-canvas {
1311
- &:hover {
1312
- @media (hover: hover) {
1313
- background-color: var(--color-jett-canvas);
1314
- }
1315
- }
1316
- }
1317
- .hover\:bg-jett-danger-soft {
1318
- &:hover {
1319
- @media (hover: hover) {
1320
- background-color: var(--color-jett-danger-soft);
1321
- }
1322
- }
1323
- }
1324
- .hover\:bg-jett-fill {
1325
- &:hover {
1326
- @media (hover: hover) {
1327
- background-color: var(--color-jett-fill);
1328
- }
1329
- }
1330
- }
1331
- .hover\:bg-red-700 {
1332
- &:hover {
1333
- @media (hover: hover) {
1334
- background-color: var(--color-red-700);
1335
- }
1336
- }
1337
- }
1338
- .hover\:text-gray-700 {
1339
- &:hover {
1340
- @media (hover: hover) {
1341
- color: var(--color-gray-700);
1342
- }
1343
- }
1344
- }
1345
- .hover\:text-jett-ink {
1346
- &:hover {
1347
- @media (hover: hover) {
1348
- color: var(--color-jett-ink);
1349
- }
1350
- }
1351
- }
1352
- .hover\:text-jett-ink-700 {
1353
- &:hover {
1354
- @media (hover: hover) {
1355
- color: var(--color-jett-ink-700);
1356
- }
1357
- }
1358
- }
1359
- .focus\:border-black {
1360
- &:focus {
1361
- border-color: var(--color-black);
1362
- }
1363
- }
1364
- .focus\:shadow-none {
1365
- &:focus {
1366
- --tw-shadow: 0 0 #0000;
1367
- box-shadow:
1368
- var(--tw-inset-shadow),
1369
- var(--tw-inset-ring-shadow),
1370
- var(--tw-ring-offset-shadow),
1371
- var(--tw-ring-shadow),
1372
- var(--tw-shadow);
1373
- }
1374
- }
1375
- .focus\:ring-0 {
1376
- &:focus {
1377
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1378
- box-shadow:
1379
- var(--tw-inset-shadow),
1380
- var(--tw-inset-ring-shadow),
1381
- var(--tw-ring-offset-shadow),
1382
- var(--tw-ring-shadow),
1383
- var(--tw-shadow);
1384
- }
1385
- }
1386
- .focus\:outline-2 {
1387
- &:focus {
1388
- outline-style: var(--tw-outline-style);
1389
- outline-width: 2px;
1390
- }
1391
- }
1392
- .focus\:outline-offset-2 {
1393
- &:focus {
1394
- outline-offset: 2px;
1395
- }
1396
- }
1397
- .focus\:outline-black {
1398
- &:focus {
1399
- outline-color: var(--color-black);
1400
- }
1401
- }
1402
- .focus\:outline-none {
1403
- &:focus {
1404
- --tw-outline-style: none;
1405
- outline-style: none;
1406
- }
1407
- }
1408
- .disabled\:cursor-not-allowed {
1409
- &:disabled {
1410
- cursor: not-allowed;
1411
- }
1412
- }
1413
- .disabled\:opacity-50 {
1414
- &:disabled {
1415
- opacity: 50%;
1416
- }
1417
- }
1418
- .xs\:max-md\:z-40 {
1419
- @media (width >= 360px) {
1420
- @media (width < 48rem) {
1421
- z-index: 40;
1422
- }
1423
- }
1424
- }
1425
- .sm\:flex-row {
1426
- @media (width >= 40rem) {
1427
- flex-direction: row;
1428
- }
1429
- }
1430
- .sm\:justify-end {
1431
- @media (width >= 40rem) {
1432
- justify-content: flex-end;
1433
- }
1434
- }
1435
- .sm\:space-x-2 {
1436
- @media (width >= 40rem) {
1437
- :where(& > :not(:last-child)) {
1438
- --tw-space-x-reverse: 0;
1439
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
1440
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
1441
- }
1442
- }
1443
- }
1444
- .md\:relative {
1445
- @media (width >= 48rem) {
1446
- position: relative;
1447
- }
1448
- }
1449
- .md\:block {
1450
- @media (width >= 48rem) {
1451
- display: block;
1452
- }
1453
- }
1454
- .md\:hidden {
1455
- @media (width >= 48rem) {
1456
- display: none;
1457
- }
1458
- }
1459
- .md\:min-w-\[576px\] {
1460
- @media (width >= 48rem) {
1461
- min-width: 576px;
1462
- }
1463
- }
1464
- .md\:translate-x-0 {
1465
- @media (width >= 48rem) {
1466
- --tw-translate-x: calc(var(--spacing) * 0);
1467
- translate: var(--tw-translate-x) var(--tw-translate-y);
1468
- }
1469
- }
1470
- .md\:pt-4 {
1471
- @media (width >= 48rem) {
1472
- padding-top: calc(var(--spacing) * 4);
1473
- }
1474
- }
1475
- .md\:max-lg\:w-\[280px\] {
1476
- @media (width >= 48rem) {
1477
- @media (width < 64rem) {
1478
- width: 280px;
1479
- }
1480
- }
1481
- }
1482
- .dark\:border-\[\#303036\] {
1483
- &:where(.dark, .dark *) {
1484
- border-color: #303036;
1485
- }
1486
- }
1487
- .dark\:bg-\[\#1d1d20\] {
1488
- &:where(.dark, .dark *) {
1489
- background-color: #1d1d20;
1490
- }
1491
- }
1492
- .dark\:bg-\[\#18181b\] {
1493
- &:where(.dark, .dark *) {
1494
- background-color: #18181b;
1495
- }
1496
- }
1497
- .dark\:bg-\[\#27272a\] {
1498
- &:where(.dark, .dark *) {
1499
- background-color: #27272a;
1500
- }
1501
- }
1502
- .dark\:bg-\[\#303036\] {
1503
- &:where(.dark, .dark *) {
1504
- background-color: #303036;
1505
- }
1506
- }
1507
- .dark\:bg-blue-950\/40 {
1508
- &:where(.dark, .dark *) {
1509
- background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 40%, transparent);
1510
- @supports (color: color-mix(in lab, red, red)) {
1511
- background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
1512
- }
1513
- }
1514
- }
1515
- .dark\:bg-gray-800 {
1516
- &:where(.dark, .dark *) {
1517
- background-color: var(--color-gray-800);
1518
- }
1519
- }
1520
- .dark\:bg-green-900 {
1521
- &:where(.dark, .dark *) {
1522
- background-color: var(--color-green-900);
1523
- }
1524
- }
1525
- .dark\:bg-primary {
1526
- &:where(.dark, .dark *) {
1527
- background-color: var(--color-primary);
1528
- }
1529
- }
1530
- .dark\:bg-red-900 {
1531
- &:where(.dark, .dark *) {
1532
- background-color: var(--color-red-900);
1533
- }
1534
- }
1535
- .dark\:bg-transparent {
1536
- &:where(.dark, .dark *) {
1537
- background-color: transparent;
1538
- }
1539
- }
1540
- .dark\:bg-yellow-900 {
1541
- &:where(.dark, .dark *) {
1542
- background-color: var(--color-yellow-900);
1543
- }
1544
- }
1545
- .dark\:\!text-\[\#a1a1aa\] {
1546
- &:where(.dark, .dark *) {
1547
- color: #a1a1aa !important;
1548
- }
1549
- }
1550
- .dark\:text-\[\#71717a\] {
1551
- &:where(.dark, .dark *) {
1552
- color: #71717a;
1553
- }
1554
- }
1555
- .dark\:text-\[\#a1a1aa\] {
1556
- &:where(.dark, .dark *) {
1557
- color: #a1a1aa;
1558
- }
1559
- }
1560
- .dark\:text-\[\#f4f4f5cc\] {
1561
- &:where(.dark, .dark *) {
1562
- color: #f4f4f5cc;
1563
- }
1564
- }
1565
- .dark\:text-gray-400 {
1566
- &:where(.dark, .dark *) {
1567
- color: var(--color-gray-400);
1568
- }
1569
- }
1570
- .dark\:text-gray-500 {
1571
- &:where(.dark, .dark *) {
1572
- color: var(--color-gray-500);
1573
- }
1574
- }
1575
- .dark\:text-gray-600 {
1576
- &:where(.dark, .dark *) {
1577
- color: var(--color-gray-600);
1578
- }
1579
- }
1580
- .dark\:text-green-100 {
1581
- &:where(.dark, .dark *) {
1582
- color: var(--color-green-100);
1583
- }
1584
- }
1585
- .dark\:text-red-100 {
1586
- &:where(.dark, .dark *) {
1587
- color: var(--color-red-100);
1588
- }
1589
- }
1590
- .dark\:text-white {
1591
- &:where(.dark, .dark *) {
1592
- color: var(--color-white);
1593
- }
1594
- }
1595
- .dark\:text-yellow-100 {
1596
- &:where(.dark, .dark *) {
1597
- color: var(--color-yellow-100);
1598
- }
1599
- }
1600
- .dark\:outline-white {
1601
- &:where(.dark, .dark *) {
1602
- outline-color: var(--color-white);
1603
- }
1604
- }
1605
- .dark\:hover\:bg-\[\#27272a\] {
1606
- &:where(.dark, .dark *) {
1607
- &:hover {
1608
- @media (hover: hover) {
1609
- background-color: #27272a;
1610
- }
1611
- }
1612
- }
1613
- }
1614
- .dark\:hover\:bg-\[\#303036\] {
1615
- &:where(.dark, .dark *) {
1616
- &:hover {
1617
- @media (hover: hover) {
1618
- background-color: #303036;
1619
- }
1620
- }
1621
- }
1622
- }
1623
- .dark\:hover\:bg-\[\#323232\] {
1624
- &:where(.dark, .dark *) {
1625
- &:hover {
1626
- @media (hover: hover) {
1627
- background-color: #323232;
1628
- }
1629
- }
1630
- }
1631
- }
1632
- .dark\:hover\:text-white {
1633
- &:where(.dark, .dark *) {
1634
- &:hover {
1635
- @media (hover: hover) {
1636
- color: var(--color-white);
1637
- }
1638
- }
1639
- }
1640
- }
1641
- @font-face {
1642
- font-family: "Inter";
1643
- src: url("./Inter-Regular-GS5EHSMB.woff2") format("woff2");
1644
- font-weight: 400;
1645
- font-style: normal;
1646
- font-display: swap;
1647
- }
1648
- @font-face {
1649
- font-family: "Inter";
1650
- src: url("./Inter-Medium-5IRUMIHZ.woff2") format("woff2");
1651
- font-weight: 500;
1652
- font-style: normal;
1653
- font-display: swap;
1654
- }
1655
- @font-face {
1656
- font-family: "Inter";
1657
- src: url("./Inter-SemiBold-SVBZ7NC6.woff2") format("woff2");
1658
- font-weight: 600;
1659
- font-style: normal;
1660
- font-display: swap;
1661
- }
1662
- @font-face {
1663
- font-family: "Inter";
1664
- src: url("./Inter-Bold-UGVMS3V6.woff2") format("woff2");
1665
- font-weight: 700;
1666
- font-style: normal;
1667
- font-display: swap;
1668
- }
1669
- body {
1670
- font-family: "Inter", sans-serif;
1671
- }
1672
- @layer utilities {
1673
- .scrollbar-hide {
1674
- scrollbar-width: none;
1675
- -ms-overflow-style: none;
1676
- }
1677
- .scrollbar-hide::-webkit-scrollbar {
1678
- display: none;
1679
- }
1680
- }
1681
- @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
1682
- @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
1683
- @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
1684
- @property --tw-rotate-x { syntax: "*"; inherits: false; }
1685
- @property --tw-rotate-y { syntax: "*"; inherits: false; }
1686
- @property --tw-rotate-z { syntax: "*"; inherits: false; }
1687
- @property --tw-skew-x { syntax: "*"; inherits: false; }
1688
- @property --tw-skew-y { syntax: "*"; inherits: false; }
1689
- @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
1690
- @property --tw-leading { syntax: "*"; inherits: false; }
1691
- @property --tw-font-weight { syntax: "*"; inherits: false; }
1692
- @property --tw-tracking { syntax: "*"; inherits: false; }
1693
- @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1694
- @property --tw-shadow-color { syntax: "*"; inherits: false; }
1695
- @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1696
- @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1697
- @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
1698
- @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1699
- @property --tw-ring-color { syntax: "*"; inherits: false; }
1700
- @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1701
- @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
1702
- @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1703
- @property --tw-ring-inset { syntax: "*"; inherits: false; }
1704
- @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
1705
- @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
1706
- @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1707
- @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
1708
- @property --tw-duration { syntax: "*"; inherits: false; }
1709
- @property --tw-ease { syntax: "*"; inherits: false; }
1710
- @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
1711
- @layer properties {
1712
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1713
- *,
1714
- ::before,
1715
- ::after,
1716
- ::backdrop {
1717
- --tw-translate-x: 0;
1718
- --tw-translate-y: 0;
1719
- --tw-translate-z: 0;
1720
- --tw-rotate-x: initial;
1721
- --tw-rotate-y: initial;
1722
- --tw-rotate-z: initial;
1723
- --tw-skew-x: initial;
1724
- --tw-skew-y: initial;
1725
- --tw-border-style: solid;
1726
- --tw-leading: initial;
1727
- --tw-font-weight: initial;
1728
- --tw-tracking: initial;
1729
- --tw-shadow: 0 0 #0000;
1730
- --tw-shadow-color: initial;
1731
- --tw-shadow-alpha: 100%;
1732
- --tw-inset-shadow: 0 0 #0000;
1733
- --tw-inset-shadow-color: initial;
1734
- --tw-inset-shadow-alpha: 100%;
1735
- --tw-ring-color: initial;
1736
- --tw-ring-shadow: 0 0 #0000;
1737
- --tw-inset-ring-color: initial;
1738
- --tw-inset-ring-shadow: 0 0 #0000;
1739
- --tw-ring-inset: initial;
1740
- --tw-ring-offset-width: 0px;
1741
- --tw-ring-offset-color: #fff;
1742
- --tw-ring-offset-shadow: 0 0 #0000;
1743
- --tw-outline-style: solid;
1744
- --tw-duration: initial;
1745
- --tw-ease: initial;
1746
- --tw-space-x-reverse: 0;
1747
- }
1748
- }
1749
- }
1750
-
1751
- /* src/RightSheet/RightSheet.css */
1752
- .sheetPopIn {
1753
- animation: popIn 50ms ease-in-out forwards;
1754
- }
1755
- .sheetRightSlide {
1756
- animation: rightSlide 350ms ease-in-out forwards;
1757
- }
1758
- .sheetLeftSlide {
1759
- animation: sheetLeftSlide 350ms ease-in-out forwards;
1760
- }
1761
- @keyframes sheetLeftSlide {
1762
- 0% {
1763
- transform: translateX(-100%);
1764
- opacity: 0;
1765
- }
1766
- 100% {
1767
- transform: translateX(0);
1768
- opacity: 1;
1769
- }
1770
- }
1771
- @keyframes rightSlide {
1772
- 0% {
1773
- transform: translateX(100%);
1774
- opacity: 0;
1775
- }
1776
- 100% {
1777
- transform: translateX(0);
1778
- opacity: 1;
1779
- }
1780
- }
1781
- @keyframes popIn {
1782
- 0% {
1783
- opacity: 0;
1784
- }
1785
- 100% {
1786
- opacity: 1;
1787
- }
1788
- }
1789
- /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
1
+ /* dist/index.css */
2
+ @layer properties;
3
+ :root,
4
+ :host {
5
+ --color-red-50: oklch(97.1% 0.013 17.38);
6
+ --color-red-100: oklch(93.6% 0.032 17.717);
7
+ --color-red-500: oklch(63.7% 0.237 25.331);
8
+ --color-red-600: oklch(57.7% 0.245 27.325);
9
+ --color-red-700: oklch(50.5% 0.213 27.518);
10
+ --color-red-800: oklch(44.4% 0.177 26.899);
11
+ --color-red-900: oklch(39.6% 0.141 25.723);
12
+ --color-yellow-100: oklch(97.3% 0.071 103.193);
13
+ --color-yellow-800: oklch(47.6% 0.114 61.907);
14
+ --color-yellow-900: oklch(42.1% 0.095 57.708);
15
+ --color-green-100: oklch(96.2% 0.044 156.743);
16
+ --color-green-800: oklch(44.8% 0.119 151.328);
17
+ --color-green-900: oklch(39.3% 0.095 152.535);
18
+ --color-blue-50: oklch(97% 0.014 254.604);
19
+ --color-blue-600: oklch(54.6% 0.245 262.881);
20
+ --color-blue-950: oklch(28.2% 0.091 267.935);
21
+ --color-gray-50: oklch(98.5% 0.002 247.839);
22
+ --color-gray-100: oklch(96.7% 0.003 264.542);
23
+ --color-gray-200: oklch(92.8% 0.006 264.531);
24
+ --color-gray-300: oklch(87.2% 0.01 258.338);
25
+ --color-gray-400: oklch(70.7% 0.022 261.325);
26
+ --color-gray-500: oklch(55.1% 0.027 264.364);
27
+ --color-gray-600: oklch(44.6% 0.03 256.802);
28
+ --color-gray-700: oklch(37.3% 0.034 259.733);
29
+ --color-gray-800: oklch(27.8% 0.033 256.848);
30
+ --color-gray-900: oklch(21% 0.034 264.665);
31
+ --color-black: #000;
32
+ --color-white: #fff;
33
+ --spacing: 0.25rem;
34
+ --text-xs: 0.75rem;
35
+ --text-xs--line-height: calc(1 / 0.75);
36
+ --text-sm: 0.875rem;
37
+ --text-sm--line-height: calc(1.25 / 0.875);
38
+ --text-base: 1rem;
39
+ --text-base--line-height: calc(1.5 / 1);
40
+ --text-lg: 1.125rem;
41
+ --text-lg--line-height: calc(1.75 / 1.125);
42
+ --font-weight-normal: 400;
43
+ --font-weight-medium: 500;
44
+ --font-weight-semibold: 600;
45
+ --font-weight-bold: 700;
46
+ --radius-sm: 0.25rem;
47
+ --radius-md: 0.375rem;
48
+ --radius-lg: 0.5rem;
49
+ --radius-2xl: 1rem;
50
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
51
+ --default-transition-duration: 150ms;
52
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
53
+ --color-primary: rgb(63, 63, 70);
54
+ --font-jett:
55
+ ui-sans-serif,
56
+ system-ui,
57
+ "Segoe UI",
58
+ sans-serif;
59
+ --color-jett-surface: #ffffff;
60
+ --color-jett-canvas: #f9fafb;
61
+ --color-jett-line: #eceef1;
62
+ --color-jett-line-row: #f3f4f6;
63
+ --color-jett-line-control: #d1d5db;
64
+ --color-jett-line-soft: #e5e7eb;
65
+ --color-jett-fill: #f3f4f6;
66
+ --color-jett-ink: #111827;
67
+ --color-jett-ink-800: #1f2937;
68
+ --color-jett-ink-700: #374151;
69
+ --color-jett-ink-600: #4b5563;
70
+ --color-jett-ink-500: #6b7280;
71
+ --color-jett-ink-400: #9ca3af;
72
+ --color-jett-brand: #4f46e5;
73
+ --color-jett-brand-hover: #4338ca;
74
+ --color-jett-brand-soft: #eef2ff;
75
+ --color-jett-danger: #b91c1c;
76
+ --color-jett-danger-soft: #fef2f2;
77
+ --shadow-jett-drawer: 0 20px 40px rgba(0, 0, 0, 0.25);
78
+ }
79
+ .collapse {
80
+ visibility: collapse;
81
+ }
82
+ .visible {
83
+ visibility: visible;
84
+ }
85
+ .absolute {
86
+ position: absolute;
87
+ }
88
+ .fixed {
89
+ position: fixed;
90
+ }
91
+ .relative {
92
+ position: relative;
93
+ }
94
+ .sticky {
95
+ position: sticky;
96
+ }
97
+ .inset-0 {
98
+ inset: calc(var(--spacing) * 0);
99
+ }
100
+ .top-0 {
101
+ top: calc(var(--spacing) * 0);
102
+ }
103
+ .top-1\/2 {
104
+ top: calc(1/2 * 100%);
105
+ }
106
+ .top-\[12vh\] {
107
+ top: 12vh;
108
+ }
109
+ .top-full {
110
+ top: 100%;
111
+ }
112
+ .right-0 {
113
+ right: calc(var(--spacing) * 0);
114
+ }
115
+ .bottom-0 {
116
+ bottom: calc(var(--spacing) * 0);
117
+ }
118
+ .left-0 {
119
+ left: calc(var(--spacing) * 0);
120
+ }
121
+ .left-1\/2 {
122
+ left: calc(1/2 * 100%);
123
+ }
124
+ .z-10 {
125
+ z-index: 10;
126
+ }
127
+ .z-40 {
128
+ z-index: 40;
129
+ }
130
+ .z-50 {
131
+ z-index: 50;
132
+ }
133
+ .z-\[69\] {
134
+ z-index: 69;
135
+ }
136
+ .z-\[70\] {
137
+ z-index: 70;
138
+ }
139
+ .z-\[79\] {
140
+ z-index: 79;
141
+ }
142
+ .z-\[80\] {
143
+ z-index: 80;
144
+ }
145
+ .z-\[95\] {
146
+ z-index: 95;
147
+ }
148
+ .z-\[96\] {
149
+ z-index: 96;
150
+ }
151
+ .z-\[9999\] {
152
+ z-index: 9999;
153
+ }
154
+ .z-\[10000\] {
155
+ z-index: 10000;
156
+ }
157
+ .\!m-0 {
158
+ margin: calc(var(--spacing) * 0) !important;
159
+ }
160
+ .mx-auto {
161
+ margin-inline: auto;
162
+ }
163
+ .mt-0\.5 {
164
+ margin-top: calc(var(--spacing) * 0.5);
165
+ }
166
+ .mt-1 {
167
+ margin-top: calc(var(--spacing) * 1);
168
+ }
169
+ .mt-1\.5 {
170
+ margin-top: calc(var(--spacing) * 1.5);
171
+ }
172
+ .mt-2 {
173
+ margin-top: calc(var(--spacing) * 2);
174
+ }
175
+ .mt-6 {
176
+ margin-top: calc(var(--spacing) * 6);
177
+ }
178
+ .mt-auto {
179
+ margin-top: auto;
180
+ }
181
+ .-mr-3 {
182
+ margin-right: calc(var(--spacing) * -3);
183
+ }
184
+ .mr-2 {
185
+ margin-right: calc(var(--spacing) * 2);
186
+ }
187
+ .mb-1 {
188
+ margin-bottom: calc(var(--spacing) * 1);
189
+ }
190
+ .mb-2 {
191
+ margin-bottom: calc(var(--spacing) * 2);
192
+ }
193
+ .mb-2\.5 {
194
+ margin-bottom: calc(var(--spacing) * 2.5);
195
+ }
196
+ .mb-3 {
197
+ margin-bottom: calc(var(--spacing) * 3);
198
+ }
199
+ .mb-4 {
200
+ margin-bottom: calc(var(--spacing) * 4);
201
+ }
202
+ .mb-6 {
203
+ margin-bottom: calc(var(--spacing) * 6);
204
+ }
205
+ .ml-0\.5 {
206
+ margin-left: calc(var(--spacing) * 0.5);
207
+ }
208
+ .ml-2 {
209
+ margin-left: calc(var(--spacing) * 2);
210
+ }
211
+ .ml-3 {
212
+ margin-left: calc(var(--spacing) * 3);
213
+ }
214
+ .ml-4 {
215
+ margin-left: calc(var(--spacing) * 4);
216
+ }
217
+ .ml-8 {
218
+ margin-left: calc(var(--spacing) * 8);
219
+ }
220
+ .ml-\[20px\] {
221
+ margin-left: 20px;
222
+ }
223
+ .ml-\[27px\] {
224
+ margin-left: 27px;
225
+ }
226
+ .ml-auto {
227
+ margin-left: auto;
228
+ }
229
+ .block {
230
+ display: block;
231
+ }
232
+ .flex {
233
+ display: flex;
234
+ }
235
+ .grid {
236
+ display: grid;
237
+ }
238
+ .hidden {
239
+ display: none;
240
+ }
241
+ .inline-block {
242
+ display: inline-block;
243
+ }
244
+ .inline-flex {
245
+ display: inline-flex;
246
+ }
247
+ .table {
248
+ display: table;
249
+ }
250
+ .h-2 {
251
+ height: calc(var(--spacing) * 2);
252
+ }
253
+ .h-4 {
254
+ height: calc(var(--spacing) * 4);
255
+ }
256
+ .h-6 {
257
+ height: calc(var(--spacing) * 6);
258
+ }
259
+ .h-8 {
260
+ height: calc(var(--spacing) * 8);
261
+ }
262
+ .h-9 {
263
+ height: calc(var(--spacing) * 9);
264
+ }
265
+ .h-10 {
266
+ height: calc(var(--spacing) * 10);
267
+ }
268
+ .h-11 {
269
+ height: calc(var(--spacing) * 11);
270
+ }
271
+ .h-14 {
272
+ height: calc(var(--spacing) * 14);
273
+ }
274
+ .h-16 {
275
+ height: calc(var(--spacing) * 16);
276
+ }
277
+ .h-\[26px\] {
278
+ height: 26px;
279
+ }
280
+ .h-\[34px\] {
281
+ height: 34px;
282
+ }
283
+ .h-\[52px\] {
284
+ height: 52px;
285
+ }
286
+ .h-\[60px\] {
287
+ height: 60px;
288
+ }
289
+ .h-\[90px\] {
290
+ height: 90px;
291
+ }
292
+ .h-auto {
293
+ height: auto;
294
+ }
295
+ .h-full {
296
+ height: 100%;
297
+ }
298
+ .h-screen {
299
+ height: 100vh;
300
+ }
301
+ .max-h-0 {
302
+ max-height: calc(var(--spacing) * 0);
303
+ }
304
+ .max-h-60 {
305
+ max-height: calc(var(--spacing) * 60);
306
+ }
307
+ .max-h-\[75vh\] {
308
+ max-height: 75vh;
309
+ }
310
+ .max-h-\[100vh\] {
311
+ max-height: 100vh;
312
+ }
313
+ .max-h-\[360px\] {
314
+ max-height: 360px;
315
+ }
316
+ .max-h-\[1000px\] {
317
+ max-height: 1000px;
318
+ }
319
+ .max-h-\[calc\(100vh-64px\)\] {
320
+ max-height: calc(100vh - 64px);
321
+ }
322
+ .min-h-0 {
323
+ min-height: calc(var(--spacing) * 0);
324
+ }
325
+ .min-h-10 {
326
+ min-height: calc(var(--spacing) * 10);
327
+ }
328
+ .min-h-\[50px\] {
329
+ min-height: 50px;
330
+ }
331
+ .min-h-full {
332
+ min-height: 100%;
333
+ }
334
+ .w-4 {
335
+ width: calc(var(--spacing) * 4);
336
+ }
337
+ .w-6 {
338
+ width: calc(var(--spacing) * 6);
339
+ }
340
+ .w-8 {
341
+ width: calc(var(--spacing) * 8);
342
+ }
343
+ .w-9 {
344
+ width: calc(var(--spacing) * 9);
345
+ }
346
+ .w-10 {
347
+ width: calc(var(--spacing) * 10);
348
+ }
349
+ .w-11 {
350
+ width: calc(var(--spacing) * 11);
351
+ }
352
+ .w-16 {
353
+ width: calc(var(--spacing) * 16);
354
+ }
355
+ .w-20 {
356
+ width: calc(var(--spacing) * 20);
357
+ }
358
+ .w-\[50px\] {
359
+ width: 50px;
360
+ }
361
+ .w-\[220px\] {
362
+ width: 220px;
363
+ }
364
+ .w-\[296px\] {
365
+ width: 296px;
366
+ }
367
+ .w-\[320px\] {
368
+ width: 320px;
369
+ }
370
+ .w-\[360px\] {
371
+ width: 360px;
372
+ }
373
+ .w-\[calc\(100\%-32px\)\] {
374
+ width: calc(100% - 32px);
375
+ }
376
+ .w-full {
377
+ width: 100%;
378
+ }
379
+ .max-w-\[86vw\] {
380
+ max-width: 86vw;
381
+ }
382
+ .max-w-\[96px\] {
383
+ max-width: 96px;
384
+ }
385
+ .max-w-\[168px\] {
386
+ max-width: 168px;
387
+ }
388
+ .max-w-\[560px\] {
389
+ max-width: 560px;
390
+ }
391
+ .max-w-\[640px\] {
392
+ max-width: 640px;
393
+ }
394
+ .max-w-\[calc\(100vw-16px\)\] {
395
+ max-width: calc(100vw - 16px);
396
+ }
397
+ .min-w-0 {
398
+ min-width: calc(var(--spacing) * 0);
399
+ }
400
+ .min-w-9 {
401
+ min-width: calc(var(--spacing) * 9);
402
+ }
403
+ .min-w-10 {
404
+ min-width: calc(var(--spacing) * 10);
405
+ }
406
+ .min-w-\[20px\] {
407
+ min-width: 20px;
408
+ }
409
+ .min-w-\[44px\] {
410
+ min-width: 44px;
411
+ }
412
+ .min-w-\[100\%\] {
413
+ min-width: 100%;
414
+ }
415
+ .flex-1 {
416
+ flex: 1;
417
+ }
418
+ .shrink-0 {
419
+ flex-shrink: 0;
420
+ }
421
+ .table-fixed {
422
+ table-layout: fixed;
423
+ }
424
+ .caption-bottom {
425
+ caption-side: bottom;
426
+ }
427
+ .border-collapse {
428
+ border-collapse: collapse;
429
+ }
430
+ .-translate-x-1\/2 {
431
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
432
+ translate: var(--tw-translate-x) var(--tw-translate-y);
433
+ }
434
+ .-translate-x-full {
435
+ --tw-translate-x: -100%;
436
+ translate: var(--tw-translate-x) var(--tw-translate-y);
437
+ }
438
+ .translate-x-0 {
439
+ --tw-translate-x: calc(var(--spacing) * 0);
440
+ translate: var(--tw-translate-x) var(--tw-translate-y);
441
+ }
442
+ .translate-x-1 {
443
+ --tw-translate-x: calc(var(--spacing) * 1);
444
+ translate: var(--tw-translate-x) var(--tw-translate-y);
445
+ }
446
+ .translate-x-6 {
447
+ --tw-translate-x: calc(var(--spacing) * 6);
448
+ translate: var(--tw-translate-x) var(--tw-translate-y);
449
+ }
450
+ .translate-x-\[100\%\] {
451
+ --tw-translate-x: 100%;
452
+ translate: var(--tw-translate-x) var(--tw-translate-y);
453
+ }
454
+ .-translate-y-1\/2 {
455
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
456
+ translate: var(--tw-translate-x) var(--tw-translate-y);
457
+ }
458
+ .rotate-180 {
459
+ rotate: 180deg;
460
+ }
461
+ .transform {
462
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
463
+ }
464
+ .cursor-default {
465
+ cursor: default;
466
+ }
467
+ .cursor-not-allowed {
468
+ cursor: not-allowed;
469
+ }
470
+ .cursor-pointer {
471
+ cursor: pointer;
472
+ }
473
+ .cursor-text {
474
+ cursor: text;
475
+ }
476
+ .resize {
477
+ resize: both;
478
+ }
479
+ .grid-cols-\[repeat\(auto-fit\,minmax\(260px\,1fr\)\)\] {
480
+ grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
481
+ }
482
+ .flex-col {
483
+ flex-direction: column;
484
+ }
485
+ .flex-col-reverse {
486
+ flex-direction: column-reverse;
487
+ }
488
+ .flex-wrap {
489
+ flex-wrap: wrap;
490
+ }
491
+ .items-center {
492
+ align-items: center;
493
+ }
494
+ .justify-between {
495
+ justify-content: space-between;
496
+ }
497
+ .justify-center {
498
+ justify-content: center;
499
+ }
500
+ .justify-end {
501
+ justify-content: flex-end;
502
+ }
503
+ .gap-0\.5 {
504
+ gap: calc(var(--spacing) * 0.5);
505
+ }
506
+ .gap-1 {
507
+ gap: calc(var(--spacing) * 1);
508
+ }
509
+ .gap-2 {
510
+ gap: calc(var(--spacing) * 2);
511
+ }
512
+ .gap-2\.5 {
513
+ gap: calc(var(--spacing) * 2.5);
514
+ }
515
+ .gap-3 {
516
+ gap: calc(var(--spacing) * 3);
517
+ }
518
+ .gap-4 {
519
+ gap: calc(var(--spacing) * 4);
520
+ }
521
+ .gap-\[3px\] {
522
+ gap: 3px;
523
+ }
524
+ .gap-x-8 {
525
+ column-gap: calc(var(--spacing) * 8);
526
+ }
527
+ .gap-y-2 {
528
+ row-gap: calc(var(--spacing) * 2);
529
+ }
530
+ .truncate {
531
+ overflow: hidden;
532
+ text-overflow: ellipsis;
533
+ white-space: nowrap;
534
+ }
535
+ .overflow-auto {
536
+ overflow: auto;
537
+ }
538
+ .overflow-hidden {
539
+ overflow: hidden;
540
+ }
541
+ .overflow-x-auto {
542
+ overflow-x: auto;
543
+ }
544
+ .overflow-x-hidden {
545
+ overflow-x: hidden;
546
+ }
547
+ .overflow-y-auto {
548
+ overflow-y: auto;
549
+ }
550
+ .rounded {
551
+ border-radius: 0.25rem;
552
+ }
553
+ .rounded-2xl {
554
+ border-radius: var(--radius-2xl);
555
+ }
556
+ .rounded-\[4px\] {
557
+ border-radius: 4px;
558
+ }
559
+ .rounded-\[6px\] {
560
+ border-radius: 6px;
561
+ }
562
+ .rounded-\[8px\] {
563
+ border-radius: 8px;
564
+ }
565
+ .rounded-\[10px\] {
566
+ border-radius: 10px;
567
+ }
568
+ .rounded-\[12px\] {
569
+ border-radius: 12px;
570
+ }
571
+ .rounded-full {
572
+ border-radius: calc(infinity * 1px);
573
+ }
574
+ .rounded-lg {
575
+ border-radius: var(--radius-lg);
576
+ }
577
+ .rounded-md {
578
+ border-radius: var(--radius-md);
579
+ }
580
+ .rounded-sm {
581
+ border-radius: var(--radius-sm);
582
+ }
583
+ .border {
584
+ border-style: var(--tw-border-style);
585
+ border-width: 1px;
586
+ }
587
+ .border-0 {
588
+ border-style: var(--tw-border-style);
589
+ border-width: 0px;
590
+ }
591
+ .border-2 {
592
+ border-style: var(--tw-border-style);
593
+ border-width: 2px;
594
+ }
595
+ .border-t {
596
+ border-top-style: var(--tw-border-style);
597
+ border-top-width: 1px;
598
+ }
599
+ .border-r {
600
+ border-right-style: var(--tw-border-style);
601
+ border-right-width: 1px;
602
+ }
603
+ .border-b {
604
+ border-bottom-style: var(--tw-border-style);
605
+ border-bottom-width: 1px;
606
+ }
607
+ .border-b-2 {
608
+ border-bottom-style: var(--tw-border-style);
609
+ border-bottom-width: 2px;
610
+ }
611
+ .border-l {
612
+ border-left-style: var(--tw-border-style);
613
+ border-left-width: 1px;
614
+ }
615
+ .border-dashed {
616
+ --tw-border-style: dashed;
617
+ border-style: dashed;
618
+ }
619
+ .border-\[\#e5e5e5\] {
620
+ border-color: #e5e5e5;
621
+ }
622
+ .border-\[\#e6e6e6\] {
623
+ border-color: #e6e6e6;
624
+ }
625
+ .border-\[\#fca5a5\] {
626
+ border-color: #fca5a5;
627
+ }
628
+ .border-\[hsl\(0_0\%_89\.8\%\)\] {
629
+ border-color: hsl(0 0% 89.8%);
630
+ }
631
+ .border-blue-600 {
632
+ border-color: var(--color-blue-600);
633
+ }
634
+ .border-gray-200 {
635
+ border-color: var(--color-gray-200);
636
+ }
637
+ .border-gray-300 {
638
+ border-color: var(--color-gray-300);
639
+ }
640
+ .border-gray-400 {
641
+ border-color: var(--color-gray-400);
642
+ }
643
+ .border-jett-line {
644
+ border-color: var(--color-jett-line);
645
+ }
646
+ .border-jett-line-row {
647
+ border-color: var(--color-jett-line-row);
648
+ }
649
+ .border-jett-line-soft {
650
+ border-color: var(--color-jett-line-soft);
651
+ }
652
+ .border-primary {
653
+ border-color: var(--color-primary);
654
+ }
655
+ .border-red-500 {
656
+ border-color: var(--color-red-500);
657
+ }
658
+ .border-transparent {
659
+ border-color: transparent;
660
+ }
661
+ .bg-\[\#F7FAFC\] {
662
+ background-color: #F7FAFC;
663
+ }
664
+ .bg-\[\#ef4444\] {
665
+ background-color: #ef4444;
666
+ }
667
+ .bg-\[\#f4f4f5\] {
668
+ background-color: #f4f4f5;
669
+ }
670
+ .bg-\[\#fafafa\] {
671
+ background-color: #fafafa;
672
+ }
673
+ .bg-\[\#fff\] {
674
+ background-color: #fff;
675
+ }
676
+ .bg-\[rgba\(17\,24\,39\,0\.4\)\] {
677
+ background-color: rgba(17, 24, 39, 0.4);
678
+ }
679
+ .bg-\[rgba\(17\,24\,39\,0\.5\)\] {
680
+ background-color: rgba(17, 24, 39, 0.5);
681
+ }
682
+ .bg-black {
683
+ background-color: var(--color-black);
684
+ }
685
+ .bg-black\/50 {
686
+ background-color: color-mix(in srgb, #000 50%, transparent);
687
+ @supports (color: color-mix(in lab, red, red)) {
688
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
689
+ }
690
+ }
691
+ .bg-black\/80 {
692
+ background-color: color-mix(in srgb, #000 80%, transparent);
693
+ @supports (color: color-mix(in lab, red, red)) {
694
+ background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
695
+ }
696
+ }
697
+ .bg-blue-50 {
698
+ background-color: var(--color-blue-50);
699
+ }
700
+ .bg-blue-600 {
701
+ background-color: var(--color-blue-600);
702
+ }
703
+ .bg-gray-50 {
704
+ background-color: var(--color-gray-50);
705
+ }
706
+ .bg-gray-100 {
707
+ background-color: var(--color-gray-100);
708
+ }
709
+ .bg-gray-200 {
710
+ background-color: var(--color-gray-200);
711
+ }
712
+ .bg-gray-300 {
713
+ background-color: var(--color-gray-300);
714
+ }
715
+ .bg-green-100 {
716
+ background-color: var(--color-green-100);
717
+ }
718
+ .bg-jett-brand {
719
+ background-color: var(--color-jett-brand);
720
+ }
721
+ .bg-jett-brand-soft {
722
+ background-color: var(--color-jett-brand-soft);
723
+ }
724
+ .bg-jett-canvas {
725
+ background-color: var(--color-jett-canvas);
726
+ }
727
+ .bg-jett-danger-soft {
728
+ background-color: var(--color-jett-danger-soft);
729
+ }
730
+ .bg-jett-fill {
731
+ background-color: var(--color-jett-fill);
732
+ }
733
+ .bg-jett-ink-800 {
734
+ background-color: var(--color-jett-ink-800);
735
+ }
736
+ .bg-jett-surface {
737
+ background-color: var(--color-jett-surface);
738
+ }
739
+ .bg-primary {
740
+ background-color: var(--color-primary);
741
+ }
742
+ .bg-red-50 {
743
+ background-color: var(--color-red-50);
744
+ }
745
+ .bg-red-100 {
746
+ background-color: var(--color-red-100);
747
+ }
748
+ .bg-red-600 {
749
+ background-color: var(--color-red-600);
750
+ }
751
+ .bg-transparent {
752
+ background-color: transparent;
753
+ }
754
+ .bg-white {
755
+ background-color: var(--color-white);
756
+ }
757
+ .bg-yellow-100 {
758
+ background-color: var(--color-yellow-100);
759
+ }
760
+ .object-contain {
761
+ object-fit: contain;
762
+ }
763
+ .p-0 {
764
+ padding: calc(var(--spacing) * 0);
765
+ }
766
+ .p-1\.5 {
767
+ padding: calc(var(--spacing) * 1.5);
768
+ }
769
+ .p-2 {
770
+ padding: calc(var(--spacing) * 2);
771
+ }
772
+ .p-2\.5 {
773
+ padding: calc(var(--spacing) * 2.5);
774
+ }
775
+ .p-4 {
776
+ padding: calc(var(--spacing) * 4);
777
+ }
778
+ .p-6 {
779
+ padding: calc(var(--spacing) * 6);
780
+ }
781
+ .\!px-2\.5 {
782
+ padding-inline: calc(var(--spacing) * 2.5) !important;
783
+ }
784
+ .px-0 {
785
+ padding-inline: calc(var(--spacing) * 0);
786
+ }
787
+ .px-1\.5 {
788
+ padding-inline: calc(var(--spacing) * 1.5);
789
+ }
790
+ .px-2 {
791
+ padding-inline: calc(var(--spacing) * 2);
792
+ }
793
+ .px-2\.5 {
794
+ padding-inline: calc(var(--spacing) * 2.5);
795
+ }
796
+ .px-3 {
797
+ padding-inline: calc(var(--spacing) * 3);
798
+ }
799
+ .px-4 {
800
+ padding-inline: calc(var(--spacing) * 4);
801
+ }
802
+ .px-5 {
803
+ padding-inline: calc(var(--spacing) * 5);
804
+ }
805
+ .px-6 {
806
+ padding-inline: calc(var(--spacing) * 6);
807
+ }
808
+ .px-\[5px\] {
809
+ padding-inline: 5px;
810
+ }
811
+ .px-\[7px\] {
812
+ padding-inline: 7px;
813
+ }
814
+ .\!py-\[7px\] {
815
+ padding-block: 7px !important;
816
+ }
817
+ .py-0\.5 {
818
+ padding-block: calc(var(--spacing) * 0.5);
819
+ }
820
+ .py-1 {
821
+ padding-block: calc(var(--spacing) * 1);
822
+ }
823
+ .py-1\.5 {
824
+ padding-block: calc(var(--spacing) * 1.5);
825
+ }
826
+ .py-2 {
827
+ padding-block: calc(var(--spacing) * 2);
828
+ }
829
+ .py-2\.5 {
830
+ padding-block: calc(var(--spacing) * 2.5);
831
+ }
832
+ .py-3 {
833
+ padding-block: calc(var(--spacing) * 3);
834
+ }
835
+ .py-4 {
836
+ padding-block: calc(var(--spacing) * 4);
837
+ }
838
+ .py-6 {
839
+ padding-block: calc(var(--spacing) * 6);
840
+ }
841
+ .py-\[6px\] {
842
+ padding-block: 6px;
843
+ }
844
+ .py-\[7px\] {
845
+ padding-block: 7px;
846
+ }
847
+ .py-\[9px\] {
848
+ padding-block: 9px;
849
+ }
850
+ .py-\[11px\] {
851
+ padding-block: 11px;
852
+ }
853
+ .py-px {
854
+ padding-block: 1px;
855
+ }
856
+ .pt-1\.5 {
857
+ padding-top: calc(var(--spacing) * 1.5);
858
+ }
859
+ .pt-2 {
860
+ padding-top: calc(var(--spacing) * 2);
861
+ }
862
+ .pt-3 {
863
+ padding-top: calc(var(--spacing) * 3);
864
+ }
865
+ .pt-20 {
866
+ padding-top: calc(var(--spacing) * 20);
867
+ }
868
+ .pr-2 {
869
+ padding-right: calc(var(--spacing) * 2);
870
+ }
871
+ .pb-1\.5 {
872
+ padding-bottom: calc(var(--spacing) * 1.5);
873
+ }
874
+ .pb-2 {
875
+ padding-bottom: calc(var(--spacing) * 2);
876
+ }
877
+ .pb-5 {
878
+ padding-bottom: calc(var(--spacing) * 5);
879
+ }
880
+ .pl-1 {
881
+ padding-left: calc(var(--spacing) * 1);
882
+ }
883
+ .pl-2 {
884
+ padding-left: calc(var(--spacing) * 2);
885
+ }
886
+ .pl-3 {
887
+ padding-left: calc(var(--spacing) * 3);
888
+ }
889
+ .pl-\[13px\] {
890
+ padding-left: 13px;
891
+ }
892
+ .text-center {
893
+ text-align: center;
894
+ }
895
+ .text-left {
896
+ text-align: left;
897
+ }
898
+ .text-right {
899
+ text-align: right;
900
+ }
901
+ .font-jett {
902
+ font-family: var(--font-jett);
903
+ }
904
+ .text-base {
905
+ font-size: var(--text-base);
906
+ line-height: var(--tw-leading, var(--text-base--line-height));
907
+ }
908
+ .text-lg {
909
+ font-size: var(--text-lg);
910
+ line-height: var(--tw-leading, var(--text-lg--line-height));
911
+ }
912
+ .text-sm {
913
+ font-size: var(--text-sm);
914
+ line-height: var(--tw-leading, var(--text-sm--line-height));
915
+ }
916
+ .text-xs {
917
+ font-size: var(--text-xs);
918
+ line-height: var(--tw-leading, var(--text-xs--line-height));
919
+ }
920
+ .\!text-\[12px\] {
921
+ font-size: 12px !important;
922
+ }
923
+ .\!text-\[14px\] {
924
+ font-size: 14px !important;
925
+ }
926
+ .\!text-\[15px\] {
927
+ font-size: 15px !important;
928
+ }
929
+ .\!text-\[16px\] {
930
+ font-size: 16px !important;
931
+ }
932
+ .\!text-\[22px\] {
933
+ font-size: 22px !important;
934
+ }
935
+ .text-\[11px\] {
936
+ font-size: 11px;
937
+ }
938
+ .text-\[12px\] {
939
+ font-size: 12px;
940
+ }
941
+ .text-\[13px\] {
942
+ font-size: 13px;
943
+ }
944
+ .text-\[14px\] {
945
+ font-size: 14px;
946
+ }
947
+ .text-\[15px\] {
948
+ font-size: 15px;
949
+ }
950
+ .leading-5 {
951
+ --tw-leading: calc(var(--spacing) * 5);
952
+ line-height: calc(var(--spacing) * 5);
953
+ }
954
+ .leading-6 {
955
+ --tw-leading: calc(var(--spacing) * 6);
956
+ line-height: calc(var(--spacing) * 6);
957
+ }
958
+ .leading-\[18px\] {
959
+ --tw-leading: 18px;
960
+ line-height: 18px;
961
+ }
962
+ .\!font-medium {
963
+ --tw-font-weight: var(--font-weight-medium) !important;
964
+ font-weight: var(--font-weight-medium) !important;
965
+ }
966
+ .\!font-normal {
967
+ --tw-font-weight: var(--font-weight-normal) !important;
968
+ font-weight: var(--font-weight-normal) !important;
969
+ }
970
+ .\!font-semibold {
971
+ --tw-font-weight: var(--font-weight-semibold) !important;
972
+ font-weight: var(--font-weight-semibold) !important;
973
+ }
974
+ .font-\[500\] {
975
+ --tw-font-weight: 500;
976
+ font-weight: 500;
977
+ }
978
+ .font-\[600\] {
979
+ --tw-font-weight: 600;
980
+ font-weight: 600;
981
+ }
982
+ .font-bold {
983
+ --tw-font-weight: var(--font-weight-bold);
984
+ font-weight: var(--font-weight-bold);
985
+ }
986
+ .font-medium {
987
+ --tw-font-weight: var(--font-weight-medium);
988
+ font-weight: var(--font-weight-medium);
989
+ }
990
+ .font-semibold {
991
+ --tw-font-weight: var(--font-weight-semibold);
992
+ font-weight: var(--font-weight-semibold);
993
+ }
994
+ .tracking-\[-0\.01em\] {
995
+ --tw-tracking: -0.01em;
996
+ letter-spacing: -0.01em;
997
+ }
998
+ .tracking-\[0\.06em\] {
999
+ --tw-tracking: 0.06em;
1000
+ letter-spacing: 0.06em;
1001
+ }
1002
+ .whitespace-nowrap {
1003
+ white-space: nowrap;
1004
+ }
1005
+ .\!text-\[\#000\] {
1006
+ color: #000 !important;
1007
+ }
1008
+ .\!text-\[\#3f3f46cc\] {
1009
+ color: #3f3f46cc !important;
1010
+ }
1011
+ .text-\[\#737373\] {
1012
+ color: #737373;
1013
+ }
1014
+ .text-black {
1015
+ color: var(--color-black);
1016
+ }
1017
+ .text-blue-600 {
1018
+ color: var(--color-blue-600);
1019
+ }
1020
+ .text-gray-400 {
1021
+ color: var(--color-gray-400);
1022
+ }
1023
+ .text-gray-500 {
1024
+ color: var(--color-gray-500);
1025
+ }
1026
+ .text-gray-600 {
1027
+ color: var(--color-gray-600);
1028
+ }
1029
+ .text-gray-700 {
1030
+ color: var(--color-gray-700);
1031
+ }
1032
+ .text-gray-900 {
1033
+ color: var(--color-gray-900);
1034
+ }
1035
+ .text-green-800 {
1036
+ color: var(--color-green-800);
1037
+ }
1038
+ .text-jett-brand {
1039
+ color: var(--color-jett-brand);
1040
+ }
1041
+ .text-jett-brand-hover {
1042
+ color: var(--color-jett-brand-hover);
1043
+ }
1044
+ .text-jett-danger {
1045
+ color: var(--color-jett-danger);
1046
+ }
1047
+ .text-jett-ink {
1048
+ color: var(--color-jett-ink);
1049
+ }
1050
+ .text-jett-ink-400 {
1051
+ color: var(--color-jett-ink-400);
1052
+ }
1053
+ .text-jett-ink-500 {
1054
+ color: var(--color-jett-ink-500);
1055
+ }
1056
+ .text-jett-ink-600 {
1057
+ color: var(--color-jett-ink-600);
1058
+ }
1059
+ .text-jett-ink-700 {
1060
+ color: var(--color-jett-ink-700);
1061
+ }
1062
+ .text-jett-ink-800 {
1063
+ color: var(--color-jett-ink-800);
1064
+ }
1065
+ .text-primary {
1066
+ color: var(--color-primary);
1067
+ }
1068
+ .text-red-500 {
1069
+ color: var(--color-red-500);
1070
+ }
1071
+ .text-red-800 {
1072
+ color: var(--color-red-800);
1073
+ }
1074
+ .text-white {
1075
+ color: var(--color-white);
1076
+ }
1077
+ .text-yellow-800 {
1078
+ color: var(--color-yellow-800);
1079
+ }
1080
+ .uppercase {
1081
+ text-transform: uppercase;
1082
+ }
1083
+ .opacity-60 {
1084
+ opacity: 60%;
1085
+ }
1086
+ .opacity-70 {
1087
+ opacity: 70%;
1088
+ }
1089
+ .shadow {
1090
+ --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));
1091
+ box-shadow:
1092
+ var(--tw-inset-shadow),
1093
+ var(--tw-inset-ring-shadow),
1094
+ var(--tw-ring-offset-shadow),
1095
+ var(--tw-ring-shadow),
1096
+ var(--tw-shadow);
1097
+ }
1098
+ .shadow-2xl {
1099
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1100
+ box-shadow:
1101
+ var(--tw-inset-shadow),
1102
+ var(--tw-inset-ring-shadow),
1103
+ var(--tw-ring-offset-shadow),
1104
+ var(--tw-ring-shadow),
1105
+ var(--tw-shadow);
1106
+ }
1107
+ .shadow-jett-pop {
1108
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0, 0, 0, 0.12)), 0 8px 10px -6px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
1109
+ box-shadow:
1110
+ var(--tw-inset-shadow),
1111
+ var(--tw-inset-ring-shadow),
1112
+ var(--tw-ring-offset-shadow),
1113
+ var(--tw-ring-shadow),
1114
+ var(--tw-shadow);
1115
+ }
1116
+ .shadow-lg {
1117
+ --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));
1118
+ box-shadow:
1119
+ var(--tw-inset-shadow),
1120
+ var(--tw-inset-ring-shadow),
1121
+ var(--tw-ring-offset-shadow),
1122
+ var(--tw-ring-shadow),
1123
+ var(--tw-shadow);
1124
+ }
1125
+ .outline {
1126
+ outline-style: var(--tw-outline-style);
1127
+ outline-width: 1px;
1128
+ }
1129
+ .outline-offset-2 {
1130
+ outline-offset: 2px;
1131
+ }
1132
+ .outline-black {
1133
+ outline-color: var(--color-black);
1134
+ }
1135
+ .transition {
1136
+ transition-property:
1137
+ color,
1138
+ background-color,
1139
+ border-color,
1140
+ outline-color,
1141
+ text-decoration-color,
1142
+ fill,
1143
+ stroke,
1144
+ --tw-gradient-from,
1145
+ --tw-gradient-via,
1146
+ --tw-gradient-to,
1147
+ opacity,
1148
+ box-shadow,
1149
+ transform,
1150
+ translate,
1151
+ scale,
1152
+ rotate,
1153
+ filter,
1154
+ -webkit-backdrop-filter,
1155
+ backdrop-filter,
1156
+ display,
1157
+ content-visibility,
1158
+ overlay,
1159
+ pointer-events;
1160
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1161
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1162
+ }
1163
+ .transition-\[width\,transform\] {
1164
+ transition-property: width, transform;
1165
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1166
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1167
+ }
1168
+ .transition-all {
1169
+ transition-property: all;
1170
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1171
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1172
+ }
1173
+ .transition-colors {
1174
+ transition-property:
1175
+ color,
1176
+ background-color,
1177
+ border-color,
1178
+ outline-color,
1179
+ text-decoration-color,
1180
+ fill,
1181
+ stroke,
1182
+ --tw-gradient-from,
1183
+ --tw-gradient-via,
1184
+ --tw-gradient-to;
1185
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1186
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1187
+ }
1188
+ .transition-transform {
1189
+ transition-property:
1190
+ transform,
1191
+ translate,
1192
+ scale,
1193
+ rotate;
1194
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1195
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1196
+ }
1197
+ .delay-75 {
1198
+ transition-delay: 75ms;
1199
+ }
1200
+ .delay-100 {
1201
+ transition-delay: 100ms;
1202
+ }
1203
+ .duration-150 {
1204
+ --tw-duration: 150ms;
1205
+ transition-duration: 150ms;
1206
+ }
1207
+ .duration-200 {
1208
+ --tw-duration: 200ms;
1209
+ transition-duration: 200ms;
1210
+ }
1211
+ .duration-300 {
1212
+ --tw-duration: 300ms;
1213
+ transition-duration: 300ms;
1214
+ }
1215
+ .ease-in-out {
1216
+ --tw-ease: var(--ease-in-out);
1217
+ transition-timing-function: var(--ease-in-out);
1218
+ }
1219
+ .outline-none {
1220
+ --tw-outline-style: none;
1221
+ outline-style: none;
1222
+ }
1223
+ .select-none {
1224
+ -webkit-user-select: none;
1225
+ user-select: none;
1226
+ }
1227
+ .peer-checked\:border-primary {
1228
+ &:is(:where(.peer):checked ~ *) {
1229
+ border-color: var(--color-primary);
1230
+ }
1231
+ }
1232
+ .peer-checked\:bg-primary {
1233
+ &:is(:where(.peer):checked ~ *) {
1234
+ background-color: var(--color-primary);
1235
+ }
1236
+ }
1237
+ .placeholder\:text-\[14px\] {
1238
+ &::placeholder {
1239
+ font-size: 14px;
1240
+ }
1241
+ }
1242
+ .placeholder\:font-normal {
1243
+ &::placeholder {
1244
+ --tw-font-weight: var(--font-weight-normal);
1245
+ font-weight: var(--font-weight-normal);
1246
+ }
1247
+ }
1248
+ .placeholder\:text-\[\#6b7280\] {
1249
+ &::placeholder {
1250
+ color: #6b7280;
1251
+ }
1252
+ }
1253
+ .placeholder\:text-jett-ink-400 {
1254
+ &::placeholder {
1255
+ color: var(--color-jett-ink-400);
1256
+ }
1257
+ }
1258
+ .focus-within\:outline-2 {
1259
+ &:focus-within {
1260
+ outline-style: var(--tw-outline-style);
1261
+ outline-width: 2px;
1262
+ }
1263
+ }
1264
+ .focus-within\:outline-offset-2 {
1265
+ &:focus-within {
1266
+ outline-offset: 2px;
1267
+ }
1268
+ }
1269
+ .focus-within\:outline-black {
1270
+ &:focus-within {
1271
+ outline-color: var(--color-black);
1272
+ }
1273
+ }
1274
+ .hover\:border-gray-300 {
1275
+ &:hover {
1276
+ @media (hover: hover) {
1277
+ border-color: var(--color-gray-300);
1278
+ }
1279
+ }
1280
+ }
1281
+ .hover\:border-gray-400 {
1282
+ &:hover {
1283
+ @media (hover: hover) {
1284
+ border-color: var(--color-gray-400);
1285
+ }
1286
+ }
1287
+ }
1288
+ .hover\:border-jett-line-control {
1289
+ &:hover {
1290
+ @media (hover: hover) {
1291
+ border-color: var(--color-jett-line-control);
1292
+ }
1293
+ }
1294
+ }
1295
+ .hover\:bg-\[\#F7FAFC\] {
1296
+ &:hover {
1297
+ @media (hover: hover) {
1298
+ background-color: #F7FAFC;
1299
+ }
1300
+ }
1301
+ }
1302
+ .hover\:bg-\[\#f4f4f5\] {
1303
+ &:hover {
1304
+ @media (hover: hover) {
1305
+ background-color: #f4f4f5;
1306
+ }
1307
+ }
1308
+ }
1309
+ .hover\:bg-gray-50 {
1310
+ &:hover {
1311
+ @media (hover: hover) {
1312
+ background-color: var(--color-gray-50);
1313
+ }
1314
+ }
1315
+ }
1316
+ .hover\:bg-gray-100 {
1317
+ &:hover {
1318
+ @media (hover: hover) {
1319
+ background-color: var(--color-gray-100);
1320
+ }
1321
+ }
1322
+ }
1323
+ .hover\:bg-jett-canvas {
1324
+ &:hover {
1325
+ @media (hover: hover) {
1326
+ background-color: var(--color-jett-canvas);
1327
+ }
1328
+ }
1329
+ }
1330
+ .hover\:bg-jett-danger-soft {
1331
+ &:hover {
1332
+ @media (hover: hover) {
1333
+ background-color: var(--color-jett-danger-soft);
1334
+ }
1335
+ }
1336
+ }
1337
+ .hover\:bg-jett-fill {
1338
+ &:hover {
1339
+ @media (hover: hover) {
1340
+ background-color: var(--color-jett-fill);
1341
+ }
1342
+ }
1343
+ }
1344
+ .hover\:bg-red-700 {
1345
+ &:hover {
1346
+ @media (hover: hover) {
1347
+ background-color: var(--color-red-700);
1348
+ }
1349
+ }
1350
+ }
1351
+ .hover\:text-gray-700 {
1352
+ &:hover {
1353
+ @media (hover: hover) {
1354
+ color: var(--color-gray-700);
1355
+ }
1356
+ }
1357
+ }
1358
+ .hover\:text-jett-ink {
1359
+ &:hover {
1360
+ @media (hover: hover) {
1361
+ color: var(--color-jett-ink);
1362
+ }
1363
+ }
1364
+ }
1365
+ .hover\:text-jett-ink-700 {
1366
+ &:hover {
1367
+ @media (hover: hover) {
1368
+ color: var(--color-jett-ink-700);
1369
+ }
1370
+ }
1371
+ }
1372
+ .focus\:border-black {
1373
+ &:focus {
1374
+ border-color: var(--color-black);
1375
+ }
1376
+ }
1377
+ .focus\:shadow-none {
1378
+ &:focus {
1379
+ --tw-shadow: 0 0 #0000;
1380
+ box-shadow:
1381
+ var(--tw-inset-shadow),
1382
+ var(--tw-inset-ring-shadow),
1383
+ var(--tw-ring-offset-shadow),
1384
+ var(--tw-ring-shadow),
1385
+ var(--tw-shadow);
1386
+ }
1387
+ }
1388
+ .focus\:ring-0 {
1389
+ &:focus {
1390
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1391
+ box-shadow:
1392
+ var(--tw-inset-shadow),
1393
+ var(--tw-inset-ring-shadow),
1394
+ var(--tw-ring-offset-shadow),
1395
+ var(--tw-ring-shadow),
1396
+ var(--tw-shadow);
1397
+ }
1398
+ }
1399
+ .focus\:outline-2 {
1400
+ &:focus {
1401
+ outline-style: var(--tw-outline-style);
1402
+ outline-width: 2px;
1403
+ }
1404
+ }
1405
+ .focus\:outline-offset-2 {
1406
+ &:focus {
1407
+ outline-offset: 2px;
1408
+ }
1409
+ }
1410
+ .focus\:outline-black {
1411
+ &:focus {
1412
+ outline-color: var(--color-black);
1413
+ }
1414
+ }
1415
+ .focus\:outline-none {
1416
+ &:focus {
1417
+ --tw-outline-style: none;
1418
+ outline-style: none;
1419
+ }
1420
+ }
1421
+ .disabled\:cursor-not-allowed {
1422
+ &:disabled {
1423
+ cursor: not-allowed;
1424
+ }
1425
+ }
1426
+ .disabled\:opacity-50 {
1427
+ &:disabled {
1428
+ opacity: 50%;
1429
+ }
1430
+ }
1431
+ .xs\:max-md\:z-40 {
1432
+ @media (width >= 360px) {
1433
+ @media (width < 48rem) {
1434
+ z-index: 40;
1435
+ }
1436
+ }
1437
+ }
1438
+ .sm\:flex-row {
1439
+ @media (width >= 40rem) {
1440
+ flex-direction: row;
1441
+ }
1442
+ }
1443
+ .sm\:justify-end {
1444
+ @media (width >= 40rem) {
1445
+ justify-content: flex-end;
1446
+ }
1447
+ }
1448
+ .sm\:space-x-2 {
1449
+ @media (width >= 40rem) {
1450
+ :where(& > :not(:last-child)) {
1451
+ --tw-space-x-reverse: 0;
1452
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
1453
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
1454
+ }
1455
+ }
1456
+ }
1457
+ .md\:relative {
1458
+ @media (width >= 48rem) {
1459
+ position: relative;
1460
+ }
1461
+ }
1462
+ .md\:block {
1463
+ @media (width >= 48rem) {
1464
+ display: block;
1465
+ }
1466
+ }
1467
+ .md\:hidden {
1468
+ @media (width >= 48rem) {
1469
+ display: none;
1470
+ }
1471
+ }
1472
+ .md\:min-w-\[576px\] {
1473
+ @media (width >= 48rem) {
1474
+ min-width: 576px;
1475
+ }
1476
+ }
1477
+ .md\:translate-x-0 {
1478
+ @media (width >= 48rem) {
1479
+ --tw-translate-x: calc(var(--spacing) * 0);
1480
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1481
+ }
1482
+ }
1483
+ .md\:pt-4 {
1484
+ @media (width >= 48rem) {
1485
+ padding-top: calc(var(--spacing) * 4);
1486
+ }
1487
+ }
1488
+ .md\:max-lg\:w-\[280px\] {
1489
+ @media (width >= 48rem) {
1490
+ @media (width < 64rem) {
1491
+ width: 280px;
1492
+ }
1493
+ }
1494
+ }
1495
+ .dark\:border-\[\#303036\] {
1496
+ &:where(.dark, .dark *) {
1497
+ border-color: #303036;
1498
+ }
1499
+ }
1500
+ .dark\:bg-\[\#1d1d20\] {
1501
+ &:where(.dark, .dark *) {
1502
+ background-color: #1d1d20;
1503
+ }
1504
+ }
1505
+ .dark\:bg-\[\#18181b\] {
1506
+ &:where(.dark, .dark *) {
1507
+ background-color: #18181b;
1508
+ }
1509
+ }
1510
+ .dark\:bg-\[\#27272a\] {
1511
+ &:where(.dark, .dark *) {
1512
+ background-color: #27272a;
1513
+ }
1514
+ }
1515
+ .dark\:bg-\[\#303036\] {
1516
+ &:where(.dark, .dark *) {
1517
+ background-color: #303036;
1518
+ }
1519
+ }
1520
+ .dark\:bg-blue-950\/40 {
1521
+ &:where(.dark, .dark *) {
1522
+ background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 40%, transparent);
1523
+ @supports (color: color-mix(in lab, red, red)) {
1524
+ background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
1525
+ }
1526
+ }
1527
+ }
1528
+ .dark\:bg-gray-800 {
1529
+ &:where(.dark, .dark *) {
1530
+ background-color: var(--color-gray-800);
1531
+ }
1532
+ }
1533
+ .dark\:bg-green-900 {
1534
+ &:where(.dark, .dark *) {
1535
+ background-color: var(--color-green-900);
1536
+ }
1537
+ }
1538
+ .dark\:bg-primary {
1539
+ &:where(.dark, .dark *) {
1540
+ background-color: var(--color-primary);
1541
+ }
1542
+ }
1543
+ .dark\:bg-red-900 {
1544
+ &:where(.dark, .dark *) {
1545
+ background-color: var(--color-red-900);
1546
+ }
1547
+ }
1548
+ .dark\:bg-transparent {
1549
+ &:where(.dark, .dark *) {
1550
+ background-color: transparent;
1551
+ }
1552
+ }
1553
+ .dark\:bg-yellow-900 {
1554
+ &:where(.dark, .dark *) {
1555
+ background-color: var(--color-yellow-900);
1556
+ }
1557
+ }
1558
+ .dark\:\!text-\[\#a1a1aa\] {
1559
+ &:where(.dark, .dark *) {
1560
+ color: #a1a1aa !important;
1561
+ }
1562
+ }
1563
+ .dark\:text-\[\#71717a\] {
1564
+ &:where(.dark, .dark *) {
1565
+ color: #71717a;
1566
+ }
1567
+ }
1568
+ .dark\:text-\[\#a1a1aa\] {
1569
+ &:where(.dark, .dark *) {
1570
+ color: #a1a1aa;
1571
+ }
1572
+ }
1573
+ .dark\:text-\[\#f4f4f5cc\] {
1574
+ &:where(.dark, .dark *) {
1575
+ color: #f4f4f5cc;
1576
+ }
1577
+ }
1578
+ .dark\:text-gray-400 {
1579
+ &:where(.dark, .dark *) {
1580
+ color: var(--color-gray-400);
1581
+ }
1582
+ }
1583
+ .dark\:text-gray-500 {
1584
+ &:where(.dark, .dark *) {
1585
+ color: var(--color-gray-500);
1586
+ }
1587
+ }
1588
+ .dark\:text-gray-600 {
1589
+ &:where(.dark, .dark *) {
1590
+ color: var(--color-gray-600);
1591
+ }
1592
+ }
1593
+ .dark\:text-green-100 {
1594
+ &:where(.dark, .dark *) {
1595
+ color: var(--color-green-100);
1596
+ }
1597
+ }
1598
+ .dark\:text-red-100 {
1599
+ &:where(.dark, .dark *) {
1600
+ color: var(--color-red-100);
1601
+ }
1602
+ }
1603
+ .dark\:text-white {
1604
+ &:where(.dark, .dark *) {
1605
+ color: var(--color-white);
1606
+ }
1607
+ }
1608
+ .dark\:text-yellow-100 {
1609
+ &:where(.dark, .dark *) {
1610
+ color: var(--color-yellow-100);
1611
+ }
1612
+ }
1613
+ .dark\:outline-white {
1614
+ &:where(.dark, .dark *) {
1615
+ outline-color: var(--color-white);
1616
+ }
1617
+ }
1618
+ .dark\:hover\:bg-\[\#27272a\] {
1619
+ &:where(.dark, .dark *) {
1620
+ &:hover {
1621
+ @media (hover: hover) {
1622
+ background-color: #27272a;
1623
+ }
1624
+ }
1625
+ }
1626
+ }
1627
+ .dark\:hover\:bg-\[\#303036\] {
1628
+ &:where(.dark, .dark *) {
1629
+ &:hover {
1630
+ @media (hover: hover) {
1631
+ background-color: #303036;
1632
+ }
1633
+ }
1634
+ }
1635
+ }
1636
+ .dark\:hover\:bg-\[\#323232\] {
1637
+ &:where(.dark, .dark *) {
1638
+ &:hover {
1639
+ @media (hover: hover) {
1640
+ background-color: #323232;
1641
+ }
1642
+ }
1643
+ }
1644
+ }
1645
+ .dark\:hover\:text-white {
1646
+ &:where(.dark, .dark *) {
1647
+ &:hover {
1648
+ @media (hover: hover) {
1649
+ color: var(--color-white);
1650
+ }
1651
+ }
1652
+ }
1653
+ }
1654
+ @font-face {
1655
+ font-family: "Inter";
1656
+ src: url("./Inter-Regular-GS5EHSMB.woff2") format("woff2");
1657
+ font-weight: 400;
1658
+ font-style: normal;
1659
+ font-display: swap;
1660
+ }
1661
+ @font-face {
1662
+ font-family: "Inter";
1663
+ src: url("./Inter-Medium-5IRUMIHZ.woff2") format("woff2");
1664
+ font-weight: 500;
1665
+ font-style: normal;
1666
+ font-display: swap;
1667
+ }
1668
+ @font-face {
1669
+ font-family: "Inter";
1670
+ src: url("./Inter-SemiBold-SVBZ7NC6.woff2") format("woff2");
1671
+ font-weight: 600;
1672
+ font-style: normal;
1673
+ font-display: swap;
1674
+ }
1675
+ @font-face {
1676
+ font-family: "Inter";
1677
+ src: url("./Inter-Bold-UGVMS3V6.woff2") format("woff2");
1678
+ font-weight: 700;
1679
+ font-style: normal;
1680
+ font-display: swap;
1681
+ }
1682
+ body {
1683
+ font-family: "Inter", sans-serif;
1684
+ }
1685
+ @layer utilities {
1686
+ .scrollbar-hide {
1687
+ scrollbar-width: none;
1688
+ -ms-overflow-style: none;
1689
+ }
1690
+ .scrollbar-hide::-webkit-scrollbar {
1691
+ display: none;
1692
+ }
1693
+ }
1694
+ @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
1695
+ @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
1696
+ @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
1697
+ @property --tw-rotate-x { syntax: "*"; inherits: false; }
1698
+ @property --tw-rotate-y { syntax: "*"; inherits: false; }
1699
+ @property --tw-rotate-z { syntax: "*"; inherits: false; }
1700
+ @property --tw-skew-x { syntax: "*"; inherits: false; }
1701
+ @property --tw-skew-y { syntax: "*"; inherits: false; }
1702
+ @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
1703
+ @property --tw-leading { syntax: "*"; inherits: false; }
1704
+ @property --tw-font-weight { syntax: "*"; inherits: false; }
1705
+ @property --tw-tracking { syntax: "*"; inherits: false; }
1706
+ @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1707
+ @property --tw-shadow-color { syntax: "*"; inherits: false; }
1708
+ @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1709
+ @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1710
+ @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
1711
+ @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
1712
+ @property --tw-ring-color { syntax: "*"; inherits: false; }
1713
+ @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1714
+ @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
1715
+ @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1716
+ @property --tw-ring-inset { syntax: "*"; inherits: false; }
1717
+ @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
1718
+ @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
1719
+ @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1720
+ @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
1721
+ @property --tw-duration { syntax: "*"; inherits: false; }
1722
+ @property --tw-ease { syntax: "*"; inherits: false; }
1723
+ @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
1724
+ @layer properties {
1725
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1726
+ *,
1727
+ ::before,
1728
+ ::after,
1729
+ ::backdrop {
1730
+ --tw-translate-x: 0;
1731
+ --tw-translate-y: 0;
1732
+ --tw-translate-z: 0;
1733
+ --tw-rotate-x: initial;
1734
+ --tw-rotate-y: initial;
1735
+ --tw-rotate-z: initial;
1736
+ --tw-skew-x: initial;
1737
+ --tw-skew-y: initial;
1738
+ --tw-border-style: solid;
1739
+ --tw-leading: initial;
1740
+ --tw-font-weight: initial;
1741
+ --tw-tracking: initial;
1742
+ --tw-shadow: 0 0 #0000;
1743
+ --tw-shadow-color: initial;
1744
+ --tw-shadow-alpha: 100%;
1745
+ --tw-inset-shadow: 0 0 #0000;
1746
+ --tw-inset-shadow-color: initial;
1747
+ --tw-inset-shadow-alpha: 100%;
1748
+ --tw-ring-color: initial;
1749
+ --tw-ring-shadow: 0 0 #0000;
1750
+ --tw-inset-ring-color: initial;
1751
+ --tw-inset-ring-shadow: 0 0 #0000;
1752
+ --tw-ring-inset: initial;
1753
+ --tw-ring-offset-width: 0px;
1754
+ --tw-ring-offset-color: #fff;
1755
+ --tw-ring-offset-shadow: 0 0 #0000;
1756
+ --tw-outline-style: solid;
1757
+ --tw-duration: initial;
1758
+ --tw-ease: initial;
1759
+ --tw-space-x-reverse: 0;
1760
+ }
1761
+ }
1762
+ }
1763
+
1764
+ /* src/RightSheet/RightSheet.css */
1765
+ .sheetPopIn {
1766
+ animation: popIn 50ms ease-in-out forwards;
1767
+ }
1768
+ .sheetRightSlide {
1769
+ animation: rightSlide 350ms ease-in-out forwards;
1770
+ }
1771
+ .sheetLeftSlide {
1772
+ animation: sheetLeftSlide 350ms ease-in-out forwards;
1773
+ }
1774
+ @keyframes sheetLeftSlide {
1775
+ 0% {
1776
+ transform: translateX(-100%);
1777
+ opacity: 0;
1778
+ }
1779
+ 100% {
1780
+ transform: translateX(0);
1781
+ opacity: 1;
1782
+ }
1783
+ }
1784
+ @keyframes rightSlide {
1785
+ 0% {
1786
+ transform: translateX(100%);
1787
+ opacity: 0;
1788
+ }
1789
+ 100% {
1790
+ transform: translateX(0);
1791
+ opacity: 1;
1792
+ }
1793
+ }
1794
+ @keyframes popIn {
1795
+ 0% {
1796
+ opacity: 0;
1797
+ }
1798
+ 100% {
1799
+ opacity: 1;
1800
+ }
1801
+ }
1802
+ /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */