llms-py 3.0.0b5__py3-none-any.whl → 3.0.0b7__py3-none-any.whl

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 (55) hide show
  1. llms/__pycache__/main.cpython-314.pyc +0 -0
  2. llms/{ui/modules/analytics.mjs → extensions/analytics/ui/index.mjs} +4 -2
  3. llms/extensions/core_tools/__init__.py +358 -0
  4. llms/extensions/core_tools/__pycache__/__init__.cpython-314.pyc +0 -0
  5. llms/extensions/gallery/__init__.py +61 -0
  6. llms/extensions/gallery/__pycache__/__init__.cpython-314.pyc +0 -0
  7. llms/extensions/gallery/__pycache__/db.cpython-314.pyc +0 -0
  8. llms/extensions/gallery/db.py +298 -0
  9. llms/extensions/gallery/ui/index.mjs +480 -0
  10. llms/extensions/providers/__init__.py +18 -0
  11. llms/extensions/providers/__pycache__/__init__.cpython-314.pyc +0 -0
  12. llms/{providers → extensions/providers}/__pycache__/anthropic.cpython-314.pyc +0 -0
  13. llms/extensions/providers/__pycache__/chutes.cpython-314.pyc +0 -0
  14. llms/extensions/providers/__pycache__/google.cpython-314.pyc +0 -0
  15. llms/{providers → extensions/providers}/__pycache__/nvidia.cpython-314.pyc +0 -0
  16. llms/{providers → extensions/providers}/__pycache__/openai.cpython-314.pyc +0 -0
  17. llms/extensions/providers/__pycache__/openrouter.cpython-314.pyc +0 -0
  18. llms/{providers → extensions/providers}/anthropic.py +1 -4
  19. llms/{providers → extensions/providers}/chutes.py +21 -18
  20. llms/{providers → extensions/providers}/google.py +99 -27
  21. llms/{providers → extensions/providers}/nvidia.py +6 -8
  22. llms/{providers → extensions/providers}/openai.py +3 -6
  23. llms/{providers → extensions/providers}/openrouter.py +12 -10
  24. llms/extensions/system_prompts/__init__.py +45 -0
  25. llms/extensions/system_prompts/__pycache__/__init__.cpython-314.pyc +0 -0
  26. llms/extensions/system_prompts/ui/index.mjs +284 -0
  27. llms/extensions/system_prompts/ui/prompts.json +1067 -0
  28. llms/{ui/modules/tools.mjs → extensions/tools/ui/index.mjs} +4 -2
  29. llms/llms.json +17 -1
  30. llms/main.py +407 -175
  31. llms/providers-extra.json +0 -32
  32. llms/ui/App.mjs +17 -18
  33. llms/ui/ai.mjs +10 -3
  34. llms/ui/app.css +1553 -24
  35. llms/ui/ctx.mjs +70 -12
  36. llms/ui/index.mjs +13 -8
  37. llms/ui/modules/chat/ChatBody.mjs +11 -248
  38. llms/ui/modules/chat/HomeTools.mjs +254 -0
  39. llms/ui/modules/chat/SettingsDialog.mjs +1 -1
  40. llms/ui/modules/chat/index.mjs +278 -174
  41. llms/ui/modules/layout.mjs +2 -26
  42. llms/ui/modules/model-selector.mjs +1 -1
  43. llms/ui/modules/threads/index.mjs +5 -11
  44. llms/ui/modules/threads/threadStore.mjs +56 -2
  45. llms/ui/utils.mjs +21 -3
  46. {llms_py-3.0.0b5.dist-info → llms_py-3.0.0b7.dist-info}/METADATA +1 -1
  47. llms_py-3.0.0b7.dist-info/RECORD +80 -0
  48. llms/providers/__pycache__/chutes.cpython-314.pyc +0 -0
  49. llms/providers/__pycache__/google.cpython-314.pyc +0 -0
  50. llms/providers/__pycache__/openrouter.cpython-314.pyc +0 -0
  51. llms_py-3.0.0b5.dist-info/RECORD +0 -66
  52. {llms_py-3.0.0b5.dist-info → llms_py-3.0.0b7.dist-info}/WHEEL +0 -0
  53. {llms_py-3.0.0b5.dist-info → llms_py-3.0.0b7.dist-info}/entry_points.txt +0 -0
  54. {llms_py-3.0.0b5.dist-info → llms_py-3.0.0b7.dist-info}/licenses/LICENSE +0 -0
  55. {llms_py-3.0.0b5.dist-info → llms_py-3.0.0b7.dist-info}/top_level.txt +0 -0
llms/ui/app.css CHANGED
@@ -5,6 +5,7 @@
5
5
  :root, :host {
6
6
  --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
7
7
  'Noto Color Emoji';
8
+ --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
8
9
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
9
10
  monospace;
10
11
  --color-red-50: oklch(97.1% 0.013 17.38);
@@ -19,8 +20,12 @@
19
20
  --color-red-900: oklch(39.6% 0.141 25.723);
20
21
  --color-red-950: oklch(25.8% 0.092 26.042);
21
22
  --color-yellow-50: oklch(98.7% 0.026 102.212);
23
+ --color-yellow-100: oklch(97.3% 0.071 103.193);
22
24
  --color-yellow-200: oklch(94.5% 0.129 101.54);
25
+ --color-yellow-300: oklch(90.5% 0.182 98.111);
23
26
  --color-yellow-400: oklch(85.2% 0.199 91.936);
27
+ --color-yellow-500: oklch(79.5% 0.184 86.047);
28
+ --color-yellow-600: oklch(68.1% 0.162 75.834);
24
29
  --color-yellow-700: oklch(55.4% 0.135 66.442);
25
30
  --color-green-50: oklch(98.2% 0.018 155.826);
26
31
  --color-green-100: oklch(96.2% 0.044 156.743);
@@ -83,7 +88,10 @@
83
88
  --color-fuchsia-100: oklch(95.2% 0.037 318.852);
84
89
  --color-fuchsia-200: oklch(90.3% 0.076 319.62);
85
90
  --color-fuchsia-300: oklch(83.3% 0.145 321.434);
91
+ --color-fuchsia-400: oklch(74% 0.238 322.16);
92
+ --color-fuchsia-500: oklch(66.7% 0.295 322.15);
86
93
  --color-fuchsia-600: oklch(59.1% 0.293 322.896);
94
+ --color-fuchsia-700: oklch(51.8% 0.253 323.949);
87
95
  --color-fuchsia-800: oklch(45.2% 0.211 324.591);
88
96
  --color-fuchsia-900: oklch(40.1% 0.17 325.612);
89
97
  --color-slate-50: oklch(98.4% 0.003 247.858);
@@ -92,6 +100,7 @@
92
100
  --color-slate-500: oklch(55.4% 0.046 257.417);
93
101
  --color-slate-700: oklch(37.2% 0.044 257.287);
94
102
  --color-slate-900: oklch(20.8% 0.042 265.755);
103
+ --color-slate-950: oklch(12.9% 0.042 264.695);
95
104
  --color-gray-50: oklch(98.5% 0.002 247.839);
96
105
  --color-gray-100: oklch(96.7% 0.003 264.542);
97
106
  --color-gray-200: oklch(92.8% 0.006 264.531);
@@ -114,6 +123,7 @@
114
123
  --container-xl: 36rem;
115
124
  --container-2xl: 42rem;
116
125
  --container-3xl: 48rem;
126
+ --container-4xl: 56rem;
117
127
  --container-6xl: 72rem;
118
128
  --container-7xl: 80rem;
119
129
  --text-xs: 0.75rem;
@@ -130,21 +140,48 @@
130
140
  --text-2xl--line-height: calc(2 / 1.5);
131
141
  --text-3xl: 1.875rem;
132
142
  --text-3xl--line-height: calc(2.25 / 1.875);
143
+ --text-4xl: 2.25rem;
144
+ --text-4xl--line-height: calc(2.5 / 2.25);
145
+ --text-5xl: 3rem;
146
+ --text-5xl--line-height: 1;
147
+ --text-7xl: 4.5rem;
148
+ --text-7xl--line-height: 1;
149
+ --text-8xl: 6rem;
150
+ --text-8xl--line-height: 1;
151
+ --text-9xl: 8rem;
152
+ --text-9xl--line-height: 1;
133
153
  --font-weight-normal: 400;
134
154
  --font-weight-medium: 500;
135
155
  --font-weight-semibold: 600;
136
156
  --font-weight-bold: 700;
137
157
  --font-weight-extrabold: 800;
158
+ --font-weight-black: 900;
159
+ --tracking-tight: -0.025em;
160
+ --tracking-wide: 0.025em;
138
161
  --tracking-wider: 0.05em;
162
+ --tracking-widest: 0.1em;
163
+ --leading-tight: 1.25;
164
+ --leading-relaxed: 1.625;
165
+ --leading-loose: 2;
139
166
  --radius-sm: 0.25rem;
140
167
  --radius-md: 0.375rem;
141
168
  --radius-lg: 0.5rem;
142
169
  --radius-xl: 0.75rem;
170
+ --radius-2xl: 1rem;
171
+ --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
172
+ --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
173
+ --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
143
174
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
144
175
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
145
176
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
146
177
  --animate-spin: spin 1s linear infinite;
147
178
  --animate-bounce: bounce 1s infinite;
179
+ --blur-sm: 8px;
180
+ --blur-md: 12px;
181
+ --blur-xl: 24px;
182
+ --blur-2xl: 40px;
183
+ --blur-3xl: 64px;
184
+ --aspect-video: 16 / 9;
148
185
  --default-transition-duration: 150ms;
149
186
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
150
187
  --default-font-family: var(--font-sans);
@@ -350,6 +387,9 @@
350
387
  .inset-y-0 {
351
388
  inset-block: calc(var(--spacing) * 0);
352
389
  }
390
+ .-top-10 {
391
+ top: calc(var(--spacing) * -10);
392
+ }
353
393
  .top-0 {
354
394
  top: calc(var(--spacing) * 0);
355
395
  }
@@ -377,6 +417,18 @@
377
417
  .right-4 {
378
418
  right: calc(var(--spacing) * 4);
379
419
  }
420
+ .right-16 {
421
+ right: calc(var(--spacing) * 16);
422
+ }
423
+ .right-\[10\%\] {
424
+ right: 10%;
425
+ }
426
+ .-bottom-10 {
427
+ bottom: calc(var(--spacing) * -10);
428
+ }
429
+ .bottom-0 {
430
+ bottom: calc(var(--spacing) * 0);
431
+ }
380
432
  .bottom-2 {
381
433
  bottom: calc(var(--spacing) * 2);
382
434
  }
@@ -392,9 +444,15 @@
392
444
  .left-3 {
393
445
  left: calc(var(--spacing) * 3);
394
446
  }
447
+ .left-4 {
448
+ left: calc(var(--spacing) * 4);
449
+ }
395
450
  .left-\[2\.25rem\] {
396
451
  left: 2.25rem;
397
452
  }
453
+ .left-\[10\%\] {
454
+ left: 10%;
455
+ }
398
456
  .left-full {
399
457
  left: 100%;
400
458
  }
@@ -527,6 +585,9 @@
527
585
  .mt-10 {
528
586
  margin-top: calc(var(--spacing) * 10);
529
587
  }
588
+ .mt-12 {
589
+ margin-top: calc(var(--spacing) * 12);
590
+ }
530
591
  .mt-auto {
531
592
  margin-top: auto;
532
593
  }
@@ -563,6 +624,9 @@
563
624
  .mb-6 {
564
625
  margin-bottom: calc(var(--spacing) * 6);
565
626
  }
627
+ .mb-8 {
628
+ margin-bottom: calc(var(--spacing) * 8);
629
+ }
566
630
  .-ml-px {
567
631
  margin-left: -1px;
568
632
  }
@@ -620,6 +684,15 @@
620
684
  .table {
621
685
  display: table;
622
686
  }
687
+ .aspect-\[3\/4\] {
688
+ aspect-ratio: 3/4;
689
+ }
690
+ .aspect-square {
691
+ aspect-ratio: 1 / 1;
692
+ }
693
+ .aspect-video {
694
+ aspect-ratio: var(--aspect-video);
695
+ }
623
696
  .size-3 {
624
697
  width: calc(var(--spacing) * 3);
625
698
  height: calc(var(--spacing) * 3);
@@ -652,6 +725,12 @@
652
725
  width: calc(var(--spacing) * 20);
653
726
  height: calc(var(--spacing) * 20);
654
727
  }
728
+ .h-1 {
729
+ height: calc(var(--spacing) * 1);
730
+ }
731
+ .h-1\.5 {
732
+ height: calc(var(--spacing) * 1.5);
733
+ }
655
734
  .h-2 {
656
735
  height: calc(var(--spacing) * 2);
657
736
  }
@@ -682,6 +761,9 @@
682
761
  .h-16 {
683
762
  height: calc(var(--spacing) * 16);
684
763
  }
764
+ .h-20 {
765
+ height: calc(var(--spacing) * 20);
766
+ }
685
767
  .h-80 {
686
768
  height: calc(var(--spacing) * 80);
687
769
  }
@@ -694,6 +776,9 @@
694
776
  .h-full {
695
777
  height: 100%;
696
778
  }
779
+ .h-px {
780
+ height: 1px;
781
+ }
697
782
  .h-screen {
698
783
  height: 100vh;
699
784
  }
@@ -724,6 +809,9 @@
724
809
  .min-h-16 {
725
810
  min-height: calc(var(--spacing) * 16);
726
811
  }
812
+ .min-h-\[220px\] {
813
+ min-height: 220px;
814
+ }
727
815
  .min-h-full {
728
816
  min-height: 100%;
729
817
  }
@@ -769,6 +857,9 @@
769
857
  .w-48 {
770
858
  width: calc(var(--spacing) * 48);
771
859
  }
860
+ .w-64 {
861
+ width: calc(var(--spacing) * 64);
862
+ }
772
863
  .w-72 {
773
864
  width: calc(var(--spacing) * 72);
774
865
  }
@@ -790,6 +881,9 @@
790
881
  .max-w-3xl {
791
882
  max-width: var(--container-3xl);
792
883
  }
884
+ .max-w-4xl {
885
+ max-width: var(--container-4xl);
886
+ }
793
887
  .max-w-6xl {
794
888
  max-width: var(--container-6xl);
795
889
  }
@@ -808,6 +902,9 @@
808
902
  .max-w-\[400px\] {
809
903
  max-width: 400px;
810
904
  }
905
+ .max-w-\[1600px\] {
906
+ max-width: 1600px;
907
+ }
811
908
  .max-w-full {
812
909
  max-width: 100%;
813
910
  }
@@ -823,6 +920,9 @@
823
920
  .min-w-0 {
824
921
  min-width: calc(var(--spacing) * 0);
825
922
  }
923
+ .min-w-\[4\.5rem\] {
924
+ min-width: 4.5rem;
925
+ }
826
926
  .min-w-\[120px\] {
827
927
  min-width: 120px;
828
928
  }
@@ -883,6 +983,10 @@
883
983
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
884
984
  translate: var(--tw-translate-x) var(--tw-translate-y);
885
985
  }
986
+ .-translate-x-1\/4 {
987
+ --tw-translate-x: calc(calc(1/4 * 100%) * -1);
988
+ translate: var(--tw-translate-x) var(--tw-translate-y);
989
+ }
886
990
  .-translate-x-full {
887
991
  --tw-translate-x: -100%;
888
992
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -891,6 +995,14 @@
891
995
  --tw-translate-x: calc(var(--spacing) * 0);
892
996
  translate: var(--tw-translate-x) var(--tw-translate-y);
893
997
  }
998
+ .translate-x-1 {
999
+ --tw-translate-x: calc(var(--spacing) * 1);
1000
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1001
+ }
1002
+ .translate-x-1\/4 {
1003
+ --tw-translate-x: calc(1/4 * 100%);
1004
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1005
+ }
894
1006
  .translate-x-5 {
895
1007
  --tw-translate-x: calc(var(--spacing) * 5);
896
1008
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -907,14 +1019,32 @@
907
1019
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
908
1020
  translate: var(--tw-translate-x) var(--tw-translate-y);
909
1021
  }
1022
+ .-translate-y-1\/4 {
1023
+ --tw-translate-y: calc(calc(1/4 * 100%) * -1);
1024
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1025
+ }
910
1026
  .translate-y-0 {
911
1027
  --tw-translate-y: calc(var(--spacing) * 0);
912
1028
  translate: var(--tw-translate-x) var(--tw-translate-y);
913
1029
  }
1030
+ .translate-y-1 {
1031
+ --tw-translate-y: calc(var(--spacing) * 1);
1032
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1033
+ }
1034
+ .translate-y-1\/4 {
1035
+ --tw-translate-y: calc(1/4 * 100%);
1036
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1037
+ }
914
1038
  .translate-y-4 {
915
1039
  --tw-translate-y: calc(var(--spacing) * 4);
916
1040
  translate: var(--tw-translate-x) var(--tw-translate-y);
917
1041
  }
1042
+ .-rotate-12 {
1043
+ rotate: calc(12deg * -1);
1044
+ }
1045
+ .rotate-12 {
1046
+ rotate: 12deg;
1047
+ }
918
1048
  .rotate-90 {
919
1049
  rotate: 90deg;
920
1050
  }
@@ -1052,6 +1182,13 @@
1052
1182
  margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
1053
1183
  }
1054
1184
  }
1185
+ .space-y-8 {
1186
+ :where(& > :not(:last-child)) {
1187
+ --tw-space-y-reverse: 0;
1188
+ margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
1189
+ margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
1190
+ }
1191
+ }
1055
1192
  .gap-x-1 {
1056
1193
  column-gap: calc(var(--spacing) * 1);
1057
1194
  }
@@ -1148,6 +1285,9 @@
1148
1285
  .self-center {
1149
1286
  align-self: center;
1150
1287
  }
1288
+ .self-start {
1289
+ align-self: flex-start;
1290
+ }
1151
1291
  .truncate {
1152
1292
  overflow: hidden;
1153
1293
  text-overflow: ellipsis;
@@ -1168,6 +1308,9 @@
1168
1308
  .rounded {
1169
1309
  border-radius: 0.25rem;
1170
1310
  }
1311
+ .rounded-2xl {
1312
+ border-radius: var(--radius-2xl);
1313
+ }
1171
1314
  .rounded-full {
1172
1315
  border-radius: calc(infinity * 1px);
1173
1316
  }
@@ -1203,6 +1346,10 @@
1203
1346
  border-style: var(--tw-border-style);
1204
1347
  border-width: 2px;
1205
1348
  }
1349
+ .border-8 {
1350
+ border-style: var(--tw-border-style);
1351
+ border-width: 8px;
1352
+ }
1206
1353
  .border-y {
1207
1354
  border-block-style: var(--tw-border-style);
1208
1355
  border-block-width: 1px;
@@ -1223,6 +1370,10 @@
1223
1370
  border-bottom-style: var(--tw-border-style);
1224
1371
  border-bottom-width: 2px;
1225
1372
  }
1373
+ .border-b-8 {
1374
+ border-bottom-style: var(--tw-border-style);
1375
+ border-bottom-width: 8px;
1376
+ }
1226
1377
  .border-l {
1227
1378
  border-left-style: var(--tw-border-style);
1228
1379
  border-left-width: 1px;
@@ -1231,6 +1382,14 @@
1231
1382
  border-left-style: var(--tw-border-style);
1232
1383
  border-left-width: 4px;
1233
1384
  }
1385
+ .border-dashed {
1386
+ --tw-border-style: dashed;
1387
+ border-style: dashed;
1388
+ }
1389
+ .border-double {
1390
+ --tw-border-style: double;
1391
+ border-style: double;
1392
+ }
1234
1393
  .border-none {
1235
1394
  --tw-border-style: none;
1236
1395
  border-style: none;
@@ -1247,12 +1406,24 @@
1247
1406
  .border-blue-500 {
1248
1407
  border-color: var(--color-blue-500);
1249
1408
  }
1409
+ .border-blue-500\/20 {
1410
+ border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
1411
+ @supports (color: color-mix(in lab, red, red)) {
1412
+ border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
1413
+ }
1414
+ }
1250
1415
  .border-blue-600 {
1251
1416
  border-color: var(--color-blue-600);
1252
1417
  }
1253
1418
  .border-fuchsia-200 {
1254
1419
  border-color: var(--color-fuchsia-200);
1255
1420
  }
1421
+ .border-fuchsia-500 {
1422
+ border-color: var(--color-fuchsia-500);
1423
+ }
1424
+ .border-fuchsia-600 {
1425
+ border-color: var(--color-fuchsia-600);
1426
+ }
1256
1427
  .border-gray-100 {
1257
1428
  border-color: var(--color-gray-100);
1258
1429
  }
@@ -1289,12 +1460,75 @@
1289
1460
  .border-red-400 {
1290
1461
  border-color: var(--color-red-400);
1291
1462
  }
1463
+ .border-red-800 {
1464
+ border-color: var(--color-red-800);
1465
+ }
1466
+ .border-red-800\/20 {
1467
+ border-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 20%, transparent);
1468
+ @supports (color: color-mix(in lab, red, red)) {
1469
+ border-color: color-mix(in oklab, var(--color-red-800) 20%, transparent);
1470
+ }
1471
+ }
1292
1472
  .border-transparent {
1293
1473
  border-color: transparent;
1294
1474
  }
1475
+ .border-white {
1476
+ border-color: var(--color-white);
1477
+ }
1478
+ .border-white\/5 {
1479
+ border-color: color-mix(in srgb, #fff 5%, transparent);
1480
+ @supports (color: color-mix(in lab, red, red)) {
1481
+ border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
1482
+ }
1483
+ }
1484
+ .border-white\/10 {
1485
+ border-color: color-mix(in srgb, #fff 10%, transparent);
1486
+ @supports (color: color-mix(in lab, red, red)) {
1487
+ border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1488
+ }
1489
+ }
1490
+ .border-white\/20 {
1491
+ border-color: color-mix(in srgb, #fff 20%, transparent);
1492
+ @supports (color: color-mix(in lab, red, red)) {
1493
+ border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
1494
+ }
1495
+ }
1496
+ .border-white\/30 {
1497
+ border-color: color-mix(in srgb, #fff 30%, transparent);
1498
+ @supports (color: color-mix(in lab, red, red)) {
1499
+ border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
1500
+ }
1501
+ }
1295
1502
  .border-yellow-400 {
1296
1503
  border-color: var(--color-yellow-400);
1297
1504
  }
1505
+ .border-yellow-500 {
1506
+ border-color: var(--color-yellow-500);
1507
+ }
1508
+ .border-yellow-500\/30 {
1509
+ border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
1510
+ @supports (color: color-mix(in lab, red, red)) {
1511
+ border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
1512
+ }
1513
+ }
1514
+ .border-yellow-600 {
1515
+ border-color: var(--color-yellow-600);
1516
+ }
1517
+ .border-yellow-600\/30 {
1518
+ border-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 30%, transparent);
1519
+ @supports (color: color-mix(in lab, red, red)) {
1520
+ border-color: color-mix(in oklab, var(--color-yellow-600) 30%, transparent);
1521
+ }
1522
+ }
1523
+ .bg-\[\#111111\] {
1524
+ background-color: #111111;
1525
+ }
1526
+ .bg-\[\#161616\] {
1527
+ background-color: #161616;
1528
+ }
1529
+ .bg-\[\#fdfbf7\] {
1530
+ background-color: #fdfbf7;
1531
+ }
1298
1532
  .bg-black {
1299
1533
  background-color: var(--color-black);
1300
1534
  }
@@ -1316,15 +1550,39 @@
1316
1550
  background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
1317
1551
  }
1318
1552
  }
1553
+ .bg-black\/95 {
1554
+ background-color: color-mix(in srgb, #000 95%, transparent);
1555
+ @supports (color: color-mix(in lab, red, red)) {
1556
+ background-color: color-mix(in oklab, var(--color-black) 95%, transparent);
1557
+ }
1558
+ }
1319
1559
  .bg-blue-50 {
1320
1560
  background-color: var(--color-blue-50);
1321
1561
  }
1322
1562
  .bg-blue-100 {
1323
1563
  background-color: var(--color-blue-100);
1324
1564
  }
1565
+ .bg-blue-500 {
1566
+ background-color: var(--color-blue-500);
1567
+ }
1568
+ .bg-blue-500\/10 {
1569
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
1570
+ @supports (color: color-mix(in lab, red, red)) {
1571
+ background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
1572
+ }
1573
+ }
1574
+ .bg-blue-500\/20 {
1575
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
1576
+ @supports (color: color-mix(in lab, red, red)) {
1577
+ background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
1578
+ }
1579
+ }
1325
1580
  .bg-blue-600 {
1326
1581
  background-color: var(--color-blue-600);
1327
1582
  }
1583
+ .bg-current {
1584
+ background-color: currentcolor;
1585
+ }
1328
1586
  .bg-cyan-600 {
1329
1587
  background-color: var(--color-cyan-600);
1330
1588
  }
@@ -1334,6 +1592,9 @@
1334
1592
  .bg-fuchsia-600 {
1335
1593
  background-color: var(--color-fuchsia-600);
1336
1594
  }
1595
+ .bg-fuchsia-700 {
1596
+ background-color: var(--color-fuchsia-700);
1597
+ }
1337
1598
  .bg-gray-50 {
1338
1599
  background-color: var(--color-gray-50);
1339
1600
  }
@@ -1370,9 +1631,42 @@
1370
1631
  .bg-gray-700 {
1371
1632
  background-color: var(--color-gray-700);
1372
1633
  }
1634
+ .bg-gray-800 {
1635
+ background-color: var(--color-gray-800);
1636
+ }
1637
+ .bg-gray-800\/20 {
1638
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 20%, transparent);
1639
+ @supports (color: color-mix(in lab, red, red)) {
1640
+ background-color: color-mix(in oklab, var(--color-gray-800) 20%, transparent);
1641
+ }
1642
+ }
1643
+ .bg-gray-800\/30 {
1644
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 30%, transparent);
1645
+ @supports (color: color-mix(in lab, red, red)) {
1646
+ background-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent);
1647
+ }
1648
+ }
1649
+ .bg-gray-800\/40 {
1650
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 40%, transparent);
1651
+ @supports (color: color-mix(in lab, red, red)) {
1652
+ background-color: color-mix(in oklab, var(--color-gray-800) 40%, transparent);
1653
+ }
1654
+ }
1655
+ .bg-gray-800\/50 {
1656
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
1657
+ @supports (color: color-mix(in lab, red, red)) {
1658
+ background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
1659
+ }
1660
+ }
1373
1661
  .bg-gray-900 {
1374
1662
  background-color: var(--color-gray-900);
1375
1663
  }
1664
+ .bg-gray-900\/50 {
1665
+ background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
1666
+ @supports (color: color-mix(in lab, red, red)) {
1667
+ background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
1668
+ }
1669
+ }
1376
1670
  .bg-gray-900\/80 {
1377
1671
  background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 80%, transparent);
1378
1672
  @supports (color: color-mix(in lab, red, red)) {
@@ -1421,6 +1715,12 @@
1421
1715
  .bg-sky-600 {
1422
1716
  background-color: var(--color-sky-600);
1423
1717
  }
1718
+ .bg-slate-50 {
1719
+ background-color: var(--color-slate-50);
1720
+ }
1721
+ .bg-slate-50\! {
1722
+ background-color: var(--color-slate-50) !important;
1723
+ }
1424
1724
  .bg-slate-400 {
1425
1725
  background-color: var(--color-slate-400);
1426
1726
  }
@@ -1436,9 +1736,188 @@
1436
1736
  .bg-white {
1437
1737
  background-color: var(--color-white);
1438
1738
  }
1739
+ .bg-white\/10 {
1740
+ background-color: color-mix(in srgb, #fff 10%, transparent);
1741
+ @supports (color: color-mix(in lab, red, red)) {
1742
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1743
+ }
1744
+ }
1745
+ .bg-white\/40 {
1746
+ background-color: color-mix(in srgb, #fff 40%, transparent);
1747
+ @supports (color: color-mix(in lab, red, red)) {
1748
+ background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
1749
+ }
1750
+ }
1751
+ .bg-white\/80 {
1752
+ background-color: color-mix(in srgb, #fff 80%, transparent);
1753
+ @supports (color: color-mix(in lab, red, red)) {
1754
+ background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
1755
+ }
1756
+ }
1757
+ .bg-white\/95 {
1758
+ background-color: color-mix(in srgb, #fff 95%, transparent);
1759
+ @supports (color: color-mix(in lab, red, red)) {
1760
+ background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
1761
+ }
1762
+ }
1439
1763
  .bg-yellow-50 {
1440
1764
  background-color: var(--color-yellow-50);
1441
1765
  }
1766
+ .bg-yellow-400 {
1767
+ background-color: var(--color-yellow-400);
1768
+ }
1769
+ .bg-gradient-to-b {
1770
+ --tw-gradient-position: to bottom in oklab;
1771
+ background-image: linear-gradient(var(--tw-gradient-stops));
1772
+ }
1773
+ .bg-gradient-to-br {
1774
+ --tw-gradient-position: to bottom right in oklab;
1775
+ background-image: linear-gradient(var(--tw-gradient-stops));
1776
+ }
1777
+ .bg-gradient-to-r {
1778
+ --tw-gradient-position: to right in oklab;
1779
+ background-image: linear-gradient(var(--tw-gradient-stops));
1780
+ }
1781
+ .bg-gradient-to-t {
1782
+ --tw-gradient-position: to top in oklab;
1783
+ background-image: linear-gradient(var(--tw-gradient-stops));
1784
+ }
1785
+ .from-black {
1786
+ --tw-gradient-from: var(--color-black);
1787
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1788
+ }
1789
+ .from-black\/80 {
1790
+ --tw-gradient-from: color-mix(in srgb, #000 80%, transparent);
1791
+ @supports (color: color-mix(in lab, red, red)) {
1792
+ --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent);
1793
+ }
1794
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1795
+ }
1796
+ .from-black\/90 {
1797
+ --tw-gradient-from: color-mix(in srgb, #000 90%, transparent);
1798
+ @supports (color: color-mix(in lab, red, red)) {
1799
+ --tw-gradient-from: color-mix(in oklab, var(--color-black) 90%, transparent);
1800
+ }
1801
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1802
+ }
1803
+ .from-blue-400 {
1804
+ --tw-gradient-from: var(--color-blue-400);
1805
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1806
+ }
1807
+ .from-blue-600 {
1808
+ --tw-gradient-from: var(--color-blue-600);
1809
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1810
+ }
1811
+ .from-green-900 {
1812
+ --tw-gradient-from: var(--color-green-900);
1813
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1814
+ }
1815
+ .from-purple-600 {
1816
+ --tw-gradient-from: var(--color-purple-600);
1817
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1818
+ }
1819
+ .from-red-700 {
1820
+ --tw-gradient-from: var(--color-red-700);
1821
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1822
+ }
1823
+ .from-transparent {
1824
+ --tw-gradient-from: transparent;
1825
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1826
+ }
1827
+ .from-yellow-200 {
1828
+ --tw-gradient-from: var(--color-yellow-200);
1829
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1830
+ }
1831
+ .from-yellow-300 {
1832
+ --tw-gradient-from: var(--color-yellow-300);
1833
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1834
+ }
1835
+ .from-yellow-400 {
1836
+ --tw-gradient-from: var(--color-yellow-400);
1837
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1838
+ }
1839
+ .via-black {
1840
+ --tw-gradient-via: var(--color-black);
1841
+ --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);
1842
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1843
+ }
1844
+ .via-black\/20 {
1845
+ --tw-gradient-via: color-mix(in srgb, #000 20%, transparent);
1846
+ @supports (color: color-mix(in lab, red, red)) {
1847
+ --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent);
1848
+ }
1849
+ --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);
1850
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1851
+ }
1852
+ .via-green-800 {
1853
+ --tw-gradient-via: var(--color-green-800);
1854
+ --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);
1855
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1856
+ }
1857
+ .via-indigo-400 {
1858
+ --tw-gradient-via: var(--color-indigo-400);
1859
+ --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);
1860
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1861
+ }
1862
+ .via-indigo-600 {
1863
+ --tw-gradient-via: var(--color-indigo-600);
1864
+ --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);
1865
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1866
+ }
1867
+ .via-red-800 {
1868
+ --tw-gradient-via: var(--color-red-800);
1869
+ --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);
1870
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1871
+ }
1872
+ .via-yellow-100 {
1873
+ --tw-gradient-via: var(--color-yellow-100);
1874
+ --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);
1875
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1876
+ }
1877
+ .via-yellow-400 {
1878
+ --tw-gradient-via: var(--color-yellow-400);
1879
+ --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);
1880
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1881
+ }
1882
+ .to-green-900 {
1883
+ --tw-gradient-to: var(--color-green-900);
1884
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1885
+ }
1886
+ .to-indigo-600 {
1887
+ --tw-gradient-to: var(--color-indigo-600);
1888
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1889
+ }
1890
+ .to-purple-400 {
1891
+ --tw-gradient-to: var(--color-purple-400);
1892
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1893
+ }
1894
+ .to-purple-600 {
1895
+ --tw-gradient-to: var(--color-purple-600);
1896
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1897
+ }
1898
+ .to-red-900 {
1899
+ --tw-gradient-to: var(--color-red-900);
1900
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1901
+ }
1902
+ .to-transparent {
1903
+ --tw-gradient-to: transparent;
1904
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1905
+ }
1906
+ .to-yellow-200 {
1907
+ --tw-gradient-to: var(--color-yellow-200);
1908
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1909
+ }
1910
+ .to-yellow-300 {
1911
+ --tw-gradient-to: var(--color-yellow-300);
1912
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1913
+ }
1914
+ .to-yellow-600 {
1915
+ --tw-gradient-to: var(--color-yellow-600);
1916
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1917
+ }
1918
+ .bg-clip-text {
1919
+ background-clip: text;
1920
+ }
1442
1921
  .mask-repeat {
1443
1922
  mask-repeat: repeat;
1444
1923
  }
@@ -1475,6 +1954,9 @@
1475
1954
  .p-4 {
1476
1955
  padding: calc(var(--spacing) * 4);
1477
1956
  }
1957
+ .p-5 {
1958
+ padding: calc(var(--spacing) * 5);
1959
+ }
1478
1960
  .p-6 {
1479
1961
  padding: calc(var(--spacing) * 6);
1480
1962
  }
@@ -1499,6 +1981,12 @@
1499
1981
  .px-6 {
1500
1982
  padding-inline: calc(var(--spacing) * 6);
1501
1983
  }
1984
+ .px-8 {
1985
+ padding-inline: calc(var(--spacing) * 8);
1986
+ }
1987
+ .px-12 {
1988
+ padding-inline: calc(var(--spacing) * 12);
1989
+ }
1502
1990
  .py-0 {
1503
1991
  padding-block: calc(var(--spacing) * 0);
1504
1992
  }
@@ -1514,6 +2002,9 @@
1514
2002
  .py-2 {
1515
2003
  padding-block: calc(var(--spacing) * 2);
1516
2004
  }
2005
+ .py-2\.5 {
2006
+ padding-block: calc(var(--spacing) * 2.5);
2007
+ }
1517
2008
  .py-3 {
1518
2009
  padding-block: calc(var(--spacing) * 3);
1519
2010
  }
@@ -1529,6 +2020,9 @@
1529
2020
  .py-8 {
1530
2021
  padding-block: calc(var(--spacing) * 8);
1531
2022
  }
2023
+ .py-10 {
2024
+ padding-block: calc(var(--spacing) * 10);
2025
+ }
1532
2026
  .py-12 {
1533
2027
  padding-block: calc(var(--spacing) * 12);
1534
2028
  }
@@ -1649,6 +2143,9 @@
1649
2143
  .font-sans {
1650
2144
  font-family: var(--font-sans);
1651
2145
  }
2146
+ .font-serif {
2147
+ font-family: var(--font-serif);
2148
+ }
1652
2149
  .text-2xl {
1653
2150
  font-size: var(--text-2xl);
1654
2151
  line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -1657,6 +2154,22 @@
1657
2154
  font-size: var(--text-3xl);
1658
2155
  line-height: var(--tw-leading, var(--text-3xl--line-height));
1659
2156
  }
2157
+ .text-4xl {
2158
+ font-size: var(--text-4xl);
2159
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
2160
+ }
2161
+ .text-5xl {
2162
+ font-size: var(--text-5xl);
2163
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
2164
+ }
2165
+ .text-8xl {
2166
+ font-size: var(--text-8xl);
2167
+ line-height: var(--tw-leading, var(--text-8xl--line-height));
2168
+ }
2169
+ .text-9xl {
2170
+ font-size: var(--text-9xl);
2171
+ line-height: var(--tw-leading, var(--text-9xl--line-height));
2172
+ }
1660
2173
  .text-base {
1661
2174
  font-size: var(--text-base);
1662
2175
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -1699,6 +2212,22 @@
1699
2212
  --tw-leading: calc(var(--spacing) * 7);
1700
2213
  line-height: calc(var(--spacing) * 7);
1701
2214
  }
2215
+ .leading-loose {
2216
+ --tw-leading: var(--leading-loose);
2217
+ line-height: var(--leading-loose);
2218
+ }
2219
+ .leading-relaxed {
2220
+ --tw-leading: var(--leading-relaxed);
2221
+ line-height: var(--leading-relaxed);
2222
+ }
2223
+ .leading-tight {
2224
+ --tw-leading: var(--leading-tight);
2225
+ line-height: var(--leading-tight);
2226
+ }
2227
+ .font-black {
2228
+ --tw-font-weight: var(--font-weight-black);
2229
+ font-weight: var(--font-weight-black);
2230
+ }
1702
2231
  .font-bold {
1703
2232
  --tw-font-weight: var(--font-weight-bold);
1704
2233
  font-weight: var(--font-weight-bold);
@@ -1719,10 +2248,22 @@
1719
2248
  --tw-font-weight: var(--font-weight-semibold);
1720
2249
  font-weight: var(--font-weight-semibold);
1721
2250
  }
2251
+ .tracking-tight {
2252
+ --tw-tracking: var(--tracking-tight);
2253
+ letter-spacing: var(--tracking-tight);
2254
+ }
2255
+ .tracking-wide {
2256
+ --tw-tracking: var(--tracking-wide);
2257
+ letter-spacing: var(--tracking-wide);
2258
+ }
1722
2259
  .tracking-wider {
1723
2260
  --tw-tracking: var(--tracking-wider);
1724
2261
  letter-spacing: var(--tracking-wider);
1725
2262
  }
2263
+ .tracking-widest {
2264
+ --tw-tracking: var(--tracking-widest);
2265
+ letter-spacing: var(--tracking-widest);
2266
+ }
1726
2267
  .text-wrap {
1727
2268
  text-wrap: wrap;
1728
2269
  }
@@ -1744,6 +2285,15 @@
1744
2285
  .text-black {
1745
2286
  color: var(--color-black);
1746
2287
  }
2288
+ .text-blue-300 {
2289
+ color: var(--color-blue-300);
2290
+ }
2291
+ .text-blue-300\/80 {
2292
+ color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 80%, transparent);
2293
+ @supports (color: color-mix(in lab, red, red)) {
2294
+ color: color-mix(in oklab, var(--color-blue-300) 80%, transparent);
2295
+ }
2296
+ }
1747
2297
  .text-blue-400 {
1748
2298
  color: var(--color-blue-400);
1749
2299
  }
@@ -1858,6 +2408,9 @@
1858
2408
  .text-slate-500 {
1859
2409
  color: var(--color-slate-500);
1860
2410
  }
2411
+ .text-transparent {
2412
+ color: transparent;
2413
+ }
1861
2414
  .text-white {
1862
2415
  color: var(--color-white);
1863
2416
  }
@@ -1867,9 +2420,27 @@
1867
2420
  color: color-mix(in oklab, var(--color-white) 70%, transparent);
1868
2421
  }
1869
2422
  }
2423
+ .text-yellow-100 {
2424
+ color: var(--color-yellow-100);
2425
+ }
2426
+ .text-yellow-100\/90 {
2427
+ color: color-mix(in srgb, oklch(97.3% 0.071 103.193) 90%, transparent);
2428
+ @supports (color: color-mix(in lab, red, red)) {
2429
+ color: color-mix(in oklab, var(--color-yellow-100) 90%, transparent);
2430
+ }
2431
+ }
1870
2432
  .text-yellow-400 {
1871
2433
  color: var(--color-yellow-400);
1872
2434
  }
2435
+ .text-yellow-500 {
2436
+ color: var(--color-yellow-500);
2437
+ }
2438
+ .text-yellow-500\/60 {
2439
+ color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 60%, transparent);
2440
+ @supports (color: color-mix(in lab, red, red)) {
2441
+ color: color-mix(in oklab, var(--color-yellow-500) 60%, transparent);
2442
+ }
2443
+ }
1873
2444
  .text-yellow-700 {
1874
2445
  color: var(--color-yellow-700);
1875
2446
  }
@@ -1891,6 +2462,11 @@
1891
2462
  .underline {
1892
2463
  text-decoration-line: underline;
1893
2464
  }
2465
+ .placeholder-gray-300 {
2466
+ &::placeholder {
2467
+ color: var(--color-gray-300);
2468
+ }
2469
+ }
1894
2470
  .placeholder-gray-400 {
1895
2471
  &::placeholder {
1896
2472
  color: var(--color-gray-400);
@@ -1901,6 +2477,11 @@
1901
2477
  color: var(--color-gray-500);
1902
2478
  }
1903
2479
  }
2480
+ .placeholder-gray-600 {
2481
+ &::placeholder {
2482
+ color: var(--color-gray-600);
2483
+ }
2484
+ }
1904
2485
  .placeholder-red-300 {
1905
2486
  &::placeholder {
1906
2487
  color: var(--color-red-300);
@@ -1909,9 +2490,18 @@
1909
2490
  .opacity-0 {
1910
2491
  opacity: 0%;
1911
2492
  }
2493
+ .opacity-10 {
2494
+ opacity: 10%;
2495
+ }
2496
+ .opacity-20 {
2497
+ opacity: 20%;
2498
+ }
1912
2499
  .opacity-25 {
1913
2500
  opacity: 25%;
1914
2501
  }
2502
+ .opacity-50 {
2503
+ opacity: 50%;
2504
+ }
1915
2505
  .opacity-60 {
1916
2506
  opacity: 60%;
1917
2507
  }
@@ -1921,9 +2511,15 @@
1921
2511
  .opacity-75 {
1922
2512
  opacity: 75%;
1923
2513
  }
2514
+ .opacity-90 {
2515
+ opacity: 90%;
2516
+ }
1924
2517
  .opacity-100 {
1925
2518
  opacity: 100%;
1926
2519
  }
2520
+ .mix-blend-overlay {
2521
+ mix-blend-mode: overlay;
2522
+ }
1927
2523
  .\!shadow-none {
1928
2524
  --tw-shadow: 0 0 #0000 !important;
1929
2525
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
@@ -1936,6 +2532,22 @@
1936
2532
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1937
2533
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1938
2534
  }
2535
+ .shadow-\[0_0_10px_rgba\(250\,204\,21\,0\.5\)\] {
2536
+ --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(250,204,21,0.5));
2537
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2538
+ }
2539
+ .shadow-\[0_0_40px_rgba\(255\,215\,0\,0\.1\)\] {
2540
+ --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(255,215,0,0.1));
2541
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2542
+ }
2543
+ .shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.3\)\] {
2544
+ --tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(0,0,0,0.3));
2545
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2546
+ }
2547
+ .shadow-inner {
2548
+ --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
2549
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2550
+ }
1939
2551
  .shadow-lg {
1940
2552
  --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));
1941
2553
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1972,6 +2584,72 @@
1972
2584
  --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
1973
2585
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1974
2586
  }
2587
+ .shadow-black {
2588
+ --tw-shadow-color: #000;
2589
+ @supports (color: color-mix(in lab, red, red)) {
2590
+ --tw-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent);
2591
+ }
2592
+ }
2593
+ .shadow-black\/5 {
2594
+ --tw-shadow-color: color-mix(in srgb, #000 5%, transparent);
2595
+ @supports (color: color-mix(in lab, red, red)) {
2596
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
2597
+ }
2598
+ }
2599
+ .shadow-blue-500 {
2600
+ --tw-shadow-color: oklch(62.3% 0.214 259.815);
2601
+ @supports (color: color-mix(in lab, red, red)) {
2602
+ --tw-shadow-color: color-mix(in oklab, var(--color-blue-500) var(--tw-shadow-alpha), transparent);
2603
+ }
2604
+ }
2605
+ .shadow-blue-500\/20 {
2606
+ --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
2607
+ @supports (color: color-mix(in lab, red, red)) {
2608
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
2609
+ }
2610
+ }
2611
+ .shadow-fuchsia-500 {
2612
+ --tw-shadow-color: oklch(66.7% 0.295 322.15);
2613
+ @supports (color: color-mix(in lab, red, red)) {
2614
+ --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-500) var(--tw-shadow-alpha), transparent);
2615
+ }
2616
+ }
2617
+ .shadow-fuchsia-500\/10 {
2618
+ --tw-shadow-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 10%, transparent);
2619
+ @supports (color: color-mix(in lab, red, red)) {
2620
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
2621
+ }
2622
+ }
2623
+ .shadow-fuchsia-500\/20 {
2624
+ --tw-shadow-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 20%, transparent);
2625
+ @supports (color: color-mix(in lab, red, red)) {
2626
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
2627
+ }
2628
+ }
2629
+ .shadow-gray-200 {
2630
+ --tw-shadow-color: oklch(92.8% 0.006 264.531);
2631
+ @supports (color: color-mix(in lab, red, red)) {
2632
+ --tw-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent);
2633
+ }
2634
+ }
2635
+ .shadow-gray-200\/50 {
2636
+ --tw-shadow-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent);
2637
+ @supports (color: color-mix(in lab, red, red)) {
2638
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-200) 50%, transparent) var(--tw-shadow-alpha), transparent);
2639
+ }
2640
+ }
2641
+ .shadow-white {
2642
+ --tw-shadow-color: #fff;
2643
+ @supports (color: color-mix(in lab, red, red)) {
2644
+ --tw-shadow-color: color-mix(in oklab, var(--color-white) var(--tw-shadow-alpha), transparent);
2645
+ }
2646
+ }
2647
+ .shadow-white\/5 {
2648
+ --tw-shadow-color: color-mix(in srgb, #fff 5%, transparent);
2649
+ @supports (color: color-mix(in lab, red, red)) {
2650
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 5%, transparent) var(--tw-shadow-alpha), transparent);
2651
+ }
2652
+ }
1975
2653
  .ring-black {
1976
2654
  --tw-ring-color: var(--color-black);
1977
2655
  }
@@ -1996,6 +2674,15 @@
1996
2674
  .ring-indigo-500 {
1997
2675
  --tw-ring-color: var(--color-indigo-500);
1998
2676
  }
2677
+ .ring-yellow-400 {
2678
+ --tw-ring-color: var(--color-yellow-400);
2679
+ }
2680
+ .ring-yellow-400\/30 {
2681
+ --tw-ring-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 30%, transparent);
2682
+ @supports (color: color-mix(in lab, red, red)) {
2683
+ --tw-ring-color: color-mix(in oklab, var(--color-yellow-400) 30%, transparent);
2684
+ }
2685
+ }
1999
2686
  .inset-ring-gray-900 {
2000
2687
  --tw-inset-ring-color: var(--color-gray-900);
2001
2688
  }
@@ -2019,13 +2706,55 @@
2019
2706
  --tw-blur: blur(8px);
2020
2707
  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,);
2021
2708
  }
2022
- .grayscale {
2023
- --tw-grayscale: grayscale(100%);
2709
+ .blur-2xl {
2710
+ --tw-blur: blur(var(--blur-2xl));
2711
+ 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,);
2712
+ }
2713
+ .blur-3xl {
2714
+ --tw-blur: blur(var(--blur-3xl));
2715
+ 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,);
2716
+ }
2717
+ .brightness-110 {
2718
+ --tw-brightness: brightness(110%);
2719
+ 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,);
2720
+ }
2721
+ .drop-shadow-2xl {
2722
+ --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
2723
+ --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
2724
+ 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,);
2725
+ }
2726
+ .drop-shadow-md {
2727
+ --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));
2728
+ --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
2729
+ 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,);
2730
+ }
2731
+ .drop-shadow-sm {
2732
+ --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
2733
+ --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
2734
+ 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,);
2735
+ }
2736
+ .grayscale {
2737
+ --tw-grayscale: grayscale(100%);
2024
2738
  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,);
2025
2739
  }
2026
2740
  .filter {
2027
2741
  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,);
2028
2742
  }
2743
+ .backdrop-blur-md {
2744
+ --tw-backdrop-blur: blur(var(--blur-md));
2745
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2746
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2747
+ }
2748
+ .backdrop-blur-sm {
2749
+ --tw-backdrop-blur: blur(var(--blur-sm));
2750
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2751
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2752
+ }
2753
+ .backdrop-blur-xl {
2754
+ --tw-backdrop-blur: blur(var(--blur-xl));
2755
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2756
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2757
+ }
2029
2758
  .backdrop-filter {
2030
2759
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2031
2760
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -2071,6 +2800,14 @@
2071
2800
  --tw-duration: 500ms;
2072
2801
  transition-duration: 500ms;
2073
2802
  }
2803
+ .duration-\[15s\] {
2804
+ --tw-duration: 15s;
2805
+ transition-duration: 15s;
2806
+ }
2807
+ .duration-\[20s\] {
2808
+ --tw-duration: 20s;
2809
+ transition-duration: 20s;
2810
+ }
2074
2811
  .ease-in {
2075
2812
  --tw-ease: var(--ease-in);
2076
2813
  transition-timing-function: var(--ease-in);
@@ -2095,27 +2832,50 @@
2095
2832
  -webkit-user-select: none;
2096
2833
  user-select: none;
2097
2834
  }
2835
+ .\[animation-delay\:-0\.3s\] {
2836
+ animation-delay: -0.3s;
2837
+ }
2838
+ .\[animation-delay\:-0\.15s\] {
2839
+ animation-delay: -0.15s;
2840
+ }
2098
2841
  .ring-inset {
2099
2842
  --tw-ring-inset: inset;
2100
2843
  }
2101
- .group-hover\:block {
2844
+ .text-shadow-sm {
2845
+ text-shadow: 0px 1px 0px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075)), 0px 1px 1px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075)), 0px 2px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075));
2846
+ }
2847
+ .group-focus-within\:text-blue-400 {
2848
+ &:is(:where(.group):focus-within *) {
2849
+ color: var(--color-blue-400);
2850
+ }
2851
+ }
2852
+ .group-focus-within\:text-blue-500 {
2853
+ &:is(:where(.group):focus-within *) {
2854
+ color: var(--color-blue-500);
2855
+ }
2856
+ }
2857
+ .group-hover\:inline {
2102
2858
  &:is(:where(.group):hover *) {
2103
2859
  @media (hover: hover) {
2104
- display: block;
2860
+ display: inline;
2105
2861
  }
2106
2862
  }
2107
2863
  }
2108
- .group-hover\:hidden {
2864
+ .group-hover\:translate-y-0 {
2109
2865
  &:is(:where(.group):hover *) {
2110
2866
  @media (hover: hover) {
2111
- display: none;
2867
+ --tw-translate-y: calc(var(--spacing) * 0);
2868
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2112
2869
  }
2113
2870
  }
2114
2871
  }
2115
- .group-hover\:inline {
2872
+ .group-hover\:scale-105 {
2116
2873
  &:is(:where(.group):hover *) {
2117
2874
  @media (hover: hover) {
2118
- display: inline;
2875
+ --tw-scale-x: 105%;
2876
+ --tw-scale-y: 105%;
2877
+ --tw-scale-z: 105%;
2878
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2119
2879
  }
2120
2880
  }
2121
2881
  }
@@ -2133,6 +2893,13 @@
2133
2893
  }
2134
2894
  }
2135
2895
  }
2896
+ .group-hover\:opacity-75 {
2897
+ &:is(:where(.group):hover *) {
2898
+ @media (hover: hover) {
2899
+ opacity: 75%;
2900
+ }
2901
+ }
2902
+ }
2136
2903
  .group-hover\:opacity-100 {
2137
2904
  &:is(:where(.group):hover *) {
2138
2905
  @media (hover: hover) {
@@ -2151,6 +2918,61 @@
2151
2918
  background-color: var(--color-green-600);
2152
2919
  }
2153
2920
  }
2921
+ .first-letter\:float-left {
2922
+ &::first-letter {
2923
+ float: left;
2924
+ }
2925
+ }
2926
+ .first-letter\:mr-1 {
2927
+ &::first-letter {
2928
+ margin-right: calc(var(--spacing) * 1);
2929
+ }
2930
+ }
2931
+ .first-letter\:text-5xl {
2932
+ &::first-letter {
2933
+ font-size: var(--text-5xl);
2934
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
2935
+ }
2936
+ }
2937
+ .first-letter\:leading-none {
2938
+ &::first-letter {
2939
+ --tw-leading: 1;
2940
+ line-height: 1;
2941
+ }
2942
+ }
2943
+ .first-letter\:font-black {
2944
+ &::first-letter {
2945
+ --tw-font-weight: var(--font-weight-black);
2946
+ font-weight: var(--font-weight-black);
2947
+ }
2948
+ }
2949
+ .first-letter\:text-red-700 {
2950
+ &::first-letter {
2951
+ color: var(--color-red-700);
2952
+ }
2953
+ }
2954
+ .selection\:bg-blue-500\/30 {
2955
+ & *::selection {
2956
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
2957
+ @supports (color: color-mix(in lab, red, red)) {
2958
+ background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
2959
+ }
2960
+ }
2961
+ &::selection {
2962
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
2963
+ @supports (color: color-mix(in lab, red, red)) {
2964
+ background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
2965
+ }
2966
+ }
2967
+ }
2968
+ .selection\:bg-red-100 {
2969
+ & *::selection {
2970
+ background-color: var(--color-red-100);
2971
+ }
2972
+ &::selection {
2973
+ background-color: var(--color-red-100);
2974
+ }
2975
+ }
2154
2976
  .file\:mr-4 {
2155
2977
  &::file-selector-button {
2156
2978
  margin-right: calc(var(--spacing) * 4);
@@ -2237,6 +3059,12 @@
2237
3059
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2238
3060
  }
2239
3061
  }
3062
+ .focus-within\:ring-4 {
3063
+ &:focus-within {
3064
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, hsl(var(--ring)));
3065
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3066
+ }
3067
+ }
2240
3068
  .focus-within\:ring-indigo-500 {
2241
3069
  &:focus-within {
2242
3070
  --tw-ring-color: var(--color-indigo-500);
@@ -2259,6 +3087,42 @@
2259
3087
  outline-style: none;
2260
3088
  }
2261
3089
  }
3090
+ .hover\:-translate-y-0\.5 {
3091
+ &:hover {
3092
+ @media (hover: hover) {
3093
+ --tw-translate-y: calc(var(--spacing) * -0.5);
3094
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3095
+ }
3096
+ }
3097
+ }
3098
+ .hover\:-translate-y-1 {
3099
+ &:hover {
3100
+ @media (hover: hover) {
3101
+ --tw-translate-y: calc(var(--spacing) * -1);
3102
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3103
+ }
3104
+ }
3105
+ }
3106
+ .hover\:scale-105 {
3107
+ &:hover {
3108
+ @media (hover: hover) {
3109
+ --tw-scale-x: 105%;
3110
+ --tw-scale-y: 105%;
3111
+ --tw-scale-z: 105%;
3112
+ scale: var(--tw-scale-x) var(--tw-scale-y);
3113
+ }
3114
+ }
3115
+ }
3116
+ .hover\:scale-110 {
3117
+ &:hover {
3118
+ @media (hover: hover) {
3119
+ --tw-scale-x: 110%;
3120
+ --tw-scale-y: 110%;
3121
+ --tw-scale-z: 110%;
3122
+ scale: var(--tw-scale-x) var(--tw-scale-y);
3123
+ }
3124
+ }
3125
+ }
2262
3126
  .hover\:scale-\[1\.02\] {
2263
3127
  &:hover {
2264
3128
  @media (hover: hover) {
@@ -2266,6 +3130,40 @@
2266
3130
  }
2267
3131
  }
2268
3132
  }
3133
+ .hover\:border-blue-400\/50 {
3134
+ &:hover {
3135
+ @media (hover: hover) {
3136
+ border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 50%, transparent);
3137
+ @supports (color: color-mix(in lab, red, red)) {
3138
+ border-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent);
3139
+ }
3140
+ }
3141
+ }
3142
+ }
3143
+ .hover\:border-blue-500\/30 {
3144
+ &:hover {
3145
+ @media (hover: hover) {
3146
+ border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
3147
+ @supports (color: color-mix(in lab, red, red)) {
3148
+ border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
3149
+ }
3150
+ }
3151
+ }
3152
+ }
3153
+ .hover\:border-fuchsia-300 {
3154
+ &:hover {
3155
+ @media (hover: hover) {
3156
+ border-color: var(--color-fuchsia-300);
3157
+ }
3158
+ }
3159
+ }
3160
+ .hover\:border-fuchsia-400 {
3161
+ &:hover {
3162
+ @media (hover: hover) {
3163
+ border-color: var(--color-fuchsia-400);
3164
+ }
3165
+ }
3166
+ }
2269
3167
  .hover\:border-gray-300 {
2270
3168
  &:hover {
2271
3169
  @media (hover: hover) {
@@ -2280,6 +3178,13 @@
2280
3178
  }
2281
3179
  }
2282
3180
  }
3181
+ .hover\:border-gray-700 {
3182
+ &:hover {
3183
+ @media (hover: hover) {
3184
+ border-color: var(--color-gray-700);
3185
+ }
3186
+ }
3187
+ }
2283
3188
  .hover\:border-red-300 {
2284
3189
  &:hover {
2285
3190
  @media (hover: hover) {
@@ -2318,6 +3223,20 @@
2318
3223
  }
2319
3224
  }
2320
3225
  }
3226
+ .hover\:bg-fuchsia-500 {
3227
+ &:hover {
3228
+ @media (hover: hover) {
3229
+ background-color: var(--color-fuchsia-500);
3230
+ }
3231
+ }
3232
+ }
3233
+ .hover\:bg-fuchsia-600 {
3234
+ &:hover {
3235
+ @media (hover: hover) {
3236
+ background-color: var(--color-fuchsia-600);
3237
+ }
3238
+ }
3239
+ }
2321
3240
  .hover\:bg-gray-50 {
2322
3241
  &:hover {
2323
3242
  @media (hover: hover) {
@@ -2339,6 +3258,23 @@
2339
3258
  }
2340
3259
  }
2341
3260
  }
3261
+ .hover\:bg-gray-200\/50 {
3262
+ &:hover {
3263
+ @media (hover: hover) {
3264
+ background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent);
3265
+ @supports (color: color-mix(in lab, red, red)) {
3266
+ background-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
3267
+ }
3268
+ }
3269
+ }
3270
+ }
3271
+ .hover\:bg-gray-800 {
3272
+ &:hover {
3273
+ @media (hover: hover) {
3274
+ background-color: var(--color-gray-800);
3275
+ }
3276
+ }
3277
+ }
2342
3278
  .hover\:bg-green-50 {
2343
3279
  &:hover {
2344
3280
  @media (hover: hover) {
@@ -2419,6 +3355,23 @@
2419
3355
  }
2420
3356
  }
2421
3357
  }
3358
+ .hover\:bg-white {
3359
+ &:hover {
3360
+ @media (hover: hover) {
3361
+ background-color: var(--color-white);
3362
+ }
3363
+ }
3364
+ }
3365
+ .hover\:bg-white\/5 {
3366
+ &:hover {
3367
+ @media (hover: hover) {
3368
+ background-color: color-mix(in srgb, #fff 5%, transparent);
3369
+ @supports (color: color-mix(in lab, red, red)) {
3370
+ background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
3371
+ }
3372
+ }
3373
+ }
3374
+ }
2422
3375
  .hover\:bg-white\/10 {
2423
3376
  &:hover {
2424
3377
  @media (hover: hover) {
@@ -2429,6 +3382,26 @@
2429
3382
  }
2430
3383
  }
2431
3384
  }
3385
+ .hover\:bg-white\/15 {
3386
+ &:hover {
3387
+ @media (hover: hover) {
3388
+ background-color: color-mix(in srgb, #fff 15%, transparent);
3389
+ @supports (color: color-mix(in lab, red, red)) {
3390
+ background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
3391
+ }
3392
+ }
3393
+ }
3394
+ }
3395
+ .hover\:bg-white\/20 {
3396
+ &:hover {
3397
+ @media (hover: hover) {
3398
+ background-color: color-mix(in srgb, #fff 20%, transparent);
3399
+ @supports (color: color-mix(in lab, red, red)) {
3400
+ background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
3401
+ }
3402
+ }
3403
+ }
3404
+ }
2432
3405
  .hover\:bg-yellow-50 {
2433
3406
  &:hover {
2434
3407
  @media (hover: hover) {
@@ -2436,6 +3409,38 @@
2436
3409
  }
2437
3410
  }
2438
3411
  }
3412
+ .hover\:from-purple-700 {
3413
+ &:hover {
3414
+ @media (hover: hover) {
3415
+ --tw-gradient-from: var(--color-purple-700);
3416
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3417
+ }
3418
+ }
3419
+ }
3420
+ .hover\:from-yellow-300 {
3421
+ &:hover {
3422
+ @media (hover: hover) {
3423
+ --tw-gradient-from: var(--color-yellow-300);
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));
3425
+ }
3426
+ }
3427
+ }
3428
+ .hover\:to-indigo-700 {
3429
+ &:hover {
3430
+ @media (hover: hover) {
3431
+ --tw-gradient-to: var(--color-indigo-700);
3432
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3433
+ }
3434
+ }
3435
+ }
3436
+ .hover\:to-yellow-500 {
3437
+ &:hover {
3438
+ @media (hover: hover) {
3439
+ --tw-gradient-to: var(--color-yellow-500);
3440
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3441
+ }
3442
+ }
3443
+ }
2439
3444
  .hover\:text-blue-600 {
2440
3445
  &:hover {
2441
3446
  @media (hover: hover) {
@@ -2590,6 +3595,22 @@
2590
3595
  }
2591
3596
  }
2592
3597
  }
3598
+ .hover\:shadow-2xl {
3599
+ &:hover {
3600
+ @media (hover: hover) {
3601
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
3602
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3603
+ }
3604
+ }
3605
+ }
3606
+ .hover\:shadow-xl {
3607
+ &:hover {
3608
+ @media (hover: hover) {
3609
+ --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));
3610
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3611
+ }
3612
+ }
3613
+ }
2593
3614
  .hover\:ring-2 {
2594
3615
  &:hover {
2595
3616
  @media (hover: hover) {
@@ -2598,6 +3619,26 @@
2598
3619
  }
2599
3620
  }
2600
3621
  }
3622
+ .hover\:shadow-blue-500\/10 {
3623
+ &:hover {
3624
+ @media (hover: hover) {
3625
+ --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
3626
+ @supports (color: color-mix(in lab, red, red)) {
3627
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
3628
+ }
3629
+ }
3630
+ }
3631
+ }
3632
+ .hover\:shadow-fuchsia-500\/40 {
3633
+ &:hover {
3634
+ @media (hover: hover) {
3635
+ --tw-shadow-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 40%, transparent);
3636
+ @supports (color: color-mix(in lab, red, red)) {
3637
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
3638
+ }
3639
+ }
3640
+ }
3641
+ }
2601
3642
  .hover\:ring-gray-300 {
2602
3643
  &:hover {
2603
3644
  @media (hover: hover) {
@@ -3022,6 +4063,11 @@
3022
4063
  scale: var(--tw-scale-x) var(--tw-scale-y);
3023
4064
  }
3024
4065
  }
4066
+ .sm\:grid-cols-2 {
4067
+ @media (width >= 40rem) {
4068
+ grid-template-columns: repeat(2, minmax(0, 1fr));
4069
+ }
4070
+ }
3025
4071
  .sm\:grid-cols-3 {
3026
4072
  @media (width >= 40rem) {
3027
4073
  grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -3153,6 +4199,16 @@
3153
4199
  inset: calc(var(--spacing) * 8);
3154
4200
  }
3155
4201
  }
4202
+ .md\:block {
4203
+ @media (width >= 48rem) {
4204
+ display: block;
4205
+ }
4206
+ }
4207
+ .md\:flex {
4208
+ @media (width >= 48rem) {
4209
+ display: flex;
4210
+ }
4211
+ }
3156
4212
  .md\:inline {
3157
4213
  @media (width >= 48rem) {
3158
4214
  display: inline;
@@ -3163,49 +4219,139 @@
3163
4219
  display: table-cell;
3164
4220
  }
3165
4221
  }
4222
+ .md\:w-64 {
4223
+ @media (width >= 48rem) {
4224
+ width: calc(var(--spacing) * 64);
4225
+ }
4226
+ }
4227
+ .md\:w-72 {
4228
+ @media (width >= 48rem) {
4229
+ width: calc(var(--spacing) * 72);
4230
+ }
4231
+ }
4232
+ .md\:w-\[400px\] {
4233
+ @media (width >= 48rem) {
4234
+ width: 400px;
4235
+ }
4236
+ }
3166
4237
  .md\:w-auto {
3167
4238
  @media (width >= 48rem) {
3168
4239
  width: auto;
3169
4240
  }
3170
4241
  }
3171
- .md\:max-w-xl {
4242
+ .md\:max-w-xl {
4243
+ @media (width >= 48rem) {
4244
+ max-width: var(--container-xl);
4245
+ }
4246
+ }
4247
+ .md\:min-w-48 {
4248
+ @media (width >= 48rem) {
4249
+ min-width: calc(var(--spacing) * 48);
4250
+ }
4251
+ }
4252
+ .md\:grid-cols-2 {
4253
+ @media (width >= 48rem) {
4254
+ grid-template-columns: repeat(2, minmax(0, 1fr));
4255
+ }
4256
+ }
4257
+ .md\:grid-cols-3 {
4258
+ @media (width >= 48rem) {
4259
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4260
+ }
4261
+ }
4262
+ .md\:grid-cols-4 {
4263
+ @media (width >= 48rem) {
4264
+ grid-template-columns: repeat(4, minmax(0, 1fr));
4265
+ }
4266
+ }
4267
+ .md\:flex-row {
4268
+ @media (width >= 48rem) {
4269
+ flex-direction: row;
4270
+ }
4271
+ }
4272
+ .md\:gap-10 {
4273
+ @media (width >= 48rem) {
4274
+ gap: calc(var(--spacing) * 10);
4275
+ }
4276
+ }
4277
+ .md\:self-auto {
4278
+ @media (width >= 48rem) {
4279
+ align-self: auto;
4280
+ }
4281
+ }
4282
+ .md\:rounded-lg {
4283
+ @media (width >= 48rem) {
4284
+ border-radius: var(--radius-lg);
4285
+ }
4286
+ }
4287
+ .md\:p-4 {
4288
+ @media (width >= 48rem) {
4289
+ padding: calc(var(--spacing) * 4);
4290
+ }
4291
+ }
4292
+ .md\:p-6 {
4293
+ @media (width >= 48rem) {
4294
+ padding: calc(var(--spacing) * 6);
4295
+ }
4296
+ }
4297
+ .md\:p-8 {
4298
+ @media (width >= 48rem) {
4299
+ padding: calc(var(--spacing) * 8);
4300
+ }
4301
+ }
4302
+ .md\:px-8 {
4303
+ @media (width >= 48rem) {
4304
+ padding-inline: calc(var(--spacing) * 8);
4305
+ }
4306
+ }
4307
+ .md\:px-12 {
4308
+ @media (width >= 48rem) {
4309
+ padding-inline: calc(var(--spacing) * 12);
4310
+ }
4311
+ }
4312
+ .md\:py-6 {
3172
4313
  @media (width >= 48rem) {
3173
- max-width: var(--container-xl);
4314
+ padding-block: calc(var(--spacing) * 6);
3174
4315
  }
3175
4316
  }
3176
- .md\:min-w-48 {
4317
+ .md\:py-14 {
3177
4318
  @media (width >= 48rem) {
3178
- min-width: calc(var(--spacing) * 48);
4319
+ padding-block: calc(var(--spacing) * 14);
3179
4320
  }
3180
4321
  }
3181
- .md\:grid-cols-2 {
4322
+ .md\:text-left {
3182
4323
  @media (width >= 48rem) {
3183
- grid-template-columns: repeat(2, minmax(0, 1fr));
4324
+ text-align: left;
3184
4325
  }
3185
4326
  }
3186
- .md\:grid-cols-4 {
4327
+ .md\:text-4xl {
3187
4328
  @media (width >= 48rem) {
3188
- grid-template-columns: repeat(4, minmax(0, 1fr));
4329
+ font-size: var(--text-4xl);
4330
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
3189
4331
  }
3190
4332
  }
3191
- .md\:flex-row {
4333
+ .md\:text-5xl {
3192
4334
  @media (width >= 48rem) {
3193
- flex-direction: row;
4335
+ font-size: var(--text-5xl);
4336
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
3194
4337
  }
3195
4338
  }
3196
- .md\:rounded-lg {
4339
+ .md\:text-7xl {
3197
4340
  @media (width >= 48rem) {
3198
- border-radius: var(--radius-lg);
4341
+ font-size: var(--text-7xl);
4342
+ line-height: var(--tw-leading, var(--text-7xl--line-height));
3199
4343
  }
3200
4344
  }
3201
- .md\:p-4 {
4345
+ .md\:text-base {
3202
4346
  @media (width >= 48rem) {
3203
- padding: calc(var(--spacing) * 4);
4347
+ font-size: var(--text-base);
4348
+ line-height: var(--tw-leading, var(--text-base--line-height));
3204
4349
  }
3205
4350
  }
3206
- .md\:p-6 {
4351
+ .md\:text-xl {
3207
4352
  @media (width >= 48rem) {
3208
- padding: calc(var(--spacing) * 6);
4353
+ font-size: var(--text-xl);
4354
+ line-height: var(--tw-leading, var(--text-xl--line-height));
3209
4355
  }
3210
4356
  }
3211
4357
  .lg\:fixed {
@@ -3278,6 +4424,11 @@
3278
4424
  grid-template-columns: repeat(2, minmax(0, 1fr));
3279
4425
  }
3280
4426
  }
4427
+ .lg\:grid-cols-4 {
4428
+ @media (width >= 64rem) {
4429
+ grid-template-columns: repeat(4, minmax(0, 1fr));
4430
+ }
4431
+ }
3281
4432
  .lg\:grid-cols-5 {
3282
4433
  @media (width >= 64rem) {
3283
4434
  grid-template-columns: repeat(5, minmax(0, 1fr));
@@ -3348,6 +4499,11 @@
3348
4499
  max-width: var(--breakpoint-xl);
3349
4500
  }
3350
4501
  }
4502
+ .\32 xl\:grid-cols-5 {
4503
+ @media (width >= 96rem) {
4504
+ grid-template-columns: repeat(5, minmax(0, 1fr));
4505
+ }
4506
+ }
3351
4507
  .dark\:divide-gray-700 {
3352
4508
  &:where(.dark, .dark *) {
3353
4509
  :where(& > :not(:last-child)) {
@@ -3367,6 +4523,14 @@
3367
4523
  border-color: var(--color-blue-400);
3368
4524
  }
3369
4525
  }
4526
+ .dark\:border-blue-500\/20 {
4527
+ &:where(.dark, .dark *) {
4528
+ border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
4529
+ @supports (color: color-mix(in lab, red, red)) {
4530
+ border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
4531
+ }
4532
+ }
4533
+ }
3370
4534
  .dark\:border-blue-600 {
3371
4535
  &:where(.dark, .dark *) {
3372
4536
  border-color: var(--color-blue-600);
@@ -3422,11 +4586,66 @@
3422
4586
  border-color: var(--color-red-800);
3423
4587
  }
3424
4588
  }
4589
+ .dark\:border-red-900\/40 {
4590
+ &:where(.dark, .dark *) {
4591
+ border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent);
4592
+ @supports (color: color-mix(in lab, red, red)) {
4593
+ border-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
4594
+ }
4595
+ }
4596
+ }
4597
+ .dark\:border-white\/5 {
4598
+ &:where(.dark, .dark *) {
4599
+ border-color: color-mix(in srgb, #fff 5%, transparent);
4600
+ @supports (color: color-mix(in lab, red, red)) {
4601
+ border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
4602
+ }
4603
+ }
4604
+ }
4605
+ .dark\:border-white\/10 {
4606
+ &:where(.dark, .dark *) {
4607
+ border-color: color-mix(in srgb, #fff 10%, transparent);
4608
+ @supports (color: color-mix(in lab, red, red)) {
4609
+ border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
4610
+ }
4611
+ }
4612
+ }
4613
+ .dark\:bg-\[\#1a1614\] {
4614
+ &:where(.dark, .dark *) {
4615
+ background-color: #1a1614;
4616
+ }
4617
+ }
4618
+ .dark\:bg-\[\#111111\] {
4619
+ &:where(.dark, .dark *) {
4620
+ background-color: #111111;
4621
+ }
4622
+ }
4623
+ .dark\:bg-\[\#161616\] {
4624
+ &:where(.dark, .dark *) {
4625
+ background-color: #161616;
4626
+ }
4627
+ }
3425
4628
  .dark\:bg-black {
3426
4629
  &:where(.dark, .dark *) {
3427
4630
  background-color: var(--color-black);
3428
4631
  }
3429
4632
  }
4633
+ .dark\:bg-black\/50 {
4634
+ &:where(.dark, .dark *) {
4635
+ background-color: color-mix(in srgb, #000 50%, transparent);
4636
+ @supports (color: color-mix(in lab, red, red)) {
4637
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
4638
+ }
4639
+ }
4640
+ }
4641
+ .dark\:bg-black\/95 {
4642
+ &:where(.dark, .dark *) {
4643
+ background-color: color-mix(in srgb, #000 95%, transparent);
4644
+ @supports (color: color-mix(in lab, red, red)) {
4645
+ background-color: color-mix(in oklab, var(--color-black) 95%, transparent);
4646
+ }
4647
+ }
4648
+ }
3430
4649
  .dark\:bg-blue-200 {
3431
4650
  &:where(.dark, .dark *) {
3432
4651
  background-color: var(--color-blue-200);
@@ -3437,6 +4656,22 @@
3437
4656
  background-color: var(--color-blue-500);
3438
4657
  }
3439
4658
  }
4659
+ .dark\:bg-blue-500\/10 {
4660
+ &:where(.dark, .dark *) {
4661
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
4662
+ @supports (color: color-mix(in lab, red, red)) {
4663
+ background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
4664
+ }
4665
+ }
4666
+ }
4667
+ .dark\:bg-blue-500\/20 {
4668
+ &:where(.dark, .dark *) {
4669
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
4670
+ @supports (color: color-mix(in lab, red, red)) {
4671
+ background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
4672
+ }
4673
+ }
4674
+ }
3440
4675
  .dark\:bg-blue-600 {
3441
4676
  &:where(.dark, .dark *) {
3442
4677
  background-color: var(--color-blue-600);
@@ -3535,6 +4770,30 @@
3535
4770
  background-color: var(--color-gray-800);
3536
4771
  }
3537
4772
  }
4773
+ .dark\:bg-gray-800\/20 {
4774
+ &:where(.dark, .dark *) {
4775
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 20%, transparent);
4776
+ @supports (color: color-mix(in lab, red, red)) {
4777
+ background-color: color-mix(in oklab, var(--color-gray-800) 20%, transparent);
4778
+ }
4779
+ }
4780
+ }
4781
+ .dark\:bg-gray-800\/30 {
4782
+ &:where(.dark, .dark *) {
4783
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 30%, transparent);
4784
+ @supports (color: color-mix(in lab, red, red)) {
4785
+ background-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent);
4786
+ }
4787
+ }
4788
+ }
4789
+ .dark\:bg-gray-800\/40 {
4790
+ &:where(.dark, .dark *) {
4791
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 40%, transparent);
4792
+ @supports (color: color-mix(in lab, red, red)) {
4793
+ background-color: color-mix(in oklab, var(--color-gray-800) 40%, transparent);
4794
+ }
4795
+ }
4796
+ }
3538
4797
  .dark\:bg-gray-800\/50 {
3539
4798
  &:where(.dark, .dark *) {
3540
4799
  background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
@@ -3548,6 +4807,14 @@
3548
4807
  background-color: var(--color-gray-900);
3549
4808
  }
3550
4809
  }
4810
+ .dark\:bg-gray-900\/50 {
4811
+ &:where(.dark, .dark *) {
4812
+ background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
4813
+ @supports (color: color-mix(in lab, red, red)) {
4814
+ background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
4815
+ }
4816
+ }
4817
+ }
3551
4818
  .dark\:bg-green-200 {
3552
4819
  &:where(.dark, .dark *) {
3553
4820
  background-color: var(--color-green-200);
@@ -3643,6 +4910,14 @@
3643
4910
  background-color: var(--color-red-900);
3644
4911
  }
3645
4912
  }
4913
+ .dark\:bg-red-900\/20 {
4914
+ &:where(.dark, .dark *) {
4915
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
4916
+ @supports (color: color-mix(in lab, red, red)) {
4917
+ background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
4918
+ }
4919
+ }
4920
+ }
3646
4921
  .dark\:bg-red-900\/30 {
3647
4922
  &:where(.dark, .dark *) {
3648
4923
  background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
@@ -3664,16 +4939,53 @@
3664
4939
  background-color: var(--color-sky-600);
3665
4940
  }
3666
4941
  }
4942
+ .dark\:bg-slate-950\! {
4943
+ &:where(.dark, .dark *) {
4944
+ background-color: var(--color-slate-950) !important;
4945
+ }
4946
+ }
3667
4947
  .dark\:bg-transparent {
3668
4948
  &:where(.dark, .dark *) {
3669
4949
  background-color: transparent;
3670
4950
  }
3671
4951
  }
4952
+ .dark\:bg-white {
4953
+ &:where(.dark, .dark *) {
4954
+ background-color: var(--color-white);
4955
+ }
4956
+ }
4957
+ .dark\:bg-white\/10 {
4958
+ &:where(.dark, .dark *) {
4959
+ background-color: color-mix(in srgb, #fff 10%, transparent);
4960
+ @supports (color: color-mix(in lab, red, red)) {
4961
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
4962
+ }
4963
+ }
4964
+ }
3672
4965
  .dark\:bg-yellow-200 {
3673
4966
  &:where(.dark, .dark *) {
3674
4967
  background-color: var(--color-yellow-200);
3675
4968
  }
3676
4969
  }
4970
+ .dark\:from-blue-400 {
4971
+ &:where(.dark, .dark *) {
4972
+ --tw-gradient-from: var(--color-blue-400);
4973
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
4974
+ }
4975
+ }
4976
+ .dark\:via-indigo-400 {
4977
+ &:where(.dark, .dark *) {
4978
+ --tw-gradient-via: var(--color-indigo-400);
4979
+ --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);
4980
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
4981
+ }
4982
+ }
4983
+ .dark\:to-purple-400 {
4984
+ &:where(.dark, .dark *) {
4985
+ --tw-gradient-to: var(--color-purple-400);
4986
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
4987
+ }
4988
+ }
3677
4989
  .dark\:fill-gray-300 {
3678
4990
  &:where(.dark, .dark *) {
3679
4991
  fill: var(--color-gray-300);
@@ -3694,6 +5006,14 @@
3694
5006
  color: var(--color-blue-300) !important;
3695
5007
  }
3696
5008
  }
5009
+ .dark\:text-blue-300\/80 {
5010
+ &:where(.dark, .dark *) {
5011
+ color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 80%, transparent);
5012
+ @supports (color: color-mix(in lab, red, red)) {
5013
+ color: color-mix(in oklab, var(--color-blue-300) 80%, transparent);
5014
+ }
5015
+ }
5016
+ }
3697
5017
  .dark\:text-blue-400 {
3698
5018
  &:where(.dark, .dark *) {
3699
5019
  color: var(--color-blue-400);
@@ -3762,6 +5082,11 @@
3762
5082
  color: var(--color-green-100);
3763
5083
  }
3764
5084
  }
5085
+ .dark\:text-green-200 {
5086
+ &:where(.dark, .dark *) {
5087
+ color: var(--color-green-200);
5088
+ }
5089
+ }
3765
5090
  .dark\:text-green-300 {
3766
5091
  &:where(.dark, .dark *) {
3767
5092
  color: var(--color-green-300);
@@ -3849,6 +5174,29 @@
3849
5174
  }
3850
5175
  }
3851
5176
  }
5177
+ .dark\:placeholder-gray-600 {
5178
+ &:where(.dark, .dark *) {
5179
+ &::placeholder {
5180
+ color: var(--color-gray-600);
5181
+ }
5182
+ }
5183
+ }
5184
+ .dark\:shadow-blue-500\/20 {
5185
+ &:where(.dark, .dark *) {
5186
+ --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
5187
+ @supports (color: color-mix(in lab, red, red)) {
5188
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
5189
+ }
5190
+ }
5191
+ }
5192
+ .dark\:shadow-white\/5 {
5193
+ &:where(.dark, .dark *) {
5194
+ --tw-shadow-color: color-mix(in srgb, #fff 5%, transparent);
5195
+ @supports (color: color-mix(in lab, red, red)) {
5196
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 5%, transparent) var(--tw-shadow-alpha), transparent);
5197
+ }
5198
+ }
5199
+ }
3852
5200
  .dark\:ring-gray-600 {
3853
5201
  &:where(.dark, .dark *) {
3854
5202
  --tw-ring-color: var(--color-gray-600);
@@ -3872,6 +5220,13 @@
3872
5220
  --tw-ring-offset-color: var(--color-green-900);
3873
5221
  }
3874
5222
  }
5223
+ .dark\:group-focus-within\:text-blue-400 {
5224
+ &:where(.dark, .dark *) {
5225
+ &:is(:where(.group):focus-within *) {
5226
+ color: var(--color-blue-400);
5227
+ }
5228
+ }
5229
+ }
3875
5230
  .dark\:group-hover\:text-gray-500 {
3876
5231
  &:where(.dark, .dark *) {
3877
5232
  &:is(:where(.group):hover *) {
@@ -3888,6 +5243,22 @@
3888
5243
  }
3889
5244
  }
3890
5245
  }
5246
+ .dark\:selection\:bg-red-900\/30 {
5247
+ &:where(.dark, .dark *) {
5248
+ & *::selection {
5249
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
5250
+ @supports (color: color-mix(in lab, red, red)) {
5251
+ background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
5252
+ }
5253
+ }
5254
+ &::selection {
5255
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
5256
+ @supports (color: color-mix(in lab, red, red)) {
5257
+ background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
5258
+ }
5259
+ }
5260
+ }
5261
+ }
3891
5262
  .dark\:file\:bg-violet-900 {
3892
5263
  &:where(.dark, .dark *) {
3893
5264
  &::file-selector-button {
@@ -3902,6 +5273,18 @@
3902
5273
  }
3903
5274
  }
3904
5275
  }
5276
+ .dark\:hover\:border-blue-500\/30 {
5277
+ &:where(.dark, .dark *) {
5278
+ &:hover {
5279
+ @media (hover: hover) {
5280
+ border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
5281
+ @supports (color: color-mix(in lab, red, red)) {
5282
+ border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
5283
+ }
5284
+ }
5285
+ }
5286
+ }
5287
+ }
3905
5288
  .dark\:hover\:border-gray-600 {
3906
5289
  &:where(.dark, .dark *) {
3907
5290
  &:hover {
@@ -3977,6 +5360,15 @@
3977
5360
  }
3978
5361
  }
3979
5362
  }
5363
+ .dark\:hover\:bg-gray-200 {
5364
+ &:where(.dark, .dark *) {
5365
+ &:hover {
5366
+ @media (hover: hover) {
5367
+ background-color: var(--color-gray-200);
5368
+ }
5369
+ }
5370
+ }
5371
+ }
3980
5372
  .dark\:hover\:bg-gray-600 {
3981
5373
  &:where(.dark, .dark *) {
3982
5374
  &:hover {
@@ -4091,6 +5483,18 @@
4091
5483
  }
4092
5484
  }
4093
5485
  }
5486
+ .dark\:hover\:bg-red-900\/20 {
5487
+ &:where(.dark, .dark *) {
5488
+ &:hover {
5489
+ @media (hover: hover) {
5490
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
5491
+ @supports (color: color-mix(in lab, red, red)) {
5492
+ background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
5493
+ }
5494
+ }
5495
+ }
5496
+ }
5497
+ }
4094
5498
  .dark\:hover\:bg-red-900\/30 {
4095
5499
  &:where(.dark, .dark *) {
4096
5500
  &:hover {
@@ -4103,6 +5507,18 @@
4103
5507
  }
4104
5508
  }
4105
5509
  }
5510
+ .dark\:hover\:bg-red-900\/40 {
5511
+ &:where(.dark, .dark *) {
5512
+ &:hover {
5513
+ @media (hover: hover) {
5514
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent);
5515
+ @supports (color: color-mix(in lab, red, red)) {
5516
+ background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
5517
+ }
5518
+ }
5519
+ }
5520
+ }
5521
+ }
4106
5522
  .dark\:hover\:bg-sky-700 {
4107
5523
  &:where(.dark, .dark *) {
4108
5524
  &:hover {
@@ -4112,6 +5528,18 @@
4112
5528
  }
4113
5529
  }
4114
5530
  }
5531
+ .dark\:hover\:bg-white\/5 {
5532
+ &:where(.dark, .dark *) {
5533
+ &:hover {
5534
+ @media (hover: hover) {
5535
+ background-color: color-mix(in srgb, #fff 5%, transparent);
5536
+ @supports (color: color-mix(in lab, red, red)) {
5537
+ background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
5538
+ }
5539
+ }
5540
+ }
5541
+ }
5542
+ }
4115
5543
  .dark\:hover\:bg-white\/10 {
4116
5544
  &:where(.dark, .dark *) {
4117
5545
  &:hover {
@@ -4124,6 +5552,18 @@
4124
5552
  }
4125
5553
  }
4126
5554
  }
5555
+ .dark\:hover\:bg-white\/20 {
5556
+ &:where(.dark, .dark *) {
5557
+ &:hover {
5558
+ @media (hover: hover) {
5559
+ background-color: color-mix(in srgb, #fff 20%, transparent);
5560
+ @supports (color: color-mix(in lab, red, red)) {
5561
+ background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
5562
+ }
5563
+ }
5564
+ }
5565
+ }
5566
+ }
4127
5567
  .hover\:dark\:bg-gray-900 {
4128
5568
  &:hover {
4129
5569
  @media (hover: hover) {
@@ -4304,6 +5744,16 @@
4304
5744
  }
4305
5745
  }
4306
5746
  }
5747
+ .dark\:hover\:shadow-2xl {
5748
+ &:where(.dark, .dark *) {
5749
+ &:hover {
5750
+ @media (hover: hover) {
5751
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
5752
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5753
+ }
5754
+ }
5755
+ }
5756
+ }
4307
5757
  .dark\:hover\:file\:bg-violet-800 {
4308
5758
  &:where(.dark, .dark *) {
4309
5759
  &:hover {
@@ -4399,6 +5849,13 @@
4399
5849
  }
4400
5850
  }
4401
5851
  }
5852
+ .dark\:focus\:ring-offset-gray-800 {
5853
+ &:where(.dark, .dark *) {
5854
+ &:focus {
5855
+ --tw-ring-offset-color: var(--color-gray-800);
5856
+ }
5857
+ }
5858
+ }
4402
5859
  .dark\:disabled\:border-gray-700 {
4403
5860
  &:where(.dark, .dark *) {
4404
5861
  &:disabled {
@@ -4431,6 +5888,16 @@
4431
5888
  }
4432
5889
  }
4433
5890
  }
5891
+ .\[\&\>svg\]\:h-full {
5892
+ &>svg {
5893
+ height: 100%;
5894
+ }
5895
+ }
5896
+ .\[\&\>svg\]\:w-full {
5897
+ &>svg {
5898
+ width: 100%;
5899
+ }
5900
+ }
4434
5901
  }
4435
5902
  @layer base {
4436
5903
  :root {
@@ -4918,6 +6385,48 @@
4918
6385
  inherits: false;
4919
6386
  initial-value: 0;
4920
6387
  }
6388
+ @property --tw-gradient-position {
6389
+ syntax: "*";
6390
+ inherits: false;
6391
+ }
6392
+ @property --tw-gradient-from {
6393
+ syntax: "<color>";
6394
+ inherits: false;
6395
+ initial-value: #0000;
6396
+ }
6397
+ @property --tw-gradient-via {
6398
+ syntax: "<color>";
6399
+ inherits: false;
6400
+ initial-value: #0000;
6401
+ }
6402
+ @property --tw-gradient-to {
6403
+ syntax: "<color>";
6404
+ inherits: false;
6405
+ initial-value: #0000;
6406
+ }
6407
+ @property --tw-gradient-stops {
6408
+ syntax: "*";
6409
+ inherits: false;
6410
+ }
6411
+ @property --tw-gradient-via-stops {
6412
+ syntax: "*";
6413
+ inherits: false;
6414
+ }
6415
+ @property --tw-gradient-from-position {
6416
+ syntax: "<length-percentage>";
6417
+ inherits: false;
6418
+ initial-value: 0%;
6419
+ }
6420
+ @property --tw-gradient-via-position {
6421
+ syntax: "<length-percentage>";
6422
+ inherits: false;
6423
+ initial-value: 50%;
6424
+ }
6425
+ @property --tw-gradient-to-position {
6426
+ syntax: "<length-percentage>";
6427
+ inherits: false;
6428
+ initial-value: 100%;
6429
+ }
4921
6430
  @property --tw-leading {
4922
6431
  syntax: "*";
4923
6432
  inherits: false;
@@ -5097,6 +6606,15 @@
5097
6606
  syntax: "*";
5098
6607
  inherits: false;
5099
6608
  }
6609
+ @property --tw-text-shadow-color {
6610
+ syntax: "*";
6611
+ inherits: false;
6612
+ }
6613
+ @property --tw-text-shadow-alpha {
6614
+ syntax: "<percentage>";
6615
+ inherits: false;
6616
+ initial-value: 100%;
6617
+ }
5100
6618
  @property --tw-scale-x {
5101
6619
  syntax: "*";
5102
6620
  inherits: false;
@@ -5145,6 +6663,15 @@
5145
6663
  --tw-divide-x-reverse: 0;
5146
6664
  --tw-border-style: solid;
5147
6665
  --tw-divide-y-reverse: 0;
6666
+ --tw-gradient-position: initial;
6667
+ --tw-gradient-from: #0000;
6668
+ --tw-gradient-via: #0000;
6669
+ --tw-gradient-to: #0000;
6670
+ --tw-gradient-stops: initial;
6671
+ --tw-gradient-via-stops: initial;
6672
+ --tw-gradient-from-position: 0%;
6673
+ --tw-gradient-via-position: 50%;
6674
+ --tw-gradient-to-position: 100%;
5148
6675
  --tw-leading: initial;
5149
6676
  --tw-font-weight: initial;
5150
6677
  --tw-tracking: initial;
@@ -5187,6 +6714,8 @@
5187
6714
  --tw-backdrop-sepia: initial;
5188
6715
  --tw-duration: initial;
5189
6716
  --tw-ease: initial;
6717
+ --tw-text-shadow-color: initial;
6718
+ --tw-text-shadow-alpha: 100%;
5190
6719
  --tw-scale-x: 1;
5191
6720
  --tw-scale-y: 1;
5192
6721
  --tw-scale-z: 1;