@rebnd/ui 0.0.3 → 0.0.4

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 (79) hide show
  1. package/README.md +5 -3
  2. package/dist/index.d.ts +11 -0
  3. package/dist/src/assets/constants/components.d.ts +3 -0
  4. package/dist/src/components/RAvatar/RAvatar.d.ts +13 -13
  5. package/dist/src/components/RAvatar/utils/avatar.props.d.ts +7 -6
  6. package/dist/src/components/RAvatar/utils/avatar.style.d.ts +14 -10
  7. package/dist/src/components/RAvatarGroup/RAvatarGroup.d.ts +7 -7
  8. package/dist/src/components/RAvatarGroup/utils/avatar-group.props.d.ts +4 -3
  9. package/dist/src/components/RAvatarGroup/utils/avatar-group.style.d.ts +2 -1
  10. package/dist/src/components/RBadge/RBadge.d.ts +13 -13
  11. package/dist/src/components/RBadge/utils/badge.props.d.ts +8 -7
  12. package/dist/src/components/RBadge/utils/badge.style.d.ts +35 -66
  13. package/dist/src/components/RButton/RButton.d.ts +33 -13
  14. package/dist/src/components/RButton/utils/button.props.d.ts +16 -7
  15. package/dist/src/components/RButton/utils/button.style.d.ts +92 -38
  16. package/dist/src/components/RButtonGroup/RButtonGroup.d.ts +62 -0
  17. package/dist/src/components/RButtonGroup/utils/button-group.props.d.ts +30 -0
  18. package/dist/src/components/RButtonGroup/utils/button-group.style.d.ts +123 -0
  19. package/dist/src/components/RCheckbox/RCheckbox.d.ts +62 -0
  20. package/dist/src/components/RCheckbox/utils/checkbox.props.d.ts +27 -0
  21. package/dist/src/components/RCheckbox/utils/checkbox.style.d.ts +38 -0
  22. package/dist/src/components/RCheckboxGroup/RCheckboxGroup.d.ts +80 -0
  23. package/dist/src/components/RCheckboxGroup/utils/checkbox-group.props.d.ts +37 -0
  24. package/dist/src/components/RCheckboxGroup/utils/checkbox-group.style.d.ts +35 -0
  25. package/dist/src/components/RFormGroup/RFormGroup.d.ts +8 -2
  26. package/dist/src/components/RInput/RInput.d.ts +19 -3
  27. package/dist/src/components/RInput/utils/input.props.d.ts +7 -0
  28. package/dist/src/components/RInput/utils/input.style.d.ts +24 -2
  29. package/dist/src/components/RInputPassword/RInputPassword.d.ts +22 -0
  30. package/dist/src/components/RInputPassword/utils/input-password.props.d.ts +8 -0
  31. package/dist/src/components/RInputPassword/utils/input-password.style.d.ts +4 -0
  32. package/dist/src/components/RModal/RModal.d.ts +65 -0
  33. package/dist/src/components/RModal/utils/modal.props.d.ts +30 -0
  34. package/dist/src/components/RModal/utils/modal.style.d.ts +3 -0
  35. package/dist/src/components/RRadio/RRadio.d.ts +60 -0
  36. package/dist/src/components/RRadio/utils/radio.props.d.ts +27 -0
  37. package/dist/src/components/RRadio/utils/radio.style.d.ts +64 -0
  38. package/dist/src/components/RRadioGroup/RRadioGroup.d.ts +78 -0
  39. package/dist/src/components/RRadioGroup/utils/radio-group.props.d.ts +37 -0
  40. package/dist/src/components/RRadioGroup/utils/radio-group.style.d.ts +35 -0
  41. package/dist/src/components/RSwitch/RSwitch.d.ts +86 -0
  42. package/dist/src/components/RSwitch/utils/switch.props.d.ts +39 -0
  43. package/dist/src/components/RSwitch/utils/switch.style.d.ts +142 -0
  44. package/dist/src/components/RTabs/RTabs.d.ts +14 -14
  45. package/dist/src/components/RTabs/utils/tabs.props.d.ts +8 -6
  46. package/dist/src/components/RTabs/utils/tabs.style.d.ts +26 -10
  47. package/dist/src/components/RTextArea/RTextArea.d.ts +21 -1
  48. package/dist/src/components/RTextArea/utils/text-area.props.d.ts +11 -0
  49. package/dist/src/components/RTextArea/utils/text-area.style.d.ts +30 -2
  50. package/dist/src/components/RToast/RToast.d.ts +70 -0
  51. package/dist/src/components/RToast/utils/toast.props.d.ts +33 -0
  52. package/dist/src/components/RToast/utils/toast.style.d.ts +4 -0
  53. package/dist/src/components/RToastRenderer/RToastRenderer.d.ts +31 -0
  54. package/dist/src/components/RToastRenderer/utils/toast-renderer.props.d.ts +14 -0
  55. package/dist/src/components/RToastRenderer/utils/toast-renderer.style.d.ts +21 -0
  56. package/dist/src/components/RToggle/RToggle.d.ts +62 -0
  57. package/dist/src/components/RToggle/utils/toggle.props.d.ts +29 -0
  58. package/dist/src/components/RToggle/utils/toggle.style.d.ts +2 -0
  59. package/dist/src/composables/useModal.d.ts +8 -0
  60. package/dist/src/composables/useToast.d.ts +4 -0
  61. package/dist/src/theme/animations.d.ts +9 -0
  62. package/dist/src/theme/borders.d.ts +24 -0
  63. package/dist/src/theme/colors.d.ts +3696 -233
  64. package/dist/src/theme/fonts.d.ts +46 -0
  65. package/dist/src/theme/index.d.ts +2 -2
  66. package/dist/src/theme/radii.d.ts +24 -0
  67. package/dist/src/theme/semantic-tokens.d.ts +777 -35
  68. package/dist/src/theme/sizes.d.ts +21 -0
  69. package/dist/src/theme/spacing.d.ts +30 -0
  70. package/dist/src/theme/tokens.d.ts +3845 -232
  71. package/dist/src/types/component.d.ts +44 -14
  72. package/dist/src/types/index.d.ts +2 -3
  73. package/dist/src/utils/array.d.ts +3 -0
  74. package/dist/src/utils/regex.d.ts +2 -1
  75. package/dist/src/utils/string.d.ts +2 -1
  76. package/dist/styles.css +3274 -820
  77. package/dist/ui.js +14213 -1881
  78. package/dist/ui.umd.cjs +5 -2
  79. package/package.json +41 -43
package/dist/styles.css CHANGED
@@ -3,34 +3,34 @@
3
3
  @layer reset{
4
4
  html,:host {
5
5
  --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
6
+ line-height: 1.5;
6
7
  -webkit-text-size-adjust: 100%;
7
8
  -webkit-font-smoothing: antialiased;
8
9
  -moz-osx-font-smoothing: grayscale;
9
10
  -moz-tab-size: 4;
10
11
  tab-size: 4;
11
- -webkit-tap-highlight-color: transparent;
12
- line-height: 1.5;
13
12
  font-family: var(--global-font-body, var(--font-fallback));
13
+ -webkit-tap-highlight-color: transparent;
14
14
  }
15
15
 
16
16
  *,::before,::after,::backdrop,::file-selector-button {
17
17
  margin: 0px;
18
18
  padding: 0px;
19
- box-sizing: border-box;
20
19
  border-width: 0px;
21
20
  border-style: solid;
22
- border-color: var(--global-color-border, currentColor);
21
+ border-color: var(--global-color-border, currentcolor);
22
+ box-sizing: border-box;
23
23
  }
24
24
 
25
25
  hr {
26
- height: 0px;
27
26
  color: inherit;
27
+ height: 0px;
28
28
  border-top-width: 1px;
29
29
  }
30
30
 
31
31
  body {
32
- height: 100%;
33
32
  line-height: inherit;
33
+ height: 100%;
34
34
  }
35
35
 
36
36
  img {
@@ -68,27 +68,37 @@
68
68
 
69
69
  button,input,optgroup,select,textarea,::file-selector-button {
70
70
  font: inherit;
71
+ background: var(--colors-transparent);
71
72
  font-feature-settings: inherit;
72
73
  font-variation-settings: inherit;
73
74
  letter-spacing: inherit;
74
75
  color: inherit;
75
- background: var(--colors-transparent);
76
76
  }
77
77
 
78
78
  ::placeholder {
79
+ --placeholder-fallback: rgba(0, 0, 0, 0.5);
79
80
  opacity: 1;
80
- --placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent);
81
81
  color: var(--global-color-placeholder, var(--placeholder-fallback));
82
82
  }
83
83
 
84
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
85
+ ::placeholder {
86
+ --placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent);
87
+ }
88
+ }
89
+
90
+ ::selection {
91
+ background-color: var(--global-color-selection, rgba(0, 115, 255, 0.3));
92
+ }
93
+
84
94
  textarea {
85
95
  resize: vertical;
86
96
  }
87
97
 
88
98
  table {
99
+ border-color: inherit;
89
100
  text-indent: 0px;
90
101
  border-collapse: collapse;
91
- border-color: inherit;
92
102
  }
93
103
 
94
104
  summary {
@@ -100,10 +110,10 @@
100
110
  }
101
111
 
102
112
  sub,sup {
103
- position: relative;
104
- vertical-align: baseline;
105
113
  font-size: 75%;
106
114
  line-height: 0;
115
+ position: relative;
116
+ vertical-align: baseline;
107
117
  }
108
118
 
109
119
  sub {
@@ -119,8 +129,8 @@
119
129
  }
120
130
 
121
131
  a {
122
- color: inherit;
123
132
  text-decoration: inherit;
133
+ color: inherit;
124
134
  }
125
135
 
126
136
  abbr:where([title]) {
@@ -133,10 +143,10 @@
133
143
 
134
144
  code,kbd,samp,pre {
135
145
  --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
136
- font-feature-settings: normal;
137
- font-variation-settings: normal;
138
146
  font-family: var(--global-font-mono, var(--font-mono-fallback));
139
147
  font-size: 1em;
148
+ font-feature-settings: normal;
149
+ font-variation-settings: normal;
140
150
  }
141
151
 
142
152
  progress {
@@ -169,53 +179,51 @@
169
179
  --made-with-panda: '🐼';
170
180
  }
171
181
 
172
- body {
173
- background: var(--colors-neutrals-50);
174
- color: var(--colors-neutrals-950);
182
+ body,.body {
183
+ background: var(--colors-neutral-50);
184
+ color: var(--colors-neutral-foreground);
175
185
  }
176
186
 
177
- [data-theme=dark] body {
178
- background: var(--colors-neutrals-950);
179
- color: var(--colors-neutrals-50);
187
+ *:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
188
+ cursor: not-allowed !important;
180
189
  }
181
190
 
182
191
  button {
183
192
  cursor: pointer;
184
193
  }
185
194
 
186
- input,textarea {
187
- width: 100%;
188
- padding: .5rem;
189
- border-radius: 2px;
195
+ input:not([type="checkbox"]):not([type="radio"]),textarea {
196
+ padding: var(--spacing-xs);
190
197
  outline: 1px solid;
191
- font-size: 0.875rem;
192
- outline-color: var(--colors-neutrals-100);
198
+ background-color: var(--colors-input-surface);
199
+ color: var(--colors-input-foreground);
200
+ outline-color: var(--colors-input-border);
201
+ font-size: var(--font-sizes-xs);
202
+ width: 100%;
193
203
  }
194
204
 
195
- input.error,textarea.error {
205
+ input:not([type="checkbox"]):not([type="radio"]).rebnd-input--error,textarea.rebnd-input--error {
196
206
  animation: var(--animations-shake);
207
+ outline-color: var(--colors-error-500);
197
208
  }
198
209
 
199
- input.error,textarea.error,[data-theme=dark] input.error,[data-theme=dark] textarea.error {
200
- outline-color: var(--colors-error);
210
+ input:not([type="checkbox"]):not([type="radio"]).rebnd-input--error:is(:focus, [data-focus]),textarea.rebnd-input--error:is(:focus, [data-focus]) {
211
+ box-shadow: 0 0 0 4px var(--colors-error-200);
201
212
  }
202
213
 
203
- input.error:is(:focus, [data-focus]),textarea.error:is(:focus, [data-focus]) {
204
- outline-color: cyan;
205
- }
206
-
207
- input:is(:read-only, [data-read-only]),textarea:is(:read-only, [data-read-only]) {
214
+ input:not([type="checkbox"]):not([type="radio"]):is(:read-only, [data-read-only], [aria-readonly=true]),textarea:is(:read-only, [data-read-only], [aria-readonly=true]) {
208
215
  cursor: pointer !important;
209
216
  -webkit-user-select: none !important;
210
217
  user-select: none !important;
211
218
  }
212
219
 
213
- [data-theme=dark] input,[data-theme=dark] textarea {
214
- outline-color: var(--colors-neutrals-800);
220
+ input:not([type="checkbox"]):not([type="radio"])::placeholder,input:not([type="checkbox"]):not([type="radio"])[data-placeholder],textarea::placeholder,textarea[data-placeholder] {
221
+ color: var(--colors-input-placeholder);
222
+ font-size: var(--font-sizes-xs);
215
223
  }
216
224
 
217
- input:focus,textarea:focus {
218
- outline-color: var(--colors-dash-600);
225
+ input:not([type="checkbox"]):not([type="radio"]):is(:focus, [data-focus]),textarea:is(:focus, [data-focus]) {
226
+ box-shadow: 0 0 0 4px var(--colors-input-ring);
219
227
  }
220
228
 
221
229
  *,::before,::after,::backdrop {
@@ -276,24 +284,6 @@
276
284
  --durations-slow: 300ms;
277
285
  --durations-slower: 400ms;
278
286
  --durations-slowest: 500ms;
279
- --radii-xs: 0.125rem;
280
- --radii-sm: 0.25rem;
281
- --radii-md: 0.375rem;
282
- --radii-lg: 0.5rem;
283
- --radii-xl: 0.75rem;
284
- --radii-2xl: 1rem;
285
- --radii-3xl: 1.5rem;
286
- --radii-4xl: 2rem;
287
- --radii-full: 9999px;
288
- --font-weights-thin: 100;
289
- --font-weights-extralight: 200;
290
- --font-weights-light: 300;
291
- --font-weights-normal: 400;
292
- --font-weights-medium: 500;
293
- --font-weights-semibold: 600;
294
- --font-weights-bold: 700;
295
- --font-weights-extrabold: 800;
296
- --font-weights-black: 900;
297
287
  --line-heights-none: 1;
298
288
  --line-heights-tight: 1.25;
299
289
  --line-heights-snug: 1.375;
@@ -309,123 +299,28 @@
309
299
  --letter-spacings-wide: 0.025em;
310
300
  --letter-spacings-wider: 0.05em;
311
301
  --letter-spacings-widest: 0.1em;
312
- --font-sizes-2xs: 0.5rem;
313
- --font-sizes-xs: 0.75rem;
314
- --font-sizes-sm: 0.875rem;
315
- --font-sizes-md: 1rem;
316
- --font-sizes-lg: 1.125rem;
317
- --font-sizes-xl: 1.25rem;
318
- --font-sizes-2xl: 1.5rem;
319
- --font-sizes-3xl: 1.875rem;
320
- --font-sizes-4xl: 2.25rem;
321
- --font-sizes-5xl: 3rem;
322
- --font-sizes-6xl: 3.75rem;
323
- --font-sizes-7xl: 4.5rem;
324
- --font-sizes-8xl: 6rem;
325
- --font-sizes-9xl: 8rem;
326
- --blurs-sm: 4px;
327
- --blurs-base: 8px;
302
+ --blurs-xs: 4px;
303
+ --blurs-sm: 8px;
328
304
  --blurs-md: 12px;
329
305
  --blurs-lg: 16px;
330
306
  --blurs-xl: 24px;
331
307
  --blurs-2xl: 40px;
332
308
  --blurs-3xl: 64px;
333
- --spacing-0: 0rem;
334
- --spacing-1: 0.25rem;
335
- --spacing-2: 0.5rem;
336
- --spacing-3: 0.75rem;
337
- --spacing-4: 1rem;
338
- --spacing-5: 1.25rem;
339
- --spacing-6: 1.5rem;
340
- --spacing-7: 1.75rem;
341
- --spacing-8: 2rem;
342
- --spacing-9: 2.25rem;
343
- --spacing-10: 2.5rem;
344
- --spacing-11: 2.75rem;
345
- --spacing-12: 3rem;
346
- --spacing-14: 3.5rem;
347
- --spacing-16: 4rem;
348
- --spacing-20: 5rem;
349
- --spacing-24: 6rem;
350
- --spacing-28: 7rem;
351
- --spacing-32: 8rem;
352
- --spacing-36: 9rem;
353
- --spacing-40: 10rem;
354
- --spacing-44: 11rem;
355
- --spacing-48: 12rem;
356
- --spacing-52: 13rem;
357
- --spacing-56: 14rem;
358
- --spacing-60: 15rem;
359
- --spacing-64: 16rem;
360
- --spacing-72: 18rem;
361
- --spacing-80: 20rem;
362
- --spacing-96: 24rem;
363
- --spacing-0\.5: 0.125rem;
364
- --spacing-1\.5: 0.375rem;
365
- --spacing-2\.5: 0.625rem;
366
- --spacing-3\.5: 0.875rem;
367
- --sizes-0: 0rem;
368
- --sizes-1: 0.25rem;
369
- --sizes-2: 0.5rem;
370
- --sizes-3: 0.75rem;
371
- --sizes-4: 1rem;
372
- --sizes-5: 1.25rem;
373
- --sizes-6: 1.5rem;
374
- --sizes-7: 1.75rem;
375
- --sizes-8: 2rem;
376
- --sizes-9: 2.25rem;
377
- --sizes-10: 2.5rem;
378
- --sizes-11: 2.75rem;
379
- --sizes-12: 3rem;
380
- --sizes-14: 3.5rem;
381
- --sizes-16: 4rem;
382
- --sizes-20: 5rem;
383
- --sizes-24: 6rem;
384
- --sizes-28: 7rem;
385
- --sizes-32: 8rem;
386
- --sizes-36: 9rem;
387
- --sizes-40: 10rem;
388
- --sizes-44: 11rem;
389
- --sizes-48: 12rem;
390
- --sizes-52: 13rem;
391
- --sizes-56: 14rem;
392
- --sizes-60: 15rem;
393
- --sizes-64: 16rem;
394
- --sizes-72: 18rem;
395
- --sizes-80: 20rem;
396
- --sizes-96: 24rem;
397
- --sizes-0\.5: 0.125rem;
398
- --sizes-1\.5: 0.375rem;
399
- --sizes-2\.5: 0.625rem;
400
- --sizes-3\.5: 0.875rem;
401
- --sizes-xs: 20rem;
402
- --sizes-sm: 24rem;
403
- --sizes-md: 28rem;
404
- --sizes-lg: 32rem;
405
- --sizes-xl: 36rem;
406
- --sizes-2xl: 42rem;
407
- --sizes-3xl: 48rem;
408
- --sizes-4xl: 56rem;
409
- --sizes-5xl: 64rem;
410
- --sizes-6xl: 72rem;
411
- --sizes-7xl: 80rem;
412
- --sizes-8xl: 90rem;
413
- --sizes-prose: 65ch;
414
- --sizes-full: 100%;
415
- --sizes-min: min-content;
416
- --sizes-max: max-content;
417
- --sizes-fit: fit-content;
418
- --sizes-breakpoint-sm: 640px;
419
- --sizes-breakpoint-md: 768px;
420
- --sizes-breakpoint-lg: 1024px;
421
- --sizes-breakpoint-xl: 1280px;
422
- --sizes-breakpoint-2xl: 1536px;
423
- --animations-spin: spin 1s linear infinite;
424
309
  --animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
425
310
  --animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
426
311
  --animations-bounce: bounce 1s infinite;
427
312
  --animations-shake: shake 1s linear;
428
313
  --animations-slide: slide 3s ease-in infinite;
314
+ --animations-slide-in-left: slideInLeft 400ms ease-in;
315
+ --animations-slide-in-right: slideInRight 400ms ease-in;
316
+ --animations-spin: spin 800ms linear infinite;
317
+ --border-widths-none: 0px;
318
+ --border-widths-thin: 0.5px;
319
+ --border-widths-default: 1px;
320
+ --border-widths-medium: 1.5px;
321
+ --border-widths-thick: 2px;
322
+ --border-widths-bold: 3px;
323
+ --border-widths-heavy: 4px;
429
324
  --colors-current: currentColor;
430
325
  --colors-black: #000;
431
326
  --colors-white: #fff;
@@ -496,6 +391,17 @@
496
391
  --colors-indigo-800: #3730a3;
497
392
  --colors-indigo-900: #312e81;
498
393
  --colors-indigo-950: #1e1b4b;
394
+ --colors-blue-50: #eff6ff;
395
+ --colors-blue-100: #dbeafe;
396
+ --colors-blue-200: #bfdbfe;
397
+ --colors-blue-300: #93c5fd;
398
+ --colors-blue-400: #60a5fa;
399
+ --colors-blue-500: #3b82f6;
400
+ --colors-blue-600: #2563eb;
401
+ --colors-blue-700: #1d4ed8;
402
+ --colors-blue-800: #1e40af;
403
+ --colors-blue-900: #1e3a8a;
404
+ --colors-blue-950: #172554;
499
405
  --colors-sky-50: #f0f9ff;
500
406
  --colors-sky-100: #e0f2fe;
501
407
  --colors-sky-200: #bae6fd;
@@ -540,6 +446,17 @@
540
446
  --colors-emerald-800: #065f46;
541
447
  --colors-emerald-900: #064e3b;
542
448
  --colors-emerald-950: #022c22;
449
+ --colors-green-50: #f0fdf4;
450
+ --colors-green-100: #dcfce7;
451
+ --colors-green-200: #bbf7d0;
452
+ --colors-green-300: #86efac;
453
+ --colors-green-400: #4ade80;
454
+ --colors-green-500: #22c55e;
455
+ --colors-green-600: #16a34a;
456
+ --colors-green-700: #15803d;
457
+ --colors-green-800: #166534;
458
+ --colors-green-900: #14532d;
459
+ --colors-green-950: #052e16;
543
460
  --colors-lime-50: #f7fee7;
544
461
  --colors-lime-100: #ecfccb;
545
462
  --colors-lime-200: #d9f99d;
@@ -551,6 +468,17 @@
551
468
  --colors-lime-800: #3f6212;
552
469
  --colors-lime-900: #365314;
553
470
  --colors-lime-950: #1a2e05;
471
+ --colors-yellow-50: #fefce8;
472
+ --colors-yellow-100: #fef9c3;
473
+ --colors-yellow-200: #fef08a;
474
+ --colors-yellow-300: #fde047;
475
+ --colors-yellow-400: #facc15;
476
+ --colors-yellow-500: #eab308;
477
+ --colors-yellow-600: #ca8a04;
478
+ --colors-yellow-700: #a16207;
479
+ --colors-yellow-800: #854d0e;
480
+ --colors-yellow-900: #713f12;
481
+ --colors-yellow-950: #422006;
554
482
  --colors-amber-50: #fffbeb;
555
483
  --colors-amber-100: #fef3c7;
556
484
  --colors-amber-200: #fde68a;
@@ -573,17 +501,28 @@
573
501
  --colors-orange-800: #9a3412;
574
502
  --colors-orange-900: #7c2d12;
575
503
  --colors-orange-950: #431407;
576
- --colors-neutral-50: #fafafa;
577
- --colors-neutral-100: #f5f5f5;
578
- --colors-neutral-200: #e5e5e5;
579
- --colors-neutral-300: #d4d4d4;
580
- --colors-neutral-400: #a3a3a3;
581
- --colors-neutral-500: #737373;
582
- --colors-neutral-600: #525252;
583
- --colors-neutral-700: #404040;
584
- --colors-neutral-800: #262626;
585
- --colors-neutral-900: #171717;
586
- --colors-neutral-950: #0a0a0a;
504
+ --colors-red-50: #fef2f2;
505
+ --colors-red-100: #fee2e2;
506
+ --colors-red-200: #fecaca;
507
+ --colors-red-300: #fca5a5;
508
+ --colors-red-400: #f87171;
509
+ --colors-red-500: #ef4444;
510
+ --colors-red-600: #dc2626;
511
+ --colors-red-700: #b91c1c;
512
+ --colors-red-800: #991b1b;
513
+ --colors-red-900: #7f1d1d;
514
+ --colors-red-950: #450a0a;
515
+ --colors-neutral-50: var(--colors-solid-gray-light-50);
516
+ --colors-neutral-100: var(--colors-solid-gray-light-100);
517
+ --colors-neutral-200: var(--colors-solid-gray-light-200);
518
+ --colors-neutral-300: var(--colors-solid-gray-light-300);
519
+ --colors-neutral-400: var(--colors-solid-gray-light-400);
520
+ --colors-neutral-500: var(--colors-solid-gray-light-500);
521
+ --colors-neutral-600: var(--colors-solid-gray-light-600);
522
+ --colors-neutral-700: var(--colors-solid-gray-light-700);
523
+ --colors-neutral-800: var(--colors-solid-gray-light-800);
524
+ --colors-neutral-900: var(--colors-solid-gray-light-900);
525
+ --colors-neutral-950: var(--colors-solid-gray-light-950);
587
526
  --colors-stone-50: #fafaf9;
588
527
  --colors-stone-100: #f5f5f4;
589
528
  --colors-stone-200: #e7e5e4;
@@ -606,6 +545,17 @@
606
545
  --colors-zinc-800: #27272a;
607
546
  --colors-zinc-900: #18181b;
608
547
  --colors-zinc-950: #09090b;
548
+ --colors-gray-50: #f9fafb;
549
+ --colors-gray-100: #f3f4f6;
550
+ --colors-gray-200: #e5e7eb;
551
+ --colors-gray-300: #d1d5db;
552
+ --colors-gray-400: #9ca3af;
553
+ --colors-gray-500: #6b7280;
554
+ --colors-gray-600: #4b5563;
555
+ --colors-gray-700: #374151;
556
+ --colors-gray-800: #1f2937;
557
+ --colors-gray-900: #111827;
558
+ --colors-gray-950: #030712;
609
559
  --colors-slate-50: #f8fafc;
610
560
  --colors-slate-100: #f1f5f9;
611
561
  --colors-slate-200: #e2e8f0;
@@ -617,90 +567,1156 @@
617
567
  --colors-slate-800: #1e293b;
618
568
  --colors-slate-900: #0f172a;
619
569
  --colors-slate-950: #020617;
620
- --colors-blue-50: #eff8ff;
621
- --colors-blue-100: #daefff;
622
- --colors-blue-200: #bee4ff;
623
- --colors-blue-300: #91d4ff;
624
- --colors-blue-400: #5ebbfc;
625
- --colors-blue-500: #389cf9;
626
- --colors-blue-600: #227eee;
627
- --colors-blue-700: #1c6ce4;
628
- --colors-blue-800: #1c54b1;
629
- --colors-blue-900: #1c488c;
630
- --colors-blue-950: #162d55;
631
- --colors-dash-50: #eefff7;
632
- --colors-dash-100: #d7ffef;
633
- --colors-dash-200: #b2ffde;
634
- --colors-dash-300: #77fec5;
635
- --colors-dash-400: #18f297;
636
- --colors-dash-500: #0add86;
637
- --colors-dash-600: #01b86d;
638
- --colors-dash-700: #059057;
639
- --colors-dash-800: #0a7147;
640
- --colors-dash-900: #0b5c3d;
641
- --colors-dash-950: #003420;
642
- --colors-gray-50: #f6f6f9;
643
- --colors-gray-100: #ededf1;
644
- --colors-gray-200: #d6d7e1;
645
- --colors-gray-300: #b3b6c6;
646
- --colors-gray-400: #898ea7;
647
- --colors-gray-500: #6b718c;
648
- --colors-gray-600: #555974;
649
- --colors-gray-700: #464a5e;
650
- --colors-gray-800: #3c3f50;
651
- --colors-gray-900: #363844;
652
- --colors-gray-950: #2b2c37;
653
- --colors-green-50: #effef4;
654
- --colors-green-100: #dafee6;
655
- --colors-green-200: #b7fbcf;
656
- --colors-green-300: #7ff6aa;
657
- --colors-green-400: #2ee571;
658
- --colors-green-500: #18cf5b;
659
- --colors-green-600: #0dac48;
660
- --colors-green-700: #0e873b;
661
- --colors-green-800: #116a33;
662
- --colors-green-900: #10572c;
663
- --colors-green-950: #023116;
664
- --colors-neutrals-50: #F6F7F9;
665
- --colors-neutrals-100: #EBEDF3;
666
- --colors-neutrals-200: #D3D7E4;
667
- --colors-neutrals-300: #ADB6CC;
668
- --colors-neutrals-400: #808EB0;
669
- --colors-neutrals-500: #607097;
670
- --colors-neutrals-600: #4C587D;
671
- --colors-neutrals-700: #3E4866;
672
- --colors-neutrals-800: #363E56;
673
- --colors-neutrals-900: #313649;
674
- --colors-neutrals-950: #0A0B0F;
675
- --colors-red-50: #fff1f1;
676
- --colors-red-100: #ffe4e5;
677
- --colors-red-200: #ffcccf;
678
- --colors-red-300: #fea3a9;
679
- --colors-red-400: #fd6f7c;
680
- --colors-red-500: #f73c52;
681
- --colors-red-600: #e51c3d;
682
- --colors-red-700: #c10f31;
683
- --colors-red-800: #a11030;
684
- --colors-red-900: #8a112f;
685
- --colors-red-950: #4d0415;
686
- --colors-yellow-50: #fcfbea;
687
- --colors-yellow-100: #f9f9c8;
688
- --colors-yellow-200: #f4f094;
689
- --colors-yellow-300: #ede158;
690
- --colors-yellow-400: #e6cf29;
691
- --colors-yellow-500: #d6b81c;
692
- --colors-yellow-600: #b89116;
693
- --colors-yellow-700: #936a15;
694
- --colors-yellow-800: #7a5419;
695
- --colors-yellow-900: #69451a;
696
- --colors-yellow-950: #3d250b;
570
+ --colors-solid-red-light-50: #fffcfb;
571
+ --colors-solid-red-light-100: #fff8f6;
572
+ --colors-solid-red-light-200: #ffeae7;
573
+ --colors-solid-red-light-300: #ffdad2;
574
+ --colors-solid-red-light-400: #ffcbc1;
575
+ --colors-solid-red-light-500: #ffbaae;
576
+ --colors-solid-red-light-600: #fda498;
577
+ --colors-solid-red-light-700: #f6887a;
578
+ --colors-solid-red-light-800: #e0000b;
579
+ --colors-solid-red-light-850: #cf0000;
580
+ --colors-solid-red-light-900: #dd0005;
581
+ --colors-solid-red-light-950: #661a14;
582
+ --colors-solid-red-dark-50: #120907;
583
+ --colors-solid-red-dark-100: #201210;
584
+ --colors-solid-red-dark-200: #3f0e0a;
585
+ --colors-solid-red-dark-300: #580001;
586
+ --colors-solid-red-dark-400: #6a0203;
587
+ --colors-solid-red-dark-500: #7c1510;
588
+ --colors-solid-red-dark-600: #96271f;
589
+ --colors-solid-red-dark-700: #c2332a;
590
+ --colors-solid-red-dark-800: #ff000d;
591
+ --colors-solid-red-dark-850: #ef0000;
592
+ --colors-solid-red-dark-900: #ff9081;
593
+ --colors-solid-red-dark-950: #ffcfc6;
594
+ --colors-solid-orange-light-50: #fffcfb;
595
+ --colors-solid-orange-light-100: #fff8f6;
596
+ --colors-solid-orange-light-200: #ffebe6;
597
+ --colors-solid-orange-light-300: #ffdcd1;
598
+ --colors-solid-orange-light-400: #ffcdbe;
599
+ --colors-solid-orange-light-500: #ffbcab;
600
+ --colors-solid-orange-light-600: #f8a793;
601
+ --colors-solid-orange-light-700: #ef8d75;
602
+ --colors-solid-orange-light-800: #db3700;
603
+ --colors-solid-orange-light-850: #cc2100;
604
+ --colors-solid-orange-light-900: #d42f00;
605
+ --colors-solid-orange-light-950: #5d2619;
606
+ --colors-solid-orange-dark-50: #100908;
607
+ --colors-solid-orange-dark-100: #1e1311;
608
+ --colors-solid-orange-dark-200: #3a150c;
609
+ --colors-solid-orange-dark-300: #511102;
610
+ --colors-solid-orange-dark-400: #621805;
611
+ --colors-solid-orange-dark-500: #722513;
612
+ --colors-solid-orange-dark-600: #8a3622;
613
+ --colors-solid-orange-dark-700: #b3472d;
614
+ --colors-solid-orange-dark-800: #eb3b00;
615
+ --colors-solid-orange-dark-850: #dc2900;
616
+ --colors-solid-orange-dark-900: #ff9275;
617
+ --colors-solid-orange-dark-950: #fed2c7;
618
+ --colors-solid-amber-light-50: #fefcfb;
619
+ --colors-solid-amber-light-100: #fff6f1;
620
+ --colors-solid-amber-light-200: #ffebe0;
621
+ --colors-solid-amber-light-300: #ffd8c0;
622
+ --colors-solid-amber-light-400: #ffcaac;
623
+ --colors-solid-amber-light-500: #ffbd9d;
624
+ --colors-solid-amber-light-600: #f4ac8b;
625
+ --colors-solid-amber-light-700: #e8956e;
626
+ --colors-solid-amber-light-800: #c45308;
627
+ --colors-solid-amber-light-850: #b54500;
628
+ --colors-solid-amber-light-900: #c85610;
629
+ --colors-solid-amber-light-950: #54301f;
630
+ --colors-solid-amber-dark-50: #0f0a08;
631
+ --colors-solid-amber-dark-100: #1c1411;
632
+ --colors-solid-amber-dark-200: #341a0d;
633
+ --colors-solid-amber-dark-300: #491c04;
634
+ --colors-solid-amber-dark-400: #582407;
635
+ --colors-solid-amber-dark-500: #673115;
636
+ --colors-solid-amber-dark-600: #7e4124;
637
+ --colors-solid-amber-dark-700: #a35530;
638
+ --colors-solid-amber-dark-800: #d35909;
639
+ --colors-solid-amber-dark-850: #c44b00;
640
+ --colors-solid-amber-dark-900: #ff9966;
641
+ --colors-solid-amber-dark-950: #f6d6c7;
642
+ --colors-solid-yellow-light-50: #fdfdf9;
643
+ --colors-solid-yellow-light-100: #fffce9;
644
+ --colors-solid-yellow-light-200: #fff8b5;
645
+ --colors-solid-yellow-light-300: #fff191;
646
+ --colors-solid-yellow-light-400: #fee86e;
647
+ --colors-solid-yellow-light-500: #eed967;
648
+ --colors-solid-yellow-light-600: #ddca67;
649
+ --colors-solid-yellow-light-700: #c9b43a;
650
+ --colors-solid-yellow-light-800: #ffe600;
651
+ --colors-solid-yellow-light-850: #fcdd00;
652
+ --colors-solid-yellow-light-900: #8d7800;
653
+ --colors-solid-yellow-light-950: #433d1f;
654
+ --colors-solid-yellow-dark-50: #0c0b06;
655
+ --colors-solid-yellow-dark-100: #19170f;
656
+ --colors-solid-yellow-dark-200: #272409;
657
+ --colors-solid-yellow-dark-300: #332c00;
658
+ --colors-solid-yellow-dark-400: #3f3700;
659
+ --colors-solid-yellow-dark-500: #4c440e;
660
+ --colors-solid-yellow-dark-600: #5f5720;
661
+ --colors-solid-yellow-dark-700: #796f2b;
662
+ --colors-solid-yellow-dark-800: #ffe62b;
663
+ --colors-solid-yellow-dark-850: #f1dd50;
664
+ --colors-solid-yellow-dark-900: #f2dd51;
665
+ --colors-solid-yellow-dark-950: #f4edb8;
666
+ --colors-solid-lime-light-50: #fcfdf9;
667
+ --colors-solid-lime-light-100: #f7faf2;
668
+ --colors-solid-lime-light-200: #ebf8d2;
669
+ --colors-solid-lime-light-300: #def2b5;
670
+ --colors-solid-lime-light-400: #d0e99b;
671
+ --colors-solid-lime-light-500: #c0dc83;
672
+ --colors-solid-lime-light-600: #acca65;
673
+ --colors-solid-lime-light-700: #93b52d;
674
+ --colors-solid-lime-light-800: #627c03;
675
+ --colors-solid-lime-light-850: #556e00;
676
+ --colors-solid-lime-light-900: #617b01;
677
+ --colors-solid-lime-light-950: #354114;
678
+ --colors-solid-lime-dark-50: #090d04;
679
+ --colors-solid-lime-dark-100: #15190c;
680
+ --colors-solid-lime-dark-200: #20290c;
681
+ --colors-solid-lime-dark-300: #2a3802;
682
+ --colors-solid-lime-dark-400: #354600;
683
+ --colors-solid-lime-dark-500: #405400;
684
+ --colors-solid-lime-dark-600: #4c6400;
685
+ --colors-solid-lime-dark-700: #5a7600;
686
+ --colors-solid-lime-dark-800: #6e8c03;
687
+ --colors-solid-lime-dark-850: #627f00;
688
+ --colors-solid-lime-dark-900: #b1d362;
689
+ --colors-solid-lime-dark-950: #d7f599;
690
+ --colors-solid-green-light-50: #fbfefb;
691
+ --colors-solid-green-light-100: #f5fbf5;
692
+ --colors-solid-green-light-200: #e7f7e9;
693
+ --colors-solid-green-light-300: #d7f1db;
694
+ --colors-solid-green-light-400: #c5e9ca;
695
+ --colors-solid-green-light-500: #aedfb6;
696
+ --colors-solid-green-light-600: #8ed09a;
697
+ --colors-solid-green-light-700: #5ebb73;
698
+ --colors-solid-green-light-800: #1d8740;
699
+ --colors-solid-green-light-850: #007933;
700
+ --colors-solid-green-light-900: #11803a;
701
+ --colors-solid-green-light-950: #1e3c24;
702
+ --colors-solid-green-dark-50: #050e07;
703
+ --colors-solid-green-dark-100: #101a12;
704
+ --colors-solid-green-dark-200: #122c18;
705
+ --colors-solid-green-dark-300: #093d1a;
706
+ --colors-solid-green-dark-400: #0a4c21;
707
+ --colors-solid-green-dark-500: #0b5c28;
708
+ --colors-solid-green-dark-600: #096d2f;
709
+ --colors-solid-green-dark-700: #008036;
710
+ --colors-solid-green-dark-800: #1e8f44;
711
+ --colors-solid-green-dark-850: #008137;
712
+ --colors-solid-green-dark-900: #6ad182;
713
+ --colors-solid-green-dark-950: #a7f8b6;
714
+ --colors-solid-emerald-light-50: #fbfefc;
715
+ --colors-solid-emerald-light-100: #f4fbf7;
716
+ --colors-solid-emerald-light-200: #e6f6ed;
717
+ --colors-solid-emerald-light-300: #d7f0e2;
718
+ --colors-solid-emerald-light-400: #c6e8d5;
719
+ --colors-solid-emerald-light-500: #b1dcc5;
720
+ --colors-solid-emerald-light-600: #94ccae;
721
+ --colors-solid-emerald-light-700: #69b790;
722
+ --colors-solid-emerald-light-800: #008055;
723
+ --colors-solid-emerald-light-850: #007248;
724
+ --colors-solid-emerald-light-900: #008055;
725
+ --colors-solid-emerald-light-950: #203a2d;
726
+ --colors-solid-emerald-dark-50: #070d09;
727
+ --colors-solid-emerald-dark-100: #111a15;
728
+ --colors-solid-emerald-dark-200: #122c20;
729
+ --colors-solid-emerald-dark-300: #103b28;
730
+ --colors-solid-emerald-dark-400: #164932;
731
+ --colors-solid-emerald-dark-500: #1e573e;
732
+ --colors-solid-emerald-dark-600: #25684a;
733
+ --colors-solid-emerald-dark-700: #2b7c58;
734
+ --colors-solid-emerald-dark-800: #009966;
735
+ --colors-solid-emerald-dark-850: #368662;
736
+ --colors-solid-emerald-dark-900: #5ad29b;
737
+ --colors-solid-emerald-dark-950: #aef2cd;
738
+ --colors-solid-teal-light-50: #fafefd;
739
+ --colors-solid-teal-light-100: #f3fbfa;
740
+ --colors-solid-teal-light-200: #e0f8f4;
741
+ --colors-solid-teal-light-300: #cdf2ec;
742
+ --colors-solid-teal-light-400: #b9eae2;
743
+ --colors-solid-teal-light-500: #a3ddd4;
744
+ --colors-solid-teal-light-600: #87cdc2;
745
+ --colors-solid-teal-light-700: #5bb8ac;
746
+ --colors-solid-teal-light-800: #008075;
747
+ --colors-solid-teal-light-850: #007267;
748
+ --colors-solid-teal-light-900: #007a6f;
749
+ --colors-solid-teal-light-950: #193f3b;
750
+ --colors-solid-teal-dark-50: #060d0c;
751
+ --colors-solid-teal-dark-100: #101b19;
752
+ --colors-solid-teal-dark-200: #0e2c28;
753
+ --colors-solid-teal-dark-300: #073a35;
754
+ --colors-solid-teal-dark-400: #0f4741;
755
+ --colors-solid-teal-dark-500: #1a564f;
756
+ --colors-solid-teal-dark-600: #236860;
757
+ --colors-solid-teal-dark-700: #287d74;
758
+ --colors-solid-teal-dark-800: #009689;
759
+ --colors-solid-teal-dark-850: #31857b;
760
+ --colors-solid-teal-dark-900: #5dd0c2;
761
+ --colors-solid-teal-dark-950: #abefe5;
762
+ --colors-solid-cyan-light-50: #f7fffe;
763
+ --colors-solid-cyan-light-100: #eefdfb;
764
+ --colors-solid-cyan-light-200: #d0fcf7;
765
+ --colors-solid-cyan-light-300: #b2f9f1;
766
+ --colors-solid-cyan-light-400: #92f2e9;
767
+ --colors-solid-cyan-light-500: #70e7dc;
768
+ --colors-solid-cyan-light-600: #36d7cc;
769
+ --colors-solid-cyan-light-700: #00c1b5;
770
+ --colors-solid-cyan-light-800: #00f3e6;
771
+ --colors-solid-cyan-light-850: #00e9dc;
772
+ --colors-solid-cyan-light-900: #007a72;
773
+ --colors-solid-cyan-light-950: #004741;
774
+ --colors-solid-cyan-dark-50: #040e0d;
775
+ --colors-solid-cyan-dark-100: #071b19;
776
+ --colors-solid-cyan-dark-200: #002e2a;
777
+ --colors-solid-cyan-dark-300: #003c37;
778
+ --colors-solid-cyan-dark-400: #004a44;
779
+ --colors-solid-cyan-dark-500: #005953;
780
+ --colors-solid-cyan-dark-600: #006c65;
781
+ --colors-solid-cyan-dark-700: #00837a;
782
+ --colors-solid-cyan-dark-800: #29fff1;
783
+ --colors-solid-cyan-dark-850: #00f5e7;
784
+ --colors-solid-cyan-dark-900: #00dbce;
785
+ --colors-solid-cyan-dark-950: #a2fbf2;
786
+ --colors-solid-sky-light-50: #f9fdff;
787
+ --colors-solid-sky-light-100: #f2faff;
788
+ --colors-solid-sky-light-200: #e2f5ff;
789
+ --colors-solid-sky-light-300: #d2eeff;
790
+ --colors-solid-sky-light-400: #c0e4ff;
791
+ --colors-solid-sky-light-500: #abd7fe;
792
+ --colors-solid-sky-light-600: #8fc6f5;
793
+ --colors-solid-sky-light-700: #62afed;
794
+ --colors-solid-sky-light-800: #0071b3;
795
+ --colors-solid-sky-light-850: #0063a4;
796
+ --colors-solid-sky-light-900: #0070b2;
797
+ --colors-solid-sky-light-950: #153e5d;
798
+ --colors-solid-sky-dark-50: #020c17;
799
+ --colors-solid-sky-dark-100: #081927;
800
+ --colors-solid-sky-dark-200: #002847;
801
+ --colors-solid-sky-dark-300: #003561;
802
+ --colors-solid-sky-dark-400: #004275;
803
+ --colors-solid-sky-dark-500: #005189;
804
+ --colors-solid-sky-dark-600: #0063a2;
805
+ --colors-solid-sky-dark-700: #0077c3;
806
+ --colors-solid-sky-dark-800: #0084d1;
807
+ --colors-solid-sky-dark-850: #0077c3;
808
+ --colors-solid-sky-dark-900: #66c0ff;
809
+ --colors-solid-sky-dark-950: #c4ebff;
810
+ --colors-solid-blue-light-50: #fdfdfe;
811
+ --colors-solid-blue-light-100: #f6faff;
812
+ --colors-solid-blue-light-200: #ebf3fd;
813
+ --colors-solid-blue-light-300: #ddebff;
814
+ --colors-solid-blue-light-400: #cbe1ff;
815
+ --colors-solid-blue-light-500: #b7d4ff;
816
+ --colors-solid-blue-light-600: #9fc2f6;
817
+ --colors-solid-blue-light-700: #7ca9eb;
818
+ --colors-solid-blue-light-800: #155dbc;
819
+ --colors-solid-blue-light-850: #004eab;
820
+ --colors-solid-blue-light-900: #1c62c2;
821
+ --colors-solid-blue-light-950: #143059;
822
+ --colors-solid-blue-dark-50: #050b15;
823
+ --colors-solid-blue-dark-100: #0e1724;
824
+ --colors-solid-blue-dark-200: #0f2646;
825
+ --colors-solid-blue-dark-300: #0f315f;
826
+ --colors-solid-blue-dark-400: #153c72;
827
+ --colors-solid-blue-dark-500: #1f4882;
828
+ --colors-solid-blue-dark-600: #285696;
829
+ --colors-solid-blue-dark-700: #2e65b1;
830
+ --colors-solid-blue-dark-800: #2378e7;
831
+ --colors-solid-blue-dark-850: #0f6ad8;
832
+ --colors-solid-blue-dark-900: #84b8ff;
833
+ --colors-solid-blue-dark-950: #d0e3fe;
834
+ --colors-solid-indigo-light-50: #fdfdff;
835
+ --colors-solid-indigo-light-100: #f7f8ff;
836
+ --colors-solid-indigo-light-200: #eff1ff;
837
+ --colors-solid-indigo-light-300: #e3e7ff;
838
+ --colors-solid-indigo-light-400: #d6dbff;
839
+ --colors-solid-indigo-light-500: #c7ccff;
840
+ --colors-solid-indigo-light-600: #b2b8ff;
841
+ --colors-solid-indigo-light-700: #979aff;
842
+ --colors-solid-indigo-light-800: #6350f7;
843
+ --colors-solid-indigo-light-850: #5844e0;
844
+ --colors-solid-indigo-light-900: #5845e0;
845
+ --colors-solid-indigo-light-950: #29226f;
846
+ --colors-solid-indigo-dark-50: #0a0a16;
847
+ --colors-solid-indigo-dark-100: #141426;
848
+ --colors-solid-indigo-dark-200: #231e4c;
849
+ --colors-solid-indigo-dark-300: #2e236c;
850
+ --colors-solid-indigo-dark-400: #372c7c;
851
+ --colors-solid-indigo-dark-500: #41378b;
852
+ --colors-solid-indigo-dark-600: #4e44a0;
853
+ --colors-solid-indigo-dark-700: #5d52bf;
854
+ --colors-solid-indigo-dark-800: #7968f8;
855
+ --colors-solid-indigo-dark-850: #6e5ae9;
856
+ --colors-solid-indigo-dark-900: #aba9ff;
857
+ --colors-solid-indigo-dark-950: #dedfff;
858
+ --colors-solid-purple-light-50: #fdfcff;
859
+ --colors-solid-purple-light-100: #fbf7ff;
860
+ --colors-solid-purple-light-200: #f6ecff;
861
+ --colors-solid-purple-light-300: #f0e0ff;
862
+ --colors-solid-purple-light-400: #e8d2ff;
863
+ --colors-solid-purple-light-500: #dec0ff;
864
+ --colors-solid-purple-light-600: #d1a7ff;
865
+ --colors-solid-purple-light-700: #c185ff;
866
+ --colors-solid-purple-light-800: #9810fa;
867
+ --colors-solid-purple-light-850: #8900e3;
868
+ --colors-solid-purple-light-900: #8a00e5;
869
+ --colors-solid-purple-light-950: #46007a;
870
+ --colors-solid-purple-dark-50: #0f0815;
871
+ --colors-solid-purple-dark-100: #1d1127;
872
+ --colors-solid-purple-dark-200: #301645;
873
+ --colors-solid-purple-dark-300: #3f175c;
874
+ --colors-solid-purple-dark-400: #4b1e6c;
875
+ --colors-solid-purple-dark-500: #58297c;
876
+ --colors-solid-purple-dark-600: #6c3795;
877
+ --colors-solid-purple-dark-700: #8c48c1;
878
+ --colors-solid-purple-dark-800: #b24bfb;
879
+ --colors-solid-purple-dark-850: #a53bed;
880
+ --colors-solid-purple-dark-900: #d699ff;
881
+ --colors-solid-purple-dark-950: #eed6ff;
882
+ --colors-solid-fuchsia-light-50: #fffbff;
883
+ --colors-solid-fuchsia-light-100: #fef7fe;
884
+ --colors-solid-fuchsia-light-200: #ffe8fe;
885
+ --colors-solid-fuchsia-light-300: #fedafd;
886
+ --colors-solid-fuchsia-light-400: #faccf9;
887
+ --colors-solid-fuchsia-light-500: #f4baf3;
888
+ --colors-solid-fuchsia-light-600: #eba4eb;
889
+ --colors-solid-fuchsia-light-700: #e184e2;
890
+ --colors-solid-fuchsia-light-800: #c510cb;
891
+ --colors-solid-fuchsia-light-850: #b209b7;
892
+ --colors-solid-fuchsia-light-900: #ad00b3;
893
+ --colors-solid-fuchsia-light-950: #610065;
894
+ --colors-solid-fuchsia-dark-50: #110811;
895
+ --colors-solid-fuchsia-dark-100: #210e21;
896
+ --colors-solid-fuchsia-dark-200: #39103a;
897
+ --colors-solid-fuchsia-dark-300: #4d0450;
898
+ --colors-solid-fuchsia-dark-400: #5b0d5e;
899
+ --colors-solid-fuchsia-dark-500: #6a1d6d;
900
+ --colors-solid-fuchsia-dark-600: #832c86;
901
+ --colors-solid-fuchsia-dark-700: #a739aa;
902
+ --colors-solid-fuchsia-dark-800: #ea42f0;
903
+ --colors-solid-fuchsia-dark-850: #dd31e3;
904
+ --colors-solid-fuchsia-dark-900: #ff75ff;
905
+ --colors-solid-fuchsia-dark-950: #fdcefd;
906
+ --colors-solid-pink-light-50: #fffcfe;
907
+ --colors-solid-pink-light-100: #fff7fb;
908
+ --colors-solid-pink-light-200: #ffe8f6;
909
+ --colors-solid-pink-light-300: #fedaef;
910
+ --colors-solid-pink-light-400: #facce7;
911
+ --colors-solid-pink-light-500: #f4bcdd;
912
+ --colors-solid-pink-light-600: #eca9d1;
913
+ --colors-solid-pink-light-700: #e38fc3;
914
+ --colors-solid-pink-light-800: #ee44bb;
915
+ --colors-solid-pink-light-850: #e035ae;
916
+ --colors-solid-pink-light-900: #c60e97;
917
+ --colors-solid-pink-light-950: #68044e;
918
+ --colors-solid-pink-dark-50: #000000;
919
+ --colors-solid-pink-dark-100: #1c0915;
920
+ --colors-solid-pink-dark-200: #370f2a;
921
+ --colors-solid-pink-dark-300: #4f063b;
922
+ --colors-solid-pink-dark-400: #5d1047;
923
+ --colors-solid-pink-dark-500: #6f2056;
924
+ --colors-solid-pink-dark-600: #892f6c;
925
+ --colors-solid-pink-dark-700: #af3c8b;
926
+ --colors-solid-pink-dark-800: #ee44bb;
927
+ --colors-solid-pink-dark-850: #e034af;
928
+ --colors-solid-pink-dark-900: #ff82db;
929
+ --colors-solid-pink-dark-950: #ffceec;
930
+ --colors-solid-rose-light-50: #fffcfc;
931
+ --colors-solid-rose-light-100: #fff7f8;
932
+ --colors-solid-rose-light-200: #ffe9ec;
933
+ --colors-solid-rose-light-300: #ffdae0;
934
+ --colors-solid-rose-light-400: #ffccd3;
935
+ --colors-solid-rose-light-500: #fcbcc5;
936
+ --colors-solid-rose-light-600: #f4a9b4;
937
+ --colors-solid-rose-light-700: #eb8f9e;
938
+ --colors-solid-rose-light-800: #e1055d;
939
+ --colors-solid-rose-light-850: #d10051;
940
+ --colors-solid-rose-light-900: #d50054;
941
+ --colors-solid-rose-light-950: #690b2a;
942
+ --colors-solid-rose-dark-50: #11080a;
943
+ --colors-solid-rose-dark-100: #201214;
944
+ --colors-solid-rose-dark-200: #3d101a;
945
+ --colors-solid-rose-dark-300: #54061f;
946
+ --colors-solid-rose-dark-400: #650c28;
947
+ --colors-solid-rose-dark-500: #761a34;
948
+ --colors-solid-rose-dark-600: #912944;
949
+ --colors-solid-rose-dark-700: #bd3559;
950
+ --colors-solid-rose-dark-800: #f00563;
951
+ --colors-solid-rose-dark-850: #e00057;
952
+ --colors-solid-rose-dark-900: #ff8da4;
953
+ --colors-solid-rose-dark-950: #ffd0d7;
954
+ --colors-solid-gray-light-50: #fbfcfe;
955
+ --colors-solid-gray-light-100: #f8fafd;
956
+ --colors-solid-gray-light-200: #edf0f7;
957
+ --colors-solid-gray-light-300: #e4e8f1;
958
+ --colors-solid-gray-light-400: #dbe1ed;
959
+ --colors-solid-gray-light-500: #d3dae7;
960
+ --colors-solid-gray-light-600: #c7cfdf;
961
+ --colors-solid-gray-light-700: #b1bcd1;
962
+ --colors-solid-gray-light-800: #848ea3;
963
+ --colors-solid-gray-light-850: #7a8497;
964
+ --colors-solid-gray-light-900: #5d6575;
965
+ --colors-solid-gray-light-950: #202020;
966
+ --colors-solid-gray-dark-50: #090b0f;
967
+ --colors-solid-gray-dark-100: #16181d;
968
+ --colors-solid-gray-dark-200: #1f2229;
969
+ --colors-solid-gray-dark-300: #252a33;
970
+ --colors-solid-gray-dark-400: #2c313c;
971
+ --colors-solid-gray-dark-500: #343b47;
972
+ --colors-solid-gray-dark-600: #404858;
973
+ --colors-solid-gray-dark-700: #566176;
974
+ --colors-solid-gray-dark-800: #636f86;
975
+ --colors-solid-gray-dark-850: #707c94;
976
+ --colors-solid-gray-dark-900: #aab5c9;
977
+ --colors-solid-gray-dark-950: #eceef2;
978
+ --colors-solid-slate-light-50: #fbfcff;
979
+ --colors-solid-slate-light-100: #f6f9fe;
980
+ --colors-solid-slate-light-200: #ecf1f8;
981
+ --colors-solid-slate-light-300: #e2e9f2;
982
+ --colors-solid-slate-light-400: #dae2ee;
983
+ --colors-solid-slate-light-500: #d1dbe9;
984
+ --colors-solid-slate-light-600: #c3d0e2;
985
+ --colors-solid-slate-light-700: #acbdd5;
986
+ --colors-solid-slate-light-800: #7f8fa7;
987
+ --colors-solid-slate-light-850: #74849b;
988
+ --colors-solid-slate-light-900: #586578;
989
+ --colors-solid-slate-light-950: #18202b;
990
+ --colors-solid-slate-dark-50: #070b12;
991
+ --colors-solid-slate-dark-100: #13181f;
992
+ --colors-solid-slate-dark-200: #1b222d;
993
+ --colors-solid-slate-dark-300: #202a37;
994
+ --colors-solid-slate-dark-400: #263141;
995
+ --colors-solid-slate-dark-500: #2d3a4d;
996
+ --colors-solid-slate-dark-600: #374860;
997
+ --colors-solid-slate-dark-700: #4a6282;
998
+ --colors-solid-slate-dark-800: #586f90;
999
+ --colors-solid-slate-dark-850: #677d9c;
1000
+ --colors-solid-slate-dark-900: #a4b5cd;
1001
+ --colors-solid-slate-dark-950: #eaeef5;
1002
+ --colors-solid-ivory-light-50: #fefdfb;
1003
+ --colors-solid-ivory-light-100: #faf9f6;
1004
+ --colors-solid-ivory-light-200: #f2f0ec;
1005
+ --colors-solid-ivory-light-300: #eae8e2;
1006
+ --colors-solid-ivory-light-400: #e3e1da;
1007
+ --colors-solid-ivory-light-500: #dcd9d0;
1008
+ --colors-solid-ivory-light-600: #d2cec3;
1009
+ --colors-solid-ivory-light-700: #bfbbae;
1010
+ --colors-solid-ivory-light-800: #918c80;
1011
+ --colors-solid-ivory-light-850: #868275;
1012
+ --colors-solid-ivory-light-900: #666257;
1013
+ --colors-solid-ivory-light-950: #232016;
1014
+ --colors-solid-ivory-dark-50: #0e0b04;
1015
+ --colors-solid-ivory-dark-100: #1a170f;
1016
+ --colors-solid-ivory-dark-200: #252117;
1017
+ --colors-solid-ivory-dark-300: #2c291e;
1018
+ --colors-solid-ivory-dark-400: #343025;
1019
+ --colors-solid-ivory-dark-500: #3d392e;
1020
+ --colors-solid-ivory-dark-600: #4b473c;
1021
+ --colors-solid-ivory-dark-700: #646054;
1022
+ --colors-solid-ivory-dark-800: #716d61;
1023
+ --colors-solid-ivory-dark-850: #7f7b6e;
1024
+ --colors-solid-ivory-dark-900: #b7b3a6;
1025
+ --colors-solid-ivory-dark-950: #f0ede4;
1026
+ --colors-alpha-red-light-50: #ff400005;
1027
+ --colors-alpha-red-light-100: #ff39000a;
1028
+ --colors-alpha-red-light-200: #ff200017;
1029
+ --colors-alpha-red-light-300: #ff2e002e;
1030
+ --colors-alpha-red-light-400: #ff2a003d;
1031
+ --colors-alpha-red-light-500: #ff260052;
1032
+ --colors-alpha-red-light-600: #fb1e0066;
1033
+ --colors-alpha-red-light-700: #ee1b0085;
1034
+ --colors-alpha-red-light-800: #ff0300e1;
1035
+ --colors-alpha-red-light-850: #eb0300e1;
1036
+ --colors-alpha-red-light-900: #b10300eb;
1037
+ --colors-alpha-red-light-950: #590700eb;
1038
+ --colors-alpha-red-dark-50: #ed00000a;
1039
+ --colors-alpha-red-dark-100: #fe591b17;
1040
+ --colors-alpha-red-dark-200: #fc190038;
1041
+ --colors-alpha-red-dark-300: #fd000052;
1042
+ --colors-alpha-red-dark-400: #ff000063;
1043
+ --colors-alpha-red-dark-500: #ff211278;
1044
+ --colors-alpha-red-dark-600: #ff3c2b91;
1045
+ --colors-alpha-red-dark-700: #ff4033bf;
1046
+ --colors-alpha-red-dark-800: #ff000bde;
1047
+ --colors-alpha-red-dark-850: #fe0000f0;
1048
+ --colors-alpha-red-dark-900: #ff9081eb;
1049
+ --colors-alpha-red-dark-950: #ffd0c8eb;
1050
+ --colors-alpha-yellow-light-50: #aaaa0005;
1051
+ --colors-alpha-yellow-light-100: #ffdd0017;
1052
+ --colors-alpha-yellow-light-200: #ffe7014a;
1053
+ --colors-alpha-yellow-light-300: #ffdf006e;
1054
+ --colors-alpha-yellow-light-400: #fed70091;
1055
+ --colors-alpha-yellow-light-500: #e3c00099;
1056
+ --colors-alpha-yellow-light-600: #c6a60099;
1057
+ --colors-alpha-yellow-light-700: #b99e00c4;
1058
+ --colors-alpha-yellow-light-800: #ffe600e0;
1059
+ --colors-alpha-yellow-light-850: #fcdd00;
1060
+ --colors-alpha-yellow-light-900: #8d7800;
1061
+ --colors-alpha-yellow-light-950: #292200e0;
1062
+ --colors-alpha-yellow-dark-50: #b40b0003;
1063
+ --colors-alpha-yellow-dark-100: #facb100f;
1064
+ --colors-alpha-yellow-dark-200: #f9d9001f;
1065
+ --colors-alpha-yellow-dark-300: #fecf002b;
1066
+ --colors-alpha-yellow-dark-400: #fcd30038;
1067
+ --colors-alpha-yellow-dark-500: #fede0c45;
1068
+ --colors-alpha-yellow-dark-600: #fde54059;
1069
+ --colors-alpha-yellow-dark-700: #ffe74d73;
1070
+ --colors-alpha-yellow-dark-800: #ffe62be0;
1071
+ --colors-alpha-yellow-dark-850: #fee954f2;
1072
+ --colors-alpha-yellow-dark-900: #fee854f2;
1073
+ --colors-alpha-yellow-dark-950: #fff8bff5;
1074
+ --colors-alpha-black-light-50: #0000000d;
1075
+ --colors-alpha-black-light-100: #0000001a;
1076
+ --colors-alpha-black-light-200: #00000026;
1077
+ --colors-alpha-black-light-300: #00000033;
1078
+ --colors-alpha-black-light-400: #0000004d;
1079
+ --colors-alpha-black-light-500: #00000066;
1080
+ --colors-alpha-black-light-600: #00000080;
1081
+ --colors-alpha-black-light-700: #00000099;
1082
+ --colors-alpha-black-light-800: #000000b2;
1083
+ --colors-alpha-black-light-850: #000000cc;
1084
+ --colors-alpha-black-light-900: #000000e5;
1085
+ --colors-alpha-black-light-950: #000000f2;
1086
+ --colors-alpha-black-dark-50: #0000000d;
1087
+ --colors-alpha-black-dark-100: #0000001a;
1088
+ --colors-alpha-black-dark-200: #00000026;
1089
+ --colors-alpha-black-dark-300: #00000033;
1090
+ --colors-alpha-black-dark-400: #0000004d;
1091
+ --colors-alpha-black-dark-500: #00000066;
1092
+ --colors-alpha-black-dark-600: #00000080;
1093
+ --colors-alpha-black-dark-700: #00000099;
1094
+ --colors-alpha-black-dark-800: #000000b2;
1095
+ --colors-alpha-black-dark-850: #000000cc;
1096
+ --colors-alpha-black-dark-900: #000000e5;
1097
+ --colors-alpha-black-dark-950: #000000f2;
1098
+ --colors-alpha-white-light-50: #ffffff0d;
1099
+ --colors-alpha-white-light-100: #ffffff1a;
1100
+ --colors-alpha-white-light-200: #ffffff26;
1101
+ --colors-alpha-white-light-300: #ffffff33;
1102
+ --colors-alpha-white-light-400: #ffffff4d;
1103
+ --colors-alpha-white-light-500: #ffffff66;
1104
+ --colors-alpha-white-light-600: #ffffff80;
1105
+ --colors-alpha-white-light-700: #ffffff99;
1106
+ --colors-alpha-white-light-800: #ffffffb3;
1107
+ --colors-alpha-white-light-850: #ffffffcc;
1108
+ --colors-alpha-white-light-900: #ffffffe6;
1109
+ --colors-alpha-white-light-950: #fffffff2;
1110
+ --colors-alpha-white-dark-50: #ffffff0d;
1111
+ --colors-alpha-white-dark-100: #ffffff1a;
1112
+ --colors-alpha-white-dark-200: #ffffff26;
1113
+ --colors-alpha-white-dark-300: #ffffff33;
1114
+ --colors-alpha-white-dark-400: #ffffff4d;
1115
+ --colors-alpha-white-dark-500: #ffffff66;
1116
+ --colors-alpha-white-dark-600: #ffffff80;
1117
+ --colors-alpha-white-dark-700: #ffffff99;
1118
+ --colors-alpha-white-dark-800: #ffffffb3;
1119
+ --colors-alpha-white-dark-850: #ffffffcc;
1120
+ --colors-alpha-white-dark-900: #ffffffe6;
1121
+ --colors-alpha-white-dark-950: #fffffff2;
1122
+ --colors-alpha-lime-light-50: #80aa0005;
1123
+ --colors-alpha-lime-light-100: #639d000d;
1124
+ --colors-alpha-lime-light-200: #8ed8002e;
1125
+ --colors-alpha-lime-light-300: #8ed3014a;
1126
+ --colors-alpha-lime-light-400: #88c70063;
1127
+ --colors-alpha-lime-light-500: #7eb8007d;
1128
+ --colors-alpha-lime-light-600: #76a80099;
1129
+ --colors-alpha-lime-light-700: #7ca500d1;
1130
+ --colors-alpha-lime-light-800: #607a00e0;
1131
+ --colors-alpha-lime-light-850: #556e00;
1132
+ --colors-alpha-lime-light-900: #607a00;
1133
+ --colors-alpha-lime-light-950: #243100eb;
1134
+ --colors-alpha-lime-dark-50: #00b50003;
1135
+ --colors-alpha-lime-dark-100: #c5f9000f;
1136
+ --colors-alpha-lime-dark-200: #bafb0021;
1137
+ --colors-alpha-lime-dark-300: #b4fb0030;
1138
+ --colors-alpha-lime-dark-400: #bbfe003d;
1139
+ --colors-alpha-lime-dark-500: #bdfd004d;
1140
+ --colors-alpha-lime-dark-600: #befd005e;
1141
+ --colors-alpha-lime-dark-700: #c0ff0070;
1142
+ --colors-alpha-lime-dark-800: #c7ff0087;
1143
+ --colors-alpha-lime-dark-850: #c2fd007a;
1144
+ --colors-alpha-lime-dark-900: #d5fe73d1;
1145
+ --colors-alpha-lime-dark-950: #e0ff9ef5;
1146
+ --colors-alpha-green-light-50: #00c00005;
1147
+ --colors-alpha-green-light-100: #0099000a;
1148
+ --colors-alpha-green-light-200: #00aa1617;
1149
+ --colors-alpha-green-light-300: #00a61a29;
1150
+ --colors-alpha-green-light-400: #009f163b;
1151
+ --colors-alpha-green-light-500: #009b1a52;
1152
+ --colors-alpha-green-light-600: #00951c70;
1153
+ --colors-alpha-green-light-700: #009422a1;
1154
+ --colors-alpha-green-light-800: #007828e3;
1155
+ --colors-alpha-green-light-850: #007933;
1156
+ --colors-alpha-green-light-900: #00772ced;
1157
+ --colors-alpha-green-light-950: #002207e0;
1158
+ --colors-alpha-green-dark-50: #00cb0005;
1159
+ --colors-alpha-green-dark-100: #6afb3f0f;
1160
+ --colors-alpha-green-dark-200: #45fc5124;
1161
+ --colors-alpha-green-dark-300: #06fc4436;
1162
+ --colors-alpha-green-dark-400: #0aff5345;
1163
+ --colors-alpha-green-dark-500: #0dff5a54;
1164
+ --colors-alpha-green-dark-600: #08fd5f66;
1165
+ --colors-alpha-green-dark-700: #00fd607a;
1166
+ --colors-alpha-green-dark-800: #2fff718a;
1167
+ --colors-alpha-green-dark-850: #00fd617d;
1168
+ --colors-alpha-green-dark-900: #80ff9dcf;
1169
+ --colors-alpha-green-dark-950: #acffbbf7;
1170
+ --colors-alpha-emerald-light-50: #00c04005;
1171
+ --colors-alpha-emerald-light-100: #00a3460a;
1172
+ --colors-alpha-emerald-light-200: #00a4481a;
1173
+ --colors-alpha-emerald-light-300: #00a04729;
1174
+ --colors-alpha-emerald-light-400: #00994438;
1175
+ --colors-alpha-emerald-light-500: #008d424f;
1176
+ --colors-alpha-emerald-light-600: #01863e6b;
1177
+ --colors-alpha-emerald-light-700: #00854396;
1178
+ --colors-alpha-emerald-light-800: #008055;
1179
+ --colors-alpha-emerald-light-850: #007248;
1180
+ --colors-alpha-emerald-light-900: #008055;
1181
+ --colors-alpha-emerald-light-950: #001e0fde;
1182
+ --colors-alpha-emerald-dark-50: #00b50003;
1183
+ --colors-alpha-emerald-dark-100: #7afb6f0f;
1184
+ --colors-alpha-emerald-dark-200: #45fc8b24;
1185
+ --colors-alpha-emerald-dark-300: #28fb8c33;
1186
+ --colors-alpha-emerald-dark-400: #3aff9940;
1187
+ --colors-alpha-emerald-dark-500: #4afda54f;
1188
+ --colors-alpha-emerald-dark-600: #51fda961;
1189
+ --colors-alpha-emerald-dark-700: #51fdac78;
1190
+ --colors-alpha-emerald-dark-800: #00fea494;
1191
+ --colors-alpha-emerald-dark-850: #61ffb482;
1192
+ --colors-alpha-emerald-dark-900: #6cffbad1;
1193
+ --colors-alpha-emerald-dark-950: #b6fed7f2;
1194
+ --colors-alpha-teal-light-50: #00cc9905;
1195
+ --colors-alpha-teal-light-100: #00aa950d;
1196
+ --colors-alpha-teal-light-200: #00c6a51f;
1197
+ --colors-alpha-teal-light-300: #00bd9f33;
1198
+ --colors-alpha-teal-light-400: #00b39645;
1199
+ --colors-alpha-teal-light-500: #00a1885c;
1200
+ --colors-alpha-teal-light-600: #00957e78;
1201
+ --colors-alpha-teal-light-700: #00917ea3;
1202
+ --colors-alpha-teal-light-800: #008075;
1203
+ --colors-alpha-teal-light-850: #007267;
1204
+ --colors-alpha-teal-light-900: #007a6f;
1205
+ --colors-alpha-teal-light-950: #002a26e5;
1206
+ --colors-alpha-teal-dark-50: #00b50003;
1207
+ --colors-alpha-teal-dark-100: #64fca512;
1208
+ --colors-alpha-teal-dark-200: #28fcc624;
1209
+ --colors-alpha-teal-dark-300: #00fbd133;
1210
+ --colors-alpha-teal-dark-400: #1efeda40;
1211
+ --colors-alpha-teal-dark-500: #3efdde4f;
1212
+ --colors-alpha-teal-dark-600: #4cfde261;
1213
+ --colors-alpha-teal-dark-700: #4afde678;
1214
+ --colors-alpha-teal-dark-800: #00fee591;
1215
+ --colors-alpha-teal-dark-850: #58ffe780;
1216
+ --colors-alpha-teal-dark-900: #71ffedcf;
1217
+ --colors-alpha-teal-dark-950: #b5fef3f0;
1218
+ --colors-alpha-cyan-light-50: #00ffe008;
1219
+ --colors-alpha-cyan-light-100: #00e1c312;
1220
+ --colors-alpha-cyan-light-200: #00efd42e;
1221
+ --colors-alpha-cyan-light-300: #00ecd14d;
1222
+ --colors-alpha-cyan-light-400: #00e1cc6e;
1223
+ --colors-alpha-cyan-light-500: #00d5c18f;
1224
+ --colors-alpha-cyan-light-600: #00ccbec9;
1225
+ --colors-alpha-cyan-light-700: #00c1b5;
1226
+ --colors-alpha-cyan-light-800: #00f3e6;
1227
+ --colors-alpha-cyan-light-850: #00e9dc;
1228
+ --colors-alpha-cyan-light-900: #007a72;
1229
+ --colors-alpha-cyan-light-950: #004741;
1230
+ --colors-alpha-cyan-dark-50: #00cb0005;
1231
+ --colors-alpha-cyan-dark-100: #00fca512;
1232
+ --colors-alpha-cyan-dark-200: #00fdca26;
1233
+ --colors-alpha-cyan-dark-300: #00fcd433;
1234
+ --colors-alpha-cyan-dark-400: #00ffdc42;
1235
+ --colors-alpha-cyan-dark-500: #00fee352;
1236
+ --colors-alpha-cyan-dark-600: #00fde666;
1237
+ --colors-alpha-cyan-dark-700: #00fde77d;
1238
+ --colors-alpha-cyan-dark-800: #29fff1;
1239
+ --colors-alpha-cyan-dark-850: #00ffeff5;
1240
+ --colors-alpha-cyan-dark-900: #00feefd9;
1241
+ --colors-alpha-cyan-dark-950: #a5fff6fa;
1242
+ --colors-alpha-sky-light-50: #00aaff05;
1243
+ --colors-alpha-sky-light-100: #009dff0d;
1244
+ --colors-alpha-sky-light-200: #00a8ff1c;
1245
+ --colors-alpha-sky-light-300: #009fff2e;
1246
+ --colors-alpha-sky-light-400: #0092ff40;
1247
+ --colors-alpha-sky-light-500: #0086fc54;
1248
+ --colors-alpha-sky-light-600: #007ee970;
1249
+ --colors-alpha-sky-light-700: #007de29e;
1250
+ --colors-alpha-sky-light-800: #0071b3;
1251
+ --colors-alpha-sky-light-850: #0063a4;
1252
+ --colors-alpha-sky-light-900: #0070b2;
1253
+ --colors-alpha-sky-light-950: #002d4feb;
1254
+ --colors-alpha-sky-dark-50: #0028f20a;
1255
+ --colors-alpha-sky-dark-100: #0095fb1a;
1256
+ --colors-alpha-sky-dark-200: #0087fd3d;
1257
+ --colors-alpha-sky-dark-300: #0085fd59;
1258
+ --colors-alpha-sky-dark-400: #008cfd6e;
1259
+ --colors-alpha-sky-dark-500: #0095ff82;
1260
+ --colors-alpha-sky-dark-600: #009afe9e;
1261
+ --colors-alpha-sky-dark-700: #009afebf;
1262
+ --colors-alpha-sky-dark-800: #00a0fecf;
1263
+ --colors-alpha-sky-dark-850: #009afebf;
1264
+ --colors-alpha-sky-dark-900: #66c0ff;
1265
+ --colors-alpha-sky-dark-950: #c4ebff;
1266
+ --colors-alpha-blue-light-50: #00008003;
1267
+ --colors-alpha-blue-light-100: #0072ff0a;
1268
+ --colors-alpha-blue-light-200: #0066e614;
1269
+ --colors-alpha-blue-light-300: #0069ff21;
1270
+ --colors-alpha-blue-light-400: #006cff33;
1271
+ --colors-alpha-blue-light-500: #0067ff47;
1272
+ --colors-alpha-blue-light-600: #005de861;
1273
+ --colors-alpha-blue-light-700: #0058d982;
1274
+ --colors-alpha-blue-light-800: #004fb6eb;
1275
+ --colors-alpha-blue-light-850: #004eab;
1276
+ --colors-alpha-blue-light-900: #004fbbe3;
1277
+ --colors-alpha-blue-light-950: #001e4beb;
1278
+ --colors-alpha-blue-dark-50: #000cea08;
1279
+ --colors-alpha-blue-dark-100: #3791f817;
1280
+ --colors-alpha-blue-dark-200: #2080fc3b;
1281
+ --colors-alpha-blue-dark-300: #197dff54;
1282
+ --colors-alpha-blue-dark-400: #2581fd6b;
1283
+ --colors-alpha-blue-dark-500: #3689fd7a;
1284
+ --colors-alpha-blue-dark-600: #4090fe8f;
1285
+ --colors-alpha-blue-dark-700: #408ffead;
1286
+ --colors-alpha-blue-dark-800: #2684ffe5;
1287
+ --colors-alpha-blue-dark-850: #107cffd6;
1288
+ --colors-alpha-blue-dark-900: #84b8ff;
1289
+ --colors-alpha-blue-dark-950: #d1e4ff;
1290
+ --colors-alpha-indigo-light-50: #0000ff03;
1291
+ --colors-alpha-indigo-light-100: #0020ff08;
1292
+ --colors-alpha-indigo-light-200: #0020ff0f;
1293
+ --colors-alpha-indigo-light-300: #0025ff1c;
1294
+ --colors-alpha-indigo-light-400: #0020ff29;
1295
+ --colors-alpha-indigo-light-500: #0017ff38;
1296
+ --colors-alpha-indigo-light-600: #0014ff4d;
1297
+ --colors-alpha-indigo-light-700: #0008ff69;
1298
+ --colors-alpha-indigo-light-800: #1c00f4b0;
1299
+ --colors-alpha-indigo-light-850: #1b00d5ba;
1300
+ --colors-alpha-indigo-light-900: #1a00d5ba;
1301
+ --colors-alpha-indigo-light-950: #080059de;
1302
+ --colors-alpha-indigo-dark-50: #0b00ef08;
1303
+ --colors-alpha-indigo-dark-100: #7067f91a;
1304
+ --colors-alpha-indigo-dark-200: #6d56ff40;
1305
+ --colors-alpha-indigo-dark-300: #6749ff63;
1306
+ --colors-alpha-indigo-dark-400: #6d54ff73;
1307
+ --colors-alpha-indigo-dark-500: #7460ff85;
1308
+ --colors-alpha-indigo-dark-600: #7a69fe9c;
1309
+ --colors-alpha-indigo-dark-700: #7b6cffba;
1310
+ --colors-alpha-indigo-dark-800: #7c6bfff7;
1311
+ --colors-alpha-indigo-dark-850: #7862ffe8;
1312
+ --colors-alpha-indigo-dark-900: #aba9ff;
1313
+ --colors-alpha-indigo-dark-950: #dedfff;
1314
+ --colors-alpha-purple-light-50: #5500ff03;
1315
+ --colors-alpha-purple-light-100: #8000ff08;
1316
+ --colors-alpha-purple-light-200: #8700ff12;
1317
+ --colors-alpha-purple-light-300: #8400ff1f;
1318
+ --colors-alpha-purple-light-400: #7d00ff2e;
1319
+ --colors-alpha-purple-light-500: #7a00ff40;
1320
+ --colors-alpha-purple-light-600: #7a00ff59;
1321
+ --colors-alpha-purple-light-700: #7e01ff7a;
1322
+ --colors-alpha-purple-light-800: #9100faf0;
1323
+ --colors-alpha-purple-light-850: #8900e3;
1324
+ --colors-alpha-purple-light-900: #8a00e5;
1325
+ --colors-alpha-purple-light-950: #46007a;
1326
+ --colors-alpha-purple-dark-50: #c100ea08;
1327
+ --colors-alpha-purple-dark-100: #c546fb1a;
1328
+ --colors-alpha-purple-dark-200: #b23cfc3b;
1329
+ --colors-alpha-purple-dark-300: #af31ff52;
1330
+ --colors-alpha-purple-dark-400: #b23cff63;
1331
+ --colors-alpha-purple-dark-500: #b64dff73;
1332
+ --colors-alpha-purple-dark-600: #b95afe8f;
1333
+ --colors-alpha-purple-dark-700: #b85dfebf;
1334
+ --colors-alpha-purple-dark-800: #b54cfffa;
1335
+ --colors-alpha-purple-dark-850: #b13fffed;
1336
+ --colors-alpha-purple-dark-900: #d699ff;
1337
+ --colors-alpha-purple-dark-950: #eed6ff;
1338
+ --colors-alpha-fuchsia-light-50: #ff00ff05;
1339
+ --colors-alpha-fuchsia-light-100: #e000e008;
1340
+ --colors-alpha-fuchsia-light-200: #ff00f417;
1341
+ --colors-alpha-fuchsia-light-300: #f900f226;
1342
+ --colors-alpha-fuchsia-light-400: #e600e133;
1343
+ --colors-alpha-fuchsia-light-500: #d700d345;
1344
+ --colors-alpha-fuchsia-light-600: #c701c75c;
1345
+ --colors-alpha-fuchsia-light-700: #c101c37a;
1346
+ --colors-alpha-fuchsia-light-800: #c100c8f0;
1347
+ --colors-alpha-fuchsia-light-850: #af00b4f5;
1348
+ --colors-alpha-fuchsia-light-900: #ad00b3;
1349
+ --colors-alpha-fuchsia-light-950: #610065;
1350
+ --colors-alpha-fuchsia-dark-50: #ea004f08;
1351
+ --colors-alpha-fuchsia-dark-100: #ff2bcf17;
1352
+ --colors-alpha-fuchsia-dark-200: #ff26ef30;
1353
+ --colors-alpha-fuchsia-dark-300: #ff00fc45;
1354
+ --colors-alpha-fuchsia-dark-400: #fd11fc54;
1355
+ --colors-alpha-fuchsia-dark-500: #ff39ff63;
1356
+ --colors-alpha-fuchsia-dark-600: #fd4dfd80;
1357
+ --colors-alpha-fuchsia-dark-700: #fc52ffa6;
1358
+ --colors-alpha-fuchsia-dark-800: #f845fef0;
1359
+ --colors-alpha-fuchsia-dark-850: #f836fee3;
1360
+ --colors-alpha-fuchsia-dark-900: #ff75ff;
1361
+ --colors-alpha-fuchsia-dark-950: #ffd0fffc;
1362
+ --colors-alpha-pink-light-50: #ff00aa03;
1363
+ --colors-alpha-pink-light-100: #ff008008;
1364
+ --colors-alpha-pink-light-200: #ff009c17;
1365
+ --colors-alpha-pink-light-300: #f9009126;
1366
+ --colors-alpha-pink-light-400: #e6008733;
1367
+ --colors-alpha-pink-light-500: #d6007e42;
1368
+ --colors-alpha-pink-light-600: #c7007757;
1369
+ --colors-alpha-pink-light-700: #c0007770;
1370
+ --colors-alpha-pink-light-800: #e800a2ba;
1371
+ --colors-alpha-pink-light-850: #d80099c9;
1372
+ --colors-alpha-pink-light-900: #c30091f2;
1373
+ --colors-alpha-pink-light-950: #66004bfa;
1374
+ --colors-alpha-pink-dark-50: #00000000;
1375
+ --colors-alpha-pink-dark-100: #ff52c01c;
1376
+ --colors-alpha-pink-dark-200: #ff46c338;
1377
+ --colors-alpha-pink-dark-300: #ff14bf4f;
1378
+ --colors-alpha-pink-dark-400: #ff2cc35c;
1379
+ --colors-alpha-pink-dark-500: #ff4ac670;
1380
+ --colors-alpha-pink-dark-600: #ff58c98a;
1381
+ --colors-alpha-pink-dark-700: #ff58cbb0;
1382
+ --colors-alpha-pink-dark-800: #ff49c8ed;
1383
+ --colors-alpha-pink-dark-850: #ff3bc7e0;
1384
+ --colors-alpha-pink-dark-900: #ff82db;
1385
+ --colors-alpha-pink-dark-950: #ffceec;
1386
+ --colors-alpha-rose-light-50: #ff000003;
1387
+ --colors-alpha-rose-light-100: #ff002008;
1388
+ --colors-alpha-rose-light-200: #ff002317;
1389
+ --colors-alpha-rose-light-300: #ff002a26;
1390
+ --colors-alpha-rose-light-400: #ff002333;
1391
+ --colors-alpha-rose-light-500: #f4002342;
1392
+ --colors-alpha-rose-light-600: #df002157;
1393
+ --colors-alpha-rose-light-700: #d2002370;
1394
+ --colors-alpha-rose-light-800: #e0005afa;
1395
+ --colors-alpha-rose-light-850: #d10051;
1396
+ --colors-alpha-rose-light-900: #d50054;
1397
+ --colors-alpha-rose-light-950: #620020f5;
1398
+ --colors-alpha-rose-dark-50: #ea000008;
1399
+ --colors-alpha-rose-dark-100: #fe594717;
1400
+ --colors-alpha-rose-dark-200: #fb234336;
1401
+ --colors-alpha-rose-dark-300: #fc00444f;
1402
+ --colors-alpha-rose-dark-400: #ff0e535e;
1403
+ --colors-alpha-rose-dark-500: #fd2d6370;
1404
+ --colors-alpha-rose-dark-600: #ff426f8c;
1405
+ --colors-alpha-rose-dark-700: #fe4474ba;
1406
+ --colors-alpha-rose-dark-800: #fe0568f0;
1407
+ --colors-alpha-rose-dark-850: #ff0061de;
1408
+ --colors-alpha-rose-dark-900: #ff8da4;
1409
+ --colors-alpha-rose-dark-950: #ffd0d7;
1410
+ --colors-alpha-amber-light-50: #c0400005;
1411
+ --colors-alpha-amber-light-100: #ff5c000d;
1412
+ --colors-alpha-amber-light-200: #ff5b001f;
1413
+ --colors-alpha-amber-light-300: #ff620040;
1414
+ --colors-alpha-amber-light-400: #ff5d0054;
1415
+ --colors-alpha-amber-light-500: #ff540061;
1416
+ --colors-alpha-amber-light-600: #e7490073;
1417
+ --colors-alpha-amber-light-700: #d7450091;
1418
+ --colors-alpha-amber-light-800: #c24d00f7;
1419
+ --colors-alpha-amber-light-850: #b54500;
1420
+ --colors-alpha-amber-light-900: #c44b00f0;
1421
+ --colors-alpha-amber-light-950: #3c1300e0;
1422
+ --colors-alpha-amber-dark-50: #df000005;
1423
+ --colors-alpha-amber-dark-100: #fc842a12;
1424
+ --colors-alpha-amber-dark-200: #fe62042b;
1425
+ --colors-alpha-amber-dark-300: #fe4d0042;
1426
+ --colors-alpha-amber-dark-400: #fd590052;
1427
+ --colors-alpha-amber-dark-500: #ff6f1f61;
1428
+ --colors-alpha-amber-dark-600: #ff7d3c78;
1429
+ --colors-alpha-amber-dark-700: #fe8143a1;
1430
+ --colors-alpha-amber-dark-800: #fe6a08d1;
1431
+ --colors-alpha-amber-dark-850: #ff5f00c2;
1432
+ --colors-alpha-amber-dark-900: #ff9966;
1433
+ --colors-alpha-amber-dark-950: #ffdecdf5;
1434
+ --colors-alpha-orange-light-50: #ff400005;
1435
+ --colors-alpha-orange-light-100: #ff39000a;
1436
+ --colors-alpha-orange-light-200: #ff33001a;
1437
+ --colors-alpha-orange-light-300: #ff3d002e;
1438
+ --colors-alpha-orange-light-400: #ff3b0040;
1439
+ --colors-alpha-orange-light-500: #ff340054;
1440
+ --colors-alpha-orange-light-600: #ef30006b;
1441
+ --colors-alpha-orange-light-700: #e22d008a;
1442
+ --colors-alpha-orange-light-800: #db3700e0;
1443
+ --colors-alpha-orange-light-850: #cc2100e0;
1444
+ --colors-alpha-orange-light-900: #d42f00eb;
1445
+ --colors-alpha-orange-light-950: #4b0e00e5;
1446
+ --colors-alpha-orange-dark-50: #e5000008;
1447
+ --colors-alpha-orange-dark-100: #fd6d2814;
1448
+ --colors-alpha-orange-dark-200: #ff3e0033;
1449
+ --colors-alpha-orange-dark-300: #ff20004a;
1450
+ --colors-alpha-orange-dark-400: #fe30005c;
1451
+ --colors-alpha-orange-dark-500: #fd48186e;
1452
+ --colors-alpha-orange-dark-600: #fe5d3487;
1453
+ --colors-alpha-orange-dark-700: #ff623ab0;
1454
+ --colors-alpha-orange-dark-800: #fe3f00eb;
1455
+ --colors-alpha-orange-dark-850: #ff2d00db;
1456
+ --colors-alpha-orange-dark-900: #ff9275eb;
1457
+ --colors-alpha-orange-dark-950: #ffd3c8fa;
1458
+ --colors-alpha-gray-light-50: #0040c004;
1459
+ --colors-alpha-gray-light-100: #0049b707;
1460
+ --colors-alpha-gray-light-200: #002b8e12;
1461
+ --colors-alpha-gray-light-300: #00267b1b;
1462
+ --colors-alpha-gray-light-400: #002b8024;
1463
+ --colors-alpha-gray-light-500: #0029742c;
1464
+ --colors-alpha-gray-light-600: #00256e38;
1465
+ --colors-alpha-gray-light-700: #0024694e;
1466
+ --colors-alpha-gray-light-800: #0115417b;
1467
+ --colors-alpha-gray-light-850: #00143885;
1468
+ --colors-alpha-gray-light-900: #000d26a2;
1469
+ --colors-alpha-gray-light-950: #000612e4;
1470
+ --colors-alpha-gray-dark-50: #010b0f1a;
1471
+ --colors-alpha-gray-dark-100: #d6e8fd0f;
1472
+ --colors-alpha-gray-dark-200: #caddfc1c;
1473
+ --colors-alpha-gray-dark-300: #bbd6fb27;
1474
+ --colors-alpha-gray-dark-400: #bfd5ff30;
1475
+ --colors-alpha-gray-dark-500: #bdd8fd3c;
1476
+ --colors-alpha-gray-dark-600: #bbd2fe4e;
1477
+ --colors-alpha-gray-dark-700: #bad3fd6e;
1478
+ --colors-alpha-gray-dark-800: #bdd3fd7f;
1479
+ --colors-alpha-gray-dark-850: #c2d6fe8e;
1480
+ --colors-alpha-gray-dark-900: #d9e6ffc6;
1481
+ --colors-alpha-gray-dark-950: #f8fafef2;
1482
+ --colors-alpha-slate-light-50: #0040ff05;
1483
+ --colors-alpha-slate-light-100: #0055e30a;
1484
+ --colors-alpha-slate-light-200: #0044a212;
1485
+ --colors-alpha-slate-light-300: #003e8d1c;
1486
+ --colors-alpha-slate-light-400: #00388a26;
1487
+ --colors-alpha-slate-light-500: #0038862e;
1488
+ --colors-alpha-slate-light-600: #0038843d;
1489
+ --colors-alpha-slate-light-700: #00357e54;
1490
+ --colors-alpha-slate-light-800: #00205080;
1491
+ --colors-alpha-slate-light-850: #001e488c;
1492
+ --colors-alpha-slate-light-900: #001431a6;
1493
+ --colors-alpha-slate-light-950: #000915e8;
1494
+ --colors-alpha-slate-dark-50: #000bcf05;
1495
+ --colors-alpha-slate-dark-100: #91ceff12;
1496
+ --colors-alpha-slate-dark-200: #92c3ff21;
1497
+ --colors-alpha-slate-dark-300: #8dc3fd2b;
1498
+ --colors-alpha-slate-dark-400: #8fbffc36;
1499
+ --colors-alpha-slate-dark-500: #92c1ff42;
1500
+ --colors-alpha-slate-dark-600: #8ebefd57;
1501
+ --colors-alpha-slate-dark-700: #8fbffd7a;
1502
+ --colors-alpha-slate-dark-800: #9ac4fe8a;
1503
+ --colors-alpha-slate-dark-850: #a9ccff96;
1504
+ --colors-alpha-slate-dark-900: #cde2ffc9;
1505
+ --colors-alpha-slate-dark-950: #f4f8fef5;
1506
+ --colors-alpha-ivory-light-50: #c0800005;
1507
+ --colors-alpha-ivory-light-100: #7255000a;
1508
+ --colors-alpha-ivory-light-200: #51360012;
1509
+ --colors-alpha-ivory-light-300: #4735001c;
1510
+ --colors-alpha-ivory-light-400: #3f310026;
1511
+ --colors-alpha-ivory-light-500: #4231002e;
1512
+ --colors-alpha-ivory-light-600: #402f003d;
1513
+ --colors-alpha-ivory-light-700: #36290052;
1514
+ --colors-alpha-ivory-light-800: #23190080;
1515
+ --colors-alpha-ivory-light-850: #2018008a;
1516
+ --colors-alpha-ivory-light-900: #171100a8;
1517
+ --colors-alpha-ivory-light-950: #0e0b00e8;
1518
+ --colors-alpha-ivory-dark-50: #d70c0005;
1519
+ --colors-alpha-ivory-dark-100: #fabf0f12;
1520
+ --colors-alpha-ivory-dark-200: #f8cd561c;
1521
+ --colors-alpha-ivory-dark-300: #fbe07a24;
1522
+ --colors-alpha-ivory-dark-400: #fee28f2b;
1523
+ --colors-alpha-ivory-dark-500: #fbe5a236;
1524
+ --colors-alpha-ivory-dark-600: #feedb845;
1525
+ --colors-alpha-ivory-dark-700: #fff2cb5e;
1526
+ --colors-alpha-ivory-dark-800: #fdf3d06b;
1527
+ --colors-alpha-ivory-dark-850: #fff5d67a;
1528
+ --colors-alpha-ivory-dark-900: #fef8e4b5;
1529
+ --colors-alpha-ivory-dark-950: #fefbf1f0;
1530
+ --colors-contrast-slate-light: #ffffff;
1531
+ --colors-contrast-slate-dark: #ffffff;
1532
+ --colors-contrast-pink-light: #ffffff;
1533
+ --colors-contrast-pink-dark: #ffffff;
1534
+ --colors-contrast-blue-light: #ffffff;
1535
+ --colors-contrast-blue-dark: #0a0b0f;
1536
+ --colors-contrast-green-light: #ffffff;
1537
+ --colors-contrast-green-dark: #ffffff;
1538
+ --colors-contrast-lime-light: #ffffff;
1539
+ --colors-contrast-lime-dark: #ffffff;
1540
+ --colors-contrast-fuchsia-light: #ffffff;
1541
+ --colors-contrast-fuchsia-dark: #ffffff;
1542
+ --colors-contrast-indigo-light: #ffffff;
1543
+ --colors-contrast-indigo-dark: #ffffff;
1544
+ --colors-contrast-ivory-light: #ffffff;
1545
+ --colors-contrast-ivory-dark: #ffffff;
1546
+ --colors-contrast-emerald-light: #ffffff;
1547
+ --colors-contrast-emerald-dark: #ffffff;
1548
+ --colors-contrast-rose-light: #ffffff;
1549
+ --colors-contrast-rose-dark: #ffffff;
1550
+ --colors-contrast-red-light: #ffffff;
1551
+ --colors-contrast-red-dark: #ffffff;
1552
+ --colors-contrast-sky-light: #ffffff;
1553
+ --colors-contrast-sky-dark: #ffffff;
1554
+ --colors-contrast-purple-light: #ffffff;
1555
+ --colors-contrast-purple-dark: #ffffff;
1556
+ --colors-contrast-teal-light: #ffffff;
1557
+ --colors-contrast-teal-dark: #ffffff;
1558
+ --colors-contrast-yellow-light: #262209;
1559
+ --colors-contrast-yellow-dark: #262209;
1560
+ --colors-contrast-cyan-light: #042825;
1561
+ --colors-contrast-cyan-dark: #042825;
1562
+ --colors-contrast-orange-light: #ffffff;
1563
+ --colors-contrast-orange-dark: #ffffff;
1564
+ --colors-contrast-amber-light: #ffffff;
1565
+ --colors-contrast-amber-dark: #ffffff;
1566
+ --colors-surface-slate-light: #ffffffcc;
1567
+ --colors-surface-slate-dark: #0000000d;
1568
+ --colors-surface-pink-light: #fff5facc;
1569
+ --colors-surface-pink-dark: #38122a80;
1570
+ --colors-surface-blue-light: #f4f9ffcc;
1571
+ --colors-surface-blue-dark: #12233980;
1572
+ --colors-surface-green-light: #f3faf3cc;
1573
+ --colors-surface-green-dark: #16291580;
1574
+ --colors-surface-lime-light: #f5f9efcc;
1575
+ --colors-surface-lime-dark: #20270a80;
1576
+ --colors-surface-fuchsia-light: #fef5fecc;
1577
+ --colors-surface-fuchsia-dark: #38113380;
1578
+ --colors-surface-indigo-light: #f5f6ffcc;
1579
+ --colors-surface-indigo-dark: #1e1d3d80;
1580
+ --colors-surface-ivory-light: #ffffffcc;
1581
+ --colors-surface-ivory-dark: #0000000d;
1582
+ --colors-surface-emerald-light: #f1faf5cc;
1583
+ --colors-surface-emerald-dark: #18291b80;
1584
+ --colors-surface-rose-light: #fff5f6cc;
1585
+ --colors-surface-rose-dark: #36191980;
1586
+ --colors-surface-red-light: #fff6f4cc;
1587
+ --colors-surface-red-dark: #36191180;
1588
+ --colors-surface-sky-light: #eff9ffcc;
1589
+ --colors-surface-sky-dark: #07273f80;
1590
+ --colors-surface-purple-light: #faf5ffcc;
1591
+ --colors-surface-purple-dark: #30173f80;
1592
+ --colors-surface-teal-light: #f0faf9cc;
1593
+ --colors-surface-teal-dark: #162b2380;
1594
+ --colors-surface-yellow-light: #fffbe4cc;
1595
+ --colors-surface-yellow-dark: #28230f80;
1596
+ --colors-surface-cyan-light: #eafdfacc;
1597
+ --colors-surface-cyan-dark: #052b2380;
1598
+ --colors-surface-orange-light: #fff6f4cc;
1599
+ --colors-surface-orange-dark: #321b1380;
1600
+ --colors-surface-amber-light: #fff4eecc;
1601
+ --colors-surface-amber-dark: #2e1d1380;
1602
+ --colors-indicator-slate-light: #7f8fa7;
1603
+ --colors-indicator-slate-dark: #586f90;
1604
+ --colors-indicator-pink-light: #ee44bb;
1605
+ --colors-indicator-pink-dark: #ee44bb;
1606
+ --colors-indicator-blue-light: #155dbc;
1607
+ --colors-indicator-blue-dark: #2378e7;
1608
+ --colors-indicator-green-light: #1d8740;
1609
+ --colors-indicator-green-dark: #1e8f44;
1610
+ --colors-indicator-lime-light: #627c03;
1611
+ --colors-indicator-lime-dark: #6e8c03;
1612
+ --colors-indicator-fuschia-light: #c510cb;
1613
+ --colors-indicator-fuschia-dark: #ea42f0;
1614
+ --colors-indicator-indigo-light: #6350f7;
1615
+ --colors-indicator-indigo-dark: #7968f8;
1616
+ --colors-indicator-ivory-light: #918c80;
1617
+ --colors-indicator-ivory-dark: #716d61;
1618
+ --colors-indicator-emerald-light: #008055;
1619
+ --colors-indicator-emerald-dark: #009966;
1620
+ --colors-indicator-rose-light: #e1055d;
1621
+ --colors-indicator-rose-dark: #f00563;
1622
+ --colors-indicator-red-light: #e0000b;
1623
+ --colors-indicator-red-dark: #ff000d;
1624
+ --colors-indicator-sky-light: #0071b3;
1625
+ --colors-indicator-sky-dark: #0084d1;
1626
+ --colors-indicator-purple-light: #9810fa;
1627
+ --colors-indicator-purple-dark: #b24bfb;
1628
+ --colors-indicator-teal-light: #008075;
1629
+ --colors-indicator-teal-dark: #009689;
1630
+ --colors-indicator-yellow-light: #ffe600;
1631
+ --colors-indicator-yellow-dark: #ffe62b;
1632
+ --colors-indicator-cyan-light: #00f3e6;
1633
+ --colors-indicator-cyan-dark: #29fff1;
1634
+ --colors-indicator-orange-light: #db3700;
1635
+ --colors-indicator-orange-dark: #eb3b00;
1636
+ --colors-indicator-amber-light: #c45308;
1637
+ --colors-indicator-amber-dark: #d35909;
1638
+ --colors-track-slate-light: #7f8fa7;
1639
+ --colors-track-slate-dark: #586f90;
1640
+ --colors-track-pink-light: #ee44bb;
1641
+ --colors-track-pink-dark: #ee44bb;
1642
+ --colors-track-blue-light: #155dbc;
1643
+ --colors-track-blue-dark: #2378e7;
1644
+ --colors-track-green-light: #1d8740;
1645
+ --colors-track-green-dark: #1e8f44;
1646
+ --colors-track-lime-light: #627c03;
1647
+ --colors-track-lime-dark: #6e8c03;
1648
+ --colors-track-fuschia-light: #c510cb;
1649
+ --colors-track-fuschia-dark: #ea42f0;
1650
+ --colors-track-indigo-light: #6350f7;
1651
+ --colors-track-indigo-dark: #7968f8;
1652
+ --colors-track-ivory-light: #918c80;
1653
+ --colors-track-ivory-dark: #716d61;
1654
+ --colors-track-emerald-light: #008055;
1655
+ --colors-track-emerald-dark: #009966;
1656
+ --colors-track-rose-light: #e1055d;
1657
+ --colors-track-rose-dark: #f00563;
1658
+ --colors-track-red-light: #e0000b;
1659
+ --colors-track-red-dark: #ff000d;
1660
+ --colors-track-sky-light: #0071b3;
1661
+ --colors-track-sky-dark: #0084d1;
1662
+ --colors-track-purple-light: #9810fa;
1663
+ --colors-track-purple-dark: #b24bfb;
1664
+ --colors-track-teal-light: #008075;
1665
+ --colors-track-teal-dark: #009689;
1666
+ --colors-track-yellow-light: #ffe600;
1667
+ --colors-track-yellow-dark: #ffe62b;
1668
+ --colors-track-cyan-light: #00f3e6;
1669
+ --colors-track-cyan-dark: #29fff1;
1670
+ --colors-track-orange-light: #db3700;
1671
+ --colors-track-orange-dark: #eb3b00;
1672
+ --colors-track-amber-light: #c45308;
1673
+ --colors-track-amber-dark: #d35909;
1674
+ --font-sizes-2xs: 0.5rem;
1675
+ --font-sizes-6xl: 3.75rem;
1676
+ --font-sizes-7xl: 4.5rem;
1677
+ --font-sizes-8xl: 6rem;
1678
+ --font-sizes-9xl: 8rem;
1679
+ --font-sizes-xs: 0.75rem;
1680
+ --font-sizes-sm: 0.875rem;
1681
+ --font-sizes-base: 1rem;
1682
+ --font-sizes-md: 1.125rem;
1683
+ --font-sizes-lg: 1.25rem;
1684
+ --font-sizes-xl: 1.5rem;
1685
+ --font-sizes-2xl: 1.75rem;
1686
+ --font-sizes-3xl: 2.25rem;
1687
+ --font-sizes-4xl: 3rem;
1688
+ --font-sizes-5xl: 3.75rem;
1689
+ --font-weights-thin: 100;
1690
+ --font-weights-extralight: 200;
1691
+ --font-weights-normal: 400;
1692
+ --font-weights-semibold: 600;
1693
+ --font-weights-extrabold: 800;
1694
+ --font-weights-black: 900;
1695
+ --font-weights-light: 300;
1696
+ --font-weights-regular: 400;
1697
+ --font-weights-medium: 500;
1698
+ --font-weights-bold: 700;
1699
+ --radii-xl: 0.75rem;
1700
+ --radii-2xl: 1rem;
1701
+ --radii-3xl: 1.5rem;
1702
+ --radii-4xl: 2rem;
1703
+ --radii-sharp: 0px;
1704
+ --radii-xs: 2px;
1705
+ --radii-sm: 4px;
1706
+ --radii-md: 8px;
1707
+ --radii-lg: 12px;
1708
+ --radii-pill: 999px;
1709
+ --radii-full: 100px;
1710
+ --shadows-2xs: 0 1px rgb(0 0 0 / 0.05);
697
1711
  --shadows-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
698
1712
  --shadows-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
699
1713
  --shadows-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
700
1714
  --shadows-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
701
1715
  --shadows-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
702
1716
  --shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
703
- --shadows-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
1717
+ --shadows-inset-2xs: inset 0 1px rgb(0 0 0 / 0.05);
1718
+ --shadows-inset-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
1719
+ --shadows-inset-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
704
1720
  --shadows-inset-base: inset 0 0.5px 4px rgba(96, 97, 112, 0.32);
705
1721
  --shadows-inset-dark: inset 0 0.5px 4px rgba(0, 0, 0, 0.32);
706
1722
  --shadows-elevation1-base: 0 0 1px rgba(40, 41, 61, 0.08), 0 0.5px 2px rgba(96, 97, 112, 0.16);
@@ -715,29 +1731,238 @@
715
1731
  --shadows-elevation5-dark: 0 2px 8px rgba(0, 0, 0, 0.04), 0 16px 24px rgba(0, 0, 0, 0.32);
716
1732
  --shadows-elevation6-base: 0 2px 8px rgba(40, 41, 61, 0.08), 0 20px 32px rgba(96, 97, 112, 0.24);
717
1733
  --shadows-elevation6-dark: 0 2px 8px rgba(0, 0, 0, 0.08), 0 20px 32px rgba(0, 0, 0, 0.32);
1734
+ --sizes-0: 0rem;
1735
+ --sizes-1: 0.25rem;
1736
+ --sizes-2: 0.5rem;
1737
+ --sizes-3: 0.75rem;
1738
+ --sizes-4: 1rem;
1739
+ --sizes-5: 1.25rem;
1740
+ --sizes-6: 1.5rem;
1741
+ --sizes-7: 1.75rem;
1742
+ --sizes-8: 2rem;
1743
+ --sizes-9: 2.25rem;
1744
+ --sizes-10: 2.5rem;
1745
+ --sizes-11: 2.75rem;
1746
+ --sizes-12: 3rem;
1747
+ --sizes-14: 3.5rem;
1748
+ --sizes-16: 4rem;
1749
+ --sizes-20: 5rem;
1750
+ --sizes-24: 6rem;
1751
+ --sizes-28: 7rem;
1752
+ --sizes-32: 8rem;
1753
+ --sizes-36: 9rem;
1754
+ --sizes-40: 10rem;
1755
+ --sizes-44: 11rem;
1756
+ --sizes-48: 12rem;
1757
+ --sizes-52: 13rem;
1758
+ --sizes-56: 14rem;
1759
+ --sizes-60: 15rem;
1760
+ --sizes-64: 16rem;
1761
+ --sizes-72: 18rem;
1762
+ --sizes-80: 20rem;
1763
+ --sizes-96: 24rem;
1764
+ --sizes-0\.5: 0.125rem;
1765
+ --sizes-1\.5: 0.375rem;
1766
+ --sizes-2\.5: 0.625rem;
1767
+ --sizes-3\.5: 0.875rem;
1768
+ --sizes-4\.5: 1.125rem;
1769
+ --sizes-5\.5: 1.375rem;
1770
+ --sizes-3xl: 48rem;
1771
+ --sizes-4xl: 56rem;
1772
+ --sizes-5xl: 64rem;
1773
+ --sizes-6xl: 72rem;
1774
+ --sizes-7xl: 80rem;
1775
+ --sizes-8xl: 90rem;
1776
+ --sizes-prose: 65ch;
1777
+ --sizes-full: 100%;
1778
+ --sizes-min: min-content;
1779
+ --sizes-max: max-content;
1780
+ --sizes-fit: fit-content;
1781
+ --sizes-xs: 0.625rem;
1782
+ --sizes-sm: 0.75rem;
1783
+ --sizes-md: 1rem;
1784
+ --sizes-lg: 1.5rem;
1785
+ --sizes-xl: 2rem;
1786
+ --sizes-2xl: 2.5rem;
1787
+ --sizes-breakpoint-sm: 640px;
1788
+ --sizes-breakpoint-md: 768px;
1789
+ --sizes-breakpoint-lg: 1024px;
1790
+ --sizes-breakpoint-xl: 1280px;
1791
+ --sizes-breakpoint-2xl: 1536px;
1792
+ --spacing-0: 0rem;
1793
+ --spacing-1: 0.25rem;
1794
+ --spacing-2: 0.5rem;
1795
+ --spacing-3: 0.75rem;
1796
+ --spacing-4: 1rem;
1797
+ --spacing-5: 1.25rem;
1798
+ --spacing-6: 1.5rem;
1799
+ --spacing-7: 1.75rem;
1800
+ --spacing-8: 2rem;
1801
+ --spacing-9: 2.25rem;
1802
+ --spacing-10: 2.5rem;
1803
+ --spacing-11: 2.75rem;
1804
+ --spacing-12: 3rem;
1805
+ --spacing-14: 3.5rem;
1806
+ --spacing-16: 4rem;
1807
+ --spacing-20: 5rem;
1808
+ --spacing-24: 6rem;
1809
+ --spacing-28: 7rem;
1810
+ --spacing-32: 8rem;
1811
+ --spacing-36: 9rem;
1812
+ --spacing-40: 10rem;
1813
+ --spacing-44: 11rem;
1814
+ --spacing-48: 12rem;
1815
+ --spacing-52: 13rem;
1816
+ --spacing-56: 14rem;
1817
+ --spacing-60: 15rem;
1818
+ --spacing-64: 16rem;
1819
+ --spacing-72: 18rem;
1820
+ --spacing-80: 20rem;
1821
+ --spacing-96: 24rem;
1822
+ --spacing-0\.5: 0.125rem;
1823
+ --spacing-1\.5: 0.375rem;
1824
+ --spacing-2\.5: 0.625rem;
1825
+ --spacing-3\.5: 0.875rem;
1826
+ --spacing-4\.5: 1.125rem;
1827
+ --spacing-5\.5: 1.375rem;
1828
+ --spacing-xs: 0.25rem;
1829
+ --spacing-vs: 0.5rem;
1830
+ --spacing-sm: 1rem;
1831
+ --spacing-md: 1.5rem;
1832
+ --spacing-lg: 2rem;
1833
+ --spacing-xl: 2.5rem;
1834
+ --spacing-2xl: 3rem;
1835
+ --spacing-3xl: 3.5rem;
1836
+ --spacing-4xl: 4rem;
718
1837
  --breakpoints-sm: 640px;
719
1838
  --breakpoints-md: 768px;
720
1839
  --breakpoints-lg: 1024px;
721
1840
  --breakpoints-xl: 1280px;
722
1841
  --breakpoints-2xl: 1536px;
723
- --colors-info: var(--colors-blue-600);
724
- --colors-info-lighter: var(--colors-blue-100);
725
- --colors-info-darker: var(--colors-blue-700);
726
- --colors-error: var(--colors-red-600);
727
- --colors-error-lighter: var(--colors-red-100);
728
- --colors-error-darker: var(--colors-red-700);
729
- --colors-primary: var(--colors-dash-600);
730
- --colors-primary-lighter: var(--colors-dash-100);
731
- --colors-primary-darker: var(--colors-dash-700);
732
- --colors-secondary: var(--colors-gray-600);
733
- --colors-secondary-lighter: var(--colors-gray-100);
734
- --colors-secondary-darker: var(--colors-gray-900);
735
- --colors-success: var(--colors-green-600);
736
- --colors-success-lighter: var(--colors-green-100);
737
- --colors-success-darker: var(--colors-green-700);
738
- --colors-warning: var(--colors-yellow-600);
739
- --colors-warning-lighter: var(--colors-yellow-100);
740
- --colors-warning-darker: var(--colors-yellow-700);
1842
+ --colors-primary-50: var(--colors-solid-purple-light-50);
1843
+ --colors-primary-100: var(--colors-solid-purple-light-100);
1844
+ --colors-primary-200: var(--colors-solid-purple-light-200);
1845
+ --colors-primary-300: var(--colors-solid-purple-light-300);
1846
+ --colors-primary-400: var(--colors-solid-purple-light-400);
1847
+ --colors-primary-500: var(--colors-solid-purple-light-500);
1848
+ --colors-primary-600: var(--colors-solid-purple-light-600);
1849
+ --colors-primary-700: var(--colors-solid-purple-light-700);
1850
+ --colors-primary-800: var(--colors-solid-purple-light-800);
1851
+ --colors-primary-850: var(--colors-solid-purple-light-850);
1852
+ --colors-primary-900: var(--colors-solid-purple-light-900);
1853
+ --colors-primary-950: var(--colors-solid-purple-light-950);
1854
+ --colors-primary-foreground: var(--colors-contrast-purple-light);
1855
+ --colors-primary-surface: var(--colors-alpha-purple-light-300);
1856
+ --colors-primary-ring: var(--colors-alpha-purple-light-500);
1857
+ --colors-primary-border: var(--colors-solid-purple-light-700);
1858
+ --colors-primary-pressed: color-mix(in oklab, var(--colors-solid-purple-light-800) 80%, black);
1859
+ --colors-primary-track: var(--colors-track-purple-light);
1860
+ --colors-primary-disabled: var(--colors-solid-purple-light-300);
1861
+ --colors-secondary-50: var(--colors-solid-slate-light-50);
1862
+ --colors-secondary-100: var(--colors-solid-slate-light-100);
1863
+ --colors-secondary-200: var(--colors-solid-slate-light-200);
1864
+ --colors-secondary-300: var(--colors-solid-slate-light-300);
1865
+ --colors-secondary-400: var(--colors-solid-slate-light-400);
1866
+ --colors-secondary-500: var(--colors-solid-slate-light-500);
1867
+ --colors-secondary-600: var(--colors-solid-slate-light-600);
1868
+ --colors-secondary-700: var(--colors-solid-slate-light-700);
1869
+ --colors-secondary-800: var(--colors-solid-slate-light-800);
1870
+ --colors-secondary-850: var(--colors-solid-slate-light-850);
1871
+ --colors-secondary-900: var(--colors-solid-slate-light-900);
1872
+ --colors-secondary-950: var(--colors-solid-slate-light-950);
1873
+ --colors-secondary-foreground: var(--colors-contrast-slate-light);
1874
+ --colors-secondary-surface: var(--colors-alpha-slate-light-300);
1875
+ --colors-secondary-ring: var(--colors-alpha-slate-light-500);
1876
+ --colors-secondary-border: var(--colors-solid-slate-light-700);
1877
+ --colors-secondary-pressed: color-mix(in oklab, var(--colors-solid-slate-light-800) 80%, black);
1878
+ --colors-secondary-track: var(--colors-track-slate-light);
1879
+ --colors-secondary-disabled: var(--colors-solid-slate-light-300);
1880
+ --colors-success-50: var(--colors-solid-emerald-light-50);
1881
+ --colors-success-100: var(--colors-solid-emerald-light-100);
1882
+ --colors-success-200: var(--colors-solid-emerald-light-200);
1883
+ --colors-success-300: var(--colors-solid-emerald-light-300);
1884
+ --colors-success-400: var(--colors-solid-emerald-light-400);
1885
+ --colors-success-500: var(--colors-solid-emerald-light-500);
1886
+ --colors-success-600: var(--colors-solid-emerald-light-600);
1887
+ --colors-success-700: var(--colors-solid-emerald-light-700);
1888
+ --colors-success-800: var(--colors-solid-emerald-light-800);
1889
+ --colors-success-850: var(--colors-solid-emerald-light-850);
1890
+ --colors-success-900: var(--colors-solid-emerald-light-900);
1891
+ --colors-success-950: var(--colors-solid-emerald-light-950);
1892
+ --colors-success-foreground: var(--colors-contrast-emerald-light);
1893
+ --colors-success-surface: var(--colors-alpha-emerald-light-300);
1894
+ --colors-success-ring: var(--colors-alpha-emerald-light-500);
1895
+ --colors-success-border: var(--colors-solid-emerald-light-700);
1896
+ --colors-success-pressed: color-mix(in oklab, var(--colors-solid-emerald-light-800) 80%, black);
1897
+ --colors-success-track: var(--colors-track-emerald-light);
1898
+ --colors-success-disabled: var(--colors-solid-emerald-light-300);
1899
+ --colors-warning-50: var(--colors-solid-amber-light-50);
1900
+ --colors-warning-100: var(--colors-solid-amber-light-100);
1901
+ --colors-warning-200: var(--colors-solid-amber-light-200);
1902
+ --colors-warning-300: var(--colors-solid-amber-light-300);
1903
+ --colors-warning-400: var(--colors-solid-amber-light-400);
1904
+ --colors-warning-500: var(--colors-solid-amber-light-500);
1905
+ --colors-warning-600: var(--colors-solid-amber-light-600);
1906
+ --colors-warning-700: var(--colors-solid-amber-light-700);
1907
+ --colors-warning-800: var(--colors-solid-amber-light-800);
1908
+ --colors-warning-850: var(--colors-solid-amber-light-850);
1909
+ --colors-warning-900: var(--colors-solid-amber-light-900);
1910
+ --colors-warning-950: var(--colors-solid-amber-light-950);
1911
+ --colors-warning-foreground: var(--colors-contrast-amber-light);
1912
+ --colors-warning-surface: var(--colors-alpha-amber-light-300);
1913
+ --colors-warning-ring: var(--colors-alpha-amber-light-500);
1914
+ --colors-warning-border: var(--colors-solid-amber-light-700);
1915
+ --colors-warning-pressed: color-mix(in oklab, var(--colors-solid-amber-light-800) 80%, black);
1916
+ --colors-warning-track: var(--colors-track-amber-light);
1917
+ --colors-warning-disabled: var(--colors-solid-amber-light-300);
1918
+ --colors-error-50: var(--colors-solid-red-light-50);
1919
+ --colors-error-100: var(--colors-solid-red-light-100);
1920
+ --colors-error-200: var(--colors-solid-red-light-200);
1921
+ --colors-error-300: var(--colors-solid-red-light-300);
1922
+ --colors-error-400: var(--colors-solid-red-light-400);
1923
+ --colors-error-500: var(--colors-solid-red-light-500);
1924
+ --colors-error-600: var(--colors-solid-red-light-600);
1925
+ --colors-error-700: var(--colors-solid-red-light-700);
1926
+ --colors-error-800: var(--colors-solid-red-light-800);
1927
+ --colors-error-850: var(--colors-solid-red-light-850);
1928
+ --colors-error-900: var(--colors-solid-red-light-900);
1929
+ --colors-error-950: var(--colors-solid-red-light-950);
1930
+ --colors-error-foreground: var(--colors-contrast-red-light);
1931
+ --colors-error-surface: var(--colors-alpha-red-light-300);
1932
+ --colors-error-ring: var(--colors-alpha-red-light-500);
1933
+ --colors-error-border: var(--colors-solid-red-light-700);
1934
+ --colors-error-pressed: color-mix(in oklab, var(--colors-solid-red-light-800) 80%, black);
1935
+ --colors-error-track: var(--colors-track-red-light);
1936
+ --colors-error-disabled: var(--colors-solid-red-light-300);
1937
+ --colors-info-50: var(--colors-solid-blue-light-50);
1938
+ --colors-info-100: var(--colors-solid-blue-light-100);
1939
+ --colors-info-200: var(--colors-solid-blue-light-200);
1940
+ --colors-info-300: var(--colors-solid-blue-light-300);
1941
+ --colors-info-400: var(--colors-solid-blue-light-400);
1942
+ --colors-info-500: var(--colors-solid-blue-light-500);
1943
+ --colors-info-600: var(--colors-solid-blue-light-600);
1944
+ --colors-info-700: var(--colors-solid-blue-light-700);
1945
+ --colors-info-800: var(--colors-solid-blue-light-800);
1946
+ --colors-info-850: var(--colors-solid-blue-light-850);
1947
+ --colors-info-900: var(--colors-solid-blue-light-900);
1948
+ --colors-info-950: var(--colors-solid-blue-light-950);
1949
+ --colors-info-foreground: var(--colors-contrast-blue-light);
1950
+ --colors-info-surface: var(--colors-alpha-blue-light-300);
1951
+ --colors-info-ring: var(--colors-alpha-blue-light-500);
1952
+ --colors-info-border: var(--colors-solid-blue-light-700);
1953
+ --colors-info-pressed: color-mix(in oklab, var(--colors-solid-blue-light-800) 80%, black);
1954
+ --colors-info-track: var(--colors-track-blue-light);
1955
+ --colors-info-disabled: var(--colors-solid-blue-light-300);
1956
+ --colors-neutral-850: var(--colors-solid-gray-light-850);
1957
+ --colors-neutral-foreground: var(--colors-solid-gray-light-950);
1958
+ --colors-neutral-surface: var(--colors-alpha-gray-light-300);
1959
+ --colors-neutral-ring: var(--colors-alpha-gray-light-500);
1960
+ --colors-neutral-border: var(--colors-solid-gray-light-300);
1961
+ --colors-input-foreground: var(--colors-solid-gray-light-950);
1962
+ --colors-input-surface: color-mix(in oklab, lab(0% 0 0 / .025) 20%, transparent);
1963
+ --colors-input-border: var(--colors-solid-gray-light-600);
1964
+ --colors-input-ring: var(--colors-alpha-black-light-100);
1965
+ --colors-input-placeholder: var(--colors-solid-gray-light-850);
741
1966
  --shadows-inset: var(--shadows-inset-base);
742
1967
  --shadows-level1: var(--shadows-elevation1-base);
743
1968
  --shadows-level2: var(--shadows-elevation2-base);
@@ -748,12 +1973,141 @@
748
1973
  }
749
1974
 
750
1975
  [data-theme=dark] {
751
- --colors-info: var(--colors-blue-500);
752
- --colors-error: var(--colors-red-500);
753
- --colors-primary: var(--colors-dash-400);
754
- --colors-secondary: var(--colors-gray-700);
755
- --colors-success: var(--colors-green-500);
756
- --colors-warning: var(--colors-yellow-500);
1976
+ --colors-primary-50: var(--colors-solid-purple-dark-50);
1977
+ --colors-primary-100: var(--colors-solid-purple-dark-100);
1978
+ --colors-primary-200: var(--colors-solid-purple-dark-200);
1979
+ --colors-primary-300: var(--colors-solid-purple-dark-300);
1980
+ --colors-primary-400: var(--colors-solid-purple-dark-400);
1981
+ --colors-primary-500: var(--colors-solid-purple-dark-500);
1982
+ --colors-primary-600: var(--colors-solid-purple-dark-600);
1983
+ --colors-primary-700: var(--colors-solid-purple-dark-700);
1984
+ --colors-primary-800: var(--colors-solid-purple-dark-800);
1985
+ --colors-primary-850: var(--colors-solid-purple-dark-850);
1986
+ --colors-primary-900: var(--colors-solid-purple-dark-900);
1987
+ --colors-primary-950: var(--colors-solid-purple-dark-950);
1988
+ --colors-primary-foreground: var(--colors-contrast-purple-dark);
1989
+ --colors-primary-surface: var(--colors-alpha-purple-dark-300);
1990
+ --colors-primary-ring: var(--colors-alpha-purple-dark-500);
1991
+ --colors-primary-border: var(--colors-solid-purple-dark-700);
1992
+ --colors-primary-pressed: color-mix(in oklab, var(--colors-solid-purple-dark-800) 75%, black);
1993
+ --colors-primary-track: var(--colors-track-purple-dark);
1994
+ --colors-primary-disabled: var(--colors-solid-purple-dark-300);
1995
+ --colors-secondary-50: var(--colors-solid-slate-dark-50);
1996
+ --colors-secondary-100: var(--colors-solid-slate-dark-100);
1997
+ --colors-secondary-200: var(--colors-solid-slate-dark-200);
1998
+ --colors-secondary-300: var(--colors-solid-slate-dark-300);
1999
+ --colors-secondary-400: var(--colors-solid-slate-dark-400);
2000
+ --colors-secondary-500: var(--colors-solid-slate-dark-500);
2001
+ --colors-secondary-600: var(--colors-solid-slate-dark-600);
2002
+ --colors-secondary-700: var(--colors-solid-slate-dark-700);
2003
+ --colors-secondary-800: var(--colors-solid-slate-dark-800);
2004
+ --colors-secondary-850: var(--colors-solid-slate-dark-850);
2005
+ --colors-secondary-900: var(--colors-solid-slate-dark-900);
2006
+ --colors-secondary-950: var(--colors-solid-slate-dark-950);
2007
+ --colors-secondary-foreground: var(--colors-contrast-slate-dark);
2008
+ --colors-secondary-surface: var(--colors-alpha-slate-dark-300);
2009
+ --colors-secondary-ring: var(--colors-alpha-slate-dark-500);
2010
+ --colors-secondary-border: var(--colors-solid-slate-dark-700);
2011
+ --colors-secondary-pressed: color-mix(in oklab, var(--colors-solid-slate-dark-800) 75%, black);
2012
+ --colors-secondary-track: var(--colors-track-slate-dark);
2013
+ --colors-secondary-disabled: var(--colors-solid-slate-dark-300);
2014
+ --colors-success-50: var(--colors-solid-emerald-dark-50);
2015
+ --colors-success-100: var(--colors-solid-emerald-dark-100);
2016
+ --colors-success-200: var(--colors-solid-emerald-dark-200);
2017
+ --colors-success-300: var(--colors-solid-emerald-dark-300);
2018
+ --colors-success-400: var(--colors-solid-emerald-dark-400);
2019
+ --colors-success-500: var(--colors-solid-emerald-dark-500);
2020
+ --colors-success-600: var(--colors-solid-emerald-dark-600);
2021
+ --colors-success-700: var(--colors-solid-emerald-dark-700);
2022
+ --colors-success-800: var(--colors-solid-emerald-dark-800);
2023
+ --colors-success-850: var(--colors-solid-emerald-dark-850);
2024
+ --colors-success-900: var(--colors-solid-emerald-dark-900);
2025
+ --colors-success-950: var(--colors-solid-emerald-dark-950);
2026
+ --colors-success-foreground: var(--colors-contrast-emerald-dark);
2027
+ --colors-success-surface: var(--colors-alpha-emerald-dark-300);
2028
+ --colors-success-ring: var(--colors-alpha-emerald-dark-500);
2029
+ --colors-success-border: var(--colors-solid-emerald-dark-700);
2030
+ --colors-success-pressed: color-mix(in oklab, var(--colors-solid-emerald-dark-800) 75%, black);
2031
+ --colors-success-track: var(--colors-track-emerald-dark);
2032
+ --colors-success-disabled: var(--colors-solid-emerald-dark-300);
2033
+ --colors-warning-50: var(--colors-solid-amber-dark-50);
2034
+ --colors-warning-100: var(--colors-solid-amber-dark-100);
2035
+ --colors-warning-200: var(--colors-solid-amber-dark-200);
2036
+ --colors-warning-300: var(--colors-solid-amber-dark-300);
2037
+ --colors-warning-400: var(--colors-solid-amber-dark-400);
2038
+ --colors-warning-500: var(--colors-solid-amber-dark-500);
2039
+ --colors-warning-600: var(--colors-solid-amber-dark-600);
2040
+ --colors-warning-700: var(--colors-solid-amber-dark-700);
2041
+ --colors-warning-800: var(--colors-solid-amber-dark-800);
2042
+ --colors-warning-850: var(--colors-solid-amber-dark-850);
2043
+ --colors-warning-900: var(--colors-solid-amber-dark-900);
2044
+ --colors-warning-950: var(--colors-solid-amber-dark-950);
2045
+ --colors-warning-foreground: var(--colors-contrast-amber-dark);
2046
+ --colors-warning-surface: var(--colors-alpha-amber-dark-300);
2047
+ --colors-warning-ring: var(--colors-alpha-amber-dark-500);
2048
+ --colors-warning-border: var(--colors-solid-amber-dark-700);
2049
+ --colors-warning-pressed: color-mix(in oklab, var(--colors-solid-amber-dark-800) 75%, black);
2050
+ --colors-warning-track: var(--colors-track-amber-dark);
2051
+ --colors-warning-disabled: var(--colors-solid-amber-dark-300);
2052
+ --colors-error-50: var(--colors-solid-red-dark-50);
2053
+ --colors-error-100: var(--colors-solid-red-dark-100);
2054
+ --colors-error-200: var(--colors-solid-red-dark-200);
2055
+ --colors-error-300: var(--colors-solid-red-dark-300);
2056
+ --colors-error-400: var(--colors-solid-red-dark-400);
2057
+ --colors-error-500: var(--colors-solid-red-dark-500);
2058
+ --colors-error-600: var(--colors-solid-red-dark-600);
2059
+ --colors-error-700: var(--colors-solid-red-dark-700);
2060
+ --colors-error-800: var(--colors-solid-red-dark-800);
2061
+ --colors-error-850: var(--colors-solid-red-dark-850);
2062
+ --colors-error-900: var(--colors-solid-red-dark-900);
2063
+ --colors-error-950: var(--colors-solid-red-dark-950);
2064
+ --colors-error-foreground: var(--colors-contrast-red-dark);
2065
+ --colors-error-surface: var(--colors-alpha-red-dark-300);
2066
+ --colors-error-ring: var(--colors-alpha-red-dark-500);
2067
+ --colors-error-border: var(--colors-solid-red-dark-700);
2068
+ --colors-error-pressed: color-mix(in oklab, var(--colors-solid-red-dark-800) 75%, black);
2069
+ --colors-error-track: var(--colors-track-red-dark);
2070
+ --colors-error-disabled: var(--colors-solid-red-dark-300);
2071
+ --colors-info-50: var(--colors-solid-blue-dark-50);
2072
+ --colors-info-100: var(--colors-solid-blue-dark-100);
2073
+ --colors-info-200: var(--colors-solid-blue-dark-200);
2074
+ --colors-info-300: var(--colors-solid-blue-dark-300);
2075
+ --colors-info-400: var(--colors-solid-blue-dark-400);
2076
+ --colors-info-500: var(--colors-solid-blue-dark-500);
2077
+ --colors-info-600: var(--colors-solid-blue-dark-600);
2078
+ --colors-info-700: var(--colors-solid-blue-dark-700);
2079
+ --colors-info-800: var(--colors-solid-blue-dark-800);
2080
+ --colors-info-850: var(--colors-solid-blue-dark-850);
2081
+ --colors-info-900: var(--colors-solid-blue-dark-900);
2082
+ --colors-info-950: var(--colors-solid-blue-dark-950);
2083
+ --colors-info-foreground: var(--colors-contrast-blue-dark);
2084
+ --colors-info-surface: var(--colors-alpha-blue-dark-300);
2085
+ --colors-info-ring: var(--colors-alpha-blue-dark-500);
2086
+ --colors-info-border: var(--colors-solid-blue-dark-700);
2087
+ --colors-info-pressed: color-mix(in oklab, var(--colors-solid-blue-dark-800) 75%, black);
2088
+ --colors-info-track: var(--colors-track-blue-dark);
2089
+ --colors-info-disabled: var(--colors-solid-blue-dark-300);
2090
+ --colors-neutral-50: var(--colors-solid-gray-dark-50);
2091
+ --colors-neutral-100: var(--colors-solid-gray-dark-100);
2092
+ --colors-neutral-200: var(--colors-solid-gray-dark-200);
2093
+ --colors-neutral-300: var(--colors-solid-gray-dark-300);
2094
+ --colors-neutral-400: var(--colors-solid-gray-dark-400);
2095
+ --colors-neutral-500: var(--colors-solid-gray-dark-500);
2096
+ --colors-neutral-600: var(--colors-solid-gray-dark-600);
2097
+ --colors-neutral-700: var(--colors-solid-gray-dark-700);
2098
+ --colors-neutral-800: var(--colors-solid-gray-dark-800);
2099
+ --colors-neutral-850: var(--colors-solid-gray-dark-850);
2100
+ --colors-neutral-900: var(--colors-solid-gray-dark-900);
2101
+ --colors-neutral-950: var(--colors-solid-gray-dark-950);
2102
+ --colors-neutral-foreground: var(--colors-solid-gray-dark-950);
2103
+ --colors-neutral-surface: var(--colors-alpha-gray-dark-300);
2104
+ --colors-neutral-ring: var(--colors-alpha-gray-dark-500);
2105
+ --colors-neutral-border: var(--colors-solid-gray-dark-300);
2106
+ --colors-input-foreground: var(--colors-solid-gray-dark-950);
2107
+ --colors-input-surface: color-mix(in oklab, lab(100% 0 -40 / .15) 30%, transparent);
2108
+ --colors-input-border: var(--colors-solid-gray-dark-600);
2109
+ --colors-input-ring: var(--colors-alpha-white-dark-100);
2110
+ --colors-input-placeholder: var(--colors-solid-gray-dark-850);
757
2111
  --shadows-inset: var(--shadows-inset-dark);
758
2112
  --shadows-level1: var(--shadows-elevation1-dark);
759
2113
  --shadows-level2: var(--shadows-elevation2-dark);
@@ -763,12 +2117,6 @@
763
2117
  --shadows-level6: var(--shadows-elevation6-dark)
764
2118
  }
765
2119
 
766
- @keyframes spin {
767
- to {
768
- transform: rotate(360deg);
769
- }
770
- }
771
-
772
2120
  @keyframes ping {
773
2121
  75%,100% {
774
2122
  transform: scale(2);
@@ -819,157 +2167,178 @@
819
2167
  @keyframes slide {
820
2168
  0% {
821
2169
  transform: scaleX(1);
822
- width: 0%;
823
2170
  transform-origin: left;
824
- background-color: var(--colors-dash-800);
2171
+ background-color: dash.800;
2172
+ width: 0%;
825
2173
  }
826
2174
 
827
2175
  50% {
828
2176
  transform: scaleX(1);
829
- width: 100%;
830
2177
  transform-origin: left;
2178
+ width: 100%;
831
2179
  }
832
2180
 
833
2181
  50.01% {
834
2182
  transform: scaleX(1);
835
- width: 100%;
836
2183
  transform-origin: right;
837
- background-color: var(--colors-dash-600);
2184
+ background-color: dash.600;
2185
+ width: 100%;
838
2186
  }
839
2187
 
840
2188
  100% {
841
2189
  transform: scaleX(0);
842
- width: 100%;
843
2190
  transform-origin: right;
2191
+ width: 100%;
844
2192
  }
845
2193
  }
2194
+
2195
+ @keyframes slideInLeft {
2196
+ 0% {
2197
+ transform: translateX(-100%);
846
2198
  }
847
2199
 
848
- @layer utilities{
2200
+ 100% {
2201
+ transform: translateX(0);
2202
+ }
2203
+ }
849
2204
 
850
- .cursor_pointer {
851
- cursor: pointer;
2205
+ @keyframes slideInRight {
2206
+ 0% {
2207
+ transform: translateX(100%);
852
2208
  }
853
2209
 
854
- .min-w_320px {
855
- min-width: 320px;
2210
+ 100% {
2211
+ transform: translateX(0);
2212
+ }
856
2213
  }
857
2214
 
858
- .bd_1px_solid {
859
- border: 1px solid;
2215
+ @keyframes spin {
2216
+ to {
2217
+ transform: rotate(360deg);
860
2218
  }
861
2219
 
862
- .d_flex {
863
- display: flex;
2220
+ 0% {
2221
+ transform: rotate(0deg);
864
2222
  }
865
2223
 
866
- .c_\#fff {
867
- color: #fff;
2224
+ 100% {
2225
+ transform: rotate(360deg);
2226
+ }
2227
+ }
868
2228
  }
869
2229
 
870
- .bdr_80px {
871
- border-radius: 80px;
2230
+ @layer utilities{
2231
+
2232
+ .\--switch-radius_\{radii\.pill\} {
2233
+ --switch-radius: var(--radii-pill);
872
2234
  }
873
2235
 
874
- .w_24px {
875
- width: 24px;
2236
+ .\--switch-padding_2px {
2237
+ --switch-padding: 2px;
876
2238
  }
877
2239
 
878
- .h_24px {
879
- height: 24px;
2240
+ .\--switch-radius_\{radii\.sharp\} {
2241
+ --switch-radius: var(--radii-sharp);
880
2242
  }
881
2243
 
882
- .w_32px {
883
- width: 32px;
2244
+ .\--switch-radius_\{radii\.xs\} {
2245
+ --switch-radius: var(--radii-xs);
884
2246
  }
885
2247
 
886
- .h_32px {
887
- height: 32px;
2248
+ .\--switch-radius_\{radii\.sm\} {
2249
+ --switch-radius: var(--radii-sm);
888
2250
  }
889
2251
 
890
- .w_40px {
891
- width: 40px;
2252
+ .\--switch-radius_\{radii\.md\} {
2253
+ --switch-radius: var(--radii-md);
892
2254
  }
893
2255
 
894
- .h_40px {
895
- height: 40px;
2256
+ .\--switch-radius_\{radii\.lg\} {
2257
+ --switch-radius: var(--radii-lg);
896
2258
  }
897
2259
 
898
- .w_48px {
899
- width: 48px;
2260
+ .bd_1px_solid {
2261
+ border: 1px solid;
900
2262
  }
901
2263
 
902
- .h_48px {
903
- height: 48px;
2264
+ .bd_4px_solid {
2265
+ border: 4px solid;
904
2266
  }
905
2267
 
906
- .w_56px {
907
- width: 56px;
2268
+ .bg_neutrals\.900 {
2269
+ background: neutrals.900;
908
2270
  }
909
2271
 
910
- .h_56px {
911
- height: 56px;
2272
+ .bd_transparent {
2273
+ border: transparent;
912
2274
  }
913
2275
 
914
- .bx-s_content-box {
915
- box-sizing: content-box;
2276
+ .p_1\.5rem_0\.5rem {
2277
+ padding: 1.5rem 0.5rem;
916
2278
  }
917
2279
 
918
- .bdr_50\% {
919
- border-radius: 50%;
2280
+ .p_sm {
2281
+ padding: var(--spacing-sm);
920
2282
  }
921
2283
 
922
- .bd_4px_solid {
923
- border: 4px solid;
2284
+ .p_1rem {
2285
+ padding: 1rem;
924
2286
  }
925
2287
 
926
- .bg_neutrals\.900 {
927
- background: var(--colors-neutrals-900);
2288
+ .bd_none {
2289
+ border: var(--borders-none);
928
2290
  }
929
2291
 
930
- .us_none {
931
- -webkit-user-select: none;
932
- user-select: none;
2292
+ .grid_\[track\]_1fr_\/_\[track\]_1fr {
2293
+ grid: [track] 1fr / [track] 1fr;
933
2294
  }
934
2295
 
935
- .w_fit-content {
936
- width: fit-content;
2296
+ .p_var\(--switch-padding\) {
2297
+ padding: var(--switch-padding);
937
2298
  }
938
2299
 
939
- .gap_4px {
940
- gap: 4px;
2300
+ .p_0\.5rem_1rem {
2301
+ padding: 0.5rem 1rem;
941
2302
  }
942
2303
 
943
- .p_\.5rem_1rem_\.5rem_\.5rem {
944
- padding: .5rem 1rem .5rem .5rem;
2304
+ .p_5rem\! {
2305
+ padding: 5rem !important;
945
2306
  }
946
2307
 
947
- .c_info {
948
- color: var(--colors-info);
2308
+ .p_vs {
2309
+ padding: var(--spacing-vs);
949
2310
  }
950
2311
 
951
- .c_error {
952
- color: var(--colors-error);
2312
+ .bd-c_input\.border {
2313
+ border-color: var(--colors-input-border);
953
2314
  }
954
2315
 
955
- .c_primary {
956
- color: var(--colors-primary);
2316
+ .bd-c_neutrals\.800 {
2317
+ border-color: neutrals.800;
2318
+ }
2319
+
2320
+ .bdr_80px {
2321
+ border-radius: 80px;
2322
+ }
2323
+
2324
+ .bdr_50\% {
2325
+ border-radius: 50%;
957
2326
  }
958
2327
 
959
- .c_secondary {
960
- color: var(--colors-secondary);
2328
+ .bd-c_neutrals\.50 {
2329
+ border-color: neutrals.50;
961
2330
  }
962
2331
 
963
- .c_success {
964
- color: var(--colors-success);
2332
+ .gap_xs {
2333
+ gap: var(--spacing-xs);
965
2334
  }
966
2335
 
967
- .c_warning {
968
- color: var(--colors-warning);
2336
+ .ring_1px_solid_transparent {
2337
+ outline: 1px solid transparent;
969
2338
  }
970
2339
 
971
- .bdr_none {
972
- border-radius: none;
2340
+ .bdr_sharp {
2341
+ border-radius: var(--radii-sharp);
973
2342
  }
974
2343
 
975
2344
  .bdr_xs {
@@ -988,120 +2357,164 @@
988
2357
  border-radius: var(--radii-lg);
989
2358
  }
990
2359
 
991
- .bdr_xl {
992
- border-radius: var(--radii-xl);
2360
+ .bdr_pill {
2361
+ border-radius: var(--radii-pill);
993
2362
  }
994
2363
 
995
- .bdr_full {
996
- border-radius: var(--radii-full);
2364
+ .px_0\.375rem {
2365
+ padding-inline: 0.375rem;
997
2366
  }
998
2367
 
999
- .ring_none {
1000
- outline: var(--borders-none);
2368
+ .py_0\.125rem {
2369
+ padding-block: 0.125rem;
1001
2370
  }
1002
2371
 
1003
- .ring_1px_solid_transparent {
1004
- outline: 1px solid transparent;
2372
+ .px_0\.5rem {
2373
+ padding-inline: 0.5rem;
1005
2374
  }
1006
2375
 
1007
- .gap_\.25rem {
1008
- gap: .25rem;
2376
+ .py_0\.1875rem {
2377
+ padding-block: 0.1875rem;
1009
2378
  }
1010
2379
 
1011
- .c_neutral\.800 {
1012
- color: var(--colors-neutral-800);
2380
+ .px_0\.625rem {
2381
+ padding-inline: 0.625rem;
2382
+ }
2383
+
2384
+ .py_0\.25rem {
2385
+ padding-block: 0.25rem;
2386
+ }
2387
+
2388
+ .px_0\.75rem {
2389
+ padding-inline: 0.75rem;
2390
+ }
2391
+
2392
+ .py_0\.375rem {
2393
+ padding-block: 0.375rem;
2394
+ }
2395
+
2396
+ .px_0\.875rem {
2397
+ padding-inline: 0.875rem;
1013
2398
  }
1014
2399
 
1015
2400
  .py_0\.5rem {
1016
2401
  padding-block: 0.5rem;
1017
2402
  }
1018
2403
 
1019
- .bdr_0\.25rem {
1020
- border-radius: 0.25rem;
2404
+ .ring_none {
2405
+ outline: var(--borders-none);
1021
2406
  }
1022
2407
 
1023
- .c_neutrals\.50 {
1024
- color: var(--colors-neutrals-50);
2408
+ .gap_\.25rem {
2409
+ gap: .25rem;
1025
2410
  }
1026
2411
 
1027
- .ring_1px_solid {
1028
- outline: 1px solid;
2412
+ .place-items_center {
2413
+ place-items: center;
1029
2414
  }
1030
2415
 
1031
- .px_0\.75rem {
1032
- padding-inline: 0.75rem;
2416
+ .ring_1px_solid {
2417
+ outline: 1px solid;
1033
2418
  }
1034
2419
 
1035
- .py_0\.375rem {
1036
- padding-block: 0.375rem;
2420
+ .py_vs {
2421
+ padding-block: var(--spacing-vs);
1037
2422
  }
1038
2423
 
1039
- .px_1rem {
1040
- padding-inline: 1rem;
2424
+ .px_sm {
2425
+ padding-inline: var(--spacing-sm);
1041
2426
  }
1042
2427
 
1043
2428
  .px_1\.25rem {
1044
2429
  padding-inline: 1.25rem;
1045
2430
  }
1046
2431
 
2432
+ .py_0\.625rem {
2433
+ padding-block: 0.625rem;
2434
+ }
2435
+
2436
+ .px_md {
2437
+ padding-inline: var(--spacing-md);
2438
+ }
2439
+
2440
+ .py_0\.75rem {
2441
+ padding-block: 0.75rem;
2442
+ }
2443
+
1047
2444
  .px_1\.75rem {
1048
2445
  padding-inline: 1.75rem;
1049
2446
  }
1050
2447
 
1051
- .px_2rem {
1052
- padding-inline: 2rem;
2448
+ .py_0\.875rem {
2449
+ padding-block: 0.875rem;
1053
2450
  }
1054
2451
 
1055
- .bdr_0\.5rem {
1056
- border-radius: 0.5rem;
2452
+ .bd-c_primary\.border {
2453
+ border-color: var(--colors-primary-border);
1057
2454
  }
1058
2455
 
1059
- .gap_2rem {
1060
- gap: 2rem;
2456
+ .bd-c_secondary\.border {
2457
+ border-color: var(--colors-secondary-border);
1061
2458
  }
1062
2459
 
1063
- .p_1\.5rem_0\.5rem {
1064
- padding: 1.5rem 0.5rem;
2460
+ .bd-c_success\.border {
2461
+ border-color: var(--colors-success-border);
1065
2462
  }
1066
2463
 
1067
- .bx-sh_elevation3\.base {
1068
- box-shadow: var(--shadows-elevation3-base);
2464
+ .bd-c_warning\.border {
2465
+ border-color: var(--colors-warning-border);
1069
2466
  }
1070
2467
 
1071
- .pos_relative {
1072
- position: relative;
2468
+ .bd-c_error\.border {
2469
+ border-color: var(--colors-error-border);
1073
2470
  }
1074
2471
 
1075
- .gap_1rem {
1076
- gap: 1rem;
2472
+ .bd-c_info\.border {
2473
+ border-color: var(--colors-info-border);
1077
2474
  }
1078
2475
 
1079
- .w_100\% {
1080
- width: 100%;
2476
+ .bd-c_neutrals\.100 {
2477
+ border-color: neutrals.100;
1081
2478
  }
1082
2479
 
1083
- .gap_\.5rem {
1084
- gap: .5rem;
2480
+ .bdr_0\.5rem {
2481
+ border-radius: 0.5rem;
1085
2482
  }
1086
2483
 
1087
- .d_inline-block {
1088
- display: inline-block;
2484
+ .gap_2rem {
2485
+ gap: 2rem;
1089
2486
  }
1090
2487
 
1091
- .gap_0\.25rem {
1092
- gap: 0.25rem;
2488
+ .gap_vs {
2489
+ gap: var(--spacing-vs);
1093
2490
  }
1094
2491
 
1095
- .c_\#D3D7E4 {
1096
- color: #D3D7E4;
2492
+ .gap_sm {
2493
+ gap: var(--spacing-sm);
1097
2494
  }
1098
2495
 
1099
- .p_0\.5rem_1rem {
1100
- padding: 0.5rem 1rem;
2496
+ .gap_0 {
2497
+ gap: var(--spacing-0);
1101
2498
  }
1102
2499
 
1103
- .bd-cl_collapse {
1104
- border-collapse: collapse;
2500
+ .ov_hidden {
2501
+ overflow: hidden;
2502
+ }
2503
+
2504
+ .gap_1rem {
2505
+ gap: 1rem;
2506
+ }
2507
+
2508
+ .gap_8rem {
2509
+ gap: 8rem;
2510
+ }
2511
+
2512
+ .gap_2ch {
2513
+ gap: 2ch;
2514
+ }
2515
+
2516
+ .bdr_var\(--switch-radius\) {
2517
+ border-radius: var(--switch-radius);
1105
2518
  }
1106
2519
 
1107
2520
  .bdr_2px {
@@ -1112,36 +2525,48 @@
1112
2525
  border-bottom: 1px solid;
1113
2526
  }
1114
2527
 
1115
- .p_5rem\! {
1116
- padding: 5rem !important;
2528
+ .gap_0\.25rem {
2529
+ gap: 0.25rem;
1117
2530
  }
1118
2531
 
1119
- .ta_center {
1120
- text-align: center;
2532
+ .bdr_0\.25rem {
2533
+ border-radius: 0.25rem;
1121
2534
  }
1122
2535
 
1123
- .c_neutrals\.900 {
1124
- color: var(--colors-neutrals-900);
2536
+ .px_1\.5rem {
2537
+ padding-inline: 1.5rem;
1125
2538
  }
1126
2539
 
1127
- .bdr_4px {
1128
- border-radius: 4px;
2540
+ .gap_0\.5rem {
2541
+ gap: 0.5rem;
1129
2542
  }
1130
2543
 
1131
- .bd_none {
1132
- border: var(--borders-none);
2544
+ .vis_visible {
2545
+ visibility: visible;
1133
2546
  }
1134
2547
 
1135
- .bd_1px_solid_transparent {
1136
- border: 1px solid transparent;
2548
+ .vis_hidden {
2549
+ visibility: hidden;
1137
2550
  }
1138
2551
 
1139
- .resize_none {
1140
- resize: none;
2552
+ .sr_true {
2553
+ position: absolute;
2554
+ width: 1px;
2555
+ height: 1px;
2556
+ padding: 0;
2557
+ margin: -1px;
2558
+ overflow: hidden;
2559
+ clip: rect(0, 0, 0, 0);
2560
+ white-space: nowrap;
2561
+ border-width: 0;
1141
2562
  }
1142
2563
 
1143
- .bd-c_neutrals\.800 {
1144
- border-color: var(--colors-neutrals-800);
2564
+ .cursor_pointer {
2565
+ cursor: pointer;
2566
+ }
2567
+
2568
+ .d_flex {
2569
+ display: flex;
1145
2570
  }
1146
2571
 
1147
2572
  .flex-d_row {
@@ -1156,36 +2581,36 @@
1156
2581
  align-items: center;
1157
2582
  }
1158
2583
 
2584
+ .c_\#fff {
2585
+ color: #fff;
2586
+ }
2587
+
1159
2588
  .bg-c_primary {
1160
- background-color: var(--colors-primary);
2589
+ background-color: primary;
1161
2590
  }
1162
2591
 
1163
2592
  .bg-c_error {
1164
- background-color: var(--colors-error);
2593
+ background-color: error;
1165
2594
  }
1166
2595
 
1167
2596
  .bg-c_info {
1168
- background-color: var(--colors-info);
2597
+ background-color: info;
1169
2598
  }
1170
2599
 
1171
2600
  .bg-c_secondary {
1172
- background-color: var(--colors-secondary);
2601
+ background-color: secondary;
1173
2602
  }
1174
2603
 
1175
2604
  .bg-c_success {
1176
- background-color: var(--colors-success);
2605
+ background-color: success;
1177
2606
  }
1178
2607
 
1179
2608
  .bg-c_warning {
1180
- background-color: var(--colors-warning);
1181
- }
1182
-
1183
- .bd-c_neutrals\.50 {
1184
- border-color: var(--colors-neutrals-50);
2609
+ background-color: warning;
1185
2610
  }
1186
2611
 
1187
- .ml_-8px {
1188
- margin-left: -8px;
2612
+ .bx-s_content-box {
2613
+ box-sizing: content-box;
1189
2614
  }
1190
2615
 
1191
2616
  .fs_1rem {
@@ -1196,36 +2621,49 @@
1196
2621
  align-self: center;
1197
2622
  }
1198
2623
 
1199
- .fs_\.625rem {
1200
- font-size: .625rem;
2624
+ .us_none {
2625
+ -webkit-user-select: none;
2626
+ user-select: none;
2627
+ }
2628
+
2629
+ .d_inline-flex {
2630
+ display: inline-flex;
2631
+ }
2632
+
2633
+ .fw_500 {
2634
+ font-weight: 500;
2635
+ }
2636
+
2637
+ .bg-c_primary\.850 {
2638
+ background-color: var(--colors-primary-850);
1201
2639
  }
1202
2640
 
1203
- .bg-c_info\.lighter {
1204
- background-color: var(--colors-info-lighter);
2641
+ .bg-c_secondary\.850 {
2642
+ background-color: var(--colors-secondary-850);
1205
2643
  }
1206
2644
 
1207
- .bg-c_error\.lighter {
1208
- background-color: var(--colors-error-lighter);
2645
+ .bg-c_success\.850 {
2646
+ background-color: var(--colors-success-850);
1209
2647
  }
1210
2648
 
1211
- .bg-c_primary\.lighter {
1212
- background-color: var(--colors-primary-lighter);
2649
+ .bg-c_warning\.850 {
2650
+ background-color: var(--colors-warning-850);
1213
2651
  }
1214
2652
 
1215
- .bg-c_secondary\.lighter {
1216
- background-color: var(--colors-secondary-lighter);
2653
+ .bg-c_error\.850 {
2654
+ background-color: var(--colors-error-850);
1217
2655
  }
1218
2656
 
1219
- .bg-c_success\.lighter {
1220
- background-color: var(--colors-success-lighter);
2657
+ .bg-c_info\.850 {
2658
+ background-color: var(--colors-info-850);
1221
2659
  }
1222
2660
 
1223
- .bg-c_warning\.lighter {
1224
- background-color: var(--colors-warning-lighter);
2661
+ .fs_0\.625rem {
2662
+ font-size: 0.625rem;
1225
2663
  }
1226
2664
 
1227
- .fs_0\.5rem {
1228
- font-size: 0.5rem;
2665
+ .fs_0\.6875rem {
2666
+ font-size: 0.6875rem;
1229
2667
  }
1230
2668
 
1231
2669
  .fs_0\.75rem {
@@ -1236,741 +2674,1757 @@
1236
2674
  font-size: 0.875rem;
1237
2675
  }
1238
2676
 
1239
- .fs_1\.25rem {
1240
- font-size: 1.25rem;
1241
- }
1242
-
1243
2677
  .bg-c_transparent {
1244
2678
  background-color: var(--colors-transparent);
1245
2679
  }
1246
2680
 
1247
- .ring-c_error {
1248
- outline-color: var(--colors-error);
2681
+ .c_primary\.foreground {
2682
+ color: var(--colors-primary-foreground);
1249
2683
  }
1250
2684
 
1251
- .ring-c_info {
1252
- outline-color: var(--colors-info);
2685
+ .c_primary\.950 {
2686
+ color: var(--colors-primary-950);
1253
2687
  }
1254
2688
 
1255
- .ring-c_primary {
1256
- outline-color: var(--colors-primary);
2689
+ .bg-c_primary\.surface {
2690
+ background-color: var(--colors-primary-surface);
1257
2691
  }
1258
2692
 
1259
- .ring-c_secondary {
1260
- outline-color: var(--colors-secondary);
2693
+ .ring-c_primary\.border {
2694
+ outline-color: var(--colors-primary-border);
1261
2695
  }
1262
2696
 
1263
- .ring-c_success {
1264
- outline-color: var(--colors-success);
2697
+ .c_secondary\.foreground {
2698
+ color: var(--colors-secondary-foreground);
1265
2699
  }
1266
2700
 
1267
- .ring-c_warning {
1268
- outline-color: var(--colors-warning);
2701
+ .c_secondary\.950 {
2702
+ color: var(--colors-secondary-950);
1269
2703
  }
1270
2704
 
1271
- .fw_600 {
1272
- font-weight: 600;
2705
+ .bg-c_secondary\.surface {
2706
+ background-color: var(--colors-secondary-surface);
1273
2707
  }
1274
2708
 
1275
- .fs_0\.625rem {
1276
- font-size: 0.625rem;
2709
+ .ring-c_secondary\.border {
2710
+ outline-color: var(--colors-secondary-border);
1277
2711
  }
1278
2712
 
1279
- .fs_1\.125rem {
1280
- font-size: 1.125rem;
2713
+ .c_success\.foreground {
2714
+ color: var(--colors-success-foreground);
1281
2715
  }
1282
2716
 
1283
- .bd-c_neutrals\.100 {
1284
- border-color: var(--colors-neutrals-100);
2717
+ .c_success\.950 {
2718
+ color: var(--colors-success-950);
1285
2719
  }
1286
2720
 
1287
- .flex-d_column {
1288
- flex-direction: column;
2721
+ .bg-c_success\.surface {
2722
+ background-color: var(--colors-success-surface);
1289
2723
  }
1290
2724
 
1291
- .jc_space-around {
1292
- justify-content: space-around;
2725
+ .ring-c_success\.border {
2726
+ outline-color: var(--colors-success-border);
1293
2727
  }
1294
2728
 
1295
- .fw_bold {
1296
- font-weight: var(--font-weights-bold);
2729
+ .c_warning\.foreground {
2730
+ color: var(--colors-warning-foreground);
1297
2731
  }
1298
2732
 
1299
- .bg-c_neutrals\.100 {
1300
- background-color: var(--colors-neutrals-100);
2733
+ .c_warning\.950 {
2734
+ color: var(--colors-warning-950);
1301
2735
  }
1302
2736
 
1303
- [data-theme=dark] .dark\:c_info\.lighter {
1304
- color: var(--colors-info-lighter);
2737
+ .bg-c_warning\.surface {
2738
+ background-color: var(--colors-warning-surface);
1305
2739
  }
1306
2740
 
1307
- [data-theme=dark] .dark\:c_error\.lighter {
1308
- color: var(--colors-error-lighter);
2741
+ .ring-c_warning\.border {
2742
+ outline-color: var(--colors-warning-border);
1309
2743
  }
1310
2744
 
1311
- [data-theme=dark] .dark\:c_primary\.lighter {
1312
- color: var(--colors-primary-lighter);
2745
+ .c_error\.foreground {
2746
+ color: var(--colors-error-foreground);
1313
2747
  }
1314
2748
 
1315
- [data-theme=dark] .dark\:c_secondary\.lighter {
1316
- color: var(--colors-secondary-lighter);
2749
+ .c_error\.950 {
2750
+ color: var(--colors-error-950);
1317
2751
  }
1318
2752
 
1319
- [data-theme=dark] .dark\:c_success\.lighter {
1320
- color: var(--colors-success-lighter);
2753
+ .bg-c_error\.surface {
2754
+ background-color: var(--colors-error-surface);
1321
2755
  }
1322
2756
 
1323
- [data-theme=dark] .dark\:c_warning\.lighter {
1324
- color: var(--colors-warning-lighter);
2757
+ .ring-c_error\.border {
2758
+ outline-color: var(--colors-error-border);
1325
2759
  }
1326
2760
 
1327
- [data-theme=dark] .dark\:c_neutral\.100 {
1328
- color: var(--colors-neutral-100);
2761
+ .c_info\.foreground {
2762
+ color: var(--colors-info-foreground);
1329
2763
  }
1330
2764
 
1331
- .\[\&_a\:not\(\:last-child\)\]\:c_color-mix\(in_oklch\,_var\(--colors-neutral-800\)\,_white_50\%\) a:not(:last-child) {
1332
- color: color-mix(in oklch, var(--colors-neutral-800), white 50%);
2765
+ .c_info\.950 {
2766
+ color: var(--colors-info-950);
1333
2767
  }
1334
2768
 
1335
- [data-theme=dark] .dark\:c_neutrals\.950 {
1336
- color: var(--colors-neutrals-950);
2769
+ .bg-c_info\.surface {
2770
+ background-color: var(--colors-info-surface);
1337
2771
  }
1338
2772
 
1339
- [data-theme=dark] .dark\:c_error\.darker {
1340
- color: var(--colors-error-darker);
2773
+ .ring-c_info\.border {
2774
+ outline-color: var(--colors-info-border);
1341
2775
  }
1342
2776
 
1343
- [data-theme=dark] .dark\:c_info\.darker {
1344
- color: var(--colors-info-darker);
2777
+ .fw_600 {
2778
+ font-weight: 600;
1345
2779
  }
1346
2780
 
1347
- [data-theme=dark] .dark\:c_primary\.darker {
1348
- color: var(--colors-primary-darker);
2781
+ .c_neutral\.800 {
2782
+ color: var(--colors-neutral-800);
1349
2783
  }
1350
2784
 
1351
- [data-theme=dark] .dark\:c_secondary\.darker {
1352
- color: var(--colors-secondary-darker);
2785
+ .d_grid {
2786
+ display: grid;
1353
2787
  }
1354
2788
 
1355
- [data-theme=dark] .dark\:c_success\.darker {
1356
- color: var(--colors-success-darker);
2789
+ .fs_sm {
2790
+ font-size: var(--font-sizes-sm);
1357
2791
  }
1358
2792
 
1359
- [data-theme=dark] .dark\:c_warning\.darker {
1360
- color: var(--colors-warning-darker);
2793
+ .flex-d_column {
2794
+ flex-direction: column;
1361
2795
  }
1362
2796
 
1363
- [data-theme=dark] .dark\:bx-sh_elevation3\.dark {
1364
- box-shadow: var(--shadows-elevation3-dark);
2797
+ .bx-sh_elevation3\.base {
2798
+ box-shadow: var(--shadows-elevation3-base);
1365
2799
  }
1366
2800
 
1367
- .\[\&_\.combobox__input-search\]\:pos_relative .combobox__input-search {
2801
+ .pos_relative {
1368
2802
  position: relative;
1369
2803
  }
1370
2804
 
1371
- .\[\&_\.combobox__input-search\]\:bd-b_1px_solid .combobox__input-search {
1372
- border-bottom: 1px solid;
2805
+ .pos_absolute {
2806
+ position: absolute;
1373
2807
  }
1374
2808
 
1375
- .\[\&_\.combobox__empty-field\]\:d_flex .combobox__empty-field {
1376
- display: flex;
2809
+ .c_primary\.800 {
2810
+ color: var(--colors-primary-800);
1377
2811
  }
1378
2812
 
1379
- .\[\&_\.combobox__empty-field\]\:gap_0\.5rem .combobox__empty-field {
1380
- gap: 0.5rem;
2813
+ .pointer-events_none {
2814
+ pointer-events: none;
1381
2815
  }
1382
2816
 
1383
- .\[\&_\.combobox__empty-field\]\:p_1rem_2rem .combobox__empty-field {
1384
- padding: 1rem 2rem;
2817
+ .c_input\.foreground {
2818
+ color: var(--colors-input-foreground);
1385
2819
  }
1386
2820
 
1387
- .\[\&_button_span\]\:sr_true button span {
1388
- position: absolute;
1389
- width: 1px;
1390
- height: 1px;
1391
- padding: 0;
1392
- margin: -1px;
1393
- overflow: hidden;
1394
- clip: rect(0, 0, 0, 0);
1395
- white-space: nowrap;
1396
- border-width: 0;
2821
+ .fs_xs {
2822
+ font-size: var(--font-sizes-xs);
1397
2823
  }
1398
2824
 
1399
- .\[\&_ul\]\:min-w_max-content ul {
1400
- min-width: max-content;
2825
+ .flex-d_row-reverse {
2826
+ flex-direction: row-reverse;
1401
2827
  }
1402
2828
 
1403
- .\[\&_ul\]\:w_100\% ul {
1404
- width: 100%;
2829
+ .jc_start {
2830
+ justify-content: start;
1405
2831
  }
1406
2832
 
1407
- .\[\&_ul\]\:bd_1px_solid ul {
1408
- border: 1px solid;
2833
+ .jc_end {
2834
+ justify-content: end;
1409
2835
  }
1410
2836
 
1411
- .\[\&_ul\]\:bdr_4px ul {
1412
- border-radius: 4px;
2837
+ .ap_none {
2838
+ appearance: none;
2839
+ -webkit-appearance: none;
1413
2840
  }
1414
2841
 
1415
- .\[\&_li\]\:cursor_pointer li {
1416
- cursor: pointer;
2842
+ .bg-c_input\.surface {
2843
+ background-color: var(--colors-input-surface);
1417
2844
  }
1418
2845
 
1419
- .\[\&_\.form__error-text\]\:c_red\.400 .form__error-text {
1420
- color: var(--colors-red-400);
2846
+ .ring-c_input\.border {
2847
+ outline-color: var(--colors-input-border);
1421
2848
  }
1422
2849
 
1423
- .\[\&_\.input__leading\,_\&_\.input__trailing\]\:pos_absolute .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:pos_absolute .input__trailing {
1424
- position: absolute;
2850
+ .fw_medium {
2851
+ font-weight: var(--font-weights-medium);
1425
2852
  }
1426
2853
 
1427
- .\[\&_\>_svg\]\:va_middle > svg {
1428
- vertical-align: middle;
2854
+ .tt_capitalize {
2855
+ text-transform: capitalize;
1429
2856
  }
1430
2857
 
1431
- .\[\&_td\,_th\]\:p_1rem td,.\[\&_td\,_th\]\:p_1rem th {
1432
- padding: 1rem;
2858
+ .d_inline-block {
2859
+ display: inline-block;
1433
2860
  }
1434
2861
 
1435
- .\[\&_td\,_th\]\:white-space_nowrap td,.\[\&_td\,_th\]\:white-space_nowrap th {
1436
- white-space: nowrap;
2862
+ .d_block {
2863
+ display: block;
1437
2864
  }
1438
2865
 
1439
- .\[\&_tr\:not\(\:last-child\)\]\:bd-b_1px_solid tr:not(:last-child) {
1440
- border-bottom: 1px solid;
2866
+ .c_primary {
2867
+ color: primary;
1441
2868
  }
1442
2869
 
1443
- [data-theme=dark] .dark\:c_neutral\.50 {
1444
- color: var(--colors-neutral-50);
2870
+ .pos_fixed {
2871
+ position: fixed;
1445
2872
  }
1446
2873
 
1447
- .\[\&_button\]\:flex_1 button {
1448
- flex: 1 1 0%;
2874
+ .trf_translate\(-50\%\,_-50\%\) {
2875
+ transform: translate(-50%, -50%);
1449
2876
  }
1450
2877
 
1451
- .\[\&_button\]\:z_1 button {
1452
- z-index: 1;
2878
+ .c_neutrals\.950 {
2879
+ color: neutrals.950;
1453
2880
  }
1454
2881
 
1455
- .\[\&_button\]\:py_0\.25rem button {
1456
- padding-block: 0.25rem;
2882
+ .bg-c_neutral\.200 {
2883
+ background-color: var(--colors-neutral-200);
1457
2884
  }
1458
2885
 
1459
- .\[\&_button\]\:px_0\.75rem button {
1460
- padding-inline: 0.75rem;
2886
+ .jc_space-between {
2887
+ justify-content: space-between;
1461
2888
  }
1462
2889
 
1463
- .\[\&_div\]\:pos_absolute div {
1464
- position: absolute;
2890
+ .fs_2rem {
2891
+ font-size: 2rem;
1465
2892
  }
1466
2893
 
1467
- .\[\&_div\]\:trs_all_500ms_cubic-bezier\(0\,1\.34\,\.86\,\.9\) div {
1468
- transition: all 500ms cubic-bezier(0,1.34,.86,.9);
2894
+ .ring-c_alpha\.gray\.light\.400 {
2895
+ outline-color: var(--colors-alpha-gray-light-400);
1469
2896
  }
1470
2897
 
1471
- [data-theme=dark] .dark\:bd-c_neutrals\.100 {
1472
- border-color: var(--colors-neutrals-100);
2898
+ .flex-sh_0 {
2899
+ flex-shrink: 0;
1473
2900
  }
1474
2901
 
1475
- .\[\&_details\]\:fw_bold details {
1476
- font-weight: var(--font-weights-bold);
2902
+ .bg-c_alpha\.gray\.light\.200 {
2903
+ background-color: var(--colors-alpha-gray-light-200);
1477
2904
  }
1478
2905
 
1479
- .\[\&_details\]\:bg-c_neutrals\.100 details {
1480
- background-color: var(--colors-neutrals-100);
2906
+ .trf_rotate\(0deg\) {
2907
+ transform: rotate(0deg);
1481
2908
  }
1482
2909
 
1483
- [data-theme=dark] .dark\:bd-c_neutrals\.950 {
1484
- border-color: var(--colors-neutrals-950);
2910
+ .trf_rotate\(-90deg\) {
2911
+ transform: rotate(-90deg);
1485
2912
  }
1486
2913
 
1487
- .first\:ml_0px:first-child {
1488
- margin-left: 0px;
2914
+ .w-is_1\.5rem {
2915
+ inline-size: 1.5rem;
1489
2916
  }
1490
2917
 
1491
- [data-theme=dark] .dark\:bg-c_info\.darker {
1492
- background-color: var(--colors-info-darker);
2918
+ .h-bs_0\.75rem {
2919
+ block-size: 0.75rem;
1493
2920
  }
1494
2921
 
1495
- [data-theme=dark] .dark\:bg-c_error\.darker {
1496
- background-color: var(--colors-error-darker);
2922
+ .w-is_2rem {
2923
+ inline-size: 2rem;
1497
2924
  }
1498
2925
 
1499
- [data-theme=dark] .dark\:bg-c_primary\.darker {
1500
- background-color: var(--colors-primary-darker);
2926
+ .h-bs_1rem {
2927
+ block-size: 1rem;
1501
2928
  }
1502
2929
 
1503
- [data-theme=dark] .dark\:bg-c_secondary\.darker {
1504
- background-color: var(--colors-secondary-darker);
2930
+ .w-is_2\.5rem {
2931
+ inline-size: 2.5rem;
1505
2932
  }
1506
2933
 
1507
- [data-theme=dark] .dark\:bg-c_success\.darker {
1508
- background-color: var(--colors-success-darker);
2934
+ .h-bs_1\.25rem {
2935
+ block-size: 1.25rem;
1509
2936
  }
1510
2937
 
1511
- [data-theme=dark] .dark\:bg-c_warning\.darker {
1512
- background-color: var(--colors-warning-darker);
2938
+ .w-is_3rem {
2939
+ inline-size: 3rem;
1513
2940
  }
1514
2941
 
1515
- [data-theme=dark] .dark\:ring-c_error\.darker {
1516
- outline-color: var(--colors-error-darker);
2942
+ .h-bs_1\.5rem {
2943
+ block-size: 1.5rem;
1517
2944
  }
1518
2945
 
1519
- [data-theme=dark] .dark\:ring-c_info\.darker {
1520
- outline-color: var(--colors-info-darker);
2946
+ .w-is_4rem {
2947
+ inline-size: 4rem;
1521
2948
  }
1522
2949
 
1523
- [data-theme=dark] .dark\:ring-c_primary\.darker {
1524
- outline-color: var(--colors-primary-darker);
2950
+ .h-bs_2rem {
2951
+ block-size: 2rem;
1525
2952
  }
1526
2953
 
1527
- [data-theme=dark] .dark\:ring-c_secondary\.darker {
1528
- outline-color: var(--colors-secondary-darker);
2954
+ .bd-cl_collapse {
2955
+ border-collapse: collapse;
1529
2956
  }
1530
2957
 
1531
- [data-theme=dark] .dark\:ring-c_success\.darker {
1532
- outline-color: var(--colors-success-darker);
2958
+ .ta_center {
2959
+ text-align: center;
1533
2960
  }
1534
2961
 
1535
- [data-theme=dark] .dark\:ring-c_warning\.darker {
1536
- outline-color: var(--colors-warning-darker);
2962
+ .jc_flex-start {
2963
+ justify-content: flex-start;
1537
2964
  }
1538
2965
 
1539
- .\[\&_\.breadcrumb_extra-links\]\:pr_5rem .breadcrumb_extra-links {
1540
- padding-right: 5rem;
2966
+ .fs_1\.125rem {
2967
+ font-size: 1.125rem;
1541
2968
  }
1542
2969
 
1543
- [data-theme=dark] .dark\:bd-c_neutrals\.800 {
1544
- border-color: var(--colors-neutrals-800);
2970
+ .bg-c_neutral\.100 {
2971
+ background-color: var(--colors-neutral-100);
1545
2972
  }
1546
2973
 
1547
- .\[\&_\.card__header\]\:fs_1\.25rem .card__header {
1548
- font-size: 1.25rem;
2974
+ .ring-c_neutral\.border {
2975
+ outline-color: var(--colors-neutral-border);
1549
2976
  }
1550
2977
 
1551
- .\[\&_\.card__header\]\:fw_600 .card__header {
1552
- font-weight: 600;
2978
+ .resize_none {
2979
+ resize: none;
1553
2980
  }
1554
2981
 
1555
- .\[\&_\.card__footer\]\:fs_0\.875rem .card__footer {
1556
- font-size: 0.875rem;
2982
+ .ring-c_0 {
2983
+ outline-color: 0;
1557
2984
  }
1558
2985
 
1559
- .\[\&_\.combobox__input-search\]\:bd-c_neutral\.100 .combobox__input-search {
1560
- border-color: var(--colors-neutral-100);
2986
+ .min-w_320px {
2987
+ min-width: 320px;
1561
2988
  }
1562
2989
 
1563
- .\[\&_\.combobox__empty-field\]\:flex-d_row .combobox__empty-field {
1564
- flex-direction: row;
2990
+ .w_xs {
2991
+ width: var(--sizes-xs);
1565
2992
  }
1566
2993
 
1567
- .\[\&_\.combobox__empty-field\]\:ai_center .combobox__empty-field {
1568
- align-items: center;
2994
+ .h_xs {
2995
+ height: var(--sizes-xs);
1569
2996
  }
1570
2997
 
1571
- .\[\&_\.combobox__empty-field\]\:fs_0\.75rem .combobox__empty-field {
1572
- font-size: 0.75rem;
2998
+ .w_sm {
2999
+ width: var(--sizes-sm);
1573
3000
  }
1574
3001
 
1575
- .\[\&_ul\]\:bd-c_neutral\.100 ul {
1576
- border-color: var(--colors-neutral-100);
3002
+ .h_sm {
3003
+ height: var(--sizes-sm);
1577
3004
  }
1578
3005
 
1579
- .\[\&_ul\]\:bg-c_\#fff ul {
1580
- background-color: #fff;
3006
+ .w_md {
3007
+ width: var(--sizes-md);
1581
3008
  }
1582
3009
 
1583
- .\[\&_label\]\:fs_0\.75rem label {
1584
- font-size: 0.75rem;
3010
+ .h_md {
3011
+ height: var(--sizes-md);
1585
3012
  }
1586
3013
 
1587
- .\[\&_label\]\:fw_medium label {
1588
- font-weight: var(--font-weights-medium);
3014
+ .w_lg {
3015
+ width: var(--sizes-lg);
1589
3016
  }
1590
3017
 
1591
- .\[\&_\.form__error-text\]\:fs_0\.75rem .form__error-text {
1592
- font-size: 0.75rem;
3018
+ .h_lg {
3019
+ height: var(--sizes-lg);
1593
3020
  }
1594
3021
 
1595
- .\[\&_\.input__leading\,_\&_\.input__trailing\]\:fs_12px .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:fs_12px .input__trailing {
1596
- font-size: 12px;
3022
+ .w_xl {
3023
+ width: var(--sizes-xl);
1597
3024
  }
1598
3025
 
1599
- .\[\&_\.input__leading\,_\&_\.input__trailing\]\:lh_1 .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:lh_1 .input__trailing {
1600
- line-height: 1;
3026
+ .h_xl {
3027
+ height: var(--sizes-xl);
1601
3028
  }
1602
3029
 
1603
- .\[\&_\.input__leading\,_\&_\.input__trailing\]\:top_calc\(50\%_-_8px\) .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:top_calc\(50\%_-_8px\) .input__trailing {
1604
- top: calc(50% - 8px);
3030
+ .w_2xl {
3031
+ width: var(--sizes-2xl);
1605
3032
  }
1606
3033
 
1607
- .\[\&_\.input__leading\]\:left_8px .input__leading {
1608
- left: 8px;
3034
+ .h_2xl {
3035
+ height: var(--sizes-2xl);
1609
3036
  }
1610
3037
 
1611
- .\[\&_\.input__trailing\]\:right_8px .input__trailing {
1612
- right: 8px;
3038
+ .ml_-8px {
3039
+ margin-left: -8px;
1613
3040
  }
1614
3041
 
1615
- .\[\&_\.input__helper-text\]\:font-style_italic .input__helper-text {
1616
- font-style: italic;
3042
+ .w_fit-content {
3043
+ width: fit-content;
1617
3044
  }
1618
3045
 
1619
- .\[\&_\.input__helper-text\]\:fs_0\.75rem .input__helper-text {
1620
- font-size: 0.75rem;
3046
+ .w_65\% {
3047
+ width: 65%;
1621
3048
  }
1622
3049
 
1623
- .\[\&_\>_svg\]\:ml_0\.5rem > svg {
1624
- margin-left: 0.5rem;
3050
+ .h_65\% {
3051
+ height: 65%;
1625
3052
  }
1626
3053
 
1627
- .\[\&_tr\:not\(\:last-child\)\]\:bd-c_neutrals\.100 tr:not(:last-child) {
1628
- border-color: var(--colors-neutrals-100);
3054
+ .w_100\% {
3055
+ width: 100%;
1629
3056
  }
1630
3057
 
1631
- .\[\&_div\]\:bg-c_neutrals\.50 div {
1632
- background-color: var(--colors-neutrals-50);
3058
+ .ml_auto {
3059
+ margin-left: auto;
1633
3060
  }
1634
3061
 
1635
- [data-theme=dark] .dark\:bg-c_neutrals\.900 {
1636
- background-color: var(--colors-neutrals-900);
3062
+ .top_50\% {
3063
+ top: 50%;
1637
3064
  }
1638
3065
 
1639
- .focus\:ring_2px_solid:is(:focus, [data-focus]) {
1640
- outline: 2px solid;
3066
+ .left_50\% {
3067
+ left: 50%;
1641
3068
  }
1642
3069
 
1643
- .focus\:ring-c_error\.darker:is(:focus, [data-focus]) {
1644
- outline-color: var(--colors-error-darker);
3070
+ .top_1rem {
3071
+ top: 1rem;
1645
3072
  }
1646
3073
 
1647
- .focus\:ring-c_info\.darker:is(:focus, [data-focus]) {
1648
- outline-color: var(--colors-info-darker);
3074
+ .left_1rem {
3075
+ left: 1rem;
1649
3076
  }
1650
3077
 
1651
- .focus\:ring-c_primary\.darker:is(:focus, [data-focus]) {
1652
- outline-color: var(--colors-primary-darker);
3078
+ .right_1rem {
3079
+ right: 1rem;
1653
3080
  }
1654
3081
 
1655
- .focus\:ring-c_secondary\.darker:is(:focus, [data-focus]) {
1656
- outline-color: var(--colors-secondary-darker);
3082
+ .bottom_1rem {
3083
+ bottom: 1rem;
1657
3084
  }
1658
3085
 
1659
- .focus\:ring-c_success\.darker:is(:focus, [data-focus]) {
1660
- outline-color: var(--colors-success-darker);
3086
+ .\[\&_\>_\*\]\:grid-area_1_\/_1 > * {
3087
+ grid-area: 1 / 1;
1661
3088
  }
1662
3089
 
1663
- .focus\:ring-c_warning\.darker:is(:focus, [data-focus]) {
1664
- outline-color: var(--colors-warning-darker);
3090
+ .\[\&_\>_svg\]\:anim_spin_1s_linear_infinite > svg {
3091
+ animation: spin 1s linear infinite;
1665
3092
  }
1666
3093
 
1667
- .hover\:c_primary\.darker:is(:hover, [data-hover]) {
1668
- color: var(--colors-primary-darker);
3094
+ .\[\&_\>_label\]\:bd_1px_solid > label {
3095
+ border: 1px solid;
1669
3096
  }
1670
3097
 
1671
- .hover\:bg-c_error\.darker:is(:hover, [data-hover]) {
1672
- background-color: var(--colors-error-darker);
3098
+ .\[\&_\>_label\]\:p_md > label {
3099
+ padding: var(--spacing-md);
1673
3100
  }
1674
3101
 
1675
- .hover\:bg-c_info\.darker:is(:hover, [data-hover]) {
1676
- background-color: var(--colors-info-darker);
3102
+ .\[\&_\.combobox__empty-field\]\:p_1rem_2rem .combobox__empty-field {
3103
+ padding: 1rem 2rem;
1677
3104
  }
1678
3105
 
1679
- .hover\:bg-c_primary\.darker:is(:hover, [data-hover]) {
1680
- background-color: var(--colors-primary-darker);
3106
+ .\[\&_ul\]\:bd_1px_solid ul {
3107
+ border: 1px solid;
1681
3108
  }
1682
3109
 
1683
- .hover\:bg-c_secondary\.darker:is(:hover, [data-hover]) {
1684
- background-color: var(--colors-secondary-darker);
3110
+ .\[\&\:\:-webkit-meter-bar\]\:bg_solid\.gray\.light\.400::-webkit-meter-bar {
3111
+ background: var(--colors-solid-gray-light-400);
1685
3112
  }
1686
3113
 
1687
- .hover\:bg-c_success\.darker:is(:hover, [data-hover]) {
1688
- background-color: var(--colors-success-darker);
3114
+ .\[\&\:\:-webkit-meter-bar\]\:bd_none::-webkit-meter-bar {
3115
+ border: var(--borders-none);
1689
3116
  }
1690
3117
 
1691
- .hover\:bg-c_warning\.darker:is(:hover, [data-hover]) {
1692
- background-color: var(--colors-warning-darker);
3118
+ .\[\&\:\:-moz-meter-bar\]\:bg_solid\.gray\.light\.400::-moz-meter-bar {
3119
+ background: var(--colors-solid-gray-light-400);
1693
3120
  }
1694
3121
 
1695
- .hover\:bg-c_error\/10:is(:hover, [data-hover]) {
1696
- --mix-backgroundColor: color-mix(in srgb, var(--colors-error) 10%, transparent);
1697
- background-color: var(--mix-backgroundColor, var(--colors-error));
3122
+ .\[\&\[value\=\"1\"\]\:\:-webkit-meter-optimum-value\]\:bg_solid\.red\.light\.800[value="1"]::-webkit-meter-optimum-value {
3123
+ background: var(--colors-solid-red-light-800);
1698
3124
  }
1699
3125
 
1700
- .hover\:bg-c_info\/10:is(:hover, [data-hover]) {
1701
- --mix-backgroundColor: color-mix(in srgb, var(--colors-info) 10%, transparent);
1702
- background-color: var(--mix-backgroundColor, var(--colors-info));
3126
+ .\[\&\[value\=\"1\"\]\:\:-moz-meter-bar\]\:bg_solid\.red\.light\.800[value="1"]::-moz-meter-bar {
3127
+ background: var(--colors-solid-red-light-800);
1703
3128
  }
1704
3129
 
1705
- .hover\:bg-c_primary\/10:is(:hover, [data-hover]) {
1706
- --mix-backgroundColor: color-mix(in srgb, var(--colors-primary) 10%, transparent);
1707
- background-color: var(--mix-backgroundColor, var(--colors-primary));
3130
+ .\[\&\[value\=\"2\"\]\:\:-webkit-meter-optimum-value\]\:bg_solid\.amber\.light\.800[value="2"]::-webkit-meter-optimum-value {
3131
+ background: var(--colors-solid-amber-light-800);
1708
3132
  }
1709
3133
 
1710
- .hover\:bg-c_secondary\/10:is(:hover, [data-hover]) {
1711
- --mix-backgroundColor: color-mix(in srgb, var(--colors-secondary) 10%, transparent);
1712
- background-color: var(--mix-backgroundColor, var(--colors-secondary));
3134
+ .\[\&\[value\=\"2\"\]\:\:-moz-meter-bar\]\:bg_solid\.amber\.light\.800[value="2"]::-moz-meter-bar {
3135
+ background: var(--colors-solid-amber-light-800);
1713
3136
  }
1714
3137
 
1715
- .hover\:bg-c_success\/10:is(:hover, [data-hover]) {
1716
- --mix-backgroundColor: color-mix(in srgb, var(--colors-success) 10%, transparent);
1717
- background-color: var(--mix-backgroundColor, var(--colors-success));
3138
+ .\[\&\[value\=\"3\"\]\:\:-webkit-meter-optimum-value\]\:bg_solid\.yellow\.light\.800[value="3"]::-webkit-meter-optimum-value {
3139
+ background: var(--colors-solid-yellow-light-800);
1718
3140
  }
1719
3141
 
1720
- .hover\:bg-c_warning\/10:is(:hover, [data-hover]) {
1721
- --mix-backgroundColor: color-mix(in srgb, var(--colors-warning) 10%, transparent);
1722
- background-color: var(--mix-backgroundColor, var(--colors-warning));
3142
+ .\[\&\[value\=\"3\"\]\:\:-moz-meter-bar\]\:bg_solid\.yellow\.light\.800[value="3"]::-moz-meter-bar {
3143
+ background: var(--colors-solid-yellow-light-800);
1723
3144
  }
1724
3145
 
1725
- .\[\&_details\]\:\[\&_\>_summary\]\:pos_relative details > summary {
1726
- position: relative;
3146
+ .\[\&\[value\=\"4\"\]\:\:-webkit-meter-optimum-value\]\:bg_solid\.emerald\.light\.800[value="4"]::-webkit-meter-optimum-value {
3147
+ background: var(--colors-solid-emerald-light-800);
1727
3148
  }
1728
3149
 
1729
- .\[\&_details\]\:\[\&_\>_summary\]\:d_flex details > summary {
1730
- display: flex;
3150
+ .\[\&\[value\=\"4\"\]\:\:-moz-meter-bar\]\:bg_solid\.emerald\.light\.800[value="4"]::-moz-meter-bar {
3151
+ background: var(--colors-solid-emerald-light-800);
1731
3152
  }
1732
3153
 
1733
- .\[\&_details\]\:\[\&_\>_summary\]\:gap_\.5rem details > summary {
1734
- gap: .5rem;
3154
+ .\[\&\:\:before\]\:grid-area_track::before {
3155
+ grid-area: track;
1735
3156
  }
1736
3157
 
1737
- .\[\&_details\]\:\[\&_\>_summary\]\:p_1rem details > summary {
3158
+ .\[\&_td\,_th\]\:p_1rem td,.\[\&_td\,_th\]\:p_1rem th {
1738
3159
  padding: 1rem;
1739
3160
  }
1740
3161
 
1741
- .\[\&_details\]\:\[\&_\>_summary\]\:li-s_none details > summary {
1742
- list-style: none;
3162
+ .\[\&_\>_\*\]\:anim_slideInLeft > * {
3163
+ animation: var(--animations-slide-in-left);
1743
3164
  }
1744
3165
 
1745
- .\[\&_details\]\:\[\&_p\]\:p_1rem details p {
1746
- padding: 1rem;
3166
+ .\[\&_\>_\*\]\:anim_slideInRight > * {
3167
+ animation: var(--animations-slide-in-right);
1747
3168
  }
1748
3169
 
1749
- .\[\&_details\]\:\[\&\:not\(\:last-child\)\]\:bd-b_1px_solid details:not(:last-child) {
1750
- border-bottom: 1px solid;
3170
+ [data-theme=dark] .dark\:bd-c_neutrals\.100 {
3171
+ border-color: neutrals.100;
1751
3172
  }
1752
3173
 
1753
- [data-theme=dark] .\[\&_a\:not\(\:last-child\)\]\:dark\:c_color-mix\(in_oklch\,_var\(--colors-neutral-100\)\,_white_50\%\) a:not(:last-child) {
1754
- color: color-mix(in oklch, var(--colors-neutral-100), white 50%);
3174
+ [data-theme=dark] .dark\:bd-c_neutrals\.950 {
3175
+ border-color: neutrals.950;
1755
3176
  }
1756
3177
 
1757
- .\[\&_a\:not\(\:last-child\)\]\:hover\:c_neutral\.800 a:not(:last-child):is(:hover, [data-hover]) {
1758
- color: var(--colors-neutral-800);
3178
+ .\[\&_\>_\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:bdr_0 > *:not(:first-child):not(:last-child) {
3179
+ border-radius: 0;
1759
3180
  }
1760
3181
 
1761
- .\[\&_\.combobox__input-search\]\:\[\&_\>_input\]\:ring_none .combobox__input-search > input {
1762
- outline: var(--borders-none);
3182
+ .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-r_1px_solid > *:not(:last-child) {
3183
+ border-right: 1px solid;
1763
3184
  }
1764
3185
 
1765
- .\[\&_\.combobox__input-search\]\:\[\&_\.combobox__search-icon\]\:pos_absolute .combobox__input-search .combobox__search-icon {
1766
- position: absolute;
3186
+ .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-b_1px_solid > *:not(:last-child) {
3187
+ border-bottom: 1px solid;
1767
3188
  }
1768
3189
 
1769
- .\[\&_li\]\:\[\&\:not\(\.combobox__input-search\)\]\:p_\.5rem li:not(.combobox__input-search) {
1770
- padding: .5rem;
3190
+ [data-theme=dark] .dark\:bd-c_neutrals\.800 {
3191
+ border-color: neutrals.800;
1771
3192
  }
1772
3193
 
1773
- .\[\&_li\]\:\[\&\:nth-of-type\(even\)\]\:bg_neutral\.50 li:nth-of-type(even) {
1774
- background: var(--colors-neutral-50);
3194
+ .\[\&_\.check-path\]\:trs_stroke-dashoffset_0\.2s_ease_0\.05s .check-path {
3195
+ transition: stroke-dashoffset 0.2s ease 0.05s;
1775
3196
  }
1776
3197
 
1777
- .\[\&_input\]\:\[\&\:disabled\]\:cursor_not-allowed input:disabled {
1778
- cursor: not-allowed;
3198
+ .\[\&_\.dash-path\]\:trs_stroke-dashoffset_0\.15s_ease_0\.05s .dash-path {
3199
+ transition: stroke-dashoffset 0.15s ease 0.05s;
1779
3200
  }
1780
3201
 
1781
- .\[\&\.loading\]\:\[\&_tbody\]\:pos_relative.loading tbody {
1782
- position: relative;
3202
+ .\[\&_\>_label\]\:bd-c_input\.border > label {
3203
+ border-color: var(--colors-input-border);
1783
3204
  }
1784
3205
 
1785
- .\[\&_details\]\:hover\:bg-c_neutrals\.200 details:is(:hover, [data-hover]) {
1786
- background-color: var(--colors-neutrals-200);
3206
+ .\[\&_\>_label\]\:bdr_sm > label {
3207
+ border-radius: var(--radii-sm);
1787
3208
  }
1788
3209
 
1789
- [data-theme=dark] .\[\&_details\]\:dark\:bg-c_neutrals\.900 details {
1790
- background-color: var(--colors-neutrals-900);
3210
+ .\[\&_\>_label\:has\(input\:checked\)\]\:bd-c_primary\.800 > label:has(input:checked) {
3211
+ border-color: var(--colors-primary-800);
1791
3212
  }
1792
3213
 
1793
- .\[\&_details\]\:\[\&_\>_summary\]\:flex-d_row details > summary {
1794
- flex-direction: row;
3214
+ .\[\&_\>_label\:not\(\:last-child\)\]\:bd-r_1px_solid > label:not(:last-child) {
3215
+ border-right: 1px solid;
1795
3216
  }
1796
3217
 
1797
- .\[\&_details\]\:\[\&_\>_summary\]\:ai_center details > summary {
1798
- align-items: center;
3218
+ .\[\&_\>_label\:not\(\:last-child\)\]\:bd-b_1px_solid > label:not(:last-child) {
3219
+ border-bottom: 1px solid;
1799
3220
  }
1800
3221
 
1801
- .\[\&_details\]\:\[\&\:not\(\:last-child\)\]\:bd-c_neutrals\.800 details:not(:last-child) {
1802
- border-color: var(--colors-neutrals-800);
3222
+ .\[\&_legend\]\:px_sm legend {
3223
+ padding-inline: var(--spacing-sm);
1803
3224
  }
1804
3225
 
1805
- [data-theme=dark] .\[\&_\.combobox__input-search\]\:dark\:bd-c_\#15171E .combobox__input-search {
1806
- border-color: #15171E;
3226
+ .\[\&_\.combobox__input-search\]\:bd-b_1px_solid .combobox__input-search {
3227
+ border-bottom: 1px solid;
1807
3228
  }
1808
3229
 
1809
- .\[\&_\.combobox__input-search\]\:\[\&_\>_input\]\:pl_2rem .combobox__input-search > input {
1810
- padding-left: 2rem;
3230
+ .\[\&_\.combobox__input-search\]\:bd-c_neutral\.100 .combobox__input-search {
3231
+ border-color: var(--colors-neutral-100);
1811
3232
  }
1812
3233
 
1813
- .\[\&_\.combobox__input-search\]\:\[\&_\.combobox__search-icon\]\:top_calc\(50\%_-_6px\) .combobox__input-search .combobox__search-icon {
1814
- top: calc(50% - 6px);
3234
+ .\[\&_\.combobox__empty-field\]\:gap_0\.5rem .combobox__empty-field {
3235
+ gap: 0.5rem;
1815
3236
  }
1816
3237
 
1817
- .\[\&_\.combobox__input-search\]\:\[\&_\.combobox__search-icon\]\:left_8px .combobox__input-search .combobox__search-icon {
1818
- left: 8px;
3238
+ .\[\&_ul\]\:bd-c_neutral\.100 ul {
3239
+ border-color: var(--colors-neutral-100);
1819
3240
  }
1820
3241
 
1821
- [data-theme=dark] .\[\&_ul\]\:dark\:bd-c_\#15171E ul {
1822
- border-color: #15171E;
3242
+ .\[\&_ul\]\:bdr_4px ul {
3243
+ border-radius: 4px;
1823
3244
  }
1824
3245
 
1825
- [data-theme=dark] .\[\&_ul\]\:dark\:bg-c_neutral\.950 ul {
1826
- background-color: var(--colors-neutral-950);
3246
+ .\[\&\:\:-webkit-meter-bar\]\:bdr_xs::-webkit-meter-bar,.\[\&\:\:-webkit-meter-optimum-value\]\:bdr_xs::-webkit-meter-optimum-value {
3247
+ border-radius: var(--radii-xs);
1827
3248
  }
1828
3249
 
1829
- .\[\&_li\]\:hover\:bg-c_neutral\.200 li:is(:hover, [data-hover]) {
1830
- background-color: var(--colors-neutral-200);
3250
+ .\[\&\:\:-moz-meter-bar\]\:bdr_xs::-moz-meter-bar {
3251
+ border-radius: var(--radii-xs);
1831
3252
  }
1832
3253
 
1833
- .\[\&_input\]\:\[\&\.has__leading\]\:pl_2rem input.has__leading {
1834
- padding-left: 2rem;
3254
+ [data-theme=dark] .dark\:bd-c_neutrals\.900 {
3255
+ border-color: neutrals.900;
1835
3256
  }
1836
3257
 
1837
- [data-theme=dark] .\[\&_tr\:not\(\:last-child\)\]\:dark\:bd-c_neutrals\.800 tr:not(:last-child) {
1838
- border-color: var(--colors-neutrals-800);
3258
+ .\[\&_span\]\:flex_1 span {
3259
+ flex: 1 1 0%;
1839
3260
  }
1840
3261
 
1841
- [data-theme=dark] .\[\&_div\]\:dark\:bg-c_neutrals\.800 div {
1842
- background-color: var(--colors-neutrals-800);
3262
+ .\[\&\:\:before\]\:bdr_calc\(var\(--switch-radius\)_-_var\(--switch-padding\)\)::before {
3263
+ border-radius: calc(var(--switch-radius) - var(--switch-padding));
1843
3264
  }
1844
3265
 
1845
- .\[\&_details\]\:\[\&_\>_summary\]\:before\:pos_absolute details > summary::before {
1846
- position: absolute;
3266
+ .\[\&_tr\:not\(\:last-child\)\]\:bd-b_1px_solid tr:not(:last-child) {
3267
+ border-bottom: 1px solid;
1847
3268
  }
1848
3269
 
1849
- .\[\&_details\]\:\[\&_\>_summary\]\:before\:w_8px details > summary::before {
1850
- width: 8px;
3270
+ .\[\&_tr\:not\(\:last-child\)\]\:bd-c_neutrals\.100 tr:not(:last-child) {
3271
+ border-color: neutrals.100;
1851
3272
  }
1852
3273
 
1853
- .\[\&_details\]\:\[\&_\>_summary\]\:before\:h_8px details > summary::before {
1854
- height: 8px;
3274
+ .\[\&_button\]\:flex_1 button {
3275
+ flex: 1 1 0%;
1855
3276
  }
1856
3277
 
1857
- .\[\&_details\]\:\[\&_\>_summary\]\:before\:d_inline-block details > summary::before {
1858
- display: inline-block;
3278
+ .\[\&_button\]\:trs_color_150ms_ease button {
3279
+ transition: color 150ms ease;
1859
3280
  }
1860
3281
 
1861
- .\[\&_details\]\:\[\&_\>_summary\]\:before\:trf_rotate\(135deg\) details > summary::before {
1862
- transform: rotate(135deg);
3282
+ .\[\&_div\]\:bdr_xs div {
3283
+ border-radius: var(--radii-xs);
1863
3284
  }
1864
3285
 
1865
- .\[\&_details\]\:\[\&_\>_summary\]\:before\:trs_transform_400ms_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\) details > summary::before {
1866
- transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
3286
+ .\[\&_div\]\:trs_all_300ms_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\) div {
3287
+ transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
1867
3288
  }
1868
3289
 
1869
- .\[\&_details\]\:\[\&_\>_summary\]\:before\:va_top details > summary::before {
1870
- vertical-align: top;
3290
+ .\[\&_button\]\:py_0\.25rem button {
3291
+ padding-block: 0.25rem;
1871
3292
  }
1872
3293
 
1873
- [data-theme=dark] .\[\&_a\:not\(\:last-child\)\]\:hover\:dark\:c_neutral\.100 a:not(:last-child):is(:hover, [data-hover]) {
1874
- color: var(--colors-neutral-100);
3294
+ .\[\&_button\]\:px_0\.5rem button {
3295
+ padding-inline: 0.5rem;
1875
3296
  }
1876
3297
 
1877
- [data-theme=dark] .\[\&_li\]\:\[\&\:nth-of-type\(even\)\]\:dark\:bg_\#0f1015 li:nth-of-type(even) {
1878
- background: #0f1015;
3298
+ .\[\&_button\]\:py_0\.375rem button {
3299
+ padding-block: 0.375rem;
1879
3300
  }
1880
3301
 
1881
- .\[\&\.loading\]\:\[\&_tbody\]\:before\:d_block.loading tbody::before {
1882
- display: block;
3302
+ .\[\&_button\]\:px_0\.625rem button {
3303
+ padding-inline: 0.625rem;
1883
3304
  }
1884
3305
 
1885
- .\[\&\.loading\]\:\[\&_tbody\]\:before\:pos_absolute.loading tbody::before {
1886
- position: absolute;
3306
+ .\[\&_button\]\:py_0\.5rem button {
3307
+ padding-block: 0.5rem;
1887
3308
  }
1888
3309
 
1889
- .\[\&\.loading\]\:\[\&_tbody\]\:before\:h_2px.loading tbody::before {
1890
- height: 2px;
3310
+ .\[\&_button\]\:px_0\.75rem button {
3311
+ padding-inline: 0.75rem;
1891
3312
  }
1892
3313
 
1893
- .\[\&\.loading\]\:\[\&_tbody\]\:before\:trf-o_right.loading tbody::before {
1894
- transform-origin: right;
3314
+ .\[\&_button\]\:py_0\.625rem button {
3315
+ padding-block: 0.625rem;
1895
3316
  }
1896
3317
 
1897
- .\[\&\.loading\]\:\[\&_tbody\]\:before\:bg_dash\.600.loading tbody::before {
1898
- background: var(--colors-dash-600);
3318
+ .\[\&_button\]\:px_1rem button {
3319
+ padding-inline: 1rem;
1899
3320
  }
1900
3321
 
1901
- .\[\&\.loading\]\:\[\&_tbody\]\:before\:anim_slide.loading tbody::before {
1902
- animation: var(--animations-slide);
3322
+ .\[\&_button\]\:py_0\.75rem button {
3323
+ padding-block: 0.75rem;
1903
3324
  }
1904
3325
 
1905
- [data-theme=dark] .\[\&_details\]\:dark\:hover\:bg-c_neutrals\.800 details:is(:hover, [data-hover]) {
1906
- background-color: var(--colors-neutrals-800);
3326
+ .\[\&_button\]\:px_1\.25rem button {
3327
+ padding-inline: 1.25rem;
1907
3328
  }
1908
3329
 
1909
- .\[\&_details\]\:\[\&_\>_summary\]\:\[\&_i\]\:fs_0\.75rem details > summary i {
1910
- font-size: 0.75rem;
3330
+ .\[\&_details\]\:fw_bold details {
3331
+ font-weight: var(--font-weights-bold);
1911
3332
  }
1912
3333
 
1913
- .\[\&_details\]\:\[\&_\>_summary\]\:before\:content_\'\' details > summary::before {
1914
- content: '';
3334
+ .\[\&_details\]\:bg-c_neutrals\.100 details {
3335
+ background-color: neutrals.100;
1915
3336
  }
1916
3337
 
1917
- .\[\&_details\]\:\[\&_\>_summary\]\:before\:top_calc\(50\%_-_5px\) details > summary::before {
1918
- top: calc(50% - 5px);
3338
+ [data-theme=dark] .dark\:c_neutral\.100 {
3339
+ color: var(--colors-neutral-100);
1919
3340
  }
1920
3341
 
1921
- .\[\&_details\]\:\[\&_\>_summary\]\:before\:right_16px details > summary::before {
1922
- right: 16px;
3342
+ .\[\&_a\:not\(\:last-child\)\]\:c_color-mix\(in_oklch\,_var\(--colors-neutral-800\)\,_white_50\%\) a:not(:last-child) {
3343
+ color: color-mix(in oklch, var(--colors-neutral-800), white 50%);
1923
3344
  }
1924
3345
 
1925
- .\[\&_details\]\:\[\&_\>_summary\]\:before\:bg-c_neutrals\.100 details > summary::before {
1926
- background-color: var(--colors-neutrals-100);
3346
+ .on\:bg-c_primary\.pressed[data-state=on] {
3347
+ background-color: var(--colors-primary-pressed);
1927
3348
  }
1928
3349
 
1929
- .\[\&_details\]\:\[\&_\>_summary\]\:before\:border-style_solid details > summary::before {
1930
- border-style: solid;
3350
+ .on\:bg-c_secondary\.pressed[data-state=on] {
3351
+ background-color: var(--colors-secondary-pressed);
1931
3352
  }
1932
3353
 
1933
- .\[\&_details\]\:\[\&_\>_summary\]\:before\:bd-w_2px_2px_0_0 details > summary::before {
1934
- border-width: 2px 2px 0 0;
3354
+ .on\:bg-c_success\.pressed[data-state=on] {
3355
+ background-color: var(--colors-success-pressed);
1935
3356
  }
1936
3357
 
1937
- .\[\&_details\]\:\[\&_\>_summary\]\:before\:bd-c_neutrals\.800 details > summary::before {
1938
- border-color: var(--colors-neutrals-800);
3358
+ .on\:bg-c_warning\.pressed[data-state=on] {
3359
+ background-color: var(--colors-warning-pressed);
1939
3360
  }
1940
3361
 
1941
- [data-theme=dark] .\[\&_details\]\:\[\&\:not\(\:last-child\)\]\:dark\:bd-c_neutrals\.100 details:not(:last-child) {
1942
- border-color: var(--colors-neutrals-100);
3362
+ .on\:bg-c_error\.pressed[data-state=on] {
3363
+ background-color: var(--colors-error-pressed);
1943
3364
  }
1944
3365
 
1945
- [data-theme=dark] .\[\&_li\]\:hover\:dark\:bg-c_\#15171E li:is(:hover, [data-hover]) {
1946
- background-color: #15171E;
3366
+ .on\:bg-c_info\.pressed[data-state=on] {
3367
+ background-color: var(--colors-info-pressed);
1947
3368
  }
1948
3369
 
1949
- .\[\&\.loading\]\:\[\&_tbody\]\:before\:content_\"\".loading tbody::before {
1950
- content: "";
3370
+ .\[\&_\>_svg\]\:vis_visible > svg {
3371
+ visibility: visible;
1951
3372
  }
1952
3373
 
1953
- .\[\&\.loading\]\:\[\&_tbody\]\:before\:top_0.loading tbody::before {
1954
- top: var(--spacing-0);
3374
+ .\[\&_\>_svg\]\:op_1 > svg {
3375
+ opacity: 1;
1955
3376
  }
1956
3377
 
1957
- .\[\&\.loading\]\:\[\&_tbody\]\:before\:left_0.loading tbody::before {
1958
- left: var(--spacing-0);
3378
+ .\[\&_\>_span\]\:vis_hidden > span {
3379
+ visibility: hidden;
1959
3380
  }
1960
3381
 
1961
- .\[\&_details\]\:\[\&\[open\]\]\:\[\&_\>_summary\]\:before\:trf_rotate\(-45deg\) details[open] > summary::before {
1962
- transform: rotate(-45deg);
3382
+ .\[\&_\>_span\]\:op_0 > span {
3383
+ opacity: 0;
1963
3384
  }
1964
3385
 
1965
- .\[\&_details\]\:\[\&\[open\]\]\:\[\&_\>_summary\]\:before\:trs_transform_400ms_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\) details[open] > summary::before {
3386
+ .\[\&_\>_svg\]\:vis_hidden > svg {
3387
+ visibility: hidden;
3388
+ }
3389
+
3390
+ .\[\&_\>_span\]\:vis_visible > span {
3391
+ visibility: visible;
3392
+ }
3393
+
3394
+ .\[\&_\>_span\]\:op_1 > span {
3395
+ opacity: 1;
3396
+ }
3397
+
3398
+ .on\:bg-c_primary\.surface[data-state=on] {
3399
+ background-color: var(--colors-primary-surface);
3400
+ }
3401
+
3402
+ .on\:bg-c_primary\.pressed\/30[data-state=on] {
3403
+ --mix-backgroundColor: color-mix(in srgb, var(--colors-primary-pressed) 30%, transparent);
3404
+ background-color: var(--mix-backgroundColor, var(--colors-primary-pressed));
3405
+ }
3406
+
3407
+ .on\:bg-c_primary\.ring[data-state=on] {
3408
+ background-color: var(--colors-primary-ring);
3409
+ }
3410
+
3411
+ .\[\&_\>_\*\]\:ring-w_0 > * {
3412
+ outline-width: 0;
3413
+ }
3414
+
3415
+ .\[\&_\>_\*\:first-child\]\:bdr-ss_xs > *:first-child {
3416
+ border-start-start-radius: var(--radii-xs);
3417
+ }
3418
+
3419
+ .\[\&_\>_\*\:first-child\]\:bdr-es_xs > *:first-child {
3420
+ border-end-start-radius: var(--radii-xs);
3421
+ }
3422
+
3423
+ .\[\&_\>_\*\:last-child\]\:bdr-se_xs > *:last-child {
3424
+ border-start-end-radius: var(--radii-xs);
3425
+ }
3426
+
3427
+ .\[\&_\>_\*\:last-child\]\:bdr-ee_xs > *:last-child {
3428
+ border-end-end-radius: var(--radii-xs);
3429
+ }
3430
+
3431
+ .\[\&_\>_\*\:first-child\]\:bdr-ss_sm > *:first-child {
3432
+ border-start-start-radius: var(--radii-sm);
3433
+ }
3434
+
3435
+ .\[\&_\>_\*\:first-child\]\:bdr-es_sm > *:first-child {
3436
+ border-end-start-radius: var(--radii-sm);
3437
+ }
3438
+
3439
+ .\[\&_\>_\*\:last-child\]\:bdr-se_sm > *:last-child {
3440
+ border-start-end-radius: var(--radii-sm);
3441
+ }
3442
+
3443
+ .\[\&_\>_\*\:last-child\]\:bdr-ee_sm > *:last-child {
3444
+ border-end-end-radius: var(--radii-sm);
3445
+ }
3446
+
3447
+ .\[\&_\>_\*\:first-child\]\:bdr-ss_md > *:first-child {
3448
+ border-start-start-radius: var(--radii-md);
3449
+ }
3450
+
3451
+ .\[\&_\>_\*\:first-child\]\:bdr-es_md > *:first-child {
3452
+ border-end-start-radius: var(--radii-md);
3453
+ }
3454
+
3455
+ .\[\&_\>_\*\:last-child\]\:bdr-se_md > *:last-child {
3456
+ border-start-end-radius: var(--radii-md);
3457
+ }
3458
+
3459
+ .\[\&_\>_\*\:last-child\]\:bdr-ee_md > *:last-child {
3460
+ border-end-end-radius: var(--radii-md);
3461
+ }
3462
+
3463
+ .\[\&_\>_\*\:first-child\]\:bdr-ss_lg > *:first-child {
3464
+ border-start-start-radius: var(--radii-lg);
3465
+ }
3466
+
3467
+ .\[\&_\>_\*\:first-child\]\:bdr-es_lg > *:first-child {
3468
+ border-end-start-radius: var(--radii-lg);
3469
+ }
3470
+
3471
+ .\[\&_\>_\*\:last-child\]\:bdr-se_lg > *:last-child {
3472
+ border-start-end-radius: var(--radii-lg);
3473
+ }
3474
+
3475
+ .\[\&_\>_\*\:last-child\]\:bdr-ee_lg > *:last-child {
3476
+ border-end-end-radius: var(--radii-lg);
3477
+ }
3478
+
3479
+ .\[\&_\>_\*\:first-child\]\:bdr-ss_pill > *:first-child {
3480
+ border-start-start-radius: var(--radii-pill);
3481
+ }
3482
+
3483
+ .\[\&_\>_\*\:first-child\]\:bdr-es_pill > *:first-child {
3484
+ border-end-start-radius: var(--radii-pill);
3485
+ }
3486
+
3487
+ .\[\&_\>_\*\:last-child\]\:bdr-se_pill > *:last-child {
3488
+ border-start-end-radius: var(--radii-pill);
3489
+ }
3490
+
3491
+ .\[\&_\>_\*\:last-child\]\:bdr-ee_pill > *:last-child {
3492
+ border-end-end-radius: var(--radii-pill);
3493
+ }
3494
+
3495
+ [data-theme=dark] .dark\:bx-sh_elevation3\.dark {
3496
+ box-shadow: var(--shadows-elevation3-dark);
3497
+ }
3498
+
3499
+ .\[\&_\.card__header\]\:fs_1\.25rem .card__header {
3500
+ font-size: 1.25rem;
3501
+ }
3502
+
3503
+ .\[\&_\.card__header\]\:fw_600 .card__header {
3504
+ font-weight: 600;
3505
+ }
3506
+
3507
+ .\[\&_\.card__footer\]\:fs_0\.875rem .card__footer {
3508
+ font-size: 0.875rem;
3509
+ }
3510
+
3511
+ .\[\&_input\:checked_\+_svg_\.check-path\]\:stk-do_0 input:checked + svg .check-path {
3512
+ stroke-dashoffset: 0;
3513
+ }
3514
+
3515
+ .\[\&_input\:indeterminate_\+_svg_\.dash-path\]\:stk-do_0 input:indeterminate + svg .dash-path {
3516
+ stroke-dashoffset: 0;
3517
+ }
3518
+
3519
+ .\[\&_\.check-path\]\:stk-dsh_30 .check-path {
3520
+ stroke-dasharray: 30;
3521
+ }
3522
+
3523
+ .\[\&_\.check-path\]\:stk-do_30 .check-path {
3524
+ stroke-dashoffset: 30;
3525
+ }
3526
+
3527
+ .\[\&_\.dash-path\]\:stk-dsh_12 .dash-path {
3528
+ stroke-dasharray: 12;
3529
+ }
3530
+
3531
+ .\[\&_\.dash-path\]\:stk-do_12 .dash-path {
3532
+ stroke-dashoffset: 12;
3533
+ }
3534
+
3535
+ .\[\&\:has\(input\:disabled\)\]\:cursor_not-allowed\!:has(input:disabled) {
3536
+ cursor: not-allowed !important;
3537
+ }
3538
+
3539
+ .\[\&_\>_label\:has\(input\:checked\)\]\:bg-c_primary\.200 > label:has(input:checked) {
3540
+ background-color: var(--colors-primary-200);
3541
+ }
3542
+
3543
+ .\[\&_\.combobox__input-search\]\:pos_relative .combobox__input-search {
3544
+ position: relative;
3545
+ }
3546
+
3547
+ .\[\&_\.combobox__empty-field\]\:d_flex .combobox__empty-field {
3548
+ display: flex;
3549
+ }
3550
+
3551
+ .\[\&_\.combobox__empty-field\]\:flex-d_row .combobox__empty-field {
3552
+ flex-direction: row;
3553
+ }
3554
+
3555
+ .\[\&_\.combobox__empty-field\]\:ai_center .combobox__empty-field {
3556
+ align-items: center;
3557
+ }
3558
+
3559
+ .\[\&_\.combobox__empty-field\]\:fs_0\.75rem .combobox__empty-field {
3560
+ font-size: 0.75rem;
3561
+ }
3562
+
3563
+ .\[\&_button_span\]\:sr_true button span {
3564
+ position: absolute;
3565
+ width: 1px;
3566
+ height: 1px;
3567
+ padding: 0;
3568
+ margin: -1px;
3569
+ overflow: hidden;
3570
+ clip: rect(0, 0, 0, 0);
3571
+ white-space: nowrap;
3572
+ border-width: 0;
3573
+ }
3574
+
3575
+ .\[\&_ul\]\:bg-c_\#fff ul {
3576
+ background-color: #fff;
3577
+ }
3578
+
3579
+ .\[\&_li\]\:cursor_pointer li {
3580
+ cursor: pointer;
3581
+ }
3582
+
3583
+ .\[\&_\.form__error-text\]\:c_error\.850 .form__error-text {
3584
+ color: var(--colors-error-850);
3585
+ }
3586
+
3587
+ .\[\&_\.input__leading\,_\&_\.input__trailing\]\:fs_12px .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:fs_12px .input__trailing {
3588
+ font-size: 12px;
3589
+ }
3590
+
3591
+ .\[\&_\.input__leading\,_\&_\.input__trailing\]\:lh_1 .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:lh_1 .input__trailing {
3592
+ line-height: 1;
3593
+ }
3594
+
3595
+ .\[\&_\.input__leading\,_\&_\.input__trailing\]\:pos_absolute .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:pos_absolute .input__trailing {
3596
+ position: absolute;
3597
+ }
3598
+
3599
+ .\[\&\:\:-webkit-meter-bar\]\:msk-i_linear-gradient\(90deg\,_black_0\%\,_black_calc\(25\%_-_2px\)\,_transparent_calc\(25\%_-_2px\)\,_transparent_calc\(25\%_\+_2px\)\,_black_calc\(25\%_\+_2px\)\,_black_calc\(50\%_-_2px\)\,_transparent_calc\(50\%_-_2px\)\,_transparent_calc\(50\%_\+_2px\)\,_black_calc\(50\%_\+_2px\)\,_black_calc\(75\%_-_2px\)\,_transparent_calc\(75\%_-_2px\)\,_transparent_calc\(75\%_\+_2px\)\,_black_calc\(75\%_\+_2px\)\,_black_100\%\)::-webkit-meter-bar {
3600
+ mask-image: linear-gradient(90deg, black 0%, black calc(25% - 2px), transparent calc(25% - 2px), transparent calc(25% + 2px), black calc(25% + 2px), black calc(50% - 2px), transparent calc(50% - 2px), transparent calc(50% + 2px), black calc(50% + 2px), black calc(75% - 2px), transparent calc(75% - 2px), transparent calc(75% + 2px), black calc(75% + 2px), black 100%);
3601
+ -webkit-mask-image: linear-gradient(90deg, black 0%, black calc(25% - 2px), transparent calc(25% - 2px), transparent calc(25% + 2px), black calc(25% + 2px), black calc(50% - 2px), transparent calc(50% - 2px), transparent calc(50% + 2px), black calc(50% + 2px), black calc(75% - 2px), transparent calc(75% - 2px), transparent calc(75% + 2px), black calc(75% + 2px), black 100%);
3602
+ }
3603
+
3604
+ .\[\&\:\:-webkit-meter-bar\]\:-webkit-mask-image_linear-gradient\(90deg\,_black_0\%\,_black_calc\(25\%_-_2px\)\,_transparent_calc\(25\%_-_2px\)\,_transparent_calc\(25\%_\+_2px\)\,_black_calc\(25\%_\+_2px\)\,_black_calc\(50\%_-_2px\)\,_transparent_calc\(50\%_-_2px\)\,_transparent_calc\(50\%_\+_2px\)\,_black_calc\(50\%_\+_2px\)\,_black_calc\(75\%_-_2px\)\,_transparent_calc\(75\%_-_2px\)\,_transparent_calc\(75\%_\+_2px\)\,_black_calc\(75\%_\+_2px\)\,_black_100\%\)::-webkit-meter-bar {
3605
+ -webkit-mask-image: linear-gradient(90deg, black 0%, black calc(25% - 2px), transparent calc(25% - 2px), transparent calc(25% + 2px), black calc(25% + 2px), black calc(50% - 2px), transparent calc(50% - 2px), transparent calc(50% + 2px), black calc(50% + 2px), black calc(75% - 2px), transparent calc(75% - 2px), transparent calc(75% + 2px), black calc(75% + 2px), black 100%);
3606
+ }
3607
+
3608
+ .\[\&_\>_svg\]\:va_middle > svg {
3609
+ vertical-align: middle;
3610
+ }
3611
+
3612
+ [data-theme=dark] .dark\:c_neutrals\.50 {
3613
+ color: neutrals.50;
3614
+ }
3615
+
3616
+ [data-theme=dark] .dark\:bg-c_neutrals\.950 {
3617
+ background-color: neutrals.950;
3618
+ }
3619
+
3620
+ .backdrop\:bg-c_neutral\.900::backdrop {
3621
+ background-color: var(--colors-neutral-900);
3622
+ }
3623
+
3624
+ .backdrop\:op_0\.25::backdrop {
3625
+ opacity: 0.25;
3626
+ }
3627
+
3628
+ [data-theme=dark] .dark\:ring-c_alpha\.gray\.dark\.400 {
3629
+ outline-color: var(--colors-alpha-gray-dark-400);
3630
+ }
3631
+
3632
+ [data-theme=dark] .dark\:bg-c_alpha\.gray\.dark\.200 {
3633
+ background-color: var(--colors-alpha-gray-dark-200);
3634
+ }
3635
+
3636
+ .\[\&\:\:before\]\:content_\"_\"::before {
3637
+ content: " ";
3638
+ }
3639
+
3640
+ .\[\&\:\:before\]\:cursor_inherit::before {
3641
+ cursor: inherit;
3642
+ }
3643
+
3644
+ .\[\&\:\:before\]\:bg-c_solid\.gray\.light\.50::before {
3645
+ background-color: var(--colors-solid-gray-light-50);
3646
+ }
3647
+
3648
+ .\[\&\:\:before\]\:bx-sh_0_0_1px_1px_var\(--colors-alpha-black-light-100\)\,_0_1px_1px_var\(--colors-alpha-black-light-50\)\,_0_2px_4px_-1px_var\(--colors-alpha-black-light-50\)::before {
3649
+ box-shadow: 0 0 1px 1px var(--colors-alpha-black-light-100), 0 1px 1px var(--colors-alpha-black-light-50), 0 2px 4px -1px var(--colors-alpha-black-light-50);
3650
+ }
3651
+
3652
+ .\[\&\:indeterminate\:\:before\]\:trf_translateX\(50\%\):indeterminate::before {
3653
+ transform: translateX(50%);
3654
+ }
3655
+
3656
+ .\[\&\:checked\]\:bg-c_primary\.track:checked {
3657
+ background-color: var(--colors-primary-track);
3658
+ }
3659
+
3660
+ .\[\&\:disabled\:checked\:\:before\]\:bg-c_primary\.disabled:disabled:checked::before {
3661
+ background-color: var(--colors-primary-disabled);
3662
+ }
3663
+
3664
+ .\[\&\:checked\]\:bg-c_secondary\.track:checked {
3665
+ background-color: var(--colors-secondary-track);
3666
+ }
3667
+
3668
+ .\[\&\:disabled\:checked\:\:before\]\:bg-c_secondary\.disabled:disabled:checked::before {
3669
+ background-color: var(--colors-secondary-disabled);
3670
+ }
3671
+
3672
+ .\[\&\:checked\]\:bg-c_info\.track:checked {
3673
+ background-color: var(--colors-info-track);
3674
+ }
3675
+
3676
+ .\[\&\:disabled\:checked\:\:before\]\:bg-c_info\.disabled:disabled:checked::before {
3677
+ background-color: var(--colors-info-disabled);
3678
+ }
3679
+
3680
+ .\[\&\:checked\]\:bg-c_error\.track:checked {
3681
+ background-color: var(--colors-error-track);
3682
+ }
3683
+
3684
+ .\[\&\:disabled\:checked\:\:before\]\:bg-c_error\.disabled:disabled:checked::before {
3685
+ background-color: var(--colors-error-disabled);
3686
+ }
3687
+
3688
+ .\[\&\:checked\]\:bg-c_success\.track:checked {
3689
+ background-color: var(--colors-success-track);
3690
+ }
3691
+
3692
+ .\[\&\:disabled\:checked\:\:before\]\:bg-c_success\.disabled:disabled:checked::before {
3693
+ background-color: var(--colors-success-disabled);
3694
+ }
3695
+
3696
+ .\[\&\:checked\]\:bg-c_warning\.track:checked {
3697
+ background-color: var(--colors-warning-track);
3698
+ }
3699
+
3700
+ .\[\&\:disabled\:checked\:\:before\]\:bg-c_warning\.disabled:disabled:checked::before {
3701
+ background-color: var(--colors-warning-disabled);
3702
+ }
3703
+
3704
+ .\[\&\:\:before\]\:trf_translateX\(0\)::before {
3705
+ transform: translateX(0);
3706
+ }
3707
+
3708
+ .\[\&\:checked\:\:before\]\:trf_translateX\(100\%\):checked::before {
3709
+ transform: translateX(100%);
3710
+ }
3711
+
3712
+ .\[\&\:\:before\]\:trf_translateX\(100\%\)::before {
3713
+ transform: translateX(100%);
3714
+ }
3715
+
3716
+ .\[\&\:checked\:\:before\]\:trf_translateX\(0\):checked::before {
3717
+ transform: translateX(0);
3718
+ }
3719
+
3720
+ .\[\&\:\:before\]\:w-is_0\.75rem::before {
3721
+ inline-size: 0.75rem;
3722
+ }
3723
+
3724
+ .\[\&\:\:before\]\:h-bs_0\.75rem::before {
3725
+ block-size: 0.75rem;
3726
+ }
3727
+
3728
+ .\[\&\:\:before\]\:w-is_1rem::before {
3729
+ inline-size: 1rem;
3730
+ }
3731
+
3732
+ .\[\&\:\:before\]\:h-bs_1rem::before {
3733
+ block-size: 1rem;
3734
+ }
3735
+
3736
+ .\[\&\:\:before\]\:w-is_1\.25rem::before {
3737
+ inline-size: 1.25rem;
3738
+ }
3739
+
3740
+ .\[\&\:\:before\]\:h-bs_1\.25rem::before {
3741
+ block-size: 1.25rem;
3742
+ }
3743
+
3744
+ .\[\&\:\:before\]\:w-is_1\.5rem::before {
3745
+ inline-size: 1.5rem;
3746
+ }
3747
+
3748
+ .\[\&\:\:before\]\:h-bs_1\.5rem::before {
3749
+ block-size: 1.5rem;
3750
+ }
3751
+
3752
+ .\[\&\:\:before\]\:w-is_2rem::before {
3753
+ inline-size: 2rem;
3754
+ }
3755
+
3756
+ .\[\&\:\:before\]\:h-bs_2rem::before {
3757
+ block-size: 2rem;
3758
+ }
3759
+
3760
+ .\[\&_td\,_th\]\:white-space_nowrap td,.\[\&_td\,_th\]\:white-space_nowrap th {
3761
+ white-space: nowrap;
3762
+ }
3763
+
3764
+ .\[\&_button\]\:z_1 button {
3765
+ z-index: 1;
3766
+ }
3767
+
3768
+ .\[\&_button\]\:cursor_pointer button {
3769
+ cursor: pointer;
3770
+ }
3771
+
3772
+ .\[\&_button\.active\]\:c_primary\.950 button.active {
3773
+ color: var(--colors-primary-950);
3774
+ }
3775
+
3776
+ .\[\&_div\]\:pos_absolute div {
3777
+ position: absolute;
3778
+ }
3779
+
3780
+ .\[\&_div\]\:bg-c_primary\.surface div {
3781
+ background-color: var(--colors-primary-surface);
3782
+ }
3783
+
3784
+ [data-theme=dark] .dark\:bg-c_neutral\.900 {
3785
+ background-color: var(--colors-neutral-900);
3786
+ }
3787
+
3788
+ [data-theme=dark] .dark\:ring-c_neutral\.800 {
3789
+ outline-color: var(--colors-neutral-800);
3790
+ }
3791
+
3792
+ .before\:content_\"\"::before {
3793
+ content: "";
3794
+ }
3795
+
3796
+ .before\:pos_absolute::before {
3797
+ position: absolute;
3798
+ }
3799
+
3800
+ .\[\&_\>_\*\]\:as_start > * {
3801
+ align-self: start;
3802
+ }
3803
+
3804
+ .\[\&_button\]\:fw_semibold button {
3805
+ font-weight: var(--font-weights-semibold);
3806
+ }
3807
+
3808
+ .\[\&_h2\]\:fs_0\.875rem h2 {
3809
+ font-size: 0.875rem;
3810
+ }
3811
+
3812
+ .\[\&_h2\]\:fw_bold h2 {
3813
+ font-weight: var(--font-weights-bold);
3814
+ }
3815
+
3816
+ .\[\&_button\]\:lh_0 button {
3817
+ line-height: 0;
3818
+ }
3819
+
3820
+ .first\:ml_0px:first-child {
3821
+ margin-left: 0px;
3822
+ }
3823
+
3824
+ .\[\&_\.breadcrumb_extra-links\]\:pr_5rem .breadcrumb_extra-links {
3825
+ padding-right: 5rem;
3826
+ }
3827
+
3828
+ .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-r-c_primary\.border > *:not(:last-child) {
3829
+ border-right-color: var(--colors-primary-border);
3830
+ }
3831
+
3832
+ .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-b-c_primary\.border > *:not(:last-child) {
3833
+ border-bottom-color: var(--colors-primary-border);
3834
+ }
3835
+
3836
+ .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-r-c_secondary\.border > *:not(:last-child) {
3837
+ border-right-color: var(--colors-secondary-border);
3838
+ }
3839
+
3840
+ .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-b-c_secondary\.border > *:not(:last-child) {
3841
+ border-bottom-color: var(--colors-secondary-border);
3842
+ }
3843
+
3844
+ .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-r-c_success\.border > *:not(:last-child) {
3845
+ border-right-color: var(--colors-success-border);
3846
+ }
3847
+
3848
+ .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-b-c_success\.border > *:not(:last-child) {
3849
+ border-bottom-color: var(--colors-success-border);
3850
+ }
3851
+
3852
+ .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-r-c_warning\.border > *:not(:last-child) {
3853
+ border-right-color: var(--colors-warning-border);
3854
+ }
3855
+
3856
+ .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-b-c_warning\.border > *:not(:last-child) {
3857
+ border-bottom-color: var(--colors-warning-border);
3858
+ }
3859
+
3860
+ .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-r-c_error\.border > *:not(:last-child) {
3861
+ border-right-color: var(--colors-error-border);
3862
+ }
3863
+
3864
+ .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-b-c_error\.border > *:not(:last-child) {
3865
+ border-bottom-color: var(--colors-error-border);
3866
+ }
3867
+
3868
+ .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-r-c_info\.border > *:not(:last-child) {
3869
+ border-right-color: var(--colors-info-border);
3870
+ }
3871
+
3872
+ .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-b-c_info\.border > *:not(:last-child) {
3873
+ border-bottom-color: var(--colors-info-border);
3874
+ }
3875
+
3876
+ .\[\&_\>_label\:not\(\:last-child\)\]\:bd-r-c_input\.border > label:not(:last-child) {
3877
+ border-right-color: var(--colors-input-border);
3878
+ }
3879
+
3880
+ .\[\&_\>_label\:not\(\:last-child\)\]\:bd-b-c_input\.border > label:not(:last-child) {
3881
+ border-bottom-color: var(--colors-input-border);
3882
+ }
3883
+
3884
+ .\[\&_ul\]\:min-w_max-content ul {
3885
+ min-width: max-content;
3886
+ }
3887
+
3888
+ .\[\&_ul\]\:w_100\% ul {
3889
+ width: 100%;
3890
+ }
3891
+
3892
+ .\[\&_\.input__leading\,_\&_\.input__trailing\]\:top_calc\(50\%_-_8px\) .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:top_calc\(50\%_-_8px\) .input__trailing {
3893
+ top: calc(50% - 8px);
3894
+ }
3895
+
3896
+ .\[\&_\.input__leading\]\:left_8px .input__leading {
3897
+ left: 8px;
3898
+ }
3899
+
3900
+ .\[\&_\.input__trailing\]\:right_8px .input__trailing {
3901
+ right: 8px;
3902
+ }
3903
+
3904
+ .\[\&\.has__leading\]\:pl_2rem.has__leading {
3905
+ padding-left: 2rem;
3906
+ }
3907
+
3908
+ .\[\&\:\:-webkit-meter-bar\]\:h_100\%::-webkit-meter-bar,.\[\&\:\:-webkit-meter-optimum-value\]\:h_100\%::-webkit-meter-optimum-value {
3909
+ height: 100%;
3910
+ }
3911
+
3912
+ .\[\&\:\:-moz-meter-bar\]\:h_100\%::-moz-meter-bar {
3913
+ height: 100%;
3914
+ }
3915
+
3916
+ .\[\&_\>_svg\]\:ml_0\.5rem > svg {
3917
+ margin-left: 0.5rem;
3918
+ }
3919
+
3920
+ .before\:top_0::before {
3921
+ top: var(--spacing-0);
3922
+ }
3923
+
3924
+ .before\:left_0::before {
3925
+ left: var(--spacing-0);
3926
+ }
3927
+
3928
+ .before\:h_100\%::before {
3929
+ height: 100%;
3930
+ }
3931
+
3932
+ .before\:w_2px::before {
3933
+ width: 2px;
3934
+ }
3935
+
3936
+ .before\:bdr-tl_0\.25rem::before {
3937
+ border-top-left-radius: 0.25rem;
3938
+ }
3939
+
3940
+ .before\:bdr-bl_0\.25rem::before {
3941
+ border-bottom-left-radius: 0.25rem;
3942
+ }
3943
+
3944
+ .\[\&_button\]\:mr_0\.5rem button {
3945
+ margin-right: 0.5rem;
3946
+ }
3947
+
3948
+ .\[\&_button\]\:ml_auto button {
3949
+ margin-left: auto;
3950
+ }
3951
+
3952
+ .focus\:ring_2px_solid:is(:focus, [data-focus]) {
3953
+ outline: 2px solid;
3954
+ }
3955
+
3956
+ .focus\:ring-c_primary\.ring:is(:focus, [data-focus]) {
3957
+ outline-color: var(--colors-primary-ring);
3958
+ }
3959
+
3960
+ .focus\:ring-c_secondary\.ring:is(:focus, [data-focus]) {
3961
+ outline-color: var(--colors-secondary-ring);
3962
+ }
3963
+
3964
+ .focus\:ring-c_success\.ring:is(:focus, [data-focus]) {
3965
+ outline-color: var(--colors-success-ring);
3966
+ }
3967
+
3968
+ .focus\:ring-c_warning\.ring:is(:focus, [data-focus]) {
3969
+ outline-color: var(--colors-warning-ring);
3970
+ }
3971
+
3972
+ .focus\:ring-c_error\.ring:is(:focus, [data-focus]) {
3973
+ outline-color: var(--colors-error-ring);
3974
+ }
3975
+
3976
+ .focus\:ring-c_info\.ring:is(:focus, [data-focus]) {
3977
+ outline-color: var(--colors-info-ring);
3978
+ }
3979
+
3980
+ .focus\:bx-sh_0_0_0_4px_var\(--colors-input-ring\):is(:focus, [data-focus]) {
3981
+ box-shadow: 0 0 0 4px var(--colors-input-ring);
3982
+ }
3983
+
3984
+ .hover\:bg-c_primary\.800:is(:hover, [data-hover]) {
3985
+ background-color: var(--colors-primary-800);
3986
+ }
3987
+
3988
+ .hover\:bg-c_secondary\.800:is(:hover, [data-hover]) {
3989
+ background-color: var(--colors-secondary-800);
3990
+ }
3991
+
3992
+ .hover\:bg-c_success\.800:is(:hover, [data-hover]) {
3993
+ background-color: var(--colors-success-800);
3994
+ }
3995
+
3996
+ .hover\:bg-c_warning\.800:is(:hover, [data-hover]) {
3997
+ background-color: var(--colors-warning-800);
3998
+ }
3999
+
4000
+ .hover\:bg-c_error\.800:is(:hover, [data-hover]) {
4001
+ background-color: var(--colors-error-800);
4002
+ }
4003
+
4004
+ .hover\:bg-c_info\.800:is(:hover, [data-hover]) {
4005
+ background-color: var(--colors-info-800);
4006
+ }
4007
+
4008
+ .hover\:bg-c_primary\.surface:is(:hover, [data-hover]) {
4009
+ background-color: var(--colors-primary-surface);
4010
+ }
4011
+
4012
+ .hover\:bg-c_primary\.pressed\/30:is(:hover, [data-hover]) {
4013
+ --mix-backgroundColor: color-mix(in srgb, var(--colors-primary-pressed) 30%, transparent);
4014
+ background-color: var(--mix-backgroundColor, var(--colors-primary-pressed));
4015
+ }
4016
+
4017
+ .hover\:bg-c_primary\.ring:is(:hover, [data-hover]) {
4018
+ background-color: var(--colors-primary-ring);
4019
+ }
4020
+
4021
+ .hover\:bg-c_secondary\.surface:is(:hover, [data-hover]) {
4022
+ background-color: var(--colors-secondary-surface);
4023
+ }
4024
+
4025
+ .hover\:bg-c_secondary\.ring:is(:hover, [data-hover]) {
4026
+ background-color: var(--colors-secondary-ring);
4027
+ }
4028
+
4029
+ .hover\:bg-c_success\.surface:is(:hover, [data-hover]) {
4030
+ background-color: var(--colors-success-surface);
4031
+ }
4032
+
4033
+ .hover\:bg-c_success\.ring:is(:hover, [data-hover]) {
4034
+ background-color: var(--colors-success-ring);
4035
+ }
4036
+
4037
+ .hover\:bg-c_warning\.surface:is(:hover, [data-hover]) {
4038
+ background-color: var(--colors-warning-surface);
4039
+ }
4040
+
4041
+ .hover\:bg-c_warning\.ring:is(:hover, [data-hover]) {
4042
+ background-color: var(--colors-warning-ring);
4043
+ }
4044
+
4045
+ .hover\:bg-c_error\.surface:is(:hover, [data-hover]) {
4046
+ background-color: var(--colors-error-surface);
4047
+ }
4048
+
4049
+ .hover\:bg-c_error\.ring:is(:hover, [data-hover]) {
4050
+ background-color: var(--colors-error-ring);
4051
+ }
4052
+
4053
+ .hover\:bg-c_info\.surface:is(:hover, [data-hover]) {
4054
+ background-color: var(--colors-info-surface);
4055
+ }
4056
+
4057
+ .hover\:bg-c_info\.ring:is(:hover, [data-hover]) {
4058
+ background-color: var(--colors-info-ring);
4059
+ }
4060
+
4061
+ .hover\:c_primary\.darker:is(:hover, [data-hover]) {
4062
+ color: primary.darker;
4063
+ }
4064
+
4065
+ .\[\&_details\]\:\[\&_\>_summary\]\:p_1rem details > summary {
4066
+ padding: 1rem;
4067
+ }
4068
+
4069
+ .\[\&_details\]\:\[\&_p\]\:p_1rem details p {
4070
+ padding: 1rem;
4071
+ }
4072
+
4073
+ .\[\&_li\]\:\[\&\:not\(\.combobox__input-search\)\]\:p_\.5rem li:not(.combobox__input-search) {
4074
+ padding: .5rem;
4075
+ }
4076
+
4077
+ .\[\&_li\]\:\[\&\:nth-of-type\(even\)\]\:bg_neutral\.50 li:nth-of-type(even) {
4078
+ background: var(--colors-neutral-50);
4079
+ }
4080
+
4081
+ [data-theme=dark] .\[\&\:\:-webkit-meter-bar\]\:dark\:bg_solid\.gray\.dark\.400::-webkit-meter-bar {
4082
+ background: var(--colors-solid-gray-dark-400);
4083
+ }
4084
+
4085
+ [data-theme=dark] .\[\&\:\:-moz-meter-bar\]\:dark\:bg_solid\.gray\.dark\.400::-moz-meter-bar {
4086
+ background: var(--colors-solid-gray-dark-400);
4087
+ }
4088
+
4089
+ [data-theme=dark] .\[\&\[value\=\"1\"\]\:\:-webkit-meter-optimum-value\]\:dark\:bg_solid\.red\.dark\.800[value="1"]::-webkit-meter-optimum-value {
4090
+ background: var(--colors-solid-red-dark-800);
4091
+ }
4092
+
4093
+ [data-theme=dark] .\[\&\[value\=\"1\"\]\:\:-moz-meter-bar\]\:dark\:bg_solid\.red\.dark\.800[value="1"]::-moz-meter-bar {
4094
+ background: var(--colors-solid-red-dark-800);
4095
+ }
4096
+
4097
+ [data-theme=dark] .\[\&\[value\=\"2\"\]\:\:-webkit-meter-optimum-value\]\:dark\:bg_solid\.amber\.dark\.800[value="2"]::-webkit-meter-optimum-value {
4098
+ background: var(--colors-solid-amber-dark-800);
4099
+ }
4100
+
4101
+ [data-theme=dark] .\[\&\[value\=\"2\"\]\:\:-moz-meter-bar\]\:dark\:bg_solid\.amber\.dark\.800[value="2"]::-moz-meter-bar {
4102
+ background: var(--colors-solid-amber-dark-800);
4103
+ }
4104
+
4105
+ [data-theme=dark] .\[\&\[value\=\"3\"\]\:\:-webkit-meter-optimum-value\]\:dark\:bg_solid\.yellow\.dark\.800[value="3"]::-webkit-meter-optimum-value {
4106
+ background: var(--colors-solid-yellow-dark-800);
4107
+ }
4108
+
4109
+ [data-theme=dark] .\[\&\[value\=\"3\"\]\:\:-moz-meter-bar\]\:dark\:bg_solid\.yellow\.dark\.800[value="3"]::-moz-meter-bar {
4110
+ background: var(--colors-solid-yellow-dark-800);
4111
+ }
4112
+
4113
+ [data-theme=dark] .\[\&\[value\=\"4\"\]\:\:-webkit-meter-optimum-value\]\:dark\:bg_solid\.emerald\.dark\.800[value="4"]::-webkit-meter-optimum-value {
4114
+ background: var(--colors-solid-emerald-dark-800);
4115
+ }
4116
+
4117
+ [data-theme=dark] .\[\&\[value\=\"4\"\]\:\:-moz-meter-bar\]\:dark\:bg_solid\.emerald\.dark\.800[value="4"]::-moz-meter-bar {
4118
+ background: var(--colors-solid-emerald-dark-800);
4119
+ }
4120
+
4121
+ .\[\&_details\]\:\[\&_\>_summary\]\:gap_\.5rem details > summary {
4122
+ gap: .5rem;
4123
+ }
4124
+
4125
+ .\[\&_details\]\:\[\&_\>_summary\]\:li-s_none details > summary {
4126
+ list-style: none;
4127
+ }
4128
+
4129
+ .\[\&_details\]\:\[\&\:not\(\:last-child\)\]\:bd-b_1px_solid details:not(:last-child) {
4130
+ border-bottom: 1px solid;
4131
+ }
4132
+
4133
+ .\[\&_details\]\:\[\&\:not\(\:last-child\)\]\:bd-c_neutrals\.800 details:not(:last-child) {
4134
+ border-color: neutrals.800;
4135
+ }
4136
+
4137
+ [data-theme=dark] .\[\&_\.combobox__input-search\]\:dark\:bd-c_\#15171E .combobox__input-search {
4138
+ border-color: #15171E;
4139
+ }
4140
+
4141
+ .\[\&_\.combobox__input-search\]\:\[\&_\>_input\]\:ring_none .combobox__input-search > input {
4142
+ outline: var(--borders-none);
4143
+ }
4144
+
4145
+ [data-theme=dark] .\[\&_ul\]\:dark\:bd-c_\#15171E ul {
4146
+ border-color: #15171E;
4147
+ }
4148
+
4149
+ .checked\:\[\&\:\:after\]\:bdr_sharp:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
4150
+ border-radius: var(--radii-sharp);
4151
+ }
4152
+
4153
+ .checked\:\[\&\:\:after\]\:bdr_xs:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
4154
+ border-radius: var(--radii-xs);
4155
+ }
4156
+
4157
+ .checked\:\[\&\:\:after\]\:bdr_sm:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
4158
+ border-radius: var(--radii-sm);
4159
+ }
4160
+
4161
+ .checked\:\[\&\:\:after\]\:bdr_md:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
4162
+ border-radius: var(--radii-md);
4163
+ }
4164
+
4165
+ .checked\:\[\&\:\:after\]\:bdr_lg:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
4166
+ border-radius: var(--radii-lg);
4167
+ }
4168
+
4169
+ .checked\:\[\&\:\:after\]\:bdr_pill:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
4170
+ border-radius: var(--radii-pill);
4171
+ }
4172
+
4173
+ [data-theme=dark] .\[\&_tr\:not\(\:last-child\)\]\:dark\:bd-c_neutrals\.800 tr:not(:last-child) {
4174
+ border-color: neutrals.800;
4175
+ }
4176
+
4177
+ .\[\&_details\]\:hover\:bg-c_neutrals\.200 details:is(:hover, [data-hover]) {
4178
+ background-color: neutrals.200;
4179
+ }
4180
+
4181
+ [data-theme=dark] .\[\&_details\]\:dark\:bg-c_neutrals\.900 details {
4182
+ background-color: neutrals.900;
4183
+ }
4184
+
4185
+ .\[\&_details\]\:\[\&_\>_summary\]\:pos_relative details > summary {
4186
+ position: relative;
4187
+ }
4188
+
4189
+ .\[\&_details\]\:\[\&_\>_summary\]\:d_flex details > summary {
4190
+ display: flex;
4191
+ }
4192
+
4193
+ .\[\&_details\]\:\[\&_\>_summary\]\:flex-d_row details > summary {
4194
+ flex-direction: row;
4195
+ }
4196
+
4197
+ .\[\&_details\]\:\[\&_\>_summary\]\:ai_center details > summary {
4198
+ align-items: center;
4199
+ }
4200
+
4201
+ [data-theme=dark] .\[\&_a\:not\(\:last-child\)\]\:dark\:c_color-mix\(in_oklch\,_var\(--colors-neutral-100\)\,_white_50\%\) a:not(:last-child) {
4202
+ color: color-mix(in oklch, var(--colors-neutral-100), white 50%);
4203
+ }
4204
+
4205
+ .\[\&_a\:not\(\:last-child\)\]\:hover\:c_neutral\.800 a:not(:last-child):is(:hover, [data-hover]) {
4206
+ color: var(--colors-neutral-800);
4207
+ }
4208
+
4209
+ .disabled\:hover\:bg-c_transparent:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
4210
+ background-color: var(--colors-transparent);
4211
+ }
4212
+
4213
+ .checked\:focus\:bx-sh_0_0_0_4px_var\(--colors-primary-500\):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:focus, [data-focus]) {
4214
+ box-shadow: 0 0 0 4px var(--colors-primary-500);
4215
+ }
4216
+
4217
+ .indeterminate\:focus\:bx-sh_0_0_0_4px_var\(--colors-primary-500\):is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate"]):is(:focus, [data-focus]) {
4218
+ box-shadow: 0 0 0 4px var(--colors-primary-500);
4219
+ }
4220
+
4221
+ .\[\&_\.combobox__input-search\]\:\[\&_\.combobox__search-icon\]\:pos_absolute .combobox__input-search .combobox__search-icon {
4222
+ position: absolute;
4223
+ }
4224
+
4225
+ [data-theme=dark] .\[\&_ul\]\:dark\:bg-c_neutral\.950 ul {
4226
+ background-color: var(--colors-neutral-950);
4227
+ }
4228
+
4229
+ .\[\&_li\]\:hover\:bg-c_neutral\.200 li:is(:hover, [data-hover]) {
4230
+ background-color: var(--colors-neutral-200);
4231
+ }
4232
+
4233
+ .checked\:\[\&\:\:after\]\:content_\'\':is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
4234
+ content: '';
4235
+ }
4236
+
4237
+ .checked\:\[\&\:\:after\]\:pos_absolute:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
4238
+ position: absolute;
4239
+ }
4240
+
4241
+ .checked\:\[\&\:\:after\]\:trf_translate\(-50\%\,_-50\%\):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
4242
+ transform: translate(-50%, -50%);
4243
+ }
4244
+
4245
+ .checked\:\[\&\:\:after\]\:bg-c_primary\.800:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
4246
+ background-color: var(--colors-primary-800);
4247
+ }
4248
+
4249
+ [data-theme=dark] .\[\&\:\:before\]\:dark\:bg-c_solid\.gray\.dark\.50::before {
4250
+ background-color: var(--colors-solid-gray-dark-50);
4251
+ }
4252
+
4253
+ [data-theme=dark] .\[\&\:\:before\]\:dark\:bx-sh_0_0_1px_1px_var\(--colors-alpha-black-dark-100\)\,_0_1px_1px_var\(--colors-alpha-black-dark-50\)\,_0_2px_4px_-1px_var\(--colors-alpha-black-dark-50\)::before {
4254
+ box-shadow: 0 0 1px 1px var(--colors-alpha-black-dark-100), 0 1px 1px var(--colors-alpha-black-dark-50), 0 2px 4px -1px var(--colors-alpha-black-dark-50);
4255
+ }
4256
+
4257
+ .\[\&\.loading\]\:\[\&_tbody\]\:pos_relative.loading tbody {
4258
+ position: relative;
4259
+ }
4260
+
4261
+ .\[\&_button\]\:hover\:c_secondary\.800 button:is(:hover, [data-hover]) {
4262
+ color: var(--colors-secondary-800);
4263
+ }
4264
+
4265
+ .\[\&_\.combobox__input-search\]\:\[\&_\>_input\]\:pl_2rem .combobox__input-search > input {
4266
+ padding-left: 2rem;
4267
+ }
4268
+
4269
+ .\[\&_\.combobox__input-search\]\:\[\&_\.combobox__search-icon\]\:top_calc\(50\%_-_6px\) .combobox__input-search .combobox__search-icon {
4270
+ top: calc(50% - 6px);
4271
+ }
4272
+
4273
+ .\[\&_\.combobox__input-search\]\:\[\&_\.combobox__search-icon\]\:left_8px .combobox__input-search .combobox__search-icon {
4274
+ left: 8px;
4275
+ }
4276
+
4277
+ .checked\:\[\&\:\:after\]\:w_sm:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
4278
+ width: var(--sizes-sm);
4279
+ }
4280
+
4281
+ .checked\:\[\&\:\:after\]\:h_sm:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
4282
+ height: var(--sizes-sm);
4283
+ }
4284
+
4285
+ .checked\:\[\&\:\:after\]\:top_50\%:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
4286
+ top: 50%;
4287
+ }
4288
+
4289
+ .checked\:\[\&\:\:after\]\:left_50\%:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
4290
+ left: 50%;
4291
+ }
4292
+
4293
+ [data-theme=dark] .\[\&_li\]\:\[\&\:nth-of-type\(even\)\]\:dark\:bg_\#0f1015 li:nth-of-type(even) {
4294
+ background: #0f1015;
4295
+ }
4296
+
4297
+ .\[\&\.loading\]\:\[\&_tbody\]\:before\:bg_dash\.600.loading tbody::before {
4298
+ background: dash.600;
4299
+ }
4300
+
4301
+ .\[\&\.loading\]\:\[\&_tbody\]\:before\:anim_slide.loading tbody::before {
4302
+ animation: var(--animations-slide);
4303
+ }
4304
+
4305
+ .\[\&_details\]\:\[\&_\>_summary\]\:before\:border-style_solid details > summary::before {
4306
+ border-style: solid;
4307
+ }
4308
+
4309
+ .\[\&_details\]\:\[\&_\>_summary\]\:before\:bd-w_2px_2px_0_0 details > summary::before {
4310
+ border-width: 2px 2px 0 0;
4311
+ }
4312
+
4313
+ .\[\&_details\]\:\[\&_\>_summary\]\:before\:bd-c_neutrals\.800 details > summary::before {
4314
+ border-color: neutrals.800;
4315
+ }
4316
+
4317
+ .\[\&_details\]\:\[\&_\>_summary\]\:before\:trs_transform_400ms_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\) details > summary::before {
1966
4318
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
1967
4319
  }
1968
4320
 
1969
- [data-theme=dark] .\[\&_details\]\:\[\&_\>_summary\]\:before\:dark\:bg-c_neutrals\.900 details > summary::before {
1970
- background-color: var(--colors-neutrals-900);
4321
+ [data-theme=dark] .\[\&_details\]\:\[\&\:not\(\:last-child\)\]\:dark\:bd-c_neutrals\.100 details:not(:last-child) {
4322
+ border-color: neutrals.100;
4323
+ }
4324
+
4325
+ [data-theme=dark] .\[\&_details\]\:dark\:hover\:bg-c_neutrals\.800 details:is(:hover, [data-hover]) {
4326
+ background-color: neutrals.800;
4327
+ }
4328
+
4329
+ .\[\&_details\]\:\[\&_\>_summary\]\:\[\&_i\]\:fs_0\.75rem details > summary i {
4330
+ font-size: 0.75rem;
4331
+ }
4332
+
4333
+ .\[\&_details\]\:\[\&_\>_summary\]\:before\:content_\'\' details > summary::before {
4334
+ content: '';
4335
+ }
4336
+
4337
+ .\[\&_details\]\:\[\&_\>_summary\]\:before\:pos_absolute details > summary::before {
4338
+ position: absolute;
4339
+ }
4340
+
4341
+ .\[\&_details\]\:\[\&_\>_summary\]\:before\:bg-c_neutrals\.100 details > summary::before {
4342
+ background-color: neutrals.100;
4343
+ }
4344
+
4345
+ .\[\&_details\]\:\[\&_\>_summary\]\:before\:d_inline-block details > summary::before {
4346
+ display: inline-block;
4347
+ }
4348
+
4349
+ .\[\&_details\]\:\[\&_\>_summary\]\:before\:trf_rotate\(135deg\) details > summary::before {
4350
+ transform: rotate(135deg);
4351
+ }
4352
+
4353
+ .\[\&_details\]\:\[\&_\>_summary\]\:before\:va_top details > summary::before {
4354
+ vertical-align: top;
4355
+ }
4356
+
4357
+ [data-theme=dark] .\[\&_a\:not\(\:last-child\)\]\:hover\:dark\:c_neutral\.100 a:not(:last-child):is(:hover, [data-hover]) {
4358
+ color: var(--colors-neutral-100);
4359
+ }
4360
+
4361
+ [data-theme=dark] .\[\&_li\]\:hover\:dark\:bg-c_\#15171E li:is(:hover, [data-hover]) {
4362
+ background-color: #15171E;
4363
+ }
4364
+
4365
+ .\[\&\.loading\]\:\[\&_tbody\]\:before\:content_\"\".loading tbody::before {
4366
+ content: "";
4367
+ }
4368
+
4369
+ .\[\&\.loading\]\:\[\&_tbody\]\:before\:d_block.loading tbody::before {
4370
+ display: block;
4371
+ }
4372
+
4373
+ .\[\&\.loading\]\:\[\&_tbody\]\:before\:pos_absolute.loading tbody::before {
4374
+ position: absolute;
4375
+ }
4376
+
4377
+ .\[\&\.loading\]\:\[\&_tbody\]\:before\:trf-o_right.loading tbody::before {
4378
+ transform-origin: right;
4379
+ }
4380
+
4381
+ .\[\&_details\]\:\[\&_\>_summary\]\:before\:top_calc\(50\%_-_5px\) details > summary::before {
4382
+ top: calc(50% - 5px);
4383
+ }
4384
+
4385
+ .\[\&_details\]\:\[\&_\>_summary\]\:before\:right_16px details > summary::before {
4386
+ right: 16px;
4387
+ }
4388
+
4389
+ .\[\&_details\]\:\[\&_\>_summary\]\:before\:w_8px details > summary::before {
4390
+ width: 8px;
4391
+ }
4392
+
4393
+ .\[\&_details\]\:\[\&_\>_summary\]\:before\:h_8px details > summary::before {
4394
+ height: 8px;
4395
+ }
4396
+
4397
+ .\[\&\.loading\]\:\[\&_tbody\]\:before\:h_2px.loading tbody::before {
4398
+ height: 2px;
4399
+ }
4400
+
4401
+ .\[\&\.loading\]\:\[\&_tbody\]\:before\:top_0.loading tbody::before {
4402
+ top: var(--spacing-0);
4403
+ }
4404
+
4405
+ .\[\&\.loading\]\:\[\&_tbody\]\:before\:left_0.loading tbody::before {
4406
+ left: var(--spacing-0);
4407
+ }
4408
+
4409
+ .\[\&_details\]\:\[\&\[open\]\]\:\[\&_\>_summary\]\:before\:trs_transform_400ms_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\) details[open] > summary::before {
4410
+ transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
1971
4411
  }
1972
4412
 
1973
4413
  [data-theme=dark] .\[\&_details\]\:\[\&_\>_summary\]\:before\:dark\:bd-c_neutrals\.50 details > summary::before {
1974
- border-color: var(--colors-neutrals-50);
4414
+ border-color: neutrals.50;
4415
+ }
4416
+
4417
+ .\[\&_details\]\:\[\&\[open\]\]\:\[\&_\>_summary\]\:before\:trf_rotate\(-45deg\) details[open] > summary::before {
4418
+ transform: rotate(-45deg);
4419
+ }
4420
+
4421
+ [data-theme=dark] .\[\&_details\]\:\[\&_\>_summary\]\:before\:dark\:bg-c_neutrals\.900 details > summary::before {
4422
+ background-color: neutrals.900;
4423
+ }
4424
+
4425
+ @media (prefers-reduced-motion: no-preference) {
4426
+ .\[\&\:\:before\]\:motionSafe\:trs_transform_0\.2s_ease-in-out\,_box-shadow_0\.25s_ease-in-out::before {
4427
+ transition: transform 0.2s ease-in-out, box-shadow 0.25s ease-in-out;
4428
+ }
1975
4429
  }
1976
4430
  }