@marigold/theme-docs 3.0.0 → 3.0.1
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/styles.css +588 -625
- package/package.json +3 -3
package/dist/styles.css
CHANGED
|
@@ -8,13 +8,49 @@
|
|
|
8
8
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
9
9
|
"Courier New", monospace;
|
|
10
10
|
--color-red-50: #fef2f2;
|
|
11
|
+
--color-red-100: #fee2e2;
|
|
12
|
+
--color-red-200: #fecaca;
|
|
13
|
+
--color-red-300: #fca5a5;
|
|
11
14
|
--color-red-400: #f87171;
|
|
15
|
+
--color-red-500: #ef4444;
|
|
16
|
+
--color-red-600: #dc2626;
|
|
17
|
+
--color-red-700: #b91c1c;
|
|
18
|
+
--color-red-800: #991b1b;
|
|
19
|
+
--color-red-900: #7f1d1d;
|
|
20
|
+
--color-red-950: #450a0a;
|
|
12
21
|
--color-amber-50: #fffbeb;
|
|
22
|
+
--color-amber-100: #fef3c7;
|
|
23
|
+
--color-amber-200: #fde68a;
|
|
24
|
+
--color-amber-300: #fcd34d;
|
|
25
|
+
--color-amber-400: #fbbf24;
|
|
26
|
+
--color-amber-500: #f59e0b;
|
|
27
|
+
--color-amber-600: #d97706;
|
|
28
|
+
--color-amber-700: #b45309;
|
|
13
29
|
--color-amber-800: #92400e;
|
|
30
|
+
--color-amber-900: #78350f;
|
|
31
|
+
--color-amber-950: #451a03;
|
|
14
32
|
--color-lime-50: #f7fee7;
|
|
33
|
+
--color-lime-100: #ecfccb;
|
|
34
|
+
--color-lime-200: #d9f99d;
|
|
35
|
+
--color-lime-300: #bef264;
|
|
36
|
+
--color-lime-400: #a3e635;
|
|
15
37
|
--color-lime-500: #84cc16;
|
|
38
|
+
--color-lime-600: #65a30d;
|
|
39
|
+
--color-lime-700: #4d7c0f;
|
|
40
|
+
--color-lime-800: #3f6212;
|
|
41
|
+
--color-lime-900: #365314;
|
|
42
|
+
--color-lime-950: #1a2e05;
|
|
16
43
|
--color-blue-50: #eff6ff;
|
|
44
|
+
--color-blue-100: #dbeafe;
|
|
45
|
+
--color-blue-200: #bfdbfe;
|
|
46
|
+
--color-blue-300: #93c5fd;
|
|
47
|
+
--color-blue-400: #60a5fa;
|
|
48
|
+
--color-blue-500: #3b82f6;
|
|
49
|
+
--color-blue-600: #2563eb;
|
|
50
|
+
--color-blue-700: #1d4ed8;
|
|
17
51
|
--color-blue-800: #1e40af;
|
|
52
|
+
--color-blue-900: #1e3a8a;
|
|
53
|
+
--color-blue-950: #172554;
|
|
18
54
|
--color-purple-100: oklch(94.6% 0.033 307.174);
|
|
19
55
|
--color-purple-600: oklch(55.8% 0.288 302.321);
|
|
20
56
|
--color-purple-700: oklch(49.6% 0.265 301.924);
|
|
@@ -22,7 +58,17 @@
|
|
|
22
58
|
--color-slate-200: oklch(92.9% 0.013 255.508);
|
|
23
59
|
--color-slate-700: oklch(37.2% 0.044 257.287);
|
|
24
60
|
--color-gray-200: oklch(92.8% 0.006 264.531);
|
|
61
|
+
--color-neutral-50: #fafafa;
|
|
25
62
|
--color-neutral-100: #f5f5f5;
|
|
63
|
+
--color-neutral-200: #e5e5e5;
|
|
64
|
+
--color-neutral-300: #d4d4d4;
|
|
65
|
+
--color-neutral-400: #a3a3a3;
|
|
66
|
+
--color-neutral-500: #737373;
|
|
67
|
+
--color-neutral-600: #525252;
|
|
68
|
+
--color-neutral-700: #404040;
|
|
69
|
+
--color-neutral-800: #262626;
|
|
70
|
+
--color-neutral-900: #171717;
|
|
71
|
+
--color-neutral-950: #0a0a0a;
|
|
26
72
|
--color-white: #ffffff;
|
|
27
73
|
--spacing: 0.25rem;
|
|
28
74
|
--text-xs: 0.75rem;
|
|
@@ -64,10 +110,58 @@
|
|
|
64
110
|
--default-mono-font-family: var(--font-mono);
|
|
65
111
|
--color-secondary-50: #f8fafc;
|
|
66
112
|
--color-secondary-100: #f1f5f9;
|
|
113
|
+
--color-secondary-200: #e2e8f0;
|
|
67
114
|
--color-secondary-300: #cbd5e1;
|
|
115
|
+
--color-secondary-400: #94a3b8;
|
|
68
116
|
--color-secondary-500: #64748b;
|
|
117
|
+
--color-secondary-600: #475569;
|
|
69
118
|
--color-secondary-700: #334155;
|
|
119
|
+
--color-secondary-800: #1e293b;
|
|
120
|
+
--color-secondary-900: #0f172a;
|
|
70
121
|
--color-secondary-950: #020617;
|
|
122
|
+
--color-primary-50: #fff2e6;
|
|
123
|
+
--color-primary-100: #fee6cd;
|
|
124
|
+
--color-primary-200: #fdcc9b;
|
|
125
|
+
--color-primary-300: #fcb369;
|
|
126
|
+
--color-primary-400: #fb9937;
|
|
127
|
+
--color-primary-500: #fa8005;
|
|
128
|
+
--color-primary-600: #c86604;
|
|
129
|
+
--color-primary-700: #964d03;
|
|
130
|
+
--color-primary-800: #643302;
|
|
131
|
+
--color-primary-900: #321a01;
|
|
132
|
+
--color-primary-950: #190d00;
|
|
133
|
+
--color-code-50: #f6f7f9;
|
|
134
|
+
--color-code-100: #ebecf3;
|
|
135
|
+
--color-code-200: #d3d6e4;
|
|
136
|
+
--color-code-300: #acb3cd;
|
|
137
|
+
--color-code-400: #808cb0;
|
|
138
|
+
--color-code-500: #606e97;
|
|
139
|
+
--color-code-600: #4b557e;
|
|
140
|
+
--color-code-700: #3e4666;
|
|
141
|
+
--color-code-800: #363d56;
|
|
142
|
+
--color-code-900: #292d3e;
|
|
143
|
+
--color-code-950: #202231;
|
|
144
|
+
--color-text-primary: var(--color-secondary-950);
|
|
145
|
+
--color-text-primary-muted: var(--color-secondary-500);
|
|
146
|
+
--color-text-disabled: var(--color-secondary-300);
|
|
147
|
+
--color-text-info: var(--color-blue-800);
|
|
148
|
+
--color-text-warning: var(--color-amber-800);
|
|
149
|
+
--color-bg-body: var(--color-secondary-50);
|
|
150
|
+
--color-bg-inverted: var(--color-secondary-700);
|
|
151
|
+
--color-bg-hover: var(--color-neutral-100);
|
|
152
|
+
--color-bg-muted: var(--color-secondary-100);
|
|
153
|
+
--color-bg-disabled: var(--color-secondary-100);
|
|
154
|
+
--color-bg-underlay: var(--color-secondary-500);
|
|
155
|
+
--color-bg-surface: var(--color-secondary-50);
|
|
156
|
+
--color-bg-surface-raised: var(--color-secondary-50);
|
|
157
|
+
--color-bg-surface-lowered: var(--color-secondary-100);
|
|
158
|
+
--color-bg-surface-overlay: var(--color-white);
|
|
159
|
+
--color-bg-success: var(--color-lime-50);
|
|
160
|
+
--color-bg-warning: var(--color-amber-50);
|
|
161
|
+
--color-bg-error: var(--color-red-50);
|
|
162
|
+
--color-bg-info: var(--color-blue-50);
|
|
163
|
+
--color-border: var(--color-secondary-300);
|
|
164
|
+
--color-border-primary: var(--color-secondary-950);
|
|
71
165
|
}
|
|
72
166
|
}
|
|
73
167
|
@layer base {
|
|
@@ -449,720 +543,682 @@
|
|
|
449
543
|
border-bottom-width: 2px;
|
|
450
544
|
}
|
|
451
545
|
.border-amber-50 {
|
|
452
|
-
border-color:
|
|
546
|
+
border-color: var(--color-amber-50);
|
|
453
547
|
}
|
|
454
548
|
.border-amber-100 {
|
|
455
|
-
border-color:
|
|
549
|
+
border-color: var(--color-amber-100);
|
|
456
550
|
}
|
|
457
551
|
.border-amber-200 {
|
|
458
|
-
border-color:
|
|
552
|
+
border-color: var(--color-amber-200);
|
|
459
553
|
}
|
|
460
554
|
.border-amber-300 {
|
|
461
|
-
border-color:
|
|
555
|
+
border-color: var(--color-amber-300);
|
|
462
556
|
}
|
|
463
557
|
.border-amber-400 {
|
|
464
|
-
border-color:
|
|
558
|
+
border-color: var(--color-amber-400);
|
|
465
559
|
}
|
|
466
560
|
.border-amber-500 {
|
|
467
|
-
border-color:
|
|
561
|
+
border-color: var(--color-amber-500);
|
|
468
562
|
}
|
|
469
563
|
.border-amber-600 {
|
|
470
|
-
border-color:
|
|
564
|
+
border-color: var(--color-amber-600);
|
|
471
565
|
}
|
|
472
566
|
.border-amber-700 {
|
|
473
|
-
border-color:
|
|
567
|
+
border-color: var(--color-amber-700);
|
|
474
568
|
}
|
|
475
569
|
.border-amber-800 {
|
|
476
|
-
border-color:
|
|
570
|
+
border-color: var(--color-amber-800);
|
|
477
571
|
}
|
|
478
572
|
.border-amber-900 {
|
|
479
|
-
border-color:
|
|
573
|
+
border-color: var(--color-amber-900);
|
|
480
574
|
}
|
|
481
575
|
.border-amber-950 {
|
|
482
|
-
border-color:
|
|
576
|
+
border-color: var(--color-amber-950);
|
|
483
577
|
}
|
|
484
578
|
.border-bg-body {
|
|
485
|
-
border-color: var(--color-
|
|
579
|
+
border-color: var(--color-bg-body);
|
|
486
580
|
}
|
|
487
581
|
.border-bg-disabled {
|
|
488
|
-
border-color: var(--color-
|
|
582
|
+
border-color: var(--color-bg-disabled);
|
|
489
583
|
}
|
|
490
584
|
.border-bg-error {
|
|
491
|
-
border-color: var(--color-
|
|
585
|
+
border-color: var(--color-bg-error);
|
|
492
586
|
}
|
|
493
587
|
.border-bg-hover {
|
|
494
|
-
border-color: var(--color-
|
|
588
|
+
border-color: var(--color-bg-hover);
|
|
495
589
|
}
|
|
496
590
|
.border-bg-info {
|
|
497
|
-
border-color: var(--color-
|
|
591
|
+
border-color: var(--color-bg-info);
|
|
498
592
|
}
|
|
499
593
|
.border-bg-inverted {
|
|
500
|
-
border-color: var(--color-
|
|
594
|
+
border-color: var(--color-bg-inverted);
|
|
501
595
|
}
|
|
502
596
|
.border-bg-muted {
|
|
503
|
-
border-color: var(--color-
|
|
597
|
+
border-color: var(--color-bg-muted);
|
|
504
598
|
}
|
|
505
599
|
.border-bg-success {
|
|
506
|
-
border-color: var(--color-
|
|
600
|
+
border-color: var(--color-bg-success);
|
|
507
601
|
}
|
|
508
602
|
.border-bg-surface {
|
|
509
|
-
border-color: var(--color-
|
|
603
|
+
border-color: var(--color-bg-surface);
|
|
510
604
|
}
|
|
511
605
|
.border-bg-surface-lowered {
|
|
512
|
-
border-color: var(--color-
|
|
606
|
+
border-color: var(--color-bg-surface-lowered);
|
|
513
607
|
}
|
|
514
608
|
.border-bg-surface-overlay {
|
|
515
|
-
border-color: var(--color-
|
|
609
|
+
border-color: var(--color-bg-surface-overlay);
|
|
516
610
|
}
|
|
517
611
|
.border-bg-surface-raised {
|
|
518
|
-
border-color: var(--color-
|
|
612
|
+
border-color: var(--color-bg-surface-raised);
|
|
519
613
|
}
|
|
520
614
|
.border-bg-underlay {
|
|
521
|
-
border-color: var(--color-
|
|
615
|
+
border-color: var(--color-bg-underlay);
|
|
522
616
|
}
|
|
523
617
|
.border-bg-warning {
|
|
524
|
-
border-color: var(--color-
|
|
618
|
+
border-color: var(--color-bg-warning);
|
|
525
619
|
}
|
|
526
620
|
.border-blue-50 {
|
|
527
|
-
border-color:
|
|
621
|
+
border-color: var(--color-blue-50);
|
|
528
622
|
}
|
|
529
623
|
.border-blue-100 {
|
|
530
|
-
border-color:
|
|
624
|
+
border-color: var(--color-blue-100);
|
|
531
625
|
}
|
|
532
626
|
.border-blue-200 {
|
|
533
|
-
border-color:
|
|
627
|
+
border-color: var(--color-blue-200);
|
|
534
628
|
}
|
|
535
629
|
.border-blue-300 {
|
|
536
|
-
border-color:
|
|
630
|
+
border-color: var(--color-blue-300);
|
|
537
631
|
}
|
|
538
632
|
.border-blue-400 {
|
|
539
|
-
border-color:
|
|
633
|
+
border-color: var(--color-blue-400);
|
|
540
634
|
}
|
|
541
635
|
.border-blue-500 {
|
|
542
|
-
border-color:
|
|
636
|
+
border-color: var(--color-blue-500);
|
|
543
637
|
}
|
|
544
638
|
.border-blue-600 {
|
|
545
|
-
border-color:
|
|
639
|
+
border-color: var(--color-blue-600);
|
|
546
640
|
}
|
|
547
641
|
.border-blue-700 {
|
|
548
|
-
border-color:
|
|
642
|
+
border-color: var(--color-blue-700);
|
|
549
643
|
}
|
|
550
644
|
.border-blue-800 {
|
|
551
|
-
border-color:
|
|
645
|
+
border-color: var(--color-blue-800);
|
|
552
646
|
}
|
|
553
647
|
.border-blue-900 {
|
|
554
|
-
border-color:
|
|
648
|
+
border-color: var(--color-blue-900);
|
|
555
649
|
}
|
|
556
650
|
.border-blue-950 {
|
|
557
|
-
border-color:
|
|
651
|
+
border-color: var(--color-blue-950);
|
|
558
652
|
}
|
|
559
653
|
.border-border {
|
|
560
|
-
border-color: var(--color-
|
|
561
|
-
}
|
|
562
|
-
.border-border-error {
|
|
563
|
-
border-color: var(--color-red-400);
|
|
564
|
-
}
|
|
565
|
-
.border-border-primary {
|
|
566
|
-
border-color: var(--color-secondary-950);
|
|
567
|
-
}
|
|
568
|
-
.border-border-success {
|
|
569
|
-
border-color: var(--color-lime-500);
|
|
654
|
+
border-color: var(--color-border);
|
|
570
655
|
}
|
|
571
656
|
.border-code-50 {
|
|
572
|
-
border-color:
|
|
657
|
+
border-color: var(--color-code-50);
|
|
573
658
|
}
|
|
574
659
|
.border-code-100 {
|
|
575
|
-
border-color:
|
|
660
|
+
border-color: var(--color-code-100);
|
|
576
661
|
}
|
|
577
662
|
.border-code-200 {
|
|
578
|
-
border-color:
|
|
663
|
+
border-color: var(--color-code-200);
|
|
579
664
|
}
|
|
580
665
|
.border-code-300 {
|
|
581
|
-
border-color:
|
|
666
|
+
border-color: var(--color-code-300);
|
|
582
667
|
}
|
|
583
668
|
.border-code-400 {
|
|
584
|
-
border-color:
|
|
669
|
+
border-color: var(--color-code-400);
|
|
585
670
|
}
|
|
586
671
|
.border-code-500 {
|
|
587
|
-
border-color:
|
|
672
|
+
border-color: var(--color-code-500);
|
|
588
673
|
}
|
|
589
674
|
.border-code-600 {
|
|
590
|
-
border-color:
|
|
675
|
+
border-color: var(--color-code-600);
|
|
591
676
|
}
|
|
592
677
|
.border-code-700 {
|
|
593
|
-
border-color:
|
|
678
|
+
border-color: var(--color-code-700);
|
|
594
679
|
}
|
|
595
680
|
.border-code-800 {
|
|
596
|
-
border-color:
|
|
681
|
+
border-color: var(--color-code-800);
|
|
597
682
|
}
|
|
598
683
|
.border-code-900 {
|
|
599
|
-
border-color:
|
|
684
|
+
border-color: var(--color-code-900);
|
|
600
685
|
}
|
|
601
686
|
.border-code-950 {
|
|
602
|
-
border-color:
|
|
687
|
+
border-color: var(--color-code-950);
|
|
603
688
|
}
|
|
604
689
|
.border-lime-50 {
|
|
605
|
-
border-color:
|
|
690
|
+
border-color: var(--color-lime-50);
|
|
606
691
|
}
|
|
607
692
|
.border-lime-100 {
|
|
608
|
-
border-color:
|
|
693
|
+
border-color: var(--color-lime-100);
|
|
609
694
|
}
|
|
610
695
|
.border-lime-200 {
|
|
611
|
-
border-color:
|
|
696
|
+
border-color: var(--color-lime-200);
|
|
612
697
|
}
|
|
613
698
|
.border-lime-300 {
|
|
614
|
-
border-color:
|
|
699
|
+
border-color: var(--color-lime-300);
|
|
615
700
|
}
|
|
616
701
|
.border-lime-400 {
|
|
617
|
-
border-color:
|
|
702
|
+
border-color: var(--color-lime-400);
|
|
618
703
|
}
|
|
619
704
|
.border-lime-500 {
|
|
620
|
-
border-color:
|
|
705
|
+
border-color: var(--color-lime-500);
|
|
621
706
|
}
|
|
622
707
|
.border-lime-600 {
|
|
623
|
-
border-color:
|
|
708
|
+
border-color: var(--color-lime-600);
|
|
624
709
|
}
|
|
625
710
|
.border-lime-700 {
|
|
626
|
-
border-color:
|
|
711
|
+
border-color: var(--color-lime-700);
|
|
627
712
|
}
|
|
628
713
|
.border-lime-800 {
|
|
629
|
-
border-color:
|
|
714
|
+
border-color: var(--color-lime-800);
|
|
630
715
|
}
|
|
631
716
|
.border-lime-900 {
|
|
632
|
-
border-color:
|
|
717
|
+
border-color: var(--color-lime-900);
|
|
633
718
|
}
|
|
634
719
|
.border-lime-950 {
|
|
635
|
-
border-color:
|
|
720
|
+
border-color: var(--color-lime-950);
|
|
636
721
|
}
|
|
637
722
|
.border-neutral-50 {
|
|
638
|
-
border-color:
|
|
723
|
+
border-color: var(--color-neutral-50);
|
|
639
724
|
}
|
|
640
725
|
.border-neutral-100 {
|
|
641
|
-
border-color:
|
|
726
|
+
border-color: var(--color-neutral-100);
|
|
642
727
|
}
|
|
643
728
|
.border-neutral-200 {
|
|
644
|
-
border-color:
|
|
729
|
+
border-color: var(--color-neutral-200);
|
|
645
730
|
}
|
|
646
731
|
.border-neutral-300 {
|
|
647
|
-
border-color:
|
|
732
|
+
border-color: var(--color-neutral-300);
|
|
648
733
|
}
|
|
649
734
|
.border-neutral-400 {
|
|
650
|
-
border-color:
|
|
735
|
+
border-color: var(--color-neutral-400);
|
|
651
736
|
}
|
|
652
737
|
.border-neutral-500 {
|
|
653
|
-
border-color:
|
|
738
|
+
border-color: var(--color-neutral-500);
|
|
654
739
|
}
|
|
655
740
|
.border-neutral-600 {
|
|
656
|
-
border-color:
|
|
741
|
+
border-color: var(--color-neutral-600);
|
|
657
742
|
}
|
|
658
743
|
.border-neutral-700 {
|
|
659
|
-
border-color:
|
|
744
|
+
border-color: var(--color-neutral-700);
|
|
660
745
|
}
|
|
661
746
|
.border-neutral-800 {
|
|
662
|
-
border-color:
|
|
747
|
+
border-color: var(--color-neutral-800);
|
|
663
748
|
}
|
|
664
749
|
.border-neutral-900 {
|
|
665
|
-
border-color:
|
|
750
|
+
border-color: var(--color-neutral-900);
|
|
666
751
|
}
|
|
667
752
|
.border-neutral-950 {
|
|
668
|
-
border-color:
|
|
753
|
+
border-color: var(--color-neutral-950);
|
|
669
754
|
}
|
|
670
755
|
.border-primary-50 {
|
|
671
|
-
border-color:
|
|
756
|
+
border-color: var(--color-primary-50);
|
|
672
757
|
}
|
|
673
758
|
.border-primary-100 {
|
|
674
|
-
border-color:
|
|
759
|
+
border-color: var(--color-primary-100);
|
|
675
760
|
}
|
|
676
761
|
.border-primary-200 {
|
|
677
|
-
border-color:
|
|
762
|
+
border-color: var(--color-primary-200);
|
|
678
763
|
}
|
|
679
764
|
.border-primary-300 {
|
|
680
|
-
border-color:
|
|
765
|
+
border-color: var(--color-primary-300);
|
|
681
766
|
}
|
|
682
767
|
.border-primary-400 {
|
|
683
|
-
border-color:
|
|
768
|
+
border-color: var(--color-primary-400);
|
|
684
769
|
}
|
|
685
770
|
.border-primary-500 {
|
|
686
|
-
border-color:
|
|
771
|
+
border-color: var(--color-primary-500);
|
|
687
772
|
}
|
|
688
773
|
.border-primary-600 {
|
|
689
|
-
border-color:
|
|
774
|
+
border-color: var(--color-primary-600);
|
|
690
775
|
}
|
|
691
776
|
.border-primary-700 {
|
|
692
|
-
border-color:
|
|
777
|
+
border-color: var(--color-primary-700);
|
|
693
778
|
}
|
|
694
779
|
.border-primary-800 {
|
|
695
|
-
border-color:
|
|
780
|
+
border-color: var(--color-primary-800);
|
|
696
781
|
}
|
|
697
782
|
.border-primary-900 {
|
|
698
|
-
border-color:
|
|
783
|
+
border-color: var(--color-primary-900);
|
|
699
784
|
}
|
|
700
785
|
.border-primary-950 {
|
|
701
|
-
border-color:
|
|
786
|
+
border-color: var(--color-primary-950);
|
|
702
787
|
}
|
|
703
788
|
.border-red-50 {
|
|
704
|
-
border-color:
|
|
789
|
+
border-color: var(--color-red-50);
|
|
705
790
|
}
|
|
706
791
|
.border-red-100 {
|
|
707
|
-
border-color:
|
|
792
|
+
border-color: var(--color-red-100);
|
|
708
793
|
}
|
|
709
794
|
.border-red-200 {
|
|
710
|
-
border-color:
|
|
795
|
+
border-color: var(--color-red-200);
|
|
711
796
|
}
|
|
712
797
|
.border-red-300 {
|
|
713
|
-
border-color:
|
|
798
|
+
border-color: var(--color-red-300);
|
|
714
799
|
}
|
|
715
800
|
.border-red-400 {
|
|
716
|
-
border-color:
|
|
801
|
+
border-color: var(--color-red-400);
|
|
717
802
|
}
|
|
718
803
|
.border-red-500 {
|
|
719
|
-
border-color:
|
|
804
|
+
border-color: var(--color-red-500);
|
|
720
805
|
}
|
|
721
806
|
.border-red-600 {
|
|
722
|
-
border-color:
|
|
807
|
+
border-color: var(--color-red-600);
|
|
723
808
|
}
|
|
724
809
|
.border-red-700 {
|
|
725
|
-
border-color:
|
|
810
|
+
border-color: var(--color-red-700);
|
|
726
811
|
}
|
|
727
812
|
.border-red-800 {
|
|
728
|
-
border-color:
|
|
813
|
+
border-color: var(--color-red-800);
|
|
729
814
|
}
|
|
730
815
|
.border-red-900 {
|
|
731
|
-
border-color:
|
|
816
|
+
border-color: var(--color-red-900);
|
|
732
817
|
}
|
|
733
818
|
.border-red-950 {
|
|
734
|
-
border-color:
|
|
819
|
+
border-color: var(--color-red-950);
|
|
735
820
|
}
|
|
736
821
|
.border-secondary-50 {
|
|
737
|
-
border-color:
|
|
822
|
+
border-color: var(--color-secondary-50);
|
|
738
823
|
}
|
|
739
824
|
.border-secondary-100 {
|
|
740
|
-
border-color:
|
|
825
|
+
border-color: var(--color-secondary-100);
|
|
741
826
|
}
|
|
742
827
|
.border-secondary-200 {
|
|
743
|
-
border-color:
|
|
828
|
+
border-color: var(--color-secondary-200);
|
|
744
829
|
}
|
|
745
830
|
.border-secondary-300 {
|
|
746
|
-
border-color:
|
|
831
|
+
border-color: var(--color-secondary-300);
|
|
747
832
|
}
|
|
748
833
|
.border-secondary-400 {
|
|
749
|
-
border-color:
|
|
834
|
+
border-color: var(--color-secondary-400);
|
|
750
835
|
}
|
|
751
836
|
.border-secondary-500 {
|
|
752
|
-
border-color:
|
|
837
|
+
border-color: var(--color-secondary-500);
|
|
753
838
|
}
|
|
754
839
|
.border-secondary-600 {
|
|
755
|
-
border-color:
|
|
840
|
+
border-color: var(--color-secondary-600);
|
|
756
841
|
}
|
|
757
842
|
.border-secondary-700 {
|
|
758
|
-
border-color:
|
|
843
|
+
border-color: var(--color-secondary-700);
|
|
759
844
|
}
|
|
760
845
|
.border-secondary-800 {
|
|
761
|
-
border-color:
|
|
846
|
+
border-color: var(--color-secondary-800);
|
|
762
847
|
}
|
|
763
848
|
.border-secondary-900 {
|
|
764
|
-
border-color:
|
|
849
|
+
border-color: var(--color-secondary-900);
|
|
765
850
|
}
|
|
766
851
|
.border-secondary-950 {
|
|
767
|
-
border-color:
|
|
852
|
+
border-color: var(--color-secondary-950);
|
|
768
853
|
}
|
|
769
854
|
.border-slate-200 {
|
|
770
855
|
border-color: var(--color-slate-200);
|
|
771
856
|
}
|
|
772
857
|
.border-text-disabled {
|
|
773
|
-
border-color: var(--color-
|
|
858
|
+
border-color: var(--color-text-disabled);
|
|
774
859
|
}
|
|
775
860
|
.border-text-info {
|
|
776
|
-
border-color: var(--color-
|
|
861
|
+
border-color: var(--color-text-info);
|
|
777
862
|
}
|
|
778
863
|
.border-text-primary {
|
|
779
|
-
border-color: var(--color-
|
|
864
|
+
border-color: var(--color-text-primary);
|
|
780
865
|
}
|
|
781
866
|
.border-text-primary-muted {
|
|
782
|
-
border-color: var(--color-
|
|
867
|
+
border-color: var(--color-text-primary-muted);
|
|
783
868
|
}
|
|
784
869
|
.border-text-warning {
|
|
785
|
-
border-color: var(--color-
|
|
870
|
+
border-color: var(--color-text-warning);
|
|
786
871
|
}
|
|
787
872
|
.border-transparent {
|
|
788
873
|
border-color: transparent;
|
|
789
874
|
}
|
|
790
|
-
.border-white {
|
|
791
|
-
border-color: #ffffff;
|
|
792
|
-
}
|
|
793
875
|
.bg-amber-50 {
|
|
794
|
-
background-color:
|
|
876
|
+
background-color: var(--color-amber-50);
|
|
795
877
|
}
|
|
796
878
|
.bg-amber-100 {
|
|
797
|
-
background-color:
|
|
879
|
+
background-color: var(--color-amber-100);
|
|
798
880
|
}
|
|
799
881
|
.bg-amber-200 {
|
|
800
|
-
background-color:
|
|
882
|
+
background-color: var(--color-amber-200);
|
|
801
883
|
}
|
|
802
884
|
.bg-amber-300 {
|
|
803
|
-
background-color:
|
|
885
|
+
background-color: var(--color-amber-300);
|
|
804
886
|
}
|
|
805
887
|
.bg-amber-400 {
|
|
806
|
-
background-color:
|
|
888
|
+
background-color: var(--color-amber-400);
|
|
807
889
|
}
|
|
808
890
|
.bg-amber-500 {
|
|
809
|
-
background-color:
|
|
891
|
+
background-color: var(--color-amber-500);
|
|
810
892
|
}
|
|
811
893
|
.bg-amber-600 {
|
|
812
|
-
background-color:
|
|
894
|
+
background-color: var(--color-amber-600);
|
|
813
895
|
}
|
|
814
896
|
.bg-amber-700 {
|
|
815
|
-
background-color:
|
|
897
|
+
background-color: var(--color-amber-700);
|
|
816
898
|
}
|
|
817
899
|
.bg-amber-800 {
|
|
818
|
-
background-color:
|
|
900
|
+
background-color: var(--color-amber-800);
|
|
819
901
|
}
|
|
820
902
|
.bg-amber-900 {
|
|
821
|
-
background-color:
|
|
903
|
+
background-color: var(--color-amber-900);
|
|
822
904
|
}
|
|
823
905
|
.bg-amber-950 {
|
|
824
|
-
background-color:
|
|
906
|
+
background-color: var(--color-amber-950);
|
|
825
907
|
}
|
|
826
908
|
.bg-bg-body {
|
|
827
|
-
background-color: var(--color-
|
|
909
|
+
background-color: var(--color-bg-body);
|
|
828
910
|
}
|
|
829
911
|
.bg-bg-disabled {
|
|
830
|
-
background-color: var(--color-
|
|
912
|
+
background-color: var(--color-bg-disabled);
|
|
831
913
|
}
|
|
832
914
|
.bg-bg-error {
|
|
833
|
-
background-color: var(--color-
|
|
915
|
+
background-color: var(--color-bg-error);
|
|
834
916
|
}
|
|
835
917
|
.bg-bg-hover {
|
|
836
|
-
background-color: var(--color-
|
|
918
|
+
background-color: var(--color-bg-hover);
|
|
837
919
|
}
|
|
838
920
|
.bg-bg-info {
|
|
839
|
-
background-color: var(--color-
|
|
921
|
+
background-color: var(--color-bg-info);
|
|
840
922
|
}
|
|
841
923
|
.bg-bg-inverted {
|
|
842
|
-
background-color: var(--color-
|
|
924
|
+
background-color: var(--color-bg-inverted);
|
|
843
925
|
}
|
|
844
926
|
.bg-bg-muted {
|
|
845
|
-
background-color: var(--color-
|
|
927
|
+
background-color: var(--color-bg-muted);
|
|
846
928
|
}
|
|
847
929
|
.bg-bg-success {
|
|
848
|
-
background-color: var(--color-
|
|
930
|
+
background-color: var(--color-bg-success);
|
|
849
931
|
}
|
|
850
932
|
.bg-bg-surface {
|
|
851
|
-
background-color: var(--color-
|
|
933
|
+
background-color: var(--color-bg-surface);
|
|
852
934
|
}
|
|
853
935
|
.bg-bg-surface-lowered {
|
|
854
|
-
background-color: var(--color-
|
|
936
|
+
background-color: var(--color-bg-surface-lowered);
|
|
855
937
|
}
|
|
856
938
|
.bg-bg-surface-overlay {
|
|
857
|
-
background-color: var(--color-
|
|
939
|
+
background-color: var(--color-bg-surface-overlay);
|
|
858
940
|
}
|
|
859
941
|
.bg-bg-surface-raised {
|
|
860
|
-
background-color: var(--color-
|
|
942
|
+
background-color: var(--color-bg-surface-raised);
|
|
861
943
|
}
|
|
862
944
|
.bg-bg-underlay {
|
|
863
|
-
background-color: var(--color-
|
|
945
|
+
background-color: var(--color-bg-underlay);
|
|
864
946
|
}
|
|
865
947
|
.bg-bg-underlay\/50 {
|
|
866
|
-
background-color: color-mix(in srgb,
|
|
948
|
+
background-color: color-mix(in srgb, var(--color-secondary-500) 50%, transparent);
|
|
867
949
|
@supports (color: color-mix(in lab, red, red)) {
|
|
868
|
-
background-color: color-mix(in oklab, var(--color-
|
|
950
|
+
background-color: color-mix(in oklab, var(--color-bg-underlay) 50%, transparent);
|
|
869
951
|
}
|
|
870
952
|
}
|
|
871
953
|
.bg-bg-warning {
|
|
872
|
-
background-color: var(--color-
|
|
954
|
+
background-color: var(--color-bg-warning);
|
|
873
955
|
}
|
|
874
956
|
.bg-blue-50 {
|
|
875
|
-
background-color:
|
|
957
|
+
background-color: var(--color-blue-50);
|
|
876
958
|
}
|
|
877
959
|
.bg-blue-100 {
|
|
878
|
-
background-color:
|
|
960
|
+
background-color: var(--color-blue-100);
|
|
879
961
|
}
|
|
880
962
|
.bg-blue-200 {
|
|
881
|
-
background-color:
|
|
963
|
+
background-color: var(--color-blue-200);
|
|
882
964
|
}
|
|
883
965
|
.bg-blue-300 {
|
|
884
|
-
background-color:
|
|
966
|
+
background-color: var(--color-blue-300);
|
|
885
967
|
}
|
|
886
968
|
.bg-blue-400 {
|
|
887
|
-
background-color:
|
|
969
|
+
background-color: var(--color-blue-400);
|
|
888
970
|
}
|
|
889
971
|
.bg-blue-500 {
|
|
890
|
-
background-color:
|
|
972
|
+
background-color: var(--color-blue-500);
|
|
891
973
|
}
|
|
892
974
|
.bg-blue-600 {
|
|
893
|
-
background-color:
|
|
975
|
+
background-color: var(--color-blue-600);
|
|
894
976
|
}
|
|
895
977
|
.bg-blue-700 {
|
|
896
|
-
background-color:
|
|
978
|
+
background-color: var(--color-blue-700);
|
|
897
979
|
}
|
|
898
980
|
.bg-blue-800 {
|
|
899
|
-
background-color:
|
|
981
|
+
background-color: var(--color-blue-800);
|
|
900
982
|
}
|
|
901
983
|
.bg-blue-900 {
|
|
902
|
-
background-color:
|
|
984
|
+
background-color: var(--color-blue-900);
|
|
903
985
|
}
|
|
904
986
|
.bg-blue-950 {
|
|
905
|
-
background-color:
|
|
906
|
-
}
|
|
907
|
-
.bg-border {
|
|
908
|
-
background-color: var(--color-secondary-300);
|
|
909
|
-
}
|
|
910
|
-
.bg-border-error {
|
|
911
|
-
background-color: var(--color-red-400);
|
|
912
|
-
}
|
|
913
|
-
.bg-border-primary {
|
|
914
|
-
background-color: var(--color-secondary-950);
|
|
915
|
-
}
|
|
916
|
-
.bg-border-success {
|
|
917
|
-
background-color: var(--color-lime-500);
|
|
987
|
+
background-color: var(--color-blue-950);
|
|
918
988
|
}
|
|
919
989
|
.bg-code-50 {
|
|
920
|
-
background-color:
|
|
990
|
+
background-color: var(--color-code-50);
|
|
921
991
|
}
|
|
922
992
|
.bg-code-100 {
|
|
923
|
-
background-color:
|
|
993
|
+
background-color: var(--color-code-100);
|
|
924
994
|
}
|
|
925
995
|
.bg-code-200 {
|
|
926
|
-
background-color:
|
|
996
|
+
background-color: var(--color-code-200);
|
|
927
997
|
}
|
|
928
998
|
.bg-code-300 {
|
|
929
|
-
background-color:
|
|
999
|
+
background-color: var(--color-code-300);
|
|
930
1000
|
}
|
|
931
1001
|
.bg-code-400 {
|
|
932
|
-
background-color:
|
|
1002
|
+
background-color: var(--color-code-400);
|
|
933
1003
|
}
|
|
934
1004
|
.bg-code-500 {
|
|
935
|
-
background-color:
|
|
1005
|
+
background-color: var(--color-code-500);
|
|
936
1006
|
}
|
|
937
1007
|
.bg-code-600 {
|
|
938
|
-
background-color:
|
|
1008
|
+
background-color: var(--color-code-600);
|
|
939
1009
|
}
|
|
940
1010
|
.bg-code-700 {
|
|
941
|
-
background-color:
|
|
1011
|
+
background-color: var(--color-code-700);
|
|
942
1012
|
}
|
|
943
1013
|
.bg-code-800 {
|
|
944
|
-
background-color:
|
|
1014
|
+
background-color: var(--color-code-800);
|
|
945
1015
|
}
|
|
946
1016
|
.bg-code-900 {
|
|
947
|
-
background-color:
|
|
1017
|
+
background-color: var(--color-code-900);
|
|
948
1018
|
}
|
|
949
1019
|
.bg-code-950 {
|
|
950
|
-
background-color:
|
|
1020
|
+
background-color: var(--color-code-950);
|
|
951
1021
|
}
|
|
952
1022
|
.bg-lime-50 {
|
|
953
|
-
background-color:
|
|
1023
|
+
background-color: var(--color-lime-50);
|
|
954
1024
|
}
|
|
955
1025
|
.bg-lime-100 {
|
|
956
|
-
background-color:
|
|
1026
|
+
background-color: var(--color-lime-100);
|
|
957
1027
|
}
|
|
958
1028
|
.bg-lime-200 {
|
|
959
|
-
background-color:
|
|
1029
|
+
background-color: var(--color-lime-200);
|
|
960
1030
|
}
|
|
961
1031
|
.bg-lime-300 {
|
|
962
|
-
background-color:
|
|
1032
|
+
background-color: var(--color-lime-300);
|
|
1033
|
+
}
|
|
1034
|
+
.bg-lime-400 {
|
|
1035
|
+
background-color: var(--color-lime-400);
|
|
963
1036
|
}
|
|
964
1037
|
.bg-lime-500 {
|
|
965
|
-
background-color:
|
|
1038
|
+
background-color: var(--color-lime-500);
|
|
966
1039
|
}
|
|
967
1040
|
.bg-lime-600 {
|
|
968
|
-
background-color:
|
|
1041
|
+
background-color: var(--color-lime-600);
|
|
969
1042
|
}
|
|
970
1043
|
.bg-lime-700 {
|
|
971
|
-
background-color:
|
|
1044
|
+
background-color: var(--color-lime-700);
|
|
972
1045
|
}
|
|
973
1046
|
.bg-lime-800 {
|
|
974
|
-
background-color:
|
|
1047
|
+
background-color: var(--color-lime-800);
|
|
975
1048
|
}
|
|
976
1049
|
.bg-lime-900 {
|
|
977
|
-
background-color:
|
|
1050
|
+
background-color: var(--color-lime-900);
|
|
978
1051
|
}
|
|
979
1052
|
.bg-lime-950 {
|
|
980
|
-
background-color:
|
|
1053
|
+
background-color: var(--color-lime-950);
|
|
981
1054
|
}
|
|
982
1055
|
.bg-neutral-50 {
|
|
983
|
-
background-color:
|
|
1056
|
+
background-color: var(--color-neutral-50);
|
|
984
1057
|
}
|
|
985
1058
|
.bg-neutral-100 {
|
|
986
|
-
background-color:
|
|
1059
|
+
background-color: var(--color-neutral-100);
|
|
987
1060
|
}
|
|
988
1061
|
.bg-neutral-200 {
|
|
989
|
-
background-color:
|
|
1062
|
+
background-color: var(--color-neutral-200);
|
|
990
1063
|
}
|
|
991
1064
|
.bg-neutral-300 {
|
|
992
|
-
background-color:
|
|
1065
|
+
background-color: var(--color-neutral-300);
|
|
993
1066
|
}
|
|
994
1067
|
.bg-neutral-400 {
|
|
995
|
-
background-color:
|
|
1068
|
+
background-color: var(--color-neutral-400);
|
|
996
1069
|
}
|
|
997
1070
|
.bg-neutral-500 {
|
|
998
|
-
background-color:
|
|
1071
|
+
background-color: var(--color-neutral-500);
|
|
999
1072
|
}
|
|
1000
1073
|
.bg-neutral-600 {
|
|
1001
|
-
background-color:
|
|
1074
|
+
background-color: var(--color-neutral-600);
|
|
1002
1075
|
}
|
|
1003
1076
|
.bg-neutral-700 {
|
|
1004
|
-
background-color:
|
|
1077
|
+
background-color: var(--color-neutral-700);
|
|
1005
1078
|
}
|
|
1006
1079
|
.bg-neutral-800 {
|
|
1007
|
-
background-color:
|
|
1080
|
+
background-color: var(--color-neutral-800);
|
|
1008
1081
|
}
|
|
1009
1082
|
.bg-neutral-900 {
|
|
1010
|
-
background-color:
|
|
1083
|
+
background-color: var(--color-neutral-900);
|
|
1011
1084
|
}
|
|
1012
1085
|
.bg-neutral-950 {
|
|
1013
|
-
background-color:
|
|
1086
|
+
background-color: var(--color-neutral-950);
|
|
1014
1087
|
}
|
|
1015
1088
|
.bg-primary-50 {
|
|
1016
|
-
background-color:
|
|
1017
|
-
}
|
|
1018
|
-
.bg-primary-50\/25 {
|
|
1019
|
-
background-color: color-mix(in oklab, #fff2e6 25%, transparent);
|
|
1089
|
+
background-color: var(--color-primary-50);
|
|
1020
1090
|
}
|
|
1021
1091
|
.bg-primary-100 {
|
|
1022
|
-
background-color:
|
|
1092
|
+
background-color: var(--color-primary-100);
|
|
1023
1093
|
}
|
|
1024
1094
|
.bg-primary-200 {
|
|
1025
|
-
background-color:
|
|
1095
|
+
background-color: var(--color-primary-200);
|
|
1026
1096
|
}
|
|
1027
1097
|
.bg-primary-300 {
|
|
1028
|
-
background-color:
|
|
1098
|
+
background-color: var(--color-primary-300);
|
|
1029
1099
|
}
|
|
1030
1100
|
.bg-primary-400 {
|
|
1031
|
-
background-color:
|
|
1101
|
+
background-color: var(--color-primary-400);
|
|
1032
1102
|
}
|
|
1033
1103
|
.bg-primary-500 {
|
|
1034
|
-
background-color:
|
|
1104
|
+
background-color: var(--color-primary-500);
|
|
1035
1105
|
}
|
|
1036
1106
|
.bg-primary-600 {
|
|
1037
|
-
background-color:
|
|
1107
|
+
background-color: var(--color-primary-600);
|
|
1038
1108
|
}
|
|
1039
1109
|
.bg-primary-700 {
|
|
1040
|
-
background-color:
|
|
1110
|
+
background-color: var(--color-primary-700);
|
|
1041
1111
|
}
|
|
1042
1112
|
.bg-primary-800 {
|
|
1043
|
-
background-color:
|
|
1044
|
-
}
|
|
1045
|
-
.bg-primary-800\/5 {
|
|
1046
|
-
background-color: color-mix(in oklab, #643302 5%, transparent);
|
|
1113
|
+
background-color: var(--color-primary-800);
|
|
1047
1114
|
}
|
|
1048
1115
|
.bg-primary-900 {
|
|
1049
|
-
background-color:
|
|
1116
|
+
background-color: var(--color-primary-900);
|
|
1050
1117
|
}
|
|
1051
1118
|
.bg-primary-950 {
|
|
1052
|
-
background-color:
|
|
1119
|
+
background-color: var(--color-primary-950);
|
|
1053
1120
|
}
|
|
1054
1121
|
.bg-purple-700 {
|
|
1055
1122
|
background-color: var(--color-purple-700);
|
|
1056
1123
|
}
|
|
1057
1124
|
.bg-red-50 {
|
|
1058
|
-
background-color:
|
|
1125
|
+
background-color: var(--color-red-50);
|
|
1059
1126
|
}
|
|
1060
1127
|
.bg-red-100 {
|
|
1061
|
-
background-color:
|
|
1128
|
+
background-color: var(--color-red-100);
|
|
1062
1129
|
}
|
|
1063
1130
|
.bg-red-200 {
|
|
1064
|
-
background-color:
|
|
1131
|
+
background-color: var(--color-red-200);
|
|
1065
1132
|
}
|
|
1066
1133
|
.bg-red-300 {
|
|
1067
|
-
background-color:
|
|
1134
|
+
background-color: var(--color-red-300);
|
|
1068
1135
|
}
|
|
1069
1136
|
.bg-red-400 {
|
|
1070
|
-
background-color:
|
|
1137
|
+
background-color: var(--color-red-400);
|
|
1071
1138
|
}
|
|
1072
1139
|
.bg-red-500 {
|
|
1073
|
-
background-color:
|
|
1140
|
+
background-color: var(--color-red-500);
|
|
1074
1141
|
}
|
|
1075
1142
|
.bg-red-600 {
|
|
1076
|
-
background-color:
|
|
1143
|
+
background-color: var(--color-red-600);
|
|
1077
1144
|
}
|
|
1078
1145
|
.bg-red-700 {
|
|
1079
|
-
background-color:
|
|
1146
|
+
background-color: var(--color-red-700);
|
|
1080
1147
|
}
|
|
1081
1148
|
.bg-red-800 {
|
|
1082
|
-
background-color:
|
|
1149
|
+
background-color: var(--color-red-800);
|
|
1083
1150
|
}
|
|
1084
1151
|
.bg-red-900 {
|
|
1085
|
-
background-color:
|
|
1152
|
+
background-color: var(--color-red-900);
|
|
1086
1153
|
}
|
|
1087
1154
|
.bg-red-950 {
|
|
1088
|
-
background-color:
|
|
1155
|
+
background-color: var(--color-red-950);
|
|
1089
1156
|
}
|
|
1090
1157
|
.bg-secondary-50 {
|
|
1091
|
-
background-color:
|
|
1158
|
+
background-color: var(--color-secondary-50);
|
|
1092
1159
|
}
|
|
1093
1160
|
.bg-secondary-100 {
|
|
1094
|
-
background-color:
|
|
1161
|
+
background-color: var(--color-secondary-100);
|
|
1095
1162
|
}
|
|
1096
1163
|
.bg-secondary-200 {
|
|
1097
|
-
background-color:
|
|
1098
|
-
}
|
|
1099
|
-
.bg-secondary-200\/80 {
|
|
1100
|
-
background-color: color-mix(in oklab, #e2e8f0 80%, transparent);
|
|
1164
|
+
background-color: var(--color-secondary-200);
|
|
1101
1165
|
}
|
|
1102
1166
|
.bg-secondary-300 {
|
|
1103
|
-
background-color:
|
|
1167
|
+
background-color: var(--color-secondary-300);
|
|
1104
1168
|
}
|
|
1105
1169
|
.bg-secondary-400 {
|
|
1106
|
-
background-color:
|
|
1170
|
+
background-color: var(--color-secondary-400);
|
|
1107
1171
|
}
|
|
1108
1172
|
.bg-secondary-400\/10 {
|
|
1109
|
-
background-color: color-mix(in
|
|
1173
|
+
background-color: color-mix(in srgb, #94a3b8 10%, transparent);
|
|
1174
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1175
|
+
background-color: color-mix(in oklab, var(--color-secondary-400) 10%, transparent);
|
|
1176
|
+
}
|
|
1110
1177
|
}
|
|
1111
1178
|
.bg-secondary-500 {
|
|
1112
|
-
background-color:
|
|
1179
|
+
background-color: var(--color-secondary-500);
|
|
1113
1180
|
}
|
|
1114
1181
|
.bg-secondary-600 {
|
|
1115
|
-
background-color:
|
|
1182
|
+
background-color: var(--color-secondary-600);
|
|
1116
1183
|
}
|
|
1117
1184
|
.bg-secondary-700 {
|
|
1118
|
-
background-color:
|
|
1185
|
+
background-color: var(--color-secondary-700);
|
|
1119
1186
|
}
|
|
1120
1187
|
.bg-secondary-800 {
|
|
1121
|
-
background-color:
|
|
1188
|
+
background-color: var(--color-secondary-800);
|
|
1122
1189
|
}
|
|
1123
1190
|
.bg-secondary-900 {
|
|
1124
|
-
background-color:
|
|
1191
|
+
background-color: var(--color-secondary-900);
|
|
1125
1192
|
}
|
|
1126
1193
|
.bg-secondary-950 {
|
|
1127
|
-
background-color:
|
|
1194
|
+
background-color: var(--color-secondary-950);
|
|
1128
1195
|
}
|
|
1129
1196
|
.bg-slate-100 {
|
|
1130
1197
|
background-color: var(--color-slate-100);
|
|
1131
1198
|
}
|
|
1132
1199
|
.bg-text-disabled {
|
|
1133
|
-
background-color: var(--color-
|
|
1200
|
+
background-color: var(--color-text-disabled);
|
|
1134
1201
|
}
|
|
1135
1202
|
.bg-text-info {
|
|
1136
|
-
background-color: var(--color-
|
|
1203
|
+
background-color: var(--color-text-info);
|
|
1137
1204
|
}
|
|
1138
1205
|
.bg-text-primary {
|
|
1139
|
-
background-color: var(--color-
|
|
1206
|
+
background-color: var(--color-text-primary);
|
|
1140
1207
|
}
|
|
1141
1208
|
.bg-text-primary-muted {
|
|
1142
|
-
background-color: var(--color-
|
|
1209
|
+
background-color: var(--color-text-primary-muted);
|
|
1143
1210
|
}
|
|
1144
1211
|
.bg-text-warning {
|
|
1145
|
-
background-color: var(--color-
|
|
1212
|
+
background-color: var(--color-text-warning);
|
|
1146
1213
|
}
|
|
1147
1214
|
.bg-white {
|
|
1148
|
-
background-color:
|
|
1215
|
+
background-color: var(--color-white);
|
|
1149
1216
|
}
|
|
1150
1217
|
.bg-white\/40 {
|
|
1151
|
-
background-color: color-mix(in
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
1156
|
-
}
|
|
1157
|
-
.via-neutral-700\/10 {
|
|
1158
|
-
--tw-gradient-via: color-mix(in oklab, #404040 10%, transparent);
|
|
1159
|
-
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
1160
|
-
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
1161
|
-
}
|
|
1162
|
-
.via-neutral-700\/30 {
|
|
1163
|
-
--tw-gradient-via: color-mix(in oklab, #404040 30%, transparent);
|
|
1164
|
-
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
1165
|
-
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
1218
|
+
background-color: color-mix(in srgb, #ffffff 40%, transparent);
|
|
1219
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1220
|
+
background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
|
|
1221
|
+
}
|
|
1166
1222
|
}
|
|
1167
1223
|
.p-0 {
|
|
1168
1224
|
padding: calc(var(--spacing) * 0);
|
|
@@ -1316,355 +1372,331 @@
|
|
|
1316
1372
|
text-wrap: nowrap;
|
|
1317
1373
|
}
|
|
1318
1374
|
.text-amber-50 {
|
|
1319
|
-
color:
|
|
1375
|
+
color: var(--color-amber-50);
|
|
1320
1376
|
}
|
|
1321
1377
|
.text-amber-100 {
|
|
1322
|
-
color:
|
|
1378
|
+
color: var(--color-amber-100);
|
|
1323
1379
|
}
|
|
1324
1380
|
.text-amber-200 {
|
|
1325
|
-
color:
|
|
1381
|
+
color: var(--color-amber-200);
|
|
1326
1382
|
}
|
|
1327
1383
|
.text-amber-300 {
|
|
1328
|
-
color:
|
|
1384
|
+
color: var(--color-amber-300);
|
|
1329
1385
|
}
|
|
1330
1386
|
.text-amber-400 {
|
|
1331
|
-
color:
|
|
1387
|
+
color: var(--color-amber-400);
|
|
1332
1388
|
}
|
|
1333
1389
|
.text-amber-500 {
|
|
1334
|
-
color:
|
|
1390
|
+
color: var(--color-amber-500);
|
|
1335
1391
|
}
|
|
1336
1392
|
.text-amber-600 {
|
|
1337
|
-
color:
|
|
1393
|
+
color: var(--color-amber-600);
|
|
1338
1394
|
}
|
|
1339
1395
|
.text-amber-700 {
|
|
1340
|
-
color:
|
|
1396
|
+
color: var(--color-amber-700);
|
|
1341
1397
|
}
|
|
1342
1398
|
.text-amber-800 {
|
|
1343
|
-
color:
|
|
1399
|
+
color: var(--color-amber-800);
|
|
1344
1400
|
}
|
|
1345
1401
|
.text-amber-900 {
|
|
1346
|
-
color:
|
|
1402
|
+
color: var(--color-amber-900);
|
|
1347
1403
|
}
|
|
1348
1404
|
.text-amber-950 {
|
|
1349
|
-
color:
|
|
1405
|
+
color: var(--color-amber-950);
|
|
1350
1406
|
}
|
|
1351
1407
|
.text-bg-body {
|
|
1352
|
-
color: var(--color-
|
|
1408
|
+
color: var(--color-bg-body);
|
|
1353
1409
|
}
|
|
1354
1410
|
.text-bg-disabled {
|
|
1355
|
-
color: var(--color-
|
|
1411
|
+
color: var(--color-bg-disabled);
|
|
1356
1412
|
}
|
|
1357
1413
|
.text-bg-error {
|
|
1358
|
-
color: var(--color-
|
|
1414
|
+
color: var(--color-bg-error);
|
|
1359
1415
|
}
|
|
1360
1416
|
.text-bg-hover {
|
|
1361
|
-
color: var(--color-
|
|
1417
|
+
color: var(--color-bg-hover);
|
|
1362
1418
|
}
|
|
1363
1419
|
.text-bg-info {
|
|
1364
|
-
color: var(--color-
|
|
1420
|
+
color: var(--color-bg-info);
|
|
1365
1421
|
}
|
|
1366
1422
|
.text-bg-inverted {
|
|
1367
|
-
color: var(--color-
|
|
1423
|
+
color: var(--color-bg-inverted);
|
|
1368
1424
|
}
|
|
1369
1425
|
.text-bg-muted {
|
|
1370
|
-
color: var(--color-
|
|
1426
|
+
color: var(--color-bg-muted);
|
|
1371
1427
|
}
|
|
1372
1428
|
.text-bg-success {
|
|
1373
|
-
color: var(--color-
|
|
1429
|
+
color: var(--color-bg-success);
|
|
1374
1430
|
}
|
|
1375
1431
|
.text-bg-surface {
|
|
1376
|
-
color: var(--color-
|
|
1432
|
+
color: var(--color-bg-surface);
|
|
1377
1433
|
}
|
|
1378
1434
|
.text-bg-surface-lowered {
|
|
1379
|
-
color: var(--color-
|
|
1435
|
+
color: var(--color-bg-surface-lowered);
|
|
1380
1436
|
}
|
|
1381
1437
|
.text-bg-surface-overlay {
|
|
1382
|
-
color: var(--color-
|
|
1438
|
+
color: var(--color-bg-surface-overlay);
|
|
1383
1439
|
}
|
|
1384
1440
|
.text-bg-surface-raised {
|
|
1385
|
-
color: var(--color-
|
|
1441
|
+
color: var(--color-bg-surface-raised);
|
|
1386
1442
|
}
|
|
1387
1443
|
.text-bg-underlay {
|
|
1388
|
-
color: var(--color-
|
|
1444
|
+
color: var(--color-bg-underlay);
|
|
1389
1445
|
}
|
|
1390
1446
|
.text-bg-warning {
|
|
1391
|
-
color: var(--color-
|
|
1447
|
+
color: var(--color-bg-warning);
|
|
1392
1448
|
}
|
|
1393
1449
|
.text-blue-50 {
|
|
1394
|
-
color:
|
|
1450
|
+
color: var(--color-blue-50);
|
|
1395
1451
|
}
|
|
1396
1452
|
.text-blue-100 {
|
|
1397
|
-
color:
|
|
1453
|
+
color: var(--color-blue-100);
|
|
1398
1454
|
}
|
|
1399
1455
|
.text-blue-200 {
|
|
1400
|
-
color:
|
|
1456
|
+
color: var(--color-blue-200);
|
|
1401
1457
|
}
|
|
1402
1458
|
.text-blue-300 {
|
|
1403
|
-
color:
|
|
1459
|
+
color: var(--color-blue-300);
|
|
1404
1460
|
}
|
|
1405
1461
|
.text-blue-400 {
|
|
1406
|
-
color:
|
|
1462
|
+
color: var(--color-blue-400);
|
|
1407
1463
|
}
|
|
1408
1464
|
.text-blue-500 {
|
|
1409
|
-
color:
|
|
1465
|
+
color: var(--color-blue-500);
|
|
1410
1466
|
}
|
|
1411
1467
|
.text-blue-600 {
|
|
1412
|
-
color:
|
|
1468
|
+
color: var(--color-blue-600);
|
|
1413
1469
|
}
|
|
1414
1470
|
.text-blue-700 {
|
|
1415
|
-
color:
|
|
1471
|
+
color: var(--color-blue-700);
|
|
1416
1472
|
}
|
|
1417
1473
|
.text-blue-800 {
|
|
1418
|
-
color:
|
|
1474
|
+
color: var(--color-blue-800);
|
|
1419
1475
|
}
|
|
1420
1476
|
.text-blue-900 {
|
|
1421
|
-
color:
|
|
1477
|
+
color: var(--color-blue-900);
|
|
1422
1478
|
}
|
|
1423
1479
|
.text-blue-950 {
|
|
1424
|
-
color:
|
|
1425
|
-
}
|
|
1426
|
-
.text-border {
|
|
1427
|
-
color: var(--color-secondary-300);
|
|
1428
|
-
}
|
|
1429
|
-
.text-border-error {
|
|
1430
|
-
color: var(--color-red-400);
|
|
1431
|
-
}
|
|
1432
|
-
.text-border-primary {
|
|
1433
|
-
color: var(--color-secondary-950);
|
|
1434
|
-
}
|
|
1435
|
-
.text-border-success {
|
|
1436
|
-
color: var(--color-lime-500);
|
|
1480
|
+
color: var(--color-blue-950);
|
|
1437
1481
|
}
|
|
1438
1482
|
.text-code-50 {
|
|
1439
|
-
color:
|
|
1483
|
+
color: var(--color-code-50);
|
|
1440
1484
|
}
|
|
1441
1485
|
.text-code-100 {
|
|
1442
|
-
color:
|
|
1486
|
+
color: var(--color-code-100);
|
|
1443
1487
|
}
|
|
1444
1488
|
.text-code-200 {
|
|
1445
|
-
color:
|
|
1489
|
+
color: var(--color-code-200);
|
|
1446
1490
|
}
|
|
1447
1491
|
.text-code-300 {
|
|
1448
|
-
color:
|
|
1492
|
+
color: var(--color-code-300);
|
|
1449
1493
|
}
|
|
1450
1494
|
.text-code-400 {
|
|
1451
|
-
color:
|
|
1495
|
+
color: var(--color-code-400);
|
|
1452
1496
|
}
|
|
1453
1497
|
.text-code-500 {
|
|
1454
|
-
color:
|
|
1498
|
+
color: var(--color-code-500);
|
|
1455
1499
|
}
|
|
1456
1500
|
.text-code-600 {
|
|
1457
|
-
color:
|
|
1501
|
+
color: var(--color-code-600);
|
|
1458
1502
|
}
|
|
1459
1503
|
.text-code-700 {
|
|
1460
|
-
color:
|
|
1504
|
+
color: var(--color-code-700);
|
|
1461
1505
|
}
|
|
1462
1506
|
.text-code-800 {
|
|
1463
|
-
color:
|
|
1507
|
+
color: var(--color-code-800);
|
|
1464
1508
|
}
|
|
1465
1509
|
.text-code-900 {
|
|
1466
|
-
color:
|
|
1510
|
+
color: var(--color-code-900);
|
|
1467
1511
|
}
|
|
1468
1512
|
.text-code-950 {
|
|
1469
|
-
color:
|
|
1513
|
+
color: var(--color-code-950);
|
|
1470
1514
|
}
|
|
1471
1515
|
.text-lime-50 {
|
|
1472
|
-
color:
|
|
1516
|
+
color: var(--color-lime-50);
|
|
1473
1517
|
}
|
|
1474
1518
|
.text-lime-100 {
|
|
1475
|
-
color:
|
|
1519
|
+
color: var(--color-lime-100);
|
|
1476
1520
|
}
|
|
1477
1521
|
.text-lime-200 {
|
|
1478
|
-
color:
|
|
1522
|
+
color: var(--color-lime-200);
|
|
1479
1523
|
}
|
|
1480
1524
|
.text-lime-300 {
|
|
1481
|
-
color:
|
|
1525
|
+
color: var(--color-lime-300);
|
|
1482
1526
|
}
|
|
1483
1527
|
.text-lime-400 {
|
|
1484
|
-
color:
|
|
1528
|
+
color: var(--color-lime-400);
|
|
1485
1529
|
}
|
|
1486
1530
|
.text-lime-500 {
|
|
1487
|
-
color:
|
|
1531
|
+
color: var(--color-lime-500);
|
|
1488
1532
|
}
|
|
1489
1533
|
.text-lime-600 {
|
|
1490
|
-
color:
|
|
1534
|
+
color: var(--color-lime-600);
|
|
1491
1535
|
}
|
|
1492
1536
|
.text-lime-700 {
|
|
1493
|
-
color:
|
|
1537
|
+
color: var(--color-lime-700);
|
|
1494
1538
|
}
|
|
1495
1539
|
.text-lime-800 {
|
|
1496
|
-
color:
|
|
1540
|
+
color: var(--color-lime-800);
|
|
1497
1541
|
}
|
|
1498
1542
|
.text-lime-900 {
|
|
1499
|
-
color:
|
|
1543
|
+
color: var(--color-lime-900);
|
|
1500
1544
|
}
|
|
1501
1545
|
.text-lime-950 {
|
|
1502
|
-
color:
|
|
1546
|
+
color: var(--color-lime-950);
|
|
1503
1547
|
}
|
|
1504
1548
|
.text-neutral-50 {
|
|
1505
|
-
color:
|
|
1549
|
+
color: var(--color-neutral-50);
|
|
1506
1550
|
}
|
|
1507
1551
|
.text-neutral-100 {
|
|
1508
|
-
color:
|
|
1552
|
+
color: var(--color-neutral-100);
|
|
1509
1553
|
}
|
|
1510
1554
|
.text-neutral-200 {
|
|
1511
|
-
color:
|
|
1555
|
+
color: var(--color-neutral-200);
|
|
1512
1556
|
}
|
|
1513
1557
|
.text-neutral-300 {
|
|
1514
|
-
color:
|
|
1558
|
+
color: var(--color-neutral-300);
|
|
1515
1559
|
}
|
|
1516
1560
|
.text-neutral-400 {
|
|
1517
|
-
color:
|
|
1561
|
+
color: var(--color-neutral-400);
|
|
1518
1562
|
}
|
|
1519
1563
|
.text-neutral-500 {
|
|
1520
|
-
color:
|
|
1564
|
+
color: var(--color-neutral-500);
|
|
1521
1565
|
}
|
|
1522
1566
|
.text-neutral-600 {
|
|
1523
|
-
color:
|
|
1567
|
+
color: var(--color-neutral-600);
|
|
1524
1568
|
}
|
|
1525
1569
|
.text-neutral-700 {
|
|
1526
|
-
color:
|
|
1570
|
+
color: var(--color-neutral-700);
|
|
1527
1571
|
}
|
|
1528
1572
|
.text-neutral-800 {
|
|
1529
|
-
color:
|
|
1573
|
+
color: var(--color-neutral-800);
|
|
1530
1574
|
}
|
|
1531
1575
|
.text-neutral-900 {
|
|
1532
|
-
color:
|
|
1576
|
+
color: var(--color-neutral-900);
|
|
1533
1577
|
}
|
|
1534
1578
|
.text-neutral-950 {
|
|
1535
|
-
color:
|
|
1579
|
+
color: var(--color-neutral-950);
|
|
1536
1580
|
}
|
|
1537
1581
|
.text-primary-50 {
|
|
1538
|
-
color:
|
|
1582
|
+
color: var(--color-primary-50);
|
|
1539
1583
|
}
|
|
1540
1584
|
.text-primary-100 {
|
|
1541
|
-
color:
|
|
1585
|
+
color: var(--color-primary-100);
|
|
1542
1586
|
}
|
|
1543
1587
|
.text-primary-200 {
|
|
1544
|
-
color:
|
|
1588
|
+
color: var(--color-primary-200);
|
|
1545
1589
|
}
|
|
1546
1590
|
.text-primary-300 {
|
|
1547
|
-
color:
|
|
1591
|
+
color: var(--color-primary-300);
|
|
1548
1592
|
}
|
|
1549
1593
|
.text-primary-400 {
|
|
1550
|
-
color:
|
|
1594
|
+
color: var(--color-primary-400);
|
|
1551
1595
|
}
|
|
1552
1596
|
.text-primary-500 {
|
|
1553
|
-
color:
|
|
1597
|
+
color: var(--color-primary-500);
|
|
1554
1598
|
}
|
|
1555
1599
|
.text-primary-600 {
|
|
1556
|
-
color:
|
|
1600
|
+
color: var(--color-primary-600);
|
|
1557
1601
|
}
|
|
1558
1602
|
.text-primary-700 {
|
|
1559
|
-
color:
|
|
1603
|
+
color: var(--color-primary-700);
|
|
1560
1604
|
}
|
|
1561
1605
|
.text-primary-800 {
|
|
1562
|
-
color:
|
|
1606
|
+
color: var(--color-primary-800);
|
|
1563
1607
|
}
|
|
1564
1608
|
.text-primary-900 {
|
|
1565
|
-
color:
|
|
1609
|
+
color: var(--color-primary-900);
|
|
1566
1610
|
}
|
|
1567
1611
|
.text-primary-950 {
|
|
1568
|
-
color:
|
|
1569
|
-
}
|
|
1570
|
-
.text-primary-950\/60 {
|
|
1571
|
-
color: color-mix(in oklab, #190d00 60%, transparent);
|
|
1612
|
+
color: var(--color-primary-950);
|
|
1572
1613
|
}
|
|
1573
1614
|
.text-purple-100 {
|
|
1574
1615
|
color: var(--color-purple-100);
|
|
1575
1616
|
}
|
|
1576
1617
|
.text-red-50 {
|
|
1577
|
-
color:
|
|
1618
|
+
color: var(--color-red-50);
|
|
1578
1619
|
}
|
|
1579
1620
|
.text-red-100 {
|
|
1580
|
-
color:
|
|
1621
|
+
color: var(--color-red-100);
|
|
1581
1622
|
}
|
|
1582
1623
|
.text-red-200 {
|
|
1583
|
-
color:
|
|
1624
|
+
color: var(--color-red-200);
|
|
1584
1625
|
}
|
|
1585
1626
|
.text-red-300 {
|
|
1586
|
-
color:
|
|
1627
|
+
color: var(--color-red-300);
|
|
1587
1628
|
}
|
|
1588
1629
|
.text-red-400 {
|
|
1589
|
-
color:
|
|
1630
|
+
color: var(--color-red-400);
|
|
1590
1631
|
}
|
|
1591
1632
|
.text-red-500 {
|
|
1592
|
-
color:
|
|
1633
|
+
color: var(--color-red-500);
|
|
1593
1634
|
}
|
|
1594
1635
|
.text-red-600 {
|
|
1595
|
-
color:
|
|
1636
|
+
color: var(--color-red-600);
|
|
1596
1637
|
}
|
|
1597
1638
|
.text-red-700 {
|
|
1598
|
-
color:
|
|
1639
|
+
color: var(--color-red-700);
|
|
1599
1640
|
}
|
|
1600
1641
|
.text-red-800 {
|
|
1601
|
-
color:
|
|
1642
|
+
color: var(--color-red-800);
|
|
1602
1643
|
}
|
|
1603
1644
|
.text-red-900 {
|
|
1604
|
-
color:
|
|
1645
|
+
color: var(--color-red-900);
|
|
1605
1646
|
}
|
|
1606
1647
|
.text-red-950 {
|
|
1607
|
-
color:
|
|
1648
|
+
color: var(--color-red-950);
|
|
1608
1649
|
}
|
|
1609
1650
|
.text-secondary-50 {
|
|
1610
|
-
color:
|
|
1651
|
+
color: var(--color-secondary-50);
|
|
1611
1652
|
}
|
|
1612
1653
|
.text-secondary-100 {
|
|
1613
|
-
color:
|
|
1654
|
+
color: var(--color-secondary-100);
|
|
1614
1655
|
}
|
|
1615
1656
|
.text-secondary-200 {
|
|
1616
|
-
color:
|
|
1657
|
+
color: var(--color-secondary-200);
|
|
1617
1658
|
}
|
|
1618
1659
|
.text-secondary-300 {
|
|
1619
|
-
color:
|
|
1660
|
+
color: var(--color-secondary-300);
|
|
1620
1661
|
}
|
|
1621
1662
|
.text-secondary-400 {
|
|
1622
|
-
color:
|
|
1663
|
+
color: var(--color-secondary-400);
|
|
1623
1664
|
}
|
|
1624
1665
|
.text-secondary-500 {
|
|
1625
|
-
color:
|
|
1666
|
+
color: var(--color-secondary-500);
|
|
1626
1667
|
}
|
|
1627
1668
|
.text-secondary-600 {
|
|
1628
|
-
color:
|
|
1669
|
+
color: var(--color-secondary-600);
|
|
1629
1670
|
}
|
|
1630
1671
|
.text-secondary-700 {
|
|
1631
|
-
color:
|
|
1672
|
+
color: var(--color-secondary-700);
|
|
1632
1673
|
}
|
|
1633
1674
|
.text-secondary-800 {
|
|
1634
|
-
color:
|
|
1675
|
+
color: var(--color-secondary-800);
|
|
1635
1676
|
}
|
|
1636
1677
|
.text-secondary-900 {
|
|
1637
|
-
color:
|
|
1678
|
+
color: var(--color-secondary-900);
|
|
1638
1679
|
}
|
|
1639
1680
|
.text-secondary-950 {
|
|
1640
|
-
color:
|
|
1641
|
-
}
|
|
1642
|
-
.text-secondary-950\/60 {
|
|
1643
|
-
color: color-mix(in oklab, #020617 60%, transparent);
|
|
1681
|
+
color: var(--color-secondary-950);
|
|
1644
1682
|
}
|
|
1645
1683
|
.text-text-disabled {
|
|
1646
|
-
color: var(--color-
|
|
1684
|
+
color: var(--color-text-disabled);
|
|
1647
1685
|
}
|
|
1648
1686
|
.text-text-info {
|
|
1649
|
-
color: var(--color-
|
|
1687
|
+
color: var(--color-text-info);
|
|
1650
1688
|
}
|
|
1651
1689
|
.text-text-primary {
|
|
1652
|
-
color: var(--color-
|
|
1690
|
+
color: var(--color-text-primary);
|
|
1653
1691
|
}
|
|
1654
1692
|
.text-text-primary-muted {
|
|
1655
|
-
color: var(--color-
|
|
1656
|
-
}
|
|
1657
|
-
.text-text-primary\/60 {
|
|
1658
|
-
color: color-mix(in srgb, #020617 60%, transparent);
|
|
1659
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
1660
|
-
color: color-mix(in oklab, var(--color-secondary-950) 60%, transparent);
|
|
1661
|
-
}
|
|
1693
|
+
color: var(--color-text-primary-muted);
|
|
1662
1694
|
}
|
|
1663
1695
|
.text-text-warning {
|
|
1664
|
-
color: var(--color-
|
|
1696
|
+
color: var(--color-text-warning);
|
|
1665
1697
|
}
|
|
1666
1698
|
.text-white {
|
|
1667
|
-
color:
|
|
1699
|
+
color: var(--color-white);
|
|
1668
1700
|
}
|
|
1669
1701
|
.underline {
|
|
1670
1702
|
text-decoration-line: underline;
|
|
@@ -1687,673 +1719,643 @@
|
|
|
1687
1719
|
.shadow-amber-50 {
|
|
1688
1720
|
--tw-shadow-color: #fffbeb;
|
|
1689
1721
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1690
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1722
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-amber-50) var(--tw-shadow-alpha), transparent);
|
|
1691
1723
|
}
|
|
1692
1724
|
}
|
|
1693
1725
|
.shadow-amber-100 {
|
|
1694
1726
|
--tw-shadow-color: #fef3c7;
|
|
1695
1727
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1696
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1728
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-amber-100) var(--tw-shadow-alpha), transparent);
|
|
1697
1729
|
}
|
|
1698
1730
|
}
|
|
1699
1731
|
.shadow-amber-200 {
|
|
1700
1732
|
--tw-shadow-color: #fde68a;
|
|
1701
1733
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1702
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1734
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-amber-200) var(--tw-shadow-alpha), transparent);
|
|
1703
1735
|
}
|
|
1704
1736
|
}
|
|
1705
1737
|
.shadow-amber-300 {
|
|
1706
1738
|
--tw-shadow-color: #fcd34d;
|
|
1707
1739
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1708
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1740
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-amber-300) var(--tw-shadow-alpha), transparent);
|
|
1709
1741
|
}
|
|
1710
1742
|
}
|
|
1711
1743
|
.shadow-amber-400 {
|
|
1712
1744
|
--tw-shadow-color: #fbbf24;
|
|
1713
1745
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1714
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1746
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-amber-400) var(--tw-shadow-alpha), transparent);
|
|
1715
1747
|
}
|
|
1716
1748
|
}
|
|
1717
1749
|
.shadow-amber-500 {
|
|
1718
1750
|
--tw-shadow-color: #f59e0b;
|
|
1719
1751
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1720
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1752
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-amber-500) var(--tw-shadow-alpha), transparent);
|
|
1721
1753
|
}
|
|
1722
1754
|
}
|
|
1723
1755
|
.shadow-amber-600 {
|
|
1724
1756
|
--tw-shadow-color: #d97706;
|
|
1725
1757
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1726
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1758
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-amber-600) var(--tw-shadow-alpha), transparent);
|
|
1727
1759
|
}
|
|
1728
1760
|
}
|
|
1729
1761
|
.shadow-amber-700 {
|
|
1730
1762
|
--tw-shadow-color: #b45309;
|
|
1731
1763
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1732
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1764
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-amber-700) var(--tw-shadow-alpha), transparent);
|
|
1733
1765
|
}
|
|
1734
1766
|
}
|
|
1735
1767
|
.shadow-amber-800 {
|
|
1736
1768
|
--tw-shadow-color: #92400e;
|
|
1737
1769
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1738
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1770
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-amber-800) var(--tw-shadow-alpha), transparent);
|
|
1739
1771
|
}
|
|
1740
1772
|
}
|
|
1741
1773
|
.shadow-amber-900 {
|
|
1742
1774
|
--tw-shadow-color: #78350f;
|
|
1743
1775
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1744
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1776
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-amber-900) var(--tw-shadow-alpha), transparent);
|
|
1745
1777
|
}
|
|
1746
1778
|
}
|
|
1747
1779
|
.shadow-amber-950 {
|
|
1748
1780
|
--tw-shadow-color: #451a03;
|
|
1749
1781
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1750
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1782
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-amber-950) var(--tw-shadow-alpha), transparent);
|
|
1751
1783
|
}
|
|
1752
1784
|
}
|
|
1753
1785
|
.shadow-bg-body {
|
|
1754
|
-
--tw-shadow-color:
|
|
1786
|
+
--tw-shadow-color: var(--color-secondary-50);
|
|
1755
1787
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1756
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
1788
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-bg-body) var(--tw-shadow-alpha), transparent);
|
|
1757
1789
|
}
|
|
1758
1790
|
}
|
|
1759
1791
|
.shadow-bg-disabled {
|
|
1760
|
-
--tw-shadow-color:
|
|
1792
|
+
--tw-shadow-color: var(--color-secondary-100);
|
|
1761
1793
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1762
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
1794
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-bg-disabled) var(--tw-shadow-alpha), transparent);
|
|
1763
1795
|
}
|
|
1764
1796
|
}
|
|
1765
1797
|
.shadow-bg-error {
|
|
1766
|
-
--tw-shadow-color:
|
|
1798
|
+
--tw-shadow-color: var(--color-red-50);
|
|
1767
1799
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1768
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
1800
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-bg-error) var(--tw-shadow-alpha), transparent);
|
|
1769
1801
|
}
|
|
1770
1802
|
}
|
|
1771
1803
|
.shadow-bg-hover {
|
|
1772
|
-
--tw-shadow-color:
|
|
1804
|
+
--tw-shadow-color: var(--color-neutral-100);
|
|
1773
1805
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1774
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
1806
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-bg-hover) var(--tw-shadow-alpha), transparent);
|
|
1775
1807
|
}
|
|
1776
1808
|
}
|
|
1777
1809
|
.shadow-bg-info {
|
|
1778
|
-
--tw-shadow-color:
|
|
1810
|
+
--tw-shadow-color: var(--color-blue-50);
|
|
1779
1811
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1780
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
1812
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-bg-info) var(--tw-shadow-alpha), transparent);
|
|
1781
1813
|
}
|
|
1782
1814
|
}
|
|
1783
1815
|
.shadow-bg-inverted {
|
|
1784
|
-
--tw-shadow-color:
|
|
1816
|
+
--tw-shadow-color: var(--color-secondary-700);
|
|
1785
1817
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1786
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
1818
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-bg-inverted) var(--tw-shadow-alpha), transparent);
|
|
1787
1819
|
}
|
|
1788
1820
|
}
|
|
1789
1821
|
.shadow-bg-muted {
|
|
1790
|
-
--tw-shadow-color:
|
|
1822
|
+
--tw-shadow-color: var(--color-secondary-100);
|
|
1791
1823
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1792
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
1824
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-bg-muted) var(--tw-shadow-alpha), transparent);
|
|
1793
1825
|
}
|
|
1794
1826
|
}
|
|
1795
1827
|
.shadow-bg-success {
|
|
1796
|
-
--tw-shadow-color:
|
|
1828
|
+
--tw-shadow-color: var(--color-lime-50);
|
|
1797
1829
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1798
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
1830
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-bg-success) var(--tw-shadow-alpha), transparent);
|
|
1799
1831
|
}
|
|
1800
1832
|
}
|
|
1801
1833
|
.shadow-bg-surface {
|
|
1802
|
-
--tw-shadow-color:
|
|
1834
|
+
--tw-shadow-color: var(--color-secondary-50);
|
|
1803
1835
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1804
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
1836
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-bg-surface) var(--tw-shadow-alpha), transparent);
|
|
1805
1837
|
}
|
|
1806
1838
|
}
|
|
1807
1839
|
.shadow-bg-surface-lowered {
|
|
1808
|
-
--tw-shadow-color:
|
|
1840
|
+
--tw-shadow-color: var(--color-secondary-100);
|
|
1809
1841
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1810
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
1842
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-bg-surface-lowered) var(--tw-shadow-alpha), transparent);
|
|
1811
1843
|
}
|
|
1812
1844
|
}
|
|
1813
1845
|
.shadow-bg-surface-overlay {
|
|
1814
|
-
--tw-shadow-color:
|
|
1846
|
+
--tw-shadow-color: var(--color-white);
|
|
1815
1847
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1816
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
1848
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-bg-surface-overlay) var(--tw-shadow-alpha), transparent);
|
|
1817
1849
|
}
|
|
1818
1850
|
}
|
|
1819
1851
|
.shadow-bg-surface-raised {
|
|
1820
|
-
--tw-shadow-color:
|
|
1852
|
+
--tw-shadow-color: var(--color-secondary-50);
|
|
1821
1853
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1822
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
1854
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-bg-surface-raised) var(--tw-shadow-alpha), transparent);
|
|
1823
1855
|
}
|
|
1824
1856
|
}
|
|
1825
1857
|
.shadow-bg-underlay {
|
|
1826
|
-
--tw-shadow-color:
|
|
1858
|
+
--tw-shadow-color: var(--color-secondary-500);
|
|
1827
1859
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1828
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
1860
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-bg-underlay) var(--tw-shadow-alpha), transparent);
|
|
1829
1861
|
}
|
|
1830
1862
|
}
|
|
1831
1863
|
.shadow-bg-warning {
|
|
1832
|
-
--tw-shadow-color:
|
|
1864
|
+
--tw-shadow-color: var(--color-amber-50);
|
|
1833
1865
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1834
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
1866
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-bg-warning) var(--tw-shadow-alpha), transparent);
|
|
1835
1867
|
}
|
|
1836
1868
|
}
|
|
1837
1869
|
.shadow-blue-50 {
|
|
1838
1870
|
--tw-shadow-color: #eff6ff;
|
|
1839
1871
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1840
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1872
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-blue-50) var(--tw-shadow-alpha), transparent);
|
|
1841
1873
|
}
|
|
1842
1874
|
}
|
|
1843
1875
|
.shadow-blue-100 {
|
|
1844
1876
|
--tw-shadow-color: #dbeafe;
|
|
1845
1877
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1846
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1878
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-blue-100) var(--tw-shadow-alpha), transparent);
|
|
1847
1879
|
}
|
|
1848
1880
|
}
|
|
1849
1881
|
.shadow-blue-200 {
|
|
1850
1882
|
--tw-shadow-color: #bfdbfe;
|
|
1851
1883
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1852
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1884
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-blue-200) var(--tw-shadow-alpha), transparent);
|
|
1853
1885
|
}
|
|
1854
1886
|
}
|
|
1855
1887
|
.shadow-blue-300 {
|
|
1856
1888
|
--tw-shadow-color: #93c5fd;
|
|
1857
1889
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1858
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1890
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-blue-300) var(--tw-shadow-alpha), transparent);
|
|
1859
1891
|
}
|
|
1860
1892
|
}
|
|
1861
1893
|
.shadow-blue-400 {
|
|
1862
1894
|
--tw-shadow-color: #60a5fa;
|
|
1863
1895
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1864
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1896
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-blue-400) var(--tw-shadow-alpha), transparent);
|
|
1865
1897
|
}
|
|
1866
1898
|
}
|
|
1867
1899
|
.shadow-blue-500 {
|
|
1868
1900
|
--tw-shadow-color: #3b82f6;
|
|
1869
1901
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1870
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1902
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-blue-500) var(--tw-shadow-alpha), transparent);
|
|
1871
1903
|
}
|
|
1872
1904
|
}
|
|
1873
1905
|
.shadow-blue-600 {
|
|
1874
1906
|
--tw-shadow-color: #2563eb;
|
|
1875
1907
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1876
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1908
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-blue-600) var(--tw-shadow-alpha), transparent);
|
|
1877
1909
|
}
|
|
1878
1910
|
}
|
|
1879
1911
|
.shadow-blue-700 {
|
|
1880
1912
|
--tw-shadow-color: #1d4ed8;
|
|
1881
1913
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1882
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1914
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-blue-700) var(--tw-shadow-alpha), transparent);
|
|
1883
1915
|
}
|
|
1884
1916
|
}
|
|
1885
1917
|
.shadow-blue-800 {
|
|
1886
1918
|
--tw-shadow-color: #1e40af;
|
|
1887
1919
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1888
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1920
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-blue-800) var(--tw-shadow-alpha), transparent);
|
|
1889
1921
|
}
|
|
1890
1922
|
}
|
|
1891
1923
|
.shadow-blue-900 {
|
|
1892
1924
|
--tw-shadow-color: #1e3a8a;
|
|
1893
1925
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1894
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1926
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-blue-900) var(--tw-shadow-alpha), transparent);
|
|
1895
1927
|
}
|
|
1896
1928
|
}
|
|
1897
1929
|
.shadow-blue-950 {
|
|
1898
1930
|
--tw-shadow-color: #172554;
|
|
1899
1931
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1900
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1901
|
-
}
|
|
1902
|
-
}
|
|
1903
|
-
.shadow-border {
|
|
1904
|
-
--tw-shadow-color: #cbd5e1;
|
|
1905
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
1906
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-secondary-300) var(--tw-shadow-alpha), transparent);
|
|
1907
|
-
}
|
|
1908
|
-
}
|
|
1909
|
-
.shadow-border-error {
|
|
1910
|
-
--tw-shadow-color: #f87171;
|
|
1911
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
1912
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-red-400) var(--tw-shadow-alpha), transparent);
|
|
1913
|
-
}
|
|
1914
|
-
}
|
|
1915
|
-
.shadow-border-primary {
|
|
1916
|
-
--tw-shadow-color: #020617;
|
|
1917
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
1918
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-secondary-950) var(--tw-shadow-alpha), transparent);
|
|
1919
|
-
}
|
|
1920
|
-
}
|
|
1921
|
-
.shadow-border-success {
|
|
1922
|
-
--tw-shadow-color: #84cc16;
|
|
1923
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
1924
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-lime-500) var(--tw-shadow-alpha), transparent);
|
|
1932
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-blue-950) var(--tw-shadow-alpha), transparent);
|
|
1925
1933
|
}
|
|
1926
1934
|
}
|
|
1927
1935
|
.shadow-code-50 {
|
|
1928
1936
|
--tw-shadow-color: #f6f7f9;
|
|
1929
1937
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1930
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1938
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-code-50) var(--tw-shadow-alpha), transparent);
|
|
1931
1939
|
}
|
|
1932
1940
|
}
|
|
1933
1941
|
.shadow-code-100 {
|
|
1934
1942
|
--tw-shadow-color: #ebecf3;
|
|
1935
1943
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1936
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1944
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-code-100) var(--tw-shadow-alpha), transparent);
|
|
1937
1945
|
}
|
|
1938
1946
|
}
|
|
1939
1947
|
.shadow-code-200 {
|
|
1940
1948
|
--tw-shadow-color: #d3d6e4;
|
|
1941
1949
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1942
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1950
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-code-200) var(--tw-shadow-alpha), transparent);
|
|
1943
1951
|
}
|
|
1944
1952
|
}
|
|
1945
1953
|
.shadow-code-300 {
|
|
1946
1954
|
--tw-shadow-color: #acb3cd;
|
|
1947
1955
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1948
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1956
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-code-300) var(--tw-shadow-alpha), transparent);
|
|
1949
1957
|
}
|
|
1950
1958
|
}
|
|
1951
1959
|
.shadow-code-400 {
|
|
1952
1960
|
--tw-shadow-color: #808cb0;
|
|
1953
1961
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1954
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1962
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-code-400) var(--tw-shadow-alpha), transparent);
|
|
1955
1963
|
}
|
|
1956
1964
|
}
|
|
1957
1965
|
.shadow-code-500 {
|
|
1958
1966
|
--tw-shadow-color: #606e97;
|
|
1959
1967
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1960
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1968
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-code-500) var(--tw-shadow-alpha), transparent);
|
|
1961
1969
|
}
|
|
1962
1970
|
}
|
|
1963
1971
|
.shadow-code-600 {
|
|
1964
1972
|
--tw-shadow-color: #4b557e;
|
|
1965
1973
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1966
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1974
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-code-600) var(--tw-shadow-alpha), transparent);
|
|
1967
1975
|
}
|
|
1968
1976
|
}
|
|
1969
1977
|
.shadow-code-700 {
|
|
1970
1978
|
--tw-shadow-color: #3e4666;
|
|
1971
1979
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1972
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1980
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-code-700) var(--tw-shadow-alpha), transparent);
|
|
1973
1981
|
}
|
|
1974
1982
|
}
|
|
1975
1983
|
.shadow-code-800 {
|
|
1976
1984
|
--tw-shadow-color: #363d56;
|
|
1977
1985
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1978
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1986
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-code-800) var(--tw-shadow-alpha), transparent);
|
|
1979
1987
|
}
|
|
1980
1988
|
}
|
|
1981
1989
|
.shadow-code-900 {
|
|
1982
1990
|
--tw-shadow-color: #292d3e;
|
|
1983
1991
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1984
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1992
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-code-900) var(--tw-shadow-alpha), transparent);
|
|
1985
1993
|
}
|
|
1986
1994
|
}
|
|
1987
1995
|
.shadow-code-950 {
|
|
1988
1996
|
--tw-shadow-color: #202231;
|
|
1989
1997
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1990
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
1998
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-code-950) var(--tw-shadow-alpha), transparent);
|
|
1991
1999
|
}
|
|
1992
2000
|
}
|
|
1993
2001
|
.shadow-lime-50 {
|
|
1994
2002
|
--tw-shadow-color: #f7fee7;
|
|
1995
2003
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1996
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2004
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-lime-50) var(--tw-shadow-alpha), transparent);
|
|
1997
2005
|
}
|
|
1998
2006
|
}
|
|
1999
2007
|
.shadow-lime-100 {
|
|
2000
2008
|
--tw-shadow-color: #ecfccb;
|
|
2001
2009
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2002
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2010
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-lime-100) var(--tw-shadow-alpha), transparent);
|
|
2003
2011
|
}
|
|
2004
2012
|
}
|
|
2005
2013
|
.shadow-lime-200 {
|
|
2006
2014
|
--tw-shadow-color: #d9f99d;
|
|
2007
2015
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2008
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2016
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-lime-200) var(--tw-shadow-alpha), transparent);
|
|
2009
2017
|
}
|
|
2010
2018
|
}
|
|
2011
2019
|
.shadow-lime-300 {
|
|
2012
2020
|
--tw-shadow-color: #bef264;
|
|
2013
2021
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2014
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2022
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-lime-300) var(--tw-shadow-alpha), transparent);
|
|
2015
2023
|
}
|
|
2016
2024
|
}
|
|
2017
2025
|
.shadow-lime-400 {
|
|
2018
2026
|
--tw-shadow-color: #a3e635;
|
|
2019
2027
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2020
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2028
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-lime-400) var(--tw-shadow-alpha), transparent);
|
|
2021
2029
|
}
|
|
2022
2030
|
}
|
|
2023
2031
|
.shadow-lime-500 {
|
|
2024
2032
|
--tw-shadow-color: #84cc16;
|
|
2025
2033
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2026
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2034
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-lime-500) var(--tw-shadow-alpha), transparent);
|
|
2027
2035
|
}
|
|
2028
2036
|
}
|
|
2029
2037
|
.shadow-lime-600 {
|
|
2030
2038
|
--tw-shadow-color: #65a30d;
|
|
2031
2039
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2032
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2040
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-lime-600) var(--tw-shadow-alpha), transparent);
|
|
2033
2041
|
}
|
|
2034
2042
|
}
|
|
2035
2043
|
.shadow-lime-700 {
|
|
2036
2044
|
--tw-shadow-color: #4d7c0f;
|
|
2037
2045
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2038
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2046
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-lime-700) var(--tw-shadow-alpha), transparent);
|
|
2039
2047
|
}
|
|
2040
2048
|
}
|
|
2041
2049
|
.shadow-lime-800 {
|
|
2042
2050
|
--tw-shadow-color: #3f6212;
|
|
2043
2051
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2044
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2052
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-lime-800) var(--tw-shadow-alpha), transparent);
|
|
2045
2053
|
}
|
|
2046
2054
|
}
|
|
2047
2055
|
.shadow-lime-900 {
|
|
2048
2056
|
--tw-shadow-color: #365314;
|
|
2049
2057
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2050
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2058
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-lime-900) var(--tw-shadow-alpha), transparent);
|
|
2051
2059
|
}
|
|
2052
2060
|
}
|
|
2053
2061
|
.shadow-lime-950 {
|
|
2054
2062
|
--tw-shadow-color: #1a2e05;
|
|
2055
2063
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2056
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2064
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-lime-950) var(--tw-shadow-alpha), transparent);
|
|
2057
2065
|
}
|
|
2058
2066
|
}
|
|
2059
2067
|
.shadow-neutral-50 {
|
|
2060
2068
|
--tw-shadow-color: #fafafa;
|
|
2061
2069
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2062
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2070
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-neutral-50) var(--tw-shadow-alpha), transparent);
|
|
2063
2071
|
}
|
|
2064
2072
|
}
|
|
2065
2073
|
.shadow-neutral-100 {
|
|
2066
2074
|
--tw-shadow-color: #f5f5f5;
|
|
2067
2075
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2068
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2076
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-neutral-100) var(--tw-shadow-alpha), transparent);
|
|
2069
2077
|
}
|
|
2070
2078
|
}
|
|
2071
2079
|
.shadow-neutral-200 {
|
|
2072
2080
|
--tw-shadow-color: #e5e5e5;
|
|
2073
2081
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2074
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2082
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-neutral-200) var(--tw-shadow-alpha), transparent);
|
|
2075
2083
|
}
|
|
2076
2084
|
}
|
|
2077
2085
|
.shadow-neutral-300 {
|
|
2078
2086
|
--tw-shadow-color: #d4d4d4;
|
|
2079
2087
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2080
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2088
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-neutral-300) var(--tw-shadow-alpha), transparent);
|
|
2081
2089
|
}
|
|
2082
2090
|
}
|
|
2083
2091
|
.shadow-neutral-400 {
|
|
2084
2092
|
--tw-shadow-color: #a3a3a3;
|
|
2085
2093
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2086
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2094
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-neutral-400) var(--tw-shadow-alpha), transparent);
|
|
2087
2095
|
}
|
|
2088
2096
|
}
|
|
2089
2097
|
.shadow-neutral-500 {
|
|
2090
2098
|
--tw-shadow-color: #737373;
|
|
2091
2099
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2092
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2100
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-neutral-500) var(--tw-shadow-alpha), transparent);
|
|
2093
2101
|
}
|
|
2094
2102
|
}
|
|
2095
2103
|
.shadow-neutral-600 {
|
|
2096
2104
|
--tw-shadow-color: #525252;
|
|
2097
2105
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2098
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2106
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-neutral-600) var(--tw-shadow-alpha), transparent);
|
|
2099
2107
|
}
|
|
2100
2108
|
}
|
|
2101
2109
|
.shadow-neutral-700 {
|
|
2102
2110
|
--tw-shadow-color: #404040;
|
|
2103
2111
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2104
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2112
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-neutral-700) var(--tw-shadow-alpha), transparent);
|
|
2105
2113
|
}
|
|
2106
2114
|
}
|
|
2107
2115
|
.shadow-neutral-800 {
|
|
2108
2116
|
--tw-shadow-color: #262626;
|
|
2109
2117
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2110
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2118
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-neutral-800) var(--tw-shadow-alpha), transparent);
|
|
2111
2119
|
}
|
|
2112
2120
|
}
|
|
2113
2121
|
.shadow-neutral-900 {
|
|
2114
2122
|
--tw-shadow-color: #171717;
|
|
2115
2123
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2116
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2124
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-neutral-900) var(--tw-shadow-alpha), transparent);
|
|
2117
2125
|
}
|
|
2118
2126
|
}
|
|
2119
2127
|
.shadow-neutral-950 {
|
|
2120
2128
|
--tw-shadow-color: #0a0a0a;
|
|
2121
2129
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2122
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2130
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-neutral-950) var(--tw-shadow-alpha), transparent);
|
|
2123
2131
|
}
|
|
2124
2132
|
}
|
|
2125
2133
|
.shadow-primary-50 {
|
|
2126
2134
|
--tw-shadow-color: #fff2e6;
|
|
2127
2135
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2128
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2136
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-primary-50) var(--tw-shadow-alpha), transparent);
|
|
2129
2137
|
}
|
|
2130
2138
|
}
|
|
2131
2139
|
.shadow-primary-100 {
|
|
2132
2140
|
--tw-shadow-color: #fee6cd;
|
|
2133
2141
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2134
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2142
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-primary-100) var(--tw-shadow-alpha), transparent);
|
|
2135
2143
|
}
|
|
2136
2144
|
}
|
|
2137
2145
|
.shadow-primary-200 {
|
|
2138
2146
|
--tw-shadow-color: #fdcc9b;
|
|
2139
2147
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2140
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2148
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-primary-200) var(--tw-shadow-alpha), transparent);
|
|
2141
2149
|
}
|
|
2142
2150
|
}
|
|
2143
2151
|
.shadow-primary-300 {
|
|
2144
2152
|
--tw-shadow-color: #fcb369;
|
|
2145
2153
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2146
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2154
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-primary-300) var(--tw-shadow-alpha), transparent);
|
|
2147
2155
|
}
|
|
2148
2156
|
}
|
|
2149
2157
|
.shadow-primary-400 {
|
|
2150
2158
|
--tw-shadow-color: #fb9937;
|
|
2151
2159
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2152
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2160
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-primary-400) var(--tw-shadow-alpha), transparent);
|
|
2153
2161
|
}
|
|
2154
2162
|
}
|
|
2155
2163
|
.shadow-primary-500 {
|
|
2156
2164
|
--tw-shadow-color: #fa8005;
|
|
2157
2165
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2158
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2166
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-primary-500) var(--tw-shadow-alpha), transparent);
|
|
2159
2167
|
}
|
|
2160
2168
|
}
|
|
2161
2169
|
.shadow-primary-600 {
|
|
2162
2170
|
--tw-shadow-color: #c86604;
|
|
2163
2171
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2164
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2172
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-primary-600) var(--tw-shadow-alpha), transparent);
|
|
2165
2173
|
}
|
|
2166
2174
|
}
|
|
2167
2175
|
.shadow-primary-700 {
|
|
2168
2176
|
--tw-shadow-color: #964d03;
|
|
2169
2177
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2170
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2178
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-primary-700) var(--tw-shadow-alpha), transparent);
|
|
2171
2179
|
}
|
|
2172
2180
|
}
|
|
2173
2181
|
.shadow-primary-800 {
|
|
2174
2182
|
--tw-shadow-color: #643302;
|
|
2175
2183
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2176
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2184
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-primary-800) var(--tw-shadow-alpha), transparent);
|
|
2177
2185
|
}
|
|
2178
2186
|
}
|
|
2179
2187
|
.shadow-primary-900 {
|
|
2180
2188
|
--tw-shadow-color: #321a01;
|
|
2181
2189
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2182
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2190
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-primary-900) var(--tw-shadow-alpha), transparent);
|
|
2183
2191
|
}
|
|
2184
2192
|
}
|
|
2185
2193
|
.shadow-primary-950 {
|
|
2186
2194
|
--tw-shadow-color: #190d00;
|
|
2187
2195
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2188
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2196
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-primary-950) var(--tw-shadow-alpha), transparent);
|
|
2189
2197
|
}
|
|
2190
2198
|
}
|
|
2191
2199
|
.shadow-red-50 {
|
|
2192
2200
|
--tw-shadow-color: #fef2f2;
|
|
2193
2201
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2194
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2202
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-red-50) var(--tw-shadow-alpha), transparent);
|
|
2195
2203
|
}
|
|
2196
2204
|
}
|
|
2197
2205
|
.shadow-red-100 {
|
|
2198
2206
|
--tw-shadow-color: #fee2e2;
|
|
2199
2207
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2200
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2208
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-red-100) var(--tw-shadow-alpha), transparent);
|
|
2201
2209
|
}
|
|
2202
2210
|
}
|
|
2203
2211
|
.shadow-red-200 {
|
|
2204
2212
|
--tw-shadow-color: #fecaca;
|
|
2205
2213
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2206
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2214
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-red-200) var(--tw-shadow-alpha), transparent);
|
|
2207
2215
|
}
|
|
2208
2216
|
}
|
|
2209
2217
|
.shadow-red-300 {
|
|
2210
2218
|
--tw-shadow-color: #fca5a5;
|
|
2211
2219
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2212
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2220
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-red-300) var(--tw-shadow-alpha), transparent);
|
|
2213
2221
|
}
|
|
2214
2222
|
}
|
|
2215
2223
|
.shadow-red-400 {
|
|
2216
2224
|
--tw-shadow-color: #f87171;
|
|
2217
2225
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2218
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2226
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-red-400) var(--tw-shadow-alpha), transparent);
|
|
2219
2227
|
}
|
|
2220
2228
|
}
|
|
2221
2229
|
.shadow-red-500 {
|
|
2222
2230
|
--tw-shadow-color: #ef4444;
|
|
2223
2231
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2224
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2232
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-red-500) var(--tw-shadow-alpha), transparent);
|
|
2225
2233
|
}
|
|
2226
2234
|
}
|
|
2227
2235
|
.shadow-red-600 {
|
|
2228
2236
|
--tw-shadow-color: #dc2626;
|
|
2229
2237
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2230
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2238
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-red-600) var(--tw-shadow-alpha), transparent);
|
|
2231
2239
|
}
|
|
2232
2240
|
}
|
|
2233
2241
|
.shadow-red-700 {
|
|
2234
2242
|
--tw-shadow-color: #b91c1c;
|
|
2235
2243
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2236
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2244
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-red-700) var(--tw-shadow-alpha), transparent);
|
|
2237
2245
|
}
|
|
2238
2246
|
}
|
|
2239
2247
|
.shadow-red-800 {
|
|
2240
2248
|
--tw-shadow-color: #991b1b;
|
|
2241
2249
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2242
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2250
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-red-800) var(--tw-shadow-alpha), transparent);
|
|
2243
2251
|
}
|
|
2244
2252
|
}
|
|
2245
2253
|
.shadow-red-900 {
|
|
2246
2254
|
--tw-shadow-color: #7f1d1d;
|
|
2247
2255
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2248
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2256
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-red-900) var(--tw-shadow-alpha), transparent);
|
|
2249
2257
|
}
|
|
2250
2258
|
}
|
|
2251
2259
|
.shadow-red-950 {
|
|
2252
2260
|
--tw-shadow-color: #450a0a;
|
|
2253
2261
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2254
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2262
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-red-950) var(--tw-shadow-alpha), transparent);
|
|
2255
2263
|
}
|
|
2256
2264
|
}
|
|
2257
2265
|
.shadow-secondary-50 {
|
|
2258
2266
|
--tw-shadow-color: #f8fafc;
|
|
2259
2267
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2260
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2268
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-secondary-50) var(--tw-shadow-alpha), transparent);
|
|
2261
2269
|
}
|
|
2262
2270
|
}
|
|
2263
2271
|
.shadow-secondary-100 {
|
|
2264
2272
|
--tw-shadow-color: #f1f5f9;
|
|
2265
2273
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2266
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2274
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-secondary-100) var(--tw-shadow-alpha), transparent);
|
|
2267
2275
|
}
|
|
2268
2276
|
}
|
|
2269
2277
|
.shadow-secondary-200 {
|
|
2270
2278
|
--tw-shadow-color: #e2e8f0;
|
|
2271
2279
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2272
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2280
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-secondary-200) var(--tw-shadow-alpha), transparent);
|
|
2273
2281
|
}
|
|
2274
2282
|
}
|
|
2275
2283
|
.shadow-secondary-300 {
|
|
2276
2284
|
--tw-shadow-color: #cbd5e1;
|
|
2277
2285
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2278
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2286
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-secondary-300) var(--tw-shadow-alpha), transparent);
|
|
2279
2287
|
}
|
|
2280
2288
|
}
|
|
2281
2289
|
.shadow-secondary-400 {
|
|
2282
2290
|
--tw-shadow-color: #94a3b8;
|
|
2283
2291
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2284
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2292
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-secondary-400) var(--tw-shadow-alpha), transparent);
|
|
2285
2293
|
}
|
|
2286
2294
|
}
|
|
2287
2295
|
.shadow-secondary-500 {
|
|
2288
2296
|
--tw-shadow-color: #64748b;
|
|
2289
2297
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2290
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2298
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-secondary-500) var(--tw-shadow-alpha), transparent);
|
|
2291
2299
|
}
|
|
2292
2300
|
}
|
|
2293
2301
|
.shadow-secondary-600 {
|
|
2294
2302
|
--tw-shadow-color: #475569;
|
|
2295
2303
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2296
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2304
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-secondary-600) var(--tw-shadow-alpha), transparent);
|
|
2297
2305
|
}
|
|
2298
2306
|
}
|
|
2299
2307
|
.shadow-secondary-700 {
|
|
2300
2308
|
--tw-shadow-color: #334155;
|
|
2301
2309
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2302
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2310
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-secondary-700) var(--tw-shadow-alpha), transparent);
|
|
2303
2311
|
}
|
|
2304
2312
|
}
|
|
2305
2313
|
.shadow-secondary-800 {
|
|
2306
2314
|
--tw-shadow-color: #1e293b;
|
|
2307
2315
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2308
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2316
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-secondary-800) var(--tw-shadow-alpha), transparent);
|
|
2309
2317
|
}
|
|
2310
2318
|
}
|
|
2311
2319
|
.shadow-secondary-900 {
|
|
2312
2320
|
--tw-shadow-color: #0f172a;
|
|
2313
2321
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2314
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2322
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-secondary-900) var(--tw-shadow-alpha), transparent);
|
|
2315
2323
|
}
|
|
2316
2324
|
}
|
|
2317
2325
|
.shadow-secondary-950 {
|
|
2318
2326
|
--tw-shadow-color: #020617;
|
|
2319
2327
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2320
|
-
--tw-shadow-color: color-mix(in oklab,
|
|
2328
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-secondary-950) var(--tw-shadow-alpha), transparent);
|
|
2321
2329
|
}
|
|
2322
2330
|
}
|
|
2323
2331
|
.shadow-text-disabled {
|
|
2324
|
-
--tw-shadow-color:
|
|
2332
|
+
--tw-shadow-color: var(--color-secondary-300);
|
|
2325
2333
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2326
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
2334
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-text-disabled) var(--tw-shadow-alpha), transparent);
|
|
2327
2335
|
}
|
|
2328
2336
|
}
|
|
2329
2337
|
.shadow-text-info {
|
|
2330
|
-
--tw-shadow-color:
|
|
2338
|
+
--tw-shadow-color: var(--color-blue-800);
|
|
2331
2339
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2332
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
2340
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-text-info) var(--tw-shadow-alpha), transparent);
|
|
2333
2341
|
}
|
|
2334
2342
|
}
|
|
2335
2343
|
.shadow-text-primary {
|
|
2336
|
-
--tw-shadow-color:
|
|
2344
|
+
--tw-shadow-color: var(--color-secondary-950);
|
|
2337
2345
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2338
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
2346
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-text-primary) var(--tw-shadow-alpha), transparent);
|
|
2339
2347
|
}
|
|
2340
2348
|
}
|
|
2341
2349
|
.shadow-text-primary-muted {
|
|
2342
|
-
--tw-shadow-color:
|
|
2350
|
+
--tw-shadow-color: var(--color-secondary-500);
|
|
2343
2351
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2344
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
2352
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-text-primary-muted) var(--tw-shadow-alpha), transparent);
|
|
2345
2353
|
}
|
|
2346
2354
|
}
|
|
2347
2355
|
.shadow-text-warning {
|
|
2348
|
-
--tw-shadow-color:
|
|
2356
|
+
--tw-shadow-color: var(--color-amber-800);
|
|
2349
2357
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2350
|
-
--tw-shadow-color: color-mix(in oklab, var(--color-
|
|
2351
|
-
}
|
|
2352
|
-
}
|
|
2353
|
-
.shadow-white {
|
|
2354
|
-
--tw-shadow-color: #ffffff;
|
|
2355
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
2356
|
-
--tw-shadow-color: color-mix(in oklab, #ffffff var(--tw-shadow-alpha), transparent);
|
|
2358
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-text-warning) var(--tw-shadow-alpha), transparent);
|
|
2357
2359
|
}
|
|
2358
2360
|
}
|
|
2359
2361
|
.outline-hidden {
|
|
@@ -2449,11 +2451,17 @@
|
|
|
2449
2451
|
}
|
|
2450
2452
|
.hover\:bg-neutral-100\/80 {
|
|
2451
2453
|
&:where([data-rac])[data-hovered] {
|
|
2452
|
-
background-color: color-mix(in
|
|
2454
|
+
background-color: color-mix(in srgb, #f5f5f5 80%, transparent);
|
|
2455
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2456
|
+
background-color: color-mix(in oklab, var(--color-neutral-100) 80%, transparent);
|
|
2457
|
+
}
|
|
2453
2458
|
}
|
|
2454
2459
|
@media (hover: hover) {
|
|
2455
2460
|
&:where(:not([data-rac])):hover {
|
|
2456
|
-
background-color: color-mix(in
|
|
2461
|
+
background-color: color-mix(in srgb, #f5f5f5 80%, transparent);
|
|
2462
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2463
|
+
background-color: color-mix(in oklab, var(--color-neutral-100) 80%, transparent);
|
|
2464
|
+
}
|
|
2457
2465
|
}
|
|
2458
2466
|
}
|
|
2459
2467
|
}
|
|
@@ -2469,11 +2477,17 @@
|
|
|
2469
2477
|
}
|
|
2470
2478
|
.hover\:bg-secondary-400\/20 {
|
|
2471
2479
|
&:where([data-rac])[data-hovered] {
|
|
2472
|
-
background-color: color-mix(in
|
|
2480
|
+
background-color: color-mix(in srgb, #94a3b8 20%, transparent);
|
|
2481
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2482
|
+
background-color: color-mix(in oklab, var(--color-secondary-400) 20%, transparent);
|
|
2483
|
+
}
|
|
2473
2484
|
}
|
|
2474
2485
|
@media (hover: hover) {
|
|
2475
2486
|
&:where(:not([data-rac])):hover {
|
|
2476
|
-
background-color: color-mix(in
|
|
2487
|
+
background-color: color-mix(in srgb, #94a3b8 20%, transparent);
|
|
2488
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2489
|
+
background-color: color-mix(in oklab, var(--color-secondary-400) 20%, transparent);
|
|
2490
|
+
}
|
|
2477
2491
|
}
|
|
2478
2492
|
}
|
|
2479
2493
|
}
|
|
@@ -2509,21 +2523,21 @@
|
|
|
2509
2523
|
}
|
|
2510
2524
|
.hover\:text-secondary-800 {
|
|
2511
2525
|
&:where([data-rac])[data-hovered] {
|
|
2512
|
-
color:
|
|
2526
|
+
color: var(--color-secondary-800);
|
|
2513
2527
|
}
|
|
2514
2528
|
@media (hover: hover) {
|
|
2515
2529
|
&:where(:not([data-rac])):hover {
|
|
2516
|
-
color:
|
|
2530
|
+
color: var(--color-secondary-800);
|
|
2517
2531
|
}
|
|
2518
2532
|
}
|
|
2519
2533
|
}
|
|
2520
2534
|
.hover\:text-secondary-900 {
|
|
2521
2535
|
&:where([data-rac])[data-hovered] {
|
|
2522
|
-
color:
|
|
2536
|
+
color: var(--color-secondary-900);
|
|
2523
2537
|
}
|
|
2524
2538
|
@media (hover: hover) {
|
|
2525
2539
|
&:where(:not([data-rac])):hover {
|
|
2526
|
-
color:
|
|
2540
|
+
color: var(--color-secondary-900);
|
|
2527
2541
|
}
|
|
2528
2542
|
}
|
|
2529
2543
|
}
|
|
@@ -2561,10 +2575,10 @@
|
|
|
2561
2575
|
}
|
|
2562
2576
|
.focus\:bg-bg-hover {
|
|
2563
2577
|
&:where([data-rac])[data-focused] {
|
|
2564
|
-
background-color: var(--color-
|
|
2578
|
+
background-color: var(--color-bg-hover);
|
|
2565
2579
|
}
|
|
2566
2580
|
&:where(:not([data-rac])):focus {
|
|
2567
|
-
background-color: var(--color-
|
|
2581
|
+
background-color: var(--color-bg-hover);
|
|
2568
2582
|
}
|
|
2569
2583
|
}
|
|
2570
2584
|
.focus\:outline-hidden {
|
|
@@ -2605,33 +2619,33 @@
|
|
|
2605
2619
|
}
|
|
2606
2620
|
.disabled\:bg-bg-disabled {
|
|
2607
2621
|
&:where([data-rac])[data-disabled] {
|
|
2608
|
-
background-color: var(--color-
|
|
2622
|
+
background-color: var(--color-bg-disabled);
|
|
2609
2623
|
}
|
|
2610
2624
|
&:where(:not([data-rac])):disabled {
|
|
2611
|
-
background-color: var(--color-
|
|
2625
|
+
background-color: var(--color-bg-disabled);
|
|
2612
2626
|
}
|
|
2613
2627
|
}
|
|
2614
2628
|
.disabled\:text-text-disabled {
|
|
2615
2629
|
&:where([data-rac])[data-disabled] {
|
|
2616
|
-
color: var(--color-
|
|
2630
|
+
color: var(--color-text-disabled);
|
|
2617
2631
|
}
|
|
2618
2632
|
&:where(:not([data-rac])):disabled {
|
|
2619
|
-
color: var(--color-
|
|
2633
|
+
color: var(--color-text-disabled);
|
|
2620
2634
|
}
|
|
2621
2635
|
}
|
|
2622
2636
|
.aria-selected\:border-border-primary {
|
|
2623
2637
|
&[aria-selected="true"] {
|
|
2624
|
-
border-color: var(--color-
|
|
2638
|
+
border-color: var(--color-border-primary);
|
|
2625
2639
|
}
|
|
2626
2640
|
}
|
|
2627
2641
|
.aria-selected\:bg-bg-hover {
|
|
2628
2642
|
&[aria-selected="true"] {
|
|
2629
|
-
background-color: var(--color-
|
|
2643
|
+
background-color: var(--color-bg-hover);
|
|
2630
2644
|
}
|
|
2631
2645
|
}
|
|
2632
2646
|
.aria-selected\:text-text-primary {
|
|
2633
2647
|
&[aria-selected="true"] {
|
|
2634
|
-
color: var(--color-
|
|
2648
|
+
color: var(--color-text-primary);
|
|
2635
2649
|
}
|
|
2636
2650
|
}
|
|
2637
2651
|
.data-\[active\=true\]\:font-medium {
|
|
@@ -2642,7 +2656,7 @@
|
|
|
2642
2656
|
}
|
|
2643
2657
|
.data-\[active\=true\]\:text-secondary-800 {
|
|
2644
2658
|
&[data-active="true"] {
|
|
2645
|
-
color:
|
|
2659
|
+
color: var(--color-secondary-800);
|
|
2646
2660
|
}
|
|
2647
2661
|
}
|
|
2648
2662
|
.sm\:max-h-\[45vh\] {
|
|
@@ -2719,7 +2733,7 @@
|
|
|
2719
2733
|
}
|
|
2720
2734
|
.\[\&_\[cmdk-group-heading\]\]\:text-text-primary-muted {
|
|
2721
2735
|
& [cmdk-group-heading] {
|
|
2722
|
-
color: var(--color-
|
|
2736
|
+
color: var(--color-text-primary-muted);
|
|
2723
2737
|
}
|
|
2724
2738
|
}
|
|
2725
2739
|
.\[\&_\[cmdk-input-wrapper\]_svg\]\:size-5 {
|
|
@@ -2758,7 +2772,7 @@
|
|
|
2758
2772
|
.\[\&_\[cmdk-list-sizer\]\]\:divide-secondary-100 {
|
|
2759
2773
|
& [cmdk-list-sizer] {
|
|
2760
2774
|
:where(& > :not(:last-child)) {
|
|
2761
|
-
border-color:
|
|
2775
|
+
border-color: var(--color-secondary-100);
|
|
2762
2776
|
}
|
|
2763
2777
|
}
|
|
2764
2778
|
}
|
|
@@ -2799,48 +2813,6 @@
|
|
|
2799
2813
|
inherits: false;
|
|
2800
2814
|
initial-value: solid;
|
|
2801
2815
|
}
|
|
2802
|
-
@property --tw-gradient-position {
|
|
2803
|
-
syntax: "*";
|
|
2804
|
-
inherits: false;
|
|
2805
|
-
}
|
|
2806
|
-
@property --tw-gradient-from {
|
|
2807
|
-
syntax: "<color>";
|
|
2808
|
-
inherits: false;
|
|
2809
|
-
initial-value: #0000;
|
|
2810
|
-
}
|
|
2811
|
-
@property --tw-gradient-via {
|
|
2812
|
-
syntax: "<color>";
|
|
2813
|
-
inherits: false;
|
|
2814
|
-
initial-value: #0000;
|
|
2815
|
-
}
|
|
2816
|
-
@property --tw-gradient-to {
|
|
2817
|
-
syntax: "<color>";
|
|
2818
|
-
inherits: false;
|
|
2819
|
-
initial-value: #0000;
|
|
2820
|
-
}
|
|
2821
|
-
@property --tw-gradient-stops {
|
|
2822
|
-
syntax: "*";
|
|
2823
|
-
inherits: false;
|
|
2824
|
-
}
|
|
2825
|
-
@property --tw-gradient-via-stops {
|
|
2826
|
-
syntax: "*";
|
|
2827
|
-
inherits: false;
|
|
2828
|
-
}
|
|
2829
|
-
@property --tw-gradient-from-position {
|
|
2830
|
-
syntax: "<length-percentage>";
|
|
2831
|
-
inherits: false;
|
|
2832
|
-
initial-value: 0%;
|
|
2833
|
-
}
|
|
2834
|
-
@property --tw-gradient-via-position {
|
|
2835
|
-
syntax: "<length-percentage>";
|
|
2836
|
-
inherits: false;
|
|
2837
|
-
initial-value: 50%;
|
|
2838
|
-
}
|
|
2839
|
-
@property --tw-gradient-to-position {
|
|
2840
|
-
syntax: "<length-percentage>";
|
|
2841
|
-
inherits: false;
|
|
2842
|
-
initial-value: 100%;
|
|
2843
|
-
}
|
|
2844
2816
|
@property --tw-leading {
|
|
2845
2817
|
syntax: "*";
|
|
2846
2818
|
inherits: false;
|
|
@@ -3047,15 +3019,6 @@
|
|
|
3047
3019
|
--tw-border-spacing-x: 0;
|
|
3048
3020
|
--tw-border-spacing-y: 0;
|
|
3049
3021
|
--tw-border-style: solid;
|
|
3050
|
-
--tw-gradient-position: initial;
|
|
3051
|
-
--tw-gradient-from: #0000;
|
|
3052
|
-
--tw-gradient-via: #0000;
|
|
3053
|
-
--tw-gradient-to: #0000;
|
|
3054
|
-
--tw-gradient-stops: initial;
|
|
3055
|
-
--tw-gradient-via-stops: initial;
|
|
3056
|
-
--tw-gradient-from-position: 0%;
|
|
3057
|
-
--tw-gradient-via-position: 50%;
|
|
3058
|
-
--tw-gradient-to-position: 100%;
|
|
3059
3022
|
--tw-leading: initial;
|
|
3060
3023
|
--tw-font-weight: initial;
|
|
3061
3024
|
--tw-tracking: initial;
|