@universe-platform/ui 0.1.0-beta.2 → 0.1.0-beta.20

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.
package/dist/globals.css CHANGED
@@ -1,13 +1,147 @@
1
1
  /*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
2
3
  @layer theme, base, components, utilities;
3
4
  @layer theme {
4
5
  :root, :host {
5
- --ui-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
6
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
6
7
  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7
- --ui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
8
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
8
9
  "Courier New", monospace;
9
- --ui-default-font-family: var(--ui-font-sans);
10
- --ui-default-mono-font-family: var(--ui-font-mono);
10
+ --color-red-50: oklch(97.1% 0.013 17.38);
11
+ --color-red-200: oklch(88.5% 0.062 18.334);
12
+ --color-red-700: oklch(50.5% 0.213 27.518);
13
+ --color-orange-50: oklch(98% 0.016 73.684);
14
+ --color-orange-200: oklch(90.1% 0.076 70.697);
15
+ --color-orange-700: oklch(55.3% 0.195 38.402);
16
+ --color-amber-50: oklch(98.7% 0.022 95.277);
17
+ --color-amber-100: oklch(96.2% 0.059 95.617);
18
+ --color-amber-200: oklch(92.4% 0.12 95.746);
19
+ --color-amber-300: oklch(87.9% 0.169 91.605);
20
+ --color-amber-400: oklch(82.8% 0.189 84.429);
21
+ --color-amber-500: oklch(76.9% 0.188 70.08);
22
+ --color-amber-600: oklch(66.6% 0.179 58.318);
23
+ --color-amber-700: oklch(55.5% 0.163 48.998);
24
+ --color-amber-800: oklch(47.3% 0.137 46.201);
25
+ --color-amber-900: oklch(41.4% 0.112 45.904);
26
+ --color-yellow-50: oklch(98.7% 0.026 102.212);
27
+ --color-yellow-200: oklch(94.5% 0.129 101.54);
28
+ --color-yellow-700: oklch(55.4% 0.135 66.442);
29
+ --color-lime-50: oklch(98.6% 0.031 120.757);
30
+ --color-lime-200: oklch(93.8% 0.127 124.321);
31
+ --color-lime-700: oklch(53.2% 0.157 131.589);
32
+ --color-green-50: oklch(98.2% 0.018 155.826);
33
+ --color-green-200: oklch(92.5% 0.084 155.995);
34
+ --color-green-700: oklch(52.7% 0.154 150.069);
35
+ --color-emerald-50: oklch(97.9% 0.021 166.113);
36
+ --color-emerald-100: oklch(95% 0.052 163.051);
37
+ --color-emerald-200: oklch(90.5% 0.093 164.15);
38
+ --color-emerald-300: oklch(84.5% 0.143 164.978);
39
+ --color-emerald-400: oklch(76.5% 0.177 163.223);
40
+ --color-emerald-500: oklch(69.6% 0.17 162.48);
41
+ --color-emerald-600: oklch(59.6% 0.145 163.225);
42
+ --color-emerald-700: oklch(50.8% 0.118 165.612);
43
+ --color-emerald-800: oklch(43.2% 0.095 166.913);
44
+ --color-emerald-900: oklch(37.8% 0.077 168.94);
45
+ --color-emerald-950: oklch(26.2% 0.051 172.552);
46
+ --color-teal-50: oklch(98.4% 0.014 180.72);
47
+ --color-teal-200: oklch(91% 0.096 180.426);
48
+ --color-teal-500: oklch(70.4% 0.14 182.503);
49
+ --color-teal-700: oklch(51.1% 0.096 186.391);
50
+ --color-cyan-50: oklch(98.4% 0.019 200.873);
51
+ --color-cyan-200: oklch(91.7% 0.08 205.041);
52
+ --color-cyan-700: oklch(52% 0.105 223.128);
53
+ --color-sky-50: oklch(97.7% 0.013 236.62);
54
+ --color-sky-100: oklch(95.1% 0.026 236.824);
55
+ --color-sky-200: oklch(90.1% 0.058 230.902);
56
+ --color-sky-600: oklch(58.8% 0.158 241.966);
57
+ --color-sky-700: oklch(50% 0.134 242.749);
58
+ --color-sky-900: oklch(39.1% 0.09 240.876);
59
+ --color-blue-50: oklch(97% 0.014 254.604);
60
+ --color-blue-100: oklch(93.2% 0.032 255.585);
61
+ --color-blue-200: oklch(88.2% 0.059 254.128);
62
+ --color-blue-300: oklch(80.9% 0.105 251.813);
63
+ --color-blue-400: oklch(70.7% 0.165 254.624);
64
+ --color-blue-500: oklch(62.3% 0.214 259.815);
65
+ --color-blue-600: oklch(54.6% 0.245 262.881);
66
+ --color-blue-700: oklch(48.8% 0.243 264.376);
67
+ --color-blue-800: oklch(42.4% 0.199 265.638);
68
+ --color-blue-900: oklch(37.9% 0.146 265.522);
69
+ --color-indigo-50: oklch(96.2% 0.018 272.314);
70
+ --color-indigo-100: oklch(93% 0.034 272.788);
71
+ --color-indigo-200: oklch(87% 0.065 274.039);
72
+ --color-indigo-600: oklch(51.1% 0.262 276.966);
73
+ --color-indigo-700: oklch(45.7% 0.24 277.023);
74
+ --color-violet-50: oklch(96.9% 0.016 293.756);
75
+ --color-violet-100: oklch(94.3% 0.029 294.588);
76
+ --color-violet-200: oklch(89.4% 0.057 293.283);
77
+ --color-violet-600: oklch(54.1% 0.281 293.009);
78
+ --color-violet-700: oklch(49.1% 0.27 292.581);
79
+ --color-purple-50: oklch(97.7% 0.014 308.299);
80
+ --color-purple-200: oklch(90.2% 0.063 306.703);
81
+ --color-purple-700: oklch(49.6% 0.265 301.924);
82
+ --color-fuchsia-50: oklch(97.7% 0.017 320.058);
83
+ --color-fuchsia-200: oklch(90.3% 0.076 319.62);
84
+ --color-fuchsia-700: oklch(51.8% 0.253 323.949);
85
+ --color-pink-50: oklch(97.1% 0.014 343.198);
86
+ --color-pink-200: oklch(89.9% 0.061 343.231);
87
+ --color-pink-700: oklch(52.5% 0.223 3.958);
88
+ --color-rose-50: oklch(96.9% 0.015 12.422);
89
+ --color-rose-100: oklch(94.1% 0.03 12.58);
90
+ --color-rose-200: oklch(89.2% 0.058 10.001);
91
+ --color-rose-300: oklch(81% 0.117 11.638);
92
+ --color-rose-400: oklch(71.2% 0.194 13.428);
93
+ --color-rose-500: oklch(64.5% 0.246 16.439);
94
+ --color-rose-600: oklch(58.6% 0.253 17.585);
95
+ --color-rose-700: oklch(51.4% 0.222 16.935);
96
+ --color-rose-800: oklch(45.5% 0.188 13.697);
97
+ --color-rose-900: oklch(41% 0.159 10.272);
98
+ --color-slate-50: oklch(98.4% 0.003 247.858);
99
+ --color-slate-100: oklch(96.8% 0.007 247.896);
100
+ --color-slate-200: oklch(92.9% 0.013 255.508);
101
+ --color-slate-300: oklch(86.9% 0.022 252.894);
102
+ --color-slate-400: oklch(70.4% 0.04 256.788);
103
+ --color-slate-500: oklch(55.4% 0.046 257.417);
104
+ --color-slate-600: oklch(44.6% 0.043 257.281);
105
+ --color-slate-700: oklch(37.2% 0.044 257.287);
106
+ --color-slate-800: oklch(27.9% 0.041 260.031);
107
+ --color-slate-900: oklch(20.8% 0.042 265.755);
108
+ --color-black: #000;
109
+ --color-white: #fff;
110
+ --spacing: 0.25rem;
111
+ --container-xs: 20rem;
112
+ --container-sm: 24rem;
113
+ --container-md: 28rem;
114
+ --container-lg: 32rem;
115
+ --container-xl: 36rem;
116
+ --container-2xl: 42rem;
117
+ --text-xs: 0.75rem;
118
+ --text-xs--line-height: calc(1 / 0.75);
119
+ --text-sm: 0.875rem;
120
+ --text-sm--line-height: calc(1.25 / 0.875);
121
+ --text-base: 1rem;
122
+ --text-base--line-height: calc(1.5 / 1);
123
+ --font-weight-normal: 400;
124
+ --font-weight-medium: 500;
125
+ --font-weight-semibold: 600;
126
+ --font-weight-bold: 700;
127
+ --tracking-wider: 0.05em;
128
+ --leading-tight: 1.25;
129
+ --leading-normal: 1.5;
130
+ --leading-relaxed: 1.625;
131
+ --radius-md: 0.375rem;
132
+ --radius-lg: 0.5rem;
133
+ --radius-xl: 0.75rem;
134
+ --radius-2xl: 1rem;
135
+ --ease-out: cubic-bezier(0, 0, 0.2, 1);
136
+ --animate-spin: spin 1s linear infinite;
137
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
138
+ --blur-xs: 4px;
139
+ --blur-sm: 8px;
140
+ --blur-md: 12px;
141
+ --default-transition-duration: 150ms;
142
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
143
+ --default-font-family: var(--font-sans);
144
+ --default-mono-font-family: var(--font-mono);
11
145
  }
12
146
  }
13
147
  @layer base {
@@ -21,9 +155,9 @@
21
155
  line-height: 1.5;
22
156
  -webkit-text-size-adjust: 100%;
23
157
  tab-size: 4;
24
- font-family: var(--ui-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
25
- font-feature-settings: var(--ui-default-font-feature-settings, normal);
26
- font-variation-settings: var(--ui-default-font-variation-settings, normal);
158
+ 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");
159
+ font-feature-settings: var(--default-font-feature-settings, normal);
160
+ font-variation-settings: var(--default-font-variation-settings, normal);
27
161
  -webkit-tap-highlight-color: transparent;
28
162
  }
29
163
  hr {
@@ -48,9 +182,9 @@
48
182
  font-weight: bolder;
49
183
  }
50
184
  code, kbd, samp, pre {
51
- font-family: var(--ui-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
52
- font-feature-settings: var(--ui-default-mono-font-feature-settings, normal);
53
- font-variation-settings: var(--ui-default-mono-font-variation-settings, normal);
185
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
186
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
187
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
54
188
  font-size: 1em;
55
189
  }
56
190
  small {
@@ -158,4 +292,2712 @@
158
292
  display: none !important;
159
293
  }
160
294
  }
161
- @layer utilities;
295
+ @layer utilities {
296
+ .pointer-events-auto {
297
+ pointer-events: auto;
298
+ }
299
+ .pointer-events-none {
300
+ pointer-events: none;
301
+ }
302
+ .invisible {
303
+ visibility: hidden;
304
+ }
305
+ .visible {
306
+ visibility: visible;
307
+ }
308
+ .absolute {
309
+ position: absolute;
310
+ }
311
+ .fixed {
312
+ position: fixed;
313
+ }
314
+ .relative {
315
+ position: relative;
316
+ }
317
+ .static {
318
+ position: static;
319
+ }
320
+ .sticky {
321
+ position: sticky;
322
+ }
323
+ .inset-0 {
324
+ inset: 0;
325
+ }
326
+ .-top-1\.5 {
327
+ top: calc(var(--spacing) * -1.5);
328
+ }
329
+ .top-0 {
330
+ top: 0;
331
+ }
332
+ .top-1\/2 {
333
+ top: calc(1 / 2 * 100%);
334
+ }
335
+ .top-2 {
336
+ top: calc(var(--spacing) * 2);
337
+ }
338
+ .top-2\.5 {
339
+ top: calc(var(--spacing) * 2.5);
340
+ }
341
+ .top-\[1px\] {
342
+ top: 1px;
343
+ }
344
+ .top-full {
345
+ top: 100%;
346
+ }
347
+ .-right-1\.5 {
348
+ right: calc(var(--spacing) * -1.5);
349
+ }
350
+ .right-0 {
351
+ right: 0;
352
+ }
353
+ .right-2 {
354
+ right: calc(var(--spacing) * 2);
355
+ }
356
+ .right-2\.5 {
357
+ right: calc(var(--spacing) * 2.5);
358
+ }
359
+ .right-4 {
360
+ right: calc(var(--spacing) * 4);
361
+ }
362
+ .bottom-0 {
363
+ bottom: 0;
364
+ }
365
+ .bottom-4 {
366
+ bottom: calc(var(--spacing) * 4);
367
+ }
368
+ .bottom-full {
369
+ bottom: 100%;
370
+ }
371
+ .left-0 {
372
+ left: 0;
373
+ }
374
+ .left-1\.5 {
375
+ left: calc(var(--spacing) * 1.5);
376
+ }
377
+ .left-2 {
378
+ left: calc(var(--spacing) * 2);
379
+ }
380
+ .left-2\.5 {
381
+ left: calc(var(--spacing) * 2.5);
382
+ }
383
+ .isolate {
384
+ isolation: isolate;
385
+ }
386
+ .z-10 {
387
+ z-index: 10;
388
+ }
389
+ .z-20 {
390
+ z-index: 20;
391
+ }
392
+ .z-30 {
393
+ z-index: 30;
394
+ }
395
+ .z-40 {
396
+ z-index: 40;
397
+ }
398
+ .z-50 {
399
+ z-index: 50;
400
+ }
401
+ .z-\[9999\] {
402
+ z-index: 9999;
403
+ }
404
+ .z-\[99999\] {
405
+ z-index: 99999;
406
+ }
407
+ .col-span-12 {
408
+ grid-column: span 12 / span 12;
409
+ }
410
+ .container {
411
+ width: 100%;
412
+ @media (width >= 40rem) {
413
+ max-width: 40rem;
414
+ }
415
+ @media (width >= 48rem) {
416
+ max-width: 48rem;
417
+ }
418
+ @media (width >= 64rem) {
419
+ max-width: 64rem;
420
+ }
421
+ @media (width >= 80rem) {
422
+ max-width: 80rem;
423
+ }
424
+ @media (width >= 96rem) {
425
+ max-width: 96rem;
426
+ }
427
+ }
428
+ .mx-1 {
429
+ margin-inline: var(--spacing);
430
+ }
431
+ .mx-auto {
432
+ margin-inline: auto;
433
+ }
434
+ .mt-0\.5 {
435
+ margin-top: calc(var(--spacing) * 0.5);
436
+ }
437
+ .mt-1 {
438
+ margin-top: var(--spacing);
439
+ }
440
+ .mt-1\.5 {
441
+ margin-top: calc(var(--spacing) * 1.5);
442
+ }
443
+ .mt-2 {
444
+ margin-top: calc(var(--spacing) * 2);
445
+ }
446
+ .mt-auto {
447
+ margin-top: auto;
448
+ }
449
+ .mr-0\.5 {
450
+ margin-right: calc(var(--spacing) * 0.5);
451
+ }
452
+ .mr-1 {
453
+ margin-right: var(--spacing);
454
+ }
455
+ .mb-0\.5 {
456
+ margin-bottom: calc(var(--spacing) * 0.5);
457
+ }
458
+ .mb-1 {
459
+ margin-bottom: var(--spacing);
460
+ }
461
+ .mb-1\.5 {
462
+ margin-bottom: calc(var(--spacing) * 1.5);
463
+ }
464
+ .mb-2 {
465
+ margin-bottom: calc(var(--spacing) * 2);
466
+ }
467
+ .mb-2\.5 {
468
+ margin-bottom: calc(var(--spacing) * 2.5);
469
+ }
470
+ .mb-3 {
471
+ margin-bottom: calc(var(--spacing) * 3);
472
+ }
473
+ .mb-3\.5 {
474
+ margin-bottom: calc(var(--spacing) * 3.5);
475
+ }
476
+ .ml-0\.5 {
477
+ margin-left: calc(var(--spacing) * 0.5);
478
+ }
479
+ .ml-1 {
480
+ margin-left: var(--spacing);
481
+ }
482
+ .ml-2 {
483
+ margin-left: calc(var(--spacing) * 2);
484
+ }
485
+ .block {
486
+ display: block;
487
+ }
488
+ .flex {
489
+ display: flex;
490
+ }
491
+ .grid {
492
+ display: grid;
493
+ }
494
+ .hidden {
495
+ display: none;
496
+ }
497
+ .inline {
498
+ display: inline;
499
+ }
500
+ .inline-block {
501
+ display: inline-block;
502
+ }
503
+ .inline-flex {
504
+ display: inline-flex;
505
+ }
506
+ .table {
507
+ display: table;
508
+ }
509
+ .h-0\.5 {
510
+ height: calc(var(--spacing) * 0.5);
511
+ }
512
+ .h-2 {
513
+ height: calc(var(--spacing) * 2);
514
+ }
515
+ .h-2\.5 {
516
+ height: calc(var(--spacing) * 2.5);
517
+ }
518
+ .h-3 {
519
+ height: calc(var(--spacing) * 3);
520
+ }
521
+ .h-3\.5 {
522
+ height: calc(var(--spacing) * 3.5);
523
+ }
524
+ .h-4 {
525
+ height: calc(var(--spacing) * 4);
526
+ }
527
+ .h-4\.5 {
528
+ height: calc(var(--spacing) * 4.5);
529
+ }
530
+ .h-5 {
531
+ height: calc(var(--spacing) * 5);
532
+ }
533
+ .h-6 {
534
+ height: calc(var(--spacing) * 6);
535
+ }
536
+ .h-7 {
537
+ height: calc(var(--spacing) * 7);
538
+ }
539
+ .h-8 {
540
+ height: calc(var(--spacing) * 8);
541
+ }
542
+ .h-8\.5 {
543
+ height: calc(var(--spacing) * 8.5);
544
+ }
545
+ .h-9 {
546
+ height: calc(var(--spacing) * 9);
547
+ }
548
+ .h-10 {
549
+ height: calc(var(--spacing) * 10);
550
+ }
551
+ .h-12 {
552
+ height: calc(var(--spacing) * 12);
553
+ }
554
+ .h-44 {
555
+ height: calc(var(--spacing) * 44);
556
+ }
557
+ .h-\[18px\] {
558
+ height: 18px;
559
+ }
560
+ .h-\[calc\(100vh-420px\)\] {
561
+ height: calc(100vh - 420px);
562
+ }
563
+ .h-full {
564
+ height: 100%;
565
+ }
566
+ .max-h-48 {
567
+ max-height: calc(var(--spacing) * 48);
568
+ }
569
+ .max-h-52 {
570
+ max-height: calc(var(--spacing) * 52);
571
+ }
572
+ .max-h-60 {
573
+ max-height: calc(var(--spacing) * 60);
574
+ }
575
+ .max-h-\[92vh\] {
576
+ max-height: 92vh;
577
+ }
578
+ .max-h-\[250px\] {
579
+ max-height: 250px;
580
+ }
581
+ .max-h-\[calc\(100vh-240px\)\] {
582
+ max-height: calc(100vh - 240px);
583
+ }
584
+ .min-h-0 {
585
+ min-height: 0;
586
+ }
587
+ .min-h-\[26rem\] {
588
+ min-height: 26rem;
589
+ }
590
+ .min-h-\[28px\] {
591
+ min-height: 28px;
592
+ }
593
+ .min-h-\[32px\] {
594
+ min-height: 32px;
595
+ }
596
+ .min-h-\[48px\] {
597
+ min-height: 48px;
598
+ }
599
+ .min-h-\[260px\] {
600
+ min-height: 260px;
601
+ }
602
+ .min-h-\[320px\] {
603
+ min-height: 320px;
604
+ }
605
+ .min-h-\[inherit\] {
606
+ min-height: inherit;
607
+ }
608
+ .w-1\.5 {
609
+ width: calc(var(--spacing) * 1.5);
610
+ }
611
+ .w-2 {
612
+ width: calc(var(--spacing) * 2);
613
+ }
614
+ .w-2\.5 {
615
+ width: calc(var(--spacing) * 2.5);
616
+ }
617
+ .w-3 {
618
+ width: calc(var(--spacing) * 3);
619
+ }
620
+ .w-3\.5 {
621
+ width: calc(var(--spacing) * 3.5);
622
+ }
623
+ .w-4 {
624
+ width: calc(var(--spacing) * 4);
625
+ }
626
+ .w-4\.5 {
627
+ width: calc(var(--spacing) * 4.5);
628
+ }
629
+ .w-5 {
630
+ width: calc(var(--spacing) * 5);
631
+ }
632
+ .w-6 {
633
+ width: calc(var(--spacing) * 6);
634
+ }
635
+ .w-7 {
636
+ width: calc(var(--spacing) * 7);
637
+ }
638
+ .w-8 {
639
+ width: calc(var(--spacing) * 8);
640
+ }
641
+ .w-9 {
642
+ width: calc(var(--spacing) * 9);
643
+ }
644
+ .w-10 {
645
+ width: calc(var(--spacing) * 10);
646
+ }
647
+ .w-14 {
648
+ width: calc(var(--spacing) * 14);
649
+ }
650
+ .w-16 {
651
+ width: calc(var(--spacing) * 16);
652
+ }
653
+ .w-56 {
654
+ width: calc(var(--spacing) * 56);
655
+ }
656
+ .w-64 {
657
+ width: calc(var(--spacing) * 64);
658
+ }
659
+ .w-72 {
660
+ width: calc(var(--spacing) * 72);
661
+ }
662
+ .w-\[260px\] {
663
+ width: 260px;
664
+ }
665
+ .w-\[280px\] {
666
+ width: 280px;
667
+ }
668
+ .w-full {
669
+ width: 100%;
670
+ }
671
+ .w-px {
672
+ width: 1px;
673
+ }
674
+ .max-w-2xl {
675
+ max-width: var(--container-2xl);
676
+ }
677
+ .max-w-\[130px\] {
678
+ max-width: 130px;
679
+ }
680
+ .max-w-\[140px\] {
681
+ max-width: 140px;
682
+ }
683
+ .max-w-\[150px\] {
684
+ max-width: 150px;
685
+ }
686
+ .max-w-\[180px\] {
687
+ max-width: 180px;
688
+ }
689
+ .max-w-\[calc\(100\%-28px\)\] {
690
+ max-width: calc(100% - 28px);
691
+ }
692
+ .max-w-full {
693
+ max-width: 100%;
694
+ }
695
+ .max-w-lg {
696
+ max-width: var(--container-lg);
697
+ }
698
+ .max-w-md {
699
+ max-width: var(--container-md);
700
+ }
701
+ .max-w-sm {
702
+ max-width: var(--container-sm);
703
+ }
704
+ .max-w-xs {
705
+ max-width: var(--container-xs);
706
+ }
707
+ .min-w-0 {
708
+ min-width: 0;
709
+ }
710
+ .min-w-\[18px\] {
711
+ min-width: 18px;
712
+ }
713
+ .min-w-\[50px\] {
714
+ min-width: 50px;
715
+ }
716
+ .flex-1 {
717
+ flex: 1;
718
+ }
719
+ .flex-shrink-0 {
720
+ flex-shrink: 0;
721
+ }
722
+ .shrink {
723
+ flex-shrink: 1;
724
+ }
725
+ .shrink-0 {
726
+ flex-shrink: 0;
727
+ }
728
+ .table-auto {
729
+ table-layout: auto;
730
+ }
731
+ .border-collapse {
732
+ border-collapse: collapse;
733
+ }
734
+ .-translate-y-1\/2 {
735
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
736
+ translate: var(--tw-translate-x) var(--tw-translate-y);
737
+ }
738
+ .scale-105 {
739
+ --tw-scale-x: 105%;
740
+ --tw-scale-y: 105%;
741
+ --tw-scale-z: 105%;
742
+ scale: var(--tw-scale-x) var(--tw-scale-y);
743
+ }
744
+ .scale-110 {
745
+ --tw-scale-x: 110%;
746
+ --tw-scale-y: 110%;
747
+ --tw-scale-z: 110%;
748
+ scale: var(--tw-scale-x) var(--tw-scale-y);
749
+ }
750
+ .rotate-90 {
751
+ rotate: 90deg;
752
+ }
753
+ .rotate-180 {
754
+ rotate: 180deg;
755
+ }
756
+ .transform {
757
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
758
+ }
759
+ .animate-pulse {
760
+ animation: var(--animate-pulse);
761
+ }
762
+ .animate-spin {
763
+ animation: var(--animate-spin);
764
+ }
765
+ .cursor-col-resize {
766
+ cursor: col-resize;
767
+ }
768
+ .cursor-default {
769
+ cursor: default;
770
+ }
771
+ .cursor-grab {
772
+ cursor: grab;
773
+ }
774
+ .cursor-help {
775
+ cursor: help;
776
+ }
777
+ .cursor-not-allowed {
778
+ cursor: not-allowed;
779
+ }
780
+ .cursor-pointer {
781
+ cursor: pointer;
782
+ }
783
+ .resize {
784
+ resize: both;
785
+ }
786
+ .resize-y {
787
+ resize: vertical;
788
+ }
789
+ .list-inside {
790
+ list-style-position: inside;
791
+ }
792
+ .list-disc {
793
+ list-style-type: disc;
794
+ }
795
+ .appearance-none {
796
+ appearance: none;
797
+ }
798
+ .grid-cols-1 {
799
+ grid-template-columns: repeat(1, minmax(0, 1fr));
800
+ }
801
+ .grid-cols-2 {
802
+ grid-template-columns: repeat(2, minmax(0, 1fr));
803
+ }
804
+ .grid-cols-7 {
805
+ grid-template-columns: repeat(7, minmax(0, 1fr));
806
+ }
807
+ .flex-col {
808
+ flex-direction: column;
809
+ }
810
+ .flex-row {
811
+ flex-direction: row;
812
+ }
813
+ .flex-wrap {
814
+ flex-wrap: wrap;
815
+ }
816
+ .items-center {
817
+ align-items: center;
818
+ }
819
+ .items-start {
820
+ align-items: flex-start;
821
+ }
822
+ .items-stretch {
823
+ align-items: stretch;
824
+ }
825
+ .justify-around {
826
+ justify-content: space-around;
827
+ }
828
+ .justify-between {
829
+ justify-content: space-between;
830
+ }
831
+ .justify-center {
832
+ justify-content: center;
833
+ }
834
+ .justify-end {
835
+ justify-content: flex-end;
836
+ }
837
+ .justify-start {
838
+ justify-content: flex-start;
839
+ }
840
+ .gap-0\.5 {
841
+ gap: calc(var(--spacing) * 0.5);
842
+ }
843
+ .gap-1 {
844
+ gap: var(--spacing);
845
+ }
846
+ .gap-1\.5 {
847
+ gap: calc(var(--spacing) * 1.5);
848
+ }
849
+ .gap-2 {
850
+ gap: calc(var(--spacing) * 2);
851
+ }
852
+ .gap-2\.5 {
853
+ gap: calc(var(--spacing) * 2.5);
854
+ }
855
+ .gap-3 {
856
+ gap: calc(var(--spacing) * 3);
857
+ }
858
+ .gap-4 {
859
+ gap: calc(var(--spacing) * 4);
860
+ }
861
+ .space-y-0\.5 {
862
+ :where(& > :not(:last-child)) {
863
+ --tw-space-y-reverse: 0;
864
+ margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
865
+ margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
866
+ }
867
+ }
868
+ .space-y-1 {
869
+ :where(& > :not(:last-child)) {
870
+ --tw-space-y-reverse: 0;
871
+ margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
872
+ margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
873
+ }
874
+ }
875
+ .space-y-1\.5 {
876
+ :where(& > :not(:last-child)) {
877
+ --tw-space-y-reverse: 0;
878
+ margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
879
+ margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
880
+ }
881
+ }
882
+ .space-y-2 {
883
+ :where(& > :not(:last-child)) {
884
+ --tw-space-y-reverse: 0;
885
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
886
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
887
+ }
888
+ }
889
+ .space-y-2\.5 {
890
+ :where(& > :not(:last-child)) {
891
+ --tw-space-y-reverse: 0;
892
+ margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
893
+ margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
894
+ }
895
+ }
896
+ .space-y-3 {
897
+ :where(& > :not(:last-child)) {
898
+ --tw-space-y-reverse: 0;
899
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
900
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
901
+ }
902
+ }
903
+ .space-y-3\.5 {
904
+ :where(& > :not(:last-child)) {
905
+ --tw-space-y-reverse: 0;
906
+ margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
907
+ margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
908
+ }
909
+ }
910
+ .space-y-4 {
911
+ :where(& > :not(:last-child)) {
912
+ --tw-space-y-reverse: 0;
913
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
914
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
915
+ }
916
+ }
917
+ .space-y-5 {
918
+ :where(& > :not(:last-child)) {
919
+ --tw-space-y-reverse: 0;
920
+ margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
921
+ margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
922
+ }
923
+ }
924
+ .divide-y {
925
+ :where(& > :not(:last-child)) {
926
+ --tw-divide-y-reverse: 0;
927
+ border-bottom-style: var(--tw-border-style);
928
+ border-top-style: var(--tw-border-style);
929
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
930
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
931
+ }
932
+ }
933
+ .divide-slate-100 {
934
+ :where(& > :not(:last-child)) {
935
+ border-color: var(--color-slate-100);
936
+ }
937
+ }
938
+ .truncate {
939
+ overflow: hidden;
940
+ text-overflow: ellipsis;
941
+ white-space: nowrap;
942
+ }
943
+ .overflow-hidden {
944
+ overflow: hidden;
945
+ }
946
+ .overflow-visible {
947
+ overflow: visible;
948
+ }
949
+ .overflow-x-auto {
950
+ overflow-x: auto;
951
+ }
952
+ .overflow-y-auto {
953
+ overflow-y: auto;
954
+ }
955
+ .rounded {
956
+ border-radius: 0.25rem;
957
+ }
958
+ .rounded-2xl {
959
+ border-radius: var(--radius-2xl);
960
+ }
961
+ .rounded-full {
962
+ border-radius: calc(infinity * 1px);
963
+ }
964
+ .rounded-lg {
965
+ border-radius: var(--radius-lg);
966
+ }
967
+ .rounded-md {
968
+ border-radius: var(--radius-md);
969
+ }
970
+ .rounded-xl {
971
+ border-radius: var(--radius-xl);
972
+ }
973
+ .rounded-t-lg {
974
+ border-top-left-radius: var(--radius-lg);
975
+ border-top-right-radius: var(--radius-lg);
976
+ }
977
+ .rounded-t-xl {
978
+ border-top-left-radius: var(--radius-xl);
979
+ border-top-right-radius: var(--radius-xl);
980
+ }
981
+ .rounded-b-xl {
982
+ border-bottom-right-radius: var(--radius-xl);
983
+ border-bottom-left-radius: var(--radius-xl);
984
+ }
985
+ .border {
986
+ border-style: var(--tw-border-style);
987
+ border-width: 1px;
988
+ }
989
+ .border-0 {
990
+ border-style: var(--tw-border-style);
991
+ border-width: 0px;
992
+ }
993
+ .border-2 {
994
+ border-style: var(--tw-border-style);
995
+ border-width: 2px;
996
+ }
997
+ .border-t {
998
+ border-top-style: var(--tw-border-style);
999
+ border-top-width: 1px;
1000
+ }
1001
+ .border-t-2 {
1002
+ border-top-style: var(--tw-border-style);
1003
+ border-top-width: 2px;
1004
+ }
1005
+ .border-r-4 {
1006
+ border-right-style: var(--tw-border-style);
1007
+ border-right-width: 4px;
1008
+ }
1009
+ .border-b {
1010
+ border-bottom-style: var(--tw-border-style);
1011
+ border-bottom-width: 1px;
1012
+ }
1013
+ .border-l {
1014
+ border-left-style: var(--tw-border-style);
1015
+ border-left-width: 1px;
1016
+ }
1017
+ .border-dashed {
1018
+ --tw-border-style: dashed;
1019
+ border-style: dashed;
1020
+ }
1021
+ .border-amber-200 {
1022
+ border-color: var(--color-amber-200);
1023
+ }
1024
+ .border-amber-200\/80 {
1025
+ border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 80%, transparent);
1026
+ @supports (color: color-mix(in lab, red, red)) {
1027
+ border-color: color-mix(in oklab, var(--color-amber-200) 80%, transparent);
1028
+ }
1029
+ }
1030
+ .border-amber-300 {
1031
+ border-color: var(--color-amber-300);
1032
+ }
1033
+ .border-amber-400 {
1034
+ border-color: var(--color-amber-400);
1035
+ }
1036
+ .border-blue-200 {
1037
+ border-color: var(--color-blue-200);
1038
+ }
1039
+ .border-blue-300 {
1040
+ border-color: var(--color-blue-300);
1041
+ }
1042
+ .border-blue-400 {
1043
+ border-color: var(--color-blue-400);
1044
+ }
1045
+ .border-cyan-200 {
1046
+ border-color: var(--color-cyan-200);
1047
+ }
1048
+ .border-emerald-200 {
1049
+ border-color: var(--color-emerald-200);
1050
+ }
1051
+ .border-emerald-200\/60 {
1052
+ border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 60%, transparent);
1053
+ @supports (color: color-mix(in lab, red, red)) {
1054
+ border-color: color-mix(in oklab, var(--color-emerald-200) 60%, transparent);
1055
+ }
1056
+ }
1057
+ .border-emerald-200\/80 {
1058
+ border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 80%, transparent);
1059
+ @supports (color: color-mix(in lab, red, red)) {
1060
+ border-color: color-mix(in oklab, var(--color-emerald-200) 80%, transparent);
1061
+ }
1062
+ }
1063
+ .border-emerald-300 {
1064
+ border-color: var(--color-emerald-300);
1065
+ }
1066
+ .border-emerald-400 {
1067
+ border-color: var(--color-emerald-400);
1068
+ }
1069
+ .border-emerald-500 {
1070
+ border-color: var(--color-emerald-500);
1071
+ }
1072
+ .border-fuchsia-200 {
1073
+ border-color: var(--color-fuchsia-200);
1074
+ }
1075
+ .border-green-200 {
1076
+ border-color: var(--color-green-200);
1077
+ }
1078
+ .border-indigo-100 {
1079
+ border-color: var(--color-indigo-100);
1080
+ }
1081
+ .border-indigo-200 {
1082
+ border-color: var(--color-indigo-200);
1083
+ }
1084
+ .border-lime-200 {
1085
+ border-color: var(--color-lime-200);
1086
+ }
1087
+ .border-orange-200 {
1088
+ border-color: var(--color-orange-200);
1089
+ }
1090
+ .border-pink-200 {
1091
+ border-color: var(--color-pink-200);
1092
+ }
1093
+ .border-purple-200 {
1094
+ border-color: var(--color-purple-200);
1095
+ }
1096
+ .border-red-200 {
1097
+ border-color: var(--color-red-200);
1098
+ }
1099
+ .border-rose-100 {
1100
+ border-color: var(--color-rose-100);
1101
+ }
1102
+ .border-rose-200 {
1103
+ border-color: var(--color-rose-200);
1104
+ }
1105
+ .border-rose-200\/80 {
1106
+ border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 80%, transparent);
1107
+ @supports (color: color-mix(in lab, red, red)) {
1108
+ border-color: color-mix(in oklab, var(--color-rose-200) 80%, transparent);
1109
+ }
1110
+ }
1111
+ .border-rose-300 {
1112
+ border-color: var(--color-rose-300);
1113
+ }
1114
+ .border-rose-400 {
1115
+ border-color: var(--color-rose-400);
1116
+ }
1117
+ .border-sky-200 {
1118
+ border-color: var(--color-sky-200);
1119
+ }
1120
+ .border-slate-100 {
1121
+ border-color: var(--color-slate-100);
1122
+ }
1123
+ .border-slate-100\/70 {
1124
+ border-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 70%, transparent);
1125
+ @supports (color: color-mix(in lab, red, red)) {
1126
+ border-color: color-mix(in oklab, var(--color-slate-100) 70%, transparent);
1127
+ }
1128
+ }
1129
+ .border-slate-200 {
1130
+ border-color: var(--color-slate-200);
1131
+ }
1132
+ .border-slate-200\/70 {
1133
+ border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 70%, transparent);
1134
+ @supports (color: color-mix(in lab, red, red)) {
1135
+ border-color: color-mix(in oklab, var(--color-slate-200) 70%, transparent);
1136
+ }
1137
+ }
1138
+ .border-slate-200\/80 {
1139
+ border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
1140
+ @supports (color: color-mix(in lab, red, red)) {
1141
+ border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
1142
+ }
1143
+ }
1144
+ .border-slate-200\/90 {
1145
+ border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 90%, transparent);
1146
+ @supports (color: color-mix(in lab, red, red)) {
1147
+ border-color: color-mix(in oklab, var(--color-slate-200) 90%, transparent);
1148
+ }
1149
+ }
1150
+ .border-slate-300 {
1151
+ border-color: var(--color-slate-300);
1152
+ }
1153
+ .border-slate-700\/60 {
1154
+ border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 60%, transparent);
1155
+ @supports (color: color-mix(in lab, red, red)) {
1156
+ border-color: color-mix(in oklab, var(--color-slate-700) 60%, transparent);
1157
+ }
1158
+ }
1159
+ .border-teal-200 {
1160
+ border-color: var(--color-teal-200);
1161
+ }
1162
+ .border-transparent {
1163
+ border-color: transparent;
1164
+ }
1165
+ .border-violet-200 {
1166
+ border-color: var(--color-violet-200);
1167
+ }
1168
+ .border-yellow-200 {
1169
+ border-color: var(--color-yellow-200);
1170
+ }
1171
+ .border-t-transparent {
1172
+ border-top-color: transparent;
1173
+ }
1174
+ .border-b-transparent {
1175
+ border-bottom-color: transparent;
1176
+ }
1177
+ .bg-amber-50 {
1178
+ background-color: var(--color-amber-50);
1179
+ }
1180
+ .bg-amber-50\/30 {
1181
+ background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 30%, transparent);
1182
+ @supports (color: color-mix(in lab, red, red)) {
1183
+ background-color: color-mix(in oklab, var(--color-amber-50) 30%, transparent);
1184
+ }
1185
+ }
1186
+ .bg-amber-100 {
1187
+ background-color: var(--color-amber-100);
1188
+ }
1189
+ .bg-blue-50 {
1190
+ background-color: var(--color-blue-50);
1191
+ }
1192
+ .bg-blue-50\/40 {
1193
+ background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 40%, transparent);
1194
+ @supports (color: color-mix(in lab, red, red)) {
1195
+ background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent);
1196
+ }
1197
+ }
1198
+ .bg-blue-100 {
1199
+ background-color: var(--color-blue-100);
1200
+ }
1201
+ .bg-blue-500 {
1202
+ background-color: var(--color-blue-500);
1203
+ }
1204
+ .bg-blue-500\/20 {
1205
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
1206
+ @supports (color: color-mix(in lab, red, red)) {
1207
+ background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
1208
+ }
1209
+ }
1210
+ .bg-blue-600 {
1211
+ background-color: var(--color-blue-600);
1212
+ }
1213
+ .bg-cyan-50 {
1214
+ background-color: var(--color-cyan-50);
1215
+ }
1216
+ .bg-emerald-50 {
1217
+ background-color: var(--color-emerald-50);
1218
+ }
1219
+ .bg-emerald-50\/20 {
1220
+ background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 20%, transparent);
1221
+ @supports (color: color-mix(in lab, red, red)) {
1222
+ background-color: color-mix(in oklab, var(--color-emerald-50) 20%, transparent);
1223
+ }
1224
+ }
1225
+ .bg-emerald-50\/40 {
1226
+ background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 40%, transparent);
1227
+ @supports (color: color-mix(in lab, red, red)) {
1228
+ background-color: color-mix(in oklab, var(--color-emerald-50) 40%, transparent);
1229
+ }
1230
+ }
1231
+ .bg-emerald-50\/50 {
1232
+ background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent);
1233
+ @supports (color: color-mix(in lab, red, red)) {
1234
+ background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent);
1235
+ }
1236
+ }
1237
+ .bg-emerald-50\/60 {
1238
+ background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 60%, transparent);
1239
+ @supports (color: color-mix(in lab, red, red)) {
1240
+ background-color: color-mix(in oklab, var(--color-emerald-50) 60%, transparent);
1241
+ }
1242
+ }
1243
+ .bg-emerald-100 {
1244
+ background-color: var(--color-emerald-100);
1245
+ }
1246
+ .bg-emerald-500 {
1247
+ background-color: var(--color-emerald-500);
1248
+ }
1249
+ .bg-emerald-600 {
1250
+ background-color: var(--color-emerald-600);
1251
+ }
1252
+ .bg-emerald-600\/40 {
1253
+ background-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 40%, transparent);
1254
+ @supports (color: color-mix(in lab, red, red)) {
1255
+ background-color: color-mix(in oklab, var(--color-emerald-600) 40%, transparent);
1256
+ }
1257
+ }
1258
+ .bg-emerald-950\/80 {
1259
+ background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 80%, transparent);
1260
+ @supports (color: color-mix(in lab, red, red)) {
1261
+ background-color: color-mix(in oklab, var(--color-emerald-950) 80%, transparent);
1262
+ }
1263
+ }
1264
+ .bg-fuchsia-50 {
1265
+ background-color: var(--color-fuchsia-50);
1266
+ }
1267
+ .bg-green-50 {
1268
+ background-color: var(--color-green-50);
1269
+ }
1270
+ .bg-indigo-50 {
1271
+ background-color: var(--color-indigo-50);
1272
+ }
1273
+ .bg-lime-50 {
1274
+ background-color: var(--color-lime-50);
1275
+ }
1276
+ .bg-orange-50 {
1277
+ background-color: var(--color-orange-50);
1278
+ }
1279
+ .bg-pink-50 {
1280
+ background-color: var(--color-pink-50);
1281
+ }
1282
+ .bg-purple-50 {
1283
+ background-color: var(--color-purple-50);
1284
+ }
1285
+ .bg-red-50 {
1286
+ background-color: var(--color-red-50);
1287
+ }
1288
+ .bg-rose-50 {
1289
+ background-color: var(--color-rose-50);
1290
+ }
1291
+ .bg-rose-50\/20 {
1292
+ background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 20%, transparent);
1293
+ @supports (color: color-mix(in lab, red, red)) {
1294
+ background-color: color-mix(in oklab, var(--color-rose-50) 20%, transparent);
1295
+ }
1296
+ }
1297
+ .bg-rose-50\/30 {
1298
+ background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 30%, transparent);
1299
+ @supports (color: color-mix(in lab, red, red)) {
1300
+ background-color: color-mix(in oklab, var(--color-rose-50) 30%, transparent);
1301
+ }
1302
+ }
1303
+ .bg-rose-100 {
1304
+ background-color: var(--color-rose-100);
1305
+ }
1306
+ .bg-rose-600 {
1307
+ background-color: var(--color-rose-600);
1308
+ }
1309
+ .bg-sky-50 {
1310
+ background-color: var(--color-sky-50);
1311
+ }
1312
+ .bg-sky-100 {
1313
+ background-color: var(--color-sky-100);
1314
+ }
1315
+ .bg-slate-50 {
1316
+ background-color: var(--color-slate-50);
1317
+ }
1318
+ .bg-slate-50\/50 {
1319
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
1320
+ @supports (color: color-mix(in lab, red, red)) {
1321
+ background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
1322
+ }
1323
+ }
1324
+ .bg-slate-50\/60 {
1325
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);
1326
+ @supports (color: color-mix(in lab, red, red)) {
1327
+ background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
1328
+ }
1329
+ }
1330
+ .bg-slate-50\/70 {
1331
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);
1332
+ @supports (color: color-mix(in lab, red, red)) {
1333
+ background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
1334
+ }
1335
+ }
1336
+ .bg-slate-50\/90 {
1337
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 90%, transparent);
1338
+ @supports (color: color-mix(in lab, red, red)) {
1339
+ background-color: color-mix(in oklab, var(--color-slate-50) 90%, transparent);
1340
+ }
1341
+ }
1342
+ .bg-slate-100 {
1343
+ background-color: var(--color-slate-100);
1344
+ }
1345
+ .bg-slate-100\/50 {
1346
+ background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 50%, transparent);
1347
+ @supports (color: color-mix(in lab, red, red)) {
1348
+ background-color: color-mix(in oklab, var(--color-slate-100) 50%, transparent);
1349
+ }
1350
+ }
1351
+ .bg-slate-100\/70 {
1352
+ background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 70%, transparent);
1353
+ @supports (color: color-mix(in lab, red, red)) {
1354
+ background-color: color-mix(in oklab, var(--color-slate-100) 70%, transparent);
1355
+ }
1356
+ }
1357
+ .bg-slate-100\/80 {
1358
+ background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
1359
+ @supports (color: color-mix(in lab, red, red)) {
1360
+ background-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);
1361
+ }
1362
+ }
1363
+ .bg-slate-200 {
1364
+ background-color: var(--color-slate-200);
1365
+ }
1366
+ .bg-slate-300 {
1367
+ background-color: var(--color-slate-300);
1368
+ }
1369
+ .bg-slate-500 {
1370
+ background-color: var(--color-slate-500);
1371
+ }
1372
+ .bg-slate-900\/60 {
1373
+ background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent);
1374
+ @supports (color: color-mix(in lab, red, red)) {
1375
+ background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);
1376
+ }
1377
+ }
1378
+ .bg-slate-900\/95 {
1379
+ background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
1380
+ @supports (color: color-mix(in lab, red, red)) {
1381
+ background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
1382
+ }
1383
+ }
1384
+ .bg-teal-50 {
1385
+ background-color: var(--color-teal-50);
1386
+ }
1387
+ .bg-transparent {
1388
+ background-color: transparent;
1389
+ }
1390
+ .bg-violet-50 {
1391
+ background-color: var(--color-violet-50);
1392
+ }
1393
+ .bg-white {
1394
+ background-color: var(--color-white);
1395
+ }
1396
+ .bg-white\/60 {
1397
+ background-color: color-mix(in srgb, #fff 60%, transparent);
1398
+ @supports (color: color-mix(in lab, red, red)) {
1399
+ background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
1400
+ }
1401
+ }
1402
+ .bg-white\/80 {
1403
+ background-color: color-mix(in srgb, #fff 80%, transparent);
1404
+ @supports (color: color-mix(in lab, red, red)) {
1405
+ background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
1406
+ }
1407
+ }
1408
+ .bg-white\/95 {
1409
+ background-color: color-mix(in srgb, #fff 95%, transparent);
1410
+ @supports (color: color-mix(in lab, red, red)) {
1411
+ background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
1412
+ }
1413
+ }
1414
+ .bg-yellow-50 {
1415
+ background-color: var(--color-yellow-50);
1416
+ }
1417
+ .fill-amber-400 {
1418
+ fill: var(--color-amber-400);
1419
+ }
1420
+ .object-cover {
1421
+ object-fit: cover;
1422
+ }
1423
+ .p-0 {
1424
+ padding: 0;
1425
+ }
1426
+ .p-0\.5 {
1427
+ padding: calc(var(--spacing) * 0.5);
1428
+ }
1429
+ .p-1 {
1430
+ padding: var(--spacing);
1431
+ }
1432
+ .p-1\.5 {
1433
+ padding: calc(var(--spacing) * 1.5);
1434
+ }
1435
+ .p-2 {
1436
+ padding: calc(var(--spacing) * 2);
1437
+ }
1438
+ .p-2\.5 {
1439
+ padding: calc(var(--spacing) * 2.5);
1440
+ }
1441
+ .p-3 {
1442
+ padding: calc(var(--spacing) * 3);
1443
+ }
1444
+ .p-3\.5 {
1445
+ padding: calc(var(--spacing) * 3.5);
1446
+ }
1447
+ .p-4 {
1448
+ padding: calc(var(--spacing) * 4);
1449
+ }
1450
+ .p-5 {
1451
+ padding: calc(var(--spacing) * 5);
1452
+ }
1453
+ .p-6 {
1454
+ padding: calc(var(--spacing) * 6);
1455
+ }
1456
+ .p-10 {
1457
+ padding: calc(var(--spacing) * 10);
1458
+ }
1459
+ .p-12 {
1460
+ padding: calc(var(--spacing) * 12);
1461
+ }
1462
+ .px-1 {
1463
+ padding-inline: var(--spacing);
1464
+ }
1465
+ .px-1\.5 {
1466
+ padding-inline: calc(var(--spacing) * 1.5);
1467
+ }
1468
+ .px-2 {
1469
+ padding-inline: calc(var(--spacing) * 2);
1470
+ }
1471
+ .px-2\.5 {
1472
+ padding-inline: calc(var(--spacing) * 2.5);
1473
+ }
1474
+ .px-3 {
1475
+ padding-inline: calc(var(--spacing) * 3);
1476
+ }
1477
+ .px-4 {
1478
+ padding-inline: calc(var(--spacing) * 4);
1479
+ }
1480
+ .px-5 {
1481
+ padding-inline: calc(var(--spacing) * 5);
1482
+ }
1483
+ .px-6 {
1484
+ padding-inline: calc(var(--spacing) * 6);
1485
+ }
1486
+ .py-0\.5 {
1487
+ padding-block: calc(var(--spacing) * 0.5);
1488
+ }
1489
+ .py-1 {
1490
+ padding-block: var(--spacing);
1491
+ }
1492
+ .py-1\.5 {
1493
+ padding-block: calc(var(--spacing) * 1.5);
1494
+ }
1495
+ .py-2 {
1496
+ padding-block: calc(var(--spacing) * 2);
1497
+ }
1498
+ .py-2\.5 {
1499
+ padding-block: calc(var(--spacing) * 2.5);
1500
+ }
1501
+ .py-3 {
1502
+ padding-block: calc(var(--spacing) * 3);
1503
+ }
1504
+ .py-3\.5 {
1505
+ padding-block: calc(var(--spacing) * 3.5);
1506
+ }
1507
+ .py-4 {
1508
+ padding-block: calc(var(--spacing) * 4);
1509
+ }
1510
+ .py-6 {
1511
+ padding-block: calc(var(--spacing) * 6);
1512
+ }
1513
+ .py-12 {
1514
+ padding-block: calc(var(--spacing) * 12);
1515
+ }
1516
+ .pt-0\.5 {
1517
+ padding-top: calc(var(--spacing) * 0.5);
1518
+ }
1519
+ .pt-1 {
1520
+ padding-top: var(--spacing);
1521
+ }
1522
+ .pt-1\.5 {
1523
+ padding-top: calc(var(--spacing) * 1.5);
1524
+ }
1525
+ .pt-2 {
1526
+ padding-top: calc(var(--spacing) * 2);
1527
+ }
1528
+ .pt-2\.5 {
1529
+ padding-top: calc(var(--spacing) * 2.5);
1530
+ }
1531
+ .pr-0\.5 {
1532
+ padding-right: calc(var(--spacing) * 0.5);
1533
+ }
1534
+ .pr-2 {
1535
+ padding-right: calc(var(--spacing) * 2);
1536
+ }
1537
+ .pr-2\.5 {
1538
+ padding-right: calc(var(--spacing) * 2.5);
1539
+ }
1540
+ .pr-3 {
1541
+ padding-right: calc(var(--spacing) * 3);
1542
+ }
1543
+ .pr-7 {
1544
+ padding-right: calc(var(--spacing) * 7);
1545
+ }
1546
+ .pr-9 {
1547
+ padding-right: calc(var(--spacing) * 9);
1548
+ }
1549
+ .pb-0 {
1550
+ padding-bottom: 0;
1551
+ }
1552
+ .pb-0\.5 {
1553
+ padding-bottom: calc(var(--spacing) * 0.5);
1554
+ }
1555
+ .pb-1 {
1556
+ padding-bottom: var(--spacing);
1557
+ }
1558
+ .pb-1\.5 {
1559
+ padding-bottom: calc(var(--spacing) * 1.5);
1560
+ }
1561
+ .pb-2 {
1562
+ padding-bottom: calc(var(--spacing) * 2);
1563
+ }
1564
+ .pb-2\.5 {
1565
+ padding-bottom: calc(var(--spacing) * 2.5);
1566
+ }
1567
+ .pl-1 {
1568
+ padding-left: var(--spacing);
1569
+ }
1570
+ .pl-2 {
1571
+ padding-left: calc(var(--spacing) * 2);
1572
+ }
1573
+ .pl-3 {
1574
+ padding-left: calc(var(--spacing) * 3);
1575
+ }
1576
+ .pl-5 {
1577
+ padding-left: calc(var(--spacing) * 5);
1578
+ }
1579
+ .pl-6 {
1580
+ padding-left: calc(var(--spacing) * 6);
1581
+ }
1582
+ .pl-7 {
1583
+ padding-left: calc(var(--spacing) * 7);
1584
+ }
1585
+ .pl-8 {
1586
+ padding-left: calc(var(--spacing) * 8);
1587
+ }
1588
+ .text-center {
1589
+ text-align: center;
1590
+ }
1591
+ .text-left {
1592
+ text-align: left;
1593
+ }
1594
+ .text-right {
1595
+ text-align: right;
1596
+ }
1597
+ .align-middle {
1598
+ vertical-align: middle;
1599
+ }
1600
+ .font-mono {
1601
+ font-family: var(--font-mono);
1602
+ }
1603
+ .font-sans {
1604
+ font-family: var(--font-sans);
1605
+ }
1606
+ .text-base {
1607
+ font-size: var(--text-base);
1608
+ line-height: var(--tw-leading, var(--text-base--line-height));
1609
+ }
1610
+ .text-sm {
1611
+ font-size: var(--text-sm);
1612
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1613
+ }
1614
+ .text-xs {
1615
+ font-size: var(--text-xs);
1616
+ line-height: var(--tw-leading, var(--text-xs--line-height));
1617
+ }
1618
+ .text-\[9px\] {
1619
+ font-size: 9px;
1620
+ }
1621
+ .text-\[10\.5px\] {
1622
+ font-size: 10.5px;
1623
+ }
1624
+ .text-\[10px\] {
1625
+ font-size: 10px;
1626
+ }
1627
+ .text-\[11px\] {
1628
+ font-size: 11px;
1629
+ }
1630
+ .leading-normal {
1631
+ --tw-leading: var(--leading-normal);
1632
+ line-height: var(--leading-normal);
1633
+ }
1634
+ .leading-relaxed {
1635
+ --tw-leading: var(--leading-relaxed);
1636
+ line-height: var(--leading-relaxed);
1637
+ }
1638
+ .leading-tight {
1639
+ --tw-leading: var(--leading-tight);
1640
+ line-height: var(--leading-tight);
1641
+ }
1642
+ .font-bold {
1643
+ --tw-font-weight: var(--font-weight-bold);
1644
+ font-weight: var(--font-weight-bold);
1645
+ }
1646
+ .font-medium {
1647
+ --tw-font-weight: var(--font-weight-medium);
1648
+ font-weight: var(--font-weight-medium);
1649
+ }
1650
+ .font-normal {
1651
+ --tw-font-weight: var(--font-weight-normal);
1652
+ font-weight: var(--font-weight-normal);
1653
+ }
1654
+ .font-semibold {
1655
+ --tw-font-weight: var(--font-weight-semibold);
1656
+ font-weight: var(--font-weight-semibold);
1657
+ }
1658
+ .tracking-wider {
1659
+ --tw-tracking: var(--tracking-wider);
1660
+ letter-spacing: var(--tracking-wider);
1661
+ }
1662
+ .break-words {
1663
+ overflow-wrap: break-word;
1664
+ }
1665
+ .text-ellipsis {
1666
+ text-overflow: ellipsis;
1667
+ }
1668
+ .whitespace-nowrap {
1669
+ white-space: nowrap;
1670
+ }
1671
+ .whitespace-pre-wrap {
1672
+ white-space: pre-wrap;
1673
+ }
1674
+ .text-amber-500 {
1675
+ color: var(--color-amber-500);
1676
+ }
1677
+ .text-amber-600 {
1678
+ color: var(--color-amber-600);
1679
+ }
1680
+ .text-amber-700 {
1681
+ color: var(--color-amber-700);
1682
+ }
1683
+ .text-amber-800 {
1684
+ color: var(--color-amber-800);
1685
+ }
1686
+ .text-amber-900 {
1687
+ color: var(--color-amber-900);
1688
+ }
1689
+ .text-blue-500 {
1690
+ color: var(--color-blue-500);
1691
+ }
1692
+ .text-blue-600 {
1693
+ color: var(--color-blue-600);
1694
+ }
1695
+ .text-blue-700 {
1696
+ color: var(--color-blue-700);
1697
+ }
1698
+ .text-blue-800 {
1699
+ color: var(--color-blue-800);
1700
+ }
1701
+ .text-blue-900 {
1702
+ color: var(--color-blue-900);
1703
+ }
1704
+ .text-cyan-700 {
1705
+ color: var(--color-cyan-700);
1706
+ }
1707
+ .text-emerald-400\/60 {
1708
+ color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 60%, transparent);
1709
+ @supports (color: color-mix(in lab, red, red)) {
1710
+ color: color-mix(in oklab, var(--color-emerald-400) 60%, transparent);
1711
+ }
1712
+ }
1713
+ .text-emerald-500 {
1714
+ color: var(--color-emerald-500);
1715
+ }
1716
+ .text-emerald-600 {
1717
+ color: var(--color-emerald-600);
1718
+ }
1719
+ .text-emerald-700 {
1720
+ color: var(--color-emerald-700);
1721
+ }
1722
+ .text-emerald-800 {
1723
+ color: var(--color-emerald-800);
1724
+ }
1725
+ .text-emerald-900 {
1726
+ color: var(--color-emerald-900);
1727
+ }
1728
+ .text-emerald-950 {
1729
+ color: var(--color-emerald-950);
1730
+ }
1731
+ .text-fuchsia-700 {
1732
+ color: var(--color-fuchsia-700);
1733
+ }
1734
+ .text-green-700 {
1735
+ color: var(--color-green-700);
1736
+ }
1737
+ .text-indigo-600 {
1738
+ color: var(--color-indigo-600);
1739
+ }
1740
+ .text-indigo-700 {
1741
+ color: var(--color-indigo-700);
1742
+ }
1743
+ .text-lime-700 {
1744
+ color: var(--color-lime-700);
1745
+ }
1746
+ .text-orange-700 {
1747
+ color: var(--color-orange-700);
1748
+ }
1749
+ .text-pink-700 {
1750
+ color: var(--color-pink-700);
1751
+ }
1752
+ .text-purple-700 {
1753
+ color: var(--color-purple-700);
1754
+ }
1755
+ .text-red-700 {
1756
+ color: var(--color-red-700);
1757
+ }
1758
+ .text-rose-500 {
1759
+ color: var(--color-rose-500);
1760
+ }
1761
+ .text-rose-600 {
1762
+ color: var(--color-rose-600);
1763
+ }
1764
+ .text-rose-700 {
1765
+ color: var(--color-rose-700);
1766
+ }
1767
+ .text-rose-800 {
1768
+ color: var(--color-rose-800);
1769
+ }
1770
+ .text-rose-900 {
1771
+ color: var(--color-rose-900);
1772
+ }
1773
+ .text-sky-600 {
1774
+ color: var(--color-sky-600);
1775
+ }
1776
+ .text-sky-700 {
1777
+ color: var(--color-sky-700);
1778
+ }
1779
+ .text-sky-900 {
1780
+ color: var(--color-sky-900);
1781
+ }
1782
+ .text-slate-300 {
1783
+ color: var(--color-slate-300);
1784
+ }
1785
+ .text-slate-400 {
1786
+ color: var(--color-slate-400);
1787
+ }
1788
+ .text-slate-500 {
1789
+ color: var(--color-slate-500);
1790
+ }
1791
+ .text-slate-600 {
1792
+ color: var(--color-slate-600);
1793
+ }
1794
+ .text-slate-700 {
1795
+ color: var(--color-slate-700);
1796
+ }
1797
+ .text-slate-800 {
1798
+ color: var(--color-slate-800);
1799
+ }
1800
+ .text-slate-900 {
1801
+ color: var(--color-slate-900);
1802
+ }
1803
+ .text-teal-700 {
1804
+ color: var(--color-teal-700);
1805
+ }
1806
+ .text-violet-600 {
1807
+ color: var(--color-violet-600);
1808
+ }
1809
+ .text-violet-700 {
1810
+ color: var(--color-violet-700);
1811
+ }
1812
+ .text-white {
1813
+ color: var(--color-white);
1814
+ }
1815
+ .text-white\/70 {
1816
+ color: color-mix(in srgb, #fff 70%, transparent);
1817
+ @supports (color: color-mix(in lab, red, red)) {
1818
+ color: color-mix(in oklab, var(--color-white) 70%, transparent);
1819
+ }
1820
+ }
1821
+ .text-yellow-700 {
1822
+ color: var(--color-yellow-700);
1823
+ }
1824
+ .uppercase {
1825
+ text-transform: uppercase;
1826
+ }
1827
+ .italic {
1828
+ font-style: italic;
1829
+ }
1830
+ .underline {
1831
+ text-decoration-line: underline;
1832
+ }
1833
+ .placeholder-slate-400 {
1834
+ &::placeholder {
1835
+ color: var(--color-slate-400);
1836
+ }
1837
+ }
1838
+ .accent-\[\#0d9488\] {
1839
+ accent-color: #0d9488;
1840
+ }
1841
+ .opacity-0 {
1842
+ opacity: 0%;
1843
+ }
1844
+ .opacity-25 {
1845
+ opacity: 25%;
1846
+ }
1847
+ .opacity-40 {
1848
+ opacity: 40%;
1849
+ }
1850
+ .opacity-50 {
1851
+ opacity: 50%;
1852
+ }
1853
+ .opacity-60 {
1854
+ opacity: 60%;
1855
+ }
1856
+ .opacity-70 {
1857
+ opacity: 70%;
1858
+ }
1859
+ .opacity-75 {
1860
+ opacity: 75%;
1861
+ }
1862
+ .opacity-100 {
1863
+ opacity: 100%;
1864
+ }
1865
+ .shadow {
1866
+ --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));
1867
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1868
+ }
1869
+ .shadow-2xl {
1870
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1871
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1872
+ }
1873
+ .shadow-2xs {
1874
+ --tw-shadow: 0 1px var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1875
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1876
+ }
1877
+ .shadow-\[0_-2px_4px_rgba\(0\,0\,0\,0\.02\)\] {
1878
+ --tw-shadow: 0 -2px 4px var(--tw-shadow-color, rgba(0,0,0,0.02));
1879
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1880
+ }
1881
+ .shadow-md {
1882
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1883
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1884
+ }
1885
+ .shadow-none {
1886
+ --tw-shadow: 0 0 #0000;
1887
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1888
+ }
1889
+ .shadow-sm {
1890
+ --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));
1891
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1892
+ }
1893
+ .shadow-xl {
1894
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1895
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1896
+ }
1897
+ .shadow-xs {
1898
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1899
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1900
+ }
1901
+ .ring-1 {
1902
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1903
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1904
+ }
1905
+ .shadow-teal-500\/20 {
1906
+ --tw-shadow-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
1907
+ @supports (color: color-mix(in lab, red, red)) {
1908
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
1909
+ }
1910
+ }
1911
+ .ring-emerald-500\/20 {
1912
+ --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
1913
+ @supports (color: color-mix(in lab, red, red)) {
1914
+ --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
1915
+ }
1916
+ }
1917
+ .ring-rose-400 {
1918
+ --tw-ring-color: var(--color-rose-400);
1919
+ }
1920
+ .outline-hidden {
1921
+ --tw-outline-style: none;
1922
+ outline-style: none;
1923
+ @media (forced-colors: active) {
1924
+ outline: 2px solid transparent;
1925
+ outline-offset: 2px;
1926
+ }
1927
+ }
1928
+ .blur {
1929
+ --tw-blur: blur(8px);
1930
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1931
+ }
1932
+ .grayscale {
1933
+ --tw-grayscale: grayscale(100%);
1934
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1935
+ }
1936
+ .filter {
1937
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1938
+ }
1939
+ .backdrop-blur-md {
1940
+ --tw-backdrop-blur: blur(var(--blur-md));
1941
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1942
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1943
+ }
1944
+ .backdrop-blur-sm {
1945
+ --tw-backdrop-blur: blur(var(--blur-sm));
1946
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1947
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1948
+ }
1949
+ .backdrop-blur-xs {
1950
+ --tw-backdrop-blur: blur(var(--blur-xs));
1951
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1952
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1953
+ }
1954
+ .transition {
1955
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1956
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1957
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1958
+ }
1959
+ .transition-all {
1960
+ transition-property: all;
1961
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1962
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1963
+ }
1964
+ .transition-colors {
1965
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1966
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1967
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1968
+ }
1969
+ .transition-opacity {
1970
+ transition-property: opacity;
1971
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1972
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1973
+ }
1974
+ .transition-transform {
1975
+ transition-property: transform, translate, scale, rotate;
1976
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1977
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1978
+ }
1979
+ .duration-100 {
1980
+ --tw-duration: 100ms;
1981
+ transition-duration: 100ms;
1982
+ }
1983
+ .duration-150 {
1984
+ --tw-duration: 150ms;
1985
+ transition-duration: 150ms;
1986
+ }
1987
+ .duration-200 {
1988
+ --tw-duration: 200ms;
1989
+ transition-duration: 200ms;
1990
+ }
1991
+ .duration-300 {
1992
+ --tw-duration: 300ms;
1993
+ transition-duration: 300ms;
1994
+ }
1995
+ .ease-out {
1996
+ --tw-ease: var(--ease-out);
1997
+ transition-timing-function: var(--ease-out);
1998
+ }
1999
+ .select-all {
2000
+ -webkit-user-select: all;
2001
+ user-select: all;
2002
+ }
2003
+ .select-none {
2004
+ -webkit-user-select: none;
2005
+ user-select: none;
2006
+ }
2007
+ .select-text {
2008
+ -webkit-user-select: text;
2009
+ user-select: text;
2010
+ }
2011
+ .group-hover\:bg-amber-100 {
2012
+ &:is(:where(.group):hover *) {
2013
+ @media (hover: hover) {
2014
+ background-color: var(--color-amber-100);
2015
+ }
2016
+ }
2017
+ }
2018
+ .group-hover\:bg-emerald-100 {
2019
+ &:is(:where(.group):hover *) {
2020
+ @media (hover: hover) {
2021
+ background-color: var(--color-emerald-100);
2022
+ }
2023
+ }
2024
+ }
2025
+ .group-hover\:bg-sky-100 {
2026
+ &:is(:where(.group):hover *) {
2027
+ @media (hover: hover) {
2028
+ background-color: var(--color-sky-100);
2029
+ }
2030
+ }
2031
+ }
2032
+ .group-hover\:bg-transparent {
2033
+ &:is(:where(.group):hover *) {
2034
+ @media (hover: hover) {
2035
+ background-color: transparent;
2036
+ }
2037
+ }
2038
+ }
2039
+ .group-hover\:bg-violet-100 {
2040
+ &:is(:where(.group):hover *) {
2041
+ @media (hover: hover) {
2042
+ background-color: var(--color-violet-100);
2043
+ }
2044
+ }
2045
+ }
2046
+ .group-hover\:opacity-100 {
2047
+ &:is(:where(.group):hover *) {
2048
+ @media (hover: hover) {
2049
+ opacity: 100%;
2050
+ }
2051
+ }
2052
+ }
2053
+ .group-hover\/tag\:opacity-100 {
2054
+ &:is(:where(.group\/tag):hover *) {
2055
+ @media (hover: hover) {
2056
+ opacity: 100%;
2057
+ }
2058
+ }
2059
+ }
2060
+ .selection\:bg-blue-100 {
2061
+ & *::selection {
2062
+ background-color: var(--color-blue-100);
2063
+ }
2064
+ &::selection {
2065
+ background-color: var(--color-blue-100);
2066
+ }
2067
+ }
2068
+ .selection\:text-blue-900 {
2069
+ & *::selection {
2070
+ color: var(--color-blue-900);
2071
+ }
2072
+ &::selection {
2073
+ color: var(--color-blue-900);
2074
+ }
2075
+ }
2076
+ .placeholder\:text-slate-400 {
2077
+ &::placeholder {
2078
+ color: var(--color-slate-400);
2079
+ }
2080
+ }
2081
+ .focus-within\:border-emerald-500 {
2082
+ &:focus-within {
2083
+ border-color: var(--color-emerald-500);
2084
+ }
2085
+ }
2086
+ .focus-within\:ring-1 {
2087
+ &:focus-within {
2088
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2089
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2090
+ }
2091
+ }
2092
+ .focus-within\:ring-emerald-500 {
2093
+ &:focus-within {
2094
+ --tw-ring-color: var(--color-emerald-500);
2095
+ }
2096
+ }
2097
+ .hover\:scale-105 {
2098
+ &:hover {
2099
+ @media (hover: hover) {
2100
+ --tw-scale-x: 105%;
2101
+ --tw-scale-y: 105%;
2102
+ --tw-scale-z: 105%;
2103
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2104
+ }
2105
+ }
2106
+ }
2107
+ .hover\:border-amber-400 {
2108
+ &:hover {
2109
+ @media (hover: hover) {
2110
+ border-color: var(--color-amber-400);
2111
+ }
2112
+ }
2113
+ }
2114
+ .hover\:border-emerald-400 {
2115
+ &:hover {
2116
+ @media (hover: hover) {
2117
+ border-color: var(--color-emerald-400);
2118
+ }
2119
+ }
2120
+ }
2121
+ .hover\:border-emerald-500 {
2122
+ &:hover {
2123
+ @media (hover: hover) {
2124
+ border-color: var(--color-emerald-500);
2125
+ }
2126
+ }
2127
+ }
2128
+ .hover\:border-rose-400 {
2129
+ &:hover {
2130
+ @media (hover: hover) {
2131
+ border-color: var(--color-rose-400);
2132
+ }
2133
+ }
2134
+ }
2135
+ .hover\:border-slate-300 {
2136
+ &:hover {
2137
+ @media (hover: hover) {
2138
+ border-color: var(--color-slate-300);
2139
+ }
2140
+ }
2141
+ }
2142
+ .hover\:bg-amber-100 {
2143
+ &:hover {
2144
+ @media (hover: hover) {
2145
+ background-color: var(--color-amber-100);
2146
+ }
2147
+ }
2148
+ }
2149
+ .hover\:bg-amber-100\/80 {
2150
+ &:hover {
2151
+ @media (hover: hover) {
2152
+ background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 80%, transparent);
2153
+ @supports (color: color-mix(in lab, red, red)) {
2154
+ background-color: color-mix(in oklab, var(--color-amber-100) 80%, transparent);
2155
+ }
2156
+ }
2157
+ }
2158
+ }
2159
+ .hover\:bg-black\/10 {
2160
+ &:hover {
2161
+ @media (hover: hover) {
2162
+ background-color: color-mix(in srgb, #000 10%, transparent);
2163
+ @supports (color: color-mix(in lab, red, red)) {
2164
+ background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
2165
+ }
2166
+ }
2167
+ }
2168
+ }
2169
+ .hover\:bg-blue-50 {
2170
+ &:hover {
2171
+ @media (hover: hover) {
2172
+ background-color: var(--color-blue-50);
2173
+ }
2174
+ }
2175
+ }
2176
+ .hover\:bg-blue-50\/30 {
2177
+ &:hover {
2178
+ @media (hover: hover) {
2179
+ background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 30%, transparent);
2180
+ @supports (color: color-mix(in lab, red, red)) {
2181
+ background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent);
2182
+ }
2183
+ }
2184
+ }
2185
+ }
2186
+ .hover\:bg-blue-100 {
2187
+ &:hover {
2188
+ @media (hover: hover) {
2189
+ background-color: var(--color-blue-100);
2190
+ }
2191
+ }
2192
+ }
2193
+ .hover\:bg-blue-200 {
2194
+ &:hover {
2195
+ @media (hover: hover) {
2196
+ background-color: var(--color-blue-200);
2197
+ }
2198
+ }
2199
+ }
2200
+ .hover\:bg-blue-700 {
2201
+ &:hover {
2202
+ @media (hover: hover) {
2203
+ background-color: var(--color-blue-700);
2204
+ }
2205
+ }
2206
+ }
2207
+ .hover\:bg-emerald-50 {
2208
+ &:hover {
2209
+ @media (hover: hover) {
2210
+ background-color: var(--color-emerald-50);
2211
+ }
2212
+ }
2213
+ }
2214
+ .hover\:bg-emerald-50\/30 {
2215
+ &:hover {
2216
+ @media (hover: hover) {
2217
+ background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 30%, transparent);
2218
+ @supports (color: color-mix(in lab, red, red)) {
2219
+ background-color: color-mix(in oklab, var(--color-emerald-50) 30%, transparent);
2220
+ }
2221
+ }
2222
+ }
2223
+ }
2224
+ .hover\:bg-emerald-50\/80 {
2225
+ &:hover {
2226
+ @media (hover: hover) {
2227
+ background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 80%, transparent);
2228
+ @supports (color: color-mix(in lab, red, red)) {
2229
+ background-color: color-mix(in oklab, var(--color-emerald-50) 80%, transparent);
2230
+ }
2231
+ }
2232
+ }
2233
+ }
2234
+ .hover\:bg-emerald-100 {
2235
+ &:hover {
2236
+ @media (hover: hover) {
2237
+ background-color: var(--color-emerald-100);
2238
+ }
2239
+ }
2240
+ }
2241
+ .hover\:bg-emerald-700 {
2242
+ &:hover {
2243
+ @media (hover: hover) {
2244
+ background-color: var(--color-emerald-700);
2245
+ }
2246
+ }
2247
+ }
2248
+ .hover\:bg-indigo-100 {
2249
+ &:hover {
2250
+ @media (hover: hover) {
2251
+ background-color: var(--color-indigo-100);
2252
+ }
2253
+ }
2254
+ }
2255
+ .hover\:bg-rose-50 {
2256
+ &:hover {
2257
+ @media (hover: hover) {
2258
+ background-color: var(--color-rose-50);
2259
+ }
2260
+ }
2261
+ }
2262
+ .hover\:bg-rose-100 {
2263
+ &:hover {
2264
+ @media (hover: hover) {
2265
+ background-color: var(--color-rose-100);
2266
+ }
2267
+ }
2268
+ }
2269
+ .hover\:bg-slate-50 {
2270
+ &:hover {
2271
+ @media (hover: hover) {
2272
+ background-color: var(--color-slate-50);
2273
+ }
2274
+ }
2275
+ }
2276
+ .hover\:bg-slate-50\/80 {
2277
+ &:hover {
2278
+ @media (hover: hover) {
2279
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
2280
+ @supports (color: color-mix(in lab, red, red)) {
2281
+ background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
2282
+ }
2283
+ }
2284
+ }
2285
+ }
2286
+ .hover\:bg-slate-100 {
2287
+ &:hover {
2288
+ @media (hover: hover) {
2289
+ background-color: var(--color-slate-100);
2290
+ }
2291
+ }
2292
+ }
2293
+ .hover\:bg-slate-100\/70 {
2294
+ &:hover {
2295
+ @media (hover: hover) {
2296
+ background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 70%, transparent);
2297
+ @supports (color: color-mix(in lab, red, red)) {
2298
+ background-color: color-mix(in oklab, var(--color-slate-100) 70%, transparent);
2299
+ }
2300
+ }
2301
+ }
2302
+ }
2303
+ .hover\:bg-slate-200 {
2304
+ &:hover {
2305
+ @media (hover: hover) {
2306
+ background-color: var(--color-slate-200);
2307
+ }
2308
+ }
2309
+ }
2310
+ .hover\:bg-slate-200\/50 {
2311
+ &:hover {
2312
+ @media (hover: hover) {
2313
+ background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent);
2314
+ @supports (color: color-mix(in lab, red, red)) {
2315
+ background-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent);
2316
+ }
2317
+ }
2318
+ }
2319
+ }
2320
+ .hover\:bg-slate-200\/60 {
2321
+ &:hover {
2322
+ @media (hover: hover) {
2323
+ background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);
2324
+ @supports (color: color-mix(in lab, red, red)) {
2325
+ background-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);
2326
+ }
2327
+ }
2328
+ }
2329
+ }
2330
+ .hover\:bg-slate-200\/70 {
2331
+ &:hover {
2332
+ @media (hover: hover) {
2333
+ background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 70%, transparent);
2334
+ @supports (color: color-mix(in lab, red, red)) {
2335
+ background-color: color-mix(in oklab, var(--color-slate-200) 70%, transparent);
2336
+ }
2337
+ }
2338
+ }
2339
+ }
2340
+ .hover\:bg-slate-600 {
2341
+ &:hover {
2342
+ @media (hover: hover) {
2343
+ background-color: var(--color-slate-600);
2344
+ }
2345
+ }
2346
+ }
2347
+ .hover\:text-amber-400 {
2348
+ &:hover {
2349
+ @media (hover: hover) {
2350
+ color: var(--color-amber-400);
2351
+ }
2352
+ }
2353
+ }
2354
+ .hover\:text-amber-600 {
2355
+ &:hover {
2356
+ @media (hover: hover) {
2357
+ color: var(--color-amber-600);
2358
+ }
2359
+ }
2360
+ }
2361
+ .hover\:text-amber-900 {
2362
+ &:hover {
2363
+ @media (hover: hover) {
2364
+ color: var(--color-amber-900);
2365
+ }
2366
+ }
2367
+ }
2368
+ .hover\:text-blue-600 {
2369
+ &:hover {
2370
+ @media (hover: hover) {
2371
+ color: var(--color-blue-600);
2372
+ }
2373
+ }
2374
+ }
2375
+ .hover\:text-blue-700 {
2376
+ &:hover {
2377
+ @media (hover: hover) {
2378
+ color: var(--color-blue-700);
2379
+ }
2380
+ }
2381
+ }
2382
+ .hover\:text-emerald-700 {
2383
+ &:hover {
2384
+ @media (hover: hover) {
2385
+ color: var(--color-emerald-700);
2386
+ }
2387
+ }
2388
+ }
2389
+ .hover\:text-rose-500 {
2390
+ &:hover {
2391
+ @media (hover: hover) {
2392
+ color: var(--color-rose-500);
2393
+ }
2394
+ }
2395
+ }
2396
+ .hover\:text-rose-600 {
2397
+ &:hover {
2398
+ @media (hover: hover) {
2399
+ color: var(--color-rose-600);
2400
+ }
2401
+ }
2402
+ }
2403
+ .hover\:text-rose-700 {
2404
+ &:hover {
2405
+ @media (hover: hover) {
2406
+ color: var(--color-rose-700);
2407
+ }
2408
+ }
2409
+ }
2410
+ .hover\:text-slate-600 {
2411
+ &:hover {
2412
+ @media (hover: hover) {
2413
+ color: var(--color-slate-600);
2414
+ }
2415
+ }
2416
+ }
2417
+ .hover\:text-slate-700 {
2418
+ &:hover {
2419
+ @media (hover: hover) {
2420
+ color: var(--color-slate-700);
2421
+ }
2422
+ }
2423
+ }
2424
+ .hover\:text-slate-800 {
2425
+ &:hover {
2426
+ @media (hover: hover) {
2427
+ color: var(--color-slate-800);
2428
+ }
2429
+ }
2430
+ }
2431
+ .hover\:text-slate-900 {
2432
+ &:hover {
2433
+ @media (hover: hover) {
2434
+ color: var(--color-slate-900);
2435
+ }
2436
+ }
2437
+ }
2438
+ .hover\:underline {
2439
+ &:hover {
2440
+ @media (hover: hover) {
2441
+ text-decoration-line: underline;
2442
+ }
2443
+ }
2444
+ }
2445
+ .hover\:opacity-80 {
2446
+ &:hover {
2447
+ @media (hover: hover) {
2448
+ opacity: 80%;
2449
+ }
2450
+ }
2451
+ }
2452
+ .hover\:opacity-100 {
2453
+ &:hover {
2454
+ @media (hover: hover) {
2455
+ opacity: 100%;
2456
+ }
2457
+ }
2458
+ }
2459
+ .focus\:border-amber-500 {
2460
+ &:focus {
2461
+ border-color: var(--color-amber-500);
2462
+ }
2463
+ }
2464
+ .focus\:border-blue-500 {
2465
+ &:focus {
2466
+ border-color: var(--color-blue-500);
2467
+ }
2468
+ }
2469
+ .focus\:border-emerald-500 {
2470
+ &:focus {
2471
+ border-color: var(--color-emerald-500);
2472
+ }
2473
+ }
2474
+ .focus\:border-rose-500 {
2475
+ &:focus {
2476
+ border-color: var(--color-rose-500);
2477
+ }
2478
+ }
2479
+ .focus\:bg-white {
2480
+ &:focus {
2481
+ background-color: var(--color-white);
2482
+ }
2483
+ }
2484
+ .focus\:opacity-100 {
2485
+ &:focus {
2486
+ opacity: 100%;
2487
+ }
2488
+ }
2489
+ .focus\:ring-1 {
2490
+ &:focus {
2491
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2492
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2493
+ }
2494
+ }
2495
+ .focus\:ring-2 {
2496
+ &:focus {
2497
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2498
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2499
+ }
2500
+ }
2501
+ .focus\:ring-amber-500 {
2502
+ &:focus {
2503
+ --tw-ring-color: var(--color-amber-500);
2504
+ }
2505
+ }
2506
+ .focus\:ring-amber-500\/20 {
2507
+ &:focus {
2508
+ --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
2509
+ @supports (color: color-mix(in lab, red, red)) {
2510
+ --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
2511
+ }
2512
+ }
2513
+ }
2514
+ .focus\:ring-blue-400 {
2515
+ &:focus {
2516
+ --tw-ring-color: var(--color-blue-400);
2517
+ }
2518
+ }
2519
+ .focus\:ring-blue-500 {
2520
+ &:focus {
2521
+ --tw-ring-color: var(--color-blue-500);
2522
+ }
2523
+ }
2524
+ .focus\:ring-blue-500\/20 {
2525
+ &:focus {
2526
+ --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
2527
+ @supports (color: color-mix(in lab, red, red)) {
2528
+ --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
2529
+ }
2530
+ }
2531
+ }
2532
+ .focus\:ring-emerald-500 {
2533
+ &:focus {
2534
+ --tw-ring-color: var(--color-emerald-500);
2535
+ }
2536
+ }
2537
+ .focus\:ring-emerald-500\/20 {
2538
+ &:focus {
2539
+ --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
2540
+ @supports (color: color-mix(in lab, red, red)) {
2541
+ --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
2542
+ }
2543
+ }
2544
+ }
2545
+ .focus\:outline-hidden {
2546
+ &:focus {
2547
+ --tw-outline-style: none;
2548
+ outline-style: none;
2549
+ @media (forced-colors: active) {
2550
+ outline: 2px solid transparent;
2551
+ outline-offset: 2px;
2552
+ }
2553
+ }
2554
+ }
2555
+ .focus\:outline-none {
2556
+ &:focus {
2557
+ --tw-outline-style: none;
2558
+ outline-style: none;
2559
+ }
2560
+ }
2561
+ .active\:scale-\[0\.98\] {
2562
+ &:active {
2563
+ scale: 0.98;
2564
+ }
2565
+ }
2566
+ .active\:cursor-grabbing {
2567
+ &:active {
2568
+ cursor: grabbing;
2569
+ }
2570
+ }
2571
+ .active\:bg-\[\#00897b\] {
2572
+ &:active {
2573
+ background-color: #00897b;
2574
+ }
2575
+ }
2576
+ .active\:bg-amber-200\/80 {
2577
+ &:active {
2578
+ background-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 80%, transparent);
2579
+ @supports (color: color-mix(in lab, red, red)) {
2580
+ background-color: color-mix(in oklab, var(--color-amber-200) 80%, transparent);
2581
+ }
2582
+ }
2583
+ }
2584
+ .active\:bg-emerald-800 {
2585
+ &:active {
2586
+ background-color: var(--color-emerald-800);
2587
+ }
2588
+ }
2589
+ .active\:bg-slate-200 {
2590
+ &:active {
2591
+ background-color: var(--color-slate-200);
2592
+ }
2593
+ }
2594
+ .active\:bg-slate-300\/80 {
2595
+ &:active {
2596
+ background-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 80%, transparent);
2597
+ @supports (color: color-mix(in lab, red, red)) {
2598
+ background-color: color-mix(in oklab, var(--color-slate-300) 80%, transparent);
2599
+ }
2600
+ }
2601
+ }
2602
+ .disabled\:pointer-events-none {
2603
+ &:disabled {
2604
+ pointer-events: none;
2605
+ }
2606
+ }
2607
+ .disabled\:cursor-not-allowed {
2608
+ &:disabled {
2609
+ cursor: not-allowed;
2610
+ }
2611
+ }
2612
+ .disabled\:opacity-40 {
2613
+ &:disabled {
2614
+ opacity: 40%;
2615
+ }
2616
+ }
2617
+ .disabled\:opacity-50 {
2618
+ &:disabled {
2619
+ opacity: 50%;
2620
+ }
2621
+ }
2622
+ .disabled\:opacity-60 {
2623
+ &:disabled {
2624
+ opacity: 60%;
2625
+ }
2626
+ }
2627
+ .sm\:block {
2628
+ @media (width >= 40rem) {
2629
+ display: block;
2630
+ }
2631
+ }
2632
+ .sm\:inline {
2633
+ @media (width >= 40rem) {
2634
+ display: inline;
2635
+ }
2636
+ }
2637
+ .sm\:w-64 {
2638
+ @media (width >= 40rem) {
2639
+ width: calc(var(--spacing) * 64);
2640
+ }
2641
+ }
2642
+ .sm\:max-w-xl {
2643
+ @media (width >= 40rem) {
2644
+ max-width: var(--container-xl);
2645
+ }
2646
+ }
2647
+ .sm\:grid-cols-2 {
2648
+ @media (width >= 40rem) {
2649
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2650
+ }
2651
+ }
2652
+ .sm\:flex-row {
2653
+ @media (width >= 40rem) {
2654
+ flex-direction: row;
2655
+ }
2656
+ }
2657
+ .sm\:p-4 {
2658
+ @media (width >= 40rem) {
2659
+ padding: calc(var(--spacing) * 4);
2660
+ }
2661
+ }
2662
+ .sm\:text-base {
2663
+ @media (width >= 40rem) {
2664
+ font-size: var(--text-base);
2665
+ line-height: var(--tw-leading, var(--text-base--line-height));
2666
+ }
2667
+ }
2668
+ .lg\:col-span-3 {
2669
+ @media (width >= 64rem) {
2670
+ grid-column: span 3 / span 3;
2671
+ }
2672
+ }
2673
+ .lg\:col-span-4 {
2674
+ @media (width >= 64rem) {
2675
+ grid-column: span 4 / span 4;
2676
+ }
2677
+ }
2678
+ .lg\:col-span-5 {
2679
+ @media (width >= 64rem) {
2680
+ grid-column: span 5 / span 5;
2681
+ }
2682
+ }
2683
+ .lg\:grid-cols-1 {
2684
+ @media (width >= 64rem) {
2685
+ grid-template-columns: repeat(1, minmax(0, 1fr));
2686
+ }
2687
+ }
2688
+ .lg\:grid-cols-12 {
2689
+ @media (width >= 64rem) {
2690
+ grid-template-columns: repeat(12, minmax(0, 1fr));
2691
+ }
2692
+ }
2693
+ }
2694
+ @property --tw-translate-x {
2695
+ syntax: "*";
2696
+ inherits: false;
2697
+ initial-value: 0;
2698
+ }
2699
+ @property --tw-translate-y {
2700
+ syntax: "*";
2701
+ inherits: false;
2702
+ initial-value: 0;
2703
+ }
2704
+ @property --tw-translate-z {
2705
+ syntax: "*";
2706
+ inherits: false;
2707
+ initial-value: 0;
2708
+ }
2709
+ @property --tw-scale-x {
2710
+ syntax: "*";
2711
+ inherits: false;
2712
+ initial-value: 1;
2713
+ }
2714
+ @property --tw-scale-y {
2715
+ syntax: "*";
2716
+ inherits: false;
2717
+ initial-value: 1;
2718
+ }
2719
+ @property --tw-scale-z {
2720
+ syntax: "*";
2721
+ inherits: false;
2722
+ initial-value: 1;
2723
+ }
2724
+ @property --tw-rotate-x {
2725
+ syntax: "*";
2726
+ inherits: false;
2727
+ }
2728
+ @property --tw-rotate-y {
2729
+ syntax: "*";
2730
+ inherits: false;
2731
+ }
2732
+ @property --tw-rotate-z {
2733
+ syntax: "*";
2734
+ inherits: false;
2735
+ }
2736
+ @property --tw-skew-x {
2737
+ syntax: "*";
2738
+ inherits: false;
2739
+ }
2740
+ @property --tw-skew-y {
2741
+ syntax: "*";
2742
+ inherits: false;
2743
+ }
2744
+ @property --tw-space-y-reverse {
2745
+ syntax: "*";
2746
+ inherits: false;
2747
+ initial-value: 0;
2748
+ }
2749
+ @property --tw-divide-y-reverse {
2750
+ syntax: "*";
2751
+ inherits: false;
2752
+ initial-value: 0;
2753
+ }
2754
+ @property --tw-border-style {
2755
+ syntax: "*";
2756
+ inherits: false;
2757
+ initial-value: solid;
2758
+ }
2759
+ @property --tw-leading {
2760
+ syntax: "*";
2761
+ inherits: false;
2762
+ }
2763
+ @property --tw-font-weight {
2764
+ syntax: "*";
2765
+ inherits: false;
2766
+ }
2767
+ @property --tw-tracking {
2768
+ syntax: "*";
2769
+ inherits: false;
2770
+ }
2771
+ @property --tw-shadow {
2772
+ syntax: "*";
2773
+ inherits: false;
2774
+ initial-value: 0 0 #0000;
2775
+ }
2776
+ @property --tw-shadow-color {
2777
+ syntax: "*";
2778
+ inherits: false;
2779
+ }
2780
+ @property --tw-shadow-alpha {
2781
+ syntax: "<percentage>";
2782
+ inherits: false;
2783
+ initial-value: 100%;
2784
+ }
2785
+ @property --tw-inset-shadow {
2786
+ syntax: "*";
2787
+ inherits: false;
2788
+ initial-value: 0 0 #0000;
2789
+ }
2790
+ @property --tw-inset-shadow-color {
2791
+ syntax: "*";
2792
+ inherits: false;
2793
+ }
2794
+ @property --tw-inset-shadow-alpha {
2795
+ syntax: "<percentage>";
2796
+ inherits: false;
2797
+ initial-value: 100%;
2798
+ }
2799
+ @property --tw-ring-color {
2800
+ syntax: "*";
2801
+ inherits: false;
2802
+ }
2803
+ @property --tw-ring-shadow {
2804
+ syntax: "*";
2805
+ inherits: false;
2806
+ initial-value: 0 0 #0000;
2807
+ }
2808
+ @property --tw-inset-ring-color {
2809
+ syntax: "*";
2810
+ inherits: false;
2811
+ }
2812
+ @property --tw-inset-ring-shadow {
2813
+ syntax: "*";
2814
+ inherits: false;
2815
+ initial-value: 0 0 #0000;
2816
+ }
2817
+ @property --tw-ring-inset {
2818
+ syntax: "*";
2819
+ inherits: false;
2820
+ }
2821
+ @property --tw-ring-offset-width {
2822
+ syntax: "<length>";
2823
+ inherits: false;
2824
+ initial-value: 0px;
2825
+ }
2826
+ @property --tw-ring-offset-color {
2827
+ syntax: "*";
2828
+ inherits: false;
2829
+ initial-value: #fff;
2830
+ }
2831
+ @property --tw-ring-offset-shadow {
2832
+ syntax: "*";
2833
+ inherits: false;
2834
+ initial-value: 0 0 #0000;
2835
+ }
2836
+ @property --tw-blur {
2837
+ syntax: "*";
2838
+ inherits: false;
2839
+ }
2840
+ @property --tw-brightness {
2841
+ syntax: "*";
2842
+ inherits: false;
2843
+ }
2844
+ @property --tw-contrast {
2845
+ syntax: "*";
2846
+ inherits: false;
2847
+ }
2848
+ @property --tw-grayscale {
2849
+ syntax: "*";
2850
+ inherits: false;
2851
+ }
2852
+ @property --tw-hue-rotate {
2853
+ syntax: "*";
2854
+ inherits: false;
2855
+ }
2856
+ @property --tw-invert {
2857
+ syntax: "*";
2858
+ inherits: false;
2859
+ }
2860
+ @property --tw-opacity {
2861
+ syntax: "*";
2862
+ inherits: false;
2863
+ }
2864
+ @property --tw-saturate {
2865
+ syntax: "*";
2866
+ inherits: false;
2867
+ }
2868
+ @property --tw-sepia {
2869
+ syntax: "*";
2870
+ inherits: false;
2871
+ }
2872
+ @property --tw-drop-shadow {
2873
+ syntax: "*";
2874
+ inherits: false;
2875
+ }
2876
+ @property --tw-drop-shadow-color {
2877
+ syntax: "*";
2878
+ inherits: false;
2879
+ }
2880
+ @property --tw-drop-shadow-alpha {
2881
+ syntax: "<percentage>";
2882
+ inherits: false;
2883
+ initial-value: 100%;
2884
+ }
2885
+ @property --tw-drop-shadow-size {
2886
+ syntax: "*";
2887
+ inherits: false;
2888
+ }
2889
+ @property --tw-backdrop-blur {
2890
+ syntax: "*";
2891
+ inherits: false;
2892
+ }
2893
+ @property --tw-backdrop-brightness {
2894
+ syntax: "*";
2895
+ inherits: false;
2896
+ }
2897
+ @property --tw-backdrop-contrast {
2898
+ syntax: "*";
2899
+ inherits: false;
2900
+ }
2901
+ @property --tw-backdrop-grayscale {
2902
+ syntax: "*";
2903
+ inherits: false;
2904
+ }
2905
+ @property --tw-backdrop-hue-rotate {
2906
+ syntax: "*";
2907
+ inherits: false;
2908
+ }
2909
+ @property --tw-backdrop-invert {
2910
+ syntax: "*";
2911
+ inherits: false;
2912
+ }
2913
+ @property --tw-backdrop-opacity {
2914
+ syntax: "*";
2915
+ inherits: false;
2916
+ }
2917
+ @property --tw-backdrop-saturate {
2918
+ syntax: "*";
2919
+ inherits: false;
2920
+ }
2921
+ @property --tw-backdrop-sepia {
2922
+ syntax: "*";
2923
+ inherits: false;
2924
+ }
2925
+ @property --tw-duration {
2926
+ syntax: "*";
2927
+ inherits: false;
2928
+ }
2929
+ @property --tw-ease {
2930
+ syntax: "*";
2931
+ inherits: false;
2932
+ }
2933
+ @keyframes spin {
2934
+ to {
2935
+ transform: rotate(360deg);
2936
+ }
2937
+ }
2938
+ @keyframes pulse {
2939
+ 50% {
2940
+ opacity: 0.5;
2941
+ }
2942
+ }
2943
+ @layer properties {
2944
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2945
+ *, ::before, ::after, ::backdrop {
2946
+ --tw-translate-x: 0;
2947
+ --tw-translate-y: 0;
2948
+ --tw-translate-z: 0;
2949
+ --tw-scale-x: 1;
2950
+ --tw-scale-y: 1;
2951
+ --tw-scale-z: 1;
2952
+ --tw-rotate-x: initial;
2953
+ --tw-rotate-y: initial;
2954
+ --tw-rotate-z: initial;
2955
+ --tw-skew-x: initial;
2956
+ --tw-skew-y: initial;
2957
+ --tw-space-y-reverse: 0;
2958
+ --tw-divide-y-reverse: 0;
2959
+ --tw-border-style: solid;
2960
+ --tw-leading: initial;
2961
+ --tw-font-weight: initial;
2962
+ --tw-tracking: initial;
2963
+ --tw-shadow: 0 0 #0000;
2964
+ --tw-shadow-color: initial;
2965
+ --tw-shadow-alpha: 100%;
2966
+ --tw-inset-shadow: 0 0 #0000;
2967
+ --tw-inset-shadow-color: initial;
2968
+ --tw-inset-shadow-alpha: 100%;
2969
+ --tw-ring-color: initial;
2970
+ --tw-ring-shadow: 0 0 #0000;
2971
+ --tw-inset-ring-color: initial;
2972
+ --tw-inset-ring-shadow: 0 0 #0000;
2973
+ --tw-ring-inset: initial;
2974
+ --tw-ring-offset-width: 0px;
2975
+ --tw-ring-offset-color: #fff;
2976
+ --tw-ring-offset-shadow: 0 0 #0000;
2977
+ --tw-blur: initial;
2978
+ --tw-brightness: initial;
2979
+ --tw-contrast: initial;
2980
+ --tw-grayscale: initial;
2981
+ --tw-hue-rotate: initial;
2982
+ --tw-invert: initial;
2983
+ --tw-opacity: initial;
2984
+ --tw-saturate: initial;
2985
+ --tw-sepia: initial;
2986
+ --tw-drop-shadow: initial;
2987
+ --tw-drop-shadow-color: initial;
2988
+ --tw-drop-shadow-alpha: 100%;
2989
+ --tw-drop-shadow-size: initial;
2990
+ --tw-backdrop-blur: initial;
2991
+ --tw-backdrop-brightness: initial;
2992
+ --tw-backdrop-contrast: initial;
2993
+ --tw-backdrop-grayscale: initial;
2994
+ --tw-backdrop-hue-rotate: initial;
2995
+ --tw-backdrop-invert: initial;
2996
+ --tw-backdrop-opacity: initial;
2997
+ --tw-backdrop-saturate: initial;
2998
+ --tw-backdrop-sepia: initial;
2999
+ --tw-duration: initial;
3000
+ --tw-ease: initial;
3001
+ }
3002
+ }
3003
+ }