mnfst 0.5.113 → 0.5.115
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/lib/manifest.colors.css +293 -0
- package/lib/manifest.css +307 -4
- package/lib/manifest.dropdown.css +6 -4
- package/lib/manifest.export.js +5 -0
- package/lib/manifest.integrity.json +1 -1
- package/lib/manifest.min.css +1 -1
- package/lib/manifest.utilities.css +7 -0
- package/package.json +1 -1
|
@@ -0,0 +1,293 @@
|
|
|
1
|
+
:root,
|
|
2
|
+
::selection {
|
|
3
|
+
|
|
4
|
+
/* Tailwind */
|
|
5
|
+
--color-red-50: oklch(97.1% 0.013 17.38);
|
|
6
|
+
--color-red-100: oklch(93.6% 0.032 17.717);
|
|
7
|
+
--color-red-200: oklch(88.5% 0.062 18.334);
|
|
8
|
+
--color-red-300: oklch(80.8% 0.114 19.571);
|
|
9
|
+
--color-red-400: oklch(70.4% 0.191 22.216);
|
|
10
|
+
--color-red-500: oklch(63.7% 0.237 25.331);
|
|
11
|
+
--color-red-600: oklch(57.7% 0.245 27.325);
|
|
12
|
+
--color-red-700: oklch(50.5% 0.213 27.518);
|
|
13
|
+
--color-red-800: oklch(44.4% 0.177 26.899);
|
|
14
|
+
--color-red-900: oklch(39.6% 0.141 25.723);
|
|
15
|
+
--color-red-950: oklch(25.8% 0.092 26.042);
|
|
16
|
+
--color-orange-50: oklch(98% 0.016 73.684);
|
|
17
|
+
--color-orange-100: oklch(95.4% 0.038 75.164);
|
|
18
|
+
--color-orange-200: oklch(90.1% 0.076 70.697);
|
|
19
|
+
--color-orange-300: oklch(83.7% 0.128 66.29);
|
|
20
|
+
--color-orange-400: oklch(75% 0.183 55.934);
|
|
21
|
+
--color-orange-500: oklch(70.5% 0.213 47.604);
|
|
22
|
+
--color-orange-600: oklch(64.6% 0.222 41.116);
|
|
23
|
+
--color-orange-700: oklch(55.3% 0.195 38.402);
|
|
24
|
+
--color-orange-800: oklch(47% 0.157 37.304);
|
|
25
|
+
--color-orange-900: oklch(40.8% 0.123 38.172);
|
|
26
|
+
--color-orange-950: oklch(26.6% 0.079 36.259);
|
|
27
|
+
--color-amber-50: oklch(98.7% 0.022 95.277);
|
|
28
|
+
--color-amber-100: oklch(96.2% 0.059 95.617);
|
|
29
|
+
--color-amber-200: oklch(92.4% 0.12 95.746);
|
|
30
|
+
--color-amber-300: oklch(87.9% 0.169 91.605);
|
|
31
|
+
--color-amber-400: oklch(82.8% 0.189 84.429);
|
|
32
|
+
--color-amber-500: oklch(76.9% 0.188 70.08);
|
|
33
|
+
--color-amber-600: oklch(66.6% 0.179 58.318);
|
|
34
|
+
--color-amber-700: oklch(55.5% 0.163 48.998);
|
|
35
|
+
--color-amber-800: oklch(47.3% 0.137 46.201);
|
|
36
|
+
--color-amber-900: oklch(41.4% 0.112 45.904);
|
|
37
|
+
--color-amber-950: oklch(27.9% 0.077 45.635);
|
|
38
|
+
--color-yellow-50: oklch(98.7% 0.026 102.212);
|
|
39
|
+
--color-yellow-100: oklch(97.3% 0.071 103.193);
|
|
40
|
+
--color-yellow-200: oklch(94.5% 0.129 101.54);
|
|
41
|
+
--color-yellow-300: oklch(90.5% 0.182 98.111);
|
|
42
|
+
--color-yellow-400: oklch(85.2% 0.199 91.936);
|
|
43
|
+
--color-yellow-500: oklch(79.5% 0.184 86.047);
|
|
44
|
+
--color-yellow-600: oklch(68.1% 0.162 75.834);
|
|
45
|
+
--color-yellow-700: oklch(55.4% 0.135 66.442);
|
|
46
|
+
--color-yellow-800: oklch(47.6% 0.114 61.907);
|
|
47
|
+
--color-yellow-900: oklch(42.1% 0.095 57.708);
|
|
48
|
+
--color-yellow-950: oklch(28.6% 0.066 53.813);
|
|
49
|
+
--color-lime-50: oklch(98.6% 0.031 120.757);
|
|
50
|
+
--color-lime-100: oklch(96.7% 0.067 122.328);
|
|
51
|
+
--color-lime-200: oklch(93.8% 0.127 124.321);
|
|
52
|
+
--color-lime-300: oklch(89.7% 0.196 126.665);
|
|
53
|
+
--color-lime-400: oklch(84.1% 0.238 128.85);
|
|
54
|
+
--color-lime-500: oklch(76.8% 0.233 130.85);
|
|
55
|
+
--color-lime-600: oklch(64.8% 0.2 131.684);
|
|
56
|
+
--color-lime-700: oklch(53.2% 0.157 131.589);
|
|
57
|
+
--color-lime-800: oklch(45.3% 0.124 130.933);
|
|
58
|
+
--color-lime-900: oklch(40.5% 0.101 131.063);
|
|
59
|
+
--color-lime-950: oklch(27.4% 0.072 132.109);
|
|
60
|
+
--color-green-50: oklch(98.2% 0.018 155.826);
|
|
61
|
+
--color-green-100: oklch(96.2% 0.044 156.743);
|
|
62
|
+
--color-green-200: oklch(92.5% 0.084 155.995);
|
|
63
|
+
--color-green-300: oklch(87.1% 0.15 154.449);
|
|
64
|
+
--color-green-400: oklch(79.2% 0.209 151.711);
|
|
65
|
+
--color-green-500: oklch(72.3% 0.219 149.579);
|
|
66
|
+
--color-green-600: oklch(62.7% 0.194 149.214);
|
|
67
|
+
--color-green-700: oklch(52.7% 0.154 150.069);
|
|
68
|
+
--color-green-800: oklch(44.8% 0.119 151.328);
|
|
69
|
+
--color-green-900: oklch(39.3% 0.095 152.535);
|
|
70
|
+
--color-green-950: oklch(26.6% 0.065 152.934);
|
|
71
|
+
--color-emerald-50: oklch(97.9% 0.021 166.113);
|
|
72
|
+
--color-emerald-100: oklch(95% 0.052 163.051);
|
|
73
|
+
--color-emerald-200: oklch(90.5% 0.093 164.15);
|
|
74
|
+
--color-emerald-300: oklch(84.5% 0.143 164.978);
|
|
75
|
+
--color-emerald-400: oklch(76.5% 0.177 163.223);
|
|
76
|
+
--color-emerald-500: oklch(69.6% 0.17 162.48);
|
|
77
|
+
--color-emerald-600: oklch(59.6% 0.145 163.225);
|
|
78
|
+
--color-emerald-700: oklch(50.8% 0.118 165.612);
|
|
79
|
+
--color-emerald-800: oklch(43.2% 0.095 166.913);
|
|
80
|
+
--color-emerald-900: oklch(37.8% 0.077 168.94);
|
|
81
|
+
--color-emerald-950: oklch(26.2% 0.051 172.552);
|
|
82
|
+
--color-teal-50: oklch(98.4% 0.014 180.72);
|
|
83
|
+
--color-teal-100: oklch(95.3% 0.051 180.801);
|
|
84
|
+
--color-teal-200: oklch(91% 0.096 180.426);
|
|
85
|
+
--color-teal-300: oklch(85.5% 0.138 181.071);
|
|
86
|
+
--color-teal-400: oklch(77.7% 0.152 181.912);
|
|
87
|
+
--color-teal-500: oklch(70.4% 0.14 182.503);
|
|
88
|
+
--color-teal-600: oklch(60% 0.118 184.704);
|
|
89
|
+
--color-teal-700: oklch(51.1% 0.096 186.391);
|
|
90
|
+
--color-teal-800: oklch(43.7% 0.078 188.216);
|
|
91
|
+
--color-teal-900: oklch(38.6% 0.063 188.416);
|
|
92
|
+
--color-teal-950: oklch(27.7% 0.046 192.524);
|
|
93
|
+
--color-cyan-50: oklch(98.4% 0.019 200.873);
|
|
94
|
+
--color-cyan-100: oklch(95.6% 0.045 203.388);
|
|
95
|
+
--color-cyan-200: oklch(91.7% 0.08 205.041);
|
|
96
|
+
--color-cyan-300: oklch(86.5% 0.127 207.078);
|
|
97
|
+
--color-cyan-400: oklch(78.9% 0.154 211.53);
|
|
98
|
+
--color-cyan-500: oklch(71.5% 0.143 215.221);
|
|
99
|
+
--color-cyan-600: oklch(60.9% 0.126 221.723);
|
|
100
|
+
--color-cyan-700: oklch(52% 0.105 223.128);
|
|
101
|
+
--color-cyan-800: oklch(45% 0.085 224.283);
|
|
102
|
+
--color-cyan-900: oklch(39.8% 0.07 227.392);
|
|
103
|
+
--color-cyan-950: oklch(30.2% 0.056 229.695);
|
|
104
|
+
--color-sky-50: oklch(97.7% 0.013 236.62);
|
|
105
|
+
--color-sky-100: oklch(95.1% 0.026 236.824);
|
|
106
|
+
--color-sky-200: oklch(90.1% 0.058 230.902);
|
|
107
|
+
--color-sky-300: oklch(82.8% 0.111 230.318);
|
|
108
|
+
--color-sky-400: oklch(74.6% 0.16 232.661);
|
|
109
|
+
--color-sky-500: oklch(68.5% 0.169 237.323);
|
|
110
|
+
--color-sky-600: oklch(58.8% 0.158 241.966);
|
|
111
|
+
--color-sky-700: oklch(50% 0.134 242.749);
|
|
112
|
+
--color-sky-800: oklch(44.3% 0.11 240.79);
|
|
113
|
+
--color-sky-900: oklch(39.1% 0.09 240.876);
|
|
114
|
+
--color-sky-950: oklch(29.3% 0.066 243.157);
|
|
115
|
+
--color-blue-50: oklch(97% 0.014 254.604);
|
|
116
|
+
--color-blue-100: oklch(93.2% 0.032 255.585);
|
|
117
|
+
--color-blue-200: oklch(88.2% 0.059 254.128);
|
|
118
|
+
--color-blue-300: oklch(80.9% 0.105 251.813);
|
|
119
|
+
--color-blue-400: oklch(70.7% 0.165 254.624);
|
|
120
|
+
--color-blue-500: oklch(62.3% 0.214 259.815);
|
|
121
|
+
--color-blue-600: oklch(54.6% 0.245 262.881);
|
|
122
|
+
--color-blue-700: oklch(48.8% 0.243 264.376);
|
|
123
|
+
--color-blue-800: oklch(42.4% 0.199 265.638);
|
|
124
|
+
--color-blue-900: oklch(37.9% 0.146 265.522);
|
|
125
|
+
--color-blue-950: oklch(28.2% 0.091 267.935);
|
|
126
|
+
--color-indigo-50: oklch(96.2% 0.018 272.314);
|
|
127
|
+
--color-indigo-100: oklch(93% 0.034 272.788);
|
|
128
|
+
--color-indigo-200: oklch(87% 0.065 274.039);
|
|
129
|
+
--color-indigo-300: oklch(78.5% 0.115 274.713);
|
|
130
|
+
--color-indigo-400: oklch(67.3% 0.182 276.935);
|
|
131
|
+
--color-indigo-500: oklch(58.5% 0.233 277.117);
|
|
132
|
+
--color-indigo-600: oklch(51.1% 0.262 276.966);
|
|
133
|
+
--color-indigo-700: oklch(45.7% 0.24 277.023);
|
|
134
|
+
--color-indigo-800: oklch(39.8% 0.195 277.366);
|
|
135
|
+
--color-indigo-900: oklch(35.9% 0.144 278.697);
|
|
136
|
+
--color-indigo-950: oklch(25.7% 0.09 281.288);
|
|
137
|
+
--color-violet-50: oklch(96.9% 0.016 293.756);
|
|
138
|
+
--color-violet-100: oklch(94.3% 0.029 294.588);
|
|
139
|
+
--color-violet-200: oklch(89.4% 0.057 293.283);
|
|
140
|
+
--color-violet-300: oklch(81.1% 0.111 293.571);
|
|
141
|
+
--color-violet-400: oklch(70.2% 0.183 293.541);
|
|
142
|
+
--color-violet-500: oklch(60.6% 0.25 292.717);
|
|
143
|
+
--color-violet-600: oklch(54.1% 0.281 293.009);
|
|
144
|
+
--color-violet-700: oklch(49.1% 0.27 292.581);
|
|
145
|
+
--color-violet-800: oklch(43.2% 0.232 292.759);
|
|
146
|
+
--color-violet-900: oklch(38% 0.189 293.745);
|
|
147
|
+
--color-violet-950: oklch(28.3% 0.141 291.089);
|
|
148
|
+
--color-purple-50: oklch(97.7% 0.014 308.299);
|
|
149
|
+
--color-purple-100: oklch(94.6% 0.033 307.174);
|
|
150
|
+
--color-purple-200: oklch(90.2% 0.063 306.703);
|
|
151
|
+
--color-purple-300: oklch(82.7% 0.119 306.383);
|
|
152
|
+
--color-purple-400: oklch(71.4% 0.203 305.504);
|
|
153
|
+
--color-purple-500: oklch(62.7% 0.265 303.9);
|
|
154
|
+
--color-purple-600: oklch(55.8% 0.288 302.321);
|
|
155
|
+
--color-purple-700: oklch(49.6% 0.265 301.924);
|
|
156
|
+
--color-purple-800: oklch(43.8% 0.218 303.724);
|
|
157
|
+
--color-purple-900: oklch(38.1% 0.176 304.987);
|
|
158
|
+
--color-purple-950: oklch(29.1% 0.149 302.717);
|
|
159
|
+
--color-fuchsia-50: oklch(97.7% 0.017 320.058);
|
|
160
|
+
--color-fuchsia-100: oklch(95.2% 0.037 318.852);
|
|
161
|
+
--color-fuchsia-200: oklch(90.3% 0.076 319.62);
|
|
162
|
+
--color-fuchsia-300: oklch(83.3% 0.145 321.434);
|
|
163
|
+
--color-fuchsia-400: oklch(74% 0.238 322.16);
|
|
164
|
+
--color-fuchsia-500: oklch(66.7% 0.295 322.15);
|
|
165
|
+
--color-fuchsia-600: oklch(59.1% 0.293 322.896);
|
|
166
|
+
--color-fuchsia-700: oklch(51.8% 0.253 323.949);
|
|
167
|
+
--color-fuchsia-800: oklch(45.2% 0.211 324.591);
|
|
168
|
+
--color-fuchsia-900: oklch(40.1% 0.17 325.612);
|
|
169
|
+
--color-fuchsia-950: oklch(29.3% 0.136 325.661);
|
|
170
|
+
--color-pink-50: oklch(97.1% 0.014 343.198);
|
|
171
|
+
--color-pink-100: oklch(94.8% 0.028 342.258);
|
|
172
|
+
--color-pink-200: oklch(89.9% 0.061 343.231);
|
|
173
|
+
--color-pink-300: oklch(82.3% 0.12 346.018);
|
|
174
|
+
--color-pink-400: oklch(71.8% 0.202 349.761);
|
|
175
|
+
--color-pink-500: oklch(65.6% 0.241 354.308);
|
|
176
|
+
--color-pink-600: oklch(59.2% 0.249 0.584);
|
|
177
|
+
--color-pink-700: oklch(52.5% 0.223 3.958);
|
|
178
|
+
--color-pink-800: oklch(45.9% 0.187 3.815);
|
|
179
|
+
--color-pink-900: oklch(40.8% 0.153 2.432);
|
|
180
|
+
--color-pink-950: oklch(28.4% 0.109 3.907);
|
|
181
|
+
--color-rose-50: oklch(96.9% 0.015 12.422);
|
|
182
|
+
--color-rose-100: oklch(94.1% 0.03 12.58);
|
|
183
|
+
--color-rose-200: oklch(89.2% 0.058 10.001);
|
|
184
|
+
--color-rose-300: oklch(81% 0.117 11.638);
|
|
185
|
+
--color-rose-400: oklch(71.2% 0.194 13.428);
|
|
186
|
+
--color-rose-500: oklch(64.5% 0.246 16.439);
|
|
187
|
+
--color-rose-600: oklch(58.6% 0.253 17.585);
|
|
188
|
+
--color-rose-700: oklch(51.4% 0.222 16.935);
|
|
189
|
+
--color-rose-800: oklch(45.5% 0.188 13.697);
|
|
190
|
+
--color-rose-900: oklch(41% 0.159 10.272);
|
|
191
|
+
--color-rose-950: oklch(27.1% 0.105 12.094);
|
|
192
|
+
--color-slate-50: oklch(98.4% 0.003 247.858);
|
|
193
|
+
--color-slate-100: oklch(96.8% 0.007 247.896);
|
|
194
|
+
--color-slate-200: oklch(92.9% 0.013 255.508);
|
|
195
|
+
--color-slate-300: oklch(86.9% 0.022 252.894);
|
|
196
|
+
--color-slate-400: oklch(70.4% 0.04 256.788);
|
|
197
|
+
--color-slate-500: oklch(55.4% 0.046 257.417);
|
|
198
|
+
--color-slate-600: oklch(44.6% 0.043 257.281);
|
|
199
|
+
--color-slate-700: oklch(37.2% 0.044 257.287);
|
|
200
|
+
--color-slate-800: oklch(27.9% 0.041 260.031);
|
|
201
|
+
--color-slate-900: oklch(20.8% 0.042 265.755);
|
|
202
|
+
--color-slate-950: oklch(12.9% 0.042 264.695);
|
|
203
|
+
--color-gray-50: oklch(98.5% 0.002 247.839);
|
|
204
|
+
--color-gray-100: oklch(96.7% 0.003 264.542);
|
|
205
|
+
--color-gray-200: oklch(92.8% 0.006 264.531);
|
|
206
|
+
--color-gray-300: oklch(87.2% 0.01 258.338);
|
|
207
|
+
--color-gray-400: oklch(70.7% 0.022 261.325);
|
|
208
|
+
--color-gray-500: oklch(55.1% 0.027 264.364);
|
|
209
|
+
--color-gray-600: oklch(44.6% 0.03 256.802);
|
|
210
|
+
--color-gray-700: oklch(37.3% 0.034 259.733);
|
|
211
|
+
--color-gray-800: oklch(27.8% 0.033 256.848);
|
|
212
|
+
--color-gray-900: oklch(21% 0.034 264.665);
|
|
213
|
+
--color-gray-950: oklch(13% 0.028 261.692);
|
|
214
|
+
--color-zinc-50: oklch(98.5% 0 0);
|
|
215
|
+
--color-zinc-100: oklch(96.7% 0.001 286.375);
|
|
216
|
+
--color-zinc-200: oklch(92% 0.004 286.32);
|
|
217
|
+
--color-zinc-300: oklch(87.1% 0.006 286.286);
|
|
218
|
+
--color-zinc-400: oklch(70.5% 0.015 286.067);
|
|
219
|
+
--color-zinc-500: oklch(55.2% 0.016 285.938);
|
|
220
|
+
--color-zinc-600: oklch(44.2% 0.017 285.786);
|
|
221
|
+
--color-zinc-700: oklch(37% 0.013 285.805);
|
|
222
|
+
--color-zinc-800: oklch(27.4% 0.006 286.033);
|
|
223
|
+
--color-zinc-900: oklch(21% 0.006 285.885);
|
|
224
|
+
--color-zinc-950: oklch(14.1% 0.005 285.823);
|
|
225
|
+
--color-neutral-50: oklch(98.5% 0 0);
|
|
226
|
+
--color-neutral-100: oklch(97% 0 0);
|
|
227
|
+
--color-neutral-200: oklch(92.2% 0 0);
|
|
228
|
+
--color-neutral-300: oklch(87% 0 0);
|
|
229
|
+
--color-neutral-400: oklch(70.8% 0 0);
|
|
230
|
+
--color-neutral-500: oklch(55.6% 0 0);
|
|
231
|
+
--color-neutral-600: oklch(43.9% 0 0);
|
|
232
|
+
--color-neutral-700: oklch(37.1% 0 0);
|
|
233
|
+
--color-neutral-800: oklch(26.9% 0 0);
|
|
234
|
+
--color-neutral-900: oklch(20.5% 0 0);
|
|
235
|
+
--color-neutral-950: oklch(14.5% 0 0);
|
|
236
|
+
--color-stone-50: oklch(98.5% 0.001 106.423);
|
|
237
|
+
--color-stone-100: oklch(97% 0.001 106.424);
|
|
238
|
+
--color-stone-200: oklch(92.3% 0.003 48.717);
|
|
239
|
+
--color-stone-300: oklch(86.9% 0.005 56.366);
|
|
240
|
+
--color-stone-400: oklch(70.9% 0.01 56.259);
|
|
241
|
+
--color-stone-500: oklch(55.3% 0.013 58.071);
|
|
242
|
+
--color-stone-600: oklch(44.4% 0.011 73.639);
|
|
243
|
+
--color-stone-700: oklch(37.4% 0.01 67.558);
|
|
244
|
+
--color-stone-800: oklch(26.8% 0.007 34.298);
|
|
245
|
+
--color-stone-900: oklch(21.6% 0.006 56.043);
|
|
246
|
+
--color-stone-950: oklch(14.7% 0.004 49.25);
|
|
247
|
+
--color-mauve-50: oklch(98.5% 0 0);
|
|
248
|
+
--color-mauve-100: oklch(96% 0.003 325.6);
|
|
249
|
+
--color-mauve-200: oklch(92.2% 0.005 325.62);
|
|
250
|
+
--color-mauve-300: oklch(86.5% 0.012 325.68);
|
|
251
|
+
--color-mauve-400: oklch(71.1% 0.019 323.02);
|
|
252
|
+
--color-mauve-500: oklch(54.2% 0.034 322.5);
|
|
253
|
+
--color-mauve-600: oklch(43.5% 0.029 321.78);
|
|
254
|
+
--color-mauve-700: oklch(36.4% 0.029 323.89);
|
|
255
|
+
--color-mauve-800: oklch(26.3% 0.024 320.12);
|
|
256
|
+
--color-mauve-900: oklch(21.2% 0.019 322.12);
|
|
257
|
+
--color-mauve-950: oklch(14.5% 0.008 326);
|
|
258
|
+
--color-olive-50: oklch(98.8% 0.003 106.5);
|
|
259
|
+
--color-olive-100: oklch(96.6% 0.005 106.5);
|
|
260
|
+
--color-olive-200: oklch(93% 0.007 106.5);
|
|
261
|
+
--color-olive-300: oklch(88% 0.011 106.6);
|
|
262
|
+
--color-olive-400: oklch(73.7% 0.021 106.9);
|
|
263
|
+
--color-olive-500: oklch(58% 0.031 107.3);
|
|
264
|
+
--color-olive-600: oklch(46.6% 0.025 107.3);
|
|
265
|
+
--color-olive-700: oklch(39.4% 0.023 107.4);
|
|
266
|
+
--color-olive-800: oklch(28.6% 0.016 107.4);
|
|
267
|
+
--color-olive-900: oklch(22.8% 0.013 107.4);
|
|
268
|
+
--color-olive-950: oklch(15.3% 0.006 107.1);
|
|
269
|
+
--color-mist-50: oklch(98.7% 0.002 197.1);
|
|
270
|
+
--color-mist-100: oklch(96.3% 0.002 197.1);
|
|
271
|
+
--color-mist-200: oklch(92.5% 0.005 214.3);
|
|
272
|
+
--color-mist-300: oklch(87.2% 0.007 219.6);
|
|
273
|
+
--color-mist-400: oklch(72.3% 0.014 214.4);
|
|
274
|
+
--color-mist-500: oklch(56% 0.021 213.5);
|
|
275
|
+
--color-mist-600: oklch(45% 0.017 213.2);
|
|
276
|
+
--color-mist-700: oklch(37.8% 0.015 216);
|
|
277
|
+
--color-mist-800: oklch(27.5% 0.011 216.9);
|
|
278
|
+
--color-mist-900: oklch(21.8% 0.008 223.9);
|
|
279
|
+
--color-mist-950: oklch(14.8% 0.004 228.8);
|
|
280
|
+
--color-taupe-50: oklch(98.6% 0.002 67.8);
|
|
281
|
+
--color-taupe-100: oklch(96% 0.002 17.2);
|
|
282
|
+
--color-taupe-200: oklch(92.2% 0.005 34.3);
|
|
283
|
+
--color-taupe-300: oklch(86.8% 0.007 39.5);
|
|
284
|
+
--color-taupe-400: oklch(71.4% 0.014 41.2);
|
|
285
|
+
--color-taupe-500: oklch(54.7% 0.021 43.1);
|
|
286
|
+
--color-taupe-600: oklch(43.8% 0.017 39.3);
|
|
287
|
+
--color-taupe-700: oklch(36.7% 0.016 35.7);
|
|
288
|
+
--color-taupe-800: oklch(26.8% 0.011 36.5);
|
|
289
|
+
--color-taupe-900: oklch(21.4% 0.009 43.1);
|
|
290
|
+
--color-taupe-950: oklch(14.7% 0.004 49.3);
|
|
291
|
+
--color-black: #000;
|
|
292
|
+
--color-white: #fff;
|
|
293
|
+
}
|
package/lib/manifest.css
CHANGED
|
@@ -1401,7 +1401,7 @@
|
|
|
1401
1401
|
|
|
1402
1402
|
@layer components {
|
|
1403
1403
|
|
|
1404
|
-
:where(menu[popover], .dropdown-menu):not(.unstyle) {
|
|
1404
|
+
:where(menu[popover], .dropdown-menu):where(:not(.unstyle)) {
|
|
1405
1405
|
position-try-fallbacks: flip-inline, flip-block, flip-start;
|
|
1406
1406
|
position-area: end span-end;
|
|
1407
1407
|
inset: auto;
|
|
@@ -1502,7 +1502,7 @@
|
|
|
1502
1502
|
flex-shrink: 0;
|
|
1503
1503
|
|
|
1504
1504
|
&:not(:first-child) {
|
|
1505
|
-
|
|
1505
|
+
margin-top: var(--spacing, 0.25rem)
|
|
1506
1506
|
}
|
|
1507
1507
|
}
|
|
1508
1508
|
|
|
@@ -1519,8 +1519,10 @@
|
|
|
1519
1519
|
background-color: var(--color-field-surface-hover, color-mix(oklch(20.5% 0 0) 15%, transparent));
|
|
1520
1520
|
}
|
|
1521
1521
|
|
|
1522
|
-
/* Nested menu alignment
|
|
1523
|
-
|
|
1522
|
+
/* Nested menu alignment. Same specificity-flattening trick as the base
|
|
1523
|
+
rule above — keeps the per-class position rules below the nested
|
|
1524
|
+
default in source order so they win when both apply. */
|
|
1525
|
+
:where(menu menu):where(:not(.unstyle)) {
|
|
1524
1526
|
position-area: span-end end;
|
|
1525
1527
|
margin: 0 var(--spacing-popover-offset, 0.5rem)
|
|
1526
1528
|
}
|
|
@@ -3320,6 +3322,300 @@
|
|
|
3320
3322
|
}
|
|
3321
3323
|
}
|
|
3322
3324
|
|
|
3325
|
+
:root,
|
|
3326
|
+
::selection {
|
|
3327
|
+
|
|
3328
|
+
/* Tailwind */
|
|
3329
|
+
--color-red-50: oklch(97.1% 0.013 17.38);
|
|
3330
|
+
--color-red-100: oklch(93.6% 0.032 17.717);
|
|
3331
|
+
--color-red-200: oklch(88.5% 0.062 18.334);
|
|
3332
|
+
--color-red-300: oklch(80.8% 0.114 19.571);
|
|
3333
|
+
--color-red-400: oklch(70.4% 0.191 22.216);
|
|
3334
|
+
--color-red-500: oklch(63.7% 0.237 25.331);
|
|
3335
|
+
--color-red-600: oklch(57.7% 0.245 27.325);
|
|
3336
|
+
--color-red-700: oklch(50.5% 0.213 27.518);
|
|
3337
|
+
--color-red-800: oklch(44.4% 0.177 26.899);
|
|
3338
|
+
--color-red-900: oklch(39.6% 0.141 25.723);
|
|
3339
|
+
--color-red-950: oklch(25.8% 0.092 26.042);
|
|
3340
|
+
--color-orange-50: oklch(98% 0.016 73.684);
|
|
3341
|
+
--color-orange-100: oklch(95.4% 0.038 75.164);
|
|
3342
|
+
--color-orange-200: oklch(90.1% 0.076 70.697);
|
|
3343
|
+
--color-orange-300: oklch(83.7% 0.128 66.29);
|
|
3344
|
+
--color-orange-400: oklch(75% 0.183 55.934);
|
|
3345
|
+
--color-orange-500: oklch(70.5% 0.213 47.604);
|
|
3346
|
+
--color-orange-600: oklch(64.6% 0.222 41.116);
|
|
3347
|
+
--color-orange-700: oklch(55.3% 0.195 38.402);
|
|
3348
|
+
--color-orange-800: oklch(47% 0.157 37.304);
|
|
3349
|
+
--color-orange-900: oklch(40.8% 0.123 38.172);
|
|
3350
|
+
--color-orange-950: oklch(26.6% 0.079 36.259);
|
|
3351
|
+
--color-amber-50: oklch(98.7% 0.022 95.277);
|
|
3352
|
+
--color-amber-100: oklch(96.2% 0.059 95.617);
|
|
3353
|
+
--color-amber-200: oklch(92.4% 0.12 95.746);
|
|
3354
|
+
--color-amber-300: oklch(87.9% 0.169 91.605);
|
|
3355
|
+
--color-amber-400: oklch(82.8% 0.189 84.429);
|
|
3356
|
+
--color-amber-500: oklch(76.9% 0.188 70.08);
|
|
3357
|
+
--color-amber-600: oklch(66.6% 0.179 58.318);
|
|
3358
|
+
--color-amber-700: oklch(55.5% 0.163 48.998);
|
|
3359
|
+
--color-amber-800: oklch(47.3% 0.137 46.201);
|
|
3360
|
+
--color-amber-900: oklch(41.4% 0.112 45.904);
|
|
3361
|
+
--color-amber-950: oklch(27.9% 0.077 45.635);
|
|
3362
|
+
--color-yellow-50: oklch(98.7% 0.026 102.212);
|
|
3363
|
+
--color-yellow-100: oklch(97.3% 0.071 103.193);
|
|
3364
|
+
--color-yellow-200: oklch(94.5% 0.129 101.54);
|
|
3365
|
+
--color-yellow-300: oklch(90.5% 0.182 98.111);
|
|
3366
|
+
--color-yellow-400: oklch(85.2% 0.199 91.936);
|
|
3367
|
+
--color-yellow-500: oklch(79.5% 0.184 86.047);
|
|
3368
|
+
--color-yellow-600: oklch(68.1% 0.162 75.834);
|
|
3369
|
+
--color-yellow-700: oklch(55.4% 0.135 66.442);
|
|
3370
|
+
--color-yellow-800: oklch(47.6% 0.114 61.907);
|
|
3371
|
+
--color-yellow-900: oklch(42.1% 0.095 57.708);
|
|
3372
|
+
--color-yellow-950: oklch(28.6% 0.066 53.813);
|
|
3373
|
+
--color-lime-50: oklch(98.6% 0.031 120.757);
|
|
3374
|
+
--color-lime-100: oklch(96.7% 0.067 122.328);
|
|
3375
|
+
--color-lime-200: oklch(93.8% 0.127 124.321);
|
|
3376
|
+
--color-lime-300: oklch(89.7% 0.196 126.665);
|
|
3377
|
+
--color-lime-400: oklch(84.1% 0.238 128.85);
|
|
3378
|
+
--color-lime-500: oklch(76.8% 0.233 130.85);
|
|
3379
|
+
--color-lime-600: oklch(64.8% 0.2 131.684);
|
|
3380
|
+
--color-lime-700: oklch(53.2% 0.157 131.589);
|
|
3381
|
+
--color-lime-800: oklch(45.3% 0.124 130.933);
|
|
3382
|
+
--color-lime-900: oklch(40.5% 0.101 131.063);
|
|
3383
|
+
--color-lime-950: oklch(27.4% 0.072 132.109);
|
|
3384
|
+
--color-green-50: oklch(98.2% 0.018 155.826);
|
|
3385
|
+
--color-green-100: oklch(96.2% 0.044 156.743);
|
|
3386
|
+
--color-green-200: oklch(92.5% 0.084 155.995);
|
|
3387
|
+
--color-green-300: oklch(87.1% 0.15 154.449);
|
|
3388
|
+
--color-green-400: oklch(79.2% 0.209 151.711);
|
|
3389
|
+
--color-green-500: oklch(72.3% 0.219 149.579);
|
|
3390
|
+
--color-green-600: oklch(62.7% 0.194 149.214);
|
|
3391
|
+
--color-green-700: oklch(52.7% 0.154 150.069);
|
|
3392
|
+
--color-green-800: oklch(44.8% 0.119 151.328);
|
|
3393
|
+
--color-green-900: oklch(39.3% 0.095 152.535);
|
|
3394
|
+
--color-green-950: oklch(26.6% 0.065 152.934);
|
|
3395
|
+
--color-emerald-50: oklch(97.9% 0.021 166.113);
|
|
3396
|
+
--color-emerald-100: oklch(95% 0.052 163.051);
|
|
3397
|
+
--color-emerald-200: oklch(90.5% 0.093 164.15);
|
|
3398
|
+
--color-emerald-300: oklch(84.5% 0.143 164.978);
|
|
3399
|
+
--color-emerald-400: oklch(76.5% 0.177 163.223);
|
|
3400
|
+
--color-emerald-500: oklch(69.6% 0.17 162.48);
|
|
3401
|
+
--color-emerald-600: oklch(59.6% 0.145 163.225);
|
|
3402
|
+
--color-emerald-700: oklch(50.8% 0.118 165.612);
|
|
3403
|
+
--color-emerald-800: oklch(43.2% 0.095 166.913);
|
|
3404
|
+
--color-emerald-900: oklch(37.8% 0.077 168.94);
|
|
3405
|
+
--color-emerald-950: oklch(26.2% 0.051 172.552);
|
|
3406
|
+
--color-teal-50: oklch(98.4% 0.014 180.72);
|
|
3407
|
+
--color-teal-100: oklch(95.3% 0.051 180.801);
|
|
3408
|
+
--color-teal-200: oklch(91% 0.096 180.426);
|
|
3409
|
+
--color-teal-300: oklch(85.5% 0.138 181.071);
|
|
3410
|
+
--color-teal-400: oklch(77.7% 0.152 181.912);
|
|
3411
|
+
--color-teal-500: oklch(70.4% 0.14 182.503);
|
|
3412
|
+
--color-teal-600: oklch(60% 0.118 184.704);
|
|
3413
|
+
--color-teal-700: oklch(51.1% 0.096 186.391);
|
|
3414
|
+
--color-teal-800: oklch(43.7% 0.078 188.216);
|
|
3415
|
+
--color-teal-900: oklch(38.6% 0.063 188.416);
|
|
3416
|
+
--color-teal-950: oklch(27.7% 0.046 192.524);
|
|
3417
|
+
--color-cyan-50: oklch(98.4% 0.019 200.873);
|
|
3418
|
+
--color-cyan-100: oklch(95.6% 0.045 203.388);
|
|
3419
|
+
--color-cyan-200: oklch(91.7% 0.08 205.041);
|
|
3420
|
+
--color-cyan-300: oklch(86.5% 0.127 207.078);
|
|
3421
|
+
--color-cyan-400: oklch(78.9% 0.154 211.53);
|
|
3422
|
+
--color-cyan-500: oklch(71.5% 0.143 215.221);
|
|
3423
|
+
--color-cyan-600: oklch(60.9% 0.126 221.723);
|
|
3424
|
+
--color-cyan-700: oklch(52% 0.105 223.128);
|
|
3425
|
+
--color-cyan-800: oklch(45% 0.085 224.283);
|
|
3426
|
+
--color-cyan-900: oklch(39.8% 0.07 227.392);
|
|
3427
|
+
--color-cyan-950: oklch(30.2% 0.056 229.695);
|
|
3428
|
+
--color-sky-50: oklch(97.7% 0.013 236.62);
|
|
3429
|
+
--color-sky-100: oklch(95.1% 0.026 236.824);
|
|
3430
|
+
--color-sky-200: oklch(90.1% 0.058 230.902);
|
|
3431
|
+
--color-sky-300: oklch(82.8% 0.111 230.318);
|
|
3432
|
+
--color-sky-400: oklch(74.6% 0.16 232.661);
|
|
3433
|
+
--color-sky-500: oklch(68.5% 0.169 237.323);
|
|
3434
|
+
--color-sky-600: oklch(58.8% 0.158 241.966);
|
|
3435
|
+
--color-sky-700: oklch(50% 0.134 242.749);
|
|
3436
|
+
--color-sky-800: oklch(44.3% 0.11 240.79);
|
|
3437
|
+
--color-sky-900: oklch(39.1% 0.09 240.876);
|
|
3438
|
+
--color-sky-950: oklch(29.3% 0.066 243.157);
|
|
3439
|
+
--color-blue-50: oklch(97% 0.014 254.604);
|
|
3440
|
+
--color-blue-100: oklch(93.2% 0.032 255.585);
|
|
3441
|
+
--color-blue-200: oklch(88.2% 0.059 254.128);
|
|
3442
|
+
--color-blue-300: oklch(80.9% 0.105 251.813);
|
|
3443
|
+
--color-blue-400: oklch(70.7% 0.165 254.624);
|
|
3444
|
+
--color-blue-500: oklch(62.3% 0.214 259.815);
|
|
3445
|
+
--color-blue-600: oklch(54.6% 0.245 262.881);
|
|
3446
|
+
--color-blue-700: oklch(48.8% 0.243 264.376);
|
|
3447
|
+
--color-blue-800: oklch(42.4% 0.199 265.638);
|
|
3448
|
+
--color-blue-900: oklch(37.9% 0.146 265.522);
|
|
3449
|
+
--color-blue-950: oklch(28.2% 0.091 267.935);
|
|
3450
|
+
--color-indigo-50: oklch(96.2% 0.018 272.314);
|
|
3451
|
+
--color-indigo-100: oklch(93% 0.034 272.788);
|
|
3452
|
+
--color-indigo-200: oklch(87% 0.065 274.039);
|
|
3453
|
+
--color-indigo-300: oklch(78.5% 0.115 274.713);
|
|
3454
|
+
--color-indigo-400: oklch(67.3% 0.182 276.935);
|
|
3455
|
+
--color-indigo-500: oklch(58.5% 0.233 277.117);
|
|
3456
|
+
--color-indigo-600: oklch(51.1% 0.262 276.966);
|
|
3457
|
+
--color-indigo-700: oklch(45.7% 0.24 277.023);
|
|
3458
|
+
--color-indigo-800: oklch(39.8% 0.195 277.366);
|
|
3459
|
+
--color-indigo-900: oklch(35.9% 0.144 278.697);
|
|
3460
|
+
--color-indigo-950: oklch(25.7% 0.09 281.288);
|
|
3461
|
+
--color-violet-50: oklch(96.9% 0.016 293.756);
|
|
3462
|
+
--color-violet-100: oklch(94.3% 0.029 294.588);
|
|
3463
|
+
--color-violet-200: oklch(89.4% 0.057 293.283);
|
|
3464
|
+
--color-violet-300: oklch(81.1% 0.111 293.571);
|
|
3465
|
+
--color-violet-400: oklch(70.2% 0.183 293.541);
|
|
3466
|
+
--color-violet-500: oklch(60.6% 0.25 292.717);
|
|
3467
|
+
--color-violet-600: oklch(54.1% 0.281 293.009);
|
|
3468
|
+
--color-violet-700: oklch(49.1% 0.27 292.581);
|
|
3469
|
+
--color-violet-800: oklch(43.2% 0.232 292.759);
|
|
3470
|
+
--color-violet-900: oklch(38% 0.189 293.745);
|
|
3471
|
+
--color-violet-950: oklch(28.3% 0.141 291.089);
|
|
3472
|
+
--color-purple-50: oklch(97.7% 0.014 308.299);
|
|
3473
|
+
--color-purple-100: oklch(94.6% 0.033 307.174);
|
|
3474
|
+
--color-purple-200: oklch(90.2% 0.063 306.703);
|
|
3475
|
+
--color-purple-300: oklch(82.7% 0.119 306.383);
|
|
3476
|
+
--color-purple-400: oklch(71.4% 0.203 305.504);
|
|
3477
|
+
--color-purple-500: oklch(62.7% 0.265 303.9);
|
|
3478
|
+
--color-purple-600: oklch(55.8% 0.288 302.321);
|
|
3479
|
+
--color-purple-700: oklch(49.6% 0.265 301.924);
|
|
3480
|
+
--color-purple-800: oklch(43.8% 0.218 303.724);
|
|
3481
|
+
--color-purple-900: oklch(38.1% 0.176 304.987);
|
|
3482
|
+
--color-purple-950: oklch(29.1% 0.149 302.717);
|
|
3483
|
+
--color-fuchsia-50: oklch(97.7% 0.017 320.058);
|
|
3484
|
+
--color-fuchsia-100: oklch(95.2% 0.037 318.852);
|
|
3485
|
+
--color-fuchsia-200: oklch(90.3% 0.076 319.62);
|
|
3486
|
+
--color-fuchsia-300: oklch(83.3% 0.145 321.434);
|
|
3487
|
+
--color-fuchsia-400: oklch(74% 0.238 322.16);
|
|
3488
|
+
--color-fuchsia-500: oklch(66.7% 0.295 322.15);
|
|
3489
|
+
--color-fuchsia-600: oklch(59.1% 0.293 322.896);
|
|
3490
|
+
--color-fuchsia-700: oklch(51.8% 0.253 323.949);
|
|
3491
|
+
--color-fuchsia-800: oklch(45.2% 0.211 324.591);
|
|
3492
|
+
--color-fuchsia-900: oklch(40.1% 0.17 325.612);
|
|
3493
|
+
--color-fuchsia-950: oklch(29.3% 0.136 325.661);
|
|
3494
|
+
--color-pink-50: oklch(97.1% 0.014 343.198);
|
|
3495
|
+
--color-pink-100: oklch(94.8% 0.028 342.258);
|
|
3496
|
+
--color-pink-200: oklch(89.9% 0.061 343.231);
|
|
3497
|
+
--color-pink-300: oklch(82.3% 0.12 346.018);
|
|
3498
|
+
--color-pink-400: oklch(71.8% 0.202 349.761);
|
|
3499
|
+
--color-pink-500: oklch(65.6% 0.241 354.308);
|
|
3500
|
+
--color-pink-600: oklch(59.2% 0.249 0.584);
|
|
3501
|
+
--color-pink-700: oklch(52.5% 0.223 3.958);
|
|
3502
|
+
--color-pink-800: oklch(45.9% 0.187 3.815);
|
|
3503
|
+
--color-pink-900: oklch(40.8% 0.153 2.432);
|
|
3504
|
+
--color-pink-950: oklch(28.4% 0.109 3.907);
|
|
3505
|
+
--color-rose-50: oklch(96.9% 0.015 12.422);
|
|
3506
|
+
--color-rose-100: oklch(94.1% 0.03 12.58);
|
|
3507
|
+
--color-rose-200: oklch(89.2% 0.058 10.001);
|
|
3508
|
+
--color-rose-300: oklch(81% 0.117 11.638);
|
|
3509
|
+
--color-rose-400: oklch(71.2% 0.194 13.428);
|
|
3510
|
+
--color-rose-500: oklch(64.5% 0.246 16.439);
|
|
3511
|
+
--color-rose-600: oklch(58.6% 0.253 17.585);
|
|
3512
|
+
--color-rose-700: oklch(51.4% 0.222 16.935);
|
|
3513
|
+
--color-rose-800: oklch(45.5% 0.188 13.697);
|
|
3514
|
+
--color-rose-900: oklch(41% 0.159 10.272);
|
|
3515
|
+
--color-rose-950: oklch(27.1% 0.105 12.094);
|
|
3516
|
+
--color-slate-50: oklch(98.4% 0.003 247.858);
|
|
3517
|
+
--color-slate-100: oklch(96.8% 0.007 247.896);
|
|
3518
|
+
--color-slate-200: oklch(92.9% 0.013 255.508);
|
|
3519
|
+
--color-slate-300: oklch(86.9% 0.022 252.894);
|
|
3520
|
+
--color-slate-400: oklch(70.4% 0.04 256.788);
|
|
3521
|
+
--color-slate-500: oklch(55.4% 0.046 257.417);
|
|
3522
|
+
--color-slate-600: oklch(44.6% 0.043 257.281);
|
|
3523
|
+
--color-slate-700: oklch(37.2% 0.044 257.287);
|
|
3524
|
+
--color-slate-800: oklch(27.9% 0.041 260.031);
|
|
3525
|
+
--color-slate-900: oklch(20.8% 0.042 265.755);
|
|
3526
|
+
--color-slate-950: oklch(12.9% 0.042 264.695);
|
|
3527
|
+
--color-gray-50: oklch(98.5% 0.002 247.839);
|
|
3528
|
+
--color-gray-100: oklch(96.7% 0.003 264.542);
|
|
3529
|
+
--color-gray-200: oklch(92.8% 0.006 264.531);
|
|
3530
|
+
--color-gray-300: oklch(87.2% 0.01 258.338);
|
|
3531
|
+
--color-gray-400: oklch(70.7% 0.022 261.325);
|
|
3532
|
+
--color-gray-500: oklch(55.1% 0.027 264.364);
|
|
3533
|
+
--color-gray-600: oklch(44.6% 0.03 256.802);
|
|
3534
|
+
--color-gray-700: oklch(37.3% 0.034 259.733);
|
|
3535
|
+
--color-gray-800: oklch(27.8% 0.033 256.848);
|
|
3536
|
+
--color-gray-900: oklch(21% 0.034 264.665);
|
|
3537
|
+
--color-gray-950: oklch(13% 0.028 261.692);
|
|
3538
|
+
--color-zinc-50: oklch(98.5% 0 0);
|
|
3539
|
+
--color-zinc-100: oklch(96.7% 0.001 286.375);
|
|
3540
|
+
--color-zinc-200: oklch(92% 0.004 286.32);
|
|
3541
|
+
--color-zinc-300: oklch(87.1% 0.006 286.286);
|
|
3542
|
+
--color-zinc-400: oklch(70.5% 0.015 286.067);
|
|
3543
|
+
--color-zinc-500: oklch(55.2% 0.016 285.938);
|
|
3544
|
+
--color-zinc-600: oklch(44.2% 0.017 285.786);
|
|
3545
|
+
--color-zinc-700: oklch(37% 0.013 285.805);
|
|
3546
|
+
--color-zinc-800: oklch(27.4% 0.006 286.033);
|
|
3547
|
+
--color-zinc-900: oklch(21% 0.006 285.885);
|
|
3548
|
+
--color-zinc-950: oklch(14.1% 0.005 285.823);
|
|
3549
|
+
--color-neutral-50: oklch(98.5% 0 0);
|
|
3550
|
+
--color-neutral-100: oklch(97% 0 0);
|
|
3551
|
+
--color-neutral-200: oklch(92.2% 0 0);
|
|
3552
|
+
--color-neutral-300: oklch(87% 0 0);
|
|
3553
|
+
--color-neutral-400: oklch(70.8% 0 0);
|
|
3554
|
+
--color-neutral-500: oklch(55.6% 0 0);
|
|
3555
|
+
--color-neutral-600: oklch(43.9% 0 0);
|
|
3556
|
+
--color-neutral-700: oklch(37.1% 0 0);
|
|
3557
|
+
--color-neutral-800: oklch(26.9% 0 0);
|
|
3558
|
+
--color-neutral-900: oklch(20.5% 0 0);
|
|
3559
|
+
--color-neutral-950: oklch(14.5% 0 0);
|
|
3560
|
+
--color-stone-50: oklch(98.5% 0.001 106.423);
|
|
3561
|
+
--color-stone-100: oklch(97% 0.001 106.424);
|
|
3562
|
+
--color-stone-200: oklch(92.3% 0.003 48.717);
|
|
3563
|
+
--color-stone-300: oklch(86.9% 0.005 56.366);
|
|
3564
|
+
--color-stone-400: oklch(70.9% 0.01 56.259);
|
|
3565
|
+
--color-stone-500: oklch(55.3% 0.013 58.071);
|
|
3566
|
+
--color-stone-600: oklch(44.4% 0.011 73.639);
|
|
3567
|
+
--color-stone-700: oklch(37.4% 0.01 67.558);
|
|
3568
|
+
--color-stone-800: oklch(26.8% 0.007 34.298);
|
|
3569
|
+
--color-stone-900: oklch(21.6% 0.006 56.043);
|
|
3570
|
+
--color-stone-950: oklch(14.7% 0.004 49.25);
|
|
3571
|
+
--color-mauve-50: oklch(98.5% 0 0);
|
|
3572
|
+
--color-mauve-100: oklch(96% 0.003 325.6);
|
|
3573
|
+
--color-mauve-200: oklch(92.2% 0.005 325.62);
|
|
3574
|
+
--color-mauve-300: oklch(86.5% 0.012 325.68);
|
|
3575
|
+
--color-mauve-400: oklch(71.1% 0.019 323.02);
|
|
3576
|
+
--color-mauve-500: oklch(54.2% 0.034 322.5);
|
|
3577
|
+
--color-mauve-600: oklch(43.5% 0.029 321.78);
|
|
3578
|
+
--color-mauve-700: oklch(36.4% 0.029 323.89);
|
|
3579
|
+
--color-mauve-800: oklch(26.3% 0.024 320.12);
|
|
3580
|
+
--color-mauve-900: oklch(21.2% 0.019 322.12);
|
|
3581
|
+
--color-mauve-950: oklch(14.5% 0.008 326);
|
|
3582
|
+
--color-olive-50: oklch(98.8% 0.003 106.5);
|
|
3583
|
+
--color-olive-100: oklch(96.6% 0.005 106.5);
|
|
3584
|
+
--color-olive-200: oklch(93% 0.007 106.5);
|
|
3585
|
+
--color-olive-300: oklch(88% 0.011 106.6);
|
|
3586
|
+
--color-olive-400: oklch(73.7% 0.021 106.9);
|
|
3587
|
+
--color-olive-500: oklch(58% 0.031 107.3);
|
|
3588
|
+
--color-olive-600: oklch(46.6% 0.025 107.3);
|
|
3589
|
+
--color-olive-700: oklch(39.4% 0.023 107.4);
|
|
3590
|
+
--color-olive-800: oklch(28.6% 0.016 107.4);
|
|
3591
|
+
--color-olive-900: oklch(22.8% 0.013 107.4);
|
|
3592
|
+
--color-olive-950: oklch(15.3% 0.006 107.1);
|
|
3593
|
+
--color-mist-50: oklch(98.7% 0.002 197.1);
|
|
3594
|
+
--color-mist-100: oklch(96.3% 0.002 197.1);
|
|
3595
|
+
--color-mist-200: oklch(92.5% 0.005 214.3);
|
|
3596
|
+
--color-mist-300: oklch(87.2% 0.007 219.6);
|
|
3597
|
+
--color-mist-400: oklch(72.3% 0.014 214.4);
|
|
3598
|
+
--color-mist-500: oklch(56% 0.021 213.5);
|
|
3599
|
+
--color-mist-600: oklch(45% 0.017 213.2);
|
|
3600
|
+
--color-mist-700: oklch(37.8% 0.015 216);
|
|
3601
|
+
--color-mist-800: oklch(27.5% 0.011 216.9);
|
|
3602
|
+
--color-mist-900: oklch(21.8% 0.008 223.9);
|
|
3603
|
+
--color-mist-950: oklch(14.8% 0.004 228.8);
|
|
3604
|
+
--color-taupe-50: oklch(98.6% 0.002 67.8);
|
|
3605
|
+
--color-taupe-100: oklch(96% 0.002 17.2);
|
|
3606
|
+
--color-taupe-200: oklch(92.2% 0.005 34.3);
|
|
3607
|
+
--color-taupe-300: oklch(86.8% 0.007 39.5);
|
|
3608
|
+
--color-taupe-400: oklch(71.4% 0.014 41.2);
|
|
3609
|
+
--color-taupe-500: oklch(54.7% 0.021 43.1);
|
|
3610
|
+
--color-taupe-600: oklch(43.8% 0.017 39.3);
|
|
3611
|
+
--color-taupe-700: oklch(36.7% 0.016 35.7);
|
|
3612
|
+
--color-taupe-800: oklch(26.8% 0.011 36.5);
|
|
3613
|
+
--color-taupe-900: oklch(21.4% 0.009 43.1);
|
|
3614
|
+
--color-taupe-950: oklch(14.7% 0.004 49.3);
|
|
3615
|
+
--color-black: #000;
|
|
3616
|
+
--color-white: #fff;
|
|
3617
|
+
}
|
|
3618
|
+
|
|
3323
3619
|
/* Manifest Utilities */
|
|
3324
3620
|
|
|
3325
3621
|
@layer utilities {
|
|
@@ -3421,6 +3717,13 @@
|
|
|
3421
3717
|
}
|
|
3422
3718
|
}
|
|
3423
3719
|
|
|
3720
|
+
/* Disabled */
|
|
3721
|
+
:where(.disabled) {
|
|
3722
|
+
opacity: .5;
|
|
3723
|
+
cursor: default;
|
|
3724
|
+
pointer-events: none
|
|
3725
|
+
}
|
|
3726
|
+
|
|
3424
3727
|
/* Page content layout */
|
|
3425
3728
|
:where(body.page) {
|
|
3426
3729
|
display: flex;
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
|
|
32
32
|
@layer components {
|
|
33
33
|
|
|
34
|
-
:where(menu[popover], .dropdown-menu):not(.unstyle) {
|
|
34
|
+
:where(menu[popover], .dropdown-menu):where(:not(.unstyle)) {
|
|
35
35
|
position-try-fallbacks: flip-inline, flip-block, flip-start;
|
|
36
36
|
position-area: end span-end;
|
|
37
37
|
inset: auto;
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
flex-shrink: 0;
|
|
133
133
|
|
|
134
134
|
&:not(:first-child) {
|
|
135
|
-
|
|
135
|
+
margin-top: var(--spacing, 0.25rem)
|
|
136
136
|
}
|
|
137
137
|
}
|
|
138
138
|
|
|
@@ -149,8 +149,10 @@
|
|
|
149
149
|
background-color: var(--color-field-surface-hover, color-mix(oklch(20.5% 0 0) 15%, transparent));
|
|
150
150
|
}
|
|
151
151
|
|
|
152
|
-
/* Nested menu alignment
|
|
153
|
-
|
|
152
|
+
/* Nested menu alignment. Same specificity-flattening trick as the base
|
|
153
|
+
rule above — keeps the per-class position rules below the nested
|
|
154
|
+
default in source order so they win when both apply. */
|
|
155
|
+
:where(menu menu):where(:not(.unstyle)) {
|
|
154
156
|
position-area: span-end end;
|
|
155
157
|
margin: 0 var(--spacing-popover-offset, 0.5rem)
|
|
156
158
|
}
|
package/lib/manifest.export.js
CHANGED
|
@@ -133,6 +133,11 @@ function initializeExportPlugin() {
|
|
|
133
133
|
console.warn('[x-export] could not evaluate options expression:', err.message);
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
|
+
// Modifier shorthand for format only — `.png`, `.jpg`, `.pdf`, etc.
|
|
137
|
+
// Format is a small known set and matches Alpine's modifier convention
|
|
138
|
+
// (a behavioral flag, not a configuration value). Numeric options like
|
|
139
|
+
// resolution / width / height belong in the value expression:
|
|
140
|
+
// <button x-export="{ format: 'png', resolution: 2, width: 1200 }">
|
|
136
141
|
if (!opts.format && Array.isArray(modifiers) && modifiers.length) {
|
|
137
142
|
const found = modifiers.find((m) => isKnownFormat(String(m).toLowerCase()));
|
|
138
143
|
if (found) opts.format = String(found).toLowerCase();
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"manifest.components.js": "sha384-3dCTD5EwCZTiX+1obYtDNM3WWwPh2JDQUQQsdRUUK3gs6FXjse1ShkKaT/2jsNaI",
|
|
9
9
|
"manifest.data.js": "sha384-pgX6RJRWP7jmWO4ALb+GbS7Gm5JGOrCtxjEOnEcj1aJ8HoGbFjOniyjsntf8IA+B",
|
|
10
10
|
"manifest.dropdowns.js": "sha384-WMrFoSpKfJuo81dyrwhVrDO8rq+rDwh2x8x4nH01BY5ZHkvjE+/SaT2gWCI0zOn+",
|
|
11
|
-
"manifest.export.js": "sha384-
|
|
11
|
+
"manifest.export.js": "sha384-RsTGzsPCBw3yO4+TdAGd4F+o3FnzUNlqnMBqtnn/kUfv7axpzRdPc2AnsExV/93c",
|
|
12
12
|
"manifest.icons.js": "sha384-uOkboYrovjCpl22eey3Jaxpey+pOnot5NDnRRumcRxiR7IOVaRh1i20gYnWXR5dW",
|
|
13
13
|
"manifest.localization.js": "sha384-M40EWrbWs2MoJvUiYVQaPxPiOzMYBn/ywuMR02rvoSXG77eIHT/aRoYub9r6+jC+",
|
|
14
14
|
"manifest.markdown.js": "sha384-jJFVCg46bYcP/xglX6QguG2qsGi2I/0o9kXLpM2RMq7edbTYpgx6WQ9iNB7kKHmN",
|
package/lib/manifest.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-rendering:optimizeLegibility}:host,:where(html){font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;line-height:1.5;max-width:100vw;overflow-x:hidden;tab-size:4;width:100vw;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}&:has(dialog:popover-open){overflow:hidden}}:where(body){line-height:inherit;margin:0;max-width:100vw;min-height:100vh}:where(a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where([aria-controls]){cursor:pointer}:where([aria-hidden=false][hidden]){display:initial}:where([aria-hidden=false][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}:where(audio:not([controls])){display:none;height:0}:where(b,strong){font-weight:bolder}:where(button,input,optgroup,select,textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}:where(button,select){text-transform:none}:where(button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button){appearance:button;background-color:transparent;background-image:none}:where(::-webkit-file-upload-button){-webkit-appearance:button;font:inherit}:where(::-webkit-inner-spin-button,::-webkit-outer-spin-button){height:auto}:where(::-webkit-search-decoration){-webkit-appearance:none}:where(button,[role=button]){cursor:pointer}:where(code,samp,pre){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}:where([dir=rtl]){direction:rtl}:where([disabled],:disabled,[aria-disabled=true],.disabled){cursor:default;opacity:.5;pointer-events:none}:where(figcaption){font-size:75%}:where(figure){display:block;padding:0}:where(::file-selector-button){margin-inline-end:4px}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(hr){background-color:var(--color-line,color-mix(oklch(20.5% 0 0) 12%,transparent));border:0;color:inherit;height:1px}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,video){height:auto;max-width:100%}:where(::-webkit-autofill,:-webkit-autofill:focus){transition:background-color 0s 600000s,color 0s 600000s}:where(::-webkit-date-and-time-value){min-height:1lh;text-align:inherit}:where(::-webkit-datetime-edit){display:inline-flex}:where(::-webkit-datetime-edit-fields-wrapper){padding:0}:where(::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field){padding-block:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}:where(small){font-size:80%}:where(span){color:inherit}:where(sub,sup){font-size:50%;line-height:0;position:relative;vertical-align:baseline}:where(sub){bottom:-.25em}:where(sup){top:-.5em}:where(svg):not([fill]){fill:currentColor}:where(svg):not(:root){overflow:hidden}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}:where(::placeholder){color:#9ca3af;opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){:where(::placeholder){color:color-mix(in oklab,currentcolor 50%,transparent)}}:where([popover]){display:none;transition:opacity .15s ease-in,scale .15s ease-in,display .15s ease-in;transition-behavior:allow-discrete;&:popover-open{display:flex}@starting-style{opacity:0;scale:.9}&:not(:popover-open){display:none!important;opacity:0;scale:1;transition-duration:.15s;transition-timing-function:ease-out}}:where(progress){vertical-align:baseline}:where([type=search]){-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}:where(summary){display:list-item}:where(textarea){resize:vertical}[hidden],[un-cloak],[v-cloak],[x-cloak]{display:none}@media (-webkit-min-device-pixel-ratio:2){:where(html){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true]):after,:not([aria-busy=true]):before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}@media (prefers-reduced-motion:no-preference){[dir=rtl] progress:indeterminate{animation-direction:reverse}}::view-transition-group(*){animation-duration:var(--view-transition-duration,.2s);animation-timing-function:var(--view-transition-easing,cubic-bezier(.4,0,.2,1))}[data-no-view-transition],canvas,iframe,video{view-transition-name:none}}@view-transition{navigation:auto}@layer components{:where(details):not(.unstyle){transition:var(--transition,all .05s ease-in-out);width:100%;&[open]>summary:before{transform:rotate(90deg)}& [open] summary{margin-bottom:calc(var(--spacing, .25rem)*4)}&>:last-child{margin-bottom:calc(var(--spacing, .25rem)*8)}:where(summary){align-items:center;color:var(--color-content-stark,oklch(43.9% 0 0));cursor:pointer;display:flex;font-weight:700;justify-content:space-between;padding:var(--spacing-field-padding,.625rem) 0;position:relative;transition:var(--transition,all .05s ease-in-out);user-select:none;&::-webkit-details-marker,&::marker{content:"";display:none}&:hover{color:color-mix(in oklch,var(--color-surface-1,oklch(97% 0 0)) 40%,var(--color-content-stark,oklch(43.9% 0 0)))}&:active{color:color-mix(in oklch,var(--color-surface-1,oklch(97% 0 0)) 50%,var(--color-content-stark,oklch(43.9% 0 0)))}&:before{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 50%,var(--color-field-inverse,oklch(43.9% 0 0)));content:"";height:1rem;-webkit-mask-image:var(--icon-accordion,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 256 256'%3E%3Cpath d='m184.49 136.49-80 80a12 12 0 0 1-17-17L159 128 87.51 56.49a12 12 0 1 1 17-17l80 80a12 12 0 0 1-.02 17'/%3E%3C/svg%3E"));mask-image:var(--icon-accordion,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 256 256'%3E%3Cpath d='m184.49 136.49-80 80a12 12 0 0 1-17-17L159 128 87.51 56.49a12 12 0 1 1 17-17l80 80a12 12 0 0 1-.02 17'/%3E%3C/svg%3E"));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;order:1;transform:rotate(0);transition:transform .25s ease;width:1rem}}}[dir=rtl] :where(details):not(.unstyle){& summary:before{transform:rotate(180deg)}&[open]>summary:before{transform:rotate(90deg)}}}@layer utilities{:where(.avatar){align-items:center;background-clip:content-box;background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));background-position:50%;background-size:cover;border-radius:var(--radius,.5rem);color:var(--color-field-inverse,oklch(43.9% 0 0));display:flex;flex-flow:row wrap;flex-shrink:0;font-weight:700;height:var(--spacing-field-height,2.25rem);justify-content:center;position:relative;text-align:center;text-transform:uppercase;width:var(--spacing-field-height,2.25rem);&[x-icon]{color:var(--color-content-subtle,oklch(55.6% 0 0))}:where(img){border-radius:inherit;height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;transition:var(--transition,all .05s ease-in-out);width:100%}:where(figure){background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));border:1px solid var(--color-page,oklch(98.5% 0 0));border-radius:50%;bottom:-3px;height:9px;position:absolute;right:-3px;width:9px;z-index:1}}:where(button.avatar,label.avatar){background-blend-mode:normal;padding:0;&:hover{background-blend-mode:multiply;background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent));& img{filter:brightness(.9)}}}:where(.avatar-wide){align-items:center;display:flex;flex-flow:row;gap:1.5ch;justify-content:start;max-width:100%;overflow:hidden;width:100%;& span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:where(button.avatar-wide){height:fit-content;padding:var(--spacing,.25rem);padding-inline-end:1.5ch;&:hover .avatar{background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent));transition:var(--transition,all .05s ease-in-out)}}:where([role=group]:has(.avatar,button.avatar)){align-items:center;display:flex;flex-flow:row nowrap;:where(.avatar){box-shadow:0 0 0 3px var(--color-page,oklch(98.5% 0 0));margin-inline-end:calc(var(--spacing-field-height, 2.25rem)*-.3)}}}@layer components{:where(button:not(.link),[role=button],[type=button],[type=reset],[type=submit],select):not(code,.unstyle){align-items:center;appearance:button;background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));border:0 solid transparent;border-radius:var(--radius,.5rem);color:var(--color-field-inverse,oklch(43.9% 0 0));cursor:pointer;display:inline-flex;flex-flow:row;gap:.375rem;height:var(--spacing-field-height,2.25rem);justify-content:center;margin:0;max-width:100%;min-width:var(--spacing-field-height,2.25rem);outline-color:var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));overflow:hidden;padding:0 var(--spacing-field-padding,.625rem);text-overflow:ellipsis;transition:var(--transition,all .05s ease-in-out);white-space:nowrap;width:fit-content;& [x-icon],& span{color:inherit}& span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&:has(>svg:only-child){font-size:1rem;padding:0}& svg{margin-left:auto;margin-right:auto}&:active,&:hover{background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent))}&:focus-visible{background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent))}}:where(select):not(.unstyle){appearance:base-select;&::picker-icon{content:"⌄";font-size:20px;height:calc(var(--spacing-field-height, 2.25rem)*.5);line-height:.4;transform:scaleY(.7)}}}@layer components{input[type=checkbox]:not([role=switch],.unstyle){border-radius:.4rem;cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.6);max-width:calc(var(--spacing-field-height, 2.25rem)*.6);min-width:calc(var(--spacing-field-height, 2.25rem)*.6);padding:0;position:relative;width:calc(var(--spacing-field-height, 2.25rem)*.6);&:checked{&:active,&:hover{background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent));border-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent))}}&:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0));content:"";height:60%;left:50%;-webkit-mask-image:var(--icon-checkbox,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='currentColor' d='m0 11 2-2 5 5L18 3l2 2L7 18z'/%3E%3C/svg%3E"));mask-image:var(--icon-checkbox,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='currentColor' d='m0 11 2-2 5 5L18 3l2 2L7 18z'/%3E%3C/svg%3E"));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;opacity:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) scale(0);transform-origin:center;transition:var(--transition,all .05s ease-in-out);width:60%}&:checked:after{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}}}:root{--color-picker-swatch:var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));--icon-color-solid:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-paint-roller-icon lucide-paint-roller' viewBox='0 0 24 24'%3E%3Crect width='16' height='6' x='2' y='2' rx='2'/%3E%3Cpath d='M10 16v-2a2 2 0 0 1 2-2h8a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Crect width='4' height='6' x='8' y='16' rx='1'/%3E%3C/svg%3E");--icon-color-gradient:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-blend-icon lucide-blend' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Ccircle cx='15' cy='15' r='7'/%3E%3C/svg%3E");--icon-color-library:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-swatch-book-icon lucide-swatch-book' viewBox='0 0 24 24'%3E%3Cpath d='M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z'/%3E%3Cpath d='M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7M7 17h.01'/%3E%3Cpath d='m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8'/%3E%3C/svg%3E");--icon-color-grab:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-pipette-icon lucide-pipette' viewBox='0 0 24 24'%3E%3Cpath d='m12 9-8.414 8.414A2 2 0 0 0 3 18.828v1.344a2 2 0 0 1-.586 1.414A2 2 0 0 1 3.828 21h1.344a2 2 0 0 0 1.414-.586L15 12'/%3E%3Cpath d='m18 9 .4.4a1 1 0 1 1-3 3l-3.8-3.8a1 1 0 1 1 3-3l.4.4 3.4-3.4a1 1 0 1 1 3 3zM2 22l.414-.414'/%3E%3C/svg%3E");--icon-alpha-pattern:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cpath fill='gray' d='M0 0h1v1H0zM1 1h1v1H1z' opacity='.15'/%3E%3C/svg%3E")}@layer components{:where(input[type=color]){appearance:none;-webkit-appearance:none;&::-webkit-color-swatch-wrapper{padding:0}&::-webkit-color-swatch{border:0}&::-moz-color-swatch{border:0}}}@layer utilities{:where([x-colorpicker\.swatch],input[type=color]):not(.unstyle){background:var(--color-picker-swatch,#000);border-color:oklch(from var(--color-picker-swatch,#000) calc(l + (.5 - l) * .35) c calc(h + 0));border-radius:var(--radius,.5rem);border-style:solid;border-width:1px;cursor:pointer;height:var(--spacing-field-height,2.25rem);max-width:var(--spacing-field-height,2.25rem);min-width:var(--spacing-field-height,2.25rem);overflow:hidden;padding:0;position:relative;transition:var(--transition,all .05s ease-in-out);width:var(--spacing-field-height,2.25rem);&:active,&:focus,&:focus-visible,&:hover{border-color:oklch(from var(--color-picker-swatch,#000) calc(l + (.5 - l) * .35) c calc(h + 0)/.5)}&:before{background-image:var(--icon-alpha-pattern);background-position:0 0;background-size:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}}:where([x-colorpicker]):not(.unstyle){height:fit-content;max-height:30rem;max-width:18rem;min-width:18rem;overflow:hidden;& :where(.tabs-wrapper){border-bottom:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));display:flex;padding:2px;width:100%;& button{flex:1;justify-content:center}}& [x-colorpicker\.solid]{& :where(.canvas-wrapper){aspect-ratio:1;cursor:crosshair;overflow:hidden;padding:2px;position:relative;touch-action:none;width:100%}& canvas{display:block;height:100%;width:100%}& :where(.color-reticle){border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.3),inset 0 0 0 1px rgba(0,0,0,.2);height:.75rem;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:.75rem;z-index:1}& :where(.solid-options-inputs){display:flex;flex-direction:column;gap:.75rem;padding:.75rem;& div:has(button[x-colorpicker\.set-color-space],input[x-colorpicker\.set-color-value],input[x-colorpicker\.set-alpha-value]){display:flex;width:100%}}& input[x-colorpicker\.set-alpha],& input[x-colorpicker\.set-hue]{appearance:none;-webkit-appearance:none;background:transparent;border:none;border-radius:1rem;cursor:pointer;height:.75rem;outline:none;padding:0;width:100%;&::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.25);cursor:grab;height:1rem;width:1rem;&:active{cursor:grabbing}}&::-moz-range-thumb{background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.25);cursor:grab;height:1rem;width:1rem;&:active{cursor:grabbing}}&::-webkit-slider-runnable-track{border-radius:1rem;height:.75rem}&::-moz-range-track{border-radius:1rem;height:.75rem}}& input[x-colorpicker\.set-hue]{&::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}&::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}}& input[x-colorpicker\.set-alpha]{--color-picker-alpha:#000;position:relative;&::-webkit-slider-runnable-track{background:linear-gradient(to right,transparent,var(--color-picker-alpha)),var(--icon-alpha-pattern) 0 0 /.5rem .5rem}&::-moz-range-track{background:linear-gradient(to right,transparent,var(--color-picker-alpha)),var(--icon-alpha-pattern) 0 0 /.5rem .5rem}}& button[x-colorpicker\.set-color-space]{justify-content:center;padding-inline-end:0;padding-inline-start:0;width:7ch}& input[x-colorpicker\.set-color-value]{flex:1;padding-inline-end:0}& input[x-colorpicker\.set-alpha-value]{padding-inline-start:0;text-align:end;width:fit-content}}& [x-colorpicker\.gradient]{& :where(.layer-options-wrapper){border-bottom:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));& :where(.layer-options-inputs){align-items:center;display:flex;flex-flow:row nowrap;padding:.5rem;& button{justify-content:center;width:auto}& :where(.layer-angle-wrapper){position:relative;& input[x-colorpicker\.set-angle]{cursor:ew-resize;padding-inline-end:.75rem;padding-inline-start:0;text-align:end;width:5.5ch;&:focus{cursor:text}}& span{color:var(--color-content-neutral,oklch(43.9% 0 0));position:absolute;right:.25rem;top:0}}& [x-colorpicker\.layer-stops-bar]{background:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));border-radius:1rem;cursor:pointer;height:.75rem;margin-inline-end:.5rem;margin-inline-start:1rem;position:relative;width:100%;& :where(.stop-handle){border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.25);cursor:grab;height:1rem;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);width:1rem;z-index:1;&:hover{box-shadow:0 0 0 1px rgba(0,0,0,.25),0 1px 5px rgba(0,0,0,.25)}&:active{cursor:grabbing}&.active{box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.85),0 1px 5px #000}}}}& [x-colorpicker\.solid]{padding:0;& :where(.canvas-wrapper){margin:auto;padding:0 0 2px;width:calc(100% - 2rem)}& :where(.solid-options-inputs){padding-left:1rem;padding-right:1rem}}}& :where(.gradient-value-wrapper){padding:.5rem;& [x-colorpicker\.set-gradient-value]{field-sizing:content;resize:none}}}& [data-gradient-type=radial] .layer-angle-wrapper{visibility:hidden}& [x-colorpicker\.library]{max-height:30rem;overflow-y:auto;& :where(.library-wrapper){display:flex;flex-flow:column;gap:1rem;padding:1rem 1rem 4rem;width:100%;& :where(.library-group){display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;width:100%;&:not(:last-child){border-bottom:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent))}& :where(.library-palette){display:grid;gap:1px;grid-template-columns:repeat(11,1fr);& button[x-colorpicker\.apply-color]{aspect-ratio:1/1;border:1px solid hsla(0,0%,100%,.15);border-radius:calc(var(--radius, .5rem)/2);height:auto;max-height:1.375rem;max-width:1.375rem;min-height:0;min-width:0;width:100%;&:hover{border:1px solid hsla(0,0%,100%,.35)}&.active{border:1px solid #fff;box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.85),0 0 1px #000,inset 0 0 0 4px rgba(0,0,0,.25)}}}}}}}:where(menu[popover][x-colorpicker]:not(.unstyle)){padding:0;& .tabs-wrapper button{border:1px solid var(--color-popover-surface,oklch(98.5% 0 0))}}:where(menu[popover]:not(.unstyle) [x-colorpicker\.library],.dropdown-menu:not(.unstyle) [x-colorpicker\.library]){& :where(.library-wrapper){padding:.5rem .5rem 4rem!important}& :where(small){padding-inline-start:0}}:where(.color-icon-solid,.color-icon-gradient,.color-icon-library,.color-icon-grab,.gradient-layer-icon-linear,.gradient-layer-icon-radial,.gradient-layer-icon-conic){aspect-ratio:1/1;background-color:currentColor;height:calc(var(--spacing-field-height, 2.25rem)/2);max-height:1rem}:where(dialog[x-colorpicker]){border-radius:calc(var(--radius, .5rem))}:where(.color-icon-solid){mask-image:var(--icon-color-solid)}:where(.color-icon-gradient){mask-image:var(--icon-color-gradient)}:where(.color-icon-library){mask-image:var(--icon-color-library)}:where(.color-icon-grab){mask-image:var(--icon-color-grab)}.gradient-layer-icon-linear{background:linear-gradient(to right,var(--color-content-neutral,oklch(43.9% 0 0)),color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 0%,transparent 100%));border-radius:50%}.gradient-layer-icon-radial{background:radial-gradient(var(--color-content-neutral,oklch(43.9% 0 0)),color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 0%,transparent 100%));border-radius:50%}.gradient-layer-icon-conic{background:conic-gradient(var(--color-content-neutral,oklch(43.9% 0 0)),color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 0%,transparent 100%));border-radius:50%}}@layer components{:where(dialog[popover],.dialog):not(.unstyle){background-color:var(--color-popover-surface,oklch(98.5% 0 0));border:0;border-radius:calc(var(--radius, .5rem)*2);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);color:var(--color-content-stark,oklch(43.9% 0 0));flex-direction:column;left:0;margin:auto;max-height:90vh;max-width:100%;min-height:200px;position:fixed;right:0;width:500px;&::backdrop{background-color:rgba(0,0,0,.2)}& :where(header,main,footer){padding:calc(var(--spacing, .25rem)*4)}& :where(header){align-items:center;display:flex;gap:calc(var(--spacing, .25rem)*4);justify-content:space-between}& :where(main){flex-grow:1}& :where(footer){align-items:center;display:flex;gap:calc(var(--spacing, .25rem)*2);justify-content:end;margin-top:auto}@media screen and (max-width:768px){margin-bottom:auto!important;margin-left:auto!important;margin-right:auto!important;margin-top:auto!important;max-height:calc(100vh - var(--spacing, .25rem)*4 - var(--spacing, .25rem)*4)!important;width:calc(100vw - var(--spacing, .25rem)*4 - var(--spacing, .25rem)*4)!important}}:where(.dialog){height:fit-content;inset:0;z-index:10}.dark :where(dialog)::backdrop{background-color:rgba(0,0,0,.35)}html:has(dialog:popover-open){& menu[popover]:not(dialog *){opacity:0;pointer-events:none;scale:.9;transition:opacity .15s ease-out,scale .15s ease-out;&:popover-open{display:flex!important}}}html:has(dialog:popover-open~dialog:popover-open){& dialog:popover-open:not(:last-of-type) menu[popover]{opacity:0;pointer-events:none;scale:.9;transition:opacity .15s ease-out,scale .15s ease-out;&:popover-open{display:flex!important}}}}@layer utilities{:where(.divider){align-items:center;color:var(--color-content-neutral,oklch(43.9% 0 0));display:flex;flex-flow:row nowrap;font-size:.875rem;height:1px;justify-content:center;margin:var(--spacing-field-padding,.625rem) 0;white-space:nowrap;width:100%;&:after,&:before{background-color:var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));content:"";display:inline-flex;flex:1;height:1px;width:auto}&:not(:empty){gap:var(--spacing-field-padding,.625rem)}}:where(.divider.start){justify-content:flex-start;&:before{display:none}}:where(.divider.end){justify-content:flex-end;&:after{display:none}}.divider.vertical{align-self:stretch;flex-flow:column nowrap;height:auto;margin:0 var(--spacing-field-padding,.625rem);min-height:100%;min-width:1px;width:fit-content;&:after,&:before{content:"";height:auto;min-height:1px;width:1px}& [x-icon]{flex-shrink:0;font-size:.875rem;min-height:.875rem}}}@layer components{:where(menu[popover],.dropdown-menu):not(.unstyle){background:var(--color-popover-surface,oklch(98.5% 0 0));border:0;border-radius:var(--radius,.5rem);box-shadow:0 0 0 1px hsla(0,0%,6%,.05),0 3px 6px hsla(0,0%,6%,.1),0 9px 24px hsla(0,0%,6%,.2);flex-flow:column nowrap;gap:0;height:fit-content;inset:auto;list-style:none;margin:var(--spacing-popover-offset,.5rem) 0;max-height:90vh;min-width:160px;overflow-x:hidden;padding:.25rem;position-area:end span-end;position-try-fallbacks:flip-inline,flip-block,flip-start;transform-origin:top center;width:fit-content;z-index:50;& :where(li,a,button,label){align-items:center;background-color:transparent;border-radius:6px;color:var(--color-content-stark,oklch(43.9% 0 0));cursor:pointer;display:inline-flex;font-weight:400;justify-content:start;max-width:100%;min-height:var(--spacing-field-height,2.25rem);overflow:hidden;padding-inline-end:.5rem;padding-inline-start:.5rem;text-align:start;text-decoration:none;text-overflow:ellipsis;user-select:none;white-space:nowrap;width:100%;&:hover{text-decoration:inherit}&:active,&:hover{background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));color:var(--color-field-inverse,oklch(43.9% 0 0))}& [x-icon],& span{color:inherit}& [x-icon]:first-child:not(:only-child){margin-inline-end:.375rem}}& small{color:var(--color-content-neutral,oklch(43.9% 0 0));padding:.25rem .5rem}& hr{background-color:var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));flex-shrink:0;margin-inline-start:-.25rem;margin-bottom:.25rem;margin-top:.25rem;width:calc(100% + .5rem)}& label{cursor:default;padding-inline-end:.5rem;padding-inline-start:.5rem;&:hover{background-color:transparent}&:has(input[role=switch]){justify-content:space-between}}& :where(input,textarea){flex-shrink:0;&:not(:first-child){}}& span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:where(.dark menu[popover]) :where(li,a,button,label):hover{background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent))}:where(menu menu):not(.unstyle){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end end}:where(menu.center){position-area:center}:where(menu.top){margin:var(--spacing-popover-offset,.5rem) 0;position-area:top}:where(menu.bottom){margin:var(--spacing-popover-offset,.5rem) 0;position-area:bottom}:where(menu.start){margin:0 var(--spacing-popover-offset,.5rem);position-area:center start}:where(menu.end){margin:0 var(--spacing-popover-offset,.5rem);position-area:center end}:where(menu.top-start){margin:var(--spacing-popover-offset,.5rem) 0;position-area:start span-end}:where(menu.top-end){margin:var(--spacing-popover-offset,.5rem) 0;position-area:start span-start}:where(menu.bottom-start){margin:var(--spacing-popover-offset,.5rem) 0;position-area:end span-end}:where(menu.bottom-end){margin:var(--spacing-popover-offset,.5rem) 0;position-area:end span-start}:where(menu.start-top){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end start}:where(menu.start-bottom){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-start start}:where(menu.end-top){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end end}:where(menu.end-bottom){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-start end}:where(menu.top-start-corner,menu.start-top-corner){margin:var(--spacing-popover-offset,.5rem);position-area:start start}:where(menu.top-end-corner,menu.end-top-corner){margin:var(--spacing-popover-offset,.5rem);position-area:start end}:where(menu.bottom-start-corner,menu.start-bottom-corner){margin:var(--spacing-popover-offset,.5rem);position-area:end start}:where(menu.bottom-end-corner,menu.end-bottom-corner){margin:var(--spacing-popover-offset,.5rem);position-area:end end}@media (pointer:coarse){menu[popover]:not(.unstyle){bottom:1rem;left:1rem;margin:0;position:fixed;position-area:none;top:auto;width:calc(100% - 2rem);& :where(li,a,button,label) [x-icon]:first-child:not(:only-child){margin-inline-end:.8125rem}}}}@layer components{:where([role=group]:has(button,input,select)):not(.unstyle){align-items:center;display:flex;flex-flow:row nowrap;gap:0;max-width:100%;width:fit-content;&>*{flex-basis:auto;flex-shrink:0;&:focus{z-index:1}}&>:first-child{border-end-end-radius:0;border-start-end-radius:0}&>:not(:first-child):not(:last-child){border-radius:0}&>:last-child{border-end-start-radius:0;border-start-start-radius:0}&.even>*{flex-shrink:1;width:100%}& input{width:fit-content}}:where(form):not(.unstyle){display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem)*4);width:100%}:where(fieldset):not(.unstyle){display:flex;flex-direction:column;gap:.375ch calc(var(--spacing, .25rem)*2);width:100%;&:has([type=radio],[type=checkbox]){gap:calc(var(--spacing, .25rem)*2)}}:where(fieldset:has(legend)):not(.unstyle){border-color:var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);border-style:solid;border-width:1px;padding:1ch 1.5ch 1.5ch;& :where(legend){color:var(--color-content-subtle,oklch(55.6% 0 0));font-size:.875rem;padding:0 1.5ch}}:where(label,.label):has([type=radio],[type=checkbox]):not(.unstyle){align-items:center;cursor:pointer;display:flex;flex-flow:row;gap:1ch;outline:0 none;&:focus-within{box-shadow:0 0 0 0}}:where(label:not(:has(.label)),.label):has(button,[role=button],[type=button],[type=submit],select,input:not([role=button],[type=checkbox],[type=radio],[type=file],[type=search]),textarea):not(:has(data)):not(.unstyle){cursor:pointer;display:flex;flex-direction:column;gap:.2ch;text-indent:calc(var(--radius, .5rem)/2);width:100%;:where(*){text-indent:0}:where(span:first-of-type){padding-inline-start:calc(var(--radius, .5rem)/2)}:where(button,[role=button],[type=button],[type=submit],select,input:not([role=button],[type=checkbox],[type=radio],[type=file],[type=search]),textarea){max-width:100%;width:100%}:has([type=search],[type=file]) :where([type=search],[type=file]){margin-top:.2ch}}label:has(data):not(.unstyle){align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;width:100%;&:focus-within{box-shadow:0 0 0 0}& :where(.label,button,input:not([type=checkbox],[type=radio]),select,textarea){max-width:50%;width:calc(var(--spacing-field-height, 2.25rem)*8)}& .label:focus-within{box-shadow:0 0 0 2px color-mix(in oklch,var(--color-content-stark,oklch(43.9% 0 0)) 35%,transparent)}&:has(textarea){align-items:start;:where(data){padding-top:calc(var(--spacing, .25rem))}}}label:has(.label):not(.unstyle){background-color:transparent;cursor:default;justify-content:space-between;:where([type=search]){max-width:100%;width:100%}}}@layer components{:where(input:not([type=range],[type=color]),textarea,label:has([type=search],[type=file]),.label:has([type=search],[type=file])):not(.unstyle){appearance:none;background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));border:0 solid transparent;border-radius:var(--radius,.5rem);color:var(--color-field-inverse,oklch(43.9% 0 0));cursor:text;max-width:100%;transition:var(--transition,all .05s ease-in-out);width:100%;&:active,&:hover{background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent))}&:focus-visible{background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent))}&::placeholder{color:color-mix(in oklch,var(--color-field-inverse,oklch(43.9% 0 0)) 65%,transparent)}&::selection{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 80%,var(--color-field-inverse,oklch(43.9% 0 0)))}&[type=file]{left:0;max-height:0;max-width:0;opacity:0;overflow:hidden;position:absolute;top:0;z-index:-1}}:where(input:not([type=range]):not(.unstyle)){height:var(--spacing-field-height,2.25rem);padding-left:var(--spacing-field-padding,.625rem);padding-right:var(--spacing-field-padding,.625rem)}:where(label,.label):has([type=search],[type=file]):not(.unstyle){align-items:center;display:flex;flex-flow:row;padding-inline-start:0;& :where(input){background:transparent;padding-inline-end:0;padding-inline-start:0;&:focus-visible,&:hover{background:transparent}&:focus-visible{box-shadow:0 0 0 0 transparent}}&:has(input+*){padding-inline-end:.375rem}&:has(input[type=file]+[x-icon]){padding-inline-end:0}}:where(label,.label):has([type=file]):not(.unstyle){cursor:pointer;gap:var(--spacing,.25rem);height:var(--spacing-field-height,2.25rem);justify-content:center}:where(label,.label):has([type=search]):not(.unstyle){justify-content:start;& [x-icon]{align-items:center;color:var(--color-content-subtle,oklch(55.6% 0 0));display:flex;height:100%;justify-content:center;margin-inline-end:0;width:var(--spacing-field-height,2.25rem)}}:where(input[type=search]):not(.unstyle)::-webkit-search-cancel-button{appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}:where(textarea):not(.unstyle){display:block;height:auto;padding:var(--spacing-field-padding,.625rem) calc(var(--spacing-field-padding, .625rem)*1.3)}}:root{--presence-focus-outline-width:2px;--presence-focus-outline-style:dashed;--presence-focus-outline-offset:2px;--presence-focus-opacity:0.6;--presence-focus-color:#3b82f6;--presence-caret-width:2px;--presence-caret-height:1.2em;--presence-caret-color:#3b82f6;--presence-caret-z-index:1000;--presence-caret-blink-duration:1s;--presence-caret-opacity-high:1;--presence-caret-opacity-low:0.3;--presence-selection-color:#3b82f6;--presence-selection-opacity:0.2;--presence-selection-z-index:999;--presence-cursor-size:8px;--presence-cursor-border-width:2px;--presence-cursor-z-index:1001;--presence-throttle:300ms;--presence-cleanup-interval:30000ms;--presence-min-change-threshold:5px;--presence-idle-threshold:5000ms}@layer elements{:where(.presence-focused){opacity:var(--presence-focus-opacity);outline:var(--presence-focus-outline-width) var(--presence-focus-outline-style) var(--presence-focus-color);outline-offset:var(--presence-focus-outline-offset)}:where(.presence-focused[data-presence-focus-color]){--presence-focus-color:attr(data-presence-focus-color);outline-color:var(--presence-focus-color)}:where(.presence-caret){animation:presence-caret-blink var(--presence-caret-blink-duration) infinite;background-color:var(--presence-caret-color);height:var(--presence-caret-height);pointer-events:none;position:absolute;width:var(--presence-caret-width);z-index:var(--presence-caret-z-index)}:where(.presence-caret[data-presence-caret-color]),[data-presence-caret-color] .presence-caret{--presence-caret-color:attr(data-presence-caret-color)}@keyframes presence-caret-blink{0%,50%{opacity:var(--presence-caret-opacity-high)}51%,to{opacity:var(--presence-caret-opacity-low)}}:where(.presence-selection){background-color:var(--presence-selection-color);opacity:var(--presence-selection-opacity);pointer-events:none;position:absolute;z-index:var(--presence-selection-z-index)}:where(.presence-selection){background-color:var(--presence-selection-color)}:where(.presence-cursor){background-color:var(--presence-cursor-color,var(--presence-focus-color));border:var(--presence-cursor-border-width) solid var(--presence-cursor-color,var(--presence-focus-color));border-radius:50%;height:var(--presence-cursor-size);pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:var(--presence-cursor-size);z-index:var(--presence-cursor-z-index)}:where(.presence-cursor-label){background-color:var(--presence-cursor-color,var(--presence-focus-color));border-radius:4px;color:oklch(98.5% 0 0);font-size:12px;left:50%;padding:2px 6px;pointer-events:none;position:absolute;top:calc(var(--presence-cursor-size) + 4px);transform:translateX(-50%);white-space:nowrap;z-index:calc(var(--presence-cursor-z-index) + 1)}:where([data-presence-caret-user],[data-presence-selection-user],[data-presence-focus-user]){position:relative}}@layer components{input[type=radio]:not(.unstyle){border-radius:50%;cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.625);min-width:calc(var(--spacing-field-height, 2.25rem)*.625);padding:5px;position:relative;width:calc(var(--spacing-field-height, 2.25rem)*.625);&:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0));border-radius:50%;content:"";height:60%;left:50%;opacity:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) scale(0);transform-origin:center;transition:var(--transition,all .05s ease-in-out);width:60%}&:checked:after{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}}}@layer components{input[type=range]:not(.unstyle){appearance:none;background-color:transparent;border-radius:var(--radius,.5rem);cursor:default;&::-webkit-slider-runnable-track{background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);cursor:pointer;height:calc(var(--spacing, .25rem)*2);transition:var(--transition,all .05s ease-in-out)}&:hover::-webkit-slider-runnable-track{background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent))}&::-webkit-slider-thumb{appearance:none;background-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 60%,var(--color-field-inverse,oklch(43.9% 0 0)));border-radius:200px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.5);position:relative;top:50%;transform:translateY(-50%);transition:var(--transition,all .05s ease-in-out);width:calc(var(--spacing-field-height, 2.25rem)*.5)}&::-webkit-slider-thumb:hover{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 30%,var(--color-field-inverse,oklch(43.9% 0 0)))}}:where(datalist):not(.unstyle){display:flex;flex-flow:row nowrap;justify-content:space-between;max-width:100%;width:100%;& option{color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:.875rem;text-align:center;width:2ch}}label:has(input[type=range]):not(.unstyle){cursor:default}}@layer utilities{:where([x-resize]){position:relative;.resize-handle{background:transparent;border:none;display:block;height:var(--spacing-resize-handle,1rem);outline:none;position:absolute;width:var(--spacing-resize-handle,1rem);z-index:100;&:before{background:transparent;content:"";height:1px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .2s ease;width:1px}&:active:before,&:hover:before{background-color:var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent))}}.resize-handle-bottom,.resize-handle-top{cursor:ns-resize;left:0;width:100%;&:before{width:100%}}.resize-handle-end,.resize-handle-left,.resize-handle-right,.resize-handle-start{cursor:ew-resize;height:100%;top:0;&:before{height:100%}}.resize-handle-top{top:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-bottom{bottom:calc(var(--spacing-resize-handle, 1rem)*-.5);top:auto}.resize-handle-left,.resize-handle-start{left:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-end,.resize-handle-right{right:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-top-left{cursor:nw-resize;left:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-top-left,.resize-handle-top-right{height:var(--spacing-resize-handle,1rem);top:calc(var(--spacing-resize-handle, 1rem)*-.5);width:var(--spacing-resize-handle,1rem)}.resize-handle-top-right{cursor:ne-resize;right:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-bottom-left{cursor:sw-resize;left:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-bottom-left,.resize-handle-bottom-right{bottom:calc(var(--spacing-resize-handle, 1rem)*-.5);height:var(--spacing-resize-handle,1rem);width:var(--spacing-resize-handle,1rem)}.resize-handle-bottom-right{cursor:se-resize;right:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-top-start{cursor:nw-resize;left:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-top-end,.resize-handle-top-start{height:var(--spacing-resize-handle,1rem);top:calc(var(--spacing-resize-handle, 1rem)*-.5);width:var(--spacing-resize-handle,1rem)}.resize-handle-top-end{cursor:ne-resize;right:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-bottom-start{cursor:sw-resize;left:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-bottom-end,.resize-handle-bottom-start{bottom:calc(var(--spacing-resize-handle, 1rem)*-.5);height:var(--spacing-resize-handle,1rem);width:var(--spacing-resize-handle,1rem)}.resize-handle-bottom-end{cursor:se-resize;right:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-overlay{background:transparent;display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.resizable-closing{opacity:.5;transition:opacity .2s ease}.resizable-closed{display:none!important}.resize-handle:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}@media (prefers-contrast:high){:where(.resize-handle:hover .resize-handle-inner){background:rgba(0,0,0,.3)}:where(.resize-handle:active .resize-handle-inner){background:rgba(0,0,0,.5)}}@media (prefers-reduced-motion:reduce){:where(.resize-handle-inner,.resizable-closing,.resize-handle){transition:none}}}[dir=rtl] :where([x-resize]) .resize-handle-start{left:auto;right:calc(var(--spacing-resize-handle, 1rem)*-.5)}[dir=rtl] :where([x-resize]) .resize-handle-end{left:calc(var(--spacing-resize-handle, 1rem)*-.5);right:auto}[dir=rtl] :where([x-resize]) .resize-handle-top-start{cursor:ne-resize;left:auto;right:calc(var(--spacing-resize-handle, 1rem)*-.5)}[dir=rtl] :where([x-resize]) .resize-handle-top-end{cursor:nw-resize;left:calc(var(--spacing-resize-handle, 1rem)*-.5);right:auto}[dir=rtl] :where([x-resize]) .resize-handle-bottom-start{cursor:se-resize;left:auto;right:calc(var(--spacing-resize-handle, 1rem)*-.5)}[dir=rtl] :where([x-resize]) .resize-handle-bottom-end{cursor:sw-resize;left:calc(var(--spacing-resize-handle, 1rem)*-.5);right:auto}}@layer components{:where(nav[popover]){background-color:var(--color-popover-surface,oklch(98.5% 0 0));height:100%;inset-inline-end:0;inset-inline-start:auto;max-width:80vw;min-width:20vw;overflow-y:auto;transition:opacity .15s ease-in,transform .15s ease-in,display .15s ease-in;transition-behavior:allow-discrete;width:fit-content;z-index:200;@starting-style{opacity:1;scale:1;transform:translateX(100%)}&:not(:popover-open){opacity:1;scale:1;transform:translateX(100%)}[dir=rtl] &{@starting-style{transform:translateX(-100%)}&:not(:popover-open){transform:translateX(-100%)}}}:where(nav[popover].appear-start){inset-inline-end:auto;inset-inline-start:0;@starting-style{transform:translateX(-100%)}&:not(:popover-open){transform:translateX(-100%)}[dir=rtl] &{@starting-style{transform:translateX(100%)}&:not(:popover-open){transform:translateX(100%)}}}.dark :where(nav[popover]){background-color:var(--color-surface-1,oklch(97% 0 0))}}@layer components{[x-carousel]{display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%;.carousel-slides{aspect-ratio:16/9;display:flex;transition:transform .3s ease-in-out;width:100%}& button[\@click="next()"],& button[\@click="prev()"]{background-color:oklch(100% 0 0/.15);position:absolute;top:50%;transform:translateY(-50%);&:hover{background-color:oklch(100% 0 0/.3)}}& button[\@click="prev()"]{left:calc(var(--spacing, .25rem)*4)}& button[\@click="next()"]{left:auto;right:calc(var(--spacing, .25rem)*4)}.carousel-dots{bottom:calc(var(--spacing, .25rem)*4);display:flex;gap:calc(var(--spacing, .25rem)*2);left:50%;max-width:100%;overflow-x:auto;padding:0 calc(var(--spacing, .25rem)*4);position:absolute;transform:translateX(-50%);-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar{display:none}& span{background-color:oklch(100% 0 0/.15);border-radius:50%;cursor:pointer;flex-shrink:0;height:.625rem;transition:background-color .3s ease-in-out;width:.625rem;&:hover{background-color:oklch(100% 0 0/.3)}&.active{background-color:#fff}}}}}@layer components{:where(input[role=switch]):not(.unstyle){border-radius:calc(var(--spacing-field-height, 2.25rem)*.65);box-sizing:content-box;cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.65);min-width:calc(var(--spacing-field-height, 2.25rem)*.65*2);padding:0;position:relative;width:calc(var(--spacing-field-height, 2.25rem)*.65*2);&:before{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 60%,var(--color-field-inverse,oklch(43.9% 0 0)));border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);content:"";height:calc(var(--spacing-field-height, 2.25rem)*.65 - .25rem);left:.125rem;position:absolute;top:.125rem;transition:var(--transition,all .05s ease-in-out);width:calc(var(--spacing-field-height, 2.25rem)*.65 - .25rem)}&:checked{background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));&:before{background-color:var(--color-field-inverse,oklch(43.9% 0 0));left:calc(100% - var(--spacing-field-height, 2.25rem)*.65 + .125rem)}&:hover{background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent))}}}}@layer components{:where(table,.grid-table):not(.unstyle){border-radius:var(--radius,.5rem);border-spacing:0;max-width:100%;overflow:hidden;table-layout:auto;width:100%;:where(.grid-header,.grid-row,.grid-footer){display:contents}:where(thead,.grid-header>*){background-color:var(--color-surface-1,oklch(97% 0 0));border-bottom:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent))}:where(th,.grid-header>*){font-weight:700}:where(tr,.grid-row>*){border-bottom:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent))}:where(td,th,.grid-header>*,.grid-row>*,.grid-footer>*){font-size:.875rem;overflow:hidden;padding:calc(var(--spacing, .25rem)*2.5) calc(var(--spacing, .25rem)*4);text-align:left;text-align:start;&>:not(template){display:inline-flex;vertical-align:middle;&:not(:last-child){margin-right:4px}}}:where(:not(:has(tfoot)) tbody tr:last-child,tfoot tr:last-child,.grid-footer>*){border-bottom:0}&.striped{:where(tr:nth-child(2n),.grid-row:nth-child(2n)){background-color:var(--color-surface-1,oklch(97% 0 0))}:where(tr:nth-child(odd),.grid-row:nth-child(odd)){background-color:transparent}:where(tr,.grid-row){border-bottom:0}}}}@layer utilities{:where(.toast-container){align-items:center;bottom:3vw;display:flex;flex-direction:column-reverse;gap:calc(var(--spacing, .25rem)*2);left:50%;position:fixed;transform:translateX(-50%);z-index:100}:where(.toast){background-color:var(--color-popover-surface,oklch(98.5% 0 0));border:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));border-radius:calc(var(--radius, .5rem)*2);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);display:flex;max-width:90vw;opacity:0;overflow:hidden;transform:translateY(1rem);transition:opacity .2s ease-out,transform .2s ease-out,height .2s ease-out,margin .2s ease-out,padding .2s ease-out;:where(.toast-content){align-items:center;color:inherit;display:flex;padding:.375rem .75rem;white-space:pre-wrap;:where([x-icon]:first-child){margin-right:1ch}}:where(.toast-dismiss-button){border-inline-start:1px solid color-mix(in oklch,var(--color-content-stark,oklch(43.9% 0 0)) 20%,transparent);border-radius:0;position:relative;&:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0));content:"";height:50%;left:50%;mask-image:var(--icon-toast-dismiss,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"));mask-repeat:no-repeat;mask-size:100% 100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transform-origin:center;width:50%}}}:where(.toast.brand,.toast.accent,.toast.positive,.toast.negative){background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));color:var(--color-field-inverse,oklch(43.9% 0 0));:where(.toast-dismiss-button){border-inline-start:1px solid color-mix(in oklch,var(--color-field-inverse,oklch(43.9% 0 0)) 20%,transparent)}}:where(.toast-entry){opacity:1;transform:translateY(0)}:where(.toast-exit){opacity:0;transform:translateY(1rem)}}@layer utilities{:where(.tooltip[popover]){background-color:var(--color-content-stark,oklch(43.9% 0 0));border:0;border-radius:var(--radius,.5rem);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:var(--color-page,oklch(98.5% 0 0));display:block;font-size:.875rem;inset:auto;margin:var(--spacing-popover-offset,.5rem) 0;max-width:200px;padding:calc(var(--spacing, .25rem)*.5) calc(var(--spacing, .25rem)*2);position:absolute;position-area:bottom;position-try-fallbacks:flip-inline,flip-block,flip-start;width:fit-content;&:hover{transition-delay:var(--tooltip-hover-delay,.5s)}& [x-icon]:first-child{margin-inline-end:.25rem}}:where(.tooltip.top){margin:var(--spacing-popover-offset,.5rem) 0;position-area:top}:where(.tooltip.bottom){margin:var(--spacing-popover-offset,.5rem) 0;position-area:bottom}:where(.tooltip.start){margin:0 var(--spacing-popover-offset,.5rem);position-area:center start}:where(.tooltip.end){margin:0 var(--spacing-popover-offset,.5rem);position-area:center end}:where(.tooltip.top-start){margin:var(--spacing-popover-offset,.5rem) 0;position-area:start span-end}:where(.tooltip.top-end){margin:var(--spacing-popover-offset,.5rem) 0;position-area:start span-start}:where(.tooltip.bottom-start){margin:var(--spacing-popover-offset,.5rem) 0;position-area:end span-end}:where(.tooltip.bottom-end){margin:var(--spacing-popover-offset,.5rem) 0;position-area:end span-start}:where(.tooltip.start-top){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end start}:where(.tooltip.start-bottom){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-start start}:where(.tooltip.end-top){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end end}:where(.tooltip.end-bottom){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-start end}:where(.tooltip.top-start-corner,.tooltip.start-top-corner){margin:var(--spacing-popover-offset,.5rem);position-area:start start}:where(.tooltip.top-end-corner,.tooltip.end-top-corner){margin:var(--spacing-popover-offset,.5rem);position-area:start end}:where(.tooltip.bottom-start-corner,.tooltip.start-bottom-corner){margin:var(--spacing-popover-offset,.5rem);position-area:end start}:where(.tooltip.bottom-end-corner,.tooltip.end-bottom-corner){margin:var(--spacing-popover-offset,.5rem);position-area:end end}}@layer base{.caption,.h1,.h2,.h3,.h4,.h5,.h6,.label,.paragraph,.small,:where(abbr,address,blockquote,code,del,figcaption,h1,h2,h3,h4,h5,h6,ins,label:not(.avatar,:has([type=file],[type=search])),legend,p,small,cite,q):not(.unstyle){color:var(--color-content-stark,oklch(43.9% 0 0));& .link,& a:not(.unstyle){text-decoration:underline;text-underline-offset:2px}& [x-icon]{margin-inline-end:.25em}}.h1,.h2,.h3,.h4,.h5,.h6,:where(h1,h2,h3,h4,h5,h6):not(.unstyle){font-weight:550;word-wrap:break-word}.h1,.h2,.h3,:where(h1,h2,h3):not(.unstyle){letter-spacing:-.025em}.h1,:where(h1):not(.unstyle){font-size:3rem;line-height:1.25}.h2,:where(h2):not(.unstyle){font-size:2.25rem}.h3,:where(h3):not(.unstyle){font-size:1.75rem;line-height:1.4}.h4,:where(h4):not(.unstyle){font-size:1rem}.h5,:where(h5):not(.unstyle){color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:1rem;line-height:1rem;& a:hover{color:var(--color-content-stark,oklch(43.9% 0 0))}}.h6,:where(h6):not(.unstyle){color:var(--color-brand-content,oklch(68.1% .162 75.834));font-size:.8125rem;line-height:1.4}.paragraph,:where(p):not(.unstyle){line-height:1.6}.link,:where(a:not([role=button])):not(.unstyle){color:var(--color-content-stark,oklch(43.9% 0 0));cursor:pointer;text-align:unset;text-decoration:none;transition:var(--transition,all .05s ease-in-out);&:hover{color:var(--color-content-neutral,oklch(43.9% 0 0))}&:where(:has([x-icon])){align-items:center;display:inline-flex;gap:.25em}}:where(aside):not(.unstyle){border:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);padding:calc(var(--spacing, .25rem)*4)}:where(.badge){align-items:center;background-color:var(--color-field-surface,color-mix(oklch(97% 0 0) 10%,transparent));border-radius:100px;color:var(--color-field-inverse,oklch(43.9% 0 0));display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;height:fit-content;justify-content:center;line-height:1;padding:.35ch .65ch;width:fit-content;&:only-child[x-icon]{padding:.35ch}}:where(blockquote):not(.unstyle){border-inline-end:none;border-inline-start:.25rem solid color-mix(in oklch,var(--color-content-stark,oklch(43.9% 0 0)) 25%,transparent);color:var(--color-content-stark,oklch(43.9% 0 0));display:block;margin:calc(var(--spacing, .25rem)*4) 0;max-width:100%;padding:0 calc(var(--spacing, .25rem)*4);width:100%;& *{color:inherit}}:where(code):not(.unstyle){display:inline-block;font-size:82.5%;height:fit-content;line-height:1.4;padding:0 .7ch;width:fit-content;word-wrap:break-word;background-color:color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 10%,transparent);border:1px solid color-mix(in oklch,var(--color-content-subtle,oklch(55.6% 0 0)) 10%,transparent);border-radius:var(--radius,.5rem);color:var(--color-content-neutral,oklch(43.9% 0 0));&[role=button]{cursor:pointer}}.caption,:where(figcaption):not(.unstyle){color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:.8125rem;& a:not([role=button]){color:inherit;&:hover{color:var(--color-content-stark,oklch(98.5% 0 0))}}}:where(figure figcaption):not(.unstyle){margin:calc(var(--spacing, .25rem)*2) auto;text-align:center}.small,:where(small):not(.unstyle){color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:.875rem;& a:not([role=button]){color:inherit;&:hover{color:var(--color-content-stark,oklch(98.5% 0 0))}}}:where([x-icon]){display:inline-flex;width:fit-content}:where(ins):not(.unstyle){text-decoration:none}.kbd,:where(kbd):not(.unstyle){background-color:color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 10%,transparent);border-radius:calc(var(--radius, .5rem)/1.5);color:var(--color-content-neutral,oklch(43.9% 0 0));display:inline-block;font-family:inherit;font-size:75%;font-weight:600;line-height:1;min-width:1.4rem;padding:.3rem;text-align:center;vertical-align:baseline;width:fit-content;&:not(:last-of-type){margin-inline-end:1px}}[dir=rtl] :where(kbd:not(:last-of-type),.kbd:not(:last-of-type)){margin-inline-end:0;margin-inline-start:1px}.label,:where(label):not(.unstyle){user-select:none;width:-moz-fit-content;width:fit-content}.legend,:where(legend):not(.unstyle){display:block;max-width:100%;white-space:normal}:where(ol):not(.unstyle){list-style-type:decimal}:where(ul):not(.unstyle){list-style-type:disc}:where(ol):not(.unstyle),:where(ul):not(.unstyle){padding-inline-start:1.75ch;&:has(input[type=checkbox]){padding-inline-start:0}& li{padding-inline-start:1ch;&:not(:last-of-type){margin-bottom:1.25ch}& .link,& a:not(.unstyle){text-decoration:underline;text-underline-offset:2px}&:has([x-icon]){display:inherit;list-style:none;position:relative;& [x-icon]{left:-1.75ch;position:absolute;top:.45ch}}&:has(input[type=checkbox]){display:inherit;list-style:none;position:relative;& input[type=checkbox]{left:-1ch;position:absolute;top:.45ch}}}}:where(nav,menu):not(.unstyle) ol,:where(nav,menu):not(.unstyle) ul{list-style:none;padding:0;& li,li:not(:last-of-type){margin:0;padding:0}}[dir=rtl] :where(ol):not(nav ol):not(menu ol):not(.unstyle),[dir=rtl] :where(ul):not(nav ul):not(menu ul):not(.unstyle){& li:has([x-icon]){& [x-icon]{left:auto;right:-1.75ch}}& li:has(input[type=checkbox]){& input[type=checkbox]{left:auto;right:-1.25ch}}}:where(ol,ul):not(nav ol):not(menu ol):not(.unstyle) ul,:where(ol,ul):not(nav ul):not(menu ul):not(.unstyle) ol{margin-top:1ch;padding-inline-start:2.75ch;&+li{margin-top:1.5ch}}:where(pre):not(.unstyle){background-color:var(--color-page,oklch(98.5% 0 0));border:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);display:flex;flex-flow:row wrap;font-size:.8125rem;line-height:1.7;overflow:hidden;overflow:hidden;tab-size:4;white-space:pre;white-space-collapse:preserve;&>code{background-color:transparent;border:0;box-shadow:none;display:inline-block;flex-grow:1;font-size:inherit;height:auto;line-height:inherit;overflow-x:auto;padding:calc(var(--spacing, .25rem)*4);padding-inline-end:calc(var(--spacing, .25rem)*12);scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}&:not(:has(code)){padding:calc(var(--spacing, .25rem)*4)}}}@layer utilities{:where(.center){align-items:center;justify-content:center}:where(.row,.row-wrap,.col,.col-wrap){display:flex}:where(.col){flex-flow:column nowrap}:where(.col-wrap){flex-flow:column wrap}:where(.row){flex-flow:row nowrap}:where(.row-wrap){flex-flow:row wrap}:where(.content){margin-inline-end:auto;margin-inline-start:auto;max-width:100%;width:var(--spacing-content-width,74rem)}:where(.ghost){background-color:transparent;&:hover{background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent))}}:where(.hug){height:fit-content;min-width:0;padding:0;width:fit-content}:where(.outlined){border-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 90%,var(--color-field-inverse,oklch(43.9% 0 0)));border-style:solid;border-width:1px}.dark :where(.outlined){border-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 80%,var(--color-field-inverse,oklch(43.9% 0 0)))}:where(.transparent){background-color:transparent!important;color:var(--color-content-neutral,oklch(43.9% 0 0));&:hover{color:var(--color-content-stark,oklch(43.9% 0 0))}}:where(.lg){--spacing-field-height:2.5rem;--spacing-field-padding:0.78rem;font-size:125%}:where(.sm){--spacing-field-height:1.5rem;--spacing-field-padding:0.49rem;font-size:75%;&::picker-icon{line-height:.2}}:where(body.page){display:flex;flex-direction:column;min-height:100vh}.page{&>footer,&>header{z-index:30}&>footer,&>header,&>main{padding-inline-end:var(--spacing-viewport-padding,5vw);padding-inline-start:var(--spacing-viewport-padding,5vw)}&>footer nav:not([popover]),&>header nav:not([popover]),&>main>section:not(.banner,.overlay-dark,.overlay-light){margin-inline-end:auto;margin-inline-start:auto;max-width:100%;width:var(--spacing-content-width,74rem)}&>footer{margin-top:auto}}.no-focus:focus,.no-focus:focus-visible,.no-focus:focus-within{box-shadow:0 0 0 0 transparent}:where(.no-scrollbar){-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.no-spinner{-moz-appearance:textfield!important;appearance:textfield!important;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;display:none;margin:0}}:where(.overlay-dark,.overlay-light){position:relative;&:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}>*{position:relative;z-index:1}}:where(.overlay-dark){color:#fff!important;&:after{background:oklch(0 0 0/50%)}}:where(.overlay-light){color:oklch(14.5% 0 0)!important;&:after{background:oklch(100% 0 0/75%)}}:where(.prose,.prose details){max-width:100%;width:42rem;& aside:not([popover]){background-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 20%,transparent);border:1px solid color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 15%,transparent);border-radius:calc(var(--radius, .5rem)*2);color:var(--color-content-stark,oklch(43.9% 0 0));margin-top:1.4rem;padding:calc(var(--spacing, .25rem)*4);&:has([x-icon]):not([x-code-group] aside,aside.frame){display:flex;flex-direction:row;gap:1rem;& [x-icon]{font-size:1.25rem;padding-top:.25rem}}}& [x-code-group] aside.frame{background-color:color-mix(var(--color-surface-1,oklch(97% 0 0)) 65%,transparent);border:0;border-radius:0;font-family:var(--font-sans);font-size:medium;margin-top:0;padding:calc(var(--spacing, .25rem)*4)}&>a:not(:where(h1,h2,h3,h4,h5,h6,p,small,figcaption,label,li,blockquote,pre code,code,kbd,span,mark,[role=button]) a){margin-top:1.4rem}&>blockquote{margin-top:2rem;& *{margin:0}}&>details,&>hr+details{margin-top:0}&>:not(details,hr)+details,&>details:first-child{margin-top:3rem}&>details:last-child,&>details:not(:last-child):not(:has(+details,+hr)){margin-bottom:3rem}&>details+:not(details,hr){margin-top:0}&>figcaption{margin-top:1rem}&>figure{margin-top:1.4rem;& img{margin:0}}&>h1{font-size:2.25rem}&>h1+p{color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:1.125rem;margin-top:.625rem}&>h2{font-size:1.75rem;margin-bottom:.6667rem;margin-top:1rem}&>h3{font-size:1.25rem;margin-top:2.4rem}&>h4{margin-top:3rem}&>h4+p{margin-top:.25rem}&>h5{margin-top:1rem}&>h5,&>h6{margin-bottom:1rem}&>h6{margin-top:2rem}&>hr{margin-bottom:3rem;margin-top:3rem}&>details+hr:has(+details){margin-bottom:1rem;margin-top:1rem}&>img,&>p{margin-top:1.4rem}&>ol,&>small,&>ul{margin-top:1rem}&>[x-code-group],&>[x-code],&>pre,&>table{margin-bottom:2rem;margin-top:2rem}&>[x-code-group] [x-code],&>[x-code] pre{margin-bottom:0;margin-top:0}}:where(.trailing){color:var(--color-content-neutral,oklch(43.9% 0 0));display:inline-block;margin-inline-start:auto}:where(.brand){--color-field-surface:var(--color-brand-surface,oklch(85.2% 0.199 91.936));--color-field-surface-hover:var(--color-brand-surface-hover,oklch(90.5% 0.182 98.111));--color-field-inverse:var(--color-brand-inverse,oklch(98.5% 0 0));--color-content-stark:var(--color-brand-content,oklch(68.1% 0.162 75.834));--color-content-neutral:color-mix(in oklch,var(--color-brand-content,oklch(68.1% 0.162 75.834)) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-brand-content,oklch(68.1% 0.162 75.834)) 70%,transparent)}:where(.accent){--color-field-surface:var(--color-accent-surface,oklch(43.9% 0 0));--color-field-surface-hover:var(--color-accent-surface-hover,color-mix(oklch(20.5% 0 0) 90%,oklch(98.5% 0 0)));--color-field-inverse:var(--color-accent-inverse,oklch(98.5% 0 0));--color-content-stark:var(--color-accent-content,oklch(43.9% 0 0));--color-content-neutral:color-mix(in oklch,var(--color-accent-content,oklch(43.9% 0 0)) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-accent-content,oklch(43.9% 0 0)) 70%,transparent)}:where(.negative){--color-field-surface:var(--color-negative-surface,salmon);--color-field-surface-hover:var(--color-negative-surface-hover,#f08080);--color-field-inverse:var(--color-negative-inverse,maroon);--color-content-stark:var(--color-negative-content,crimson);--color-content-neutral:color-mix(in oklch,var(--color-negative-content,crimson) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-negative-content,crimson) 70%,transparent)}:where(.positive){--color-field-surface:var(--color-positive-surface,#98fb98);--color-field-surface-hover:var(--color-positive-surface-hover,#90ee90);--color-field-inverse:var(--color-positive-inverse,#006400);--color-content-stark:var(--color-positive-content,#32cd32);--color-content-neutral:color-mix(in oklch,var(--color-positive-content,#32cd32) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-positive-content,#32cd32) 70%,transparent)}:where(.stark){color:var(--color-content-stark,oklch(43.9% 0 0))}:where(.neutral){color:var(--color-content-neutral,oklch(43.9% 0 0))}:where(.subtle){color:var(--color-content-subtle,oklch(55.6% 0 0))}}
|
|
1
|
+
@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-rendering:optimizeLegibility}:host,:where(html){font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;line-height:1.5;max-width:100vw;overflow-x:hidden;tab-size:4;width:100vw;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}&:has(dialog:popover-open){overflow:hidden}}:where(body){line-height:inherit;margin:0;max-width:100vw;min-height:100vh}:where(a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where([aria-controls]){cursor:pointer}:where([aria-hidden=false][hidden]){display:initial}:where([aria-hidden=false][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}:where(audio:not([controls])){display:none;height:0}:where(b,strong){font-weight:bolder}:where(button,input,optgroup,select,textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}:where(button,select){text-transform:none}:where(button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button){appearance:button;background-color:transparent;background-image:none}:where(::-webkit-file-upload-button){-webkit-appearance:button;font:inherit}:where(::-webkit-inner-spin-button,::-webkit-outer-spin-button){height:auto}:where(::-webkit-search-decoration){-webkit-appearance:none}:where(button,[role=button]){cursor:pointer}:where(code,samp,pre){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}:where([dir=rtl]){direction:rtl}:where([disabled],:disabled,[aria-disabled=true],.disabled){cursor:default;opacity:.5;pointer-events:none}:where(figcaption){font-size:75%}:where(figure){display:block;padding:0}:where(::file-selector-button){margin-inline-end:4px}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(hr){background-color:var(--color-line,color-mix(oklch(20.5% 0 0) 12%,transparent));border:0;color:inherit;height:1px}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,video){height:auto;max-width:100%}:where(::-webkit-autofill,:-webkit-autofill:focus){transition:background-color 0s 600000s,color 0s 600000s}:where(::-webkit-date-and-time-value){min-height:1lh;text-align:inherit}:where(::-webkit-datetime-edit){display:inline-flex}:where(::-webkit-datetime-edit-fields-wrapper){padding:0}:where(::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field){padding-block:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}:where(small){font-size:80%}:where(span){color:inherit}:where(sub,sup){font-size:50%;line-height:0;position:relative;vertical-align:baseline}:where(sub){bottom:-.25em}:where(sup){top:-.5em}:where(svg):not([fill]){fill:currentColor}:where(svg):not(:root){overflow:hidden}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}:where(::placeholder){color:#9ca3af;opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){:where(::placeholder){color:color-mix(in oklab,currentcolor 50%,transparent)}}:where([popover]){display:none;transition:opacity .15s ease-in,scale .15s ease-in,display .15s ease-in;transition-behavior:allow-discrete;&:popover-open{display:flex}@starting-style{opacity:0;scale:.9}&:not(:popover-open){display:none!important;opacity:0;scale:1;transition-duration:.15s;transition-timing-function:ease-out}}:where(progress){vertical-align:baseline}:where([type=search]){-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}:where(summary){display:list-item}:where(textarea){resize:vertical}[hidden],[un-cloak],[v-cloak],[x-cloak]{display:none}@media (-webkit-min-device-pixel-ratio:2){:where(html){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true]):after,:not([aria-busy=true]):before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}@media (prefers-reduced-motion:no-preference){[dir=rtl] progress:indeterminate{animation-direction:reverse}}::view-transition-group(*){animation-duration:var(--view-transition-duration,.2s);animation-timing-function:var(--view-transition-easing,cubic-bezier(.4,0,.2,1))}[data-no-view-transition],canvas,iframe,video{view-transition-name:none}}@view-transition{navigation:auto}@layer components{:where(details):not(.unstyle){transition:var(--transition,all .05s ease-in-out);width:100%;&[open]>summary:before{transform:rotate(90deg)}& [open] summary{margin-bottom:calc(var(--spacing, .25rem)*4)}&>:last-child{margin-bottom:calc(var(--spacing, .25rem)*8)}:where(summary){align-items:center;color:var(--color-content-stark,oklch(43.9% 0 0));cursor:pointer;display:flex;font-weight:700;justify-content:space-between;padding:var(--spacing-field-padding,.625rem) 0;position:relative;transition:var(--transition,all .05s ease-in-out);user-select:none;&::-webkit-details-marker,&::marker{content:"";display:none}&:hover{color:color-mix(in oklch,var(--color-surface-1,oklch(97% 0 0)) 40%,var(--color-content-stark,oklch(43.9% 0 0)))}&:active{color:color-mix(in oklch,var(--color-surface-1,oklch(97% 0 0)) 50%,var(--color-content-stark,oklch(43.9% 0 0)))}&:before{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 50%,var(--color-field-inverse,oklch(43.9% 0 0)));content:"";height:1rem;-webkit-mask-image:var(--icon-accordion,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 256 256'%3E%3Cpath d='m184.49 136.49-80 80a12 12 0 0 1-17-17L159 128 87.51 56.49a12 12 0 1 1 17-17l80 80a12 12 0 0 1-.02 17'/%3E%3C/svg%3E"));mask-image:var(--icon-accordion,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 256 256'%3E%3Cpath d='m184.49 136.49-80 80a12 12 0 0 1-17-17L159 128 87.51 56.49a12 12 0 1 1 17-17l80 80a12 12 0 0 1-.02 17'/%3E%3C/svg%3E"));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;order:1;transform:rotate(0);transition:transform .25s ease;width:1rem}}}[dir=rtl] :where(details):not(.unstyle){& summary:before{transform:rotate(180deg)}&[open]>summary:before{transform:rotate(90deg)}}}@layer utilities{:where(.avatar){align-items:center;background-clip:content-box;background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));background-position:50%;background-size:cover;border-radius:var(--radius,.5rem);color:var(--color-field-inverse,oklch(43.9% 0 0));display:flex;flex-flow:row wrap;flex-shrink:0;font-weight:700;height:var(--spacing-field-height,2.25rem);justify-content:center;position:relative;text-align:center;text-transform:uppercase;width:var(--spacing-field-height,2.25rem);&[x-icon]{color:var(--color-content-subtle,oklch(55.6% 0 0))}:where(img){border-radius:inherit;height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;transition:var(--transition,all .05s ease-in-out);width:100%}:where(figure){background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));border:1px solid var(--color-page,oklch(98.5% 0 0));border-radius:50%;bottom:-3px;height:9px;position:absolute;right:-3px;width:9px;z-index:1}}:where(button.avatar,label.avatar){background-blend-mode:normal;padding:0;&:hover{background-blend-mode:multiply;background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent));& img{filter:brightness(.9)}}}:where(.avatar-wide){align-items:center;display:flex;flex-flow:row;gap:1.5ch;justify-content:start;max-width:100%;overflow:hidden;width:100%;& span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:where(button.avatar-wide){height:fit-content;padding:var(--spacing,.25rem);padding-inline-end:1.5ch;&:hover .avatar{background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent));transition:var(--transition,all .05s ease-in-out)}}:where([role=group]:has(.avatar,button.avatar)){align-items:center;display:flex;flex-flow:row nowrap;:where(.avatar){box-shadow:0 0 0 3px var(--color-page,oklch(98.5% 0 0));margin-inline-end:calc(var(--spacing-field-height, 2.25rem)*-.3)}}}@layer components{:where(button:not(.link),[role=button],[type=button],[type=reset],[type=submit],select):not(code,.unstyle){align-items:center;appearance:button;background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));border:0 solid transparent;border-radius:var(--radius,.5rem);color:var(--color-field-inverse,oklch(43.9% 0 0));cursor:pointer;display:inline-flex;flex-flow:row;gap:.375rem;height:var(--spacing-field-height,2.25rem);justify-content:center;margin:0;max-width:100%;min-width:var(--spacing-field-height,2.25rem);outline-color:var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));overflow:hidden;padding:0 var(--spacing-field-padding,.625rem);text-overflow:ellipsis;transition:var(--transition,all .05s ease-in-out);white-space:nowrap;width:fit-content;& [x-icon],& span{color:inherit}& span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&:has(>svg:only-child){font-size:1rem;padding:0}& svg{margin-left:auto;margin-right:auto}&:active,&:hover{background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent))}&:focus-visible{background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent))}}:where(select):not(.unstyle){appearance:base-select;&::picker-icon{content:"⌄";font-size:20px;height:calc(var(--spacing-field-height, 2.25rem)*.5);line-height:.4;transform:scaleY(.7)}}}@layer components{input[type=checkbox]:not([role=switch],.unstyle){border-radius:.4rem;cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.6);max-width:calc(var(--spacing-field-height, 2.25rem)*.6);min-width:calc(var(--spacing-field-height, 2.25rem)*.6);padding:0;position:relative;width:calc(var(--spacing-field-height, 2.25rem)*.6);&:checked{&:active,&:hover{background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent));border-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent))}}&:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0));content:"";height:60%;left:50%;-webkit-mask-image:var(--icon-checkbox,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='currentColor' d='m0 11 2-2 5 5L18 3l2 2L7 18z'/%3E%3C/svg%3E"));mask-image:var(--icon-checkbox,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='currentColor' d='m0 11 2-2 5 5L18 3l2 2L7 18z'/%3E%3C/svg%3E"));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;opacity:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) scale(0);transform-origin:center;transition:var(--transition,all .05s ease-in-out);width:60%}&:checked:after{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}}}:root{--color-picker-swatch:var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));--icon-color-solid:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-paint-roller-icon lucide-paint-roller' viewBox='0 0 24 24'%3E%3Crect width='16' height='6' x='2' y='2' rx='2'/%3E%3Cpath d='M10 16v-2a2 2 0 0 1 2-2h8a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Crect width='4' height='6' x='8' y='16' rx='1'/%3E%3C/svg%3E");--icon-color-gradient:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-blend-icon lucide-blend' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Ccircle cx='15' cy='15' r='7'/%3E%3C/svg%3E");--icon-color-library:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-swatch-book-icon lucide-swatch-book' viewBox='0 0 24 24'%3E%3Cpath d='M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z'/%3E%3Cpath d='M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7M7 17h.01'/%3E%3Cpath d='m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8'/%3E%3C/svg%3E");--icon-color-grab:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-pipette-icon lucide-pipette' viewBox='0 0 24 24'%3E%3Cpath d='m12 9-8.414 8.414A2 2 0 0 0 3 18.828v1.344a2 2 0 0 1-.586 1.414A2 2 0 0 1 3.828 21h1.344a2 2 0 0 0 1.414-.586L15 12'/%3E%3Cpath d='m18 9 .4.4a1 1 0 1 1-3 3l-3.8-3.8a1 1 0 1 1 3-3l.4.4 3.4-3.4a1 1 0 1 1 3 3zM2 22l.414-.414'/%3E%3C/svg%3E");--icon-alpha-pattern:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cpath fill='gray' d='M0 0h1v1H0zM1 1h1v1H1z' opacity='.15'/%3E%3C/svg%3E")}@layer components{:where(input[type=color]){appearance:none;-webkit-appearance:none;&::-webkit-color-swatch-wrapper{padding:0}&::-webkit-color-swatch{border:0}&::-moz-color-swatch{border:0}}}@layer utilities{:where([x-colorpicker\.swatch],input[type=color]):not(.unstyle){background:var(--color-picker-swatch,#000);border-color:oklch(from var(--color-picker-swatch,#000) calc(l + (.5 - l) * .35) c calc(h + 0));border-radius:var(--radius,.5rem);border-style:solid;border-width:1px;cursor:pointer;height:var(--spacing-field-height,2.25rem);max-width:var(--spacing-field-height,2.25rem);min-width:var(--spacing-field-height,2.25rem);overflow:hidden;padding:0;position:relative;transition:var(--transition,all .05s ease-in-out);width:var(--spacing-field-height,2.25rem);&:active,&:focus,&:focus-visible,&:hover{border-color:oklch(from var(--color-picker-swatch,#000) calc(l + (.5 - l) * .35) c calc(h + 0)/.5)}&:before{background-image:var(--icon-alpha-pattern);background-position:0 0;background-size:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}}:where([x-colorpicker]):not(.unstyle){height:fit-content;max-height:30rem;max-width:18rem;min-width:18rem;overflow:hidden;& :where(.tabs-wrapper){border-bottom:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));display:flex;padding:2px;width:100%;& button{flex:1;justify-content:center}}& [x-colorpicker\.solid]{& :where(.canvas-wrapper){aspect-ratio:1;cursor:crosshair;overflow:hidden;padding:2px;position:relative;touch-action:none;width:100%}& canvas{display:block;height:100%;width:100%}& :where(.color-reticle){border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.3),inset 0 0 0 1px rgba(0,0,0,.2);height:.75rem;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:.75rem;z-index:1}& :where(.solid-options-inputs){display:flex;flex-direction:column;gap:.75rem;padding:.75rem;& div:has(button[x-colorpicker\.set-color-space],input[x-colorpicker\.set-color-value],input[x-colorpicker\.set-alpha-value]){display:flex;width:100%}}& input[x-colorpicker\.set-alpha],& input[x-colorpicker\.set-hue]{appearance:none;-webkit-appearance:none;background:transparent;border:none;border-radius:1rem;cursor:pointer;height:.75rem;outline:none;padding:0;width:100%;&::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.25);cursor:grab;height:1rem;width:1rem;&:active{cursor:grabbing}}&::-moz-range-thumb{background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.25);cursor:grab;height:1rem;width:1rem;&:active{cursor:grabbing}}&::-webkit-slider-runnable-track{border-radius:1rem;height:.75rem}&::-moz-range-track{border-radius:1rem;height:.75rem}}& input[x-colorpicker\.set-hue]{&::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}&::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}}& input[x-colorpicker\.set-alpha]{--color-picker-alpha:#000;position:relative;&::-webkit-slider-runnable-track{background:linear-gradient(to right,transparent,var(--color-picker-alpha)),var(--icon-alpha-pattern) 0 0 /.5rem .5rem}&::-moz-range-track{background:linear-gradient(to right,transparent,var(--color-picker-alpha)),var(--icon-alpha-pattern) 0 0 /.5rem .5rem}}& button[x-colorpicker\.set-color-space]{justify-content:center;padding-inline-end:0;padding-inline-start:0;width:7ch}& input[x-colorpicker\.set-color-value]{flex:1;padding-inline-end:0}& input[x-colorpicker\.set-alpha-value]{padding-inline-start:0;text-align:end;width:fit-content}}& [x-colorpicker\.gradient]{& :where(.layer-options-wrapper){border-bottom:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));& :where(.layer-options-inputs){align-items:center;display:flex;flex-flow:row nowrap;padding:.5rem;& button{justify-content:center;width:auto}& :where(.layer-angle-wrapper){position:relative;& input[x-colorpicker\.set-angle]{cursor:ew-resize;padding-inline-end:.75rem;padding-inline-start:0;text-align:end;width:5.5ch;&:focus{cursor:text}}& span{color:var(--color-content-neutral,oklch(43.9% 0 0));position:absolute;right:.25rem;top:0}}& [x-colorpicker\.layer-stops-bar]{background:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));border-radius:1rem;cursor:pointer;height:.75rem;margin-inline-end:.5rem;margin-inline-start:1rem;position:relative;width:100%;& :where(.stop-handle){border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.25);cursor:grab;height:1rem;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);width:1rem;z-index:1;&:hover{box-shadow:0 0 0 1px rgba(0,0,0,.25),0 1px 5px rgba(0,0,0,.25)}&:active{cursor:grabbing}&.active{box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.85),0 1px 5px #000}}}}& [x-colorpicker\.solid]{padding:0;& :where(.canvas-wrapper){margin:auto;padding:0 0 2px;width:calc(100% - 2rem)}& :where(.solid-options-inputs){padding-left:1rem;padding-right:1rem}}}& :where(.gradient-value-wrapper){padding:.5rem;& [x-colorpicker\.set-gradient-value]{field-sizing:content;resize:none}}}& [data-gradient-type=radial] .layer-angle-wrapper{visibility:hidden}& [x-colorpicker\.library]{max-height:30rem;overflow-y:auto;& :where(.library-wrapper){display:flex;flex-flow:column;gap:1rem;padding:1rem 1rem 4rem;width:100%;& :where(.library-group){display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;width:100%;&:not(:last-child){border-bottom:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent))}& :where(.library-palette){display:grid;gap:1px;grid-template-columns:repeat(11,1fr);& button[x-colorpicker\.apply-color]{aspect-ratio:1/1;border:1px solid hsla(0,0%,100%,.15);border-radius:calc(var(--radius, .5rem)/2);height:auto;max-height:1.375rem;max-width:1.375rem;min-height:0;min-width:0;width:100%;&:hover{border:1px solid hsla(0,0%,100%,.35)}&.active{border:1px solid #fff;box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.85),0 0 1px #000,inset 0 0 0 4px rgba(0,0,0,.25)}}}}}}}:where(menu[popover][x-colorpicker]:not(.unstyle)){padding:0;& .tabs-wrapper button{border:1px solid var(--color-popover-surface,oklch(98.5% 0 0))}}:where(menu[popover]:not(.unstyle) [x-colorpicker\.library],.dropdown-menu:not(.unstyle) [x-colorpicker\.library]){& :where(.library-wrapper){padding:.5rem .5rem 4rem!important}& :where(small){padding-inline-start:0}}:where(.color-icon-solid,.color-icon-gradient,.color-icon-library,.color-icon-grab,.gradient-layer-icon-linear,.gradient-layer-icon-radial,.gradient-layer-icon-conic){aspect-ratio:1/1;background-color:currentColor;height:calc(var(--spacing-field-height, 2.25rem)/2);max-height:1rem}:where(dialog[x-colorpicker]){border-radius:calc(var(--radius, .5rem))}:where(.color-icon-solid){mask-image:var(--icon-color-solid)}:where(.color-icon-gradient){mask-image:var(--icon-color-gradient)}:where(.color-icon-library){mask-image:var(--icon-color-library)}:where(.color-icon-grab){mask-image:var(--icon-color-grab)}.gradient-layer-icon-linear{background:linear-gradient(to right,var(--color-content-neutral,oklch(43.9% 0 0)),color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 0%,transparent 100%));border-radius:50%}.gradient-layer-icon-radial{background:radial-gradient(var(--color-content-neutral,oklch(43.9% 0 0)),color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 0%,transparent 100%));border-radius:50%}.gradient-layer-icon-conic{background:conic-gradient(var(--color-content-neutral,oklch(43.9% 0 0)),color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 0%,transparent 100%));border-radius:50%}}@layer components{:where(dialog[popover],.dialog):not(.unstyle){background-color:var(--color-popover-surface,oklch(98.5% 0 0));border:0;border-radius:calc(var(--radius, .5rem)*2);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);color:var(--color-content-stark,oklch(43.9% 0 0));flex-direction:column;left:0;margin:auto;max-height:90vh;max-width:100%;min-height:200px;position:fixed;right:0;width:500px;&::backdrop{background-color:rgba(0,0,0,.2)}& :where(header,main,footer){padding:calc(var(--spacing, .25rem)*4)}& :where(header){align-items:center;display:flex;gap:calc(var(--spacing, .25rem)*4);justify-content:space-between}& :where(main){flex-grow:1}& :where(footer){align-items:center;display:flex;gap:calc(var(--spacing, .25rem)*2);justify-content:end;margin-top:auto}@media screen and (max-width:768px){margin-bottom:auto!important;margin-left:auto!important;margin-right:auto!important;margin-top:auto!important;max-height:calc(100vh - var(--spacing, .25rem)*4 - var(--spacing, .25rem)*4)!important;width:calc(100vw - var(--spacing, .25rem)*4 - var(--spacing, .25rem)*4)!important}}:where(.dialog){height:fit-content;inset:0;z-index:10}.dark :where(dialog)::backdrop{background-color:rgba(0,0,0,.35)}html:has(dialog:popover-open){& menu[popover]:not(dialog *){opacity:0;pointer-events:none;scale:.9;transition:opacity .15s ease-out,scale .15s ease-out;&:popover-open{display:flex!important}}}html:has(dialog:popover-open~dialog:popover-open){& dialog:popover-open:not(:last-of-type) menu[popover]{opacity:0;pointer-events:none;scale:.9;transition:opacity .15s ease-out,scale .15s ease-out;&:popover-open{display:flex!important}}}}@layer utilities{:where(.divider){align-items:center;color:var(--color-content-neutral,oklch(43.9% 0 0));display:flex;flex-flow:row nowrap;font-size:.875rem;height:1px;justify-content:center;margin:var(--spacing-field-padding,.625rem) 0;white-space:nowrap;width:100%;&:after,&:before{background-color:var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));content:"";display:inline-flex;flex:1;height:1px;width:auto}&:not(:empty){gap:var(--spacing-field-padding,.625rem)}}:where(.divider.start){justify-content:flex-start;&:before{display:none}}:where(.divider.end){justify-content:flex-end;&:after{display:none}}.divider.vertical{align-self:stretch;flex-flow:column nowrap;height:auto;margin:0 var(--spacing-field-padding,.625rem);min-height:100%;min-width:1px;width:fit-content;&:after,&:before{content:"";height:auto;min-height:1px;width:1px}& [x-icon]{flex-shrink:0;font-size:.875rem;min-height:.875rem}}}@layer components{:where(menu[popover],.dropdown-menu):where(:not(.unstyle)){background:var(--color-popover-surface,oklch(98.5% 0 0));border:0;border-radius:var(--radius,.5rem);box-shadow:0 0 0 1px hsla(0,0%,6%,.05),0 3px 6px hsla(0,0%,6%,.1),0 9px 24px hsla(0,0%,6%,.2);flex-flow:column nowrap;gap:0;height:fit-content;inset:auto;list-style:none;margin:var(--spacing-popover-offset,.5rem) 0;max-height:90vh;min-width:160px;overflow-x:hidden;padding:.25rem;position-area:end span-end;position-try-fallbacks:flip-inline,flip-block,flip-start;transform-origin:top center;width:fit-content;z-index:50;& :where(li,a,button,label){align-items:center;background-color:transparent;border-radius:6px;color:var(--color-content-stark,oklch(43.9% 0 0));cursor:pointer;display:inline-flex;font-weight:400;justify-content:start;max-width:100%;min-height:var(--spacing-field-height,2.25rem);overflow:hidden;padding-inline-end:.5rem;padding-inline-start:.5rem;text-align:start;text-decoration:none;text-overflow:ellipsis;user-select:none;white-space:nowrap;width:100%;&:hover{text-decoration:inherit}&:active,&:hover{background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));color:var(--color-field-inverse,oklch(43.9% 0 0))}& [x-icon],& span{color:inherit}& [x-icon]:first-child:not(:only-child){margin-inline-end:.375rem}}& small{color:var(--color-content-neutral,oklch(43.9% 0 0));padding:.25rem .5rem}& hr{background-color:var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));flex-shrink:0;margin-inline-start:-.25rem;margin-bottom:.25rem;margin-top:.25rem;width:calc(100% + .5rem)}& label{cursor:default;padding-inline-end:.5rem;padding-inline-start:.5rem;&:hover{background-color:transparent}&:has(input[role=switch]){justify-content:space-between}}& :where(input,textarea){flex-shrink:0;&:not(:first-child){margin-top:var(--spacing,.25rem)}}& span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:where(.dark menu[popover]) :where(li,a,button,label):hover{background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent))}:where(menu menu):where(:not(.unstyle)){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end end}:where(menu.center){position-area:center}:where(menu.top){margin:var(--spacing-popover-offset,.5rem) 0;position-area:top}:where(menu.bottom){margin:var(--spacing-popover-offset,.5rem) 0;position-area:bottom}:where(menu.start){margin:0 var(--spacing-popover-offset,.5rem);position-area:center start}:where(menu.end){margin:0 var(--spacing-popover-offset,.5rem);position-area:center end}:where(menu.top-start){margin:var(--spacing-popover-offset,.5rem) 0;position-area:start span-end}:where(menu.top-end){margin:var(--spacing-popover-offset,.5rem) 0;position-area:start span-start}:where(menu.bottom-start){margin:var(--spacing-popover-offset,.5rem) 0;position-area:end span-end}:where(menu.bottom-end){margin:var(--spacing-popover-offset,.5rem) 0;position-area:end span-start}:where(menu.start-top){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end start}:where(menu.start-bottom){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-start start}:where(menu.end-top){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end end}:where(menu.end-bottom){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-start end}:where(menu.top-start-corner,menu.start-top-corner){margin:var(--spacing-popover-offset,.5rem);position-area:start start}:where(menu.top-end-corner,menu.end-top-corner){margin:var(--spacing-popover-offset,.5rem);position-area:start end}:where(menu.bottom-start-corner,menu.start-bottom-corner){margin:var(--spacing-popover-offset,.5rem);position-area:end start}:where(menu.bottom-end-corner,menu.end-bottom-corner){margin:var(--spacing-popover-offset,.5rem);position-area:end end}@media (pointer:coarse){menu[popover]:not(.unstyle){bottom:1rem;left:1rem;margin:0;position:fixed;position-area:none;top:auto;width:calc(100% - 2rem);& :where(li,a,button,label) [x-icon]:first-child:not(:only-child){margin-inline-end:.8125rem}}}}@layer components{:where([role=group]:has(button,input,select)):not(.unstyle){align-items:center;display:flex;flex-flow:row nowrap;gap:0;max-width:100%;width:fit-content;&>*{flex-basis:auto;flex-shrink:0;&:focus{z-index:1}}&>:first-child{border-end-end-radius:0;border-start-end-radius:0}&>:not(:first-child):not(:last-child){border-radius:0}&>:last-child{border-end-start-radius:0;border-start-start-radius:0}&.even>*{flex-shrink:1;width:100%}& input{width:fit-content}}:where(form):not(.unstyle){display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem)*4);width:100%}:where(fieldset):not(.unstyle){display:flex;flex-direction:column;gap:.375ch calc(var(--spacing, .25rem)*2);width:100%;&:has([type=radio],[type=checkbox]){gap:calc(var(--spacing, .25rem)*2)}}:where(fieldset:has(legend)):not(.unstyle){border-color:var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);border-style:solid;border-width:1px;padding:1ch 1.5ch 1.5ch;& :where(legend){color:var(--color-content-subtle,oklch(55.6% 0 0));font-size:.875rem;padding:0 1.5ch}}:where(label,.label):has([type=radio],[type=checkbox]):not(.unstyle){align-items:center;cursor:pointer;display:flex;flex-flow:row;gap:1ch;outline:0 none;&:focus-within{box-shadow:0 0 0 0}}:where(label:not(:has(.label)),.label):has(button,[role=button],[type=button],[type=submit],select,input:not([role=button],[type=checkbox],[type=radio],[type=file],[type=search]),textarea):not(:has(data)):not(.unstyle){cursor:pointer;display:flex;flex-direction:column;gap:.2ch;text-indent:calc(var(--radius, .5rem)/2);width:100%;:where(*){text-indent:0}:where(span:first-of-type){padding-inline-start:calc(var(--radius, .5rem)/2)}:where(button,[role=button],[type=button],[type=submit],select,input:not([role=button],[type=checkbox],[type=radio],[type=file],[type=search]),textarea){max-width:100%;width:100%}:has([type=search],[type=file]) :where([type=search],[type=file]){margin-top:.2ch}}label:has(data):not(.unstyle){align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;width:100%;&:focus-within{box-shadow:0 0 0 0}& :where(.label,button,input:not([type=checkbox],[type=radio]),select,textarea){max-width:50%;width:calc(var(--spacing-field-height, 2.25rem)*8)}& .label:focus-within{box-shadow:0 0 0 2px color-mix(in oklch,var(--color-content-stark,oklch(43.9% 0 0)) 35%,transparent)}&:has(textarea){align-items:start;:where(data){padding-top:calc(var(--spacing, .25rem))}}}label:has(.label):not(.unstyle){background-color:transparent;cursor:default;justify-content:space-between;:where([type=search]){max-width:100%;width:100%}}}@layer components{:where(input:not([type=range],[type=color]),textarea,label:has([type=search],[type=file]),.label:has([type=search],[type=file])):not(.unstyle){appearance:none;background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));border:0 solid transparent;border-radius:var(--radius,.5rem);color:var(--color-field-inverse,oklch(43.9% 0 0));cursor:text;max-width:100%;transition:var(--transition,all .05s ease-in-out);width:100%;&:active,&:hover{background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent))}&:focus-visible{background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent))}&::placeholder{color:color-mix(in oklch,var(--color-field-inverse,oklch(43.9% 0 0)) 65%,transparent)}&::selection{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 80%,var(--color-field-inverse,oklch(43.9% 0 0)))}&[type=file]{left:0;max-height:0;max-width:0;opacity:0;overflow:hidden;position:absolute;top:0;z-index:-1}}:where(input:not([type=range]):not(.unstyle)){height:var(--spacing-field-height,2.25rem);padding-left:var(--spacing-field-padding,.625rem);padding-right:var(--spacing-field-padding,.625rem)}:where(label,.label):has([type=search],[type=file]):not(.unstyle){align-items:center;display:flex;flex-flow:row;padding-inline-start:0;& :where(input){background:transparent;padding-inline-end:0;padding-inline-start:0;&:focus-visible,&:hover{background:transparent}&:focus-visible{box-shadow:0 0 0 0 transparent}}&:has(input+*){padding-inline-end:.375rem}&:has(input[type=file]+[x-icon]){padding-inline-end:0}}:where(label,.label):has([type=file]):not(.unstyle){cursor:pointer;gap:var(--spacing,.25rem);height:var(--spacing-field-height,2.25rem);justify-content:center}:where(label,.label):has([type=search]):not(.unstyle){justify-content:start;& [x-icon]{align-items:center;color:var(--color-content-subtle,oklch(55.6% 0 0));display:flex;height:100%;justify-content:center;margin-inline-end:0;width:var(--spacing-field-height,2.25rem)}}:where(input[type=search]):not(.unstyle)::-webkit-search-cancel-button{appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}:where(textarea):not(.unstyle){display:block;height:auto;padding:var(--spacing-field-padding,.625rem) calc(var(--spacing-field-padding, .625rem)*1.3)}}:root{--presence-focus-outline-width:2px;--presence-focus-outline-style:dashed;--presence-focus-outline-offset:2px;--presence-focus-opacity:0.6;--presence-focus-color:#3b82f6;--presence-caret-width:2px;--presence-caret-height:1.2em;--presence-caret-color:#3b82f6;--presence-caret-z-index:1000;--presence-caret-blink-duration:1s;--presence-caret-opacity-high:1;--presence-caret-opacity-low:0.3;--presence-selection-color:#3b82f6;--presence-selection-opacity:0.2;--presence-selection-z-index:999;--presence-cursor-size:8px;--presence-cursor-border-width:2px;--presence-cursor-z-index:1001;--presence-throttle:300ms;--presence-cleanup-interval:30000ms;--presence-min-change-threshold:5px;--presence-idle-threshold:5000ms}@layer elements{:where(.presence-focused){opacity:var(--presence-focus-opacity);outline:var(--presence-focus-outline-width) var(--presence-focus-outline-style) var(--presence-focus-color);outline-offset:var(--presence-focus-outline-offset)}:where(.presence-focused[data-presence-focus-color]){--presence-focus-color:attr(data-presence-focus-color);outline-color:var(--presence-focus-color)}:where(.presence-caret){animation:presence-caret-blink var(--presence-caret-blink-duration) infinite;background-color:var(--presence-caret-color);height:var(--presence-caret-height);pointer-events:none;position:absolute;width:var(--presence-caret-width);z-index:var(--presence-caret-z-index)}:where(.presence-caret[data-presence-caret-color]),[data-presence-caret-color] .presence-caret{--presence-caret-color:attr(data-presence-caret-color)}@keyframes presence-caret-blink{0%,50%{opacity:var(--presence-caret-opacity-high)}51%,to{opacity:var(--presence-caret-opacity-low)}}:where(.presence-selection){background-color:var(--presence-selection-color);opacity:var(--presence-selection-opacity);pointer-events:none;position:absolute;z-index:var(--presence-selection-z-index)}:where(.presence-selection){background-color:var(--presence-selection-color)}:where(.presence-cursor){background-color:var(--presence-cursor-color,var(--presence-focus-color));border:var(--presence-cursor-border-width) solid var(--presence-cursor-color,var(--presence-focus-color));border-radius:50%;height:var(--presence-cursor-size);pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:var(--presence-cursor-size);z-index:var(--presence-cursor-z-index)}:where(.presence-cursor-label){background-color:var(--presence-cursor-color,var(--presence-focus-color));border-radius:4px;color:oklch(98.5% 0 0);font-size:12px;left:50%;padding:2px 6px;pointer-events:none;position:absolute;top:calc(var(--presence-cursor-size) + 4px);transform:translateX(-50%);white-space:nowrap;z-index:calc(var(--presence-cursor-z-index) + 1)}:where([data-presence-caret-user],[data-presence-selection-user],[data-presence-focus-user]){position:relative}}@layer components{input[type=radio]:not(.unstyle){border-radius:50%;cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.625);min-width:calc(var(--spacing-field-height, 2.25rem)*.625);padding:5px;position:relative;width:calc(var(--spacing-field-height, 2.25rem)*.625);&:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0));border-radius:50%;content:"";height:60%;left:50%;opacity:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) scale(0);transform-origin:center;transition:var(--transition,all .05s ease-in-out);width:60%}&:checked:after{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}}}@layer components{input[type=range]:not(.unstyle){appearance:none;background-color:transparent;border-radius:var(--radius,.5rem);cursor:default;&::-webkit-slider-runnable-track{background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);cursor:pointer;height:calc(var(--spacing, .25rem)*2);transition:var(--transition,all .05s ease-in-out)}&:hover::-webkit-slider-runnable-track{background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent))}&::-webkit-slider-thumb{appearance:none;background-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 60%,var(--color-field-inverse,oklch(43.9% 0 0)));border-radius:200px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.5);position:relative;top:50%;transform:translateY(-50%);transition:var(--transition,all .05s ease-in-out);width:calc(var(--spacing-field-height, 2.25rem)*.5)}&::-webkit-slider-thumb:hover{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 30%,var(--color-field-inverse,oklch(43.9% 0 0)))}}:where(datalist):not(.unstyle){display:flex;flex-flow:row nowrap;justify-content:space-between;max-width:100%;width:100%;& option{color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:.875rem;text-align:center;width:2ch}}label:has(input[type=range]):not(.unstyle){cursor:default}}@layer utilities{:where([x-resize]){position:relative;.resize-handle{background:transparent;border:none;display:block;height:var(--spacing-resize-handle,1rem);outline:none;position:absolute;width:var(--spacing-resize-handle,1rem);z-index:100;&:before{background:transparent;content:"";height:1px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .2s ease;width:1px}&:active:before,&:hover:before{background-color:var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent))}}.resize-handle-bottom,.resize-handle-top{cursor:ns-resize;left:0;width:100%;&:before{width:100%}}.resize-handle-end,.resize-handle-left,.resize-handle-right,.resize-handle-start{cursor:ew-resize;height:100%;top:0;&:before{height:100%}}.resize-handle-top{top:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-bottom{bottom:calc(var(--spacing-resize-handle, 1rem)*-.5);top:auto}.resize-handle-left,.resize-handle-start{left:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-end,.resize-handle-right{right:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-top-left{cursor:nw-resize;left:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-top-left,.resize-handle-top-right{height:var(--spacing-resize-handle,1rem);top:calc(var(--spacing-resize-handle, 1rem)*-.5);width:var(--spacing-resize-handle,1rem)}.resize-handle-top-right{cursor:ne-resize;right:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-bottom-left{cursor:sw-resize;left:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-bottom-left,.resize-handle-bottom-right{bottom:calc(var(--spacing-resize-handle, 1rem)*-.5);height:var(--spacing-resize-handle,1rem);width:var(--spacing-resize-handle,1rem)}.resize-handle-bottom-right{cursor:se-resize;right:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-top-start{cursor:nw-resize;left:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-top-end,.resize-handle-top-start{height:var(--spacing-resize-handle,1rem);top:calc(var(--spacing-resize-handle, 1rem)*-.5);width:var(--spacing-resize-handle,1rem)}.resize-handle-top-end{cursor:ne-resize;right:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-bottom-start{cursor:sw-resize;left:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-handle-bottom-end,.resize-handle-bottom-start{bottom:calc(var(--spacing-resize-handle, 1rem)*-.5);height:var(--spacing-resize-handle,1rem);width:var(--spacing-resize-handle,1rem)}.resize-handle-bottom-end{cursor:se-resize;right:calc(var(--spacing-resize-handle, 1rem)*-.5)}.resize-overlay{background:transparent;display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.resizable-closing{opacity:.5;transition:opacity .2s ease}.resizable-closed{display:none!important}.resize-handle:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}@media (prefers-contrast:high){:where(.resize-handle:hover .resize-handle-inner){background:rgba(0,0,0,.3)}:where(.resize-handle:active .resize-handle-inner){background:rgba(0,0,0,.5)}}@media (prefers-reduced-motion:reduce){:where(.resize-handle-inner,.resizable-closing,.resize-handle){transition:none}}}[dir=rtl] :where([x-resize]) .resize-handle-start{left:auto;right:calc(var(--spacing-resize-handle, 1rem)*-.5)}[dir=rtl] :where([x-resize]) .resize-handle-end{left:calc(var(--spacing-resize-handle, 1rem)*-.5);right:auto}[dir=rtl] :where([x-resize]) .resize-handle-top-start{cursor:ne-resize;left:auto;right:calc(var(--spacing-resize-handle, 1rem)*-.5)}[dir=rtl] :where([x-resize]) .resize-handle-top-end{cursor:nw-resize;left:calc(var(--spacing-resize-handle, 1rem)*-.5);right:auto}[dir=rtl] :where([x-resize]) .resize-handle-bottom-start{cursor:se-resize;left:auto;right:calc(var(--spacing-resize-handle, 1rem)*-.5)}[dir=rtl] :where([x-resize]) .resize-handle-bottom-end{cursor:sw-resize;left:calc(var(--spacing-resize-handle, 1rem)*-.5);right:auto}}@layer components{:where(nav[popover]){background-color:var(--color-popover-surface,oklch(98.5% 0 0));height:100%;inset-inline-end:0;inset-inline-start:auto;max-width:80vw;min-width:20vw;overflow-y:auto;transition:opacity .15s ease-in,transform .15s ease-in,display .15s ease-in;transition-behavior:allow-discrete;width:fit-content;z-index:200;@starting-style{opacity:1;scale:1;transform:translateX(100%)}&:not(:popover-open){opacity:1;scale:1;transform:translateX(100%)}[dir=rtl] &{@starting-style{transform:translateX(-100%)}&:not(:popover-open){transform:translateX(-100%)}}}:where(nav[popover].appear-start){inset-inline-end:auto;inset-inline-start:0;@starting-style{transform:translateX(-100%)}&:not(:popover-open){transform:translateX(-100%)}[dir=rtl] &{@starting-style{transform:translateX(100%)}&:not(:popover-open){transform:translateX(100%)}}}.dark :where(nav[popover]){background-color:var(--color-surface-1,oklch(97% 0 0))}}@layer components{[x-carousel]{display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%;.carousel-slides{aspect-ratio:16/9;display:flex;transition:transform .3s ease-in-out;width:100%}& button[\@click="next()"],& button[\@click="prev()"]{background-color:oklch(100% 0 0/.15);position:absolute;top:50%;transform:translateY(-50%);&:hover{background-color:oklch(100% 0 0/.3)}}& button[\@click="prev()"]{left:calc(var(--spacing, .25rem)*4)}& button[\@click="next()"]{left:auto;right:calc(var(--spacing, .25rem)*4)}.carousel-dots{bottom:calc(var(--spacing, .25rem)*4);display:flex;gap:calc(var(--spacing, .25rem)*2);left:50%;max-width:100%;overflow-x:auto;padding:0 calc(var(--spacing, .25rem)*4);position:absolute;transform:translateX(-50%);-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar{display:none}& span{background-color:oklch(100% 0 0/.15);border-radius:50%;cursor:pointer;flex-shrink:0;height:.625rem;transition:background-color .3s ease-in-out;width:.625rem;&:hover{background-color:oklch(100% 0 0/.3)}&.active{background-color:#fff}}}}}@layer components{:where(input[role=switch]):not(.unstyle){border-radius:calc(var(--spacing-field-height, 2.25rem)*.65);box-sizing:content-box;cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.65);min-width:calc(var(--spacing-field-height, 2.25rem)*.65*2);padding:0;position:relative;width:calc(var(--spacing-field-height, 2.25rem)*.65*2);&:before{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 60%,var(--color-field-inverse,oklch(43.9% 0 0)));border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);content:"";height:calc(var(--spacing-field-height, 2.25rem)*.65 - .25rem);left:.125rem;position:absolute;top:.125rem;transition:var(--transition,all .05s ease-in-out);width:calc(var(--spacing-field-height, 2.25rem)*.65 - .25rem)}&:checked{background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));&:before{background-color:var(--color-field-inverse,oklch(43.9% 0 0));left:calc(100% - var(--spacing-field-height, 2.25rem)*.65 + .125rem)}&:hover{background-color:var(--color-field-surface-hover,color-mix(oklch(20.5% 0 0) 15%,transparent))}}}}@layer components{:where(table,.grid-table):not(.unstyle){border-radius:var(--radius,.5rem);border-spacing:0;max-width:100%;overflow:hidden;table-layout:auto;width:100%;:where(.grid-header,.grid-row,.grid-footer){display:contents}:where(thead,.grid-header>*){background-color:var(--color-surface-1,oklch(97% 0 0));border-bottom:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent))}:where(th,.grid-header>*){font-weight:700}:where(tr,.grid-row>*){border-bottom:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent))}:where(td,th,.grid-header>*,.grid-row>*,.grid-footer>*){font-size:.875rem;overflow:hidden;padding:calc(var(--spacing, .25rem)*2.5) calc(var(--spacing, .25rem)*4);text-align:left;text-align:start;&>:not(template){display:inline-flex;vertical-align:middle;&:not(:last-child){margin-right:4px}}}:where(:not(:has(tfoot)) tbody tr:last-child,tfoot tr:last-child,.grid-footer>*){border-bottom:0}&.striped{:where(tr:nth-child(2n),.grid-row:nth-child(2n)){background-color:var(--color-surface-1,oklch(97% 0 0))}:where(tr:nth-child(odd),.grid-row:nth-child(odd)){background-color:transparent}:where(tr,.grid-row){border-bottom:0}}}}@layer utilities{:where(.toast-container){align-items:center;bottom:3vw;display:flex;flex-direction:column-reverse;gap:calc(var(--spacing, .25rem)*2);left:50%;position:fixed;transform:translateX(-50%);z-index:100}:where(.toast){background-color:var(--color-popover-surface,oklch(98.5% 0 0));border:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));border-radius:calc(var(--radius, .5rem)*2);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);display:flex;max-width:90vw;opacity:0;overflow:hidden;transform:translateY(1rem);transition:opacity .2s ease-out,transform .2s ease-out,height .2s ease-out,margin .2s ease-out,padding .2s ease-out;:where(.toast-content){align-items:center;color:inherit;display:flex;padding:.375rem .75rem;white-space:pre-wrap;:where([x-icon]:first-child){margin-right:1ch}}:where(.toast-dismiss-button){border-inline-start:1px solid color-mix(in oklch,var(--color-content-stark,oklch(43.9% 0 0)) 20%,transparent);border-radius:0;position:relative;&:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0));content:"";height:50%;left:50%;mask-image:var(--icon-toast-dismiss,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"));mask-repeat:no-repeat;mask-size:100% 100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transform-origin:center;width:50%}}}:where(.toast.brand,.toast.accent,.toast.positive,.toast.negative){background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent));color:var(--color-field-inverse,oklch(43.9% 0 0));:where(.toast-dismiss-button){border-inline-start:1px solid color-mix(in oklch,var(--color-field-inverse,oklch(43.9% 0 0)) 20%,transparent)}}:where(.toast-entry){opacity:1;transform:translateY(0)}:where(.toast-exit){opacity:0;transform:translateY(1rem)}}@layer utilities{:where(.tooltip[popover]){background-color:var(--color-content-stark,oklch(43.9% 0 0));border:0;border-radius:var(--radius,.5rem);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:var(--color-page,oklch(98.5% 0 0));display:block;font-size:.875rem;inset:auto;margin:var(--spacing-popover-offset,.5rem) 0;max-width:200px;padding:calc(var(--spacing, .25rem)*.5) calc(var(--spacing, .25rem)*2);position:absolute;position-area:bottom;position-try-fallbacks:flip-inline,flip-block,flip-start;width:fit-content;&:hover{transition-delay:var(--tooltip-hover-delay,.5s)}& [x-icon]:first-child{margin-inline-end:.25rem}}:where(.tooltip.top){margin:var(--spacing-popover-offset,.5rem) 0;position-area:top}:where(.tooltip.bottom){margin:var(--spacing-popover-offset,.5rem) 0;position-area:bottom}:where(.tooltip.start){margin:0 var(--spacing-popover-offset,.5rem);position-area:center start}:where(.tooltip.end){margin:0 var(--spacing-popover-offset,.5rem);position-area:center end}:where(.tooltip.top-start){margin:var(--spacing-popover-offset,.5rem) 0;position-area:start span-end}:where(.tooltip.top-end){margin:var(--spacing-popover-offset,.5rem) 0;position-area:start span-start}:where(.tooltip.bottom-start){margin:var(--spacing-popover-offset,.5rem) 0;position-area:end span-end}:where(.tooltip.bottom-end){margin:var(--spacing-popover-offset,.5rem) 0;position-area:end span-start}:where(.tooltip.start-top){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end start}:where(.tooltip.start-bottom){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-start start}:where(.tooltip.end-top){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end end}:where(.tooltip.end-bottom){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-start end}:where(.tooltip.top-start-corner,.tooltip.start-top-corner){margin:var(--spacing-popover-offset,.5rem);position-area:start start}:where(.tooltip.top-end-corner,.tooltip.end-top-corner){margin:var(--spacing-popover-offset,.5rem);position-area:start end}:where(.tooltip.bottom-start-corner,.tooltip.start-bottom-corner){margin:var(--spacing-popover-offset,.5rem);position-area:end start}:where(.tooltip.bottom-end-corner,.tooltip.end-bottom-corner){margin:var(--spacing-popover-offset,.5rem);position-area:end end}}@layer base{.caption,.h1,.h2,.h3,.h4,.h5,.h6,.label,.paragraph,.small,:where(abbr,address,blockquote,code,del,figcaption,h1,h2,h3,h4,h5,h6,ins,label:not(.avatar,:has([type=file],[type=search])),legend,p,small,cite,q):not(.unstyle){color:var(--color-content-stark,oklch(43.9% 0 0));& .link,& a:not(.unstyle){text-decoration:underline;text-underline-offset:2px}& [x-icon]{margin-inline-end:.25em}}.h1,.h2,.h3,.h4,.h5,.h6,:where(h1,h2,h3,h4,h5,h6):not(.unstyle){font-weight:550;word-wrap:break-word}.h1,.h2,.h3,:where(h1,h2,h3):not(.unstyle){letter-spacing:-.025em}.h1,:where(h1):not(.unstyle){font-size:3rem;line-height:1.25}.h2,:where(h2):not(.unstyle){font-size:2.25rem}.h3,:where(h3):not(.unstyle){font-size:1.75rem;line-height:1.4}.h4,:where(h4):not(.unstyle){font-size:1rem}.h5,:where(h5):not(.unstyle){color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:1rem;line-height:1rem;& a:hover{color:var(--color-content-stark,oklch(43.9% 0 0))}}.h6,:where(h6):not(.unstyle){color:var(--color-brand-content,oklch(68.1% .162 75.834));font-size:.8125rem;line-height:1.4}.paragraph,:where(p):not(.unstyle){line-height:1.6}.link,:where(a:not([role=button])):not(.unstyle){color:var(--color-content-stark,oklch(43.9% 0 0));cursor:pointer;text-align:unset;text-decoration:none;transition:var(--transition,all .05s ease-in-out);&:hover{color:var(--color-content-neutral,oklch(43.9% 0 0))}&:where(:has([x-icon])){align-items:center;display:inline-flex;gap:.25em}}:where(aside):not(.unstyle){border:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);padding:calc(var(--spacing, .25rem)*4)}:where(.badge){align-items:center;background-color:var(--color-field-surface,color-mix(oklch(97% 0 0) 10%,transparent));border-radius:100px;color:var(--color-field-inverse,oklch(43.9% 0 0));display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;height:fit-content;justify-content:center;line-height:1;padding:.35ch .65ch;width:fit-content;&:only-child[x-icon]{padding:.35ch}}:where(blockquote):not(.unstyle){border-inline-end:none;border-inline-start:.25rem solid color-mix(in oklch,var(--color-content-stark,oklch(43.9% 0 0)) 25%,transparent);color:var(--color-content-stark,oklch(43.9% 0 0));display:block;margin:calc(var(--spacing, .25rem)*4) 0;max-width:100%;padding:0 calc(var(--spacing, .25rem)*4);width:100%;& *{color:inherit}}:where(code):not(.unstyle){display:inline-block;font-size:82.5%;height:fit-content;line-height:1.4;padding:0 .7ch;width:fit-content;word-wrap:break-word;background-color:color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 10%,transparent);border:1px solid color-mix(in oklch,var(--color-content-subtle,oklch(55.6% 0 0)) 10%,transparent);border-radius:var(--radius,.5rem);color:var(--color-content-neutral,oklch(43.9% 0 0));&[role=button]{cursor:pointer}}.caption,:where(figcaption):not(.unstyle){color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:.8125rem;& a:not([role=button]){color:inherit;&:hover{color:var(--color-content-stark,oklch(98.5% 0 0))}}}:where(figure figcaption):not(.unstyle){margin:calc(var(--spacing, .25rem)*2) auto;text-align:center}.small,:where(small):not(.unstyle){color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:.875rem;& a:not([role=button]){color:inherit;&:hover{color:var(--color-content-stark,oklch(98.5% 0 0))}}}:where([x-icon]){display:inline-flex;width:fit-content}:where(ins):not(.unstyle){text-decoration:none}.kbd,:where(kbd):not(.unstyle){background-color:color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 10%,transparent);border-radius:calc(var(--radius, .5rem)/1.5);color:var(--color-content-neutral,oklch(43.9% 0 0));display:inline-block;font-family:inherit;font-size:75%;font-weight:600;line-height:1;min-width:1.4rem;padding:.3rem;text-align:center;vertical-align:baseline;width:fit-content;&:not(:last-of-type){margin-inline-end:1px}}[dir=rtl] :where(kbd:not(:last-of-type),.kbd:not(:last-of-type)){margin-inline-end:0;margin-inline-start:1px}.label,:where(label):not(.unstyle){user-select:none;width:-moz-fit-content;width:fit-content}.legend,:where(legend):not(.unstyle){display:block;max-width:100%;white-space:normal}:where(ol):not(.unstyle){list-style-type:decimal}:where(ul):not(.unstyle){list-style-type:disc}:where(ol):not(.unstyle),:where(ul):not(.unstyle){padding-inline-start:1.75ch;&:has(input[type=checkbox]){padding-inline-start:0}& li{padding-inline-start:1ch;&:not(:last-of-type){margin-bottom:1.25ch}& .link,& a:not(.unstyle){text-decoration:underline;text-underline-offset:2px}&:has([x-icon]){display:inherit;list-style:none;position:relative;& [x-icon]{left:-1.75ch;position:absolute;top:.45ch}}&:has(input[type=checkbox]){display:inherit;list-style:none;position:relative;& input[type=checkbox]{left:-1ch;position:absolute;top:.45ch}}}}:where(nav,menu):not(.unstyle) ol,:where(nav,menu):not(.unstyle) ul{list-style:none;padding:0;& li,li:not(:last-of-type){margin:0;padding:0}}[dir=rtl] :where(ol):not(nav ol):not(menu ol):not(.unstyle),[dir=rtl] :where(ul):not(nav ul):not(menu ul):not(.unstyle){& li:has([x-icon]){& [x-icon]{left:auto;right:-1.75ch}}& li:has(input[type=checkbox]){& input[type=checkbox]{left:auto;right:-1.25ch}}}:where(ol,ul):not(nav ol):not(menu ol):not(.unstyle) ul,:where(ol,ul):not(nav ul):not(menu ul):not(.unstyle) ol{margin-top:1ch;padding-inline-start:2.75ch;&+li{margin-top:1.5ch}}:where(pre):not(.unstyle){background-color:var(--color-page,oklch(98.5% 0 0));border:1px solid var(--color-line,color-mix(oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);display:flex;flex-flow:row wrap;font-size:.8125rem;line-height:1.7;overflow:hidden;overflow:hidden;tab-size:4;white-space:pre;white-space-collapse:preserve;&>code{background-color:transparent;border:0;box-shadow:none;display:inline-block;flex-grow:1;font-size:inherit;height:auto;line-height:inherit;overflow-x:auto;padding:calc(var(--spacing, .25rem)*4);padding-inline-end:calc(var(--spacing, .25rem)*12);scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}&:not(:has(code)){padding:calc(var(--spacing, .25rem)*4)}}}::selection,:root{--color-red-50:oklch(97.1% 0.013 17.38);--color-red-100:oklch(93.6% 0.032 17.717);--color-red-200:oklch(88.5% 0.062 18.334);--color-red-300:oklch(80.8% 0.114 19.571);--color-red-400:oklch(70.4% 0.191 22.216);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-700:oklch(50.5% 0.213 27.518);--color-red-800:oklch(44.4% 0.177 26.899);--color-red-900:oklch(39.6% 0.141 25.723);--color-red-950:oklch(25.8% 0.092 26.042);--color-orange-50:oklch(98% 0.016 73.684);--color-orange-100:oklch(95.4% 0.038 75.164);--color-orange-200:oklch(90.1% 0.076 70.697);--color-orange-300:oklch(83.7% 0.128 66.29);--color-orange-400:oklch(75% 0.183 55.934);--color-orange-500:oklch(70.5% 0.213 47.604);--color-orange-600:oklch(64.6% 0.222 41.116);--color-orange-700:oklch(55.3% 0.195 38.402);--color-orange-800:oklch(47% 0.157 37.304);--color-orange-900:oklch(40.8% 0.123 38.172);--color-orange-950:oklch(26.6% 0.079 36.259);--color-amber-50:oklch(98.7% 0.022 95.277);--color-amber-100:oklch(96.2% 0.059 95.617);--color-amber-200:oklch(92.4% 0.12 95.746);--color-amber-300:oklch(87.9% 0.169 91.605);--color-amber-400:oklch(82.8% 0.189 84.429);--color-amber-500:oklch(76.9% 0.188 70.08);--color-amber-600:oklch(66.6% 0.179 58.318);--color-amber-700:oklch(55.5% 0.163 48.998);--color-amber-800:oklch(47.3% 0.137 46.201);--color-amber-900:oklch(41.4% 0.112 45.904);--color-amber-950:oklch(27.9% 0.077 45.635);--color-yellow-50:oklch(98.7% 0.026 102.212);--color-yellow-100:oklch(97.3% 0.071 103.193);--color-yellow-200:oklch(94.5% 0.129 101.54);--color-yellow-300:oklch(90.5% 0.182 98.111);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-yellow-500:oklch(79.5% 0.184 86.047);--color-yellow-600:oklch(68.1% 0.162 75.834);--color-yellow-700:oklch(55.4% 0.135 66.442);--color-yellow-800:oklch(47.6% 0.114 61.907);--color-yellow-900:oklch(42.1% 0.095 57.708);--color-yellow-950:oklch(28.6% 0.066 53.813);--color-lime-50:oklch(98.6% 0.031 120.757);--color-lime-100:oklch(96.7% 0.067 122.328);--color-lime-200:oklch(93.8% 0.127 124.321);--color-lime-300:oklch(89.7% 0.196 126.665);--color-lime-400:oklch(84.1% 0.238 128.85);--color-lime-500:oklch(76.8% 0.233 130.85);--color-lime-600:oklch(64.8% 0.2 131.684);--color-lime-700:oklch(53.2% 0.157 131.589);--color-lime-800:oklch(45.3% 0.124 130.933);--color-lime-900:oklch(40.5% 0.101 131.063);--color-lime-950:oklch(27.4% 0.072 132.109);--color-green-50:oklch(98.2% 0.018 155.826);--color-green-100:oklch(96.2% 0.044 156.743);--color-green-200:oklch(92.5% 0.084 155.995);--color-green-300:oklch(87.1% 0.15 154.449);--color-green-400:oklch(79.2% 0.209 151.711);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-green-700:oklch(52.7% 0.154 150.069);--color-green-800:oklch(44.8% 0.119 151.328);--color-green-900:oklch(39.3% 0.095 152.535);--color-green-950:oklch(26.6% 0.065 152.934);--color-emerald-50:oklch(97.9% 0.021 166.113);--color-emerald-100:oklch(95% 0.052 163.051);--color-emerald-200:oklch(90.5% 0.093 164.15);--color-emerald-300:oklch(84.5% 0.143 164.978);--color-emerald-400:oklch(76.5% 0.177 163.223);--color-emerald-500:oklch(69.6% 0.17 162.48);--color-emerald-600:oklch(59.6% 0.145 163.225);--color-emerald-700:oklch(50.8% 0.118 165.612);--color-emerald-800:oklch(43.2% 0.095 166.913);--color-emerald-900:oklch(37.8% 0.077 168.94);--color-emerald-950:oklch(26.2% 0.051 172.552);--color-teal-50:oklch(98.4% 0.014 180.72);--color-teal-100:oklch(95.3% 0.051 180.801);--color-teal-200:oklch(91% 0.096 180.426);--color-teal-300:oklch(85.5% 0.138 181.071);--color-teal-400:oklch(77.7% 0.152 181.912);--color-teal-500:oklch(70.4% 0.14 182.503);--color-teal-600:oklch(60% 0.118 184.704);--color-teal-700:oklch(51.1% 0.096 186.391);--color-teal-800:oklch(43.7% 0.078 188.216);--color-teal-900:oklch(38.6% 0.063 188.416);--color-teal-950:oklch(27.7% 0.046 192.524);--color-cyan-50:oklch(98.4% 0.019 200.873);--color-cyan-100:oklch(95.6% 0.045 203.388);--color-cyan-200:oklch(91.7% 0.08 205.041);--color-cyan-300:oklch(86.5% 0.127 207.078);--color-cyan-400:oklch(78.9% 0.154 211.53);--color-cyan-500:oklch(71.5% 0.143 215.221);--color-cyan-600:oklch(60.9% 0.126 221.723);--color-cyan-700:oklch(52% 0.105 223.128);--color-cyan-800:oklch(45% 0.085 224.283);--color-cyan-900:oklch(39.8% 0.07 227.392);--color-cyan-950:oklch(30.2% 0.056 229.695);--color-sky-50:oklch(97.7% 0.013 236.62);--color-sky-100:oklch(95.1% 0.026 236.824);--color-sky-200:oklch(90.1% 0.058 230.902);--color-sky-300:oklch(82.8% 0.111 230.318);--color-sky-400:oklch(74.6% 0.16 232.661);--color-sky-500:oklch(68.5% 0.169 237.323);--color-sky-600:oklch(58.8% 0.158 241.966);--color-sky-700:oklch(50% 0.134 242.749);--color-sky-800:oklch(44.3% 0.11 240.79);--color-sky-900:oklch(39.1% 0.09 240.876);--color-sky-950:oklch(29.3% 0.066 243.157);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-200:oklch(88.2% 0.059 254.128);--color-blue-300:oklch(80.9% 0.105 251.813);--color-blue-400:oklch(70.7% 0.165 254.624);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-800:oklch(42.4% 0.199 265.638);--color-blue-900:oklch(37.9% 0.146 265.522);--color-blue-950:oklch(28.2% 0.091 267.935);--color-indigo-50:oklch(96.2% 0.018 272.314);--color-indigo-100:oklch(93% 0.034 272.788);--color-indigo-200:oklch(87% 0.065 274.039);--color-indigo-300:oklch(78.5% 0.115 274.713);--color-indigo-400:oklch(67.3% 0.182 276.935);--color-indigo-500:oklch(58.5% 0.233 277.117);--color-indigo-600:oklch(51.1% 0.262 276.966);--color-indigo-700:oklch(45.7% 0.24 277.023);--color-indigo-800:oklch(39.8% 0.195 277.366);--color-indigo-900:oklch(35.9% 0.144 278.697);--color-indigo-950:oklch(25.7% 0.09 281.288);--color-violet-50:oklch(96.9% 0.016 293.756);--color-violet-100:oklch(94.3% 0.029 294.588);--color-violet-200:oklch(89.4% 0.057 293.283);--color-violet-300:oklch(81.1% 0.111 293.571);--color-violet-400:oklch(70.2% 0.183 293.541);--color-violet-500:oklch(60.6% 0.25 292.717);--color-violet-600:oklch(54.1% 0.281 293.009);--color-violet-700:oklch(49.1% 0.27 292.581);--color-violet-800:oklch(43.2% 0.232 292.759);--color-violet-900:oklch(38% 0.189 293.745);--color-violet-950:oklch(28.3% 0.141 291.089);--color-purple-50:oklch(97.7% 0.014 308.299);--color-purple-100:oklch(94.6% 0.033 307.174);--color-purple-200:oklch(90.2% 0.063 306.703);--color-purple-300:oklch(82.7% 0.119 306.383);--color-purple-400:oklch(71.4% 0.203 305.504);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-purple-700:oklch(49.6% 0.265 301.924);--color-purple-800:oklch(43.8% 0.218 303.724);--color-purple-900:oklch(38.1% 0.176 304.987);--color-purple-950:oklch(29.1% 0.149 302.717);--color-fuchsia-50:oklch(97.7% 0.017 320.058);--color-fuchsia-100:oklch(95.2% 0.037 318.852);--color-fuchsia-200:oklch(90.3% 0.076 319.62);--color-fuchsia-300:oklch(83.3% 0.145 321.434);--color-fuchsia-400:oklch(74% 0.238 322.16);--color-fuchsia-500:oklch(66.7% 0.295 322.15);--color-fuchsia-600:oklch(59.1% 0.293 322.896);--color-fuchsia-700:oklch(51.8% 0.253 323.949);--color-fuchsia-800:oklch(45.2% 0.211 324.591);--color-fuchsia-900:oklch(40.1% 0.17 325.612);--color-fuchsia-950:oklch(29.3% 0.136 325.661);--color-pink-50:oklch(97.1% 0.014 343.198);--color-pink-100:oklch(94.8% 0.028 342.258);--color-pink-200:oklch(89.9% 0.061 343.231);--color-pink-300:oklch(82.3% 0.12 346.018);--color-pink-400:oklch(71.8% 0.202 349.761);--color-pink-500:oklch(65.6% 0.241 354.308);--color-pink-600:oklch(59.2% 0.249 0.584);--color-pink-700:oklch(52.5% 0.223 3.958);--color-pink-800:oklch(45.9% 0.187 3.815);--color-pink-900:oklch(40.8% 0.153 2.432);--color-pink-950:oklch(28.4% 0.109 3.907);--color-rose-50:oklch(96.9% 0.015 12.422);--color-rose-100:oklch(94.1% 0.03 12.58);--color-rose-200:oklch(89.2% 0.058 10.001);--color-rose-300:oklch(81% 0.117 11.638);--color-rose-400:oklch(71.2% 0.194 13.428);--color-rose-500:oklch(64.5% 0.246 16.439);--color-rose-600:oklch(58.6% 0.253 17.585);--color-rose-700:oklch(51.4% 0.222 16.935);--color-rose-800:oklch(45.5% 0.188 13.697);--color-rose-900:oklch(41% 0.159 10.272);--color-rose-950:oklch(27.1% 0.105 12.094);--color-slate-50:oklch(98.4% 0.003 247.858);--color-slate-100:oklch(96.8% 0.007 247.896);--color-slate-200:oklch(92.9% 0.013 255.508);--color-slate-300:oklch(86.9% 0.022 252.894);--color-slate-400:oklch(70.4% 0.04 256.788);--color-slate-500:oklch(55.4% 0.046 257.417);--color-slate-600:oklch(44.6% 0.043 257.281);--color-slate-700:oklch(37.2% 0.044 257.287);--color-slate-800:oklch(27.9% 0.041 260.031);--color-slate-900:oklch(20.8% 0.042 265.755);--color-slate-950:oklch(12.9% 0.042 264.695);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-800:oklch(27.8% 0.033 256.848);--color-gray-900:oklch(21% 0.034 264.665);--color-gray-950:oklch(13% 0.028 261.692);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% 0.001 286.375);--color-zinc-200:oklch(92% 0.004 286.32);--color-zinc-300:oklch(87.1% 0.006 286.286);--color-zinc-400:oklch(70.5% 0.015 286.067);--color-zinc-500:oklch(55.2% 0.016 285.938);--color-zinc-600:oklch(44.2% 0.017 285.786);--color-zinc-700:oklch(37% 0.013 285.805);--color-zinc-800:oklch(27.4% 0.006 286.033);--color-zinc-900:oklch(21% 0.006 285.885);--color-zinc-950:oklch(14.1% 0.005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-50:oklch(98.5% 0.001 106.423);--color-stone-100:oklch(97% 0.001 106.424);--color-stone-200:oklch(92.3% 0.003 48.717);--color-stone-300:oklch(86.9% 0.005 56.366);--color-stone-400:oklch(70.9% 0.01 56.259);--color-stone-500:oklch(55.3% 0.013 58.071);--color-stone-600:oklch(44.4% 0.011 73.639);--color-stone-700:oklch(37.4% 0.01 67.558);--color-stone-800:oklch(26.8% 0.007 34.298);--color-stone-900:oklch(21.6% 0.006 56.043);--color-stone-950:oklch(14.7% 0.004 49.25);--color-mauve-50:oklch(98.5% 0 0);--color-mauve-100:oklch(96% 0.003 325.6);--color-mauve-200:oklch(92.2% 0.005 325.62);--color-mauve-300:oklch(86.5% 0.012 325.68);--color-mauve-400:oklch(71.1% 0.019 323.02);--color-mauve-500:oklch(54.2% 0.034 322.5);--color-mauve-600:oklch(43.5% 0.029 321.78);--color-mauve-700:oklch(36.4% 0.029 323.89);--color-mauve-800:oklch(26.3% 0.024 320.12);--color-mauve-900:oklch(21.2% 0.019 322.12);--color-mauve-950:oklch(14.5% 0.008 326);--color-olive-50:oklch(98.8% 0.003 106.5);--color-olive-100:oklch(96.6% 0.005 106.5);--color-olive-200:oklch(93% 0.007 106.5);--color-olive-300:oklch(88% 0.011 106.6);--color-olive-400:oklch(73.7% 0.021 106.9);--color-olive-500:oklch(58% 0.031 107.3);--color-olive-600:oklch(46.6% 0.025 107.3);--color-olive-700:oklch(39.4% 0.023 107.4);--color-olive-800:oklch(28.6% 0.016 107.4);--color-olive-900:oklch(22.8% 0.013 107.4);--color-olive-950:oklch(15.3% 0.006 107.1);--color-mist-50:oklch(98.7% 0.002 197.1);--color-mist-100:oklch(96.3% 0.002 197.1);--color-mist-200:oklch(92.5% 0.005 214.3);--color-mist-300:oklch(87.2% 0.007 219.6);--color-mist-400:oklch(72.3% 0.014 214.4);--color-mist-500:oklch(56% 0.021 213.5);--color-mist-600:oklch(45% 0.017 213.2);--color-mist-700:oklch(37.8% 0.015 216);--color-mist-800:oklch(27.5% 0.011 216.9);--color-mist-900:oklch(21.8% 0.008 223.9);--color-mist-950:oklch(14.8% 0.004 228.8);--color-taupe-50:oklch(98.6% 0.002 67.8);--color-taupe-100:oklch(96% 0.002 17.2);--color-taupe-200:oklch(92.2% 0.005 34.3);--color-taupe-300:oklch(86.8% 0.007 39.5);--color-taupe-400:oklch(71.4% 0.014 41.2);--color-taupe-500:oklch(54.7% 0.021 43.1);--color-taupe-600:oklch(43.8% 0.017 39.3);--color-taupe-700:oklch(36.7% 0.016 35.7);--color-taupe-800:oklch(26.8% 0.011 36.5);--color-taupe-900:oklch(21.4% 0.009 43.1);--color-taupe-950:oklch(14.7% 0.004 49.3);--color-black:#000;--color-white:#fff}@layer utilities{:where(.center){align-items:center;justify-content:center}:where(.row,.row-wrap,.col,.col-wrap){display:flex}:where(.col){flex-flow:column nowrap}:where(.col-wrap){flex-flow:column wrap}:where(.row){flex-flow:row nowrap}:where(.row-wrap){flex-flow:row wrap}:where(.content){margin-inline-end:auto;margin-inline-start:auto;max-width:100%;width:var(--spacing-content-width,74rem)}:where(.ghost){background-color:transparent;&:hover{background-color:var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent))}}:where(.hug){height:fit-content;min-width:0;padding:0;width:fit-content}:where(.outlined){border-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 90%,var(--color-field-inverse,oklch(43.9% 0 0)));border-style:solid;border-width:1px}.dark :where(.outlined){border-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 80%,var(--color-field-inverse,oklch(43.9% 0 0)))}:where(.transparent){background-color:transparent!important;color:var(--color-content-neutral,oklch(43.9% 0 0));&:hover{color:var(--color-content-stark,oklch(43.9% 0 0))}}:where(.lg){--spacing-field-height:2.5rem;--spacing-field-padding:0.78rem;font-size:125%}:where(.sm){--spacing-field-height:1.5rem;--spacing-field-padding:0.49rem;font-size:75%;&::picker-icon{line-height:.2}}:where(.disabled){cursor:default;opacity:.5;pointer-events:none}:where(body.page){display:flex;flex-direction:column;min-height:100vh}.page{&>footer,&>header{z-index:30}&>footer,&>header,&>main{padding-inline-end:var(--spacing-viewport-padding,5vw);padding-inline-start:var(--spacing-viewport-padding,5vw)}&>footer nav:not([popover]),&>header nav:not([popover]),&>main>section:not(.banner,.overlay-dark,.overlay-light){margin-inline-end:auto;margin-inline-start:auto;max-width:100%;width:var(--spacing-content-width,74rem)}&>footer{margin-top:auto}}.no-focus:focus,.no-focus:focus-visible,.no-focus:focus-within{box-shadow:0 0 0 0 transparent}:where(.no-scrollbar){-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.no-spinner{-moz-appearance:textfield!important;appearance:textfield!important;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;display:none;margin:0}}:where(.overlay-dark,.overlay-light){position:relative;&:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}>*{position:relative;z-index:1}}:where(.overlay-dark){color:#fff!important;&:after{background:oklch(0 0 0/50%)}}:where(.overlay-light){color:oklch(14.5% 0 0)!important;&:after{background:oklch(100% 0 0/75%)}}:where(.prose,.prose details){max-width:100%;width:42rem;& aside:not([popover]){background-color:color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 20%,transparent);border:1px solid color-mix(in oklch,var(--color-field-surface,color-mix(oklch(20.5% 0 0) 10%,transparent)) 15%,transparent);border-radius:calc(var(--radius, .5rem)*2);color:var(--color-content-stark,oklch(43.9% 0 0));margin-top:1.4rem;padding:calc(var(--spacing, .25rem)*4);&:has([x-icon]):not([x-code-group] aside,aside.frame){display:flex;flex-direction:row;gap:1rem;& [x-icon]{font-size:1.25rem;padding-top:.25rem}}}& [x-code-group] aside.frame{background-color:color-mix(var(--color-surface-1,oklch(97% 0 0)) 65%,transparent);border:0;border-radius:0;font-family:var(--font-sans);font-size:medium;margin-top:0;padding:calc(var(--spacing, .25rem)*4)}&>a:not(:where(h1,h2,h3,h4,h5,h6,p,small,figcaption,label,li,blockquote,pre code,code,kbd,span,mark,[role=button]) a){margin-top:1.4rem}&>blockquote{margin-top:2rem;& *{margin:0}}&>details,&>hr+details{margin-top:0}&>:not(details,hr)+details,&>details:first-child{margin-top:3rem}&>details:last-child,&>details:not(:last-child):not(:has(+details,+hr)){margin-bottom:3rem}&>details+:not(details,hr){margin-top:0}&>figcaption{margin-top:1rem}&>figure{margin-top:1.4rem;& img{margin:0}}&>h1{font-size:2.25rem}&>h1+p{color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:1.125rem;margin-top:.625rem}&>h2{font-size:1.75rem;margin-bottom:.6667rem;margin-top:1rem}&>h3{font-size:1.25rem;margin-top:2.4rem}&>h4{margin-top:3rem}&>h4+p{margin-top:.25rem}&>h5{margin-top:1rem}&>h5,&>h6{margin-bottom:1rem}&>h6{margin-top:2rem}&>hr{margin-bottom:3rem;margin-top:3rem}&>details+hr:has(+details){margin-bottom:1rem;margin-top:1rem}&>img,&>p{margin-top:1.4rem}&>ol,&>small,&>ul{margin-top:1rem}&>[x-code-group],&>[x-code],&>pre,&>table{margin-bottom:2rem;margin-top:2rem}&>[x-code-group] [x-code],&>[x-code] pre{margin-bottom:0;margin-top:0}}:where(.trailing){color:var(--color-content-neutral,oklch(43.9% 0 0));display:inline-block;margin-inline-start:auto}:where(.brand){--color-field-surface:var(--color-brand-surface,oklch(85.2% 0.199 91.936));--color-field-surface-hover:var(--color-brand-surface-hover,oklch(90.5% 0.182 98.111));--color-field-inverse:var(--color-brand-inverse,oklch(98.5% 0 0));--color-content-stark:var(--color-brand-content,oklch(68.1% 0.162 75.834));--color-content-neutral:color-mix(in oklch,var(--color-brand-content,oklch(68.1% 0.162 75.834)) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-brand-content,oklch(68.1% 0.162 75.834)) 70%,transparent)}:where(.accent){--color-field-surface:var(--color-accent-surface,oklch(43.9% 0 0));--color-field-surface-hover:var(--color-accent-surface-hover,color-mix(oklch(20.5% 0 0) 90%,oklch(98.5% 0 0)));--color-field-inverse:var(--color-accent-inverse,oklch(98.5% 0 0));--color-content-stark:var(--color-accent-content,oklch(43.9% 0 0));--color-content-neutral:color-mix(in oklch,var(--color-accent-content,oklch(43.9% 0 0)) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-accent-content,oklch(43.9% 0 0)) 70%,transparent)}:where(.negative){--color-field-surface:var(--color-negative-surface,salmon);--color-field-surface-hover:var(--color-negative-surface-hover,#f08080);--color-field-inverse:var(--color-negative-inverse,maroon);--color-content-stark:var(--color-negative-content,crimson);--color-content-neutral:color-mix(in oklch,var(--color-negative-content,crimson) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-negative-content,crimson) 70%,transparent)}:where(.positive){--color-field-surface:var(--color-positive-surface,#98fb98);--color-field-surface-hover:var(--color-positive-surface-hover,#90ee90);--color-field-inverse:var(--color-positive-inverse,#006400);--color-content-stark:var(--color-positive-content,#32cd32);--color-content-neutral:color-mix(in oklch,var(--color-positive-content,#32cd32) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-positive-content,#32cd32) 70%,transparent)}:where(.stark){color:var(--color-content-stark,oklch(43.9% 0 0))}:where(.neutral){color:var(--color-content-neutral,oklch(43.9% 0 0))}:where(.subtle){color:var(--color-content-subtle,oklch(55.6% 0 0))}}
|