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

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