@eric-emg/symphiq-components 1.2.105 → 1.2.107

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/styles.css CHANGED
@@ -15,7 +15,9 @@
15
15
  --color-red-500: oklch(63.7% 0.237 25.331);
16
16
  --color-red-600: oklch(57.7% 0.245 27.325);
17
17
  --color-red-700: oklch(50.5% 0.213 27.518);
18
+ --color-red-800: oklch(44.4% 0.177 26.899);
18
19
  --color-red-900: oklch(39.6% 0.141 25.723);
20
+ --color-red-950: oklch(25.8% 0.092 26.042);
19
21
  --color-orange-50: oklch(98% 0.016 73.684);
20
22
  --color-orange-100: oklch(95.4% 0.038 75.164);
21
23
  --color-orange-200: oklch(90.1% 0.076 70.697);
@@ -26,6 +28,7 @@
26
28
  --color-orange-700: oklch(55.3% 0.195 38.402);
27
29
  --color-orange-800: oklch(47% 0.157 37.304);
28
30
  --color-orange-900: oklch(40.8% 0.123 38.172);
31
+ --color-orange-950: oklch(26.6% 0.079 36.259);
29
32
  --color-amber-50: oklch(98.7% 0.022 95.277);
30
33
  --color-amber-100: oklch(96.2% 0.059 95.617);
31
34
  --color-amber-200: oklch(92.4% 0.12 95.746);
@@ -36,14 +39,31 @@
36
39
  --color-amber-700: oklch(55.5% 0.163 48.998);
37
40
  --color-amber-800: oklch(47.3% 0.137 46.201);
38
41
  --color-amber-900: oklch(41.4% 0.112 45.904);
42
+ --color-yellow-50: oklch(98.7% 0.026 102.212);
43
+ --color-yellow-100: oklch(97.3% 0.071 103.193);
44
+ --color-yellow-200: oklch(94.5% 0.129 101.54);
45
+ --color-yellow-300: oklch(90.5% 0.182 98.111);
46
+ --color-yellow-400: oklch(85.2% 0.199 91.936);
39
47
  --color-yellow-500: oklch(79.5% 0.184 86.047);
48
+ --color-yellow-600: oklch(68.1% 0.162 75.834);
49
+ --color-yellow-700: oklch(55.4% 0.135 66.442);
50
+ --color-yellow-800: oklch(47.6% 0.114 61.907);
51
+ --color-yellow-900: oklch(42.1% 0.095 57.708);
52
+ --color-yellow-950: oklch(28.6% 0.066 53.813);
40
53
  --color-lime-100: oklch(96.7% 0.067 122.328);
41
54
  --color-lime-400: oklch(84.1% 0.238 128.85);
42
55
  --color-lime-500: oklch(76.8% 0.233 130.85);
43
56
  --color-lime-700: oklch(53.2% 0.157 131.589);
57
+ --color-green-50: oklch(98.2% 0.018 155.826);
58
+ --color-green-100: oklch(96.2% 0.044 156.743);
59
+ --color-green-200: oklch(92.5% 0.084 155.995);
44
60
  --color-green-300: oklch(87.1% 0.15 154.449);
45
61
  --color-green-400: oklch(79.2% 0.209 151.711);
46
62
  --color-green-500: oklch(72.3% 0.219 149.579);
63
+ --color-green-600: oklch(62.7% 0.194 149.214);
64
+ --color-green-700: oklch(52.7% 0.154 150.069);
65
+ --color-green-800: oklch(44.8% 0.119 151.328);
66
+ --color-green-900: oklch(39.3% 0.095 152.535);
47
67
  --color-emerald-50: oklch(97.9% 0.021 166.113);
48
68
  --color-emerald-100: oklch(95% 0.052 163.051);
49
69
  --color-emerald-200: oklch(90.5% 0.093 164.15);
@@ -57,15 +77,23 @@
57
77
  --color-emerald-950: oklch(26.2% 0.051 172.552);
58
78
  --color-teal-50: oklch(98.4% 0.014 180.72);
59
79
  --color-teal-100: oklch(95.3% 0.051 180.801);
80
+ --color-teal-200: oklch(91% 0.096 180.426);
81
+ --color-teal-300: oklch(85.5% 0.138 181.071);
60
82
  --color-teal-400: oklch(77.7% 0.152 181.912);
61
83
  --color-teal-500: oklch(70.4% 0.14 182.503);
84
+ --color-teal-600: oklch(60% 0.118 184.704);
62
85
  --color-teal-700: oklch(51.1% 0.096 186.391);
86
+ --color-teal-900: oklch(38.6% 0.063 188.416);
87
+ --color-cyan-50: oklch(98.4% 0.019 200.873);
63
88
  --color-cyan-100: oklch(95.6% 0.045 203.388);
64
89
  --color-cyan-200: oklch(91.7% 0.08 205.041);
90
+ --color-cyan-300: oklch(86.5% 0.127 207.078);
65
91
  --color-cyan-400: oklch(78.9% 0.154 211.53);
66
92
  --color-cyan-500: oklch(71.5% 0.143 215.221);
67
93
  --color-cyan-600: oklch(60.9% 0.126 221.723);
68
94
  --color-cyan-700: oklch(52% 0.105 223.128);
95
+ --color-cyan-800: oklch(45% 0.085 224.283);
96
+ --color-cyan-900: oklch(39.8% 0.07 227.392);
69
97
  --color-blue-50: oklch(97% 0.014 254.604);
70
98
  --color-blue-100: oklch(93.2% 0.032 255.585);
71
99
  --color-blue-200: oklch(88.2% 0.059 254.128);
@@ -85,9 +113,11 @@
85
113
  --color-indigo-700: oklch(45.7% 0.24 277.023);
86
114
  --color-indigo-950: oklch(25.7% 0.09 281.288);
87
115
  --color-violet-100: oklch(94.3% 0.029 294.588);
116
+ --color-violet-300: oklch(81.1% 0.111 293.571);
88
117
  --color-violet-400: oklch(70.2% 0.183 293.541);
89
118
  --color-violet-500: oklch(60.6% 0.25 292.717);
90
119
  --color-violet-700: oklch(49.1% 0.27 292.581);
120
+ --color-violet-800: oklch(43.2% 0.232 292.759);
91
121
  --color-purple-50: oklch(97.7% 0.014 308.299);
92
122
  --color-purple-100: oklch(94.6% 0.033 307.174);
93
123
  --color-purple-200: oklch(90.2% 0.063 306.703);
@@ -107,6 +137,7 @@
107
137
  --color-pink-400: oklch(71.8% 0.202 349.761);
108
138
  --color-pink-500: oklch(65.6% 0.241 354.308);
109
139
  --color-pink-700: oklch(52.5% 0.223 3.958);
140
+ --color-rose-50: oklch(96.9% 0.015 12.422);
110
141
  --color-rose-100: oklch(94.1% 0.03 12.58);
111
142
  --color-rose-400: oklch(71.2% 0.194 13.428);
112
143
  --color-rose-500: oklch(64.5% 0.246 16.439);
@@ -122,6 +153,11 @@
122
153
  --color-slate-800: oklch(27.9% 0.041 260.031);
123
154
  --color-slate-900: oklch(20.8% 0.042 265.755);
124
155
  --color-slate-950: oklch(12.9% 0.042 264.695);
156
+ --color-gray-50: oklch(98.5% 0.002 247.839);
157
+ --color-gray-200: oklch(92.8% 0.006 264.531);
158
+ --color-gray-400: oklch(70.7% 0.022 261.325);
159
+ --color-gray-500: oklch(55.1% 0.027 264.364);
160
+ --color-gray-700: oklch(37.3% 0.034 259.733);
125
161
  --color-black: #000;
126
162
  --color-white: #fff;
127
163
  --spacing: 0.25rem;
@@ -158,6 +194,7 @@
158
194
  --font-weight-bold: 700;
159
195
  --tracking-wide: 0.025em;
160
196
  --tracking-wider: 0.05em;
197
+ --leading-tight: 1.25;
161
198
  --leading-snug: 1.375;
162
199
  --leading-relaxed: 1.625;
163
200
  --radius-md: 0.375rem;
@@ -170,6 +207,7 @@
170
207
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
171
208
  --animate-spin: spin 1s linear infinite;
172
209
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
210
+ --animate-bounce: bounce 1s infinite;
173
211
  --blur-sm: 8px;
174
212
  --blur-md: 12px;
175
213
  --blur-lg: 16px;
@@ -385,12 +423,15 @@
385
423
  .top-4 {
386
424
  top: calc(var(--spacing) * 4);
387
425
  }
388
- .top-6 {
389
- top: calc(var(--spacing) * 6);
426
+ .top-\[60px\] {
427
+ top: 60px;
390
428
  }
391
429
  .top-\[var\(--header-height\)\] {
392
430
  top: var(--header-height);
393
431
  }
432
+ .top-full {
433
+ top: 100%;
434
+ }
394
435
  .-right-2 {
395
436
  right: calc(var(--spacing) * -2);
396
437
  }
@@ -436,6 +477,12 @@
436
477
  .left-4 {
437
478
  left: calc(var(--spacing) * 4);
438
479
  }
480
+ .left-5 {
481
+ left: calc(var(--spacing) * 5);
482
+ }
483
+ .left-8 {
484
+ left: calc(var(--spacing) * 8);
485
+ }
439
486
  .-z-10 {
440
487
  z-index: calc(10 * -1);
441
488
  }
@@ -508,14 +555,17 @@
508
555
  .-mx-1 {
509
556
  margin-inline: calc(var(--spacing) * -1);
510
557
  }
558
+ .-mx-2 {
559
+ margin-inline: calc(var(--spacing) * -2);
560
+ }
511
561
  .-mx-4 {
512
562
  margin-inline: calc(var(--spacing) * -4);
513
563
  }
514
564
  .-mx-6 {
515
565
  margin-inline: calc(var(--spacing) * -6);
516
566
  }
517
- .mx-2 {
518
- margin-inline: calc(var(--spacing) * 2);
567
+ .mx-1 {
568
+ margin-inline: calc(var(--spacing) * 1);
519
569
  }
520
570
  .mx-auto {
521
571
  margin-inline: auto;
@@ -550,6 +600,9 @@
550
600
  .mt-4 {
551
601
  margin-top: calc(var(--spacing) * 4);
552
602
  }
603
+ .mt-5 {
604
+ margin-top: calc(var(--spacing) * 5);
605
+ }
553
606
  .mt-6 {
554
607
  margin-top: calc(var(--spacing) * 6);
555
608
  }
@@ -607,6 +660,9 @@
607
660
  .mb-8 {
608
661
  margin-bottom: calc(var(--spacing) * 8);
609
662
  }
663
+ .mb-12 {
664
+ margin-bottom: calc(var(--spacing) * 12);
665
+ }
610
666
  .mb-14 {
611
667
  margin-bottom: calc(var(--spacing) * 14);
612
668
  }
@@ -619,9 +675,15 @@
619
675
  .ml-1 {
620
676
  margin-left: calc(var(--spacing) * 1);
621
677
  }
678
+ .ml-2 {
679
+ margin-left: calc(var(--spacing) * 2);
680
+ }
622
681
  .ml-3\.5 {
623
682
  margin-left: calc(var(--spacing) * 3.5);
624
683
  }
684
+ .ml-4 {
685
+ margin-left: calc(var(--spacing) * 4);
686
+ }
625
687
  .ml-6 {
626
688
  margin-left: calc(var(--spacing) * 6);
627
689
  }
@@ -676,6 +738,9 @@
676
738
  .h-0 {
677
739
  height: calc(var(--spacing) * 0);
678
740
  }
741
+ .h-0\.5 {
742
+ height: calc(var(--spacing) * 0.5);
743
+ }
679
744
  .h-1 {
680
745
  height: calc(var(--spacing) * 1);
681
746
  }
@@ -709,6 +774,9 @@
709
774
  .h-8 {
710
775
  height: calc(var(--spacing) * 8);
711
776
  }
777
+ .h-9 {
778
+ height: calc(var(--spacing) * 9);
779
+ }
712
780
  .h-10 {
713
781
  height: calc(var(--spacing) * 10);
714
782
  }
@@ -781,9 +849,30 @@
781
849
  .max-h-\[80vh\] {
782
850
  max-height: 80vh;
783
851
  }
852
+ .max-h-\[calc\(100vh-12rem\)\] {
853
+ max-height: calc(100vh - 12rem);
854
+ }
784
855
  .min-h-0 {
785
856
  min-height: calc(var(--spacing) * 0);
786
857
  }
858
+ .min-h-\[0\.5rem\] {
859
+ min-height: 0.5rem;
860
+ }
861
+ .min-h-\[0\.75rem\] {
862
+ min-height: 0.75rem;
863
+ }
864
+ .min-h-\[0\.625rem\] {
865
+ min-height: 0.625rem;
866
+ }
867
+ .min-h-\[1\.5rem\] {
868
+ min-height: 1.5rem;
869
+ }
870
+ .min-h-\[2\.5rem\] {
871
+ min-height: 2.5rem;
872
+ }
873
+ .min-h-\[2rem\] {
874
+ min-height: 2rem;
875
+ }
787
876
  .min-h-\[32px\] {
788
877
  min-height: 32px;
789
878
  }
@@ -859,6 +948,9 @@
859
948
  .w-8 {
860
949
  width: calc(var(--spacing) * 8);
861
950
  }
951
+ .w-9 {
952
+ width: calc(var(--spacing) * 9);
953
+ }
862
954
  .w-10 {
863
955
  width: calc(var(--spacing) * 10);
864
956
  }
@@ -883,6 +975,9 @@
883
975
  .w-72 {
884
976
  width: calc(var(--spacing) * 72);
885
977
  }
978
+ .w-80 {
979
+ width: calc(var(--spacing) * 80);
980
+ }
886
981
  .w-96 {
887
982
  width: calc(var(--spacing) * 96);
888
983
  }
@@ -910,27 +1005,21 @@
910
1005
  .max-w-2xl {
911
1006
  max-width: var(--container-2xl);
912
1007
  }
913
- .max-w-4xl {
914
- max-width: var(--container-4xl);
915
- }
916
- .max-w-5xl {
917
- max-width: var(--container-5xl);
918
- }
919
1008
  .max-w-6xl {
920
1009
  max-width: var(--container-6xl);
921
1010
  }
922
1011
  .max-w-7xl {
923
1012
  max-width: var(--container-7xl);
924
1013
  }
925
- .max-w-\[120px\] {
926
- max-width: 120px;
927
- }
928
1014
  .max-w-\[400px\] {
929
1015
  max-width: 400px;
930
1016
  }
931
1017
  .max-w-\[450px\] {
932
1018
  max-width: 450px;
933
1019
  }
1020
+ .max-w-\[calc\(100vw-2rem\)\] {
1021
+ max-width: calc(100vw - 2rem);
1022
+ }
934
1023
  .max-w-full {
935
1024
  max-width: 100%;
936
1025
  }
@@ -943,9 +1032,30 @@
943
1032
  .min-w-0 {
944
1033
  min-width: calc(var(--spacing) * 0);
945
1034
  }
1035
+ .min-w-\[0\.5rem\] {
1036
+ min-width: 0.5rem;
1037
+ }
1038
+ .min-w-\[0\.75rem\] {
1039
+ min-width: 0.75rem;
1040
+ }
1041
+ .min-w-\[0\.625rem\] {
1042
+ min-width: 0.625rem;
1043
+ }
1044
+ .min-w-\[1\.5rem\] {
1045
+ min-width: 1.5rem;
1046
+ }
1047
+ .min-w-\[2\.5rem\] {
1048
+ min-width: 2.5rem;
1049
+ }
1050
+ .min-w-\[2rem\] {
1051
+ min-width: 2rem;
1052
+ }
946
1053
  .min-w-\[44px\] {
947
1054
  min-width: 44px;
948
1055
  }
1056
+ .min-w-\[60px\] {
1057
+ min-width: 60px;
1058
+ }
949
1059
  .min-w-\[64px\] {
950
1060
  min-width: 64px;
951
1061
  }
@@ -1000,18 +1110,27 @@
1000
1110
  .rotate-45 {
1001
1111
  rotate: 45deg;
1002
1112
  }
1113
+ .rotate-90 {
1114
+ rotate: 90deg;
1115
+ }
1003
1116
  .rotate-180 {
1004
1117
  rotate: 180deg;
1005
1118
  }
1006
1119
  .transform {
1007
1120
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
1008
1121
  }
1122
+ .animate-\[shimmer_2s_linear_infinite\] {
1123
+ animation: shimmer 2s linear infinite;
1124
+ }
1009
1125
  .animate-\[slideInFromLeft_0\.3s_ease-out\] {
1010
1126
  animation: slideInFromLeft 0.3s ease-out;
1011
1127
  }
1012
1128
  .animate-\[slideOutToLeft_0\.3s_ease-in\] {
1013
1129
  animation: slideOutToLeft 0.3s ease-in;
1014
1130
  }
1131
+ .animate-bounce {
1132
+ animation: var(--animate-bounce);
1133
+ }
1015
1134
  .animate-pulse {
1016
1135
  animation: var(--animate-pulse);
1017
1136
  }
@@ -1039,6 +1158,9 @@
1039
1158
  .snap-start {
1040
1159
  scroll-snap-align: start;
1041
1160
  }
1161
+ .scroll-mt-24 {
1162
+ scroll-margin-top: calc(var(--spacing) * 24);
1163
+ }
1042
1164
  .grid-cols-1 {
1043
1165
  grid-template-columns: repeat(1, minmax(0, 1fr));
1044
1166
  }
@@ -1078,6 +1200,9 @@
1078
1200
  .justify-end {
1079
1201
  justify-content: flex-end;
1080
1202
  }
1203
+ .gap-0\.5 {
1204
+ gap: calc(var(--spacing) * 0.5);
1205
+ }
1081
1206
  .gap-1 {
1082
1207
  gap: calc(var(--spacing) * 1);
1083
1208
  }
@@ -1087,6 +1212,9 @@
1087
1212
  .gap-2 {
1088
1213
  gap: calc(var(--spacing) * 2);
1089
1214
  }
1215
+ .gap-2\.5 {
1216
+ gap: calc(var(--spacing) * 2.5);
1217
+ }
1090
1218
  .gap-3 {
1091
1219
  gap: calc(var(--spacing) * 3);
1092
1220
  }
@@ -1186,6 +1314,13 @@
1186
1314
  margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
1187
1315
  }
1188
1316
  }
1317
+ .space-y-12 {
1318
+ :where(& > :not(:last-child)) {
1319
+ --tw-space-y-reverse: 0;
1320
+ margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
1321
+ margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
1322
+ }
1323
+ }
1189
1324
  .truncate {
1190
1325
  overflow: hidden;
1191
1326
  text-overflow: ellipsis;
@@ -1231,6 +1366,14 @@
1231
1366
  border-top-left-radius: 0.25rem;
1232
1367
  border-top-right-radius: 0.25rem;
1233
1368
  }
1369
+ .rounded-t-2xl {
1370
+ border-top-left-radius: var(--radius-2xl);
1371
+ border-top-right-radius: var(--radius-2xl);
1372
+ }
1373
+ .rounded-b-2xl {
1374
+ border-bottom-right-radius: var(--radius-2xl);
1375
+ border-bottom-left-radius: var(--radius-2xl);
1376
+ }
1234
1377
  .border {
1235
1378
  border-style: var(--tw-border-style);
1236
1379
  border-width: 1px;
@@ -1247,6 +1390,10 @@
1247
1390
  border-top-style: var(--tw-border-style);
1248
1391
  border-top-width: 1px;
1249
1392
  }
1393
+ .border-t-0 {
1394
+ border-top-style: var(--tw-border-style);
1395
+ border-top-width: 0px;
1396
+ }
1250
1397
  .border-t-4 {
1251
1398
  border-top-style: var(--tw-border-style);
1252
1399
  border-top-width: 4px;
@@ -1279,6 +1426,9 @@
1279
1426
  --tw-border-style: dashed;
1280
1427
  border-style: dashed;
1281
1428
  }
1429
+ .border-amber-100 {
1430
+ border-color: var(--color-amber-100);
1431
+ }
1282
1432
  .border-amber-200 {
1283
1433
  border-color: var(--color-amber-200);
1284
1434
  }
@@ -1357,6 +1507,12 @@
1357
1507
  .border-blue-300 {
1358
1508
  border-color: var(--color-blue-300);
1359
1509
  }
1510
+ .border-blue-300\/50 {
1511
+ border-color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 50%, transparent);
1512
+ @supports (color: color-mix(in lab, red, red)) {
1513
+ border-color: color-mix(in oklab, var(--color-blue-300) 50%, transparent);
1514
+ }
1515
+ }
1360
1516
  .border-blue-400 {
1361
1517
  border-color: var(--color-blue-400);
1362
1518
  }
@@ -1399,6 +1555,12 @@
1399
1555
  .border-blue-700 {
1400
1556
  border-color: var(--color-blue-700);
1401
1557
  }
1558
+ .border-blue-700\/20 {
1559
+ border-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 20%, transparent);
1560
+ @supports (color: color-mix(in lab, red, red)) {
1561
+ border-color: color-mix(in oklab, var(--color-blue-700) 20%, transparent);
1562
+ }
1563
+ }
1402
1564
  .border-blue-700\/30 {
1403
1565
  border-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 30%, transparent);
1404
1566
  @supports (color: color-mix(in lab, red, red)) {
@@ -1411,6 +1573,9 @@
1411
1573
  border-color: color-mix(in oklab, var(--color-blue-700) 50%, transparent);
1412
1574
  }
1413
1575
  }
1576
+ .border-blue-800 {
1577
+ border-color: var(--color-blue-800);
1578
+ }
1414
1579
  .border-blue-800\/30 {
1415
1580
  border-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 30%, transparent);
1416
1581
  @supports (color: color-mix(in lab, red, red)) {
@@ -1429,6 +1594,9 @@
1429
1594
  border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
1430
1595
  }
1431
1596
  }
1597
+ .border-emerald-100 {
1598
+ border-color: var(--color-emerald-100);
1599
+ }
1432
1600
  .border-emerald-200 {
1433
1601
  border-color: var(--color-emerald-200);
1434
1602
  }
@@ -1441,6 +1609,12 @@
1441
1609
  .border-emerald-300 {
1442
1610
  border-color: var(--color-emerald-300);
1443
1611
  }
1612
+ .border-emerald-300\/50 {
1613
+ border-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 50%, transparent);
1614
+ @supports (color: color-mix(in lab, red, red)) {
1615
+ border-color: color-mix(in oklab, var(--color-emerald-300) 50%, transparent);
1616
+ }
1617
+ }
1444
1618
  .border-emerald-300\/60 {
1445
1619
  border-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 60%, transparent);
1446
1620
  @supports (color: color-mix(in lab, red, red)) {
@@ -1486,12 +1660,45 @@
1486
1660
  border-color: color-mix(in oklab, var(--color-emerald-700) 50%, transparent);
1487
1661
  }
1488
1662
  }
1663
+ .border-gray-200 {
1664
+ border-color: var(--color-gray-200);
1665
+ }
1666
+ .border-gray-500\/30 {
1667
+ border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 30%, transparent);
1668
+ @supports (color: color-mix(in lab, red, red)) {
1669
+ border-color: color-mix(in oklab, var(--color-gray-500) 30%, transparent);
1670
+ }
1671
+ }
1672
+ .border-green-200 {
1673
+ border-color: var(--color-green-200);
1674
+ }
1675
+ .border-green-200\/50 {
1676
+ border-color: color-mix(in srgb, oklch(92.5% 0.084 155.995) 50%, transparent);
1677
+ @supports (color: color-mix(in lab, red, red)) {
1678
+ border-color: color-mix(in oklab, var(--color-green-200) 50%, transparent);
1679
+ }
1680
+ }
1681
+ .border-green-300 {
1682
+ border-color: var(--color-green-300);
1683
+ }
1489
1684
  .border-green-500\/20 {
1490
1685
  border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
1491
1686
  @supports (color: color-mix(in lab, red, red)) {
1492
1687
  border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
1493
1688
  }
1494
1689
  }
1690
+ .border-green-500\/30 {
1691
+ border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
1692
+ @supports (color: color-mix(in lab, red, red)) {
1693
+ border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
1694
+ }
1695
+ }
1696
+ .border-green-700\/50 {
1697
+ border-color: color-mix(in srgb, oklch(52.7% 0.154 150.069) 50%, transparent);
1698
+ @supports (color: color-mix(in lab, red, red)) {
1699
+ border-color: color-mix(in oklab, var(--color-green-700) 50%, transparent);
1700
+ }
1701
+ }
1495
1702
  .border-indigo-400 {
1496
1703
  border-color: var(--color-indigo-400);
1497
1704
  }
@@ -1504,6 +1711,9 @@
1504
1711
  border-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);
1505
1712
  }
1506
1713
  }
1714
+ .border-orange-100 {
1715
+ border-color: var(--color-orange-100);
1716
+ }
1507
1717
  .border-orange-200 {
1508
1718
  border-color: var(--color-orange-200);
1509
1719
  }
@@ -1516,6 +1726,12 @@
1516
1726
  .border-orange-300 {
1517
1727
  border-color: var(--color-orange-300);
1518
1728
  }
1729
+ .border-orange-300\/50 {
1730
+ border-color: color-mix(in srgb, oklch(83.7% 0.128 66.29) 50%, transparent);
1731
+ @supports (color: color-mix(in lab, red, red)) {
1732
+ border-color: color-mix(in oklab, var(--color-orange-300) 50%, transparent);
1733
+ }
1734
+ }
1519
1735
  .border-orange-400 {
1520
1736
  border-color: var(--color-orange-400);
1521
1737
  }
@@ -1549,6 +1765,18 @@
1549
1765
  border-color: color-mix(in oklab, var(--color-orange-700) 30%, transparent);
1550
1766
  }
1551
1767
  }
1768
+ .border-orange-700\/50 {
1769
+ border-color: color-mix(in srgb, oklch(55.3% 0.195 38.402) 50%, transparent);
1770
+ @supports (color: color-mix(in lab, red, red)) {
1771
+ border-color: color-mix(in oklab, var(--color-orange-700) 50%, transparent);
1772
+ }
1773
+ }
1774
+ .border-orange-900\/50 {
1775
+ border-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 50%, transparent);
1776
+ @supports (color: color-mix(in lab, red, red)) {
1777
+ border-color: color-mix(in oklab, var(--color-orange-900) 50%, transparent);
1778
+ }
1779
+ }
1552
1780
  .border-purple-200 {
1553
1781
  border-color: var(--color-purple-200);
1554
1782
  }
@@ -1561,18 +1789,33 @@
1561
1789
  .border-purple-500 {
1562
1790
  border-color: var(--color-purple-500);
1563
1791
  }
1792
+ .border-purple-500\/20 {
1793
+ border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
1794
+ @supports (color: color-mix(in lab, red, red)) {
1795
+ border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
1796
+ }
1797
+ }
1564
1798
  .border-purple-500\/30 {
1565
1799
  border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
1566
1800
  @supports (color: color-mix(in lab, red, red)) {
1567
1801
  border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
1568
1802
  }
1569
1803
  }
1804
+ .border-purple-500\/50 {
1805
+ border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent);
1806
+ @supports (color: color-mix(in lab, red, red)) {
1807
+ border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent);
1808
+ }
1809
+ }
1570
1810
  .border-purple-700\/50 {
1571
1811
  border-color: color-mix(in srgb, oklch(49.6% 0.265 301.924) 50%, transparent);
1572
1812
  @supports (color: color-mix(in lab, red, red)) {
1573
1813
  border-color: color-mix(in oklab, var(--color-purple-700) 50%, transparent);
1574
1814
  }
1575
1815
  }
1816
+ .border-red-100 {
1817
+ border-color: var(--color-red-100);
1818
+ }
1576
1819
  .border-red-200 {
1577
1820
  border-color: var(--color-red-200);
1578
1821
  }
@@ -1585,6 +1828,12 @@
1585
1828
  .border-red-300 {
1586
1829
  border-color: var(--color-red-300);
1587
1830
  }
1831
+ .border-red-300\/50 {
1832
+ border-color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 50%, transparent);
1833
+ @supports (color: color-mix(in lab, red, red)) {
1834
+ border-color: color-mix(in oklab, var(--color-red-300) 50%, transparent);
1835
+ }
1836
+ }
1588
1837
  .border-red-400\/60 {
1589
1838
  border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 60%, transparent);
1590
1839
  @supports (color: color-mix(in lab, red, red)) {
@@ -1633,6 +1882,15 @@
1633
1882
  border-color: color-mix(in oklab, var(--color-red-700) 50%, transparent);
1634
1883
  }
1635
1884
  }
1885
+ .border-red-900\/50 {
1886
+ border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
1887
+ @supports (color: color-mix(in lab, red, red)) {
1888
+ border-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
1889
+ }
1890
+ }
1891
+ .border-slate-50 {
1892
+ border-color: var(--color-slate-50);
1893
+ }
1636
1894
  .border-slate-200 {
1637
1895
  border-color: var(--color-slate-200);
1638
1896
  }
@@ -1723,21 +1981,90 @@
1723
1981
  .border-slate-700 {
1724
1982
  border-color: var(--color-slate-700);
1725
1983
  }
1984
+ .border-slate-700\/20 {
1985
+ border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 20%, transparent);
1986
+ @supports (color: color-mix(in lab, red, red)) {
1987
+ border-color: color-mix(in oklab, var(--color-slate-700) 20%, transparent);
1988
+ }
1989
+ }
1726
1990
  .border-slate-700\/30 {
1727
1991
  border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 30%, transparent);
1728
1992
  @supports (color: color-mix(in lab, red, red)) {
1729
1993
  border-color: color-mix(in oklab, var(--color-slate-700) 30%, transparent);
1730
1994
  }
1731
1995
  }
1996
+ .border-slate-700\/40 {
1997
+ border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 40%, transparent);
1998
+ @supports (color: color-mix(in lab, red, red)) {
1999
+ border-color: color-mix(in oklab, var(--color-slate-700) 40%, transparent);
2000
+ }
2001
+ }
1732
2002
  .border-slate-700\/50 {
1733
2003
  border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
1734
2004
  @supports (color: color-mix(in lab, red, red)) {
1735
2005
  border-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
1736
2006
  }
1737
2007
  }
2008
+ .border-slate-800 {
2009
+ border-color: var(--color-slate-800);
2010
+ }
2011
+ .border-slate-800\/30 {
2012
+ border-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 30%, transparent);
2013
+ @supports (color: color-mix(in lab, red, red)) {
2014
+ border-color: color-mix(in oklab, var(--color-slate-800) 30%, transparent);
2015
+ }
2016
+ }
2017
+ .border-teal-200 {
2018
+ border-color: var(--color-teal-200);
2019
+ }
2020
+ .border-teal-300 {
2021
+ border-color: var(--color-teal-300);
2022
+ }
2023
+ .border-teal-500\/20 {
2024
+ border-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
2025
+ @supports (color: color-mix(in lab, red, red)) {
2026
+ border-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
2027
+ }
2028
+ }
2029
+ .border-teal-500\/30 {
2030
+ border-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 30%, transparent);
2031
+ @supports (color: color-mix(in lab, red, red)) {
2032
+ border-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
2033
+ }
2034
+ }
2035
+ .border-teal-700\/50 {
2036
+ border-color: color-mix(in srgb, oklch(51.1% 0.096 186.391) 50%, transparent);
2037
+ @supports (color: color-mix(in lab, red, red)) {
2038
+ border-color: color-mix(in oklab, var(--color-teal-700) 50%, transparent);
2039
+ }
2040
+ }
1738
2041
  .border-transparent {
1739
2042
  border-color: transparent;
1740
2043
  }
2044
+ .border-yellow-200 {
2045
+ border-color: var(--color-yellow-200);
2046
+ }
2047
+ .border-yellow-300 {
2048
+ border-color: var(--color-yellow-300);
2049
+ }
2050
+ .border-yellow-500\/30 {
2051
+ border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
2052
+ @supports (color: color-mix(in lab, red, red)) {
2053
+ border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
2054
+ }
2055
+ }
2056
+ .border-yellow-700\/50 {
2057
+ border-color: color-mix(in srgb, oklch(55.4% 0.135 66.442) 50%, transparent);
2058
+ @supports (color: color-mix(in lab, red, red)) {
2059
+ border-color: color-mix(in oklab, var(--color-yellow-700) 50%, transparent);
2060
+ }
2061
+ }
2062
+ .border-yellow-900\/50 {
2063
+ border-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 50%, transparent);
2064
+ @supports (color: color-mix(in lab, red, red)) {
2065
+ border-color: color-mix(in oklab, var(--color-yellow-900) 50%, transparent);
2066
+ }
2067
+ }
1741
2068
  .border-t-blue-400 {
1742
2069
  border-top-color: var(--color-blue-400);
1743
2070
  }
@@ -1789,6 +2116,18 @@
1789
2116
  border-top-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
1790
2117
  }
1791
2118
  }
2119
+ .border-t-slate-200 {
2120
+ border-top-color: var(--color-slate-200);
2121
+ }
2122
+ .border-t-slate-700\/50 {
2123
+ border-top-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
2124
+ @supports (color: color-mix(in lab, red, red)) {
2125
+ border-top-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
2126
+ }
2127
+ }
2128
+ .border-t-transparent {
2129
+ border-top-color: transparent;
2130
+ }
1792
2131
  .border-r-blue-400\/40 {
1793
2132
  border-right-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 40%, transparent);
1794
2133
  @supports (color: color-mix(in lab, red, red)) {
@@ -1825,6 +2164,15 @@
1825
2164
  border-right-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
1826
2165
  }
1827
2166
  }
2167
+ .border-r-slate-200 {
2168
+ border-right-color: var(--color-slate-200);
2169
+ }
2170
+ .border-r-slate-700\/50 {
2171
+ border-right-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
2172
+ @supports (color: color-mix(in lab, red, red)) {
2173
+ border-right-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
2174
+ }
2175
+ }
1828
2176
  .border-b-blue-400\/40 {
1829
2177
  border-bottom-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 40%, transparent);
1830
2178
  @supports (color: color-mix(in lab, red, red)) {
@@ -1861,6 +2209,15 @@
1861
2209
  border-bottom-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
1862
2210
  }
1863
2211
  }
2212
+ .border-b-slate-200 {
2213
+ border-bottom-color: var(--color-slate-200);
2214
+ }
2215
+ .border-b-slate-700\/50 {
2216
+ border-bottom-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
2217
+ @supports (color: color-mix(in lab, red, red)) {
2218
+ border-bottom-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
2219
+ }
2220
+ }
1864
2221
  .border-l-amber-400 {
1865
2222
  border-left-color: var(--color-amber-400);
1866
2223
  }
@@ -1876,21 +2233,36 @@
1876
2233
  .border-l-emerald-500 {
1877
2234
  border-left-color: var(--color-emerald-500);
1878
2235
  }
2236
+ .border-l-green-500 {
2237
+ border-left-color: var(--color-green-500);
2238
+ }
2239
+ .border-l-green-600 {
2240
+ border-left-color: var(--color-green-600);
2241
+ }
1879
2242
  .border-l-purple-500 {
1880
2243
  border-left-color: var(--color-purple-500);
1881
2244
  }
2245
+ .border-l-purple-600 {
2246
+ border-left-color: var(--color-purple-600);
2247
+ }
1882
2248
  .border-l-red-400 {
1883
2249
  border-left-color: var(--color-red-400);
1884
2250
  }
1885
2251
  .border-l-red-500 {
1886
2252
  border-left-color: var(--color-red-500);
1887
2253
  }
2254
+ .border-l-slate-300 {
2255
+ border-left-color: var(--color-slate-300);
2256
+ }
1888
2257
  .border-l-slate-400 {
1889
2258
  border-left-color: var(--color-slate-400);
1890
2259
  }
1891
2260
  .border-l-slate-500 {
1892
2261
  border-left-color: var(--color-slate-500);
1893
2262
  }
2263
+ .border-l-slate-600 {
2264
+ border-left-color: var(--color-slate-600);
2265
+ }
1894
2266
  .bg-amber-50 {
1895
2267
  background-color: var(--color-amber-50);
1896
2268
  }
@@ -1912,11 +2284,11 @@
1912
2284
  .bg-amber-200 {
1913
2285
  background-color: var(--color-amber-200);
1914
2286
  }
1915
- .bg-amber-500\/5 {
1916
- background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);
1917
- @supports (color: color-mix(in lab, red, red)) {
1918
- background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
1919
- }
2287
+ .bg-amber-400 {
2288
+ background-color: var(--color-amber-400);
2289
+ }
2290
+ .bg-amber-500 {
2291
+ background-color: var(--color-amber-500);
1920
2292
  }
1921
2293
  .bg-amber-500\/10 {
1922
2294
  background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
@@ -1936,6 +2308,15 @@
1936
2308
  background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
1937
2309
  }
1938
2310
  }
2311
+ .bg-amber-600 {
2312
+ background-color: var(--color-amber-600);
2313
+ }
2314
+ .bg-amber-900\/10 {
2315
+ background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 10%, transparent);
2316
+ @supports (color: color-mix(in lab, red, red)) {
2317
+ background-color: color-mix(in oklab, var(--color-amber-900) 10%, transparent);
2318
+ }
2319
+ }
1939
2320
  .bg-amber-900\/20 {
1940
2321
  background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
1941
2322
  @supports (color: color-mix(in lab, red, red)) {
@@ -1954,16 +2335,22 @@
1954
2335
  background-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);
1955
2336
  }
1956
2337
  }
2338
+ .bg-black\/15 {
2339
+ background-color: color-mix(in srgb, #000 15%, transparent);
2340
+ @supports (color: color-mix(in lab, red, red)) {
2341
+ background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
2342
+ }
2343
+ }
1957
2344
  .bg-black\/20 {
1958
2345
  background-color: color-mix(in srgb, #000 20%, transparent);
1959
2346
  @supports (color: color-mix(in lab, red, red)) {
1960
2347
  background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
1961
2348
  }
1962
2349
  }
1963
- .bg-black\/50 {
1964
- background-color: color-mix(in srgb, #000 50%, transparent);
2350
+ .bg-black\/25 {
2351
+ background-color: color-mix(in srgb, #000 25%, transparent);
1965
2352
  @supports (color: color-mix(in lab, red, red)) {
1966
- background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
2353
+ background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
1967
2354
  }
1968
2355
  }
1969
2356
  .bg-black\/60 {
@@ -1996,9 +2383,6 @@
1996
2383
  background-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent);
1997
2384
  }
1998
2385
  }
1999
- .bg-blue-200 {
2000
- background-color: var(--color-blue-200);
2001
- }
2002
2386
  .bg-blue-400 {
2003
2387
  background-color: var(--color-blue-400);
2004
2388
  }
@@ -2011,6 +2395,12 @@
2011
2395
  .bg-blue-500 {
2012
2396
  background-color: var(--color-blue-500);
2013
2397
  }
2398
+ .bg-blue-500\/5 {
2399
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent);
2400
+ @supports (color: color-mix(in lab, red, red)) {
2401
+ background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);
2402
+ }
2403
+ }
2014
2404
  .bg-blue-500\/10 {
2015
2405
  background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
2016
2406
  @supports (color: color-mix(in lab, red, red)) {
@@ -2083,6 +2473,12 @@
2083
2473
  .bg-emerald-500 {
2084
2474
  background-color: var(--color-emerald-500);
2085
2475
  }
2476
+ .bg-emerald-500\/5 {
2477
+ background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
2478
+ @supports (color: color-mix(in lab, red, red)) {
2479
+ background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
2480
+ }
2481
+ }
2086
2482
  .bg-emerald-500\/10 {
2087
2483
  background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
2088
2484
  @supports (color: color-mix(in lab, red, red)) {
@@ -2101,6 +2497,21 @@
2101
2497
  background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
2102
2498
  }
2103
2499
  }
2500
+ .bg-emerald-500\/50 {
2501
+ background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
2502
+ @supports (color: color-mix(in lab, red, red)) {
2503
+ background-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
2504
+ }
2505
+ }
2506
+ .bg-emerald-600 {
2507
+ background-color: var(--color-emerald-600);
2508
+ }
2509
+ .bg-emerald-600\/80 {
2510
+ background-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 80%, transparent);
2511
+ @supports (color: color-mix(in lab, red, red)) {
2512
+ background-color: color-mix(in oklab, var(--color-emerald-600) 80%, transparent);
2513
+ }
2514
+ }
2104
2515
  .bg-emerald-900\/20 {
2105
2516
  background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
2106
2517
  @supports (color: color-mix(in lab, red, red)) {
@@ -2128,10 +2539,70 @@
2128
2539
  background-color: color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent);
2129
2540
  }
2130
2541
  }
2131
- .bg-green-500\/5 {
2132
- background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 5%, transparent);
2542
+ .bg-gray-50 {
2543
+ background-color: var(--color-gray-50);
2544
+ }
2545
+ .bg-gray-500\/20 {
2546
+ background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent);
2547
+ @supports (color: color-mix(in lab, red, red)) {
2548
+ background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
2549
+ }
2550
+ }
2551
+ .bg-green-50 {
2552
+ background-color: var(--color-green-50);
2553
+ }
2554
+ .bg-green-50\/30 {
2555
+ background-color: color-mix(in srgb, oklch(98.2% 0.018 155.826) 30%, transparent);
2556
+ @supports (color: color-mix(in lab, red, red)) {
2557
+ background-color: color-mix(in oklab, var(--color-green-50) 30%, transparent);
2558
+ }
2559
+ }
2560
+ .bg-green-100 {
2561
+ background-color: var(--color-green-100);
2562
+ }
2563
+ .bg-green-400 {
2564
+ background-color: var(--color-green-400);
2565
+ }
2566
+ .bg-green-500 {
2567
+ background-color: var(--color-green-500);
2568
+ }
2569
+ .bg-green-500\/10 {
2570
+ background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
2571
+ @supports (color: color-mix(in lab, red, red)) {
2572
+ background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
2573
+ }
2574
+ }
2575
+ .bg-green-500\/20 {
2576
+ background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
2577
+ @supports (color: color-mix(in lab, red, red)) {
2578
+ background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
2579
+ }
2580
+ }
2581
+ .bg-green-600\/80 {
2582
+ background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 80%, transparent);
2583
+ @supports (color: color-mix(in lab, red, red)) {
2584
+ background-color: color-mix(in oklab, var(--color-green-600) 80%, transparent);
2585
+ }
2586
+ }
2587
+ .bg-green-600\/90 {
2588
+ background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 90%, transparent);
2589
+ @supports (color: color-mix(in lab, red, red)) {
2590
+ background-color: color-mix(in oklab, var(--color-green-600) 90%, transparent);
2591
+ }
2592
+ }
2593
+ .bg-green-900\/30 {
2594
+ background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
2133
2595
  @supports (color: color-mix(in lab, red, red)) {
2134
- background-color: color-mix(in oklab, var(--color-green-500) 5%, transparent);
2596
+ background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
2597
+ }
2598
+ }
2599
+ .bg-indigo-50 {
2600
+ background-color: var(--color-indigo-50);
2601
+ }
2602
+ .bg-indigo-500\/20 {
2603
+ background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
2604
+ @supports (color: color-mix(in lab, red, red)) {
2605
+ background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
2135
2606
  }
2136
2607
  }
2137
2608
  .bg-lime-100 {
@@ -2161,6 +2632,9 @@
2161
2632
  background-color: color-mix(in oklab, var(--color-orange-100) 70%, transparent);
2162
2633
  }
2163
2634
  }
2635
+ .bg-orange-200 {
2636
+ background-color: var(--color-orange-200);
2637
+ }
2164
2638
  .bg-orange-400 {
2165
2639
  background-color: var(--color-orange-400);
2166
2640
  }
@@ -2179,12 +2653,33 @@
2179
2653
  background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
2180
2654
  }
2181
2655
  }
2656
+ .bg-orange-600 {
2657
+ background-color: var(--color-orange-600);
2658
+ }
2659
+ .bg-orange-900\/10 {
2660
+ background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 10%, transparent);
2661
+ @supports (color: color-mix(in lab, red, red)) {
2662
+ background-color: color-mix(in oklab, var(--color-orange-900) 10%, transparent);
2663
+ }
2664
+ }
2182
2665
  .bg-orange-900\/20 {
2183
2666
  background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
2184
2667
  @supports (color: color-mix(in lab, red, red)) {
2185
2668
  background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
2186
2669
  }
2187
2670
  }
2671
+ .bg-orange-900\/30 {
2672
+ background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
2673
+ @supports (color: color-mix(in lab, red, red)) {
2674
+ background-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
2675
+ }
2676
+ }
2677
+ .bg-orange-950\/30 {
2678
+ background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 30%, transparent);
2679
+ @supports (color: color-mix(in lab, red, red)) {
2680
+ background-color: color-mix(in oklab, var(--color-orange-950) 30%, transparent);
2681
+ }
2682
+ }
2188
2683
  .bg-pink-100 {
2189
2684
  background-color: var(--color-pink-100);
2190
2685
  }
@@ -2206,6 +2701,9 @@
2206
2701
  .bg-purple-100 {
2207
2702
  background-color: var(--color-purple-100);
2208
2703
  }
2704
+ .bg-purple-200 {
2705
+ background-color: var(--color-purple-200);
2706
+ }
2209
2707
  .bg-purple-500\/5 {
2210
2708
  background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 5%, transparent);
2211
2709
  @supports (color: color-mix(in lab, red, red)) {
@@ -2224,9 +2722,39 @@
2224
2722
  background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
2225
2723
  }
2226
2724
  }
2725
+ .bg-purple-500\/40 {
2726
+ background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 40%, transparent);
2727
+ @supports (color: color-mix(in lab, red, red)) {
2728
+ background-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent);
2729
+ }
2730
+ }
2731
+ .bg-purple-600\/80 {
2732
+ background-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 80%, transparent);
2733
+ @supports (color: color-mix(in lab, red, red)) {
2734
+ background-color: color-mix(in oklab, var(--color-purple-600) 80%, transparent);
2735
+ }
2736
+ }
2737
+ .bg-purple-600\/90 {
2738
+ background-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 90%, transparent);
2739
+ @supports (color: color-mix(in lab, red, red)) {
2740
+ background-color: color-mix(in oklab, var(--color-purple-600) 90%, transparent);
2741
+ }
2742
+ }
2743
+ .bg-purple-900\/30 {
2744
+ background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
2745
+ @supports (color: color-mix(in lab, red, red)) {
2746
+ background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
2747
+ }
2748
+ }
2227
2749
  .bg-red-50 {
2228
2750
  background-color: var(--color-red-50);
2229
2751
  }
2752
+ .bg-red-50\/50 {
2753
+ background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 50%, transparent);
2754
+ @supports (color: color-mix(in lab, red, red)) {
2755
+ background-color: color-mix(in oklab, var(--color-red-50) 50%, transparent);
2756
+ }
2757
+ }
2230
2758
  .bg-red-100 {
2231
2759
  background-color: var(--color-red-100);
2232
2760
  }
@@ -2236,6 +2764,21 @@
2236
2764
  background-color: color-mix(in oklab, var(--color-red-100) 70%, transparent);
2237
2765
  }
2238
2766
  }
2767
+ .bg-red-200 {
2768
+ background-color: var(--color-red-200);
2769
+ }
2770
+ .bg-red-400 {
2771
+ background-color: var(--color-red-400);
2772
+ }
2773
+ .bg-red-500 {
2774
+ background-color: var(--color-red-500);
2775
+ }
2776
+ .bg-red-500\/5 {
2777
+ background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 5%, transparent);
2778
+ @supports (color: color-mix(in lab, red, red)) {
2779
+ background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent);
2780
+ }
2781
+ }
2239
2782
  .bg-red-500\/10 {
2240
2783
  background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
2241
2784
  @supports (color: color-mix(in lab, red, red)) {
@@ -2248,6 +2791,27 @@
2248
2791
  background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
2249
2792
  }
2250
2793
  }
2794
+ .bg-red-500\/30 {
2795
+ background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
2796
+ @supports (color: color-mix(in lab, red, red)) {
2797
+ background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
2798
+ }
2799
+ }
2800
+ .bg-red-600 {
2801
+ background-color: var(--color-red-600);
2802
+ }
2803
+ .bg-red-600\/30 {
2804
+ background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 30%, transparent);
2805
+ @supports (color: color-mix(in lab, red, red)) {
2806
+ background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
2807
+ }
2808
+ }
2809
+ .bg-red-900\/10 {
2810
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 10%, transparent);
2811
+ @supports (color: color-mix(in lab, red, red)) {
2812
+ background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent);
2813
+ }
2814
+ }
2251
2815
  .bg-red-900\/20 {
2252
2816
  background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
2253
2817
  @supports (color: color-mix(in lab, red, red)) {
@@ -2266,6 +2830,12 @@
2266
2830
  background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
2267
2831
  }
2268
2832
  }
2833
+ .bg-red-950\/30 {
2834
+ background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 30%, transparent);
2835
+ @supports (color: color-mix(in lab, red, red)) {
2836
+ background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent);
2837
+ }
2838
+ }
2269
2839
  .bg-rose-100 {
2270
2840
  background-color: var(--color-rose-100);
2271
2841
  }
@@ -2278,6 +2848,12 @@
2278
2848
  .bg-slate-50 {
2279
2849
  background-color: var(--color-slate-50);
2280
2850
  }
2851
+ .bg-slate-50\/30 {
2852
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 30%, transparent);
2853
+ @supports (color: color-mix(in lab, red, red)) {
2854
+ background-color: color-mix(in oklab, var(--color-slate-50) 30%, transparent);
2855
+ }
2856
+ }
2281
2857
  .bg-slate-50\/50 {
2282
2858
  background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
2283
2859
  @supports (color: color-mix(in lab, red, red)) {
@@ -2350,12 +2926,6 @@
2350
2926
  background-color: color-mix(in oklab, var(--color-slate-600) 20%, transparent);
2351
2927
  }
2352
2928
  }
2353
- .bg-slate-600\/40 {
2354
- background-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 40%, transparent);
2355
- @supports (color: color-mix(in lab, red, red)) {
2356
- background-color: color-mix(in oklab, var(--color-slate-600) 40%, transparent);
2357
- }
2358
- }
2359
2929
  .bg-slate-600\/50 {
2360
2930
  background-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 50%, transparent);
2361
2931
  @supports (color: color-mix(in lab, red, red)) {
@@ -2377,24 +2947,12 @@
2377
2947
  background-color: color-mix(in oklab, var(--color-slate-700) 30%, transparent);
2378
2948
  }
2379
2949
  }
2380
- .bg-slate-700\/40 {
2381
- background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 40%, transparent);
2382
- @supports (color: color-mix(in lab, red, red)) {
2383
- background-color: color-mix(in oklab, var(--color-slate-700) 40%, transparent);
2384
- }
2385
- }
2386
2950
  .bg-slate-700\/50 {
2387
2951
  background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
2388
2952
  @supports (color: color-mix(in lab, red, red)) {
2389
2953
  background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
2390
2954
  }
2391
2955
  }
2392
- .bg-slate-700\/60 {
2393
- background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 60%, transparent);
2394
- @supports (color: color-mix(in lab, red, red)) {
2395
- background-color: color-mix(in oklab, var(--color-slate-700) 60%, transparent);
2396
- }
2397
- }
2398
2956
  .bg-slate-700\/70 {
2399
2957
  background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 70%, transparent);
2400
2958
  @supports (color: color-mix(in lab, red, red)) {
@@ -2455,8 +3013,14 @@
2455
3013
  .bg-slate-900 {
2456
3014
  background-color: var(--color-slate-900);
2457
3015
  }
2458
- .bg-slate-900\/20 {
2459
- background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 20%, transparent);
3016
+ .bg-slate-900\/15 {
3017
+ background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 15%, transparent);
3018
+ @supports (color: color-mix(in lab, red, red)) {
3019
+ background-color: color-mix(in oklab, var(--color-slate-900) 15%, transparent);
3020
+ }
3021
+ }
3022
+ .bg-slate-900\/20 {
3023
+ background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 20%, transparent);
2460
3024
  @supports (color: color-mix(in lab, red, red)) {
2461
3025
  background-color: color-mix(in oklab, var(--color-slate-900) 20%, transparent);
2462
3026
  }
@@ -2467,12 +3031,6 @@
2467
3031
  background-color: color-mix(in oklab, var(--color-slate-900) 30%, transparent);
2468
3032
  }
2469
3033
  }
2470
- .bg-slate-900\/40 {
2471
- background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 40%, transparent);
2472
- @supports (color: color-mix(in lab, red, red)) {
2473
- background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
2474
- }
2475
- }
2476
3034
  .bg-slate-900\/50 {
2477
3035
  background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
2478
3036
  @supports (color: color-mix(in lab, red, red)) {
@@ -2497,21 +3055,60 @@
2497
3055
  background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
2498
3056
  }
2499
3057
  }
3058
+ .bg-slate-950\/25 {
3059
+ background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 25%, transparent);
3060
+ @supports (color: color-mix(in lab, red, red)) {
3061
+ background-color: color-mix(in oklab, var(--color-slate-950) 25%, transparent);
3062
+ }
3063
+ }
2500
3064
  .bg-slate-950\/80 {
2501
3065
  background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 80%, transparent);
2502
3066
  @supports (color: color-mix(in lab, red, red)) {
2503
3067
  background-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent);
2504
3068
  }
2505
3069
  }
3070
+ .bg-teal-50 {
3071
+ background-color: var(--color-teal-50);
3072
+ }
3073
+ .bg-teal-50\/50 {
3074
+ background-color: color-mix(in srgb, oklch(98.4% 0.014 180.72) 50%, transparent);
3075
+ @supports (color: color-mix(in lab, red, red)) {
3076
+ background-color: color-mix(in oklab, var(--color-teal-50) 50%, transparent);
3077
+ }
3078
+ }
2506
3079
  .bg-teal-100 {
2507
3080
  background-color: var(--color-teal-100);
2508
3081
  }
3082
+ .bg-teal-500\/10 {
3083
+ background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent);
3084
+ @supports (color: color-mix(in lab, red, red)) {
3085
+ background-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent);
3086
+ }
3087
+ }
2509
3088
  .bg-teal-500\/20 {
2510
3089
  background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
2511
3090
  @supports (color: color-mix(in lab, red, red)) {
2512
3091
  background-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
2513
3092
  }
2514
3093
  }
3094
+ .bg-teal-600\/80 {
3095
+ background-color: color-mix(in srgb, oklch(60% 0.118 184.704) 80%, transparent);
3096
+ @supports (color: color-mix(in lab, red, red)) {
3097
+ background-color: color-mix(in oklab, var(--color-teal-600) 80%, transparent);
3098
+ }
3099
+ }
3100
+ .bg-teal-600\/90 {
3101
+ background-color: color-mix(in srgb, oklch(60% 0.118 184.704) 90%, transparent);
3102
+ @supports (color: color-mix(in lab, red, red)) {
3103
+ background-color: color-mix(in oklab, var(--color-teal-600) 90%, transparent);
3104
+ }
3105
+ }
3106
+ .bg-teal-900\/30 {
3107
+ background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 30%, transparent);
3108
+ @supports (color: color-mix(in lab, red, red)) {
3109
+ background-color: color-mix(in oklab, var(--color-teal-900) 30%, transparent);
3110
+ }
3111
+ }
2515
3112
  .bg-transparent {
2516
3113
  background-color: transparent;
2517
3114
  }
@@ -2527,6 +3124,12 @@
2527
3124
  .bg-white {
2528
3125
  background-color: var(--color-white);
2529
3126
  }
3127
+ .bg-white\/20 {
3128
+ background-color: color-mix(in srgb, #fff 20%, transparent);
3129
+ @supports (color: color-mix(in lab, red, red)) {
3130
+ background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
3131
+ }
3132
+ }
2530
3133
  .bg-white\/30 {
2531
3134
  background-color: color-mix(in srgb, #fff 30%, transparent);
2532
3135
  @supports (color: color-mix(in lab, red, red)) {
@@ -2539,12 +3142,6 @@
2539
3142
  background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
2540
3143
  }
2541
3144
  }
2542
- .bg-white\/60 {
2543
- background-color: color-mix(in srgb, #fff 60%, transparent);
2544
- @supports (color: color-mix(in lab, red, red)) {
2545
- background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
2546
- }
2547
- }
2548
3145
  .bg-white\/80 {
2549
3146
  background-color: color-mix(in srgb, #fff 80%, transparent);
2550
3147
  @supports (color: color-mix(in lab, red, red)) {
@@ -2563,6 +3160,42 @@
2563
3160
  background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
2564
3161
  }
2565
3162
  }
3163
+ .bg-yellow-50 {
3164
+ background-color: var(--color-yellow-50);
3165
+ }
3166
+ .bg-yellow-100 {
3167
+ background-color: var(--color-yellow-100);
3168
+ }
3169
+ .bg-yellow-400 {
3170
+ background-color: var(--color-yellow-400);
3171
+ }
3172
+ .bg-yellow-500 {
3173
+ background-color: var(--color-yellow-500);
3174
+ }
3175
+ .bg-yellow-500\/10 {
3176
+ background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
3177
+ @supports (color: color-mix(in lab, red, red)) {
3178
+ background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
3179
+ }
3180
+ }
3181
+ .bg-yellow-500\/20 {
3182
+ background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
3183
+ @supports (color: color-mix(in lab, red, red)) {
3184
+ background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
3185
+ }
3186
+ }
3187
+ .bg-yellow-900\/30 {
3188
+ background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 30%, transparent);
3189
+ @supports (color: color-mix(in lab, red, red)) {
3190
+ background-color: color-mix(in oklab, var(--color-yellow-900) 30%, transparent);
3191
+ }
3192
+ }
3193
+ .bg-yellow-950\/30 {
3194
+ background-color: color-mix(in srgb, oklch(28.6% 0.066 53.813) 30%, transparent);
3195
+ @supports (color: color-mix(in lab, red, red)) {
3196
+ background-color: color-mix(in oklab, var(--color-yellow-950) 30%, transparent);
3197
+ }
3198
+ }
2566
3199
  .bg-gradient-to-b {
2567
3200
  --tw-gradient-position: to bottom in oklab;
2568
3201
  background-image: linear-gradient(var(--tw-gradient-stops));
@@ -2583,6 +3216,9 @@
2583
3216
  --tw-gradient-position: to top right in oklab;
2584
3217
  background-image: linear-gradient(var(--tw-gradient-stops));
2585
3218
  }
3219
+ .bg-\[radial-gradient\(ellipse_at_top_right\,_var\(--tw-gradient-stops\)\)\] {
3220
+ background-image: radial-gradient(ellipse at top right, var(--tw-gradient-stops));
3221
+ }
2586
3222
  .from-amber-50 {
2587
3223
  --tw-gradient-from: var(--color-amber-50);
2588
3224
  --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));
@@ -2627,10 +3263,24 @@
2627
3263
  }
2628
3264
  --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));
2629
3265
  }
3266
+ .from-amber-900\/20 {
3267
+ --tw-gradient-from: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
3268
+ @supports (color: color-mix(in lab, red, red)) {
3269
+ --tw-gradient-from: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
3270
+ }
3271
+ --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));
3272
+ }
2630
3273
  .from-blue-50 {
2631
3274
  --tw-gradient-from: var(--color-blue-50);
2632
3275
  --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));
2633
3276
  }
3277
+ .from-blue-50\/30 {
3278
+ --tw-gradient-from: color-mix(in srgb, oklch(97% 0.014 254.604) 30%, transparent);
3279
+ @supports (color: color-mix(in lab, red, red)) {
3280
+ --tw-gradient-from: color-mix(in oklab, var(--color-blue-50) 30%, transparent);
3281
+ }
3282
+ --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));
3283
+ }
2634
3284
  .from-blue-50\/50 {
2635
3285
  --tw-gradient-from: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
2636
3286
  @supports (color: color-mix(in lab, red, red)) {
@@ -2667,10 +3317,21 @@
2667
3317
  --tw-gradient-from: var(--color-blue-200);
2668
3318
  --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));
2669
3319
  }
3320
+ .from-blue-300 {
3321
+ --tw-gradient-from: var(--color-blue-300);
3322
+ --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));
3323
+ }
2670
3324
  .from-blue-400 {
2671
3325
  --tw-gradient-from: var(--color-blue-400);
2672
3326
  --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));
2673
3327
  }
3328
+ .from-blue-400\/20 {
3329
+ --tw-gradient-from: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
3330
+ @supports (color: color-mix(in lab, red, red)) {
3331
+ --tw-gradient-from: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
3332
+ }
3333
+ --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));
3334
+ }
2674
3335
  .from-blue-500 {
2675
3336
  --tw-gradient-from: var(--color-blue-500);
2676
3337
  --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));
@@ -2718,6 +3379,13 @@
2718
3379
  --tw-gradient-from: var(--color-emerald-50);
2719
3380
  --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));
2720
3381
  }
3382
+ .from-emerald-50\/30 {
3383
+ --tw-gradient-from: color-mix(in srgb, oklch(97.9% 0.021 166.113) 30%, transparent);
3384
+ @supports (color: color-mix(in lab, red, red)) {
3385
+ --tw-gradient-from: color-mix(in oklab, var(--color-emerald-50) 30%, transparent);
3386
+ }
3387
+ --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));
3388
+ }
2721
3389
  .from-emerald-50\/50 {
2722
3390
  --tw-gradient-from: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent);
2723
3391
  @supports (color: color-mix(in lab, red, red)) {
@@ -2743,10 +3411,21 @@
2743
3411
  }
2744
3412
  --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));
2745
3413
  }
3414
+ .from-emerald-300 {
3415
+ --tw-gradient-from: var(--color-emerald-300);
3416
+ --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));
3417
+ }
2746
3418
  .from-emerald-400 {
2747
3419
  --tw-gradient-from: var(--color-emerald-400);
2748
3420
  --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));
2749
3421
  }
3422
+ .from-emerald-400\/20 {
3423
+ --tw-gradient-from: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
3424
+ @supports (color: color-mix(in lab, red, red)) {
3425
+ --tw-gradient-from: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
3426
+ }
3427
+ --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));
3428
+ }
2750
3429
  .from-emerald-500 {
2751
3430
  --tw-gradient-from: var(--color-emerald-500);
2752
3431
  --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));
@@ -2779,6 +3458,17 @@
2779
3458
  }
2780
3459
  --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));
2781
3460
  }
3461
+ .from-emerald-600 {
3462
+ --tw-gradient-from: var(--color-emerald-600);
3463
+ --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));
3464
+ }
3465
+ .from-emerald-900\/20 {
3466
+ --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
3467
+ @supports (color: color-mix(in lab, red, red)) {
3468
+ --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
3469
+ }
3470
+ --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));
3471
+ }
2782
3472
  .from-emerald-950\/20 {
2783
3473
  --tw-gradient-from: color-mix(in srgb, oklch(26.2% 0.051 172.552) 20%, transparent);
2784
3474
  @supports (color: color-mix(in lab, red, red)) {
@@ -2786,6 +3476,20 @@
2786
3476
  }
2787
3477
  --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));
2788
3478
  }
3479
+ .from-green-500\/20 {
3480
+ --tw-gradient-from: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
3481
+ @supports (color: color-mix(in lab, red, red)) {
3482
+ --tw-gradient-from: color-mix(in oklab, var(--color-green-500) 20%, transparent);
3483
+ }
3484
+ --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));
3485
+ }
3486
+ .from-green-600\/20 {
3487
+ --tw-gradient-from: color-mix(in srgb, oklch(62.7% 0.194 149.214) 20%, transparent);
3488
+ @supports (color: color-mix(in lab, red, red)) {
3489
+ --tw-gradient-from: color-mix(in oklab, var(--color-green-600) 20%, transparent);
3490
+ }
3491
+ --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));
3492
+ }
2789
3493
  .from-indigo-50\/50 {
2790
3494
  --tw-gradient-from: color-mix(in srgb, oklch(96.2% 0.018 272.314) 50%, transparent);
2791
3495
  @supports (color: color-mix(in lab, red, red)) {
@@ -2807,6 +3511,10 @@
2807
3511
  }
2808
3512
  --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));
2809
3513
  }
3514
+ .from-orange-50 {
3515
+ --tw-gradient-from: var(--color-orange-50);
3516
+ --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));
3517
+ }
2810
3518
  .from-orange-100 {
2811
3519
  --tw-gradient-from: var(--color-orange-100);
2812
3520
  --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));
@@ -2818,6 +3526,21 @@
2818
3526
  }
2819
3527
  --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));
2820
3528
  }
3529
+ .from-orange-300 {
3530
+ --tw-gradient-from: var(--color-orange-300);
3531
+ --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));
3532
+ }
3533
+ .from-orange-400\/20 {
3534
+ --tw-gradient-from: color-mix(in srgb, oklch(75% 0.183 55.934) 20%, transparent);
3535
+ @supports (color: color-mix(in lab, red, red)) {
3536
+ --tw-gradient-from: color-mix(in oklab, var(--color-orange-400) 20%, transparent);
3537
+ }
3538
+ --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));
3539
+ }
3540
+ .from-orange-500 {
3541
+ --tw-gradient-from: var(--color-orange-500);
3542
+ --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));
3543
+ }
2821
3544
  .from-orange-500\/30 {
2822
3545
  --tw-gradient-from: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent);
2823
3546
  @supports (color: color-mix(in lab, red, red)) {
@@ -2825,6 +3548,17 @@
2825
3548
  }
2826
3549
  --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));
2827
3550
  }
3551
+ .from-orange-600 {
3552
+ --tw-gradient-from: var(--color-orange-600);
3553
+ --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));
3554
+ }
3555
+ .from-orange-900\/20 {
3556
+ --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
3557
+ @supports (color: color-mix(in lab, red, red)) {
3558
+ --tw-gradient-from: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
3559
+ }
3560
+ --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));
3561
+ }
2828
3562
  .from-purple-50 {
2829
3563
  --tw-gradient-from: var(--color-purple-50);
2830
3564
  --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));
@@ -2847,6 +3581,14 @@
2847
3581
  }
2848
3582
  --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));
2849
3583
  }
3584
+ .from-purple-400 {
3585
+ --tw-gradient-from: var(--color-purple-400);
3586
+ --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));
3587
+ }
3588
+ .from-purple-500 {
3589
+ --tw-gradient-from: var(--color-purple-500);
3590
+ --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));
3591
+ }
2850
3592
  .from-purple-500\/5 {
2851
3593
  --tw-gradient-from: color-mix(in srgb, oklch(62.7% 0.265 303.9) 5%, transparent);
2852
3594
  @supports (color: color-mix(in lab, red, red)) {
@@ -2872,6 +3614,13 @@
2872
3614
  --tw-gradient-from: var(--color-purple-600);
2873
3615
  --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));
2874
3616
  }
3617
+ .from-purple-600\/20 {
3618
+ --tw-gradient-from: color-mix(in srgb, oklch(55.8% 0.288 302.321) 20%, transparent);
3619
+ @supports (color: color-mix(in lab, red, red)) {
3620
+ --tw-gradient-from: color-mix(in oklab, var(--color-purple-600) 20%, transparent);
3621
+ }
3622
+ --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));
3623
+ }
2875
3624
  .from-purple-900\/20 {
2876
3625
  --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
2877
3626
  @supports (color: color-mix(in lab, red, red)) {
@@ -2886,10 +3635,51 @@
2886
3635
  }
2887
3636
  --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));
2888
3637
  }
3638
+ .from-red-50 {
3639
+ --tw-gradient-from: var(--color-red-50);
3640
+ --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));
3641
+ }
2889
3642
  .from-red-100 {
2890
3643
  --tw-gradient-from: var(--color-red-100);
2891
3644
  --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));
2892
3645
  }
3646
+ .from-red-300 {
3647
+ --tw-gradient-from: var(--color-red-300);
3648
+ --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));
3649
+ }
3650
+ .from-red-400 {
3651
+ --tw-gradient-from: var(--color-red-400);
3652
+ --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));
3653
+ }
3654
+ .from-red-400\/20 {
3655
+ --tw-gradient-from: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent);
3656
+ @supports (color: color-mix(in lab, red, red)) {
3657
+ --tw-gradient-from: color-mix(in oklab, var(--color-red-400) 20%, transparent);
3658
+ }
3659
+ --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));
3660
+ }
3661
+ .from-red-500 {
3662
+ --tw-gradient-from: var(--color-red-500);
3663
+ --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));
3664
+ }
3665
+ .from-red-500\/30 {
3666
+ --tw-gradient-from: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
3667
+ @supports (color: color-mix(in lab, red, red)) {
3668
+ --tw-gradient-from: color-mix(in oklab, var(--color-red-500) 30%, transparent);
3669
+ }
3670
+ --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));
3671
+ }
3672
+ .from-red-600 {
3673
+ --tw-gradient-from: var(--color-red-600);
3674
+ --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));
3675
+ }
3676
+ .from-red-900\/20 {
3677
+ --tw-gradient-from: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
3678
+ @supports (color: color-mix(in lab, red, red)) {
3679
+ --tw-gradient-from: color-mix(in oklab, var(--color-red-900) 20%, transparent);
3680
+ }
3681
+ --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));
3682
+ }
2893
3683
  .from-slate-50 {
2894
3684
  --tw-gradient-from: var(--color-slate-50);
2895
3685
  --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));
@@ -2937,6 +3727,10 @@
2937
3727
  }
2938
3728
  --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));
2939
3729
  }
3730
+ .from-slate-700 {
3731
+ --tw-gradient-from: var(--color-slate-700);
3732
+ --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));
3733
+ }
2940
3734
  .from-slate-700\/40 {
2941
3735
  --tw-gradient-from: color-mix(in srgb, oklch(37.2% 0.044 257.287) 40%, transparent);
2942
3736
  @supports (color: color-mix(in lab, red, red)) {
@@ -2962,17 +3756,17 @@
2962
3756
  }
2963
3757
  --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));
2964
3758
  }
2965
- .from-slate-800\/85 {
2966
- --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.041 260.031) 85%, transparent);
3759
+ .from-slate-800\/80 {
3760
+ --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent);
2967
3761
  @supports (color: color-mix(in lab, red, red)) {
2968
- --tw-gradient-from: color-mix(in oklab, var(--color-slate-800) 85%, transparent);
3762
+ --tw-gradient-from: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
2969
3763
  }
2970
3764
  --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));
2971
3765
  }
2972
- .from-slate-800\/90 {
2973
- --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.041 260.031) 90%, transparent);
3766
+ .from-slate-800\/85 {
3767
+ --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.041 260.031) 85%, transparent);
2974
3768
  @supports (color: color-mix(in lab, red, red)) {
2975
- --tw-gradient-from: color-mix(in oklab, var(--color-slate-800) 90%, transparent);
3769
+ --tw-gradient-from: color-mix(in oklab, var(--color-slate-800) 85%, transparent);
2976
3770
  }
2977
3771
  --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));
2978
3772
  }
@@ -2987,6 +3781,20 @@
2987
3781
  --tw-gradient-from: var(--color-slate-900);
2988
3782
  --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));
2989
3783
  }
3784
+ .from-teal-500\/20 {
3785
+ --tw-gradient-from: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
3786
+ @supports (color: color-mix(in lab, red, red)) {
3787
+ --tw-gradient-from: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
3788
+ }
3789
+ --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));
3790
+ }
3791
+ .from-teal-600\/20 {
3792
+ --tw-gradient-from: color-mix(in srgb, oklch(60% 0.118 184.704) 20%, transparent);
3793
+ @supports (color: color-mix(in lab, red, red)) {
3794
+ --tw-gradient-from: color-mix(in oklab, var(--color-teal-600) 20%, transparent);
3795
+ }
3796
+ --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));
3797
+ }
2990
3798
  .from-transparent {
2991
3799
  --tw-gradient-from: transparent;
2992
3800
  --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));
@@ -3007,6 +3815,27 @@
3007
3815
  --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);
3008
3816
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3009
3817
  }
3818
+ .via-amber-400\/10 {
3819
+ --tw-gradient-via: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
3820
+ @supports (color: color-mix(in lab, red, red)) {
3821
+ --tw-gradient-via: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
3822
+ }
3823
+ --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);
3824
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3825
+ }
3826
+ .via-amber-500 {
3827
+ --tw-gradient-via: var(--color-amber-500);
3828
+ --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);
3829
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3830
+ }
3831
+ .via-amber-500\/20 {
3832
+ --tw-gradient-via: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
3833
+ @supports (color: color-mix(in lab, red, red)) {
3834
+ --tw-gradient-via: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
3835
+ }
3836
+ --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);
3837
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3838
+ }
3010
3839
  .via-blue-400\/20 {
3011
3840
  --tw-gradient-via: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
3012
3841
  @supports (color: color-mix(in lab, red, red)) {
@@ -3028,6 +3857,27 @@
3028
3857
  --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);
3029
3858
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3030
3859
  }
3860
+ .via-cyan-400\/10 {
3861
+ --tw-gradient-via: color-mix(in srgb, oklch(78.9% 0.154 211.53) 10%, transparent);
3862
+ @supports (color: color-mix(in lab, red, red)) {
3863
+ --tw-gradient-via: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
3864
+ }
3865
+ --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);
3866
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3867
+ }
3868
+ .via-cyan-500 {
3869
+ --tw-gradient-via: var(--color-cyan-500);
3870
+ --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);
3871
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3872
+ }
3873
+ .via-cyan-500\/20 {
3874
+ --tw-gradient-via: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
3875
+ @supports (color: color-mix(in lab, red, red)) {
3876
+ --tw-gradient-via: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
3877
+ }
3878
+ --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);
3879
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3880
+ }
3031
3881
  .via-emerald-400 {
3032
3882
  --tw-gradient-via: var(--color-emerald-400);
3033
3883
  --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);
@@ -3049,6 +3899,27 @@
3049
3899
  --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);
3050
3900
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3051
3901
  }
3902
+ .via-green-400\/30 {
3903
+ --tw-gradient-via: color-mix(in srgb, oklch(79.2% 0.209 151.711) 30%, transparent);
3904
+ @supports (color: color-mix(in lab, red, red)) {
3905
+ --tw-gradient-via: color-mix(in oklab, var(--color-green-400) 30%, transparent);
3906
+ }
3907
+ --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);
3908
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3909
+ }
3910
+ .via-green-500\/30 {
3911
+ --tw-gradient-via: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
3912
+ @supports (color: color-mix(in lab, red, red)) {
3913
+ --tw-gradient-via: color-mix(in oklab, var(--color-green-500) 30%, transparent);
3914
+ }
3915
+ --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);
3916
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3917
+ }
3918
+ .via-purple-50 {
3919
+ --tw-gradient-via: var(--color-purple-50);
3920
+ --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);
3921
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3922
+ }
3052
3923
  .via-purple-100\/50 {
3053
3924
  --tw-gradient-via: color-mix(in srgb, oklch(94.6% 0.033 307.174) 50%, transparent);
3054
3925
  @supports (color: color-mix(in lab, red, red)) {
@@ -3062,11 +3933,35 @@
3062
3933
  --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);
3063
3934
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3064
3935
  }
3936
+ .via-purple-400\/30 {
3937
+ --tw-gradient-via: color-mix(in srgb, oklch(71.4% 0.203 305.504) 30%, transparent);
3938
+ @supports (color: color-mix(in lab, red, red)) {
3939
+ --tw-gradient-via: color-mix(in oklab, var(--color-purple-400) 30%, transparent);
3940
+ }
3941
+ --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);
3942
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3943
+ }
3065
3944
  .via-purple-500 {
3066
3945
  --tw-gradient-via: var(--color-purple-500);
3067
3946
  --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);
3068
3947
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3069
3948
  }
3949
+ .via-purple-500\/10 {
3950
+ --tw-gradient-via: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
3951
+ @supports (color: color-mix(in lab, red, red)) {
3952
+ --tw-gradient-via: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
3953
+ }
3954
+ --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);
3955
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3956
+ }
3957
+ .via-purple-500\/30 {
3958
+ --tw-gradient-via: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
3959
+ @supports (color: color-mix(in lab, red, red)) {
3960
+ --tw-gradient-via: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
3961
+ }
3962
+ --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);
3963
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3964
+ }
3070
3965
  .via-purple-600 {
3071
3966
  --tw-gradient-via: var(--color-purple-600);
3072
3967
  --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);
@@ -3080,6 +3975,27 @@
3080
3975
  --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);
3081
3976
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3082
3977
  }
3978
+ .via-rose-400\/10 {
3979
+ --tw-gradient-via: color-mix(in srgb, oklch(71.2% 0.194 13.428) 10%, transparent);
3980
+ @supports (color: color-mix(in lab, red, red)) {
3981
+ --tw-gradient-via: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
3982
+ }
3983
+ --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);
3984
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3985
+ }
3986
+ .via-rose-500 {
3987
+ --tw-gradient-via: var(--color-rose-500);
3988
+ --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);
3989
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3990
+ }
3991
+ .via-rose-500\/20 {
3992
+ --tw-gradient-via: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
3993
+ @supports (color: color-mix(in lab, red, red)) {
3994
+ --tw-gradient-via: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
3995
+ }
3996
+ --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);
3997
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3998
+ }
3083
3999
  .via-slate-500\/40 {
3084
4000
  --tw-gradient-via: color-mix(in srgb, oklch(55.4% 0.046 257.417) 40%, transparent);
3085
4001
  @supports (color: color-mix(in lab, red, red)) {
@@ -3096,10 +4012,44 @@
3096
4012
  --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);
3097
4013
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3098
4014
  }
3099
- .via-slate-800\/80 {
3100
- --tw-gradient-via: color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent);
4015
+ .via-slate-900 {
4016
+ --tw-gradient-via: var(--color-slate-900);
4017
+ --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);
4018
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
4019
+ }
4020
+ .via-teal-400\/10 {
4021
+ --tw-gradient-via: color-mix(in srgb, oklch(77.7% 0.152 181.912) 10%, transparent);
4022
+ @supports (color: color-mix(in lab, red, red)) {
4023
+ --tw-gradient-via: color-mix(in oklab, var(--color-teal-400) 10%, transparent);
4024
+ }
4025
+ --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);
4026
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
4027
+ }
4028
+ .via-teal-400\/30 {
4029
+ --tw-gradient-via: color-mix(in srgb, oklch(77.7% 0.152 181.912) 30%, transparent);
4030
+ @supports (color: color-mix(in lab, red, red)) {
4031
+ --tw-gradient-via: color-mix(in oklab, var(--color-teal-400) 30%, transparent);
4032
+ }
4033
+ --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);
4034
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
4035
+ }
4036
+ .via-teal-500 {
4037
+ --tw-gradient-via: var(--color-teal-500);
4038
+ --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);
4039
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
4040
+ }
4041
+ .via-teal-500\/20 {
4042
+ --tw-gradient-via: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
4043
+ @supports (color: color-mix(in lab, red, red)) {
4044
+ --tw-gradient-via: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
4045
+ }
4046
+ --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);
4047
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
4048
+ }
4049
+ .via-teal-500\/30 {
4050
+ --tw-gradient-via: color-mix(in srgb, oklch(70.4% 0.14 182.503) 30%, transparent);
3101
4051
  @supports (color: color-mix(in lab, red, red)) {
3102
- --tw-gradient-via: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
4052
+ --tw-gradient-via: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
3103
4053
  }
3104
4054
  --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);
3105
4055
  --tw-gradient-stops: var(--tw-gradient-via-stops);
@@ -3144,6 +4094,10 @@
3144
4094
  }
3145
4095
  --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));
3146
4096
  }
4097
+ .to-amber-500 {
4098
+ --tw-gradient-to: var(--color-amber-500);
4099
+ --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));
4100
+ }
3147
4101
  .to-amber-500\/10 {
3148
4102
  --tw-gradient-to: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
3149
4103
  @supports (color: color-mix(in lab, red, red)) {
@@ -3151,10 +4105,24 @@
3151
4105
  }
3152
4106
  --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));
3153
4107
  }
4108
+ .to-amber-500\/30 {
4109
+ --tw-gradient-to: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
4110
+ @supports (color: color-mix(in lab, red, red)) {
4111
+ --tw-gradient-to: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
4112
+ }
4113
+ --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));
4114
+ }
3154
4115
  .to-amber-600 {
3155
4116
  --tw-gradient-to: var(--color-amber-600);
3156
4117
  --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));
3157
4118
  }
4119
+ .to-amber-900\/20 {
4120
+ --tw-gradient-to: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
4121
+ @supports (color: color-mix(in lab, red, red)) {
4122
+ --tw-gradient-to: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
4123
+ }
4124
+ --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));
4125
+ }
3158
4126
  .to-blue-50 {
3159
4127
  --tw-gradient-to: var(--color-blue-50);
3160
4128
  --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));
@@ -3195,6 +4163,13 @@
3195
4163
  --tw-gradient-to: var(--color-blue-400);
3196
4164
  --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));
3197
4165
  }
4166
+ .to-blue-400\/20 {
4167
+ --tw-gradient-to: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
4168
+ @supports (color: color-mix(in lab, red, red)) {
4169
+ --tw-gradient-to: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
4170
+ }
4171
+ --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));
4172
+ }
3198
4173
  .to-blue-500 {
3199
4174
  --tw-gradient-to: var(--color-blue-500);
3200
4175
  --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));
@@ -3213,10 +4188,21 @@
3213
4188
  }
3214
4189
  --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));
3215
4190
  }
4191
+ .to-blue-500\/30 {
4192
+ --tw-gradient-to: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
4193
+ @supports (color: color-mix(in lab, red, red)) {
4194
+ --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
4195
+ }
4196
+ --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));
4197
+ }
3216
4198
  .to-blue-600 {
3217
4199
  --tw-gradient-to: var(--color-blue-600);
3218
4200
  --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));
3219
4201
  }
4202
+ .to-blue-800 {
4203
+ --tw-gradient-to: var(--color-blue-800);
4204
+ --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));
4205
+ }
3220
4206
  .to-blue-900\/20 {
3221
4207
  --tw-gradient-to: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
3222
4208
  @supports (color: color-mix(in lab, red, red)) {
@@ -3224,14 +4210,54 @@
3224
4210
  }
3225
4211
  --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));
3226
4212
  }
4213
+ .to-cyan-50 {
4214
+ --tw-gradient-to: var(--color-cyan-50);
4215
+ --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));
4216
+ }
4217
+ .to-cyan-50\/30 {
4218
+ --tw-gradient-to: color-mix(in srgb, oklch(98.4% 0.019 200.873) 30%, transparent);
4219
+ @supports (color: color-mix(in lab, red, red)) {
4220
+ --tw-gradient-to: color-mix(in oklab, var(--color-cyan-50) 30%, transparent);
4221
+ }
4222
+ --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));
4223
+ }
4224
+ .to-cyan-100 {
4225
+ --tw-gradient-to: var(--color-cyan-100);
4226
+ --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));
4227
+ }
4228
+ .to-cyan-400 {
4229
+ --tw-gradient-to: var(--color-cyan-400);
4230
+ --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));
4231
+ }
3227
4232
  .to-cyan-500 {
3228
4233
  --tw-gradient-to: var(--color-cyan-500);
3229
4234
  --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));
3230
4235
  }
4236
+ .to-cyan-500\/20 {
4237
+ --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
4238
+ @supports (color: color-mix(in lab, red, red)) {
4239
+ --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
4240
+ }
4241
+ --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));
4242
+ }
4243
+ .to-cyan-500\/30 {
4244
+ --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
4245
+ @supports (color: color-mix(in lab, red, red)) {
4246
+ --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
4247
+ }
4248
+ --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));
4249
+ }
3231
4250
  .to-cyan-600 {
3232
4251
  --tw-gradient-to: var(--color-cyan-600);
3233
4252
  --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));
3234
4253
  }
4254
+ .to-cyan-900\/10 {
4255
+ --tw-gradient-to: color-mix(in srgb, oklch(39.8% 0.07 227.392) 10%, transparent);
4256
+ @supports (color: color-mix(in lab, red, red)) {
4257
+ --tw-gradient-to: color-mix(in oklab, var(--color-cyan-900) 10%, transparent);
4258
+ }
4259
+ --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));
4260
+ }
3235
4261
  .to-emerald-50 {
3236
4262
  --tw-gradient-to: var(--color-emerald-50);
3237
4263
  --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));
@@ -3254,6 +4280,13 @@
3254
4280
  }
3255
4281
  --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));
3256
4282
  }
4283
+ .to-emerald-400\/20 {
4284
+ --tw-gradient-to: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
4285
+ @supports (color: color-mix(in lab, red, red)) {
4286
+ --tw-gradient-to: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
4287
+ }
4288
+ --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));
4289
+ }
3257
4290
  .to-emerald-500 {
3258
4291
  --tw-gradient-to: var(--color-emerald-500);
3259
4292
  --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));
@@ -3272,10 +4305,57 @@
3272
4305
  }
3273
4306
  --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));
3274
4307
  }
4308
+ .to-emerald-500\/30 {
4309
+ --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
4310
+ @supports (color: color-mix(in lab, red, red)) {
4311
+ --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
4312
+ }
4313
+ --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));
4314
+ }
3275
4315
  .to-emerald-600 {
3276
4316
  --tw-gradient-to: var(--color-emerald-600);
3277
4317
  --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));
3278
4318
  }
4319
+ .to-emerald-800 {
4320
+ --tw-gradient-to: var(--color-emerald-800);
4321
+ --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));
4322
+ }
4323
+ .to-green-50 {
4324
+ --tw-gradient-to: var(--color-green-50);
4325
+ --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));
4326
+ }
4327
+ .to-green-500\/20 {
4328
+ --tw-gradient-to: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
4329
+ @supports (color: color-mix(in lab, red, red)) {
4330
+ --tw-gradient-to: color-mix(in oklab, var(--color-green-500) 20%, transparent);
4331
+ }
4332
+ --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));
4333
+ }
4334
+ .to-green-600 {
4335
+ --tw-gradient-to: var(--color-green-600);
4336
+ --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));
4337
+ }
4338
+ .to-green-600\/20 {
4339
+ --tw-gradient-to: color-mix(in srgb, oklch(62.7% 0.194 149.214) 20%, transparent);
4340
+ @supports (color: color-mix(in lab, red, red)) {
4341
+ --tw-gradient-to: color-mix(in oklab, var(--color-green-600) 20%, transparent);
4342
+ }
4343
+ --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));
4344
+ }
4345
+ .to-green-900\/10 {
4346
+ --tw-gradient-to: color-mix(in srgb, oklch(39.3% 0.095 152.535) 10%, transparent);
4347
+ @supports (color: color-mix(in lab, red, red)) {
4348
+ --tw-gradient-to: color-mix(in oklab, var(--color-green-900) 10%, transparent);
4349
+ }
4350
+ --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));
4351
+ }
4352
+ .to-green-900\/20 {
4353
+ --tw-gradient-to: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
4354
+ @supports (color: color-mix(in lab, red, red)) {
4355
+ --tw-gradient-to: color-mix(in oklab, var(--color-green-900) 20%, transparent);
4356
+ }
4357
+ --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));
4358
+ }
3279
4359
  .to-indigo-50 {
3280
4360
  --tw-gradient-to: var(--color-indigo-50);
3281
4361
  --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));
@@ -3299,6 +4379,17 @@
3299
4379
  --tw-gradient-to: var(--color-orange-400);
3300
4380
  --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));
3301
4381
  }
4382
+ .to-orange-400\/20 {
4383
+ --tw-gradient-to: color-mix(in srgb, oklch(75% 0.183 55.934) 20%, transparent);
4384
+ @supports (color: color-mix(in lab, red, red)) {
4385
+ --tw-gradient-to: color-mix(in oklab, var(--color-orange-400) 20%, transparent);
4386
+ }
4387
+ --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));
4388
+ }
4389
+ .to-orange-500 {
4390
+ --tw-gradient-to: var(--color-orange-500);
4391
+ --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));
4392
+ }
3302
4393
  .to-orange-500\/10 {
3303
4394
  --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
3304
4395
  @supports (color: color-mix(in lab, red, red)) {
@@ -3313,6 +4404,13 @@
3313
4404
  }
3314
4405
  --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));
3315
4406
  }
4407
+ .to-orange-500\/30 {
4408
+ --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent);
4409
+ @supports (color: color-mix(in lab, red, red)) {
4410
+ --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 30%, transparent);
4411
+ }
4412
+ --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));
4413
+ }
3316
4414
  .to-orange-500\/70 {
3317
4415
  --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 70%, transparent);
3318
4416
  @supports (color: color-mix(in lab, red, red)) {
@@ -3320,6 +4418,21 @@
3320
4418
  }
3321
4419
  --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));
3322
4420
  }
4421
+ .to-orange-600 {
4422
+ --tw-gradient-to: var(--color-orange-600);
4423
+ --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));
4424
+ }
4425
+ .to-orange-800 {
4426
+ --tw-gradient-to: var(--color-orange-800);
4427
+ --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));
4428
+ }
4429
+ .to-orange-900\/20 {
4430
+ --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
4431
+ @supports (color: color-mix(in lab, red, red)) {
4432
+ --tw-gradient-to: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
4433
+ }
4434
+ --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));
4435
+ }
3323
4436
  .to-pink-100 {
3324
4437
  --tw-gradient-to: var(--color-pink-100);
3325
4438
  --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));
@@ -3331,8 +4444,18 @@
3331
4444
  }
3332
4445
  --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));
3333
4446
  }
3334
- .to-purple-50 {
3335
- --tw-gradient-to: var(--color-purple-50);
4447
+ .to-purple-50\/30 {
4448
+ --tw-gradient-to: color-mix(in srgb, oklch(97.7% 0.014 308.299) 30%, transparent);
4449
+ @supports (color: color-mix(in lab, red, red)) {
4450
+ --tw-gradient-to: color-mix(in oklab, var(--color-purple-50) 30%, transparent);
4451
+ }
4452
+ --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));
4453
+ }
4454
+ .to-purple-50\/50 {
4455
+ --tw-gradient-to: color-mix(in srgb, oklch(97.7% 0.014 308.299) 50%, transparent);
4456
+ @supports (color: color-mix(in lab, red, red)) {
4457
+ --tw-gradient-to: color-mix(in oklab, var(--color-purple-50) 50%, transparent);
4458
+ }
3336
4459
  --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));
3337
4460
  }
3338
4461
  .to-purple-100 {
@@ -3376,14 +4499,65 @@
3376
4499
  --tw-gradient-to: var(--color-purple-600);
3377
4500
  --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));
3378
4501
  }
4502
+ .to-purple-600\/20 {
4503
+ --tw-gradient-to: color-mix(in srgb, oklch(55.8% 0.288 302.321) 20%, transparent);
4504
+ @supports (color: color-mix(in lab, red, red)) {
4505
+ --tw-gradient-to: color-mix(in oklab, var(--color-purple-600) 20%, transparent);
4506
+ }
4507
+ --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));
4508
+ }
3379
4509
  .to-red-50 {
3380
4510
  --tw-gradient-to: var(--color-red-50);
3381
4511
  --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));
3382
4512
  }
4513
+ .to-red-400\/20 {
4514
+ --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent);
4515
+ @supports (color: color-mix(in lab, red, red)) {
4516
+ --tw-gradient-to: color-mix(in oklab, var(--color-red-400) 20%, transparent);
4517
+ }
4518
+ --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));
4519
+ }
3383
4520
  .to-red-500 {
3384
4521
  --tw-gradient-to: var(--color-red-500);
3385
4522
  --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));
3386
4523
  }
4524
+ .to-red-500\/30 {
4525
+ --tw-gradient-to: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
4526
+ @supports (color: color-mix(in lab, red, red)) {
4527
+ --tw-gradient-to: color-mix(in oklab, var(--color-red-500) 30%, transparent);
4528
+ }
4529
+ --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));
4530
+ }
4531
+ .to-red-600 {
4532
+ --tw-gradient-to: var(--color-red-600);
4533
+ --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));
4534
+ }
4535
+ .to-red-800 {
4536
+ --tw-gradient-to: var(--color-red-800);
4537
+ --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));
4538
+ }
4539
+ .to-red-900\/10 {
4540
+ --tw-gradient-to: color-mix(in srgb, oklch(39.6% 0.141 25.723) 10%, transparent);
4541
+ @supports (color: color-mix(in lab, red, red)) {
4542
+ --tw-gradient-to: color-mix(in oklab, var(--color-red-900) 10%, transparent);
4543
+ }
4544
+ --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));
4545
+ }
4546
+ .to-rose-50 {
4547
+ --tw-gradient-to: var(--color-rose-50);
4548
+ --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));
4549
+ }
4550
+ .to-rose-500 {
4551
+ --tw-gradient-to: var(--color-rose-500);
4552
+ --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));
4553
+ }
4554
+ .to-rose-500\/30 {
4555
+ --tw-gradient-to: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent);
4556
+ @supports (color: color-mix(in lab, red, red)) {
4557
+ --tw-gradient-to: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
4558
+ }
4559
+ --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));
4560
+ }
3387
4561
  .to-slate-50 {
3388
4562
  --tw-gradient-to: var(--color-slate-50);
3389
4563
  --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));
@@ -3395,6 +4569,13 @@
3395
4569
  }
3396
4570
  --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));
3397
4571
  }
4572
+ .to-slate-50\/50 {
4573
+ --tw-gradient-to: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
4574
+ @supports (color: color-mix(in lab, red, red)) {
4575
+ --tw-gradient-to: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
4576
+ }
4577
+ --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));
4578
+ }
3398
4579
  .to-slate-50\/70 {
3399
4580
  --tw-gradient-to: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);
3400
4581
  @supports (color: color-mix(in lab, red, red)) {
@@ -3445,10 +4626,31 @@
3445
4626
  }
3446
4627
  --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));
3447
4628
  }
4629
+ .to-slate-700\/60 {
4630
+ --tw-gradient-to: color-mix(in srgb, oklch(37.2% 0.044 257.287) 60%, transparent);
4631
+ @supports (color: color-mix(in lab, red, red)) {
4632
+ --tw-gradient-to: color-mix(in oklab, var(--color-slate-700) 60%, transparent);
4633
+ }
4634
+ --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));
4635
+ }
3448
4636
  .to-slate-800 {
3449
4637
  --tw-gradient-to: var(--color-slate-800);
3450
4638
  --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));
3451
4639
  }
4640
+ .to-slate-800\/30 {
4641
+ --tw-gradient-to: color-mix(in srgb, oklch(27.9% 0.041 260.031) 30%, transparent);
4642
+ @supports (color: color-mix(in lab, red, red)) {
4643
+ --tw-gradient-to: color-mix(in oklab, var(--color-slate-800) 30%, transparent);
4644
+ }
4645
+ --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));
4646
+ }
4647
+ .to-slate-800\/60 {
4648
+ --tw-gradient-to: color-mix(in srgb, oklch(27.9% 0.041 260.031) 60%, transparent);
4649
+ @supports (color: color-mix(in lab, red, red)) {
4650
+ --tw-gradient-to: color-mix(in oklab, var(--color-slate-800) 60%, transparent);
4651
+ }
4652
+ --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));
4653
+ }
3452
4654
  .to-slate-800\/80 {
3453
4655
  --tw-gradient-to: color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent);
3454
4656
  @supports (color: color-mix(in lab, red, red)) {
@@ -3467,13 +4669,6 @@
3467
4669
  }
3468
4670
  --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));
3469
4671
  }
3470
- .to-slate-900\/60 {
3471
- --tw-gradient-to: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent);
3472
- @supports (color: color-mix(in lab, red, red)) {
3473
- --tw-gradient-to: color-mix(in oklab, var(--color-slate-900) 60%, transparent);
3474
- }
3475
- --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));
3476
- }
3477
4672
  .to-slate-900\/85 {
3478
4673
  --tw-gradient-to: color-mix(in srgb, oklch(20.8% 0.042 265.755) 85%, transparent);
3479
4674
  @supports (color: color-mix(in lab, red, red)) {
@@ -3481,13 +4676,6 @@
3481
4676
  }
3482
4677
  --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));
3483
4678
  }
3484
- .to-slate-900\/90 {
3485
- --tw-gradient-to: color-mix(in srgb, oklch(20.8% 0.042 265.755) 90%, transparent);
3486
- @supports (color: color-mix(in lab, red, red)) {
3487
- --tw-gradient-to: color-mix(in oklab, var(--color-slate-900) 90%, transparent);
3488
- }
3489
- --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));
3490
- }
3491
4679
  .to-slate-900\/95 {
3492
4680
  --tw-gradient-to: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
3493
4681
  @supports (color: color-mix(in lab, red, red)) {
@@ -3510,6 +4698,10 @@
3510
4698
  --tw-gradient-to: var(--color-teal-400);
3511
4699
  --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));
3512
4700
  }
4701
+ .to-teal-500 {
4702
+ --tw-gradient-to: var(--color-teal-500);
4703
+ --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));
4704
+ }
3513
4705
  .to-teal-500\/5 {
3514
4706
  --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 5%, transparent);
3515
4707
  @supports (color: color-mix(in lab, red, red)) {
@@ -3517,6 +4709,20 @@
3517
4709
  }
3518
4710
  --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));
3519
4711
  }
4712
+ .to-teal-500\/20 {
4713
+ --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
4714
+ @supports (color: color-mix(in lab, red, red)) {
4715
+ --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
4716
+ }
4717
+ --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));
4718
+ }
4719
+ .to-teal-500\/30 {
4720
+ --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 30%, transparent);
4721
+ @supports (color: color-mix(in lab, red, red)) {
4722
+ --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
4723
+ }
4724
+ --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));
4725
+ }
3520
4726
  .to-teal-500\/70 {
3521
4727
  --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 70%, transparent);
3522
4728
  @supports (color: color-mix(in lab, red, red)) {
@@ -3524,6 +4730,13 @@
3524
4730
  }
3525
4731
  --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));
3526
4732
  }
4733
+ .to-teal-600\/20 {
4734
+ --tw-gradient-to: color-mix(in srgb, oklch(60% 0.118 184.704) 20%, transparent);
4735
+ @supports (color: color-mix(in lab, red, red)) {
4736
+ --tw-gradient-to: color-mix(in oklab, var(--color-teal-600) 20%, transparent);
4737
+ }
4738
+ --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));
4739
+ }
3527
4740
  .to-transparent {
3528
4741
  --tw-gradient-to: transparent;
3529
4742
  --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));
@@ -3532,9 +4745,30 @@
3532
4745
  --tw-gradient-to: var(--color-white);
3533
4746
  --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));
3534
4747
  }
4748
+ .to-yellow-50 {
4749
+ --tw-gradient-to: var(--color-yellow-50);
4750
+ --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));
4751
+ }
4752
+ .to-yellow-600 {
4753
+ --tw-gradient-to: var(--color-yellow-600);
4754
+ --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));
4755
+ }
4756
+ .to-yellow-900\/20 {
4757
+ --tw-gradient-to: color-mix(in srgb, oklch(42.1% 0.095 57.708) 20%, transparent);
4758
+ @supports (color: color-mix(in lab, red, red)) {
4759
+ --tw-gradient-to: color-mix(in oklab, var(--color-yellow-900) 20%, transparent);
4760
+ }
4761
+ --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));
4762
+ }
4763
+ .bg-\[length\:200\%_100\%\] {
4764
+ background-size: 200% 100%;
4765
+ }
3535
4766
  .bg-clip-text {
3536
4767
  background-clip: text;
3537
4768
  }
4769
+ .p-0\.5 {
4770
+ padding: calc(var(--spacing) * 0.5);
4771
+ }
3538
4772
  .p-1 {
3539
4773
  padding: calc(var(--spacing) * 1);
3540
4774
  }
@@ -3574,6 +4808,9 @@
3574
4808
  .px-0\.5 {
3575
4809
  padding-inline: calc(var(--spacing) * 0.5);
3576
4810
  }
4811
+ .px-1 {
4812
+ padding-inline: calc(var(--spacing) * 1);
4813
+ }
3577
4814
  .px-1\.5 {
3578
4815
  padding-inline: calc(var(--spacing) * 1.5);
3579
4816
  }
@@ -3646,6 +4883,9 @@
3646
4883
  .pt-4 {
3647
4884
  padding-top: calc(var(--spacing) * 4);
3648
4885
  }
4886
+ .pt-6 {
4887
+ padding-top: calc(var(--spacing) * 6);
4888
+ }
3649
4889
  .pt-8 {
3650
4890
  padding-top: calc(var(--spacing) * 8);
3651
4891
  }
@@ -3655,6 +4895,9 @@
3655
4895
  .pr-2 {
3656
4896
  padding-right: calc(var(--spacing) * 2);
3657
4897
  }
4898
+ .pr-3 {
4899
+ padding-right: calc(var(--spacing) * 3);
4900
+ }
3658
4901
  .pr-7 {
3659
4902
  padding-right: calc(var(--spacing) * 7);
3660
4903
  }
@@ -3664,6 +4907,9 @@
3664
4907
  .pb-1 {
3665
4908
  padding-bottom: calc(var(--spacing) * 1);
3666
4909
  }
4910
+ .pb-1\.5 {
4911
+ padding-bottom: calc(var(--spacing) * 1.5);
4912
+ }
3667
4913
  .pb-2 {
3668
4914
  padding-bottom: calc(var(--spacing) * 2);
3669
4915
  }
@@ -3673,9 +4919,6 @@
3673
4919
  .pb-4 {
3674
4920
  padding-bottom: calc(var(--spacing) * 4);
3675
4921
  }
3676
- .pb-6 {
3677
- padding-bottom: calc(var(--spacing) * 6);
3678
- }
3679
4922
  .pb-8 {
3680
4923
  padding-bottom: calc(var(--spacing) * 8);
3681
4924
  }
@@ -3685,15 +4928,9 @@
3685
4928
  .pb-20 {
3686
4929
  padding-bottom: calc(var(--spacing) * 20);
3687
4930
  }
3688
- .pl-3 {
3689
- padding-left: calc(var(--spacing) * 3);
3690
- }
3691
4931
  .pl-4 {
3692
4932
  padding-left: calc(var(--spacing) * 4);
3693
4933
  }
3694
- .pl-5 {
3695
- padding-left: calc(var(--spacing) * 5);
3696
- }
3697
4934
  .pl-12 {
3698
4935
  padding-left: calc(var(--spacing) * 12);
3699
4936
  }
@@ -3770,6 +5007,10 @@
3770
5007
  --tw-leading: var(--leading-snug);
3771
5008
  line-height: var(--leading-snug);
3772
5009
  }
5010
+ .leading-tight {
5011
+ --tw-leading: var(--leading-tight);
5012
+ line-height: var(--leading-tight);
5013
+ }
3773
5014
  .font-bold {
3774
5015
  --tw-font-weight: var(--font-weight-bold);
3775
5016
  font-weight: var(--font-weight-bold);
@@ -3829,6 +5070,9 @@
3829
5070
  .text-blue-100 {
3830
5071
  color: var(--color-blue-100);
3831
5072
  }
5073
+ .text-blue-200 {
5074
+ color: var(--color-blue-200);
5075
+ }
3832
5076
  .text-blue-300 {
3833
5077
  color: var(--color-blue-300);
3834
5078
  }
@@ -3850,12 +5094,18 @@
3850
5094
  .text-blue-900 {
3851
5095
  color: var(--color-blue-900);
3852
5096
  }
5097
+ .text-cyan-300 {
5098
+ color: var(--color-cyan-300);
5099
+ }
3853
5100
  .text-cyan-400 {
3854
5101
  color: var(--color-cyan-400);
3855
5102
  }
3856
5103
  .text-cyan-700 {
3857
5104
  color: var(--color-cyan-700);
3858
5105
  }
5106
+ .text-cyan-800 {
5107
+ color: var(--color-cyan-800);
5108
+ }
3859
5109
  .text-emerald-50 {
3860
5110
  color: var(--color-emerald-50);
3861
5111
  }
@@ -3889,12 +5139,30 @@
3889
5139
  .text-fuchsia-700 {
3890
5140
  color: var(--color-fuchsia-700);
3891
5141
  }
5142
+ .text-gray-400 {
5143
+ color: var(--color-gray-400);
5144
+ }
5145
+ .text-gray-700 {
5146
+ color: var(--color-gray-700);
5147
+ }
3892
5148
  .text-green-300 {
3893
5149
  color: var(--color-green-300);
3894
5150
  }
3895
5151
  .text-green-400 {
3896
5152
  color: var(--color-green-400);
3897
5153
  }
5154
+ .text-green-500 {
5155
+ color: var(--color-green-500);
5156
+ }
5157
+ .text-green-600 {
5158
+ color: var(--color-green-600);
5159
+ }
5160
+ .text-green-700 {
5161
+ color: var(--color-green-700);
5162
+ }
5163
+ .text-green-800 {
5164
+ color: var(--color-green-800);
5165
+ }
3898
5166
  .text-indigo-400 {
3899
5167
  color: var(--color-indigo-400);
3900
5168
  }
@@ -3916,6 +5184,9 @@
3916
5184
  .text-orange-100 {
3917
5185
  color: var(--color-orange-100);
3918
5186
  }
5187
+ .text-orange-300 {
5188
+ color: var(--color-orange-300);
5189
+ }
3919
5190
  .text-orange-400 {
3920
5191
  color: var(--color-orange-400);
3921
5192
  }
@@ -3940,6 +5211,12 @@
3940
5211
  .text-pink-700 {
3941
5212
  color: var(--color-pink-700);
3942
5213
  }
5214
+ .text-purple-100 {
5215
+ color: var(--color-purple-100);
5216
+ }
5217
+ .text-purple-200 {
5218
+ color: var(--color-purple-200);
5219
+ }
3943
5220
  .text-purple-300 {
3944
5221
  color: var(--color-purple-300);
3945
5222
  }
@@ -3955,6 +5232,15 @@
3955
5232
  .text-purple-700 {
3956
5233
  color: var(--color-purple-700);
3957
5234
  }
5235
+ .text-purple-800 {
5236
+ color: var(--color-purple-800);
5237
+ }
5238
+ .text-purple-900 {
5239
+ color: var(--color-purple-900);
5240
+ }
5241
+ .text-red-100 {
5242
+ color: var(--color-red-100);
5243
+ }
3958
5244
  .text-red-300 {
3959
5245
  color: var(--color-red-300);
3960
5246
  }
@@ -3970,6 +5256,12 @@
3970
5256
  .text-red-700 {
3971
5257
  color: var(--color-red-700);
3972
5258
  }
5259
+ .text-red-800 {
5260
+ color: var(--color-red-800);
5261
+ }
5262
+ .text-red-900 {
5263
+ color: var(--color-red-900);
5264
+ }
3973
5265
  .text-rose-400 {
3974
5266
  color: var(--color-rose-400);
3975
5267
  }
@@ -4003,30 +5295,78 @@
4003
5295
  .text-slate-900 {
4004
5296
  color: var(--color-slate-900);
4005
5297
  }
5298
+ .text-teal-300 {
5299
+ color: var(--color-teal-300);
5300
+ }
4006
5301
  .text-teal-400 {
4007
5302
  color: var(--color-teal-400);
4008
5303
  }
5304
+ .text-teal-400\/90 {
5305
+ color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 90%, transparent);
5306
+ @supports (color: color-mix(in lab, red, red)) {
5307
+ color: color-mix(in oklab, var(--color-teal-400) 90%, transparent);
5308
+ }
5309
+ }
5310
+ .text-teal-600 {
5311
+ color: var(--color-teal-600);
5312
+ }
4009
5313
  .text-teal-700 {
4010
5314
  color: var(--color-teal-700);
4011
5315
  }
4012
5316
  .text-transparent {
4013
5317
  color: transparent;
4014
5318
  }
5319
+ .text-violet-300 {
5320
+ color: var(--color-violet-300);
5321
+ }
4015
5322
  .text-violet-400 {
4016
5323
  color: var(--color-violet-400);
4017
5324
  }
4018
5325
  .text-violet-700 {
4019
5326
  color: var(--color-violet-700);
4020
5327
  }
5328
+ .text-violet-800 {
5329
+ color: var(--color-violet-800);
5330
+ }
4021
5331
  .text-white {
4022
5332
  color: var(--color-white);
4023
5333
  }
5334
+ .text-white\/80 {
5335
+ color: color-mix(in srgb, #fff 80%, transparent);
5336
+ @supports (color: color-mix(in lab, red, red)) {
5337
+ color: color-mix(in oklab, var(--color-white) 80%, transparent);
5338
+ }
5339
+ }
5340
+ .text-white\/90 {
5341
+ color: color-mix(in srgb, #fff 90%, transparent);
5342
+ @supports (color: color-mix(in lab, red, red)) {
5343
+ color: color-mix(in oklab, var(--color-white) 90%, transparent);
5344
+ }
5345
+ }
5346
+ .text-yellow-300 {
5347
+ color: var(--color-yellow-300);
5348
+ }
5349
+ .text-yellow-400 {
5350
+ color: var(--color-yellow-400);
5351
+ }
4024
5352
  .text-yellow-500 {
4025
5353
  color: var(--color-yellow-500);
4026
5354
  }
5355
+ .text-yellow-600 {
5356
+ color: var(--color-yellow-600);
5357
+ }
5358
+ .text-yellow-700 {
5359
+ color: var(--color-yellow-700);
5360
+ }
5361
+ .text-yellow-800 {
5362
+ color: var(--color-yellow-800);
5363
+ }
4027
5364
  .capitalize {
4028
5365
  text-transform: capitalize;
4029
5366
  }
5367
+ .lowercase {
5368
+ text-transform: lowercase;
5369
+ }
4030
5370
  .uppercase {
4031
5371
  text-transform: uppercase;
4032
5372
  }
@@ -4056,9 +5396,6 @@
4056
5396
  .opacity-5 {
4057
5397
  opacity: 5%;
4058
5398
  }
4059
- .opacity-20 {
4060
- opacity: 20%;
4061
- }
4062
5399
  .opacity-30 {
4063
5400
  opacity: 30%;
4064
5401
  }
@@ -4077,6 +5414,9 @@
4077
5414
  .opacity-75 {
4078
5415
  opacity: 75%;
4079
5416
  }
5417
+ .opacity-80 {
5418
+ opacity: 80%;
5419
+ }
4080
5420
  .opacity-90 {
4081
5421
  opacity: 90%;
4082
5422
  }
@@ -4097,6 +5437,38 @@
4097
5437
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
4098
5438
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4099
5439
  }
5440
+ .shadow-\[0_0_20px_rgba\(16\,185\,129\,0\.2\)\] {
5441
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(16,185,129,0.2));
5442
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5443
+ }
5444
+ .shadow-\[0_0_20px_rgba\(16\,185\,129\,0\.3\)\] {
5445
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(16,185,129,0.3));
5446
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5447
+ }
5448
+ .shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.2\)\] {
5449
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(59,130,246,0.2));
5450
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5451
+ }
5452
+ .shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.3\)\] {
5453
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(59,130,246,0.3));
5454
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5455
+ }
5456
+ .shadow-\[0_0_20px_rgba\(239\,68\,68\,0\.2\)\] {
5457
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(239,68,68,0.2));
5458
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5459
+ }
5460
+ .shadow-\[0_0_20px_rgba\(239\,68\,68\,0\.3\)\] {
5461
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(239,68,68,0.3));
5462
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5463
+ }
5464
+ .shadow-\[0_0_20px_rgba\(249\,115\,22\,0\.2\)\] {
5465
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(249,115,22,0.2));
5466
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5467
+ }
5468
+ .shadow-\[0_0_20px_rgba\(249\,115\,22\,0\.3\)\] {
5469
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(249,115,22,0.3));
5470
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5471
+ }
4100
5472
  .shadow-\[2px_2px_4px_rgba\(163\,163\,163\,0\.25\)\,-2px_-2px_4px_rgba\(255\,255\,255\,0\.75\)\] {
4101
5473
  --tw-shadow: 2px 2px 4px var(--tw-shadow-color, rgba(163,163,163,0.25)), -2px -2px 4px var(--tw-shadow-color, rgba(255,255,255,0.75));
4102
5474
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4133,6 +5505,10 @@
4133
5505
  --tw-shadow: inset 2px 2px 4px var(--tw-shadow-color, rgba(245,158,11,0.15)), inset -2px -2px 4px var(--tw-shadow-color, rgba(255,255,255,0.9));
4134
5506
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4135
5507
  }
5508
+ .shadow-inner {
5509
+ --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
5510
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5511
+ }
4136
5512
  .shadow-lg {
4137
5513
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
4138
5514
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4153,6 +5529,10 @@
4153
5529
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4154
5530
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4155
5531
  }
5532
+ .ring-2 {
5533
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5534
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5535
+ }
4156
5536
  .shadow-amber-200\/50 {
4157
5537
  --tw-shadow-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 50%, transparent);
4158
5538
  @supports (color: color-mix(in lab, red, red)) {
@@ -4249,6 +5629,12 @@
4249
5629
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
4250
5630
  }
4251
5631
  }
5632
+ .shadow-purple-500\/30 {
5633
+ --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
5634
+ @supports (color: color-mix(in lab, red, red)) {
5635
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
5636
+ }
5637
+ }
4252
5638
  .shadow-slate-200\/50 {
4253
5639
  --tw-shadow-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent);
4254
5640
  @supports (color: color-mix(in lab, red, red)) {
@@ -4261,6 +5647,12 @@
4261
5647
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
4262
5648
  }
4263
5649
  }
5650
+ .ring-blue-500\/50 {
5651
+ --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
5652
+ @supports (color: color-mix(in lab, red, red)) {
5653
+ --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
5654
+ }
5655
+ }
4264
5656
  .outline {
4265
5657
  outline-style: var(--tw-outline-style);
4266
5658
  outline-width: 1px;
@@ -4277,6 +5669,14 @@
4277
5669
  --tw-blur: blur(var(--blur-3xl));
4278
5670
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
4279
5671
  }
5672
+ .blur-md {
5673
+ --tw-blur: blur(var(--blur-md));
5674
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
5675
+ }
5676
+ .blur-xl {
5677
+ --tw-blur: blur(var(--blur-xl));
5678
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
5679
+ }
4280
5680
  .filter {
4281
5681
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
4282
5682
  }
@@ -4382,6 +5782,14 @@
4382
5782
  }
4383
5783
  }
4384
5784
  }
5785
+ .group-hover\:translate-x-0\.5 {
5786
+ &:is(:where(.group):hover *) {
5787
+ @media (hover: hover) {
5788
+ --tw-translate-x: calc(var(--spacing) * 0.5);
5789
+ translate: var(--tw-translate-x) var(--tw-translate-y);
5790
+ }
5791
+ }
5792
+ }
4385
5793
  .group-hover\:translate-x-1 {
4386
5794
  &:is(:where(.group):hover *) {
4387
5795
  @media (hover: hover) {
@@ -4390,6 +5798,14 @@
4390
5798
  }
4391
5799
  }
4392
5800
  }
5801
+ .group-hover\:translate-y-1 {
5802
+ &:is(:where(.group):hover *) {
5803
+ @media (hover: hover) {
5804
+ --tw-translate-y: calc(var(--spacing) * 1);
5805
+ translate: var(--tw-translate-x) var(--tw-translate-y);
5806
+ }
5807
+ }
5808
+ }
4393
5809
  .group-hover\:scale-105 {
4394
5810
  &:is(:where(.group):hover *) {
4395
5811
  @media (hover: hover) {
@@ -4410,40 +5826,91 @@
4410
5826
  }
4411
5827
  }
4412
5828
  }
4413
- .group-hover\:bg-blue-200 {
5829
+ .group-hover\:bg-amber-200 {
4414
5830
  &:is(:where(.group):hover *) {
4415
5831
  @media (hover: hover) {
4416
- background-color: var(--color-blue-200);
5832
+ background-color: var(--color-amber-200);
4417
5833
  }
4418
5834
  }
4419
5835
  }
4420
- .group-hover\:bg-blue-500\/30 {
5836
+ .group-hover\:bg-amber-500\/30 {
4421
5837
  &:is(:where(.group):hover *) {
4422
5838
  @media (hover: hover) {
4423
- background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
5839
+ background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
4424
5840
  @supports (color: color-mix(in lab, red, red)) {
4425
- background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
5841
+ background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
4426
5842
  }
4427
5843
  }
4428
5844
  }
4429
5845
  }
4430
- .group-hover\:bg-purple-200 {
5846
+ .group-hover\:bg-blue-200 {
4431
5847
  &:is(:where(.group):hover *) {
4432
5848
  @media (hover: hover) {
4433
- background-color: var(--color-purple-200);
5849
+ background-color: var(--color-blue-200);
4434
5850
  }
4435
5851
  }
4436
5852
  }
4437
- .group-hover\:bg-purple-500\/30 {
5853
+ .group-hover\:bg-blue-500\/20 {
4438
5854
  &:is(:where(.group):hover *) {
4439
5855
  @media (hover: hover) {
4440
- background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
5856
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
4441
5857
  @supports (color: color-mix(in lab, red, red)) {
4442
- background-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
5858
+ background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
4443
5859
  }
4444
5860
  }
4445
5861
  }
4446
5862
  }
5863
+ .group-hover\:bg-blue-500\/30 {
5864
+ &:is(:where(.group):hover *) {
5865
+ @media (hover: hover) {
5866
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
5867
+ @supports (color: color-mix(in lab, red, red)) {
5868
+ background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
5869
+ }
5870
+ }
5871
+ }
5872
+ }
5873
+ .group-hover\:bg-purple-200 {
5874
+ &:is(:where(.group):hover *) {
5875
+ @media (hover: hover) {
5876
+ background-color: var(--color-purple-200);
5877
+ }
5878
+ }
5879
+ }
5880
+ .group-hover\:bg-purple-500\/30 {
5881
+ &:is(:where(.group):hover *) {
5882
+ @media (hover: hover) {
5883
+ background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
5884
+ @supports (color: color-mix(in lab, red, red)) {
5885
+ background-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
5886
+ }
5887
+ }
5888
+ }
5889
+ }
5890
+ .group-hover\:bg-red-200 {
5891
+ &:is(:where(.group):hover *) {
5892
+ @media (hover: hover) {
5893
+ background-color: var(--color-red-200);
5894
+ }
5895
+ }
5896
+ }
5897
+ .group-hover\:bg-red-500\/30 {
5898
+ &:is(:where(.group):hover *) {
5899
+ @media (hover: hover) {
5900
+ background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
5901
+ @supports (color: color-mix(in lab, red, red)) {
5902
+ background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
5903
+ }
5904
+ }
5905
+ }
5906
+ }
5907
+ .group-hover\:bg-slate-200 {
5908
+ &:is(:where(.group):hover *) {
5909
+ @media (hover: hover) {
5910
+ background-color: var(--color-slate-200);
5911
+ }
5912
+ }
5913
+ }
4447
5914
  .group-hover\:bg-slate-400 {
4448
5915
  &:is(:where(.group):hover *) {
4449
5916
  @media (hover: hover) {
@@ -4458,6 +5925,23 @@
4458
5925
  }
4459
5926
  }
4460
5927
  }
5928
+ .group-hover\:bg-slate-500\/30 {
5929
+ &:is(:where(.group):hover *) {
5930
+ @media (hover: hover) {
5931
+ background-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 30%, transparent);
5932
+ @supports (color: color-mix(in lab, red, red)) {
5933
+ background-color: color-mix(in oklab, var(--color-slate-500) 30%, transparent);
5934
+ }
5935
+ }
5936
+ }
5937
+ }
5938
+ .group-hover\:bg-slate-600 {
5939
+ &:is(:where(.group):hover *) {
5940
+ @media (hover: hover) {
5941
+ background-color: var(--color-slate-600);
5942
+ }
5943
+ }
5944
+ }
4461
5945
  .group-hover\:text-blue-400 {
4462
5946
  &:is(:where(.group):hover *) {
4463
5947
  @media (hover: hover) {
@@ -4479,6 +5963,34 @@
4479
5963
  }
4480
5964
  }
4481
5965
  }
5966
+ .group-hover\:text-purple-400 {
5967
+ &:is(:where(.group):hover *) {
5968
+ @media (hover: hover) {
5969
+ color: var(--color-purple-400);
5970
+ }
5971
+ }
5972
+ }
5973
+ .group-hover\:text-purple-600 {
5974
+ &:is(:where(.group):hover *) {
5975
+ @media (hover: hover) {
5976
+ color: var(--color-purple-600);
5977
+ }
5978
+ }
5979
+ }
5980
+ .group-hover\:text-slate-300 {
5981
+ &:is(:where(.group):hover *) {
5982
+ @media (hover: hover) {
5983
+ color: var(--color-slate-300);
5984
+ }
5985
+ }
5986
+ }
5987
+ .group-hover\:text-slate-700 {
5988
+ &:is(:where(.group):hover *) {
5989
+ @media (hover: hover) {
5990
+ color: var(--color-slate-700);
5991
+ }
5992
+ }
5993
+ }
4482
5994
  .group-hover\:text-slate-900 {
4483
5995
  &:is(:where(.group):hover *) {
4484
5996
  @media (hover: hover) {
@@ -4486,6 +5998,20 @@
4486
5998
  }
4487
5999
  }
4488
6000
  }
6001
+ .group-hover\:text-teal-300 {
6002
+ &:is(:where(.group):hover *) {
6003
+ @media (hover: hover) {
6004
+ color: var(--color-teal-300);
6005
+ }
6006
+ }
6007
+ }
6008
+ .group-hover\:text-teal-700 {
6009
+ &:is(:where(.group):hover *) {
6010
+ @media (hover: hover) {
6011
+ color: var(--color-teal-700);
6012
+ }
6013
+ }
6014
+ }
4489
6015
  .group-hover\:text-white {
4490
6016
  &:is(:where(.group):hover *) {
4491
6017
  @media (hover: hover) {
@@ -4493,6 +6019,27 @@
4493
6019
  }
4494
6020
  }
4495
6021
  }
6022
+ .group-hover\:opacity-50 {
6023
+ &:is(:where(.group):hover *) {
6024
+ @media (hover: hover) {
6025
+ opacity: 50%;
6026
+ }
6027
+ }
6028
+ }
6029
+ .group-hover\:opacity-70 {
6030
+ &:is(:where(.group):hover *) {
6031
+ @media (hover: hover) {
6032
+ opacity: 70%;
6033
+ }
6034
+ }
6035
+ }
6036
+ .group-hover\:opacity-80 {
6037
+ &:is(:where(.group):hover *) {
6038
+ @media (hover: hover) {
6039
+ opacity: 80%;
6040
+ }
6041
+ }
6042
+ }
4496
6043
  .group-hover\:opacity-95 {
4497
6044
  &:is(:where(.group):hover *) {
4498
6045
  @media (hover: hover) {
@@ -4529,6 +6076,11 @@
4529
6076
  }
4530
6077
  }
4531
6078
  }
6079
+ .first\:mt-0 {
6080
+ &:first-child {
6081
+ margin-top: calc(var(--spacing) * 0);
6082
+ }
6083
+ }
4532
6084
  .first\:pt-0 {
4533
6085
  &:first-child {
4534
6086
  padding-top: calc(var(--spacing) * 0);
@@ -4607,10 +6159,17 @@
4607
6159
  }
4608
6160
  }
4609
6161
  }
4610
- .hover\:border-amber-300 {
6162
+ .hover\:scale-\[1\.03\] {
6163
+ &:hover {
6164
+ @media (hover: hover) {
6165
+ scale: 1.03;
6166
+ }
6167
+ }
6168
+ }
6169
+ .hover\:border-amber-400 {
4611
6170
  &:hover {
4612
6171
  @media (hover: hover) {
4613
- border-color: var(--color-amber-300);
6172
+ border-color: var(--color-amber-400);
4614
6173
  }
4615
6174
  }
4616
6175
  }
@@ -4624,6 +6183,23 @@
4624
6183
  }
4625
6184
  }
4626
6185
  }
6186
+ .hover\:border-amber-400\/60 {
6187
+ &:hover {
6188
+ @media (hover: hover) {
6189
+ border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 60%, transparent);
6190
+ @supports (color: color-mix(in lab, red, red)) {
6191
+ border-color: color-mix(in oklab, var(--color-amber-400) 60%, transparent);
6192
+ }
6193
+ }
6194
+ }
6195
+ }
6196
+ .hover\:border-amber-500 {
6197
+ &:hover {
6198
+ @media (hover: hover) {
6199
+ border-color: var(--color-amber-500);
6200
+ }
6201
+ }
6202
+ }
4627
6203
  .hover\:border-blue-300 {
4628
6204
  &:hover {
4629
6205
  @media (hover: hover) {
@@ -4638,6 +6214,16 @@
4638
6214
  }
4639
6215
  }
4640
6216
  }
6217
+ .hover\:border-blue-400\/40 {
6218
+ &:hover {
6219
+ @media (hover: hover) {
6220
+ border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 40%, transparent);
6221
+ @supports (color: color-mix(in lab, red, red)) {
6222
+ border-color: color-mix(in oklab, var(--color-blue-400) 40%, transparent);
6223
+ }
6224
+ }
6225
+ }
6226
+ }
4641
6227
  .hover\:border-blue-400\/50 {
4642
6228
  &:hover {
4643
6229
  @media (hover: hover) {
@@ -4665,6 +6251,26 @@
4665
6251
  }
4666
6252
  }
4667
6253
  }
6254
+ .hover\:border-blue-500\/20 {
6255
+ &:hover {
6256
+ @media (hover: hover) {
6257
+ border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
6258
+ @supports (color: color-mix(in lab, red, red)) {
6259
+ border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
6260
+ }
6261
+ }
6262
+ }
6263
+ }
6264
+ .hover\:border-blue-500\/30 {
6265
+ &:hover {
6266
+ @media (hover: hover) {
6267
+ border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
6268
+ @supports (color: color-mix(in lab, red, red)) {
6269
+ border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
6270
+ }
6271
+ }
6272
+ }
6273
+ }
4668
6274
  .hover\:border-blue-500\/40 {
4669
6275
  &:hover {
4670
6276
  @media (hover: hover) {
@@ -4685,6 +6291,16 @@
4685
6291
  }
4686
6292
  }
4687
6293
  }
6294
+ .hover\:border-blue-600\/70 {
6295
+ &:hover {
6296
+ @media (hover: hover) {
6297
+ border-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 70%, transparent);
6298
+ @supports (color: color-mix(in lab, red, red)) {
6299
+ border-color: color-mix(in oklab, var(--color-blue-600) 70%, transparent);
6300
+ }
6301
+ }
6302
+ }
6303
+ }
4688
6304
  .hover\:border-emerald-300 {
4689
6305
  &:hover {
4690
6306
  @media (hover: hover) {
@@ -4699,6 +6315,26 @@
4699
6315
  }
4700
6316
  }
4701
6317
  }
6318
+ .hover\:border-emerald-400\/40 {
6319
+ &:hover {
6320
+ @media (hover: hover) {
6321
+ border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 40%, transparent);
6322
+ @supports (color: color-mix(in lab, red, red)) {
6323
+ border-color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent);
6324
+ }
6325
+ }
6326
+ }
6327
+ }
6328
+ .hover\:border-emerald-400\/50 {
6329
+ &:hover {
6330
+ @media (hover: hover) {
6331
+ border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 50%, transparent);
6332
+ @supports (color: color-mix(in lab, red, red)) {
6333
+ border-color: color-mix(in oklab, var(--color-emerald-400) 50%, transparent);
6334
+ }
6335
+ }
6336
+ }
6337
+ }
4702
6338
  .hover\:border-emerald-500\/60 {
4703
6339
  &:hover {
4704
6340
  @media (hover: hover) {
@@ -4709,205 +6345,483 @@
4709
6345
  }
4710
6346
  }
4711
6347
  }
4712
- .hover\:border-purple-300 {
6348
+ .hover\:border-emerald-600\/70 {
4713
6349
  &:hover {
4714
6350
  @media (hover: hover) {
4715
- border-color: var(--color-purple-300);
6351
+ border-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 70%, transparent);
6352
+ @supports (color: color-mix(in lab, red, red)) {
6353
+ border-color: color-mix(in oklab, var(--color-emerald-600) 70%, transparent);
6354
+ }
4716
6355
  }
4717
6356
  }
4718
6357
  }
4719
- .hover\:border-purple-400 {
6358
+ .hover\:border-orange-300 {
4720
6359
  &:hover {
4721
6360
  @media (hover: hover) {
4722
- border-color: var(--color-purple-400);
6361
+ border-color: var(--color-orange-300);
4723
6362
  }
4724
6363
  }
4725
6364
  }
4726
- .hover\:border-purple-400\/40 {
6365
+ .hover\:border-orange-400 {
4727
6366
  &:hover {
4728
6367
  @media (hover: hover) {
4729
- border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 40%, transparent);
4730
- @supports (color: color-mix(in lab, red, red)) {
4731
- border-color: color-mix(in oklab, var(--color-purple-400) 40%, transparent);
4732
- }
6368
+ border-color: var(--color-orange-400);
4733
6369
  }
4734
6370
  }
4735
6371
  }
4736
- .hover\:border-purple-600\/70 {
6372
+ .hover\:border-orange-400\/50 {
4737
6373
  &:hover {
4738
6374
  @media (hover: hover) {
4739
- border-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 70%, transparent);
6375
+ border-color: color-mix(in srgb, oklch(75% 0.183 55.934) 50%, transparent);
4740
6376
  @supports (color: color-mix(in lab, red, red)) {
4741
- border-color: color-mix(in oklab, var(--color-purple-600) 70%, transparent);
6377
+ border-color: color-mix(in oklab, var(--color-orange-400) 50%, transparent);
4742
6378
  }
4743
6379
  }
4744
6380
  }
4745
6381
  }
4746
- .hover\:border-slate-300 {
6382
+ .hover\:border-orange-400\/60 {
4747
6383
  &:hover {
4748
6384
  @media (hover: hover) {
4749
- border-color: var(--color-slate-300);
6385
+ border-color: color-mix(in srgb, oklch(75% 0.183 55.934) 60%, transparent);
6386
+ @supports (color: color-mix(in lab, red, red)) {
6387
+ border-color: color-mix(in oklab, var(--color-orange-400) 60%, transparent);
6388
+ }
4750
6389
  }
4751
6390
  }
4752
6391
  }
4753
- .hover\:border-slate-500 {
6392
+ .hover\:border-orange-500 {
4754
6393
  &:hover {
4755
6394
  @media (hover: hover) {
4756
- border-color: var(--color-slate-500);
6395
+ border-color: var(--color-orange-500);
4757
6396
  }
4758
6397
  }
4759
6398
  }
4760
- .hover\:border-slate-500\/50 {
6399
+ .hover\:border-orange-800\/50 {
4761
6400
  &:hover {
4762
6401
  @media (hover: hover) {
4763
- border-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 50%, transparent);
6402
+ border-color: color-mix(in srgb, oklch(47% 0.157 37.304) 50%, transparent);
4764
6403
  @supports (color: color-mix(in lab, red, red)) {
4765
- border-color: color-mix(in oklab, var(--color-slate-500) 50%, transparent);
6404
+ border-color: color-mix(in oklab, var(--color-orange-800) 50%, transparent);
4766
6405
  }
4767
6406
  }
4768
6407
  }
4769
6408
  }
4770
- .hover\:border-slate-600 {
6409
+ .hover\:border-purple-300 {
4771
6410
  &:hover {
4772
6411
  @media (hover: hover) {
4773
- border-color: var(--color-slate-600);
6412
+ border-color: var(--color-purple-300);
4774
6413
  }
4775
6414
  }
4776
6415
  }
4777
- .hover\:border-slate-600\/50 {
6416
+ .hover\:border-purple-400 {
4778
6417
  &:hover {
4779
6418
  @media (hover: hover) {
4780
- border-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 50%, transparent);
6419
+ border-color: var(--color-purple-400);
6420
+ }
6421
+ }
6422
+ }
6423
+ .hover\:border-purple-400\/40 {
6424
+ &:hover {
6425
+ @media (hover: hover) {
6426
+ border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 40%, transparent);
4781
6427
  @supports (color: color-mix(in lab, red, red)) {
4782
- border-color: color-mix(in oklab, var(--color-slate-600) 50%, transparent);
6428
+ border-color: color-mix(in oklab, var(--color-purple-400) 40%, transparent);
4783
6429
  }
4784
6430
  }
4785
6431
  }
4786
6432
  }
4787
- .hover\:bg-amber-100 {
6433
+ .hover\:border-purple-400\/50 {
4788
6434
  &:hover {
4789
6435
  @media (hover: hover) {
4790
- background-color: var(--color-amber-100);
6436
+ border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 50%, transparent);
6437
+ @supports (color: color-mix(in lab, red, red)) {
6438
+ border-color: color-mix(in oklab, var(--color-purple-400) 50%, transparent);
6439
+ }
4791
6440
  }
4792
6441
  }
4793
6442
  }
4794
- .hover\:bg-amber-500\/20 {
6443
+ .hover\:border-purple-400\/60 {
4795
6444
  &:hover {
4796
6445
  @media (hover: hover) {
4797
- background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
6446
+ border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 60%, transparent);
4798
6447
  @supports (color: color-mix(in lab, red, red)) {
4799
- background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
6448
+ border-color: color-mix(in oklab, var(--color-purple-400) 60%, transparent);
4800
6449
  }
4801
6450
  }
4802
6451
  }
4803
6452
  }
4804
- .hover\:bg-blue-50 {
6453
+ .hover\:border-purple-500\/20 {
4805
6454
  &:hover {
4806
6455
  @media (hover: hover) {
4807
- background-color: var(--color-blue-50);
6456
+ border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
6457
+ @supports (color: color-mix(in lab, red, red)) {
6458
+ border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
6459
+ }
4808
6460
  }
4809
6461
  }
4810
6462
  }
4811
- .hover\:bg-blue-50\/50 {
6463
+ .hover\:border-purple-500\/50 {
4812
6464
  &:hover {
4813
6465
  @media (hover: hover) {
4814
- background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
6466
+ border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent);
4815
6467
  @supports (color: color-mix(in lab, red, red)) {
4816
- background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
6468
+ border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent);
4817
6469
  }
4818
6470
  }
4819
6471
  }
4820
6472
  }
4821
- .hover\:bg-blue-100 {
6473
+ .hover\:border-purple-600 {
4822
6474
  &:hover {
4823
6475
  @media (hover: hover) {
4824
- background-color: var(--color-blue-100);
6476
+ border-color: var(--color-purple-600);
4825
6477
  }
4826
6478
  }
4827
6479
  }
4828
- .hover\:bg-blue-200 {
6480
+ .hover\:border-purple-600\/70 {
4829
6481
  &:hover {
4830
6482
  @media (hover: hover) {
4831
- background-color: var(--color-blue-200);
6483
+ border-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 70%, transparent);
6484
+ @supports (color: color-mix(in lab, red, red)) {
6485
+ border-color: color-mix(in oklab, var(--color-purple-600) 70%, transparent);
6486
+ }
4832
6487
  }
4833
6488
  }
4834
6489
  }
4835
- .hover\:bg-blue-400 {
6490
+ .hover\:border-red-300 {
4836
6491
  &:hover {
4837
6492
  @media (hover: hover) {
4838
- background-color: var(--color-blue-400);
6493
+ border-color: var(--color-red-300);
4839
6494
  }
4840
6495
  }
4841
6496
  }
4842
- .hover\:bg-blue-500 {
6497
+ .hover\:border-red-400 {
4843
6498
  &:hover {
4844
6499
  @media (hover: hover) {
4845
- background-color: var(--color-blue-500);
6500
+ border-color: var(--color-red-400);
4846
6501
  }
4847
6502
  }
4848
6503
  }
4849
- .hover\:bg-blue-500\/20 {
6504
+ .hover\:border-red-400\/40 {
4850
6505
  &:hover {
4851
6506
  @media (hover: hover) {
4852
- background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
6507
+ border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 40%, transparent);
4853
6508
  @supports (color: color-mix(in lab, red, red)) {
4854
- background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
6509
+ border-color: color-mix(in oklab, var(--color-red-400) 40%, transparent);
4855
6510
  }
4856
6511
  }
4857
6512
  }
4858
6513
  }
4859
- .hover\:bg-blue-500\/30 {
6514
+ .hover\:border-red-400\/50 {
4860
6515
  &:hover {
4861
6516
  @media (hover: hover) {
4862
- background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
6517
+ border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 50%, transparent);
4863
6518
  @supports (color: color-mix(in lab, red, red)) {
4864
- background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
6519
+ border-color: color-mix(in oklab, var(--color-red-400) 50%, transparent);
4865
6520
  }
4866
6521
  }
4867
6522
  }
4868
6523
  }
4869
- .hover\:bg-blue-800\/50 {
6524
+ .hover\:border-red-400\/60 {
4870
6525
  &:hover {
4871
6526
  @media (hover: hover) {
4872
- background-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 50%, transparent);
6527
+ border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 60%, transparent);
4873
6528
  @supports (color: color-mix(in lab, red, red)) {
4874
- background-color: color-mix(in oklab, var(--color-blue-800) 50%, transparent);
6529
+ border-color: color-mix(in oklab, var(--color-red-400) 60%, transparent);
4875
6530
  }
4876
6531
  }
4877
6532
  }
4878
6533
  }
4879
- .hover\:bg-emerald-100 {
6534
+ .hover\:border-red-500 {
4880
6535
  &:hover {
4881
6536
  @media (hover: hover) {
4882
- background-color: var(--color-emerald-100);
6537
+ border-color: var(--color-red-500);
4883
6538
  }
4884
6539
  }
4885
6540
  }
4886
- .hover\:bg-emerald-500\/20 {
6541
+ .hover\:border-red-800\/50 {
4887
6542
  &:hover {
4888
6543
  @media (hover: hover) {
4889
- background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
6544
+ border-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 50%, transparent);
4890
6545
  @supports (color: color-mix(in lab, red, red)) {
4891
- background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
6546
+ border-color: color-mix(in oklab, var(--color-red-800) 50%, transparent);
4892
6547
  }
4893
6548
  }
4894
6549
  }
4895
6550
  }
4896
- .hover\:bg-indigo-50 {
6551
+ .hover\:border-slate-300 {
4897
6552
  &:hover {
4898
6553
  @media (hover: hover) {
4899
- background-color: var(--color-indigo-50);
6554
+ border-color: var(--color-slate-300);
4900
6555
  }
4901
6556
  }
4902
6557
  }
4903
- .hover\:bg-indigo-400 {
6558
+ .hover\:border-slate-500 {
4904
6559
  &:hover {
4905
6560
  @media (hover: hover) {
4906
- background-color: var(--color-indigo-400);
6561
+ border-color: var(--color-slate-500);
4907
6562
  }
4908
6563
  }
4909
6564
  }
4910
- .hover\:bg-indigo-500 {
6565
+ .hover\:border-slate-600 {
6566
+ &:hover {
6567
+ @media (hover: hover) {
6568
+ border-color: var(--color-slate-600);
6569
+ }
6570
+ }
6571
+ }
6572
+ .hover\:border-slate-600\/50 {
6573
+ &:hover {
6574
+ @media (hover: hover) {
6575
+ border-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 50%, transparent);
6576
+ @supports (color: color-mix(in lab, red, red)) {
6577
+ border-color: color-mix(in oklab, var(--color-slate-600) 50%, transparent);
6578
+ }
6579
+ }
6580
+ }
6581
+ }
6582
+ .hover\:border-slate-600\/70 {
6583
+ &:hover {
6584
+ @media (hover: hover) {
6585
+ border-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 70%, transparent);
6586
+ @supports (color: color-mix(in lab, red, red)) {
6587
+ border-color: color-mix(in oklab, var(--color-slate-600) 70%, transparent);
6588
+ }
6589
+ }
6590
+ }
6591
+ }
6592
+ .hover\:border-yellow-300 {
6593
+ &:hover {
6594
+ @media (hover: hover) {
6595
+ border-color: var(--color-yellow-300);
6596
+ }
6597
+ }
6598
+ }
6599
+ .hover\:border-yellow-400 {
6600
+ &:hover {
6601
+ @media (hover: hover) {
6602
+ border-color: var(--color-yellow-400);
6603
+ }
6604
+ }
6605
+ }
6606
+ .hover\:border-yellow-400\/50 {
6607
+ &:hover {
6608
+ @media (hover: hover) {
6609
+ border-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 50%, transparent);
6610
+ @supports (color: color-mix(in lab, red, red)) {
6611
+ border-color: color-mix(in oklab, var(--color-yellow-400) 50%, transparent);
6612
+ }
6613
+ }
6614
+ }
6615
+ }
6616
+ .hover\:border-yellow-800\/50 {
6617
+ &:hover {
6618
+ @media (hover: hover) {
6619
+ border-color: color-mix(in srgb, oklch(47.6% 0.114 61.907) 50%, transparent);
6620
+ @supports (color: color-mix(in lab, red, red)) {
6621
+ border-color: color-mix(in oklab, var(--color-yellow-800) 50%, transparent);
6622
+ }
6623
+ }
6624
+ }
6625
+ }
6626
+ .hover\:bg-amber-100 {
6627
+ &:hover {
6628
+ @media (hover: hover) {
6629
+ background-color: var(--color-amber-100);
6630
+ }
6631
+ }
6632
+ }
6633
+ .hover\:bg-amber-500\/20 {
6634
+ &:hover {
6635
+ @media (hover: hover) {
6636
+ background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
6637
+ @supports (color: color-mix(in lab, red, red)) {
6638
+ background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
6639
+ }
6640
+ }
6641
+ }
6642
+ }
6643
+ .hover\:bg-blue-50 {
6644
+ &:hover {
6645
+ @media (hover: hover) {
6646
+ background-color: var(--color-blue-50);
6647
+ }
6648
+ }
6649
+ }
6650
+ .hover\:bg-blue-50\/50 {
6651
+ &:hover {
6652
+ @media (hover: hover) {
6653
+ background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
6654
+ @supports (color: color-mix(in lab, red, red)) {
6655
+ background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
6656
+ }
6657
+ }
6658
+ }
6659
+ }
6660
+ .hover\:bg-blue-100 {
6661
+ &:hover {
6662
+ @media (hover: hover) {
6663
+ background-color: var(--color-blue-100);
6664
+ }
6665
+ }
6666
+ }
6667
+ .hover\:bg-blue-200 {
6668
+ &:hover {
6669
+ @media (hover: hover) {
6670
+ background-color: var(--color-blue-200);
6671
+ }
6672
+ }
6673
+ }
6674
+ .hover\:bg-blue-400 {
6675
+ &:hover {
6676
+ @media (hover: hover) {
6677
+ background-color: var(--color-blue-400);
6678
+ }
6679
+ }
6680
+ }
6681
+ .hover\:bg-blue-500 {
6682
+ &:hover {
6683
+ @media (hover: hover) {
6684
+ background-color: var(--color-blue-500);
6685
+ }
6686
+ }
6687
+ }
6688
+ .hover\:bg-blue-500\/15 {
6689
+ &:hover {
6690
+ @media (hover: hover) {
6691
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 15%, transparent);
6692
+ @supports (color: color-mix(in lab, red, red)) {
6693
+ background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent);
6694
+ }
6695
+ }
6696
+ }
6697
+ }
6698
+ .hover\:bg-blue-500\/20 {
6699
+ &:hover {
6700
+ @media (hover: hover) {
6701
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
6702
+ @supports (color: color-mix(in lab, red, red)) {
6703
+ background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
6704
+ }
6705
+ }
6706
+ }
6707
+ }
6708
+ .hover\:bg-blue-500\/30 {
6709
+ &:hover {
6710
+ @media (hover: hover) {
6711
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
6712
+ @supports (color: color-mix(in lab, red, red)) {
6713
+ background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
6714
+ }
6715
+ }
6716
+ }
6717
+ }
6718
+ .hover\:bg-blue-600 {
6719
+ &:hover {
6720
+ @media (hover: hover) {
6721
+ background-color: var(--color-blue-600);
6722
+ }
6723
+ }
6724
+ }
6725
+ .hover\:bg-blue-700 {
6726
+ &:hover {
6727
+ @media (hover: hover) {
6728
+ background-color: var(--color-blue-700);
6729
+ }
6730
+ }
6731
+ }
6732
+ .hover\:bg-blue-800\/50 {
6733
+ &:hover {
6734
+ @media (hover: hover) {
6735
+ background-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 50%, transparent);
6736
+ @supports (color: color-mix(in lab, red, red)) {
6737
+ background-color: color-mix(in oklab, var(--color-blue-800) 50%, transparent);
6738
+ }
6739
+ }
6740
+ }
6741
+ }
6742
+ .hover\:bg-blue-900\/50 {
6743
+ &:hover {
6744
+ @media (hover: hover) {
6745
+ background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
6746
+ @supports (color: color-mix(in lab, red, red)) {
6747
+ background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
6748
+ }
6749
+ }
6750
+ }
6751
+ }
6752
+ .hover\:bg-emerald-100 {
6753
+ &:hover {
6754
+ @media (hover: hover) {
6755
+ background-color: var(--color-emerald-100);
6756
+ }
6757
+ }
6758
+ }
6759
+ .hover\:bg-emerald-500\/20 {
6760
+ &:hover {
6761
+ @media (hover: hover) {
6762
+ background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
6763
+ @supports (color: color-mix(in lab, red, red)) {
6764
+ background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
6765
+ }
6766
+ }
6767
+ }
6768
+ }
6769
+ .hover\:bg-emerald-600 {
6770
+ &:hover {
6771
+ @media (hover: hover) {
6772
+ background-color: var(--color-emerald-600);
6773
+ }
6774
+ }
6775
+ }
6776
+ .hover\:bg-emerald-700 {
6777
+ &:hover {
6778
+ @media (hover: hover) {
6779
+ background-color: var(--color-emerald-700);
6780
+ }
6781
+ }
6782
+ }
6783
+ .hover\:bg-emerald-900\/50 {
6784
+ &:hover {
6785
+ @media (hover: hover) {
6786
+ background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 50%, transparent);
6787
+ @supports (color: color-mix(in lab, red, red)) {
6788
+ background-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
6789
+ }
6790
+ }
6791
+ }
6792
+ }
6793
+ .hover\:bg-green-600\/90 {
6794
+ &:hover {
6795
+ @media (hover: hover) {
6796
+ background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 90%, transparent);
6797
+ @supports (color: color-mix(in lab, red, red)) {
6798
+ background-color: color-mix(in oklab, var(--color-green-600) 90%, transparent);
6799
+ }
6800
+ }
6801
+ }
6802
+ }
6803
+ .hover\:bg-green-700 {
6804
+ &:hover {
6805
+ @media (hover: hover) {
6806
+ background-color: var(--color-green-700);
6807
+ }
6808
+ }
6809
+ }
6810
+ .hover\:bg-indigo-50 {
6811
+ &:hover {
6812
+ @media (hover: hover) {
6813
+ background-color: var(--color-indigo-50);
6814
+ }
6815
+ }
6816
+ }
6817
+ .hover\:bg-indigo-400 {
6818
+ &:hover {
6819
+ @media (hover: hover) {
6820
+ background-color: var(--color-indigo-400);
6821
+ }
6822
+ }
6823
+ }
6824
+ .hover\:bg-indigo-500 {
4911
6825
  &:hover {
4912
6826
  @media (hover: hover) {
4913
6827
  background-color: var(--color-indigo-500);
@@ -4941,6 +6855,13 @@
4941
6855
  }
4942
6856
  }
4943
6857
  }
6858
+ .hover\:bg-purple-100 {
6859
+ &:hover {
6860
+ @media (hover: hover) {
6861
+ background-color: var(--color-purple-100);
6862
+ }
6863
+ }
6864
+ }
4944
6865
  .hover\:bg-purple-100\/50 {
4945
6866
  &:hover {
4946
6867
  @media (hover: hover) {
@@ -4958,6 +6879,13 @@
4958
6879
  }
4959
6880
  }
4960
6881
  }
6882
+ .hover\:bg-purple-300 {
6883
+ &:hover {
6884
+ @media (hover: hover) {
6885
+ background-color: var(--color-purple-300);
6886
+ }
6887
+ }
6888
+ }
4961
6889
  .hover\:bg-purple-500\/10 {
4962
6890
  &:hover {
4963
6891
  @media (hover: hover) {
@@ -4978,6 +6906,53 @@
4978
6906
  }
4979
6907
  }
4980
6908
  }
6909
+ .hover\:bg-purple-500\/60 {
6910
+ &:hover {
6911
+ @media (hover: hover) {
6912
+ background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 60%, transparent);
6913
+ @supports (color: color-mix(in lab, red, red)) {
6914
+ background-color: color-mix(in oklab, var(--color-purple-500) 60%, transparent);
6915
+ }
6916
+ }
6917
+ }
6918
+ }
6919
+ .hover\:bg-purple-600\/90 {
6920
+ &:hover {
6921
+ @media (hover: hover) {
6922
+ background-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 90%, transparent);
6923
+ @supports (color: color-mix(in lab, red, red)) {
6924
+ background-color: color-mix(in oklab, var(--color-purple-600) 90%, transparent);
6925
+ }
6926
+ }
6927
+ }
6928
+ }
6929
+ .hover\:bg-purple-700 {
6930
+ &:hover {
6931
+ @media (hover: hover) {
6932
+ background-color: var(--color-purple-700);
6933
+ }
6934
+ }
6935
+ }
6936
+ .hover\:bg-purple-900\/30 {
6937
+ &:hover {
6938
+ @media (hover: hover) {
6939
+ background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
6940
+ @supports (color: color-mix(in lab, red, red)) {
6941
+ background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
6942
+ }
6943
+ }
6944
+ }
6945
+ }
6946
+ .hover\:bg-purple-900\/50 {
6947
+ &:hover {
6948
+ @media (hover: hover) {
6949
+ background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 50%, transparent);
6950
+ @supports (color: color-mix(in lab, red, red)) {
6951
+ background-color: color-mix(in oklab, var(--color-purple-900) 50%, transparent);
6952
+ }
6953
+ }
6954
+ }
6955
+ }
4981
6956
  .hover\:bg-red-100 {
4982
6957
  &:hover {
4983
6958
  @media (hover: hover) {
@@ -5005,6 +6980,20 @@
5005
6980
  }
5006
6981
  }
5007
6982
  }
6983
+ .hover\:bg-red-600 {
6984
+ &:hover {
6985
+ @media (hover: hover) {
6986
+ background-color: var(--color-red-600);
6987
+ }
6988
+ }
6989
+ }
6990
+ .hover\:bg-red-700 {
6991
+ &:hover {
6992
+ @media (hover: hover) {
6993
+ background-color: var(--color-red-700);
6994
+ }
6995
+ }
6996
+ }
5008
6997
  .hover\:bg-slate-50 {
5009
6998
  &:hover {
5010
6999
  @media (hover: hover) {
@@ -5107,6 +7096,16 @@
5107
7096
  }
5108
7097
  }
5109
7098
  }
7099
+ .hover\:bg-slate-700\/40 {
7100
+ &:hover {
7101
+ @media (hover: hover) {
7102
+ background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 40%, transparent);
7103
+ @supports (color: color-mix(in lab, red, red)) {
7104
+ background-color: color-mix(in oklab, var(--color-slate-700) 40%, transparent);
7105
+ }
7106
+ }
7107
+ }
7108
+ }
5110
7109
  .hover\:bg-slate-700\/50 {
5111
7110
  &:hover {
5112
7111
  @media (hover: hover) {
@@ -5174,6 +7173,23 @@
5174
7173
  }
5175
7174
  }
5176
7175
  }
7176
+ .hover\:bg-teal-600\/90 {
7177
+ &:hover {
7178
+ @media (hover: hover) {
7179
+ background-color: color-mix(in srgb, oklch(60% 0.118 184.704) 90%, transparent);
7180
+ @supports (color: color-mix(in lab, red, red)) {
7181
+ background-color: color-mix(in oklab, var(--color-teal-600) 90%, transparent);
7182
+ }
7183
+ }
7184
+ }
7185
+ }
7186
+ .hover\:bg-teal-700 {
7187
+ &:hover {
7188
+ @media (hover: hover) {
7189
+ background-color: var(--color-teal-700);
7190
+ }
7191
+ }
7192
+ }
5177
7193
  .hover\:bg-white {
5178
7194
  &:hover {
5179
7195
  @media (hover: hover) {
@@ -5250,265 +7266,537 @@
5250
7266
  }
5251
7267
  }
5252
7268
  }
5253
- .hover\:to-cyan-600 {
7269
+ .hover\:to-cyan-600 {
7270
+ &:hover {
7271
+ @media (hover: hover) {
7272
+ --tw-gradient-to: var(--color-cyan-600);
7273
+ --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));
7274
+ }
7275
+ }
7276
+ }
7277
+ .hover\:to-cyan-700 {
7278
+ &:hover {
7279
+ @media (hover: hover) {
7280
+ --tw-gradient-to: var(--color-cyan-700);
7281
+ --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));
7282
+ }
7283
+ }
7284
+ }
7285
+ .hover\:to-emerald-500\/30 {
7286
+ &:hover {
7287
+ @media (hover: hover) {
7288
+ --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
7289
+ @supports (color: color-mix(in lab, red, red)) {
7290
+ --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
7291
+ }
7292
+ --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));
7293
+ }
7294
+ }
7295
+ }
7296
+ .hover\:to-indigo-700 {
7297
+ &:hover {
7298
+ @media (hover: hover) {
7299
+ --tw-gradient-to: var(--color-indigo-700);
7300
+ --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));
7301
+ }
7302
+ }
7303
+ }
7304
+ .hover\:text-blue-200 {
7305
+ &:hover {
7306
+ @media (hover: hover) {
7307
+ color: var(--color-blue-200);
7308
+ }
7309
+ }
7310
+ }
7311
+ .hover\:text-blue-300 {
7312
+ &:hover {
7313
+ @media (hover: hover) {
7314
+ color: var(--color-blue-300);
7315
+ }
7316
+ }
7317
+ }
7318
+ .hover\:text-blue-600 {
7319
+ &:hover {
7320
+ @media (hover: hover) {
7321
+ color: var(--color-blue-600);
7322
+ }
7323
+ }
7324
+ }
7325
+ .hover\:text-blue-700 {
7326
+ &:hover {
7327
+ @media (hover: hover) {
7328
+ color: var(--color-blue-700);
7329
+ }
7330
+ }
7331
+ }
7332
+ .hover\:text-blue-800 {
7333
+ &:hover {
7334
+ @media (hover: hover) {
7335
+ color: var(--color-blue-800);
7336
+ }
7337
+ }
7338
+ }
7339
+ .hover\:text-indigo-300 {
7340
+ &:hover {
7341
+ @media (hover: hover) {
7342
+ color: var(--color-indigo-300);
7343
+ }
7344
+ }
7345
+ }
7346
+ .hover\:text-indigo-700 {
7347
+ &:hover {
7348
+ @media (hover: hover) {
7349
+ color: var(--color-indigo-700);
7350
+ }
7351
+ }
7352
+ }
7353
+ .hover\:text-purple-200 {
7354
+ &:hover {
7355
+ @media (hover: hover) {
7356
+ color: var(--color-purple-200);
7357
+ }
7358
+ }
7359
+ }
7360
+ .hover\:text-purple-800 {
7361
+ &:hover {
7362
+ @media (hover: hover) {
7363
+ color: var(--color-purple-800);
7364
+ }
7365
+ }
7366
+ }
7367
+ .hover\:text-purple-900 {
7368
+ &:hover {
7369
+ @media (hover: hover) {
7370
+ color: var(--color-purple-900);
7371
+ }
7372
+ }
7373
+ }
7374
+ .hover\:text-slate-100 {
7375
+ &:hover {
7376
+ @media (hover: hover) {
7377
+ color: var(--color-slate-100);
7378
+ }
7379
+ }
7380
+ }
7381
+ .hover\:text-slate-200 {
7382
+ &:hover {
7383
+ @media (hover: hover) {
7384
+ color: var(--color-slate-200);
7385
+ }
7386
+ }
7387
+ }
7388
+ .hover\:text-slate-300 {
7389
+ &:hover {
7390
+ @media (hover: hover) {
7391
+ color: var(--color-slate-300);
7392
+ }
7393
+ }
7394
+ }
7395
+ .hover\:text-slate-600 {
7396
+ &:hover {
7397
+ @media (hover: hover) {
7398
+ color: var(--color-slate-600);
7399
+ }
7400
+ }
7401
+ }
7402
+ .hover\:text-slate-800 {
7403
+ &:hover {
7404
+ @media (hover: hover) {
7405
+ color: var(--color-slate-800);
7406
+ }
7407
+ }
7408
+ }
7409
+ .hover\:text-slate-900 {
7410
+ &:hover {
7411
+ @media (hover: hover) {
7412
+ color: var(--color-slate-900);
7413
+ }
7414
+ }
7415
+ }
7416
+ .hover\:text-teal-300 {
7417
+ &:hover {
7418
+ @media (hover: hover) {
7419
+ color: var(--color-teal-300);
7420
+ }
7421
+ }
7422
+ }
7423
+ .hover\:text-teal-700 {
7424
+ &:hover {
7425
+ @media (hover: hover) {
7426
+ color: var(--color-teal-700);
7427
+ }
7428
+ }
7429
+ }
7430
+ .hover\:text-white {
7431
+ &:hover {
7432
+ @media (hover: hover) {
7433
+ color: var(--color-white);
7434
+ }
7435
+ }
7436
+ }
7437
+ .hover\:opacity-100 {
7438
+ &:hover {
7439
+ @media (hover: hover) {
7440
+ opacity: 100%;
7441
+ }
7442
+ }
7443
+ }
7444
+ .hover\:shadow-2xl {
7445
+ &:hover {
7446
+ @media (hover: hover) {
7447
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
7448
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7449
+ }
7450
+ }
7451
+ }
7452
+ .hover\:shadow-\[8px_8px_16px_rgba\(163\,163\,163\,0\.4\)\,-8px_-8px_16px_rgba\(255\,255\,255\,0\.9\)\] {
7453
+ &:hover {
7454
+ @media (hover: hover) {
7455
+ --tw-shadow: 8px 8px 16px var(--tw-shadow-color, rgba(163,163,163,0.4)), -8px -8px 16px var(--tw-shadow-color, rgba(255,255,255,0.9));
7456
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7457
+ }
7458
+ }
7459
+ }
7460
+ .hover\:shadow-lg {
7461
+ &:hover {
7462
+ @media (hover: hover) {
7463
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
7464
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7465
+ }
7466
+ }
7467
+ }
7468
+ .hover\:shadow-md {
7469
+ &:hover {
7470
+ @media (hover: hover) {
7471
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
7472
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7473
+ }
7474
+ }
7475
+ }
7476
+ .hover\:shadow-xl {
5254
7477
  &:hover {
5255
7478
  @media (hover: hover) {
5256
- --tw-gradient-to: var(--color-cyan-600);
5257
- --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));
7479
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
7480
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5258
7481
  }
5259
7482
  }
5260
7483
  }
5261
- .hover\:to-cyan-700 {
7484
+ .hover\:shadow-amber-100\/50 {
5262
7485
  &:hover {
5263
7486
  @media (hover: hover) {
5264
- --tw-gradient-to: var(--color-cyan-700);
5265
- --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));
7487
+ --tw-shadow-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 50%, transparent);
7488
+ @supports (color: color-mix(in lab, red, red)) {
7489
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
7490
+ }
5266
7491
  }
5267
7492
  }
5268
7493
  }
5269
- .hover\:to-emerald-500\/30 {
7494
+ .hover\:shadow-amber-500\/10 {
5270
7495
  &:hover {
5271
7496
  @media (hover: hover) {
5272
- --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
7497
+ --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
5273
7498
  @supports (color: color-mix(in lab, red, red)) {
5274
- --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
7499
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
5275
7500
  }
5276
- --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));
5277
7501
  }
5278
7502
  }
5279
7503
  }
5280
- .hover\:to-indigo-700 {
7504
+ .hover\:shadow-amber-500\/20 {
5281
7505
  &:hover {
5282
7506
  @media (hover: hover) {
5283
- --tw-gradient-to: var(--color-indigo-700);
5284
- --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));
7507
+ --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
7508
+ @supports (color: color-mix(in lab, red, red)) {
7509
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
7510
+ }
5285
7511
  }
5286
7512
  }
5287
7513
  }
5288
- .hover\:text-blue-200 {
7514
+ .hover\:shadow-blue-100 {
5289
7515
  &:hover {
5290
7516
  @media (hover: hover) {
5291
- color: var(--color-blue-200);
7517
+ --tw-shadow-color: oklch(93.2% 0.032 255.585);
7518
+ @supports (color: color-mix(in lab, red, red)) {
7519
+ --tw-shadow-color: color-mix(in oklab, var(--color-blue-100) var(--tw-shadow-alpha), transparent);
7520
+ }
5292
7521
  }
5293
7522
  }
5294
7523
  }
5295
- .hover\:text-blue-300 {
7524
+ .hover\:shadow-blue-100\/50 {
5296
7525
  &:hover {
5297
7526
  @media (hover: hover) {
5298
- color: var(--color-blue-300);
7527
+ --tw-shadow-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 50%, transparent);
7528
+ @supports (color: color-mix(in lab, red, red)) {
7529
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
7530
+ }
5299
7531
  }
5300
7532
  }
5301
7533
  }
5302
- .hover\:text-blue-600 {
7534
+ .hover\:shadow-blue-300\/60 {
5303
7535
  &:hover {
5304
7536
  @media (hover: hover) {
5305
- color: var(--color-blue-600);
7537
+ --tw-shadow-color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 60%, transparent);
7538
+ @supports (color: color-mix(in lab, red, red)) {
7539
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-300) 60%, transparent) var(--tw-shadow-alpha), transparent);
7540
+ }
5306
7541
  }
5307
7542
  }
5308
7543
  }
5309
- .hover\:text-blue-700 {
7544
+ .hover\:shadow-blue-500\/10 {
5310
7545
  &:hover {
5311
7546
  @media (hover: hover) {
5312
- color: var(--color-blue-700);
7547
+ --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
7548
+ @supports (color: color-mix(in lab, red, red)) {
7549
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
7550
+ }
5313
7551
  }
5314
7552
  }
5315
7553
  }
5316
- .hover\:text-blue-800 {
7554
+ .hover\:shadow-blue-500\/20 {
5317
7555
  &:hover {
5318
7556
  @media (hover: hover) {
5319
- color: var(--color-blue-800);
7557
+ --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
7558
+ @supports (color: color-mix(in lab, red, red)) {
7559
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
7560
+ }
5320
7561
  }
5321
7562
  }
5322
7563
  }
5323
- .hover\:text-indigo-300 {
7564
+ .hover\:shadow-blue-500\/30 {
5324
7565
  &:hover {
5325
7566
  @media (hover: hover) {
5326
- color: var(--color-indigo-300);
7567
+ --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
7568
+ @supports (color: color-mix(in lab, red, red)) {
7569
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
7570
+ }
5327
7571
  }
5328
7572
  }
5329
7573
  }
5330
- .hover\:text-indigo-700 {
7574
+ .hover\:shadow-emerald-100\/50 {
5331
7575
  &:hover {
5332
7576
  @media (hover: hover) {
5333
- color: var(--color-indigo-700);
7577
+ --tw-shadow-color: color-mix(in srgb, oklch(95% 0.052 163.051) 50%, transparent);
7578
+ @supports (color: color-mix(in lab, red, red)) {
7579
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
7580
+ }
5334
7581
  }
5335
7582
  }
5336
7583
  }
5337
- .hover\:text-purple-200 {
7584
+ .hover\:shadow-emerald-200 {
5338
7585
  &:hover {
5339
7586
  @media (hover: hover) {
5340
- color: var(--color-purple-200);
7587
+ --tw-shadow-color: oklch(90.5% 0.093 164.15);
7588
+ @supports (color: color-mix(in lab, red, red)) {
7589
+ --tw-shadow-color: color-mix(in oklab, var(--color-emerald-200) var(--tw-shadow-alpha), transparent);
7590
+ }
5341
7591
  }
5342
7592
  }
5343
7593
  }
5344
- .hover\:text-purple-800 {
7594
+ .hover\:shadow-emerald-300\/60 {
5345
7595
  &:hover {
5346
7596
  @media (hover: hover) {
5347
- color: var(--color-purple-800);
7597
+ --tw-shadow-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 60%, transparent);
7598
+ @supports (color: color-mix(in lab, red, red)) {
7599
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-300) 60%, transparent) var(--tw-shadow-alpha), transparent);
7600
+ }
5348
7601
  }
5349
7602
  }
5350
7603
  }
5351
- .hover\:text-slate-100 {
7604
+ .hover\:shadow-emerald-500\/10 {
5352
7605
  &:hover {
5353
7606
  @media (hover: hover) {
5354
- color: var(--color-slate-100);
7607
+ --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
7608
+ @supports (color: color-mix(in lab, red, red)) {
7609
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
7610
+ }
5355
7611
  }
5356
7612
  }
5357
7613
  }
5358
- .hover\:text-slate-200 {
7614
+ .hover\:shadow-emerald-500\/30 {
5359
7615
  &:hover {
5360
7616
  @media (hover: hover) {
5361
- color: var(--color-slate-200);
7617
+ --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
7618
+ @supports (color: color-mix(in lab, red, red)) {
7619
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
7620
+ }
5362
7621
  }
5363
7622
  }
5364
7623
  }
5365
- .hover\:text-slate-300 {
7624
+ .hover\:shadow-emerald-500\/50 {
5366
7625
  &:hover {
5367
7626
  @media (hover: hover) {
5368
- color: var(--color-slate-300);
7627
+ --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
7628
+ @supports (color: color-mix(in lab, red, red)) {
7629
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
7630
+ }
5369
7631
  }
5370
7632
  }
5371
7633
  }
5372
- .hover\:text-slate-600 {
7634
+ .hover\:shadow-green-500\/40 {
5373
7635
  &:hover {
5374
7636
  @media (hover: hover) {
5375
- color: var(--color-slate-600);
7637
+ --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 40%, transparent);
7638
+ @supports (color: color-mix(in lab, red, red)) {
7639
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
7640
+ }
5376
7641
  }
5377
7642
  }
5378
7643
  }
5379
- .hover\:text-slate-800 {
7644
+ .hover\:shadow-orange-100\/50 {
5380
7645
  &:hover {
5381
7646
  @media (hover: hover) {
5382
- color: var(--color-slate-800);
7647
+ --tw-shadow-color: color-mix(in srgb, oklch(95.4% 0.038 75.164) 50%, transparent);
7648
+ @supports (color: color-mix(in lab, red, red)) {
7649
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
7650
+ }
5383
7651
  }
5384
7652
  }
5385
7653
  }
5386
- .hover\:text-slate-900 {
7654
+ .hover\:shadow-orange-500\/10 {
5387
7655
  &:hover {
5388
7656
  @media (hover: hover) {
5389
- color: var(--color-slate-900);
7657
+ --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
7658
+ @supports (color: color-mix(in lab, red, red)) {
7659
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
7660
+ }
5390
7661
  }
5391
7662
  }
5392
7663
  }
5393
- .hover\:text-white {
7664
+ .hover\:shadow-orange-500\/20 {
5394
7665
  &:hover {
5395
7666
  @media (hover: hover) {
5396
- color: var(--color-white);
7667
+ --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
7668
+ @supports (color: color-mix(in lab, red, red)) {
7669
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
7670
+ }
5397
7671
  }
5398
7672
  }
5399
7673
  }
5400
- .hover\:shadow-2xl {
7674
+ .hover\:shadow-purple-100\/50 {
5401
7675
  &:hover {
5402
7676
  @media (hover: hover) {
5403
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
5404
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7677
+ --tw-shadow-color: color-mix(in srgb, oklch(94.6% 0.033 307.174) 50%, transparent);
7678
+ @supports (color: color-mix(in lab, red, red)) {
7679
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
7680
+ }
5405
7681
  }
5406
7682
  }
5407
7683
  }
5408
- .hover\:shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.2\)\] {
7684
+ .hover\:shadow-purple-500\/10 {
5409
7685
  &:hover {
5410
7686
  @media (hover: hover) {
5411
- --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(59,130,246,0.2));
5412
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7687
+ --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
7688
+ @supports (color: color-mix(in lab, red, red)) {
7689
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
7690
+ }
5413
7691
  }
5414
7692
  }
5415
7693
  }
5416
- .hover\:shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.3\)\] {
7694
+ .hover\:shadow-purple-500\/20 {
5417
7695
  &:hover {
5418
7696
  @media (hover: hover) {
5419
- --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(59,130,246,0.3));
5420
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7697
+ --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
7698
+ @supports (color: color-mix(in lab, red, red)) {
7699
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
7700
+ }
5421
7701
  }
5422
7702
  }
5423
7703
  }
5424
- .hover\:shadow-\[8px_8px_16px_rgba\(163\,163\,163\,0\.4\)\,-8px_-8px_16px_rgba\(255\,255\,255\,0\.9\)\] {
7704
+ .hover\:shadow-purple-500\/40 {
5425
7705
  &:hover {
5426
7706
  @media (hover: hover) {
5427
- --tw-shadow: 8px 8px 16px var(--tw-shadow-color, rgba(163,163,163,0.4)), -8px -8px 16px var(--tw-shadow-color, rgba(255,255,255,0.9));
5428
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7707
+ --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 40%, transparent);
7708
+ @supports (color: color-mix(in lab, red, red)) {
7709
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
7710
+ }
5429
7711
  }
5430
7712
  }
5431
7713
  }
5432
- .hover\:shadow-lg {
7714
+ .hover\:shadow-red-100\/50 {
5433
7715
  &:hover {
5434
7716
  @media (hover: hover) {
5435
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
5436
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7717
+ --tw-shadow-color: color-mix(in srgb, oklch(93.6% 0.032 17.717) 50%, transparent);
7718
+ @supports (color: color-mix(in lab, red, red)) {
7719
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
7720
+ }
5437
7721
  }
5438
7722
  }
5439
7723
  }
5440
- .hover\:shadow-md {
7724
+ .hover\:shadow-red-200 {
5441
7725
  &:hover {
5442
7726
  @media (hover: hover) {
5443
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
5444
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7727
+ --tw-shadow-color: oklch(88.5% 0.062 18.334);
7728
+ @supports (color: color-mix(in lab, red, red)) {
7729
+ --tw-shadow-color: color-mix(in oklab, var(--color-red-200) var(--tw-shadow-alpha), transparent);
7730
+ }
5445
7731
  }
5446
7732
  }
5447
7733
  }
5448
- .hover\:shadow-xl {
7734
+ .hover\:shadow-red-500\/10 {
5449
7735
  &:hover {
5450
7736
  @media (hover: hover) {
5451
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
5452
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7737
+ --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
7738
+ @supports (color: color-mix(in lab, red, red)) {
7739
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
7740
+ }
5453
7741
  }
5454
7742
  }
5455
7743
  }
5456
- .hover\:shadow-blue-100\/50 {
7744
+ .hover\:shadow-red-500\/20 {
5457
7745
  &:hover {
5458
7746
  @media (hover: hover) {
5459
- --tw-shadow-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 50%, transparent);
7747
+ --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
5460
7748
  @supports (color: color-mix(in lab, red, red)) {
5461
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
7749
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
5462
7750
  }
5463
7751
  }
5464
7752
  }
5465
7753
  }
5466
- .hover\:shadow-blue-300\/60 {
7754
+ .hover\:shadow-red-500\/50 {
5467
7755
  &:hover {
5468
7756
  @media (hover: hover) {
5469
- --tw-shadow-color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 60%, transparent);
7757
+ --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
5470
7758
  @supports (color: color-mix(in lab, red, red)) {
5471
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-300) 60%, transparent) var(--tw-shadow-alpha), transparent);
7759
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
5472
7760
  }
5473
7761
  }
5474
7762
  }
5475
7763
  }
5476
- .hover\:shadow-blue-500\/30 {
7764
+ .hover\:shadow-slate-900\/50 {
5477
7765
  &:hover {
5478
7766
  @media (hover: hover) {
5479
- --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
7767
+ --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
5480
7768
  @supports (color: color-mix(in lab, red, red)) {
5481
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
7769
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 50%, transparent) var(--tw-shadow-alpha), transparent);
5482
7770
  }
5483
7771
  }
5484
7772
  }
5485
7773
  }
5486
- .hover\:shadow-emerald-300\/60 {
7774
+ .hover\:shadow-teal-500\/40 {
5487
7775
  &:hover {
5488
7776
  @media (hover: hover) {
5489
- --tw-shadow-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 60%, transparent);
7777
+ --tw-shadow-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 40%, transparent);
5490
7778
  @supports (color: color-mix(in lab, red, red)) {
5491
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-300) 60%, transparent) var(--tw-shadow-alpha), transparent);
7779
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
5492
7780
  }
5493
7781
  }
5494
7782
  }
5495
7783
  }
5496
- .hover\:shadow-emerald-500\/30 {
7784
+ .hover\:shadow-yellow-100\/50 {
5497
7785
  &:hover {
5498
7786
  @media (hover: hover) {
5499
- --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
7787
+ --tw-shadow-color: color-mix(in srgb, oklch(97.3% 0.071 103.193) 50%, transparent);
5500
7788
  @supports (color: color-mix(in lab, red, red)) {
5501
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
7789
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
5502
7790
  }
5503
7791
  }
5504
7792
  }
5505
7793
  }
5506
- .hover\:shadow-slate-900\/50 {
7794
+ .hover\:shadow-yellow-500\/10 {
5507
7795
  &:hover {
5508
7796
  @media (hover: hover) {
5509
- --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
7797
+ --tw-shadow-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
5510
7798
  @supports (color: color-mix(in lab, red, red)) {
5511
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 50%, transparent) var(--tw-shadow-alpha), transparent);
7799
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
5512
7800
  }
5513
7801
  }
5514
7802
  }
@@ -5763,6 +8051,11 @@
5763
8051
  max-width: var(--container-4xl);
5764
8052
  }
5765
8053
  }
8054
+ .sm\:max-w-5xl {
8055
+ @media (width >= 40rem) {
8056
+ max-width: var(--container-5xl);
8057
+ }
8058
+ }
5766
8059
  .sm\:max-w-6xl {
5767
8060
  @media (width >= 40rem) {
5768
8061
  max-width: var(--container-6xl);
@@ -5778,21 +8071,11 @@
5778
8071
  flex: 0 auto;
5779
8072
  }
5780
8073
  }
5781
- .sm\:flex-shrink-0 {
5782
- @media (width >= 40rem) {
5783
- flex-shrink: 0;
5784
- }
5785
- }
5786
8074
  .sm\:grid-cols-2 {
5787
8075
  @media (width >= 40rem) {
5788
8076
  grid-template-columns: repeat(2, minmax(0, 1fr));
5789
8077
  }
5790
8078
  }
5791
- .sm\:grid-cols-3 {
5792
- @media (width >= 40rem) {
5793
- grid-template-columns: repeat(3, minmax(0, 1fr));
5794
- }
5795
- }
5796
8079
  .sm\:grid-cols-\[1fr_auto\] {
5797
8080
  @media (width >= 40rem) {
5798
8081
  grid-template-columns: 1fr auto;
@@ -6055,6 +8338,16 @@
6055
8338
  text-align: right;
6056
8339
  }
6057
8340
  }
8341
+ .lg\:col-span-1 {
8342
+ @media (width >= 64rem) {
8343
+ grid-column: span 1 / span 1;
8344
+ }
8345
+ }
8346
+ .lg\:col-span-2 {
8347
+ @media (width >= 64rem) {
8348
+ grid-column: span 2 / span 2;
8349
+ }
8350
+ }
6058
8351
  .lg\:float-left {
6059
8352
  @media (width >= 64rem) {
6060
8353
  float: left;
@@ -6095,6 +8388,36 @@
6095
8388
  display: none;
6096
8389
  }
6097
8390
  }
8391
+ .lg\:w-1\/3 {
8392
+ @media (width >= 64rem) {
8393
+ width: calc(1/3 * 100%);
8394
+ }
8395
+ }
8396
+ .lg\:w-2\/3 {
8397
+ @media (width >= 64rem) {
8398
+ width: calc(2/3 * 100%);
8399
+ }
8400
+ }
8401
+ .lg\:w-12 {
8402
+ @media (width >= 64rem) {
8403
+ width: calc(var(--spacing) * 12);
8404
+ }
8405
+ }
8406
+ .lg\:w-80 {
8407
+ @media (width >= 64rem) {
8408
+ width: calc(var(--spacing) * 80);
8409
+ }
8410
+ }
8411
+ .lg\:w-full {
8412
+ @media (width >= 64rem) {
8413
+ width: 100%;
8414
+ }
8415
+ }
8416
+ .lg\:max-w-\[50\%\] {
8417
+ @media (width >= 64rem) {
8418
+ max-width: 50%;
8419
+ }
8420
+ }
6098
8421
  .lg\:max-w-\[66\%\] {
6099
8422
  @media (width >= 64rem) {
6100
8423
  max-width: 66%;
@@ -6115,6 +8438,16 @@
6115
8438
  grid-template-columns: repeat(4, minmax(0, 1fr));
6116
8439
  }
6117
8440
  }
8441
+ .lg\:flex-row {
8442
+ @media (width >= 64rem) {
8443
+ flex-direction: row;
8444
+ }
8445
+ }
8446
+ .lg\:flex-row-reverse {
8447
+ @media (width >= 64rem) {
8448
+ flex-direction: row-reverse;
8449
+ }
8450
+ }
6118
8451
  .lg\:p-8 {
6119
8452
  @media (width >= 64rem) {
6120
8453
  padding: calc(var(--spacing) * 8);
@@ -6136,6 +8469,11 @@
6136
8469
  display: flex;
6137
8470
  }
6138
8471
  }
8472
+ .xl\:grid-cols-3 {
8473
+ @media (width >= 80rem) {
8474
+ grid-template-columns: repeat(3, minmax(0, 1fr));
8475
+ }
8476
+ }
6139
8477
  .dark\:border-blue-500\/10 {
6140
8478
  @media (prefers-color-scheme: dark) {
6141
8479
  border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
@@ -6168,11 +8506,56 @@
6168
8506
  }
6169
8507
  }
6170
8508
  }
8509
+ .dark\:border-slate-600 {
8510
+ @media (prefers-color-scheme: dark) {
8511
+ border-color: var(--color-slate-600);
8512
+ }
8513
+ }
6171
8514
  .dark\:border-slate-700 {
6172
8515
  @media (prefers-color-scheme: dark) {
6173
8516
  border-color: var(--color-slate-700);
6174
8517
  }
6175
8518
  }
8519
+ .dark\:bg-amber-900\/30 {
8520
+ @media (prefers-color-scheme: dark) {
8521
+ background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
8522
+ @supports (color: color-mix(in lab, red, red)) {
8523
+ background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
8524
+ }
8525
+ }
8526
+ }
8527
+ .dark\:bg-blue-900\/30 {
8528
+ @media (prefers-color-scheme: dark) {
8529
+ background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
8530
+ @supports (color: color-mix(in lab, red, red)) {
8531
+ background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
8532
+ }
8533
+ }
8534
+ }
8535
+ .dark\:bg-emerald-900\/30 {
8536
+ @media (prefers-color-scheme: dark) {
8537
+ background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
8538
+ @supports (color: color-mix(in lab, red, red)) {
8539
+ background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
8540
+ }
8541
+ }
8542
+ }
8543
+ .dark\:bg-orange-900\/30 {
8544
+ @media (prefers-color-scheme: dark) {
8545
+ background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
8546
+ @supports (color: color-mix(in lab, red, red)) {
8547
+ background-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
8548
+ }
8549
+ }
8550
+ }
8551
+ .dark\:bg-red-900\/30 {
8552
+ @media (prefers-color-scheme: dark) {
8553
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
8554
+ @supports (color: color-mix(in lab, red, red)) {
8555
+ background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
8556
+ }
8557
+ }
8558
+ }
6176
8559
  .dark\:bg-slate-700 {
6177
8560
  @media (prefers-color-scheme: dark) {
6178
8561
  background-color: var(--color-slate-700);
@@ -6232,11 +8615,41 @@
6232
8615
  --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));
6233
8616
  }
6234
8617
  }
8618
+ .dark\:text-amber-300 {
8619
+ @media (prefers-color-scheme: dark) {
8620
+ color: var(--color-amber-300);
8621
+ }
8622
+ }
8623
+ .dark\:text-blue-300 {
8624
+ @media (prefers-color-scheme: dark) {
8625
+ color: var(--color-blue-300);
8626
+ }
8627
+ }
8628
+ .dark\:text-emerald-300 {
8629
+ @media (prefers-color-scheme: dark) {
8630
+ color: var(--color-emerald-300);
8631
+ }
8632
+ }
8633
+ .dark\:text-orange-300 {
8634
+ @media (prefers-color-scheme: dark) {
8635
+ color: var(--color-orange-300);
8636
+ }
8637
+ }
8638
+ .dark\:text-red-300 {
8639
+ @media (prefers-color-scheme: dark) {
8640
+ color: var(--color-red-300);
8641
+ }
8642
+ }
6235
8643
  .dark\:text-slate-300 {
6236
8644
  @media (prefers-color-scheme: dark) {
6237
8645
  color: var(--color-slate-300);
6238
8646
  }
6239
8647
  }
8648
+ .dark\:text-slate-500 {
8649
+ @media (prefers-color-scheme: dark) {
8650
+ color: var(--color-slate-500);
8651
+ }
8652
+ }
6240
8653
  .dark\:text-white {
6241
8654
  @media (prefers-color-scheme: dark) {
6242
8655
  color: var(--color-white);
@@ -6260,6 +8673,13 @@
6260
8673
  }
6261
8674
  }
6262
8675
  }
8676
+ .dark\:focus\:border-blue-400 {
8677
+ @media (prefers-color-scheme: dark) {
8678
+ &:focus {
8679
+ border-color: var(--color-blue-400);
8680
+ }
8681
+ }
8682
+ }
6263
8683
  }
6264
8684
  @keyframes fadeInUp {
6265
8685
  from {
@@ -6848,6 +9268,16 @@
6848
9268
  opacity: 0.5;
6849
9269
  }
6850
9270
  }
9271
+ @keyframes bounce {
9272
+ 0%, 100% {
9273
+ transform: translateY(-25%);
9274
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
9275
+ }
9276
+ 50% {
9277
+ transform: none;
9278
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
9279
+ }
9280
+ }
6851
9281
  @layer properties {
6852
9282
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
6853
9283
  *, ::before, ::after, ::backdrop {