@axzydev/axzy_ui_system 1.0.166 → 1.0.168

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -428,6 +428,12 @@ video {
428
428
  .left-1\/2 {
429
429
  left: 50%;
430
430
  }
431
+ .left-2\.5 {
432
+ left: 0.625rem;
433
+ }
434
+ .left-3 {
435
+ left: 0.75rem;
436
+ }
431
437
  .left-4 {
432
438
  left: 1rem;
433
439
  }
@@ -476,6 +482,12 @@ video {
476
482
  .top-2 {
477
483
  top: 0.5rem;
478
484
  }
485
+ .top-2\.5 {
486
+ top: 0.625rem;
487
+ }
488
+ .top-3 {
489
+ top: 0.75rem;
490
+ }
479
491
  .top-4 {
480
492
  top: 1rem;
481
493
  }
@@ -503,6 +515,9 @@ video {
503
515
  .z-50 {
504
516
  z-index: 50;
505
517
  }
518
+ .z-\[60\] {
519
+ z-index: 60;
520
+ }
506
521
  .z-\[9999\] {
507
522
  z-index: 9999;
508
523
  }
@@ -543,6 +558,10 @@ video {
543
558
  margin-left: 0.5rem;
544
559
  margin-right: 0.5rem;
545
560
  }
561
+ .mx-4 {
562
+ margin-left: 1rem;
563
+ margin-right: 1rem;
564
+ }
546
565
  .mx-auto {
547
566
  margin-left: auto;
548
567
  margin-right: auto;
@@ -555,6 +574,9 @@ video {
555
574
  margin-top: 2rem;
556
575
  margin-bottom: 2rem;
557
576
  }
577
+ .-mb-\[2px\] {
578
+ margin-bottom: -2px;
579
+ }
558
580
  .-mt-2 {
559
581
  margin-top: -0.5rem;
560
582
  }
@@ -564,6 +586,9 @@ video {
564
586
  .mb-1 {
565
587
  margin-bottom: 0.25rem;
566
588
  }
589
+ .mb-1\.5 {
590
+ margin-bottom: 0.375rem;
591
+ }
567
592
  .mb-2 {
568
593
  margin-bottom: 0.5rem;
569
594
  }
@@ -600,9 +625,15 @@ video {
600
625
  .mt-1 {
601
626
  margin-top: 0.25rem;
602
627
  }
628
+ .mt-1\.5 {
629
+ margin-top: 0.375rem;
630
+ }
603
631
  .mt-2 {
604
632
  margin-top: 0.5rem;
605
633
  }
634
+ .mt-2\.5 {
635
+ margin-top: 0.625rem;
636
+ }
606
637
  .mt-3 {
607
638
  margin-top: 0.75rem;
608
639
  }
@@ -690,6 +721,9 @@ video {
690
721
  .h-4 {
691
722
  height: 1rem;
692
723
  }
724
+ .h-40 {
725
+ height: 10rem;
726
+ }
693
727
  .h-48 {
694
728
  height: 12rem;
695
729
  }
@@ -711,6 +745,9 @@ video {
711
745
  .h-8 {
712
746
  height: 2rem;
713
747
  }
748
+ .h-80 {
749
+ height: 20rem;
750
+ }
714
751
  .h-9 {
715
752
  height: 2.25rem;
716
753
  }
@@ -726,9 +763,15 @@ video {
726
763
  .h-\[400px\] {
727
764
  height: 400px;
728
765
  }
766
+ .h-\[450px\] {
767
+ height: 450px;
768
+ }
729
769
  .h-\[600px\] {
730
770
  height: 600px;
731
771
  }
772
+ .h-\[64px\] {
773
+ height: 64px;
774
+ }
732
775
  .h-\[700px\] {
733
776
  height: 700px;
734
777
  }
@@ -765,12 +808,24 @@ video {
765
808
  .min-h-\[100px\] {
766
809
  min-height: 100px;
767
810
  }
811
+ .min-h-\[160px\] {
812
+ min-height: 160px;
813
+ }
814
+ .min-h-\[180px\] {
815
+ min-height: 180px;
816
+ }
768
817
  .min-h-\[200px\] {
769
818
  min-height: 200px;
770
819
  }
771
820
  .min-h-\[280px\] {
772
821
  min-height: 280px;
773
822
  }
823
+ .min-h-\[500px\] {
824
+ min-height: 500px;
825
+ }
826
+ .min-h-\[80px\] {
827
+ min-height: 80px;
828
+ }
774
829
  .min-h-screen {
775
830
  min-height: 100vh;
776
831
  }
@@ -822,6 +877,9 @@ video {
822
877
  .w-3\.5 {
823
878
  width: 0.875rem;
824
879
  }
880
+ .w-32 {
881
+ width: 8rem;
882
+ }
825
883
  .w-4 {
826
884
  width: 1rem;
827
885
  }
@@ -938,9 +996,15 @@ video {
938
996
  .max-w-7xl {
939
997
  max-width: 80rem;
940
998
  }
999
+ .max-w-\[280px\] {
1000
+ max-width: 280px;
1001
+ }
941
1002
  .max-w-full {
942
1003
  max-width: 100%;
943
1004
  }
1005
+ .max-w-lg {
1006
+ max-width: 32rem;
1007
+ }
944
1008
  .max-w-md {
945
1009
  max-width: 28rem;
946
1010
  }
@@ -1090,6 +1154,9 @@ video {
1090
1154
  .resize-none {
1091
1155
  resize: none;
1092
1156
  }
1157
+ .list-disc {
1158
+ list-style-type: disc;
1159
+ }
1093
1160
  .list-none {
1094
1161
  list-style-type: none;
1095
1162
  }
@@ -1132,9 +1199,6 @@ video {
1132
1199
  .items-center {
1133
1200
  align-items: center;
1134
1201
  }
1135
- .justify-start {
1136
- justify-content: flex-start;
1137
- }
1138
1202
  .justify-end {
1139
1203
  justify-content: flex-end;
1140
1204
  }
@@ -1208,21 +1272,41 @@ video {
1208
1272
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
1209
1273
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
1210
1274
  }
1275
+ .space-y-10 > :not([hidden]) ~ :not([hidden]) {
1276
+ --tw-space-y-reverse: 0;
1277
+ margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
1278
+ margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
1279
+ }
1211
1280
  .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1212
1281
  --tw-space-y-reverse: 0;
1213
1282
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1214
1283
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1215
1284
  }
1285
+ .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1286
+ --tw-space-y-reverse: 0;
1287
+ margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1288
+ margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1289
+ }
1216
1290
  .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1217
1291
  --tw-space-y-reverse: 0;
1218
1292
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1219
1293
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1220
1294
  }
1295
+ .space-y-5 > :not([hidden]) ~ :not([hidden]) {
1296
+ --tw-space-y-reverse: 0;
1297
+ margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
1298
+ margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
1299
+ }
1221
1300
  .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1222
1301
  --tw-space-y-reverse: 0;
1223
1302
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1224
1303
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
1225
1304
  }
1305
+ .space-y-8 > :not([hidden]) ~ :not([hidden]) {
1306
+ --tw-space-y-reverse: 0;
1307
+ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1308
+ margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1309
+ }
1226
1310
  .divide-y > :not([hidden]) ~ :not([hidden]) {
1227
1311
  --tw-divide-y-reverse: 0;
1228
1312
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -1277,12 +1361,18 @@ video {
1277
1361
  .whitespace-nowrap {
1278
1362
  white-space: nowrap;
1279
1363
  }
1364
+ .whitespace-pre-wrap {
1365
+ white-space: pre-wrap;
1366
+ }
1280
1367
  .rounded {
1281
1368
  border-radius: 0.25rem;
1282
1369
  }
1283
1370
  .rounded-2xl {
1284
1371
  border-radius: 1rem;
1285
1372
  }
1373
+ .rounded-3xl {
1374
+ border-radius: 1.5rem;
1375
+ }
1286
1376
  .rounded-full {
1287
1377
  border-radius: 9999px;
1288
1378
  }
@@ -1323,6 +1413,9 @@ video {
1323
1413
  .border-b {
1324
1414
  border-bottom-width: 1px;
1325
1415
  }
1416
+ .border-b-2 {
1417
+ border-bottom-width: 2px;
1418
+ }
1326
1419
  .border-l {
1327
1420
  border-left-width: 1px;
1328
1421
  }
@@ -1350,12 +1443,27 @@ video {
1350
1443
  .border-none {
1351
1444
  border-style: none;
1352
1445
  }
1446
+ .border-\[var\(--calendar-selected-bg\)\] {
1447
+ border-color: var(--calendar-selected-bg);
1448
+ }
1449
+ .border-amber-200 {
1450
+ --tw-border-opacity: 1;
1451
+ border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
1452
+ }
1353
1453
  .border-black\/10 {
1354
1454
  border-color: rgb(0 0 0 / 0.1);
1355
1455
  }
1456
+ .border-blue-500 {
1457
+ --tw-border-opacity: 1;
1458
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1459
+ }
1356
1460
  .border-current {
1357
1461
  border-color: currentColor;
1358
1462
  }
1463
+ .border-cyan-400 {
1464
+ --tw-border-opacity: 1;
1465
+ border-color: rgb(34 211 238 / var(--tw-border-opacity, 1));
1466
+ }
1359
1467
  .border-danger-100 {
1360
1468
  border-color: var(--color-danger-100);
1361
1469
  }
@@ -1386,6 +1494,10 @@ video {
1386
1494
  .border-danger-900 {
1387
1495
  border-color: var(--color-danger-900);
1388
1496
  }
1497
+ .border-emerald-100 {
1498
+ --tw-border-opacity: 1;
1499
+ border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
1500
+ }
1389
1501
  .border-gray-100 {
1390
1502
  --tw-border-opacity: 1;
1391
1503
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
@@ -1410,6 +1522,10 @@ video {
1410
1522
  --tw-border-opacity: 1;
1411
1523
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
1412
1524
  }
1525
+ .border-green-700 {
1526
+ --tw-border-opacity: 1;
1527
+ border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
1528
+ }
1413
1529
  .border-info-300 {
1414
1530
  border-color: var(--color-info-300);
1415
1531
  }
@@ -1434,6 +1550,14 @@ video {
1434
1550
  .border-info-900 {
1435
1551
  border-color: var(--color-info-900);
1436
1552
  }
1553
+ .border-orange-400 {
1554
+ --tw-border-opacity: 1;
1555
+ border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
1556
+ }
1557
+ .border-orange-500 {
1558
+ --tw-border-opacity: 1;
1559
+ border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
1560
+ }
1437
1561
  .border-primary-200 {
1438
1562
  border-color: var(--color-primary-200);
1439
1563
  }
@@ -1489,6 +1613,10 @@ video {
1489
1613
  --tw-border-opacity: 1;
1490
1614
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
1491
1615
  }
1616
+ .border-red-700 {
1617
+ --tw-border-opacity: 1;
1618
+ border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
1619
+ }
1492
1620
  .border-secondary-100 {
1493
1621
  border-color: var(--color-secondary-100);
1494
1622
  }
@@ -1527,6 +1655,15 @@ video {
1527
1655
  --tw-border-opacity: 1;
1528
1656
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
1529
1657
  }
1658
+ .border-slate-200\/30 {
1659
+ border-color: rgb(226 232 240 / 0.3);
1660
+ }
1661
+ .border-slate-200\/50 {
1662
+ border-color: rgb(226 232 240 / 0.5);
1663
+ }
1664
+ .border-slate-200\/60 {
1665
+ border-color: rgb(226 232 240 / 0.6);
1666
+ }
1530
1667
  .border-slate-300 {
1531
1668
  --tw-border-opacity: 1;
1532
1669
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
@@ -1539,6 +1676,14 @@ video {
1539
1676
  --tw-border-opacity: 1;
1540
1677
  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
1541
1678
  }
1679
+ .border-slate-700 {
1680
+ --tw-border-opacity: 1;
1681
+ border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
1682
+ }
1683
+ .border-slate-800 {
1684
+ --tw-border-opacity: 1;
1685
+ border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
1686
+ }
1542
1687
  .border-success-200 {
1543
1688
  border-color: var(--color-success-200);
1544
1689
  }
@@ -1600,6 +1745,10 @@ video {
1600
1745
  --tw-border-opacity: 1;
1601
1746
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1602
1747
  }
1748
+ .border-yellow-400 {
1749
+ --tw-border-opacity: 1;
1750
+ border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
1751
+ }
1603
1752
  .border-yellow-500 {
1604
1753
  --tw-border-opacity: 1;
1605
1754
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
@@ -1613,6 +1762,19 @@ video {
1613
1762
  .\!bg-transparent {
1614
1763
  background-color: transparent !important;
1615
1764
  }
1765
+ .bg-\[var\(--calendar-range-bg\)\] {
1766
+ background-color: var(--calendar-range-bg);
1767
+ }
1768
+ .bg-\[var\(--calendar-selected-bg\)\] {
1769
+ background-color: var(--calendar-selected-bg);
1770
+ }
1771
+ .bg-\[var\(--calendar-today-bg\)\] {
1772
+ background-color: var(--calendar-today-bg);
1773
+ }
1774
+ .bg-amber-50 {
1775
+ --tw-bg-opacity: 1;
1776
+ background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
1777
+ }
1616
1778
  .bg-black {
1617
1779
  --tw-bg-opacity: 1;
1618
1780
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
@@ -1623,6 +1785,14 @@ video {
1623
1785
  .bg-black\/5 {
1624
1786
  background-color: rgb(0 0 0 / 0.05);
1625
1787
  }
1788
+ .bg-blue-500 {
1789
+ --tw-bg-opacity: 1;
1790
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
1791
+ }
1792
+ .bg-cyan-400 {
1793
+ --tw-bg-opacity: 1;
1794
+ background-color: rgb(34 211 238 / var(--tw-bg-opacity, 1));
1795
+ }
1626
1796
  .bg-danger-100 {
1627
1797
  background-color: var(--color-danger-100);
1628
1798
  }
@@ -1688,6 +1858,10 @@ video {
1688
1858
  --tw-bg-opacity: 1;
1689
1859
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
1690
1860
  }
1861
+ .bg-green-700 {
1862
+ --tw-bg-opacity: 1;
1863
+ background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
1864
+ }
1691
1865
  .bg-info-300 {
1692
1866
  background-color: var(--color-info-300);
1693
1867
  }
@@ -1712,6 +1886,18 @@ video {
1712
1886
  .bg-info-900 {
1713
1887
  background-color: var(--color-info-900);
1714
1888
  }
1889
+ .bg-orange-200 {
1890
+ --tw-bg-opacity: 1;
1891
+ background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));
1892
+ }
1893
+ .bg-orange-50 {
1894
+ --tw-bg-opacity: 1;
1895
+ background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
1896
+ }
1897
+ .bg-orange-500 {
1898
+ --tw-bg-opacity: 1;
1899
+ background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
1900
+ }
1715
1901
  .bg-primary-100 {
1716
1902
  background-color: var(--color-primary-100);
1717
1903
  }
@@ -1769,6 +1955,14 @@ video {
1769
1955
  .bg-purple-900 {
1770
1956
  background-color: var(--color-purple-900);
1771
1957
  }
1958
+ .bg-red-500 {
1959
+ --tw-bg-opacity: 1;
1960
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
1961
+ }
1962
+ .bg-red-700 {
1963
+ --tw-bg-opacity: 1;
1964
+ background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
1965
+ }
1772
1966
  .bg-secondary-200 {
1773
1967
  background-color: var(--color-secondary-200);
1774
1968
  }
@@ -1800,6 +1994,16 @@ video {
1800
1994
  --tw-bg-opacity: 1;
1801
1995
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
1802
1996
  }
1997
+ .bg-slate-100\/50 {
1998
+ background-color: rgb(241 245 249 / 0.5);
1999
+ }
2000
+ .bg-slate-100\/80 {
2001
+ background-color: rgb(241 245 249 / 0.8);
2002
+ }
2003
+ .bg-slate-200 {
2004
+ --tw-bg-opacity: 1;
2005
+ background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
2006
+ }
1803
2007
  .bg-slate-400 {
1804
2008
  --tw-bg-opacity: 1;
1805
2009
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
@@ -1808,6 +2012,9 @@ video {
1808
2012
  --tw-bg-opacity: 1;
1809
2013
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
1810
2014
  }
2015
+ .bg-slate-50\/40 {
2016
+ background-color: rgb(248 250 252 / 0.4);
2017
+ }
1811
2018
  .bg-slate-50\/50 {
1812
2019
  background-color: rgb(248 250 252 / 0.5);
1813
2020
  }
@@ -1815,6 +2022,18 @@ video {
1815
2022
  --tw-bg-opacity: 1;
1816
2023
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
1817
2024
  }
2025
+ .bg-slate-800 {
2026
+ --tw-bg-opacity: 1;
2027
+ background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
2028
+ }
2029
+ .bg-slate-900 {
2030
+ --tw-bg-opacity: 1;
2031
+ background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
2032
+ }
2033
+ .bg-slate-950 {
2034
+ --tw-bg-opacity: 1;
2035
+ background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
2036
+ }
1818
2037
  .bg-success-100 {
1819
2038
  background-color: var(--color-success-100);
1820
2039
  }
@@ -1889,12 +2108,65 @@ video {
1889
2108
  .bg-white\/40 {
1890
2109
  background-color: rgb(255 255 255 / 0.4);
1891
2110
  }
2111
+ .bg-white\/50 {
2112
+ background-color: rgb(255 255 255 / 0.5);
2113
+ }
2114
+ .bg-white\/70 {
2115
+ background-color: rgb(255 255 255 / 0.7);
2116
+ }
2117
+ .bg-yellow-400 {
2118
+ --tw-bg-opacity: 1;
2119
+ background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
2120
+ }
2121
+ .bg-yellow-500 {
2122
+ --tw-bg-opacity: 1;
2123
+ background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
2124
+ }
1892
2125
  .bg-opacity-10 {
1893
2126
  --tw-bg-opacity: 0.1;
1894
2127
  }
1895
2128
  .bg-opacity-50 {
1896
2129
  --tw-bg-opacity: 0.5;
1897
2130
  }
2131
+ .bg-gradient-to-br {
2132
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
2133
+ }
2134
+ .bg-gradient-to-r {
2135
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
2136
+ }
2137
+ .bg-gradient-to-tr {
2138
+ background-image: linear-gradient(to top right, var(--tw-gradient-stops));
2139
+ }
2140
+ .from-primary-500 {
2141
+ --tw-gradient-from: var(--color-primary-500) var(--tw-gradient-from-position);
2142
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2143
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2144
+ }
2145
+ .from-white\/70 {
2146
+ --tw-gradient-from: rgb(255 255 255 / 0.7) var(--tw-gradient-from-position);
2147
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2148
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2149
+ }
2150
+ .via-purple-500 {
2151
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2152
+ --tw-gradient-stops:
2153
+ var(--tw-gradient-from),
2154
+ var(--color-purple-500) var(--tw-gradient-via-position),
2155
+ var(--tw-gradient-to);
2156
+ }
2157
+ .to-indigo-500 {
2158
+ --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
2159
+ }
2160
+ .to-purple-500 {
2161
+ --tw-gradient-to: var(--color-purple-500) var(--tw-gradient-to-position);
2162
+ }
2163
+ .to-slate-50\/50 {
2164
+ --tw-gradient-to: rgb(248 250 252 / 0.5) var(--tw-gradient-to-position);
2165
+ }
2166
+ .bg-clip-text {
2167
+ -webkit-background-clip: text;
2168
+ background-clip: text;
2169
+ }
1898
2170
  .object-contain {
1899
2171
  -o-object-fit: contain;
1900
2172
  object-fit: contain;
@@ -2066,6 +2338,9 @@ video {
2066
2338
  .pt-10 {
2067
2339
  padding-top: 2.5rem;
2068
2340
  }
2341
+ .pt-2 {
2342
+ padding-top: 0.5rem;
2343
+ }
2069
2344
  .pt-3 {
2070
2345
  padding-top: 0.75rem;
2071
2346
  }
@@ -2168,9 +2443,15 @@ video {
2168
2443
  font-size: 0.75rem;
2169
2444
  line-height: 1rem;
2170
2445
  }
2446
+ .font-black {
2447
+ font-weight: 900;
2448
+ }
2171
2449
  .font-bold {
2172
2450
  font-weight: 700;
2173
2451
  }
2452
+ .font-extrabold {
2453
+ font-weight: 800;
2454
+ }
2174
2455
  .font-medium {
2175
2456
  font-weight: 500;
2176
2457
  }
@@ -2207,10 +2488,40 @@ video {
2207
2488
  .tracking-wider {
2208
2489
  letter-spacing: 0.05em;
2209
2490
  }
2491
+ .text-\[var\(--calendar-selected-text\)\] {
2492
+ color: var(--calendar-selected-text);
2493
+ }
2494
+ .text-\[var\(--calendar-today-text\)\] {
2495
+ color: var(--calendar-today-text);
2496
+ }
2497
+ .text-amber-800 {
2498
+ --tw-text-opacity: 1;
2499
+ color: rgb(146 64 14 / var(--tw-text-opacity, 1));
2500
+ }
2210
2501
  .text-black {
2211
2502
  --tw-text-opacity: 1;
2212
2503
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
2213
2504
  }
2505
+ .text-blue-500 {
2506
+ --tw-text-opacity: 1;
2507
+ color: rgb(59 130 246 / var(--tw-text-opacity, 1));
2508
+ }
2509
+ .text-blue-600 {
2510
+ --tw-text-opacity: 1;
2511
+ color: rgb(37 99 235 / var(--tw-text-opacity, 1));
2512
+ }
2513
+ .text-cyan-100 {
2514
+ --tw-text-opacity: 1;
2515
+ color: rgb(207 250 254 / var(--tw-text-opacity, 1));
2516
+ }
2517
+ .text-cyan-500 {
2518
+ --tw-text-opacity: 1;
2519
+ color: rgb(6 182 212 / var(--tw-text-opacity, 1));
2520
+ }
2521
+ .text-cyan-600 {
2522
+ --tw-text-opacity: 1;
2523
+ color: rgb(8 145 178 / var(--tw-text-opacity, 1));
2524
+ }
2214
2525
  .text-danger-300 {
2215
2526
  color: var(--color-danger-300);
2216
2527
  }
@@ -2235,6 +2546,10 @@ video {
2235
2546
  .text-danger-900 {
2236
2547
  color: var(--color-danger-900);
2237
2548
  }
2549
+ .text-emerald-400 {
2550
+ --tw-text-opacity: 1;
2551
+ color: rgb(52 211 153 / var(--tw-text-opacity, 1));
2552
+ }
2238
2553
  .text-emerald-500 {
2239
2554
  --tw-text-opacity: 1;
2240
2555
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
@@ -2243,6 +2558,10 @@ video {
2243
2558
  --tw-text-opacity: 1;
2244
2559
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
2245
2560
  }
2561
+ .text-emerald-800 {
2562
+ --tw-text-opacity: 1;
2563
+ color: rgb(6 95 70 / var(--tw-text-opacity, 1));
2564
+ }
2246
2565
  .text-gray-300 {
2247
2566
  --tw-text-opacity: 1;
2248
2567
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
@@ -2275,6 +2594,18 @@ video {
2275
2594
  --tw-text-opacity: 1;
2276
2595
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
2277
2596
  }
2597
+ .text-green-700 {
2598
+ --tw-text-opacity: 1;
2599
+ color: rgb(21 128 61 / var(--tw-text-opacity, 1));
2600
+ }
2601
+ .text-indigo-500 {
2602
+ --tw-text-opacity: 1;
2603
+ color: rgb(99 102 241 / var(--tw-text-opacity, 1));
2604
+ }
2605
+ .text-indigo-600 {
2606
+ --tw-text-opacity: 1;
2607
+ color: rgb(79 70 229 / var(--tw-text-opacity, 1));
2608
+ }
2278
2609
  .text-info-300 {
2279
2610
  color: var(--color-info-300);
2280
2611
  }
@@ -2299,6 +2630,14 @@ video {
2299
2630
  .text-info-900 {
2300
2631
  color: var(--color-info-900);
2301
2632
  }
2633
+ .text-orange-500 {
2634
+ --tw-text-opacity: 1;
2635
+ color: rgb(249 115 22 / var(--tw-text-opacity, 1));
2636
+ }
2637
+ .text-orange-800 {
2638
+ --tw-text-opacity: 1;
2639
+ color: rgb(154 52 18 / var(--tw-text-opacity, 1));
2640
+ }
2302
2641
  .text-primary-300 {
2303
2642
  color: var(--color-primary-300);
2304
2643
  }
@@ -2351,6 +2690,10 @@ video {
2351
2690
  --tw-text-opacity: 1;
2352
2691
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
2353
2692
  }
2693
+ .text-red-700 {
2694
+ --tw-text-opacity: 1;
2695
+ color: rgb(185 28 28 / var(--tw-text-opacity, 1));
2696
+ }
2354
2697
  .text-secondary-300 {
2355
2698
  color: var(--color-secondary-300);
2356
2699
  }
@@ -2375,6 +2718,14 @@ video {
2375
2718
  .text-secondary-900 {
2376
2719
  color: var(--color-secondary-900);
2377
2720
  }
2721
+ .text-slate-200 {
2722
+ --tw-text-opacity: 1;
2723
+ color: rgb(226 232 240 / var(--tw-text-opacity, 1));
2724
+ }
2725
+ .text-slate-300 {
2726
+ --tw-text-opacity: 1;
2727
+ color: rgb(203 213 225 / var(--tw-text-opacity, 1));
2728
+ }
2378
2729
  .text-slate-400 {
2379
2730
  --tw-text-opacity: 1;
2380
2731
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
@@ -2387,6 +2738,10 @@ video {
2387
2738
  --tw-text-opacity: 1;
2388
2739
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
2389
2740
  }
2741
+ .text-slate-700 {
2742
+ --tw-text-opacity: 1;
2743
+ color: rgb(51 65 85 / var(--tw-text-opacity, 1));
2744
+ }
2390
2745
  .text-slate-800 {
2391
2746
  --tw-text-opacity: 1;
2392
2747
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
@@ -2419,6 +2774,9 @@ video {
2419
2774
  .text-success-900 {
2420
2775
  color: var(--color-success-900);
2421
2776
  }
2777
+ .text-transparent {
2778
+ color: transparent;
2779
+ }
2422
2780
  .text-warning-300 {
2423
2781
  color: var(--color-warning-300);
2424
2782
  }
@@ -2447,6 +2805,10 @@ video {
2447
2805
  --tw-text-opacity: 1;
2448
2806
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2449
2807
  }
2808
+ .text-yellow-600 {
2809
+ --tw-text-opacity: 1;
2810
+ color: rgb(202 138 4 / var(--tw-text-opacity, 1));
2811
+ }
2450
2812
  .text-zinc-500 {
2451
2813
  --tw-text-opacity: 1;
2452
2814
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
@@ -2504,6 +2866,14 @@ video {
2504
2866
  var(--tw-ring-shadow, 0 0 #0000),
2505
2867
  var(--tw-shadow);
2506
2868
  }
2869
+ .shadow-inner {
2870
+ --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
2871
+ --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
2872
+ box-shadow:
2873
+ var(--tw-ring-offset-shadow, 0 0 #0000),
2874
+ var(--tw-ring-shadow, 0 0 #0000),
2875
+ var(--tw-shadow);
2876
+ }
2507
2877
  .shadow-lg {
2508
2878
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2509
2879
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2583,6 +2953,14 @@ video {
2583
2953
  --tw-blur: blur(8px);
2584
2954
  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);
2585
2955
  }
2956
+ .blur-2xl {
2957
+ --tw-blur: blur(40px);
2958
+ 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);
2959
+ }
2960
+ .blur-3xl {
2961
+ --tw-blur: blur(64px);
2962
+ 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);
2963
+ }
2586
2964
  .drop-shadow {
2587
2965
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
2588
2966
  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);
@@ -2613,6 +2991,15 @@ video {
2613
2991
  -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);
2614
2992
  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);
2615
2993
  }
2994
+ .backdrop-blur-xl {
2995
+ --tw-backdrop-blur: blur(24px);
2996
+ -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);
2997
+ 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);
2998
+ }
2999
+ .backdrop-filter {
3000
+ -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);
3001
+ 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);
3002
+ }
2616
3003
  .transition {
2617
3004
  transition-property:
2618
3005
  color,
@@ -2712,21 +3099,37 @@ video {
2712
3099
  .\!\[clip\:rect\(0\,0\,0\,0\)\] {
2713
3100
  clip: rect(0, 0, 0, 0) !important;
2714
3101
  }
3102
+ .hover\:-translate-y-1:hover {
3103
+ --tw-translate-y: -0.25rem;
3104
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3105
+ }
2715
3106
  .hover\:scale-105:hover {
2716
3107
  --tw-scale-x: 1.05;
2717
3108
  --tw-scale-y: 1.05;
2718
3109
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2719
3110
  }
3111
+ .hover\:scale-110:hover {
3112
+ --tw-scale-x: 1.1;
3113
+ --tw-scale-y: 1.1;
3114
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3115
+ }
3116
+ .hover\:border-\[var\(--calendar-today-bg\)\]:hover {
3117
+ border-color: var(--calendar-today-bg);
3118
+ }
2720
3119
  .hover\:border-gray-200:hover {
2721
3120
  --tw-border-opacity: 1;
2722
3121
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
2723
3122
  }
2724
- .hover\:border-primary-100:hover {
2725
- border-color: var(--color-primary-100);
3123
+ .hover\:border-gray-300:hover {
3124
+ --tw-border-opacity: 1;
3125
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
2726
3126
  }
2727
3127
  .hover\:border-primary-400:hover {
2728
3128
  border-color: var(--color-primary-400);
2729
3129
  }
3130
+ .hover\:bg-\[var\(--calendar-today-bg\)\]:hover {
3131
+ background-color: var(--calendar-today-bg);
3132
+ }
2730
3133
  .hover\:bg-black\/15:hover {
2731
3134
  background-color: rgb(0 0 0 / 0.15);
2732
3135
  }
@@ -2741,9 +3144,6 @@ video {
2741
3144
  --tw-bg-opacity: 1;
2742
3145
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
2743
3146
  }
2744
- .hover\:bg-primary-50:hover {
2745
- background-color: var(--color-primary-50);
2746
- }
2747
3147
  .hover\:bg-primary-600:hover {
2748
3148
  background-color: var(--color-primary-600);
2749
3149
  }
@@ -2756,9 +3156,27 @@ video {
2756
3156
  .hover\:bg-secondary-800:hover {
2757
3157
  background-color: var(--color-secondary-800);
2758
3158
  }
3159
+ .hover\:bg-slate-200:hover {
3160
+ --tw-bg-opacity: 1;
3161
+ background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
3162
+ }
3163
+ .hover\:bg-slate-200\/80:hover {
3164
+ background-color: rgb(226 232 240 / 0.8);
3165
+ }
3166
+ .hover\:bg-slate-50:hover {
3167
+ --tw-bg-opacity: 1;
3168
+ background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
3169
+ }
3170
+ .hover\:bg-slate-800:hover {
3171
+ --tw-bg-opacity: 1;
3172
+ background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
3173
+ }
2759
3174
  .hover\:bg-opacity-10:hover {
2760
3175
  --tw-bg-opacity: 0.1;
2761
3176
  }
3177
+ .hover\:text-\[var\(--calendar-today-text\)\]:hover {
3178
+ color: var(--calendar-today-text);
3179
+ }
2762
3180
  .hover\:text-blue-500:hover {
2763
3181
  --tw-text-opacity: 1;
2764
3182
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -2775,6 +3193,10 @@ video {
2775
3193
  --tw-text-opacity: 1;
2776
3194
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
2777
3195
  }
3196
+ .hover\:text-gray-700:hover {
3197
+ --tw-text-opacity: 1;
3198
+ color: rgb(55 65 81 / var(--tw-text-opacity, 1));
3199
+ }
2778
3200
  .hover\:text-gray-900:hover {
2779
3201
  --tw-text-opacity: 1;
2780
3202
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
@@ -2795,6 +3217,10 @@ video {
2795
3217
  --tw-text-opacity: 1;
2796
3218
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
2797
3219
  }
3220
+ .hover\:text-slate-800:hover {
3221
+ --tw-text-opacity: 1;
3222
+ color: rgb(30 41 59 / var(--tw-text-opacity, 1));
3223
+ }
2798
3224
  .hover\:text-slate-900:hover {
2799
3225
  --tw-text-opacity: 1;
2800
3226
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
@@ -2814,6 +3240,14 @@ video {
2814
3240
  var(--tw-ring-shadow, 0 0 #0000),
2815
3241
  var(--tw-shadow);
2816
3242
  }
3243
+ .hover\:shadow-sm:hover {
3244
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
3245
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
3246
+ box-shadow:
3247
+ var(--tw-ring-offset-shadow, 0 0 #0000),
3248
+ var(--tw-ring-shadow, 0 0 #0000),
3249
+ var(--tw-shadow);
3250
+ }
2817
3251
  .hover\:brightness-95:hover {
2818
3252
  --tw-brightness: brightness(.95);
2819
3253
  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);
@@ -2838,6 +3272,9 @@ video {
2838
3272
  --tw-border-opacity: 1;
2839
3273
  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
2840
3274
  }
3275
+ .focus\:border-transparent:focus {
3276
+ border-color: transparent;
3277
+ }
2841
3278
  .focus\:border-yellow-500:focus {
2842
3279
  --tw-border-opacity: 1;
2843
3280
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
@@ -2874,6 +3311,9 @@ video {
2874
3311
  --tw-ring-opacity: 1;
2875
3312
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
2876
3313
  }
3314
+ .focus\:ring-primary-500:focus {
3315
+ --tw-ring-color: var(--color-primary-500);
3316
+ }
2877
3317
  .focus\:ring-slate-400:focus {
2878
3318
  --tw-ring-opacity: 1;
2879
3319
  --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1));
@@ -2898,6 +3338,18 @@ video {
2898
3338
  --tw-translate-x: 0px;
2899
3339
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2900
3340
  }
3341
+ .group:hover .group-hover\:-rotate-6 {
3342
+ --tw-rotate: -6deg;
3343
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3344
+ }
3345
+ .group:hover .group-hover\:rotate-3 {
3346
+ --tw-rotate: 3deg;
3347
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3348
+ }
3349
+ .group:hover .group-hover\:rotate-6 {
3350
+ --tw-rotate: 6deg;
3351
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3352
+ }
2901
3353
  .group:hover .group-hover\:border-primary-500 {
2902
3354
  border-color: var(--color-primary-500);
2903
3355
  }
@@ -2920,6 +3372,9 @@ video {
2920
3372
  .group\/navitem:hover .group-hover\/navitem\:opacity-100 {
2921
3373
  opacity: 1;
2922
3374
  }
3375
+ .group:hover .group-hover\:opacity-35 {
3376
+ opacity: 0.35;
3377
+ }
2923
3378
  @media (prefers-reduced-motion: reduce) {
2924
3379
  @keyframes spin {
2925
3380
  to {
@@ -2930,6 +3385,145 @@ video {
2930
3385
  animation: spin 1.5s linear infinite;
2931
3386
  }
2932
3387
  }
3388
+ .dark\:border-amber-900:is(.dark *) {
3389
+ --tw-border-opacity: 1;
3390
+ border-color: rgb(120 53 15 / var(--tw-border-opacity, 1));
3391
+ }
3392
+ .dark\:border-emerald-900:is(.dark *) {
3393
+ --tw-border-opacity: 1;
3394
+ border-color: rgb(6 78 59 / var(--tw-border-opacity, 1));
3395
+ }
3396
+ .dark\:border-slate-600:is(.dark *) {
3397
+ --tw-border-opacity: 1;
3398
+ border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
3399
+ }
3400
+ .dark\:border-slate-700:is(.dark *) {
3401
+ --tw-border-opacity: 1;
3402
+ border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
3403
+ }
3404
+ .dark\:border-slate-700\/50:is(.dark *) {
3405
+ border-color: rgb(51 65 85 / 0.5);
3406
+ }
3407
+ .dark\:border-slate-800:is(.dark *) {
3408
+ --tw-border-opacity: 1;
3409
+ border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
3410
+ }
3411
+ .dark\:border-slate-800\/20:is(.dark *) {
3412
+ border-color: rgb(30 41 59 / 0.2);
3413
+ }
3414
+ .dark\:border-slate-800\/40:is(.dark *) {
3415
+ border-color: rgb(30 41 59 / 0.4);
3416
+ }
3417
+ .dark\:border-slate-800\/50:is(.dark *) {
3418
+ border-color: rgb(30 41 59 / 0.5);
3419
+ }
3420
+ .dark\:border-slate-800\/60:is(.dark *) {
3421
+ border-color: rgb(30 41 59 / 0.6);
3422
+ }
3423
+ .dark\:border-slate-800\/80:is(.dark *) {
3424
+ border-color: rgb(30 41 59 / 0.8);
3425
+ }
3426
+ .dark\:border-slate-900:is(.dark *) {
3427
+ --tw-border-opacity: 1;
3428
+ border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
3429
+ }
3430
+ .dark\:bg-amber-950\/20:is(.dark *) {
3431
+ background-color: rgb(69 26 3 / 0.2);
3432
+ }
3433
+ .dark\:bg-emerald-950\/20:is(.dark *) {
3434
+ background-color: rgb(2 44 34 / 0.2);
3435
+ }
3436
+ .dark\:bg-slate-700:is(.dark *) {
3437
+ --tw-bg-opacity: 1;
3438
+ background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
3439
+ }
3440
+ .dark\:bg-slate-800:is(.dark *) {
3441
+ --tw-bg-opacity: 1;
3442
+ background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
3443
+ }
3444
+ .dark\:bg-slate-800\/40:is(.dark *) {
3445
+ background-color: rgb(30 41 59 / 0.4);
3446
+ }
3447
+ .dark\:bg-slate-800\/80:is(.dark *) {
3448
+ background-color: rgb(30 41 59 / 0.8);
3449
+ }
3450
+ .dark\:bg-slate-900:is(.dark *) {
3451
+ --tw-bg-opacity: 1;
3452
+ background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
3453
+ }
3454
+ .dark\:bg-slate-900\/60:is(.dark *) {
3455
+ background-color: rgb(15 23 42 / 0.6);
3456
+ }
3457
+ .dark\:bg-slate-950\/10:is(.dark *) {
3458
+ background-color: rgb(2 6 23 / 0.1);
3459
+ }
3460
+ .dark\:bg-slate-950\/20:is(.dark *) {
3461
+ background-color: rgb(2 6 23 / 0.2);
3462
+ }
3463
+ .dark\:bg-slate-950\/40:is(.dark *) {
3464
+ background-color: rgb(2 6 23 / 0.4);
3465
+ }
3466
+ .dark\:from-slate-900\/60:is(.dark *) {
3467
+ --tw-gradient-from: rgb(15 23 42 / 0.6) var(--tw-gradient-from-position);
3468
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
3469
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3470
+ }
3471
+ .dark\:to-slate-950\/40:is(.dark *) {
3472
+ --tw-gradient-to: rgb(2 6 23 / 0.4) var(--tw-gradient-to-position);
3473
+ }
3474
+ .dark\:text-amber-300:is(.dark *) {
3475
+ --tw-text-opacity: 1;
3476
+ color: rgb(252 211 77 / var(--tw-text-opacity, 1));
3477
+ }
3478
+ .dark\:text-emerald-300:is(.dark *) {
3479
+ --tw-text-opacity: 1;
3480
+ color: rgb(110 231 183 / var(--tw-text-opacity, 1));
3481
+ }
3482
+ .dark\:text-indigo-400:is(.dark *) {
3483
+ --tw-text-opacity: 1;
3484
+ color: rgb(129 140 248 / var(--tw-text-opacity, 1));
3485
+ }
3486
+ .dark\:text-primary-300:is(.dark *) {
3487
+ color: var(--color-primary-300);
3488
+ }
3489
+ .dark\:text-primary-400:is(.dark *) {
3490
+ color: var(--color-primary-400);
3491
+ }
3492
+ .dark\:text-slate-200:is(.dark *) {
3493
+ --tw-text-opacity: 1;
3494
+ color: rgb(226 232 240 / var(--tw-text-opacity, 1));
3495
+ }
3496
+ .dark\:text-slate-300:is(.dark *) {
3497
+ --tw-text-opacity: 1;
3498
+ color: rgb(203 213 225 / var(--tw-text-opacity, 1));
3499
+ }
3500
+ .dark\:text-slate-400:is(.dark *) {
3501
+ --tw-text-opacity: 1;
3502
+ color: rgb(148 163 184 / var(--tw-text-opacity, 1));
3503
+ }
3504
+ .dark\:text-slate-500:is(.dark *) {
3505
+ --tw-text-opacity: 1;
3506
+ color: rgb(100 116 139 / var(--tw-text-opacity, 1));
3507
+ }
3508
+ .dark\:text-white:is(.dark *) {
3509
+ --tw-text-opacity: 1;
3510
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3511
+ }
3512
+ .dark\:invert:is(.dark *) {
3513
+ --tw-invert: invert(100%);
3514
+ 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);
3515
+ }
3516
+ .dark\:hover\:bg-slate-700\/80:hover:is(.dark *) {
3517
+ background-color: rgb(51 65 85 / 0.8);
3518
+ }
3519
+ .dark\:hover\:bg-slate-800:hover:is(.dark *) {
3520
+ --tw-bg-opacity: 1;
3521
+ background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
3522
+ }
3523
+ .dark\:hover\:text-slate-200:hover:is(.dark *) {
3524
+ --tw-text-opacity: 1;
3525
+ color: rgb(226 232 240 / var(--tw-text-opacity, 1));
3526
+ }
2933
3527
  @media (min-width: 640px) {
2934
3528
  .sm\:col-span-1 {
2935
3529
  grid-column: span 1 / span 1;
@@ -2964,6 +3558,15 @@ video {
2964
3558
  .sm\:flex {
2965
3559
  display: flex;
2966
3560
  }
3561
+ .sm\:w-60 {
3562
+ width: 15rem;
3563
+ }
3564
+ .sm\:grid-cols-2 {
3565
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3566
+ }
3567
+ .sm\:grid-cols-4 {
3568
+ grid-template-columns: repeat(4, minmax(0, 1fr));
3569
+ }
2967
3570
  .sm\:flex-row {
2968
3571
  flex-direction: row;
2969
3572
  }
@@ -2978,6 +3581,10 @@ video {
2978
3581
  font-size: 0.875rem;
2979
3582
  line-height: 1.25rem;
2980
3583
  }
3584
+ .sm\:text-xs {
3585
+ font-size: 0.75rem;
3586
+ line-height: 1rem;
3587
+ }
2981
3588
  }
2982
3589
  @media (min-width: 768px) {
2983
3590
  .md\:static {
@@ -3019,15 +3626,30 @@ video {
3019
3626
  .md\:flex {
3020
3627
  display: flex;
3021
3628
  }
3629
+ .md\:w-80 {
3630
+ width: 20rem;
3631
+ }
3022
3632
  .md\:w-auto {
3023
3633
  width: auto;
3024
3634
  }
3025
3635
  .md\:transform-none {
3026
3636
  transform: none;
3027
3637
  }
3638
+ .md\:grid-cols-2 {
3639
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3640
+ }
3028
3641
  .md\:grid-cols-3 {
3029
3642
  grid-template-columns: repeat(3, minmax(0, 1fr));
3030
3643
  }
3644
+ .md\:grid-cols-6 {
3645
+ grid-template-columns: repeat(6, minmax(0, 1fr));
3646
+ }
3647
+ .md\:flex-row {
3648
+ flex-direction: row;
3649
+ }
3650
+ .md\:items-center {
3651
+ align-items: center;
3652
+ }
3031
3653
  .md\:border-r {
3032
3654
  border-right-width: 1px;
3033
3655
  }
@@ -3035,6 +3657,20 @@ video {
3035
3657
  --tw-border-opacity: 1;
3036
3658
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
3037
3659
  }
3660
+ .md\:p-12 {
3661
+ padding: 3rem;
3662
+ }
3663
+ .md\:p-8 {
3664
+ padding: 2rem;
3665
+ }
3666
+ .md\:text-5xl {
3667
+ font-size: 3rem;
3668
+ line-height: 1;
3669
+ }
3670
+ .md\:text-base {
3671
+ font-size: 1rem;
3672
+ line-height: 1.5rem;
3673
+ }
3038
3674
  .md\:shadow-none {
3039
3675
  --tw-shadow: 0 0 #0000;
3040
3676
  --tw-shadow-colored: 0 0 #0000;
@@ -3066,9 +3702,15 @@ video {
3066
3702
  .lg\:col-span-4 {
3067
3703
  grid-column: span 4 / span 4;
3068
3704
  }
3705
+ .lg\:col-span-5 {
3706
+ grid-column: span 5 / span 5;
3707
+ }
3069
3708
  .lg\:col-span-6 {
3070
3709
  grid-column: span 6 / span 6;
3071
3710
  }
3711
+ .lg\:col-span-7 {
3712
+ grid-column: span 7 / span 7;
3713
+ }
3072
3714
  .lg\:col-span-8 {
3073
3715
  grid-column: span 8 / span 8;
3074
3716
  }
@@ -3081,6 +3723,15 @@ video {
3081
3723
  .lg\:hidden {
3082
3724
  display: none;
3083
3725
  }
3726
+ .lg\:grid-cols-12 {
3727
+ grid-template-columns: repeat(12, minmax(0, 1fr));
3728
+ }
3729
+ .lg\:grid-cols-3 {
3730
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3731
+ }
3732
+ .lg\:grid-cols-8 {
3733
+ grid-template-columns: repeat(8, minmax(0, 1fr));
3734
+ }
3084
3735
  .lg\:px-8 {
3085
3736
  padding-left: 2rem;
3086
3737
  padding-right: 2rem;