@powerhousedao/connect 6.0.0-dev.248 → 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,8 +132,10 @@
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;
@@ -150,6 +151,18 @@
150
151
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
151
152
  --default-font-family: var(--font-sans);
152
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;
153
166
  }
154
167
  }
155
168
  @layer base {
@@ -346,7 +359,7 @@
346
359
  .z-30 {
347
360
  z-index: 30;
348
361
  }
349
- .z-\[10000\] {
362
+ .z-10000 {
350
363
  z-index: 10000;
351
364
  }
352
365
  .container {
@@ -558,9 +571,6 @@
558
571
  .overflow-y-auto {
559
572
  overflow-y: auto;
560
573
  }
561
- .rounded {
562
- border-radius: 0.25rem;
563
- }
564
574
  .rounded-2xl {
565
575
  border-radius: var(--radius-2xl);
566
576
  }
@@ -576,6 +586,9 @@
576
586
  .rounded-md {
577
587
  border-radius: var(--radius-md);
578
588
  }
589
+ .rounded-sm {
590
+ border-radius: var(--radius-sm);
591
+ }
579
592
  .rounded-xl {
580
593
  border-radius: var(--radius-xl);
581
594
  }
@@ -624,7 +637,7 @@
624
637
  background-color: var(--color-gray-300);
625
638
  }
626
639
  .bg-gray-500\/20 {
627
- 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);
628
641
  @supports (color: color-mix(in lab, red, red)) {
629
642
  background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
630
643
  }
@@ -645,7 +658,7 @@
645
658
  background-color: var(--color-white);
646
659
  }
647
660
  .bg-white\/90 {
648
- background-color: color-mix(in srgb, #fff 90%, transparent);
661
+ background-color: color-mix(in srgb, hsl(0 0% 100%) 90%, transparent);
649
662
  @supports (color: color-mix(in lab, red, red)) {
650
663
  background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
651
664
  }
@@ -726,9 +739,17 @@
726
739
  font-size: var(--text-2xl);
727
740
  line-height: var(--tw-leading, var(--text-2xl--line-height));
728
741
  }
729
- .text-3xl {
742
+ .text-2xl\/relaxed {
743
+ font-size: var(--text-2xl);
744
+ line-height: var(--leading-relaxed);
745
+ }
746
+ .text-3xl\/normal {
730
747
  font-size: var(--text-3xl);
731
- 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));
732
753
  }
733
754
  .text-lg {
734
755
  font-size: var(--text-lg);
@@ -750,14 +771,6 @@
750
771
  --tw-leading: calc(var(--spacing) * 10);
751
772
  line-height: calc(var(--spacing) * 10);
752
773
  }
753
- .leading-normal {
754
- --tw-leading: var(--leading-normal);
755
- line-height: var(--leading-normal);
756
- }
757
- .leading-relaxed {
758
- --tw-leading: var(--leading-relaxed);
759
- line-height: var(--leading-relaxed);
760
- }
761
774
  .font-bold {
762
775
  --tw-font-weight: var(--font-weight-bold);
763
776
  font-weight: var(--font-weight-bold);
@@ -774,7 +787,7 @@
774
787
  --tw-font-weight: var(--font-weight-semibold);
775
788
  font-weight: var(--font-weight-semibold);
776
789
  }
777
- .break-words {
790
+ .wrap-break-word {
778
791
  overflow-wrap: break-word;
779
792
  }
780
793
  .text-amber-900 {
@@ -831,6 +844,10 @@
831
844
  .opacity-15 {
832
845
  opacity: 15%;
833
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
+ }
834
851
  .shadow-lg {
835
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));
836
853
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -905,7 +922,7 @@
905
922
  .hover\:bg-gray-900\/10 {
906
923
  &:hover {
907
924
  @media (hover: hover) {
908
- 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);
909
926
  @supports (color: color-mix(in lab, red, red)) {
910
927
  background-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
911
928
  }
@@ -1858,12 +1875,16 @@
1858
1875
  --text-xl--line-height: calc(1.75 / 1.25);
1859
1876
  --text-2xl: 1.5rem;
1860
1877
  --text-2xl--line-height: calc(2 / 1.5);
1878
+ --text-3xl: 1.875rem;
1879
+ --text-3xl--line-height: calc(2.25 / 1.875);
1861
1880
  --font-weight-normal: 400;
1862
1881
  --font-weight-medium: 500;
1863
1882
  --font-weight-semibold: 600;
1864
1883
  --font-weight-bold: 700;
1865
1884
  --tracking-normal: 0em;
1866
1885
  --tracking-wide: 0.025em;
1886
+ --leading-tight: 1.25;
1887
+ --radius-xs: 0.125rem;
1867
1888
  --radius-sm: 0.25rem;
1868
1889
  --radius-md: 0.375rem;
1869
1890
  --radius-lg: 0.5rem;
@@ -2041,7 +2062,7 @@
2041
2062
  }
2042
2063
  }
2043
2064
  @layer utilities {
2044
- .\!pointer-events-auto {
2065
+ .pointer-events-auto\! {
2045
2066
  pointer-events: auto !important;
2046
2067
  }
2047
2068
  .pointer-events-none {
@@ -2130,9 +2151,6 @@
2130
2151
  .right-5 {
2131
2152
  right: calc(var(--spacing) * 5);
2132
2153
  }
2133
- .right-\[0px\] {
2134
- right: 0px;
2135
- }
2136
2154
  .-bottom-16 {
2137
2155
  bottom: calc(var(--spacing) * -16);
2138
2156
  }
@@ -2160,28 +2178,25 @@
2160
2178
  .left-\[-2px\] {
2161
2179
  left: -2px;
2162
2180
  }
2163
- .left-\[0px\] {
2164
- left: 0px;
2165
- }
2166
2181
  .z-0 {
2167
2182
  z-index: 0;
2168
2183
  }
2169
2184
  .z-10 {
2170
2185
  z-index: 10;
2171
2186
  }
2187
+ .z-20 {
2188
+ z-index: 20;
2189
+ }
2172
2190
  .z-40 {
2173
2191
  z-index: 40;
2174
2192
  }
2175
2193
  .z-50 {
2176
2194
  z-index: 50;
2177
2195
  }
2178
- .z-\[20\] {
2179
- z-index: 20;
2180
- }
2181
- .z-\[1000\] {
2196
+ .z-1000 {
2182
2197
  z-index: 1000;
2183
2198
  }
2184
- .z-\[1001\] {
2199
+ .z-1001 {
2185
2200
  z-index: 1001;
2186
2201
  }
2187
2202
  .container {
@@ -2346,12 +2361,49 @@
2346
2361
  height: 8px;
2347
2362
  }
2348
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
+ }
2349
2387
  .line-clamp-2 {
2350
2388
  overflow: hidden;
2351
2389
  display: -webkit-box;
2352
2390
  -webkit-box-orient: vertical;
2353
2391
  -webkit-line-clamp: 2;
2354
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
+ }
2355
2407
  .\!inline {
2356
2408
  display: inline !important;
2357
2409
  }
@@ -2449,12 +2501,12 @@
2449
2501
  .h-3 {
2450
2502
  height: calc(var(--spacing) * 3);
2451
2503
  }
2452
- .h-4 {
2453
- height: calc(var(--spacing) * 4);
2454
- }
2455
2504
  .h-6 {
2456
2505
  height: calc(var(--spacing) * 6);
2457
2506
  }
2507
+ .h-6\.25 {
2508
+ height: calc(var(--spacing) * 6.25);
2509
+ }
2458
2510
  .h-7 {
2459
2511
  height: calc(var(--spacing) * 7);
2460
2512
  }
@@ -2473,6 +2525,9 @@
2473
2525
  .h-24 {
2474
2526
  height: calc(var(--spacing) * 24);
2475
2527
  }
2528
+ .h-32\.5 {
2529
+ height: calc(var(--spacing) * 32.5);
2530
+ }
2476
2531
  .h-48 {
2477
2532
  height: calc(var(--spacing) * 48);
2478
2533
  }
@@ -2515,9 +2570,6 @@
2515
2570
  .h-\[90vh\] {
2516
2571
  height: 90vh;
2517
2572
  }
2518
- .h-\[130px\] {
2519
- height: 130px;
2520
- }
2521
2573
  .h-\[244px\] {
2522
2574
  height: 244px;
2523
2575
  }
@@ -2560,15 +2612,15 @@
2560
2612
  .max-h-60 {
2561
2613
  max-height: calc(var(--spacing) * 60);
2562
2614
  }
2615
+ .max-h-75 {
2616
+ max-height: calc(var(--spacing) * 75);
2617
+ }
2563
2618
  .max-h-80 {
2564
2619
  max-height: calc(var(--spacing) * 80);
2565
2620
  }
2566
2621
  .max-h-\[245px\] {
2567
2622
  max-height: 245px;
2568
2623
  }
2569
- .max-h-\[300px\] {
2570
- max-height: 300px;
2571
- }
2572
2624
  .max-h-\[404px\] {
2573
2625
  max-height: 404px;
2574
2626
  }
@@ -2662,9 +2714,15 @@
2662
2714
  .w-72 {
2663
2715
  width: calc(var(--spacing) * 72);
2664
2716
  }
2717
+ .w-89\.5 {
2718
+ width: calc(var(--spacing) * 89.5);
2719
+ }
2665
2720
  .w-96 {
2666
2721
  width: calc(var(--spacing) * 96);
2667
2722
  }
2723
+ .w-100 {
2724
+ width: calc(var(--spacing) * 100);
2725
+ }
2668
2726
  .w-\[6px\] {
2669
2727
  width: 6px;
2670
2728
  }
@@ -2686,9 +2744,6 @@
2686
2744
  .w-\[338px\] {
2687
2745
  width: 338px;
2688
2746
  }
2689
- .w-\[358px\] {
2690
- width: 358px;
2691
- }
2692
2747
  .w-\[400px\] {
2693
2748
  width: 400px;
2694
2749
  }
@@ -2782,9 +2837,6 @@
2782
2837
  .flex-none {
2783
2838
  flex: none;
2784
2839
  }
2785
- .flex-shrink-0 {
2786
- flex-shrink: 0;
2787
- }
2788
2840
  .shrink-0 {
2789
2841
  flex-shrink: 0;
2790
2842
  }
@@ -2794,6 +2846,11 @@
2794
2846
  .border-collapse {
2795
2847
  border-collapse: collapse;
2796
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
+ }
2797
2854
  .-translate-x-1\/2 {
2798
2855
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2799
2856
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2821,6 +2878,9 @@
2821
2878
  .transform {
2822
2879
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
2823
2880
  }
2881
+ .animate-fade-in {
2882
+ animation: var(--animate-fade-in);
2883
+ }
2824
2884
  .animate-pulse {
2825
2885
  animation: var(--animate-pulse);
2826
2886
  }
@@ -3003,9 +3063,6 @@
3003
3063
  .rounded-\[2px\] {
3004
3064
  border-radius: 2px;
3005
3065
  }
3006
- .rounded-\[24px\] {
3007
- border-radius: 24px;
3008
- }
3009
3066
  .rounded-full {
3010
3067
  border-radius: calc(infinity * 1px);
3011
3068
  }
@@ -3021,6 +3078,9 @@
3021
3078
  .rounded-xl {
3022
3079
  border-radius: var(--radius-xl);
3023
3080
  }
3081
+ .rounded-xs {
3082
+ border-radius: var(--radius-xs);
3083
+ }
3024
3084
  .rounded-t {
3025
3085
  border-top-left-radius: 0.25rem;
3026
3086
  border-top-right-radius: 0.25rem;
@@ -3510,6 +3570,10 @@
3510
3570
  font-size: var(--text-base);
3511
3571
  line-height: var(--tw-leading, var(--text-base--line-height));
3512
3572
  }
3573
+ .text-base\/5 {
3574
+ font-size: var(--text-base);
3575
+ line-height: calc(var(--spacing) * 5);
3576
+ }
3513
3577
  .text-lg {
3514
3578
  font-size: var(--text-lg);
3515
3579
  line-height: var(--tw-leading, var(--text-lg--line-height));
@@ -3518,6 +3582,26 @@
3518
3582
  font-size: var(--text-sm);
3519
3583
  line-height: var(--tw-leading, var(--text-sm--line-height));
3520
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
+ }
3521
3605
  .text-xl {
3522
3606
  font-size: var(--text-xl);
3523
3607
  line-height: var(--tw-leading, var(--text-xl--line-height));
@@ -3526,34 +3610,21 @@
3526
3610
  font-size: var(--text-xs);
3527
3611
  line-height: var(--tw-leading, var(--text-xs--line-height));
3528
3612
  }
3529
- .text-\[10px\] {
3530
- font-size: 10px;
3531
- }
3532
- .text-\[11px\] {
3533
- font-size: 11px;
3534
- }
3535
- .text-\[14px\] {
3536
- font-size: 14px;
3537
- }
3538
- .leading-3 {
3539
- --tw-leading: calc(var(--spacing) * 3);
3613
+ .text-xs\/3 {
3614
+ font-size: var(--text-xs);
3540
3615
  line-height: calc(var(--spacing) * 3);
3541
3616
  }
3617
+ .text-xs\/5 {
3618
+ font-size: var(--text-xs);
3619
+ line-height: calc(var(--spacing) * 5);
3620
+ }
3542
3621
  .leading-4 {
3543
3622
  --tw-leading: calc(var(--spacing) * 4);
3544
3623
  line-height: calc(var(--spacing) * 4);
3545
3624
  }
3546
- .leading-5 {
3547
- --tw-leading: calc(var(--spacing) * 5);
3548
- line-height: calc(var(--spacing) * 5);
3549
- }
3550
- .leading-6 {
3551
- --tw-leading: calc(var(--spacing) * 6);
3552
- line-height: calc(var(--spacing) * 6);
3553
- }
3554
- .leading-10 {
3555
- --tw-leading: calc(var(--spacing) * 10);
3556
- 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);
3557
3628
  }
3558
3629
  .leading-\[18px\] {
3559
3630
  --tw-leading: 18px;
@@ -3591,12 +3662,12 @@
3591
3662
  --tw-tracking: var(--tracking-wide);
3592
3663
  letter-spacing: var(--tracking-wide);
3593
3664
  }
3594
- .break-words {
3595
- overflow-wrap: break-word;
3596
- }
3597
3665
  .wrap-anywhere {
3598
3666
  overflow-wrap: anywhere;
3599
3667
  }
3668
+ .wrap-break-word {
3669
+ overflow-wrap: break-word;
3670
+ }
3600
3671
  .hyphens-none {
3601
3672
  -webkit-hyphens: none;
3602
3673
  hyphens: none;
@@ -3610,15 +3681,6 @@
3610
3681
  .\!text-gray-700 {
3611
3682
  color: var(--color-gray-700) !important;
3612
3683
  }
3613
- .\!text-red-800 {
3614
- color: var(--color-red-800) !important;
3615
- }
3616
- .\!text-red-900 {
3617
- color: var(--color-red-900) !important;
3618
- }
3619
- .text-\[\#9DA6B9\] {
3620
- color: #9DA6B9;
3621
- }
3622
3684
  .text-black {
3623
3685
  color: var(--color-black);
3624
3686
  }
@@ -3634,6 +3696,9 @@
3634
3696
  .text-blue-900 {
3635
3697
  color: var(--color-blue-900);
3636
3698
  }
3699
+ .text-charcoal-300 {
3700
+ color: var(--color-charcoal-300);
3701
+ }
3637
3702
  .text-current {
3638
3703
  color: currentcolor;
3639
3704
  }
@@ -3703,9 +3768,15 @@
3703
3768
  .text-red-800 {
3704
3769
  color: var(--color-red-800);
3705
3770
  }
3771
+ .text-red-800\! {
3772
+ color: var(--color-red-800) !important;
3773
+ }
3706
3774
  .text-red-900 {
3707
3775
  color: var(--color-red-900);
3708
3776
  }
3777
+ .text-red-900\! {
3778
+ color: var(--color-red-900) !important;
3779
+ }
3709
3780
  .text-slate-50 {
3710
3781
  color: var(--color-slate-50);
3711
3782
  }
@@ -3791,22 +3862,14 @@
3791
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));
3792
3863
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3793
3864
  }
3794
- .shadow-\[0_2px_12px_rgba\(37\,42\,52\,0\.1\)\] {
3795
- --tw-shadow: 0 2px 12px var(--tw-shadow-color, rgba(37,42,52,0.1));
3796
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3797
- }
3798
- .shadow-\[1px_4px_15px_0px_rgba\(74\,88\,115\,0\.25\)\] {
3799
- --tw-shadow: 1px 4px 15px 0px var(--tw-shadow-color, rgba(74,88,115,0.25));
3800
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3801
- }
3802
- .shadow-\[1px_4px_15px_rgba\(74\,88\,115\,0\.25\)\] {
3803
- --tw-shadow: 1px 4px 15px var(--tw-shadow-color, rgba(74,88,115,0.25));
3804
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3805
- }
3806
3865
  .shadow-button {
3807
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));
3808
3867
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3809
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
+ }
3810
3873
  .shadow-lg {
3811
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));
3812
3875
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3815,6 +3878,10 @@
3815
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));
3816
3879
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3817
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
+ }
3818
3885
  .shadow-sm {
3819
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));
3820
3887
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3823,7 +3890,7 @@
3823
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));
3824
3891
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3825
3892
  }
3826
- .shadow-black\/\[\.04\] {
3893
+ .shadow-black\/4 {
3827
3894
  --tw-shadow-color: color-mix(in srgb, hsl(0 0% 0%) 4%, transparent);
3828
3895
  @supports (color: color-mix(in lab, red, red)) {
3829
3896
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 4%, transparent) var(--tw-shadow-alpha), transparent);
@@ -3915,10 +3982,19 @@
3915
3982
  .scrollbar-thumb-gray-300 {
3916
3983
  --scrollbar-thumb: hsl(210 3% 85%);
3917
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
+ }
3918
3991
  .scrollbar-track-transparent {
3919
3992
  --scrollbar-track: transparent;
3920
3993
  }
3921
- .group-focus-within\:\!text-gray-900 {
3994
+ .scrollbar-track-transparent {
3995
+ --scrollbar-track: transparent;
3996
+ }
3997
+ .group-focus-within\:text-gray-900\! {
3922
3998
  &:is(:where(.group):focus-within *) {
3923
3999
  color: var(--color-gray-900) !important;
3924
4000
  }
@@ -3951,13 +4027,6 @@
3951
4027
  }
3952
4028
  }
3953
4029
  }
3954
- .group-hover\:\!text-red-900 {
3955
- &:is(:where(.group):hover *) {
3956
- @media (hover: hover) {
3957
- color: var(--color-red-900) !important;
3958
- }
3959
- }
3960
- }
3961
4030
  .group-hover\:text-gray-700 {
3962
4031
  &:is(:where(.group):hover *) {
3963
4032
  @media (hover: hover) {
@@ -3986,6 +4055,13 @@
3986
4055
  }
3987
4056
  }
3988
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
+ }
3989
4065
  .group-hover\:opacity-50 {
3990
4066
  &:is(:where(.group):hover *) {
3991
4067
  @media (hover: hover) {
@@ -4054,7 +4130,7 @@
4054
4130
  color: var(--color-gray-500);
4055
4131
  }
4056
4132
  }
4057
- .group-focus-within\:placeholder\:\!text-gray-700 {
4133
+ .group-focus-within\:placeholder\:text-gray-700\! {
4058
4134
  &:is(:where(.group):focus-within *) {
4059
4135
  &::placeholder {
4060
4136
  color: var(--color-gray-700) !important;
@@ -4125,7 +4201,7 @@
4125
4201
  position: absolute;
4126
4202
  }
4127
4203
  }
4128
- .after\:start-0\.5 {
4204
+ .after\:inset-s-0\.5 {
4129
4205
  &::after {
4130
4206
  content: var(--tw-content);
4131
4207
  inset-inline-start: calc(var(--spacing) * 0.5);
@@ -4163,16 +4239,10 @@
4163
4239
  height: calc(var(--spacing) * 5);
4164
4240
  }
4165
4241
  }
4166
- .after\:-translate-x-1\/2 {
4242
+ .after\:-translate-1\/2 {
4167
4243
  &::after {
4168
4244
  content: var(--tw-content);
4169
4245
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
4170
- translate: var(--tw-translate-x) var(--tw-translate-y);
4171
- }
4172
- }
4173
- .after\:-translate-y-1\/2 {
4174
- &::after {
4175
- content: var(--tw-content);
4176
4246
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
4177
4247
  translate: var(--tw-translate-x) var(--tw-translate-y);
4178
4248
  }
@@ -4495,13 +4565,6 @@
4495
4565
  }
4496
4566
  }
4497
4567
  }
4498
- .hover\:text-\[\#9896FF\] {
4499
- &:hover {
4500
- @media (hover: hover) {
4501
- color: #9896FF;
4502
- }
4503
- }
4504
- }
4505
4568
  .hover\:text-gray-500 {
4506
4569
  &:hover {
4507
4570
  @media (hover: hover) {
@@ -4537,6 +4600,13 @@
4537
4600
  }
4538
4601
  }
4539
4602
  }
4603
+ .hover\:text-purple-700 {
4604
+ &:hover {
4605
+ @media (hover: hover) {
4606
+ color: var(--color-purple-700);
4607
+ }
4608
+ }
4609
+ }
4540
4610
  .hover\:text-red-700 {
4541
4611
  &:hover {
4542
4612
  @media (hover: hover) {
@@ -4580,6 +4650,13 @@
4580
4650
  }
4581
4651
  }
4582
4652
  }
4653
+ .hover\:scrollbar-thumb-gray-300 {
4654
+ &:hover {
4655
+ @media (hover: hover) {
4656
+ --scrollbar-thumb: hsl(210 3% 85%);
4657
+ }
4658
+ }
4659
+ }
4583
4660
  .focus\:border-blue-400 {
4584
4661
  &:focus {
4585
4662
  border-color: var(--color-blue-400);
@@ -4792,17 +4869,27 @@
4792
4869
  opacity: 100%;
4793
4870
  }
4794
4871
  }
4872
+ .data-disabled\:cursor-not-allowed {
4873
+ &[data-disabled] {
4874
+ cursor: not-allowed;
4875
+ }
4876
+ }
4795
4877
  .data-disabled\:text-gray-400 {
4796
4878
  &[data-disabled] {
4797
4879
  color: var(--color-gray-400);
4798
4880
  }
4799
4881
  }
4882
+ .data-state\:border-gray-700 {
4883
+ &[data-state] {
4884
+ border-color: var(--color-gray-700);
4885
+ }
4886
+ }
4800
4887
  .data-\[disabled\=true\]\:pointer-events-none {
4801
4888
  &[data-disabled="true"] {
4802
4889
  pointer-events: none;
4803
4890
  }
4804
4891
  }
4805
- .data-\[invalid\=true\]\:group-hover\:\!border-red-900 {
4892
+ .data-\[invalid\=true\]\:group-hover\:border-red-900\! {
4806
4893
  &[data-invalid="true"] {
4807
4894
  &:is(:where(.group):hover *) {
4808
4895
  @media (hover: hover) {
@@ -4811,6 +4898,13 @@
4811
4898
  }
4812
4899
  }
4813
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
+ }
4814
4908
  .data-\[selected\=true\]\:bg-gray-100 {
4815
4909
  &[data-selected="true"] {
4816
4910
  background-color: var(--color-gray-100);
@@ -4836,18 +4930,6 @@
4836
4930
  animation: var(--animate-slide-in-from-bottom);
4837
4931
  }
4838
4932
  }
4839
- .data-\[state\]\:border-gray-700 {
4840
- &[data-state] {
4841
- border-color: var(--color-gray-700);
4842
- }
4843
- }
4844
- .data-\[invalid\=true\]\:data-\[state\]\:\!border-red-800 {
4845
- &[data-invalid="true"] {
4846
- &[data-state] {
4847
- border-color: var(--color-red-800) !important;
4848
- }
4849
- }
4850
- }
4851
4933
  .data-\[state\=\'active\'\]\:bg-gray-50 {
4852
4934
  &[data-state='active'] {
4853
4935
  background-color: var(--color-gray-50);
@@ -4886,14 +4968,14 @@
4886
4968
  }
4887
4969
  }
4888
4970
  }
4889
- .data-\[invalid\=true\]\:data-\[state\=checked\]\:\!bg-red-800 {
4971
+ .data-\[invalid\=true\]\:data-\[state\=checked\]\:bg-red-800\! {
4890
4972
  &[data-invalid="true"] {
4891
4973
  &[data-state="checked"] {
4892
4974
  background-color: var(--color-red-800) !important;
4893
4975
  }
4894
4976
  }
4895
4977
  }
4896
- .data-\[invalid\=true\]\:data-\[state\=checked\]\:group-hover\:\!bg-red-900 {
4978
+ .data-\[invalid\=true\]\:data-\[state\=checked\]\:group-hover\:bg-red-900\! {
4897
4979
  &[data-invalid="true"] {
4898
4980
  &[data-state="checked"] {
4899
4981
  &:is(:where(.group):hover *) {
@@ -4942,14 +5024,14 @@
4942
5024
  }
4943
5025
  }
4944
5026
  }
4945
- .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:\!bg-red-800 {
5027
+ .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:bg-red-800\! {
4946
5028
  &[data-invalid="true"] {
4947
5029
  &[data-state="indeterminate"] {
4948
5030
  background-color: var(--color-red-800) !important;
4949
5031
  }
4950
5032
  }
4951
5033
  }
4952
- .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:group-hover\:\!bg-red-900 {
5034
+ .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:group-hover\:bg-red-900\! {
4953
5035
  &[data-invalid="true"] {
4954
5036
  &[data-state="indeterminate"] {
4955
5037
  &:is(:where(.group):hover *) {
@@ -5045,16 +5127,6 @@
5045
5127
  background-color: transparent;
5046
5128
  }
5047
5129
  }
5048
- .dark\:text-\[\#7D3D37\] {
5049
- &:where(.dark, .dark *) {
5050
- color: #7D3D37;
5051
- }
5052
- }
5053
- .dark\:text-\[\#644E00\] {
5054
- &:where(.dark, .dark *) {
5055
- color: #644E00;
5056
- }
5057
- }
5058
5130
  .dark\:text-black {
5059
5131
  &:where(.dark, .dark *) {
5060
5132
  color: var(--color-black);
@@ -5110,6 +5182,16 @@
5110
5182
  color: var(--color-red-900);
5111
5183
  }
5112
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
+ }
5113
5195
  .dark\:text-white {
5114
5196
  &:where(.dark, .dark *) {
5115
5197
  color: var(--color-white);
@@ -5120,10 +5202,9 @@
5120
5202
  color: var(--color-yellow-900);
5121
5203
  }
5122
5204
  }
5123
- .dark\:shadow-\[1px_4px_15\.3px_0px_\#141921\] {
5205
+ .dark\:scrollbar-thumb-charcoal-700 {
5124
5206
  &:where(.dark, .dark *) {
5125
- --tw-shadow: 1px 4px 15.3px 0px var(--tw-shadow-color, #141921);
5126
- 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%);
5127
5208
  }
5128
5209
  }
5129
5210
  .dark\:scrollbar-thumb-charcoal-700 {
@@ -5131,7 +5212,7 @@
5131
5212
  --scrollbar-thumb: hsl(219 17% 34%);
5132
5213
  }
5133
5214
  }
5134
- .dark\:group-focus-within\:\!text-gray-50 {
5215
+ .dark\:group-focus-within\:text-gray-50\! {
5135
5216
  &:where(.dark, .dark *) {
5136
5217
  &:is(:where(.group):focus-within *) {
5137
5218
  color: var(--color-gray-50) !important;
@@ -5147,20 +5228,20 @@
5147
5228
  }
5148
5229
  }
5149
5230
  }
5150
- .dark\:group-hover\:\!text-red-900 {
5231
+ .dark\:group-hover\:text-gray-500 {
5151
5232
  &:where(.dark, .dark *) {
5152
5233
  &:is(:where(.group):hover *) {
5153
5234
  @media (hover: hover) {
5154
- color: var(--color-red-900) !important;
5235
+ color: var(--color-gray-500);
5155
5236
  }
5156
5237
  }
5157
5238
  }
5158
5239
  }
5159
- .dark\:group-hover\:text-gray-500 {
5240
+ .dark\:group-hover\:text-red-900\! {
5160
5241
  &:where(.dark, .dark *) {
5161
5242
  &:is(:where(.group):hover *) {
5162
5243
  @media (hover: hover) {
5163
- color: var(--color-gray-500);
5244
+ color: var(--color-red-900) !important;
5164
5245
  }
5165
5246
  }
5166
5247
  }
@@ -5197,7 +5278,7 @@
5197
5278
  }
5198
5279
  }
5199
5280
  }
5200
- .dark\:group-focus-within\:placeholder\:\!text-gray-300 {
5281
+ .dark\:group-focus-within\:placeholder\:text-gray-300\! {
5201
5282
  &:where(.dark, .dark *) {
5202
5283
  &:is(:where(.group):focus-within *) {
5203
5284
  &::placeholder {
@@ -5382,6 +5463,15 @@
5382
5463
  }
5383
5464
  }
5384
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
+ }
5385
5475
  .dark\:focus\:bg-charcoal-900 {
5386
5476
  &:where(.dark, .dark *) {
5387
5477
  &:focus {
@@ -5431,21 +5521,14 @@
5431
5521
  }
5432
5522
  }
5433
5523
  }
5434
- .dark\:data-\[selected\=true\]\:bg-gray-900 {
5435
- &:where(.dark, .dark *) {
5436
- &[data-selected="true"] {
5437
- background-color: var(--color-gray-900);
5438
- }
5439
- }
5440
- }
5441
- .dark\:data-\[state\]\:border-gray-500 {
5524
+ .dark\:data-state\:border-gray-500 {
5442
5525
  &:where(.dark, .dark *) {
5443
5526
  &[data-state] {
5444
5527
  border-color: var(--color-gray-500);
5445
5528
  }
5446
5529
  }
5447
5530
  }
5448
- .dark\:data-\[invalid\=true\]\:data-\[state\]\:\!border-red-800 {
5531
+ .dark\:data-\[invalid\=true\]\:data-state\:border-red-800\! {
5449
5532
  &:where(.dark, .dark *) {
5450
5533
  &[data-invalid="true"] {
5451
5534
  &[data-state] {
@@ -5454,6 +5537,13 @@
5454
5537
  }
5455
5538
  }
5456
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
+ }
5457
5547
  .dark\:data-\[state\=checked\]\:bg-gray-400 {
5458
5548
  &:where(.dark, .dark *) {
5459
5549
  &[data-state="checked"] {
@@ -5490,7 +5580,7 @@
5490
5580
  }
5491
5581
  }
5492
5582
  }
5493
- .dark\:data-\[invalid\=true\]\:data-\[state\=checked\]\:\!bg-red-800 {
5583
+ .dark\:data-\[invalid\=true\]\:data-\[state\=checked\]\:bg-red-800\! {
5494
5584
  &:where(.dark, .dark *) {
5495
5585
  &[data-invalid="true"] {
5496
5586
  &[data-state="checked"] {
@@ -5535,7 +5625,7 @@
5535
5625
  }
5536
5626
  }
5537
5627
  }
5538
- .dark\:data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:\!bg-red-800 {
5628
+ .dark\:data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:bg-red-800\! {
5539
5629
  &:where(.dark, .dark *) {
5540
5630
  &[data-invalid="true"] {
5541
5631
  &[data-state="indeterminate"] {
@@ -5544,33 +5634,6 @@
5544
5634
  }
5545
5635
  }
5546
5636
  }
5547
- .\[\&_\[cmdk-group-heading\]\]\:px-2 {
5548
- & [cmdk-group-heading] {
5549
- padding-inline: calc(var(--spacing) * 2);
5550
- }
5551
- }
5552
- .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
5553
- & [cmdk-group-heading] {
5554
- padding-block: calc(var(--spacing) * 1.5);
5555
- }
5556
- }
5557
- .\[\&_\[cmdk-group-heading\]\]\:text-xs {
5558
- & [cmdk-group-heading] {
5559
- font-size: var(--text-xs);
5560
- line-height: var(--tw-leading, var(--text-xs--line-height));
5561
- }
5562
- }
5563
- .\[\&_\[cmdk-group-heading\]\]\:font-medium {
5564
- & [cmdk-group-heading] {
5565
- --tw-font-weight: var(--font-weight-medium);
5566
- font-weight: var(--font-weight-medium);
5567
- }
5568
- }
5569
- .\[\&_\[cmdk-label\]\]\:hidden {
5570
- & [cmdk-label] {
5571
- display: none;
5572
- }
5573
- }
5574
5637
  .\[\&_svg\]\:pointer-events-none {
5575
5638
  & svg {
5576
5639
  pointer-events: none;
@@ -5587,6 +5650,43 @@
5587
5650
  flex-shrink: 0;
5588
5651
  }
5589
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
+ }
5590
5690
  .\[\&\>span\]\:truncate {
5591
5691
  &>span {
5592
5692
  overflow: hidden;
@@ -5652,12 +5752,13 @@ input[type="number"] {
5652
5752
  margin-top: calc(var(--spacing) * 6);
5653
5753
  margin-bottom: calc(var(--spacing) * 4);
5654
5754
  font-family: var(--font-sans);
5655
- font-size: 32px;
5656
- --tw-leading: 120%;
5657
- 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);
5658
5759
  --tw-font-weight: var(--font-weight-bold);
5659
5760
  font-weight: var(--font-weight-bold);
5660
- color: #343839;
5761
+ color: var(--color-gray-900);
5661
5762
  }
5662
5763
  .ph-default-styles h2 {
5663
5764
  margin-top: calc(var(--spacing) * 5);
@@ -5665,11 +5766,11 @@ input[type="number"] {
5665
5766
  font-family: var(--font-sans);
5666
5767
  font-size: var(--text-2xl);
5667
5768
  line-height: var(--tw-leading, var(--text-2xl--line-height));
5668
- --tw-leading: 120%;
5669
- line-height: 120%;
5769
+ --tw-leading: var(--leading-tight);
5770
+ line-height: var(--leading-tight);
5670
5771
  --tw-font-weight: var(--font-weight-bold);
5671
5772
  font-weight: var(--font-weight-bold);
5672
- color: #343839;
5773
+ color: var(--color-gray-900);
5673
5774
  }
5674
5775
  .ph-default-styles h3 {
5675
5776
  margin-top: calc(var(--spacing) * 4);
@@ -5677,43 +5778,43 @@ input[type="number"] {
5677
5778
  font-family: var(--font-sans);
5678
5779
  font-size: var(--text-xl);
5679
5780
  line-height: var(--tw-leading, var(--text-xl--line-height));
5680
- --tw-leading: 120%;
5681
- line-height: 120%;
5781
+ --tw-leading: var(--leading-tight);
5782
+ line-height: var(--leading-tight);
5682
5783
  --tw-font-weight: var(--font-weight-bold);
5683
5784
  font-weight: var(--font-weight-bold);
5684
- color: #343839;
5785
+ color: var(--color-gray-900);
5685
5786
  }
5686
5787
  .ph-default-styles p {
5687
5788
  font-family: var(--font-sans);
5688
5789
  font-size: var(--text-base);
5689
5790
  line-height: var(--tw-leading, var(--text-base--line-height));
5690
- --tw-leading: 120%;
5691
- line-height: 120%;
5791
+ --tw-leading: var(--leading-tight);
5792
+ line-height: var(--leading-tight);
5692
5793
  --tw-font-weight: var(--font-weight-normal);
5693
5794
  font-weight: var(--font-weight-normal);
5694
- color: #343839;
5795
+ color: var(--color-gray-900);
5695
5796
  }
5696
5797
  .ph-default-styles small {
5697
5798
  font-family: var(--font-sans);
5698
5799
  font-size: var(--text-sm);
5699
5800
  line-height: var(--tw-leading, var(--text-sm--line-height));
5700
- --tw-leading: 100%;
5701
- line-height: 100%;
5801
+ --tw-leading: 1;
5802
+ line-height: 1;
5702
5803
  --tw-font-weight: var(--font-weight-normal);
5703
5804
  font-weight: var(--font-weight-normal);
5704
- color: #474d4e;
5805
+ color: var(--color-gray-700);
5705
5806
  }
5706
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 {
5707
- margin-bottom: 10px;
5808
+ margin-bottom: calc(var(--spacing) * 2.5);
5708
5809
  box-sizing: border-box;
5709
5810
  width: 100%;
5710
5811
  border-radius: var(--radius-md);
5711
5812
  border-style: var(--tw-border-style);
5712
5813
  border-width: 1px;
5713
- border-color: #ced4da;
5814
+ border-color: var(--color-slate-100);
5714
5815
  background-color: var(--color-white);
5715
5816
  padding-inline: calc(var(--spacing) * 3);
5716
- padding-block: 7px;
5817
+ padding-block: calc(var(--spacing) * 1.75);
5717
5818
  font-family: var(--font-sans);
5718
5819
  font-size: var(--text-sm);
5719
5820
  line-height: var(--tw-leading, var(--text-sm--line-height));
@@ -5721,7 +5822,7 @@ input[type="number"] {
5721
5822
  line-height: calc(var(--spacing) * 5);
5722
5823
  --tw-font-weight: var(--font-weight-normal);
5723
5824
  font-weight: var(--font-weight-normal);
5724
- color: #343839;
5825
+ color: var(--color-gray-900);
5725
5826
  }
5726
5827
  .ph-default-styles textarea {
5727
5828
  min-height: calc(var(--spacing) * 9);
@@ -5732,17 +5833,22 @@ input[type="number"] {
5732
5833
  color: var(--color-gray-500);
5733
5834
  }
5734
5835
  .ph-default-styles a {
5735
- color: #007bff;
5836
+ color: var(--color-blue-900);
5736
5837
  text-decoration-line: none;
5737
5838
  }
5738
5839
  .ph-default-styles a:hover {
5739
- color: #0056b3;
5840
+ color: var(--color-blue-900);
5740
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,);
5741
5844
  }
5742
5845
  .ph-default-styles a:focus {
5743
5846
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5744
5847
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5745
- --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
+ }
5746
5852
  --tw-ring-offset-width: 2px;
5747
5853
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5748
5854
  --tw-outline-style: none;
@@ -5758,14 +5864,14 @@ input[type="number"] {
5758
5864
  font-family: var(--font-sans);
5759
5865
  --tw-font-weight: var(--font-weight-medium);
5760
5866
  font-weight: var(--font-weight-medium);
5761
- color: #343839;
5867
+ color: var(--color-gray-900);
5762
5868
  }
5763
5869
  .ph-default-styles hr {
5764
5870
  margin-block: calc(var(--spacing) * 4);
5765
5871
  height: 1px;
5766
5872
  border-style: var(--tw-border-style);
5767
5873
  border-width: 0px;
5768
- background-color: #ced4da;
5874
+ background-color: var(--color-slate-100);
5769
5875
  }
5770
5876
  }
5771
5877
  @layer base {
@@ -5774,6 +5880,14 @@ input[type="number"] {
5774
5880
  scrollbar-width: initial;
5775
5881
  }
5776
5882
  }
5883
+ @layer base {
5884
+ * {
5885
+ @supports (-moz-appearance:none) {
5886
+ scrollbar-color: initial;
5887
+ scrollbar-width: initial;
5888
+ }
5889
+ }
5890
+ }
5777
5891
  @property --tw-translate-x {
5778
5892
  syntax: "*";
5779
5893
  inherits: false;
@@ -6846,6 +6960,9 @@ input[type="number"] {
6846
6960
  .flex-shrink-0 {
6847
6961
  flex-shrink: 0;
6848
6962
  }
6963
+ .shrink {
6964
+ flex-shrink: 1;
6965
+ }
6849
6966
  .shrink-0 {
6850
6967
  flex-shrink: 0;
6851
6968
  }
@@ -12590,6 +12707,7 @@ input[type='number'] {
12590
12707
  --font-weight-medium: 500;
12591
12708
  --font-weight-semibold: 600;
12592
12709
  --font-weight-bold: 700;
12710
+ --radius-sm: 0.25rem;
12593
12711
  --radius-md: 0.375rem;
12594
12712
  --radius-lg: 0.5rem;
12595
12713
  --radius-xl: 0.75rem;
@@ -12849,6 +12967,10 @@ input[type='number'] {
12849
12967
  width: calc(var(--spacing) * 0);
12850
12968
  height: calc(var(--spacing) * 0);
12851
12969
  }
12970
+ .size-4 {
12971
+ width: calc(var(--spacing) * 4);
12972
+ height: calc(var(--spacing) * 4);
12973
+ }
12852
12974
  .size-6 {
12853
12975
  width: calc(var(--spacing) * 6);
12854
12976
  height: calc(var(--spacing) * 6);
@@ -12859,9 +12981,6 @@ input[type='number'] {
12859
12981
  .h-1\.5 {
12860
12982
  height: calc(var(--spacing) * 1.5);
12861
12983
  }
12862
- .h-4 {
12863
- height: calc(var(--spacing) * 4);
12864
- }
12865
12984
  .h-9 {
12866
12985
  height: calc(var(--spacing) * 9);
12867
12986
  }
@@ -12886,9 +13005,6 @@ input[type='number'] {
12886
13005
  .w-1\/2 {
12887
13006
  width: calc(1 / 2 * 100%);
12888
13007
  }
12889
- .w-4 {
12890
- width: calc(var(--spacing) * 4);
12891
- }
12892
13008
  .w-fit {
12893
13009
  width: fit-content;
12894
13010
  }
@@ -12979,9 +13095,6 @@ input[type='number'] {
12979
13095
  .overflow-visible {
12980
13096
  overflow: visible;
12981
13097
  }
12982
- .rounded {
12983
- border-radius: 0.25rem;
12984
- }
12985
13098
  .rounded-3xl {
12986
13099
  border-radius: var(--radius-3xl);
12987
13100
  }
@@ -12991,6 +13104,9 @@ input[type='number'] {
12991
13104
  .rounded-md {
12992
13105
  border-radius: var(--radius-md);
12993
13106
  }
13107
+ .rounded-sm {
13108
+ border-radius: var(--radius-sm);
13109
+ }
12994
13110
  .rounded-xl {
12995
13111
  border-radius: var(--radius-xl);
12996
13112
  }
@@ -13097,9 +13213,6 @@ input[type='number'] {
13097
13213
  font-size: var(--text-xl);
13098
13214
  line-height: var(--tw-leading, var(--text-xl--line-height));
13099
13215
  }
13100
- .text-\[0\.8rem\] {
13101
- font-size: 0.8rem;
13102
- }
13103
13216
  .leading-none {
13104
13217
  --tw-leading: 1;
13105
13218
  line-height: 1;
@@ -13155,8 +13268,8 @@ input[type='number'] {
13155
13268
  .uppercase {
13156
13269
  text-transform: uppercase;
13157
13270
  }
13158
- .shadow-\[inset_0px_0px_2px_rgba\(255\,255\,255\,0\.50\)\] {
13159
- --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));
13160
13273
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
13161
13274
  }
13162
13275
  .blur {
@@ -13265,9 +13378,9 @@ input[type='number'] {
13265
13378
  color: var(--color-gray-800);
13266
13379
  }
13267
13380
  }
13268
- .data-\[state\=active\]\:shadow-\[0px_16px_16px_-4px_rgba\(0\,0\,0\,0\.10\)\] {
13381
+ .data-\[state\=active\]\:shadow-tab {
13269
13382
  &[data-state="active"] {
13270
- --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));
13271
13384
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
13272
13385
  }
13273
13386
  }
@@ -13361,6 +13474,7 @@ input[type='number'] {
13361
13474
  --font-weight-normal: 400;
13362
13475
  --font-weight-medium: 500;
13363
13476
  --font-weight-semibold: 600;
13477
+ --radius-sm: 0.25rem;
13364
13478
  --radius-md: 0.375rem;
13365
13479
  --radius-lg: 0.5rem;
13366
13480
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
@@ -13615,7 +13729,8 @@ input[type='number'] {
13615
13729
  .table {
13616
13730
  display: table;
13617
13731
  }
13618
- .h-4 {
13732
+ .size-4 {
13733
+ width: calc(var(--spacing) * 4);
13619
13734
  height: calc(var(--spacing) * 4);
13620
13735
  }
13621
13736
  .h-8 {
@@ -13633,9 +13748,6 @@ input[type='number'] {
13633
13748
  .min-h-screen {
13634
13749
  min-height: 100vh;
13635
13750
  }
13636
- .w-4 {
13637
- width: calc(var(--spacing) * 4);
13638
- }
13639
13751
  .w-\[300px\] {
13640
13752
  width: 300px;
13641
13753
  }
@@ -13654,7 +13766,7 @@ input[type='number'] {
13654
13766
  .flex-1 {
13655
13767
  flex: 1;
13656
13768
  }
13657
- .flex-shrink-0 {
13769
+ .shrink-0 {
13658
13770
  flex-shrink: 0;
13659
13771
  }
13660
13772
  .rotate-90 {
@@ -13743,9 +13855,6 @@ input[type='number'] {
13743
13855
  .overflow-hidden {
13744
13856
  overflow: hidden;
13745
13857
  }
13746
- .rounded {
13747
- border-radius: 0.25rem;
13748
- }
13749
13858
  .rounded-full {
13750
13859
  border-radius: calc(infinity * 1px);
13751
13860
  }
@@ -13755,6 +13864,9 @@ input[type='number'] {
13755
13864
  .rounded-md {
13756
13865
  border-radius: var(--radius-md);
13757
13866
  }
13867
+ .rounded-sm {
13868
+ border-radius: var(--radius-sm);
13869
+ }
13758
13870
  .border {
13759
13871
  border-style: var(--tw-border-style);
13760
13872
  border-width: 1px;
@@ -14399,6 +14511,70 @@ input[type='number'] {
14399
14511
  opacity: 0.5;
14400
14512
  }
14401
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
+ }
14402
14578
  @layer properties {
14403
14579
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
14404
14580
  *, ::before, ::after, ::backdrop {