@powerhousedao/connect 6.0.0-dev.247 → 6.0.0-dev.249

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/style.css CHANGED
@@ -3,21 +3,20 @@
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
5
5
  :root, :host {
6
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
6
+ --font-sans: "Inter", sans-serif;
8
7
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
8
  "Courier New", monospace;
10
9
  --color-red-50: oklch(97.1% 0.013 17.38);
11
- --color-red-100: oklch(93.6% 0.032 17.717);
12
- --color-red-300: oklch(80.8% 0.114 19.571);
13
- --color-red-400: oklch(70.4% 0.191 22.216);
14
- --color-red-500: oklch(63.7% 0.237 25.331);
15
- --color-red-600: oklch(57.7% 0.245 27.325);
16
- --color-red-700: oklch(50.5% 0.213 27.518);
17
- --color-red-800: oklch(44.4% 0.177 26.899);
18
- --color-red-900: oklch(39.6% 0.141 25.723);
19
- --color-orange-700: oklch(55.3% 0.195 38.402);
20
- --color-orange-900: oklch(40.8% 0.123 38.172);
10
+ --color-red-100: hsl(3 82% 96%);
11
+ --color-red-300: hsl(6 82% 87%);
12
+ --color-red-400: hsl(5 82% 83%);
13
+ --color-red-500: hsl(5 80% 78%);
14
+ --color-red-600: hsl(4 81% 74%);
15
+ --color-red-700: hsl(4 81% 69%);
16
+ --color-red-800: hsl(5 81% 61%);
17
+ --color-red-900: hsl(5 81% 56%);
18
+ --color-orange-700: hsl(32 100% 60%);
19
+ --color-orange-900: hsl(32 100% 50%);
21
20
  --color-amber-50: oklch(98.7% 0.022 95.277);
22
21
  --color-amber-100: oklch(96.2% 0.059 95.617);
23
22
  --color-amber-200: oklch(92.4% 0.12 95.746);
@@ -26,22 +25,22 @@
26
25
  --color-amber-800: oklch(47.3% 0.137 46.201);
27
26
  --color-amber-900: oklch(41.4% 0.112 45.904);
28
27
  --color-yellow-50: oklch(98.7% 0.026 102.212);
29
- --color-yellow-100: oklch(97.3% 0.071 103.193);
30
- --color-yellow-300: oklch(90.5% 0.182 98.111);
31
- --color-yellow-400: oklch(85.2% 0.199 91.936);
32
- --color-yellow-500: oklch(79.5% 0.184 86.047);
33
- --color-yellow-600: oklch(68.1% 0.162 75.834);
34
- --color-yellow-700: oklch(55.4% 0.135 66.442);
35
- --color-yellow-800: oklch(47.6% 0.114 61.907);
36
- --color-yellow-900: oklch(42.1% 0.095 57.708);
28
+ --color-yellow-100: hsl(46 100% 94%);
29
+ --color-yellow-300: hsl(47 100% 79%);
30
+ --color-yellow-400: hsl(47 100% 69%);
31
+ --color-yellow-500: hsl(47 100% 60%);
32
+ --color-yellow-600: hsl(47 100% 57%);
33
+ --color-yellow-700: hsl(47 100% 51%);
34
+ --color-yellow-800: hsl(47 100% 50%);
35
+ --color-yellow-900: hsl(47 100% 49%);
37
36
  --color-green-50: oklch(98.2% 0.018 155.826);
38
- --color-green-100: oklch(96.2% 0.044 156.743);
39
- --color-green-300: oklch(87.1% 0.15 154.449);
40
- --color-green-500: oklch(72.3% 0.219 149.579);
41
- --color-green-600: oklch(62.7% 0.194 149.214);
42
- --color-green-700: oklch(52.7% 0.154 150.069);
43
- --color-green-800: oklch(44.8% 0.119 151.328);
44
- --color-green-900: oklch(39.3% 0.095 152.535);
37
+ --color-green-100: hsl(134 51% 89%);
38
+ --color-green-300: hsl(136 52% 77%);
39
+ --color-green-500: hsl(136 53% 66%);
40
+ --color-green-600: hsl(136 53% 60%);
41
+ --color-green-700: hsl(136 52% 55%);
42
+ --color-green-800: hsl(136 53% 49%);
43
+ --color-green-900: hsl(136 53% 43%);
45
44
  --color-emerald-50: oklch(97.9% 0.021 166.113);
46
45
  --color-emerald-300: oklch(84.5% 0.143 164.978);
47
46
  --color-emerald-500: oklch(69.6% 0.17 162.48);
@@ -54,45 +53,45 @@
54
53
  --color-cyan-500: oklch(71.5% 0.143 215.221);
55
54
  --color-cyan-700: oklch(52% 0.105 223.128);
56
55
  --color-blue-50: oklch(97% 0.014 254.604);
57
- --color-blue-100: oklch(93.2% 0.032 255.585);
58
- --color-blue-200: oklch(88.2% 0.059 254.128);
59
- --color-blue-300: oklch(80.9% 0.105 251.813);
60
- --color-blue-400: oklch(70.7% 0.165 254.624);
61
- --color-blue-500: oklch(62.3% 0.214 259.815);
62
- --color-blue-600: oklch(54.6% 0.245 262.881);
63
- --color-blue-700: oklch(48.8% 0.243 264.376);
64
- --color-blue-800: oklch(42.4% 0.199 265.638);
65
- --color-blue-900: oklch(37.9% 0.146 265.522);
56
+ --color-blue-100: hsl(209 100% 90%);
57
+ --color-blue-200: hsl(209 97% 85%);
58
+ --color-blue-300: hsl(209 100% 80%);
59
+ --color-blue-400: hsl(209 100% 75%);
60
+ --color-blue-500: hsl(209 100% 70%);
61
+ --color-blue-600: hsl(209 100% 65%);
62
+ --color-blue-700: hsl(209 100% 60%);
63
+ --color-blue-800: hsl(209 100% 55%);
64
+ --color-blue-900: hsl(209 100% 50%);
66
65
  --color-indigo-50: oklch(96.2% 0.018 272.314);
67
66
  --color-indigo-800: oklch(39.8% 0.195 277.366);
68
67
  --color-violet-400: oklch(70.2% 0.183 293.541);
69
- --color-purple-100: oklch(94.6% 0.033 307.174);
70
- --color-purple-700: oklch(49.6% 0.265 301.924);
71
- --color-purple-800: oklch(43.8% 0.218 303.724);
72
- --color-purple-900: oklch(38.1% 0.176 304.987);
68
+ --color-purple-100: hsl(262 79% 93%);
69
+ --color-purple-700: hsl(263 78% 70%);
70
+ --color-purple-800: hsl(263 78% 66%);
71
+ --color-purple-900: hsl(263 78% 63%);
73
72
  --color-pink-400: oklch(71.8% 0.202 349.761);
74
73
  --color-rose-500: oklch(64.5% 0.246 16.439);
75
74
  --color-rose-600: oklch(58.6% 0.253 17.585);
76
- --color-slate-50: oklch(98.4% 0.003 247.858);
77
- --color-slate-100: oklch(96.8% 0.007 247.896);
78
- --color-slate-200: oklch(92.9% 0.013 255.508);
79
- --color-slate-300: oklch(86.9% 0.022 252.894);
80
- --color-slate-400: oklch(70.4% 0.04 256.788);
81
- --color-slate-500: oklch(55.4% 0.046 257.417);
82
- --color-slate-600: oklch(44.6% 0.043 257.281);
83
- --color-slate-700: oklch(37.2% 0.044 257.287);
84
- --color-slate-800: oklch(27.9% 0.041 260.031);
85
- --color-slate-900: oklch(20.8% 0.042 265.755);
86
- --color-gray-50: oklch(98.5% 0.002 247.839);
87
- --color-gray-100: oklch(96.7% 0.003 264.542);
88
- --color-gray-200: oklch(92.8% 0.006 264.531);
89
- --color-gray-300: oklch(87.2% 0.01 258.338);
90
- --color-gray-400: oklch(70.7% 0.022 261.325);
91
- --color-gray-500: oklch(55.1% 0.027 264.364);
92
- --color-gray-600: oklch(44.6% 0.03 256.802);
93
- --color-gray-700: oklch(37.3% 0.034 259.733);
94
- --color-gray-800: oklch(27.8% 0.033 256.848);
95
- --color-gray-900: oklch(21% 0.034 264.665);
75
+ --color-slate-50: hsl(210 20% 96%);
76
+ --color-slate-100: hsl(210 9% 74%);
77
+ --color-slate-200: hsl(210 9% 48%);
78
+ --color-slate-300: hsl(210 9% 39%);
79
+ --color-slate-400: hsl(210 9% 30%);
80
+ --color-slate-500: hsl(207 8% 21%);
81
+ --color-slate-600: hsl(210 9% 13%);
82
+ --color-slate-700: hsl(204 9% 11%);
83
+ --color-slate-800: hsl(195 9% 9%);
84
+ --color-slate-900: hsl(195 6% 6%);
85
+ --color-gray-50: hsl(0 0% 99%);
86
+ --color-gray-100: hsl(0 0% 96%);
87
+ --color-gray-200: hsl(0 0% 94%);
88
+ --color-gray-300: hsl(210 3% 85%);
89
+ --color-gray-400: hsl(180 2% 78%);
90
+ --color-gray-500: hsl(200 2% 63%);
91
+ --color-gray-600: hsl(200 4% 44%);
92
+ --color-gray-700: hsl(189 5% 29%);
93
+ --color-gray-800: hsl(200 4% 26%);
94
+ --color-gray-900: hsl(192 5% 21%);
96
95
  --color-zinc-50: oklch(98.5% 0 0);
97
96
  --color-zinc-100: oklch(96.7% 0.001 286.375);
98
97
  --color-zinc-200: oklch(92% 0.004 286.32);
@@ -100,8 +99,8 @@
100
99
  --color-zinc-500: oklch(55.2% 0.016 285.938);
101
100
  --color-zinc-600: oklch(44.2% 0.017 285.786);
102
101
  --color-stone-300: oklch(86.9% 0.005 56.366);
103
- --color-black: #000;
104
- --color-white: #fff;
102
+ --color-black: hsl(0 0% 0%);
103
+ --color-white: hsl(0 0% 100%);
105
104
  --spacing: 0.25rem;
106
105
  --container-xs: 20rem;
107
106
  --container-sm: 24rem;
@@ -133,15 +132,16 @@
133
132
  --tracking-wide: 0.025em;
134
133
  --tracking-wider: 0.05em;
135
134
  --tracking-widest: 0.1em;
135
+ --leading-tight: 1.25;
136
136
  --leading-normal: 1.5;
137
137
  --leading-relaxed: 1.625;
138
+ --radius-xs: 0.125rem;
138
139
  --radius-sm: 0.25rem;
139
140
  --radius-md: 0.375rem;
140
141
  --radius-lg: 0.5rem;
141
142
  --radius-xl: 0.75rem;
142
143
  --radius-2xl: 1rem;
143
144
  --radius-3xl: 1.5rem;
144
- --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
145
145
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
146
146
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
147
147
  --animate-spin: spin 1s linear infinite;
@@ -151,6 +151,18 @@
151
151
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
152
152
  --default-font-family: var(--font-sans);
153
153
  --default-mono-font-family: var(--font-mono);
154
+ --color-charcoal-300: hsl(221 17% 67%);
155
+ --color-charcoal-700: hsl(219 17% 34%);
156
+ --color-charcoal-800: hsl(221 17% 26%);
157
+ --color-charcoal-900: hsl(220 17% 17%);
158
+ --animate-fade-in: fadeIn 0.3s ease-in-out;
159
+ --animate-fade-out: fadeOut 0.1s ease-in-out;
160
+ --animate-zoom-in: zoomIn 0.3s ease-in-out;
161
+ --animate-zoom-out: zoomOut 0.1s ease-in-out;
162
+ --animate-slide-in-from-top: slideInFromTop 0.2s ease-in-out;
163
+ --animate-slide-in-from-bottom: slideInFromBottom 0.2s ease-in-out;
164
+ --animate-slide-in-from-left: slideInFromLeft 0.2s ease-in-out;
165
+ --animate-slide-in-from-right: slideInFromRight 0.2s ease-in-out;
154
166
  }
155
167
  }
156
168
  @layer base {
@@ -347,7 +359,7 @@
347
359
  .z-30 {
348
360
  z-index: 30;
349
361
  }
350
- .z-\[10000\] {
362
+ .z-10000 {
351
363
  z-index: 10000;
352
364
  }
353
365
  .container {
@@ -386,9 +398,6 @@
386
398
  .mt-2 {
387
399
  margin-top: calc(var(--spacing) * 2);
388
400
  }
389
- .mt-3 {
390
- margin-top: calc(var(--spacing) * 3);
391
- }
392
401
  .mt-4 {
393
402
  margin-top: calc(var(--spacing) * 4);
394
403
  }
@@ -445,9 +454,6 @@
445
454
  width: 100%;
446
455
  height: 100%;
447
456
  }
448
- .h-9 {
449
- height: calc(var(--spacing) * 9);
450
- }
451
457
  .h-full {
452
458
  height: 100%;
453
459
  }
@@ -460,9 +466,6 @@
460
466
  .max-h-\[60vh\] {
461
467
  max-height: 60vh;
462
468
  }
463
- .min-h-80 {
464
- min-height: calc(var(--spacing) * 80);
465
- }
466
469
  .min-h-\[32px\] {
467
470
  min-height: 32px;
468
471
  }
@@ -490,9 +493,6 @@
490
493
  .max-w-\[90vw\] {
491
494
  max-width: 90vw;
492
495
  }
493
- .max-w-\[850px\] {
494
- max-width: 850px;
495
- }
496
496
  .max-w-\[1024px\] {
497
497
  max-width: 1024px;
498
498
  }
@@ -514,9 +514,6 @@
514
514
  .animate-pulse {
515
515
  animation: var(--animate-pulse);
516
516
  }
517
- .animate-spin {
518
- animation: var(--animate-spin);
519
- }
520
517
  .cursor-not-allowed {
521
518
  cursor: not-allowed;
522
519
  }
@@ -565,9 +562,6 @@
565
562
  .gap-x-2 {
566
563
  column-gap: calc(var(--spacing) * 2);
567
564
  }
568
- .gap-x-4 {
569
- column-gap: calc(var(--spacing) * 4);
570
- }
571
565
  .overflow-auto {
572
566
  overflow: auto;
573
567
  }
@@ -577,9 +571,6 @@
577
571
  .overflow-y-auto {
578
572
  overflow-y: auto;
579
573
  }
580
- .rounded {
581
- border-radius: 0.25rem;
582
- }
583
574
  .rounded-2xl {
584
575
  border-radius: var(--radius-2xl);
585
576
  }
@@ -595,6 +586,9 @@
595
586
  .rounded-md {
596
587
  border-radius: var(--radius-md);
597
588
  }
589
+ .rounded-sm {
590
+ border-radius: var(--radius-sm);
591
+ }
598
592
  .rounded-xl {
599
593
  border-radius: var(--radius-xl);
600
594
  }
@@ -636,9 +630,6 @@
636
630
  .bg-black {
637
631
  background-color: var(--color-black);
638
632
  }
639
- .bg-gray-50 {
640
- background-color: var(--color-gray-50);
641
- }
642
633
  .bg-gray-100 {
643
634
  background-color: var(--color-gray-100);
644
635
  }
@@ -646,7 +637,7 @@
646
637
  background-color: var(--color-gray-300);
647
638
  }
648
639
  .bg-gray-500\/20 {
649
- background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent);
640
+ background-color: color-mix(in srgb, hsl(200 2% 63%) 20%, transparent);
650
641
  @supports (color: color-mix(in lab, red, red)) {
651
642
  background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
652
643
  }
@@ -667,7 +658,7 @@
667
658
  background-color: var(--color-white);
668
659
  }
669
660
  .bg-white\/90 {
670
- background-color: color-mix(in srgb, #fff 90%, transparent);
661
+ background-color: color-mix(in srgb, hsl(0 0% 100%) 90%, transparent);
671
662
  @supports (color: color-mix(in lab, red, red)) {
672
663
  background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
673
664
  }
@@ -748,9 +739,17 @@
748
739
  font-size: var(--text-2xl);
749
740
  line-height: var(--tw-leading, var(--text-2xl--line-height));
750
741
  }
751
- .text-3xl {
742
+ .text-2xl\/relaxed {
743
+ font-size: var(--text-2xl);
744
+ line-height: var(--leading-relaxed);
745
+ }
746
+ .text-3xl\/normal {
752
747
  font-size: var(--text-3xl);
753
- line-height: var(--tw-leading, var(--text-3xl--line-height));
748
+ line-height: var(--leading-normal);
749
+ }
750
+ .text-base {
751
+ font-size: var(--text-base);
752
+ line-height: var(--tw-leading, var(--text-base--line-height));
754
753
  }
755
754
  .text-lg {
756
755
  font-size: var(--text-lg);
@@ -772,14 +771,6 @@
772
771
  --tw-leading: calc(var(--spacing) * 10);
773
772
  line-height: calc(var(--spacing) * 10);
774
773
  }
775
- .leading-normal {
776
- --tw-leading: var(--leading-normal);
777
- line-height: var(--leading-normal);
778
- }
779
- .leading-relaxed {
780
- --tw-leading: var(--leading-relaxed);
781
- line-height: var(--leading-relaxed);
782
- }
783
774
  .font-bold {
784
775
  --tw-font-weight: var(--font-weight-bold);
785
776
  font-weight: var(--font-weight-bold);
@@ -796,7 +787,7 @@
796
787
  --tw-font-weight: var(--font-weight-semibold);
797
788
  font-weight: var(--font-weight-semibold);
798
789
  }
799
- .break-words {
790
+ .wrap-break-word {
800
791
  overflow-wrap: break-word;
801
792
  }
802
793
  .text-amber-900 {
@@ -853,6 +844,10 @@
853
844
  .opacity-15 {
854
845
  opacity: 15%;
855
846
  }
847
+ .shadow-button {
848
+ --tw-shadow: 0px -1px 1px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.04)) inset, 0px 2px 0px 0px var(--tw-shadow-color, rgba(255, 255, 255, 0.25)) inset, 0px 4px 8px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
849
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
850
+ }
856
851
  .shadow-lg {
857
852
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
858
853
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -861,11 +856,6 @@
861
856
  --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));
862
857
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
863
858
  }
864
- .drop-shadow-sm {
865
- --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
866
- --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
867
- 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,);
868
- }
869
859
  .filter {
870
860
  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,);
871
861
  }
@@ -932,7 +922,7 @@
932
922
  .hover\:bg-gray-900\/10 {
933
923
  &:hover {
934
924
  @media (hover: hover) {
935
- background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);
925
+ background-color: color-mix(in srgb, hsl(192 5% 21%) 10%, transparent);
936
926
  @supports (color: color-mix(in lab, red, red)) {
937
927
  background-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
938
928
  }
@@ -1885,12 +1875,16 @@
1885
1875
  --text-xl--line-height: calc(1.75 / 1.25);
1886
1876
  --text-2xl: 1.5rem;
1887
1877
  --text-2xl--line-height: calc(2 / 1.5);
1878
+ --text-3xl: 1.875rem;
1879
+ --text-3xl--line-height: calc(2.25 / 1.875);
1888
1880
  --font-weight-normal: 400;
1889
1881
  --font-weight-medium: 500;
1890
1882
  --font-weight-semibold: 600;
1891
1883
  --font-weight-bold: 700;
1892
1884
  --tracking-normal: 0em;
1893
1885
  --tracking-wide: 0.025em;
1886
+ --leading-tight: 1.25;
1887
+ --radius-xs: 0.125rem;
1894
1888
  --radius-sm: 0.25rem;
1895
1889
  --radius-md: 0.375rem;
1896
1890
  --radius-lg: 0.5rem;
@@ -2068,7 +2062,7 @@
2068
2062
  }
2069
2063
  }
2070
2064
  @layer utilities {
2071
- .\!pointer-events-auto {
2065
+ .pointer-events-auto\! {
2072
2066
  pointer-events: auto !important;
2073
2067
  }
2074
2068
  .pointer-events-none {
@@ -2157,9 +2151,6 @@
2157
2151
  .right-5 {
2158
2152
  right: calc(var(--spacing) * 5);
2159
2153
  }
2160
- .right-\[0px\] {
2161
- right: 0px;
2162
- }
2163
2154
  .-bottom-16 {
2164
2155
  bottom: calc(var(--spacing) * -16);
2165
2156
  }
@@ -2187,28 +2178,25 @@
2187
2178
  .left-\[-2px\] {
2188
2179
  left: -2px;
2189
2180
  }
2190
- .left-\[0px\] {
2191
- left: 0px;
2192
- }
2193
2181
  .z-0 {
2194
2182
  z-index: 0;
2195
2183
  }
2196
2184
  .z-10 {
2197
2185
  z-index: 10;
2198
2186
  }
2187
+ .z-20 {
2188
+ z-index: 20;
2189
+ }
2199
2190
  .z-40 {
2200
2191
  z-index: 40;
2201
2192
  }
2202
2193
  .z-50 {
2203
2194
  z-index: 50;
2204
2195
  }
2205
- .z-\[20\] {
2206
- z-index: 20;
2207
- }
2208
- .z-\[1000\] {
2196
+ .z-1000 {
2209
2197
  z-index: 1000;
2210
2198
  }
2211
- .z-\[1001\] {
2199
+ .z-1001 {
2212
2200
  z-index: 1001;
2213
2201
  }
2214
2202
  .container {
@@ -2373,12 +2361,49 @@
2373
2361
  height: 8px;
2374
2362
  }
2375
2363
  }
2364
+ .scrollbar-thin {
2365
+ &::-webkit-scrollbar-track {
2366
+ background-color: var(--scrollbar-track);
2367
+ border-radius: var(--scrollbar-track-radius);
2368
+ }
2369
+ &::-webkit-scrollbar-thumb {
2370
+ background-color: var(--scrollbar-thumb);
2371
+ border-radius: var(--scrollbar-thumb-radius);
2372
+ }
2373
+ &::-webkit-scrollbar-corner {
2374
+ background-color: var(--scrollbar-corner);
2375
+ border-radius: var(--scrollbar-corner-radius);
2376
+ }
2377
+ @supports (-moz-appearance:none) {
2378
+ scrollbar-width: thin;
2379
+ scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
2380
+ }
2381
+ &::-webkit-scrollbar {
2382
+ display: block;
2383
+ width: 8px;
2384
+ height: 8px;
2385
+ }
2386
+ }
2376
2387
  .line-clamp-2 {
2377
2388
  overflow: hidden;
2378
2389
  display: -webkit-box;
2379
2390
  -webkit-box-orient: vertical;
2380
2391
  -webkit-line-clamp: 2;
2381
2392
  }
2393
+ .scrollbar-none {
2394
+ scrollbar-width: none;
2395
+ &::-webkit-scrollbar {
2396
+ display: none;
2397
+ }
2398
+ }
2399
+ .scrollbar-none {
2400
+ @supports (-moz-appearance:none) {
2401
+ scrollbar-width: none;
2402
+ }
2403
+ &::-webkit-scrollbar {
2404
+ display: none;
2405
+ }
2406
+ }
2382
2407
  .\!inline {
2383
2408
  display: inline !important;
2384
2409
  }
@@ -2476,12 +2501,12 @@
2476
2501
  .h-3 {
2477
2502
  height: calc(var(--spacing) * 3);
2478
2503
  }
2479
- .h-4 {
2480
- height: calc(var(--spacing) * 4);
2481
- }
2482
2504
  .h-6 {
2483
2505
  height: calc(var(--spacing) * 6);
2484
2506
  }
2507
+ .h-6\.25 {
2508
+ height: calc(var(--spacing) * 6.25);
2509
+ }
2485
2510
  .h-7 {
2486
2511
  height: calc(var(--spacing) * 7);
2487
2512
  }
@@ -2500,6 +2525,9 @@
2500
2525
  .h-24 {
2501
2526
  height: calc(var(--spacing) * 24);
2502
2527
  }
2528
+ .h-32\.5 {
2529
+ height: calc(var(--spacing) * 32.5);
2530
+ }
2503
2531
  .h-48 {
2504
2532
  height: calc(var(--spacing) * 48);
2505
2533
  }
@@ -2542,9 +2570,6 @@
2542
2570
  .h-\[90vh\] {
2543
2571
  height: 90vh;
2544
2572
  }
2545
- .h-\[130px\] {
2546
- height: 130px;
2547
- }
2548
2573
  .h-\[244px\] {
2549
2574
  height: 244px;
2550
2575
  }
@@ -2587,15 +2612,15 @@
2587
2612
  .max-h-60 {
2588
2613
  max-height: calc(var(--spacing) * 60);
2589
2614
  }
2615
+ .max-h-75 {
2616
+ max-height: calc(var(--spacing) * 75);
2617
+ }
2590
2618
  .max-h-80 {
2591
2619
  max-height: calc(var(--spacing) * 80);
2592
2620
  }
2593
2621
  .max-h-\[245px\] {
2594
2622
  max-height: 245px;
2595
2623
  }
2596
- .max-h-\[300px\] {
2597
- max-height: 300px;
2598
- }
2599
2624
  .max-h-\[404px\] {
2600
2625
  max-height: 404px;
2601
2626
  }
@@ -2689,9 +2714,15 @@
2689
2714
  .w-72 {
2690
2715
  width: calc(var(--spacing) * 72);
2691
2716
  }
2717
+ .w-89\.5 {
2718
+ width: calc(var(--spacing) * 89.5);
2719
+ }
2692
2720
  .w-96 {
2693
2721
  width: calc(var(--spacing) * 96);
2694
2722
  }
2723
+ .w-100 {
2724
+ width: calc(var(--spacing) * 100);
2725
+ }
2695
2726
  .w-\[6px\] {
2696
2727
  width: 6px;
2697
2728
  }
@@ -2713,9 +2744,6 @@
2713
2744
  .w-\[338px\] {
2714
2745
  width: 338px;
2715
2746
  }
2716
- .w-\[358px\] {
2717
- width: 358px;
2718
- }
2719
2747
  .w-\[400px\] {
2720
2748
  width: 400px;
2721
2749
  }
@@ -2809,9 +2837,6 @@
2809
2837
  .flex-none {
2810
2838
  flex: none;
2811
2839
  }
2812
- .flex-shrink-0 {
2813
- flex-shrink: 0;
2814
- }
2815
2840
  .shrink-0 {
2816
2841
  flex-shrink: 0;
2817
2842
  }
@@ -2821,6 +2846,11 @@
2821
2846
  .border-collapse {
2822
2847
  border-collapse: collapse;
2823
2848
  }
2849
+ .-translate-1\/2 {
2850
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2851
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
2852
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2853
+ }
2824
2854
  .-translate-x-1\/2 {
2825
2855
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2826
2856
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2848,6 +2878,9 @@
2848
2878
  .transform {
2849
2879
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
2850
2880
  }
2881
+ .animate-fade-in {
2882
+ animation: var(--animate-fade-in);
2883
+ }
2851
2884
  .animate-pulse {
2852
2885
  animation: var(--animate-pulse);
2853
2886
  }
@@ -3030,9 +3063,6 @@
3030
3063
  .rounded-\[2px\] {
3031
3064
  border-radius: 2px;
3032
3065
  }
3033
- .rounded-\[24px\] {
3034
- border-radius: 24px;
3035
- }
3036
3066
  .rounded-full {
3037
3067
  border-radius: calc(infinity * 1px);
3038
3068
  }
@@ -3048,6 +3078,9 @@
3048
3078
  .rounded-xl {
3049
3079
  border-radius: var(--radius-xl);
3050
3080
  }
3081
+ .rounded-xs {
3082
+ border-radius: var(--radius-xs);
3083
+ }
3051
3084
  .rounded-t {
3052
3085
  border-top-left-radius: 0.25rem;
3053
3086
  border-top-right-radius: 0.25rem;
@@ -3537,6 +3570,10 @@
3537
3570
  font-size: var(--text-base);
3538
3571
  line-height: var(--tw-leading, var(--text-base--line-height));
3539
3572
  }
3573
+ .text-base\/5 {
3574
+ font-size: var(--text-base);
3575
+ line-height: calc(var(--spacing) * 5);
3576
+ }
3540
3577
  .text-lg {
3541
3578
  font-size: var(--text-lg);
3542
3579
  line-height: var(--tw-leading, var(--text-lg--line-height));
@@ -3545,6 +3582,26 @@
3545
3582
  font-size: var(--text-sm);
3546
3583
  line-height: var(--tw-leading, var(--text-sm--line-height));
3547
3584
  }
3585
+ .text-sm\/4 {
3586
+ font-size: var(--text-sm);
3587
+ line-height: calc(var(--spacing) * 4);
3588
+ }
3589
+ .text-sm\/4\.5 {
3590
+ font-size: var(--text-sm);
3591
+ line-height: calc(var(--spacing) * 4.5);
3592
+ }
3593
+ .text-sm\/5 {
3594
+ font-size: var(--text-sm);
3595
+ line-height: calc(var(--spacing) * 5);
3596
+ }
3597
+ .text-sm\/6 {
3598
+ font-size: var(--text-sm);
3599
+ line-height: calc(var(--spacing) * 6);
3600
+ }
3601
+ .text-sm\/10 {
3602
+ font-size: var(--text-sm);
3603
+ line-height: calc(var(--spacing) * 10);
3604
+ }
3548
3605
  .text-xl {
3549
3606
  font-size: var(--text-xl);
3550
3607
  line-height: var(--tw-leading, var(--text-xl--line-height));
@@ -3553,34 +3610,21 @@
3553
3610
  font-size: var(--text-xs);
3554
3611
  line-height: var(--tw-leading, var(--text-xs--line-height));
3555
3612
  }
3556
- .text-\[10px\] {
3557
- font-size: 10px;
3558
- }
3559
- .text-\[11px\] {
3560
- font-size: 11px;
3561
- }
3562
- .text-\[14px\] {
3563
- font-size: 14px;
3564
- }
3565
- .leading-3 {
3566
- --tw-leading: calc(var(--spacing) * 3);
3613
+ .text-xs\/3 {
3614
+ font-size: var(--text-xs);
3567
3615
  line-height: calc(var(--spacing) * 3);
3568
3616
  }
3617
+ .text-xs\/5 {
3618
+ font-size: var(--text-xs);
3619
+ line-height: calc(var(--spacing) * 5);
3620
+ }
3569
3621
  .leading-4 {
3570
3622
  --tw-leading: calc(var(--spacing) * 4);
3571
3623
  line-height: calc(var(--spacing) * 4);
3572
3624
  }
3573
- .leading-5 {
3574
- --tw-leading: calc(var(--spacing) * 5);
3575
- line-height: calc(var(--spacing) * 5);
3576
- }
3577
- .leading-6 {
3578
- --tw-leading: calc(var(--spacing) * 6);
3579
- line-height: calc(var(--spacing) * 6);
3580
- }
3581
- .leading-10 {
3582
- --tw-leading: calc(var(--spacing) * 10);
3583
- line-height: calc(var(--spacing) * 10);
3625
+ .leading-4\.5 {
3626
+ --tw-leading: calc(var(--spacing) * 4.5);
3627
+ line-height: calc(var(--spacing) * 4.5);
3584
3628
  }
3585
3629
  .leading-\[18px\] {
3586
3630
  --tw-leading: 18px;
@@ -3618,12 +3662,12 @@
3618
3662
  --tw-tracking: var(--tracking-wide);
3619
3663
  letter-spacing: var(--tracking-wide);
3620
3664
  }
3621
- .break-words {
3622
- overflow-wrap: break-word;
3623
- }
3624
3665
  .wrap-anywhere {
3625
3666
  overflow-wrap: anywhere;
3626
3667
  }
3668
+ .wrap-break-word {
3669
+ overflow-wrap: break-word;
3670
+ }
3627
3671
  .hyphens-none {
3628
3672
  -webkit-hyphens: none;
3629
3673
  hyphens: none;
@@ -3637,15 +3681,6 @@
3637
3681
  .\!text-gray-700 {
3638
3682
  color: var(--color-gray-700) !important;
3639
3683
  }
3640
- .\!text-red-800 {
3641
- color: var(--color-red-800) !important;
3642
- }
3643
- .\!text-red-900 {
3644
- color: var(--color-red-900) !important;
3645
- }
3646
- .text-\[\#9DA6B9\] {
3647
- color: #9DA6B9;
3648
- }
3649
3684
  .text-black {
3650
3685
  color: var(--color-black);
3651
3686
  }
@@ -3661,6 +3696,9 @@
3661
3696
  .text-blue-900 {
3662
3697
  color: var(--color-blue-900);
3663
3698
  }
3699
+ .text-charcoal-300 {
3700
+ color: var(--color-charcoal-300);
3701
+ }
3664
3702
  .text-current {
3665
3703
  color: currentcolor;
3666
3704
  }
@@ -3730,9 +3768,15 @@
3730
3768
  .text-red-800 {
3731
3769
  color: var(--color-red-800);
3732
3770
  }
3771
+ .text-red-800\! {
3772
+ color: var(--color-red-800) !important;
3773
+ }
3733
3774
  .text-red-900 {
3734
3775
  color: var(--color-red-900);
3735
3776
  }
3777
+ .text-red-900\! {
3778
+ color: var(--color-red-900) !important;
3779
+ }
3736
3780
  .text-slate-50 {
3737
3781
  color: var(--color-slate-50);
3738
3782
  }
@@ -3818,22 +3862,14 @@
3818
3862
  --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));
3819
3863
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3820
3864
  }
3821
- .shadow-\[0_2px_12px_rgba\(37\,42\,52\,0\.1\)\] {
3822
- --tw-shadow: 0 2px 12px var(--tw-shadow-color, rgba(37,42,52,0.1));
3823
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3824
- }
3825
- .shadow-\[1px_4px_15px_0px_rgba\(74\,88\,115\,0\.25\)\] {
3826
- --tw-shadow: 1px 4px 15px 0px var(--tw-shadow-color, rgba(74,88,115,0.25));
3827
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3828
- }
3829
- .shadow-\[1px_4px_15px_rgba\(74\,88\,115\,0\.25\)\] {
3830
- --tw-shadow: 1px 4px 15px var(--tw-shadow-color, rgba(74,88,115,0.25));
3831
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3832
- }
3833
3865
  .shadow-button {
3834
3866
  --tw-shadow: 0px -1px 1px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.04)) inset, 0px 2px 0px 0px var(--tw-shadow-color, rgba(255, 255, 255, 0.25)) inset, 0px 4px 8px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
3835
3867
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3836
3868
  }
3869
+ .shadow-charcoal {
3870
+ --tw-shadow: 1px 4px 15px var(--tw-shadow-color, rgba(74, 88, 115, 0.25));
3871
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3872
+ }
3837
3873
  .shadow-lg {
3838
3874
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3839
3875
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3842,6 +3878,10 @@
3842
3878
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3843
3879
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3844
3880
  }
3881
+ .shadow-sidebar {
3882
+ --tw-shadow: 0px 33px 32px -16px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0px 0px 16px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.04));
3883
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3884
+ }
3845
3885
  .shadow-sm {
3846
3886
  --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));
3847
3887
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3850,7 +3890,7 @@
3850
3890
  --tw-shadow: 0px 2px 8px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05)), 0px 44px 48px -12px var(--tw-shadow-color, rgba(0, 0, 0, 0.15)), 0px 0px 24px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
3851
3891
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3852
3892
  }
3853
- .shadow-black\/\[\.04\] {
3893
+ .shadow-black\/4 {
3854
3894
  --tw-shadow-color: color-mix(in srgb, hsl(0 0% 0%) 4%, transparent);
3855
3895
  @supports (color: color-mix(in lab, red, red)) {
3856
3896
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 4%, transparent) var(--tw-shadow-alpha), transparent);
@@ -3942,10 +3982,19 @@
3942
3982
  .scrollbar-thumb-gray-300 {
3943
3983
  --scrollbar-thumb: hsl(210 3% 85%);
3944
3984
  }
3985
+ .scrollbar-thumb-gray-300 {
3986
+ --scrollbar-thumb: hsl(210 3% 85%);
3987
+ }
3988
+ .scrollbar-thumb-rounded-md {
3989
+ --scrollbar-thumb-radius: 0.375rem;
3990
+ }
3945
3991
  .scrollbar-track-transparent {
3946
3992
  --scrollbar-track: transparent;
3947
3993
  }
3948
- .group-focus-within\:\!text-gray-900 {
3994
+ .scrollbar-track-transparent {
3995
+ --scrollbar-track: transparent;
3996
+ }
3997
+ .group-focus-within\:text-gray-900\! {
3949
3998
  &:is(:where(.group):focus-within *) {
3950
3999
  color: var(--color-gray-900) !important;
3951
4000
  }
@@ -3978,13 +4027,6 @@
3978
4027
  }
3979
4028
  }
3980
4029
  }
3981
- .group-hover\:\!text-red-900 {
3982
- &:is(:where(.group):hover *) {
3983
- @media (hover: hover) {
3984
- color: var(--color-red-900) !important;
3985
- }
3986
- }
3987
- }
3988
4030
  .group-hover\:text-gray-700 {
3989
4031
  &:is(:where(.group):hover *) {
3990
4032
  @media (hover: hover) {
@@ -4013,6 +4055,13 @@
4013
4055
  }
4014
4056
  }
4015
4057
  }
4058
+ .group-hover\:text-red-900\! {
4059
+ &:is(:where(.group):hover *) {
4060
+ @media (hover: hover) {
4061
+ color: var(--color-red-900) !important;
4062
+ }
4063
+ }
4064
+ }
4016
4065
  .group-hover\:opacity-50 {
4017
4066
  &:is(:where(.group):hover *) {
4018
4067
  @media (hover: hover) {
@@ -4081,7 +4130,7 @@
4081
4130
  color: var(--color-gray-500);
4082
4131
  }
4083
4132
  }
4084
- .group-focus-within\:placeholder\:\!text-gray-700 {
4133
+ .group-focus-within\:placeholder\:text-gray-700\! {
4085
4134
  &:is(:where(.group):focus-within *) {
4086
4135
  &::placeholder {
4087
4136
  color: var(--color-gray-700) !important;
@@ -4152,7 +4201,7 @@
4152
4201
  position: absolute;
4153
4202
  }
4154
4203
  }
4155
- .after\:start-0\.5 {
4204
+ .after\:inset-s-0\.5 {
4156
4205
  &::after {
4157
4206
  content: var(--tw-content);
4158
4207
  inset-inline-start: calc(var(--spacing) * 0.5);
@@ -4190,16 +4239,10 @@
4190
4239
  height: calc(var(--spacing) * 5);
4191
4240
  }
4192
4241
  }
4193
- .after\:-translate-x-1\/2 {
4242
+ .after\:-translate-1\/2 {
4194
4243
  &::after {
4195
4244
  content: var(--tw-content);
4196
4245
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
4197
- translate: var(--tw-translate-x) var(--tw-translate-y);
4198
- }
4199
- }
4200
- .after\:-translate-y-1\/2 {
4201
- &::after {
4202
- content: var(--tw-content);
4203
4246
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
4204
4247
  translate: var(--tw-translate-x) var(--tw-translate-y);
4205
4248
  }
@@ -4522,13 +4565,6 @@
4522
4565
  }
4523
4566
  }
4524
4567
  }
4525
- .hover\:text-\[\#9896FF\] {
4526
- &:hover {
4527
- @media (hover: hover) {
4528
- color: #9896FF;
4529
- }
4530
- }
4531
- }
4532
4568
  .hover\:text-gray-500 {
4533
4569
  &:hover {
4534
4570
  @media (hover: hover) {
@@ -4564,6 +4600,13 @@
4564
4600
  }
4565
4601
  }
4566
4602
  }
4603
+ .hover\:text-purple-700 {
4604
+ &:hover {
4605
+ @media (hover: hover) {
4606
+ color: var(--color-purple-700);
4607
+ }
4608
+ }
4609
+ }
4567
4610
  .hover\:text-red-700 {
4568
4611
  &:hover {
4569
4612
  @media (hover: hover) {
@@ -4607,6 +4650,13 @@
4607
4650
  }
4608
4651
  }
4609
4652
  }
4653
+ .hover\:scrollbar-thumb-gray-300 {
4654
+ &:hover {
4655
+ @media (hover: hover) {
4656
+ --scrollbar-thumb: hsl(210 3% 85%);
4657
+ }
4658
+ }
4659
+ }
4610
4660
  .focus\:border-blue-400 {
4611
4661
  &:focus {
4612
4662
  border-color: var(--color-blue-400);
@@ -4819,17 +4869,27 @@
4819
4869
  opacity: 100%;
4820
4870
  }
4821
4871
  }
4872
+ .data-disabled\:cursor-not-allowed {
4873
+ &[data-disabled] {
4874
+ cursor: not-allowed;
4875
+ }
4876
+ }
4822
4877
  .data-disabled\:text-gray-400 {
4823
4878
  &[data-disabled] {
4824
4879
  color: var(--color-gray-400);
4825
4880
  }
4826
4881
  }
4882
+ .data-state\:border-gray-700 {
4883
+ &[data-state] {
4884
+ border-color: var(--color-gray-700);
4885
+ }
4886
+ }
4827
4887
  .data-\[disabled\=true\]\:pointer-events-none {
4828
4888
  &[data-disabled="true"] {
4829
4889
  pointer-events: none;
4830
4890
  }
4831
4891
  }
4832
- .data-\[invalid\=true\]\:group-hover\:\!border-red-900 {
4892
+ .data-\[invalid\=true\]\:group-hover\:border-red-900\! {
4833
4893
  &[data-invalid="true"] {
4834
4894
  &:is(:where(.group):hover *) {
4835
4895
  @media (hover: hover) {
@@ -4838,6 +4898,13 @@
4838
4898
  }
4839
4899
  }
4840
4900
  }
4901
+ .data-\[invalid\=true\]\:data-state\:border-red-800\! {
4902
+ &[data-invalid="true"] {
4903
+ &[data-state] {
4904
+ border-color: var(--color-red-800) !important;
4905
+ }
4906
+ }
4907
+ }
4841
4908
  .data-\[selected\=true\]\:bg-gray-100 {
4842
4909
  &[data-selected="true"] {
4843
4910
  background-color: var(--color-gray-100);
@@ -4863,18 +4930,6 @@
4863
4930
  animation: var(--animate-slide-in-from-bottom);
4864
4931
  }
4865
4932
  }
4866
- .data-\[state\]\:border-gray-700 {
4867
- &[data-state] {
4868
- border-color: var(--color-gray-700);
4869
- }
4870
- }
4871
- .data-\[invalid\=true\]\:data-\[state\]\:\!border-red-800 {
4872
- &[data-invalid="true"] {
4873
- &[data-state] {
4874
- border-color: var(--color-red-800) !important;
4875
- }
4876
- }
4877
- }
4878
4933
  .data-\[state\=\'active\'\]\:bg-gray-50 {
4879
4934
  &[data-state='active'] {
4880
4935
  background-color: var(--color-gray-50);
@@ -4913,14 +4968,14 @@
4913
4968
  }
4914
4969
  }
4915
4970
  }
4916
- .data-\[invalid\=true\]\:data-\[state\=checked\]\:\!bg-red-800 {
4971
+ .data-\[invalid\=true\]\:data-\[state\=checked\]\:bg-red-800\! {
4917
4972
  &[data-invalid="true"] {
4918
4973
  &[data-state="checked"] {
4919
4974
  background-color: var(--color-red-800) !important;
4920
4975
  }
4921
4976
  }
4922
4977
  }
4923
- .data-\[invalid\=true\]\:data-\[state\=checked\]\:group-hover\:\!bg-red-900 {
4978
+ .data-\[invalid\=true\]\:data-\[state\=checked\]\:group-hover\:bg-red-900\! {
4924
4979
  &[data-invalid="true"] {
4925
4980
  &[data-state="checked"] {
4926
4981
  &:is(:where(.group):hover *) {
@@ -4969,14 +5024,14 @@
4969
5024
  }
4970
5025
  }
4971
5026
  }
4972
- .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:\!bg-red-800 {
5027
+ .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:bg-red-800\! {
4973
5028
  &[data-invalid="true"] {
4974
5029
  &[data-state="indeterminate"] {
4975
5030
  background-color: var(--color-red-800) !important;
4976
5031
  }
4977
5032
  }
4978
5033
  }
4979
- .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:group-hover\:\!bg-red-900 {
5034
+ .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:group-hover\:bg-red-900\! {
4980
5035
  &[data-invalid="true"] {
4981
5036
  &[data-state="indeterminate"] {
4982
5037
  &:is(:where(.group):hover *) {
@@ -5072,16 +5127,6 @@
5072
5127
  background-color: transparent;
5073
5128
  }
5074
5129
  }
5075
- .dark\:text-\[\#7D3D37\] {
5076
- &:where(.dark, .dark *) {
5077
- color: #7D3D37;
5078
- }
5079
- }
5080
- .dark\:text-\[\#644E00\] {
5081
- &:where(.dark, .dark *) {
5082
- color: #644E00;
5083
- }
5084
- }
5085
5130
  .dark\:text-black {
5086
5131
  &:where(.dark, .dark *) {
5087
5132
  color: var(--color-black);
@@ -5137,6 +5182,16 @@
5137
5182
  color: var(--color-red-900);
5138
5183
  }
5139
5184
  }
5185
+ .dark\:text-slate-50 {
5186
+ &:where(.dark, .dark *) {
5187
+ color: var(--color-slate-50);
5188
+ }
5189
+ }
5190
+ .dark\:text-slate-100 {
5191
+ &:where(.dark, .dark *) {
5192
+ color: var(--color-slate-100);
5193
+ }
5194
+ }
5140
5195
  .dark\:text-white {
5141
5196
  &:where(.dark, .dark *) {
5142
5197
  color: var(--color-white);
@@ -5147,10 +5202,9 @@
5147
5202
  color: var(--color-yellow-900);
5148
5203
  }
5149
5204
  }
5150
- .dark\:shadow-\[1px_4px_15\.3px_0px_\#141921\] {
5205
+ .dark\:scrollbar-thumb-charcoal-700 {
5151
5206
  &:where(.dark, .dark *) {
5152
- --tw-shadow: 1px 4px 15.3px 0px var(--tw-shadow-color, #141921);
5153
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5207
+ --scrollbar-thumb: hsl(219 17% 34%);
5154
5208
  }
5155
5209
  }
5156
5210
  .dark\:scrollbar-thumb-charcoal-700 {
@@ -5158,7 +5212,7 @@
5158
5212
  --scrollbar-thumb: hsl(219 17% 34%);
5159
5213
  }
5160
5214
  }
5161
- .dark\:group-focus-within\:\!text-gray-50 {
5215
+ .dark\:group-focus-within\:text-gray-50\! {
5162
5216
  &:where(.dark, .dark *) {
5163
5217
  &:is(:where(.group):focus-within *) {
5164
5218
  color: var(--color-gray-50) !important;
@@ -5174,20 +5228,20 @@
5174
5228
  }
5175
5229
  }
5176
5230
  }
5177
- .dark\:group-hover\:\!text-red-900 {
5231
+ .dark\:group-hover\:text-gray-500 {
5178
5232
  &:where(.dark, .dark *) {
5179
5233
  &:is(:where(.group):hover *) {
5180
5234
  @media (hover: hover) {
5181
- color: var(--color-red-900) !important;
5235
+ color: var(--color-gray-500);
5182
5236
  }
5183
5237
  }
5184
5238
  }
5185
5239
  }
5186
- .dark\:group-hover\:text-gray-500 {
5240
+ .dark\:group-hover\:text-red-900\! {
5187
5241
  &:where(.dark, .dark *) {
5188
5242
  &:is(:where(.group):hover *) {
5189
5243
  @media (hover: hover) {
5190
- color: var(--color-gray-500);
5244
+ color: var(--color-red-900) !important;
5191
5245
  }
5192
5246
  }
5193
5247
  }
@@ -5224,7 +5278,7 @@
5224
5278
  }
5225
5279
  }
5226
5280
  }
5227
- .dark\:group-focus-within\:placeholder\:\!text-gray-300 {
5281
+ .dark\:group-focus-within\:placeholder\:text-gray-300\! {
5228
5282
  &:where(.dark, .dark *) {
5229
5283
  &:is(:where(.group):focus-within *) {
5230
5284
  &::placeholder {
@@ -5409,6 +5463,15 @@
5409
5463
  }
5410
5464
  }
5411
5465
  }
5466
+ .dark\:hover\:scrollbar-thumb-charcoal-700 {
5467
+ &:where(.dark, .dark *) {
5468
+ &:hover {
5469
+ @media (hover: hover) {
5470
+ --scrollbar-thumb: hsl(219 17% 34%);
5471
+ }
5472
+ }
5473
+ }
5474
+ }
5412
5475
  .dark\:focus\:bg-charcoal-900 {
5413
5476
  &:where(.dark, .dark *) {
5414
5477
  &:focus {
@@ -5458,21 +5521,14 @@
5458
5521
  }
5459
5522
  }
5460
5523
  }
5461
- .dark\:data-\[selected\=true\]\:bg-gray-900 {
5462
- &:where(.dark, .dark *) {
5463
- &[data-selected="true"] {
5464
- background-color: var(--color-gray-900);
5465
- }
5466
- }
5467
- }
5468
- .dark\:data-\[state\]\:border-gray-500 {
5524
+ .dark\:data-state\:border-gray-500 {
5469
5525
  &:where(.dark, .dark *) {
5470
5526
  &[data-state] {
5471
5527
  border-color: var(--color-gray-500);
5472
5528
  }
5473
5529
  }
5474
5530
  }
5475
- .dark\:data-\[invalid\=true\]\:data-\[state\]\:\!border-red-800 {
5531
+ .dark\:data-\[invalid\=true\]\:data-state\:border-red-800\! {
5476
5532
  &:where(.dark, .dark *) {
5477
5533
  &[data-invalid="true"] {
5478
5534
  &[data-state] {
@@ -5481,6 +5537,13 @@
5481
5537
  }
5482
5538
  }
5483
5539
  }
5540
+ .dark\:data-\[selected\=true\]\:bg-gray-900 {
5541
+ &:where(.dark, .dark *) {
5542
+ &[data-selected="true"] {
5543
+ background-color: var(--color-gray-900);
5544
+ }
5545
+ }
5546
+ }
5484
5547
  .dark\:data-\[state\=checked\]\:bg-gray-400 {
5485
5548
  &:where(.dark, .dark *) {
5486
5549
  &[data-state="checked"] {
@@ -5517,7 +5580,7 @@
5517
5580
  }
5518
5581
  }
5519
5582
  }
5520
- .dark\:data-\[invalid\=true\]\:data-\[state\=checked\]\:\!bg-red-800 {
5583
+ .dark\:data-\[invalid\=true\]\:data-\[state\=checked\]\:bg-red-800\! {
5521
5584
  &:where(.dark, .dark *) {
5522
5585
  &[data-invalid="true"] {
5523
5586
  &[data-state="checked"] {
@@ -5562,7 +5625,7 @@
5562
5625
  }
5563
5626
  }
5564
5627
  }
5565
- .dark\:data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:\!bg-red-800 {
5628
+ .dark\:data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:bg-red-800\! {
5566
5629
  &:where(.dark, .dark *) {
5567
5630
  &[data-invalid="true"] {
5568
5631
  &[data-state="indeterminate"] {
@@ -5571,33 +5634,6 @@
5571
5634
  }
5572
5635
  }
5573
5636
  }
5574
- .\[\&_\[cmdk-group-heading\]\]\:px-2 {
5575
- & [cmdk-group-heading] {
5576
- padding-inline: calc(var(--spacing) * 2);
5577
- }
5578
- }
5579
- .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
5580
- & [cmdk-group-heading] {
5581
- padding-block: calc(var(--spacing) * 1.5);
5582
- }
5583
- }
5584
- .\[\&_\[cmdk-group-heading\]\]\:text-xs {
5585
- & [cmdk-group-heading] {
5586
- font-size: var(--text-xs);
5587
- line-height: var(--tw-leading, var(--text-xs--line-height));
5588
- }
5589
- }
5590
- .\[\&_\[cmdk-group-heading\]\]\:font-medium {
5591
- & [cmdk-group-heading] {
5592
- --tw-font-weight: var(--font-weight-medium);
5593
- font-weight: var(--font-weight-medium);
5594
- }
5595
- }
5596
- .\[\&_\[cmdk-label\]\]\:hidden {
5597
- & [cmdk-label] {
5598
- display: none;
5599
- }
5600
- }
5601
5637
  .\[\&_svg\]\:pointer-events-none {
5602
5638
  & svg {
5603
5639
  pointer-events: none;
@@ -5614,6 +5650,43 @@
5614
5650
  flex-shrink: 0;
5615
5651
  }
5616
5652
  }
5653
+ .\*\*\:\[\[cmdk-group-heading\]\]\:px-2 {
5654
+ :is(& *) {
5655
+ &:is([cmdk-group-heading]) {
5656
+ padding-inline: calc(var(--spacing) * 2);
5657
+ }
5658
+ }
5659
+ }
5660
+ .\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5 {
5661
+ :is(& *) {
5662
+ &:is([cmdk-group-heading]) {
5663
+ padding-block: calc(var(--spacing) * 1.5);
5664
+ }
5665
+ }
5666
+ }
5667
+ .\*\*\:\[\[cmdk-group-heading\]\]\:text-xs {
5668
+ :is(& *) {
5669
+ &:is([cmdk-group-heading]) {
5670
+ font-size: var(--text-xs);
5671
+ line-height: var(--tw-leading, var(--text-xs--line-height));
5672
+ }
5673
+ }
5674
+ }
5675
+ .\*\*\:\[\[cmdk-group-heading\]\]\:font-medium {
5676
+ :is(& *) {
5677
+ &:is([cmdk-group-heading]) {
5678
+ --tw-font-weight: var(--font-weight-medium);
5679
+ font-weight: var(--font-weight-medium);
5680
+ }
5681
+ }
5682
+ }
5683
+ .\*\*\:\[\[cmdk-label\]\]\:hidden {
5684
+ :is(& *) {
5685
+ &:is([cmdk-label]) {
5686
+ display: none;
5687
+ }
5688
+ }
5689
+ }
5617
5690
  .\[\&\>span\]\:truncate {
5618
5691
  &>span {
5619
5692
  overflow: hidden;
@@ -5679,12 +5752,13 @@ input[type="number"] {
5679
5752
  margin-top: calc(var(--spacing) * 6);
5680
5753
  margin-bottom: calc(var(--spacing) * 4);
5681
5754
  font-family: var(--font-sans);
5682
- font-size: 32px;
5683
- --tw-leading: 120%;
5684
- line-height: 120%;
5755
+ font-size: var(--text-3xl);
5756
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
5757
+ --tw-leading: var(--leading-tight);
5758
+ line-height: var(--leading-tight);
5685
5759
  --tw-font-weight: var(--font-weight-bold);
5686
5760
  font-weight: var(--font-weight-bold);
5687
- color: #343839;
5761
+ color: var(--color-gray-900);
5688
5762
  }
5689
5763
  .ph-default-styles h2 {
5690
5764
  margin-top: calc(var(--spacing) * 5);
@@ -5692,11 +5766,11 @@ input[type="number"] {
5692
5766
  font-family: var(--font-sans);
5693
5767
  font-size: var(--text-2xl);
5694
5768
  line-height: var(--tw-leading, var(--text-2xl--line-height));
5695
- --tw-leading: 120%;
5696
- line-height: 120%;
5769
+ --tw-leading: var(--leading-tight);
5770
+ line-height: var(--leading-tight);
5697
5771
  --tw-font-weight: var(--font-weight-bold);
5698
5772
  font-weight: var(--font-weight-bold);
5699
- color: #343839;
5773
+ color: var(--color-gray-900);
5700
5774
  }
5701
5775
  .ph-default-styles h3 {
5702
5776
  margin-top: calc(var(--spacing) * 4);
@@ -5704,43 +5778,43 @@ input[type="number"] {
5704
5778
  font-family: var(--font-sans);
5705
5779
  font-size: var(--text-xl);
5706
5780
  line-height: var(--tw-leading, var(--text-xl--line-height));
5707
- --tw-leading: 120%;
5708
- line-height: 120%;
5781
+ --tw-leading: var(--leading-tight);
5782
+ line-height: var(--leading-tight);
5709
5783
  --tw-font-weight: var(--font-weight-bold);
5710
5784
  font-weight: var(--font-weight-bold);
5711
- color: #343839;
5785
+ color: var(--color-gray-900);
5712
5786
  }
5713
5787
  .ph-default-styles p {
5714
5788
  font-family: var(--font-sans);
5715
5789
  font-size: var(--text-base);
5716
5790
  line-height: var(--tw-leading, var(--text-base--line-height));
5717
- --tw-leading: 120%;
5718
- line-height: 120%;
5791
+ --tw-leading: var(--leading-tight);
5792
+ line-height: var(--leading-tight);
5719
5793
  --tw-font-weight: var(--font-weight-normal);
5720
5794
  font-weight: var(--font-weight-normal);
5721
- color: #343839;
5795
+ color: var(--color-gray-900);
5722
5796
  }
5723
5797
  .ph-default-styles small {
5724
5798
  font-family: var(--font-sans);
5725
5799
  font-size: var(--text-sm);
5726
5800
  line-height: var(--tw-leading, var(--text-sm--line-height));
5727
- --tw-leading: 100%;
5728
- line-height: 100%;
5801
+ --tw-leading: 1;
5802
+ line-height: 1;
5729
5803
  --tw-font-weight: var(--font-weight-normal);
5730
5804
  font-weight: var(--font-weight-normal);
5731
- color: #474d4e;
5805
+ color: var(--color-gray-700);
5732
5806
  }
5733
5807
  .ph-default-styles input[type="text"], .ph-default-styles input[type="email"], .ph-default-styles input[type="password"], .ph-default-styles input[type="search"], .ph-default-styles input[type="tel"], .ph-default-styles input[type="url"], .ph-default-styles input[type="number"], .ph-default-styles textarea {
5734
- margin-bottom: 10px;
5808
+ margin-bottom: calc(var(--spacing) * 2.5);
5735
5809
  box-sizing: border-box;
5736
5810
  width: 100%;
5737
5811
  border-radius: var(--radius-md);
5738
5812
  border-style: var(--tw-border-style);
5739
5813
  border-width: 1px;
5740
- border-color: #ced4da;
5814
+ border-color: var(--color-slate-100);
5741
5815
  background-color: var(--color-white);
5742
5816
  padding-inline: calc(var(--spacing) * 3);
5743
- padding-block: 7px;
5817
+ padding-block: calc(var(--spacing) * 1.75);
5744
5818
  font-family: var(--font-sans);
5745
5819
  font-size: var(--text-sm);
5746
5820
  line-height: var(--tw-leading, var(--text-sm--line-height));
@@ -5748,7 +5822,7 @@ input[type="number"] {
5748
5822
  line-height: calc(var(--spacing) * 5);
5749
5823
  --tw-font-weight: var(--font-weight-normal);
5750
5824
  font-weight: var(--font-weight-normal);
5751
- color: #343839;
5825
+ color: var(--color-gray-900);
5752
5826
  }
5753
5827
  .ph-default-styles textarea {
5754
5828
  min-height: calc(var(--spacing) * 9);
@@ -5759,17 +5833,22 @@ input[type="number"] {
5759
5833
  color: var(--color-gray-500);
5760
5834
  }
5761
5835
  .ph-default-styles a {
5762
- color: #007bff;
5836
+ color: var(--color-blue-900);
5763
5837
  text-decoration-line: none;
5764
5838
  }
5765
5839
  .ph-default-styles a:hover {
5766
- color: #0056b3;
5840
+ color: var(--color-blue-900);
5767
5841
  text-decoration-line: underline;
5842
+ --tw-brightness: brightness(50%);
5843
+ 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,);
5768
5844
  }
5769
5845
  .ph-default-styles a:focus {
5770
5846
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5771
5847
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5772
- --tw-ring-color: color-mix(in oklab, #007bff 50%, transparent);
5848
+ --tw-ring-color: color-mix(in srgb, hsl(209 100% 50%) 50%, transparent);
5849
+ @supports (color: color-mix(in lab, red, red)) {
5850
+ --tw-ring-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
5851
+ }
5773
5852
  --tw-ring-offset-width: 2px;
5774
5853
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5775
5854
  --tw-outline-style: none;
@@ -5785,14 +5864,14 @@ input[type="number"] {
5785
5864
  font-family: var(--font-sans);
5786
5865
  --tw-font-weight: var(--font-weight-medium);
5787
5866
  font-weight: var(--font-weight-medium);
5788
- color: #343839;
5867
+ color: var(--color-gray-900);
5789
5868
  }
5790
5869
  .ph-default-styles hr {
5791
5870
  margin-block: calc(var(--spacing) * 4);
5792
5871
  height: 1px;
5793
5872
  border-style: var(--tw-border-style);
5794
5873
  border-width: 0px;
5795
- background-color: #ced4da;
5874
+ background-color: var(--color-slate-100);
5796
5875
  }
5797
5876
  }
5798
5877
  @layer base {
@@ -5801,6 +5880,14 @@ input[type="number"] {
5801
5880
  scrollbar-width: initial;
5802
5881
  }
5803
5882
  }
5883
+ @layer base {
5884
+ * {
5885
+ @supports (-moz-appearance:none) {
5886
+ scrollbar-color: initial;
5887
+ scrollbar-width: initial;
5888
+ }
5889
+ }
5890
+ }
5804
5891
  @property --tw-translate-x {
5805
5892
  syntax: "*";
5806
5893
  inherits: false;
@@ -6873,6 +6960,9 @@ input[type="number"] {
6873
6960
  .flex-shrink-0 {
6874
6961
  flex-shrink: 0;
6875
6962
  }
6963
+ .shrink {
6964
+ flex-shrink: 1;
6965
+ }
6876
6966
  .shrink-0 {
6877
6967
  flex-shrink: 0;
6878
6968
  }
@@ -12617,6 +12707,7 @@ input[type='number'] {
12617
12707
  --font-weight-medium: 500;
12618
12708
  --font-weight-semibold: 600;
12619
12709
  --font-weight-bold: 700;
12710
+ --radius-sm: 0.25rem;
12620
12711
  --radius-md: 0.375rem;
12621
12712
  --radius-lg: 0.5rem;
12622
12713
  --radius-xl: 0.75rem;
@@ -12876,6 +12967,10 @@ input[type='number'] {
12876
12967
  width: calc(var(--spacing) * 0);
12877
12968
  height: calc(var(--spacing) * 0);
12878
12969
  }
12970
+ .size-4 {
12971
+ width: calc(var(--spacing) * 4);
12972
+ height: calc(var(--spacing) * 4);
12973
+ }
12879
12974
  .size-6 {
12880
12975
  width: calc(var(--spacing) * 6);
12881
12976
  height: calc(var(--spacing) * 6);
@@ -12886,9 +12981,6 @@ input[type='number'] {
12886
12981
  .h-1\.5 {
12887
12982
  height: calc(var(--spacing) * 1.5);
12888
12983
  }
12889
- .h-4 {
12890
- height: calc(var(--spacing) * 4);
12891
- }
12892
12984
  .h-9 {
12893
12985
  height: calc(var(--spacing) * 9);
12894
12986
  }
@@ -12913,9 +13005,6 @@ input[type='number'] {
12913
13005
  .w-1\/2 {
12914
13006
  width: calc(1 / 2 * 100%);
12915
13007
  }
12916
- .w-4 {
12917
- width: calc(var(--spacing) * 4);
12918
- }
12919
13008
  .w-fit {
12920
13009
  width: fit-content;
12921
13010
  }
@@ -13006,9 +13095,6 @@ input[type='number'] {
13006
13095
  .overflow-visible {
13007
13096
  overflow: visible;
13008
13097
  }
13009
- .rounded {
13010
- border-radius: 0.25rem;
13011
- }
13012
13098
  .rounded-3xl {
13013
13099
  border-radius: var(--radius-3xl);
13014
13100
  }
@@ -13018,6 +13104,9 @@ input[type='number'] {
13018
13104
  .rounded-md {
13019
13105
  border-radius: var(--radius-md);
13020
13106
  }
13107
+ .rounded-sm {
13108
+ border-radius: var(--radius-sm);
13109
+ }
13021
13110
  .rounded-xl {
13022
13111
  border-radius: var(--radius-xl);
13023
13112
  }
@@ -13124,9 +13213,6 @@ input[type='number'] {
13124
13213
  font-size: var(--text-xl);
13125
13214
  line-height: var(--tw-leading, var(--text-xl--line-height));
13126
13215
  }
13127
- .text-\[0\.8rem\] {
13128
- font-size: 0.8rem;
13129
- }
13130
13216
  .leading-none {
13131
13217
  --tw-leading: 1;
13132
13218
  line-height: 1;
@@ -13182,8 +13268,8 @@ input[type='number'] {
13182
13268
  .uppercase {
13183
13269
  text-transform: uppercase;
13184
13270
  }
13185
- .shadow-\[inset_0px_0px_2px_rgba\(255\,255\,255\,0\.50\)\] {
13186
- --tw-shadow: inset 0px 0px 2px var(--tw-shadow-color, rgba(255,255,255,0.50));
13271
+ .shadow-inner {
13272
+ --tw-shadow: inset 0px 0px 2px var(--tw-shadow-color, rgba(255, 255, 255, 0.5));
13187
13273
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
13188
13274
  }
13189
13275
  .blur {
@@ -13292,9 +13378,9 @@ input[type='number'] {
13292
13378
  color: var(--color-gray-800);
13293
13379
  }
13294
13380
  }
13295
- .data-\[state\=active\]\:shadow-\[0px_16px_16px_-4px_rgba\(0\,0\,0\,0\.10\)\] {
13381
+ .data-\[state\=active\]\:shadow-tab {
13296
13382
  &[data-state="active"] {
13297
- --tw-shadow: 0px 16px 16px -4px var(--tw-shadow-color, rgba(0,0,0,0.10));
13383
+ --tw-shadow: 0px 16px 16px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
13298
13384
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
13299
13385
  }
13300
13386
  }
@@ -13388,6 +13474,7 @@ input[type='number'] {
13388
13474
  --font-weight-normal: 400;
13389
13475
  --font-weight-medium: 500;
13390
13476
  --font-weight-semibold: 600;
13477
+ --radius-sm: 0.25rem;
13391
13478
  --radius-md: 0.375rem;
13392
13479
  --radius-lg: 0.5rem;
13393
13480
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
@@ -13642,7 +13729,8 @@ input[type='number'] {
13642
13729
  .table {
13643
13730
  display: table;
13644
13731
  }
13645
- .h-4 {
13732
+ .size-4 {
13733
+ width: calc(var(--spacing) * 4);
13646
13734
  height: calc(var(--spacing) * 4);
13647
13735
  }
13648
13736
  .h-8 {
@@ -13660,9 +13748,6 @@ input[type='number'] {
13660
13748
  .min-h-screen {
13661
13749
  min-height: 100vh;
13662
13750
  }
13663
- .w-4 {
13664
- width: calc(var(--spacing) * 4);
13665
- }
13666
13751
  .w-\[300px\] {
13667
13752
  width: 300px;
13668
13753
  }
@@ -13681,7 +13766,7 @@ input[type='number'] {
13681
13766
  .flex-1 {
13682
13767
  flex: 1;
13683
13768
  }
13684
- .flex-shrink-0 {
13769
+ .shrink-0 {
13685
13770
  flex-shrink: 0;
13686
13771
  }
13687
13772
  .rotate-90 {
@@ -13770,9 +13855,6 @@ input[type='number'] {
13770
13855
  .overflow-hidden {
13771
13856
  overflow: hidden;
13772
13857
  }
13773
- .rounded {
13774
- border-radius: 0.25rem;
13775
- }
13776
13858
  .rounded-full {
13777
13859
  border-radius: calc(infinity * 1px);
13778
13860
  }
@@ -13782,6 +13864,9 @@ input[type='number'] {
13782
13864
  .rounded-md {
13783
13865
  border-radius: var(--radius-md);
13784
13866
  }
13867
+ .rounded-sm {
13868
+ border-radius: var(--radius-sm);
13869
+ }
13785
13870
  .border {
13786
13871
  border-style: var(--tw-border-style);
13787
13872
  border-width: 1px;
@@ -14426,6 +14511,70 @@ input[type='number'] {
14426
14511
  opacity: 0.5;
14427
14512
  }
14428
14513
  }
14514
+ @keyframes fadeIn {
14515
+ 0% {
14516
+ opacity: 0;
14517
+ }
14518
+ 100% {
14519
+ opacity: 1;
14520
+ }
14521
+ }
14522
+ @keyframes fadeOut {
14523
+ 0% {
14524
+ opacity: 1;
14525
+ }
14526
+ 100% {
14527
+ opacity: 0;
14528
+ }
14529
+ }
14530
+ @keyframes zoomIn {
14531
+ 0% {
14532
+ transform: scale(0.95);
14533
+ }
14534
+ 100% {
14535
+ transform: scale(1);
14536
+ }
14537
+ }
14538
+ @keyframes zoomOut {
14539
+ 0% {
14540
+ transform: scale(1);
14541
+ }
14542
+ 100% {
14543
+ transform: scale(0.95);
14544
+ }
14545
+ }
14546
+ @keyframes slideInFromTop {
14547
+ 0% {
14548
+ transform: translateY(-0.5rem);
14549
+ }
14550
+ 100% {
14551
+ transform: translateY(0);
14552
+ }
14553
+ }
14554
+ @keyframes slideInFromBottom {
14555
+ 0% {
14556
+ transform: translateY(0.5rem);
14557
+ }
14558
+ 100% {
14559
+ transform: translateY(0);
14560
+ }
14561
+ }
14562
+ @keyframes slideInFromLeft {
14563
+ 0% {
14564
+ transform: translateX(0.5rem);
14565
+ }
14566
+ 100% {
14567
+ transform: translateX(0);
14568
+ }
14569
+ }
14570
+ @keyframes slideInFromRight {
14571
+ 0% {
14572
+ transform: translateX(-0.5rem);
14573
+ }
14574
+ 100% {
14575
+ transform: translateX(0);
14576
+ }
14577
+ }
14429
14578
  @layer properties {
14430
14579
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
14431
14580
  *, ::before, ::after, ::backdrop {