@eric-emg/symphiq-components 1.2.105 → 1.2.106

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/fesm2022/symphiq-components.mjs +70730 -37611
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +883 -177
  4. package/index.d.ts.map +1 -1
  5. package/package.json +2 -2
  6. package/styles.css +2250 -248
package/styles.css CHANGED
@@ -15,6 +15,7 @@
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);
19
20
  --color-orange-50: oklch(98% 0.016 73.684);
20
21
  --color-orange-100: oklch(95.4% 0.038 75.164);
@@ -36,14 +37,30 @@
36
37
  --color-amber-700: oklch(55.5% 0.163 48.998);
37
38
  --color-amber-800: oklch(47.3% 0.137 46.201);
38
39
  --color-amber-900: oklch(41.4% 0.112 45.904);
40
+ --color-yellow-50: oklch(98.7% 0.026 102.212);
41
+ --color-yellow-100: oklch(97.3% 0.071 103.193);
42
+ --color-yellow-200: oklch(94.5% 0.129 101.54);
43
+ --color-yellow-300: oklch(90.5% 0.182 98.111);
44
+ --color-yellow-400: oklch(85.2% 0.199 91.936);
39
45
  --color-yellow-500: oklch(79.5% 0.184 86.047);
46
+ --color-yellow-600: oklch(68.1% 0.162 75.834);
47
+ --color-yellow-700: oklch(55.4% 0.135 66.442);
48
+ --color-yellow-800: oklch(47.6% 0.114 61.907);
49
+ --color-yellow-900: oklch(42.1% 0.095 57.708);
40
50
  --color-lime-100: oklch(96.7% 0.067 122.328);
41
51
  --color-lime-400: oklch(84.1% 0.238 128.85);
42
52
  --color-lime-500: oklch(76.8% 0.233 130.85);
43
53
  --color-lime-700: oklch(53.2% 0.157 131.589);
54
+ --color-green-50: oklch(98.2% 0.018 155.826);
55
+ --color-green-100: oklch(96.2% 0.044 156.743);
56
+ --color-green-200: oklch(92.5% 0.084 155.995);
44
57
  --color-green-300: oklch(87.1% 0.15 154.449);
45
58
  --color-green-400: oklch(79.2% 0.209 151.711);
46
59
  --color-green-500: oklch(72.3% 0.219 149.579);
60
+ --color-green-600: oklch(62.7% 0.194 149.214);
61
+ --color-green-700: oklch(52.7% 0.154 150.069);
62
+ --color-green-800: oklch(44.8% 0.119 151.328);
63
+ --color-green-900: oklch(39.3% 0.095 152.535);
47
64
  --color-emerald-50: oklch(97.9% 0.021 166.113);
48
65
  --color-emerald-100: oklch(95% 0.052 163.051);
49
66
  --color-emerald-200: oklch(90.5% 0.093 164.15);
@@ -57,15 +74,21 @@
57
74
  --color-emerald-950: oklch(26.2% 0.051 172.552);
58
75
  --color-teal-50: oklch(98.4% 0.014 180.72);
59
76
  --color-teal-100: oklch(95.3% 0.051 180.801);
77
+ --color-teal-300: oklch(85.5% 0.138 181.071);
60
78
  --color-teal-400: oklch(77.7% 0.152 181.912);
61
79
  --color-teal-500: oklch(70.4% 0.14 182.503);
80
+ --color-teal-600: oklch(60% 0.118 184.704);
62
81
  --color-teal-700: oklch(51.1% 0.096 186.391);
82
+ --color-cyan-50: oklch(98.4% 0.019 200.873);
63
83
  --color-cyan-100: oklch(95.6% 0.045 203.388);
64
84
  --color-cyan-200: oklch(91.7% 0.08 205.041);
85
+ --color-cyan-300: oklch(86.5% 0.127 207.078);
65
86
  --color-cyan-400: oklch(78.9% 0.154 211.53);
66
87
  --color-cyan-500: oklch(71.5% 0.143 215.221);
67
88
  --color-cyan-600: oklch(60.9% 0.126 221.723);
68
89
  --color-cyan-700: oklch(52% 0.105 223.128);
90
+ --color-cyan-800: oklch(45% 0.085 224.283);
91
+ --color-cyan-900: oklch(39.8% 0.07 227.392);
69
92
  --color-blue-50: oklch(97% 0.014 254.604);
70
93
  --color-blue-100: oklch(93.2% 0.032 255.585);
71
94
  --color-blue-200: oklch(88.2% 0.059 254.128);
@@ -85,9 +108,11 @@
85
108
  --color-indigo-700: oklch(45.7% 0.24 277.023);
86
109
  --color-indigo-950: oklch(25.7% 0.09 281.288);
87
110
  --color-violet-100: oklch(94.3% 0.029 294.588);
111
+ --color-violet-300: oklch(81.1% 0.111 293.571);
88
112
  --color-violet-400: oklch(70.2% 0.183 293.541);
89
113
  --color-violet-500: oklch(60.6% 0.25 292.717);
90
114
  --color-violet-700: oklch(49.1% 0.27 292.581);
115
+ --color-violet-800: oklch(43.2% 0.232 292.759);
91
116
  --color-purple-50: oklch(97.7% 0.014 308.299);
92
117
  --color-purple-100: oklch(94.6% 0.033 307.174);
93
118
  --color-purple-200: oklch(90.2% 0.063 306.703);
@@ -107,6 +132,7 @@
107
132
  --color-pink-400: oklch(71.8% 0.202 349.761);
108
133
  --color-pink-500: oklch(65.6% 0.241 354.308);
109
134
  --color-pink-700: oklch(52.5% 0.223 3.958);
135
+ --color-rose-50: oklch(96.9% 0.015 12.422);
110
136
  --color-rose-100: oklch(94.1% 0.03 12.58);
111
137
  --color-rose-400: oklch(71.2% 0.194 13.428);
112
138
  --color-rose-500: oklch(64.5% 0.246 16.439);
@@ -122,6 +148,11 @@
122
148
  --color-slate-800: oklch(27.9% 0.041 260.031);
123
149
  --color-slate-900: oklch(20.8% 0.042 265.755);
124
150
  --color-slate-950: oklch(12.9% 0.042 264.695);
151
+ --color-gray-50: oklch(98.5% 0.002 247.839);
152
+ --color-gray-200: oklch(92.8% 0.006 264.531);
153
+ --color-gray-400: oklch(70.7% 0.022 261.325);
154
+ --color-gray-500: oklch(55.1% 0.027 264.364);
155
+ --color-gray-700: oklch(37.3% 0.034 259.733);
125
156
  --color-black: #000;
126
157
  --color-white: #fff;
127
158
  --spacing: 0.25rem;
@@ -158,6 +189,7 @@
158
189
  --font-weight-bold: 700;
159
190
  --tracking-wide: 0.025em;
160
191
  --tracking-wider: 0.05em;
192
+ --leading-tight: 1.25;
161
193
  --leading-snug: 1.375;
162
194
  --leading-relaxed: 1.625;
163
195
  --radius-md: 0.375rem;
@@ -170,6 +202,7 @@
170
202
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
171
203
  --animate-spin: spin 1s linear infinite;
172
204
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
205
+ --animate-bounce: bounce 1s infinite;
173
206
  --blur-sm: 8px;
174
207
  --blur-md: 12px;
175
208
  --blur-lg: 16px;
@@ -385,12 +418,15 @@
385
418
  .top-4 {
386
419
  top: calc(var(--spacing) * 4);
387
420
  }
388
- .top-6 {
389
- top: calc(var(--spacing) * 6);
421
+ .top-\[60px\] {
422
+ top: 60px;
390
423
  }
391
424
  .top-\[var\(--header-height\)\] {
392
425
  top: var(--header-height);
393
426
  }
427
+ .top-full {
428
+ top: 100%;
429
+ }
394
430
  .-right-2 {
395
431
  right: calc(var(--spacing) * -2);
396
432
  }
@@ -436,6 +472,9 @@
436
472
  .left-4 {
437
473
  left: calc(var(--spacing) * 4);
438
474
  }
475
+ .left-8 {
476
+ left: calc(var(--spacing) * 8);
477
+ }
439
478
  .-z-10 {
440
479
  z-index: calc(10 * -1);
441
480
  }
@@ -514,8 +553,8 @@
514
553
  .-mx-6 {
515
554
  margin-inline: calc(var(--spacing) * -6);
516
555
  }
517
- .mx-2 {
518
- margin-inline: calc(var(--spacing) * 2);
556
+ .mx-1 {
557
+ margin-inline: calc(var(--spacing) * 1);
519
558
  }
520
559
  .mx-auto {
521
560
  margin-inline: auto;
@@ -550,6 +589,9 @@
550
589
  .mt-4 {
551
590
  margin-top: calc(var(--spacing) * 4);
552
591
  }
592
+ .mt-5 {
593
+ margin-top: calc(var(--spacing) * 5);
594
+ }
553
595
  .mt-6 {
554
596
  margin-top: calc(var(--spacing) * 6);
555
597
  }
@@ -607,6 +649,9 @@
607
649
  .mb-8 {
608
650
  margin-bottom: calc(var(--spacing) * 8);
609
651
  }
652
+ .mb-12 {
653
+ margin-bottom: calc(var(--spacing) * 12);
654
+ }
610
655
  .mb-14 {
611
656
  margin-bottom: calc(var(--spacing) * 14);
612
657
  }
@@ -619,9 +664,15 @@
619
664
  .ml-1 {
620
665
  margin-left: calc(var(--spacing) * 1);
621
666
  }
667
+ .ml-2 {
668
+ margin-left: calc(var(--spacing) * 2);
669
+ }
622
670
  .ml-3\.5 {
623
671
  margin-left: calc(var(--spacing) * 3.5);
624
672
  }
673
+ .ml-4 {
674
+ margin-left: calc(var(--spacing) * 4);
675
+ }
625
676
  .ml-6 {
626
677
  margin-left: calc(var(--spacing) * 6);
627
678
  }
@@ -676,6 +727,9 @@
676
727
  .h-0 {
677
728
  height: calc(var(--spacing) * 0);
678
729
  }
730
+ .h-0\.5 {
731
+ height: calc(var(--spacing) * 0.5);
732
+ }
679
733
  .h-1 {
680
734
  height: calc(var(--spacing) * 1);
681
735
  }
@@ -709,6 +763,9 @@
709
763
  .h-8 {
710
764
  height: calc(var(--spacing) * 8);
711
765
  }
766
+ .h-9 {
767
+ height: calc(var(--spacing) * 9);
768
+ }
712
769
  .h-10 {
713
770
  height: calc(var(--spacing) * 10);
714
771
  }
@@ -781,9 +838,30 @@
781
838
  .max-h-\[80vh\] {
782
839
  max-height: 80vh;
783
840
  }
841
+ .max-h-\[calc\(100vh-12rem\)\] {
842
+ max-height: calc(100vh - 12rem);
843
+ }
784
844
  .min-h-0 {
785
845
  min-height: calc(var(--spacing) * 0);
786
846
  }
847
+ .min-h-\[0\.5rem\] {
848
+ min-height: 0.5rem;
849
+ }
850
+ .min-h-\[0\.75rem\] {
851
+ min-height: 0.75rem;
852
+ }
853
+ .min-h-\[0\.625rem\] {
854
+ min-height: 0.625rem;
855
+ }
856
+ .min-h-\[1\.5rem\] {
857
+ min-height: 1.5rem;
858
+ }
859
+ .min-h-\[2\.5rem\] {
860
+ min-height: 2.5rem;
861
+ }
862
+ .min-h-\[2rem\] {
863
+ min-height: 2rem;
864
+ }
787
865
  .min-h-\[32px\] {
788
866
  min-height: 32px;
789
867
  }
@@ -859,6 +937,9 @@
859
937
  .w-8 {
860
938
  width: calc(var(--spacing) * 8);
861
939
  }
940
+ .w-9 {
941
+ width: calc(var(--spacing) * 9);
942
+ }
862
943
  .w-10 {
863
944
  width: calc(var(--spacing) * 10);
864
945
  }
@@ -883,6 +964,9 @@
883
964
  .w-72 {
884
965
  width: calc(var(--spacing) * 72);
885
966
  }
967
+ .w-80 {
968
+ width: calc(var(--spacing) * 80);
969
+ }
886
970
  .w-96 {
887
971
  width: calc(var(--spacing) * 96);
888
972
  }
@@ -910,27 +994,21 @@
910
994
  .max-w-2xl {
911
995
  max-width: var(--container-2xl);
912
996
  }
913
- .max-w-4xl {
914
- max-width: var(--container-4xl);
915
- }
916
- .max-w-5xl {
917
- max-width: var(--container-5xl);
918
- }
919
997
  .max-w-6xl {
920
998
  max-width: var(--container-6xl);
921
999
  }
922
1000
  .max-w-7xl {
923
1001
  max-width: var(--container-7xl);
924
1002
  }
925
- .max-w-\[120px\] {
926
- max-width: 120px;
927
- }
928
1003
  .max-w-\[400px\] {
929
1004
  max-width: 400px;
930
1005
  }
931
1006
  .max-w-\[450px\] {
932
1007
  max-width: 450px;
933
1008
  }
1009
+ .max-w-\[calc\(100vw-2rem\)\] {
1010
+ max-width: calc(100vw - 2rem);
1011
+ }
934
1012
  .max-w-full {
935
1013
  max-width: 100%;
936
1014
  }
@@ -943,9 +1021,30 @@
943
1021
  .min-w-0 {
944
1022
  min-width: calc(var(--spacing) * 0);
945
1023
  }
1024
+ .min-w-\[0\.5rem\] {
1025
+ min-width: 0.5rem;
1026
+ }
1027
+ .min-w-\[0\.75rem\] {
1028
+ min-width: 0.75rem;
1029
+ }
1030
+ .min-w-\[0\.625rem\] {
1031
+ min-width: 0.625rem;
1032
+ }
1033
+ .min-w-\[1\.5rem\] {
1034
+ min-width: 1.5rem;
1035
+ }
1036
+ .min-w-\[2\.5rem\] {
1037
+ min-width: 2.5rem;
1038
+ }
1039
+ .min-w-\[2rem\] {
1040
+ min-width: 2rem;
1041
+ }
946
1042
  .min-w-\[44px\] {
947
1043
  min-width: 44px;
948
1044
  }
1045
+ .min-w-\[60px\] {
1046
+ min-width: 60px;
1047
+ }
949
1048
  .min-w-\[64px\] {
950
1049
  min-width: 64px;
951
1050
  }
@@ -1000,18 +1099,27 @@
1000
1099
  .rotate-45 {
1001
1100
  rotate: 45deg;
1002
1101
  }
1102
+ .rotate-90 {
1103
+ rotate: 90deg;
1104
+ }
1003
1105
  .rotate-180 {
1004
1106
  rotate: 180deg;
1005
1107
  }
1006
1108
  .transform {
1007
1109
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
1008
1110
  }
1111
+ .animate-\[shimmer_2s_linear_infinite\] {
1112
+ animation: shimmer 2s linear infinite;
1113
+ }
1009
1114
  .animate-\[slideInFromLeft_0\.3s_ease-out\] {
1010
1115
  animation: slideInFromLeft 0.3s ease-out;
1011
1116
  }
1012
1117
  .animate-\[slideOutToLeft_0\.3s_ease-in\] {
1013
1118
  animation: slideOutToLeft 0.3s ease-in;
1014
1119
  }
1120
+ .animate-bounce {
1121
+ animation: var(--animate-bounce);
1122
+ }
1015
1123
  .animate-pulse {
1016
1124
  animation: var(--animate-pulse);
1017
1125
  }
@@ -1039,6 +1147,9 @@
1039
1147
  .snap-start {
1040
1148
  scroll-snap-align: start;
1041
1149
  }
1150
+ .scroll-mt-24 {
1151
+ scroll-margin-top: calc(var(--spacing) * 24);
1152
+ }
1042
1153
  .grid-cols-1 {
1043
1154
  grid-template-columns: repeat(1, minmax(0, 1fr));
1044
1155
  }
@@ -1078,6 +1189,9 @@
1078
1189
  .justify-end {
1079
1190
  justify-content: flex-end;
1080
1191
  }
1192
+ .gap-0\.5 {
1193
+ gap: calc(var(--spacing) * 0.5);
1194
+ }
1081
1195
  .gap-1 {
1082
1196
  gap: calc(var(--spacing) * 1);
1083
1197
  }
@@ -1087,6 +1201,9 @@
1087
1201
  .gap-2 {
1088
1202
  gap: calc(var(--spacing) * 2);
1089
1203
  }
1204
+ .gap-2\.5 {
1205
+ gap: calc(var(--spacing) * 2.5);
1206
+ }
1090
1207
  .gap-3 {
1091
1208
  gap: calc(var(--spacing) * 3);
1092
1209
  }
@@ -1186,6 +1303,13 @@
1186
1303
  margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
1187
1304
  }
1188
1305
  }
1306
+ .space-y-12 {
1307
+ :where(& > :not(:last-child)) {
1308
+ --tw-space-y-reverse: 0;
1309
+ margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
1310
+ margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
1311
+ }
1312
+ }
1189
1313
  .truncate {
1190
1314
  overflow: hidden;
1191
1315
  text-overflow: ellipsis;
@@ -1231,6 +1355,14 @@
1231
1355
  border-top-left-radius: 0.25rem;
1232
1356
  border-top-right-radius: 0.25rem;
1233
1357
  }
1358
+ .rounded-t-2xl {
1359
+ border-top-left-radius: var(--radius-2xl);
1360
+ border-top-right-radius: var(--radius-2xl);
1361
+ }
1362
+ .rounded-b-2xl {
1363
+ border-bottom-right-radius: var(--radius-2xl);
1364
+ border-bottom-left-radius: var(--radius-2xl);
1365
+ }
1234
1366
  .border {
1235
1367
  border-style: var(--tw-border-style);
1236
1368
  border-width: 1px;
@@ -1247,6 +1379,10 @@
1247
1379
  border-top-style: var(--tw-border-style);
1248
1380
  border-top-width: 1px;
1249
1381
  }
1382
+ .border-t-0 {
1383
+ border-top-style: var(--tw-border-style);
1384
+ border-top-width: 0px;
1385
+ }
1250
1386
  .border-t-4 {
1251
1387
  border-top-style: var(--tw-border-style);
1252
1388
  border-top-width: 4px;
@@ -1279,6 +1415,9 @@
1279
1415
  --tw-border-style: dashed;
1280
1416
  border-style: dashed;
1281
1417
  }
1418
+ .border-amber-100 {
1419
+ border-color: var(--color-amber-100);
1420
+ }
1282
1421
  .border-amber-200 {
1283
1422
  border-color: var(--color-amber-200);
1284
1423
  }
@@ -1357,6 +1496,12 @@
1357
1496
  .border-blue-300 {
1358
1497
  border-color: var(--color-blue-300);
1359
1498
  }
1499
+ .border-blue-300\/50 {
1500
+ border-color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 50%, transparent);
1501
+ @supports (color: color-mix(in lab, red, red)) {
1502
+ border-color: color-mix(in oklab, var(--color-blue-300) 50%, transparent);
1503
+ }
1504
+ }
1360
1505
  .border-blue-400 {
1361
1506
  border-color: var(--color-blue-400);
1362
1507
  }
@@ -1399,6 +1544,12 @@
1399
1544
  .border-blue-700 {
1400
1545
  border-color: var(--color-blue-700);
1401
1546
  }
1547
+ .border-blue-700\/20 {
1548
+ border-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 20%, transparent);
1549
+ @supports (color: color-mix(in lab, red, red)) {
1550
+ border-color: color-mix(in oklab, var(--color-blue-700) 20%, transparent);
1551
+ }
1552
+ }
1402
1553
  .border-blue-700\/30 {
1403
1554
  border-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 30%, transparent);
1404
1555
  @supports (color: color-mix(in lab, red, red)) {
@@ -1411,6 +1562,9 @@
1411
1562
  border-color: color-mix(in oklab, var(--color-blue-700) 50%, transparent);
1412
1563
  }
1413
1564
  }
1565
+ .border-blue-800 {
1566
+ border-color: var(--color-blue-800);
1567
+ }
1414
1568
  .border-blue-800\/30 {
1415
1569
  border-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 30%, transparent);
1416
1570
  @supports (color: color-mix(in lab, red, red)) {
@@ -1429,6 +1583,9 @@
1429
1583
  border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
1430
1584
  }
1431
1585
  }
1586
+ .border-emerald-100 {
1587
+ border-color: var(--color-emerald-100);
1588
+ }
1432
1589
  .border-emerald-200 {
1433
1590
  border-color: var(--color-emerald-200);
1434
1591
  }
@@ -1441,6 +1598,12 @@
1441
1598
  .border-emerald-300 {
1442
1599
  border-color: var(--color-emerald-300);
1443
1600
  }
1601
+ .border-emerald-300\/50 {
1602
+ border-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 50%, transparent);
1603
+ @supports (color: color-mix(in lab, red, red)) {
1604
+ border-color: color-mix(in oklab, var(--color-emerald-300) 50%, transparent);
1605
+ }
1606
+ }
1444
1607
  .border-emerald-300\/60 {
1445
1608
  border-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 60%, transparent);
1446
1609
  @supports (color: color-mix(in lab, red, red)) {
@@ -1486,12 +1649,45 @@
1486
1649
  border-color: color-mix(in oklab, var(--color-emerald-700) 50%, transparent);
1487
1650
  }
1488
1651
  }
1652
+ .border-gray-200 {
1653
+ border-color: var(--color-gray-200);
1654
+ }
1655
+ .border-gray-500\/30 {
1656
+ border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 30%, transparent);
1657
+ @supports (color: color-mix(in lab, red, red)) {
1658
+ border-color: color-mix(in oklab, var(--color-gray-500) 30%, transparent);
1659
+ }
1660
+ }
1661
+ .border-green-200 {
1662
+ border-color: var(--color-green-200);
1663
+ }
1664
+ .border-green-200\/50 {
1665
+ border-color: color-mix(in srgb, oklch(92.5% 0.084 155.995) 50%, transparent);
1666
+ @supports (color: color-mix(in lab, red, red)) {
1667
+ border-color: color-mix(in oklab, var(--color-green-200) 50%, transparent);
1668
+ }
1669
+ }
1670
+ .border-green-300 {
1671
+ border-color: var(--color-green-300);
1672
+ }
1489
1673
  .border-green-500\/20 {
1490
1674
  border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
1491
1675
  @supports (color: color-mix(in lab, red, red)) {
1492
1676
  border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
1493
1677
  }
1494
1678
  }
1679
+ .border-green-500\/30 {
1680
+ border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
1681
+ @supports (color: color-mix(in lab, red, red)) {
1682
+ border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
1683
+ }
1684
+ }
1685
+ .border-green-700\/50 {
1686
+ border-color: color-mix(in srgb, oklch(52.7% 0.154 150.069) 50%, transparent);
1687
+ @supports (color: color-mix(in lab, red, red)) {
1688
+ border-color: color-mix(in oklab, var(--color-green-700) 50%, transparent);
1689
+ }
1690
+ }
1495
1691
  .border-indigo-400 {
1496
1692
  border-color: var(--color-indigo-400);
1497
1693
  }
@@ -1504,6 +1700,9 @@
1504
1700
  border-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);
1505
1701
  }
1506
1702
  }
1703
+ .border-orange-100 {
1704
+ border-color: var(--color-orange-100);
1705
+ }
1507
1706
  .border-orange-200 {
1508
1707
  border-color: var(--color-orange-200);
1509
1708
  }
@@ -1516,6 +1715,12 @@
1516
1715
  .border-orange-300 {
1517
1716
  border-color: var(--color-orange-300);
1518
1717
  }
1718
+ .border-orange-300\/50 {
1719
+ border-color: color-mix(in srgb, oklch(83.7% 0.128 66.29) 50%, transparent);
1720
+ @supports (color: color-mix(in lab, red, red)) {
1721
+ border-color: color-mix(in oklab, var(--color-orange-300) 50%, transparent);
1722
+ }
1723
+ }
1519
1724
  .border-orange-400 {
1520
1725
  border-color: var(--color-orange-400);
1521
1726
  }
@@ -1549,6 +1754,12 @@
1549
1754
  border-color: color-mix(in oklab, var(--color-orange-700) 30%, transparent);
1550
1755
  }
1551
1756
  }
1757
+ .border-orange-700\/50 {
1758
+ border-color: color-mix(in srgb, oklch(55.3% 0.195 38.402) 50%, transparent);
1759
+ @supports (color: color-mix(in lab, red, red)) {
1760
+ border-color: color-mix(in oklab, var(--color-orange-700) 50%, transparent);
1761
+ }
1762
+ }
1552
1763
  .border-purple-200 {
1553
1764
  border-color: var(--color-purple-200);
1554
1765
  }
@@ -1561,18 +1772,33 @@
1561
1772
  .border-purple-500 {
1562
1773
  border-color: var(--color-purple-500);
1563
1774
  }
1775
+ .border-purple-500\/20 {
1776
+ border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
1777
+ @supports (color: color-mix(in lab, red, red)) {
1778
+ border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
1779
+ }
1780
+ }
1564
1781
  .border-purple-500\/30 {
1565
1782
  border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
1566
1783
  @supports (color: color-mix(in lab, red, red)) {
1567
1784
  border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
1568
1785
  }
1569
1786
  }
1787
+ .border-purple-500\/50 {
1788
+ border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent);
1789
+ @supports (color: color-mix(in lab, red, red)) {
1790
+ border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent);
1791
+ }
1792
+ }
1570
1793
  .border-purple-700\/50 {
1571
1794
  border-color: color-mix(in srgb, oklch(49.6% 0.265 301.924) 50%, transparent);
1572
1795
  @supports (color: color-mix(in lab, red, red)) {
1573
1796
  border-color: color-mix(in oklab, var(--color-purple-700) 50%, transparent);
1574
1797
  }
1575
1798
  }
1799
+ .border-red-100 {
1800
+ border-color: var(--color-red-100);
1801
+ }
1576
1802
  .border-red-200 {
1577
1803
  border-color: var(--color-red-200);
1578
1804
  }
@@ -1585,6 +1811,12 @@
1585
1811
  .border-red-300 {
1586
1812
  border-color: var(--color-red-300);
1587
1813
  }
1814
+ .border-red-300\/50 {
1815
+ border-color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 50%, transparent);
1816
+ @supports (color: color-mix(in lab, red, red)) {
1817
+ border-color: color-mix(in oklab, var(--color-red-300) 50%, transparent);
1818
+ }
1819
+ }
1588
1820
  .border-red-400\/60 {
1589
1821
  border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 60%, transparent);
1590
1822
  @supports (color: color-mix(in lab, red, red)) {
@@ -1633,6 +1865,9 @@
1633
1865
  border-color: color-mix(in oklab, var(--color-red-700) 50%, transparent);
1634
1866
  }
1635
1867
  }
1868
+ .border-slate-50 {
1869
+ border-color: var(--color-slate-50);
1870
+ }
1636
1871
  .border-slate-200 {
1637
1872
  border-color: var(--color-slate-200);
1638
1873
  }
@@ -1723,21 +1958,72 @@
1723
1958
  .border-slate-700 {
1724
1959
  border-color: var(--color-slate-700);
1725
1960
  }
1961
+ .border-slate-700\/20 {
1962
+ border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 20%, transparent);
1963
+ @supports (color: color-mix(in lab, red, red)) {
1964
+ border-color: color-mix(in oklab, var(--color-slate-700) 20%, transparent);
1965
+ }
1966
+ }
1726
1967
  .border-slate-700\/30 {
1727
1968
  border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 30%, transparent);
1728
1969
  @supports (color: color-mix(in lab, red, red)) {
1729
1970
  border-color: color-mix(in oklab, var(--color-slate-700) 30%, transparent);
1730
1971
  }
1731
1972
  }
1973
+ .border-slate-700\/40 {
1974
+ border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 40%, transparent);
1975
+ @supports (color: color-mix(in lab, red, red)) {
1976
+ border-color: color-mix(in oklab, var(--color-slate-700) 40%, transparent);
1977
+ }
1978
+ }
1732
1979
  .border-slate-700\/50 {
1733
1980
  border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
1734
1981
  @supports (color: color-mix(in lab, red, red)) {
1735
1982
  border-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
1736
1983
  }
1737
1984
  }
1985
+ .border-slate-800 {
1986
+ border-color: var(--color-slate-800);
1987
+ }
1988
+ .border-slate-800\/30 {
1989
+ border-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 30%, transparent);
1990
+ @supports (color: color-mix(in lab, red, red)) {
1991
+ border-color: color-mix(in oklab, var(--color-slate-800) 30%, transparent);
1992
+ }
1993
+ }
1994
+ .border-teal-500\/20 {
1995
+ border-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
1996
+ @supports (color: color-mix(in lab, red, red)) {
1997
+ border-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
1998
+ }
1999
+ }
2000
+ .border-teal-500\/30 {
2001
+ border-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 30%, transparent);
2002
+ @supports (color: color-mix(in lab, red, red)) {
2003
+ border-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
2004
+ }
2005
+ }
1738
2006
  .border-transparent {
1739
2007
  border-color: transparent;
1740
2008
  }
2009
+ .border-yellow-200 {
2010
+ border-color: var(--color-yellow-200);
2011
+ }
2012
+ .border-yellow-300 {
2013
+ border-color: var(--color-yellow-300);
2014
+ }
2015
+ .border-yellow-500\/30 {
2016
+ border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
2017
+ @supports (color: color-mix(in lab, red, red)) {
2018
+ border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
2019
+ }
2020
+ }
2021
+ .border-yellow-700\/50 {
2022
+ border-color: color-mix(in srgb, oklch(55.4% 0.135 66.442) 50%, transparent);
2023
+ @supports (color: color-mix(in lab, red, red)) {
2024
+ border-color: color-mix(in oklab, var(--color-yellow-700) 50%, transparent);
2025
+ }
2026
+ }
1741
2027
  .border-t-blue-400 {
1742
2028
  border-top-color: var(--color-blue-400);
1743
2029
  }
@@ -1789,6 +2075,18 @@
1789
2075
  border-top-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
1790
2076
  }
1791
2077
  }
2078
+ .border-t-slate-200 {
2079
+ border-top-color: var(--color-slate-200);
2080
+ }
2081
+ .border-t-slate-700\/50 {
2082
+ border-top-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
2083
+ @supports (color: color-mix(in lab, red, red)) {
2084
+ border-top-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
2085
+ }
2086
+ }
2087
+ .border-t-transparent {
2088
+ border-top-color: transparent;
2089
+ }
1792
2090
  .border-r-blue-400\/40 {
1793
2091
  border-right-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 40%, transparent);
1794
2092
  @supports (color: color-mix(in lab, red, red)) {
@@ -1825,6 +2123,15 @@
1825
2123
  border-right-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
1826
2124
  }
1827
2125
  }
2126
+ .border-r-slate-200 {
2127
+ border-right-color: var(--color-slate-200);
2128
+ }
2129
+ .border-r-slate-700\/50 {
2130
+ border-right-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
2131
+ @supports (color: color-mix(in lab, red, red)) {
2132
+ border-right-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
2133
+ }
2134
+ }
1828
2135
  .border-b-blue-400\/40 {
1829
2136
  border-bottom-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 40%, transparent);
1830
2137
  @supports (color: color-mix(in lab, red, red)) {
@@ -1861,6 +2168,15 @@
1861
2168
  border-bottom-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
1862
2169
  }
1863
2170
  }
2171
+ .border-b-slate-200 {
2172
+ border-bottom-color: var(--color-slate-200);
2173
+ }
2174
+ .border-b-slate-700\/50 {
2175
+ border-bottom-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
2176
+ @supports (color: color-mix(in lab, red, red)) {
2177
+ border-bottom-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
2178
+ }
2179
+ }
1864
2180
  .border-l-amber-400 {
1865
2181
  border-left-color: var(--color-amber-400);
1866
2182
  }
@@ -1876,21 +2192,36 @@
1876
2192
  .border-l-emerald-500 {
1877
2193
  border-left-color: var(--color-emerald-500);
1878
2194
  }
2195
+ .border-l-green-500 {
2196
+ border-left-color: var(--color-green-500);
2197
+ }
2198
+ .border-l-green-600 {
2199
+ border-left-color: var(--color-green-600);
2200
+ }
1879
2201
  .border-l-purple-500 {
1880
2202
  border-left-color: var(--color-purple-500);
1881
2203
  }
2204
+ .border-l-purple-600 {
2205
+ border-left-color: var(--color-purple-600);
2206
+ }
1882
2207
  .border-l-red-400 {
1883
2208
  border-left-color: var(--color-red-400);
1884
2209
  }
1885
2210
  .border-l-red-500 {
1886
2211
  border-left-color: var(--color-red-500);
1887
2212
  }
2213
+ .border-l-slate-300 {
2214
+ border-left-color: var(--color-slate-300);
2215
+ }
1888
2216
  .border-l-slate-400 {
1889
2217
  border-left-color: var(--color-slate-400);
1890
2218
  }
1891
2219
  .border-l-slate-500 {
1892
2220
  border-left-color: var(--color-slate-500);
1893
2221
  }
2222
+ .border-l-slate-600 {
2223
+ border-left-color: var(--color-slate-600);
2224
+ }
1894
2225
  .bg-amber-50 {
1895
2226
  background-color: var(--color-amber-50);
1896
2227
  }
@@ -1912,11 +2243,11 @@
1912
2243
  .bg-amber-200 {
1913
2244
  background-color: var(--color-amber-200);
1914
2245
  }
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
- }
2246
+ .bg-amber-400 {
2247
+ background-color: var(--color-amber-400);
2248
+ }
2249
+ .bg-amber-500 {
2250
+ background-color: var(--color-amber-500);
1920
2251
  }
1921
2252
  .bg-amber-500\/10 {
1922
2253
  background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
@@ -1936,6 +2267,15 @@
1936
2267
  background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
1937
2268
  }
1938
2269
  }
2270
+ .bg-amber-600 {
2271
+ background-color: var(--color-amber-600);
2272
+ }
2273
+ .bg-amber-900\/10 {
2274
+ background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 10%, transparent);
2275
+ @supports (color: color-mix(in lab, red, red)) {
2276
+ background-color: color-mix(in oklab, var(--color-amber-900) 10%, transparent);
2277
+ }
2278
+ }
1939
2279
  .bg-amber-900\/20 {
1940
2280
  background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
1941
2281
  @supports (color: color-mix(in lab, red, red)) {
@@ -1960,12 +2300,6 @@
1960
2300
  background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
1961
2301
  }
1962
2302
  }
1963
- .bg-black\/50 {
1964
- background-color: color-mix(in srgb, #000 50%, transparent);
1965
- @supports (color: color-mix(in lab, red, red)) {
1966
- background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
1967
- }
1968
- }
1969
2303
  .bg-black\/60 {
1970
2304
  background-color: color-mix(in srgb, #000 60%, transparent);
1971
2305
  @supports (color: color-mix(in lab, red, red)) {
@@ -1996,9 +2330,6 @@
1996
2330
  background-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent);
1997
2331
  }
1998
2332
  }
1999
- .bg-blue-200 {
2000
- background-color: var(--color-blue-200);
2001
- }
2002
2333
  .bg-blue-400 {
2003
2334
  background-color: var(--color-blue-400);
2004
2335
  }
@@ -2101,6 +2432,21 @@
2101
2432
  background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
2102
2433
  }
2103
2434
  }
2435
+ .bg-emerald-500\/50 {
2436
+ background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
2437
+ @supports (color: color-mix(in lab, red, red)) {
2438
+ background-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
2439
+ }
2440
+ }
2441
+ .bg-emerald-600 {
2442
+ background-color: var(--color-emerald-600);
2443
+ }
2444
+ .bg-emerald-600\/80 {
2445
+ background-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 80%, transparent);
2446
+ @supports (color: color-mix(in lab, red, red)) {
2447
+ background-color: color-mix(in oklab, var(--color-emerald-600) 80%, transparent);
2448
+ }
2449
+ }
2104
2450
  .bg-emerald-900\/20 {
2105
2451
  background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
2106
2452
  @supports (color: color-mix(in lab, red, red)) {
@@ -2128,10 +2474,70 @@
2128
2474
  background-color: color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent);
2129
2475
  }
2130
2476
  }
2131
- .bg-green-500\/5 {
2132
- background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 5%, transparent);
2477
+ .bg-gray-50 {
2478
+ background-color: var(--color-gray-50);
2479
+ }
2480
+ .bg-gray-500\/20 {
2481
+ background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent);
2482
+ @supports (color: color-mix(in lab, red, red)) {
2483
+ background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
2484
+ }
2485
+ }
2486
+ .bg-green-50 {
2487
+ background-color: var(--color-green-50);
2488
+ }
2489
+ .bg-green-50\/30 {
2490
+ background-color: color-mix(in srgb, oklch(98.2% 0.018 155.826) 30%, transparent);
2491
+ @supports (color: color-mix(in lab, red, red)) {
2492
+ background-color: color-mix(in oklab, var(--color-green-50) 30%, transparent);
2493
+ }
2494
+ }
2495
+ .bg-green-100 {
2496
+ background-color: var(--color-green-100);
2497
+ }
2498
+ .bg-green-400 {
2499
+ background-color: var(--color-green-400);
2500
+ }
2501
+ .bg-green-500 {
2502
+ background-color: var(--color-green-500);
2503
+ }
2504
+ .bg-green-500\/10 {
2505
+ background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
2506
+ @supports (color: color-mix(in lab, red, red)) {
2507
+ background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
2508
+ }
2509
+ }
2510
+ .bg-green-500\/20 {
2511
+ background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
2512
+ @supports (color: color-mix(in lab, red, red)) {
2513
+ background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
2514
+ }
2515
+ }
2516
+ .bg-green-600\/80 {
2517
+ background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 80%, transparent);
2518
+ @supports (color: color-mix(in lab, red, red)) {
2519
+ background-color: color-mix(in oklab, var(--color-green-600) 80%, transparent);
2520
+ }
2521
+ }
2522
+ .bg-green-600\/90 {
2523
+ background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 90%, transparent);
2524
+ @supports (color: color-mix(in lab, red, red)) {
2525
+ background-color: color-mix(in oklab, var(--color-green-600) 90%, transparent);
2526
+ }
2527
+ }
2528
+ .bg-green-900\/30 {
2529
+ background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
2530
+ @supports (color: color-mix(in lab, red, red)) {
2531
+ background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
2532
+ }
2533
+ }
2534
+ .bg-indigo-50 {
2535
+ background-color: var(--color-indigo-50);
2536
+ }
2537
+ .bg-indigo-500\/20 {
2538
+ background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
2133
2539
  @supports (color: color-mix(in lab, red, red)) {
2134
- background-color: color-mix(in oklab, var(--color-green-500) 5%, transparent);
2540
+ background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
2135
2541
  }
2136
2542
  }
2137
2543
  .bg-lime-100 {
@@ -2161,6 +2567,9 @@
2161
2567
  background-color: color-mix(in oklab, var(--color-orange-100) 70%, transparent);
2162
2568
  }
2163
2569
  }
2570
+ .bg-orange-200 {
2571
+ background-color: var(--color-orange-200);
2572
+ }
2164
2573
  .bg-orange-400 {
2165
2574
  background-color: var(--color-orange-400);
2166
2575
  }
@@ -2179,12 +2588,27 @@
2179
2588
  background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
2180
2589
  }
2181
2590
  }
2591
+ .bg-orange-600 {
2592
+ background-color: var(--color-orange-600);
2593
+ }
2594
+ .bg-orange-900\/10 {
2595
+ background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 10%, transparent);
2596
+ @supports (color: color-mix(in lab, red, red)) {
2597
+ background-color: color-mix(in oklab, var(--color-orange-900) 10%, transparent);
2598
+ }
2599
+ }
2182
2600
  .bg-orange-900\/20 {
2183
2601
  background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
2184
2602
  @supports (color: color-mix(in lab, red, red)) {
2185
2603
  background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
2186
2604
  }
2187
2605
  }
2606
+ .bg-orange-900\/30 {
2607
+ background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
2608
+ @supports (color: color-mix(in lab, red, red)) {
2609
+ background-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
2610
+ }
2611
+ }
2188
2612
  .bg-pink-100 {
2189
2613
  background-color: var(--color-pink-100);
2190
2614
  }
@@ -2206,6 +2630,9 @@
2206
2630
  .bg-purple-100 {
2207
2631
  background-color: var(--color-purple-100);
2208
2632
  }
2633
+ .bg-purple-200 {
2634
+ background-color: var(--color-purple-200);
2635
+ }
2209
2636
  .bg-purple-500\/5 {
2210
2637
  background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 5%, transparent);
2211
2638
  @supports (color: color-mix(in lab, red, red)) {
@@ -2224,6 +2651,30 @@
2224
2651
  background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
2225
2652
  }
2226
2653
  }
2654
+ .bg-purple-500\/40 {
2655
+ background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 40%, transparent);
2656
+ @supports (color: color-mix(in lab, red, red)) {
2657
+ background-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent);
2658
+ }
2659
+ }
2660
+ .bg-purple-600\/80 {
2661
+ background-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 80%, transparent);
2662
+ @supports (color: color-mix(in lab, red, red)) {
2663
+ background-color: color-mix(in oklab, var(--color-purple-600) 80%, transparent);
2664
+ }
2665
+ }
2666
+ .bg-purple-600\/90 {
2667
+ background-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 90%, transparent);
2668
+ @supports (color: color-mix(in lab, red, red)) {
2669
+ background-color: color-mix(in oklab, var(--color-purple-600) 90%, transparent);
2670
+ }
2671
+ }
2672
+ .bg-purple-900\/30 {
2673
+ background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
2674
+ @supports (color: color-mix(in lab, red, red)) {
2675
+ background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
2676
+ }
2677
+ }
2227
2678
  .bg-red-50 {
2228
2679
  background-color: var(--color-red-50);
2229
2680
  }
@@ -2236,6 +2687,15 @@
2236
2687
  background-color: color-mix(in oklab, var(--color-red-100) 70%, transparent);
2237
2688
  }
2238
2689
  }
2690
+ .bg-red-200 {
2691
+ background-color: var(--color-red-200);
2692
+ }
2693
+ .bg-red-400 {
2694
+ background-color: var(--color-red-400);
2695
+ }
2696
+ .bg-red-500 {
2697
+ background-color: var(--color-red-500);
2698
+ }
2239
2699
  .bg-red-500\/10 {
2240
2700
  background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
2241
2701
  @supports (color: color-mix(in lab, red, red)) {
@@ -2248,6 +2708,27 @@
2248
2708
  background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
2249
2709
  }
2250
2710
  }
2711
+ .bg-red-500\/30 {
2712
+ background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
2713
+ @supports (color: color-mix(in lab, red, red)) {
2714
+ background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
2715
+ }
2716
+ }
2717
+ .bg-red-600 {
2718
+ background-color: var(--color-red-600);
2719
+ }
2720
+ .bg-red-600\/30 {
2721
+ background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 30%, transparent);
2722
+ @supports (color: color-mix(in lab, red, red)) {
2723
+ background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
2724
+ }
2725
+ }
2726
+ .bg-red-900\/10 {
2727
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 10%, transparent);
2728
+ @supports (color: color-mix(in lab, red, red)) {
2729
+ background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent);
2730
+ }
2731
+ }
2251
2732
  .bg-red-900\/20 {
2252
2733
  background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
2253
2734
  @supports (color: color-mix(in lab, red, red)) {
@@ -2278,6 +2759,12 @@
2278
2759
  .bg-slate-50 {
2279
2760
  background-color: var(--color-slate-50);
2280
2761
  }
2762
+ .bg-slate-50\/30 {
2763
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 30%, transparent);
2764
+ @supports (color: color-mix(in lab, red, red)) {
2765
+ background-color: color-mix(in oklab, var(--color-slate-50) 30%, transparent);
2766
+ }
2767
+ }
2281
2768
  .bg-slate-50\/50 {
2282
2769
  background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
2283
2770
  @supports (color: color-mix(in lab, red, red)) {
@@ -2350,12 +2837,6 @@
2350
2837
  background-color: color-mix(in oklab, var(--color-slate-600) 20%, transparent);
2351
2838
  }
2352
2839
  }
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
2840
  .bg-slate-600\/50 {
2360
2841
  background-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 50%, transparent);
2361
2842
  @supports (color: color-mix(in lab, red, red)) {
@@ -2377,24 +2858,12 @@
2377
2858
  background-color: color-mix(in oklab, var(--color-slate-700) 30%, transparent);
2378
2859
  }
2379
2860
  }
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
2861
  .bg-slate-700\/50 {
2387
2862
  background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
2388
2863
  @supports (color: color-mix(in lab, red, red)) {
2389
2864
  background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
2390
2865
  }
2391
2866
  }
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
2867
  .bg-slate-700\/70 {
2399
2868
  background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 70%, transparent);
2400
2869
  @supports (color: color-mix(in lab, red, red)) {
@@ -2467,12 +2936,6 @@
2467
2936
  background-color: color-mix(in oklab, var(--color-slate-900) 30%, transparent);
2468
2937
  }
2469
2938
  }
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
2939
  .bg-slate-900\/50 {
2477
2940
  background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
2478
2941
  @supports (color: color-mix(in lab, red, red)) {
@@ -2503,6 +2966,9 @@
2503
2966
  background-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent);
2504
2967
  }
2505
2968
  }
2969
+ .bg-teal-50 {
2970
+ background-color: var(--color-teal-50);
2971
+ }
2506
2972
  .bg-teal-100 {
2507
2973
  background-color: var(--color-teal-100);
2508
2974
  }
@@ -2512,6 +2978,18 @@
2512
2978
  background-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
2513
2979
  }
2514
2980
  }
2981
+ .bg-teal-600\/80 {
2982
+ background-color: color-mix(in srgb, oklch(60% 0.118 184.704) 80%, transparent);
2983
+ @supports (color: color-mix(in lab, red, red)) {
2984
+ background-color: color-mix(in oklab, var(--color-teal-600) 80%, transparent);
2985
+ }
2986
+ }
2987
+ .bg-teal-600\/90 {
2988
+ background-color: color-mix(in srgb, oklch(60% 0.118 184.704) 90%, transparent);
2989
+ @supports (color: color-mix(in lab, red, red)) {
2990
+ background-color: color-mix(in oklab, var(--color-teal-600) 90%, transparent);
2991
+ }
2992
+ }
2515
2993
  .bg-transparent {
2516
2994
  background-color: transparent;
2517
2995
  }
@@ -2527,6 +3005,12 @@
2527
3005
  .bg-white {
2528
3006
  background-color: var(--color-white);
2529
3007
  }
3008
+ .bg-white\/20 {
3009
+ background-color: color-mix(in srgb, #fff 20%, transparent);
3010
+ @supports (color: color-mix(in lab, red, red)) {
3011
+ background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
3012
+ }
3013
+ }
2530
3014
  .bg-white\/30 {
2531
3015
  background-color: color-mix(in srgb, #fff 30%, transparent);
2532
3016
  @supports (color: color-mix(in lab, red, red)) {
@@ -2539,12 +3023,6 @@
2539
3023
  background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
2540
3024
  }
2541
3025
  }
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
3026
  .bg-white\/80 {
2549
3027
  background-color: color-mix(in srgb, #fff 80%, transparent);
2550
3028
  @supports (color: color-mix(in lab, red, red)) {
@@ -2563,6 +3041,36 @@
2563
3041
  background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
2564
3042
  }
2565
3043
  }
3044
+ .bg-yellow-50 {
3045
+ background-color: var(--color-yellow-50);
3046
+ }
3047
+ .bg-yellow-100 {
3048
+ background-color: var(--color-yellow-100);
3049
+ }
3050
+ .bg-yellow-400 {
3051
+ background-color: var(--color-yellow-400);
3052
+ }
3053
+ .bg-yellow-500 {
3054
+ background-color: var(--color-yellow-500);
3055
+ }
3056
+ .bg-yellow-500\/10 {
3057
+ background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
3058
+ @supports (color: color-mix(in lab, red, red)) {
3059
+ background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
3060
+ }
3061
+ }
3062
+ .bg-yellow-500\/20 {
3063
+ background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
3064
+ @supports (color: color-mix(in lab, red, red)) {
3065
+ background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
3066
+ }
3067
+ }
3068
+ .bg-yellow-900\/30 {
3069
+ background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 30%, transparent);
3070
+ @supports (color: color-mix(in lab, red, red)) {
3071
+ background-color: color-mix(in oklab, var(--color-yellow-900) 30%, transparent);
3072
+ }
3073
+ }
2566
3074
  .bg-gradient-to-b {
2567
3075
  --tw-gradient-position: to bottom in oklab;
2568
3076
  background-image: linear-gradient(var(--tw-gradient-stops));
@@ -2583,6 +3091,9 @@
2583
3091
  --tw-gradient-position: to top right in oklab;
2584
3092
  background-image: linear-gradient(var(--tw-gradient-stops));
2585
3093
  }
3094
+ .bg-\[radial-gradient\(ellipse_at_top_right\,_var\(--tw-gradient-stops\)\)\] {
3095
+ background-image: radial-gradient(ellipse at top right, var(--tw-gradient-stops));
3096
+ }
2586
3097
  .from-amber-50 {
2587
3098
  --tw-gradient-from: var(--color-amber-50);
2588
3099
  --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,12 +3138,26 @@
2627
3138
  }
2628
3139
  --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
3140
  }
3141
+ .from-amber-900\/20 {
3142
+ --tw-gradient-from: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
3143
+ @supports (color: color-mix(in lab, red, red)) {
3144
+ --tw-gradient-from: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
3145
+ }
3146
+ --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));
3147
+ }
2630
3148
  .from-blue-50 {
2631
3149
  --tw-gradient-from: var(--color-blue-50);
2632
3150
  --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
3151
  }
2634
- .from-blue-50\/50 {
2635
- --tw-gradient-from: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
3152
+ .from-blue-50\/30 {
3153
+ --tw-gradient-from: color-mix(in srgb, oklch(97% 0.014 254.604) 30%, transparent);
3154
+ @supports (color: color-mix(in lab, red, red)) {
3155
+ --tw-gradient-from: color-mix(in oklab, var(--color-blue-50) 30%, transparent);
3156
+ }
3157
+ --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));
3158
+ }
3159
+ .from-blue-50\/50 {
3160
+ --tw-gradient-from: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
2636
3161
  @supports (color: color-mix(in lab, red, red)) {
2637
3162
  --tw-gradient-from: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
2638
3163
  }
@@ -2667,10 +3192,21 @@
2667
3192
  --tw-gradient-from: var(--color-blue-200);
2668
3193
  --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
3194
  }
3195
+ .from-blue-300 {
3196
+ --tw-gradient-from: var(--color-blue-300);
3197
+ --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));
3198
+ }
2670
3199
  .from-blue-400 {
2671
3200
  --tw-gradient-from: var(--color-blue-400);
2672
3201
  --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
3202
  }
3203
+ .from-blue-400\/20 {
3204
+ --tw-gradient-from: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
3205
+ @supports (color: color-mix(in lab, red, red)) {
3206
+ --tw-gradient-from: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
3207
+ }
3208
+ --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));
3209
+ }
2674
3210
  .from-blue-500 {
2675
3211
  --tw-gradient-from: var(--color-blue-500);
2676
3212
  --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 +3254,13 @@
2718
3254
  --tw-gradient-from: var(--color-emerald-50);
2719
3255
  --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
3256
  }
3257
+ .from-emerald-50\/30 {
3258
+ --tw-gradient-from: color-mix(in srgb, oklch(97.9% 0.021 166.113) 30%, transparent);
3259
+ @supports (color: color-mix(in lab, red, red)) {
3260
+ --tw-gradient-from: color-mix(in oklab, var(--color-emerald-50) 30%, transparent);
3261
+ }
3262
+ --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));
3263
+ }
2721
3264
  .from-emerald-50\/50 {
2722
3265
  --tw-gradient-from: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent);
2723
3266
  @supports (color: color-mix(in lab, red, red)) {
@@ -2743,10 +3286,21 @@
2743
3286
  }
2744
3287
  --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
3288
  }
3289
+ .from-emerald-300 {
3290
+ --tw-gradient-from: var(--color-emerald-300);
3291
+ --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));
3292
+ }
2746
3293
  .from-emerald-400 {
2747
3294
  --tw-gradient-from: var(--color-emerald-400);
2748
3295
  --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
3296
  }
3297
+ .from-emerald-400\/20 {
3298
+ --tw-gradient-from: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
3299
+ @supports (color: color-mix(in lab, red, red)) {
3300
+ --tw-gradient-from: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
3301
+ }
3302
+ --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));
3303
+ }
2750
3304
  .from-emerald-500 {
2751
3305
  --tw-gradient-from: var(--color-emerald-500);
2752
3306
  --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 +3333,17 @@
2779
3333
  }
2780
3334
  --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
3335
  }
3336
+ .from-emerald-600 {
3337
+ --tw-gradient-from: var(--color-emerald-600);
3338
+ --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));
3339
+ }
3340
+ .from-emerald-900\/20 {
3341
+ --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
3342
+ @supports (color: color-mix(in lab, red, red)) {
3343
+ --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
3344
+ }
3345
+ --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));
3346
+ }
2782
3347
  .from-emerald-950\/20 {
2783
3348
  --tw-gradient-from: color-mix(in srgb, oklch(26.2% 0.051 172.552) 20%, transparent);
2784
3349
  @supports (color: color-mix(in lab, red, red)) {
@@ -2786,6 +3351,20 @@
2786
3351
  }
2787
3352
  --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
3353
  }
3354
+ .from-green-500\/20 {
3355
+ --tw-gradient-from: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
3356
+ @supports (color: color-mix(in lab, red, red)) {
3357
+ --tw-gradient-from: color-mix(in oklab, var(--color-green-500) 20%, transparent);
3358
+ }
3359
+ --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));
3360
+ }
3361
+ .from-green-600\/20 {
3362
+ --tw-gradient-from: color-mix(in srgb, oklch(62.7% 0.194 149.214) 20%, transparent);
3363
+ @supports (color: color-mix(in lab, red, red)) {
3364
+ --tw-gradient-from: color-mix(in oklab, var(--color-green-600) 20%, transparent);
3365
+ }
3366
+ --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));
3367
+ }
2789
3368
  .from-indigo-50\/50 {
2790
3369
  --tw-gradient-from: color-mix(in srgb, oklch(96.2% 0.018 272.314) 50%, transparent);
2791
3370
  @supports (color: color-mix(in lab, red, red)) {
@@ -2807,6 +3386,10 @@
2807
3386
  }
2808
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));
2809
3388
  }
3389
+ .from-orange-50 {
3390
+ --tw-gradient-from: var(--color-orange-50);
3391
+ --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));
3392
+ }
2810
3393
  .from-orange-100 {
2811
3394
  --tw-gradient-from: var(--color-orange-100);
2812
3395
  --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 +3401,21 @@
2818
3401
  }
2819
3402
  --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
3403
  }
3404
+ .from-orange-300 {
3405
+ --tw-gradient-from: var(--color-orange-300);
3406
+ --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));
3407
+ }
3408
+ .from-orange-400\/20 {
3409
+ --tw-gradient-from: color-mix(in srgb, oklch(75% 0.183 55.934) 20%, transparent);
3410
+ @supports (color: color-mix(in lab, red, red)) {
3411
+ --tw-gradient-from: color-mix(in oklab, var(--color-orange-400) 20%, transparent);
3412
+ }
3413
+ --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));
3414
+ }
3415
+ .from-orange-500 {
3416
+ --tw-gradient-from: var(--color-orange-500);
3417
+ --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));
3418
+ }
2821
3419
  .from-orange-500\/30 {
2822
3420
  --tw-gradient-from: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent);
2823
3421
  @supports (color: color-mix(in lab, red, red)) {
@@ -2825,6 +3423,17 @@
2825
3423
  }
2826
3424
  --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
3425
  }
3426
+ .from-orange-600 {
3427
+ --tw-gradient-from: var(--color-orange-600);
3428
+ --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));
3429
+ }
3430
+ .from-orange-900\/20 {
3431
+ --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
3432
+ @supports (color: color-mix(in lab, red, red)) {
3433
+ --tw-gradient-from: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
3434
+ }
3435
+ --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));
3436
+ }
2828
3437
  .from-purple-50 {
2829
3438
  --tw-gradient-from: var(--color-purple-50);
2830
3439
  --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));
@@ -2872,6 +3481,13 @@
2872
3481
  --tw-gradient-from: var(--color-purple-600);
2873
3482
  --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
3483
  }
3484
+ .from-purple-600\/20 {
3485
+ --tw-gradient-from: color-mix(in srgb, oklch(55.8% 0.288 302.321) 20%, transparent);
3486
+ @supports (color: color-mix(in lab, red, red)) {
3487
+ --tw-gradient-from: color-mix(in oklab, var(--color-purple-600) 20%, 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
+ }
2875
3491
  .from-purple-900\/20 {
2876
3492
  --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
2877
3493
  @supports (color: color-mix(in lab, red, red)) {
@@ -2886,10 +3502,47 @@
2886
3502
  }
2887
3503
  --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
3504
  }
3505
+ .from-red-50 {
3506
+ --tw-gradient-from: var(--color-red-50);
3507
+ --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));
3508
+ }
2889
3509
  .from-red-100 {
2890
3510
  --tw-gradient-from: var(--color-red-100);
2891
3511
  --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
3512
  }
3513
+ .from-red-300 {
3514
+ --tw-gradient-from: var(--color-red-300);
3515
+ --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));
3516
+ }
3517
+ .from-red-400\/20 {
3518
+ --tw-gradient-from: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent);
3519
+ @supports (color: color-mix(in lab, red, red)) {
3520
+ --tw-gradient-from: color-mix(in oklab, var(--color-red-400) 20%, transparent);
3521
+ }
3522
+ --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));
3523
+ }
3524
+ .from-red-500 {
3525
+ --tw-gradient-from: var(--color-red-500);
3526
+ --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));
3527
+ }
3528
+ .from-red-500\/30 {
3529
+ --tw-gradient-from: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
3530
+ @supports (color: color-mix(in lab, red, red)) {
3531
+ --tw-gradient-from: color-mix(in oklab, var(--color-red-500) 30%, transparent);
3532
+ }
3533
+ --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
+ }
3535
+ .from-red-600 {
3536
+ --tw-gradient-from: var(--color-red-600);
3537
+ --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));
3538
+ }
3539
+ .from-red-900\/20 {
3540
+ --tw-gradient-from: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
3541
+ @supports (color: color-mix(in lab, red, red)) {
3542
+ --tw-gradient-from: color-mix(in oklab, var(--color-red-900) 20%, transparent);
3543
+ }
3544
+ --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));
3545
+ }
2893
3546
  .from-slate-50 {
2894
3547
  --tw-gradient-from: var(--color-slate-50);
2895
3548
  --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 +3590,10 @@
2937
3590
  }
2938
3591
  --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
3592
  }
3593
+ .from-slate-700 {
3594
+ --tw-gradient-from: var(--color-slate-700);
3595
+ --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));
3596
+ }
2940
3597
  .from-slate-700\/40 {
2941
3598
  --tw-gradient-from: color-mix(in srgb, oklch(37.2% 0.044 257.287) 40%, transparent);
2942
3599
  @supports (color: color-mix(in lab, red, red)) {
@@ -2962,17 +3619,17 @@
2962
3619
  }
2963
3620
  --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
3621
  }
2965
- .from-slate-800\/85 {
2966
- --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.041 260.031) 85%, transparent);
3622
+ .from-slate-800\/80 {
3623
+ --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent);
2967
3624
  @supports (color: color-mix(in lab, red, red)) {
2968
- --tw-gradient-from: color-mix(in oklab, var(--color-slate-800) 85%, transparent);
3625
+ --tw-gradient-from: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
2969
3626
  }
2970
3627
  --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
3628
  }
2972
- .from-slate-800\/90 {
2973
- --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.041 260.031) 90%, transparent);
3629
+ .from-slate-800\/85 {
3630
+ --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.041 260.031) 85%, transparent);
2974
3631
  @supports (color: color-mix(in lab, red, red)) {
2975
- --tw-gradient-from: color-mix(in oklab, var(--color-slate-800) 90%, transparent);
3632
+ --tw-gradient-from: color-mix(in oklab, var(--color-slate-800) 85%, transparent);
2976
3633
  }
2977
3634
  --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
3635
  }
@@ -2987,6 +3644,20 @@
2987
3644
  --tw-gradient-from: var(--color-slate-900);
2988
3645
  --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
3646
  }
3647
+ .from-teal-500\/20 {
3648
+ --tw-gradient-from: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
3649
+ @supports (color: color-mix(in lab, red, red)) {
3650
+ --tw-gradient-from: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
3651
+ }
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-teal-600\/20 {
3655
+ --tw-gradient-from: color-mix(in srgb, oklch(60% 0.118 184.704) 20%, transparent);
3656
+ @supports (color: color-mix(in lab, red, red)) {
3657
+ --tw-gradient-from: color-mix(in oklab, var(--color-teal-600) 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
+ }
2990
3661
  .from-transparent {
2991
3662
  --tw-gradient-from: transparent;
2992
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));
@@ -3007,6 +3678,27 @@
3007
3678
  --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
3679
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3009
3680
  }
3681
+ .via-amber-400\/10 {
3682
+ --tw-gradient-via: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
3683
+ @supports (color: color-mix(in lab, red, red)) {
3684
+ --tw-gradient-via: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
3685
+ }
3686
+ --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);
3687
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3688
+ }
3689
+ .via-amber-500 {
3690
+ --tw-gradient-via: var(--color-amber-500);
3691
+ --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);
3692
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3693
+ }
3694
+ .via-amber-500\/20 {
3695
+ --tw-gradient-via: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
3696
+ @supports (color: color-mix(in lab, red, red)) {
3697
+ --tw-gradient-via: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
3698
+ }
3699
+ --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);
3700
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3701
+ }
3010
3702
  .via-blue-400\/20 {
3011
3703
  --tw-gradient-via: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
3012
3704
  @supports (color: color-mix(in lab, red, red)) {
@@ -3028,6 +3720,27 @@
3028
3720
  --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
3721
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3030
3722
  }
3723
+ .via-cyan-400\/10 {
3724
+ --tw-gradient-via: color-mix(in srgb, oklch(78.9% 0.154 211.53) 10%, transparent);
3725
+ @supports (color: color-mix(in lab, red, red)) {
3726
+ --tw-gradient-via: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
3727
+ }
3728
+ --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);
3729
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3730
+ }
3731
+ .via-cyan-500 {
3732
+ --tw-gradient-via: var(--color-cyan-500);
3733
+ --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);
3734
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3735
+ }
3736
+ .via-cyan-500\/20 {
3737
+ --tw-gradient-via: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
3738
+ @supports (color: color-mix(in lab, red, red)) {
3739
+ --tw-gradient-via: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
3740
+ }
3741
+ --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);
3742
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3743
+ }
3031
3744
  .via-emerald-400 {
3032
3745
  --tw-gradient-via: var(--color-emerald-400);
3033
3746
  --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 +3762,27 @@
3049
3762
  --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
3763
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3051
3764
  }
3765
+ .via-green-400\/30 {
3766
+ --tw-gradient-via: color-mix(in srgb, oklch(79.2% 0.209 151.711) 30%, transparent);
3767
+ @supports (color: color-mix(in lab, red, red)) {
3768
+ --tw-gradient-via: color-mix(in oklab, var(--color-green-400) 30%, transparent);
3769
+ }
3770
+ --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);
3771
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3772
+ }
3773
+ .via-green-500\/30 {
3774
+ --tw-gradient-via: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
3775
+ @supports (color: color-mix(in lab, red, red)) {
3776
+ --tw-gradient-via: color-mix(in oklab, var(--color-green-500) 30%, transparent);
3777
+ }
3778
+ --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);
3779
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3780
+ }
3781
+ .via-purple-50 {
3782
+ --tw-gradient-via: var(--color-purple-50);
3783
+ --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);
3784
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3785
+ }
3052
3786
  .via-purple-100\/50 {
3053
3787
  --tw-gradient-via: color-mix(in srgb, oklch(94.6% 0.033 307.174) 50%, transparent);
3054
3788
  @supports (color: color-mix(in lab, red, red)) {
@@ -3062,11 +3796,35 @@
3062
3796
  --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
3797
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3064
3798
  }
3799
+ .via-purple-400\/30 {
3800
+ --tw-gradient-via: color-mix(in srgb, oklch(71.4% 0.203 305.504) 30%, transparent);
3801
+ @supports (color: color-mix(in lab, red, red)) {
3802
+ --tw-gradient-via: color-mix(in oklab, var(--color-purple-400) 30%, transparent);
3803
+ }
3804
+ --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);
3805
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3806
+ }
3065
3807
  .via-purple-500 {
3066
3808
  --tw-gradient-via: var(--color-purple-500);
3067
3809
  --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
3810
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3069
3811
  }
3812
+ .via-purple-500\/10 {
3813
+ --tw-gradient-via: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
3814
+ @supports (color: color-mix(in lab, red, red)) {
3815
+ --tw-gradient-via: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
3816
+ }
3817
+ --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);
3818
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3819
+ }
3820
+ .via-purple-500\/30 {
3821
+ --tw-gradient-via: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
3822
+ @supports (color: color-mix(in lab, red, red)) {
3823
+ --tw-gradient-via: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
3824
+ }
3825
+ --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);
3826
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3827
+ }
3070
3828
  .via-purple-600 {
3071
3829
  --tw-gradient-via: var(--color-purple-600);
3072
3830
  --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 +3838,27 @@
3080
3838
  --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
3839
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3082
3840
  }
3841
+ .via-rose-400\/10 {
3842
+ --tw-gradient-via: color-mix(in srgb, oklch(71.2% 0.194 13.428) 10%, transparent);
3843
+ @supports (color: color-mix(in lab, red, red)) {
3844
+ --tw-gradient-via: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
3845
+ }
3846
+ --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);
3847
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3848
+ }
3849
+ .via-rose-500 {
3850
+ --tw-gradient-via: var(--color-rose-500);
3851
+ --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);
3852
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3853
+ }
3854
+ .via-rose-500\/20 {
3855
+ --tw-gradient-via: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
3856
+ @supports (color: color-mix(in lab, red, red)) {
3857
+ --tw-gradient-via: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
3858
+ }
3859
+ --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);
3860
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3861
+ }
3083
3862
  .via-slate-500\/40 {
3084
3863
  --tw-gradient-via: color-mix(in srgb, oklch(55.4% 0.046 257.417) 40%, transparent);
3085
3864
  @supports (color: color-mix(in lab, red, red)) {
@@ -3096,10 +3875,44 @@
3096
3875
  --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
3876
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3098
3877
  }
3099
- .via-slate-800\/80 {
3100
- --tw-gradient-via: color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent);
3878
+ .via-slate-900 {
3879
+ --tw-gradient-via: var(--color-slate-900);
3880
+ --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);
3881
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3882
+ }
3883
+ .via-teal-400\/10 {
3884
+ --tw-gradient-via: color-mix(in srgb, oklch(77.7% 0.152 181.912) 10%, transparent);
3885
+ @supports (color: color-mix(in lab, red, red)) {
3886
+ --tw-gradient-via: color-mix(in oklab, var(--color-teal-400) 10%, transparent);
3887
+ }
3888
+ --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);
3889
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3890
+ }
3891
+ .via-teal-400\/30 {
3892
+ --tw-gradient-via: color-mix(in srgb, oklch(77.7% 0.152 181.912) 30%, transparent);
3893
+ @supports (color: color-mix(in lab, red, red)) {
3894
+ --tw-gradient-via: color-mix(in oklab, var(--color-teal-400) 30%, transparent);
3895
+ }
3896
+ --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);
3897
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3898
+ }
3899
+ .via-teal-500 {
3900
+ --tw-gradient-via: var(--color-teal-500);
3901
+ --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);
3902
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3903
+ }
3904
+ .via-teal-500\/20 {
3905
+ --tw-gradient-via: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
3906
+ @supports (color: color-mix(in lab, red, red)) {
3907
+ --tw-gradient-via: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
3908
+ }
3909
+ --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);
3910
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
3911
+ }
3912
+ .via-teal-500\/30 {
3913
+ --tw-gradient-via: color-mix(in srgb, oklch(70.4% 0.14 182.503) 30%, transparent);
3101
3914
  @supports (color: color-mix(in lab, red, red)) {
3102
- --tw-gradient-via: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
3915
+ --tw-gradient-via: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
3103
3916
  }
3104
3917
  --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
3918
  --tw-gradient-stops: var(--tw-gradient-via-stops);
@@ -3144,6 +3957,10 @@
3144
3957
  }
3145
3958
  --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
3959
  }
3960
+ .to-amber-500 {
3961
+ --tw-gradient-to: var(--color-amber-500);
3962
+ --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));
3963
+ }
3147
3964
  .to-amber-500\/10 {
3148
3965
  --tw-gradient-to: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
3149
3966
  @supports (color: color-mix(in lab, red, red)) {
@@ -3151,10 +3968,24 @@
3151
3968
  }
3152
3969
  --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
3970
  }
3971
+ .to-amber-500\/30 {
3972
+ --tw-gradient-to: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
3973
+ @supports (color: color-mix(in lab, red, red)) {
3974
+ --tw-gradient-to: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
3975
+ }
3976
+ --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));
3977
+ }
3154
3978
  .to-amber-600 {
3155
3979
  --tw-gradient-to: var(--color-amber-600);
3156
3980
  --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
3981
  }
3982
+ .to-amber-900\/20 {
3983
+ --tw-gradient-to: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
3984
+ @supports (color: color-mix(in lab, red, red)) {
3985
+ --tw-gradient-to: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
3986
+ }
3987
+ --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));
3988
+ }
3158
3989
  .to-blue-50 {
3159
3990
  --tw-gradient-to: var(--color-blue-50);
3160
3991
  --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 +4026,13 @@
3195
4026
  --tw-gradient-to: var(--color-blue-400);
3196
4027
  --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
4028
  }
4029
+ .to-blue-400\/20 {
4030
+ --tw-gradient-to: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
4031
+ @supports (color: color-mix(in lab, red, red)) {
4032
+ --tw-gradient-to: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
4033
+ }
4034
+ --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));
4035
+ }
3198
4036
  .to-blue-500 {
3199
4037
  --tw-gradient-to: var(--color-blue-500);
3200
4038
  --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 +4051,21 @@
3213
4051
  }
3214
4052
  --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
4053
  }
4054
+ .to-blue-500\/30 {
4055
+ --tw-gradient-to: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
4056
+ @supports (color: color-mix(in lab, red, red)) {
4057
+ --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
4058
+ }
4059
+ --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));
4060
+ }
3216
4061
  .to-blue-600 {
3217
4062
  --tw-gradient-to: var(--color-blue-600);
3218
4063
  --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
4064
  }
4065
+ .to-blue-800 {
4066
+ --tw-gradient-to: var(--color-blue-800);
4067
+ --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));
4068
+ }
3220
4069
  .to-blue-900\/20 {
3221
4070
  --tw-gradient-to: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
3222
4071
  @supports (color: color-mix(in lab, red, red)) {
@@ -3224,14 +4073,54 @@
3224
4073
  }
3225
4074
  --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
4075
  }
4076
+ .to-cyan-50 {
4077
+ --tw-gradient-to: var(--color-cyan-50);
4078
+ --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));
4079
+ }
4080
+ .to-cyan-50\/30 {
4081
+ --tw-gradient-to: color-mix(in srgb, oklch(98.4% 0.019 200.873) 30%, transparent);
4082
+ @supports (color: color-mix(in lab, red, red)) {
4083
+ --tw-gradient-to: color-mix(in oklab, var(--color-cyan-50) 30%, transparent);
4084
+ }
4085
+ --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));
4086
+ }
4087
+ .to-cyan-100 {
4088
+ --tw-gradient-to: var(--color-cyan-100);
4089
+ --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));
4090
+ }
4091
+ .to-cyan-400 {
4092
+ --tw-gradient-to: var(--color-cyan-400);
4093
+ --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));
4094
+ }
3227
4095
  .to-cyan-500 {
3228
4096
  --tw-gradient-to: var(--color-cyan-500);
3229
4097
  --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
4098
  }
4099
+ .to-cyan-500\/20 {
4100
+ --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
4101
+ @supports (color: color-mix(in lab, red, red)) {
4102
+ --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
4103
+ }
4104
+ --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));
4105
+ }
4106
+ .to-cyan-500\/30 {
4107
+ --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
4108
+ @supports (color: color-mix(in lab, red, red)) {
4109
+ --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
4110
+ }
4111
+ --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));
4112
+ }
3231
4113
  .to-cyan-600 {
3232
4114
  --tw-gradient-to: var(--color-cyan-600);
3233
4115
  --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
4116
  }
4117
+ .to-cyan-900\/10 {
4118
+ --tw-gradient-to: color-mix(in srgb, oklch(39.8% 0.07 227.392) 10%, transparent);
4119
+ @supports (color: color-mix(in lab, red, red)) {
4120
+ --tw-gradient-to: color-mix(in oklab, var(--color-cyan-900) 10%, transparent);
4121
+ }
4122
+ --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));
4123
+ }
3235
4124
  .to-emerald-50 {
3236
4125
  --tw-gradient-to: var(--color-emerald-50);
3237
4126
  --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 +4143,13 @@
3254
4143
  }
3255
4144
  --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
4145
  }
4146
+ .to-emerald-400\/20 {
4147
+ --tw-gradient-to: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
4148
+ @supports (color: color-mix(in lab, red, red)) {
4149
+ --tw-gradient-to: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
4150
+ }
4151
+ --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));
4152
+ }
3257
4153
  .to-emerald-500 {
3258
4154
  --tw-gradient-to: var(--color-emerald-500);
3259
4155
  --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 +4168,57 @@
3272
4168
  }
3273
4169
  --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
4170
  }
4171
+ .to-emerald-500\/30 {
4172
+ --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
4173
+ @supports (color: color-mix(in lab, red, red)) {
4174
+ --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
4175
+ }
4176
+ --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));
4177
+ }
3275
4178
  .to-emerald-600 {
3276
4179
  --tw-gradient-to: var(--color-emerald-600);
3277
4180
  --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
4181
  }
4182
+ .to-emerald-800 {
4183
+ --tw-gradient-to: var(--color-emerald-800);
4184
+ --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));
4185
+ }
4186
+ .to-green-50 {
4187
+ --tw-gradient-to: var(--color-green-50);
4188
+ --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));
4189
+ }
4190
+ .to-green-500\/20 {
4191
+ --tw-gradient-to: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
4192
+ @supports (color: color-mix(in lab, red, red)) {
4193
+ --tw-gradient-to: color-mix(in oklab, var(--color-green-500) 20%, transparent);
4194
+ }
4195
+ --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));
4196
+ }
4197
+ .to-green-600 {
4198
+ --tw-gradient-to: var(--color-green-600);
4199
+ --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));
4200
+ }
4201
+ .to-green-600\/20 {
4202
+ --tw-gradient-to: color-mix(in srgb, oklch(62.7% 0.194 149.214) 20%, transparent);
4203
+ @supports (color: color-mix(in lab, red, red)) {
4204
+ --tw-gradient-to: color-mix(in oklab, var(--color-green-600) 20%, transparent);
4205
+ }
4206
+ --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));
4207
+ }
4208
+ .to-green-900\/10 {
4209
+ --tw-gradient-to: color-mix(in srgb, oklch(39.3% 0.095 152.535) 10%, transparent);
4210
+ @supports (color: color-mix(in lab, red, red)) {
4211
+ --tw-gradient-to: color-mix(in oklab, var(--color-green-900) 10%, transparent);
4212
+ }
4213
+ --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));
4214
+ }
4215
+ .to-green-900\/20 {
4216
+ --tw-gradient-to: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
4217
+ @supports (color: color-mix(in lab, red, red)) {
4218
+ --tw-gradient-to: color-mix(in oklab, var(--color-green-900) 20%, transparent);
4219
+ }
4220
+ --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));
4221
+ }
3279
4222
  .to-indigo-50 {
3280
4223
  --tw-gradient-to: var(--color-indigo-50);
3281
4224
  --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,20 +4242,38 @@
3299
4242
  --tw-gradient-to: var(--color-orange-400);
3300
4243
  --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
4244
  }
3302
- .to-orange-500\/10 {
3303
- --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
4245
+ .to-orange-400\/20 {
4246
+ --tw-gradient-to: color-mix(in srgb, oklch(75% 0.183 55.934) 20%, transparent);
3304
4247
  @supports (color: color-mix(in lab, red, red)) {
3305
- --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
4248
+ --tw-gradient-to: color-mix(in oklab, var(--color-orange-400) 20%, transparent);
3306
4249
  }
3307
4250
  --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));
3308
4251
  }
3309
- .to-orange-500\/20 {
4252
+ .to-orange-500 {
4253
+ --tw-gradient-to: var(--color-orange-500);
4254
+ --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));
4255
+ }
4256
+ .to-orange-500\/10 {
4257
+ --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
4258
+ @supports (color: color-mix(in lab, red, red)) {
4259
+ --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
4260
+ }
4261
+ --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));
4262
+ }
4263
+ .to-orange-500\/20 {
3310
4264
  --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
3311
4265
  @supports (color: color-mix(in lab, red, red)) {
3312
4266
  --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
3313
4267
  }
3314
4268
  --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
4269
  }
4270
+ .to-orange-500\/30 {
4271
+ --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent);
4272
+ @supports (color: color-mix(in lab, red, red)) {
4273
+ --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 30%, transparent);
4274
+ }
4275
+ --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));
4276
+ }
3316
4277
  .to-orange-500\/70 {
3317
4278
  --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 70%, transparent);
3318
4279
  @supports (color: color-mix(in lab, red, red)) {
@@ -3320,6 +4281,21 @@
3320
4281
  }
3321
4282
  --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
4283
  }
4284
+ .to-orange-600 {
4285
+ --tw-gradient-to: var(--color-orange-600);
4286
+ --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));
4287
+ }
4288
+ .to-orange-800 {
4289
+ --tw-gradient-to: var(--color-orange-800);
4290
+ --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));
4291
+ }
4292
+ .to-orange-900\/20 {
4293
+ --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
4294
+ @supports (color: color-mix(in lab, red, red)) {
4295
+ --tw-gradient-to: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
4296
+ }
4297
+ --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));
4298
+ }
3323
4299
  .to-pink-100 {
3324
4300
  --tw-gradient-to: var(--color-pink-100);
3325
4301
  --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 +4307,18 @@
3331
4307
  }
3332
4308
  --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
4309
  }
3334
- .to-purple-50 {
3335
- --tw-gradient-to: var(--color-purple-50);
4310
+ .to-purple-50\/30 {
4311
+ --tw-gradient-to: color-mix(in srgb, oklch(97.7% 0.014 308.299) 30%, transparent);
4312
+ @supports (color: color-mix(in lab, red, red)) {
4313
+ --tw-gradient-to: color-mix(in oklab, var(--color-purple-50) 30%, transparent);
4314
+ }
4315
+ --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));
4316
+ }
4317
+ .to-purple-50\/50 {
4318
+ --tw-gradient-to: color-mix(in srgb, oklch(97.7% 0.014 308.299) 50%, transparent);
4319
+ @supports (color: color-mix(in lab, red, red)) {
4320
+ --tw-gradient-to: color-mix(in oklab, var(--color-purple-50) 50%, transparent);
4321
+ }
3336
4322
  --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
4323
  }
3338
4324
  .to-purple-100 {
@@ -3376,14 +4362,65 @@
3376
4362
  --tw-gradient-to: var(--color-purple-600);
3377
4363
  --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
4364
  }
4365
+ .to-purple-600\/20 {
4366
+ --tw-gradient-to: color-mix(in srgb, oklch(55.8% 0.288 302.321) 20%, transparent);
4367
+ @supports (color: color-mix(in lab, red, red)) {
4368
+ --tw-gradient-to: color-mix(in oklab, var(--color-purple-600) 20%, transparent);
4369
+ }
4370
+ --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));
4371
+ }
3379
4372
  .to-red-50 {
3380
4373
  --tw-gradient-to: var(--color-red-50);
3381
4374
  --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
4375
  }
4376
+ .to-red-400\/20 {
4377
+ --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent);
4378
+ @supports (color: color-mix(in lab, red, red)) {
4379
+ --tw-gradient-to: color-mix(in oklab, var(--color-red-400) 20%, transparent);
4380
+ }
4381
+ --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));
4382
+ }
3383
4383
  .to-red-500 {
3384
4384
  --tw-gradient-to: var(--color-red-500);
3385
4385
  --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
4386
  }
4387
+ .to-red-500\/30 {
4388
+ --tw-gradient-to: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
4389
+ @supports (color: color-mix(in lab, red, red)) {
4390
+ --tw-gradient-to: color-mix(in oklab, var(--color-red-500) 30%, transparent);
4391
+ }
4392
+ --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));
4393
+ }
4394
+ .to-red-600 {
4395
+ --tw-gradient-to: var(--color-red-600);
4396
+ --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));
4397
+ }
4398
+ .to-red-800 {
4399
+ --tw-gradient-to: var(--color-red-800);
4400
+ --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));
4401
+ }
4402
+ .to-red-900\/10 {
4403
+ --tw-gradient-to: color-mix(in srgb, oklch(39.6% 0.141 25.723) 10%, transparent);
4404
+ @supports (color: color-mix(in lab, red, red)) {
4405
+ --tw-gradient-to: color-mix(in oklab, var(--color-red-900) 10%, transparent);
4406
+ }
4407
+ --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));
4408
+ }
4409
+ .to-rose-50 {
4410
+ --tw-gradient-to: var(--color-rose-50);
4411
+ --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));
4412
+ }
4413
+ .to-rose-500 {
4414
+ --tw-gradient-to: var(--color-rose-500);
4415
+ --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));
4416
+ }
4417
+ .to-rose-500\/30 {
4418
+ --tw-gradient-to: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent);
4419
+ @supports (color: color-mix(in lab, red, red)) {
4420
+ --tw-gradient-to: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
4421
+ }
4422
+ --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));
4423
+ }
3387
4424
  .to-slate-50 {
3388
4425
  --tw-gradient-to: var(--color-slate-50);
3389
4426
  --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));
@@ -3445,10 +4482,24 @@
3445
4482
  }
3446
4483
  --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
4484
  }
4485
+ .to-slate-700\/60 {
4486
+ --tw-gradient-to: color-mix(in srgb, oklch(37.2% 0.044 257.287) 60%, transparent);
4487
+ @supports (color: color-mix(in lab, red, red)) {
4488
+ --tw-gradient-to: color-mix(in oklab, var(--color-slate-700) 60%, transparent);
4489
+ }
4490
+ --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));
4491
+ }
3448
4492
  .to-slate-800 {
3449
4493
  --tw-gradient-to: var(--color-slate-800);
3450
4494
  --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
4495
  }
4496
+ .to-slate-800\/60 {
4497
+ --tw-gradient-to: color-mix(in srgb, oklch(27.9% 0.041 260.031) 60%, transparent);
4498
+ @supports (color: color-mix(in lab, red, red)) {
4499
+ --tw-gradient-to: color-mix(in oklab, var(--color-slate-800) 60%, transparent);
4500
+ }
4501
+ --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));
4502
+ }
3452
4503
  .to-slate-800\/80 {
3453
4504
  --tw-gradient-to: color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent);
3454
4505
  @supports (color: color-mix(in lab, red, red)) {
@@ -3467,13 +4518,6 @@
3467
4518
  }
3468
4519
  --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
4520
  }
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
4521
  .to-slate-900\/85 {
3478
4522
  --tw-gradient-to: color-mix(in srgb, oklch(20.8% 0.042 265.755) 85%, transparent);
3479
4523
  @supports (color: color-mix(in lab, red, red)) {
@@ -3481,13 +4525,6 @@
3481
4525
  }
3482
4526
  --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
4527
  }
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
4528
  .to-slate-900\/95 {
3492
4529
  --tw-gradient-to: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
3493
4530
  @supports (color: color-mix(in lab, red, red)) {
@@ -3510,6 +4547,10 @@
3510
4547
  --tw-gradient-to: var(--color-teal-400);
3511
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));
3512
4549
  }
4550
+ .to-teal-500 {
4551
+ --tw-gradient-to: var(--color-teal-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
+ }
3513
4554
  .to-teal-500\/5 {
3514
4555
  --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 5%, transparent);
3515
4556
  @supports (color: color-mix(in lab, red, red)) {
@@ -3517,6 +4558,20 @@
3517
4558
  }
3518
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));
3519
4560
  }
4561
+ .to-teal-500\/20 {
4562
+ --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
4563
+ @supports (color: color-mix(in lab, red, red)) {
4564
+ --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
4565
+ }
4566
+ --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));
4567
+ }
4568
+ .to-teal-500\/30 {
4569
+ --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 30%, transparent);
4570
+ @supports (color: color-mix(in lab, red, red)) {
4571
+ --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
4572
+ }
4573
+ --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));
4574
+ }
3520
4575
  .to-teal-500\/70 {
3521
4576
  --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 70%, transparent);
3522
4577
  @supports (color: color-mix(in lab, red, red)) {
@@ -3524,6 +4579,13 @@
3524
4579
  }
3525
4580
  --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
4581
  }
4582
+ .to-teal-600\/20 {
4583
+ --tw-gradient-to: color-mix(in srgb, oklch(60% 0.118 184.704) 20%, transparent);
4584
+ @supports (color: color-mix(in lab, red, red)) {
4585
+ --tw-gradient-to: color-mix(in oklab, var(--color-teal-600) 20%, transparent);
4586
+ }
4587
+ --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));
4588
+ }
3527
4589
  .to-transparent {
3528
4590
  --tw-gradient-to: transparent;
3529
4591
  --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 +4594,30 @@
3532
4594
  --tw-gradient-to: var(--color-white);
3533
4595
  --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
4596
  }
4597
+ .to-yellow-50 {
4598
+ --tw-gradient-to: var(--color-yellow-50);
4599
+ --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));
4600
+ }
4601
+ .to-yellow-600 {
4602
+ --tw-gradient-to: var(--color-yellow-600);
4603
+ --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));
4604
+ }
4605
+ .to-yellow-900\/20 {
4606
+ --tw-gradient-to: color-mix(in srgb, oklch(42.1% 0.095 57.708) 20%, transparent);
4607
+ @supports (color: color-mix(in lab, red, red)) {
4608
+ --tw-gradient-to: color-mix(in oklab, var(--color-yellow-900) 20%, transparent);
4609
+ }
4610
+ --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));
4611
+ }
4612
+ .bg-\[length\:200\%_100\%\] {
4613
+ background-size: 200% 100%;
4614
+ }
3535
4615
  .bg-clip-text {
3536
4616
  background-clip: text;
3537
4617
  }
4618
+ .p-0\.5 {
4619
+ padding: calc(var(--spacing) * 0.5);
4620
+ }
3538
4621
  .p-1 {
3539
4622
  padding: calc(var(--spacing) * 1);
3540
4623
  }
@@ -3574,6 +4657,9 @@
3574
4657
  .px-0\.5 {
3575
4658
  padding-inline: calc(var(--spacing) * 0.5);
3576
4659
  }
4660
+ .px-1 {
4661
+ padding-inline: calc(var(--spacing) * 1);
4662
+ }
3577
4663
  .px-1\.5 {
3578
4664
  padding-inline: calc(var(--spacing) * 1.5);
3579
4665
  }
@@ -3646,6 +4732,9 @@
3646
4732
  .pt-4 {
3647
4733
  padding-top: calc(var(--spacing) * 4);
3648
4734
  }
4735
+ .pt-6 {
4736
+ padding-top: calc(var(--spacing) * 6);
4737
+ }
3649
4738
  .pt-8 {
3650
4739
  padding-top: calc(var(--spacing) * 8);
3651
4740
  }
@@ -3655,6 +4744,9 @@
3655
4744
  .pr-2 {
3656
4745
  padding-right: calc(var(--spacing) * 2);
3657
4746
  }
4747
+ .pr-3 {
4748
+ padding-right: calc(var(--spacing) * 3);
4749
+ }
3658
4750
  .pr-7 {
3659
4751
  padding-right: calc(var(--spacing) * 7);
3660
4752
  }
@@ -3673,9 +4765,6 @@
3673
4765
  .pb-4 {
3674
4766
  padding-bottom: calc(var(--spacing) * 4);
3675
4767
  }
3676
- .pb-6 {
3677
- padding-bottom: calc(var(--spacing) * 6);
3678
- }
3679
4768
  .pb-8 {
3680
4769
  padding-bottom: calc(var(--spacing) * 8);
3681
4770
  }
@@ -3685,15 +4774,9 @@
3685
4774
  .pb-20 {
3686
4775
  padding-bottom: calc(var(--spacing) * 20);
3687
4776
  }
3688
- .pl-3 {
3689
- padding-left: calc(var(--spacing) * 3);
3690
- }
3691
4777
  .pl-4 {
3692
4778
  padding-left: calc(var(--spacing) * 4);
3693
4779
  }
3694
- .pl-5 {
3695
- padding-left: calc(var(--spacing) * 5);
3696
- }
3697
4780
  .pl-12 {
3698
4781
  padding-left: calc(var(--spacing) * 12);
3699
4782
  }
@@ -3758,10 +4841,6 @@
3758
4841
  .text-\[10px\] {
3759
4842
  font-size: 10px;
3760
4843
  }
3761
- .leading-none {
3762
- --tw-leading: 1;
3763
- line-height: 1;
3764
- }
3765
4844
  .leading-relaxed {
3766
4845
  --tw-leading: var(--leading-relaxed);
3767
4846
  line-height: var(--leading-relaxed);
@@ -3770,6 +4849,10 @@
3770
4849
  --tw-leading: var(--leading-snug);
3771
4850
  line-height: var(--leading-snug);
3772
4851
  }
4852
+ .leading-tight {
4853
+ --tw-leading: var(--leading-tight);
4854
+ line-height: var(--leading-tight);
4855
+ }
3773
4856
  .font-bold {
3774
4857
  --tw-font-weight: var(--font-weight-bold);
3775
4858
  font-weight: var(--font-weight-bold);
@@ -3829,6 +4912,9 @@
3829
4912
  .text-blue-100 {
3830
4913
  color: var(--color-blue-100);
3831
4914
  }
4915
+ .text-blue-200 {
4916
+ color: var(--color-blue-200);
4917
+ }
3832
4918
  .text-blue-300 {
3833
4919
  color: var(--color-blue-300);
3834
4920
  }
@@ -3850,12 +4936,18 @@
3850
4936
  .text-blue-900 {
3851
4937
  color: var(--color-blue-900);
3852
4938
  }
4939
+ .text-cyan-300 {
4940
+ color: var(--color-cyan-300);
4941
+ }
3853
4942
  .text-cyan-400 {
3854
4943
  color: var(--color-cyan-400);
3855
4944
  }
3856
4945
  .text-cyan-700 {
3857
4946
  color: var(--color-cyan-700);
3858
4947
  }
4948
+ .text-cyan-800 {
4949
+ color: var(--color-cyan-800);
4950
+ }
3859
4951
  .text-emerald-50 {
3860
4952
  color: var(--color-emerald-50);
3861
4953
  }
@@ -3889,12 +4981,30 @@
3889
4981
  .text-fuchsia-700 {
3890
4982
  color: var(--color-fuchsia-700);
3891
4983
  }
4984
+ .text-gray-400 {
4985
+ color: var(--color-gray-400);
4986
+ }
4987
+ .text-gray-700 {
4988
+ color: var(--color-gray-700);
4989
+ }
3892
4990
  .text-green-300 {
3893
4991
  color: var(--color-green-300);
3894
4992
  }
3895
4993
  .text-green-400 {
3896
4994
  color: var(--color-green-400);
3897
4995
  }
4996
+ .text-green-500 {
4997
+ color: var(--color-green-500);
4998
+ }
4999
+ .text-green-600 {
5000
+ color: var(--color-green-600);
5001
+ }
5002
+ .text-green-700 {
5003
+ color: var(--color-green-700);
5004
+ }
5005
+ .text-green-800 {
5006
+ color: var(--color-green-800);
5007
+ }
3898
5008
  .text-indigo-400 {
3899
5009
  color: var(--color-indigo-400);
3900
5010
  }
@@ -3916,6 +5026,9 @@
3916
5026
  .text-orange-100 {
3917
5027
  color: var(--color-orange-100);
3918
5028
  }
5029
+ .text-orange-300 {
5030
+ color: var(--color-orange-300);
5031
+ }
3919
5032
  .text-orange-400 {
3920
5033
  color: var(--color-orange-400);
3921
5034
  }
@@ -3940,6 +5053,9 @@
3940
5053
  .text-pink-700 {
3941
5054
  color: var(--color-pink-700);
3942
5055
  }
5056
+ .text-purple-100 {
5057
+ color: var(--color-purple-100);
5058
+ }
3943
5059
  .text-purple-300 {
3944
5060
  color: var(--color-purple-300);
3945
5061
  }
@@ -3955,6 +5071,12 @@
3955
5071
  .text-purple-700 {
3956
5072
  color: var(--color-purple-700);
3957
5073
  }
5074
+ .text-purple-800 {
5075
+ color: var(--color-purple-800);
5076
+ }
5077
+ .text-red-100 {
5078
+ color: var(--color-red-100);
5079
+ }
3958
5080
  .text-red-300 {
3959
5081
  color: var(--color-red-300);
3960
5082
  }
@@ -3970,6 +5092,12 @@
3970
5092
  .text-red-700 {
3971
5093
  color: var(--color-red-700);
3972
5094
  }
5095
+ .text-red-800 {
5096
+ color: var(--color-red-800);
5097
+ }
5098
+ .text-red-900 {
5099
+ color: var(--color-red-900);
5100
+ }
3973
5101
  .text-rose-400 {
3974
5102
  color: var(--color-rose-400);
3975
5103
  }
@@ -4006,33 +5134,60 @@
4006
5134
  .text-teal-400 {
4007
5135
  color: var(--color-teal-400);
4008
5136
  }
5137
+ .text-teal-600 {
5138
+ color: var(--color-teal-600);
5139
+ }
4009
5140
  .text-teal-700 {
4010
5141
  color: var(--color-teal-700);
4011
5142
  }
4012
5143
  .text-transparent {
4013
5144
  color: transparent;
4014
5145
  }
5146
+ .text-violet-300 {
5147
+ color: var(--color-violet-300);
5148
+ }
4015
5149
  .text-violet-400 {
4016
5150
  color: var(--color-violet-400);
4017
5151
  }
4018
5152
  .text-violet-700 {
4019
5153
  color: var(--color-violet-700);
4020
5154
  }
5155
+ .text-violet-800 {
5156
+ color: var(--color-violet-800);
5157
+ }
4021
5158
  .text-white {
4022
5159
  color: var(--color-white);
4023
5160
  }
5161
+ .text-white\/90 {
5162
+ color: color-mix(in srgb, #fff 90%, transparent);
5163
+ @supports (color: color-mix(in lab, red, red)) {
5164
+ color: color-mix(in oklab, var(--color-white) 90%, transparent);
5165
+ }
5166
+ }
5167
+ .text-yellow-300 {
5168
+ color: var(--color-yellow-300);
5169
+ }
5170
+ .text-yellow-400 {
5171
+ color: var(--color-yellow-400);
5172
+ }
4024
5173
  .text-yellow-500 {
4025
5174
  color: var(--color-yellow-500);
4026
5175
  }
5176
+ .text-yellow-600 {
5177
+ color: var(--color-yellow-600);
5178
+ }
5179
+ .text-yellow-700 {
5180
+ color: var(--color-yellow-700);
5181
+ }
5182
+ .text-yellow-800 {
5183
+ color: var(--color-yellow-800);
5184
+ }
4027
5185
  .capitalize {
4028
5186
  text-transform: capitalize;
4029
5187
  }
4030
5188
  .uppercase {
4031
5189
  text-transform: uppercase;
4032
5190
  }
4033
- .italic {
4034
- font-style: italic;
4035
- }
4036
5191
  .tabular-nums {
4037
5192
  --tw-numeric-spacing: tabular-nums;
4038
5193
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
@@ -4056,9 +5211,6 @@
4056
5211
  .opacity-5 {
4057
5212
  opacity: 5%;
4058
5213
  }
4059
- .opacity-20 {
4060
- opacity: 20%;
4061
- }
4062
5214
  .opacity-30 {
4063
5215
  opacity: 30%;
4064
5216
  }
@@ -4097,6 +5249,38 @@
4097
5249
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
4098
5250
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4099
5251
  }
5252
+ .shadow-\[0_0_20px_rgba\(16\,185\,129\,0\.2\)\] {
5253
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(16,185,129,0.2));
5254
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5255
+ }
5256
+ .shadow-\[0_0_20px_rgba\(16\,185\,129\,0\.3\)\] {
5257
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(16,185,129,0.3));
5258
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5259
+ }
5260
+ .shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.2\)\] {
5261
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(59,130,246,0.2));
5262
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5263
+ }
5264
+ .shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.3\)\] {
5265
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(59,130,246,0.3));
5266
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5267
+ }
5268
+ .shadow-\[0_0_20px_rgba\(239\,68\,68\,0\.2\)\] {
5269
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(239,68,68,0.2));
5270
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5271
+ }
5272
+ .shadow-\[0_0_20px_rgba\(239\,68\,68\,0\.3\)\] {
5273
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(239,68,68,0.3));
5274
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5275
+ }
5276
+ .shadow-\[0_0_20px_rgba\(249\,115\,22\,0\.2\)\] {
5277
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(249,115,22,0.2));
5278
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5279
+ }
5280
+ .shadow-\[0_0_20px_rgba\(249\,115\,22\,0\.3\)\] {
5281
+ --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(249,115,22,0.3));
5282
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5283
+ }
4100
5284
  .shadow-\[2px_2px_4px_rgba\(163\,163\,163\,0\.25\)\,-2px_-2px_4px_rgba\(255\,255\,255\,0\.75\)\] {
4101
5285
  --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
5286
  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 +5317,10 @@
4133
5317
  --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
5318
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4135
5319
  }
5320
+ .shadow-inner {
5321
+ --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
5322
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5323
+ }
4136
5324
  .shadow-lg {
4137
5325
  --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
5326
  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 +5341,10 @@
4153
5341
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4154
5342
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4155
5343
  }
5344
+ .ring-2 {
5345
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5346
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5347
+ }
4156
5348
  .shadow-amber-200\/50 {
4157
5349
  --tw-shadow-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 50%, transparent);
4158
5350
  @supports (color: color-mix(in lab, red, red)) {
@@ -4261,9 +5453,11 @@
4261
5453
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
4262
5454
  }
4263
5455
  }
4264
- .outline {
4265
- outline-style: var(--tw-outline-style);
4266
- outline-width: 1px;
5456
+ .ring-blue-500\/50 {
5457
+ --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
5458
+ @supports (color: color-mix(in lab, red, red)) {
5459
+ --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
5460
+ }
4267
5461
  }
4268
5462
  .blur {
4269
5463
  --tw-blur: blur(8px);
@@ -4277,6 +5471,14 @@
4277
5471
  --tw-blur: blur(var(--blur-3xl));
4278
5472
  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
5473
  }
5474
+ .blur-md {
5475
+ --tw-blur: blur(var(--blur-md));
5476
+ 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,);
5477
+ }
5478
+ .blur-xl {
5479
+ --tw-blur: blur(var(--blur-xl));
5480
+ 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,);
5481
+ }
4280
5482
  .filter {
4281
5483
  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
5484
  }
@@ -4382,6 +5584,14 @@
4382
5584
  }
4383
5585
  }
4384
5586
  }
5587
+ .group-hover\:translate-x-0\.5 {
5588
+ &:is(:where(.group):hover *) {
5589
+ @media (hover: hover) {
5590
+ --tw-translate-x: calc(var(--spacing) * 0.5);
5591
+ translate: var(--tw-translate-x) var(--tw-translate-y);
5592
+ }
5593
+ }
5594
+ }
4385
5595
  .group-hover\:translate-x-1 {
4386
5596
  &:is(:where(.group):hover *) {
4387
5597
  @media (hover: hover) {
@@ -4390,6 +5600,14 @@
4390
5600
  }
4391
5601
  }
4392
5602
  }
5603
+ .group-hover\:translate-y-1 {
5604
+ &:is(:where(.group):hover *) {
5605
+ @media (hover: hover) {
5606
+ --tw-translate-y: calc(var(--spacing) * 1);
5607
+ translate: var(--tw-translate-x) var(--tw-translate-y);
5608
+ }
5609
+ }
5610
+ }
4393
5611
  .group-hover\:scale-105 {
4394
5612
  &:is(:where(.group):hover *) {
4395
5613
  @media (hover: hover) {
@@ -4410,6 +5628,23 @@
4410
5628
  }
4411
5629
  }
4412
5630
  }
5631
+ .group-hover\:bg-amber-200 {
5632
+ &:is(:where(.group):hover *) {
5633
+ @media (hover: hover) {
5634
+ background-color: var(--color-amber-200);
5635
+ }
5636
+ }
5637
+ }
5638
+ .group-hover\:bg-amber-500\/30 {
5639
+ &:is(:where(.group):hover *) {
5640
+ @media (hover: hover) {
5641
+ background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
5642
+ @supports (color: color-mix(in lab, red, red)) {
5643
+ background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
5644
+ }
5645
+ }
5646
+ }
5647
+ }
4413
5648
  .group-hover\:bg-blue-200 {
4414
5649
  &:is(:where(.group):hover *) {
4415
5650
  @media (hover: hover) {
@@ -4417,6 +5652,16 @@
4417
5652
  }
4418
5653
  }
4419
5654
  }
5655
+ .group-hover\:bg-blue-500\/20 {
5656
+ &:is(:where(.group):hover *) {
5657
+ @media (hover: hover) {
5658
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
5659
+ @supports (color: color-mix(in lab, red, red)) {
5660
+ background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
5661
+ }
5662
+ }
5663
+ }
5664
+ }
4420
5665
  .group-hover\:bg-blue-500\/30 {
4421
5666
  &:is(:where(.group):hover *) {
4422
5667
  @media (hover: hover) {
@@ -4444,6 +5689,30 @@
4444
5689
  }
4445
5690
  }
4446
5691
  }
5692
+ .group-hover\:bg-red-200 {
5693
+ &:is(:where(.group):hover *) {
5694
+ @media (hover: hover) {
5695
+ background-color: var(--color-red-200);
5696
+ }
5697
+ }
5698
+ }
5699
+ .group-hover\:bg-red-500\/30 {
5700
+ &:is(:where(.group):hover *) {
5701
+ @media (hover: hover) {
5702
+ background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
5703
+ @supports (color: color-mix(in lab, red, red)) {
5704
+ background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
5705
+ }
5706
+ }
5707
+ }
5708
+ }
5709
+ .group-hover\:bg-slate-200 {
5710
+ &:is(:where(.group):hover *) {
5711
+ @media (hover: hover) {
5712
+ background-color: var(--color-slate-200);
5713
+ }
5714
+ }
5715
+ }
4447
5716
  .group-hover\:bg-slate-400 {
4448
5717
  &:is(:where(.group):hover *) {
4449
5718
  @media (hover: hover) {
@@ -4458,6 +5727,23 @@
4458
5727
  }
4459
5728
  }
4460
5729
  }
5730
+ .group-hover\:bg-slate-500\/30 {
5731
+ &:is(:where(.group):hover *) {
5732
+ @media (hover: hover) {
5733
+ background-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 30%, transparent);
5734
+ @supports (color: color-mix(in lab, red, red)) {
5735
+ background-color: color-mix(in oklab, var(--color-slate-500) 30%, transparent);
5736
+ }
5737
+ }
5738
+ }
5739
+ }
5740
+ .group-hover\:bg-slate-600 {
5741
+ &:is(:where(.group):hover *) {
5742
+ @media (hover: hover) {
5743
+ background-color: var(--color-slate-600);
5744
+ }
5745
+ }
5746
+ }
4461
5747
  .group-hover\:text-blue-400 {
4462
5748
  &:is(:where(.group):hover *) {
4463
5749
  @media (hover: hover) {
@@ -4479,62 +5765,125 @@
4479
5765
  }
4480
5766
  }
4481
5767
  }
4482
- .group-hover\:text-slate-900 {
5768
+ .group-hover\:text-purple-400 {
4483
5769
  &:is(:where(.group):hover *) {
4484
5770
  @media (hover: hover) {
4485
- color: var(--color-slate-900);
5771
+ color: var(--color-purple-400);
4486
5772
  }
4487
5773
  }
4488
5774
  }
4489
- .group-hover\:text-white {
5775
+ .group-hover\:text-purple-600 {
4490
5776
  &:is(:where(.group):hover *) {
4491
5777
  @media (hover: hover) {
4492
- color: var(--color-white);
5778
+ color: var(--color-purple-600);
4493
5779
  }
4494
5780
  }
4495
5781
  }
4496
- .group-hover\:opacity-95 {
5782
+ .group-hover\:text-slate-300 {
4497
5783
  &:is(:where(.group):hover *) {
4498
5784
  @media (hover: hover) {
4499
- opacity: 95%;
5785
+ color: var(--color-slate-300);
4500
5786
  }
4501
5787
  }
4502
5788
  }
4503
- .group-hover\:opacity-100 {
5789
+ .group-hover\:text-slate-700 {
4504
5790
  &:is(:where(.group):hover *) {
4505
5791
  @media (hover: hover) {
4506
- opacity: 100%;
5792
+ color: var(--color-slate-700);
4507
5793
  }
4508
5794
  }
4509
5795
  }
4510
- .group-hover\:shadow-lg {
5796
+ .group-hover\:text-slate-900 {
4511
5797
  &:is(:where(.group):hover *) {
4512
5798
  @media (hover: hover) {
4513
- --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));
4514
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5799
+ color: var(--color-slate-900);
4515
5800
  }
4516
5801
  }
4517
5802
  }
4518
- .group-hover\/header\:text-blue-500 {
4519
- &:is(:where(.group\/header):hover *) {
5803
+ .group-hover\:text-teal-300 {
5804
+ &:is(:where(.group):hover *) {
4520
5805
  @media (hover: hover) {
4521
- color: var(--color-blue-500);
5806
+ color: var(--color-teal-300);
4522
5807
  }
4523
5808
  }
4524
5809
  }
4525
- .group-hover\/header\:opacity-100 {
4526
- &:is(:where(.group\/header):hover *) {
5810
+ .group-hover\:text-teal-700 {
5811
+ &:is(:where(.group):hover *) {
4527
5812
  @media (hover: hover) {
4528
- opacity: 100%;
5813
+ color: var(--color-teal-700);
4529
5814
  }
4530
5815
  }
4531
5816
  }
4532
- .first\:pt-0 {
4533
- &:first-child {
4534
- padding-top: calc(var(--spacing) * 0);
5817
+ .group-hover\:text-white {
5818
+ &:is(:where(.group):hover *) {
5819
+ @media (hover: hover) {
5820
+ color: var(--color-white);
5821
+ }
4535
5822
  }
4536
5823
  }
4537
- .last\:mb-0 {
5824
+ .group-hover\:opacity-50 {
5825
+ &:is(:where(.group):hover *) {
5826
+ @media (hover: hover) {
5827
+ opacity: 50%;
5828
+ }
5829
+ }
5830
+ }
5831
+ .group-hover\:opacity-70 {
5832
+ &:is(:where(.group):hover *) {
5833
+ @media (hover: hover) {
5834
+ opacity: 70%;
5835
+ }
5836
+ }
5837
+ }
5838
+ .group-hover\:opacity-80 {
5839
+ &:is(:where(.group):hover *) {
5840
+ @media (hover: hover) {
5841
+ opacity: 80%;
5842
+ }
5843
+ }
5844
+ }
5845
+ .group-hover\:opacity-95 {
5846
+ &:is(:where(.group):hover *) {
5847
+ @media (hover: hover) {
5848
+ opacity: 95%;
5849
+ }
5850
+ }
5851
+ }
5852
+ .group-hover\:opacity-100 {
5853
+ &:is(:where(.group):hover *) {
5854
+ @media (hover: hover) {
5855
+ opacity: 100%;
5856
+ }
5857
+ }
5858
+ }
5859
+ .group-hover\:shadow-lg {
5860
+ &:is(:where(.group):hover *) {
5861
+ @media (hover: hover) {
5862
+ --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));
5863
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5864
+ }
5865
+ }
5866
+ }
5867
+ .group-hover\/header\:text-blue-500 {
5868
+ &:is(:where(.group\/header):hover *) {
5869
+ @media (hover: hover) {
5870
+ color: var(--color-blue-500);
5871
+ }
5872
+ }
5873
+ }
5874
+ .group-hover\/header\:opacity-100 {
5875
+ &:is(:where(.group\/header):hover *) {
5876
+ @media (hover: hover) {
5877
+ opacity: 100%;
5878
+ }
5879
+ }
5880
+ }
5881
+ .first\:pt-0 {
5882
+ &:first-child {
5883
+ padding-top: calc(var(--spacing) * 0);
5884
+ }
5885
+ }
5886
+ .last\:mb-0 {
4538
5887
  &:last-child {
4539
5888
  margin-bottom: calc(var(--spacing) * 0);
4540
5889
  }
@@ -4607,23 +5956,30 @@
4607
5956
  }
4608
5957
  }
4609
5958
  }
4610
- .hover\:border-amber-300 {
5959
+ .hover\:scale-\[1\.03\] {
4611
5960
  &:hover {
4612
5961
  @media (hover: hover) {
4613
- border-color: var(--color-amber-300);
5962
+ scale: 1.03;
4614
5963
  }
4615
5964
  }
4616
5965
  }
4617
- .hover\:border-amber-400\/50 {
5966
+ .hover\:border-amber-400\/60 {
4618
5967
  &:hover {
4619
5968
  @media (hover: hover) {
4620
- border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 50%, transparent);
5969
+ border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 60%, transparent);
4621
5970
  @supports (color: color-mix(in lab, red, red)) {
4622
- border-color: color-mix(in oklab, var(--color-amber-400) 50%, transparent);
5971
+ border-color: color-mix(in oklab, var(--color-amber-400) 60%, transparent);
4623
5972
  }
4624
5973
  }
4625
5974
  }
4626
5975
  }
5976
+ .hover\:border-amber-500 {
5977
+ &:hover {
5978
+ @media (hover: hover) {
5979
+ border-color: var(--color-amber-500);
5980
+ }
5981
+ }
5982
+ }
4627
5983
  .hover\:border-blue-300 {
4628
5984
  &:hover {
4629
5985
  @media (hover: hover) {
@@ -4665,6 +6021,26 @@
4665
6021
  }
4666
6022
  }
4667
6023
  }
6024
+ .hover\:border-blue-500\/20 {
6025
+ &:hover {
6026
+ @media (hover: hover) {
6027
+ border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
6028
+ @supports (color: color-mix(in lab, red, red)) {
6029
+ border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
6030
+ }
6031
+ }
6032
+ }
6033
+ }
6034
+ .hover\:border-blue-500\/30 {
6035
+ &:hover {
6036
+ @media (hover: hover) {
6037
+ border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
6038
+ @supports (color: color-mix(in lab, red, red)) {
6039
+ border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
6040
+ }
6041
+ }
6042
+ }
6043
+ }
4668
6044
  .hover\:border-blue-500\/40 {
4669
6045
  &:hover {
4670
6046
  @media (hover: hover) {
@@ -4685,6 +6061,16 @@
4685
6061
  }
4686
6062
  }
4687
6063
  }
6064
+ .hover\:border-blue-600\/70 {
6065
+ &:hover {
6066
+ @media (hover: hover) {
6067
+ border-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 70%, transparent);
6068
+ @supports (color: color-mix(in lab, red, red)) {
6069
+ border-color: color-mix(in oklab, var(--color-blue-600) 70%, transparent);
6070
+ }
6071
+ }
6072
+ }
6073
+ }
4688
6074
  .hover\:border-emerald-300 {
4689
6075
  &:hover {
4690
6076
  @media (hover: hover) {
@@ -4699,6 +6085,16 @@
4699
6085
  }
4700
6086
  }
4701
6087
  }
6088
+ .hover\:border-emerald-400\/50 {
6089
+ &:hover {
6090
+ @media (hover: hover) {
6091
+ border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 50%, transparent);
6092
+ @supports (color: color-mix(in lab, red, red)) {
6093
+ border-color: color-mix(in oklab, var(--color-emerald-400) 50%, transparent);
6094
+ }
6095
+ }
6096
+ }
6097
+ }
4702
6098
  .hover\:border-emerald-500\/60 {
4703
6099
  &:hover {
4704
6100
  @media (hover: hover) {
@@ -4709,6 +6105,40 @@
4709
6105
  }
4710
6106
  }
4711
6107
  }
6108
+ .hover\:border-orange-400 {
6109
+ &:hover {
6110
+ @media (hover: hover) {
6111
+ border-color: var(--color-orange-400);
6112
+ }
6113
+ }
6114
+ }
6115
+ .hover\:border-orange-400\/50 {
6116
+ &:hover {
6117
+ @media (hover: hover) {
6118
+ border-color: color-mix(in srgb, oklch(75% 0.183 55.934) 50%, transparent);
6119
+ @supports (color: color-mix(in lab, red, red)) {
6120
+ border-color: color-mix(in oklab, var(--color-orange-400) 50%, transparent);
6121
+ }
6122
+ }
6123
+ }
6124
+ }
6125
+ .hover\:border-orange-400\/60 {
6126
+ &:hover {
6127
+ @media (hover: hover) {
6128
+ border-color: color-mix(in srgb, oklch(75% 0.183 55.934) 60%, transparent);
6129
+ @supports (color: color-mix(in lab, red, red)) {
6130
+ border-color: color-mix(in oklab, var(--color-orange-400) 60%, transparent);
6131
+ }
6132
+ }
6133
+ }
6134
+ }
6135
+ .hover\:border-orange-500 {
6136
+ &:hover {
6137
+ @media (hover: hover) {
6138
+ border-color: var(--color-orange-500);
6139
+ }
6140
+ }
6141
+ }
4712
6142
  .hover\:border-purple-300 {
4713
6143
  &:hover {
4714
6144
  @media (hover: hover) {
@@ -4733,6 +6163,43 @@
4733
6163
  }
4734
6164
  }
4735
6165
  }
6166
+ .hover\:border-purple-400\/60 {
6167
+ &:hover {
6168
+ @media (hover: hover) {
6169
+ border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 60%, transparent);
6170
+ @supports (color: color-mix(in lab, red, red)) {
6171
+ border-color: color-mix(in oklab, var(--color-purple-400) 60%, transparent);
6172
+ }
6173
+ }
6174
+ }
6175
+ }
6176
+ .hover\:border-purple-500\/20 {
6177
+ &:hover {
6178
+ @media (hover: hover) {
6179
+ border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
6180
+ @supports (color: color-mix(in lab, red, red)) {
6181
+ border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
6182
+ }
6183
+ }
6184
+ }
6185
+ }
6186
+ .hover\:border-purple-500\/50 {
6187
+ &:hover {
6188
+ @media (hover: hover) {
6189
+ border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent);
6190
+ @supports (color: color-mix(in lab, red, red)) {
6191
+ border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent);
6192
+ }
6193
+ }
6194
+ }
6195
+ }
6196
+ .hover\:border-purple-600 {
6197
+ &:hover {
6198
+ @media (hover: hover) {
6199
+ border-color: var(--color-purple-600);
6200
+ }
6201
+ }
6202
+ }
4736
6203
  .hover\:border-purple-600\/70 {
4737
6204
  &:hover {
4738
6205
  @media (hover: hover) {
@@ -4743,30 +6210,54 @@
4743
6210
  }
4744
6211
  }
4745
6212
  }
4746
- .hover\:border-slate-300 {
6213
+ .hover\:border-red-400 {
4747
6214
  &:hover {
4748
6215
  @media (hover: hover) {
4749
- border-color: var(--color-slate-300);
6216
+ border-color: var(--color-red-400);
4750
6217
  }
4751
6218
  }
4752
6219
  }
4753
- .hover\:border-slate-500 {
6220
+ .hover\:border-red-400\/50 {
4754
6221
  &:hover {
4755
6222
  @media (hover: hover) {
4756
- border-color: var(--color-slate-500);
6223
+ border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 50%, transparent);
6224
+ @supports (color: color-mix(in lab, red, red)) {
6225
+ border-color: color-mix(in oklab, var(--color-red-400) 50%, transparent);
6226
+ }
4757
6227
  }
4758
6228
  }
4759
6229
  }
4760
- .hover\:border-slate-500\/50 {
6230
+ .hover\:border-red-400\/60 {
4761
6231
  &:hover {
4762
6232
  @media (hover: hover) {
4763
- border-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 50%, transparent);
6233
+ border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 60%, transparent);
4764
6234
  @supports (color: color-mix(in lab, red, red)) {
4765
- border-color: color-mix(in oklab, var(--color-slate-500) 50%, transparent);
6235
+ border-color: color-mix(in oklab, var(--color-red-400) 60%, transparent);
4766
6236
  }
4767
6237
  }
4768
6238
  }
4769
6239
  }
6240
+ .hover\:border-red-500 {
6241
+ &:hover {
6242
+ @media (hover: hover) {
6243
+ border-color: var(--color-red-500);
6244
+ }
6245
+ }
6246
+ }
6247
+ .hover\:border-slate-300 {
6248
+ &:hover {
6249
+ @media (hover: hover) {
6250
+ border-color: var(--color-slate-300);
6251
+ }
6252
+ }
6253
+ }
6254
+ .hover\:border-slate-500 {
6255
+ &:hover {
6256
+ @media (hover: hover) {
6257
+ border-color: var(--color-slate-500);
6258
+ }
6259
+ }
6260
+ }
4770
6261
  .hover\:border-slate-600 {
4771
6262
  &:hover {
4772
6263
  @media (hover: hover) {
@@ -4784,6 +6275,23 @@
4784
6275
  }
4785
6276
  }
4786
6277
  }
6278
+ .hover\:border-yellow-400 {
6279
+ &:hover {
6280
+ @media (hover: hover) {
6281
+ border-color: var(--color-yellow-400);
6282
+ }
6283
+ }
6284
+ }
6285
+ .hover\:border-yellow-400\/50 {
6286
+ &:hover {
6287
+ @media (hover: hover) {
6288
+ border-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 50%, transparent);
6289
+ @supports (color: color-mix(in lab, red, red)) {
6290
+ border-color: color-mix(in oklab, var(--color-yellow-400) 50%, transparent);
6291
+ }
6292
+ }
6293
+ }
6294
+ }
4787
6295
  .hover\:bg-amber-100 {
4788
6296
  &:hover {
4789
6297
  @media (hover: hover) {
@@ -4846,6 +6354,16 @@
4846
6354
  }
4847
6355
  }
4848
6356
  }
6357
+ .hover\:bg-blue-500\/15 {
6358
+ &:hover {
6359
+ @media (hover: hover) {
6360
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 15%, transparent);
6361
+ @supports (color: color-mix(in lab, red, red)) {
6362
+ background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent);
6363
+ }
6364
+ }
6365
+ }
6366
+ }
4849
6367
  .hover\:bg-blue-500\/20 {
4850
6368
  &:hover {
4851
6369
  @media (hover: hover) {
@@ -4866,6 +6384,20 @@
4866
6384
  }
4867
6385
  }
4868
6386
  }
6387
+ .hover\:bg-blue-600 {
6388
+ &:hover {
6389
+ @media (hover: hover) {
6390
+ background-color: var(--color-blue-600);
6391
+ }
6392
+ }
6393
+ }
6394
+ .hover\:bg-blue-700 {
6395
+ &:hover {
6396
+ @media (hover: hover) {
6397
+ background-color: var(--color-blue-700);
6398
+ }
6399
+ }
6400
+ }
4869
6401
  .hover\:bg-blue-800\/50 {
4870
6402
  &:hover {
4871
6403
  @media (hover: hover) {
@@ -4876,6 +6408,16 @@
4876
6408
  }
4877
6409
  }
4878
6410
  }
6411
+ .hover\:bg-blue-900\/50 {
6412
+ &:hover {
6413
+ @media (hover: hover) {
6414
+ background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
6415
+ @supports (color: color-mix(in lab, red, red)) {
6416
+ background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
6417
+ }
6418
+ }
6419
+ }
6420
+ }
4879
6421
  .hover\:bg-emerald-100 {
4880
6422
  &:hover {
4881
6423
  @media (hover: hover) {
@@ -4893,6 +6435,37 @@
4893
6435
  }
4894
6436
  }
4895
6437
  }
6438
+ .hover\:bg-emerald-600 {
6439
+ &:hover {
6440
+ @media (hover: hover) {
6441
+ background-color: var(--color-emerald-600);
6442
+ }
6443
+ }
6444
+ }
6445
+ .hover\:bg-emerald-700 {
6446
+ &:hover {
6447
+ @media (hover: hover) {
6448
+ background-color: var(--color-emerald-700);
6449
+ }
6450
+ }
6451
+ }
6452
+ .hover\:bg-green-600\/90 {
6453
+ &:hover {
6454
+ @media (hover: hover) {
6455
+ background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 90%, transparent);
6456
+ @supports (color: color-mix(in lab, red, red)) {
6457
+ background-color: color-mix(in oklab, var(--color-green-600) 90%, transparent);
6458
+ }
6459
+ }
6460
+ }
6461
+ }
6462
+ .hover\:bg-green-700 {
6463
+ &:hover {
6464
+ @media (hover: hover) {
6465
+ background-color: var(--color-green-700);
6466
+ }
6467
+ }
6468
+ }
4896
6469
  .hover\:bg-indigo-50 {
4897
6470
  &:hover {
4898
6471
  @media (hover: hover) {
@@ -4941,6 +6514,13 @@
4941
6514
  }
4942
6515
  }
4943
6516
  }
6517
+ .hover\:bg-purple-100 {
6518
+ &:hover {
6519
+ @media (hover: hover) {
6520
+ background-color: var(--color-purple-100);
6521
+ }
6522
+ }
6523
+ }
4944
6524
  .hover\:bg-purple-100\/50 {
4945
6525
  &:hover {
4946
6526
  @media (hover: hover) {
@@ -4958,6 +6538,13 @@
4958
6538
  }
4959
6539
  }
4960
6540
  }
6541
+ .hover\:bg-purple-300 {
6542
+ &:hover {
6543
+ @media (hover: hover) {
6544
+ background-color: var(--color-purple-300);
6545
+ }
6546
+ }
6547
+ }
4961
6548
  .hover\:bg-purple-500\/10 {
4962
6549
  &:hover {
4963
6550
  @media (hover: hover) {
@@ -4978,6 +6565,43 @@
4978
6565
  }
4979
6566
  }
4980
6567
  }
6568
+ .hover\:bg-purple-500\/60 {
6569
+ &:hover {
6570
+ @media (hover: hover) {
6571
+ background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 60%, transparent);
6572
+ @supports (color: color-mix(in lab, red, red)) {
6573
+ background-color: color-mix(in oklab, var(--color-purple-500) 60%, transparent);
6574
+ }
6575
+ }
6576
+ }
6577
+ }
6578
+ .hover\:bg-purple-600\/90 {
6579
+ &:hover {
6580
+ @media (hover: hover) {
6581
+ background-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 90%, transparent);
6582
+ @supports (color: color-mix(in lab, red, red)) {
6583
+ background-color: color-mix(in oklab, var(--color-purple-600) 90%, transparent);
6584
+ }
6585
+ }
6586
+ }
6587
+ }
6588
+ .hover\:bg-purple-700 {
6589
+ &:hover {
6590
+ @media (hover: hover) {
6591
+ background-color: var(--color-purple-700);
6592
+ }
6593
+ }
6594
+ }
6595
+ .hover\:bg-purple-900\/50 {
6596
+ &:hover {
6597
+ @media (hover: hover) {
6598
+ background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 50%, transparent);
6599
+ @supports (color: color-mix(in lab, red, red)) {
6600
+ background-color: color-mix(in oklab, var(--color-purple-900) 50%, transparent);
6601
+ }
6602
+ }
6603
+ }
6604
+ }
4981
6605
  .hover\:bg-red-100 {
4982
6606
  &:hover {
4983
6607
  @media (hover: hover) {
@@ -5005,6 +6629,20 @@
5005
6629
  }
5006
6630
  }
5007
6631
  }
6632
+ .hover\:bg-red-600 {
6633
+ &:hover {
6634
+ @media (hover: hover) {
6635
+ background-color: var(--color-red-600);
6636
+ }
6637
+ }
6638
+ }
6639
+ .hover\:bg-red-700 {
6640
+ &:hover {
6641
+ @media (hover: hover) {
6642
+ background-color: var(--color-red-700);
6643
+ }
6644
+ }
6645
+ }
5008
6646
  .hover\:bg-slate-50 {
5009
6647
  &:hover {
5010
6648
  @media (hover: hover) {
@@ -5107,6 +6745,16 @@
5107
6745
  }
5108
6746
  }
5109
6747
  }
6748
+ .hover\:bg-slate-700\/40 {
6749
+ &:hover {
6750
+ @media (hover: hover) {
6751
+ background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 40%, transparent);
6752
+ @supports (color: color-mix(in lab, red, red)) {
6753
+ background-color: color-mix(in oklab, var(--color-slate-700) 40%, transparent);
6754
+ }
6755
+ }
6756
+ }
6757
+ }
5110
6758
  .hover\:bg-slate-700\/50 {
5111
6759
  &:hover {
5112
6760
  @media (hover: hover) {
@@ -5174,6 +6822,23 @@
5174
6822
  }
5175
6823
  }
5176
6824
  }
6825
+ .hover\:bg-teal-600\/90 {
6826
+ &:hover {
6827
+ @media (hover: hover) {
6828
+ background-color: color-mix(in srgb, oklch(60% 0.118 184.704) 90%, transparent);
6829
+ @supports (color: color-mix(in lab, red, red)) {
6830
+ background-color: color-mix(in oklab, var(--color-teal-600) 90%, transparent);
6831
+ }
6832
+ }
6833
+ }
6834
+ }
6835
+ .hover\:bg-teal-700 {
6836
+ &:hover {
6837
+ @media (hover: hover) {
6838
+ background-color: var(--color-teal-700);
6839
+ }
6840
+ }
6841
+ }
5177
6842
  .hover\:bg-white {
5178
6843
  &:hover {
5179
6844
  @media (hover: hover) {
@@ -5250,265 +6915,483 @@
5250
6915
  }
5251
6916
  }
5252
6917
  }
5253
- .hover\:to-cyan-600 {
6918
+ .hover\:to-cyan-600 {
6919
+ &:hover {
6920
+ @media (hover: hover) {
6921
+ --tw-gradient-to: var(--color-cyan-600);
6922
+ --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));
6923
+ }
6924
+ }
6925
+ }
6926
+ .hover\:to-cyan-700 {
6927
+ &:hover {
6928
+ @media (hover: hover) {
6929
+ --tw-gradient-to: var(--color-cyan-700);
6930
+ --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));
6931
+ }
6932
+ }
6933
+ }
6934
+ .hover\:to-emerald-500\/30 {
6935
+ &:hover {
6936
+ @media (hover: hover) {
6937
+ --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
6938
+ @supports (color: color-mix(in lab, red, red)) {
6939
+ --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
6940
+ }
6941
+ --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));
6942
+ }
6943
+ }
6944
+ }
6945
+ .hover\:to-indigo-700 {
6946
+ &:hover {
6947
+ @media (hover: hover) {
6948
+ --tw-gradient-to: var(--color-indigo-700);
6949
+ --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));
6950
+ }
6951
+ }
6952
+ }
6953
+ .hover\:text-blue-200 {
6954
+ &:hover {
6955
+ @media (hover: hover) {
6956
+ color: var(--color-blue-200);
6957
+ }
6958
+ }
6959
+ }
6960
+ .hover\:text-blue-300 {
6961
+ &:hover {
6962
+ @media (hover: hover) {
6963
+ color: var(--color-blue-300);
6964
+ }
6965
+ }
6966
+ }
6967
+ .hover\:text-blue-600 {
6968
+ &:hover {
6969
+ @media (hover: hover) {
6970
+ color: var(--color-blue-600);
6971
+ }
6972
+ }
6973
+ }
6974
+ .hover\:text-blue-700 {
6975
+ &:hover {
6976
+ @media (hover: hover) {
6977
+ color: var(--color-blue-700);
6978
+ }
6979
+ }
6980
+ }
6981
+ .hover\:text-blue-800 {
6982
+ &:hover {
6983
+ @media (hover: hover) {
6984
+ color: var(--color-blue-800);
6985
+ }
6986
+ }
6987
+ }
6988
+ .hover\:text-indigo-300 {
6989
+ &:hover {
6990
+ @media (hover: hover) {
6991
+ color: var(--color-indigo-300);
6992
+ }
6993
+ }
6994
+ }
6995
+ .hover\:text-indigo-700 {
6996
+ &:hover {
6997
+ @media (hover: hover) {
6998
+ color: var(--color-indigo-700);
6999
+ }
7000
+ }
7001
+ }
7002
+ .hover\:text-purple-200 {
7003
+ &:hover {
7004
+ @media (hover: hover) {
7005
+ color: var(--color-purple-200);
7006
+ }
7007
+ }
7008
+ }
7009
+ .hover\:text-purple-800 {
7010
+ &:hover {
7011
+ @media (hover: hover) {
7012
+ color: var(--color-purple-800);
7013
+ }
7014
+ }
7015
+ }
7016
+ .hover\:text-purple-900 {
7017
+ &:hover {
7018
+ @media (hover: hover) {
7019
+ color: var(--color-purple-900);
7020
+ }
7021
+ }
7022
+ }
7023
+ .hover\:text-slate-100 {
7024
+ &:hover {
7025
+ @media (hover: hover) {
7026
+ color: var(--color-slate-100);
7027
+ }
7028
+ }
7029
+ }
7030
+ .hover\:text-slate-200 {
7031
+ &:hover {
7032
+ @media (hover: hover) {
7033
+ color: var(--color-slate-200);
7034
+ }
7035
+ }
7036
+ }
7037
+ .hover\:text-slate-300 {
7038
+ &:hover {
7039
+ @media (hover: hover) {
7040
+ color: var(--color-slate-300);
7041
+ }
7042
+ }
7043
+ }
7044
+ .hover\:text-slate-600 {
7045
+ &:hover {
7046
+ @media (hover: hover) {
7047
+ color: var(--color-slate-600);
7048
+ }
7049
+ }
7050
+ }
7051
+ .hover\:text-slate-800 {
7052
+ &:hover {
7053
+ @media (hover: hover) {
7054
+ color: var(--color-slate-800);
7055
+ }
7056
+ }
7057
+ }
7058
+ .hover\:text-slate-900 {
7059
+ &:hover {
7060
+ @media (hover: hover) {
7061
+ color: var(--color-slate-900);
7062
+ }
7063
+ }
7064
+ }
7065
+ .hover\:text-white {
7066
+ &:hover {
7067
+ @media (hover: hover) {
7068
+ color: var(--color-white);
7069
+ }
7070
+ }
7071
+ }
7072
+ .hover\:opacity-100 {
7073
+ &:hover {
7074
+ @media (hover: hover) {
7075
+ opacity: 100%;
7076
+ }
7077
+ }
7078
+ }
7079
+ .hover\:shadow-2xl {
5254
7080
  &:hover {
5255
7081
  @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));
7082
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
7083
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5258
7084
  }
5259
7085
  }
5260
7086
  }
5261
- .hover\:to-cyan-700 {
7087
+ .hover\:shadow-\[8px_8px_16px_rgba\(163\,163\,163\,0\.4\)\,-8px_-8px_16px_rgba\(255\,255\,255\,0\.9\)\] {
5262
7088
  &:hover {
5263
7089
  @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));
7090
+ --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));
7091
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5266
7092
  }
5267
7093
  }
5268
7094
  }
5269
- .hover\:to-emerald-500\/30 {
7095
+ .hover\:shadow-lg {
5270
7096
  &:hover {
5271
7097
  @media (hover: hover) {
5272
- --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
5273
- @supports (color: color-mix(in lab, red, red)) {
5274
- --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
5275
- }
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));
7098
+ --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));
7099
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5277
7100
  }
5278
7101
  }
5279
7102
  }
5280
- .hover\:to-indigo-700 {
7103
+ .hover\:shadow-md {
5281
7104
  &:hover {
5282
7105
  @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));
7106
+ --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));
7107
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5285
7108
  }
5286
7109
  }
5287
7110
  }
5288
- .hover\:text-blue-200 {
7111
+ .hover\:shadow-xl {
5289
7112
  &:hover {
5290
7113
  @media (hover: hover) {
5291
- color: var(--color-blue-200);
7114
+ --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));
7115
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5292
7116
  }
5293
7117
  }
5294
7118
  }
5295
- .hover\:text-blue-300 {
7119
+ .hover\:shadow-amber-100\/50 {
5296
7120
  &:hover {
5297
7121
  @media (hover: hover) {
5298
- color: var(--color-blue-300);
7122
+ --tw-shadow-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 50%, transparent);
7123
+ @supports (color: color-mix(in lab, red, red)) {
7124
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
7125
+ }
5299
7126
  }
5300
7127
  }
5301
7128
  }
5302
- .hover\:text-blue-600 {
7129
+ .hover\:shadow-amber-500\/20 {
5303
7130
  &:hover {
5304
7131
  @media (hover: hover) {
5305
- color: var(--color-blue-600);
7132
+ --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
7133
+ @supports (color: color-mix(in lab, red, red)) {
7134
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
7135
+ }
5306
7136
  }
5307
7137
  }
5308
7138
  }
5309
- .hover\:text-blue-700 {
7139
+ .hover\:shadow-blue-100\/50 {
5310
7140
  &:hover {
5311
7141
  @media (hover: hover) {
5312
- color: var(--color-blue-700);
7142
+ --tw-shadow-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 50%, transparent);
7143
+ @supports (color: color-mix(in lab, red, red)) {
7144
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
7145
+ }
5313
7146
  }
5314
7147
  }
5315
7148
  }
5316
- .hover\:text-blue-800 {
7149
+ .hover\:shadow-blue-300\/60 {
5317
7150
  &:hover {
5318
7151
  @media (hover: hover) {
5319
- color: var(--color-blue-800);
7152
+ --tw-shadow-color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 60%, transparent);
7153
+ @supports (color: color-mix(in lab, red, red)) {
7154
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-300) 60%, transparent) var(--tw-shadow-alpha), transparent);
7155
+ }
5320
7156
  }
5321
7157
  }
5322
7158
  }
5323
- .hover\:text-indigo-300 {
7159
+ .hover\:shadow-blue-500\/10 {
5324
7160
  &:hover {
5325
7161
  @media (hover: hover) {
5326
- color: var(--color-indigo-300);
7162
+ --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
7163
+ @supports (color: color-mix(in lab, red, red)) {
7164
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
7165
+ }
5327
7166
  }
5328
7167
  }
5329
7168
  }
5330
- .hover\:text-indigo-700 {
7169
+ .hover\:shadow-blue-500\/20 {
5331
7170
  &:hover {
5332
7171
  @media (hover: hover) {
5333
- color: var(--color-indigo-700);
7172
+ --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
7173
+ @supports (color: color-mix(in lab, red, red)) {
7174
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
7175
+ }
5334
7176
  }
5335
7177
  }
5336
7178
  }
5337
- .hover\:text-purple-200 {
7179
+ .hover\:shadow-blue-500\/30 {
5338
7180
  &:hover {
5339
7181
  @media (hover: hover) {
5340
- color: var(--color-purple-200);
7182
+ --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
7183
+ @supports (color: color-mix(in lab, red, red)) {
7184
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
7185
+ }
5341
7186
  }
5342
7187
  }
5343
7188
  }
5344
- .hover\:text-purple-800 {
7189
+ .hover\:shadow-emerald-100\/50 {
5345
7190
  &:hover {
5346
7191
  @media (hover: hover) {
5347
- color: var(--color-purple-800);
7192
+ --tw-shadow-color: color-mix(in srgb, oklch(95% 0.052 163.051) 50%, transparent);
7193
+ @supports (color: color-mix(in lab, red, red)) {
7194
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
7195
+ }
5348
7196
  }
5349
7197
  }
5350
7198
  }
5351
- .hover\:text-slate-100 {
7199
+ .hover\:shadow-emerald-200 {
5352
7200
  &:hover {
5353
7201
  @media (hover: hover) {
5354
- color: var(--color-slate-100);
7202
+ --tw-shadow-color: oklch(90.5% 0.093 164.15);
7203
+ @supports (color: color-mix(in lab, red, red)) {
7204
+ --tw-shadow-color: color-mix(in oklab, var(--color-emerald-200) var(--tw-shadow-alpha), transparent);
7205
+ }
5355
7206
  }
5356
7207
  }
5357
7208
  }
5358
- .hover\:text-slate-200 {
7209
+ .hover\:shadow-emerald-300\/60 {
5359
7210
  &:hover {
5360
7211
  @media (hover: hover) {
5361
- color: var(--color-slate-200);
7212
+ --tw-shadow-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 60%, transparent);
7213
+ @supports (color: color-mix(in lab, red, red)) {
7214
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-300) 60%, transparent) var(--tw-shadow-alpha), transparent);
7215
+ }
5362
7216
  }
5363
7217
  }
5364
7218
  }
5365
- .hover\:text-slate-300 {
7219
+ .hover\:shadow-emerald-500\/10 {
5366
7220
  &:hover {
5367
7221
  @media (hover: hover) {
5368
- color: var(--color-slate-300);
7222
+ --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
7223
+ @supports (color: color-mix(in lab, red, red)) {
7224
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
7225
+ }
5369
7226
  }
5370
7227
  }
5371
7228
  }
5372
- .hover\:text-slate-600 {
7229
+ .hover\:shadow-emerald-500\/30 {
5373
7230
  &:hover {
5374
7231
  @media (hover: hover) {
5375
- color: var(--color-slate-600);
7232
+ --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
7233
+ @supports (color: color-mix(in lab, red, red)) {
7234
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
7235
+ }
5376
7236
  }
5377
7237
  }
5378
7238
  }
5379
- .hover\:text-slate-800 {
7239
+ .hover\:shadow-emerald-500\/50 {
5380
7240
  &:hover {
5381
7241
  @media (hover: hover) {
5382
- color: var(--color-slate-800);
7242
+ --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
7243
+ @supports (color: color-mix(in lab, red, red)) {
7244
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
7245
+ }
5383
7246
  }
5384
7247
  }
5385
7248
  }
5386
- .hover\:text-slate-900 {
7249
+ .hover\:shadow-green-500\/40 {
5387
7250
  &:hover {
5388
7251
  @media (hover: hover) {
5389
- color: var(--color-slate-900);
7252
+ --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 40%, transparent);
7253
+ @supports (color: color-mix(in lab, red, red)) {
7254
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
7255
+ }
5390
7256
  }
5391
7257
  }
5392
7258
  }
5393
- .hover\:text-white {
7259
+ .hover\:shadow-orange-100\/50 {
5394
7260
  &:hover {
5395
7261
  @media (hover: hover) {
5396
- color: var(--color-white);
7262
+ --tw-shadow-color: color-mix(in srgb, oklch(95.4% 0.038 75.164) 50%, transparent);
7263
+ @supports (color: color-mix(in lab, red, red)) {
7264
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
7265
+ }
5397
7266
  }
5398
7267
  }
5399
7268
  }
5400
- .hover\:shadow-2xl {
7269
+ .hover\:shadow-orange-500\/10 {
5401
7270
  &:hover {
5402
7271
  @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);
7272
+ --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
7273
+ @supports (color: color-mix(in lab, red, red)) {
7274
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
7275
+ }
5405
7276
  }
5406
7277
  }
5407
7278
  }
5408
- .hover\:shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.2\)\] {
7279
+ .hover\:shadow-orange-500\/20 {
5409
7280
  &:hover {
5410
7281
  @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);
7282
+ --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
7283
+ @supports (color: color-mix(in lab, red, red)) {
7284
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
7285
+ }
5413
7286
  }
5414
7287
  }
5415
7288
  }
5416
- .hover\:shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.3\)\] {
7289
+ .hover\:shadow-purple-500\/20 {
5417
7290
  &:hover {
5418
7291
  @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);
7292
+ --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
7293
+ @supports (color: color-mix(in lab, red, red)) {
7294
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
7295
+ }
5421
7296
  }
5422
7297
  }
5423
7298
  }
5424
- .hover\:shadow-\[8px_8px_16px_rgba\(163\,163\,163\,0\.4\)\,-8px_-8px_16px_rgba\(255\,255\,255\,0\.9\)\] {
7299
+ .hover\:shadow-purple-500\/40 {
5425
7300
  &:hover {
5426
7301
  @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);
7302
+ --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 40%, transparent);
7303
+ @supports (color: color-mix(in lab, red, red)) {
7304
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
7305
+ }
5429
7306
  }
5430
7307
  }
5431
7308
  }
5432
- .hover\:shadow-lg {
7309
+ .hover\:shadow-red-100\/50 {
5433
7310
  &:hover {
5434
7311
  @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);
7312
+ --tw-shadow-color: color-mix(in srgb, oklch(93.6% 0.032 17.717) 50%, transparent);
7313
+ @supports (color: color-mix(in lab, red, red)) {
7314
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
7315
+ }
5437
7316
  }
5438
7317
  }
5439
7318
  }
5440
- .hover\:shadow-md {
7319
+ .hover\:shadow-red-200 {
5441
7320
  &:hover {
5442
7321
  @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);
7322
+ --tw-shadow-color: oklch(88.5% 0.062 18.334);
7323
+ @supports (color: color-mix(in lab, red, red)) {
7324
+ --tw-shadow-color: color-mix(in oklab, var(--color-red-200) var(--tw-shadow-alpha), transparent);
7325
+ }
5445
7326
  }
5446
7327
  }
5447
7328
  }
5448
- .hover\:shadow-xl {
7329
+ .hover\:shadow-red-500\/10 {
5449
7330
  &:hover {
5450
7331
  @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);
7332
+ --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
7333
+ @supports (color: color-mix(in lab, red, red)) {
7334
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
7335
+ }
5453
7336
  }
5454
7337
  }
5455
7338
  }
5456
- .hover\:shadow-blue-100\/50 {
7339
+ .hover\:shadow-red-500\/20 {
5457
7340
  &:hover {
5458
7341
  @media (hover: hover) {
5459
- --tw-shadow-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 50%, transparent);
7342
+ --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
5460
7343
  @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);
7344
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
5462
7345
  }
5463
7346
  }
5464
7347
  }
5465
7348
  }
5466
- .hover\:shadow-blue-300\/60 {
7349
+ .hover\:shadow-red-500\/50 {
5467
7350
  &:hover {
5468
7351
  @media (hover: hover) {
5469
- --tw-shadow-color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 60%, transparent);
7352
+ --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
5470
7353
  @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);
7354
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
5472
7355
  }
5473
7356
  }
5474
7357
  }
5475
7358
  }
5476
- .hover\:shadow-blue-500\/30 {
7359
+ .hover\:shadow-slate-900\/50 {
5477
7360
  &:hover {
5478
7361
  @media (hover: hover) {
5479
- --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
7362
+ --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
5480
7363
  @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);
7364
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 50%, transparent) var(--tw-shadow-alpha), transparent);
5482
7365
  }
5483
7366
  }
5484
7367
  }
5485
7368
  }
5486
- .hover\:shadow-emerald-300\/60 {
7369
+ .hover\:shadow-teal-500\/40 {
5487
7370
  &:hover {
5488
7371
  @media (hover: hover) {
5489
- --tw-shadow-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 60%, transparent);
7372
+ --tw-shadow-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 40%, transparent);
5490
7373
  @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);
7374
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
5492
7375
  }
5493
7376
  }
5494
7377
  }
5495
7378
  }
5496
- .hover\:shadow-emerald-500\/30 {
7379
+ .hover\:shadow-yellow-100\/50 {
5497
7380
  &:hover {
5498
7381
  @media (hover: hover) {
5499
- --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
7382
+ --tw-shadow-color: color-mix(in srgb, oklch(97.3% 0.071 103.193) 50%, transparent);
5500
7383
  @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);
7384
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
5502
7385
  }
5503
7386
  }
5504
7387
  }
5505
7388
  }
5506
- .hover\:shadow-slate-900\/50 {
7389
+ .hover\:shadow-yellow-500\/10 {
5507
7390
  &:hover {
5508
7391
  @media (hover: hover) {
5509
- --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
7392
+ --tw-shadow-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
5510
7393
  @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);
7394
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
5512
7395
  }
5513
7396
  }
5514
7397
  }
@@ -5763,6 +7646,11 @@
5763
7646
  max-width: var(--container-4xl);
5764
7647
  }
5765
7648
  }
7649
+ .sm\:max-w-5xl {
7650
+ @media (width >= 40rem) {
7651
+ max-width: var(--container-5xl);
7652
+ }
7653
+ }
5766
7654
  .sm\:max-w-6xl {
5767
7655
  @media (width >= 40rem) {
5768
7656
  max-width: var(--container-6xl);
@@ -5778,21 +7666,11 @@
5778
7666
  flex: 0 auto;
5779
7667
  }
5780
7668
  }
5781
- .sm\:flex-shrink-0 {
5782
- @media (width >= 40rem) {
5783
- flex-shrink: 0;
5784
- }
5785
- }
5786
7669
  .sm\:grid-cols-2 {
5787
7670
  @media (width >= 40rem) {
5788
7671
  grid-template-columns: repeat(2, minmax(0, 1fr));
5789
7672
  }
5790
7673
  }
5791
- .sm\:grid-cols-3 {
5792
- @media (width >= 40rem) {
5793
- grid-template-columns: repeat(3, minmax(0, 1fr));
5794
- }
5795
- }
5796
7674
  .sm\:grid-cols-\[1fr_auto\] {
5797
7675
  @media (width >= 40rem) {
5798
7676
  grid-template-columns: 1fr auto;
@@ -6055,6 +7933,16 @@
6055
7933
  text-align: right;
6056
7934
  }
6057
7935
  }
7936
+ .lg\:col-span-1 {
7937
+ @media (width >= 64rem) {
7938
+ grid-column: span 1 / span 1;
7939
+ }
7940
+ }
7941
+ .lg\:col-span-2 {
7942
+ @media (width >= 64rem) {
7943
+ grid-column: span 2 / span 2;
7944
+ }
7945
+ }
6058
7946
  .lg\:float-left {
6059
7947
  @media (width >= 64rem) {
6060
7948
  float: left;
@@ -6095,6 +7983,36 @@
6095
7983
  display: none;
6096
7984
  }
6097
7985
  }
7986
+ .lg\:w-1\/3 {
7987
+ @media (width >= 64rem) {
7988
+ width: calc(1/3 * 100%);
7989
+ }
7990
+ }
7991
+ .lg\:w-2\/3 {
7992
+ @media (width >= 64rem) {
7993
+ width: calc(2/3 * 100%);
7994
+ }
7995
+ }
7996
+ .lg\:w-12 {
7997
+ @media (width >= 64rem) {
7998
+ width: calc(var(--spacing) * 12);
7999
+ }
8000
+ }
8001
+ .lg\:w-80 {
8002
+ @media (width >= 64rem) {
8003
+ width: calc(var(--spacing) * 80);
8004
+ }
8005
+ }
8006
+ .lg\:w-full {
8007
+ @media (width >= 64rem) {
8008
+ width: 100%;
8009
+ }
8010
+ }
8011
+ .lg\:max-w-\[50\%\] {
8012
+ @media (width >= 64rem) {
8013
+ max-width: 50%;
8014
+ }
8015
+ }
6098
8016
  .lg\:max-w-\[66\%\] {
6099
8017
  @media (width >= 64rem) {
6100
8018
  max-width: 66%;
@@ -6115,6 +8033,16 @@
6115
8033
  grid-template-columns: repeat(4, minmax(0, 1fr));
6116
8034
  }
6117
8035
  }
8036
+ .lg\:flex-row {
8037
+ @media (width >= 64rem) {
8038
+ flex-direction: row;
8039
+ }
8040
+ }
8041
+ .lg\:flex-row-reverse {
8042
+ @media (width >= 64rem) {
8043
+ flex-direction: row-reverse;
8044
+ }
8045
+ }
6118
8046
  .lg\:p-8 {
6119
8047
  @media (width >= 64rem) {
6120
8048
  padding: calc(var(--spacing) * 8);
@@ -6173,6 +8101,46 @@
6173
8101
  border-color: var(--color-slate-700);
6174
8102
  }
6175
8103
  }
8104
+ .dark\:bg-amber-900\/30 {
8105
+ @media (prefers-color-scheme: dark) {
8106
+ background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
8107
+ @supports (color: color-mix(in lab, red, red)) {
8108
+ background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
8109
+ }
8110
+ }
8111
+ }
8112
+ .dark\:bg-blue-900\/30 {
8113
+ @media (prefers-color-scheme: dark) {
8114
+ background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
8115
+ @supports (color: color-mix(in lab, red, red)) {
8116
+ background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
8117
+ }
8118
+ }
8119
+ }
8120
+ .dark\:bg-emerald-900\/30 {
8121
+ @media (prefers-color-scheme: dark) {
8122
+ background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
8123
+ @supports (color: color-mix(in lab, red, red)) {
8124
+ background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
8125
+ }
8126
+ }
8127
+ }
8128
+ .dark\:bg-orange-900\/30 {
8129
+ @media (prefers-color-scheme: dark) {
8130
+ background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
8131
+ @supports (color: color-mix(in lab, red, red)) {
8132
+ background-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
8133
+ }
8134
+ }
8135
+ }
8136
+ .dark\:bg-red-900\/30 {
8137
+ @media (prefers-color-scheme: dark) {
8138
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
8139
+ @supports (color: color-mix(in lab, red, red)) {
8140
+ background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
8141
+ }
8142
+ }
8143
+ }
6176
8144
  .dark\:bg-slate-700 {
6177
8145
  @media (prefers-color-scheme: dark) {
6178
8146
  background-color: var(--color-slate-700);
@@ -6232,11 +8200,41 @@
6232
8200
  --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
8201
  }
6234
8202
  }
8203
+ .dark\:text-amber-300 {
8204
+ @media (prefers-color-scheme: dark) {
8205
+ color: var(--color-amber-300);
8206
+ }
8207
+ }
8208
+ .dark\:text-blue-300 {
8209
+ @media (prefers-color-scheme: dark) {
8210
+ color: var(--color-blue-300);
8211
+ }
8212
+ }
8213
+ .dark\:text-emerald-300 {
8214
+ @media (prefers-color-scheme: dark) {
8215
+ color: var(--color-emerald-300);
8216
+ }
8217
+ }
8218
+ .dark\:text-orange-300 {
8219
+ @media (prefers-color-scheme: dark) {
8220
+ color: var(--color-orange-300);
8221
+ }
8222
+ }
8223
+ .dark\:text-red-300 {
8224
+ @media (prefers-color-scheme: dark) {
8225
+ color: var(--color-red-300);
8226
+ }
8227
+ }
6235
8228
  .dark\:text-slate-300 {
6236
8229
  @media (prefers-color-scheme: dark) {
6237
8230
  color: var(--color-slate-300);
6238
8231
  }
6239
8232
  }
8233
+ .dark\:text-slate-500 {
8234
+ @media (prefers-color-scheme: dark) {
8235
+ color: var(--color-slate-500);
8236
+ }
8237
+ }
6240
8238
  .dark\:text-white {
6241
8239
  @media (prefers-color-scheme: dark) {
6242
8240
  color: var(--color-white);
@@ -6721,11 +8719,6 @@
6721
8719
  inherits: false;
6722
8720
  initial-value: 0 0 #0000;
6723
8721
  }
6724
- @property --tw-outline-style {
6725
- syntax: "*";
6726
- inherits: false;
6727
- initial-value: solid;
6728
- }
6729
8722
  @property --tw-blur {
6730
8723
  syntax: "*";
6731
8724
  inherits: false;
@@ -6848,6 +8841,16 @@
6848
8841
  opacity: 0.5;
6849
8842
  }
6850
8843
  }
8844
+ @keyframes bounce {
8845
+ 0%, 100% {
8846
+ transform: translateY(-25%);
8847
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
8848
+ }
8849
+ 50% {
8850
+ transform: none;
8851
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
8852
+ }
8853
+ }
6851
8854
  @layer properties {
6852
8855
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
6853
8856
  *, ::before, ::after, ::backdrop {
@@ -6893,7 +8896,6 @@
6893
8896
  --tw-ring-offset-width: 0px;
6894
8897
  --tw-ring-offset-color: #fff;
6895
8898
  --tw-ring-offset-shadow: 0 0 #0000;
6896
- --tw-outline-style: solid;
6897
8899
  --tw-blur: initial;
6898
8900
  --tw-brightness: initial;
6899
8901
  --tw-contrast: initial;