@rebnd/ui 0.0.2 → 0.0.4

package/dist/styles.css

@@ -3,34 +3,34 @@
 @layer reset{
   html,:host {
     --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';
+    line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -moz-tab-size: 4;
     tab-size: 4;
-    -webkit-tap-highlight-color: transparent;
-    line-height: 1.5;
     font-family: var(--global-font-body, var(--font-fallback));
+    -webkit-tap-highlight-color: transparent;
 }
 
   *,::before,::after,::backdrop,::file-selector-button {
     margin: 0px;
     padding: 0px;
-    box-sizing: border-box;
     border-width: 0px;
     border-style: solid;
-    border-color: var(--global-color-border, currentColor);
+    border-color: var(--global-color-border, currentcolor);
+    box-sizing: border-box;
 }
 
   hr {
-    height: 0px;
     color: inherit;
+    height: 0px;
     border-top-width: 1px;
 }
 
   body {
-    height: 100%;
     line-height: inherit;
+    height: 100%;
 }
 
   img {
@@ -68,27 +68,37 @@
 
   button,input,optgroup,select,textarea,::file-selector-button {
     font: inherit;
+    background: var(--colors-transparent);
     font-feature-settings: inherit;
     font-variation-settings: inherit;
     letter-spacing: inherit;
     color: inherit;
-    background: var(--colors-transparent);
 }
 
   ::placeholder {
+    --placeholder-fallback: rgba(0, 0, 0, 0.5);
     opacity: 1;
-    --placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent);
     color: var(--global-color-placeholder, var(--placeholder-fallback));
 }
 
+  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      --placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent);
+}
+}
+
+  ::selection {
+    background-color: var(--global-color-selection, rgba(0, 115, 255, 0.3));
+}
+
   textarea {
     resize: vertical;
 }
 
   table {
+    border-color: inherit;
     text-indent: 0px;
     border-collapse: collapse;
-    border-color: inherit;
 }
 
   summary {
@@ -100,10 +110,10 @@
 }
 
   sub,sup {
-    position: relative;
-    vertical-align: baseline;
     font-size: 75%;
     line-height: 0;
+    position: relative;
+    vertical-align: baseline;
 }
 
   sub {
@@ -119,8 +129,8 @@
 }
 
   a {
-    color: inherit;
     text-decoration: inherit;
+    color: inherit;
 }
 
   abbr:where([title]) {
@@ -133,10 +143,10 @@
 
   code,kbd,samp,pre {
     --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
-    font-feature-settings: normal;
-    font-variation-settings: normal;
     font-family: var(--global-font-mono, var(--font-mono-fallback));
     font-size: 1em;
+    font-feature-settings: normal;
+    font-variation-settings: normal;
 }
 
   progress {
@@ -169,53 +179,51 @@
     --made-with-panda: '🐼';
 }
 
-  body {
-    background: var(--colors-neutrals-50);
-    color: var(--colors-neutrals-950);
+  body,.body {
+    background: var(--colors-neutral-50);
+    color: var(--colors-neutral-foreground);
 }
 
-  [data-theme=dark] body {
-    background: var(--colors-neutrals-950);
-    color: var(--colors-neutrals-50);
+  *:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    cursor: not-allowed !important;
 }
 
   button {
     cursor: pointer;
 }
 
-  input,textarea {
-    width: 100%;
-    padding: .5rem;
-    border-radius: 2px;
+  input:not([type="checkbox"]):not([type="radio"]),textarea {
+    padding: var(--spacing-xs);
     outline: 1px solid;
-    font-size: 0.875rem;
-    outline-color: var(--colors-neutrals-100);
+    background-color: var(--colors-input-surface);
+    color: var(--colors-input-foreground);
+    outline-color: var(--colors-input-border);
+    font-size: var(--font-sizes-xs);
+    width: 100%;
 }
 
-  input.error,textarea.error {
+  input:not([type="checkbox"]):not([type="radio"]).rebnd-input--error,textarea.rebnd-input--error {
     animation: var(--animations-shake);
+    outline-color: var(--colors-error-500);
 }
 
-  input.error,textarea.error,[data-theme=dark] input.error,[data-theme=dark] textarea.error {
-    outline-color: var(--colors-error);
+  input:not([type="checkbox"]):not([type="radio"]).rebnd-input--error:is(:focus, [data-focus]),textarea.rebnd-input--error:is(:focus, [data-focus]) {
+    box-shadow: 0 0 0 4px var(--colors-error-200);
 }
 
-  input.error:is(:focus, [data-focus]),textarea.error:is(:focus, [data-focus]) {
-    outline-color: cyan;
-}
-
-  input:is(:read-only, [data-read-only]),textarea:is(:read-only, [data-read-only]) {
+  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]) {
     cursor: pointer !important;
     -webkit-user-select: none !important;
     user-select: none !important;
 }
 
-  [data-theme=dark] input,[data-theme=dark] textarea {
-    outline-color: var(--colors-neutrals-800);
+  input:not([type="checkbox"]):not([type="radio"])::placeholder,input:not([type="checkbox"]):not([type="radio"])[data-placeholder],textarea::placeholder,textarea[data-placeholder] {
+    color: var(--colors-input-placeholder);
+    font-size: var(--font-sizes-xs);
 }
 
-  input:focus,textarea:focus {
-    outline-color: var(--colors-dash-600);
+  input:not([type="checkbox"]):not([type="radio"]):is(:focus, [data-focus]),textarea:is(:focus, [data-focus]) {
+    box-shadow: 0 0 0 4px var(--colors-input-ring);
 }
 
   *,::before,::after,::backdrop {
@@ -276,24 +284,6 @@
     --durations-slow: 300ms;
     --durations-slower: 400ms;
     --durations-slowest: 500ms;
-    --radii-xs: 0.125rem;
-    --radii-sm: 0.25rem;
-    --radii-md: 0.375rem;
-    --radii-lg: 0.5rem;
-    --radii-xl: 0.75rem;
-    --radii-2xl: 1rem;
-    --radii-3xl: 1.5rem;
-    --radii-4xl: 2rem;
-    --radii-full: 9999px;
-    --font-weights-thin: 100;
-    --font-weights-extralight: 200;
-    --font-weights-light: 300;
-    --font-weights-normal: 400;
-    --font-weights-medium: 500;
-    --font-weights-semibold: 600;
-    --font-weights-bold: 700;
-    --font-weights-extrabold: 800;
-    --font-weights-black: 900;
     --line-heights-none: 1;
     --line-heights-tight: 1.25;
     --line-heights-snug: 1.375;
@@ -309,122 +299,28 @@
     --letter-spacings-wide: 0.025em;
     --letter-spacings-wider: 0.05em;
     --letter-spacings-widest: 0.1em;
-    --font-sizes-2xs: 0.5rem;
-    --font-sizes-xs: 0.75rem;
-    --font-sizes-sm: 0.875rem;
-    --font-sizes-md: 1rem;
-    --font-sizes-lg: 1.125rem;
-    --font-sizes-xl: 1.25rem;
-    --font-sizes-2xl: 1.5rem;
-    --font-sizes-3xl: 1.875rem;
-    --font-sizes-4xl: 2.25rem;
-    --font-sizes-5xl: 3rem;
-    --font-sizes-6xl: 3.75rem;
-    --font-sizes-7xl: 4.5rem;
-    --font-sizes-8xl: 6rem;
-    --font-sizes-9xl: 8rem;
-    --blurs-sm: 4px;
-    --blurs-base: 8px;
+    --blurs-xs: 4px;
+    --blurs-sm: 8px;
     --blurs-md: 12px;
     --blurs-lg: 16px;
     --blurs-xl: 24px;
     --blurs-2xl: 40px;
     --blurs-3xl: 64px;
-    --spacing-0: 0rem;
-    --spacing-1: 0.25rem;
-    --spacing-2: 0.5rem;
-    --spacing-3: 0.75rem;
-    --spacing-4: 1rem;
-    --spacing-5: 1.25rem;
-    --spacing-6: 1.5rem;
-    --spacing-7: 1.75rem;
-    --spacing-8: 2rem;
-    --spacing-9: 2.25rem;
-    --spacing-10: 2.5rem;
-    --spacing-11: 2.75rem;
-    --spacing-12: 3rem;
-    --spacing-14: 3.5rem;
-    --spacing-16: 4rem;
-    --spacing-20: 5rem;
-    --spacing-24: 6rem;
-    --spacing-28: 7rem;
-    --spacing-32: 8rem;
-    --spacing-36: 9rem;
-    --spacing-40: 10rem;
-    --spacing-44: 11rem;
-    --spacing-48: 12rem;
-    --spacing-52: 13rem;
-    --spacing-56: 14rem;
-    --spacing-60: 15rem;
-    --spacing-64: 16rem;
-    --spacing-72: 18rem;
-    --spacing-80: 20rem;
-    --spacing-96: 24rem;
-    --spacing-0\.5: 0.125rem;
-    --spacing-1\.5: 0.375rem;
-    --spacing-2\.5: 0.625rem;
-    --spacing-3\.5: 0.875rem;
-    --sizes-0: 0rem;
-    --sizes-1: 0.25rem;
-    --sizes-2: 0.5rem;
-    --sizes-3: 0.75rem;
-    --sizes-4: 1rem;
-    --sizes-5: 1.25rem;
-    --sizes-6: 1.5rem;
-    --sizes-7: 1.75rem;
-    --sizes-8: 2rem;
-    --sizes-9: 2.25rem;
-    --sizes-10: 2.5rem;
-    --sizes-11: 2.75rem;
-    --sizes-12: 3rem;
-    --sizes-14: 3.5rem;
-    --sizes-16: 4rem;
-    --sizes-20: 5rem;
-    --sizes-24: 6rem;
-    --sizes-28: 7rem;
-    --sizes-32: 8rem;
-    --sizes-36: 9rem;
-    --sizes-40: 10rem;
-    --sizes-44: 11rem;
-    --sizes-48: 12rem;
-    --sizes-52: 13rem;
-    --sizes-56: 14rem;
-    --sizes-60: 15rem;
-    --sizes-64: 16rem;
-    --sizes-72: 18rem;
-    --sizes-80: 20rem;
-    --sizes-96: 24rem;
-    --sizes-0\.5: 0.125rem;
-    --sizes-1\.5: 0.375rem;
-    --sizes-2\.5: 0.625rem;
-    --sizes-3\.5: 0.875rem;
-    --sizes-xs: 20rem;
-    --sizes-sm: 24rem;
-    --sizes-md: 28rem;
-    --sizes-lg: 32rem;
-    --sizes-xl: 36rem;
-    --sizes-2xl: 42rem;
-    --sizes-3xl: 48rem;
-    --sizes-4xl: 56rem;
-    --sizes-5xl: 64rem;
-    --sizes-6xl: 72rem;
-    --sizes-7xl: 80rem;
-    --sizes-8xl: 90rem;
-    --sizes-prose: 65ch;
-    --sizes-full: 100%;
-    --sizes-min: min-content;
-    --sizes-max: max-content;
-    --sizes-fit: fit-content;
-    --sizes-breakpoint-sm: 640px;
-    --sizes-breakpoint-md: 768px;
-    --sizes-breakpoint-lg: 1024px;
-    --sizes-breakpoint-xl: 1280px;
-    --sizes-breakpoint-2xl: 1536px;
-    --animations-spin: spin 1s linear infinite;
     --animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
     --animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --animations-bounce: bounce 1s infinite;
     --animations-shake: shake 1s linear;
+    --animations-slide: slide 3s ease-in infinite;
+    --animations-slide-in-left: slideInLeft 400ms ease-in;
+    --animations-slide-in-right: slideInRight 400ms ease-in;
+    --animations-spin: spin 800ms linear infinite;
+    --border-widths-none: 0px;
+    --border-widths-thin: 0.5px;
+    --border-widths-default: 1px;
+    --border-widths-medium: 1.5px;
+    --border-widths-thick: 2px;
+    --border-widths-bold: 3px;
+    --border-widths-heavy: 4px;
     --colors-current: currentColor;
     --colors-black: #000;
     --colors-white: #fff;
@@ -495,6 +391,17 @@
     --colors-indigo-800: #3730a3;
     --colors-indigo-900: #312e81;
     --colors-indigo-950: #1e1b4b;
+    --colors-blue-50: #eff6ff;
+    --colors-blue-100: #dbeafe;
+    --colors-blue-200: #bfdbfe;
+    --colors-blue-300: #93c5fd;
+    --colors-blue-400: #60a5fa;
+    --colors-blue-500: #3b82f6;
+    --colors-blue-600: #2563eb;
+    --colors-blue-700: #1d4ed8;
+    --colors-blue-800: #1e40af;
+    --colors-blue-900: #1e3a8a;
+    --colors-blue-950: #172554;
     --colors-sky-50: #f0f9ff;
     --colors-sky-100: #e0f2fe;
     --colors-sky-200: #bae6fd;
@@ -539,6 +446,17 @@
     --colors-emerald-800: #065f46;
     --colors-emerald-900: #064e3b;
     --colors-emerald-950: #022c22;
+    --colors-green-50: #f0fdf4;
+    --colors-green-100: #dcfce7;
+    --colors-green-200: #bbf7d0;
+    --colors-green-300: #86efac;
+    --colors-green-400: #4ade80;
+    --colors-green-500: #22c55e;
+    --colors-green-600: #16a34a;
+    --colors-green-700: #15803d;
+    --colors-green-800: #166534;
+    --colors-green-900: #14532d;
+    --colors-green-950: #052e16;
     --colors-lime-50: #f7fee7;
     --colors-lime-100: #ecfccb;
     --colors-lime-200: #d9f99d;
@@ -550,6 +468,17 @@
     --colors-lime-800: #3f6212;
     --colors-lime-900: #365314;
     --colors-lime-950: #1a2e05;
+    --colors-yellow-50: #fefce8;
+    --colors-yellow-100: #fef9c3;
+    --colors-yellow-200: #fef08a;
+    --colors-yellow-300: #fde047;
+    --colors-yellow-400: #facc15;
+    --colors-yellow-500: #eab308;
+    --colors-yellow-600: #ca8a04;
+    --colors-yellow-700: #a16207;
+    --colors-yellow-800: #854d0e;
+    --colors-yellow-900: #713f12;
+    --colors-yellow-950: #422006;
     --colors-amber-50: #fffbeb;
     --colors-amber-100: #fef3c7;
     --colors-amber-200: #fde68a;
@@ -572,17 +501,28 @@
     --colors-orange-800: #9a3412;
     --colors-orange-900: #7c2d12;
     --colors-orange-950: #431407;
-    --colors-neutral-50: #fafafa;
-    --colors-neutral-100: #f5f5f5;
-    --colors-neutral-200: #e5e5e5;
-    --colors-neutral-300: #d4d4d4;
-    --colors-neutral-400: #a3a3a3;
-    --colors-neutral-500: #737373;
-    --colors-neutral-600: #525252;
-    --colors-neutral-700: #404040;
-    --colors-neutral-800: #262626;
-    --colors-neutral-900: #171717;
-    --colors-neutral-950: #0a0a0a;
+    --colors-red-50: #fef2f2;
+    --colors-red-100: #fee2e2;
+    --colors-red-200: #fecaca;
+    --colors-red-300: #fca5a5;
+    --colors-red-400: #f87171;
+    --colors-red-500: #ef4444;
+    --colors-red-600: #dc2626;
+    --colors-red-700: #b91c1c;
+    --colors-red-800: #991b1b;
+    --colors-red-900: #7f1d1d;
+    --colors-red-950: #450a0a;
+    --colors-neutral-50: var(--colors-solid-gray-light-50);
+    --colors-neutral-100: var(--colors-solid-gray-light-100);
+    --colors-neutral-200: var(--colors-solid-gray-light-200);
+    --colors-neutral-300: var(--colors-solid-gray-light-300);
+    --colors-neutral-400: var(--colors-solid-gray-light-400);
+    --colors-neutral-500: var(--colors-solid-gray-light-500);
+    --colors-neutral-600: var(--colors-solid-gray-light-600);
+    --colors-neutral-700: var(--colors-solid-gray-light-700);
+    --colors-neutral-800: var(--colors-solid-gray-light-800);
+    --colors-neutral-900: var(--colors-solid-gray-light-900);
+    --colors-neutral-950: var(--colors-solid-gray-light-950);
     --colors-stone-50: #fafaf9;
     --colors-stone-100: #f5f5f4;
     --colors-stone-200: #e7e5e4;
@@ -605,6 +545,17 @@
     --colors-zinc-800: #27272a;
     --colors-zinc-900: #18181b;
     --colors-zinc-950: #09090b;
+    --colors-gray-50: #f9fafb;
+    --colors-gray-100: #f3f4f6;
+    --colors-gray-200: #e5e7eb;
+    --colors-gray-300: #d1d5db;
+    --colors-gray-400: #9ca3af;
+    --colors-gray-500: #6b7280;
+    --colors-gray-600: #4b5563;
+    --colors-gray-700: #374151;
+    --colors-gray-800: #1f2937;
+    --colors-gray-900: #111827;
+    --colors-gray-950: #030712;
     --colors-slate-50: #f8fafc;
     --colors-slate-100: #f1f5f9;
     --colors-slate-200: #e2e8f0;
@@ -616,90 +567,1156 @@
     --colors-slate-800: #1e293b;
     --colors-slate-900: #0f172a;
     --colors-slate-950: #020617;
-    --colors-blue-50: #eff8ff;
-    --colors-blue-100: #daefff;
-    --colors-blue-200: #bee4ff;
-    --colors-blue-300: #91d4ff;
-    --colors-blue-400: #5ebbfc;
-    --colors-blue-500: #389cf9;
-    --colors-blue-600: #227eee;
-    --colors-blue-700: #1c6ce4;
-    --colors-blue-800: #1c54b1;
-    --colors-blue-900: #1c488c;
-    --colors-blue-950: #162d55;
-    --colors-dash-50: #eefff7;
-    --colors-dash-100: #d7ffef;
-    --colors-dash-200: #b2ffde;
-    --colors-dash-300: #77fec5;
-    --colors-dash-400: #18f297;
-    --colors-dash-500: #0add86;
-    --colors-dash-600: #01b86d;
-    --colors-dash-700: #059057;
-    --colors-dash-800: #0a7147;
-    --colors-dash-900: #0b5c3d;
-    --colors-dash-950: #003420;
-    --colors-gray-50: #f6f6f9;
-    --colors-gray-100: #ededf1;
-    --colors-gray-200: #d6d7e1;
-    --colors-gray-300: #b3b6c6;
-    --colors-gray-400: #898ea7;
-    --colors-gray-500: #6b718c;
-    --colors-gray-600: #555974;
-    --colors-gray-700: #464a5e;
-    --colors-gray-800: #3c3f50;
-    --colors-gray-900: #363844;
-    --colors-gray-950: #2b2c37;
-    --colors-green-50: #effef4;
-    --colors-green-100: #dafee6;
-    --colors-green-200: #b7fbcf;
-    --colors-green-300: #7ff6aa;
-    --colors-green-400: #2ee571;
-    --colors-green-500: #18cf5b;
-    --colors-green-600: #0dac48;
-    --colors-green-700: #0e873b;
-    --colors-green-800: #116a33;
-    --colors-green-900: #10572c;
-    --colors-green-950: #023116;
-    --colors-neutrals-50: #F6F7F9;
-    --colors-neutrals-100: #EBEDF3;
-    --colors-neutrals-200: #D3D7E4;
-    --colors-neutrals-300: #ADB6CC;
-    --colors-neutrals-400: #808EB0;
-    --colors-neutrals-500: #607097;
-    --colors-neutrals-600: #4C587D;
-    --colors-neutrals-700: #3E4866;
-    --colors-neutrals-800: #363E56;
-    --colors-neutrals-900: #313649;
-    --colors-neutrals-950: #0A0B0F;
-    --colors-red-50: #fff1f1;
-    --colors-red-100: #ffe4e5;
-    --colors-red-200: #ffcccf;
-    --colors-red-300: #fea3a9;
-    --colors-red-400: #fd6f7c;
-    --colors-red-500: #f73c52;
-    --colors-red-600: #e51c3d;
-    --colors-red-700: #c10f31;
-    --colors-red-800: #a11030;
-    --colors-red-900: #8a112f;
-    --colors-red-950: #4d0415;
-    --colors-yellow-50: #fcfbea;
-    --colors-yellow-100: #f9f9c8;
-    --colors-yellow-200: #f4f094;
-    --colors-yellow-300: #ede158;
-    --colors-yellow-400: #e6cf29;
-    --colors-yellow-500: #d6b81c;
-    --colors-yellow-600: #b89116;
-    --colors-yellow-700: #936a15;
-    --colors-yellow-800: #7a5419;
-    --colors-yellow-900: #69451a;
-    --colors-yellow-950: #3d250b;
+    --colors-solid-red-light-50: #fffcfb;
+    --colors-solid-red-light-100: #fff8f6;
+    --colors-solid-red-light-200: #ffeae7;
+    --colors-solid-red-light-300: #ffdad2;
+    --colors-solid-red-light-400: #ffcbc1;
+    --colors-solid-red-light-500: #ffbaae;
+    --colors-solid-red-light-600: #fda498;
+    --colors-solid-red-light-700: #f6887a;
+    --colors-solid-red-light-800: #e0000b;
+    --colors-solid-red-light-850: #cf0000;
+    --colors-solid-red-light-900: #dd0005;
+    --colors-solid-red-light-950: #661a14;
+    --colors-solid-red-dark-50: #120907;
+    --colors-solid-red-dark-100: #201210;
+    --colors-solid-red-dark-200: #3f0e0a;
+    --colors-solid-red-dark-300: #580001;
+    --colors-solid-red-dark-400: #6a0203;
+    --colors-solid-red-dark-500: #7c1510;
+    --colors-solid-red-dark-600: #96271f;
+    --colors-solid-red-dark-700: #c2332a;
+    --colors-solid-red-dark-800: #ff000d;
+    --colors-solid-red-dark-850: #ef0000;
+    --colors-solid-red-dark-900: #ff9081;
+    --colors-solid-red-dark-950: #ffcfc6;
+    --colors-solid-orange-light-50: #fffcfb;
+    --colors-solid-orange-light-100: #fff8f6;
+    --colors-solid-orange-light-200: #ffebe6;
+    --colors-solid-orange-light-300: #ffdcd1;
+    --colors-solid-orange-light-400: #ffcdbe;
+    --colors-solid-orange-light-500: #ffbcab;
+    --colors-solid-orange-light-600: #f8a793;
+    --colors-solid-orange-light-700: #ef8d75;
+    --colors-solid-orange-light-800: #db3700;
+    --colors-solid-orange-light-850: #cc2100;
+    --colors-solid-orange-light-900: #d42f00;
+    --colors-solid-orange-light-950: #5d2619;
+    --colors-solid-orange-dark-50: #100908;
+    --colors-solid-orange-dark-100: #1e1311;
+    --colors-solid-orange-dark-200: #3a150c;
+    --colors-solid-orange-dark-300: #511102;
+    --colors-solid-orange-dark-400: #621805;
+    --colors-solid-orange-dark-500: #722513;
+    --colors-solid-orange-dark-600: #8a3622;
+    --colors-solid-orange-dark-700: #b3472d;
+    --colors-solid-orange-dark-800: #eb3b00;
+    --colors-solid-orange-dark-850: #dc2900;
+    --colors-solid-orange-dark-900: #ff9275;
+    --colors-solid-orange-dark-950: #fed2c7;
+    --colors-solid-amber-light-50: #fefcfb;
+    --colors-solid-amber-light-100: #fff6f1;
+    --colors-solid-amber-light-200: #ffebe0;
+    --colors-solid-amber-light-300: #ffd8c0;
+    --colors-solid-amber-light-400: #ffcaac;
+    --colors-solid-amber-light-500: #ffbd9d;
+    --colors-solid-amber-light-600: #f4ac8b;
+    --colors-solid-amber-light-700: #e8956e;
+    --colors-solid-amber-light-800: #c45308;
+    --colors-solid-amber-light-850: #b54500;
+    --colors-solid-amber-light-900: #c85610;
+    --colors-solid-amber-light-950: #54301f;
+    --colors-solid-amber-dark-50: #0f0a08;
+    --colors-solid-amber-dark-100: #1c1411;
+    --colors-solid-amber-dark-200: #341a0d;
+    --colors-solid-amber-dark-300: #491c04;
+    --colors-solid-amber-dark-400: #582407;
+    --colors-solid-amber-dark-500: #673115;
+    --colors-solid-amber-dark-600: #7e4124;
+    --colors-solid-amber-dark-700: #a35530;
+    --colors-solid-amber-dark-800: #d35909;
+    --colors-solid-amber-dark-850: #c44b00;
+    --colors-solid-amber-dark-900: #ff9966;
+    --colors-solid-amber-dark-950: #f6d6c7;
+    --colors-solid-yellow-light-50: #fdfdf9;
+    --colors-solid-yellow-light-100: #fffce9;
+    --colors-solid-yellow-light-200: #fff8b5;
+    --colors-solid-yellow-light-300: #fff191;
+    --colors-solid-yellow-light-400: #fee86e;
+    --colors-solid-yellow-light-500: #eed967;
+    --colors-solid-yellow-light-600: #ddca67;
+    --colors-solid-yellow-light-700: #c9b43a;
+    --colors-solid-yellow-light-800: #ffe600;
+    --colors-solid-yellow-light-850: #fcdd00;
+    --colors-solid-yellow-light-900: #8d7800;
+    --colors-solid-yellow-light-950: #433d1f;
+    --colors-solid-yellow-dark-50: #0c0b06;
+    --colors-solid-yellow-dark-100: #19170f;
+    --colors-solid-yellow-dark-200: #272409;
+    --colors-solid-yellow-dark-300: #332c00;
+    --colors-solid-yellow-dark-400: #3f3700;
+    --colors-solid-yellow-dark-500: #4c440e;
+    --colors-solid-yellow-dark-600: #5f5720;
+    --colors-solid-yellow-dark-700: #796f2b;
+    --colors-solid-yellow-dark-800: #ffe62b;
+    --colors-solid-yellow-dark-850: #f1dd50;
+    --colors-solid-yellow-dark-900: #f2dd51;
+    --colors-solid-yellow-dark-950: #f4edb8;
+    --colors-solid-lime-light-50: #fcfdf9;
+    --colors-solid-lime-light-100: #f7faf2;
+    --colors-solid-lime-light-200: #ebf8d2;
+    --colors-solid-lime-light-300: #def2b5;
+    --colors-solid-lime-light-400: #d0e99b;
+    --colors-solid-lime-light-500: #c0dc83;
+    --colors-solid-lime-light-600: #acca65;
+    --colors-solid-lime-light-700: #93b52d;
+    --colors-solid-lime-light-800: #627c03;
+    --colors-solid-lime-light-850: #556e00;
+    --colors-solid-lime-light-900: #617b01;
+    --colors-solid-lime-light-950: #354114;
+    --colors-solid-lime-dark-50: #090d04;
+    --colors-solid-lime-dark-100: #15190c;
+    --colors-solid-lime-dark-200: #20290c;
+    --colors-solid-lime-dark-300: #2a3802;
+    --colors-solid-lime-dark-400: #354600;
+    --colors-solid-lime-dark-500: #405400;
+    --colors-solid-lime-dark-600: #4c6400;
+    --colors-solid-lime-dark-700: #5a7600;
+    --colors-solid-lime-dark-800: #6e8c03;
+    --colors-solid-lime-dark-850: #627f00;
+    --colors-solid-lime-dark-900: #b1d362;
+    --colors-solid-lime-dark-950: #d7f599;
+    --colors-solid-green-light-50: #fbfefb;
+    --colors-solid-green-light-100: #f5fbf5;
+    --colors-solid-green-light-200: #e7f7e9;
+    --colors-solid-green-light-300: #d7f1db;
+    --colors-solid-green-light-400: #c5e9ca;
+    --colors-solid-green-light-500: #aedfb6;
+    --colors-solid-green-light-600: #8ed09a;
+    --colors-solid-green-light-700: #5ebb73;
+    --colors-solid-green-light-800: #1d8740;
+    --colors-solid-green-light-850: #007933;
+    --colors-solid-green-light-900: #11803a;
+    --colors-solid-green-light-950: #1e3c24;
+    --colors-solid-green-dark-50: #050e07;
+    --colors-solid-green-dark-100: #101a12;
+    --colors-solid-green-dark-200: #122c18;
+    --colors-solid-green-dark-300: #093d1a;
+    --colors-solid-green-dark-400: #0a4c21;
+    --colors-solid-green-dark-500: #0b5c28;
+    --colors-solid-green-dark-600: #096d2f;
+    --colors-solid-green-dark-700: #008036;
+    --colors-solid-green-dark-800: #1e8f44;
+    --colors-solid-green-dark-850: #008137;
+    --colors-solid-green-dark-900: #6ad182;
+    --colors-solid-green-dark-950: #a7f8b6;
+    --colors-solid-emerald-light-50: #fbfefc;
+    --colors-solid-emerald-light-100: #f4fbf7;
+    --colors-solid-emerald-light-200: #e6f6ed;
+    --colors-solid-emerald-light-300: #d7f0e2;
+    --colors-solid-emerald-light-400: #c6e8d5;
+    --colors-solid-emerald-light-500: #b1dcc5;
+    --colors-solid-emerald-light-600: #94ccae;
+    --colors-solid-emerald-light-700: #69b790;
+    --colors-solid-emerald-light-800: #008055;
+    --colors-solid-emerald-light-850: #007248;
+    --colors-solid-emerald-light-900: #008055;
+    --colors-solid-emerald-light-950: #203a2d;
+    --colors-solid-emerald-dark-50: #070d09;
+    --colors-solid-emerald-dark-100: #111a15;
+    --colors-solid-emerald-dark-200: #122c20;
+    --colors-solid-emerald-dark-300: #103b28;
+    --colors-solid-emerald-dark-400: #164932;
+    --colors-solid-emerald-dark-500: #1e573e;
+    --colors-solid-emerald-dark-600: #25684a;
+    --colors-solid-emerald-dark-700: #2b7c58;
+    --colors-solid-emerald-dark-800: #009966;
+    --colors-solid-emerald-dark-850: #368662;
+    --colors-solid-emerald-dark-900: #5ad29b;
+    --colors-solid-emerald-dark-950: #aef2cd;
+    --colors-solid-teal-light-50: #fafefd;
+    --colors-solid-teal-light-100: #f3fbfa;
+    --colors-solid-teal-light-200: #e0f8f4;
+    --colors-solid-teal-light-300: #cdf2ec;
+    --colors-solid-teal-light-400: #b9eae2;
+    --colors-solid-teal-light-500: #a3ddd4;
+    --colors-solid-teal-light-600: #87cdc2;
+    --colors-solid-teal-light-700: #5bb8ac;
+    --colors-solid-teal-light-800: #008075;
+    --colors-solid-teal-light-850: #007267;
+    --colors-solid-teal-light-900: #007a6f;
+    --colors-solid-teal-light-950: #193f3b;
+    --colors-solid-teal-dark-50: #060d0c;
+    --colors-solid-teal-dark-100: #101b19;
+    --colors-solid-teal-dark-200: #0e2c28;
+    --colors-solid-teal-dark-300: #073a35;
+    --colors-solid-teal-dark-400: #0f4741;
+    --colors-solid-teal-dark-500: #1a564f;
+    --colors-solid-teal-dark-600: #236860;
+    --colors-solid-teal-dark-700: #287d74;
+    --colors-solid-teal-dark-800: #009689;
+    --colors-solid-teal-dark-850: #31857b;
+    --colors-solid-teal-dark-900: #5dd0c2;
+    --colors-solid-teal-dark-950: #abefe5;
+    --colors-solid-cyan-light-50: #f7fffe;
+    --colors-solid-cyan-light-100: #eefdfb;
+    --colors-solid-cyan-light-200: #d0fcf7;
+    --colors-solid-cyan-light-300: #b2f9f1;
+    --colors-solid-cyan-light-400: #92f2e9;
+    --colors-solid-cyan-light-500: #70e7dc;
+    --colors-solid-cyan-light-600: #36d7cc;
+    --colors-solid-cyan-light-700: #00c1b5;
+    --colors-solid-cyan-light-800: #00f3e6;
+    --colors-solid-cyan-light-850: #00e9dc;
+    --colors-solid-cyan-light-900: #007a72;
+    --colors-solid-cyan-light-950: #004741;
+    --colors-solid-cyan-dark-50: #040e0d;
+    --colors-solid-cyan-dark-100: #071b19;
+    --colors-solid-cyan-dark-200: #002e2a;
+    --colors-solid-cyan-dark-300: #003c37;
+    --colors-solid-cyan-dark-400: #004a44;
+    --colors-solid-cyan-dark-500: #005953;
+    --colors-solid-cyan-dark-600: #006c65;
+    --colors-solid-cyan-dark-700: #00837a;
+    --colors-solid-cyan-dark-800: #29fff1;
+    --colors-solid-cyan-dark-850: #00f5e7;
+    --colors-solid-cyan-dark-900: #00dbce;
+    --colors-solid-cyan-dark-950: #a2fbf2;
+    --colors-solid-sky-light-50: #f9fdff;
+    --colors-solid-sky-light-100: #f2faff;
+    --colors-solid-sky-light-200: #e2f5ff;
+    --colors-solid-sky-light-300: #d2eeff;
+    --colors-solid-sky-light-400: #c0e4ff;
+    --colors-solid-sky-light-500: #abd7fe;
+    --colors-solid-sky-light-600: #8fc6f5;
+    --colors-solid-sky-light-700: #62afed;
+    --colors-solid-sky-light-800: #0071b3;
+    --colors-solid-sky-light-850: #0063a4;
+    --colors-solid-sky-light-900: #0070b2;
+    --colors-solid-sky-light-950: #153e5d;
+    --colors-solid-sky-dark-50: #020c17;
+    --colors-solid-sky-dark-100: #081927;
+    --colors-solid-sky-dark-200: #002847;
+    --colors-solid-sky-dark-300: #003561;
+    --colors-solid-sky-dark-400: #004275;
+    --colors-solid-sky-dark-500: #005189;
+    --colors-solid-sky-dark-600: #0063a2;
+    --colors-solid-sky-dark-700: #0077c3;
+    --colors-solid-sky-dark-800: #0084d1;
+    --colors-solid-sky-dark-850: #0077c3;
+    --colors-solid-sky-dark-900: #66c0ff;
+    --colors-solid-sky-dark-950: #c4ebff;
+    --colors-solid-blue-light-50: #fdfdfe;
+    --colors-solid-blue-light-100: #f6faff;
+    --colors-solid-blue-light-200: #ebf3fd;
+    --colors-solid-blue-light-300: #ddebff;
+    --colors-solid-blue-light-400: #cbe1ff;
+    --colors-solid-blue-light-500: #b7d4ff;
+    --colors-solid-blue-light-600: #9fc2f6;
+    --colors-solid-blue-light-700: #7ca9eb;
+    --colors-solid-blue-light-800: #155dbc;
+    --colors-solid-blue-light-850: #004eab;
+    --colors-solid-blue-light-900: #1c62c2;
+    --colors-solid-blue-light-950: #143059;
+    --colors-solid-blue-dark-50: #050b15;
+    --colors-solid-blue-dark-100: #0e1724;
+    --colors-solid-blue-dark-200: #0f2646;
+    --colors-solid-blue-dark-300: #0f315f;
+    --colors-solid-blue-dark-400: #153c72;
+    --colors-solid-blue-dark-500: #1f4882;
+    --colors-solid-blue-dark-600: #285696;
+    --colors-solid-blue-dark-700: #2e65b1;
+    --colors-solid-blue-dark-800: #2378e7;
+    --colors-solid-blue-dark-850: #0f6ad8;
+    --colors-solid-blue-dark-900: #84b8ff;
+    --colors-solid-blue-dark-950: #d0e3fe;
+    --colors-solid-indigo-light-50: #fdfdff;
+    --colors-solid-indigo-light-100: #f7f8ff;
+    --colors-solid-indigo-light-200: #eff1ff;
+    --colors-solid-indigo-light-300: #e3e7ff;
+    --colors-solid-indigo-light-400: #d6dbff;
+    --colors-solid-indigo-light-500: #c7ccff;
+    --colors-solid-indigo-light-600: #b2b8ff;
+    --colors-solid-indigo-light-700: #979aff;
+    --colors-solid-indigo-light-800: #6350f7;
+    --colors-solid-indigo-light-850: #5844e0;
+    --colors-solid-indigo-light-900: #5845e0;
+    --colors-solid-indigo-light-950: #29226f;
+    --colors-solid-indigo-dark-50: #0a0a16;
+    --colors-solid-indigo-dark-100: #141426;
+    --colors-solid-indigo-dark-200: #231e4c;
+    --colors-solid-indigo-dark-300: #2e236c;
+    --colors-solid-indigo-dark-400: #372c7c;
+    --colors-solid-indigo-dark-500: #41378b;
+    --colors-solid-indigo-dark-600: #4e44a0;
+    --colors-solid-indigo-dark-700: #5d52bf;
+    --colors-solid-indigo-dark-800: #7968f8;
+    --colors-solid-indigo-dark-850: #6e5ae9;
+    --colors-solid-indigo-dark-900: #aba9ff;
+    --colors-solid-indigo-dark-950: #dedfff;
+    --colors-solid-purple-light-50: #fdfcff;
+    --colors-solid-purple-light-100: #fbf7ff;
+    --colors-solid-purple-light-200: #f6ecff;
+    --colors-solid-purple-light-300: #f0e0ff;
+    --colors-solid-purple-light-400: #e8d2ff;
+    --colors-solid-purple-light-500: #dec0ff;
+    --colors-solid-purple-light-600: #d1a7ff;
+    --colors-solid-purple-light-700: #c185ff;
+    --colors-solid-purple-light-800: #9810fa;
+    --colors-solid-purple-light-850: #8900e3;
+    --colors-solid-purple-light-900: #8a00e5;
+    --colors-solid-purple-light-950: #46007a;
+    --colors-solid-purple-dark-50: #0f0815;
+    --colors-solid-purple-dark-100: #1d1127;
+    --colors-solid-purple-dark-200: #301645;
+    --colors-solid-purple-dark-300: #3f175c;
+    --colors-solid-purple-dark-400: #4b1e6c;
+    --colors-solid-purple-dark-500: #58297c;
+    --colors-solid-purple-dark-600: #6c3795;
+    --colors-solid-purple-dark-700: #8c48c1;
+    --colors-solid-purple-dark-800: #b24bfb;
+    --colors-solid-purple-dark-850: #a53bed;
+    --colors-solid-purple-dark-900: #d699ff;
+    --colors-solid-purple-dark-950: #eed6ff;
+    --colors-solid-fuchsia-light-50: #fffbff;
+    --colors-solid-fuchsia-light-100: #fef7fe;
+    --colors-solid-fuchsia-light-200: #ffe8fe;
+    --colors-solid-fuchsia-light-300: #fedafd;
+    --colors-solid-fuchsia-light-400: #faccf9;
+    --colors-solid-fuchsia-light-500: #f4baf3;
+    --colors-solid-fuchsia-light-600: #eba4eb;
+    --colors-solid-fuchsia-light-700: #e184e2;
+    --colors-solid-fuchsia-light-800: #c510cb;
+    --colors-solid-fuchsia-light-850: #b209b7;
+    --colors-solid-fuchsia-light-900: #ad00b3;
+    --colors-solid-fuchsia-light-950: #610065;
+    --colors-solid-fuchsia-dark-50: #110811;
+    --colors-solid-fuchsia-dark-100: #210e21;
+    --colors-solid-fuchsia-dark-200: #39103a;
+    --colors-solid-fuchsia-dark-300: #4d0450;
+    --colors-solid-fuchsia-dark-400: #5b0d5e;
+    --colors-solid-fuchsia-dark-500: #6a1d6d;
+    --colors-solid-fuchsia-dark-600: #832c86;
+    --colors-solid-fuchsia-dark-700: #a739aa;
+    --colors-solid-fuchsia-dark-800: #ea42f0;
+    --colors-solid-fuchsia-dark-850: #dd31e3;
+    --colors-solid-fuchsia-dark-900: #ff75ff;
+    --colors-solid-fuchsia-dark-950: #fdcefd;
+    --colors-solid-pink-light-50: #fffcfe;
+    --colors-solid-pink-light-100: #fff7fb;
+    --colors-solid-pink-light-200: #ffe8f6;
+    --colors-solid-pink-light-300: #fedaef;
+    --colors-solid-pink-light-400: #facce7;
+    --colors-solid-pink-light-500: #f4bcdd;
+    --colors-solid-pink-light-600: #eca9d1;
+    --colors-solid-pink-light-700: #e38fc3;
+    --colors-solid-pink-light-800: #ee44bb;
+    --colors-solid-pink-light-850: #e035ae;
+    --colors-solid-pink-light-900: #c60e97;
+    --colors-solid-pink-light-950: #68044e;
+    --colors-solid-pink-dark-50: #000000;
+    --colors-solid-pink-dark-100: #1c0915;
+    --colors-solid-pink-dark-200: #370f2a;
+    --colors-solid-pink-dark-300: #4f063b;
+    --colors-solid-pink-dark-400: #5d1047;
+    --colors-solid-pink-dark-500: #6f2056;
+    --colors-solid-pink-dark-600: #892f6c;
+    --colors-solid-pink-dark-700: #af3c8b;
+    --colors-solid-pink-dark-800: #ee44bb;
+    --colors-solid-pink-dark-850: #e034af;
+    --colors-solid-pink-dark-900: #ff82db;
+    --colors-solid-pink-dark-950: #ffceec;
+    --colors-solid-rose-light-50: #fffcfc;
+    --colors-solid-rose-light-100: #fff7f8;
+    --colors-solid-rose-light-200: #ffe9ec;
+    --colors-solid-rose-light-300: #ffdae0;
+    --colors-solid-rose-light-400: #ffccd3;
+    --colors-solid-rose-light-500: #fcbcc5;
+    --colors-solid-rose-light-600: #f4a9b4;
+    --colors-solid-rose-light-700: #eb8f9e;
+    --colors-solid-rose-light-800: #e1055d;
+    --colors-solid-rose-light-850: #d10051;
+    --colors-solid-rose-light-900: #d50054;
+    --colors-solid-rose-light-950: #690b2a;
+    --colors-solid-rose-dark-50: #11080a;
+    --colors-solid-rose-dark-100: #201214;
+    --colors-solid-rose-dark-200: #3d101a;
+    --colors-solid-rose-dark-300: #54061f;
+    --colors-solid-rose-dark-400: #650c28;
+    --colors-solid-rose-dark-500: #761a34;
+    --colors-solid-rose-dark-600: #912944;
+    --colors-solid-rose-dark-700: #bd3559;
+    --colors-solid-rose-dark-800: #f00563;
+    --colors-solid-rose-dark-850: #e00057;
+    --colors-solid-rose-dark-900: #ff8da4;
+    --colors-solid-rose-dark-950: #ffd0d7;
+    --colors-solid-gray-light-50: #fbfcfe;
+    --colors-solid-gray-light-100: #f8fafd;
+    --colors-solid-gray-light-200: #edf0f7;
+    --colors-solid-gray-light-300: #e4e8f1;
+    --colors-solid-gray-light-400: #dbe1ed;
+    --colors-solid-gray-light-500: #d3dae7;
+    --colors-solid-gray-light-600: #c7cfdf;
+    --colors-solid-gray-light-700: #b1bcd1;
+    --colors-solid-gray-light-800: #848ea3;
+    --colors-solid-gray-light-850: #7a8497;
+    --colors-solid-gray-light-900: #5d6575;
+    --colors-solid-gray-light-950: #202020;
+    --colors-solid-gray-dark-50: #090b0f;
+    --colors-solid-gray-dark-100: #16181d;
+    --colors-solid-gray-dark-200: #1f2229;
+    --colors-solid-gray-dark-300: #252a33;
+    --colors-solid-gray-dark-400: #2c313c;
+    --colors-solid-gray-dark-500: #343b47;
+    --colors-solid-gray-dark-600: #404858;
+    --colors-solid-gray-dark-700: #566176;
+    --colors-solid-gray-dark-800: #636f86;
+    --colors-solid-gray-dark-850: #707c94;
+    --colors-solid-gray-dark-900: #aab5c9;
+    --colors-solid-gray-dark-950: #eceef2;
+    --colors-solid-slate-light-50: #fbfcff;
+    --colors-solid-slate-light-100: #f6f9fe;
+    --colors-solid-slate-light-200: #ecf1f8;
+    --colors-solid-slate-light-300: #e2e9f2;
+    --colors-solid-slate-light-400: #dae2ee;
+    --colors-solid-slate-light-500: #d1dbe9;
+    --colors-solid-slate-light-600: #c3d0e2;
+    --colors-solid-slate-light-700: #acbdd5;
+    --colors-solid-slate-light-800: #7f8fa7;
+    --colors-solid-slate-light-850: #74849b;
+    --colors-solid-slate-light-900: #586578;
+    --colors-solid-slate-light-950: #18202b;
+    --colors-solid-slate-dark-50: #070b12;
+    --colors-solid-slate-dark-100: #13181f;
+    --colors-solid-slate-dark-200: #1b222d;
+    --colors-solid-slate-dark-300: #202a37;
+    --colors-solid-slate-dark-400: #263141;
+    --colors-solid-slate-dark-500: #2d3a4d;
+    --colors-solid-slate-dark-600: #374860;
+    --colors-solid-slate-dark-700: #4a6282;
+    --colors-solid-slate-dark-800: #586f90;
+    --colors-solid-slate-dark-850: #677d9c;
+    --colors-solid-slate-dark-900: #a4b5cd;
+    --colors-solid-slate-dark-950: #eaeef5;
+    --colors-solid-ivory-light-50: #fefdfb;
+    --colors-solid-ivory-light-100: #faf9f6;
+    --colors-solid-ivory-light-200: #f2f0ec;
+    --colors-solid-ivory-light-300: #eae8e2;
+    --colors-solid-ivory-light-400: #e3e1da;
+    --colors-solid-ivory-light-500: #dcd9d0;
+    --colors-solid-ivory-light-600: #d2cec3;
+    --colors-solid-ivory-light-700: #bfbbae;
+    --colors-solid-ivory-light-800: #918c80;
+    --colors-solid-ivory-light-850: #868275;
+    --colors-solid-ivory-light-900: #666257;
+    --colors-solid-ivory-light-950: #232016;
+    --colors-solid-ivory-dark-50: #0e0b04;
+    --colors-solid-ivory-dark-100: #1a170f;
+    --colors-solid-ivory-dark-200: #252117;
+    --colors-solid-ivory-dark-300: #2c291e;
+    --colors-solid-ivory-dark-400: #343025;
+    --colors-solid-ivory-dark-500: #3d392e;
+    --colors-solid-ivory-dark-600: #4b473c;
+    --colors-solid-ivory-dark-700: #646054;
+    --colors-solid-ivory-dark-800: #716d61;
+    --colors-solid-ivory-dark-850: #7f7b6e;
+    --colors-solid-ivory-dark-900: #b7b3a6;
+    --colors-solid-ivory-dark-950: #f0ede4;
+    --colors-alpha-red-light-50: #ff400005;
+    --colors-alpha-red-light-100: #ff39000a;
+    --colors-alpha-red-light-200: #ff200017;
+    --colors-alpha-red-light-300: #ff2e002e;
+    --colors-alpha-red-light-400: #ff2a003d;
+    --colors-alpha-red-light-500: #ff260052;
+    --colors-alpha-red-light-600: #fb1e0066;
+    --colors-alpha-red-light-700: #ee1b0085;
+    --colors-alpha-red-light-800: #ff0300e1;
+    --colors-alpha-red-light-850: #eb0300e1;
+    --colors-alpha-red-light-900: #b10300eb;
+    --colors-alpha-red-light-950: #590700eb;
+    --colors-alpha-red-dark-50: #ed00000a;
+    --colors-alpha-red-dark-100: #fe591b17;
+    --colors-alpha-red-dark-200: #fc190038;
+    --colors-alpha-red-dark-300: #fd000052;
+    --colors-alpha-red-dark-400: #ff000063;
+    --colors-alpha-red-dark-500: #ff211278;
+    --colors-alpha-red-dark-600: #ff3c2b91;
+    --colors-alpha-red-dark-700: #ff4033bf;
+    --colors-alpha-red-dark-800: #ff000bde;
+    --colors-alpha-red-dark-850: #fe0000f0;
+    --colors-alpha-red-dark-900: #ff9081eb;
+    --colors-alpha-red-dark-950: #ffd0c8eb;
+    --colors-alpha-yellow-light-50: #aaaa0005;
+    --colors-alpha-yellow-light-100: #ffdd0017;
+    --colors-alpha-yellow-light-200: #ffe7014a;
+    --colors-alpha-yellow-light-300: #ffdf006e;
+    --colors-alpha-yellow-light-400: #fed70091;
+    --colors-alpha-yellow-light-500: #e3c00099;
+    --colors-alpha-yellow-light-600: #c6a60099;
+    --colors-alpha-yellow-light-700: #b99e00c4;
+    --colors-alpha-yellow-light-800: #ffe600e0;
+    --colors-alpha-yellow-light-850: #fcdd00;
+    --colors-alpha-yellow-light-900: #8d7800;
+    --colors-alpha-yellow-light-950: #292200e0;
+    --colors-alpha-yellow-dark-50: #b40b0003;
+    --colors-alpha-yellow-dark-100: #facb100f;
+    --colors-alpha-yellow-dark-200: #f9d9001f;
+    --colors-alpha-yellow-dark-300: #fecf002b;
+    --colors-alpha-yellow-dark-400: #fcd30038;
+    --colors-alpha-yellow-dark-500: #fede0c45;
+    --colors-alpha-yellow-dark-600: #fde54059;
+    --colors-alpha-yellow-dark-700: #ffe74d73;
+    --colors-alpha-yellow-dark-800: #ffe62be0;
+    --colors-alpha-yellow-dark-850: #fee954f2;
+    --colors-alpha-yellow-dark-900: #fee854f2;
+    --colors-alpha-yellow-dark-950: #fff8bff5;
+    --colors-alpha-black-light-50: #0000000d;
+    --colors-alpha-black-light-100: #0000001a;
+    --colors-alpha-black-light-200: #00000026;
+    --colors-alpha-black-light-300: #00000033;
+    --colors-alpha-black-light-400: #0000004d;
+    --colors-alpha-black-light-500: #00000066;
+    --colors-alpha-black-light-600: #00000080;
+    --colors-alpha-black-light-700: #00000099;
+    --colors-alpha-black-light-800: #000000b2;
+    --colors-alpha-black-light-850: #000000cc;
+    --colors-alpha-black-light-900: #000000e5;
+    --colors-alpha-black-light-950: #000000f2;
+    --colors-alpha-black-dark-50: #0000000d;
+    --colors-alpha-black-dark-100: #0000001a;
+    --colors-alpha-black-dark-200: #00000026;
+    --colors-alpha-black-dark-300: #00000033;
+    --colors-alpha-black-dark-400: #0000004d;
+    --colors-alpha-black-dark-500: #00000066;
+    --colors-alpha-black-dark-600: #00000080;
+    --colors-alpha-black-dark-700: #00000099;
+    --colors-alpha-black-dark-800: #000000b2;
+    --colors-alpha-black-dark-850: #000000cc;
+    --colors-alpha-black-dark-900: #000000e5;
+    --colors-alpha-black-dark-950: #000000f2;
+    --colors-alpha-white-light-50: #ffffff0d;
+    --colors-alpha-white-light-100: #ffffff1a;
+    --colors-alpha-white-light-200: #ffffff26;
+    --colors-alpha-white-light-300: #ffffff33;
+    --colors-alpha-white-light-400: #ffffff4d;
+    --colors-alpha-white-light-500: #ffffff66;
+    --colors-alpha-white-light-600: #ffffff80;
+    --colors-alpha-white-light-700: #ffffff99;
+    --colors-alpha-white-light-800: #ffffffb3;
+    --colors-alpha-white-light-850: #ffffffcc;
+    --colors-alpha-white-light-900: #ffffffe6;
+    --colors-alpha-white-light-950: #fffffff2;
+    --colors-alpha-white-dark-50: #ffffff0d;
+    --colors-alpha-white-dark-100: #ffffff1a;
+    --colors-alpha-white-dark-200: #ffffff26;
+    --colors-alpha-white-dark-300: #ffffff33;
+    --colors-alpha-white-dark-400: #ffffff4d;
+    --colors-alpha-white-dark-500: #ffffff66;
+    --colors-alpha-white-dark-600: #ffffff80;
+    --colors-alpha-white-dark-700: #ffffff99;
+    --colors-alpha-white-dark-800: #ffffffb3;
+    --colors-alpha-white-dark-850: #ffffffcc;
+    --colors-alpha-white-dark-900: #ffffffe6;
+    --colors-alpha-white-dark-950: #fffffff2;
+    --colors-alpha-lime-light-50: #80aa0005;
+    --colors-alpha-lime-light-100: #639d000d;
+    --colors-alpha-lime-light-200: #8ed8002e;
+    --colors-alpha-lime-light-300: #8ed3014a;
+    --colors-alpha-lime-light-400: #88c70063;
+    --colors-alpha-lime-light-500: #7eb8007d;
+    --colors-alpha-lime-light-600: #76a80099;
+    --colors-alpha-lime-light-700: #7ca500d1;
+    --colors-alpha-lime-light-800: #607a00e0;
+    --colors-alpha-lime-light-850: #556e00;
+    --colors-alpha-lime-light-900: #607a00;
+    --colors-alpha-lime-light-950: #243100eb;
+    --colors-alpha-lime-dark-50: #00b50003;
+    --colors-alpha-lime-dark-100: #c5f9000f;
+    --colors-alpha-lime-dark-200: #bafb0021;
+    --colors-alpha-lime-dark-300: #b4fb0030;
+    --colors-alpha-lime-dark-400: #bbfe003d;
+    --colors-alpha-lime-dark-500: #bdfd004d;
+    --colors-alpha-lime-dark-600: #befd005e;
+    --colors-alpha-lime-dark-700: #c0ff0070;
+    --colors-alpha-lime-dark-800: #c7ff0087;
+    --colors-alpha-lime-dark-850: #c2fd007a;
+    --colors-alpha-lime-dark-900: #d5fe73d1;
+    --colors-alpha-lime-dark-950: #e0ff9ef5;
+    --colors-alpha-green-light-50: #00c00005;
+    --colors-alpha-green-light-100: #0099000a;
+    --colors-alpha-green-light-200: #00aa1617;
+    --colors-alpha-green-light-300: #00a61a29;
+    --colors-alpha-green-light-400: #009f163b;
+    --colors-alpha-green-light-500: #009b1a52;
+    --colors-alpha-green-light-600: #00951c70;
+    --colors-alpha-green-light-700: #009422a1;
+    --colors-alpha-green-light-800: #007828e3;
+    --colors-alpha-green-light-850: #007933;
+    --colors-alpha-green-light-900: #00772ced;
+    --colors-alpha-green-light-950: #002207e0;
+    --colors-alpha-green-dark-50: #00cb0005;
+    --colors-alpha-green-dark-100: #6afb3f0f;
+    --colors-alpha-green-dark-200: #45fc5124;
+    --colors-alpha-green-dark-300: #06fc4436;
+    --colors-alpha-green-dark-400: #0aff5345;
+    --colors-alpha-green-dark-500: #0dff5a54;
+    --colors-alpha-green-dark-600: #08fd5f66;
+    --colors-alpha-green-dark-700: #00fd607a;
+    --colors-alpha-green-dark-800: #2fff718a;
+    --colors-alpha-green-dark-850: #00fd617d;
+    --colors-alpha-green-dark-900: #80ff9dcf;
+    --colors-alpha-green-dark-950: #acffbbf7;
+    --colors-alpha-emerald-light-50: #00c04005;
+    --colors-alpha-emerald-light-100: #00a3460a;
+    --colors-alpha-emerald-light-200: #00a4481a;
+    --colors-alpha-emerald-light-300: #00a04729;
+    --colors-alpha-emerald-light-400: #00994438;
+    --colors-alpha-emerald-light-500: #008d424f;
+    --colors-alpha-emerald-light-600: #01863e6b;
+    --colors-alpha-emerald-light-700: #00854396;
+    --colors-alpha-emerald-light-800: #008055;
+    --colors-alpha-emerald-light-850: #007248;
+    --colors-alpha-emerald-light-900: #008055;
+    --colors-alpha-emerald-light-950: #001e0fde;
+    --colors-alpha-emerald-dark-50: #00b50003;
+    --colors-alpha-emerald-dark-100: #7afb6f0f;
+    --colors-alpha-emerald-dark-200: #45fc8b24;
+    --colors-alpha-emerald-dark-300: #28fb8c33;
+    --colors-alpha-emerald-dark-400: #3aff9940;
+    --colors-alpha-emerald-dark-500: #4afda54f;
+    --colors-alpha-emerald-dark-600: #51fda961;
+    --colors-alpha-emerald-dark-700: #51fdac78;
+    --colors-alpha-emerald-dark-800: #00fea494;
+    --colors-alpha-emerald-dark-850: #61ffb482;
+    --colors-alpha-emerald-dark-900: #6cffbad1;
+    --colors-alpha-emerald-dark-950: #b6fed7f2;
+    --colors-alpha-teal-light-50: #00cc9905;
+    --colors-alpha-teal-light-100: #00aa950d;
+    --colors-alpha-teal-light-200: #00c6a51f;
+    --colors-alpha-teal-light-300: #00bd9f33;
+    --colors-alpha-teal-light-400: #00b39645;
+    --colors-alpha-teal-light-500: #00a1885c;
+    --colors-alpha-teal-light-600: #00957e78;
+    --colors-alpha-teal-light-700: #00917ea3;
+    --colors-alpha-teal-light-800: #008075;
+    --colors-alpha-teal-light-850: #007267;
+    --colors-alpha-teal-light-900: #007a6f;
+    --colors-alpha-teal-light-950: #002a26e5;
+    --colors-alpha-teal-dark-50: #00b50003;
+    --colors-alpha-teal-dark-100: #64fca512;
+    --colors-alpha-teal-dark-200: #28fcc624;
+    --colors-alpha-teal-dark-300: #00fbd133;
+    --colors-alpha-teal-dark-400: #1efeda40;
+    --colors-alpha-teal-dark-500: #3efdde4f;
+    --colors-alpha-teal-dark-600: #4cfde261;
+    --colors-alpha-teal-dark-700: #4afde678;
+    --colors-alpha-teal-dark-800: #00fee591;
+    --colors-alpha-teal-dark-850: #58ffe780;
+    --colors-alpha-teal-dark-900: #71ffedcf;
+    --colors-alpha-teal-dark-950: #b5fef3f0;
+    --colors-alpha-cyan-light-50: #00ffe008;
+    --colors-alpha-cyan-light-100: #00e1c312;
+    --colors-alpha-cyan-light-200: #00efd42e;
+    --colors-alpha-cyan-light-300: #00ecd14d;
+    --colors-alpha-cyan-light-400: #00e1cc6e;
+    --colors-alpha-cyan-light-500: #00d5c18f;
+    --colors-alpha-cyan-light-600: #00ccbec9;
+    --colors-alpha-cyan-light-700: #00c1b5;
+    --colors-alpha-cyan-light-800: #00f3e6;
+    --colors-alpha-cyan-light-850: #00e9dc;
+    --colors-alpha-cyan-light-900: #007a72;
+    --colors-alpha-cyan-light-950: #004741;
+    --colors-alpha-cyan-dark-50: #00cb0005;
+    --colors-alpha-cyan-dark-100: #00fca512;
+    --colors-alpha-cyan-dark-200: #00fdca26;
+    --colors-alpha-cyan-dark-300: #00fcd433;
+    --colors-alpha-cyan-dark-400: #00ffdc42;
+    --colors-alpha-cyan-dark-500: #00fee352;
+    --colors-alpha-cyan-dark-600: #00fde666;
+    --colors-alpha-cyan-dark-700: #00fde77d;
+    --colors-alpha-cyan-dark-800: #29fff1;
+    --colors-alpha-cyan-dark-850: #00ffeff5;
+    --colors-alpha-cyan-dark-900: #00feefd9;
+    --colors-alpha-cyan-dark-950: #a5fff6fa;
+    --colors-alpha-sky-light-50: #00aaff05;
+    --colors-alpha-sky-light-100: #009dff0d;
+    --colors-alpha-sky-light-200: #00a8ff1c;
+    --colors-alpha-sky-light-300: #009fff2e;
+    --colors-alpha-sky-light-400: #0092ff40;
+    --colors-alpha-sky-light-500: #0086fc54;
+    --colors-alpha-sky-light-600: #007ee970;
+    --colors-alpha-sky-light-700: #007de29e;
+    --colors-alpha-sky-light-800: #0071b3;
+    --colors-alpha-sky-light-850: #0063a4;
+    --colors-alpha-sky-light-900: #0070b2;
+    --colors-alpha-sky-light-950: #002d4feb;
+    --colors-alpha-sky-dark-50: #0028f20a;
+    --colors-alpha-sky-dark-100: #0095fb1a;
+    --colors-alpha-sky-dark-200: #0087fd3d;
+    --colors-alpha-sky-dark-300: #0085fd59;
+    --colors-alpha-sky-dark-400: #008cfd6e;
+    --colors-alpha-sky-dark-500: #0095ff82;
+    --colors-alpha-sky-dark-600: #009afe9e;
+    --colors-alpha-sky-dark-700: #009afebf;
+    --colors-alpha-sky-dark-800: #00a0fecf;
+    --colors-alpha-sky-dark-850: #009afebf;
+    --colors-alpha-sky-dark-900: #66c0ff;
+    --colors-alpha-sky-dark-950: #c4ebff;
+    --colors-alpha-blue-light-50: #00008003;
+    --colors-alpha-blue-light-100: #0072ff0a;
+    --colors-alpha-blue-light-200: #0066e614;
+    --colors-alpha-blue-light-300: #0069ff21;
+    --colors-alpha-blue-light-400: #006cff33;
+    --colors-alpha-blue-light-500: #0067ff47;
+    --colors-alpha-blue-light-600: #005de861;
+    --colors-alpha-blue-light-700: #0058d982;
+    --colors-alpha-blue-light-800: #004fb6eb;
+    --colors-alpha-blue-light-850: #004eab;
+    --colors-alpha-blue-light-900: #004fbbe3;
+    --colors-alpha-blue-light-950: #001e4beb;
+    --colors-alpha-blue-dark-50: #000cea08;
+    --colors-alpha-blue-dark-100: #3791f817;
+    --colors-alpha-blue-dark-200: #2080fc3b;
+    --colors-alpha-blue-dark-300: #197dff54;
+    --colors-alpha-blue-dark-400: #2581fd6b;
+    --colors-alpha-blue-dark-500: #3689fd7a;
+    --colors-alpha-blue-dark-600: #4090fe8f;
+    --colors-alpha-blue-dark-700: #408ffead;
+    --colors-alpha-blue-dark-800: #2684ffe5;
+    --colors-alpha-blue-dark-850: #107cffd6;
+    --colors-alpha-blue-dark-900: #84b8ff;
+    --colors-alpha-blue-dark-950: #d1e4ff;
+    --colors-alpha-indigo-light-50: #0000ff03;
+    --colors-alpha-indigo-light-100: #0020ff08;
+    --colors-alpha-indigo-light-200: #0020ff0f;
+    --colors-alpha-indigo-light-300: #0025ff1c;
+    --colors-alpha-indigo-light-400: #0020ff29;
+    --colors-alpha-indigo-light-500: #0017ff38;
+    --colors-alpha-indigo-light-600: #0014ff4d;
+    --colors-alpha-indigo-light-700: #0008ff69;
+    --colors-alpha-indigo-light-800: #1c00f4b0;
+    --colors-alpha-indigo-light-850: #1b00d5ba;
+    --colors-alpha-indigo-light-900: #1a00d5ba;
+    --colors-alpha-indigo-light-950: #080059de;
+    --colors-alpha-indigo-dark-50: #0b00ef08;
+    --colors-alpha-indigo-dark-100: #7067f91a;
+    --colors-alpha-indigo-dark-200: #6d56ff40;
+    --colors-alpha-indigo-dark-300: #6749ff63;
+    --colors-alpha-indigo-dark-400: #6d54ff73;
+    --colors-alpha-indigo-dark-500: #7460ff85;
+    --colors-alpha-indigo-dark-600: #7a69fe9c;
+    --colors-alpha-indigo-dark-700: #7b6cffba;
+    --colors-alpha-indigo-dark-800: #7c6bfff7;
+    --colors-alpha-indigo-dark-850: #7862ffe8;
+    --colors-alpha-indigo-dark-900: #aba9ff;
+    --colors-alpha-indigo-dark-950: #dedfff;
+    --colors-alpha-purple-light-50: #5500ff03;
+    --colors-alpha-purple-light-100: #8000ff08;
+    --colors-alpha-purple-light-200: #8700ff12;
+    --colors-alpha-purple-light-300: #8400ff1f;
+    --colors-alpha-purple-light-400: #7d00ff2e;
+    --colors-alpha-purple-light-500: #7a00ff40;
+    --colors-alpha-purple-light-600: #7a00ff59;
+    --colors-alpha-purple-light-700: #7e01ff7a;
+    --colors-alpha-purple-light-800: #9100faf0;
+    --colors-alpha-purple-light-850: #8900e3;
+    --colors-alpha-purple-light-900: #8a00e5;
+    --colors-alpha-purple-light-950: #46007a;
+    --colors-alpha-purple-dark-50: #c100ea08;
+    --colors-alpha-purple-dark-100: #c546fb1a;
+    --colors-alpha-purple-dark-200: #b23cfc3b;
+    --colors-alpha-purple-dark-300: #af31ff52;
+    --colors-alpha-purple-dark-400: #b23cff63;
+    --colors-alpha-purple-dark-500: #b64dff73;
+    --colors-alpha-purple-dark-600: #b95afe8f;
+    --colors-alpha-purple-dark-700: #b85dfebf;
+    --colors-alpha-purple-dark-800: #b54cfffa;
+    --colors-alpha-purple-dark-850: #b13fffed;
+    --colors-alpha-purple-dark-900: #d699ff;
+    --colors-alpha-purple-dark-950: #eed6ff;
+    --colors-alpha-fuchsia-light-50: #ff00ff05;
+    --colors-alpha-fuchsia-light-100: #e000e008;
+    --colors-alpha-fuchsia-light-200: #ff00f417;
+    --colors-alpha-fuchsia-light-300: #f900f226;
+    --colors-alpha-fuchsia-light-400: #e600e133;
+    --colors-alpha-fuchsia-light-500: #d700d345;
+    --colors-alpha-fuchsia-light-600: #c701c75c;
+    --colors-alpha-fuchsia-light-700: #c101c37a;
+    --colors-alpha-fuchsia-light-800: #c100c8f0;
+    --colors-alpha-fuchsia-light-850: #af00b4f5;
+    --colors-alpha-fuchsia-light-900: #ad00b3;
+    --colors-alpha-fuchsia-light-950: #610065;
+    --colors-alpha-fuchsia-dark-50: #ea004f08;
+    --colors-alpha-fuchsia-dark-100: #ff2bcf17;
+    --colors-alpha-fuchsia-dark-200: #ff26ef30;
+    --colors-alpha-fuchsia-dark-300: #ff00fc45;
+    --colors-alpha-fuchsia-dark-400: #fd11fc54;
+    --colors-alpha-fuchsia-dark-500: #ff39ff63;
+    --colors-alpha-fuchsia-dark-600: #fd4dfd80;
+    --colors-alpha-fuchsia-dark-700: #fc52ffa6;
+    --colors-alpha-fuchsia-dark-800: #f845fef0;
+    --colors-alpha-fuchsia-dark-850: #f836fee3;
+    --colors-alpha-fuchsia-dark-900: #ff75ff;
+    --colors-alpha-fuchsia-dark-950: #ffd0fffc;
+    --colors-alpha-pink-light-50: #ff00aa03;
+    --colors-alpha-pink-light-100: #ff008008;
+    --colors-alpha-pink-light-200: #ff009c17;
+    --colors-alpha-pink-light-300: #f9009126;
+    --colors-alpha-pink-light-400: #e6008733;
+    --colors-alpha-pink-light-500: #d6007e42;
+    --colors-alpha-pink-light-600: #c7007757;
+    --colors-alpha-pink-light-700: #c0007770;
+    --colors-alpha-pink-light-800: #e800a2ba;
+    --colors-alpha-pink-light-850: #d80099c9;
+    --colors-alpha-pink-light-900: #c30091f2;
+    --colors-alpha-pink-light-950: #66004bfa;
+    --colors-alpha-pink-dark-50: #00000000;
+    --colors-alpha-pink-dark-100: #ff52c01c;
+    --colors-alpha-pink-dark-200: #ff46c338;
+    --colors-alpha-pink-dark-300: #ff14bf4f;
+    --colors-alpha-pink-dark-400: #ff2cc35c;
+    --colors-alpha-pink-dark-500: #ff4ac670;
+    --colors-alpha-pink-dark-600: #ff58c98a;
+    --colors-alpha-pink-dark-700: #ff58cbb0;
+    --colors-alpha-pink-dark-800: #ff49c8ed;
+    --colors-alpha-pink-dark-850: #ff3bc7e0;
+    --colors-alpha-pink-dark-900: #ff82db;
+    --colors-alpha-pink-dark-950: #ffceec;
+    --colors-alpha-rose-light-50: #ff000003;
+    --colors-alpha-rose-light-100: #ff002008;
+    --colors-alpha-rose-light-200: #ff002317;
+    --colors-alpha-rose-light-300: #ff002a26;
+    --colors-alpha-rose-light-400: #ff002333;
+    --colors-alpha-rose-light-500: #f4002342;
+    --colors-alpha-rose-light-600: #df002157;
+    --colors-alpha-rose-light-700: #d2002370;
+    --colors-alpha-rose-light-800: #e0005afa;
+    --colors-alpha-rose-light-850: #d10051;
+    --colors-alpha-rose-light-900: #d50054;
+    --colors-alpha-rose-light-950: #620020f5;
+    --colors-alpha-rose-dark-50: #ea000008;
+    --colors-alpha-rose-dark-100: #fe594717;
+    --colors-alpha-rose-dark-200: #fb234336;
+    --colors-alpha-rose-dark-300: #fc00444f;
+    --colors-alpha-rose-dark-400: #ff0e535e;
+    --colors-alpha-rose-dark-500: #fd2d6370;
+    --colors-alpha-rose-dark-600: #ff426f8c;
+    --colors-alpha-rose-dark-700: #fe4474ba;
+    --colors-alpha-rose-dark-800: #fe0568f0;
+    --colors-alpha-rose-dark-850: #ff0061de;
+    --colors-alpha-rose-dark-900: #ff8da4;
+    --colors-alpha-rose-dark-950: #ffd0d7;
+    --colors-alpha-amber-light-50: #c0400005;
+    --colors-alpha-amber-light-100: #ff5c000d;
+    --colors-alpha-amber-light-200: #ff5b001f;
+    --colors-alpha-amber-light-300: #ff620040;
+    --colors-alpha-amber-light-400: #ff5d0054;
+    --colors-alpha-amber-light-500: #ff540061;
+    --colors-alpha-amber-light-600: #e7490073;
+    --colors-alpha-amber-light-700: #d7450091;
+    --colors-alpha-amber-light-800: #c24d00f7;
+    --colors-alpha-amber-light-850: #b54500;
+    --colors-alpha-amber-light-900: #c44b00f0;
+    --colors-alpha-amber-light-950: #3c1300e0;
+    --colors-alpha-amber-dark-50: #df000005;
+    --colors-alpha-amber-dark-100: #fc842a12;
+    --colors-alpha-amber-dark-200: #fe62042b;
+    --colors-alpha-amber-dark-300: #fe4d0042;
+    --colors-alpha-amber-dark-400: #fd590052;
+    --colors-alpha-amber-dark-500: #ff6f1f61;
+    --colors-alpha-amber-dark-600: #ff7d3c78;
+    --colors-alpha-amber-dark-700: #fe8143a1;
+    --colors-alpha-amber-dark-800: #fe6a08d1;
+    --colors-alpha-amber-dark-850: #ff5f00c2;
+    --colors-alpha-amber-dark-900: #ff9966;
+    --colors-alpha-amber-dark-950: #ffdecdf5;
+    --colors-alpha-orange-light-50: #ff400005;
+    --colors-alpha-orange-light-100: #ff39000a;
+    --colors-alpha-orange-light-200: #ff33001a;
+    --colors-alpha-orange-light-300: #ff3d002e;
+    --colors-alpha-orange-light-400: #ff3b0040;
+    --colors-alpha-orange-light-500: #ff340054;
+    --colors-alpha-orange-light-600: #ef30006b;
+    --colors-alpha-orange-light-700: #e22d008a;
+    --colors-alpha-orange-light-800: #db3700e0;
+    --colors-alpha-orange-light-850: #cc2100e0;
+    --colors-alpha-orange-light-900: #d42f00eb;
+    --colors-alpha-orange-light-950: #4b0e00e5;
+    --colors-alpha-orange-dark-50: #e5000008;
+    --colors-alpha-orange-dark-100: #fd6d2814;
+    --colors-alpha-orange-dark-200: #ff3e0033;
+    --colors-alpha-orange-dark-300: #ff20004a;
+    --colors-alpha-orange-dark-400: #fe30005c;
+    --colors-alpha-orange-dark-500: #fd48186e;
+    --colors-alpha-orange-dark-600: #fe5d3487;
+    --colors-alpha-orange-dark-700: #ff623ab0;
+    --colors-alpha-orange-dark-800: #fe3f00eb;
+    --colors-alpha-orange-dark-850: #ff2d00db;
+    --colors-alpha-orange-dark-900: #ff9275eb;
+    --colors-alpha-orange-dark-950: #ffd3c8fa;
+    --colors-alpha-gray-light-50: #0040c004;
+    --colors-alpha-gray-light-100: #0049b707;
+    --colors-alpha-gray-light-200: #002b8e12;
+    --colors-alpha-gray-light-300: #00267b1b;
+    --colors-alpha-gray-light-400: #002b8024;
+    --colors-alpha-gray-light-500: #0029742c;
+    --colors-alpha-gray-light-600: #00256e38;
+    --colors-alpha-gray-light-700: #0024694e;
+    --colors-alpha-gray-light-800: #0115417b;
+    --colors-alpha-gray-light-850: #00143885;
+    --colors-alpha-gray-light-900: #000d26a2;
+    --colors-alpha-gray-light-950: #000612e4;
+    --colors-alpha-gray-dark-50: #010b0f1a;
+    --colors-alpha-gray-dark-100: #d6e8fd0f;
+    --colors-alpha-gray-dark-200: #caddfc1c;
+    --colors-alpha-gray-dark-300: #bbd6fb27;
+    --colors-alpha-gray-dark-400: #bfd5ff30;
+    --colors-alpha-gray-dark-500: #bdd8fd3c;
+    --colors-alpha-gray-dark-600: #bbd2fe4e;
+    --colors-alpha-gray-dark-700: #bad3fd6e;
+    --colors-alpha-gray-dark-800: #bdd3fd7f;
+    --colors-alpha-gray-dark-850: #c2d6fe8e;
+    --colors-alpha-gray-dark-900: #d9e6ffc6;
+    --colors-alpha-gray-dark-950: #f8fafef2;
+    --colors-alpha-slate-light-50: #0040ff05;
+    --colors-alpha-slate-light-100: #0055e30a;
+    --colors-alpha-slate-light-200: #0044a212;
+    --colors-alpha-slate-light-300: #003e8d1c;
+    --colors-alpha-slate-light-400: #00388a26;
+    --colors-alpha-slate-light-500: #0038862e;
+    --colors-alpha-slate-light-600: #0038843d;
+    --colors-alpha-slate-light-700: #00357e54;
+    --colors-alpha-slate-light-800: #00205080;
+    --colors-alpha-slate-light-850: #001e488c;
+    --colors-alpha-slate-light-900: #001431a6;
+    --colors-alpha-slate-light-950: #000915e8;
+    --colors-alpha-slate-dark-50: #000bcf05;
+    --colors-alpha-slate-dark-100: #91ceff12;
+    --colors-alpha-slate-dark-200: #92c3ff21;
+    --colors-alpha-slate-dark-300: #8dc3fd2b;
+    --colors-alpha-slate-dark-400: #8fbffc36;
+    --colors-alpha-slate-dark-500: #92c1ff42;
+    --colors-alpha-slate-dark-600: #8ebefd57;
+    --colors-alpha-slate-dark-700: #8fbffd7a;
+    --colors-alpha-slate-dark-800: #9ac4fe8a;
+    --colors-alpha-slate-dark-850: #a9ccff96;
+    --colors-alpha-slate-dark-900: #cde2ffc9;
+    --colors-alpha-slate-dark-950: #f4f8fef5;
+    --colors-alpha-ivory-light-50: #c0800005;
+    --colors-alpha-ivory-light-100: #7255000a;
+    --colors-alpha-ivory-light-200: #51360012;
+    --colors-alpha-ivory-light-300: #4735001c;
+    --colors-alpha-ivory-light-400: #3f310026;
+    --colors-alpha-ivory-light-500: #4231002e;
+    --colors-alpha-ivory-light-600: #402f003d;
+    --colors-alpha-ivory-light-700: #36290052;
+    --colors-alpha-ivory-light-800: #23190080;
+    --colors-alpha-ivory-light-850: #2018008a;
+    --colors-alpha-ivory-light-900: #171100a8;
+    --colors-alpha-ivory-light-950: #0e0b00e8;
+    --colors-alpha-ivory-dark-50: #d70c0005;
+    --colors-alpha-ivory-dark-100: #fabf0f12;
+    --colors-alpha-ivory-dark-200: #f8cd561c;
+    --colors-alpha-ivory-dark-300: #fbe07a24;
+    --colors-alpha-ivory-dark-400: #fee28f2b;
+    --colors-alpha-ivory-dark-500: #fbe5a236;
+    --colors-alpha-ivory-dark-600: #feedb845;
+    --colors-alpha-ivory-dark-700: #fff2cb5e;
+    --colors-alpha-ivory-dark-800: #fdf3d06b;
+    --colors-alpha-ivory-dark-850: #fff5d67a;
+    --colors-alpha-ivory-dark-900: #fef8e4b5;
+    --colors-alpha-ivory-dark-950: #fefbf1f0;
+    --colors-contrast-slate-light: #ffffff;
+    --colors-contrast-slate-dark: #ffffff;
+    --colors-contrast-pink-light: #ffffff;
+    --colors-contrast-pink-dark: #ffffff;
+    --colors-contrast-blue-light: #ffffff;
+    --colors-contrast-blue-dark: #0a0b0f;
+    --colors-contrast-green-light: #ffffff;
+    --colors-contrast-green-dark: #ffffff;
+    --colors-contrast-lime-light: #ffffff;
+    --colors-contrast-lime-dark: #ffffff;
+    --colors-contrast-fuchsia-light: #ffffff;
+    --colors-contrast-fuchsia-dark: #ffffff;
+    --colors-contrast-indigo-light: #ffffff;
+    --colors-contrast-indigo-dark: #ffffff;
+    --colors-contrast-ivory-light: #ffffff;
+    --colors-contrast-ivory-dark: #ffffff;
+    --colors-contrast-emerald-light: #ffffff;
+    --colors-contrast-emerald-dark: #ffffff;
+    --colors-contrast-rose-light: #ffffff;
+    --colors-contrast-rose-dark: #ffffff;
+    --colors-contrast-red-light: #ffffff;
+    --colors-contrast-red-dark: #ffffff;
+    --colors-contrast-sky-light: #ffffff;
+    --colors-contrast-sky-dark: #ffffff;
+    --colors-contrast-purple-light: #ffffff;
+    --colors-contrast-purple-dark: #ffffff;
+    --colors-contrast-teal-light: #ffffff;
+    --colors-contrast-teal-dark: #ffffff;
+    --colors-contrast-yellow-light: #262209;
+    --colors-contrast-yellow-dark: #262209;
+    --colors-contrast-cyan-light: #042825;
+    --colors-contrast-cyan-dark: #042825;
+    --colors-contrast-orange-light: #ffffff;
+    --colors-contrast-orange-dark: #ffffff;
+    --colors-contrast-amber-light: #ffffff;
+    --colors-contrast-amber-dark: #ffffff;
+    --colors-surface-slate-light: #ffffffcc;
+    --colors-surface-slate-dark: #0000000d;
+    --colors-surface-pink-light: #fff5facc;
+    --colors-surface-pink-dark: #38122a80;
+    --colors-surface-blue-light: #f4f9ffcc;
+    --colors-surface-blue-dark: #12233980;
+    --colors-surface-green-light: #f3faf3cc;
+    --colors-surface-green-dark: #16291580;
+    --colors-surface-lime-light: #f5f9efcc;
+    --colors-surface-lime-dark: #20270a80;
+    --colors-surface-fuchsia-light: #fef5fecc;
+    --colors-surface-fuchsia-dark: #38113380;
+    --colors-surface-indigo-light: #f5f6ffcc;
+    --colors-surface-indigo-dark: #1e1d3d80;
+    --colors-surface-ivory-light: #ffffffcc;
+    --colors-surface-ivory-dark: #0000000d;
+    --colors-surface-emerald-light: #f1faf5cc;
+    --colors-surface-emerald-dark: #18291b80;
+    --colors-surface-rose-light: #fff5f6cc;
+    --colors-surface-rose-dark: #36191980;
+    --colors-surface-red-light: #fff6f4cc;
+    --colors-surface-red-dark: #36191180;
+    --colors-surface-sky-light: #eff9ffcc;
+    --colors-surface-sky-dark: #07273f80;
+    --colors-surface-purple-light: #faf5ffcc;
+    --colors-surface-purple-dark: #30173f80;
+    --colors-surface-teal-light: #f0faf9cc;
+    --colors-surface-teal-dark: #162b2380;
+    --colors-surface-yellow-light: #fffbe4cc;
+    --colors-surface-yellow-dark: #28230f80;
+    --colors-surface-cyan-light: #eafdfacc;
+    --colors-surface-cyan-dark: #052b2380;
+    --colors-surface-orange-light: #fff6f4cc;
+    --colors-surface-orange-dark: #321b1380;
+    --colors-surface-amber-light: #fff4eecc;
+    --colors-surface-amber-dark: #2e1d1380;
+    --colors-indicator-slate-light: #7f8fa7;
+    --colors-indicator-slate-dark: #586f90;
+    --colors-indicator-pink-light: #ee44bb;
+    --colors-indicator-pink-dark: #ee44bb;
+    --colors-indicator-blue-light: #155dbc;
+    --colors-indicator-blue-dark: #2378e7;
+    --colors-indicator-green-light: #1d8740;
+    --colors-indicator-green-dark: #1e8f44;
+    --colors-indicator-lime-light: #627c03;
+    --colors-indicator-lime-dark: #6e8c03;
+    --colors-indicator-fuschia-light: #c510cb;
+    --colors-indicator-fuschia-dark: #ea42f0;
+    --colors-indicator-indigo-light: #6350f7;
+    --colors-indicator-indigo-dark: #7968f8;
+    --colors-indicator-ivory-light: #918c80;
+    --colors-indicator-ivory-dark: #716d61;
+    --colors-indicator-emerald-light: #008055;
+    --colors-indicator-emerald-dark: #009966;
+    --colors-indicator-rose-light: #e1055d;
+    --colors-indicator-rose-dark: #f00563;
+    --colors-indicator-red-light: #e0000b;
+    --colors-indicator-red-dark: #ff000d;
+    --colors-indicator-sky-light: #0071b3;
+    --colors-indicator-sky-dark: #0084d1;
+    --colors-indicator-purple-light: #9810fa;
+    --colors-indicator-purple-dark: #b24bfb;
+    --colors-indicator-teal-light: #008075;
+    --colors-indicator-teal-dark: #009689;
+    --colors-indicator-yellow-light: #ffe600;
+    --colors-indicator-yellow-dark: #ffe62b;
+    --colors-indicator-cyan-light: #00f3e6;
+    --colors-indicator-cyan-dark: #29fff1;
+    --colors-indicator-orange-light: #db3700;
+    --colors-indicator-orange-dark: #eb3b00;
+    --colors-indicator-amber-light: #c45308;
+    --colors-indicator-amber-dark: #d35909;
+    --colors-track-slate-light: #7f8fa7;
+    --colors-track-slate-dark: #586f90;
+    --colors-track-pink-light: #ee44bb;
+    --colors-track-pink-dark: #ee44bb;
+    --colors-track-blue-light: #155dbc;
+    --colors-track-blue-dark: #2378e7;
+    --colors-track-green-light: #1d8740;
+    --colors-track-green-dark: #1e8f44;
+    --colors-track-lime-light: #627c03;
+    --colors-track-lime-dark: #6e8c03;
+    --colors-track-fuschia-light: #c510cb;
+    --colors-track-fuschia-dark: #ea42f0;
+    --colors-track-indigo-light: #6350f7;
+    --colors-track-indigo-dark: #7968f8;
+    --colors-track-ivory-light: #918c80;
+    --colors-track-ivory-dark: #716d61;
+    --colors-track-emerald-light: #008055;
+    --colors-track-emerald-dark: #009966;
+    --colors-track-rose-light: #e1055d;
+    --colors-track-rose-dark: #f00563;
+    --colors-track-red-light: #e0000b;
+    --colors-track-red-dark: #ff000d;
+    --colors-track-sky-light: #0071b3;
+    --colors-track-sky-dark: #0084d1;
+    --colors-track-purple-light: #9810fa;
+    --colors-track-purple-dark: #b24bfb;
+    --colors-track-teal-light: #008075;
+    --colors-track-teal-dark: #009689;
+    --colors-track-yellow-light: #ffe600;
+    --colors-track-yellow-dark: #ffe62b;
+    --colors-track-cyan-light: #00f3e6;
+    --colors-track-cyan-dark: #29fff1;
+    --colors-track-orange-light: #db3700;
+    --colors-track-orange-dark: #eb3b00;
+    --colors-track-amber-light: #c45308;
+    --colors-track-amber-dark: #d35909;
+    --font-sizes-2xs: 0.5rem;
+    --font-sizes-6xl: 3.75rem;
+    --font-sizes-7xl: 4.5rem;
+    --font-sizes-8xl: 6rem;
+    --font-sizes-9xl: 8rem;
+    --font-sizes-xs: 0.75rem;
+    --font-sizes-sm: 0.875rem;
+    --font-sizes-base: 1rem;
+    --font-sizes-md: 1.125rem;
+    --font-sizes-lg: 1.25rem;
+    --font-sizes-xl: 1.5rem;
+    --font-sizes-2xl: 1.75rem;
+    --font-sizes-3xl: 2.25rem;
+    --font-sizes-4xl: 3rem;
+    --font-sizes-5xl: 3.75rem;
+    --font-weights-thin: 100;
+    --font-weights-extralight: 200;
+    --font-weights-normal: 400;
+    --font-weights-semibold: 600;
+    --font-weights-extrabold: 800;
+    --font-weights-black: 900;
+    --font-weights-light: 300;
+    --font-weights-regular: 400;
+    --font-weights-medium: 500;
+    --font-weights-bold: 700;
+    --radii-xl: 0.75rem;
+    --radii-2xl: 1rem;
+    --radii-3xl: 1.5rem;
+    --radii-4xl: 2rem;
+    --radii-sharp: 0px;
+    --radii-xs: 2px;
+    --radii-sm: 4px;
+    --radii-md: 8px;
+    --radii-lg: 12px;
+    --radii-pill: 999px;
+    --radii-full: 100px;
+    --shadows-2xs: 0 1px rgb(0 0 0 / 0.05);
     --shadows-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
     --shadows-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
     --shadows-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
     --shadows-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
     --shadows-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
     --shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
-    --shadows-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+    --shadows-inset-2xs: inset 0 1px rgb(0 0 0 / 0.05);
+    --shadows-inset-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
+    --shadows-inset-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
     --shadows-inset-base: inset 0 0.5px 4px rgba(96, 97, 112, 0.32);
     --shadows-inset-dark: inset 0 0.5px 4px rgba(0, 0, 0, 0.32);
     --shadows-elevation1-base: 0 0 1px rgba(40, 41, 61, 0.08), 0 0.5px 2px rgba(96, 97, 112, 0.16);
@@ -714,29 +1731,238 @@
     --shadows-elevation5-dark: 0 2px 8px rgba(0, 0, 0, 0.04), 0 16px 24px rgba(0, 0, 0, 0.32);
     --shadows-elevation6-base: 0 2px 8px rgba(40, 41, 61, 0.08), 0 20px 32px rgba(96, 97, 112, 0.24);
     --shadows-elevation6-dark: 0 2px 8px rgba(0, 0, 0, 0.08), 0 20px 32px rgba(0, 0, 0, 0.32);
+    --sizes-0: 0rem;
+    --sizes-1: 0.25rem;
+    --sizes-2: 0.5rem;
+    --sizes-3: 0.75rem;
+    --sizes-4: 1rem;
+    --sizes-5: 1.25rem;
+    --sizes-6: 1.5rem;
+    --sizes-7: 1.75rem;
+    --sizes-8: 2rem;
+    --sizes-9: 2.25rem;
+    --sizes-10: 2.5rem;
+    --sizes-11: 2.75rem;
+    --sizes-12: 3rem;
+    --sizes-14: 3.5rem;
+    --sizes-16: 4rem;
+    --sizes-20: 5rem;
+    --sizes-24: 6rem;
+    --sizes-28: 7rem;
+    --sizes-32: 8rem;
+    --sizes-36: 9rem;
+    --sizes-40: 10rem;
+    --sizes-44: 11rem;
+    --sizes-48: 12rem;
+    --sizes-52: 13rem;
+    --sizes-56: 14rem;
+    --sizes-60: 15rem;
+    --sizes-64: 16rem;
+    --sizes-72: 18rem;
+    --sizes-80: 20rem;
+    --sizes-96: 24rem;
+    --sizes-0\.5: 0.125rem;
+    --sizes-1\.5: 0.375rem;
+    --sizes-2\.5: 0.625rem;
+    --sizes-3\.5: 0.875rem;
+    --sizes-4\.5: 1.125rem;
+    --sizes-5\.5: 1.375rem;
+    --sizes-3xl: 48rem;
+    --sizes-4xl: 56rem;
+    --sizes-5xl: 64rem;
+    --sizes-6xl: 72rem;
+    --sizes-7xl: 80rem;
+    --sizes-8xl: 90rem;
+    --sizes-prose: 65ch;
+    --sizes-full: 100%;
+    --sizes-min: min-content;
+    --sizes-max: max-content;
+    --sizes-fit: fit-content;
+    --sizes-xs: 0.625rem;
+    --sizes-sm: 0.75rem;
+    --sizes-md: 1rem;
+    --sizes-lg: 1.5rem;
+    --sizes-xl: 2rem;
+    --sizes-2xl: 2.5rem;
+    --sizes-breakpoint-sm: 640px;
+    --sizes-breakpoint-md: 768px;
+    --sizes-breakpoint-lg: 1024px;
+    --sizes-breakpoint-xl: 1280px;
+    --sizes-breakpoint-2xl: 1536px;
+    --spacing-0: 0rem;
+    --spacing-1: 0.25rem;
+    --spacing-2: 0.5rem;
+    --spacing-3: 0.75rem;
+    --spacing-4: 1rem;
+    --spacing-5: 1.25rem;
+    --spacing-6: 1.5rem;
+    --spacing-7: 1.75rem;
+    --spacing-8: 2rem;
+    --spacing-9: 2.25rem;
+    --spacing-10: 2.5rem;
+    --spacing-11: 2.75rem;
+    --spacing-12: 3rem;
+    --spacing-14: 3.5rem;
+    --spacing-16: 4rem;
+    --spacing-20: 5rem;
+    --spacing-24: 6rem;
+    --spacing-28: 7rem;
+    --spacing-32: 8rem;
+    --spacing-36: 9rem;
+    --spacing-40: 10rem;
+    --spacing-44: 11rem;
+    --spacing-48: 12rem;
+    --spacing-52: 13rem;
+    --spacing-56: 14rem;
+    --spacing-60: 15rem;
+    --spacing-64: 16rem;
+    --spacing-72: 18rem;
+    --spacing-80: 20rem;
+    --spacing-96: 24rem;
+    --spacing-0\.5: 0.125rem;
+    --spacing-1\.5: 0.375rem;
+    --spacing-2\.5: 0.625rem;
+    --spacing-3\.5: 0.875rem;
+    --spacing-4\.5: 1.125rem;
+    --spacing-5\.5: 1.375rem;
+    --spacing-xs: 0.25rem;
+    --spacing-vs: 0.5rem;
+    --spacing-sm: 1rem;
+    --spacing-md: 1.5rem;
+    --spacing-lg: 2rem;
+    --spacing-xl: 2.5rem;
+    --spacing-2xl: 3rem;
+    --spacing-3xl: 3.5rem;
+    --spacing-4xl: 4rem;
     --breakpoints-sm: 640px;
     --breakpoints-md: 768px;
     --breakpoints-lg: 1024px;
     --breakpoints-xl: 1280px;
     --breakpoints-2xl: 1536px;
-    --colors-info: var(--colors-blue-600);
-    --colors-info-lighter: var(--colors-blue-100);
-    --colors-info-darker: var(--colors-blue-700);
-    --colors-error: var(--colors-red-600);
-    --colors-error-lighter: var(--colors-red-100);
-    --colors-error-darker: var(--colors-red-700);
-    --colors-primary: var(--colors-dash-600);
-    --colors-primary-lighter: var(--colors-dash-100);
-    --colors-primary-darker: var(--colors-dash-700);
-    --colors-secondary: var(--colors-gray-600);
-    --colors-secondary-lighter: var(--colors-gray-100);
-    --colors-secondary-darker: var(--colors-gray-900);
-    --colors-success: var(--colors-green-600);
-    --colors-success-lighter: var(--colors-green-100);
-    --colors-success-darker: var(--colors-green-700);
-    --colors-warning: var(--colors-yellow-600);
-    --colors-warning-lighter: var(--colors-yellow-100);
-    --colors-warning-darker: var(--colors-yellow-700);
+    --colors-primary-50: var(--colors-solid-purple-light-50);
+    --colors-primary-100: var(--colors-solid-purple-light-100);
+    --colors-primary-200: var(--colors-solid-purple-light-200);
+    --colors-primary-300: var(--colors-solid-purple-light-300);
+    --colors-primary-400: var(--colors-solid-purple-light-400);
+    --colors-primary-500: var(--colors-solid-purple-light-500);
+    --colors-primary-600: var(--colors-solid-purple-light-600);
+    --colors-primary-700: var(--colors-solid-purple-light-700);
+    --colors-primary-800: var(--colors-solid-purple-light-800);
+    --colors-primary-850: var(--colors-solid-purple-light-850);
+    --colors-primary-900: var(--colors-solid-purple-light-900);
+    --colors-primary-950: var(--colors-solid-purple-light-950);
+    --colors-primary-foreground: var(--colors-contrast-purple-light);
+    --colors-primary-surface: var(--colors-alpha-purple-light-300);
+    --colors-primary-ring: var(--colors-alpha-purple-light-500);
+    --colors-primary-border: var(--colors-solid-purple-light-700);
+    --colors-primary-pressed: color-mix(in oklab, var(--colors-solid-purple-light-800) 80%, black);
+    --colors-primary-track: var(--colors-track-purple-light);
+    --colors-primary-disabled: var(--colors-solid-purple-light-300);
+    --colors-secondary-50: var(--colors-solid-slate-light-50);
+    --colors-secondary-100: var(--colors-solid-slate-light-100);
+    --colors-secondary-200: var(--colors-solid-slate-light-200);
+    --colors-secondary-300: var(--colors-solid-slate-light-300);
+    --colors-secondary-400: var(--colors-solid-slate-light-400);
+    --colors-secondary-500: var(--colors-solid-slate-light-500);
+    --colors-secondary-600: var(--colors-solid-slate-light-600);
+    --colors-secondary-700: var(--colors-solid-slate-light-700);
+    --colors-secondary-800: var(--colors-solid-slate-light-800);
+    --colors-secondary-850: var(--colors-solid-slate-light-850);
+    --colors-secondary-900: var(--colors-solid-slate-light-900);
+    --colors-secondary-950: var(--colors-solid-slate-light-950);
+    --colors-secondary-foreground: var(--colors-contrast-slate-light);
+    --colors-secondary-surface: var(--colors-alpha-slate-light-300);
+    --colors-secondary-ring: var(--colors-alpha-slate-light-500);
+    --colors-secondary-border: var(--colors-solid-slate-light-700);
+    --colors-secondary-pressed: color-mix(in oklab, var(--colors-solid-slate-light-800) 80%, black);
+    --colors-secondary-track: var(--colors-track-slate-light);
+    --colors-secondary-disabled: var(--colors-solid-slate-light-300);
+    --colors-success-50: var(--colors-solid-emerald-light-50);
+    --colors-success-100: var(--colors-solid-emerald-light-100);
+    --colors-success-200: var(--colors-solid-emerald-light-200);
+    --colors-success-300: var(--colors-solid-emerald-light-300);
+    --colors-success-400: var(--colors-solid-emerald-light-400);
+    --colors-success-500: var(--colors-solid-emerald-light-500);
+    --colors-success-600: var(--colors-solid-emerald-light-600);
+    --colors-success-700: var(--colors-solid-emerald-light-700);
+    --colors-success-800: var(--colors-solid-emerald-light-800);
+    --colors-success-850: var(--colors-solid-emerald-light-850);
+    --colors-success-900: var(--colors-solid-emerald-light-900);
+    --colors-success-950: var(--colors-solid-emerald-light-950);
+    --colors-success-foreground: var(--colors-contrast-emerald-light);
+    --colors-success-surface: var(--colors-alpha-emerald-light-300);
+    --colors-success-ring: var(--colors-alpha-emerald-light-500);
+    --colors-success-border: var(--colors-solid-emerald-light-700);
+    --colors-success-pressed: color-mix(in oklab, var(--colors-solid-emerald-light-800) 80%, black);
+    --colors-success-track: var(--colors-track-emerald-light);
+    --colors-success-disabled: var(--colors-solid-emerald-light-300);
+    --colors-warning-50: var(--colors-solid-amber-light-50);
+    --colors-warning-100: var(--colors-solid-amber-light-100);
+    --colors-warning-200: var(--colors-solid-amber-light-200);
+    --colors-warning-300: var(--colors-solid-amber-light-300);
+    --colors-warning-400: var(--colors-solid-amber-light-400);
+    --colors-warning-500: var(--colors-solid-amber-light-500);
+    --colors-warning-600: var(--colors-solid-amber-light-600);
+    --colors-warning-700: var(--colors-solid-amber-light-700);
+    --colors-warning-800: var(--colors-solid-amber-light-800);
+    --colors-warning-850: var(--colors-solid-amber-light-850);
+    --colors-warning-900: var(--colors-solid-amber-light-900);
+    --colors-warning-950: var(--colors-solid-amber-light-950);
+    --colors-warning-foreground: var(--colors-contrast-amber-light);
+    --colors-warning-surface: var(--colors-alpha-amber-light-300);
+    --colors-warning-ring: var(--colors-alpha-amber-light-500);
+    --colors-warning-border: var(--colors-solid-amber-light-700);
+    --colors-warning-pressed: color-mix(in oklab, var(--colors-solid-amber-light-800) 80%, black);
+    --colors-warning-track: var(--colors-track-amber-light);
+    --colors-warning-disabled: var(--colors-solid-amber-light-300);
+    --colors-error-50: var(--colors-solid-red-light-50);
+    --colors-error-100: var(--colors-solid-red-light-100);
+    --colors-error-200: var(--colors-solid-red-light-200);
+    --colors-error-300: var(--colors-solid-red-light-300);
+    --colors-error-400: var(--colors-solid-red-light-400);
+    --colors-error-500: var(--colors-solid-red-light-500);
+    --colors-error-600: var(--colors-solid-red-light-600);
+    --colors-error-700: var(--colors-solid-red-light-700);
+    --colors-error-800: var(--colors-solid-red-light-800);
+    --colors-error-850: var(--colors-solid-red-light-850);
+    --colors-error-900: var(--colors-solid-red-light-900);
+    --colors-error-950: var(--colors-solid-red-light-950);
+    --colors-error-foreground: var(--colors-contrast-red-light);
+    --colors-error-surface: var(--colors-alpha-red-light-300);
+    --colors-error-ring: var(--colors-alpha-red-light-500);
+    --colors-error-border: var(--colors-solid-red-light-700);
+    --colors-error-pressed: color-mix(in oklab, var(--colors-solid-red-light-800) 80%, black);
+    --colors-error-track: var(--colors-track-red-light);
+    --colors-error-disabled: var(--colors-solid-red-light-300);
+    --colors-info-50: var(--colors-solid-blue-light-50);
+    --colors-info-100: var(--colors-solid-blue-light-100);
+    --colors-info-200: var(--colors-solid-blue-light-200);
+    --colors-info-300: var(--colors-solid-blue-light-300);
+    --colors-info-400: var(--colors-solid-blue-light-400);
+    --colors-info-500: var(--colors-solid-blue-light-500);
+    --colors-info-600: var(--colors-solid-blue-light-600);
+    --colors-info-700: var(--colors-solid-blue-light-700);
+    --colors-info-800: var(--colors-solid-blue-light-800);
+    --colors-info-850: var(--colors-solid-blue-light-850);
+    --colors-info-900: var(--colors-solid-blue-light-900);
+    --colors-info-950: var(--colors-solid-blue-light-950);
+    --colors-info-foreground: var(--colors-contrast-blue-light);
+    --colors-info-surface: var(--colors-alpha-blue-light-300);
+    --colors-info-ring: var(--colors-alpha-blue-light-500);
+    --colors-info-border: var(--colors-solid-blue-light-700);
+    --colors-info-pressed: color-mix(in oklab, var(--colors-solid-blue-light-800) 80%, black);
+    --colors-info-track: var(--colors-track-blue-light);
+    --colors-info-disabled: var(--colors-solid-blue-light-300);
+    --colors-neutral-850: var(--colors-solid-gray-light-850);
+    --colors-neutral-foreground: var(--colors-solid-gray-light-950);
+    --colors-neutral-surface: var(--colors-alpha-gray-light-300);
+    --colors-neutral-ring: var(--colors-alpha-gray-light-500);
+    --colors-neutral-border: var(--colors-solid-gray-light-300);
+    --colors-input-foreground: var(--colors-solid-gray-light-950);
+    --colors-input-surface: color-mix(in oklab, lab(0% 0 0 / .025) 20%, transparent);
+    --colors-input-border: var(--colors-solid-gray-light-600);
+    --colors-input-ring: var(--colors-alpha-black-light-100);
+    --colors-input-placeholder: var(--colors-solid-gray-light-850);
     --shadows-inset: var(--shadows-inset-base);
     --shadows-level1: var(--shadows-elevation1-base);
     --shadows-level2: var(--shadows-elevation2-base);
@@ -747,12 +1973,141 @@
 }
 
   [data-theme=dark] {
-    --colors-info: var(--colors-blue-500);
-    --colors-error: var(--colors-red-500);
-    --colors-primary: var(--colors-dash-400);
-    --colors-secondary: var(--colors-gray-700);
-    --colors-success: var(--colors-green-500);
-    --colors-warning: var(--colors-yellow-500);
+    --colors-primary-50: var(--colors-solid-purple-dark-50);
+    --colors-primary-100: var(--colors-solid-purple-dark-100);
+    --colors-primary-200: var(--colors-solid-purple-dark-200);
+    --colors-primary-300: var(--colors-solid-purple-dark-300);
+    --colors-primary-400: var(--colors-solid-purple-dark-400);
+    --colors-primary-500: var(--colors-solid-purple-dark-500);
+    --colors-primary-600: var(--colors-solid-purple-dark-600);
+    --colors-primary-700: var(--colors-solid-purple-dark-700);
+    --colors-primary-800: var(--colors-solid-purple-dark-800);
+    --colors-primary-850: var(--colors-solid-purple-dark-850);
+    --colors-primary-900: var(--colors-solid-purple-dark-900);
+    --colors-primary-950: var(--colors-solid-purple-dark-950);
+    --colors-primary-foreground: var(--colors-contrast-purple-dark);
+    --colors-primary-surface: var(--colors-alpha-purple-dark-300);
+    --colors-primary-ring: var(--colors-alpha-purple-dark-500);
+    --colors-primary-border: var(--colors-solid-purple-dark-700);
+    --colors-primary-pressed: color-mix(in oklab, var(--colors-solid-purple-dark-800) 75%, black);
+    --colors-primary-track: var(--colors-track-purple-dark);
+    --colors-primary-disabled: var(--colors-solid-purple-dark-300);
+    --colors-secondary-50: var(--colors-solid-slate-dark-50);
+    --colors-secondary-100: var(--colors-solid-slate-dark-100);
+    --colors-secondary-200: var(--colors-solid-slate-dark-200);
+    --colors-secondary-300: var(--colors-solid-slate-dark-300);
+    --colors-secondary-400: var(--colors-solid-slate-dark-400);
+    --colors-secondary-500: var(--colors-solid-slate-dark-500);
+    --colors-secondary-600: var(--colors-solid-slate-dark-600);
+    --colors-secondary-700: var(--colors-solid-slate-dark-700);
+    --colors-secondary-800: var(--colors-solid-slate-dark-800);
+    --colors-secondary-850: var(--colors-solid-slate-dark-850);
+    --colors-secondary-900: var(--colors-solid-slate-dark-900);
+    --colors-secondary-950: var(--colors-solid-slate-dark-950);
+    --colors-secondary-foreground: var(--colors-contrast-slate-dark);
+    --colors-secondary-surface: var(--colors-alpha-slate-dark-300);
+    --colors-secondary-ring: var(--colors-alpha-slate-dark-500);
+    --colors-secondary-border: var(--colors-solid-slate-dark-700);
+    --colors-secondary-pressed: color-mix(in oklab, var(--colors-solid-slate-dark-800) 75%, black);
+    --colors-secondary-track: var(--colors-track-slate-dark);
+    --colors-secondary-disabled: var(--colors-solid-slate-dark-300);
+    --colors-success-50: var(--colors-solid-emerald-dark-50);
+    --colors-success-100: var(--colors-solid-emerald-dark-100);
+    --colors-success-200: var(--colors-solid-emerald-dark-200);
+    --colors-success-300: var(--colors-solid-emerald-dark-300);
+    --colors-success-400: var(--colors-solid-emerald-dark-400);
+    --colors-success-500: var(--colors-solid-emerald-dark-500);
+    --colors-success-600: var(--colors-solid-emerald-dark-600);
+    --colors-success-700: var(--colors-solid-emerald-dark-700);
+    --colors-success-800: var(--colors-solid-emerald-dark-800);
+    --colors-success-850: var(--colors-solid-emerald-dark-850);
+    --colors-success-900: var(--colors-solid-emerald-dark-900);
+    --colors-success-950: var(--colors-solid-emerald-dark-950);
+    --colors-success-foreground: var(--colors-contrast-emerald-dark);
+    --colors-success-surface: var(--colors-alpha-emerald-dark-300);
+    --colors-success-ring: var(--colors-alpha-emerald-dark-500);
+    --colors-success-border: var(--colors-solid-emerald-dark-700);
+    --colors-success-pressed: color-mix(in oklab, var(--colors-solid-emerald-dark-800) 75%, black);
+    --colors-success-track: var(--colors-track-emerald-dark);
+    --colors-success-disabled: var(--colors-solid-emerald-dark-300);
+    --colors-warning-50: var(--colors-solid-amber-dark-50);
+    --colors-warning-100: var(--colors-solid-amber-dark-100);
+    --colors-warning-200: var(--colors-solid-amber-dark-200);
+    --colors-warning-300: var(--colors-solid-amber-dark-300);
+    --colors-warning-400: var(--colors-solid-amber-dark-400);
+    --colors-warning-500: var(--colors-solid-amber-dark-500);
+    --colors-warning-600: var(--colors-solid-amber-dark-600);
+    --colors-warning-700: var(--colors-solid-amber-dark-700);
+    --colors-warning-800: var(--colors-solid-amber-dark-800);
+    --colors-warning-850: var(--colors-solid-amber-dark-850);
+    --colors-warning-900: var(--colors-solid-amber-dark-900);
+    --colors-warning-950: var(--colors-solid-amber-dark-950);
+    --colors-warning-foreground: var(--colors-contrast-amber-dark);
+    --colors-warning-surface: var(--colors-alpha-amber-dark-300);
+    --colors-warning-ring: var(--colors-alpha-amber-dark-500);
+    --colors-warning-border: var(--colors-solid-amber-dark-700);
+    --colors-warning-pressed: color-mix(in oklab, var(--colors-solid-amber-dark-800) 75%, black);
+    --colors-warning-track: var(--colors-track-amber-dark);
+    --colors-warning-disabled: var(--colors-solid-amber-dark-300);
+    --colors-error-50: var(--colors-solid-red-dark-50);
+    --colors-error-100: var(--colors-solid-red-dark-100);
+    --colors-error-200: var(--colors-solid-red-dark-200);
+    --colors-error-300: var(--colors-solid-red-dark-300);
+    --colors-error-400: var(--colors-solid-red-dark-400);
+    --colors-error-500: var(--colors-solid-red-dark-500);
+    --colors-error-600: var(--colors-solid-red-dark-600);
+    --colors-error-700: var(--colors-solid-red-dark-700);
+    --colors-error-800: var(--colors-solid-red-dark-800);
+    --colors-error-850: var(--colors-solid-red-dark-850);
+    --colors-error-900: var(--colors-solid-red-dark-900);
+    --colors-error-950: var(--colors-solid-red-dark-950);
+    --colors-error-foreground: var(--colors-contrast-red-dark);
+    --colors-error-surface: var(--colors-alpha-red-dark-300);
+    --colors-error-ring: var(--colors-alpha-red-dark-500);
+    --colors-error-border: var(--colors-solid-red-dark-700);
+    --colors-error-pressed: color-mix(in oklab, var(--colors-solid-red-dark-800) 75%, black);
+    --colors-error-track: var(--colors-track-red-dark);
+    --colors-error-disabled: var(--colors-solid-red-dark-300);
+    --colors-info-50: var(--colors-solid-blue-dark-50);
+    --colors-info-100: var(--colors-solid-blue-dark-100);
+    --colors-info-200: var(--colors-solid-blue-dark-200);
+    --colors-info-300: var(--colors-solid-blue-dark-300);
+    --colors-info-400: var(--colors-solid-blue-dark-400);
+    --colors-info-500: var(--colors-solid-blue-dark-500);
+    --colors-info-600: var(--colors-solid-blue-dark-600);
+    --colors-info-700: var(--colors-solid-blue-dark-700);
+    --colors-info-800: var(--colors-solid-blue-dark-800);
+    --colors-info-850: var(--colors-solid-blue-dark-850);
+    --colors-info-900: var(--colors-solid-blue-dark-900);
+    --colors-info-950: var(--colors-solid-blue-dark-950);
+    --colors-info-foreground: var(--colors-contrast-blue-dark);
+    --colors-info-surface: var(--colors-alpha-blue-dark-300);
+    --colors-info-ring: var(--colors-alpha-blue-dark-500);
+    --colors-info-border: var(--colors-solid-blue-dark-700);
+    --colors-info-pressed: color-mix(in oklab, var(--colors-solid-blue-dark-800) 75%, black);
+    --colors-info-track: var(--colors-track-blue-dark);
+    --colors-info-disabled: var(--colors-solid-blue-dark-300);
+    --colors-neutral-50: var(--colors-solid-gray-dark-50);
+    --colors-neutral-100: var(--colors-solid-gray-dark-100);
+    --colors-neutral-200: var(--colors-solid-gray-dark-200);
+    --colors-neutral-300: var(--colors-solid-gray-dark-300);
+    --colors-neutral-400: var(--colors-solid-gray-dark-400);
+    --colors-neutral-500: var(--colors-solid-gray-dark-500);
+    --colors-neutral-600: var(--colors-solid-gray-dark-600);
+    --colors-neutral-700: var(--colors-solid-gray-dark-700);
+    --colors-neutral-800: var(--colors-solid-gray-dark-800);
+    --colors-neutral-850: var(--colors-solid-gray-dark-850);
+    --colors-neutral-900: var(--colors-solid-gray-dark-900);
+    --colors-neutral-950: var(--colors-solid-gray-dark-950);
+    --colors-neutral-foreground: var(--colors-solid-gray-dark-950);
+    --colors-neutral-surface: var(--colors-alpha-gray-dark-300);
+    --colors-neutral-ring: var(--colors-alpha-gray-dark-500);
+    --colors-neutral-border: var(--colors-solid-gray-dark-300);
+    --colors-input-foreground: var(--colors-solid-gray-dark-950);
+    --colors-input-surface: color-mix(in oklab, lab(100% 0 -40 / .15) 30%, transparent);
+    --colors-input-border: var(--colors-solid-gray-dark-600);
+    --colors-input-ring: var(--colors-alpha-white-dark-100);
+    --colors-input-placeholder: var(--colors-solid-gray-dark-850);
     --shadows-inset: var(--shadows-inset-dark);
     --shadows-level1: var(--shadows-elevation1-dark);
     --shadows-level2: var(--shadows-elevation2-dark);
@@ -762,12 +2117,6 @@
     --shadows-level6: var(--shadows-elevation6-dark)
 }
 
-  @keyframes spin {
-    to {
-      transform: rotate(360deg);
-}
-}
-
   @keyframes ping {
     75%,100% {
       transform: scale(2);
@@ -814,80 +2163,102 @@
       transform: translateX(2px) rotateY(3deg);
 }
 }
+
+  @keyframes slide {
+    0% {
+      transform: scaleX(1);
+      transform-origin: left;
+      background-color: dash.800;
+      width: 0%;
 }
 
-@layer utilities{
+    50% {
+      transform: scaleX(1);
+      transform-origin: left;
+      width: 100%;
+}
 
-  .cursor_pointer {
-    cursor: pointer;
+    50.01% {
+      transform: scaleX(1);
+      transform-origin: right;
+      background-color: dash.600;
+      width: 100%;
 }
 
-  .min-w_320px {
-    min-width: 320px;
+    100% {
+      transform: scaleX(0);
+      transform-origin: right;
+      width: 100%;
 }
-
-  .bd_1px_solid {
-    border: 1px solid;
 }
 
-  .d_flex {
-    display: flex;
+  @keyframes slideInLeft {
+    0% {
+      transform: translateX(-100%);
 }
 
-  .c_\#fff {
-    color: #fff;
+    100% {
+      transform: translateX(0);
+}
 }
 
-  .bdr_80px {
-    border-radius: 80px;
+  @keyframes slideInRight {
+    0% {
+      transform: translateX(100%);
 }
 
-  .w_24px {
-    width: 24px;
+    100% {
+      transform: translateX(0);
+}
 }
 
-  .h_24px {
-    height: 24px;
+  @keyframes spin {
+    to {
+      transform: rotate(360deg);
 }
 
-  .w_32px {
-    width: 32px;
+    0% {
+      transform: rotate(0deg);
 }
 
-  .h_32px {
-    height: 32px;
+    100% {
+      transform: rotate(360deg);
+}
 }
+}
+
+@layer utilities{
 
-  .w_40px {
-    width: 40px;
+  .\--switch-radius_\{radii\.pill\} {
+    --switch-radius: var(--radii-pill);
 }
 
-  .h_40px {
-    height: 40px;
+  .\--switch-padding_2px {
+    --switch-padding: 2px;
 }
 
-  .w_48px {
-    width: 48px;
+  .\--switch-radius_\{radii\.sharp\} {
+    --switch-radius: var(--radii-sharp);
 }
 
-  .h_48px {
-    height: 48px;
+  .\--switch-radius_\{radii\.xs\} {
+    --switch-radius: var(--radii-xs);
 }
 
-  .w_56px {
-    width: 56px;
+  .\--switch-radius_\{radii\.sm\} {
+    --switch-radius: var(--radii-sm);
 }
 
-  .h_56px {
-    height: 56px;
+  .\--switch-radius_\{radii\.md\} {
+    --switch-radius: var(--radii-md);
 }
 
-  .bx-s_content-box {
-    box-sizing: content-box;
+  .\--switch-radius_\{radii\.lg\} {
+    --switch-radius: var(--radii-lg);
 }
 
-  .bdr_50\% {
-    border-radius: 50%;
+  .bd_1px_solid {
+    border: 1px solid;
 }
 
   .bd_4px_solid {
@@ -895,52 +2266,79 @@
 }
 
   .bg_neutrals\.900 {
-    background: var(--colors-neutrals-900);
+    background: neutrals.900;
 }
 
-  .us_none {
-    -webkit-user-select: none;
-    user-select: none;
+  .bd_transparent {
+    border: transparent;
 }
 
-  .w_fit-content {
-    width: fit-content;
+  .p_1\.5rem_0\.5rem {
+    padding: 1.5rem 0.5rem;
+}
+
+  .p_sm {
+    padding: var(--spacing-sm);
 }
 
-  .gap_4px {
-    gap: 4px;
+  .p_1rem {
+    padding: 1rem;
 }
 
-  .p_\.5rem_1rem_\.5rem_\.5rem {
-    padding: .5rem 1rem .5rem .5rem;
+  .bd_none {
+    border: var(--borders-none);
 }
 
-  .c_info {
-    color: var(--colors-info);
+  .grid_\[track\]_1fr_\/_\[track\]_1fr {
+    grid: [track] 1fr / [track] 1fr;
 }
 
-  .c_error {
-    color: var(--colors-error);
+  .p_var\(--switch-padding\) {
+    padding: var(--switch-padding);
 }
 
-  .c_primary {
-    color: var(--colors-primary);
+  .p_0\.5rem_1rem {
+    padding: 0.5rem 1rem;
+}
+
+  .p_5rem\! {
+    padding: 5rem !important;
 }
 
-  .c_secondary {
-    color: var(--colors-secondary);
+  .p_vs {
+    padding: var(--spacing-vs);
+}
+
+  .bd-c_input\.border {
+    border-color: var(--colors-input-border);
+}
+
+  .bd-c_neutrals\.800 {
+    border-color: neutrals.800;
+}
+
+  .bdr_80px {
+    border-radius: 80px;
+}
+
+  .bdr_50\% {
+    border-radius: 50%;
+}
+
+  .bd-c_neutrals\.50 {
+    border-color: neutrals.50;
 }
 
-  .c_success {
-    color: var(--colors-success);
+  .gap_xs {
+    gap: var(--spacing-xs);
 }
 
-  .c_warning {
-    color: var(--colors-warning);
+  .ring_1px_solid_transparent {
+    outline: 1px solid transparent;
 }
 
-  .bdr_none {
-    border-radius: none;
+  .bdr_sharp {
+    border-radius: var(--radii-sharp);
 }
 
   .bdr_xs {
@@ -959,68 +2357,124 @@
     border-radius: var(--radii-lg);
 }
 
-  .bdr_xl {
-    border-radius: var(--radii-xl);
+  .bdr_pill {
+    border-radius: var(--radii-pill);
 }
 
-  .bdr_full {
-    border-radius: var(--radii-full);
+  .px_0\.375rem {
+    padding-inline: 0.375rem;
 }
 
-  .ring_none {
-    outline: var(--borders-none);
+  .py_0\.125rem {
+    padding-block: 0.125rem;
 }
 
-  .ring_1px_solid_transparent {
-    outline: 1px solid transparent;
+  .px_0\.5rem {
+    padding-inline: 0.5rem;
 }
 
-  .gap_\.25rem {
-    gap: .25rem;
+  .py_0\.1875rem {
+    padding-block: 0.1875rem;
 }
 
-  .c_neutral\.800 {
-    color: var(--colors-neutral-800);
+  .px_0\.625rem {
+    padding-inline: 0.625rem;
+}
+
+  .py_0\.25rem {
+    padding-block: 0.25rem;
+}
+
+  .px_0\.75rem {
+    padding-inline: 0.75rem;
+}
+
+  .py_0\.375rem {
+    padding-block: 0.375rem;
+}
+
+  .px_0\.875rem {
+    padding-inline: 0.875rem;
 }
 
   .py_0\.5rem {
     padding-block: 0.5rem;
 }
 
-  .bdr_0\.25rem {
-    border-radius: 0.25rem;
+  .ring_none {
+    outline: var(--borders-none);
 }
 
-  .c_neutrals\.50 {
-    color: var(--colors-neutrals-50);
+  .gap_\.25rem {
+    gap: .25rem;
 }
 
-  .ring_1px_solid {
-    outline: 1px solid;
+  .place-items_center {
+    place-items: center;
 }
 
-  .px_0\.75rem {
-    padding-inline: 0.75rem;
+  .ring_1px_solid {
+    outline: 1px solid;
 }
 
-  .py_0\.375rem {
-    padding-block: 0.375rem;
+  .py_vs {
+    padding-block: var(--spacing-vs);
 }
 
-  .px_1rem {
-    padding-inline: 1rem;
+  .px_sm {
+    padding-inline: var(--spacing-sm);
 }
 
   .px_1\.25rem {
     padding-inline: 1.25rem;
 }
 
+  .py_0\.625rem {
+    padding-block: 0.625rem;
+}
+
+  .px_md {
+    padding-inline: var(--spacing-md);
+}
+
+  .py_0\.75rem {
+    padding-block: 0.75rem;
+}
+
   .px_1\.75rem {
     padding-inline: 1.75rem;
 }
 
-  .px_2rem {
-    padding-inline: 2rem;
+  .py_0\.875rem {
+    padding-block: 0.875rem;
+}
+
+  .bd-c_primary\.border {
+    border-color: var(--colors-primary-border);
+}
+
+  .bd-c_secondary\.border {
+    border-color: var(--colors-secondary-border);
+}
+
+  .bd-c_success\.border {
+    border-color: var(--colors-success-border);
+}
+
+  .bd-c_warning\.border {
+    border-color: var(--colors-warning-border);
+}
+
+  .bd-c_error\.border {
+    border-color: var(--colors-error-border);
+}
+
+  .bd-c_info\.border {
+    border-color: var(--colors-info-border);
+}
+
+  .bd-c_neutrals\.100 {
+    border-color: neutrals.100;
 }
 
   .bdr_0\.5rem {
@@ -1031,78 +2485,88 @@
     gap: 2rem;
 }
 
-  .p_1\.5rem_0\.5rem {
-    padding: 1.5rem 0.5rem;
+  .gap_vs {
+    gap: var(--spacing-vs);
 }
 
-  .bx-sh_elevation3\.base {
-    box-shadow: var(--shadows-elevation3-base);
+  .gap_sm {
+    gap: var(--spacing-sm);
 }
 
-  .pos_relative {
-    position: relative;
+  .gap_0 {
+    gap: var(--spacing-0);
+}
+
+  .ov_hidden {
+    overflow: hidden;
 }
 
   .gap_1rem {
     gap: 1rem;
 }
 
-  .w_100\% {
-    width: 100%;
+  .gap_8rem {
+    gap: 8rem;
 }
 
-  .gap_\.5rem {
-    gap: .5rem;
+  .gap_2ch {
+    gap: 2ch;
 }
 
-  .d_inline-block {
-    display: inline-block;
+  .bdr_var\(--switch-radius\) {
+    border-radius: var(--switch-radius);
 }
 
-  .gap_0\.25rem {
-    gap: 0.25rem;
+  .bdr_2px {
+    border-radius: 2px;
 }
 
-  .c_\#D3D7E4 {
-    color: #D3D7E4;
+  .bd-b_1px_solid {
+    border-bottom: 1px solid;
 }
 
-  .scale_1 {
-    scale: 1;
+  .gap_0\.25rem {
+    gap: 0.25rem;
 }
 
-  .trs_all {
-    transition-property: var(--transition-prop, all);
-    transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
-    transition-duration: var(--transition-duration, 150ms);
+  .bdr_0\.25rem {
+    border-radius: 0.25rem;
 }
 
-  .p_0\.5rem_1rem {
-    padding: 0.5rem 1rem;
+  .px_1\.5rem {
+    padding-inline: 1.5rem;
 }
 
-  .c_neutrals\.900 {
-    color: var(--colors-neutrals-900);
+  .gap_0\.5rem {
+    gap: 0.5rem;
 }
 
-  .bdr_4px {
-    border-radius: 4px;
+  .vis_visible {
+    visibility: visible;
 }
 
-  .bd_none {
-    border: var(--borders-none);
+  .vis_hidden {
+    visibility: hidden;
 }
 
-  .bd_1px_solid_transparent {
-    border: 1px solid transparent;
+  .sr_true {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
 }
 
-  .resize_none {
-    resize: none;
+  .cursor_pointer {
+    cursor: pointer;
 }
 
-  .bd-c_neutrals\.800 {
-    border-color: var(--colors-neutrals-800);
+  .d_flex {
+    display: flex;
 }
 
   .flex-d_row {
@@ -1117,36 +2581,36 @@
     align-items: center;
 }
 
+  .c_\#fff {
+    color: #fff;
+}
+
   .bg-c_primary {
-    background-color: var(--colors-primary);
+    background-color: primary;
 }
 
   .bg-c_error {
-    background-color: var(--colors-error);
+    background-color: error;
 }
 
   .bg-c_info {
-    background-color: var(--colors-info);
+    background-color: info;
 }
 
   .bg-c_secondary {
-    background-color: var(--colors-secondary);
+    background-color: secondary;
 }
 
   .bg-c_success {
-    background-color: var(--colors-success);
+    background-color: success;
 }
 
   .bg-c_warning {
-    background-color: var(--colors-warning);
-}
-
-  .bd-c_neutrals\.50 {
-    border-color: var(--colors-neutrals-50);
+    background-color: warning;
 }
 
-  .ml_-8px {
-    margin-left: -8px;
+  .bx-s_content-box {
+    box-sizing: content-box;
 }
 
   .fs_1rem {
@@ -1157,36 +2621,49 @@
     align-self: center;
 }
 
-  .fs_\.625rem {
-    font-size: .625rem;
+  .us_none {
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+  .d_inline-flex {
+    display: inline-flex;
+}
+
+  .fw_500 {
+    font-weight: 500;
+}
+
+  .bg-c_primary\.850 {
+    background-color: var(--colors-primary-850);
 }
 
-  .bg-c_info\.lighter {
-    background-color: var(--colors-info-lighter);
+  .bg-c_secondary\.850 {
+    background-color: var(--colors-secondary-850);
 }
 
-  .bg-c_error\.lighter {
-    background-color: var(--colors-error-lighter);
+  .bg-c_success\.850 {
+    background-color: var(--colors-success-850);
 }
 
-  .bg-c_primary\.lighter {
-    background-color: var(--colors-primary-lighter);
+  .bg-c_warning\.850 {
+    background-color: var(--colors-warning-850);
 }
 
-  .bg-c_secondary\.lighter {
-    background-color: var(--colors-secondary-lighter);
+  .bg-c_error\.850 {
+    background-color: var(--colors-error-850);
 }
 
-  .bg-c_success\.lighter {
-    background-color: var(--colors-success-lighter);
+  .bg-c_info\.850 {
+    background-color: var(--colors-info-850);
 }
 
-  .bg-c_warning\.lighter {
-    background-color: var(--colors-warning-lighter);
+  .fs_0\.625rem {
+    font-size: 0.625rem;
 }
 
-  .fs_0\.5rem {
-    font-size: 0.5rem;
+  .fs_0\.6875rem {
+    font-size: 0.6875rem;
 }
 
   .fs_0\.75rem {
@@ -1197,511 +2674,1528 @@
     font-size: 0.875rem;
 }
 
-  .fs_1\.25rem {
-    font-size: 1.25rem;
-}
-
   .bg-c_transparent {
     background-color: var(--colors-transparent);
 }
 
-  .ring-c_error {
-    outline-color: var(--colors-error);
+  .c_primary\.foreground {
+    color: var(--colors-primary-foreground);
 }
 
-  .ring-c_info {
-    outline-color: var(--colors-info);
+  .c_primary\.950 {
+    color: var(--colors-primary-950);
 }
 
-  .ring-c_primary {
-    outline-color: var(--colors-primary);
+  .bg-c_primary\.surface {
+    background-color: var(--colors-primary-surface);
 }
 
-  .ring-c_secondary {
-    outline-color: var(--colors-secondary);
+  .ring-c_primary\.border {
+    outline-color: var(--colors-primary-border);
 }
 
-  .ring-c_success {
-    outline-color: var(--colors-success);
+  .c_secondary\.foreground {
+    color: var(--colors-secondary-foreground);
 }
 
-  .ring-c_warning {
-    outline-color: var(--colors-warning);
+  .c_secondary\.950 {
+    color: var(--colors-secondary-950);
 }
 
-  .fw_600 {
-    font-weight: 600;
-}
-
-  .fs_0\.625rem {
-    font-size: 0.625rem;
+  .bg-c_secondary\.surface {
+    background-color: var(--colors-secondary-surface);
 }
 
-  .fs_1\.125rem {
-    font-size: 1.125rem;
+  .ring-c_secondary\.border {
+    outline-color: var(--colors-secondary-border);
 }
 
-  .bd-c_neutrals\.100 {
-    border-color: var(--colors-neutrals-100);
+  .c_success\.foreground {
+    color: var(--colors-success-foreground);
 }
 
-  .flex-d_column {
-    flex-direction: column;
+  .c_success\.950 {
+    color: var(--colors-success-950);
 }
 
-  .trs-dur_400ms {
-    --transition-duration: 400ms;
-    transition-duration: 400ms;
+  .bg-c_success\.surface {
+    background-color: var(--colors-success-surface);
 }
 
-  .jc_space-around {
-    justify-content: space-around;
+  .ring-c_success\.border {
+    outline-color: var(--colors-success-border);
 }
 
-  .fw_bold {
-    font-weight: var(--font-weights-bold);
+  .c_warning\.foreground {
+    color: var(--colors-warning-foreground);
 }
 
-  .bg-c_neutrals\.100 {
-    background-color: var(--colors-neutrals-100);
+  .c_warning\.950 {
+    color: var(--colors-warning-950);
 }
 
-  [data-theme=dark] .dark\:c_info\.lighter {
-    color: var(--colors-info-lighter);
+  .bg-c_warning\.surface {
+    background-color: var(--colors-warning-surface);
 }
 
-  [data-theme=dark] .dark\:c_error\.lighter {
-    color: var(--colors-error-lighter);
+  .ring-c_warning\.border {
+    outline-color: var(--colors-warning-border);
 }
 
-  [data-theme=dark] .dark\:c_primary\.lighter {
-    color: var(--colors-primary-lighter);
+  .c_error\.foreground {
+    color: var(--colors-error-foreground);
 }
 
-  [data-theme=dark] .dark\:c_secondary\.lighter {
-    color: var(--colors-secondary-lighter);
+  .c_error\.950 {
+    color: var(--colors-error-950);
 }
 
-  [data-theme=dark] .dark\:c_success\.lighter {
-    color: var(--colors-success-lighter);
+  .bg-c_error\.surface {
+    background-color: var(--colors-error-surface);
 }
 
-  [data-theme=dark] .dark\:c_warning\.lighter {
-    color: var(--colors-warning-lighter);
+  .ring-c_error\.border {
+    outline-color: var(--colors-error-border);
 }
 
-  [data-theme=dark] .dark\:c_neutral\.100 {
-    color: var(--colors-neutral-100);
+  .c_info\.foreground {
+    color: var(--colors-info-foreground);
 }
 
-  .\[\&_a\:not\(\:last-child\)\]\:c_color-mix\(in_oklch\,_var\(--colors-neutral-800\)\,_white_50\%\) a:not(:last-child) {
-    color: color-mix(in oklch, var(--colors-neutral-800), white 50%);
+  .c_info\.950 {
+    color: var(--colors-info-950);
 }
 
-  [data-theme=dark] .dark\:c_neutrals\.950 {
-    color: var(--colors-neutrals-950);
+  .bg-c_info\.surface {
+    background-color: var(--colors-info-surface);
 }
 
-  [data-theme=dark] .dark\:c_error\.darker {
-    color: var(--colors-error-darker);
+  .ring-c_info\.border {
+    outline-color: var(--colors-info-border);
 }
 
-  [data-theme=dark] .dark\:c_info\.darker {
-    color: var(--colors-info-darker);
+  .fw_600 {
+    font-weight: 600;
 }
 
-  [data-theme=dark] .dark\:c_primary\.darker {
-    color: var(--colors-primary-darker);
+  .c_neutral\.800 {
+    color: var(--colors-neutral-800);
 }
 
-  [data-theme=dark] .dark\:c_secondary\.darker {
-    color: var(--colors-secondary-darker);
+  .d_grid {
+    display: grid;
 }
 
-  [data-theme=dark] .dark\:c_success\.darker {
-    color: var(--colors-success-darker);
+  .fs_sm {
+    font-size: var(--font-sizes-sm);
 }
 
-  [data-theme=dark] .dark\:c_warning\.darker {
-    color: var(--colors-warning-darker);
+  .flex-d_column {
+    flex-direction: column;
 }
 
-  [data-theme=dark] .dark\:bx-sh_elevation3\.dark {
-    box-shadow: var(--shadows-elevation3-dark);
+  .bx-sh_elevation3\.base {
+    box-shadow: var(--shadows-elevation3-base);
 }
 
-  .\[\&_\.combobox__input-search\]\:pos_relative .combobox__input-search {
+  .pos_relative {
     position: relative;
 }
 
-  .\[\&_\.combobox__input-search\]\:bd-b_1px_solid .combobox__input-search {
-    border-bottom: 1px solid;
+  .pos_absolute {
+    position: absolute;
 }
 
-  .\[\&_\.combobox__empty-field\]\:d_flex .combobox__empty-field {
-    display: flex;
+  .c_primary\.800 {
+    color: var(--colors-primary-800);
 }
 
-  .\[\&_\.combobox__empty-field\]\:gap_0\.5rem .combobox__empty-field {
-    gap: 0.5rem;
+  .pointer-events_none {
+    pointer-events: none;
 }
 
-  .\[\&_\.combobox__empty-field\]\:p_1rem_2rem .combobox__empty-field {
-    padding: 1rem 2rem;
+  .c_input\.foreground {
+    color: var(--colors-input-foreground);
 }
 
-  .\[\&_button_span\]\:sr_true button span {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border-width: 0;
+  .fs_xs {
+    font-size: var(--font-sizes-xs);
 }
 
-  .\[\&_ul\]\:min-w_max-content ul {
-    min-width: max-content;
+  .flex-d_row-reverse {
+    flex-direction: row-reverse;
 }
 
-  .\[\&_ul\]\:w_100\% ul {
-    width: 100%;
+  .jc_start {
+    justify-content: start;
 }
 
-  .\[\&_ul\]\:bd_1px_solid ul {
-    border: 1px solid;
+  .jc_end {
+    justify-content: end;
 }
 
-  .\[\&_ul\]\:bdr_4px ul {
-    border-radius: 4px;
+  .ap_none {
+    appearance: none;
+    -webkit-appearance: none;
 }
 
-  .\[\&_li\]\:cursor_pointer li {
-    cursor: pointer;
+  .bg-c_input\.surface {
+    background-color: var(--colors-input-surface);
 }
 
-  .\[\&_\.form__error-text\]\:c_red\.400 .form__error-text {
-    color: var(--colors-red-400);
+  .ring-c_input\.border {
+    outline-color: var(--colors-input-border);
 }
 
-  .\[\&_\.input__leading\,_\&_\.input__trailing\]\:pos_absolute .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:pos_absolute .input__trailing {
-    position: absolute;
+  .fw_medium {
+    font-weight: var(--font-weights-medium);
 }
 
-  .\[\&_\>_svg\]\:va_middle > svg {
-    vertical-align: middle;
+  .tt_capitalize {
+    text-transform: capitalize;
 }
 
-  [data-theme=dark] .dark\:c_neutral\.50 {
-    color: var(--colors-neutral-50);
-}
+  .d_inline-block {
+    display: inline-block;
+}
+
+  .d_block {
+    display: block;
+}
+
+  .c_primary {
+    color: primary;
+}
+
+  .pos_fixed {
+    position: fixed;
+}
+
+  .trf_translate\(-50\%\,_-50\%\) {
+    transform: translate(-50%, -50%);
+}
+
+  .c_neutrals\.950 {
+    color: neutrals.950;
+}
+
+  .bg-c_neutral\.200 {
+    background-color: var(--colors-neutral-200);
+}
+
+  .jc_space-between {
+    justify-content: space-between;
+}
+
+  .fs_2rem {
+    font-size: 2rem;
+}
+
+  .ring-c_alpha\.gray\.light\.400 {
+    outline-color: var(--colors-alpha-gray-light-400);
+}
+
+  .flex-sh_0 {
+    flex-shrink: 0;
+}
+
+  .bg-c_alpha\.gray\.light\.200 {
+    background-color: var(--colors-alpha-gray-light-200);
+}
+
+  .trf_rotate\(0deg\) {
+    transform: rotate(0deg);
+}
+
+  .trf_rotate\(-90deg\) {
+    transform: rotate(-90deg);
+}
+
+  .w-is_1\.5rem {
+    inline-size: 1.5rem;
+}
+
+  .h-bs_0\.75rem {
+    block-size: 0.75rem;
+}
+
+  .w-is_2rem {
+    inline-size: 2rem;
+}
+
+  .h-bs_1rem {
+    block-size: 1rem;
+}
+
+  .w-is_2\.5rem {
+    inline-size: 2.5rem;
+}
+
+  .h-bs_1\.25rem {
+    block-size: 1.25rem;
+}
+
+  .w-is_3rem {
+    inline-size: 3rem;
+}
+
+  .h-bs_1\.5rem {
+    block-size: 1.5rem;
+}
+
+  .w-is_4rem {
+    inline-size: 4rem;
+}
+
+  .h-bs_2rem {
+    block-size: 2rem;
+}
+
+  .bd-cl_collapse {
+    border-collapse: collapse;
+}
+
+  .ta_center {
+    text-align: center;
+}
+
+  .jc_flex-start {
+    justify-content: flex-start;
+}
+
+  .fs_1\.125rem {
+    font-size: 1.125rem;
+}
+
+  .bg-c_neutral\.100 {
+    background-color: var(--colors-neutral-100);
+}
+
+  .ring-c_neutral\.border {
+    outline-color: var(--colors-neutral-border);
+}
+
+  .resize_none {
+    resize: none;
+}
+
+  .ring-c_0 {
+    outline-color: 0;
+}
+
+  .min-w_320px {
+    min-width: 320px;
+}
+
+  .w_xs {
+    width: var(--sizes-xs);
+}
+
+  .h_xs {
+    height: var(--sizes-xs);
+}
+
+  .w_sm {
+    width: var(--sizes-sm);
+}
+
+  .h_sm {
+    height: var(--sizes-sm);
+}
+
+  .w_md {
+    width: var(--sizes-md);
+}
+
+  .h_md {
+    height: var(--sizes-md);
+}
+
+  .w_lg {
+    width: var(--sizes-lg);
+}
+
+  .h_lg {
+    height: var(--sizes-lg);
+}
+
+  .w_xl {
+    width: var(--sizes-xl);
+}
+
+  .h_xl {
+    height: var(--sizes-xl);
+}
+
+  .w_2xl {
+    width: var(--sizes-2xl);
+}
+
+  .h_2xl {
+    height: var(--sizes-2xl);
+}
+
+  .ml_-8px {
+    margin-left: -8px;
+}
+
+  .w_fit-content {
+    width: fit-content;
+}
+
+  .w_65\% {
+    width: 65%;
+}
+
+  .h_65\% {
+    height: 65%;
+}
+
+  .w_100\% {
+    width: 100%;
+}
+
+  .ml_auto {
+    margin-left: auto;
+}
+
+  .top_50\% {
+    top: 50%;
+}
+
+  .left_50\% {
+    left: 50%;
+}
+
+  .top_1rem {
+    top: 1rem;
+}
+
+  .left_1rem {
+    left: 1rem;
+}
+
+  .right_1rem {
+    right: 1rem;
+}
+
+  .bottom_1rem {
+    bottom: 1rem;
+}
+
+  .\[\&_\>_\*\]\:grid-area_1_\/_1 > * {
+    grid-area: 1 / 1;
+}
+
+  .\[\&_\>_svg\]\:anim_spin_1s_linear_infinite > svg {
+    animation: spin 1s linear infinite;
+}
+
+  .\[\&_\>_label\]\:bd_1px_solid > label {
+    border: 1px solid;
+}
+
+  .\[\&_\>_label\]\:p_md > label {
+    padding: var(--spacing-md);
+}
+
+  .\[\&_\.combobox__empty-field\]\:p_1rem_2rem .combobox__empty-field {
+    padding: 1rem 2rem;
+}
+
+  .\[\&_ul\]\:bd_1px_solid ul {
+    border: 1px solid;
+}
+
+  .\[\&\:\:-webkit-meter-bar\]\:bg_solid\.gray\.light\.400::-webkit-meter-bar {
+    background: var(--colors-solid-gray-light-400);
+}
+
+  .\[\&\:\:-webkit-meter-bar\]\:bd_none::-webkit-meter-bar {
+    border: var(--borders-none);
+}
+
+  .\[\&\:\:-moz-meter-bar\]\:bg_solid\.gray\.light\.400::-moz-meter-bar {
+    background: var(--colors-solid-gray-light-400);
+}
+
+  .\[\&\[value\=\"1\"\]\:\:-webkit-meter-optimum-value\]\:bg_solid\.red\.light\.800[value="1"]::-webkit-meter-optimum-value {
+    background: var(--colors-solid-red-light-800);
+}
+
+  .\[\&\[value\=\"1\"\]\:\:-moz-meter-bar\]\:bg_solid\.red\.light\.800[value="1"]::-moz-meter-bar {
+    background: var(--colors-solid-red-light-800);
+}
+
+  .\[\&\[value\=\"2\"\]\:\:-webkit-meter-optimum-value\]\:bg_solid\.amber\.light\.800[value="2"]::-webkit-meter-optimum-value {
+    background: var(--colors-solid-amber-light-800);
+}
+
+  .\[\&\[value\=\"2\"\]\:\:-moz-meter-bar\]\:bg_solid\.amber\.light\.800[value="2"]::-moz-meter-bar {
+    background: var(--colors-solid-amber-light-800);
+}
+
+  .\[\&\[value\=\"3\"\]\:\:-webkit-meter-optimum-value\]\:bg_solid\.yellow\.light\.800[value="3"]::-webkit-meter-optimum-value {
+    background: var(--colors-solid-yellow-light-800);
+}
+
+  .\[\&\[value\=\"3\"\]\:\:-moz-meter-bar\]\:bg_solid\.yellow\.light\.800[value="3"]::-moz-meter-bar {
+    background: var(--colors-solid-yellow-light-800);
+}
+
+  .\[\&\[value\=\"4\"\]\:\:-webkit-meter-optimum-value\]\:bg_solid\.emerald\.light\.800[value="4"]::-webkit-meter-optimum-value {
+    background: var(--colors-solid-emerald-light-800);
+}
+
+  .\[\&\[value\=\"4\"\]\:\:-moz-meter-bar\]\:bg_solid\.emerald\.light\.800[value="4"]::-moz-meter-bar {
+    background: var(--colors-solid-emerald-light-800);
+}
+
+  .\[\&\:\:before\]\:grid-area_track::before {
+    grid-area: track;
+}
+
+  .\[\&_td\,_th\]\:p_1rem td,.\[\&_td\,_th\]\:p_1rem th {
+    padding: 1rem;
+}
+
+  .\[\&_\>_\*\]\:anim_slideInLeft > * {
+    animation: var(--animations-slide-in-left);
+}
+
+  .\[\&_\>_\*\]\:anim_slideInRight > * {
+    animation: var(--animations-slide-in-right);
+}
+
+  [data-theme=dark] .dark\:bd-c_neutrals\.100 {
+    border-color: neutrals.100;
+}
+
+  [data-theme=dark] .dark\:bd-c_neutrals\.950 {
+    border-color: neutrals.950;
+}
+
+  .\[\&_\>_\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:bdr_0 > *:not(:first-child):not(:last-child) {
+    border-radius: 0;
+}
+
+  .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-r_1px_solid > *:not(:last-child) {
+    border-right: 1px solid;
+}
+
+  .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-b_1px_solid > *:not(:last-child) {
+    border-bottom: 1px solid;
+}
+
+  [data-theme=dark] .dark\:bd-c_neutrals\.800 {
+    border-color: neutrals.800;
+}
+
+  .\[\&_\.check-path\]\:trs_stroke-dashoffset_0\.2s_ease_0\.05s .check-path {
+    transition: stroke-dashoffset 0.2s ease 0.05s;
+}
+
+  .\[\&_\.dash-path\]\:trs_stroke-dashoffset_0\.15s_ease_0\.05s .dash-path {
+    transition: stroke-dashoffset 0.15s ease 0.05s;
+}
+
+  .\[\&_\>_label\]\:bd-c_input\.border > label {
+    border-color: var(--colors-input-border);
+}
+
+  .\[\&_\>_label\]\:bdr_sm > label {
+    border-radius: var(--radii-sm);
+}
+
+  .\[\&_\>_label\:has\(input\:checked\)\]\:bd-c_primary\.800 > label:has(input:checked) {
+    border-color: var(--colors-primary-800);
+}
+
+  .\[\&_\>_label\:not\(\:last-child\)\]\:bd-r_1px_solid > label:not(:last-child) {
+    border-right: 1px solid;
+}
+
+  .\[\&_\>_label\:not\(\:last-child\)\]\:bd-b_1px_solid > label:not(:last-child) {
+    border-bottom: 1px solid;
+}
+
+  .\[\&_legend\]\:px_sm legend {
+    padding-inline: var(--spacing-sm);
+}
+
+  .\[\&_\.combobox__input-search\]\:bd-b_1px_solid .combobox__input-search {
+    border-bottom: 1px solid;
+}
+
+  .\[\&_\.combobox__input-search\]\:bd-c_neutral\.100 .combobox__input-search {
+    border-color: var(--colors-neutral-100);
+}
+
+  .\[\&_\.combobox__empty-field\]\:gap_0\.5rem .combobox__empty-field {
+    gap: 0.5rem;
+}
+
+  .\[\&_ul\]\:bd-c_neutral\.100 ul {
+    border-color: var(--colors-neutral-100);
+}
+
+  .\[\&_ul\]\:bdr_4px ul {
+    border-radius: 4px;
+}
+
+  .\[\&\:\:-webkit-meter-bar\]\:bdr_xs::-webkit-meter-bar,.\[\&\:\:-webkit-meter-optimum-value\]\:bdr_xs::-webkit-meter-optimum-value {
+    border-radius: var(--radii-xs);
+}
+
+  .\[\&\:\:-moz-meter-bar\]\:bdr_xs::-moz-meter-bar {
+    border-radius: var(--radii-xs);
+}
+
+  [data-theme=dark] .dark\:bd-c_neutrals\.900 {
+    border-color: neutrals.900;
+}
+
+  .\[\&_span\]\:flex_1 span {
+    flex: 1 1 0%;
+}
+
+  .\[\&\:\:before\]\:bdr_calc\(var\(--switch-radius\)_-_var\(--switch-padding\)\)::before {
+    border-radius: calc(var(--switch-radius) - var(--switch-padding));
+}
+
+  .\[\&_tr\:not\(\:last-child\)\]\:bd-b_1px_solid tr:not(:last-child) {
+    border-bottom: 1px solid;
+}
+
+  .\[\&_tr\:not\(\:last-child\)\]\:bd-c_neutrals\.100 tr:not(:last-child) {
+    border-color: neutrals.100;
+}
+
+  .\[\&_button\]\:flex_1 button {
+    flex: 1 1 0%;
+}
+
+  .\[\&_button\]\:trs_color_150ms_ease button {
+    transition: color 150ms ease;
+}
+
+  .\[\&_div\]\:bdr_xs div {
+    border-radius: var(--radii-xs);
+}
+
+  .\[\&_div\]\:trs_all_300ms_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\) div {
+    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+  .\[\&_button\]\:py_0\.25rem button {
+    padding-block: 0.25rem;
+}
+
+  .\[\&_button\]\:px_0\.5rem button {
+    padding-inline: 0.5rem;
+}
+
+  .\[\&_button\]\:py_0\.375rem button {
+    padding-block: 0.375rem;
+}
+
+  .\[\&_button\]\:px_0\.625rem button {
+    padding-inline: 0.625rem;
+}
+
+  .\[\&_button\]\:py_0\.5rem button {
+    padding-block: 0.5rem;
+}
+
+  .\[\&_button\]\:px_0\.75rem button {
+    padding-inline: 0.75rem;
+}
+
+  .\[\&_button\]\:py_0\.625rem button {
+    padding-block: 0.625rem;
+}
+
+  .\[\&_button\]\:px_1rem button {
+    padding-inline: 1rem;
+}
+
+  .\[\&_button\]\:py_0\.75rem button {
+    padding-block: 0.75rem;
+}
+
+  .\[\&_button\]\:px_1\.25rem button {
+    padding-inline: 1.25rem;
+}
+
+  .\[\&_details\]\:fw_bold details {
+    font-weight: var(--font-weights-bold);
+}
+
+  .\[\&_details\]\:bg-c_neutrals\.100 details {
+    background-color: neutrals.100;
+}
+
+  [data-theme=dark] .dark\:c_neutral\.100 {
+    color: var(--colors-neutral-100);
+}
+
+  .\[\&_a\:not\(\:last-child\)\]\:c_color-mix\(in_oklch\,_var\(--colors-neutral-800\)\,_white_50\%\) a:not(:last-child) {
+    color: color-mix(in oklch, var(--colors-neutral-800), white 50%);
+}
+
+  .on\:bg-c_primary\.pressed[data-state=on] {
+    background-color: var(--colors-primary-pressed);
+}
+
+  .on\:bg-c_secondary\.pressed[data-state=on] {
+    background-color: var(--colors-secondary-pressed);
+}
+
+  .on\:bg-c_success\.pressed[data-state=on] {
+    background-color: var(--colors-success-pressed);
+}
+
+  .on\:bg-c_warning\.pressed[data-state=on] {
+    background-color: var(--colors-warning-pressed);
+}
+
+  .on\:bg-c_error\.pressed[data-state=on] {
+    background-color: var(--colors-error-pressed);
+}
+
+  .on\:bg-c_info\.pressed[data-state=on] {
+    background-color: var(--colors-info-pressed);
+}
+
+  .\[\&_\>_svg\]\:vis_visible > svg {
+    visibility: visible;
+}
+
+  .\[\&_\>_svg\]\:op_1 > svg {
+    opacity: 1;
+}
+
+  .\[\&_\>_span\]\:vis_hidden > span {
+    visibility: hidden;
+}
+
+  .\[\&_\>_span\]\:op_0 > span {
+    opacity: 0;
+}
+
+  .\[\&_\>_svg\]\:vis_hidden > svg {
+    visibility: hidden;
+}
+
+  .\[\&_\>_span\]\:vis_visible > span {
+    visibility: visible;
+}
+
+  .\[\&_\>_span\]\:op_1 > span {
+    opacity: 1;
+}
+
+  .on\:bg-c_primary\.surface[data-state=on] {
+    background-color: var(--colors-primary-surface);
+}
+
+  .on\:bg-c_primary\.pressed\/30[data-state=on] {
+    --mix-backgroundColor: color-mix(in srgb, var(--colors-primary-pressed) 30%, transparent);
+    background-color: var(--mix-backgroundColor, var(--colors-primary-pressed));
+}
+
+  .on\:bg-c_primary\.ring[data-state=on] {
+    background-color: var(--colors-primary-ring);
+}
+
+  .\[\&_\>_\*\]\:ring-w_0 > * {
+    outline-width: 0;
+}
+
+  .\[\&_\>_\*\:first-child\]\:bdr-ss_xs > *:first-child {
+    border-start-start-radius: var(--radii-xs);
+}
+
+  .\[\&_\>_\*\:first-child\]\:bdr-es_xs > *:first-child {
+    border-end-start-radius: var(--radii-xs);
+}
+
+  .\[\&_\>_\*\:last-child\]\:bdr-se_xs > *:last-child {
+    border-start-end-radius: var(--radii-xs);
+}
+
+  .\[\&_\>_\*\:last-child\]\:bdr-ee_xs > *:last-child {
+    border-end-end-radius: var(--radii-xs);
+}
+
+  .\[\&_\>_\*\:first-child\]\:bdr-ss_sm > *:first-child {
+    border-start-start-radius: var(--radii-sm);
+}
+
+  .\[\&_\>_\*\:first-child\]\:bdr-es_sm > *:first-child {
+    border-end-start-radius: var(--radii-sm);
+}
+
+  .\[\&_\>_\*\:last-child\]\:bdr-se_sm > *:last-child {
+    border-start-end-radius: var(--radii-sm);
+}
+
+  .\[\&_\>_\*\:last-child\]\:bdr-ee_sm > *:last-child {
+    border-end-end-radius: var(--radii-sm);
+}
+
+  .\[\&_\>_\*\:first-child\]\:bdr-ss_md > *:first-child {
+    border-start-start-radius: var(--radii-md);
+}
+
+  .\[\&_\>_\*\:first-child\]\:bdr-es_md > *:first-child {
+    border-end-start-radius: var(--radii-md);
+}
+
+  .\[\&_\>_\*\:last-child\]\:bdr-se_md > *:last-child {
+    border-start-end-radius: var(--radii-md);
+}
+
+  .\[\&_\>_\*\:last-child\]\:bdr-ee_md > *:last-child {
+    border-end-end-radius: var(--radii-md);
+}
+
+  .\[\&_\>_\*\:first-child\]\:bdr-ss_lg > *:first-child {
+    border-start-start-radius: var(--radii-lg);
+}
+
+  .\[\&_\>_\*\:first-child\]\:bdr-es_lg > *:first-child {
+    border-end-start-radius: var(--radii-lg);
+}
+
+  .\[\&_\>_\*\:last-child\]\:bdr-se_lg > *:last-child {
+    border-start-end-radius: var(--radii-lg);
+}
+
+  .\[\&_\>_\*\:last-child\]\:bdr-ee_lg > *:last-child {
+    border-end-end-radius: var(--radii-lg);
+}
+
+  .\[\&_\>_\*\:first-child\]\:bdr-ss_pill > *:first-child {
+    border-start-start-radius: var(--radii-pill);
+}
+
+  .\[\&_\>_\*\:first-child\]\:bdr-es_pill > *:first-child {
+    border-end-start-radius: var(--radii-pill);
+}
+
+  .\[\&_\>_\*\:last-child\]\:bdr-se_pill > *:last-child {
+    border-start-end-radius: var(--radii-pill);
+}
+
+  .\[\&_\>_\*\:last-child\]\:bdr-ee_pill > *:last-child {
+    border-end-end-radius: var(--radii-pill);
+}
+
+  [data-theme=dark] .dark\:bx-sh_elevation3\.dark {
+    box-shadow: var(--shadows-elevation3-dark);
+}
+
+  .\[\&_\.card__header\]\:fs_1\.25rem .card__header {
+    font-size: 1.25rem;
+}
+
+  .\[\&_\.card__header\]\:fw_600 .card__header {
+    font-weight: 600;
+}
+
+  .\[\&_\.card__footer\]\:fs_0\.875rem .card__footer {
+    font-size: 0.875rem;
+}
+
+  .\[\&_input\:checked_\+_svg_\.check-path\]\:stk-do_0 input:checked + svg .check-path {
+    stroke-dashoffset: 0;
+}
+
+  .\[\&_input\:indeterminate_\+_svg_\.dash-path\]\:stk-do_0 input:indeterminate + svg .dash-path {
+    stroke-dashoffset: 0;
+}
+
+  .\[\&_\.check-path\]\:stk-dsh_30 .check-path {
+    stroke-dasharray: 30;
+}
+
+  .\[\&_\.check-path\]\:stk-do_30 .check-path {
+    stroke-dashoffset: 30;
+}
+
+  .\[\&_\.dash-path\]\:stk-dsh_12 .dash-path {
+    stroke-dasharray: 12;
+}
+
+  .\[\&_\.dash-path\]\:stk-do_12 .dash-path {
+    stroke-dashoffset: 12;
+}
+
+  .\[\&\:has\(input\:disabled\)\]\:cursor_not-allowed\!:has(input:disabled) {
+    cursor: not-allowed !important;
+}
+
+  .\[\&_\>_label\:has\(input\:checked\)\]\:bg-c_primary\.200 > label:has(input:checked) {
+    background-color: var(--colors-primary-200);
+}
+
+  .\[\&_\.combobox__input-search\]\:pos_relative .combobox__input-search {
+    position: relative;
+}
+
+  .\[\&_\.combobox__empty-field\]\:d_flex .combobox__empty-field {
+    display: flex;
+}
+
+  .\[\&_\.combobox__empty-field\]\:flex-d_row .combobox__empty-field {
+    flex-direction: row;
+}
+
+  .\[\&_\.combobox__empty-field\]\:ai_center .combobox__empty-field {
+    align-items: center;
+}
+
+  .\[\&_\.combobox__empty-field\]\:fs_0\.75rem .combobox__empty-field {
+    font-size: 0.75rem;
+}
+
+  .\[\&_button_span\]\:sr_true button span {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+}
+
+  .\[\&_ul\]\:bg-c_\#fff ul {
+    background-color: #fff;
+}
+
+  .\[\&_li\]\:cursor_pointer li {
+    cursor: pointer;
+}
+
+  .\[\&_\.form__error-text\]\:c_error\.850 .form__error-text {
+    color: var(--colors-error-850);
+}
+
+  .\[\&_\.input__leading\,_\&_\.input__trailing\]\:fs_12px .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:fs_12px .input__trailing {
+    font-size: 12px;
+}
+
+  .\[\&_\.input__leading\,_\&_\.input__trailing\]\:lh_1 .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:lh_1 .input__trailing {
+    line-height: 1;
+}
+
+  .\[\&_\.input__leading\,_\&_\.input__trailing\]\:pos_absolute .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:pos_absolute .input__trailing {
+    position: absolute;
+}
+
+  .\[\&\:\:-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 {
+    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-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\]\:-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 {
+    -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%);
+}
+
+  .\[\&_\>_svg\]\:va_middle > svg {
+    vertical-align: middle;
+}
+
+  [data-theme=dark] .dark\:c_neutrals\.50 {
+    color: neutrals.50;
+}
+
+  [data-theme=dark] .dark\:bg-c_neutrals\.950 {
+    background-color: neutrals.950;
+}
+
+  .backdrop\:bg-c_neutral\.900::backdrop {
+    background-color: var(--colors-neutral-900);
+}
+
+  .backdrop\:op_0\.25::backdrop {
+    opacity: 0.25;
+}
+
+  [data-theme=dark] .dark\:ring-c_alpha\.gray\.dark\.400 {
+    outline-color: var(--colors-alpha-gray-dark-400);
+}
+
+  [data-theme=dark] .dark\:bg-c_alpha\.gray\.dark\.200 {
+    background-color: var(--colors-alpha-gray-dark-200);
+}
+
+  .\[\&\:\:before\]\:content_\"_\"::before {
+    content: " ";
+}
+
+  .\[\&\:\:before\]\:cursor_inherit::before {
+    cursor: inherit;
+}
+
+  .\[\&\:\:before\]\:bg-c_solid\.gray\.light\.50::before {
+    background-color: var(--colors-solid-gray-light-50);
+}
+
+  .\[\&\:\: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 {
+    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);
+}
+
+  .\[\&\:indeterminate\:\:before\]\:trf_translateX\(50\%\):indeterminate::before {
+    transform: translateX(50%);
+}
+
+  .\[\&\:checked\]\:bg-c_primary\.track:checked {
+    background-color: var(--colors-primary-track);
+}
+
+  .\[\&\:disabled\:checked\:\:before\]\:bg-c_primary\.disabled:disabled:checked::before {
+    background-color: var(--colors-primary-disabled);
+}
+
+  .\[\&\:checked\]\:bg-c_secondary\.track:checked {
+    background-color: var(--colors-secondary-track);
+}
+
+  .\[\&\:disabled\:checked\:\:before\]\:bg-c_secondary\.disabled:disabled:checked::before {
+    background-color: var(--colors-secondary-disabled);
+}
+
+  .\[\&\:checked\]\:bg-c_info\.track:checked {
+    background-color: var(--colors-info-track);
+}
+
+  .\[\&\:disabled\:checked\:\:before\]\:bg-c_info\.disabled:disabled:checked::before {
+    background-color: var(--colors-info-disabled);
+}
+
+  .\[\&\:checked\]\:bg-c_error\.track:checked {
+    background-color: var(--colors-error-track);
+}
+
+  .\[\&\:disabled\:checked\:\:before\]\:bg-c_error\.disabled:disabled:checked::before {
+    background-color: var(--colors-error-disabled);
+}
+
+  .\[\&\:checked\]\:bg-c_success\.track:checked {
+    background-color: var(--colors-success-track);
+}
+
+  .\[\&\:disabled\:checked\:\:before\]\:bg-c_success\.disabled:disabled:checked::before {
+    background-color: var(--colors-success-disabled);
+}
+
+  .\[\&\:checked\]\:bg-c_warning\.track:checked {
+    background-color: var(--colors-warning-track);
+}
+
+  .\[\&\:disabled\:checked\:\:before\]\:bg-c_warning\.disabled:disabled:checked::before {
+    background-color: var(--colors-warning-disabled);
+}
+
+  .\[\&\:\:before\]\:trf_translateX\(0\)::before {
+    transform: translateX(0);
+}
+
+  .\[\&\:checked\:\:before\]\:trf_translateX\(100\%\):checked::before {
+    transform: translateX(100%);
+}
+
+  .\[\&\:\:before\]\:trf_translateX\(100\%\)::before {
+    transform: translateX(100%);
+}
+
+  .\[\&\:checked\:\:before\]\:trf_translateX\(0\):checked::before {
+    transform: translateX(0);
+}
+
+  .\[\&\:\:before\]\:w-is_0\.75rem::before {
+    inline-size: 0.75rem;
+}
+
+  .\[\&\:\:before\]\:h-bs_0\.75rem::before {
+    block-size: 0.75rem;
+}
+
+  .\[\&\:\:before\]\:w-is_1rem::before {
+    inline-size: 1rem;
+}
+
+  .\[\&\:\:before\]\:h-bs_1rem::before {
+    block-size: 1rem;
+}
+
+  .\[\&\:\:before\]\:w-is_1\.25rem::before {
+    inline-size: 1.25rem;
+}
+
+  .\[\&\:\:before\]\:h-bs_1\.25rem::before {
+    block-size: 1.25rem;
+}
+
+  .\[\&\:\:before\]\:w-is_1\.5rem::before {
+    inline-size: 1.5rem;
+}
+
+  .\[\&\:\:before\]\:h-bs_1\.5rem::before {
+    block-size: 1.5rem;
+}
+
+  .\[\&\:\:before\]\:w-is_2rem::before {
+    inline-size: 2rem;
+}
+
+  .\[\&\:\:before\]\:h-bs_2rem::before {
+    block-size: 2rem;
+}
+
+  .\[\&_td\,_th\]\:white-space_nowrap td,.\[\&_td\,_th\]\:white-space_nowrap th {
+    white-space: nowrap;
+}
+
+  .\[\&_button\]\:z_1 button {
+    z-index: 1;
+}
+
+  .\[\&_button\]\:cursor_pointer button {
+    cursor: pointer;
+}
+
+  .\[\&_button\.active\]\:c_primary\.950 button.active {
+    color: var(--colors-primary-950);
+}
+
+  .\[\&_div\]\:pos_absolute div {
+    position: absolute;
+}
+
+  .\[\&_div\]\:bg-c_primary\.surface div {
+    background-color: var(--colors-primary-surface);
+}
+
+  [data-theme=dark] .dark\:bg-c_neutral\.900 {
+    background-color: var(--colors-neutral-900);
+}
+
+  [data-theme=dark] .dark\:ring-c_neutral\.800 {
+    outline-color: var(--colors-neutral-800);
+}
+
+  .before\:content_\"\"::before {
+    content: "";
+}
+
+  .before\:pos_absolute::before {
+    position: absolute;
+}
+
+  .\[\&_\>_\*\]\:as_start > * {
+    align-self: start;
+}
+
+  .\[\&_button\]\:fw_semibold button {
+    font-weight: var(--font-weights-semibold);
+}
+
+  .\[\&_h2\]\:fs_0\.875rem h2 {
+    font-size: 0.875rem;
+}
+
+  .\[\&_h2\]\:fw_bold h2 {
+    font-weight: var(--font-weights-bold);
+}
+
+  .\[\&_button\]\:lh_0 button {
+    line-height: 0;
+}
+
+  .first\:ml_0px:first-child {
+    margin-left: 0px;
+}
+
+  .\[\&_\.breadcrumb_extra-links\]\:pr_5rem .breadcrumb_extra-links {
+    padding-right: 5rem;
+}
+
+  .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-r-c_primary\.border > *:not(:last-child) {
+    border-right-color: var(--colors-primary-border);
+}
+
+  .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-b-c_primary\.border > *:not(:last-child) {
+    border-bottom-color: var(--colors-primary-border);
+}
+
+  .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-r-c_secondary\.border > *:not(:last-child) {
+    border-right-color: var(--colors-secondary-border);
+}
+
+  .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-b-c_secondary\.border > *:not(:last-child) {
+    border-bottom-color: var(--colors-secondary-border);
+}
+
+  .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-r-c_success\.border > *:not(:last-child) {
+    border-right-color: var(--colors-success-border);
+}
+
+  .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-b-c_success\.border > *:not(:last-child) {
+    border-bottom-color: var(--colors-success-border);
+}
+
+  .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-r-c_warning\.border > *:not(:last-child) {
+    border-right-color: var(--colors-warning-border);
+}
+
+  .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-b-c_warning\.border > *:not(:last-child) {
+    border-bottom-color: var(--colors-warning-border);
+}
+
+  .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-r-c_error\.border > *:not(:last-child) {
+    border-right-color: var(--colors-error-border);
+}
+
+  .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-b-c_error\.border > *:not(:last-child) {
+    border-bottom-color: var(--colors-error-border);
+}
+
+  .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-r-c_info\.border > *:not(:last-child) {
+    border-right-color: var(--colors-info-border);
+}
+
+  .\[\&_\>_\*\:not\(\:last-child\)\]\:bd-b-c_info\.border > *:not(:last-child) {
+    border-bottom-color: var(--colors-info-border);
+}
 
-  .\[\&_button\]\:flex_1 button {
-    flex: 1 1 0%;
+  .\[\&_\>_label\:not\(\:last-child\)\]\:bd-r-c_input\.border > label:not(:last-child) {
+    border-right-color: var(--colors-input-border);
 }
 
-  .\[\&_button\]\:z_1 button {
-    z-index: 1;
+  .\[\&_\>_label\:not\(\:last-child\)\]\:bd-b-c_input\.border > label:not(:last-child) {
+    border-bottom-color: var(--colors-input-border);
 }
 
-  .\[\&_button\]\:py_0\.25rem button {
-    padding-block: 0.25rem;
+  .\[\&_ul\]\:min-w_max-content ul {
+    min-width: max-content;
 }
 
-  .\[\&_button\]\:px_0\.75rem button {
-    padding-inline: 0.75rem;
+  .\[\&_ul\]\:w_100\% ul {
+    width: 100%;
 }
 
-  .\[\&_div\]\:pos_absolute div {
-    position: absolute;
+  .\[\&_\.input__leading\,_\&_\.input__trailing\]\:top_calc\(50\%_-_8px\) .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:top_calc\(50\%_-_8px\) .input__trailing {
+    top: calc(50% - 8px);
 }
 
-  .\[\&_div\]\:trs_all_500ms_cubic-bezier\(0\,1\.34\,\.86\,\.9\) div {
-    transition: all 500ms cubic-bezier(0,1.34,.86,.9);
+  .\[\&_\.input__leading\]\:left_8px .input__leading {
+    left: 8px;
 }
 
-  [data-theme=dark] .dark\:bd-c_neutrals\.100 {
-    border-color: var(--colors-neutrals-100);
+  .\[\&_\.input__trailing\]\:right_8px .input__trailing {
+    right: 8px;
 }
 
-  .\[\&_details\]\:fw_bold details {
-    font-weight: var(--font-weights-bold);
+  .\[\&\.has__leading\]\:pl_2rem.has__leading {
+    padding-left: 2rem;
 }
 
-  .\[\&_details\]\:bg-c_neutrals\.100 details {
-    background-color: var(--colors-neutrals-100);
+  .\[\&\:\:-webkit-meter-bar\]\:h_100\%::-webkit-meter-bar,.\[\&\:\:-webkit-meter-optimum-value\]\:h_100\%::-webkit-meter-optimum-value {
+    height: 100%;
 }
 
-  [data-theme=dark] .dark\:bd-c_neutrals\.950 {
-    border-color: var(--colors-neutrals-950);
+  .\[\&\:\:-moz-meter-bar\]\:h_100\%::-moz-meter-bar {
+    height: 100%;
 }
 
-  .first\:ml_0px:first-child {
-    margin-left: 0px;
+  .\[\&_\>_svg\]\:ml_0\.5rem > svg {
+    margin-left: 0.5rem;
 }
 
-  [data-theme=dark] .dark\:bg-c_info\.darker {
-    background-color: var(--colors-info-darker);
+  .before\:top_0::before {
+    top: var(--spacing-0);
 }
 
-  [data-theme=dark] .dark\:bg-c_error\.darker {
-    background-color: var(--colors-error-darker);
+  .before\:left_0::before {
+    left: var(--spacing-0);
 }
 
-  [data-theme=dark] .dark\:bg-c_primary\.darker {
-    background-color: var(--colors-primary-darker);
+  .before\:h_100\%::before {
+    height: 100%;
 }
 
-  [data-theme=dark] .dark\:bg-c_secondary\.darker {
-    background-color: var(--colors-secondary-darker);
+  .before\:w_2px::before {
+    width: 2px;
 }
 
-  [data-theme=dark] .dark\:bg-c_success\.darker {
-    background-color: var(--colors-success-darker);
+  .before\:bdr-tl_0\.25rem::before {
+    border-top-left-radius: 0.25rem;
 }
 
-  [data-theme=dark] .dark\:bg-c_warning\.darker {
-    background-color: var(--colors-warning-darker);
+  .before\:bdr-bl_0\.25rem::before {
+    border-bottom-left-radius: 0.25rem;
 }
 
-  [data-theme=dark] .dark\:ring-c_error\.darker {
-    outline-color: var(--colors-error-darker);
+  .\[\&_button\]\:mr_0\.5rem button {
+    margin-right: 0.5rem;
 }
 
-  [data-theme=dark] .dark\:ring-c_info\.darker {
-    outline-color: var(--colors-info-darker);
+  .\[\&_button\]\:ml_auto button {
+    margin-left: auto;
 }
 
-  [data-theme=dark] .dark\:ring-c_primary\.darker {
-    outline-color: var(--colors-primary-darker);
+  .focus\:ring_2px_solid:is(:focus, [data-focus]) {
+    outline: 2px solid;
 }
 
-  [data-theme=dark] .dark\:ring-c_secondary\.darker {
-    outline-color: var(--colors-secondary-darker);
+  .focus\:ring-c_primary\.ring:is(:focus, [data-focus]) {
+    outline-color: var(--colors-primary-ring);
 }
 
-  [data-theme=dark] .dark\:ring-c_success\.darker {
-    outline-color: var(--colors-success-darker);
+  .focus\:ring-c_secondary\.ring:is(:focus, [data-focus]) {
+    outline-color: var(--colors-secondary-ring);
 }
 
-  [data-theme=dark] .dark\:ring-c_warning\.darker {
-    outline-color: var(--colors-warning-darker);
+  .focus\:ring-c_success\.ring:is(:focus, [data-focus]) {
+    outline-color: var(--colors-success-ring);
 }
 
-  .\[\&_\.breadcrumb_extra-links\]\:pr_5rem .breadcrumb_extra-links {
-    padding-right: 5rem;
+  .focus\:ring-c_warning\.ring:is(:focus, [data-focus]) {
+    outline-color: var(--colors-warning-ring);
 }
 
-  [data-theme=dark] .dark\:bd-c_neutrals\.800 {
-    border-color: var(--colors-neutrals-800);
+  .focus\:ring-c_error\.ring:is(:focus, [data-focus]) {
+    outline-color: var(--colors-error-ring);
 }
 
-  .\[\&_\.card__header\]\:fs_1\.25rem .card__header {
-    font-size: 1.25rem;
+  .focus\:ring-c_info\.ring:is(:focus, [data-focus]) {
+    outline-color: var(--colors-info-ring);
 }
 
-  .\[\&_\.card__header\]\:fw_600 .card__header {
-    font-weight: 600;
+  .focus\:bx-sh_0_0_0_4px_var\(--colors-input-ring\):is(:focus, [data-focus]) {
+    box-shadow: 0 0 0 4px var(--colors-input-ring);
 }
 
-  .\[\&_\.card__footer\]\:fs_0\.875rem .card__footer {
-    font-size: 0.875rem;
+  .hover\:bg-c_primary\.800:is(:hover, [data-hover]) {
+    background-color: var(--colors-primary-800);
 }
 
-  .\[\&_\.combobox__input-search\]\:bd-c_neutral\.100 .combobox__input-search {
-    border-color: var(--colors-neutral-100);
+  .hover\:bg-c_secondary\.800:is(:hover, [data-hover]) {
+    background-color: var(--colors-secondary-800);
 }
 
-  .\[\&_\.combobox__empty-field\]\:flex-d_row .combobox__empty-field {
-    flex-direction: row;
+  .hover\:bg-c_success\.800:is(:hover, [data-hover]) {
+    background-color: var(--colors-success-800);
 }
 
-  .\[\&_\.combobox__empty-field\]\:ai_center .combobox__empty-field {
-    align-items: center;
+  .hover\:bg-c_warning\.800:is(:hover, [data-hover]) {
+    background-color: var(--colors-warning-800);
 }
 
-  .\[\&_\.combobox__empty-field\]\:fs_0\.75rem .combobox__empty-field {
-    font-size: 0.75rem;
+  .hover\:bg-c_error\.800:is(:hover, [data-hover]) {
+    background-color: var(--colors-error-800);
 }
 
-  .\[\&_ul\]\:bd-c_neutral\.100 ul {
-    border-color: var(--colors-neutral-100);
+  .hover\:bg-c_info\.800:is(:hover, [data-hover]) {
+    background-color: var(--colors-info-800);
 }
 
-  .\[\&_ul\]\:bg-c_\#fff ul {
-    background-color: #fff;
+  .hover\:bg-c_primary\.surface:is(:hover, [data-hover]) {
+    background-color: var(--colors-primary-surface);
 }
 
-  .\[\&_label\]\:fs_0\.75rem label {
-    font-size: 0.75rem;
+  .hover\:bg-c_primary\.pressed\/30:is(:hover, [data-hover]) {
+    --mix-backgroundColor: color-mix(in srgb, var(--colors-primary-pressed) 30%, transparent);
+    background-color: var(--mix-backgroundColor, var(--colors-primary-pressed));
 }
 
-  .\[\&_label\]\:fw_medium label {
-    font-weight: var(--font-weights-medium);
+  .hover\:bg-c_primary\.ring:is(:hover, [data-hover]) {
+    background-color: var(--colors-primary-ring);
 }
 
-  .\[\&_\.form__error-text\]\:fs_0\.75rem .form__error-text {
-    font-size: 0.75rem;
+  .hover\:bg-c_secondary\.surface:is(:hover, [data-hover]) {
+    background-color: var(--colors-secondary-surface);
 }
 
-  .\[\&_\.input__leading\,_\&_\.input__trailing\]\:fs_12px .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:fs_12px .input__trailing {
-    font-size: 12px;
+  .hover\:bg-c_secondary\.ring:is(:hover, [data-hover]) {
+    background-color: var(--colors-secondary-ring);
 }
 
-  .\[\&_\.input__leading\,_\&_\.input__trailing\]\:lh_1 .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:lh_1 .input__trailing {
-    line-height: 1;
+  .hover\:bg-c_success\.surface:is(:hover, [data-hover]) {
+    background-color: var(--colors-success-surface);
 }
 
-  .\[\&_\.input__leading\,_\&_\.input__trailing\]\:top_calc\(50\%_-_8px\) .input__leading,.\[\&_\.input__leading\,_\&_\.input__trailing\]\:top_calc\(50\%_-_8px\) .input__trailing {
-    top: calc(50% - 8px);
+  .hover\:bg-c_success\.ring:is(:hover, [data-hover]) {
+    background-color: var(--colors-success-ring);
 }
 
-  .\[\&_\.input__leading\]\:left_8px .input__leading {
-    left: 8px;
+  .hover\:bg-c_warning\.surface:is(:hover, [data-hover]) {
+    background-color: var(--colors-warning-surface);
 }
 
-  .\[\&_\.input__trailing\]\:right_8px .input__trailing {
-    right: 8px;
+  .hover\:bg-c_warning\.ring:is(:hover, [data-hover]) {
+    background-color: var(--colors-warning-ring);
 }
 
-  .\[\&_\.input__helper-text\]\:font-style_italic .input__helper-text {
-    font-style: italic;
+  .hover\:bg-c_error\.surface:is(:hover, [data-hover]) {
+    background-color: var(--colors-error-surface);
 }
 
-  .\[\&_\.input__helper-text\]\:fs_0\.75rem .input__helper-text {
-    font-size: 0.75rem;
+  .hover\:bg-c_error\.ring:is(:hover, [data-hover]) {
+    background-color: var(--colors-error-ring);
 }
 
-  .\[\&_\>_svg\]\:ml_0\.5rem > svg {
-    margin-left: 0.5rem;
+  .hover\:bg-c_info\.surface:is(:hover, [data-hover]) {
+    background-color: var(--colors-info-surface);
 }
 
-  .\[\&_div\]\:bg-c_neutrals\.50 div {
-    background-color: var(--colors-neutrals-50);
+  .hover\:bg-c_info\.ring:is(:hover, [data-hover]) {
+    background-color: var(--colors-info-ring);
 }
 
-  [data-theme=dark] .dark\:bg-c_neutrals\.900 {
-    background-color: var(--colors-neutrals-900);
+  .hover\:c_primary\.darker:is(:hover, [data-hover]) {
+    color: primary.darker;
 }
 
-  .focus\:ring_2px_solid:is(:focus, [data-focus]) {
-    outline: 2px solid;
+  .\[\&_details\]\:\[\&_\>_summary\]\:p_1rem details > summary {
+    padding: 1rem;
+}
+
+  .\[\&_details\]\:\[\&_p\]\:p_1rem details p {
+    padding: 1rem;
+}
+
+  .\[\&_li\]\:\[\&\:not\(\.combobox__input-search\)\]\:p_\.5rem li:not(.combobox__input-search) {
+    padding: .5rem;
 }
 
-  .focus\:ring-c_error\.darker:is(:focus, [data-focus]) {
-    outline-color: var(--colors-error-darker);
+  .\[\&_li\]\:\[\&\:nth-of-type\(even\)\]\:bg_neutral\.50 li:nth-of-type(even) {
+    background: var(--colors-neutral-50);
 }
 
-  .focus\:ring-c_info\.darker:is(:focus, [data-focus]) {
-    outline-color: var(--colors-info-darker);
+  [data-theme=dark] .\[\&\:\:-webkit-meter-bar\]\:dark\:bg_solid\.gray\.dark\.400::-webkit-meter-bar {
+    background: var(--colors-solid-gray-dark-400);
 }
 
-  .focus\:ring-c_primary\.darker:is(:focus, [data-focus]) {
-    outline-color: var(--colors-primary-darker);
+  [data-theme=dark] .\[\&\:\:-moz-meter-bar\]\:dark\:bg_solid\.gray\.dark\.400::-moz-meter-bar {
+    background: var(--colors-solid-gray-dark-400);
 }
 
-  .focus\:ring-c_secondary\.darker:is(:focus, [data-focus]) {
-    outline-color: var(--colors-secondary-darker);
+  [data-theme=dark] .\[\&\[value\=\"1\"\]\:\:-webkit-meter-optimum-value\]\:dark\:bg_solid\.red\.dark\.800[value="1"]::-webkit-meter-optimum-value {
+    background: var(--colors-solid-red-dark-800);
 }
 
-  .focus\:ring-c_success\.darker:is(:focus, [data-focus]) {
-    outline-color: var(--colors-success-darker);
+  [data-theme=dark] .\[\&\[value\=\"1\"\]\:\:-moz-meter-bar\]\:dark\:bg_solid\.red\.dark\.800[value="1"]::-moz-meter-bar {
+    background: var(--colors-solid-red-dark-800);
 }
 
-  .focus\:ring-c_warning\.darker:is(:focus, [data-focus]) {
-    outline-color: var(--colors-warning-darker);
+  [data-theme=dark] .\[\&\[value\=\"2\"\]\:\:-webkit-meter-optimum-value\]\:dark\:bg_solid\.amber\.dark\.800[value="2"]::-webkit-meter-optimum-value {
+    background: var(--colors-solid-amber-dark-800);
 }
 
-  .hover\:c_primary\.darker:is(:hover, [data-hover]) {
-    color: var(--colors-primary-darker);
+  [data-theme=dark] .\[\&\[value\=\"2\"\]\:\:-moz-meter-bar\]\:dark\:bg_solid\.amber\.dark\.800[value="2"]::-moz-meter-bar {
+    background: var(--colors-solid-amber-dark-800);
 }
 
-  .hover\:scale_0\.95:is(:hover, [data-hover]) {
-    scale: 0.95;
+  [data-theme=dark] .\[\&\[value\=\"3\"\]\:\:-webkit-meter-optimum-value\]\:dark\:bg_solid\.yellow\.dark\.800[value="3"]::-webkit-meter-optimum-value {
+    background: var(--colors-solid-yellow-dark-800);
 }
 
-  .hover\:bg-c_error\.darker:is(:hover, [data-hover]) {
-    background-color: var(--colors-error-darker);
+  [data-theme=dark] .\[\&\[value\=\"3\"\]\:\:-moz-meter-bar\]\:dark\:bg_solid\.yellow\.dark\.800[value="3"]::-moz-meter-bar {
+    background: var(--colors-solid-yellow-dark-800);
 }
 
-  .hover\:bg-c_info\.darker:is(:hover, [data-hover]) {
-    background-color: var(--colors-info-darker);
+  [data-theme=dark] .\[\&\[value\=\"4\"\]\:\:-webkit-meter-optimum-value\]\:dark\:bg_solid\.emerald\.dark\.800[value="4"]::-webkit-meter-optimum-value {
+    background: var(--colors-solid-emerald-dark-800);
 }
 
-  .hover\:bg-c_primary\.darker:is(:hover, [data-hover]) {
-    background-color: var(--colors-primary-darker);
+  [data-theme=dark] .\[\&\[value\=\"4\"\]\:\:-moz-meter-bar\]\:dark\:bg_solid\.emerald\.dark\.800[value="4"]::-moz-meter-bar {
+    background: var(--colors-solid-emerald-dark-800);
+}
+
+  .\[\&_details\]\:\[\&_\>_summary\]\:gap_\.5rem details > summary {
+    gap: .5rem;
+}
+
+  .\[\&_details\]\:\[\&_\>_summary\]\:li-s_none details > summary {
+    list-style: none;
 }
 
-  .hover\:bg-c_secondary\.darker:is(:hover, [data-hover]) {
-    background-color: var(--colors-secondary-darker);
+  .\[\&_details\]\:\[\&\:not\(\:last-child\)\]\:bd-b_1px_solid details:not(:last-child) {
+    border-bottom: 1px solid;
 }
 
-  .hover\:bg-c_success\.darker:is(:hover, [data-hover]) {
-    background-color: var(--colors-success-darker);
+  .\[\&_details\]\:\[\&\:not\(\:last-child\)\]\:bd-c_neutrals\.800 details:not(:last-child) {
+    border-color: neutrals.800;
 }
 
-  .hover\:bg-c_warning\.darker:is(:hover, [data-hover]) {
-    background-color: var(--colors-warning-darker);
+  [data-theme=dark] .\[\&_\.combobox__input-search\]\:dark\:bd-c_\#15171E .combobox__input-search {
+    border-color: #15171E;
 }
 
-  .hover\:bg-c_error\/10:is(:hover, [data-hover]) {
-    --mix-backgroundColor: color-mix(in srgb, var(--colors-error) 10%, transparent);
-    background-color: var(--mix-backgroundColor, var(--colors-error));
+  .\[\&_\.combobox__input-search\]\:\[\&_\>_input\]\:ring_none .combobox__input-search > input {
+    outline: var(--borders-none);
 }
 
-  .hover\:bg-c_info\/10:is(:hover, [data-hover]) {
-    --mix-backgroundColor: color-mix(in srgb, var(--colors-info) 10%, transparent);
-    background-color: var(--mix-backgroundColor, var(--colors-info));
+  [data-theme=dark] .\[\&_ul\]\:dark\:bd-c_\#15171E ul {
+    border-color: #15171E;
 }
 
-  .hover\:bg-c_primary\/10:is(:hover, [data-hover]) {
-    --mix-backgroundColor: color-mix(in srgb, var(--colors-primary) 10%, transparent);
-    background-color: var(--mix-backgroundColor, var(--colors-primary));
+  .checked\:\[\&\:\:after\]\:bdr_sharp:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
+    border-radius: var(--radii-sharp);
 }
 
-  .hover\:bg-c_secondary\/10:is(:hover, [data-hover]) {
-    --mix-backgroundColor: color-mix(in srgb, var(--colors-secondary) 10%, transparent);
-    background-color: var(--mix-backgroundColor, var(--colors-secondary));
+  .checked\:\[\&\:\:after\]\:bdr_xs:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
+    border-radius: var(--radii-xs);
 }
 
-  .hover\:bg-c_success\/10:is(:hover, [data-hover]) {
-    --mix-backgroundColor: color-mix(in srgb, var(--colors-success) 10%, transparent);
-    background-color: var(--mix-backgroundColor, var(--colors-success));
+  .checked\:\[\&\:\:after\]\:bdr_sm:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
+    border-radius: var(--radii-sm);
 }
 
-  .hover\:bg-c_warning\/10:is(:hover, [data-hover]) {
-    --mix-backgroundColor: color-mix(in srgb, var(--colors-warning) 10%, transparent);
-    background-color: var(--mix-backgroundColor, var(--colors-warning));
+  .checked\:\[\&\:\:after\]\:bdr_md:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
+    border-radius: var(--radii-md);
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:pos_relative details > summary {
-    position: relative;
+  .checked\:\[\&\:\:after\]\:bdr_lg:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
+    border-radius: var(--radii-lg);
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:d_flex details > summary {
-    display: flex;
+  .checked\:\[\&\:\:after\]\:bdr_pill:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
+    border-radius: var(--radii-pill);
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:gap_\.5rem details > summary {
-    gap: .5rem;
+  [data-theme=dark] .\[\&_tr\:not\(\:last-child\)\]\:dark\:bd-c_neutrals\.800 tr:not(:last-child) {
+    border-color: neutrals.800;
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:p_1rem details > summary {
-    padding: 1rem;
+  .\[\&_details\]\:hover\:bg-c_neutrals\.200 details:is(:hover, [data-hover]) {
+    background-color: neutrals.200;
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:li-s_none details > summary {
-    list-style: none;
+  [data-theme=dark] .\[\&_details\]\:dark\:bg-c_neutrals\.900 details {
+    background-color: neutrals.900;
 }
 
-  .\[\&_details\]\:\[\&_p\]\:p_1rem details p {
-    padding: 1rem;
+  .\[\&_details\]\:\[\&_\>_summary\]\:pos_relative details > summary {
+    position: relative;
 }
 
-  .\[\&_details\]\:\[\&\:not\(\:last-child\)\]\:bd-b_1px_solid details:not(:last-child) {
-    border-bottom: 1px solid;
+  .\[\&_details\]\:\[\&_\>_summary\]\:d_flex details > summary {
+    display: flex;
+}
+
+  .\[\&_details\]\:\[\&_\>_summary\]\:flex-d_row details > summary {
+    flex-direction: row;
+}
+
+  .\[\&_details\]\:\[\&_\>_summary\]\:ai_center details > summary {
+    align-items: center;
 }
 
   [data-theme=dark] .\[\&_a\:not\(\:last-child\)\]\:dark\:c_color-mix\(in_oklch\,_var\(--colors-neutral-100\)\,_white_50\%\) a:not(:last-child) {
@@ -1712,48 +4206,60 @@
     color: var(--colors-neutral-800);
 }
 
-  .\[\&_\.combobox__input-search\]\:\[\&_\>_input\]\:ring_none .combobox__input-search > input {
-    outline: var(--borders-none);
+  .disabled\:hover\:bg-c_transparent:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
+    background-color: var(--colors-transparent);
+}
+
+  .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]) {
+    box-shadow: 0 0 0 4px var(--colors-primary-500);
+}
+
+  .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]) {
+    box-shadow: 0 0 0 4px var(--colors-primary-500);
 }
 
   .\[\&_\.combobox__input-search\]\:\[\&_\.combobox__search-icon\]\:pos_absolute .combobox__input-search .combobox__search-icon {
     position: absolute;
 }
 
-  .\[\&_li\]\:\[\&\:not\(\.combobox__input-search\)\]\:p_\.5rem li:not(.combobox__input-search) {
-    padding: .5rem;
+  [data-theme=dark] .\[\&_ul\]\:dark\:bg-c_neutral\.950 ul {
+    background-color: var(--colors-neutral-950);
 }
 
-  .\[\&_li\]\:\[\&\:nth-of-type\(even\)\]\:bg_neutral\.50 li:nth-of-type(even) {
-    background: var(--colors-neutral-50);
+  .\[\&_li\]\:hover\:bg-c_neutral\.200 li:is(:hover, [data-hover]) {
+    background-color: var(--colors-neutral-200);
 }
 
-  .\[\&_input\]\:\[\&\:disabled\]\:cursor_not-allowed input:disabled {
-    cursor: not-allowed;
+  .checked\:\[\&\:\:after\]\:content_\'\':is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
+    content: '';
 }
 
-  .\[\&_details\]\:hover\:bg-c_neutrals\.200 details:is(:hover, [data-hover]) {
-    background-color: var(--colors-neutrals-200);
+  .checked\:\[\&\:\:after\]\:pos_absolute:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
+    position: absolute;
 }
 
-  [data-theme=dark] .\[\&_details\]\:dark\:bg-c_neutrals\.900 details {
-    background-color: var(--colors-neutrals-900);
+  .checked\:\[\&\:\:after\]\:trf_translate\(-50\%\,_-50\%\):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
+    transform: translate(-50%, -50%);
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:flex-d_row details > summary {
-    flex-direction: row;
+  .checked\:\[\&\:\:after\]\:bg-c_primary\.800:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
+    background-color: var(--colors-primary-800);
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:ai_center details > summary {
-    align-items: center;
+  [data-theme=dark] .\[\&\:\:before\]\:dark\:bg-c_solid\.gray\.dark\.50::before {
+    background-color: var(--colors-solid-gray-dark-50);
 }
 
-  .\[\&_details\]\:\[\&\:not\(\:last-child\)\]\:bd-c_neutrals\.800 details:not(:last-child) {
-    border-color: var(--colors-neutrals-800);
+  [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 {
+    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);
 }
 
-  [data-theme=dark] .\[\&_\.combobox__input-search\]\:dark\:bd-c_\#15171E .combobox__input-search {
-    border-color: #15171E;
+  .\[\&\.loading\]\:\[\&_tbody\]\:pos_relative.loading tbody {
+    position: relative;
+}
+
+  .\[\&_button\]\:hover\:c_secondary\.800 button:is(:hover, [data-hover]) {
+    color: var(--colors-secondary-800);
 }
 
   .\[\&_\.combobox__input-search\]\:\[\&_\>_input\]\:pl_2rem .combobox__input-search > input {
@@ -1768,50 +4274,82 @@
     left: 8px;
 }
 
-  [data-theme=dark] .\[\&_ul\]\:dark\:bd-c_\#15171E ul {
-    border-color: #15171E;
+  .checked\:\[\&\:\:after\]\:w_sm:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
+    width: var(--sizes-sm);
 }
 
-  [data-theme=dark] .\[\&_ul\]\:dark\:bg-c_neutral\.950 ul {
-    background-color: var(--colors-neutral-950);
+  .checked\:\[\&\:\:after\]\:h_sm:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
+    height: var(--sizes-sm);
 }
 
-  .\[\&_li\]\:hover\:bg-c_neutral\.200 li:is(:hover, [data-hover]) {
-    background-color: var(--colors-neutral-200);
+  .checked\:\[\&\:\:after\]\:top_50\%:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
+    top: 50%;
 }
 
-  .\[\&_input\]\:\[\&\.has__leading\]\:pl_2rem input.has__leading {
-    padding-left: 2rem;
+  .checked\:\[\&\:\:after\]\:left_50\%:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
+    left: 50%;
 }
 
-  [data-theme=dark] .\[\&_div\]\:dark\:bg-c_neutrals\.800 div {
-    background-color: var(--colors-neutrals-800);
+  [data-theme=dark] .\[\&_li\]\:\[\&\:nth-of-type\(even\)\]\:dark\:bg_\#0f1015 li:nth-of-type(even) {
+    background: #0f1015;
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:before\:pos_absolute details > summary::before {
-    position: absolute;
+  .\[\&\.loading\]\:\[\&_tbody\]\:before\:bg_dash\.600.loading tbody::before {
+    background: dash.600;
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:before\:w_8px details > summary::before {
-    width: 8px;
+  .\[\&\.loading\]\:\[\&_tbody\]\:before\:anim_slide.loading tbody::before {
+    animation: var(--animations-slide);
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:before\:h_8px details > summary::before {
-    height: 8px;
+  .\[\&_details\]\:\[\&_\>_summary\]\:before\:border-style_solid details > summary::before {
+    border-style: solid;
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:before\:d_inline-block details > summary::before {
-    display: inline-block;
+  .\[\&_details\]\:\[\&_\>_summary\]\:before\:bd-w_2px_2px_0_0 details > summary::before {
+    border-width: 2px 2px 0 0;
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:before\:trf_rotate\(135deg\) details > summary::before {
-    transform: rotate(135deg);
+  .\[\&_details\]\:\[\&_\>_summary\]\:before\:bd-c_neutrals\.800 details > summary::before {
+    border-color: neutrals.800;
 }
 
   .\[\&_details\]\:\[\&_\>_summary\]\:before\:trs_transform_400ms_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\) details > summary::before {
     transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
+  [data-theme=dark] .\[\&_details\]\:\[\&\:not\(\:last-child\)\]\:dark\:bd-c_neutrals\.100 details:not(:last-child) {
+    border-color: neutrals.100;
+}
+
+  [data-theme=dark] .\[\&_details\]\:dark\:hover\:bg-c_neutrals\.800 details:is(:hover, [data-hover]) {
+    background-color: neutrals.800;
+}
+
+  .\[\&_details\]\:\[\&_\>_summary\]\:\[\&_i\]\:fs_0\.75rem details > summary i {
+    font-size: 0.75rem;
+}
+
+  .\[\&_details\]\:\[\&_\>_summary\]\:before\:content_\'\' details > summary::before {
+    content: '';
+}
+
+  .\[\&_details\]\:\[\&_\>_summary\]\:before\:pos_absolute details > summary::before {
+    position: absolute;
+}
+
+  .\[\&_details\]\:\[\&_\>_summary\]\:before\:bg-c_neutrals\.100 details > summary::before {
+    background-color: neutrals.100;
+}
+
+  .\[\&_details\]\:\[\&_\>_summary\]\:before\:d_inline-block details > summary::before {
+    display: inline-block;
+}
+
+  .\[\&_details\]\:\[\&_\>_summary\]\:before\:trf_rotate\(135deg\) details > summary::before {
+    transform: rotate(135deg);
+}
+
   .\[\&_details\]\:\[\&_\>_summary\]\:before\:va_top details > summary::before {
     vertical-align: top;
 }
@@ -1820,20 +4358,24 @@
     color: var(--colors-neutral-100);
 }
 
-  [data-theme=dark] .\[\&_li\]\:\[\&\:nth-of-type\(even\)\]\:dark\:bg_\#0f1015 li:nth-of-type(even) {
-    background: #0f1015;
+  [data-theme=dark] .\[\&_li\]\:hover\:dark\:bg-c_\#15171E li:is(:hover, [data-hover]) {
+    background-color: #15171E;
 }
 
-  [data-theme=dark] .\[\&_details\]\:dark\:hover\:bg-c_neutrals\.800 details:is(:hover, [data-hover]) {
-    background-color: var(--colors-neutrals-800);
+  .\[\&\.loading\]\:\[\&_tbody\]\:before\:content_\"\".loading tbody::before {
+    content: "";
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:\[\&_i\]\:fs_0\.75rem details > summary i {
-    font-size: 0.75rem;
+  .\[\&\.loading\]\:\[\&_tbody\]\:before\:d_block.loading tbody::before {
+    display: block;
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:before\:content_\'\' details > summary::before {
-    content: '';
+  .\[\&\.loading\]\:\[\&_tbody\]\:before\:pos_absolute.loading tbody::before {
+    position: absolute;
+}
+
+  .\[\&\.loading\]\:\[\&_tbody\]\:before\:trf-o_right.loading tbody::before {
+    transform-origin: right;
 }
 
   .\[\&_details\]\:\[\&_\>_summary\]\:before\:top_calc\(50\%_-_5px\) details > summary::before {
@@ -1844,43 +4386,45 @@
     right: 16px;
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:before\:bg-c_neutrals\.100 details > summary::before {
-    background-color: var(--colors-neutrals-100);
+  .\[\&_details\]\:\[\&_\>_summary\]\:before\:w_8px details > summary::before {
+    width: 8px;
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:before\:border-style_solid details > summary::before {
-    border-style: solid;
+  .\[\&_details\]\:\[\&_\>_summary\]\:before\:h_8px details > summary::before {
+    height: 8px;
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:before\:bd-w_2px_2px_0_0 details > summary::before {
-    border-width: 2px 2px 0 0;
+  .\[\&\.loading\]\:\[\&_tbody\]\:before\:h_2px.loading tbody::before {
+    height: 2px;
 }
 
-  .\[\&_details\]\:\[\&_\>_summary\]\:before\:bd-c_neutrals\.800 details > summary::before {
-    border-color: var(--colors-neutrals-800);
+  .\[\&\.loading\]\:\[\&_tbody\]\:before\:top_0.loading tbody::before {
+    top: var(--spacing-0);
 }
 
-  [data-theme=dark] .\[\&_details\]\:\[\&\:not\(\:last-child\)\]\:dark\:bd-c_neutrals\.100 details:not(:last-child) {
-    border-color: var(--colors-neutrals-100);
+  .\[\&\.loading\]\:\[\&_tbody\]\:before\:left_0.loading tbody::before {
+    left: var(--spacing-0);
 }
 
-  [data-theme=dark] .\[\&_li\]\:hover\:dark\:bg-c_\#15171E li:is(:hover, [data-hover]) {
-    background-color: #15171E;
+  .\[\&_details\]\:\[\&\[open\]\]\:\[\&_\>_summary\]\:before\:trs_transform_400ms_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\) details[open] > summary::before {
+    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-  .\[\&_details\]\:\[\&\[open\]\]\:\[\&_\>_summary\]\:before\:trf_rotate\(-45deg\) details[open] > summary::before {
-    transform: rotate(-45deg);
+  [data-theme=dark] .\[\&_details\]\:\[\&_\>_summary\]\:before\:dark\:bd-c_neutrals\.50 details > summary::before {
+    border-color: neutrals.50;
 }
 
-  .\[\&_details\]\:\[\&\[open\]\]\:\[\&_\>_summary\]\:before\:trs_transform_400ms_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\) details[open] > summary::before {
-    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
+  .\[\&_details\]\:\[\&\[open\]\]\:\[\&_\>_summary\]\:before\:trf_rotate\(-45deg\) details[open] > summary::before {
+    transform: rotate(-45deg);
 }
 
   [data-theme=dark] .\[\&_details\]\:\[\&_\>_summary\]\:before\:dark\:bg-c_neutrals\.900 details > summary::before {
-    background-color: var(--colors-neutrals-900);
+    background-color: neutrals.900;
 }
 
-  [data-theme=dark] .\[\&_details\]\:\[\&_\>_summary\]\:before\:dark\:bd-c_neutrals\.50 details > summary::before {
-    border-color: var(--colors-neutrals-50);
+  @media (prefers-reduced-motion: no-preference) {
+    .\[\&\:\:before\]\:motionSafe\:trs_transform_0\.2s_ease-in-out\,_box-shadow_0\.25s_ease-in-out::before {
+      transition: transform 0.2s ease-in-out, box-shadow 0.25s ease-in-out;
+}
 }
 }