tonal-ui 0.3.0 → 0.4.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/styles.css +491 -1
  2. package/dist/tokens.css +1 -1
  3. package/package.json +2 -2
  4. package/src/tokens/colors.css +5 -5
  5. package/src/tokens/palette.css +2 -0
package/dist/styles.css CHANGED
@@ -1,2 +1,492 @@
1
+
2
+ /* tonal-ui consumer theme */
3
+ @plugin "@tailwindcss/typography";
4
+ @custom-variant dark (&:where(.dark, .dark *));
5
+
6
+ /*
7
+ * Pulse Editorial Design System — Color Palette
8
+ * Base palette with numeric scales (50, 100, 200 ... 900, 950)
9
+ * Semantic tokens reference these values.
10
+ */
11
+
12
+ :root {
13
+ /* ── Blue (Primary) ── */
14
+ --palette-blue-50: #eeefff;
15
+ --palette-blue-100: #dbe1ff;
16
+ --palette-blue-200: #b4c5ff;
17
+ --palette-blue-300: #8da8ff;
18
+ --palette-blue-400: #4d7cff;
19
+ --palette-blue-500: #2563eb;
20
+ --palette-blue-550: #0053db;
21
+ --palette-blue-600: #004ac6;
22
+ --palette-blue-700: #003ea8;
23
+ --palette-blue-800: #002e7a;
24
+ --palette-blue-900: #00174b;
25
+ --palette-blue-950: #000d2e;
26
+
27
+ /* ── Indigo (Secondary) ── */
28
+ --palette-indigo-50: #eef0ff;
29
+ --palette-indigo-100: #dbe1ff;
30
+ --palette-indigo-200: #b4c5ff;
31
+ --palette-indigo-300: #acbfff;
32
+ --palette-indigo-400: #7a96d4;
33
+ --palette-indigo-500: #495c95;
34
+ --palette-indigo-600: #394c84;
35
+ --palette-indigo-700: #31447b;
36
+ --palette-indigo-800: #1f2d5a;
37
+ --palette-indigo-900: #00174b;
38
+ --palette-indigo-950: #000d2e;
39
+
40
+ /* ── Orange (Tertiary) ── */
41
+ --palette-orange-50: #ffede6;
42
+ --palette-orange-100: #ffdbcd;
43
+ --palette-orange-200: #ffb596;
44
+ --palette-orange-300: #ff9060;
45
+ --palette-orange-400: #e06420;
46
+ --palette-orange-500: #bc4800;
47
+ --palette-orange-600: #943700;
48
+ --palette-orange-700: #7d2d00;
49
+ --palette-orange-800: #4e1000;
50
+ --palette-orange-900: #360f00;
51
+ --palette-orange-950: #1f0800;
52
+
53
+ /* ── Neutral (Surface / On-surface) ── */
54
+ --palette-neutral-0: #ffffff;
55
+ --palette-neutral-50: #faf8ff;
56
+ --palette-neutral-100: #f3f3fe;
57
+ --palette-neutral-150: #ededf9;
58
+ --palette-neutral-200: #e7e7f3;
59
+ --palette-neutral-250: #e1e2ed;
60
+ --palette-neutral-300: #d9d9e5;
61
+ --palette-neutral-400: #c3c6d7;
62
+ --palette-neutral-500: #8e909f;
63
+ --palette-neutral-600: #737686;
64
+ --palette-neutral-700: #434655;
65
+ --palette-neutral-800: #2e3039;
66
+ --palette-neutral-850: #1d1e2a;
67
+ --palette-neutral-875: #1a1c26;
68
+ --palette-neutral-900: #191b23;
69
+ --palette-neutral-925: #282a36;
70
+ --palette-neutral-935: #333544;
71
+ --palette-neutral-940: #111827;
72
+ --palette-neutral-950: #11141d;
73
+ --palette-neutral-1000: #0f111a;
74
+
75
+ /* ── Red (Error) ── */
76
+ --palette-red-50: #fff5f5;
77
+ --palette-red-100: #ffdad6;
78
+ --palette-red-200: #ffb4ab;
79
+ --palette-red-300: #ff897d;
80
+ --palette-red-400: #f44336;
81
+ --palette-red-500: #ba1a1a;
82
+ --palette-red-600: #93000a;
83
+ --palette-red-700: #7a0008;
84
+ --palette-red-800: #5c0005;
85
+ --palette-red-900: #410003;
86
+ --palette-red-950: #2d0002;
87
+
88
+ /* ── Green (Success) ── */
89
+ --palette-green-50: #f0fdf4;
90
+ --palette-green-100: #dcfce7;
91
+ --palette-green-200: #bbf7d0;
92
+ --palette-green-300: #86efac;
93
+ --palette-green-400: #4ade80;
94
+ --palette-green-500: #22c55e;
95
+ --palette-green-600: #16a34a;
96
+ --palette-green-700: #166534;
97
+ --palette-green-800: #14532d;
98
+ --palette-green-900: #052e16;
99
+ --palette-green-950: #022c22;
100
+
101
+ /* ── Yellow (Warning) ── */
102
+ --palette-yellow-50: #fefce8;
103
+ --palette-yellow-100: #fef9c3;
104
+ --palette-yellow-200: #fef08a;
105
+ --palette-yellow-300: #fde047;
106
+ --palette-yellow-400: #facc15;
107
+ --palette-yellow-500: #eab308;
108
+ --palette-yellow-600: #ca8a04;
109
+ --palette-yellow-700: #a16207;
110
+ --palette-yellow-800: #854d0e;
111
+ --palette-yellow-900: #713f12;
112
+ --palette-yellow-950: #422006;
113
+
114
+ /* ── Sky (Info) ── */
115
+ --palette-sky-50: #f0f9ff;
116
+ --palette-sky-100: #e0f2fe;
117
+ --palette-sky-200: #bae6fd;
118
+ --palette-sky-300: #7dd3fc;
119
+ --palette-sky-400: #38bdf8;
120
+ --palette-sky-500: #0ea5e9;
121
+ --palette-sky-600: #0284c7;
122
+ --palette-sky-700: #0369a1;
123
+ --palette-sky-800: #075985;
124
+ --palette-sky-900: #0c4a6e;
125
+ --palette-sky-950: #082f49;
126
+ }
127
+
128
+ /*
129
+ * Pulse Editorial Design System — Semantic Color Tokens
130
+ * Maps palette values to semantic roles.
131
+ * Light mode = :root, Dark mode = .dark
132
+ */
133
+
134
+ :root {
135
+ /* ── Surface hierarchy ── */
136
+ --color-surface: var(--palette-neutral-50);
137
+ --color-surface-bright: var(--palette-neutral-50);
138
+ --color-surface-dim: var(--palette-neutral-300);
139
+ --color-surface-container: var(--palette-neutral-150);
140
+ --color-surface-container-lowest: var(--palette-neutral-0);
141
+ --color-surface-container-low: var(--palette-neutral-100);
142
+ --color-surface-container-high: var(--palette-neutral-200);
143
+ --color-surface-container-highest: var(--palette-neutral-250);
144
+ --color-surface-variant: var(--palette-neutral-250);
145
+ --color-surface-tint: var(--palette-blue-550);
146
+
147
+ /* ── Primary ── */
148
+ --color-primary: var(--palette-blue-600);
149
+ --color-primary-container: var(--palette-blue-500);
150
+ --color-primary-fixed: var(--palette-blue-100);
151
+ --color-primary-fixed-dim: var(--palette-blue-200);
152
+ --color-on-primary: var(--palette-neutral-0);
153
+ --color-on-primary-container: var(--palette-blue-50);
154
+ --color-on-primary-fixed: var(--palette-blue-900);
155
+ --color-on-primary-fixed-variant: var(--palette-blue-700);
156
+
157
+ /* ── Secondary ── */
158
+ --color-secondary: var(--palette-indigo-500);
159
+ --color-secondary-container: var(--palette-indigo-300);
160
+ --color-secondary-fixed: var(--palette-indigo-100);
161
+ --color-secondary-fixed-dim: var(--palette-indigo-200);
162
+ --color-on-secondary: var(--palette-neutral-0);
163
+ --color-on-secondary-container: var(--palette-indigo-600);
164
+ --color-on-secondary-fixed: var(--palette-indigo-900);
165
+ --color-on-secondary-fixed-variant: var(--palette-indigo-700);
166
+
167
+ /* ── Tertiary ── */
168
+ --color-tertiary: var(--palette-orange-600);
169
+ --color-tertiary-container: var(--palette-orange-500);
170
+ --color-tertiary-fixed: var(--palette-orange-100);
171
+ --color-tertiary-fixed-dim: var(--palette-orange-200);
172
+ --color-on-tertiary: var(--palette-neutral-0);
173
+ --color-on-tertiary-container: var(--palette-orange-50);
174
+ --color-on-tertiary-fixed: var(--palette-orange-900);
175
+ --color-on-tertiary-fixed-variant: var(--palette-orange-700);
176
+
177
+ /* ── On-surface ── */
178
+ --color-on-surface: var(--palette-neutral-900);
179
+ --color-on-surface-variant: var(--palette-neutral-700);
180
+
181
+ /* ── Outline ── */
182
+ --color-outline: var(--palette-neutral-600);
183
+ --color-outline-variant: var(--palette-neutral-400);
184
+
185
+ /* ── Error ── */
186
+ --color-error: var(--palette-red-500);
187
+ --color-error-container: var(--palette-red-100);
188
+ --color-on-error: var(--palette-neutral-0);
189
+ --color-on-error-container: var(--palette-red-600);
190
+
191
+ /* ── Success ── */
192
+ --color-success: var(--palette-green-600);
193
+ --color-success-container: var(--palette-green-100);
194
+ --color-on-success: var(--palette-neutral-0);
195
+ --color-on-success-container: var(--palette-green-700);
196
+
197
+ /* ── Warning ── */
198
+ --color-warning: var(--palette-yellow-600);
199
+ --color-warning-container: var(--palette-yellow-100);
200
+ --color-on-warning: var(--palette-neutral-0);
201
+ --color-on-warning-container: var(--palette-yellow-800);
202
+
203
+ /* ── Info ── */
204
+ --color-info: var(--palette-sky-600);
205
+ --color-info-container: var(--palette-sky-100);
206
+ --color-on-info: var(--palette-neutral-0);
207
+ --color-on-info-container: var(--palette-sky-800);
208
+
209
+ /* ── Inverse ── */
210
+ --color-inverse-surface: var(--palette-neutral-800);
211
+ --color-inverse-on-surface: var(--palette-neutral-100);
212
+ --color-inverse-primary: var(--palette-blue-200);
213
+
214
+ /* ── Background ── */
215
+ --color-background: var(--palette-neutral-50);
216
+ --color-on-background: var(--palette-neutral-900);
217
+ }
218
+
219
+ .dark {
220
+ /* ── Surface hierarchy ── */
221
+ --color-surface: var(--palette-neutral-940);
222
+ --color-surface-bright: var(--palette-neutral-875);
223
+ --color-surface-dim: var(--palette-neutral-950);
224
+ --color-surface-container: var(--palette-neutral-850);
225
+ --color-surface-container-lowest: var(--palette-neutral-1000);
226
+ --color-surface-container-low: var(--palette-neutral-900);
227
+ --color-surface-container-high: var(--palette-neutral-925);
228
+ --color-surface-container-highest: var(--palette-neutral-935);
229
+ --color-surface-variant: var(--palette-neutral-700);
230
+ --color-surface-tint: var(--palette-blue-550);
231
+
232
+ /* ── Primary ── */
233
+ --color-primary: var(--palette-blue-500);
234
+ --color-primary-container: var(--palette-blue-500);
235
+ --color-primary-fixed: var(--palette-blue-100);
236
+ --color-primary-fixed-dim: var(--palette-blue-200);
237
+ --color-on-primary: var(--palette-neutral-0);
238
+ --color-on-primary-container: var(--palette-blue-50);
239
+ --color-on-primary-fixed: var(--palette-blue-900);
240
+ --color-on-primary-fixed-variant: var(--palette-blue-700);
241
+
242
+ /* ── Secondary ── */
243
+ --color-secondary: var(--palette-indigo-200);
244
+ --color-secondary-container: var(--palette-indigo-700);
245
+ --color-secondary-fixed: var(--palette-indigo-100);
246
+ --color-secondary-fixed-dim: var(--palette-indigo-200);
247
+ --color-on-secondary: var(--palette-neutral-0);
248
+ --color-on-secondary-container: var(--palette-indigo-100);
249
+ --color-on-secondary-fixed: var(--palette-indigo-900);
250
+ --color-on-secondary-fixed-variant: var(--palette-indigo-700);
251
+
252
+ /* ── Tertiary ── */
253
+ --color-tertiary: var(--palette-orange-200);
254
+ --color-tertiary-container: var(--palette-orange-500);
255
+ --color-tertiary-fixed: var(--palette-orange-100);
256
+ --color-tertiary-fixed-dim: var(--palette-orange-200);
257
+ --color-on-tertiary: var(--palette-orange-800);
258
+ --color-on-tertiary-container: var(--palette-orange-50);
259
+ --color-on-tertiary-fixed: var(--palette-orange-900);
260
+ --color-on-tertiary-fixed-variant: var(--palette-orange-700);
261
+
262
+ /* ── On-surface ── */
263
+ --color-on-surface: var(--palette-neutral-250);
264
+ --color-on-surface-variant: var(--palette-neutral-400);
265
+
266
+ /* ── Outline ── */
267
+ --color-outline: var(--palette-neutral-500);
268
+ --color-outline-variant: var(--palette-neutral-700);
269
+
270
+ /* ── Error ── */
271
+ --color-error: var(--palette-red-200);
272
+ --color-error-container: var(--palette-red-600);
273
+ --color-on-error: var(--palette-neutral-0);
274
+ --color-on-error-container: var(--palette-red-100);
275
+
276
+ /* ── Success ── */
277
+ --color-success: var(--palette-green-400);
278
+ --color-success-container: var(--palette-green-700);
279
+ --color-on-success: var(--palette-neutral-0);
280
+ --color-on-success-container: var(--palette-green-100);
281
+
282
+ /* ── Warning ── */
283
+ --color-warning: var(--palette-yellow-400);
284
+ --color-warning-container: var(--palette-yellow-800);
285
+ --color-on-warning: var(--palette-neutral-0);
286
+ --color-on-warning-container: var(--palette-yellow-100);
287
+
288
+ /* ── Info ── */
289
+ --color-info: var(--palette-sky-400);
290
+ --color-info-container: var(--palette-sky-800);
291
+ --color-on-info: var(--palette-neutral-0);
292
+ --color-on-info-container: var(--palette-sky-100);
293
+
294
+ /* ── Inverse ── */
295
+ --color-inverse-surface: var(--palette-neutral-250);
296
+ --color-inverse-on-surface: var(--palette-neutral-900);
297
+ --color-inverse-primary: var(--palette-blue-550);
298
+
299
+ /* ── Background ── */
300
+ --color-background: var(--palette-neutral-940);
301
+ --color-on-background: var(--palette-neutral-250);
302
+ }
303
+
304
+ /*
305
+ * Pulse Editorial Design System — Typography
306
+ */
307
+
308
+ body {
309
+ line-height: 1.75;
310
+ }
311
+
312
+ /* Hide scrollbar utility */
313
+ .no-scrollbar::-webkit-scrollbar {
314
+ display: none;
315
+ }
316
+ .no-scrollbar {
317
+ -ms-overflow-style: none;
318
+ scrollbar-width: none;
319
+ }
320
+
321
+ /* Typography plugin overrides for design system tokens */
322
+ .prose {
323
+ --tw-prose-body: var(--color-on-surface-variant);
324
+ --tw-prose-headings: var(--color-on-surface);
325
+ --tw-prose-lead: var(--color-on-surface-variant);
326
+ --tw-prose-links: var(--color-primary);
327
+ --tw-prose-bold: var(--color-on-surface);
328
+ --tw-prose-counters: var(--color-outline);
329
+ --tw-prose-bullets: var(--color-outline-variant);
330
+ --tw-prose-hr: var(--color-outline-variant);
331
+ --tw-prose-quotes: var(--color-on-surface);
332
+ --tw-prose-quote-borders: var(--color-outline-variant);
333
+ --tw-prose-captions: var(--color-outline);
334
+ --tw-prose-code: var(--color-primary);
335
+ --tw-prose-pre-code: #ffffff;
336
+ --tw-prose-pre-bg: var(--color-on-surface);
337
+ --tw-prose-th-borders: var(--color-outline-variant);
338
+ --tw-prose-td-borders: var(--color-outline-variant);
339
+ }
340
+
341
+ /* Stitch Editorial prose enhancements */
342
+ .prose h2 {
343
+ font-family: var(--font-headline);
344
+ font-weight: 700;
345
+ font-size: 1.75rem;
346
+ margin-top: 2.5rem;
347
+ margin-bottom: 1.25rem;
348
+ }
349
+ .prose h3 {
350
+ font-family: var(--font-headline);
351
+ font-weight: 600;
352
+ font-size: 1.25rem;
353
+ margin-top: 2rem;
354
+ margin-bottom: 1rem;
355
+ }
356
+ .prose p {
357
+ margin-bottom: 1.5rem;
358
+ line-height: 1.85;
359
+ }
360
+ .prose li {
361
+ position: relative;
362
+ padding-left: 1.5rem;
363
+ margin-bottom: 0.5rem;
364
+ line-height: 1.85;
365
+ }
366
+ .prose ul {
367
+ list-style-type: none;
368
+ padding-left: 0;
369
+ }
370
+ .prose ul > li::before {
371
+ content: "";
372
+ position: absolute;
373
+ left: 0;
374
+ top: 0.75rem;
375
+ width: 6px;
376
+ height: 6px;
377
+ border-radius: 50%;
378
+ background-color: var(--color-primary);
379
+ }
380
+ .prose code:not(pre code) {
381
+ background-color: var(--color-surface-container-low);
382
+ padding: 0.2rem 0.4rem;
383
+ border-radius: 0.25rem;
384
+ font-size: 0.9em;
385
+ }
386
+ .prose pre {
387
+ border-radius: 0.5rem;
388
+ padding: 1.5rem;
389
+ overflow-x: auto;
390
+ }
391
+ .prose pre code {
392
+ background-color: transparent;
393
+ padding: 0;
394
+ color: inherit;
395
+ }
396
+
397
+ /*
398
+ * Pulse Editorial Design System — Tailwind v4 Theme
399
+ * Maps CSS variables to Tailwind utility classes.
400
+ */
401
+
402
+ @theme {
403
+ /* Surface hierarchy */
404
+ --color-surface: var(--color-surface);
405
+ --color-surface-bright: var(--color-surface-bright);
406
+ --color-surface-dim: var(--color-surface-dim);
407
+ --color-surface-container: var(--color-surface-container);
408
+ --color-surface-container-lowest: var(--color-surface-container-lowest);
409
+ --color-surface-container-low: var(--color-surface-container-low);
410
+ --color-surface-container-high: var(--color-surface-container-high);
411
+ --color-surface-container-highest: var(--color-surface-container-highest);
412
+ --color-surface-variant: var(--color-surface-variant);
413
+ --color-surface-tint: var(--color-surface-tint);
414
+
415
+ /* Primary */
416
+ --color-primary: var(--color-primary);
417
+ --color-primary-container: var(--color-primary-container);
418
+ --color-primary-fixed: var(--color-primary-fixed);
419
+ --color-primary-fixed-dim: var(--color-primary-fixed-dim);
420
+ --color-on-primary: var(--color-on-primary);
421
+ --color-on-primary-container: var(--color-on-primary-container);
422
+ --color-on-primary-fixed: var(--color-on-primary-fixed);
423
+ --color-on-primary-fixed-variant: var(--color-on-primary-fixed-variant);
424
+
425
+ /* Secondary */
426
+ --color-secondary: var(--color-secondary);
427
+ --color-secondary-container: var(--color-secondary-container);
428
+ --color-secondary-fixed: var(--color-secondary-fixed);
429
+ --color-secondary-fixed-dim: var(--color-secondary-fixed-dim);
430
+ --color-on-secondary: var(--color-on-secondary);
431
+ --color-on-secondary-container: var(--color-on-secondary-container);
432
+ --color-on-secondary-fixed: var(--color-on-secondary-fixed);
433
+ --color-on-secondary-fixed-variant: var(--color-on-secondary-fixed-variant);
434
+
435
+ /* Tertiary */
436
+ --color-tertiary: var(--color-tertiary);
437
+ --color-tertiary-container: var(--color-tertiary-container);
438
+ --color-tertiary-fixed: var(--color-tertiary-fixed);
439
+ --color-tertiary-fixed-dim: var(--color-tertiary-fixed-dim);
440
+ --color-on-tertiary: var(--color-on-tertiary);
441
+ --color-on-tertiary-container: var(--color-on-tertiary-container);
442
+ --color-on-tertiary-fixed: var(--color-on-tertiary-fixed);
443
+ --color-on-tertiary-fixed-variant: var(--color-on-tertiary-fixed-variant);
444
+
445
+ /* On-surface */
446
+ --color-on-surface: var(--color-on-surface);
447
+ --color-on-surface-variant: var(--color-on-surface-variant);
448
+
449
+ /* Outline */
450
+ --color-outline: var(--color-outline);
451
+ --color-outline-variant: var(--color-outline-variant);
452
+
453
+ /* Error */
454
+ --color-error: var(--color-error);
455
+ --color-error-container: var(--color-error-container);
456
+ --color-on-error: var(--color-on-error);
457
+ --color-on-error-container: var(--color-on-error-container);
458
+
459
+ /* Success */
460
+ --color-success: var(--color-success);
461
+ --color-success-container: var(--color-success-container);
462
+ --color-on-success: var(--color-on-success);
463
+ --color-on-success-container: var(--color-on-success-container);
464
+
465
+ /* Warning */
466
+ --color-warning: var(--color-warning);
467
+ --color-warning-container: var(--color-warning-container);
468
+ --color-on-warning: var(--color-on-warning);
469
+ --color-on-warning-container: var(--color-on-warning-container);
470
+
471
+ /* Info */
472
+ --color-info: var(--color-info);
473
+ --color-info-container: var(--color-info-container);
474
+ --color-on-info: var(--color-on-info);
475
+ --color-on-info-container: var(--color-on-info-container);
476
+
477
+ /* Inverse */
478
+ --color-inverse-surface: var(--color-inverse-surface);
479
+ --color-inverse-on-surface: var(--color-inverse-on-surface);
480
+ --color-inverse-primary: var(--color-inverse-primary);
481
+
482
+ /* Background */
483
+ --color-background: var(--color-background);
484
+ --color-on-background: var(--color-on-background);
485
+
486
+ /* Font families */
487
+ --font-headline: "Manrope", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
488
+ --font-body: "Inter", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
489
+ }
490
+
1
491
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-surface:var(--color-surface);--color-surface-bright:var(--color-surface-bright);--color-surface-dim:var(--color-surface-dim);--color-surface-container:var(--color-surface-container);--color-surface-container-lowest:var(--color-surface-container-lowest);--color-surface-container-low:var(--color-surface-container-low);--color-surface-container-high:var(--color-surface-container-high);--color-surface-container-highest:var(--color-surface-container-highest);--color-surface-variant:var(--color-surface-variant);--color-surface-tint:var(--color-surface-tint);--color-primary:var(--color-primary);--color-primary-container:var(--color-primary-container);--color-primary-fixed:var(--color-primary-fixed);--color-primary-fixed-dim:var(--color-primary-fixed-dim);--color-on-primary:var(--color-on-primary);--color-on-primary-container:var(--color-on-primary-container);--color-on-primary-fixed:var(--color-on-primary-fixed);--color-on-primary-fixed-variant:var(--color-on-primary-fixed-variant);--color-secondary:var(--color-secondary);--color-secondary-container:var(--color-secondary-container);--color-secondary-fixed:var(--color-secondary-fixed);--color-secondary-fixed-dim:var(--color-secondary-fixed-dim);--color-on-secondary:var(--color-on-secondary);--color-on-secondary-container:var(--color-on-secondary-container);--color-on-secondary-fixed:var(--color-on-secondary-fixed);--color-on-secondary-fixed-variant:var(--color-on-secondary-fixed-variant);--color-tertiary:var(--color-tertiary);--color-tertiary-container:var(--color-tertiary-container);--color-tertiary-fixed:var(--color-tertiary-fixed);--color-tertiary-fixed-dim:var(--color-tertiary-fixed-dim);--color-on-tertiary:var(--color-on-tertiary);--color-on-tertiary-container:var(--color-on-tertiary-container);--color-on-tertiary-fixed:var(--color-on-tertiary-fixed);--color-on-tertiary-fixed-variant:var(--color-on-tertiary-fixed-variant);--color-on-surface:var(--color-on-surface);--color-on-surface-variant:var(--color-on-surface-variant);--color-outline:var(--color-outline);--color-outline-variant:var(--color-outline-variant);--color-error:var(--color-error);--color-error-container:var(--color-error-container);--color-on-error:var(--color-on-error);--color-on-error-container:var(--color-on-error-container);--color-success:var(--color-success);--color-success-container:var(--color-success-container);--color-on-success:var(--color-on-success);--color-on-success-container:var(--color-on-success-container);--color-warning:var(--color-warning);--color-warning-container:var(--color-warning-container);--color-on-warning:var(--color-on-warning);--color-on-warning-container:var(--color-on-warning-container);--color-info:var(--color-info);--color-info-container:var(--color-info-container);--color-on-info:var(--color-on-info);--color-on-info-container:var(--color-on-info-container);--color-inverse-surface:var(--color-inverse-surface);--color-inverse-on-surface:var(--color-inverse-on-surface);--color-inverse-primary:var(--color-inverse-primary);--color-background:var(--color-background);--color-on-background:var(--color-on-background);--font-headline:"Manrope", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--font-body:"Inter", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.top-4{top:calc(var(--spacing) * 4)}.right-4{right:calc(var(--spacing) * 4)}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.prose{--tw-prose-body:oklch(37.3% .034 259.733);--tw-prose-headings:oklch(21% .034 264.665);--tw-prose-lead:oklch(44.6% .03 256.802);--tw-prose-links:oklch(21% .034 264.665);--tw-prose-bold:oklch(21% .034 264.665);--tw-prose-counters:oklch(55.1% .027 264.364);--tw-prose-bullets:oklch(87.2% .01 258.338);--tw-prose-hr:oklch(92.8% .006 264.531);--tw-prose-quotes:oklch(21% .034 264.665);--tw-prose-quote-borders:oklch(92.8% .006 264.531);--tw-prose-captions:oklch(55.1% .027 264.364);--tw-prose-kbd:oklch(21% .034 264.665);--tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);--tw-prose-code:oklch(21% .034 264.665);--tw-prose-pre-code:oklch(92.8% .006 264.531);--tw-prose-pre-bg:oklch(27.8% .033 256.848);--tw-prose-th-borders:oklch(87.2% .01 258.338);--tw-prose-td-borders:oklch(92.8% .006 264.531);--tw-prose-invert-body:oklch(87.2% .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% .022 261.325);--tw-prose-invert-bullets:oklch(44.6% .03 256.802);--tw-prose-invert-hr:oklch(37.3% .034 259.733);--tw-prose-invert-quotes:oklch(96.7% .003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);--tw-prose-invert-captions:oklch(70.7% .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .03 256.802);--tw-prose-invert-td-borders:oklch(37.3% .034 259.733);font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1{height:calc(var(--spacing) * 1)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-full{height:100%}.h-px{height:1px}.min-h-\[36px\]{min-height:36px}.min-h-\[44px\]{min-height:44px}.min-h-\[52px\]{min-height:52px}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-\[52px\]{width:52px}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-\[36px\]{min-width:36px}.min-w-\[44px\]{min-width:44px}.min-w-\[52px\]{min-width:52px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5\.5{--tw-translate-x:calc(var(--spacing) * 5.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-outline-variant>:not(:last-child)){border-color:var(--color-outline-variant)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-error{border-color:var(--color-error)}.border-info{border-color:var(--color-info)}.border-outline{border-color:var(--color-outline)}.border-outline-variant,.border-outline-variant\/10{border-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.border-outline-variant\/10{border-color:color-mix(in oklab, var(--color-outline-variant) 10%, transparent)}}.border-outline-variant\/15{border-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.border-outline-variant\/15{border-color:color-mix(in oklab, var(--color-outline-variant) 15%, transparent)}}.border-outline-variant\/30{border-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.border-outline-variant\/30{border-color:color-mix(in oklab, var(--color-outline-variant) 30%, transparent)}}.border-outline-variant\/40{border-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.border-outline-variant\/40{border-color:color-mix(in oklab, var(--color-outline-variant) 40%, transparent)}}.border-outline-variant\/50{border-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.border-outline-variant\/50{border-color:color-mix(in oklab, var(--color-outline-variant) 50%, transparent)}}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-success{border-color:var(--color-success)}.border-surface-container-high,.border-surface-container-high\/50{border-color:var(--color-surface-container-high)}@supports (color:color-mix(in lab, red, red)){.border-surface-container-high\/50{border-color:color-mix(in oklab, var(--color-surface-container-high) 50%, transparent)}}.border-surface-variant{border-color:var(--color-surface-variant)}.border-tertiary{border-color:var(--color-tertiary)}.border-warning{border-color:var(--color-warning)}.bg-background{background-color:var(--color-background)}.bg-error{background-color:var(--color-error)}.bg-error-container{background-color:var(--color-error-container)}.bg-info{background-color:var(--color-info)}.bg-info-container{background-color:var(--color-info-container)}.bg-inverse-surface{background-color:var(--color-inverse-surface)}.bg-on-error{background-color:var(--color-on-error)}.bg-on-primary{background-color:var(--color-on-primary)}.bg-on-success{background-color:var(--color-on-success)}.bg-outline-variant\/10{background-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.bg-outline-variant\/10{background-color:color-mix(in oklab, var(--color-outline-variant) 10%, transparent)}}.bg-outline-variant\/15{background-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.bg-outline-variant\/15{background-color:color-mix(in oklab, var(--color-outline-variant) 15%, transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-primary-container{background-color:var(--color-primary-container)}.bg-primary-fixed{background-color:var(--color-primary-fixed)}.bg-primary-fixed-dim{background-color:var(--color-primary-fixed-dim)}.bg-primary-fixed\/10{background-color:var(--color-primary-fixed)}@supports (color:color-mix(in lab, red, red)){.bg-primary-fixed\/10{background-color:color-mix(in oklab, var(--color-primary-fixed) 10%, transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary-container{background-color:var(--color-secondary-container)}.bg-secondary-fixed{background-color:var(--color-secondary-fixed)}.bg-secondary-fixed-dim{background-color:var(--color-secondary-fixed-dim)}.bg-success{background-color:var(--color-success)}.bg-success-container{background-color:var(--color-success-container)}.bg-surface{background-color:var(--color-surface)}.bg-surface-bright{background-color:var(--color-surface-bright)}.bg-surface-container{background-color:var(--color-surface-container)}.bg-surface-container-high{background-color:var(--color-surface-container-high)}.bg-surface-container-highest{background-color:var(--color-surface-container-highest)}.bg-surface-container-low{background-color:var(--color-surface-container-low)}.bg-surface-container-lowest,.bg-surface-container-lowest\/80{background-color:var(--color-surface-container-lowest)}@supports (color:color-mix(in lab, red, red)){.bg-surface-container-lowest\/80{background-color:color-mix(in oklab, var(--color-surface-container-lowest) 80%, transparent)}}.bg-surface-dim{background-color:var(--color-surface-dim)}.bg-surface-tint{background-color:var(--color-surface-tint)}.bg-surface-variant{background-color:var(--color-surface-variant)}.bg-surface\/60{background-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/60{background-color:color-mix(in oklab, var(--color-surface) 60%, transparent)}}.bg-surface\/80{background-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/80{background-color:color-mix(in oklab, var(--color-surface) 80%, transparent)}}.bg-tertiary{background-color:var(--color-tertiary)}.bg-tertiary-container{background-color:var(--color-tertiary-container)}.bg-tertiary-fixed{background-color:var(--color-tertiary-fixed)}.bg-tertiary-fixed-dim{background-color:var(--color-tertiary-fixed-dim)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-warning-container{background-color:var(--color-warning-container)}.p-0{padding:calc(var(--spacing) * 0)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-body{font-family:var(--font-body)}.font-headline{font-family:var(--font-headline)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-inverse-on-surface{color:var(--color-inverse-on-surface)}.text-inverse-primary{color:var(--color-inverse-primary)}.text-on-background{color:var(--color-on-background)}.text-on-error{color:var(--color-on-error)}.text-on-error-container{color:var(--color-on-error-container)}.text-on-info{color:var(--color-on-info)}.text-on-info-container{color:var(--color-on-info-container)}.text-on-primary{color:var(--color-on-primary)}.text-on-primary-container{color:var(--color-on-primary-container)}.text-on-primary-fixed{color:var(--color-on-primary-fixed)}.text-on-primary-fixed-variant{color:var(--color-on-primary-fixed-variant)}.text-on-secondary{color:var(--color-on-secondary)}.text-on-secondary-container{color:var(--color-on-secondary-container)}.text-on-secondary-fixed{color:var(--color-on-secondary-fixed)}.text-on-secondary-fixed-variant{color:var(--color-on-secondary-fixed-variant)}.text-on-success{color:var(--color-on-success)}.text-on-success-container{color:var(--color-on-success-container)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-on-tertiary{color:var(--color-on-tertiary)}.text-on-tertiary-container{color:var(--color-on-tertiary-container)}.text-on-tertiary-fixed{color:var(--color-on-tertiary-fixed)}.text-on-tertiary-fixed-variant{color:var(--color-on-tertiary-fixed-variant)}.text-on-warning{color:var(--color-on-warning)}.text-on-warning-container{color:var(--color-on-warning-container)}.text-outline{color:var(--color-outline)}.text-outline-variant{color:var(--color-outline-variant)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-surface-tint{color:var(--color-surface-tint)}.text-tertiary{color:var(--color-tertiary)}.text-warning{color:var(--color-warning)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.selection\:bg-primary-fixed ::selection{background-color:var(--color-primary-fixed)}.selection\:bg-primary-fixed::selection{background-color:var(--color-primary-fixed)}.selection\:text-on-primary-fixed ::selection{color:var(--color-on-primary-fixed)}.selection\:text-on-primary-fixed::selection{color:var(--color-on-primary-fixed)}.backdrop\:bg-black\/50::backdrop{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.backdrop\:bg-black\/50::backdrop{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}@media (hover:hover){.hover\:bg-error\/90:hover{background-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-error\/90:hover{background-color:color-mix(in oklab, var(--color-error) 90%, transparent)}}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-primary-fixed-dim:hover{background-color:var(--color-primary-fixed-dim)}.hover\:bg-primary\/90:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}}.hover\:bg-secondary\/90:hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}}.hover\:bg-surface-container:hover{background-color:var(--color-surface-container)}.hover\:bg-surface-container-high:hover{background-color:var(--color-surface-container-high)}.hover\:bg-surface-container-low:hover{background-color:var(--color-surface-container-low)}.hover\:text-on-surface:hover{color:var(--color-on-surface)}.hover\:text-on-surface-variant:hover{color:var(--color-on-surface-variant)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-error:focus{--tw-ring-color:var(--color-error)}.focus\:ring-primary:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:opacity-50:disabled{opacity:.5}.\[\&_td\]\:px-3 td{padding-inline:calc(var(--spacing) * 3)}.\[\&_td\]\:px-5 td{padding-inline:calc(var(--spacing) * 5)}.\[\&_td\]\:py-2 td{padding-block:calc(var(--spacing) * 2)}.\[\&_td\]\:py-4 td{padding-block:calc(var(--spacing) * 4)}.\[\&_th\]\:px-3 th{padding-inline:calc(var(--spacing) * 3)}.\[\&_th\]\:px-5 th{padding-inline:calc(var(--spacing) * 5)}.\[\&_th\]\:py-2 th{padding-block:calc(var(--spacing) * 2)}.\[\&_th\]\:py-4 th{padding-block:calc(var(--spacing) * 4)}}:root{--palette-blue-50:#eeefff;--palette-blue-100:#dbe1ff;--palette-blue-200:#b4c5ff;--palette-blue-300:#8da8ff;--palette-blue-400:#4d7cff;--palette-blue-500:#2563eb;--palette-blue-600:#004ac6;--palette-blue-700:#003ea8;--palette-blue-800:#002e7a;--palette-blue-900:#00174b;--palette-blue-950:#000d2e;--palette-indigo-50:#eef0ff;--palette-indigo-100:#dbe1ff;--palette-indigo-200:#b4c5ff;--palette-indigo-300:#acbfff;--palette-indigo-400:#7a96d4;--palette-indigo-500:#495c95;--palette-indigo-600:#394c84;--palette-indigo-700:#31447b;--palette-indigo-800:#1f2d5a;--palette-indigo-900:#00174b;--palette-indigo-950:#000d2e;--palette-orange-50:#ffede6;--palette-orange-100:#ffdbcd;--palette-orange-200:#ffb596;--palette-orange-300:#ff9060;--palette-orange-400:#e06420;--palette-orange-500:#bc4800;--palette-orange-600:#943700;--palette-orange-700:#7d2d00;--palette-orange-800:#4e1000;--palette-orange-900:#360f00;--palette-orange-950:#1f0800;--palette-neutral-0:#fff;--palette-neutral-50:#faf8ff;--palette-neutral-100:#f3f3fe;--palette-neutral-150:#ededf9;--palette-neutral-200:#e7e7f3;--palette-neutral-250:#e1e2ed;--palette-neutral-300:#d9d9e5;--palette-neutral-400:#c3c6d7;--palette-neutral-500:#8e909f;--palette-neutral-600:#737686;--palette-neutral-700:#434655;--palette-neutral-800:#2e3039;--palette-neutral-850:#1d1e2a;--palette-neutral-875:#1a1c26;--palette-neutral-900:#191b23;--palette-neutral-925:#282a36;--palette-neutral-935:#333544;--palette-neutral-950:#11141d;--palette-neutral-1000:#0f111a;--palette-red-50:#fff5f5;--palette-red-100:#ffdad6;--palette-red-200:#ffb4ab;--palette-red-300:#ff897d;--palette-red-400:#f44336;--palette-red-500:#ba1a1a;--palette-red-600:#93000a;--palette-red-700:#7a0008;--palette-red-800:#5c0005;--palette-red-900:#410003;--palette-red-950:#2d0002;--palette-green-50:#f0fdf4;--palette-green-100:#dcfce7;--palette-green-200:#bbf7d0;--palette-green-300:#86efac;--palette-green-400:#4ade80;--palette-green-500:#22c55e;--palette-green-600:#16a34a;--palette-green-700:#166534;--palette-green-800:#14532d;--palette-green-900:#052e16;--palette-green-950:#022c22;--palette-yellow-50:#fefce8;--palette-yellow-100:#fef9c3;--palette-yellow-200:#fef08a;--palette-yellow-300:#fde047;--palette-yellow-400:#facc15;--palette-yellow-500:#eab308;--palette-yellow-600:#ca8a04;--palette-yellow-700:#a16207;--palette-yellow-800:#854d0e;--palette-yellow-900:#713f12;--palette-yellow-950:#422006;--palette-sky-50:#f0f9ff;--palette-sky-100:#e0f2fe;--palette-sky-200:#bae6fd;--palette-sky-300:#7dd3fc;--palette-sky-400:#38bdf8;--palette-sky-500:#0ea5e9;--palette-sky-600:#0284c7;--palette-sky-700:#0369a1;--palette-sky-800:#075985;--palette-sky-900:#0c4a6e;--palette-sky-950:#082f49;--color-surface:var(--palette-neutral-50);--color-surface-bright:var(--palette-neutral-50);--color-surface-dim:var(--palette-neutral-300);--color-surface-container:var(--palette-neutral-150);--color-surface-container-lowest:var(--palette-neutral-0);--color-surface-container-low:var(--palette-neutral-100);--color-surface-container-high:var(--palette-neutral-200);--color-surface-container-highest:var(--palette-neutral-250);--color-surface-variant:var(--palette-neutral-250);--color-surface-tint:var(--palette-blue-600);--color-primary:var(--palette-blue-600);--color-primary-container:var(--palette-blue-500);--color-primary-fixed:var(--palette-blue-100);--color-primary-fixed-dim:var(--palette-blue-200);--color-on-primary:var(--palette-neutral-0);--color-on-primary-container:var(--palette-blue-50);--color-on-primary-fixed:var(--palette-blue-900);--color-on-primary-fixed-variant:var(--palette-blue-700);--color-secondary:var(--palette-indigo-500);--color-secondary-container:var(--palette-indigo-300);--color-secondary-fixed:var(--palette-indigo-100);--color-secondary-fixed-dim:var(--palette-indigo-200);--color-on-secondary:var(--palette-neutral-0);--color-on-secondary-container:var(--palette-indigo-600);--color-on-secondary-fixed:var(--palette-indigo-900);--color-on-secondary-fixed-variant:var(--palette-indigo-700);--color-tertiary:var(--palette-orange-600);--color-tertiary-container:var(--palette-orange-500);--color-tertiary-fixed:var(--palette-orange-100);--color-tertiary-fixed-dim:var(--palette-orange-200);--color-on-tertiary:var(--palette-neutral-0);--color-on-tertiary-container:var(--palette-orange-50);--color-on-tertiary-fixed:var(--palette-orange-900);--color-on-tertiary-fixed-variant:var(--palette-orange-700);--color-on-surface:var(--palette-neutral-900);--color-on-surface-variant:var(--palette-neutral-700);--color-outline:var(--palette-neutral-600);--color-outline-variant:var(--palette-neutral-400);--color-error:var(--palette-red-500);--color-error-container:var(--palette-red-100);--color-on-error:var(--palette-neutral-0);--color-on-error-container:var(--palette-red-600);--color-success:var(--palette-green-600);--color-success-container:var(--palette-green-100);--color-on-success:var(--palette-neutral-0);--color-on-success-container:var(--palette-green-700);--color-warning:var(--palette-yellow-600);--color-warning-container:var(--palette-yellow-100);--color-on-warning:var(--palette-neutral-0);--color-on-warning-container:var(--palette-yellow-800);--color-info:var(--palette-sky-600);--color-info-container:var(--palette-sky-100);--color-on-info:var(--palette-neutral-0);--color-on-info-container:var(--palette-sky-800);--color-inverse-surface:var(--palette-neutral-800);--color-inverse-on-surface:var(--palette-neutral-100);--color-inverse-primary:var(--palette-blue-200);--color-background:var(--palette-neutral-50);--color-on-background:var(--palette-neutral-900)}.dark{--color-surface:var(--palette-neutral-950);--color-surface-bright:var(--palette-neutral-875);--color-surface-dim:var(--palette-neutral-950);--color-surface-container:var(--palette-neutral-850);--color-surface-container-lowest:var(--palette-neutral-1000);--color-surface-container-low:var(--palette-neutral-900);--color-surface-container-high:var(--palette-neutral-925);--color-surface-container-highest:var(--palette-neutral-935);--color-surface-variant:var(--palette-neutral-700);--color-surface-tint:var(--palette-blue-600);--color-primary:var(--palette-blue-500);--color-primary-container:var(--palette-blue-500);--color-primary-fixed:var(--palette-blue-100);--color-primary-fixed-dim:var(--palette-blue-200);--color-on-primary:var(--palette-neutral-0);--color-on-primary-container:var(--palette-blue-50);--color-on-primary-fixed:var(--palette-blue-900);--color-on-primary-fixed-variant:var(--palette-blue-700);--color-secondary:var(--palette-indigo-200);--color-secondary-container:var(--palette-indigo-700);--color-secondary-fixed:var(--palette-indigo-100);--color-secondary-fixed-dim:var(--palette-indigo-200);--color-on-secondary:var(--palette-neutral-0);--color-on-secondary-container:var(--palette-indigo-100);--color-on-secondary-fixed:var(--palette-indigo-900);--color-on-secondary-fixed-variant:var(--palette-indigo-700);--color-tertiary:var(--palette-orange-200);--color-tertiary-container:var(--palette-orange-500);--color-tertiary-fixed:var(--palette-orange-100);--color-tertiary-fixed-dim:var(--palette-orange-200);--color-on-tertiary:var(--palette-orange-800);--color-on-tertiary-container:var(--palette-orange-50);--color-on-tertiary-fixed:var(--palette-orange-900);--color-on-tertiary-fixed-variant:var(--palette-orange-700);--color-on-surface:var(--palette-neutral-250);--color-on-surface-variant:var(--palette-neutral-400);--color-outline:var(--palette-neutral-500);--color-outline-variant:var(--palette-neutral-700);--color-error:var(--palette-red-200);--color-error-container:var(--palette-red-600);--color-on-error:var(--palette-neutral-0);--color-on-error-container:var(--palette-red-100);--color-success:var(--palette-green-400);--color-success-container:var(--palette-green-700);--color-on-success:var(--palette-neutral-0);--color-on-success-container:var(--palette-green-100);--color-warning:var(--palette-yellow-400);--color-warning-container:var(--palette-yellow-800);--color-on-warning:var(--palette-neutral-0);--color-on-warning-container:var(--palette-yellow-100);--color-info:var(--palette-sky-400);--color-info-container:var(--palette-sky-800);--color-on-info:var(--palette-neutral-0);--color-on-info-container:var(--palette-sky-100);--color-inverse-surface:var(--palette-neutral-250);--color-inverse-on-surface:var(--palette-neutral-900);--color-inverse-primary:var(--palette-blue-600);--color-background:var(--palette-neutral-950);--color-on-background:var(--palette-neutral-250)}body{line-height:1.75}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.prose{--tw-prose-body:var(--color-on-surface-variant);--tw-prose-headings:var(--color-on-surface);--tw-prose-lead:var(--color-on-surface-variant);--tw-prose-links:var(--color-primary);--tw-prose-bold:var(--color-on-surface);--tw-prose-counters:var(--color-outline);--tw-prose-bullets:var(--color-outline-variant);--tw-prose-hr:var(--color-outline-variant);--tw-prose-quotes:var(--color-on-surface);--tw-prose-quote-borders:var(--color-outline-variant);--tw-prose-captions:var(--color-outline);--tw-prose-code:var(--color-primary);--tw-prose-pre-code:#fff;--tw-prose-pre-bg:var(--color-on-surface);--tw-prose-th-borders:var(--color-outline-variant);--tw-prose-td-borders:var(--color-outline-variant)}.prose h2{font-family:var(--font-headline);margin-top:2.5rem;margin-bottom:1.25rem;font-size:1.75rem;font-weight:700}.prose h3{font-family:var(--font-headline);margin-top:2rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.prose p{margin-bottom:1.5rem;line-height:1.85}.prose li{margin-bottom:.5rem;padding-left:1.5rem;line-height:1.85;position:relative}.prose ul{padding-left:0;list-style-type:none}.prose ul>li:before{content:"";background-color:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:.75rem;left:0}.prose code:not(pre code){background-color:var(--color-surface-container-low);border-radius:.25rem;padding:.2rem .4rem;font-size:.9em}.prose pre{border-radius:.5rem;padding:1.5rem;overflow-x:auto}.prose pre code{color:inherit;background-color:#0000;padding:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}
492
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-surface:var(--color-surface);--color-surface-bright:var(--color-surface-bright);--color-surface-dim:var(--color-surface-dim);--color-surface-container:var(--color-surface-container);--color-surface-container-lowest:var(--color-surface-container-lowest);--color-surface-container-low:var(--color-surface-container-low);--color-surface-container-high:var(--color-surface-container-high);--color-surface-container-highest:var(--color-surface-container-highest);--color-surface-variant:var(--color-surface-variant);--color-surface-tint:var(--color-surface-tint);--color-primary:var(--color-primary);--color-primary-container:var(--color-primary-container);--color-primary-fixed:var(--color-primary-fixed);--color-primary-fixed-dim:var(--color-primary-fixed-dim);--color-on-primary:var(--color-on-primary);--color-on-primary-container:var(--color-on-primary-container);--color-on-primary-fixed:var(--color-on-primary-fixed);--color-on-primary-fixed-variant:var(--color-on-primary-fixed-variant);--color-secondary:var(--color-secondary);--color-secondary-container:var(--color-secondary-container);--color-secondary-fixed:var(--color-secondary-fixed);--color-secondary-fixed-dim:var(--color-secondary-fixed-dim);--color-on-secondary:var(--color-on-secondary);--color-on-secondary-container:var(--color-on-secondary-container);--color-on-secondary-fixed:var(--color-on-secondary-fixed);--color-on-secondary-fixed-variant:var(--color-on-secondary-fixed-variant);--color-tertiary:var(--color-tertiary);--color-tertiary-container:var(--color-tertiary-container);--color-tertiary-fixed:var(--color-tertiary-fixed);--color-tertiary-fixed-dim:var(--color-tertiary-fixed-dim);--color-on-tertiary:var(--color-on-tertiary);--color-on-tertiary-container:var(--color-on-tertiary-container);--color-on-tertiary-fixed:var(--color-on-tertiary-fixed);--color-on-tertiary-fixed-variant:var(--color-on-tertiary-fixed-variant);--color-on-surface:var(--color-on-surface);--color-on-surface-variant:var(--color-on-surface-variant);--color-outline:var(--color-outline);--color-outline-variant:var(--color-outline-variant);--color-error:var(--color-error);--color-error-container:var(--color-error-container);--color-on-error:var(--color-on-error);--color-on-error-container:var(--color-on-error-container);--color-success:var(--color-success);--color-success-container:var(--color-success-container);--color-on-success:var(--color-on-success);--color-on-success-container:var(--color-on-success-container);--color-warning:var(--color-warning);--color-warning-container:var(--color-warning-container);--color-on-warning:var(--color-on-warning);--color-on-warning-container:var(--color-on-warning-container);--color-info:var(--color-info);--color-info-container:var(--color-info-container);--color-on-info:var(--color-on-info);--color-on-info-container:var(--color-on-info-container);--color-inverse-surface:var(--color-inverse-surface);--color-inverse-on-surface:var(--color-inverse-on-surface);--color-inverse-primary:var(--color-inverse-primary);--color-background:var(--color-background);--color-on-background:var(--color-on-background);--font-headline:"Manrope", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--font-body:"Inter", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.top-4{top:calc(var(--spacing) * 4)}.right-4{right:calc(var(--spacing) * 4)}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.prose{--tw-prose-body:oklch(37.3% .034 259.733);--tw-prose-headings:oklch(21% .034 264.665);--tw-prose-lead:oklch(44.6% .03 256.802);--tw-prose-links:oklch(21% .034 264.665);--tw-prose-bold:oklch(21% .034 264.665);--tw-prose-counters:oklch(55.1% .027 264.364);--tw-prose-bullets:oklch(87.2% .01 258.338);--tw-prose-hr:oklch(92.8% .006 264.531);--tw-prose-quotes:oklch(21% .034 264.665);--tw-prose-quote-borders:oklch(92.8% .006 264.531);--tw-prose-captions:oklch(55.1% .027 264.364);--tw-prose-kbd:oklch(21% .034 264.665);--tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);--tw-prose-code:oklch(21% .034 264.665);--tw-prose-pre-code:oklch(92.8% .006 264.531);--tw-prose-pre-bg:oklch(27.8% .033 256.848);--tw-prose-th-borders:oklch(87.2% .01 258.338);--tw-prose-td-borders:oklch(92.8% .006 264.531);--tw-prose-invert-body:oklch(87.2% .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% .022 261.325);--tw-prose-invert-bullets:oklch(44.6% .03 256.802);--tw-prose-invert-hr:oklch(37.3% .034 259.733);--tw-prose-invert-quotes:oklch(96.7% .003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);--tw-prose-invert-captions:oklch(70.7% .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .03 256.802);--tw-prose-invert-td-borders:oklch(37.3% .034 259.733);font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1{height:calc(var(--spacing) * 1)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-full{height:100%}.h-px{height:1px}.min-h-\[36px\]{min-height:36px}.min-h-\[44px\]{min-height:44px}.min-h-\[52px\]{min-height:52px}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-\[52px\]{width:52px}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-\[36px\]{min-width:36px}.min-w-\[44px\]{min-width:44px}.min-w-\[52px\]{min-width:52px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5\.5{--tw-translate-x:calc(var(--spacing) * 5.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-outline-variant>:not(:last-child)){border-color:var(--color-outline-variant)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-error{border-color:var(--color-error)}.border-info{border-color:var(--color-info)}.border-outline{border-color:var(--color-outline)}.border-outline-variant,.border-outline-variant\/10{border-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.border-outline-variant\/10{border-color:color-mix(in oklab, var(--color-outline-variant) 10%, transparent)}}.border-outline-variant\/15{border-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.border-outline-variant\/15{border-color:color-mix(in oklab, var(--color-outline-variant) 15%, transparent)}}.border-outline-variant\/30{border-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.border-outline-variant\/30{border-color:color-mix(in oklab, var(--color-outline-variant) 30%, transparent)}}.border-outline-variant\/40{border-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.border-outline-variant\/40{border-color:color-mix(in oklab, var(--color-outline-variant) 40%, transparent)}}.border-outline-variant\/50{border-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.border-outline-variant\/50{border-color:color-mix(in oklab, var(--color-outline-variant) 50%, transparent)}}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-success{border-color:var(--color-success)}.border-surface-container-high,.border-surface-container-high\/50{border-color:var(--color-surface-container-high)}@supports (color:color-mix(in lab, red, red)){.border-surface-container-high\/50{border-color:color-mix(in oklab, var(--color-surface-container-high) 50%, transparent)}}.border-surface-variant{border-color:var(--color-surface-variant)}.border-tertiary{border-color:var(--color-tertiary)}.border-warning{border-color:var(--color-warning)}.bg-background{background-color:var(--color-background)}.bg-error{background-color:var(--color-error)}.bg-error-container{background-color:var(--color-error-container)}.bg-info{background-color:var(--color-info)}.bg-info-container{background-color:var(--color-info-container)}.bg-inverse-surface{background-color:var(--color-inverse-surface)}.bg-on-error{background-color:var(--color-on-error)}.bg-on-primary{background-color:var(--color-on-primary)}.bg-on-success{background-color:var(--color-on-success)}.bg-outline-variant\/10{background-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.bg-outline-variant\/10{background-color:color-mix(in oklab, var(--color-outline-variant) 10%, transparent)}}.bg-outline-variant\/15{background-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.bg-outline-variant\/15{background-color:color-mix(in oklab, var(--color-outline-variant) 15%, transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-primary-container{background-color:var(--color-primary-container)}.bg-primary-fixed{background-color:var(--color-primary-fixed)}.bg-primary-fixed-dim{background-color:var(--color-primary-fixed-dim)}.bg-primary-fixed\/10{background-color:var(--color-primary-fixed)}@supports (color:color-mix(in lab, red, red)){.bg-primary-fixed\/10{background-color:color-mix(in oklab, var(--color-primary-fixed) 10%, transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary-container{background-color:var(--color-secondary-container)}.bg-secondary-fixed{background-color:var(--color-secondary-fixed)}.bg-secondary-fixed-dim{background-color:var(--color-secondary-fixed-dim)}.bg-success{background-color:var(--color-success)}.bg-success-container{background-color:var(--color-success-container)}.bg-surface{background-color:var(--color-surface)}.bg-surface-bright{background-color:var(--color-surface-bright)}.bg-surface-container{background-color:var(--color-surface-container)}.bg-surface-container-high{background-color:var(--color-surface-container-high)}.bg-surface-container-highest{background-color:var(--color-surface-container-highest)}.bg-surface-container-low{background-color:var(--color-surface-container-low)}.bg-surface-container-lowest,.bg-surface-container-lowest\/80{background-color:var(--color-surface-container-lowest)}@supports (color:color-mix(in lab, red, red)){.bg-surface-container-lowest\/80{background-color:color-mix(in oklab, var(--color-surface-container-lowest) 80%, transparent)}}.bg-surface-dim{background-color:var(--color-surface-dim)}.bg-surface-tint{background-color:var(--color-surface-tint)}.bg-surface-variant{background-color:var(--color-surface-variant)}.bg-surface\/60{background-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/60{background-color:color-mix(in oklab, var(--color-surface) 60%, transparent)}}.bg-surface\/80{background-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/80{background-color:color-mix(in oklab, var(--color-surface) 80%, transparent)}}.bg-tertiary{background-color:var(--color-tertiary)}.bg-tertiary-container{background-color:var(--color-tertiary-container)}.bg-tertiary-fixed{background-color:var(--color-tertiary-fixed)}.bg-tertiary-fixed-dim{background-color:var(--color-tertiary-fixed-dim)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-warning-container{background-color:var(--color-warning-container)}.p-0{padding:calc(var(--spacing) * 0)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-body{font-family:var(--font-body)}.font-headline{font-family:var(--font-headline)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-inverse-on-surface{color:var(--color-inverse-on-surface)}.text-inverse-primary{color:var(--color-inverse-primary)}.text-on-background{color:var(--color-on-background)}.text-on-error{color:var(--color-on-error)}.text-on-error-container{color:var(--color-on-error-container)}.text-on-info{color:var(--color-on-info)}.text-on-info-container{color:var(--color-on-info-container)}.text-on-primary{color:var(--color-on-primary)}.text-on-primary-container{color:var(--color-on-primary-container)}.text-on-primary-fixed{color:var(--color-on-primary-fixed)}.text-on-primary-fixed-variant{color:var(--color-on-primary-fixed-variant)}.text-on-secondary{color:var(--color-on-secondary)}.text-on-secondary-container{color:var(--color-on-secondary-container)}.text-on-secondary-fixed{color:var(--color-on-secondary-fixed)}.text-on-secondary-fixed-variant{color:var(--color-on-secondary-fixed-variant)}.text-on-success{color:var(--color-on-success)}.text-on-success-container{color:var(--color-on-success-container)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-on-tertiary{color:var(--color-on-tertiary)}.text-on-tertiary-container{color:var(--color-on-tertiary-container)}.text-on-tertiary-fixed{color:var(--color-on-tertiary-fixed)}.text-on-tertiary-fixed-variant{color:var(--color-on-tertiary-fixed-variant)}.text-on-warning{color:var(--color-on-warning)}.text-on-warning-container{color:var(--color-on-warning-container)}.text-outline{color:var(--color-outline)}.text-outline-variant{color:var(--color-outline-variant)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-surface-tint{color:var(--color-surface-tint)}.text-tertiary{color:var(--color-tertiary)}.text-warning{color:var(--color-warning)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.selection\:bg-primary-fixed ::selection{background-color:var(--color-primary-fixed)}.selection\:bg-primary-fixed::selection{background-color:var(--color-primary-fixed)}.selection\:text-on-primary-fixed ::selection{color:var(--color-on-primary-fixed)}.selection\:text-on-primary-fixed::selection{color:var(--color-on-primary-fixed)}.backdrop\:bg-black\/50::backdrop{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.backdrop\:bg-black\/50::backdrop{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}@media (hover:hover){.hover\:bg-error\/90:hover{background-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-error\/90:hover{background-color:color-mix(in oklab, var(--color-error) 90%, transparent)}}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-primary-fixed-dim:hover{background-color:var(--color-primary-fixed-dim)}.hover\:bg-primary\/90:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}}.hover\:bg-secondary\/90:hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}}.hover\:bg-surface-container:hover{background-color:var(--color-surface-container)}.hover\:bg-surface-container-high:hover{background-color:var(--color-surface-container-high)}.hover\:bg-surface-container-low:hover{background-color:var(--color-surface-container-low)}.hover\:text-on-surface:hover{color:var(--color-on-surface)}.hover\:text-on-surface-variant:hover{color:var(--color-on-surface-variant)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-error:focus{--tw-ring-color:var(--color-error)}.focus\:ring-primary:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:opacity-50:disabled{opacity:.5}.\[\&_td\]\:px-3 td{padding-inline:calc(var(--spacing) * 3)}.\[\&_td\]\:px-5 td{padding-inline:calc(var(--spacing) * 5)}.\[\&_td\]\:py-2 td{padding-block:calc(var(--spacing) * 2)}.\[\&_td\]\:py-4 td{padding-block:calc(var(--spacing) * 4)}.\[\&_th\]\:px-3 th{padding-inline:calc(var(--spacing) * 3)}.\[\&_th\]\:px-5 th{padding-inline:calc(var(--spacing) * 5)}.\[\&_th\]\:py-2 th{padding-block:calc(var(--spacing) * 2)}.\[\&_th\]\:py-4 th{padding-block:calc(var(--spacing) * 4)}}:root{--palette-blue-50:#eeefff;--palette-blue-100:#dbe1ff;--palette-blue-200:#b4c5ff;--palette-blue-300:#8da8ff;--palette-blue-400:#4d7cff;--palette-blue-500:#2563eb;--palette-blue-550:#0053db;--palette-blue-600:#004ac6;--palette-blue-700:#003ea8;--palette-blue-800:#002e7a;--palette-blue-900:#00174b;--palette-blue-950:#000d2e;--palette-indigo-50:#eef0ff;--palette-indigo-100:#dbe1ff;--palette-indigo-200:#b4c5ff;--palette-indigo-300:#acbfff;--palette-indigo-400:#7a96d4;--palette-indigo-500:#495c95;--palette-indigo-600:#394c84;--palette-indigo-700:#31447b;--palette-indigo-800:#1f2d5a;--palette-indigo-900:#00174b;--palette-indigo-950:#000d2e;--palette-orange-50:#ffede6;--palette-orange-100:#ffdbcd;--palette-orange-200:#ffb596;--palette-orange-300:#ff9060;--palette-orange-400:#e06420;--palette-orange-500:#bc4800;--palette-orange-600:#943700;--palette-orange-700:#7d2d00;--palette-orange-800:#4e1000;--palette-orange-900:#360f00;--palette-orange-950:#1f0800;--palette-neutral-0:#fff;--palette-neutral-50:#faf8ff;--palette-neutral-100:#f3f3fe;--palette-neutral-150:#ededf9;--palette-neutral-200:#e7e7f3;--palette-neutral-250:#e1e2ed;--palette-neutral-300:#d9d9e5;--palette-neutral-400:#c3c6d7;--palette-neutral-500:#8e909f;--palette-neutral-600:#737686;--palette-neutral-700:#434655;--palette-neutral-800:#2e3039;--palette-neutral-850:#1d1e2a;--palette-neutral-875:#1a1c26;--palette-neutral-900:#191b23;--palette-neutral-925:#282a36;--palette-neutral-935:#333544;--palette-neutral-940:#111827;--palette-neutral-950:#11141d;--palette-neutral-1000:#0f111a;--palette-red-50:#fff5f5;--palette-red-100:#ffdad6;--palette-red-200:#ffb4ab;--palette-red-300:#ff897d;--palette-red-400:#f44336;--palette-red-500:#ba1a1a;--palette-red-600:#93000a;--palette-red-700:#7a0008;--palette-red-800:#5c0005;--palette-red-900:#410003;--palette-red-950:#2d0002;--palette-green-50:#f0fdf4;--palette-green-100:#dcfce7;--palette-green-200:#bbf7d0;--palette-green-300:#86efac;--palette-green-400:#4ade80;--palette-green-500:#22c55e;--palette-green-600:#16a34a;--palette-green-700:#166534;--palette-green-800:#14532d;--palette-green-900:#052e16;--palette-green-950:#022c22;--palette-yellow-50:#fefce8;--palette-yellow-100:#fef9c3;--palette-yellow-200:#fef08a;--palette-yellow-300:#fde047;--palette-yellow-400:#facc15;--palette-yellow-500:#eab308;--palette-yellow-600:#ca8a04;--palette-yellow-700:#a16207;--palette-yellow-800:#854d0e;--palette-yellow-900:#713f12;--palette-yellow-950:#422006;--palette-sky-50:#f0f9ff;--palette-sky-100:#e0f2fe;--palette-sky-200:#bae6fd;--palette-sky-300:#7dd3fc;--palette-sky-400:#38bdf8;--palette-sky-500:#0ea5e9;--palette-sky-600:#0284c7;--palette-sky-700:#0369a1;--palette-sky-800:#075985;--palette-sky-900:#0c4a6e;--palette-sky-950:#082f49;--color-surface:var(--palette-neutral-50);--color-surface-bright:var(--palette-neutral-50);--color-surface-dim:var(--palette-neutral-300);--color-surface-container:var(--palette-neutral-150);--color-surface-container-lowest:var(--palette-neutral-0);--color-surface-container-low:var(--palette-neutral-100);--color-surface-container-high:var(--palette-neutral-200);--color-surface-container-highest:var(--palette-neutral-250);--color-surface-variant:var(--palette-neutral-250);--color-surface-tint:var(--palette-blue-550);--color-primary:var(--palette-blue-600);--color-primary-container:var(--palette-blue-500);--color-primary-fixed:var(--palette-blue-100);--color-primary-fixed-dim:var(--palette-blue-200);--color-on-primary:var(--palette-neutral-0);--color-on-primary-container:var(--palette-blue-50);--color-on-primary-fixed:var(--palette-blue-900);--color-on-primary-fixed-variant:var(--palette-blue-700);--color-secondary:var(--palette-indigo-500);--color-secondary-container:var(--palette-indigo-300);--color-secondary-fixed:var(--palette-indigo-100);--color-secondary-fixed-dim:var(--palette-indigo-200);--color-on-secondary:var(--palette-neutral-0);--color-on-secondary-container:var(--palette-indigo-600);--color-on-secondary-fixed:var(--palette-indigo-900);--color-on-secondary-fixed-variant:var(--palette-indigo-700);--color-tertiary:var(--palette-orange-600);--color-tertiary-container:var(--palette-orange-500);--color-tertiary-fixed:var(--palette-orange-100);--color-tertiary-fixed-dim:var(--palette-orange-200);--color-on-tertiary:var(--palette-neutral-0);--color-on-tertiary-container:var(--palette-orange-50);--color-on-tertiary-fixed:var(--palette-orange-900);--color-on-tertiary-fixed-variant:var(--palette-orange-700);--color-on-surface:var(--palette-neutral-900);--color-on-surface-variant:var(--palette-neutral-700);--color-outline:var(--palette-neutral-600);--color-outline-variant:var(--palette-neutral-400);--color-error:var(--palette-red-500);--color-error-container:var(--palette-red-100);--color-on-error:var(--palette-neutral-0);--color-on-error-container:var(--palette-red-600);--color-success:var(--palette-green-600);--color-success-container:var(--palette-green-100);--color-on-success:var(--palette-neutral-0);--color-on-success-container:var(--palette-green-700);--color-warning:var(--palette-yellow-600);--color-warning-container:var(--palette-yellow-100);--color-on-warning:var(--palette-neutral-0);--color-on-warning-container:var(--palette-yellow-800);--color-info:var(--palette-sky-600);--color-info-container:var(--palette-sky-100);--color-on-info:var(--palette-neutral-0);--color-on-info-container:var(--palette-sky-800);--color-inverse-surface:var(--palette-neutral-800);--color-inverse-on-surface:var(--palette-neutral-100);--color-inverse-primary:var(--palette-blue-200);--color-background:var(--palette-neutral-50);--color-on-background:var(--palette-neutral-900)}.dark{--color-surface:var(--palette-neutral-940);--color-surface-bright:var(--palette-neutral-875);--color-surface-dim:var(--palette-neutral-950);--color-surface-container:var(--palette-neutral-850);--color-surface-container-lowest:var(--palette-neutral-1000);--color-surface-container-low:var(--palette-neutral-900);--color-surface-container-high:var(--palette-neutral-925);--color-surface-container-highest:var(--palette-neutral-935);--color-surface-variant:var(--palette-neutral-700);--color-surface-tint:var(--palette-blue-550);--color-primary:var(--palette-blue-500);--color-primary-container:var(--palette-blue-500);--color-primary-fixed:var(--palette-blue-100);--color-primary-fixed-dim:var(--palette-blue-200);--color-on-primary:var(--palette-neutral-0);--color-on-primary-container:var(--palette-blue-50);--color-on-primary-fixed:var(--palette-blue-900);--color-on-primary-fixed-variant:var(--palette-blue-700);--color-secondary:var(--palette-indigo-200);--color-secondary-container:var(--palette-indigo-700);--color-secondary-fixed:var(--palette-indigo-100);--color-secondary-fixed-dim:var(--palette-indigo-200);--color-on-secondary:var(--palette-neutral-0);--color-on-secondary-container:var(--palette-indigo-100);--color-on-secondary-fixed:var(--palette-indigo-900);--color-on-secondary-fixed-variant:var(--palette-indigo-700);--color-tertiary:var(--palette-orange-200);--color-tertiary-container:var(--palette-orange-500);--color-tertiary-fixed:var(--palette-orange-100);--color-tertiary-fixed-dim:var(--palette-orange-200);--color-on-tertiary:var(--palette-orange-800);--color-on-tertiary-container:var(--palette-orange-50);--color-on-tertiary-fixed:var(--palette-orange-900);--color-on-tertiary-fixed-variant:var(--palette-orange-700);--color-on-surface:var(--palette-neutral-250);--color-on-surface-variant:var(--palette-neutral-400);--color-outline:var(--palette-neutral-500);--color-outline-variant:var(--palette-neutral-700);--color-error:var(--palette-red-200);--color-error-container:var(--palette-red-600);--color-on-error:var(--palette-neutral-0);--color-on-error-container:var(--palette-red-100);--color-success:var(--palette-green-400);--color-success-container:var(--palette-green-700);--color-on-success:var(--palette-neutral-0);--color-on-success-container:var(--palette-green-100);--color-warning:var(--palette-yellow-400);--color-warning-container:var(--palette-yellow-800);--color-on-warning:var(--palette-neutral-0);--color-on-warning-container:var(--palette-yellow-100);--color-info:var(--palette-sky-400);--color-info-container:var(--palette-sky-800);--color-on-info:var(--palette-neutral-0);--color-on-info-container:var(--palette-sky-100);--color-inverse-surface:var(--palette-neutral-250);--color-inverse-on-surface:var(--palette-neutral-900);--color-inverse-primary:var(--palette-blue-550);--color-background:var(--palette-neutral-940);--color-on-background:var(--palette-neutral-250)}body{line-height:1.75}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.prose{--tw-prose-body:var(--color-on-surface-variant);--tw-prose-headings:var(--color-on-surface);--tw-prose-lead:var(--color-on-surface-variant);--tw-prose-links:var(--color-primary);--tw-prose-bold:var(--color-on-surface);--tw-prose-counters:var(--color-outline);--tw-prose-bullets:var(--color-outline-variant);--tw-prose-hr:var(--color-outline-variant);--tw-prose-quotes:var(--color-on-surface);--tw-prose-quote-borders:var(--color-outline-variant);--tw-prose-captions:var(--color-outline);--tw-prose-code:var(--color-primary);--tw-prose-pre-code:#fff;--tw-prose-pre-bg:var(--color-on-surface);--tw-prose-th-borders:var(--color-outline-variant);--tw-prose-td-borders:var(--color-outline-variant)}.prose h2{font-family:var(--font-headline);margin-top:2.5rem;margin-bottom:1.25rem;font-size:1.75rem;font-weight:700}.prose h3{font-family:var(--font-headline);margin-top:2rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.prose p{margin-bottom:1.5rem;line-height:1.85}.prose li{margin-bottom:.5rem;padding-left:1.5rem;line-height:1.85;position:relative}.prose ul{padding-left:0;list-style-type:none}.prose ul>li:before{content:"";background-color:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:.75rem;left:0}.prose code:not(pre code){background-color:var(--color-surface-container-low);border-radius:.25rem;padding:.2rem .4rem;font-size:.9em}.prose pre{border-radius:.5rem;padding:1.5rem;overflow-x:auto}.prose pre code{color:inherit;background-color:#0000;padding:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}
package/dist/tokens.css CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
- :root{--palette-blue-50:#eeefff;--palette-blue-100:#dbe1ff;--palette-blue-200:#b4c5ff;--palette-blue-300:#8da8ff;--palette-blue-400:#4d7cff;--palette-blue-500:#2563eb;--palette-blue-600:#004ac6;--palette-blue-700:#003ea8;--palette-blue-800:#002e7a;--palette-blue-900:#00174b;--palette-blue-950:#000d2e;--palette-indigo-50:#eef0ff;--palette-indigo-100:#dbe1ff;--palette-indigo-200:#b4c5ff;--palette-indigo-300:#acbfff;--palette-indigo-400:#7a96d4;--palette-indigo-500:#495c95;--palette-indigo-600:#394c84;--palette-indigo-700:#31447b;--palette-indigo-800:#1f2d5a;--palette-indigo-900:#00174b;--palette-indigo-950:#000d2e;--palette-orange-50:#ffede6;--palette-orange-100:#ffdbcd;--palette-orange-200:#ffb596;--palette-orange-300:#ff9060;--palette-orange-400:#e06420;--palette-orange-500:#bc4800;--palette-orange-600:#943700;--palette-orange-700:#7d2d00;--palette-orange-800:#4e1000;--palette-orange-900:#360f00;--palette-orange-950:#1f0800;--palette-neutral-0:#fff;--palette-neutral-50:#faf8ff;--palette-neutral-100:#f3f3fe;--palette-neutral-150:#ededf9;--palette-neutral-200:#e7e7f3;--palette-neutral-250:#e1e2ed;--palette-neutral-300:#d9d9e5;--palette-neutral-400:#c3c6d7;--palette-neutral-500:#8e909f;--palette-neutral-600:#737686;--palette-neutral-700:#434655;--palette-neutral-800:#2e3039;--palette-neutral-850:#1d1e2a;--palette-neutral-875:#1a1c26;--palette-neutral-900:#191b23;--palette-neutral-925:#282a36;--palette-neutral-935:#333544;--palette-neutral-950:#11141d;--palette-neutral-1000:#0f111a;--palette-red-50:#fff5f5;--palette-red-100:#ffdad6;--palette-red-200:#ffb4ab;--palette-red-300:#ff897d;--palette-red-400:#f44336;--palette-red-500:#ba1a1a;--palette-red-600:#93000a;--palette-red-700:#7a0008;--palette-red-800:#5c0005;--palette-red-900:#410003;--palette-red-950:#2d0002;--palette-green-50:#f0fdf4;--palette-green-100:#dcfce7;--palette-green-200:#bbf7d0;--palette-green-300:#86efac;--palette-green-400:#4ade80;--palette-green-500:#22c55e;--palette-green-600:#16a34a;--palette-green-700:#166534;--palette-green-800:#14532d;--palette-green-900:#052e16;--palette-green-950:#022c22;--palette-yellow-50:#fefce8;--palette-yellow-100:#fef9c3;--palette-yellow-200:#fef08a;--palette-yellow-300:#fde047;--palette-yellow-400:#facc15;--palette-yellow-500:#eab308;--palette-yellow-600:#ca8a04;--palette-yellow-700:#a16207;--palette-yellow-800:#854d0e;--palette-yellow-900:#713f12;--palette-yellow-950:#422006;--palette-sky-50:#f0f9ff;--palette-sky-100:#e0f2fe;--palette-sky-200:#bae6fd;--palette-sky-300:#7dd3fc;--palette-sky-400:#38bdf8;--palette-sky-500:#0ea5e9;--palette-sky-600:#0284c7;--palette-sky-700:#0369a1;--palette-sky-800:#075985;--palette-sky-900:#0c4a6e;--palette-sky-950:#082f49;--color-surface:var(--palette-neutral-50);--color-surface-bright:var(--palette-neutral-50);--color-surface-dim:var(--palette-neutral-300);--color-surface-container:var(--palette-neutral-150);--color-surface-container-lowest:var(--palette-neutral-0);--color-surface-container-low:var(--palette-neutral-100);--color-surface-container-high:var(--palette-neutral-200);--color-surface-container-highest:var(--palette-neutral-250);--color-surface-variant:var(--palette-neutral-250);--color-surface-tint:var(--palette-blue-600);--color-primary:var(--palette-blue-600);--color-primary-container:var(--palette-blue-500);--color-primary-fixed:var(--palette-blue-100);--color-primary-fixed-dim:var(--palette-blue-200);--color-on-primary:var(--palette-neutral-0);--color-on-primary-container:var(--palette-blue-50);--color-on-primary-fixed:var(--palette-blue-900);--color-on-primary-fixed-variant:var(--palette-blue-700);--color-secondary:var(--palette-indigo-500);--color-secondary-container:var(--palette-indigo-300);--color-secondary-fixed:var(--palette-indigo-100);--color-secondary-fixed-dim:var(--palette-indigo-200);--color-on-secondary:var(--palette-neutral-0);--color-on-secondary-container:var(--palette-indigo-600);--color-on-secondary-fixed:var(--palette-indigo-900);--color-on-secondary-fixed-variant:var(--palette-indigo-700);--color-tertiary:var(--palette-orange-600);--color-tertiary-container:var(--palette-orange-500);--color-tertiary-fixed:var(--palette-orange-100);--color-tertiary-fixed-dim:var(--palette-orange-200);--color-on-tertiary:var(--palette-neutral-0);--color-on-tertiary-container:var(--palette-orange-50);--color-on-tertiary-fixed:var(--palette-orange-900);--color-on-tertiary-fixed-variant:var(--palette-orange-700);--color-on-surface:var(--palette-neutral-900);--color-on-surface-variant:var(--palette-neutral-700);--color-outline:var(--palette-neutral-600);--color-outline-variant:var(--palette-neutral-400);--color-error:var(--palette-red-500);--color-error-container:var(--palette-red-100);--color-on-error:var(--palette-neutral-0);--color-on-error-container:var(--palette-red-600);--color-success:var(--palette-green-600);--color-success-container:var(--palette-green-100);--color-on-success:var(--palette-neutral-0);--color-on-success-container:var(--palette-green-700);--color-warning:var(--palette-yellow-600);--color-warning-container:var(--palette-yellow-100);--color-on-warning:var(--palette-neutral-0);--color-on-warning-container:var(--palette-yellow-800);--color-info:var(--palette-sky-600);--color-info-container:var(--palette-sky-100);--color-on-info:var(--palette-neutral-0);--color-on-info-container:var(--palette-sky-800);--color-inverse-surface:var(--palette-neutral-800);--color-inverse-on-surface:var(--palette-neutral-100);--color-inverse-primary:var(--palette-blue-200);--color-background:var(--palette-neutral-50);--color-on-background:var(--palette-neutral-900)}.dark{--color-surface:var(--palette-neutral-950);--color-surface-bright:var(--palette-neutral-875);--color-surface-dim:var(--palette-neutral-950);--color-surface-container:var(--palette-neutral-850);--color-surface-container-lowest:var(--palette-neutral-1000);--color-surface-container-low:var(--palette-neutral-900);--color-surface-container-high:var(--palette-neutral-925);--color-surface-container-highest:var(--palette-neutral-935);--color-surface-variant:var(--palette-neutral-700);--color-surface-tint:var(--palette-blue-600);--color-primary:var(--palette-blue-500);--color-primary-container:var(--palette-blue-500);--color-primary-fixed:var(--palette-blue-100);--color-primary-fixed-dim:var(--palette-blue-200);--color-on-primary:var(--palette-neutral-0);--color-on-primary-container:var(--palette-blue-50);--color-on-primary-fixed:var(--palette-blue-900);--color-on-primary-fixed-variant:var(--palette-blue-700);--color-secondary:var(--palette-indigo-200);--color-secondary-container:var(--palette-indigo-700);--color-secondary-fixed:var(--palette-indigo-100);--color-secondary-fixed-dim:var(--palette-indigo-200);--color-on-secondary:var(--palette-neutral-0);--color-on-secondary-container:var(--palette-indigo-100);--color-on-secondary-fixed:var(--palette-indigo-900);--color-on-secondary-fixed-variant:var(--palette-indigo-700);--color-tertiary:var(--palette-orange-200);--color-tertiary-container:var(--palette-orange-500);--color-tertiary-fixed:var(--palette-orange-100);--color-tertiary-fixed-dim:var(--palette-orange-200);--color-on-tertiary:var(--palette-orange-800);--color-on-tertiary-container:var(--palette-orange-50);--color-on-tertiary-fixed:var(--palette-orange-900);--color-on-tertiary-fixed-variant:var(--palette-orange-700);--color-on-surface:var(--palette-neutral-250);--color-on-surface-variant:var(--palette-neutral-400);--color-outline:var(--palette-neutral-500);--color-outline-variant:var(--palette-neutral-700);--color-error:var(--palette-red-200);--color-error-container:var(--palette-red-600);--color-on-error:var(--palette-neutral-0);--color-on-error-container:var(--palette-red-100);--color-success:var(--palette-green-400);--color-success-container:var(--palette-green-700);--color-on-success:var(--palette-neutral-0);--color-on-success-container:var(--palette-green-100);--color-warning:var(--palette-yellow-400);--color-warning-container:var(--palette-yellow-800);--color-on-warning:var(--palette-neutral-0);--color-on-warning-container:var(--palette-yellow-100);--color-info:var(--palette-sky-400);--color-info-container:var(--palette-sky-800);--color-on-info:var(--palette-neutral-0);--color-on-info-container:var(--palette-sky-100);--color-inverse-surface:var(--palette-neutral-250);--color-inverse-on-surface:var(--palette-neutral-900);--color-inverse-primary:var(--palette-blue-600);--color-background:var(--palette-neutral-950);--color-on-background:var(--palette-neutral-250)}body{line-height:1.75}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.prose{--tw-prose-body:var(--color-on-surface-variant);--tw-prose-headings:var(--color-on-surface);--tw-prose-lead:var(--color-on-surface-variant);--tw-prose-links:var(--color-primary);--tw-prose-bold:var(--color-on-surface);--tw-prose-counters:var(--color-outline);--tw-prose-bullets:var(--color-outline-variant);--tw-prose-hr:var(--color-outline-variant);--tw-prose-quotes:var(--color-on-surface);--tw-prose-quote-borders:var(--color-outline-variant);--tw-prose-captions:var(--color-outline);--tw-prose-code:var(--color-primary);--tw-prose-pre-code:#fff;--tw-prose-pre-bg:var(--color-on-surface);--tw-prose-th-borders:var(--color-outline-variant);--tw-prose-td-borders:var(--color-outline-variant)}.prose h2{font-family:var(--font-headline);margin-top:2.5rem;margin-bottom:1.25rem;font-size:1.75rem;font-weight:700}.prose h3{font-family:var(--font-headline);margin-top:2rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.prose p{margin-bottom:1.5rem;line-height:1.85}.prose li{margin-bottom:.5rem;padding-left:1.5rem;line-height:1.85;position:relative}.prose ul{padding-left:0;list-style-type:none}.prose ul>li:before{content:"";background-color:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:.75rem;left:0}.prose code:not(pre code){background-color:var(--color-surface-container-low);border-radius:.25rem;padding:.2rem .4rem;font-size:.9em}.prose pre{border-radius:.5rem;padding:1.5rem;overflow-x:auto}.prose pre code{color:inherit;background-color:#0000;padding:0}.bg-surface{background-color:var(--color-surface)}.bg-surface-bright{background-color:var(--color-surface-bright)}.bg-surface-dim{background-color:var(--color-surface-dim)}.bg-surface-variant{background-color:var(--color-surface-variant)}.bg-surface-tint{background-color:var(--color-surface-tint)}.bg-primary-fixed{background-color:var(--color-primary-fixed)}.bg-primary-fixed-dim{background-color:var(--color-primary-fixed-dim)}.bg-on-primary{background-color:var(--color-on-primary)}.bg-secondary-fixed{background-color:var(--color-secondary-fixed)}.bg-secondary-fixed-dim{background-color:var(--color-secondary-fixed-dim)}.bg-tertiary{background-color:var(--color-tertiary)}.bg-tertiary-fixed{background-color:var(--color-tertiary-fixed)}.bg-tertiary-fixed-dim{background-color:var(--color-tertiary-fixed-dim)}.bg-on-error{background-color:var(--color-on-error)}.bg-on-success{background-color:var(--color-on-success)}.bg-inverse-surface{background-color:var(--color-inverse-surface)}.bg-background{background-color:var(--color-background)}.text-on-primary-fixed{color:var(--color-on-primary-fixed)}.text-on-primary-fixed-variant{color:var(--color-on-primary-fixed-variant)}.text-on-secondary-fixed{color:var(--color-on-secondary-fixed)}.text-on-secondary-fixed-variant{color:var(--color-on-secondary-fixed-variant)}.text-on-tertiary-fixed{color:var(--color-on-tertiary-fixed)}.text-on-tertiary-fixed-variant{color:var(--color-on-tertiary-fixed-variant)}.text-inverse-on-surface{color:var(--color-inverse-on-surface)}.text-inverse-primary{color:var(--color-inverse-primary)}.text-on-background{color:var(--color-on-background)}.text-surface-tint{color:var(--color-surface-tint)}.text-secondary{color:var(--color-secondary)}.text-tertiary{color:var(--color-tertiary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.border-surface-variant{border-color:var(--color-surface-variant)}.border-secondary{border-color:var(--color-secondary)}.border-tertiary{border-color:var(--color-tertiary)}.bg-surface\/80{background-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/80{background-color:color-mix(in srgb, var(--color-surface) 80%, transparent)}}.bg-surface\/60{background-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/60{background-color:color-mix(in srgb, var(--color-surface) 60%, transparent)}}.selection\:bg-primary-fixed::selection{background-color:var(--color-primary-fixed)}.selection\:text-on-primary-fixed::selection{color:var(--color-on-primary-fixed)}
2
+ :root{--palette-blue-50:#eeefff;--palette-blue-100:#dbe1ff;--palette-blue-200:#b4c5ff;--palette-blue-300:#8da8ff;--palette-blue-400:#4d7cff;--palette-blue-500:#2563eb;--palette-blue-550:#0053db;--palette-blue-600:#004ac6;--palette-blue-700:#003ea8;--palette-blue-800:#002e7a;--palette-blue-900:#00174b;--palette-blue-950:#000d2e;--palette-indigo-50:#eef0ff;--palette-indigo-100:#dbe1ff;--palette-indigo-200:#b4c5ff;--palette-indigo-300:#acbfff;--palette-indigo-400:#7a96d4;--palette-indigo-500:#495c95;--palette-indigo-600:#394c84;--palette-indigo-700:#31447b;--palette-indigo-800:#1f2d5a;--palette-indigo-900:#00174b;--palette-indigo-950:#000d2e;--palette-orange-50:#ffede6;--palette-orange-100:#ffdbcd;--palette-orange-200:#ffb596;--palette-orange-300:#ff9060;--palette-orange-400:#e06420;--palette-orange-500:#bc4800;--palette-orange-600:#943700;--palette-orange-700:#7d2d00;--palette-orange-800:#4e1000;--palette-orange-900:#360f00;--palette-orange-950:#1f0800;--palette-neutral-0:#fff;--palette-neutral-50:#faf8ff;--palette-neutral-100:#f3f3fe;--palette-neutral-150:#ededf9;--palette-neutral-200:#e7e7f3;--palette-neutral-250:#e1e2ed;--palette-neutral-300:#d9d9e5;--palette-neutral-400:#c3c6d7;--palette-neutral-500:#8e909f;--palette-neutral-600:#737686;--palette-neutral-700:#434655;--palette-neutral-800:#2e3039;--palette-neutral-850:#1d1e2a;--palette-neutral-875:#1a1c26;--palette-neutral-900:#191b23;--palette-neutral-925:#282a36;--palette-neutral-935:#333544;--palette-neutral-940:#111827;--palette-neutral-950:#11141d;--palette-neutral-1000:#0f111a;--palette-red-50:#fff5f5;--palette-red-100:#ffdad6;--palette-red-200:#ffb4ab;--palette-red-300:#ff897d;--palette-red-400:#f44336;--palette-red-500:#ba1a1a;--palette-red-600:#93000a;--palette-red-700:#7a0008;--palette-red-800:#5c0005;--palette-red-900:#410003;--palette-red-950:#2d0002;--palette-green-50:#f0fdf4;--palette-green-100:#dcfce7;--palette-green-200:#bbf7d0;--palette-green-300:#86efac;--palette-green-400:#4ade80;--palette-green-500:#22c55e;--palette-green-600:#16a34a;--palette-green-700:#166534;--palette-green-800:#14532d;--palette-green-900:#052e16;--palette-green-950:#022c22;--palette-yellow-50:#fefce8;--palette-yellow-100:#fef9c3;--palette-yellow-200:#fef08a;--palette-yellow-300:#fde047;--palette-yellow-400:#facc15;--palette-yellow-500:#eab308;--palette-yellow-600:#ca8a04;--palette-yellow-700:#a16207;--palette-yellow-800:#854d0e;--palette-yellow-900:#713f12;--palette-yellow-950:#422006;--palette-sky-50:#f0f9ff;--palette-sky-100:#e0f2fe;--palette-sky-200:#bae6fd;--palette-sky-300:#7dd3fc;--palette-sky-400:#38bdf8;--palette-sky-500:#0ea5e9;--palette-sky-600:#0284c7;--palette-sky-700:#0369a1;--palette-sky-800:#075985;--palette-sky-900:#0c4a6e;--palette-sky-950:#082f49;--color-surface:var(--palette-neutral-50);--color-surface-bright:var(--palette-neutral-50);--color-surface-dim:var(--palette-neutral-300);--color-surface-container:var(--palette-neutral-150);--color-surface-container-lowest:var(--palette-neutral-0);--color-surface-container-low:var(--palette-neutral-100);--color-surface-container-high:var(--palette-neutral-200);--color-surface-container-highest:var(--palette-neutral-250);--color-surface-variant:var(--palette-neutral-250);--color-surface-tint:var(--palette-blue-550);--color-primary:var(--palette-blue-600);--color-primary-container:var(--palette-blue-500);--color-primary-fixed:var(--palette-blue-100);--color-primary-fixed-dim:var(--palette-blue-200);--color-on-primary:var(--palette-neutral-0);--color-on-primary-container:var(--palette-blue-50);--color-on-primary-fixed:var(--palette-blue-900);--color-on-primary-fixed-variant:var(--palette-blue-700);--color-secondary:var(--palette-indigo-500);--color-secondary-container:var(--palette-indigo-300);--color-secondary-fixed:var(--palette-indigo-100);--color-secondary-fixed-dim:var(--palette-indigo-200);--color-on-secondary:var(--palette-neutral-0);--color-on-secondary-container:var(--palette-indigo-600);--color-on-secondary-fixed:var(--palette-indigo-900);--color-on-secondary-fixed-variant:var(--palette-indigo-700);--color-tertiary:var(--palette-orange-600);--color-tertiary-container:var(--palette-orange-500);--color-tertiary-fixed:var(--palette-orange-100);--color-tertiary-fixed-dim:var(--palette-orange-200);--color-on-tertiary:var(--palette-neutral-0);--color-on-tertiary-container:var(--palette-orange-50);--color-on-tertiary-fixed:var(--palette-orange-900);--color-on-tertiary-fixed-variant:var(--palette-orange-700);--color-on-surface:var(--palette-neutral-900);--color-on-surface-variant:var(--palette-neutral-700);--color-outline:var(--palette-neutral-600);--color-outline-variant:var(--palette-neutral-400);--color-error:var(--palette-red-500);--color-error-container:var(--palette-red-100);--color-on-error:var(--palette-neutral-0);--color-on-error-container:var(--palette-red-600);--color-success:var(--palette-green-600);--color-success-container:var(--palette-green-100);--color-on-success:var(--palette-neutral-0);--color-on-success-container:var(--palette-green-700);--color-warning:var(--palette-yellow-600);--color-warning-container:var(--palette-yellow-100);--color-on-warning:var(--palette-neutral-0);--color-on-warning-container:var(--palette-yellow-800);--color-info:var(--palette-sky-600);--color-info-container:var(--palette-sky-100);--color-on-info:var(--palette-neutral-0);--color-on-info-container:var(--palette-sky-800);--color-inverse-surface:var(--palette-neutral-800);--color-inverse-on-surface:var(--palette-neutral-100);--color-inverse-primary:var(--palette-blue-200);--color-background:var(--palette-neutral-50);--color-on-background:var(--palette-neutral-900)}.dark{--color-surface:var(--palette-neutral-940);--color-surface-bright:var(--palette-neutral-875);--color-surface-dim:var(--palette-neutral-950);--color-surface-container:var(--palette-neutral-850);--color-surface-container-lowest:var(--palette-neutral-1000);--color-surface-container-low:var(--palette-neutral-900);--color-surface-container-high:var(--palette-neutral-925);--color-surface-container-highest:var(--palette-neutral-935);--color-surface-variant:var(--palette-neutral-700);--color-surface-tint:var(--palette-blue-550);--color-primary:var(--palette-blue-500);--color-primary-container:var(--palette-blue-500);--color-primary-fixed:var(--palette-blue-100);--color-primary-fixed-dim:var(--palette-blue-200);--color-on-primary:var(--palette-neutral-0);--color-on-primary-container:var(--palette-blue-50);--color-on-primary-fixed:var(--palette-blue-900);--color-on-primary-fixed-variant:var(--palette-blue-700);--color-secondary:var(--palette-indigo-200);--color-secondary-container:var(--palette-indigo-700);--color-secondary-fixed:var(--palette-indigo-100);--color-secondary-fixed-dim:var(--palette-indigo-200);--color-on-secondary:var(--palette-neutral-0);--color-on-secondary-container:var(--palette-indigo-100);--color-on-secondary-fixed:var(--palette-indigo-900);--color-on-secondary-fixed-variant:var(--palette-indigo-700);--color-tertiary:var(--palette-orange-200);--color-tertiary-container:var(--palette-orange-500);--color-tertiary-fixed:var(--palette-orange-100);--color-tertiary-fixed-dim:var(--palette-orange-200);--color-on-tertiary:var(--palette-orange-800);--color-on-tertiary-container:var(--palette-orange-50);--color-on-tertiary-fixed:var(--palette-orange-900);--color-on-tertiary-fixed-variant:var(--palette-orange-700);--color-on-surface:var(--palette-neutral-250);--color-on-surface-variant:var(--palette-neutral-400);--color-outline:var(--palette-neutral-500);--color-outline-variant:var(--palette-neutral-700);--color-error:var(--palette-red-200);--color-error-container:var(--palette-red-600);--color-on-error:var(--palette-neutral-0);--color-on-error-container:var(--palette-red-100);--color-success:var(--palette-green-400);--color-success-container:var(--palette-green-700);--color-on-success:var(--palette-neutral-0);--color-on-success-container:var(--palette-green-100);--color-warning:var(--palette-yellow-400);--color-warning-container:var(--palette-yellow-800);--color-on-warning:var(--palette-neutral-0);--color-on-warning-container:var(--palette-yellow-100);--color-info:var(--palette-sky-400);--color-info-container:var(--palette-sky-800);--color-on-info:var(--palette-neutral-0);--color-on-info-container:var(--palette-sky-100);--color-inverse-surface:var(--palette-neutral-250);--color-inverse-on-surface:var(--palette-neutral-900);--color-inverse-primary:var(--palette-blue-550);--color-background:var(--palette-neutral-940);--color-on-background:var(--palette-neutral-250)}body{line-height:1.75}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.prose{--tw-prose-body:var(--color-on-surface-variant);--tw-prose-headings:var(--color-on-surface);--tw-prose-lead:var(--color-on-surface-variant);--tw-prose-links:var(--color-primary);--tw-prose-bold:var(--color-on-surface);--tw-prose-counters:var(--color-outline);--tw-prose-bullets:var(--color-outline-variant);--tw-prose-hr:var(--color-outline-variant);--tw-prose-quotes:var(--color-on-surface);--tw-prose-quote-borders:var(--color-outline-variant);--tw-prose-captions:var(--color-outline);--tw-prose-code:var(--color-primary);--tw-prose-pre-code:#fff;--tw-prose-pre-bg:var(--color-on-surface);--tw-prose-th-borders:var(--color-outline-variant);--tw-prose-td-borders:var(--color-outline-variant)}.prose h2{font-family:var(--font-headline);margin-top:2.5rem;margin-bottom:1.25rem;font-size:1.75rem;font-weight:700}.prose h3{font-family:var(--font-headline);margin-top:2rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.prose p{margin-bottom:1.5rem;line-height:1.85}.prose li{margin-bottom:.5rem;padding-left:1.5rem;line-height:1.85;position:relative}.prose ul{padding-left:0;list-style-type:none}.prose ul>li:before{content:"";background-color:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:.75rem;left:0}.prose code:not(pre code){background-color:var(--color-surface-container-low);border-radius:.25rem;padding:.2rem .4rem;font-size:.9em}.prose pre{border-radius:.5rem;padding:1.5rem;overflow-x:auto}.prose pre code{color:inherit;background-color:#0000;padding:0}.bg-surface{background-color:var(--color-surface)}.bg-surface-bright{background-color:var(--color-surface-bright)}.bg-surface-dim{background-color:var(--color-surface-dim)}.bg-surface-variant{background-color:var(--color-surface-variant)}.bg-surface-tint{background-color:var(--color-surface-tint)}.bg-primary-fixed{background-color:var(--color-primary-fixed)}.bg-primary-fixed-dim{background-color:var(--color-primary-fixed-dim)}.bg-on-primary{background-color:var(--color-on-primary)}.bg-secondary-fixed{background-color:var(--color-secondary-fixed)}.bg-secondary-fixed-dim{background-color:var(--color-secondary-fixed-dim)}.bg-tertiary{background-color:var(--color-tertiary)}.bg-tertiary-fixed{background-color:var(--color-tertiary-fixed)}.bg-tertiary-fixed-dim{background-color:var(--color-tertiary-fixed-dim)}.bg-on-error{background-color:var(--color-on-error)}.bg-on-success{background-color:var(--color-on-success)}.bg-inverse-surface{background-color:var(--color-inverse-surface)}.bg-background{background-color:var(--color-background)}.text-on-primary-fixed{color:var(--color-on-primary-fixed)}.text-on-primary-fixed-variant{color:var(--color-on-primary-fixed-variant)}.text-on-secondary-fixed{color:var(--color-on-secondary-fixed)}.text-on-secondary-fixed-variant{color:var(--color-on-secondary-fixed-variant)}.text-on-tertiary-fixed{color:var(--color-on-tertiary-fixed)}.text-on-tertiary-fixed-variant{color:var(--color-on-tertiary-fixed-variant)}.text-inverse-on-surface{color:var(--color-inverse-on-surface)}.text-inverse-primary{color:var(--color-inverse-primary)}.text-on-background{color:var(--color-on-background)}.text-surface-tint{color:var(--color-surface-tint)}.text-secondary{color:var(--color-secondary)}.text-tertiary{color:var(--color-tertiary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.border-surface-variant{border-color:var(--color-surface-variant)}.border-secondary{border-color:var(--color-secondary)}.border-tertiary{border-color:var(--color-tertiary)}.bg-surface\/80{background-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/80{background-color:color-mix(in srgb, var(--color-surface) 80%, transparent)}}.bg-surface\/60{background-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/60{background-color:color-mix(in srgb, var(--color-surface) 60%, transparent)}}.selection\:bg-primary-fixed::selection{background-color:var(--color-primary-fixed)}.selection\:text-on-primary-fixed::selection{color:var(--color-on-primary-fixed)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tonal-ui",
3
- "version": "0.3.0",
3
+ "version": "0.4.0-beta.1",
4
4
  "type": "module",
5
5
  "description": "A tonal layering design system for editorial platforms. Surface-first UI components with CVA variants, dark mode, and CJK typography support.",
6
6
  "license": "MIT",
@@ -23,7 +23,7 @@
23
23
  ],
24
24
  "scripts": {
25
25
  "build": "tsup && pnpm build:css",
26
- "build:css": "npx @tailwindcss/cli -i src/styles/build-entry.css -o dist/styles.css --minify && npx @tailwindcss/cli -i src/styles/consumer-entry.css -o dist/tokens.css --minify",
26
+ "build:css": "npx @tailwindcss/cli -i src/styles/build-entry.css -o dist/styles.css --minify && node scripts/append-consumer-css.mjs && npx @tailwindcss/cli -i src/styles/consumer-entry.css -o dist/tokens.css --minify",
27
27
  "dev": "tsup --watch",
28
28
  "storybook": "storybook dev -p 6006",
29
29
  "build-storybook": "storybook build",
package/src/tokens/colors.css CHANGED
@@ -15,7 +15,7 @@
15
15
  --color-surface-container-high: var(--palette-neutral-200);
16
16
  --color-surface-container-highest: var(--palette-neutral-250);
17
17
  --color-surface-variant: var(--palette-neutral-250);
18
- --color-surface-tint: var(--palette-blue-600);
18
+ --color-surface-tint: var(--palette-blue-550);
19
19
 
20
20
  /* ── Primary ── */
21
21
  --color-primary: var(--palette-blue-600);
@@ -91,7 +91,7 @@
91
91
 
92
92
  .dark {
93
93
  /* ── Surface hierarchy ── */
94
- --color-surface: var(--palette-neutral-950);
94
+ --color-surface: var(--palette-neutral-940);
95
95
  --color-surface-bright: var(--palette-neutral-875);
96
96
  --color-surface-dim: var(--palette-neutral-950);
97
97
  --color-surface-container: var(--palette-neutral-850);
@@ -100,7 +100,7 @@
100
100
  --color-surface-container-high: var(--palette-neutral-925);
101
101
  --color-surface-container-highest: var(--palette-neutral-935);
102
102
  --color-surface-variant: var(--palette-neutral-700);
103
- --color-surface-tint: var(--palette-blue-600);
103
+ --color-surface-tint: var(--palette-blue-550);
104
104
 
105
105
  /* ── Primary ── */
106
106
  --color-primary: var(--palette-blue-500);
@@ -167,9 +167,9 @@
167
167
  /* ── Inverse ── */
168
168
  --color-inverse-surface: var(--palette-neutral-250);
169
169
  --color-inverse-on-surface: var(--palette-neutral-900);
170
- --color-inverse-primary: var(--palette-blue-600);
170
+ --color-inverse-primary: var(--palette-blue-550);
171
171
 
172
172
  /* ── Background ── */
173
- --color-background: var(--palette-neutral-950);
173
+ --color-background: var(--palette-neutral-940);
174
174
  --color-on-background: var(--palette-neutral-250);
175
175
  }
package/src/tokens/palette.css CHANGED
@@ -12,6 +12,7 @@
12
12
  --palette-blue-300: #8da8ff;
13
13
  --palette-blue-400: #4d7cff;
14
14
  --palette-blue-500: #2563eb;
15
+ --palette-blue-550: #0053db;
15
16
  --palette-blue-600: #004ac6;
16
17
  --palette-blue-700: #003ea8;
17
18
  --palette-blue-800: #002e7a;
@@ -62,6 +63,7 @@
62
63
  --palette-neutral-900: #191b23;
63
64
  --palette-neutral-925: #282a36;
64
65
  --palette-neutral-935: #333544;
66
+ --palette-neutral-940: #111827;
65
67
  --palette-neutral-950: #11141d;
66
68
  --palette-neutral-1000: #0f111a;
67
69