@nswds/app 1.107.2 → 1.108.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/globals.css CHANGED
@@ -89,7 +89,9 @@
89
89
  --font-weight-medium: 500;
90
90
  --font-weight-semibold: 600;
91
91
  --font-weight-bold: 700;
92
+ --font-weight-extrabold: 800;
92
93
  --tracking-tight: -0.025em;
94
+ --tracking-normal: 0em;
93
95
  --tracking-wide: 0.025em;
94
96
  --tracking-widest: 0.1em;
95
97
  --leading-tight: 1.25;
@@ -113,11 +115,8 @@
113
115
  --default-mono-font-family: var(--font-mono);
114
116
  --color-nsw-blue-800: var(--nsw-blue-800);
115
117
  --color-nsw-red-600: var(--nsw-red-600);
116
- --color-primary-50: var(--nsw-blue-50);
117
- --color-primary-100: var(--nsw-blue-100);
118
118
  --color-primary-200: var(--nsw-blue-200);
119
119
  --color-primary-250: var(--nsw-blue-250);
120
- --color-primary-300: var(--nsw-blue-300);
121
120
  --color-primary-400: var(--nsw-blue-400);
122
121
  --color-primary-500: var(--nsw-blue-500);
123
122
  --color-primary-550: var(--nsw-blue-550);
@@ -1053,15 +1052,9 @@
1053
1052
  .mt-2 {
1054
1053
  margin-top: calc(var(--spacing) * 2);
1055
1054
  }
1056
- .mt-2\.5 {
1057
- margin-top: calc(var(--spacing) * 2.5);
1058
- }
1059
1055
  .mt-3 {
1060
1056
  margin-top: calc(var(--spacing) * 3);
1061
1057
  }
1062
- .mt-3\.5 {
1063
- margin-top: calc(var(--spacing) * 3.5);
1064
- }
1065
1058
  .mt-4 {
1066
1059
  margin-top: calc(var(--spacing) * 4);
1067
1060
  }
@@ -1083,6 +1076,9 @@
1083
1076
  .mt-auto {
1084
1077
  margin-top: auto;
1085
1078
  }
1079
+ .mr-1 {
1080
+ margin-right: calc(var(--spacing) * 1);
1081
+ }
1086
1082
  .mr-2 {
1087
1083
  margin-right: calc(var(--spacing) * 2);
1088
1084
  }
@@ -1284,14 +1280,18 @@
1284
1280
  width: calc(var(--spacing) * 9);
1285
1281
  height: calc(var(--spacing) * 9);
1286
1282
  }
1287
- .size-11 {
1288
- width: calc(var(--spacing) * 11);
1289
- height: calc(var(--spacing) * 11);
1290
- }
1291
1283
  .size-12 {
1292
1284
  width: calc(var(--spacing) * 12);
1293
1285
  height: calc(var(--spacing) * 12);
1294
1286
  }
1287
+ .size-\[1\.9rem\] {
1288
+ width: 1.9rem;
1289
+ height: 1.9rem;
1290
+ }
1291
+ .size-\[1\.35rem\] {
1292
+ width: 1.35rem;
1293
+ height: 1.35rem;
1294
+ }
1295
1295
  .size-\[max\(100\%\,2\.75rem\)\] {
1296
1296
  width: max(100%, 2.75rem);
1297
1297
  height: max(100%, 2.75rem);
@@ -1361,9 +1361,6 @@
1361
1361
  .h-16 {
1362
1362
  height: calc(var(--spacing) * 16);
1363
1363
  }
1364
- .h-20 {
1365
- height: calc(var(--spacing) * 20);
1366
- }
1367
1364
  .h-24 {
1368
1365
  height: calc(var(--spacing) * 24);
1369
1366
  }
@@ -1373,21 +1370,12 @@
1373
1370
  .h-40 {
1374
1371
  height: calc(var(--spacing) * 40);
1375
1372
  }
1376
- .h-44 {
1377
- height: calc(var(--spacing) * 44);
1378
- }
1379
1373
  .h-48 {
1380
1374
  height: calc(var(--spacing) * 48);
1381
1375
  }
1382
- .h-52 {
1383
- height: calc(var(--spacing) * 52);
1384
- }
1385
1376
  .h-64 {
1386
1377
  height: calc(var(--spacing) * 64);
1387
1378
  }
1388
- .h-72 {
1389
- height: calc(var(--spacing) * 72);
1390
- }
1391
1379
  .h-80 {
1392
1380
  height: calc(var(--spacing) * 80);
1393
1381
  }
@@ -1400,11 +1388,8 @@
1400
1388
  .h-\[3px\] {
1401
1389
  height: 3px;
1402
1390
  }
1403
- .h-\[32rem\] {
1404
- height: 32rem;
1405
- }
1406
- .h-\[40rem\] {
1407
- height: 40rem;
1391
+ .h-\[20\.5rem\] {
1392
+ height: 20.5rem;
1408
1393
  }
1409
1394
  .h-\[600px\] {
1410
1395
  height: 600px;
@@ -1475,29 +1460,17 @@
1475
1460
  .min-h-8 {
1476
1461
  min-height: calc(var(--spacing) * 8);
1477
1462
  }
1478
- .min-h-10 {
1479
- min-height: calc(var(--spacing) * 10);
1480
- }
1481
- .min-h-11 {
1482
- min-height: calc(var(--spacing) * 11);
1483
- }
1484
1463
  .min-h-16 {
1485
1464
  min-height: calc(var(--spacing) * 16);
1486
1465
  }
1487
1466
  .min-h-32 {
1488
1467
  min-height: calc(var(--spacing) * 32);
1489
1468
  }
1490
- .min-h-\[12rem\] {
1491
- min-height: 12rem;
1492
- }
1493
- .min-h-\[16rem\] {
1494
- min-height: 16rem;
1469
+ .min-h-\[25rem\] {
1470
+ min-height: 25rem;
1495
1471
  }
1496
- .min-h-\[18rem\] {
1497
- min-height: 18rem;
1498
- }
1499
- .min-h-\[22rem\] {
1500
- min-height: 22rem;
1472
+ .min-h-\[46rem\] {
1473
+ min-height: 46rem;
1501
1474
  }
1502
1475
  .min-h-dvh {
1503
1476
  min-height: 100dvh;
@@ -1562,9 +1535,6 @@
1562
1535
  .w-10 {
1563
1536
  width: calc(var(--spacing) * 10);
1564
1537
  }
1565
- .w-11 {
1566
- width: calc(var(--spacing) * 11);
1567
- }
1568
1538
  .w-12 {
1569
1539
  width: calc(var(--spacing) * 12);
1570
1540
  }
@@ -1610,8 +1580,8 @@
1610
1580
  .w-100 {
1611
1581
  width: calc(var(--spacing) * 100);
1612
1582
  }
1613
- .w-\[30rem\] {
1614
- width: 30rem;
1583
+ .w-\[10rem\] {
1584
+ width: 10rem;
1615
1585
  }
1616
1586
  .w-\[50vw\] {
1617
1587
  width: 50vw;
@@ -1688,15 +1658,18 @@
1688
1658
  .max-w-60 {
1689
1659
  max-width: calc(var(--spacing) * 60);
1690
1660
  }
1661
+ .max-w-\[15rem\] {
1662
+ max-width: 15rem;
1663
+ }
1664
+ .max-w-\[38rem\] {
1665
+ max-width: 38rem;
1666
+ }
1691
1667
  .max-w-\[42rem\] {
1692
1668
  max-width: 42rem;
1693
1669
  }
1694
1670
  .max-w-\[80\%\] {
1695
1671
  max-width: 80%;
1696
1672
  }
1697
- .max-w-\[90vw\] {
1698
- max-width: 90vw;
1699
- }
1700
1673
  .max-w-\[500px\] {
1701
1674
  max-width: 500px;
1702
1675
  }
@@ -1906,6 +1879,18 @@
1906
1879
  --tw-translate-y: calc(-50% - 2px);
1907
1880
  translate: var(--tw-translate-x) var(--tw-translate-y);
1908
1881
  }
1882
+ .scale-105 {
1883
+ --tw-scale-x: 105%;
1884
+ --tw-scale-y: 105%;
1885
+ --tw-scale-z: 105%;
1886
+ scale: var(--tw-scale-x) var(--tw-scale-y);
1887
+ }
1888
+ .scale-110 {
1889
+ --tw-scale-x: 110%;
1890
+ --tw-scale-y: 110%;
1891
+ --tw-scale-z: 110%;
1892
+ scale: var(--tw-scale-x) var(--tw-scale-y);
1893
+ }
1909
1894
  .-scale-x-100 {
1910
1895
  --tw-scale-x: calc(100% * -1);
1911
1896
  scale: var(--tw-scale-x) var(--tw-scale-y);
@@ -1991,12 +1976,12 @@
1991
1976
  .grid-cols-2 {
1992
1977
  grid-template-columns: repeat(2, minmax(0, 1fr));
1993
1978
  }
1994
- .grid-cols-3 {
1995
- grid-template-columns: repeat(3, minmax(0, 1fr));
1996
- }
1997
1979
  .grid-cols-4 {
1998
1980
  grid-template-columns: repeat(4, minmax(0, 1fr));
1999
1981
  }
1982
+ .grid-cols-5 {
1983
+ grid-template-columns: repeat(5, minmax(0, 1fr));
1984
+ }
2000
1985
  .grid-cols-\[--spacing\(5\)_1fr\] {
2001
1986
  grid-template-columns: calc(var(--spacing) * 5) 1fr;
2002
1987
  }
@@ -2081,9 +2066,6 @@
2081
2066
  .gap-2 {
2082
2067
  gap: calc(var(--spacing) * 2);
2083
2068
  }
2084
- .gap-2\.5 {
2085
- gap: calc(var(--spacing) * 2.5);
2086
- }
2087
2069
  .gap-3 {
2088
2070
  gap: calc(var(--spacing) * 3);
2089
2071
  }
@@ -2118,13 +2100,6 @@
2118
2100
  margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
2119
2101
  }
2120
2102
  }
2121
- .space-y-0\.5 {
2122
- :where(& > :not(:last-child)) {
2123
- --tw-space-y-reverse: 0;
2124
- margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
2125
- margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
2126
- }
2127
- }
2128
2103
  .space-y-1 {
2129
2104
  :where(& > :not(:last-child)) {
2130
2105
  --tw-space-y-reverse: 0;
@@ -2277,11 +2252,6 @@
2277
2252
  border-color: var(--color-gray-100);
2278
2253
  }
2279
2254
  }
2280
- .divide-grey-100 {
2281
- :where(& > :not(:last-child)) {
2282
- border-color: var(--color-grey-100);
2283
- }
2284
- }
2285
2255
  .divide-grey-200 {
2286
2256
  :where(& > :not(:last-child)) {
2287
2257
  border-color: var(--color-grey-200);
@@ -2347,6 +2317,12 @@
2347
2317
  .rounded {
2348
2318
  border-radius: 0.25rem;
2349
2319
  }
2320
+ .rounded-\[0\.4rem\] {
2321
+ border-radius: 0.4rem;
2322
+ }
2323
+ .rounded-\[0\.25rem\] {
2324
+ border-radius: 0.25rem;
2325
+ }
2350
2326
  .rounded-\[1px\] {
2351
2327
  border-radius: 1px;
2352
2328
  }
@@ -2527,18 +2503,18 @@
2527
2503
  border-color: color-mix(in oklab, var(--border) 50%, transparent);
2528
2504
  }
2529
2505
  }
2530
- .border-current {
2531
- border-color: currentcolor;
2532
- }
2533
- .border-danger-200 {
2534
- border-color: var(--danger-200);
2535
- }
2536
- .border-danger-300 {
2537
- border-color: var(--danger-300);
2538
- }
2539
2506
  .border-danger-500 {
2540
2507
  border-color: var(--danger-500);
2541
2508
  }
2509
+ .border-danger-600 {
2510
+ border-color: var(--danger-600);
2511
+ }
2512
+ .border-danger-600\/25 {
2513
+ border-color: var(--danger-600);
2514
+ @supports (color: color-mix(in lab, red, red)) {
2515
+ border-color: color-mix(in oklab, var(--danger-600) 25%, transparent);
2516
+ }
2517
+ }
2542
2518
  .border-gray-100 {
2543
2519
  border-color: var(--color-gray-100);
2544
2520
  }
@@ -2554,18 +2530,6 @@
2554
2530
  .border-grey-300 {
2555
2531
  border-color: var(--color-grey-300);
2556
2532
  }
2557
- .border-grey-300\/70 {
2558
- border-color: var(--color-grey-300);
2559
- @supports (color: color-mix(in lab, red, red)) {
2560
- border-color: color-mix(in oklab, var(--color-grey-300) 70%, transparent);
2561
- }
2562
- }
2563
- .border-grey-300\/80 {
2564
- border-color: var(--color-grey-300);
2565
- @supports (color: color-mix(in lab, red, red)) {
2566
- border-color: color-mix(in oklab, var(--color-grey-300) 80%, transparent);
2567
- }
2568
- }
2569
2533
  .border-grey-400 {
2570
2534
  border-color: var(--color-grey-400);
2571
2535
  }
@@ -2581,9 +2545,6 @@
2581
2545
  border-color: color-mix(in oklab, var(--color-grey-700) 80%, transparent);
2582
2546
  }
2583
2547
  }
2584
- .border-grey-800 {
2585
- border-color: var(--color-grey-800);
2586
- }
2587
2548
  .border-grey-900 {
2588
2549
  border-color: var(--color-grey-900);
2589
2550
  }
@@ -2614,15 +2575,6 @@
2614
2575
  .border-primary {
2615
2576
  border-color: var(--primary);
2616
2577
  }
2617
- .border-primary-100 {
2618
- border-color: var(--color-primary-100);
2619
- }
2620
- .border-primary-200 {
2621
- border-color: var(--color-primary-200);
2622
- }
2623
- .border-primary-300 {
2624
- border-color: var(--color-primary-300);
2625
- }
2626
2578
  .border-primary-500 {
2627
2579
  border-color: var(--color-primary-500);
2628
2580
  }
@@ -2635,9 +2587,6 @@
2635
2587
  .border-primary-600 {
2636
2588
  border-color: var(--color-primary-600);
2637
2589
  }
2638
- .border-primary-700 {
2639
- border-color: var(--color-primary-700);
2640
- }
2641
2590
  .border-primary-800 {
2642
2591
  border-color: var(--color-primary-800);
2643
2592
  }
@@ -2662,22 +2611,34 @@
2662
2611
  .border-slate-200 {
2663
2612
  border-color: var(--color-slate-200);
2664
2613
  }
2665
- .border-success-200 {
2666
- border-color: var(--success-200);
2667
- }
2668
2614
  .border-success-450 {
2669
2615
  border-color: var(--success-450);
2670
2616
  }
2617
+ .border-success-600 {
2618
+ border-color: var(--success-600);
2619
+ }
2620
+ .border-success-600\/25 {
2621
+ border-color: var(--success-600);
2622
+ @supports (color: color-mix(in lab, red, red)) {
2623
+ border-color: color-mix(in oklab, var(--success-600) 25%, transparent);
2624
+ }
2625
+ }
2626
+ .border-success-600\/35 {
2627
+ border-color: var(--success-600);
2628
+ @supports (color: color-mix(in lab, red, red)) {
2629
+ border-color: color-mix(in oklab, var(--success-600) 35%, transparent);
2630
+ }
2631
+ }
2671
2632
  .border-transparent {
2672
2633
  border-color: transparent;
2673
2634
  }
2674
- .border-white {
2675
- border-color: var(--color-white);
2635
+ .border-warning-600 {
2636
+ border-color: var(--warning-600);
2676
2637
  }
2677
- .border-white\/30 {
2678
- border-color: color-mix(in srgb, #fff 30%, transparent);
2638
+ .border-warning-600\/25 {
2639
+ border-color: var(--warning-600);
2679
2640
  @supports (color: color-mix(in lab, red, red)) {
2680
- border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
2641
+ border-color: color-mix(in oklab, var(--warning-600) 25%, transparent);
2681
2642
  }
2682
2643
  }
2683
2644
  .border-t-transparent {
@@ -2719,6 +2680,9 @@
2719
2680
  .bg-\(--nsw-card-bg\) {
2720
2681
  background-color: var(--nsw-card-bg);
2721
2682
  }
2683
+ .bg-\[\#f3f8ff\] {
2684
+ background-color: #f3f8ff;
2685
+ }
2722
2686
  .bg-accent {
2723
2687
  background-color: var(--accent);
2724
2688
  }
@@ -2758,21 +2722,9 @@
2758
2722
  .bg-card {
2759
2723
  background-color: var(--card);
2760
2724
  }
2761
- .bg-current {
2762
- background-color: currentcolor;
2763
- }
2764
- .bg-current\/10 {
2765
- background-color: currentcolor;
2766
- @supports (color: color-mix(in lab, red, red)) {
2767
- background-color: color-mix(in oklab, currentcolor 10%, transparent);
2768
- }
2769
- }
2770
2725
  .bg-cyan-500 {
2771
2726
  background-color: var(--color-cyan-500);
2772
2727
  }
2773
- .bg-danger-50 {
2774
- background-color: var(--danger-50);
2775
- }
2776
2728
  .bg-danger-200 {
2777
2729
  background-color: var(--danger-200);
2778
2730
  }
@@ -2782,8 +2734,14 @@
2782
2734
  .bg-danger-500 {
2783
2735
  background-color: var(--danger-500);
2784
2736
  }
2785
- .bg-danger-700 {
2786
- background-color: var(--danger-700);
2737
+ .bg-danger-600 {
2738
+ background-color: var(--danger-600);
2739
+ }
2740
+ .bg-danger-600\/10 {
2741
+ background-color: var(--danger-600);
2742
+ @supports (color: color-mix(in lab, red, red)) {
2743
+ background-color: color-mix(in oklab, var(--danger-600) 10%, transparent);
2744
+ }
2787
2745
  }
2788
2746
  .bg-destructive {
2789
2747
  background-color: var(--destructive);
@@ -2815,18 +2773,6 @@
2815
2773
  .bg-grey-50 {
2816
2774
  background-color: var(--color-grey-50);
2817
2775
  }
2818
- .bg-grey-50\/60 {
2819
- background-color: var(--color-grey-50);
2820
- @supports (color: color-mix(in lab, red, red)) {
2821
- background-color: color-mix(in oklab, var(--color-grey-50) 60%, transparent);
2822
- }
2823
- }
2824
- .bg-grey-50\/70 {
2825
- background-color: var(--color-grey-50);
2826
- @supports (color: color-mix(in lab, red, red)) {
2827
- background-color: color-mix(in oklab, var(--color-grey-50) 70%, transparent);
2828
- }
2829
- }
2830
2776
  .bg-grey-100 {
2831
2777
  background-color: var(--color-grey-100);
2832
2778
  }
@@ -2884,39 +2830,6 @@
2884
2830
  .bg-primary {
2885
2831
  background-color: var(--primary);
2886
2832
  }
2887
- .bg-primary-50 {
2888
- background-color: var(--color-primary-50);
2889
- }
2890
- .bg-primary-50\/30 {
2891
- background-color: var(--color-primary-50);
2892
- @supports (color: color-mix(in lab, red, red)) {
2893
- background-color: color-mix(in oklab, var(--color-primary-50) 30%, transparent);
2894
- }
2895
- }
2896
- .bg-primary-50\/40 {
2897
- background-color: var(--color-primary-50);
2898
- @supports (color: color-mix(in lab, red, red)) {
2899
- background-color: color-mix(in oklab, var(--color-primary-50) 40%, transparent);
2900
- }
2901
- }
2902
- .bg-primary-50\/50 {
2903
- background-color: var(--color-primary-50);
2904
- @supports (color: color-mix(in lab, red, red)) {
2905
- background-color: color-mix(in oklab, var(--color-primary-50) 50%, transparent);
2906
- }
2907
- }
2908
- .bg-primary-50\/60 {
2909
- background-color: var(--color-primary-50);
2910
- @supports (color: color-mix(in lab, red, red)) {
2911
- background-color: color-mix(in oklab, var(--color-primary-50) 60%, transparent);
2912
- }
2913
- }
2914
- .bg-primary-50\/70 {
2915
- background-color: var(--color-primary-50);
2916
- @supports (color: color-mix(in lab, red, red)) {
2917
- background-color: color-mix(in oklab, var(--color-primary-50) 70%, transparent);
2918
- }
2919
- }
2920
2833
  .bg-primary-200 {
2921
2834
  background-color: var(--color-primary-200);
2922
2835
  }
@@ -2965,9 +2878,6 @@
2965
2878
  .bg-sidebar-primary {
2966
2879
  background-color: var(--sidebar-primary);
2967
2880
  }
2968
- .bg-success-50 {
2969
- background-color: var(--success-50);
2970
- }
2971
2881
  .bg-success-200 {
2972
2882
  background-color: var(--success-200);
2973
2883
  }
@@ -2977,8 +2887,14 @@
2977
2887
  .bg-success-500 {
2978
2888
  background-color: var(--success-500);
2979
2889
  }
2980
- .bg-success-700 {
2981
- background-color: var(--success-700);
2890
+ .bg-success-600 {
2891
+ background-color: var(--success-600);
2892
+ }
2893
+ .bg-success-600\/10 {
2894
+ background-color: var(--success-600);
2895
+ @supports (color: color-mix(in lab, red, red)) {
2896
+ background-color: color-mix(in oklab, var(--success-600) 10%, transparent);
2897
+ }
2982
2898
  }
2983
2899
  .bg-transparent {
2984
2900
  background-color: transparent;
@@ -2992,6 +2908,15 @@
2992
2908
  .bg-warning-500 {
2993
2909
  background-color: var(--warning-500);
2994
2910
  }
2911
+ .bg-warning-600 {
2912
+ background-color: var(--warning-600);
2913
+ }
2914
+ .bg-warning-600\/10 {
2915
+ background-color: var(--warning-600);
2916
+ @supports (color: color-mix(in lab, red, red)) {
2917
+ background-color: color-mix(in oklab, var(--warning-600) 10%, transparent);
2918
+ }
2919
+ }
2995
2920
  .bg-white {
2996
2921
  background-color: var(--color-white);
2997
2922
  }
@@ -3001,24 +2926,6 @@
3001
2926
  background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
3002
2927
  }
3003
2928
  }
3004
- .bg-white\/90 {
3005
- background-color: color-mix(in srgb, #fff 90%, transparent);
3006
- @supports (color: color-mix(in lab, red, red)) {
3007
- background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
3008
- }
3009
- }
3010
- .bg-white\/92 {
3011
- background-color: color-mix(in srgb, #fff 92%, transparent);
3012
- @supports (color: color-mix(in lab, red, red)) {
3013
- background-color: color-mix(in oklab, var(--color-white) 92%, transparent);
3014
- }
3015
- }
3016
- .bg-white\/95 {
3017
- background-color: color-mix(in srgb, #fff 95%, transparent);
3018
- @supports (color: color-mix(in lab, red, red)) {
3019
- background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
3020
- }
3021
- }
3022
2929
  .bg-zinc-950 {
3023
2930
  background-color: var(--color-zinc-950);
3024
2931
  }
@@ -3298,9 +3205,6 @@
3298
3205
  .py-3 {
3299
3206
  padding-block: calc(var(--spacing) * 3);
3300
3207
  }
3301
- .py-3\.5 {
3302
- padding-block: calc(var(--spacing) * 3.5);
3303
- }
3304
3208
  .py-4 {
3305
3209
  padding-block: calc(var(--spacing) * 4);
3306
3210
  }
@@ -3310,9 +3214,6 @@
3310
3214
  .py-6 {
3311
3215
  padding-block: calc(var(--spacing) * 6);
3312
3216
  }
3313
- .py-7 {
3314
- padding-block: calc(var(--spacing) * 7);
3315
- }
3316
3217
  .py-8 {
3317
3218
  padding-block: calc(var(--spacing) * 8);
3318
3219
  }
@@ -3412,15 +3313,15 @@
3412
3313
  .pb-0 {
3413
3314
  padding-bottom: calc(var(--spacing) * 0);
3414
3315
  }
3316
+ .pb-1 {
3317
+ padding-bottom: calc(var(--spacing) * 1);
3318
+ }
3415
3319
  .pb-3 {
3416
3320
  padding-bottom: calc(var(--spacing) * 3);
3417
3321
  }
3418
3322
  .pb-4 {
3419
3323
  padding-bottom: calc(var(--spacing) * 4);
3420
3324
  }
3421
- .pb-8 {
3422
- padding-bottom: calc(var(--spacing) * 8);
3423
- }
3424
3325
  .pb-12 {
3425
3326
  padding-bottom: calc(var(--spacing) * 12);
3426
3327
  }
@@ -3496,14 +3397,6 @@
3496
3397
  font-size: var(--text-4xl);
3497
3398
  line-height: var(--tw-leading, var(--text-4xl--line-height));
3498
3399
  }
3499
- .text-5xl {
3500
- font-size: var(--text-5xl);
3501
- line-height: var(--tw-leading, var(--text-5xl--line-height));
3502
- }
3503
- .text-\[0\.96rem\]\/7 {
3504
- font-size: 0.96rem;
3505
- line-height: calc(var(--spacing) * 7);
3506
- }
3507
3400
  .text-base {
3508
3401
  font-size: var(--text-base);
3509
3402
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -3548,18 +3441,20 @@
3548
3441
  font-size: var(--text-xs);
3549
3442
  line-height: var(--tw-leading, var(--text-xs--line-height));
3550
3443
  }
3551
- .text-xs\/5 {
3552
- font-size: var(--text-xs);
3553
- line-height: calc(var(--spacing) * 5);
3444
+ .text-\[0\.6rem\] {
3445
+ font-size: 0.6rem;
3554
3446
  }
3555
3447
  .text-\[0\.8rem\] {
3556
3448
  font-size: 0.8rem;
3557
3449
  }
3558
- .text-\[0\.64rem\] {
3559
- font-size: 0.64rem;
3450
+ .text-\[0\.58rem\] {
3451
+ font-size: 0.58rem;
3452
+ }
3453
+ .text-\[0\.62rem\] {
3454
+ font-size: 0.62rem;
3560
3455
  }
3561
- .text-\[0\.65rem\] {
3562
- font-size: 0.65rem;
3456
+ .text-\[0\.66rem\] {
3457
+ font-size: 0.66rem;
3563
3458
  }
3564
3459
  .text-\[0\.68rem\] {
3565
3460
  font-size: 0.68rem;
@@ -3567,33 +3462,15 @@
3567
3462
  .text-\[0\.72rem\] {
3568
3463
  font-size: 0.72rem;
3569
3464
  }
3570
- .text-\[0\.74rem\] {
3571
- font-size: 0.74rem;
3572
- }
3573
3465
  .text-\[0\.82rem\] {
3574
3466
  font-size: 0.82rem;
3575
3467
  }
3576
- .text-\[0\.94rem\] {
3577
- font-size: 0.94rem;
3578
- }
3579
- .text-\[0\.95rem\] {
3580
- font-size: 0.95rem;
3581
- }
3582
- .text-\[1\.9rem\] {
3583
- font-size: 1.9rem;
3584
- }
3585
- .text-\[2\.8rem\] {
3586
- font-size: 2.8rem;
3587
- }
3588
- .text-\[11px\] {
3589
- font-size: 11px;
3468
+ .text-\[2\.6rem\] {
3469
+ font-size: 2.6rem;
3590
3470
  }
3591
3471
  .text-\[14px\] {
3592
3472
  font-size: 14px;
3593
3473
  }
3594
- .text-\[15px\] {
3595
- font-size: 15px;
3596
- }
3597
3474
  .text-\[16px\] {
3598
3475
  font-size: 16px;
3599
3476
  }
@@ -3731,6 +3608,10 @@
3731
3608
  --tw-font-weight: var(--font-weight-bold);
3732
3609
  font-weight: var(--font-weight-bold);
3733
3610
  }
3611
+ .font-extrabold {
3612
+ --tw-font-weight: var(--font-weight-extrabold);
3613
+ font-weight: var(--font-weight-extrabold);
3614
+ }
3734
3615
  .font-medium {
3735
3616
  --tw-font-weight: var(--font-weight-medium);
3736
3617
  font-weight: var(--font-weight-medium);
@@ -3743,25 +3624,37 @@
3743
3624
  --tw-font-weight: var(--font-weight-semibold);
3744
3625
  font-weight: var(--font-weight-semibold);
3745
3626
  }
3746
- .tracking-\[0\.1em\] {
3747
- --tw-tracking: 0.1em;
3748
- letter-spacing: 0.1em;
3627
+ .tracking-\[-0\.06em\] {
3628
+ --tw-tracking: -0.06em;
3629
+ letter-spacing: -0.06em;
3630
+ }
3631
+ .tracking-\[0\.04em\] {
3632
+ --tw-tracking: 0.04em;
3633
+ letter-spacing: 0.04em;
3634
+ }
3635
+ .tracking-\[0\.06em\] {
3636
+ --tw-tracking: 0.06em;
3637
+ letter-spacing: 0.06em;
3638
+ }
3639
+ .tracking-\[0\.08em\] {
3640
+ --tw-tracking: 0.08em;
3641
+ letter-spacing: 0.08em;
3642
+ }
3643
+ .tracking-\[0\.10em\] {
3644
+ --tw-tracking: 0.10em;
3645
+ letter-spacing: 0.10em;
3749
3646
  }
3750
3647
  .tracking-\[0\.12em\] {
3751
3648
  --tw-tracking: 0.12em;
3752
3649
  letter-spacing: 0.12em;
3753
3650
  }
3754
- .tracking-\[0\.14em\] {
3755
- --tw-tracking: 0.14em;
3756
- letter-spacing: 0.14em;
3757
- }
3758
3651
  .tracking-\[0\.16em\] {
3759
3652
  --tw-tracking: 0.16em;
3760
3653
  letter-spacing: 0.16em;
3761
3654
  }
3762
- .tracking-\[0\.22em\] {
3763
- --tw-tracking: 0.22em;
3764
- letter-spacing: 0.22em;
3655
+ .tracking-\[0\.18em\] {
3656
+ --tw-tracking: 0.18em;
3657
+ letter-spacing: 0.18em;
3765
3658
  }
3766
3659
  .tracking-\[calc\(var\(--heading-letter-spacing-1\)_\+_var\(--heading-letter-spacing\)\)\] {
3767
3660
  --tw-tracking: calc(var(--heading-letter-spacing-1) + var(--heading-letter-spacing));
@@ -3783,6 +3676,10 @@
3783
3676
  --tw-tracking: var(--letter-spacing-0);
3784
3677
  letter-spacing: var(--letter-spacing-0);
3785
3678
  }
3679
+ .tracking-normal {
3680
+ --tw-tracking: var(--tracking-normal);
3681
+ letter-spacing: var(--tracking-normal);
3682
+ }
3786
3683
  .tracking-tight {
3787
3684
  --tw-tracking: var(--tracking-tight);
3788
3685
  letter-spacing: var(--tracking-tight);
@@ -3858,9 +3755,6 @@
3858
3755
  .text-danger-800 {
3859
3756
  color: var(--danger-800);
3860
3757
  }
3861
- .text-danger-900 {
3862
- color: var(--danger-900);
3863
- }
3864
3758
  .text-destructive {
3865
3759
  color: var(--destructive);
3866
3760
  }
@@ -3912,6 +3806,12 @@
3912
3806
  .text-grey-600 {
3913
3807
  color: var(--color-grey-600);
3914
3808
  }
3809
+ .text-grey-600\/50 {
3810
+ color: var(--color-grey-600);
3811
+ @supports (color: color-mix(in lab, red, red)) {
3812
+ color: color-mix(in oklab, var(--color-grey-600) 50%, transparent);
3813
+ }
3814
+ }
3915
3815
  .text-grey-700 {
3916
3816
  color: var(--color-grey-700);
3917
3817
  }
@@ -3960,9 +3860,6 @@
3960
3860
  .text-primary-800 {
3961
3861
  color: var(--color-primary-800);
3962
3862
  }
3963
- .text-primary-900 {
3964
- color: var(--color-primary-900);
3965
- }
3966
3863
  .text-primary-950 {
3967
3864
  color: var(--color-primary-950);
3968
3865
  }
@@ -4011,6 +3908,9 @@
4011
3908
  .text-warning-600 {
4012
3909
  color: var(--warning-600);
4013
3910
  }
3911
+ .text-warning-800 {
3912
+ color: var(--warning-800);
3913
+ }
4014
3914
  .text-white {
4015
3915
  color: var(--color-white);
4016
3916
  }
@@ -4029,6 +3929,9 @@
4029
3929
  .lowercase {
4030
3930
  text-transform: lowercase;
4031
3931
  }
3932
+ .normal-case {
3933
+ text-transform: none;
3934
+ }
4032
3935
  .uppercase {
4033
3936
  text-transform: uppercase;
4034
3937
  }
@@ -4076,9 +3979,6 @@
4076
3979
  .opacity-80 {
4077
3980
  opacity: 80%;
4078
3981
  }
4079
- .opacity-90 {
4080
- opacity: 90%;
4081
- }
4082
3982
  .opacity-100 {
4083
3983
  opacity: 100%;
4084
3984
  }
@@ -4094,10 +3994,6 @@
4094
3994
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
4095
3995
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4096
3996
  }
4097
- .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.28\)\] {
4098
- --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.28));
4099
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4100
- }
4101
3997
  .shadow-\[inset_0_1px_0_var\(--nsw-card-image-border\)\,inset_1px_0_0_var\(--nsw-card-image-border\)\,inset_-1px_0_0_var\(--nsw-card-image-border\)\] {
4102
3998
  --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, var(--nsw-card-image-border)), inset 1px 0 0 var(--tw-shadow-color, var(--nsw-card-image-border)), inset -1px 0 0 var(--tw-shadow-color, var(--nsw-card-image-border));
4103
3999
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4196,12 +4092,6 @@
4196
4092
  --tw-ring-color: color-mix(in oklab, var(--color-grey-950) 10%, transparent);
4197
4093
  }
4198
4094
  }
4199
- .ring-primary-500 {
4200
- --tw-ring-color: var(--color-primary-500);
4201
- }
4202
- .ring-primary-700 {
4203
- --tw-ring-color: var(--color-primary-700);
4204
- }
4205
4095
  .ring-ring {
4206
4096
  --tw-ring-color: var(--ring);
4207
4097
  }
@@ -4220,22 +4110,6 @@
4220
4110
  .ring-white {
4221
4111
  --tw-ring-color: var(--color-white);
4222
4112
  }
4223
- .ring-offset-2 {
4224
- --tw-ring-offset-width: 2px;
4225
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4226
- }
4227
- .ring-offset-background {
4228
- --tw-ring-offset-color: var(--background);
4229
- }
4230
- .ring-offset-grey-50 {
4231
- --tw-ring-offset-color: var(--color-grey-50);
4232
- }
4233
- .ring-offset-grey-50\/60 {
4234
- --tw-ring-offset-color: var(--color-grey-50);
4235
- @supports (color: color-mix(in lab, red, red)) {
4236
- --tw-ring-offset-color: color-mix(in oklab, var(--color-grey-50) 60%, transparent);
4237
- }
4238
- }
4239
4113
  .ring-offset-white {
4240
4114
  --tw-ring-offset-color: var(--color-white);
4241
4115
  }
@@ -4879,6 +4753,9 @@
4879
4753
  .\[scrollbar-width\:none\] {
4880
4754
  scrollbar-width: none;
4881
4755
  }
4756
+ .\[scrollbar-width\:thin\] {
4757
+ scrollbar-width: thin;
4758
+ }
4882
4759
  .duration-0 {
4883
4760
  animation-duration: 0s;
4884
4761
  }
@@ -6095,14 +5972,6 @@
6095
5972
  }
6096
5973
  }
6097
5974
  }
6098
- .hover\:-translate-y-px {
6099
- &:hover {
6100
- @media (hover: hover) {
6101
- --tw-translate-y: -1px;
6102
- translate: var(--tw-translate-x) var(--tw-translate-y);
6103
- }
6104
- }
6105
- }
6106
5975
  .hover\:scale-105 {
6107
5976
  &:hover {
6108
5977
  @media (hover: hover) {
@@ -6113,20 +5982,6 @@
6113
5982
  }
6114
5983
  }
6115
5984
  }
6116
- .hover\:scale-\[1\.01\] {
6117
- &:hover {
6118
- @media (hover: hover) {
6119
- scale: 1.01;
6120
- }
6121
- }
6122
- }
6123
- .hover\:scale-\[1\.03\] {
6124
- &:hover {
6125
- @media (hover: hover) {
6126
- scale: 1.03;
6127
- }
6128
- }
6129
- }
6130
5985
  .hover\:cursor-pointer {
6131
5986
  &:hover {
6132
5987
  @media (hover: hover) {
@@ -6148,31 +6003,31 @@
6148
6003
  }
6149
6004
  }
6150
6005
  }
6151
- .hover\:border-grey-500 {
6006
+ .hover\:border-grey-950 {
6152
6007
  &:hover {
6153
6008
  @media (hover: hover) {
6154
- border-color: var(--color-grey-500);
6009
+ border-color: var(--color-grey-950);
6155
6010
  }
6156
6011
  }
6157
6012
  }
6158
- .hover\:border-grey-950 {
6013
+ .hover\:border-primary-600 {
6159
6014
  &:hover {
6160
6015
  @media (hover: hover) {
6161
- border-color: var(--color-grey-950);
6016
+ border-color: var(--color-primary-600);
6162
6017
  }
6163
6018
  }
6164
6019
  }
6165
- .hover\:border-primary-500 {
6020
+ .hover\:border-primary-800 {
6166
6021
  &:hover {
6167
6022
  @media (hover: hover) {
6168
- border-color: var(--color-primary-500);
6023
+ border-color: var(--color-primary-800);
6169
6024
  }
6170
6025
  }
6171
6026
  }
6172
- .hover\:border-primary-800 {
6027
+ .hover\:bg-\[\#f6f6f6\] {
6173
6028
  &:hover {
6174
6029
  @media (hover: hover) {
6175
- border-color: var(--color-primary-800);
6030
+ background-color: #f6f6f6;
6176
6031
  }
6177
6032
  }
6178
6033
  }
@@ -6207,17 +6062,17 @@
6207
6062
  }
6208
6063
  }
6209
6064
  }
6210
- .hover\:bg-grey-50 {
6065
+ .hover\:bg-grey-100 {
6211
6066
  &:hover {
6212
6067
  @media (hover: hover) {
6213
- background-color: var(--color-grey-50);
6068
+ background-color: var(--color-grey-100);
6214
6069
  }
6215
6070
  }
6216
6071
  }
6217
- .hover\:bg-grey-100 {
6072
+ .hover\:bg-grey-200 {
6218
6073
  &:hover {
6219
6074
  @media (hover: hover) {
6220
- background-color: var(--color-grey-100);
6075
+ background-color: var(--color-grey-200);
6221
6076
  }
6222
6077
  }
6223
6078
  }
@@ -6238,13 +6093,6 @@
6238
6093
  }
6239
6094
  }
6240
6095
  }
6241
- .hover\:bg-primary-50 {
6242
- &:hover {
6243
- @media (hover: hover) {
6244
- background-color: var(--color-primary-50);
6245
- }
6246
- }
6247
- }
6248
6096
  .hover\:bg-primary-800\/10 {
6249
6097
  &:hover {
6250
6098
  @media (hover: hover) {
@@ -6282,6 +6130,13 @@
6282
6130
  }
6283
6131
  }
6284
6132
  }
6133
+ .hover\:bg-white {
6134
+ &:hover {
6135
+ @media (hover: hover) {
6136
+ background-color: var(--color-white);
6137
+ }
6138
+ }
6139
+ }
6285
6140
  .hover\:font-bold {
6286
6141
  &:hover {
6287
6142
  @media (hover: hover) {
@@ -6425,14 +6280,6 @@
6425
6280
  }
6426
6281
  }
6427
6282
  }
6428
- .hover\:shadow-sm {
6429
- &:hover {
6430
- @media (hover: hover) {
6431
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
6432
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6433
- }
6434
- }
6435
- }
6436
6283
  .hover\:ring-4 {
6437
6284
  &:hover {
6438
6285
  @media (hover: hover) {
@@ -6734,11 +6581,6 @@
6734
6581
  }
6735
6582
  }
6736
6583
  }
6737
- .focus-visible\:ring-primary-700 {
6738
- &:focus-visible {
6739
- --tw-ring-color: var(--color-primary-700);
6740
- }
6741
- }
6742
6584
  .focus-visible\:ring-ring {
6743
6585
  &:focus-visible {
6744
6586
  --tw-ring-color: var(--ring);
@@ -6786,6 +6628,16 @@
6786
6628
  outline-width: 2px;
6787
6629
  }
6788
6630
  }
6631
+ .focus-visible\:outline-offset-2 {
6632
+ &:focus-visible {
6633
+ outline-offset: 2px;
6634
+ }
6635
+ }
6636
+ .focus-visible\:outline-primary-600 {
6637
+ &:focus-visible {
6638
+ outline-color: var(--color-primary-600);
6639
+ }
6640
+ }
6789
6641
  .focus-visible\:outline-ring {
6790
6642
  &:focus-visible {
6791
6643
  outline-color: var(--ring);
@@ -8834,59 +8686,14 @@
8834
8686
  height: calc(var(--spacing) * 5);
8835
8687
  }
8836
8688
  }
8837
- .sm\:h-20 {
8838
- @media (width >= 40rem) {
8839
- height: calc(var(--spacing) * 20);
8840
- }
8841
- }
8842
- .sm\:h-24 {
8843
- @media (width >= 40rem) {
8844
- height: calc(var(--spacing) * 24);
8845
- }
8846
- }
8847
- .sm\:h-\[44rem\] {
8848
- @media (width >= 40rem) {
8849
- height: 44rem;
8850
- }
8851
- }
8852
- .sm\:max-h-\[44rem\] {
8853
- @media (width >= 40rem) {
8854
- max-height: 44rem;
8855
- }
8856
- }
8857
8689
  .sm\:min-h-12 {
8858
8690
  @media (width >= 40rem) {
8859
8691
  min-height: calc(var(--spacing) * 12);
8860
8692
  }
8861
8693
  }
8862
- .sm\:min-h-\[17\.5rem\] {
8863
- @media (width >= 40rem) {
8864
- min-height: 17.5rem;
8865
- }
8866
- }
8867
- .sm\:min-h-\[20rem\] {
8868
- @media (width >= 40rem) {
8869
- min-height: 20rem;
8870
- }
8871
- }
8872
- .sm\:min-h-\[21rem\] {
8694
+ .sm\:min-h-\[27rem\] {
8873
8695
  @media (width >= 40rem) {
8874
- min-height: 21rem;
8875
- }
8876
- }
8877
- .sm\:min-h-\[22rem\] {
8878
- @media (width >= 40rem) {
8879
- min-height: 22rem;
8880
- }
8881
- }
8882
- .sm\:min-h-\[24rem\] {
8883
- @media (width >= 40rem) {
8884
- min-height: 24rem;
8885
- }
8886
- }
8887
- .sm\:min-h-\[26rem\] {
8888
- @media (width >= 40rem) {
8889
- min-height: 26rem;
8696
+ min-height: 27rem;
8890
8697
  }
8891
8698
  }
8892
8699
  .sm\:w-8 {
@@ -8894,16 +8701,6 @@
8894
8701
  width: calc(var(--spacing) * 8);
8895
8702
  }
8896
8703
  }
8897
- .sm\:w-auto {
8898
- @media (width >= 40rem) {
8899
- width: auto;
8900
- }
8901
- }
8902
- .sm\:w-fit {
8903
- @media (width >= 40rem) {
8904
- width: fit-content;
8905
- }
8906
- }
8907
8704
  .sm\:max-w-lg {
8908
8705
  @media (width >= 40rem) {
8909
8706
  max-width: var(--container-lg);
@@ -8919,31 +8716,6 @@
8919
8716
  max-width: var(--container-sm);
8920
8717
  }
8921
8718
  }
8922
- .sm\:min-w-40 {
8923
- @media (width >= 40rem) {
8924
- min-width: calc(var(--spacing) * 40);
8925
- }
8926
- }
8927
- .sm\:min-w-48 {
8928
- @media (width >= 40rem) {
8929
- min-width: calc(var(--spacing) * 48);
8930
- }
8931
- }
8932
- .sm\:min-w-56 {
8933
- @media (width >= 40rem) {
8934
- min-width: calc(var(--spacing) * 56);
8935
- }
8936
- }
8937
- .sm\:flex-none {
8938
- @media (width >= 40rem) {
8939
- flex: none;
8940
- }
8941
- }
8942
- .sm\:basis-auto {
8943
- @media (width >= 40rem) {
8944
- flex-basis: auto;
8945
- }
8946
- }
8947
8719
  .sm\:grid-cols-2 {
8948
8720
  @media (width >= 40rem) {
8949
8721
  grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -8959,11 +8731,6 @@
8959
8731
  grid-template-columns: repeat(4, minmax(0, 1fr));
8960
8732
  }
8961
8733
  }
8962
- .sm\:grid-cols-6 {
8963
- @media (width >= 40rem) {
8964
- grid-template-columns: repeat(6, minmax(0, 1fr));
8965
- }
8966
- }
8967
8734
  .sm\:grid-cols-\[--spacing\(4\)_1fr\] {
8968
8735
  @media (width >= 40rem) {
8969
8736
  grid-template-columns: calc(var(--spacing) * 4) 1fr;
@@ -8974,11 +8741,6 @@
8974
8741
  grid-template-columns: 1fr auto;
8975
8742
  }
8976
8743
  }
8977
- .sm\:grid-cols-\[4rem_minmax\(0\,1fr\)\] {
8978
- @media (width >= 40rem) {
8979
- grid-template-columns: 4rem minmax(0,1fr);
8980
- }
8981
- }
8982
8744
  .sm\:grid-cols-\[min\(50\%\,--spacing\(80\)\)_auto\] {
8983
8745
  @media (width >= 40rem) {
8984
8746
  grid-template-columns: min(50%, calc(var(--spacing) * 80)) auto;
@@ -8989,31 +8751,6 @@
8989
8751
  flex-direction: row;
8990
8752
  }
8991
8753
  }
8992
- .sm\:flex-wrap {
8993
- @media (width >= 40rem) {
8994
- flex-wrap: wrap;
8995
- }
8996
- }
8997
- .sm\:items-center {
8998
- @media (width >= 40rem) {
8999
- align-items: center;
9000
- }
9001
- }
9002
- .sm\:items-end {
9003
- @media (width >= 40rem) {
9004
- align-items: flex-end;
9005
- }
9006
- }
9007
- .sm\:items-start {
9008
- @media (width >= 40rem) {
9009
- align-items: flex-start;
9010
- }
9011
- }
9012
- .sm\:justify-between {
9013
- @media (width >= 40rem) {
9014
- justify-content: space-between;
9015
- }
9016
- }
9017
8754
  .sm\:justify-center {
9018
8755
  @media (width >= 40rem) {
9019
8756
  justify-content: center;
@@ -9034,16 +8771,6 @@
9034
8771
  gap: calc(var(--spacing) * 4);
9035
8772
  }
9036
8773
  }
9037
- .sm\:gap-6 {
9038
- @media (width >= 40rem) {
9039
- gap: calc(var(--spacing) * 6);
9040
- }
9041
- }
9042
- .sm\:gap-8 {
9043
- @media (width >= 40rem) {
9044
- gap: calc(var(--spacing) * 8);
9045
- }
9046
- }
9047
8774
  .sm\:divide-x {
9048
8775
  @media (width >= 40rem) {
9049
8776
  :where(& > :not(:last-child)) {
@@ -9065,11 +8792,6 @@
9065
8792
  }
9066
8793
  }
9067
8794
  }
9068
- .sm\:self-center {
9069
- @media (width >= 40rem) {
9070
- align-self: center;
9071
- }
9072
- }
9073
8795
  .sm\:border-x {
9074
8796
  @media (width >= 40rem) {
9075
8797
  border-inline-style: var(--tw-border-style);
@@ -9098,16 +8820,6 @@
9098
8820
  }
9099
8821
  }
9100
8822
  }
9101
- .sm\:p-5 {
9102
- @media (width >= 40rem) {
9103
- padding: calc(var(--spacing) * 5);
9104
- }
9105
- }
9106
- .sm\:p-8 {
9107
- @media (width >= 40rem) {
9108
- padding: calc(var(--spacing) * 8);
9109
- }
9110
- }
9111
8823
  .sm\:px-0 {
9112
8824
  @media (width >= 40rem) {
9113
8825
  padding-inline: calc(var(--spacing) * 0);
@@ -9118,11 +8830,6 @@
9118
8830
  padding-inline: calc(var(--spacing) * 2);
9119
8831
  }
9120
8832
  }
9121
- .sm\:px-5 {
9122
- @media (width >= 40rem) {
9123
- padding-inline: calc(var(--spacing) * 5);
9124
- }
9125
- }
9126
8833
  .sm\:px-6 {
9127
8834
  @media (width >= 40rem) {
9128
8835
  padding-inline: calc(var(--spacing) * 6);
@@ -9168,11 +8875,6 @@
9168
8875
  padding-block: calc(var(--spacing) * 3);
9169
8876
  }
9170
8877
  }
9171
- .sm\:py-5 {
9172
- @media (width >= 40rem) {
9173
- padding-block: calc(var(--spacing) * 5);
9174
- }
9175
- }
9176
8878
  .sm\:py-6 {
9177
8879
  @media (width >= 40rem) {
9178
8880
  padding-block: calc(var(--spacing) * 6);
@@ -9223,14 +8925,9 @@
9223
8925
  padding-right: calc(var(--spacing) * 16);
9224
8926
  }
9225
8927
  }
9226
- .sm\:pb-10 {
9227
- @media (width >= 40rem) {
9228
- padding-bottom: calc(var(--spacing) * 10);
9229
- }
9230
- }
9231
- .sm\:pb-16 {
8928
+ .sm\:pb-8 {
9232
8929
  @media (width >= 40rem) {
9233
- padding-bottom: calc(var(--spacing) * 16);
8930
+ padding-bottom: calc(var(--spacing) * 8);
9234
8931
  }
9235
8932
  }
9236
8933
  .sm\:pb-32 {
@@ -9253,12 +8950,6 @@
9253
8950
  text-align: left;
9254
8951
  }
9255
8952
  }
9256
- .sm\:text-4xl {
9257
- @media (width >= 40rem) {
9258
- font-size: var(--text-4xl);
9259
- line-height: var(--tw-leading, var(--text-4xl--line-height));
9260
- }
9261
- }
9262
8953
  .sm\:text-5xl {
9263
8954
  @media (width >= 40rem) {
9264
8955
  font-size: var(--text-5xl);
@@ -9271,16 +8962,10 @@
9271
8962
  line-height: var(--tw-leading, var(--text-6xl--line-height));
9272
8963
  }
9273
8964
  }
9274
- .sm\:text-base {
9275
- @media (width >= 40rem) {
9276
- font-size: var(--text-base);
9277
- line-height: var(--tw-leading, var(--text-base--line-height));
9278
- }
9279
- }
9280
- .sm\:text-base\/7 {
8965
+ .sm\:text-lg {
9281
8966
  @media (width >= 40rem) {
9282
- font-size: var(--text-base);
9283
- line-height: calc(var(--spacing) * 7);
8967
+ font-size: var(--text-lg);
8968
+ line-height: var(--tw-leading, var(--text-lg--line-height));
9284
8969
  }
9285
8970
  }
9286
8971
  .sm\:text-sm {
@@ -9301,47 +8986,26 @@
9301
8986
  line-height: calc(var(--spacing) * 6);
9302
8987
  }
9303
8988
  }
9304
- .sm\:text-xs {
9305
- @media (width >= 40rem) {
9306
- font-size: var(--text-xs);
9307
- line-height: var(--tw-leading, var(--text-xs--line-height));
9308
- }
9309
- }
9310
8989
  .sm\:text-xs\/5 {
9311
8990
  @media (width >= 40rem) {
9312
8991
  font-size: var(--text-xs);
9313
8992
  line-height: calc(var(--spacing) * 5);
9314
8993
  }
9315
8994
  }
9316
- .sm\:text-\[0\.72rem\] {
9317
- @media (width >= 40rem) {
9318
- font-size: 0.72rem;
9319
- }
9320
- }
9321
8995
  .sm\:text-\[0\.8125rem\] {
9322
8996
  @media (width >= 40rem) {
9323
8997
  font-size: 0.8125rem;
9324
8998
  }
9325
8999
  }
9326
- .sm\:text-\[2\.25rem\] {
9327
- @media (width >= 40rem) {
9328
- font-size: 2.25rem;
9329
- }
9330
- }
9331
- .sm\:text-\[4rem\] {
9332
- @media (width >= 40rem) {
9333
- font-size: 4rem;
9334
- }
9335
- }
9336
9000
  .sm\:text-\[16px\] {
9337
9001
  @media (width >= 40rem) {
9338
9002
  font-size: 16px;
9339
9003
  }
9340
9004
  }
9341
- .sm\:leading-none {
9005
+ .sm\:leading-8 {
9342
9006
  @media (width >= 40rem) {
9343
- --tw-leading: 1;
9344
- line-height: 1;
9007
+ --tw-leading: calc(var(--spacing) * 8);
9008
+ line-height: calc(var(--spacing) * 8);
9345
9009
  }
9346
9010
  }
9347
9011
  .sm\:font-\[700\] {
@@ -9490,11 +9154,6 @@
9490
9154
  position: absolute;
9491
9155
  }
9492
9156
  }
9493
- .md\:col-span-2 {
9494
- @media (width >= 48rem) {
9495
- grid-column: span 2 / span 2;
9496
- }
9497
- }
9498
9157
  .md\:-mt-px {
9499
9158
  @media (width >= 48rem) {
9500
9159
  margin-top: -1px;
@@ -9657,11 +9316,6 @@
9657
9316
  inset: calc(var(--spacing) * 0);
9658
9317
  }
9659
9318
  }
9660
- .lg\:col-span-2 {
9661
- @media (width >= 64rem) {
9662
- grid-column: span 2 / span 2;
9663
- }
9664
- }
9665
9319
  .lg\:col-span-4 {
9666
9320
  @media (width >= 64rem) {
9667
9321
  grid-column: span 4 / span 4;
@@ -9752,26 +9406,11 @@
9752
9406
  width: 280px;
9753
9407
  }
9754
9408
  }
9755
- .lg\:w-auto {
9756
- @media (width >= 64rem) {
9757
- width: auto;
9758
- }
9759
- }
9760
9409
  .lg\:max-w-none {
9761
9410
  @media (width >= 64rem) {
9762
9411
  max-width: none;
9763
9412
  }
9764
9413
  }
9765
- .lg\:min-w-40 {
9766
- @media (width >= 64rem) {
9767
- min-width: calc(var(--spacing) * 40);
9768
- }
9769
- }
9770
- .lg\:min-w-48 {
9771
- @media (width >= 64rem) {
9772
- min-width: calc(var(--spacing) * 48);
9773
- }
9774
- }
9775
9414
  .lg\:flex-none {
9776
9415
  @media (width >= 64rem) {
9777
9416
  flex: none;
@@ -9807,11 +9446,6 @@
9807
9446
  grid-template-columns: 18rem 1fr;
9808
9447
  }
9809
9448
  }
9810
- .lg\:grid-cols-\[18rem_minmax\(0\,1fr\)\] {
9811
- @media (width >= 64rem) {
9812
- grid-template-columns: 18rem minmax(0,1fr);
9813
- }
9814
- }
9815
9449
  .lg\:grid-cols-\[20rem_1fr\] {
9816
9450
  @media (width >= 64rem) {
9817
9451
  grid-template-columns: 20rem 1fr;
@@ -9832,6 +9466,11 @@
9832
9466
  align-items: center;
9833
9467
  }
9834
9468
  }
9469
+ .lg\:items-end {
9470
+ @media (width >= 64rem) {
9471
+ align-items: flex-end;
9472
+ }
9473
+ }
9835
9474
  .lg\:items-start {
9836
9475
  @media (width >= 64rem) {
9837
9476
  align-items: flex-start;
@@ -9982,11 +9621,6 @@
9982
9621
  top: var(--sticky-offset);
9983
9622
  }
9984
9623
  }
9985
- .xl\:top-\[var\(--tool-sidebar-top\)\] {
9986
- @media (width >= 80rem) {
9987
- top: var(--tool-sidebar-top);
9988
- }
9989
- }
9990
9624
  .xl\:left-2\/3 {
9991
9625
  @media (width >= 80rem) {
9992
9626
  left: calc(2/3 * 100%);
@@ -10012,59 +9646,35 @@
10012
9646
  display: block;
10013
9647
  }
10014
9648
  }
10015
- .xl\:hidden {
10016
- @media (width >= 80rem) {
10017
- display: none;
10018
- }
10019
- }
10020
- .xl\:h-\[var\(--tool-sidebar-max-height\)\] {
10021
- @media (width >= 80rem) {
10022
- height: var(--tool-sidebar-max-height);
10023
- }
10024
- }
10025
9649
  .xl\:h-screen {
10026
9650
  @media (width >= 80rem) {
10027
9651
  height: 100vh;
10028
9652
  }
10029
9653
  }
10030
- .xl\:max-h-\[var\(--tool-sidebar-max-height\)\] {
10031
- @media (width >= 80rem) {
10032
- max-height: var(--tool-sidebar-max-height);
10033
- }
10034
- }
10035
9654
  .xl\:flex-none {
10036
9655
  @media (width >= 80rem) {
10037
9656
  flex: none;
10038
9657
  }
10039
9658
  }
10040
- .xl\:grid-cols-3 {
10041
- @media (width >= 80rem) {
10042
- grid-template-columns: repeat(3, minmax(0, 1fr));
10043
- }
10044
- }
10045
- .xl\:grid-cols-5 {
10046
- @media (width >= 80rem) {
10047
- grid-template-columns: repeat(5, minmax(0, 1fr));
10048
- }
10049
- }
10050
- .xl\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(18rem\,0\.72fr\)\] {
9659
+ .xl\:grid-cols-\[260px_minmax\(0\,1fr\)\] {
10051
9660
  @media (width >= 80rem) {
10052
- grid-template-columns: minmax(0,1.5fr) minmax(18rem,0.72fr);
9661
+ grid-template-columns: 260px minmax(0,1fr);
10053
9662
  }
10054
9663
  }
10055
- .xl\:grid-cols-\[minmax\(18rem\,24rem\)_minmax\(0\,1fr\)\] {
9664
+ .xl\:gap-x-6 {
10056
9665
  @media (width >= 80rem) {
10057
- grid-template-columns: minmax(18rem,24rem) minmax(0,1fr);
9666
+ column-gap: calc(var(--spacing) * 6);
10058
9667
  }
10059
9668
  }
10060
- .xl\:self-start {
9669
+ .xl\:overflow-y-auto {
10061
9670
  @media (width >= 80rem) {
10062
- align-self: flex-start;
9671
+ overflow-y: auto;
10063
9672
  }
10064
9673
  }
10065
- .xl\:overflow-y-auto {
9674
+ .xl\:border-b-0 {
10066
9675
  @media (width >= 80rem) {
10067
- overflow-y: auto;
9676
+ border-bottom-style: var(--tw-border-style);
9677
+ border-bottom-width: 0px;
10068
9678
  }
10069
9679
  }
10070
9680
  .xl\:px-12 {
@@ -10112,13 +9722,6 @@
10112
9722
  }
10113
9723
  }
10114
9724
  }
10115
- .dark\:divide-grey-800 {
10116
- &:where([data-theme=dark], [data-theme=dark] *) {
10117
- :where(& > :not(:last-child)) {
10118
- border-color: var(--color-grey-800);
10119
- }
10120
- }
10121
- }
10122
9725
  .dark\:border-b {
10123
9726
  &:where([data-theme=dark], [data-theme=dark] *) {
10124
9727
  border-bottom-style: var(--tw-border-style);
@@ -10156,19 +9759,6 @@
10156
9759
  border-color: var(--danger-700);
10157
9760
  }
10158
9761
  }
10159
- .dark\:border-danger-800 {
10160
- &:where([data-theme=dark], [data-theme=dark] *) {
10161
- border-color: var(--danger-800);
10162
- }
10163
- }
10164
- .dark\:border-danger-900\/60 {
10165
- &:where([data-theme=dark], [data-theme=dark] *) {
10166
- border-color: var(--danger-900);
10167
- @supports (color: color-mix(in lab, red, red)) {
10168
- border-color: color-mix(in oklab, var(--danger-900) 60%, transparent);
10169
- }
10170
- }
10171
- }
10172
9762
  .dark\:border-gray-600 {
10173
9763
  &:where([data-theme=dark], [data-theme=dark] *) {
10174
9764
  border-color: var(--color-gray-600);
@@ -10195,37 +9785,11 @@
10195
9785
  }
10196
9786
  }
10197
9787
  }
10198
- .dark\:border-grey-400 {
10199
- &:where([data-theme=dark], [data-theme=dark] *) {
10200
- border-color: var(--color-grey-400);
10201
- }
10202
- }
10203
- .dark\:border-grey-500 {
10204
- &:where([data-theme=dark], [data-theme=dark] *) {
10205
- border-color: var(--color-grey-500);
10206
- }
10207
- }
10208
9788
  .dark\:border-grey-600 {
10209
9789
  &:where([data-theme=dark], [data-theme=dark] *) {
10210
9790
  border-color: var(--color-grey-600);
10211
9791
  }
10212
9792
  }
10213
- .dark\:border-grey-600\/70 {
10214
- &:where([data-theme=dark], [data-theme=dark] *) {
10215
- border-color: var(--color-grey-600);
10216
- @supports (color: color-mix(in lab, red, red)) {
10217
- border-color: color-mix(in oklab, var(--color-grey-600) 70%, transparent);
10218
- }
10219
- }
10220
- }
10221
- .dark\:border-grey-600\/80 {
10222
- &:where([data-theme=dark], [data-theme=dark] *) {
10223
- border-color: var(--color-grey-600);
10224
- @supports (color: color-mix(in lab, red, red)) {
10225
- border-color: color-mix(in oklab, var(--color-grey-600) 80%, transparent);
10226
- }
10227
- }
10228
- }
10229
9793
  .dark\:border-grey-700 {
10230
9794
  &:where([data-theme=dark], [data-theme=dark] *) {
10231
9795
  border-color: var(--color-grey-700);
@@ -10246,11 +9810,6 @@
10246
9810
  border-color: var(--color-primary-200);
10247
9811
  }
10248
9812
  }
10249
- .dark\:border-primary-500 {
10250
- &:where([data-theme=dark], [data-theme=dark] *) {
10251
- border-color: var(--color-primary-500);
10252
- }
10253
- }
10254
9813
  .dark\:border-primary-600 {
10255
9814
  &:where([data-theme=dark], [data-theme=dark] *) {
10256
9815
  border-color: var(--color-primary-600);
@@ -10261,14 +9820,6 @@
10261
9820
  border-color: var(--color-slate-800);
10262
9821
  }
10263
9822
  }
10264
- .dark\:border-success-900\/60 {
10265
- &:where([data-theme=dark], [data-theme=dark] *) {
10266
- border-color: var(--success-900);
10267
- @supports (color: color-mix(in lab, red, red)) {
10268
- border-color: color-mix(in oklab, var(--success-900) 60%, transparent);
10269
- }
10270
- }
10271
- }
10272
9823
  .dark\:border-transparent {
10273
9824
  &:where([data-theme=dark], [data-theme=dark] *) {
10274
9825
  border-color: transparent;
@@ -10371,22 +9922,6 @@
10371
9922
  }
10372
9923
  }
10373
9924
  }
10374
- .dark\:bg-danger-950\/20 {
10375
- &:where([data-theme=dark], [data-theme=dark] *) {
10376
- background-color: var(--danger-950);
10377
- @supports (color: color-mix(in lab, red, red)) {
10378
- background-color: color-mix(in oklab, var(--danger-950) 20%, transparent);
10379
- }
10380
- }
10381
- }
10382
- .dark\:bg-danger-950\/30 {
10383
- &:where([data-theme=dark], [data-theme=dark] *) {
10384
- background-color: var(--danger-950);
10385
- @supports (color: color-mix(in lab, red, red)) {
10386
- background-color: color-mix(in oklab, var(--danger-950) 30%, transparent);
10387
- }
10388
- }
10389
- }
10390
9925
  .dark\:bg-destructive\/60 {
10391
9926
  &:where([data-theme=dark], [data-theme=dark] *) {
10392
9927
  background-color: var(--destructive);
@@ -10415,11 +9950,6 @@
10415
9950
  background-color: var(--color-gray-950);
10416
9951
  }
10417
9952
  }
10418
- .dark\:bg-grey-100 {
10419
- &:where([data-theme=dark], [data-theme=dark] *) {
10420
- background-color: var(--color-grey-100);
10421
- }
10422
- }
10423
9953
  .dark\:bg-grey-500 {
10424
9954
  &:where([data-theme=dark], [data-theme=dark] *) {
10425
9955
  background-color: var(--color-grey-500);
@@ -10461,22 +9991,6 @@
10461
9991
  background-color: var(--color-grey-900);
10462
9992
  }
10463
9993
  }
10464
- .dark\:bg-grey-900\/40 {
10465
- &:where([data-theme=dark], [data-theme=dark] *) {
10466
- background-color: var(--color-grey-900);
10467
- @supports (color: color-mix(in lab, red, red)) {
10468
- background-color: color-mix(in oklab, var(--color-grey-900) 40%, transparent);
10469
- }
10470
- }
10471
- }
10472
- .dark\:bg-grey-900\/60 {
10473
- &:where([data-theme=dark], [data-theme=dark] *) {
10474
- background-color: var(--color-grey-900);
10475
- @supports (color: color-mix(in lab, red, red)) {
10476
- background-color: color-mix(in oklab, var(--color-grey-900) 60%, transparent);
10477
- }
10478
- }
10479
- }
10480
9994
  .dark\:bg-grey-950 {
10481
9995
  &:where([data-theme=dark], [data-theme=dark] *) {
10482
9996
  background-color: var(--color-grey-950);
@@ -10503,24 +10017,11 @@
10503
10017
  }
10504
10018
  }
10505
10019
  }
10506
- .dark\:bg-primary-700 {
10507
- &:where([data-theme=dark], [data-theme=dark] *) {
10508
- background-color: var(--color-primary-700);
10509
- }
10510
- }
10511
10020
  .dark\:bg-primary-950 {
10512
10021
  &:where([data-theme=dark], [data-theme=dark] *) {
10513
10022
  background-color: var(--color-primary-950);
10514
10023
  }
10515
10024
  }
10516
- .dark\:bg-primary-950\/30 {
10517
- &:where([data-theme=dark], [data-theme=dark] *) {
10518
- background-color: var(--color-primary-950);
10519
- @supports (color: color-mix(in lab, red, red)) {
10520
- background-color: color-mix(in oklab, var(--color-primary-950) 30%, transparent);
10521
- }
10522
- }
10523
- }
10524
10025
  .dark\:bg-slate-900\/95 {
10525
10026
  &:where([data-theme=dark], [data-theme=dark] *) {
10526
10027
  background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
@@ -10542,22 +10043,6 @@
10542
10043
  }
10543
10044
  }
10544
10045
  }
10545
- .dark\:bg-success-950\/20 {
10546
- &:where([data-theme=dark], [data-theme=dark] *) {
10547
- background-color: var(--success-950);
10548
- @supports (color: color-mix(in lab, red, red)) {
10549
- background-color: color-mix(in oklab, var(--success-950) 20%, transparent);
10550
- }
10551
- }
10552
- }
10553
- .dark\:bg-success-950\/30 {
10554
- &:where([data-theme=dark], [data-theme=dark] *) {
10555
- background-color: var(--success-950);
10556
- @supports (color: color-mix(in lab, red, red)) {
10557
- background-color: color-mix(in oklab, var(--success-950) 30%, transparent);
10558
- }
10559
- }
10560
- }
10561
10046
  .dark\:bg-transparent {
10562
10047
  &:where([data-theme=dark], [data-theme=dark] *) {
10563
10048
  background-color: transparent;
@@ -10720,11 +10205,6 @@
10720
10205
  }
10721
10206
  }
10722
10207
  }
10723
- .dark\:text-danger-200 {
10724
- &:where([data-theme=dark], [data-theme=dark] *) {
10725
- color: var(--danger-200);
10726
- }
10727
- }
10728
10208
  .dark\:text-gray-50 {
10729
10209
  &:where([data-theme=dark], [data-theme=dark] *) {
10730
10210
  color: var(--color-gray-50);
@@ -10820,11 +10300,6 @@
10820
10300
  color: var(--color-slate-400);
10821
10301
  }
10822
10302
  }
10823
- .dark\:text-success-200 {
10824
- &:where([data-theme=dark], [data-theme=dark] *) {
10825
- color: var(--success-200);
10826
- }
10827
- }
10828
10303
  .dark\:text-white {
10829
10304
  &:where([data-theme=dark], [data-theme=dark] *) {
10830
10305
  color: var(--color-white);
@@ -11517,15 +10992,6 @@
11517
10992
  }
11518
10993
  }
11519
10994
  }
11520
- .dark\:hover\:border-grey-500 {
11521
- &:where([data-theme=dark], [data-theme=dark] *) {
11522
- &:hover {
11523
- @media (hover: hover) {
11524
- border-color: var(--color-grey-500);
11525
- }
11526
- }
11527
- }
11528
- }
11529
10995
  .dark\:hover\:border-white {
11530
10996
  &:where([data-theme=dark], [data-theme=dark] *) {
11531
10997
  &:hover {
@@ -11592,18 +11058,6 @@
11592
11058
  }
11593
11059
  }
11594
11060
  }
11595
- .dark\:hover\:bg-grey-900\/70 {
11596
- &:where([data-theme=dark], [data-theme=dark] *) {
11597
- &:hover {
11598
- @media (hover: hover) {
11599
- background-color: var(--color-grey-900);
11600
- @supports (color: color-mix(in lab, red, red)) {
11601
- background-color: color-mix(in oklab, var(--color-grey-900) 70%, transparent);
11602
- }
11603
- }
11604
- }
11605
- }
11606
- }
11607
11061
  .dark\:hover\:bg-input\/50 {
11608
11062
  &:where([data-theme=dark], [data-theme=dark] *) {
11609
11063
  &:hover {