@rainbow-robotics/muscat-plugin-kit 0.1.2-dev.44 → 0.1.2-dev.45

package/cli/storybook-dist/_design-tokens.css

@@ -0,0 +1,4957 @@
+/*
+  Generated from css/input/tokens.json
+  Tailwind v4 theme tokens (+ shadow, + text presets)
+  Unit: number -> rem (base 16px)
+  Default theme: Dark (Light overrides via .light/.theme-light/[data-theme="light"])
+*/
+
+@theme {
+  --color-scale-red-500: #fb2c36;
+  --color-scale-red-600: #e7000b;
+  --color-scale-red-alpha-50p: rgba(251, 44, 54, 0.5);
+  --color-scale-red-alpha-30p: rgba(251, 44, 54, 0.3);
+  --color-scale-red-alpha-10p: rgba(251, 44, 54, 0.1);
+  --color-scale-red-alpha-20p: rgba(251, 44, 54, 0.2);
+  --color-scale-orange-500: #ff6900;
+  --color-scale-orange-600: #f54a00;
+  --color-scale-orange-alpha-50p: rgba(255, 105, 0, 0.5);
+  --color-scale-orange-alpha-30p: rgba(255, 105, 0, 0.3);
+  --color-scale-orange-alpha-10p: rgba(255, 105, 0, 0.1);
+  --color-scale-orange-alpha-20p: rgba(255, 105, 0, 0.2);
+  --color-scale-green-500: #00c951;
+  --color-scale-green-600: #00a63e;
+  --color-scale-green-alpha-50p: rgba(0, 201, 81, 0.5);
+  --color-scale-green-alpha-30p: rgba(0, 201, 81, 0.3);
+  --color-scale-green-alpha-10p: rgba(0, 201, 81, 0.1);
+  --color-scale-green-alpha-20p: rgba(0, 201, 81, 0.2);
+  --color-scale-blue-500: #2b7fff;
+  --color-scale-blue-600: #155dfc;
+  --color-scale-blue-alpha-50p: rgba(43, 127, 255, 0.5);
+  --color-scale-blue-alpha-30p: rgba(43, 127, 255, 0.3);
+  --color-scale-blue-alpha-10p: rgba(43, 127, 255, 0.1);
+  --color-scale-blue-alpha-20p: rgba(43, 127, 255, 0.2);
+  --color-scale-zinc-950-alpha-5: rgba(9, 9, 11, 0.05);
+  --color-scale-zinc-950-alpha-10: rgba(9, 9, 11, 0.1);
+  --color-scale-zinc-950-alpha-15: rgba(9, 9, 11, 0.15);
+  --color-scale-zinc-950-alpha-20: rgba(9, 9, 11, 0.2);
+  --color-scale-zinc-950-alpha-25: rgba(9, 9, 11, 0.25);
+  --color-scale-zinc-950-alpha-30: rgba(9, 9, 11, 0.3);
+  --color-scale-zinc-950-alpha-40: rgba(9, 9, 11, 0.4);
+  --color-scale-zinc-950-alpha-50: rgba(9, 9, 11, 0.5);
+  --color-scale-zinc-950-alpha-60: rgba(9, 9, 11, 0.6);
+  --color-scale-zinc-950-alpha-70: rgba(9, 9, 11, 0.7);
+  --color-scale-zinc-950-alpha-75: rgba(9, 9, 11, 0.75);
+  --color-scale-zinc-950-alpha-80: rgba(9, 9, 11, 0.8);
+  --color-scale-zinc-950-alpha-85: rgba(9, 9, 11, 0.85);
+  --color-scale-zinc-950-alpha-90: rgba(9, 9, 11, 0.9);
+  --color-scale-zinc-950-alpha-95: rgba(9, 9, 11, 0.95);
+  --color-scale-zinc-50-alpha-5: rgba(250, 250, 250, 0.05);
+  --color-scale-zinc-50-alpha-10: rgba(250, 250, 250, 0.1);
+  --color-scale-zinc-50-alpha-15: rgba(250, 250, 250, 0.15);
+  --color-scale-zinc-50-alpha-20: rgba(250, 250, 250, 0.2);
+  --color-scale-zinc-50-alpha-25: rgba(250, 250, 250, 0.25);
+  --color-scale-zinc-50-alpha-30: rgba(250, 250, 250, 0.3);
+  --color-scale-zinc-50-alpha-40: rgba(250, 250, 250, 0.4);
+  --color-scale-zinc-50-alpha-50: rgba(250, 250, 250, 0.5);
+  --color-scale-zinc-50-alpha-60: rgba(250, 250, 250, 0.6);
+  --color-scale-zinc-50-alpha-70: rgba(250, 250, 250, 0.7);
+  --color-scale-zinc-50-alpha-75: rgba(250, 250, 250, 0.75);
+  --color-scale-zinc-50-alpha-80: rgba(250, 250, 250, 0.8);
+  --color-scale-zinc-50-alpha-85: rgba(250, 250, 250, 0.85);
+  --color-scale-zinc-50-alpha-90: rgba(250, 250, 250, 0.9);
+  --color-scale-zinc-50-alpha-95: rgba(250, 250, 250, 0.95);
+  --color-scale-zinc-50: #fafafa;
+  --color-scale-zinc-100: #f4f4f5;
+  --color-scale-zinc-200: #e4e4e7;
+  --color-scale-zinc-300: #d4d4d8;
+  --color-scale-zinc-400: #9f9fa9;
+  --color-scale-zinc-500: #71717b;
+  --color-scale-zinc-600: #52525c;
+  --color-scale-zinc-700: #3f3f46;
+  --color-scale-zinc-800: #232326;
+  --color-scale-zinc-900: #18181b;
+  --color-scale-zinc-950: #09090b;
+  --color-scale-base-black: #000000;
+  --color-scale-base-transparent: rgba(255, 255, 255, 0);
+  --color-scale-base-white: #ffffff;
+  --color-scale-yellow-400: #fcc800;
+  --color-scale-yellow-500: #efb100;
+  --color-scale-yellow-alpha-50p: rgba(252, 200, 0, 0.5);
+  --color-scale-yellow-alpha-30p: rgba(252, 200, 0, 0.3);
+  --color-scale-yellow-alpha-10p: rgba(252, 200, 0, 0.1);
+  --color-scale-yellow-alpha-20p: rgba(252, 200, 0, 0.2);
+  --color-scale-primary-alpha-10p: rgba(21, 93, 252, 0.1);
+  --color-scale-primary-alpha-30p: rgba(21, 93, 252, 0.3);
+  --color-scale-primary-stronger: #003baf;
+  --color-scale-primary-strong: #154dd0;
+  --color-scale-primary-alpha-50p: rgba(21, 93, 252, 0.5);
+  --color-scale-primary-normal: #155dfc;
+  --color-scale-custom-gray-100: #18181a;
+  --color-scale-custom-gray-200: #1f1f22;
+  --color-scale-custom-gray-300: #2a2a2d;
+  --color-scale-violet-500: #8e51ff;
+  --color-scale-violet-600: #7f22fe;
+  --color-scale-violet-alpha-50p: rgba(142, 81, 255, 0.5);
+  --color-scale-violet-alpha-30p: rgba(142, 81, 255, 0.3);
+  --color-scale-violet-alpha-20p: rgba(142, 81, 255, 0.2);
+  --color-scale-violet-alpha-10p: rgba(142, 81, 255, 0.1);
+  --color-scale-rainbow-normal: #e6331b;
+  --color-scale-rainbow-strong: #cf2d18;
+  --color-scale-rainbow-stronger: #b82815;
+  --color-scale-rainbow-alpha-50p: rgba(230, 51, 27, 0.5);
+  --color-scale-rainbow-alpha-30p: rgba(230, 51, 27, 0.3);
+  --color-scale-rainbow-alpha-10p: rgba(230, 51, 27, 0.1);
+  --color-scale-icon-primary: #6a88fa;
+  --color-scale-navy-normal: #0b558c;
+  --color-scale-navy-strong: #094a7a;
+  --color-scale-navy-stronger: #073e67;
+  --color-scale-navy-alpha-50p: rgba(11, 85, 140, 0.5);
+  --color-scale-navy-alpha-30p: rgba(8, 42, 108, 0.3);
+  --color-scale-navy-alpha-10p: rgba(8, 42, 108, 0.1);
+  --color-scale-navy-alpha-20p: rgba(11, 85, 140, 0.2);
+  --color-scale-navy-alpha-15p: rgba(11, 85, 140, 0.15);
+  --font-sans: 'Pretendard Variable';
+  --font-superellipse: Oxanium;
+  --font-weight-thin: 100;
+  --font-weight-extralight: 200;
+  --font-weight-light: 300;
+  --font-weight-normal: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+  --font-weight-extrabold: 800;
+  --font-weight-black: 900;
+  --tracking-tighter: -0.05rem;
+  --tracking-tight: -0.025rem;
+  --tracking-normal: 0rem;
+  --tracking-wide: 0.025rem;
+  --tracking-wider: 0.05rem;
+  --tracking-widest: 0.1rem;
+  --tracking-title-01: 0rem;
+  --tracking-title-02: 0rem;
+  --tracking-title-03: 0rem;
+  --tracking-title-04: 0rem;
+  --tracking-title-05: 0rem;
+  --tracking-title-06: 0rem;
+  --tracking-body-lg: 0rem;
+  --tracking-body-md: 0rem;
+  --tracking-body-sm2: 0rem;
+  --tracking-body-sm: 0rem;
+  --tracking-body-xs2: 0rem;
+  --tracking-body-xs: 0rem;
+  --tracking-body-2xs: 0rem;
+  --tracking-compact-lg: 0rem;
+  --tracking-compact-md: 0rem;
+  --tracking-compact-sm2: 0rem;
+  --tracking-compact-sm: 0rem;
+  --tracking-compact-xs2: 0rem;
+  --tracking-compact-xs: 0rem;
+  --tracking-compact-2xs: 0rem;
+  --tracking-code-2xs: 0rem;
+  --tracking-code-xs: 0rem;
+  --tracking-code-xs2: 0rem;
+  --tracking-code-sm: 0rem;
+  --tracking-code-sm2: 0rem;
+  --tracking-code-md: 0rem;
+  --tracking-code-lg: 0rem;
+  --leading-3: 0.75rem;
+  --leading-4: 1rem;
+  --leading-5: 1.25rem;
+  --leading-6: 1.5rem;
+  --leading-7: 1.75rem;
+  --leading-8: 2rem;
+  --leading-9: 2.25rem;
+  --leading-10: 2.5rem;
+  --leading-11: 2.75rem;
+  --leading-12: 3rem;
+  --leading-13: 3.25rem;
+  --leading-14: 3.5rem;
+  --leading-15: 3.75rem;
+  --leading-16: 4rem;
+  --leading-3_5: 0.875rem;
+  --leading-4_5: 1.125rem;
+  --leading-5_5: 1.375rem;
+  --leading-6_5: 1.625rem;
+  --leading-7_5: 1.875rem;
+  --leading-13_5: 3.375rem;
+  --leading-title-01: 1.5rem;
+  --leading-title-02: 1.75rem;
+  --leading-title-03: 2rem;
+  --leading-title-04: 2.25rem;
+  --leading-title-05: 2.75rem;
+  --leading-title-06: 3.375rem;
+  --leading-body-lg: 2rem;
+  --leading-body-md: 1.75rem;
+  --leading-body-sm2: 1.625rem;
+  --leading-body-sm: 1.5rem;
+  --leading-body-xs2: 1.375rem;
+  --leading-body-xs: 1.25rem;
+  --leading-body-2xs: 1rem;
+  --leading-compact-lg: 1.75rem;
+  --leading-compact-md: 1.5rem;
+  --leading-compact-sm2: 1.375rem;
+  --leading-compact-sm: 1.25rem;
+  --leading-compact-xs2: 1.125rem;
+  --leading-compact-xs: 1rem;
+  --leading-compact-2xs: 0.75rem;
+  --leading-code-2xs: 0.75rem;
+  --leading-code-xs: 0.875rem;
+  --leading-code-xs2: 1.125rem;
+  --leading-code-sm: 1.25rem;
+  --leading-code-sm2: 1.375rem;
+  --leading-code-md: 1.5rem;
+  --leading-code-lg: 1.75rem;
+  --text-xs: 0.75rem;
+  --text-sm: 0.875rem;
+  --text-base: 1rem;
+  --text-lg: 1.125rem;
+  --text-xl: 1.25rem;
+  --text-2xl: 1.5rem;
+  --text-3xl: 1.875rem;
+  --text-4xl: 2.25rem;
+  --text-5xl: 3rem;
+  --text-10px: 0.625rem;
+  --text-13px: 0.8125rem;
+  --text-15px: 0.9375rem;
+  --text-title-01: 1rem;
+  --text-title-02: 1.125rem;
+  --text-title-03: 1.25rem;
+  --text-title-04: 1.5rem;
+  --text-title-05: 1.875rem;
+  --text-title-06: 2.25rem;
+  --text-body-lg: 1.125rem;
+  --text-body-md: 1rem;
+  --text-body-sm2: 0.9375rem;
+  --text-body-sm: 0.875rem;
+  --text-body-xs2: 0.8125rem;
+  --text-body-xs: 0.75rem;
+  --text-body-2xs: 0.625rem;
+  --text-compact-lg: 1.125rem;
+  --text-compact-md: 1rem;
+  --text-compact-sm2: 0.9375rem;
+  --text-compact-sm: 0.875rem;
+  --text-compact-xs2: 0.8125rem;
+  --text-compact-xs: 0.75rem;
+  --text-compact-2xs: 0.625rem;
+  --text-code-2xs: 0.625rem;
+  --text-code-xs: 0.75rem;
+  --text-code-xs2: 0.8125rem;
+  --text-code-sm: 0.875rem;
+  --text-code-sm2: 0.9375rem;
+  --text-code-md: 1rem;
+  --text-code-lg: 1.125rem;
+  --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-50: 12.5rem;
+  --spacing-3_5: 0.875rem;
+  --spacing-1_5: 0.375rem;
+  --spacing-0_5: 0.125rem;
+  --spacing-2_5: 0.625rem;
+  --height-1: 0.25rem;
+  --height-2: 0.5rem;
+  --height-3: 0.75rem;
+  --height-4: 1rem;
+  --height-5: 1.25rem;
+  --height-6: 1.5rem;
+  --height-7: 1.75rem;
+  --height-8: 2rem;
+  --height-9: 2.25rem;
+  --height-10: 2.5rem;
+  --height-12: 3rem;
+  --height-14: 3.5rem;
+  --radius-full: 624.9375rem;
+  --radius-4xl: 2rem;
+  --radius-3xl: 1.5rem;
+  --radius-2xl: 1rem;
+  --radius-xl: 0.75rem;
+  --radius-sm: 0.25rem;
+  --radius-lg: 0.5rem;
+  --radius-md: 0.375rem;
+  --radius-xs: 0.125rem;
+  --shadow-down-2xs: 0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px 1px 4px 0px rgba(9, 9, 11, 0.188);
+  --shadow-down-xs: 0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px 4px 10px 0px rgba(9, 9, 11, 0.18);
+  --shadow-down-sm: 0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px 10px 16px 0px rgba(9, 9, 11, 0.169);
+  --shadow-down-md: 0px 0px 2px 0px rgba(9, 9, 11, 0.2), 0px 20px 32px 0px rgba(9, 9, 11, 0.161);
+  --shadow-down-lg: 0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px 34px 48px 0px rgba(9, 9, 11, 0.149);
+  --shadow-down-xl: 0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px 52px 64px 0px rgba(9, 9, 11, 0.141);
+  --shadow-up-2xs: 0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px -1px 4px 0px rgba(9, 9, 11, 0.188);
+  --shadow-up-xs: 0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px -4px 10px 0px rgba(9, 9, 11, 0.18);
+  --shadow-up-sm: 0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px -10px 16px 0px rgba(9, 9, 11, 0.169);
+  --shadow-up-md: 0px 0px 2px 0px rgba(9, 9, 11, 0.2), 0px -20px 32px 0px rgba(9, 9, 11, 0.161);
+  --shadow-up-lg: 0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px -34px 48px 0px rgba(9, 9, 11, 0.149);
+  --shadow-up-xl: 0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px -52px 64px 0px rgba(9, 9, 11, 0.141);
+  --color-fg-default: var(--color-scale-zinc-50);
+  --color-fg-danger-subtle: var(--color-scale-red-alpha-30p);
+  --color-fg-danger: var(--color-scale-red-500);
+  --color-fg-warning-subtle: var(--color-scale-orange-alpha-50p);
+  --color-fg-warning: var(--color-scale-orange-500);
+  --color-fg-success-subtle: var(--color-scale-green-alpha-50p);
+  --color-fg-success: var(--color-scale-green-500);
+  --color-fg-information-subtle: var(--color-scale-blue-alpha-50p);
+  --color-fg-information: var(--color-scale-blue-500);
+  --color-fg-disabled: var(--color-scale-zinc-50-alpha-20);
+  --color-fg-inverse: var(--color-scale-zinc-950);
+  --color-fg-subtlest: var(--color-scale-zinc-50-alpha-30);
+  --color-fg-subtle: var(--color-scale-zinc-50-alpha-60);
+  --color-fg-subtler: var(--color-scale-zinc-50-alpha-40);
+  --color-fg-inverse-disabled: var(--color-scale-zinc-950-alpha-15);
+  --color-fg-brand: var(--color-scale-primary-normal);
+  --color-fg-brand-subtle: var(--color-scale-primary-alpha-50p);
+  --color-fg-default-hovered: var(--color-scale-zinc-50-alpha-80);
+  --color-fg-brand-hovered: var(--color-scale-primary-strong);
+  --color-fg-caution: var(--color-scale-yellow-400);
+  --color-fg-caution-subtle: var(--color-scale-yellow-alpha-50p);
+  --color-fg-static-white: var(--color-scale-base-white);
+  --color-fg-static-white-subtle: var(--color-scale-zinc-500);
+  --color-fg-debug: var(--color-scale-violet-500);
+  --color-fg-debug-subtle: var(--color-scale-violet-alpha-50p);
+  --color-fg-rb: var(--color-scale-rainbow-normal);
+  --color-fg-rb-subtle: var(--color-scale-rainbow-alpha-50p);
+  --color-fg-navy: var(--color-scale-navy-normal);
+  --color-fg-navy-subtle: var(--color-scale-navy-alpha-50p);
+  --color-fg-navy-hovered: var(--color-scale-navy-strong);
+  --color-border-default: var(--color-scale-zinc-50-alpha-30);
+  --color-border-danger-stronger: var(--color-scale-red-500);
+  --color-border-warning-stronger: var(--color-scale-orange-500);
+  --color-border-success-stronger: var(--color-scale-green-500);
+  --color-border-information-stronger: var(--color-scale-blue-500);
+  --color-border-disabled: var(--color-scale-zinc-50-alpha-5);
+  --color-border-inverse-stronger: var(--color-scale-zinc-950-alpha-90);
+  --color-border-stronger: var(--color-scale-zinc-50-alpha-90);
+  --color-border-inverse: var(--color-scale-zinc-950-alpha-20);
+  --color-border-danger: var(--color-scale-red-alpha-50p);
+  --color-border-warning: var(--color-scale-orange-alpha-50p);
+  --color-border-information: var(--color-scale-blue-alpha-50p);
+  --color-border-success: var(--color-scale-green-alpha-50p);
+  --color-border-subtle: var(--color-scale-zinc-50-alpha-15);
+  --color-border-input-focused: var(--color-scale-zinc-50-alpha-90);
+  --color-border-inverse-disabled: var(--color-scale-zinc-950-alpha-10);
+  --color-border-brand-stronger: var(--color-scale-primary-normal);
+  --color-border-brand: var(--color-scale-primary-alpha-50p);
+  --color-border-caution-stronger: var(--color-scale-yellow-400);
+  --color-border-caution: var(--color-scale-yellow-alpha-50p);
+  --color-border-debug-stronger: var(--color-scale-violet-500);
+  --color-border-debug: var(--color-scale-violet-alpha-50p);
+  --color-border-subtler: var(--color-scale-zinc-50-alpha-10);
+  --color-border-rb-stronger: var(--color-scale-rainbow-normal);
+  --color-border-rb: var(--color-scale-rainbow-alpha-50p);
+  --color-border-navy-stronger: var(--color-scale-navy-normal);
+  --color-border-navy: var(--color-scale-navy-alpha-50p);
+  --color-fill-danger-subtle: var(--color-scale-red-alpha-30p);
+  --color-fill-danger: var(--color-scale-red-500);
+  --color-fill-warning-subtle: var(--color-scale-orange-alpha-30p);
+  --color-fill-warning: var(--color-scale-orange-500);
+  --color-fill-success-subtle: var(--color-scale-green-alpha-30p);
+  --color-fill-success: var(--color-scale-green-500);
+  --color-fill-information-subtle: var(--color-scale-blue-alpha-30p);
+  --color-fill-information: var(--color-scale-blue-500);
+  --color-fill-disabled: var(--color-scale-zinc-50-alpha-5);
+  --color-fill-control-surface: var(--color-scale-zinc-950-alpha-50);
+  --color-fill-inverse: var(--color-scale-zinc-900);
+  --color-fill-inverse-hovered: var(--color-scale-zinc-700);
+  --color-fill-subtle: var(--color-scale-zinc-50-alpha-40);
+  --color-fill-subtle-hovered: var(--color-scale-zinc-50-alpha-30);
+  --color-fill-transparent: var(--color-scale-base-transparent);
+  --color-fill-transparent-hovered: var(--color-scale-zinc-50-alpha-5);
+  --color-fill-default: var(--color-scale-zinc-100);
+  --color-fill-default-hovered: var(--color-scale-zinc-300);
+  --color-fill-inverse-subtle: var(--color-scale-zinc-950-alpha-40);
+  --color-fill-inverse-subtle-hovered: var(--color-scale-zinc-950-alpha-30);
+  --color-fill-inverse-disabled: var(--color-scale-zinc-950-alpha-10);
+  --color-fill-brand: var(--color-scale-primary-normal);
+  --color-fill-brand-subtle: var(--color-scale-primary-alpha-50p);
+  --color-fill-subtler: var(--color-scale-zinc-50-alpha-20);
+  --color-fill-subtler-hovered: var(--color-scale-zinc-50-alpha-15);
+  --color-fill-brand-hovered: var(--color-scale-primary-strong);
+  --color-fill-control-surface-hovered: var(--color-scale-zinc-950-alpha-30);
+  --color-fill-caution-subtle: var(--color-scale-yellow-alpha-30p);
+  --color-fill-caution: var(--color-scale-yellow-400);
+  --color-fill-danger-subtler: var(--color-scale-red-alpha-20p);
+  --color-fill-warning-subtler: var(--color-scale-orange-alpha-20p);
+  --color-fill-caution-subtler: var(--color-scale-yellow-alpha-20p);
+  --color-fill-success-subtler: var(--color-scale-green-alpha-20p);
+  --color-fill-information-subtler: var(--color-scale-blue-alpha-20p);
+  --color-fill-subtlest: var(--color-scale-zinc-50-alpha-10);
+  --color-fill-subtlest-hovered: var(--color-scale-zinc-50-alpha-5);
+  --color-fill-warning-subtlest: var(--color-scale-orange-alpha-10p);
+  --color-fill-caution-subtlest: var(--color-scale-yellow-alpha-10p);
+  --color-fill-information-subtlest: var(--color-scale-blue-alpha-10p);
+  --color-fill-success-subtlest: var(--color-scale-green-alpha-10p);
+  --color-fill-danger-subtlest: var(--color-scale-red-alpha-10p);
+  --color-fill-danger-hovered: var(--color-scale-red-600);
+  --color-fill-warning-hovered: var(--color-scale-orange-600);
+  --color-fill-caution-hovered: var(--color-scale-yellow-500);
+  --color-fill-information-hovered: var(--color-scale-blue-600);
+  --color-fill-success-hovered: var(--color-scale-green-600);
+  --color-fill-debug: var(--color-scale-violet-500);
+  --color-fill-debug-hovered: var(--color-scale-violet-600);
+  --color-fill-debug-subtle: var(--color-scale-violet-alpha-30p);
+  --color-fill-debug-subtler: var(--color-scale-violet-alpha-20p);
+  --color-fill-debug-subtlest: var(--color-scale-violet-alpha-10p);
+  --color-fill-control-surface-disabled: var(--color-scale-zinc-950-alpha-25);
+  --color-fill-brand-subtler: var(--color-scale-primary-alpha-30p);
+  --color-fill-rb: var(--color-scale-rainbow-normal);
+  --color-fill-rb-hovered: var(--color-scale-rainbow-strong);
+  --color-fill-rb-subtle: var(--color-scale-rainbow-alpha-50p);
+  --color-fill-rb-subtler: var(--color-scale-rainbow-alpha-30p);
+  --color-fill-rb-subtlest: var(--color-scale-rainbow-alpha-10p);
+  --color-fill-icon-program: var(--color-scale-icon-primary);
+  --color-fill-brand-subtlest: var(--color-scale-primary-alpha-10p);
+  --color-fill-navy: var(--color-scale-navy-normal);
+  --color-fill-navy-hovered: var(--color-scale-navy-strong);
+  --color-fill-navy-subtle: var(--color-scale-navy-alpha-50p);
+  --color-fill-navy-subtler: var(--color-scale-navy-alpha-20p);
+  --color-fill-navy-subtlest: var(--color-scale-navy-alpha-15p);
+  --color-bg-dim: var(--color-scale-zinc-950-alpha-80);
+  --color-bg-default: var(--color-scale-zinc-950);
+  --color-bg-overlay: var(--color-scale-zinc-700);
+  --color-bg-inverse: var(--color-scale-base-white);
+  --color-bg-raised: var(--color-scale-custom-gray-300);
+  --color-bg-card: var(--color-scale-zinc-50-alpha-10);
+  --color-bg-alt-1: var(--color-scale-zinc-900);
+  --color-bg-alt-2: var(--color-scale-zinc-800);
+  --color-bg-translucent: var(--color-scale-zinc-950-alpha-60);
+  --color-bg-overlay-high: var(--color-scale-zinc-600);
+  --color-bg-tooltip: var(--color-scale-zinc-600);
+}
+
+.dark, .theme-dark, [data-theme="dark"] {
+  --color-fg-default: var(--color-scale-zinc-50);
+  --color-fg-danger-subtle: var(--color-scale-red-alpha-30p);
+  --color-fg-danger: var(--color-scale-red-500);
+  --color-fg-warning-subtle: var(--color-scale-orange-alpha-50p);
+  --color-fg-warning: var(--color-scale-orange-500);
+  --color-fg-success-subtle: var(--color-scale-green-alpha-50p);
+  --color-fg-success: var(--color-scale-green-500);
+  --color-fg-information-subtle: var(--color-scale-blue-alpha-50p);
+  --color-fg-information: var(--color-scale-blue-500);
+  --color-fg-disabled: var(--color-scale-zinc-50-alpha-20);
+  --color-fg-inverse: var(--color-scale-zinc-950);
+  --color-fg-subtlest: var(--color-scale-zinc-50-alpha-30);
+  --color-fg-subtle: var(--color-scale-zinc-50-alpha-60);
+  --color-fg-subtler: var(--color-scale-zinc-50-alpha-40);
+  --color-fg-inverse-disabled: var(--color-scale-zinc-950-alpha-15);
+  --color-fg-brand: var(--color-scale-primary-normal);
+  --color-fg-brand-subtle: var(--color-scale-primary-alpha-50p);
+  --color-fg-default-hovered: var(--color-scale-zinc-50-alpha-80);
+  --color-fg-brand-hovered: var(--color-scale-primary-strong);
+  --color-fg-caution: var(--color-scale-yellow-400);
+  --color-fg-caution-subtle: var(--color-scale-yellow-alpha-50p);
+  --color-fg-static-white: var(--color-scale-base-white);
+  --color-fg-static-white-subtle: var(--color-scale-zinc-500);
+  --color-fg-debug: var(--color-scale-violet-500);
+  --color-fg-debug-subtle: var(--color-scale-violet-alpha-50p);
+  --color-fg-rb: var(--color-scale-rainbow-normal);
+  --color-fg-rb-subtle: var(--color-scale-rainbow-alpha-50p);
+  --color-fg-navy: var(--color-scale-navy-normal);
+  --color-fg-navy-subtle: var(--color-scale-navy-alpha-50p);
+  --color-fg-navy-hovered: var(--color-scale-navy-strong);
+  --color-border-default: var(--color-scale-zinc-50-alpha-30);
+  --color-border-danger-stronger: var(--color-scale-red-500);
+  --color-border-warning-stronger: var(--color-scale-orange-500);
+  --color-border-success-stronger: var(--color-scale-green-500);
+  --color-border-information-stronger: var(--color-scale-blue-500);
+  --color-border-disabled: var(--color-scale-zinc-50-alpha-5);
+  --color-border-inverse-stronger: var(--color-scale-zinc-950-alpha-90);
+  --color-border-stronger: var(--color-scale-zinc-50-alpha-90);
+  --color-border-inverse: var(--color-scale-zinc-950-alpha-20);
+  --color-border-danger: var(--color-scale-red-alpha-50p);
+  --color-border-warning: var(--color-scale-orange-alpha-50p);
+  --color-border-information: var(--color-scale-blue-alpha-50p);
+  --color-border-success: var(--color-scale-green-alpha-50p);
+  --color-border-subtle: var(--color-scale-zinc-50-alpha-15);
+  --color-border-input-focused: var(--color-scale-zinc-50-alpha-90);
+  --color-border-inverse-disabled: var(--color-scale-zinc-950-alpha-10);
+  --color-border-brand-stronger: var(--color-scale-primary-normal);
+  --color-border-brand: var(--color-scale-primary-alpha-50p);
+  --color-border-caution-stronger: var(--color-scale-yellow-400);
+  --color-border-caution: var(--color-scale-yellow-alpha-50p);
+  --color-border-debug-stronger: var(--color-scale-violet-500);
+  --color-border-debug: var(--color-scale-violet-alpha-50p);
+  --color-border-subtler: var(--color-scale-zinc-50-alpha-10);
+  --color-border-rb-stronger: var(--color-scale-rainbow-normal);
+  --color-border-rb: var(--color-scale-rainbow-alpha-50p);
+  --color-border-navy-stronger: var(--color-scale-navy-normal);
+  --color-border-navy: var(--color-scale-navy-alpha-50p);
+  --color-fill-danger-subtle: var(--color-scale-red-alpha-30p);
+  --color-fill-danger: var(--color-scale-red-500);
+  --color-fill-warning-subtle: var(--color-scale-orange-alpha-30p);
+  --color-fill-warning: var(--color-scale-orange-500);
+  --color-fill-success-subtle: var(--color-scale-green-alpha-30p);
+  --color-fill-success: var(--color-scale-green-500);
+  --color-fill-information-subtle: var(--color-scale-blue-alpha-30p);
+  --color-fill-information: var(--color-scale-blue-500);
+  --color-fill-disabled: var(--color-scale-zinc-50-alpha-5);
+  --color-fill-control-surface: var(--color-scale-zinc-950-alpha-50);
+  --color-fill-inverse: var(--color-scale-zinc-900);
+  --color-fill-inverse-hovered: var(--color-scale-zinc-700);
+  --color-fill-subtle: var(--color-scale-zinc-50-alpha-40);
+  --color-fill-subtle-hovered: var(--color-scale-zinc-50-alpha-30);
+  --color-fill-transparent: var(--color-scale-base-transparent);
+  --color-fill-transparent-hovered: var(--color-scale-zinc-50-alpha-5);
+  --color-fill-default: var(--color-scale-zinc-100);
+  --color-fill-default-hovered: var(--color-scale-zinc-300);
+  --color-fill-inverse-subtle: var(--color-scale-zinc-950-alpha-40);
+  --color-fill-inverse-subtle-hovered: var(--color-scale-zinc-950-alpha-30);
+  --color-fill-inverse-disabled: var(--color-scale-zinc-950-alpha-10);
+  --color-fill-brand: var(--color-scale-primary-normal);
+  --color-fill-brand-subtle: var(--color-scale-primary-alpha-50p);
+  --color-fill-subtler: var(--color-scale-zinc-50-alpha-20);
+  --color-fill-subtler-hovered: var(--color-scale-zinc-50-alpha-15);
+  --color-fill-brand-hovered: var(--color-scale-primary-strong);
+  --color-fill-control-surface-hovered: var(--color-scale-zinc-950-alpha-30);
+  --color-fill-caution-subtle: var(--color-scale-yellow-alpha-30p);
+  --color-fill-caution: var(--color-scale-yellow-400);
+  --color-fill-danger-subtler: var(--color-scale-red-alpha-20p);
+  --color-fill-warning-subtler: var(--color-scale-orange-alpha-20p);
+  --color-fill-caution-subtler: var(--color-scale-yellow-alpha-20p);
+  --color-fill-success-subtler: var(--color-scale-green-alpha-20p);
+  --color-fill-information-subtler: var(--color-scale-blue-alpha-20p);
+  --color-fill-subtlest: var(--color-scale-zinc-50-alpha-10);
+  --color-fill-subtlest-hovered: var(--color-scale-zinc-50-alpha-5);
+  --color-fill-warning-subtlest: var(--color-scale-orange-alpha-10p);
+  --color-fill-caution-subtlest: var(--color-scale-yellow-alpha-10p);
+  --color-fill-information-subtlest: var(--color-scale-blue-alpha-10p);
+  --color-fill-success-subtlest: var(--color-scale-green-alpha-10p);
+  --color-fill-danger-subtlest: var(--color-scale-red-alpha-10p);
+  --color-fill-danger-hovered: var(--color-scale-red-600);
+  --color-fill-warning-hovered: var(--color-scale-orange-600);
+  --color-fill-caution-hovered: var(--color-scale-yellow-500);
+  --color-fill-information-hovered: var(--color-scale-blue-600);
+  --color-fill-success-hovered: var(--color-scale-green-600);
+  --color-fill-debug: var(--color-scale-violet-500);
+  --color-fill-debug-hovered: var(--color-scale-violet-600);
+  --color-fill-debug-subtle: var(--color-scale-violet-alpha-30p);
+  --color-fill-debug-subtler: var(--color-scale-violet-alpha-20p);
+  --color-fill-debug-subtlest: var(--color-scale-violet-alpha-10p);
+  --color-fill-control-surface-disabled: var(--color-scale-zinc-950-alpha-25);
+  --color-fill-brand-subtler: var(--color-scale-primary-alpha-30p);
+  --color-fill-rb: var(--color-scale-rainbow-normal);
+  --color-fill-rb-hovered: var(--color-scale-rainbow-strong);
+  --color-fill-rb-subtle: var(--color-scale-rainbow-alpha-50p);
+  --color-fill-rb-subtler: var(--color-scale-rainbow-alpha-30p);
+  --color-fill-rb-subtlest: var(--color-scale-rainbow-alpha-10p);
+  --color-fill-icon-program: var(--color-scale-icon-primary);
+  --color-fill-brand-subtlest: var(--color-scale-primary-alpha-10p);
+  --color-fill-navy: var(--color-scale-navy-normal);
+  --color-fill-navy-hovered: var(--color-scale-navy-strong);
+  --color-fill-navy-subtle: var(--color-scale-navy-alpha-50p);
+  --color-fill-navy-subtler: var(--color-scale-navy-alpha-20p);
+  --color-fill-navy-subtlest: var(--color-scale-navy-alpha-15p);
+  --color-bg-dim: var(--color-scale-zinc-950-alpha-80);
+  --color-bg-default: var(--color-scale-zinc-950);
+  --color-bg-overlay: var(--color-scale-zinc-700);
+  --color-bg-inverse: var(--color-scale-base-white);
+  --color-bg-raised: var(--color-scale-custom-gray-300);
+  --color-bg-card: var(--color-scale-zinc-50-alpha-10);
+  --color-bg-alt-1: var(--color-scale-zinc-900);
+  --color-bg-alt-2: var(--color-scale-zinc-800);
+  --color-bg-translucent: var(--color-scale-zinc-950-alpha-60);
+  --color-bg-overlay-high: var(--color-scale-zinc-600);
+  --color-bg-tooltip: var(--color-scale-zinc-600);
+}
+
+.light, .theme-light, [data-theme="light"] {
+  --color-fg-default: var(--color-scale-zinc-950);
+  --color-fg-danger-subtle: var(--color-scale-red-alpha-50p);
+  --color-fg-danger: var(--color-scale-red-500);
+  --color-fg-warning-subtle: var(--color-scale-orange-alpha-50p);
+  --color-fg-warning: var(--color-scale-orange-500);
+  --color-fg-success-subtle: var(--color-scale-green-alpha-50p);
+  --color-fg-success: var(--color-scale-green-600);
+  --color-fg-information-subtle: var(--color-scale-blue-alpha-50p);
+  --color-fg-information: var(--color-scale-blue-500);
+  --color-fg-disabled: var(--color-scale-zinc-950-alpha-25);
+  --color-fg-inverse: var(--color-scale-zinc-50);
+  --color-fg-subtlest: var(--color-scale-zinc-950-alpha-40);
+  --color-fg-subtle: var(--color-scale-zinc-950-alpha-70);
+  --color-fg-subtler: var(--color-scale-zinc-950-alpha-60);
+  --color-fg-inverse-disabled: var(--color-scale-zinc-50-alpha-20);
+  --color-fg-brand: var(--color-scale-primary-normal);
+  --color-fg-brand-subtle: var(--color-scale-primary-alpha-50p);
+  --color-fg-default-hovered: var(--color-scale-zinc-950-alpha-80);
+  --color-fg-brand-hovered: var(--color-scale-primary-strong);
+  --color-fg-caution: var(--color-scale-yellow-400);
+  --color-fg-caution-subtle: var(--color-scale-yellow-alpha-50p);
+  --color-fg-static-white: var(--color-scale-base-white);
+  --color-fg-static-white-subtle: var(--color-scale-zinc-500);
+  --color-fg-debug: var(--color-scale-violet-500);
+  --color-fg-debug-subtle: var(--color-scale-violet-alpha-50p);
+  --color-fg-rb: var(--color-scale-rainbow-normal);
+  --color-fg-rb-subtle: var(--color-scale-rainbow-alpha-50p);
+  --color-fg-navy: var(--color-scale-navy-normal);
+  --color-fg-navy-subtle: var(--color-scale-navy-alpha-50p);
+  --color-fg-navy-hovered: var(--color-scale-navy-strong);
+  --color-border-default: var(--color-scale-zinc-950-alpha-20);
+  --color-border-danger-stronger: var(--color-scale-red-500);
+  --color-border-warning-stronger: var(--color-scale-orange-500);
+  --color-border-success-stronger: var(--color-scale-green-500);
+  --color-border-information-stronger: var(--color-scale-blue-500);
+  --color-border-disabled: var(--color-scale-zinc-950-alpha-5);
+  --color-border-inverse-stronger: var(--color-scale-zinc-50-alpha-90);
+  --color-border-stronger: var(--color-scale-zinc-950-alpha-90);
+  --color-border-inverse: var(--color-scale-zinc-50-alpha-30);
+  --color-border-danger: var(--color-scale-red-alpha-50p);
+  --color-border-warning: var(--color-scale-orange-alpha-50p);
+  --color-border-information: var(--color-scale-blue-alpha-50p);
+  --color-border-success: var(--color-scale-green-alpha-50p);
+  --color-border-subtle: var(--color-scale-zinc-950-alpha-15);
+  --color-border-input-focused: var(--color-scale-zinc-950-alpha-90);
+  --color-border-inverse-disabled: var(--color-scale-zinc-50-alpha-10);
+  --color-border-brand-stronger: var(--color-scale-primary-normal);
+  --color-border-brand: var(--color-scale-primary-alpha-50p);
+  --color-border-caution-stronger: var(--color-scale-yellow-400);
+  --color-border-caution: var(--color-scale-yellow-alpha-50p);
+  --color-border-debug-stronger: var(--color-scale-violet-500);
+  --color-border-debug: var(--color-scale-violet-alpha-50p);
+  --color-border-subtler: var(--color-scale-zinc-950-alpha-10);
+  --color-border-rb-stronger: var(--color-scale-rainbow-normal);
+  --color-border-rb: var(--color-scale-rainbow-alpha-50p);
+  --color-border-navy-stronger: var(--color-scale-navy-normal);
+  --color-border-navy: var(--color-scale-navy-alpha-50p);
+  --color-fill-danger-subtle: var(--color-scale-red-alpha-30p);
+  --color-fill-danger: var(--color-scale-red-500);
+  --color-fill-warning-subtle: var(--color-scale-orange-alpha-30p);
+  --color-fill-warning: var(--color-scale-orange-500);
+  --color-fill-success-subtle: var(--color-scale-green-alpha-30p);
+  --color-fill-success: var(--color-scale-green-500);
+  --color-fill-information-subtle: var(--color-scale-blue-alpha-30p);
+  --color-fill-information: var(--color-scale-blue-500);
+  --color-fill-disabled: var(--color-scale-zinc-950-alpha-5);
+  --color-fill-control-surface: var(--color-scale-zinc-50);
+  --color-fill-inverse: var(--color-scale-zinc-100);
+  --color-fill-inverse-hovered: var(--color-scale-zinc-300);
+  --color-fill-subtle: var(--color-scale-zinc-950-alpha-40);
+  --color-fill-subtle-hovered: var(--color-scale-zinc-950-alpha-30);
+  --color-fill-transparent: var(--color-scale-base-transparent);
+  --color-fill-transparent-hovered: var(--color-scale-zinc-950-alpha-5);
+  --color-fill-default: var(--color-scale-zinc-900);
+  --color-fill-default-hovered: var(--color-scale-zinc-700);
+  --color-fill-inverse-subtle: var(--color-scale-zinc-50-alpha-40);
+  --color-fill-inverse-subtle-hovered: var(--color-scale-zinc-50-alpha-30);
+  --color-fill-inverse-disabled: var(--color-scale-zinc-50-alpha-10);
+  --color-fill-brand: var(--color-scale-primary-normal);
+  --color-fill-brand-subtle: var(--color-scale-primary-alpha-50p);
+  --color-fill-subtler: var(--color-scale-zinc-950-alpha-20);
+  --color-fill-subtler-hovered: var(--color-scale-zinc-950-alpha-15);
+  --color-fill-brand-hovered: var(--color-scale-primary-strong);
+  --color-fill-control-surface-hovered: var(--color-scale-zinc-100);
+  --color-fill-caution-subtle: var(--color-scale-yellow-alpha-30p);
+  --color-fill-caution: var(--color-scale-yellow-400);
+  --color-fill-danger-subtler: var(--color-scale-red-alpha-20p);
+  --color-fill-warning-subtler: var(--color-scale-orange-alpha-20p);
+  --color-fill-caution-subtler: var(--color-scale-yellow-alpha-20p);
+  --color-fill-success-subtler: var(--color-scale-green-alpha-20p);
+  --color-fill-information-subtler: var(--color-scale-blue-alpha-20p);
+  --color-fill-subtlest: var(--color-scale-zinc-950-alpha-10);
+  --color-fill-subtlest-hovered: var(--color-scale-zinc-950-alpha-5);
+  --color-fill-warning-subtlest: var(--color-scale-orange-alpha-10p);
+  --color-fill-caution-subtlest: var(--color-scale-yellow-alpha-10p);
+  --color-fill-information-subtlest: var(--color-scale-blue-alpha-10p);
+  --color-fill-success-subtlest: var(--color-scale-green-alpha-10p);
+  --color-fill-danger-subtlest: var(--color-scale-red-alpha-10p);
+  --color-fill-danger-hovered: var(--color-scale-red-600);
+  --color-fill-warning-hovered: var(--color-scale-orange-600);
+  --color-fill-caution-hovered: var(--color-scale-yellow-500);
+  --color-fill-information-hovered: var(--color-scale-blue-600);
+  --color-fill-success-hovered: var(--color-scale-green-600);
+  --color-fill-debug: var(--color-scale-violet-500);
+  --color-fill-debug-hovered: var(--color-scale-violet-600);
+  --color-fill-debug-subtle: var(--color-scale-violet-alpha-30p);
+  --color-fill-debug-subtler: var(--color-scale-violet-alpha-20p);
+  --color-fill-debug-subtlest: var(--color-scale-violet-alpha-10p);
+  --color-fill-control-surface-disabled: var(--color-scale-zinc-50);
+  --color-fill-brand-subtler: var(--color-scale-primary-alpha-30p);
+  --color-fill-rb: var(--color-scale-rainbow-normal);
+  --color-fill-rb-hovered: var(--color-scale-rainbow-strong);
+  --color-fill-rb-subtle: var(--color-scale-rainbow-alpha-50p);
+  --color-fill-rb-subtler: var(--color-scale-rainbow-alpha-30p);
+  --color-fill-rb-subtlest: var(--color-scale-rainbow-alpha-10p);
+  --color-fill-icon-program: var(--color-scale-icon-primary);
+  --color-fill-brand-subtlest: var(--color-scale-primary-alpha-10p);
+  --color-fill-navy: var(--color-scale-navy-normal);
+  --color-fill-navy-hovered: var(--color-scale-navy-strong);
+  --color-fill-navy-subtle: var(--color-scale-navy-alpha-50p);
+  --color-fill-navy-subtler: var(--color-scale-navy-alpha-20p);
+  --color-fill-navy-subtlest: var(--color-scale-navy-alpha-15p);
+  --color-bg-dim: var(--color-scale-zinc-950-alpha-50);
+  --color-bg-default: var(--color-scale-zinc-50);
+  --color-bg-overlay: var(--color-scale-zinc-100);
+  --color-bg-inverse: var(--color-scale-zinc-950);
+  --color-bg-raised: var(--color-scale-zinc-100);
+  --color-bg-card: var(--color-scale-base-white);
+  --color-bg-alt-1: var(--color-scale-zinc-200);
+  --color-bg-alt-2: var(--color-scale-zinc-300);
+  --color-bg-translucent: var(--color-scale-zinc-50-alpha-50);
+  --color-bg-overlay-high: var(--color-scale-zinc-200);
+  --color-bg-tooltip: var(--color-scale-zinc-600);
+}
+
+/* Typography Preset Utilities */
+@utility typo-title-01-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-01);
+  line-height: var(--leading-title-01);
+  letter-spacing: var(--tracking-title-01);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-title-01-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-01);
+  line-height: var(--leading-title-01);
+  letter-spacing: var(--tracking-title-01);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-title-01-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-01);
+  line-height: var(--leading-title-01);
+  letter-spacing: var(--tracking-title-01);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-title-01-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-01);
+  line-height: var(--leading-title-01);
+  letter-spacing: var(--tracking-title-01);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-title-01-bold {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-01);
+  line-height: var(--leading-title-01);
+  letter-spacing: var(--tracking-title-01);
+  font-weight: var(--font-weight-bold);
+}
+
+.typo-title-01-bold {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-01);
+  line-height: var(--leading-title-01);
+  letter-spacing: var(--tracking-title-01);
+  font-weight: var(--font-weight-bold);
+}
+
+@utility typo-title-02-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-02);
+  line-height: var(--leading-title-02);
+  letter-spacing: var(--tracking-title-02);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-title-02-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-02);
+  line-height: var(--leading-title-02);
+  letter-spacing: var(--tracking-title-02);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-title-02-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-02);
+  line-height: var(--leading-title-02);
+  letter-spacing: var(--tracking-title-02);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-title-02-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-02);
+  line-height: var(--leading-title-02);
+  letter-spacing: var(--tracking-title-02);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-title-02-bold {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-02);
+  line-height: var(--leading-title-02);
+  letter-spacing: var(--tracking-title-02);
+  font-weight: var(--font-weight-bold);
+}
+
+.typo-title-02-bold {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-02);
+  line-height: var(--leading-title-02);
+  letter-spacing: var(--tracking-title-02);
+  font-weight: var(--font-weight-bold);
+}
+
+@utility typo-title-03-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-03);
+  line-height: var(--leading-title-03);
+  letter-spacing: var(--tracking-title-03);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-title-03-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-03);
+  line-height: var(--leading-title-03);
+  letter-spacing: var(--tracking-title-03);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-title-03-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-03);
+  line-height: var(--leading-title-03);
+  letter-spacing: var(--tracking-title-03);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-title-03-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-03);
+  line-height: var(--leading-title-03);
+  letter-spacing: var(--tracking-title-03);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-title-03-bold {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-03);
+  line-height: var(--leading-title-03);
+  letter-spacing: var(--tracking-title-03);
+  font-weight: var(--font-weight-bold);
+}
+
+.typo-title-03-bold {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-03);
+  line-height: var(--leading-title-03);
+  letter-spacing: var(--tracking-title-03);
+  font-weight: var(--font-weight-bold);
+}
+
+@utility typo-title-04-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-04);
+  line-height: var(--leading-title-04);
+  letter-spacing: var(--tracking-title-04);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-title-04-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-04);
+  line-height: var(--leading-title-04);
+  letter-spacing: var(--tracking-title-04);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-title-04-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-04);
+  line-height: var(--leading-title-04);
+  letter-spacing: var(--tracking-title-04);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-title-04-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-04);
+  line-height: var(--leading-title-04);
+  letter-spacing: var(--tracking-title-04);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-title-04-bold {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-04);
+  line-height: var(--leading-title-04);
+  letter-spacing: var(--tracking-title-04);
+  font-weight: var(--font-weight-bold);
+}
+
+.typo-title-04-bold {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-04);
+  line-height: var(--leading-title-04);
+  letter-spacing: var(--tracking-title-04);
+  font-weight: var(--font-weight-bold);
+}
+
+@utility typo-title-05-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-05);
+  line-height: var(--leading-title-05);
+  letter-spacing: var(--tracking-title-05);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-title-05-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-05);
+  line-height: var(--leading-title-05);
+  letter-spacing: var(--tracking-title-05);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-title-05-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-05);
+  line-height: var(--leading-title-05);
+  letter-spacing: var(--tracking-title-05);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-title-05-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-05);
+  line-height: var(--leading-title-05);
+  letter-spacing: var(--tracking-title-05);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-title-05-bold {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-05);
+  line-height: var(--leading-title-05);
+  letter-spacing: var(--tracking-title-05);
+  font-weight: var(--font-weight-bold);
+}
+
+.typo-title-05-bold {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-05);
+  line-height: var(--leading-title-05);
+  letter-spacing: var(--tracking-title-05);
+  font-weight: var(--font-weight-bold);
+}
+
+@utility typo-title-06-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-06);
+  line-height: var(--leading-title-06);
+  letter-spacing: var(--tracking-title-06);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-title-06-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-06);
+  line-height: var(--leading-title-06);
+  letter-spacing: var(--tracking-title-06);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-title-06-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-06);
+  line-height: var(--leading-title-06);
+  letter-spacing: var(--tracking-title-06);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-title-06-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-06);
+  line-height: var(--leading-title-06);
+  letter-spacing: var(--tracking-title-06);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-title-06-bold {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-06);
+  line-height: var(--leading-title-06);
+  letter-spacing: var(--tracking-title-06);
+  font-weight: var(--font-weight-bold);
+}
+
+.typo-title-06-bold {
+  font-family: var(--font-sans);
+  font-size: var(--text-title-06);
+  line-height: var(--leading-title-06);
+  letter-spacing: var(--tracking-title-06);
+  font-weight: var(--font-weight-bold);
+}
+
+@utility typo-body-lg-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-lg);
+  line-height: var(--leading-body-lg);
+  letter-spacing: var(--tracking-body-lg);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-body-lg-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-lg);
+  line-height: var(--leading-body-lg);
+  letter-spacing: var(--tracking-body-lg);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-body-lg-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-lg);
+  line-height: var(--leading-body-lg);
+  letter-spacing: var(--tracking-body-lg);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-body-lg-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-lg);
+  line-height: var(--leading-body-lg);
+  letter-spacing: var(--tracking-body-lg);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-body-lg-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-lg);
+  line-height: var(--leading-body-lg);
+  letter-spacing: var(--tracking-body-lg);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-body-lg-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-lg);
+  line-height: var(--leading-body-lg);
+  letter-spacing: var(--tracking-body-lg);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-body-md-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-md);
+  line-height: var(--leading-body-md);
+  letter-spacing: var(--tracking-body-md);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-body-md-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-md);
+  line-height: var(--leading-body-md);
+  letter-spacing: var(--tracking-body-md);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-body-md-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-md);
+  line-height: var(--leading-body-md);
+  letter-spacing: var(--tracking-body-md);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-body-md-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-md);
+  line-height: var(--leading-body-md);
+  letter-spacing: var(--tracking-body-md);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-body-md-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-md);
+  line-height: var(--leading-body-md);
+  letter-spacing: var(--tracking-body-md);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-body-md-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-md);
+  line-height: var(--leading-body-md);
+  letter-spacing: var(--tracking-body-md);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-body-sm2-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-sm2);
+  line-height: var(--leading-body-sm2);
+  letter-spacing: var(--tracking-body-sm2);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-body-sm2-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-sm2);
+  line-height: var(--leading-body-sm2);
+  letter-spacing: var(--tracking-body-sm2);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-body-sm2-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-sm2);
+  line-height: var(--leading-body-sm2);
+  letter-spacing: var(--tracking-body-sm2);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-body-sm2-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-sm2);
+  line-height: var(--leading-body-sm2);
+  letter-spacing: var(--tracking-body-sm2);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-body-sm2-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-sm2);
+  line-height: var(--leading-body-sm2);
+  letter-spacing: var(--tracking-body-sm2);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-body-sm2-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-sm2);
+  line-height: var(--leading-body-sm2);
+  letter-spacing: var(--tracking-body-sm2);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-body-sm-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-sm);
+  line-height: var(--leading-body-sm);
+  letter-spacing: var(--tracking-body-sm);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-body-sm-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-sm);
+  line-height: var(--leading-body-sm);
+  letter-spacing: var(--tracking-body-sm);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-body-sm-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-sm);
+  line-height: var(--leading-body-sm);
+  letter-spacing: var(--tracking-body-sm);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-body-sm-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-sm);
+  line-height: var(--leading-body-sm);
+  letter-spacing: var(--tracking-body-sm);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-body-sm-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-sm);
+  line-height: var(--leading-body-sm);
+  letter-spacing: var(--tracking-body-sm);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-body-sm-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-sm);
+  line-height: var(--leading-body-sm);
+  letter-spacing: var(--tracking-body-sm);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-body-xs2-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-xs2);
+  line-height: var(--leading-body-xs2);
+  letter-spacing: var(--tracking-body-xs2);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-body-xs2-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-xs2);
+  line-height: var(--leading-body-xs2);
+  letter-spacing: var(--tracking-body-xs2);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-body-xs2-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-xs2);
+  line-height: var(--leading-body-xs2);
+  letter-spacing: var(--tracking-body-xs2);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-body-xs2-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-xs2);
+  line-height: var(--leading-body-xs2);
+  letter-spacing: var(--tracking-body-xs2);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-body-xs2-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-xs2);
+  line-height: var(--leading-body-xs2);
+  letter-spacing: var(--tracking-body-xs2);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-body-xs2-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-xs2);
+  line-height: var(--leading-body-xs2);
+  letter-spacing: var(--tracking-body-xs2);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-body-xs-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-xs);
+  line-height: var(--leading-body-xs);
+  letter-spacing: var(--tracking-body-xs);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-body-xs-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-xs);
+  line-height: var(--leading-body-xs);
+  letter-spacing: var(--tracking-body-xs);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-body-xs-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-xs);
+  line-height: var(--leading-body-xs);
+  letter-spacing: var(--tracking-body-xs);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-body-xs-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-xs);
+  line-height: var(--leading-body-xs);
+  letter-spacing: var(--tracking-body-xs);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-body-xs-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-xs);
+  line-height: var(--leading-body-xs);
+  letter-spacing: var(--tracking-body-xs);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-body-xs-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-xs);
+  line-height: var(--leading-body-xs);
+  letter-spacing: var(--tracking-body-xs);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-body-2xs-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-2xs);
+  line-height: var(--leading-body-2xs);
+  letter-spacing: var(--tracking-body-2xs);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-body-2xs-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-2xs);
+  line-height: var(--leading-body-2xs);
+  letter-spacing: var(--tracking-body-2xs);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-body-2xs-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-2xs);
+  line-height: var(--leading-body-2xs);
+  letter-spacing: var(--tracking-body-2xs);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-body-2xs-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-2xs);
+  line-height: var(--leading-body-2xs);
+  letter-spacing: var(--tracking-body-2xs);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-body-2xs-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-2xs);
+  line-height: var(--leading-body-2xs);
+  letter-spacing: var(--tracking-body-2xs);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-body-2xs-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-body-2xs);
+  line-height: var(--leading-body-2xs);
+  letter-spacing: var(--tracking-body-2xs);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-compact-lg-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-lg);
+  line-height: var(--leading-compact-lg);
+  letter-spacing: var(--tracking-compact-lg);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-compact-lg-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-lg);
+  line-height: var(--leading-compact-lg);
+  letter-spacing: var(--tracking-compact-lg);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-compact-lg-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-lg);
+  line-height: var(--leading-compact-lg);
+  letter-spacing: var(--tracking-compact-lg);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-compact-lg-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-lg);
+  line-height: var(--leading-compact-lg);
+  letter-spacing: var(--tracking-compact-lg);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-compact-lg-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-lg);
+  line-height: var(--leading-compact-lg);
+  letter-spacing: var(--tracking-compact-lg);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-compact-lg-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-lg);
+  line-height: var(--leading-compact-lg);
+  letter-spacing: var(--tracking-compact-lg);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-compact-md-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-md);
+  line-height: var(--leading-compact-md);
+  letter-spacing: var(--tracking-compact-md);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-compact-md-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-md);
+  line-height: var(--leading-compact-md);
+  letter-spacing: var(--tracking-compact-md);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-compact-md-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-md);
+  line-height: var(--leading-compact-md);
+  letter-spacing: var(--tracking-compact-md);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-compact-md-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-md);
+  line-height: var(--leading-compact-md);
+  letter-spacing: var(--tracking-compact-md);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-compact-md-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-md);
+  line-height: var(--leading-compact-md);
+  letter-spacing: var(--tracking-compact-md);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-compact-md-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-md);
+  line-height: var(--leading-compact-md);
+  letter-spacing: var(--tracking-compact-md);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-compact-sm2-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-sm2);
+  line-height: var(--leading-compact-sm2);
+  letter-spacing: var(--tracking-compact-sm2);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-compact-sm2-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-sm2);
+  line-height: var(--leading-compact-sm2);
+  letter-spacing: var(--tracking-compact-sm2);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-compact-sm2-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-sm2);
+  line-height: var(--leading-compact-sm2);
+  letter-spacing: var(--tracking-compact-sm2);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-compact-sm2-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-sm2);
+  line-height: var(--leading-compact-sm2);
+  letter-spacing: var(--tracking-compact-sm2);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-compact-sm2-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-sm2);
+  line-height: var(--leading-compact-sm2);
+  letter-spacing: var(--tracking-compact-sm2);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-compact-sm2-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-sm2);
+  line-height: var(--leading-compact-sm2);
+  letter-spacing: var(--tracking-compact-sm2);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-compact-sm-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-sm);
+  line-height: var(--leading-compact-sm);
+  letter-spacing: var(--tracking-compact-sm);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-compact-sm-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-sm);
+  line-height: var(--leading-compact-sm);
+  letter-spacing: var(--tracking-compact-sm);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-compact-sm-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-sm);
+  line-height: var(--leading-compact-sm);
+  letter-spacing: var(--tracking-compact-sm);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-compact-sm-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-sm);
+  line-height: var(--leading-compact-sm);
+  letter-spacing: var(--tracking-compact-sm);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-compact-sm-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-sm);
+  line-height: var(--leading-compact-sm);
+  letter-spacing: var(--tracking-compact-sm);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-compact-sm-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-sm);
+  line-height: var(--leading-compact-sm);
+  letter-spacing: var(--tracking-compact-sm);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-compact-xs2-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-xs2);
+  line-height: var(--leading-compact-xs2);
+  letter-spacing: var(--tracking-compact-xs2);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-compact-xs2-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-xs2);
+  line-height: var(--leading-compact-xs2);
+  letter-spacing: var(--tracking-compact-xs2);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-compact-xs2-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-xs2);
+  line-height: var(--leading-compact-xs2);
+  letter-spacing: var(--tracking-compact-xs2);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-compact-xs2-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-xs2);
+  line-height: var(--leading-compact-xs2);
+  letter-spacing: var(--tracking-compact-xs2);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-compact-xs2-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-xs2);
+  line-height: var(--leading-compact-xs2);
+  letter-spacing: var(--tracking-compact-xs2);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-compact-xs2-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-xs2);
+  line-height: var(--leading-compact-xs2);
+  letter-spacing: var(--tracking-compact-xs2);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-compact-xs-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-xs);
+  line-height: var(--leading-compact-xs);
+  letter-spacing: var(--tracking-compact-xs);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-compact-xs-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-xs);
+  line-height: var(--leading-compact-xs);
+  letter-spacing: var(--tracking-compact-xs);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-compact-xs-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-xs);
+  line-height: var(--leading-compact-xs);
+  letter-spacing: var(--tracking-compact-xs);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-compact-xs-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-xs);
+  line-height: var(--leading-compact-xs);
+  letter-spacing: var(--tracking-compact-xs);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-compact-xs-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-xs);
+  line-height: var(--leading-compact-xs);
+  letter-spacing: var(--tracking-compact-xs);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-compact-xs-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-xs);
+  line-height: var(--leading-compact-xs);
+  letter-spacing: var(--tracking-compact-xs);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-compact-2xs-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-2xs);
+  line-height: var(--leading-compact-2xs);
+  letter-spacing: var(--tracking-compact-2xs);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-compact-2xs-normal {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-2xs);
+  line-height: var(--leading-compact-2xs);
+  letter-spacing: var(--tracking-compact-2xs);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-compact-2xs-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-2xs);
+  line-height: var(--leading-compact-2xs);
+  letter-spacing: var(--tracking-compact-2xs);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-compact-2xs-medium {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-2xs);
+  line-height: var(--leading-compact-2xs);
+  letter-spacing: var(--tracking-compact-2xs);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-compact-2xs-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-2xs);
+  line-height: var(--leading-compact-2xs);
+  letter-spacing: var(--tracking-compact-2xs);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-compact-2xs-semibold {
+  font-family: var(--font-sans);
+  font-size: var(--text-compact-2xs);
+  line-height: var(--leading-compact-2xs);
+  letter-spacing: var(--tracking-compact-2xs);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-code-2xs-normal {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-2xs);
+  line-height: var(--leading-code-2xs);
+  letter-spacing: var(--tracking-code-2xs);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-code-2xs-normal {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-2xs);
+  line-height: var(--leading-code-2xs);
+  letter-spacing: var(--tracking-code-2xs);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-code-2xs-medium {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-2xs);
+  line-height: var(--leading-code-2xs);
+  letter-spacing: var(--tracking-code-2xs);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-code-2xs-medium {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-2xs);
+  line-height: var(--leading-code-2xs);
+  letter-spacing: var(--tracking-code-2xs);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-code-2xs-semibold {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-2xs);
+  line-height: var(--leading-code-2xs);
+  letter-spacing: var(--tracking-code-2xs);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-code-2xs-semibold {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-2xs);
+  line-height: var(--leading-code-2xs);
+  letter-spacing: var(--tracking-code-2xs);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-code-xs-normal {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-xs);
+  line-height: var(--leading-code-xs);
+  letter-spacing: var(--tracking-code-xs);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-code-xs-normal {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-xs);
+  line-height: var(--leading-code-xs);
+  letter-spacing: var(--tracking-code-xs);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-code-xs-medium {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-xs);
+  line-height: var(--leading-code-xs);
+  letter-spacing: var(--tracking-code-xs);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-code-xs-medium {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-xs);
+  line-height: var(--leading-code-xs);
+  letter-spacing: var(--tracking-code-xs);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-code-xs-semibold {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-xs);
+  line-height: var(--leading-code-xs);
+  letter-spacing: var(--tracking-code-xs);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-code-xs-semibold {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-xs);
+  line-height: var(--leading-code-xs);
+  letter-spacing: var(--tracking-code-xs);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-code-xs2-semibold {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-xs2);
+  line-height: var(--leading-code-xs2);
+  letter-spacing: var(--tracking-code-xs2);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-code-xs2-semibold {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-xs2);
+  line-height: var(--leading-code-xs2);
+  letter-spacing: var(--tracking-code-xs2);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-code-xs2-medium {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-xs2);
+  line-height: var(--leading-code-xs2);
+  letter-spacing: var(--tracking-code-xs2);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-code-xs2-medium {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-xs2);
+  line-height: var(--leading-code-xs2);
+  letter-spacing: var(--tracking-code-xs2);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-code-xs2-normal {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-xs2);
+  line-height: var(--leading-code-xs2);
+  letter-spacing: var(--tracking-code-xs2);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-code-xs2-normal {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-xs2);
+  line-height: var(--leading-code-xs2);
+  letter-spacing: var(--tracking-code-xs2);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-code-sm-semibold {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-sm);
+  line-height: var(--leading-code-sm);
+  letter-spacing: var(--tracking-code-sm);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-code-sm-semibold {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-sm);
+  line-height: var(--leading-code-sm);
+  letter-spacing: var(--tracking-code-sm);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-code-sm-medium {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-sm);
+  line-height: var(--leading-code-sm);
+  letter-spacing: var(--tracking-code-sm);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-code-sm-medium {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-sm);
+  line-height: var(--leading-code-sm);
+  letter-spacing: var(--tracking-code-sm);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-code-sm-normal {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-sm);
+  line-height: var(--leading-code-sm);
+  letter-spacing: var(--tracking-code-sm);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-code-sm-normal {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-sm);
+  line-height: var(--leading-code-sm);
+  letter-spacing: var(--tracking-code-sm);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-code-sm2-semibold {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-sm2);
+  line-height: var(--leading-code-sm2);
+  letter-spacing: var(--tracking-code-sm2);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-code-sm2-semibold {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-sm2);
+  line-height: var(--leading-code-sm2);
+  letter-spacing: var(--tracking-code-sm2);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-code-sm2-medium {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-sm2);
+  line-height: var(--leading-code-sm2);
+  letter-spacing: var(--tracking-code-sm2);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-code-sm2-medium {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-sm2);
+  line-height: var(--leading-code-sm2);
+  letter-spacing: var(--tracking-code-sm2);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-code-sm2-normal {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-sm2);
+  line-height: var(--leading-code-sm2);
+  letter-spacing: var(--tracking-code-sm2);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-code-sm2-normal {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-sm2);
+  line-height: var(--leading-code-sm2);
+  letter-spacing: var(--tracking-code-sm2);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-code-md-semibold {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-md);
+  line-height: var(--leading-code-md);
+  letter-spacing: var(--tracking-code-md);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-code-md-semibold {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-md);
+  line-height: var(--leading-code-md);
+  letter-spacing: var(--tracking-code-md);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-code-md-medium {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-md);
+  line-height: var(--leading-code-md);
+  letter-spacing: var(--tracking-code-md);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-code-md-medium {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-md);
+  line-height: var(--leading-code-md);
+  letter-spacing: var(--tracking-code-md);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-code-md-normal {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-md);
+  line-height: var(--leading-code-md);
+  letter-spacing: var(--tracking-code-md);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-code-md-normal {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-md);
+  line-height: var(--leading-code-md);
+  letter-spacing: var(--tracking-code-md);
+  font-weight: var(--font-weight-normal);
+}
+
+@utility typo-code-lg-semibold {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-lg);
+  line-height: var(--leading-code-lg);
+  letter-spacing: var(--tracking-code-lg);
+  font-weight: var(--font-weight-semibold);
+}
+
+.typo-code-lg-semibold {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-lg);
+  line-height: var(--leading-code-lg);
+  letter-spacing: var(--tracking-code-lg);
+  font-weight: var(--font-weight-semibold);
+}
+
+@utility typo-code-lg-medium {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-lg);
+  line-height: var(--leading-code-lg);
+  letter-spacing: var(--tracking-code-lg);
+  font-weight: var(--font-weight-medium);
+}
+
+.typo-code-lg-medium {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-lg);
+  line-height: var(--leading-code-lg);
+  letter-spacing: var(--tracking-code-lg);
+  font-weight: var(--font-weight-medium);
+}
+
+@utility typo-code-lg-normal {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-lg);
+  line-height: var(--leading-code-lg);
+  letter-spacing: var(--tracking-code-lg);
+  font-weight: var(--font-weight-normal);
+}
+
+.typo-code-lg-normal {
+  font-family: var(--font-superellipse);
+  font-size: var(--text-code-lg);
+  line-height: var(--leading-code-lg);
+  letter-spacing: var(--tracking-code-lg);
+  font-weight: var(--font-weight-normal);
+}
+
+/* Semantic Opacity Override Utilities */
+@layer utilities {
+  .text-fg-default {
+    color: var(--color-fg-default);
+  }
+  [class^="text-fg-default/"],
+  [class*=" text-fg-default/"] {
+    color: var(--color-fg-default) !important;
+  }
+  .text-fg-text-default {
+    color: var(--color-fg-default);
+  }
+  [class^="text-fg-text-default/"],
+  [class*=" text-fg-text-default/"] {
+    color: var(--color-fg-default) !important;
+  }
+  .text-fg-fg-default {
+    color: var(--color-fg-default);
+  }
+  [class^="text-fg-fg-default/"],
+  [class*=" text-fg-fg-default/"] {
+    color: var(--color-fg-default) !important;
+  }
+  .text-fg-danger-subtle {
+    color: var(--color-fg-danger-subtle);
+  }
+  [class^="text-fg-danger-subtle/"],
+  [class*=" text-fg-danger-subtle/"] {
+    color: var(--color-fg-danger-subtle) !important;
+  }
+  .text-fg-text-danger-subtle {
+    color: var(--color-fg-danger-subtle);
+  }
+  [class^="text-fg-text-danger-subtle/"],
+  [class*=" text-fg-text-danger-subtle/"] {
+    color: var(--color-fg-danger-subtle) !important;
+  }
+  .text-fg-fg-danger-subtle {
+    color: var(--color-fg-danger-subtle);
+  }
+  [class^="text-fg-fg-danger-subtle/"],
+  [class*=" text-fg-fg-danger-subtle/"] {
+    color: var(--color-fg-danger-subtle) !important;
+  }
+  .text-fg-danger {
+    color: var(--color-fg-danger);
+  }
+  [class^="text-fg-danger/"],
+  [class*=" text-fg-danger/"] {
+    color: var(--color-fg-danger) !important;
+  }
+  .text-fg-text-danger {
+    color: var(--color-fg-danger);
+  }
+  [class^="text-fg-text-danger/"],
+  [class*=" text-fg-text-danger/"] {
+    color: var(--color-fg-danger) !important;
+  }
+  .text-fg-fg-danger {
+    color: var(--color-fg-danger);
+  }
+  [class^="text-fg-fg-danger/"],
+  [class*=" text-fg-fg-danger/"] {
+    color: var(--color-fg-danger) !important;
+  }
+  .text-fg-warning-subtle {
+    color: var(--color-fg-warning-subtle);
+  }
+  [class^="text-fg-warning-subtle/"],
+  [class*=" text-fg-warning-subtle/"] {
+    color: var(--color-fg-warning-subtle) !important;
+  }
+  .text-fg-text-warning-subtle {
+    color: var(--color-fg-warning-subtle);
+  }
+  [class^="text-fg-text-warning-subtle/"],
+  [class*=" text-fg-text-warning-subtle/"] {
+    color: var(--color-fg-warning-subtle) !important;
+  }
+  .text-fg-fg-warning-subtle {
+    color: var(--color-fg-warning-subtle);
+  }
+  [class^="text-fg-fg-warning-subtle/"],
+  [class*=" text-fg-fg-warning-subtle/"] {
+    color: var(--color-fg-warning-subtle) !important;
+  }
+  .text-fg-warning {
+    color: var(--color-fg-warning);
+  }
+  [class^="text-fg-warning/"],
+  [class*=" text-fg-warning/"] {
+    color: var(--color-fg-warning) !important;
+  }
+  .text-fg-text-warning {
+    color: var(--color-fg-warning);
+  }
+  [class^="text-fg-text-warning/"],
+  [class*=" text-fg-text-warning/"] {
+    color: var(--color-fg-warning) !important;
+  }
+  .text-fg-fg-warning {
+    color: var(--color-fg-warning);
+  }
+  [class^="text-fg-fg-warning/"],
+  [class*=" text-fg-fg-warning/"] {
+    color: var(--color-fg-warning) !important;
+  }
+  .text-fg-success-subtle {
+    color: var(--color-fg-success-subtle);
+  }
+  [class^="text-fg-success-subtle/"],
+  [class*=" text-fg-success-subtle/"] {
+    color: var(--color-fg-success-subtle) !important;
+  }
+  .text-fg-text-success-subtle {
+    color: var(--color-fg-success-subtle);
+  }
+  [class^="text-fg-text-success-subtle/"],
+  [class*=" text-fg-text-success-subtle/"] {
+    color: var(--color-fg-success-subtle) !important;
+  }
+  .text-fg-fg-success-subtle {
+    color: var(--color-fg-success-subtle);
+  }
+  [class^="text-fg-fg-success-subtle/"],
+  [class*=" text-fg-fg-success-subtle/"] {
+    color: var(--color-fg-success-subtle) !important;
+  }
+  .text-fg-success {
+    color: var(--color-fg-success);
+  }
+  [class^="text-fg-success/"],
+  [class*=" text-fg-success/"] {
+    color: var(--color-fg-success) !important;
+  }
+  .text-fg-text-success {
+    color: var(--color-fg-success);
+  }
+  [class^="text-fg-text-success/"],
+  [class*=" text-fg-text-success/"] {
+    color: var(--color-fg-success) !important;
+  }
+  .text-fg-fg-success {
+    color: var(--color-fg-success);
+  }
+  [class^="text-fg-fg-success/"],
+  [class*=" text-fg-fg-success/"] {
+    color: var(--color-fg-success) !important;
+  }
+  .text-fg-information-subtle {
+    color: var(--color-fg-information-subtle);
+  }
+  [class^="text-fg-information-subtle/"],
+  [class*=" text-fg-information-subtle/"] {
+    color: var(--color-fg-information-subtle) !important;
+  }
+  .text-fg-text-information-subtle {
+    color: var(--color-fg-information-subtle);
+  }
+  [class^="text-fg-text-information-subtle/"],
+  [class*=" text-fg-text-information-subtle/"] {
+    color: var(--color-fg-information-subtle) !important;
+  }
+  .text-fg-fg-information-subtle {
+    color: var(--color-fg-information-subtle);
+  }
+  [class^="text-fg-fg-information-subtle/"],
+  [class*=" text-fg-fg-information-subtle/"] {
+    color: var(--color-fg-information-subtle) !important;
+  }
+  .text-fg-information {
+    color: var(--color-fg-information);
+  }
+  [class^="text-fg-information/"],
+  [class*=" text-fg-information/"] {
+    color: var(--color-fg-information) !important;
+  }
+  .text-fg-text-information {
+    color: var(--color-fg-information);
+  }
+  [class^="text-fg-text-information/"],
+  [class*=" text-fg-text-information/"] {
+    color: var(--color-fg-information) !important;
+  }
+  .text-fg-fg-information {
+    color: var(--color-fg-information);
+  }
+  [class^="text-fg-fg-information/"],
+  [class*=" text-fg-fg-information/"] {
+    color: var(--color-fg-information) !important;
+  }
+  .text-fg-disabled {
+    color: var(--color-fg-disabled);
+  }
+  [class^="text-fg-disabled/"],
+  [class*=" text-fg-disabled/"] {
+    color: var(--color-fg-disabled) !important;
+  }
+  .text-fg-text-disabled {
+    color: var(--color-fg-disabled);
+  }
+  [class^="text-fg-text-disabled/"],
+  [class*=" text-fg-text-disabled/"] {
+    color: var(--color-fg-disabled) !important;
+  }
+  .text-fg-fg-disabled {
+    color: var(--color-fg-disabled);
+  }
+  [class^="text-fg-fg-disabled/"],
+  [class*=" text-fg-fg-disabled/"] {
+    color: var(--color-fg-disabled) !important;
+  }
+  .text-fg-inverse {
+    color: var(--color-fg-inverse);
+  }
+  [class^="text-fg-inverse/"],
+  [class*=" text-fg-inverse/"] {
+    color: var(--color-fg-inverse) !important;
+  }
+  .text-fg-text-inverse {
+    color: var(--color-fg-inverse);
+  }
+  [class^="text-fg-text-inverse/"],
+  [class*=" text-fg-text-inverse/"] {
+    color: var(--color-fg-inverse) !important;
+  }
+  .text-fg-fg-inverse {
+    color: var(--color-fg-inverse);
+  }
+  [class^="text-fg-fg-inverse/"],
+  [class*=" text-fg-fg-inverse/"] {
+    color: var(--color-fg-inverse) !important;
+  }
+  .text-fg-subtlest {
+    color: var(--color-fg-subtlest);
+  }
+  [class^="text-fg-subtlest/"],
+  [class*=" text-fg-subtlest/"] {
+    color: var(--color-fg-subtlest) !important;
+  }
+  .text-fg-text-subtlest {
+    color: var(--color-fg-subtlest);
+  }
+  [class^="text-fg-text-subtlest/"],
+  [class*=" text-fg-text-subtlest/"] {
+    color: var(--color-fg-subtlest) !important;
+  }
+  .text-fg-fg-subtlest {
+    color: var(--color-fg-subtlest);
+  }
+  [class^="text-fg-fg-subtlest/"],
+  [class*=" text-fg-fg-subtlest/"] {
+    color: var(--color-fg-subtlest) !important;
+  }
+  .text-fg-subtle {
+    color: var(--color-fg-subtle);
+  }
+  [class^="text-fg-subtle/"],
+  [class*=" text-fg-subtle/"] {
+    color: var(--color-fg-subtle) !important;
+  }
+  .text-fg-text-subtle {
+    color: var(--color-fg-subtle);
+  }
+  [class^="text-fg-text-subtle/"],
+  [class*=" text-fg-text-subtle/"] {
+    color: var(--color-fg-subtle) !important;
+  }
+  .text-fg-fg-subtle {
+    color: var(--color-fg-subtle);
+  }
+  [class^="text-fg-fg-subtle/"],
+  [class*=" text-fg-fg-subtle/"] {
+    color: var(--color-fg-subtle) !important;
+  }
+  .text-fg-subtler {
+    color: var(--color-fg-subtler);
+  }
+  [class^="text-fg-subtler/"],
+  [class*=" text-fg-subtler/"] {
+    color: var(--color-fg-subtler) !important;
+  }
+  .text-fg-text-subtler {
+    color: var(--color-fg-subtler);
+  }
+  [class^="text-fg-text-subtler/"],
+  [class*=" text-fg-text-subtler/"] {
+    color: var(--color-fg-subtler) !important;
+  }
+  .text-fg-fg-subtler {
+    color: var(--color-fg-subtler);
+  }
+  [class^="text-fg-fg-subtler/"],
+  [class*=" text-fg-fg-subtler/"] {
+    color: var(--color-fg-subtler) !important;
+  }
+  .text-fg-inverse-disabled {
+    color: var(--color-fg-inverse-disabled);
+  }
+  [class^="text-fg-inverse-disabled/"],
+  [class*=" text-fg-inverse-disabled/"] {
+    color: var(--color-fg-inverse-disabled) !important;
+  }
+  .text-fg-text-inverse-disabled {
+    color: var(--color-fg-inverse-disabled);
+  }
+  [class^="text-fg-text-inverse-disabled/"],
+  [class*=" text-fg-text-inverse-disabled/"] {
+    color: var(--color-fg-inverse-disabled) !important;
+  }
+  .text-fg-fg-inverse-disabled {
+    color: var(--color-fg-inverse-disabled);
+  }
+  [class^="text-fg-fg-inverse-disabled/"],
+  [class*=" text-fg-fg-inverse-disabled/"] {
+    color: var(--color-fg-inverse-disabled) !important;
+  }
+  .text-fg-brand {
+    color: var(--color-fg-brand);
+  }
+  [class^="text-fg-brand/"],
+  [class*=" text-fg-brand/"] {
+    color: var(--color-fg-brand) !important;
+  }
+  .text-fg-text-brand {
+    color: var(--color-fg-brand);
+  }
+  [class^="text-fg-text-brand/"],
+  [class*=" text-fg-text-brand/"] {
+    color: var(--color-fg-brand) !important;
+  }
+  .text-fg-fg-brand {
+    color: var(--color-fg-brand);
+  }
+  [class^="text-fg-fg-brand/"],
+  [class*=" text-fg-fg-brand/"] {
+    color: var(--color-fg-brand) !important;
+  }
+  .text-fg-brand-subtle {
+    color: var(--color-fg-brand-subtle);
+  }
+  [class^="text-fg-brand-subtle/"],
+  [class*=" text-fg-brand-subtle/"] {
+    color: var(--color-fg-brand-subtle) !important;
+  }
+  .text-fg-text-brand-subtle {
+    color: var(--color-fg-brand-subtle);
+  }
+  [class^="text-fg-text-brand-subtle/"],
+  [class*=" text-fg-text-brand-subtle/"] {
+    color: var(--color-fg-brand-subtle) !important;
+  }
+  .text-fg-fg-brand-subtle {
+    color: var(--color-fg-brand-subtle);
+  }
+  [class^="text-fg-fg-brand-subtle/"],
+  [class*=" text-fg-fg-brand-subtle/"] {
+    color: var(--color-fg-brand-subtle) !important;
+  }
+  .text-fg-default-hovered {
+    color: var(--color-fg-default-hovered);
+  }
+  [class^="text-fg-default-hovered/"],
+  [class*=" text-fg-default-hovered/"] {
+    color: var(--color-fg-default-hovered) !important;
+  }
+  .text-fg-text-default-hovered {
+    color: var(--color-fg-default-hovered);
+  }
+  [class^="text-fg-text-default-hovered/"],
+  [class*=" text-fg-text-default-hovered/"] {
+    color: var(--color-fg-default-hovered) !important;
+  }
+  .text-fg-fg-default-hovered {
+    color: var(--color-fg-default-hovered);
+  }
+  [class^="text-fg-fg-default-hovered/"],
+  [class*=" text-fg-fg-default-hovered/"] {
+    color: var(--color-fg-default-hovered) !important;
+  }
+  .text-fg-brand-hovered {
+    color: var(--color-fg-brand-hovered);
+  }
+  [class^="text-fg-brand-hovered/"],
+  [class*=" text-fg-brand-hovered/"] {
+    color: var(--color-fg-brand-hovered) !important;
+  }
+  .text-fg-text-brand-hovered {
+    color: var(--color-fg-brand-hovered);
+  }
+  [class^="text-fg-text-brand-hovered/"],
+  [class*=" text-fg-text-brand-hovered/"] {
+    color: var(--color-fg-brand-hovered) !important;
+  }
+  .text-fg-fg-brand-hovered {
+    color: var(--color-fg-brand-hovered);
+  }
+  [class^="text-fg-fg-brand-hovered/"],
+  [class*=" text-fg-fg-brand-hovered/"] {
+    color: var(--color-fg-brand-hovered) !important;
+  }
+  .text-fg-caution {
+    color: var(--color-fg-caution);
+  }
+  [class^="text-fg-caution/"],
+  [class*=" text-fg-caution/"] {
+    color: var(--color-fg-caution) !important;
+  }
+  .text-fg-text-caution {
+    color: var(--color-fg-caution);
+  }
+  [class^="text-fg-text-caution/"],
+  [class*=" text-fg-text-caution/"] {
+    color: var(--color-fg-caution) !important;
+  }
+  .text-fg-fg-caution {
+    color: var(--color-fg-caution);
+  }
+  [class^="text-fg-fg-caution/"],
+  [class*=" text-fg-fg-caution/"] {
+    color: var(--color-fg-caution) !important;
+  }
+  .text-fg-caution-subtle {
+    color: var(--color-fg-caution-subtle);
+  }
+  [class^="text-fg-caution-subtle/"],
+  [class*=" text-fg-caution-subtle/"] {
+    color: var(--color-fg-caution-subtle) !important;
+  }
+  .text-fg-text-caution-subtle {
+    color: var(--color-fg-caution-subtle);
+  }
+  [class^="text-fg-text-caution-subtle/"],
+  [class*=" text-fg-text-caution-subtle/"] {
+    color: var(--color-fg-caution-subtle) !important;
+  }
+  .text-fg-fg-caution-subtle {
+    color: var(--color-fg-caution-subtle);
+  }
+  [class^="text-fg-fg-caution-subtle/"],
+  [class*=" text-fg-fg-caution-subtle/"] {
+    color: var(--color-fg-caution-subtle) !important;
+  }
+  .text-fg-static-white {
+    color: var(--color-fg-static-white);
+  }
+  [class^="text-fg-static-white/"],
+  [class*=" text-fg-static-white/"] {
+    color: var(--color-fg-static-white) !important;
+  }
+  .text-fg-text-static-white {
+    color: var(--color-fg-static-white);
+  }
+  [class^="text-fg-text-static-white/"],
+  [class*=" text-fg-text-static-white/"] {
+    color: var(--color-fg-static-white) !important;
+  }
+  .text-fg-fg-static-white {
+    color: var(--color-fg-static-white);
+  }
+  [class^="text-fg-fg-static-white/"],
+  [class*=" text-fg-fg-static-white/"] {
+    color: var(--color-fg-static-white) !important;
+  }
+  .text-fg-static-white-subtle {
+    color: var(--color-fg-static-white-subtle);
+  }
+  [class^="text-fg-static-white-subtle/"],
+  [class*=" text-fg-static-white-subtle/"] {
+    color: var(--color-fg-static-white-subtle) !important;
+  }
+  .text-fg-text-static-white-subtle {
+    color: var(--color-fg-static-white-subtle);
+  }
+  [class^="text-fg-text-static-white-subtle/"],
+  [class*=" text-fg-text-static-white-subtle/"] {
+    color: var(--color-fg-static-white-subtle) !important;
+  }
+  .text-fg-fg-static-white-subtle {
+    color: var(--color-fg-static-white-subtle);
+  }
+  [class^="text-fg-fg-static-white-subtle/"],
+  [class*=" text-fg-fg-static-white-subtle/"] {
+    color: var(--color-fg-static-white-subtle) !important;
+  }
+  .text-fg-debug {
+    color: var(--color-fg-debug);
+  }
+  [class^="text-fg-debug/"],
+  [class*=" text-fg-debug/"] {
+    color: var(--color-fg-debug) !important;
+  }
+  .text-fg-text-debug {
+    color: var(--color-fg-debug);
+  }
+  [class^="text-fg-text-debug/"],
+  [class*=" text-fg-text-debug/"] {
+    color: var(--color-fg-debug) !important;
+  }
+  .text-fg-fg-debug {
+    color: var(--color-fg-debug);
+  }
+  [class^="text-fg-fg-debug/"],
+  [class*=" text-fg-fg-debug/"] {
+    color: var(--color-fg-debug) !important;
+  }
+  .text-fg-debug-subtle {
+    color: var(--color-fg-debug-subtle);
+  }
+  [class^="text-fg-debug-subtle/"],
+  [class*=" text-fg-debug-subtle/"] {
+    color: var(--color-fg-debug-subtle) !important;
+  }
+  .text-fg-text-debug-subtle {
+    color: var(--color-fg-debug-subtle);
+  }
+  [class^="text-fg-text-debug-subtle/"],
+  [class*=" text-fg-text-debug-subtle/"] {
+    color: var(--color-fg-debug-subtle) !important;
+  }
+  .text-fg-fg-debug-subtle {
+    color: var(--color-fg-debug-subtle);
+  }
+  [class^="text-fg-fg-debug-subtle/"],
+  [class*=" text-fg-fg-debug-subtle/"] {
+    color: var(--color-fg-debug-subtle) !important;
+  }
+  .text-fg-rb {
+    color: var(--color-fg-rb);
+  }
+  [class^="text-fg-rb/"],
+  [class*=" text-fg-rb/"] {
+    color: var(--color-fg-rb) !important;
+  }
+  .text-fg-text-rb {
+    color: var(--color-fg-rb);
+  }
+  [class^="text-fg-text-rb/"],
+  [class*=" text-fg-text-rb/"] {
+    color: var(--color-fg-rb) !important;
+  }
+  .text-fg-fg-rb {
+    color: var(--color-fg-rb);
+  }
+  [class^="text-fg-fg-rb/"],
+  [class*=" text-fg-fg-rb/"] {
+    color: var(--color-fg-rb) !important;
+  }
+  .text-fg-rb-subtle {
+    color: var(--color-fg-rb-subtle);
+  }
+  [class^="text-fg-rb-subtle/"],
+  [class*=" text-fg-rb-subtle/"] {
+    color: var(--color-fg-rb-subtle) !important;
+  }
+  .text-fg-text-rb-subtle {
+    color: var(--color-fg-rb-subtle);
+  }
+  [class^="text-fg-text-rb-subtle/"],
+  [class*=" text-fg-text-rb-subtle/"] {
+    color: var(--color-fg-rb-subtle) !important;
+  }
+  .text-fg-fg-rb-subtle {
+    color: var(--color-fg-rb-subtle);
+  }
+  [class^="text-fg-fg-rb-subtle/"],
+  [class*=" text-fg-fg-rb-subtle/"] {
+    color: var(--color-fg-rb-subtle) !important;
+  }
+  .text-fg-navy {
+    color: var(--color-fg-navy);
+  }
+  [class^="text-fg-navy/"],
+  [class*=" text-fg-navy/"] {
+    color: var(--color-fg-navy) !important;
+  }
+  .text-fg-text-navy {
+    color: var(--color-fg-navy);
+  }
+  [class^="text-fg-text-navy/"],
+  [class*=" text-fg-text-navy/"] {
+    color: var(--color-fg-navy) !important;
+  }
+  .text-fg-fg-navy {
+    color: var(--color-fg-navy);
+  }
+  [class^="text-fg-fg-navy/"],
+  [class*=" text-fg-fg-navy/"] {
+    color: var(--color-fg-navy) !important;
+  }
+  .text-fg-navy-subtle {
+    color: var(--color-fg-navy-subtle);
+  }
+  [class^="text-fg-navy-subtle/"],
+  [class*=" text-fg-navy-subtle/"] {
+    color: var(--color-fg-navy-subtle) !important;
+  }
+  .text-fg-text-navy-subtle {
+    color: var(--color-fg-navy-subtle);
+  }
+  [class^="text-fg-text-navy-subtle/"],
+  [class*=" text-fg-text-navy-subtle/"] {
+    color: var(--color-fg-navy-subtle) !important;
+  }
+  .text-fg-fg-navy-subtle {
+    color: var(--color-fg-navy-subtle);
+  }
+  [class^="text-fg-fg-navy-subtle/"],
+  [class*=" text-fg-fg-navy-subtle/"] {
+    color: var(--color-fg-navy-subtle) !important;
+  }
+  .text-fg-navy-hovered {
+    color: var(--color-fg-navy-hovered);
+  }
+  [class^="text-fg-navy-hovered/"],
+  [class*=" text-fg-navy-hovered/"] {
+    color: var(--color-fg-navy-hovered) !important;
+  }
+  .text-fg-text-navy-hovered {
+    color: var(--color-fg-navy-hovered);
+  }
+  [class^="text-fg-text-navy-hovered/"],
+  [class*=" text-fg-text-navy-hovered/"] {
+    color: var(--color-fg-navy-hovered) !important;
+  }
+  .text-fg-fg-navy-hovered {
+    color: var(--color-fg-navy-hovered);
+  }
+  [class^="text-fg-fg-navy-hovered/"],
+  [class*=" text-fg-fg-navy-hovered/"] {
+    color: var(--color-fg-navy-hovered) !important;
+  }
+  .text-default {
+    color: var(--color-fg-default);
+  }
+  [class^="text-default/"],
+  [class*=" text-default/"] {
+    color: var(--color-fg-default) !important;
+  }
+  .text-text-default {
+    color: var(--color-fg-default);
+  }
+  [class^="text-text-default/"],
+  [class*=" text-text-default/"] {
+    color: var(--color-fg-default) !important;
+  }
+  .text-danger-subtle {
+    color: var(--color-fg-danger-subtle);
+  }
+  [class^="text-danger-subtle/"],
+  [class*=" text-danger-subtle/"] {
+    color: var(--color-fg-danger-subtle) !important;
+  }
+  .text-text-danger-subtle {
+    color: var(--color-fg-danger-subtle);
+  }
+  [class^="text-text-danger-subtle/"],
+  [class*=" text-text-danger-subtle/"] {
+    color: var(--color-fg-danger-subtle) !important;
+  }
+  .text-danger {
+    color: var(--color-fg-danger);
+  }
+  [class^="text-danger/"],
+  [class*=" text-danger/"] {
+    color: var(--color-fg-danger) !important;
+  }
+  .text-text-danger {
+    color: var(--color-fg-danger);
+  }
+  [class^="text-text-danger/"],
+  [class*=" text-text-danger/"] {
+    color: var(--color-fg-danger) !important;
+  }
+  .text-warning-subtle {
+    color: var(--color-fg-warning-subtle);
+  }
+  [class^="text-warning-subtle/"],
+  [class*=" text-warning-subtle/"] {
+    color: var(--color-fg-warning-subtle) !important;
+  }
+  .text-text-warning-subtle {
+    color: var(--color-fg-warning-subtle);
+  }
+  [class^="text-text-warning-subtle/"],
+  [class*=" text-text-warning-subtle/"] {
+    color: var(--color-fg-warning-subtle) !important;
+  }
+  .text-warning {
+    color: var(--color-fg-warning);
+  }
+  [class^="text-warning/"],
+  [class*=" text-warning/"] {
+    color: var(--color-fg-warning) !important;
+  }
+  .text-text-warning {
+    color: var(--color-fg-warning);
+  }
+  [class^="text-text-warning/"],
+  [class*=" text-text-warning/"] {
+    color: var(--color-fg-warning) !important;
+  }
+  .text-success-subtle {
+    color: var(--color-fg-success-subtle);
+  }
+  [class^="text-success-subtle/"],
+  [class*=" text-success-subtle/"] {
+    color: var(--color-fg-success-subtle) !important;
+  }
+  .text-text-success-subtle {
+    color: var(--color-fg-success-subtle);
+  }
+  [class^="text-text-success-subtle/"],
+  [class*=" text-text-success-subtle/"] {
+    color: var(--color-fg-success-subtle) !important;
+  }
+  .text-success {
+    color: var(--color-fg-success);
+  }
+  [class^="text-success/"],
+  [class*=" text-success/"] {
+    color: var(--color-fg-success) !important;
+  }
+  .text-text-success {
+    color: var(--color-fg-success);
+  }
+  [class^="text-text-success/"],
+  [class*=" text-text-success/"] {
+    color: var(--color-fg-success) !important;
+  }
+  .text-information-subtle {
+    color: var(--color-fg-information-subtle);
+  }
+  [class^="text-information-subtle/"],
+  [class*=" text-information-subtle/"] {
+    color: var(--color-fg-information-subtle) !important;
+  }
+  .text-text-information-subtle {
+    color: var(--color-fg-information-subtle);
+  }
+  [class^="text-text-information-subtle/"],
+  [class*=" text-text-information-subtle/"] {
+    color: var(--color-fg-information-subtle) !important;
+  }
+  .text-information {
+    color: var(--color-fg-information);
+  }
+  [class^="text-information/"],
+  [class*=" text-information/"] {
+    color: var(--color-fg-information) !important;
+  }
+  .text-text-information {
+    color: var(--color-fg-information);
+  }
+  [class^="text-text-information/"],
+  [class*=" text-text-information/"] {
+    color: var(--color-fg-information) !important;
+  }
+  .text-disabled {
+    color: var(--color-fg-disabled);
+  }
+  [class^="text-disabled/"],
+  [class*=" text-disabled/"] {
+    color: var(--color-fg-disabled) !important;
+  }
+  .text-text-disabled {
+    color: var(--color-fg-disabled);
+  }
+  [class^="text-text-disabled/"],
+  [class*=" text-text-disabled/"] {
+    color: var(--color-fg-disabled) !important;
+  }
+  .text-inverse {
+    color: var(--color-fg-inverse);
+  }
+  [class^="text-inverse/"],
+  [class*=" text-inverse/"] {
+    color: var(--color-fg-inverse) !important;
+  }
+  .text-text-inverse {
+    color: var(--color-fg-inverse);
+  }
+  [class^="text-text-inverse/"],
+  [class*=" text-text-inverse/"] {
+    color: var(--color-fg-inverse) !important;
+  }
+  .text-subtlest {
+    color: var(--color-fg-subtlest);
+  }
+  [class^="text-subtlest/"],
+  [class*=" text-subtlest/"] {
+    color: var(--color-fg-subtlest) !important;
+  }
+  .text-text-subtlest {
+    color: var(--color-fg-subtlest);
+  }
+  [class^="text-text-subtlest/"],
+  [class*=" text-text-subtlest/"] {
+    color: var(--color-fg-subtlest) !important;
+  }
+  .text-subtle {
+    color: var(--color-fg-subtle);
+  }
+  [class^="text-subtle/"],
+  [class*=" text-subtle/"] {
+    color: var(--color-fg-subtle) !important;
+  }
+  .text-text-subtle {
+    color: var(--color-fg-subtle);
+  }
+  [class^="text-text-subtle/"],
+  [class*=" text-text-subtle/"] {
+    color: var(--color-fg-subtle) !important;
+  }
+  .text-subtler {
+    color: var(--color-fg-subtler);
+  }
+  [class^="text-subtler/"],
+  [class*=" text-subtler/"] {
+    color: var(--color-fg-subtler) !important;
+  }
+  .text-text-subtler {
+    color: var(--color-fg-subtler);
+  }
+  [class^="text-text-subtler/"],
+  [class*=" text-text-subtler/"] {
+    color: var(--color-fg-subtler) !important;
+  }
+  .text-inverse-disabled {
+    color: var(--color-fg-inverse-disabled);
+  }
+  [class^="text-inverse-disabled/"],
+  [class*=" text-inverse-disabled/"] {
+    color: var(--color-fg-inverse-disabled) !important;
+  }
+  .text-text-inverse-disabled {
+    color: var(--color-fg-inverse-disabled);
+  }
+  [class^="text-text-inverse-disabled/"],
+  [class*=" text-text-inverse-disabled/"] {
+    color: var(--color-fg-inverse-disabled) !important;
+  }
+  .text-brand {
+    color: var(--color-fg-brand);
+  }
+  [class^="text-brand/"],
+  [class*=" text-brand/"] {
+    color: var(--color-fg-brand) !important;
+  }
+  .text-text-brand {
+    color: var(--color-fg-brand);
+  }
+  [class^="text-text-brand/"],
+  [class*=" text-text-brand/"] {
+    color: var(--color-fg-brand) !important;
+  }
+  .text-brand-subtle {
+    color: var(--color-fg-brand-subtle);
+  }
+  [class^="text-brand-subtle/"],
+  [class*=" text-brand-subtle/"] {
+    color: var(--color-fg-brand-subtle) !important;
+  }
+  .text-text-brand-subtle {
+    color: var(--color-fg-brand-subtle);
+  }
+  [class^="text-text-brand-subtle/"],
+  [class*=" text-text-brand-subtle/"] {
+    color: var(--color-fg-brand-subtle) !important;
+  }
+  .text-default-hovered {
+    color: var(--color-fg-default-hovered);
+  }
+  [class^="text-default-hovered/"],
+  [class*=" text-default-hovered/"] {
+    color: var(--color-fg-default-hovered) !important;
+  }
+  .text-text-default-hovered {
+    color: var(--color-fg-default-hovered);
+  }
+  [class^="text-text-default-hovered/"],
+  [class*=" text-text-default-hovered/"] {
+    color: var(--color-fg-default-hovered) !important;
+  }
+  .text-brand-hovered {
+    color: var(--color-fg-brand-hovered);
+  }
+  [class^="text-brand-hovered/"],
+  [class*=" text-brand-hovered/"] {
+    color: var(--color-fg-brand-hovered) !important;
+  }
+  .text-text-brand-hovered {
+    color: var(--color-fg-brand-hovered);
+  }
+  [class^="text-text-brand-hovered/"],
+  [class*=" text-text-brand-hovered/"] {
+    color: var(--color-fg-brand-hovered) !important;
+  }
+  .text-caution {
+    color: var(--color-fg-caution);
+  }
+  [class^="text-caution/"],
+  [class*=" text-caution/"] {
+    color: var(--color-fg-caution) !important;
+  }
+  .text-text-caution {
+    color: var(--color-fg-caution);
+  }
+  [class^="text-text-caution/"],
+  [class*=" text-text-caution/"] {
+    color: var(--color-fg-caution) !important;
+  }
+  .text-caution-subtle {
+    color: var(--color-fg-caution-subtle);
+  }
+  [class^="text-caution-subtle/"],
+  [class*=" text-caution-subtle/"] {
+    color: var(--color-fg-caution-subtle) !important;
+  }
+  .text-text-caution-subtle {
+    color: var(--color-fg-caution-subtle);
+  }
+  [class^="text-text-caution-subtle/"],
+  [class*=" text-text-caution-subtle/"] {
+    color: var(--color-fg-caution-subtle) !important;
+  }
+  .text-static-white {
+    color: var(--color-fg-static-white);
+  }
+  [class^="text-static-white/"],
+  [class*=" text-static-white/"] {
+    color: var(--color-fg-static-white) !important;
+  }
+  .text-text-static-white {
+    color: var(--color-fg-static-white);
+  }
+  [class^="text-text-static-white/"],
+  [class*=" text-text-static-white/"] {
+    color: var(--color-fg-static-white) !important;
+  }
+  .text-static-white-subtle {
+    color: var(--color-fg-static-white-subtle);
+  }
+  [class^="text-static-white-subtle/"],
+  [class*=" text-static-white-subtle/"] {
+    color: var(--color-fg-static-white-subtle) !important;
+  }
+  .text-text-static-white-subtle {
+    color: var(--color-fg-static-white-subtle);
+  }
+  [class^="text-text-static-white-subtle/"],
+  [class*=" text-text-static-white-subtle/"] {
+    color: var(--color-fg-static-white-subtle) !important;
+  }
+  .text-debug {
+    color: var(--color-fg-debug);
+  }
+  [class^="text-debug/"],
+  [class*=" text-debug/"] {
+    color: var(--color-fg-debug) !important;
+  }
+  .text-text-debug {
+    color: var(--color-fg-debug);
+  }
+  [class^="text-text-debug/"],
+  [class*=" text-text-debug/"] {
+    color: var(--color-fg-debug) !important;
+  }
+  .text-debug-subtle {
+    color: var(--color-fg-debug-subtle);
+  }
+  [class^="text-debug-subtle/"],
+  [class*=" text-debug-subtle/"] {
+    color: var(--color-fg-debug-subtle) !important;
+  }
+  .text-text-debug-subtle {
+    color: var(--color-fg-debug-subtle);
+  }
+  [class^="text-text-debug-subtle/"],
+  [class*=" text-text-debug-subtle/"] {
+    color: var(--color-fg-debug-subtle) !important;
+  }
+  .text-rb {
+    color: var(--color-fg-rb);
+  }
+  [class^="text-rb/"],
+  [class*=" text-rb/"] {
+    color: var(--color-fg-rb) !important;
+  }
+  .text-text-rb {
+    color: var(--color-fg-rb);
+  }
+  [class^="text-text-rb/"],
+  [class*=" text-text-rb/"] {
+    color: var(--color-fg-rb) !important;
+  }
+  .text-rb-subtle {
+    color: var(--color-fg-rb-subtle);
+  }
+  [class^="text-rb-subtle/"],
+  [class*=" text-rb-subtle/"] {
+    color: var(--color-fg-rb-subtle) !important;
+  }
+  .text-text-rb-subtle {
+    color: var(--color-fg-rb-subtle);
+  }
+  [class^="text-text-rb-subtle/"],
+  [class*=" text-text-rb-subtle/"] {
+    color: var(--color-fg-rb-subtle) !important;
+  }
+  .text-navy {
+    color: var(--color-fg-navy);
+  }
+  [class^="text-navy/"],
+  [class*=" text-navy/"] {
+    color: var(--color-fg-navy) !important;
+  }
+  .text-text-navy {
+    color: var(--color-fg-navy);
+  }
+  [class^="text-text-navy/"],
+  [class*=" text-text-navy/"] {
+    color: var(--color-fg-navy) !important;
+  }
+  .text-navy-subtle {
+    color: var(--color-fg-navy-subtle);
+  }
+  [class^="text-navy-subtle/"],
+  [class*=" text-navy-subtle/"] {
+    color: var(--color-fg-navy-subtle) !important;
+  }
+  .text-text-navy-subtle {
+    color: var(--color-fg-navy-subtle);
+  }
+  [class^="text-text-navy-subtle/"],
+  [class*=" text-text-navy-subtle/"] {
+    color: var(--color-fg-navy-subtle) !important;
+  }
+  .text-navy-hovered {
+    color: var(--color-fg-navy-hovered);
+  }
+  [class^="text-navy-hovered/"],
+  [class*=" text-navy-hovered/"] {
+    color: var(--color-fg-navy-hovered) !important;
+  }
+  .text-text-navy-hovered {
+    color: var(--color-fg-navy-hovered);
+  }
+  [class^="text-text-navy-hovered/"],
+  [class*=" text-text-navy-hovered/"] {
+    color: var(--color-fg-navy-hovered) !important;
+  }
+  .bg-fill-danger-subtle {
+    background-color: var(--color-fill-danger-subtle);
+  }
+  [class^="bg-fill-danger-subtle/"],
+  [class*=" bg-fill-danger-subtle/"] {
+    background-color: var(--color-fill-danger-subtle) !important;
+  }
+  .bg-fill-bg-danger-subtle {
+    background-color: var(--color-fill-danger-subtle);
+  }
+  [class^="bg-fill-bg-danger-subtle/"],
+  [class*=" bg-fill-bg-danger-subtle/"] {
+    background-color: var(--color-fill-danger-subtle) !important;
+  }
+  .bg-fill-fill-danger-subtle {
+    background-color: var(--color-fill-danger-subtle);
+  }
+  [class^="bg-fill-fill-danger-subtle/"],
+  [class*=" bg-fill-fill-danger-subtle/"] {
+    background-color: var(--color-fill-danger-subtle) !important;
+  }
+  .bg-fill-danger {
+    background-color: var(--color-fill-danger);
+  }
+  [class^="bg-fill-danger/"],
+  [class*=" bg-fill-danger/"] {
+    background-color: var(--color-fill-danger) !important;
+  }
+  .bg-fill-bg-danger {
+    background-color: var(--color-fill-danger);
+  }
+  [class^="bg-fill-bg-danger/"],
+  [class*=" bg-fill-bg-danger/"] {
+    background-color: var(--color-fill-danger) !important;
+  }
+  .bg-fill-fill-danger {
+    background-color: var(--color-fill-danger);
+  }
+  [class^="bg-fill-fill-danger/"],
+  [class*=" bg-fill-fill-danger/"] {
+    background-color: var(--color-fill-danger) !important;
+  }
+  .bg-fill-warning-subtle {
+    background-color: var(--color-fill-warning-subtle);
+  }
+  [class^="bg-fill-warning-subtle/"],
+  [class*=" bg-fill-warning-subtle/"] {
+    background-color: var(--color-fill-warning-subtle) !important;
+  }
+  .bg-fill-bg-warning-subtle {
+    background-color: var(--color-fill-warning-subtle);
+  }
+  [class^="bg-fill-bg-warning-subtle/"],
+  [class*=" bg-fill-bg-warning-subtle/"] {
+    background-color: var(--color-fill-warning-subtle) !important;
+  }
+  .bg-fill-fill-warning-subtle {
+    background-color: var(--color-fill-warning-subtle);
+  }
+  [class^="bg-fill-fill-warning-subtle/"],
+  [class*=" bg-fill-fill-warning-subtle/"] {
+    background-color: var(--color-fill-warning-subtle) !important;
+  }
+  .bg-fill-warning {
+    background-color: var(--color-fill-warning);
+  }
+  [class^="bg-fill-warning/"],
+  [class*=" bg-fill-warning/"] {
+    background-color: var(--color-fill-warning) !important;
+  }
+  .bg-fill-bg-warning {
+    background-color: var(--color-fill-warning);
+  }
+  [class^="bg-fill-bg-warning/"],
+  [class*=" bg-fill-bg-warning/"] {
+    background-color: var(--color-fill-warning) !important;
+  }
+  .bg-fill-fill-warning {
+    background-color: var(--color-fill-warning);
+  }
+  [class^="bg-fill-fill-warning/"],
+  [class*=" bg-fill-fill-warning/"] {
+    background-color: var(--color-fill-warning) !important;
+  }
+  .bg-fill-success-subtle {
+    background-color: var(--color-fill-success-subtle);
+  }
+  [class^="bg-fill-success-subtle/"],
+  [class*=" bg-fill-success-subtle/"] {
+    background-color: var(--color-fill-success-subtle) !important;
+  }
+  .bg-fill-bg-success-subtle {
+    background-color: var(--color-fill-success-subtle);
+  }
+  [class^="bg-fill-bg-success-subtle/"],
+  [class*=" bg-fill-bg-success-subtle/"] {
+    background-color: var(--color-fill-success-subtle) !important;
+  }
+  .bg-fill-fill-success-subtle {
+    background-color: var(--color-fill-success-subtle);
+  }
+  [class^="bg-fill-fill-success-subtle/"],
+  [class*=" bg-fill-fill-success-subtle/"] {
+    background-color: var(--color-fill-success-subtle) !important;
+  }
+  .bg-fill-success {
+    background-color: var(--color-fill-success);
+  }
+  [class^="bg-fill-success/"],
+  [class*=" bg-fill-success/"] {
+    background-color: var(--color-fill-success) !important;
+  }
+  .bg-fill-bg-success {
+    background-color: var(--color-fill-success);
+  }
+  [class^="bg-fill-bg-success/"],
+  [class*=" bg-fill-bg-success/"] {
+    background-color: var(--color-fill-success) !important;
+  }
+  .bg-fill-fill-success {
+    background-color: var(--color-fill-success);
+  }
+  [class^="bg-fill-fill-success/"],
+  [class*=" bg-fill-fill-success/"] {
+    background-color: var(--color-fill-success) !important;
+  }
+  .bg-fill-information-subtle {
+    background-color: var(--color-fill-information-subtle);
+  }
+  [class^="bg-fill-information-subtle/"],
+  [class*=" bg-fill-information-subtle/"] {
+    background-color: var(--color-fill-information-subtle) !important;
+  }
+  .bg-fill-bg-information-subtle {
+    background-color: var(--color-fill-information-subtle);
+  }
+  [class^="bg-fill-bg-information-subtle/"],
+  [class*=" bg-fill-bg-information-subtle/"] {
+    background-color: var(--color-fill-information-subtle) !important;
+  }
+  .bg-fill-fill-information-subtle {
+    background-color: var(--color-fill-information-subtle);
+  }
+  [class^="bg-fill-fill-information-subtle/"],
+  [class*=" bg-fill-fill-information-subtle/"] {
+    background-color: var(--color-fill-information-subtle) !important;
+  }
+  .bg-fill-information {
+    background-color: var(--color-fill-information);
+  }
+  [class^="bg-fill-information/"],
+  [class*=" bg-fill-information/"] {
+    background-color: var(--color-fill-information) !important;
+  }
+  .bg-fill-bg-information {
+    background-color: var(--color-fill-information);
+  }
+  [class^="bg-fill-bg-information/"],
+  [class*=" bg-fill-bg-information/"] {
+    background-color: var(--color-fill-information) !important;
+  }
+  .bg-fill-fill-information {
+    background-color: var(--color-fill-information);
+  }
+  [class^="bg-fill-fill-information/"],
+  [class*=" bg-fill-fill-information/"] {
+    background-color: var(--color-fill-information) !important;
+  }
+  .bg-fill-disabled {
+    background-color: var(--color-fill-disabled);
+  }
+  [class^="bg-fill-disabled/"],
+  [class*=" bg-fill-disabled/"] {
+    background-color: var(--color-fill-disabled) !important;
+  }
+  .bg-fill-bg-disabled {
+    background-color: var(--color-fill-disabled);
+  }
+  [class^="bg-fill-bg-disabled/"],
+  [class*=" bg-fill-bg-disabled/"] {
+    background-color: var(--color-fill-disabled) !important;
+  }
+  .bg-fill-fill-disabled {
+    background-color: var(--color-fill-disabled);
+  }
+  [class^="bg-fill-fill-disabled/"],
+  [class*=" bg-fill-fill-disabled/"] {
+    background-color: var(--color-fill-disabled) !important;
+  }
+  .bg-fill-control-surface {
+    background-color: var(--color-fill-control-surface);
+  }
+  [class^="bg-fill-control-surface/"],
+  [class*=" bg-fill-control-surface/"] {
+    background-color: var(--color-fill-control-surface) !important;
+  }
+  .bg-fill-bg-control-surface {
+    background-color: var(--color-fill-control-surface);
+  }
+  [class^="bg-fill-bg-control-surface/"],
+  [class*=" bg-fill-bg-control-surface/"] {
+    background-color: var(--color-fill-control-surface) !important;
+  }
+  .bg-fill-fill-control-surface {
+    background-color: var(--color-fill-control-surface);
+  }
+  [class^="bg-fill-fill-control-surface/"],
+  [class*=" bg-fill-fill-control-surface/"] {
+    background-color: var(--color-fill-control-surface) !important;
+  }
+  .bg-fill-inverse {
+    background-color: var(--color-fill-inverse);
+  }
+  [class^="bg-fill-inverse/"],
+  [class*=" bg-fill-inverse/"] {
+    background-color: var(--color-fill-inverse) !important;
+  }
+  .bg-fill-bg-inverse {
+    background-color: var(--color-fill-inverse);
+  }
+  [class^="bg-fill-bg-inverse/"],
+  [class*=" bg-fill-bg-inverse/"] {
+    background-color: var(--color-fill-inverse) !important;
+  }
+  .bg-fill-fill-inverse {
+    background-color: var(--color-fill-inverse);
+  }
+  [class^="bg-fill-fill-inverse/"],
+  [class*=" bg-fill-fill-inverse/"] {
+    background-color: var(--color-fill-inverse) !important;
+  }
+  .bg-fill-inverse-hovered {
+    background-color: var(--color-fill-inverse-hovered);
+  }
+  [class^="bg-fill-inverse-hovered/"],
+  [class*=" bg-fill-inverse-hovered/"] {
+    background-color: var(--color-fill-inverse-hovered) !important;
+  }
+  .bg-fill-bg-inverse-hovered {
+    background-color: var(--color-fill-inverse-hovered);
+  }
+  [class^="bg-fill-bg-inverse-hovered/"],
+  [class*=" bg-fill-bg-inverse-hovered/"] {
+    background-color: var(--color-fill-inverse-hovered) !important;
+  }
+  .bg-fill-fill-inverse-hovered {
+    background-color: var(--color-fill-inverse-hovered);
+  }
+  [class^="bg-fill-fill-inverse-hovered/"],
+  [class*=" bg-fill-fill-inverse-hovered/"] {
+    background-color: var(--color-fill-inverse-hovered) !important;
+  }
+  .bg-fill-subtle {
+    background-color: var(--color-fill-subtle);
+  }
+  [class^="bg-fill-subtle/"],
+  [class*=" bg-fill-subtle/"] {
+    background-color: var(--color-fill-subtle) !important;
+  }
+  .bg-fill-bg-subtle {
+    background-color: var(--color-fill-subtle);
+  }
+  [class^="bg-fill-bg-subtle/"],
+  [class*=" bg-fill-bg-subtle/"] {
+    background-color: var(--color-fill-subtle) !important;
+  }
+  .bg-fill-fill-subtle {
+    background-color: var(--color-fill-subtle);
+  }
+  [class^="bg-fill-fill-subtle/"],
+  [class*=" bg-fill-fill-subtle/"] {
+    background-color: var(--color-fill-subtle) !important;
+  }
+  .bg-fill-subtle-hovered {
+    background-color: var(--color-fill-subtle-hovered);
+  }
+  [class^="bg-fill-subtle-hovered/"],
+  [class*=" bg-fill-subtle-hovered/"] {
+    background-color: var(--color-fill-subtle-hovered) !important;
+  }
+  .bg-fill-bg-subtle-hovered {
+    background-color: var(--color-fill-subtle-hovered);
+  }
+  [class^="bg-fill-bg-subtle-hovered/"],
+  [class*=" bg-fill-bg-subtle-hovered/"] {
+    background-color: var(--color-fill-subtle-hovered) !important;
+  }
+  .bg-fill-fill-subtle-hovered {
+    background-color: var(--color-fill-subtle-hovered);
+  }
+  [class^="bg-fill-fill-subtle-hovered/"],
+  [class*=" bg-fill-fill-subtle-hovered/"] {
+    background-color: var(--color-fill-subtle-hovered) !important;
+  }
+  .bg-fill-transparent {
+    background-color: var(--color-fill-transparent);
+  }
+  [class^="bg-fill-transparent/"],
+  [class*=" bg-fill-transparent/"] {
+    background-color: var(--color-fill-transparent) !important;
+  }
+  .bg-fill-bg-transparent {
+    background-color: var(--color-fill-transparent);
+  }
+  [class^="bg-fill-bg-transparent/"],
+  [class*=" bg-fill-bg-transparent/"] {
+    background-color: var(--color-fill-transparent) !important;
+  }
+  .bg-fill-fill-transparent {
+    background-color: var(--color-fill-transparent);
+  }
+  [class^="bg-fill-fill-transparent/"],
+  [class*=" bg-fill-fill-transparent/"] {
+    background-color: var(--color-fill-transparent) !important;
+  }
+  .bg-fill-transparent-hovered {
+    background-color: var(--color-fill-transparent-hovered);
+  }
+  [class^="bg-fill-transparent-hovered/"],
+  [class*=" bg-fill-transparent-hovered/"] {
+    background-color: var(--color-fill-transparent-hovered) !important;
+  }
+  .bg-fill-bg-transparent-hovered {
+    background-color: var(--color-fill-transparent-hovered);
+  }
+  [class^="bg-fill-bg-transparent-hovered/"],
+  [class*=" bg-fill-bg-transparent-hovered/"] {
+    background-color: var(--color-fill-transparent-hovered) !important;
+  }
+  .bg-fill-fill-transparent-hovered {
+    background-color: var(--color-fill-transparent-hovered);
+  }
+  [class^="bg-fill-fill-transparent-hovered/"],
+  [class*=" bg-fill-fill-transparent-hovered/"] {
+    background-color: var(--color-fill-transparent-hovered) !important;
+  }
+  .bg-fill-default {
+    background-color: var(--color-fill-default);
+  }
+  [class^="bg-fill-default/"],
+  [class*=" bg-fill-default/"] {
+    background-color: var(--color-fill-default) !important;
+  }
+  .bg-fill-bg-default {
+    background-color: var(--color-fill-default);
+  }
+  [class^="bg-fill-bg-default/"],
+  [class*=" bg-fill-bg-default/"] {
+    background-color: var(--color-fill-default) !important;
+  }
+  .bg-fill-fill-default {
+    background-color: var(--color-fill-default);
+  }
+  [class^="bg-fill-fill-default/"],
+  [class*=" bg-fill-fill-default/"] {
+    background-color: var(--color-fill-default) !important;
+  }
+  .bg-fill-default-hovered {
+    background-color: var(--color-fill-default-hovered);
+  }
+  [class^="bg-fill-default-hovered/"],
+  [class*=" bg-fill-default-hovered/"] {
+    background-color: var(--color-fill-default-hovered) !important;
+  }
+  .bg-fill-bg-default-hovered {
+    background-color: var(--color-fill-default-hovered);
+  }
+  [class^="bg-fill-bg-default-hovered/"],
+  [class*=" bg-fill-bg-default-hovered/"] {
+    background-color: var(--color-fill-default-hovered) !important;
+  }
+  .bg-fill-fill-default-hovered {
+    background-color: var(--color-fill-default-hovered);
+  }
+  [class^="bg-fill-fill-default-hovered/"],
+  [class*=" bg-fill-fill-default-hovered/"] {
+    background-color: var(--color-fill-default-hovered) !important;
+  }
+  .bg-fill-inverse-subtle {
+    background-color: var(--color-fill-inverse-subtle);
+  }
+  [class^="bg-fill-inverse-subtle/"],
+  [class*=" bg-fill-inverse-subtle/"] {
+    background-color: var(--color-fill-inverse-subtle) !important;
+  }
+  .bg-fill-bg-inverse-subtle {
+    background-color: var(--color-fill-inverse-subtle);
+  }
+  [class^="bg-fill-bg-inverse-subtle/"],
+  [class*=" bg-fill-bg-inverse-subtle/"] {
+    background-color: var(--color-fill-inverse-subtle) !important;
+  }
+  .bg-fill-fill-inverse-subtle {
+    background-color: var(--color-fill-inverse-subtle);
+  }
+  [class^="bg-fill-fill-inverse-subtle/"],
+  [class*=" bg-fill-fill-inverse-subtle/"] {
+    background-color: var(--color-fill-inverse-subtle) !important;
+  }
+  .bg-fill-inverse-subtle-hovered {
+    background-color: var(--color-fill-inverse-subtle-hovered);
+  }
+  [class^="bg-fill-inverse-subtle-hovered/"],
+  [class*=" bg-fill-inverse-subtle-hovered/"] {
+    background-color: var(--color-fill-inverse-subtle-hovered) !important;
+  }
+  .bg-fill-bg-inverse-subtle-hovered {
+    background-color: var(--color-fill-inverse-subtle-hovered);
+  }
+  [class^="bg-fill-bg-inverse-subtle-hovered/"],
+  [class*=" bg-fill-bg-inverse-subtle-hovered/"] {
+    background-color: var(--color-fill-inverse-subtle-hovered) !important;
+  }
+  .bg-fill-fill-inverse-subtle-hovered {
+    background-color: var(--color-fill-inverse-subtle-hovered);
+  }
+  [class^="bg-fill-fill-inverse-subtle-hovered/"],
+  [class*=" bg-fill-fill-inverse-subtle-hovered/"] {
+    background-color: var(--color-fill-inverse-subtle-hovered) !important;
+  }
+  .bg-fill-inverse-disabled {
+    background-color: var(--color-fill-inverse-disabled);
+  }
+  [class^="bg-fill-inverse-disabled/"],
+  [class*=" bg-fill-inverse-disabled/"] {
+    background-color: var(--color-fill-inverse-disabled) !important;
+  }
+  .bg-fill-bg-inverse-disabled {
+    background-color: var(--color-fill-inverse-disabled);
+  }
+  [class^="bg-fill-bg-inverse-disabled/"],
+  [class*=" bg-fill-bg-inverse-disabled/"] {
+    background-color: var(--color-fill-inverse-disabled) !important;
+  }
+  .bg-fill-fill-inverse-disabled {
+    background-color: var(--color-fill-inverse-disabled);
+  }
+  [class^="bg-fill-fill-inverse-disabled/"],
+  [class*=" bg-fill-fill-inverse-disabled/"] {
+    background-color: var(--color-fill-inverse-disabled) !important;
+  }
+  .bg-fill-brand {
+    background-color: var(--color-fill-brand);
+  }
+  [class^="bg-fill-brand/"],
+  [class*=" bg-fill-brand/"] {
+    background-color: var(--color-fill-brand) !important;
+  }
+  .bg-fill-bg-brand {
+    background-color: var(--color-fill-brand);
+  }
+  [class^="bg-fill-bg-brand/"],
+  [class*=" bg-fill-bg-brand/"] {
+    background-color: var(--color-fill-brand) !important;
+  }
+  .bg-fill-fill-brand {
+    background-color: var(--color-fill-brand);
+  }
+  [class^="bg-fill-fill-brand/"],
+  [class*=" bg-fill-fill-brand/"] {
+    background-color: var(--color-fill-brand) !important;
+  }
+  .bg-fill-brand-subtle {
+    background-color: var(--color-fill-brand-subtle);
+  }
+  [class^="bg-fill-brand-subtle/"],
+  [class*=" bg-fill-brand-subtle/"] {
+    background-color: var(--color-fill-brand-subtle) !important;
+  }
+  .bg-fill-bg-brand-subtle {
+    background-color: var(--color-fill-brand-subtle);
+  }
+  [class^="bg-fill-bg-brand-subtle/"],
+  [class*=" bg-fill-bg-brand-subtle/"] {
+    background-color: var(--color-fill-brand-subtle) !important;
+  }
+  .bg-fill-fill-brand-subtle {
+    background-color: var(--color-fill-brand-subtle);
+  }
+  [class^="bg-fill-fill-brand-subtle/"],
+  [class*=" bg-fill-fill-brand-subtle/"] {
+    background-color: var(--color-fill-brand-subtle) !important;
+  }
+  .bg-fill-subtler {
+    background-color: var(--color-fill-subtler);
+  }
+  [class^="bg-fill-subtler/"],
+  [class*=" bg-fill-subtler/"] {
+    background-color: var(--color-fill-subtler) !important;
+  }
+  .bg-fill-bg-subtler {
+    background-color: var(--color-fill-subtler);
+  }
+  [class^="bg-fill-bg-subtler/"],
+  [class*=" bg-fill-bg-subtler/"] {
+    background-color: var(--color-fill-subtler) !important;
+  }
+  .bg-fill-fill-subtler {
+    background-color: var(--color-fill-subtler);
+  }
+  [class^="bg-fill-fill-subtler/"],
+  [class*=" bg-fill-fill-subtler/"] {
+    background-color: var(--color-fill-subtler) !important;
+  }
+  .bg-fill-subtler-hovered {
+    background-color: var(--color-fill-subtler-hovered);
+  }
+  [class^="bg-fill-subtler-hovered/"],
+  [class*=" bg-fill-subtler-hovered/"] {
+    background-color: var(--color-fill-subtler-hovered) !important;
+  }
+  .bg-fill-bg-subtler-hovered {
+    background-color: var(--color-fill-subtler-hovered);
+  }
+  [class^="bg-fill-bg-subtler-hovered/"],
+  [class*=" bg-fill-bg-subtler-hovered/"] {
+    background-color: var(--color-fill-subtler-hovered) !important;
+  }
+  .bg-fill-fill-subtler-hovered {
+    background-color: var(--color-fill-subtler-hovered);
+  }
+  [class^="bg-fill-fill-subtler-hovered/"],
+  [class*=" bg-fill-fill-subtler-hovered/"] {
+    background-color: var(--color-fill-subtler-hovered) !important;
+  }
+  .bg-fill-brand-hovered {
+    background-color: var(--color-fill-brand-hovered);
+  }
+  [class^="bg-fill-brand-hovered/"],
+  [class*=" bg-fill-brand-hovered/"] {
+    background-color: var(--color-fill-brand-hovered) !important;
+  }
+  .bg-fill-bg-brand-hovered {
+    background-color: var(--color-fill-brand-hovered);
+  }
+  [class^="bg-fill-bg-brand-hovered/"],
+  [class*=" bg-fill-bg-brand-hovered/"] {
+    background-color: var(--color-fill-brand-hovered) !important;
+  }
+  .bg-fill-fill-brand-hovered {
+    background-color: var(--color-fill-brand-hovered);
+  }
+  [class^="bg-fill-fill-brand-hovered/"],
+  [class*=" bg-fill-fill-brand-hovered/"] {
+    background-color: var(--color-fill-brand-hovered) !important;
+  }
+  .bg-fill-control-surface-hovered {
+    background-color: var(--color-fill-control-surface-hovered);
+  }
+  [class^="bg-fill-control-surface-hovered/"],
+  [class*=" bg-fill-control-surface-hovered/"] {
+    background-color: var(--color-fill-control-surface-hovered) !important;
+  }
+  .bg-fill-bg-control-surface-hovered {
+    background-color: var(--color-fill-control-surface-hovered);
+  }
+  [class^="bg-fill-bg-control-surface-hovered/"],
+  [class*=" bg-fill-bg-control-surface-hovered/"] {
+    background-color: var(--color-fill-control-surface-hovered) !important;
+  }
+  .bg-fill-fill-control-surface-hovered {
+    background-color: var(--color-fill-control-surface-hovered);
+  }
+  [class^="bg-fill-fill-control-surface-hovered/"],
+  [class*=" bg-fill-fill-control-surface-hovered/"] {
+    background-color: var(--color-fill-control-surface-hovered) !important;
+  }
+  .bg-fill-caution-subtle {
+    background-color: var(--color-fill-caution-subtle);
+  }
+  [class^="bg-fill-caution-subtle/"],
+  [class*=" bg-fill-caution-subtle/"] {
+    background-color: var(--color-fill-caution-subtle) !important;
+  }
+  .bg-fill-bg-caution-subtle {
+    background-color: var(--color-fill-caution-subtle);
+  }
+  [class^="bg-fill-bg-caution-subtle/"],
+  [class*=" bg-fill-bg-caution-subtle/"] {
+    background-color: var(--color-fill-caution-subtle) !important;
+  }
+  .bg-fill-fill-caution-subtle {
+    background-color: var(--color-fill-caution-subtle);
+  }
+  [class^="bg-fill-fill-caution-subtle/"],
+  [class*=" bg-fill-fill-caution-subtle/"] {
+    background-color: var(--color-fill-caution-subtle) !important;
+  }
+  .bg-fill-caution {
+    background-color: var(--color-fill-caution);
+  }
+  [class^="bg-fill-caution/"],
+  [class*=" bg-fill-caution/"] {
+    background-color: var(--color-fill-caution) !important;
+  }
+  .bg-fill-bg-caution {
+    background-color: var(--color-fill-caution);
+  }
+  [class^="bg-fill-bg-caution/"],
+  [class*=" bg-fill-bg-caution/"] {
+    background-color: var(--color-fill-caution) !important;
+  }
+  .bg-fill-fill-caution {
+    background-color: var(--color-fill-caution);
+  }
+  [class^="bg-fill-fill-caution/"],
+  [class*=" bg-fill-fill-caution/"] {
+    background-color: var(--color-fill-caution) !important;
+  }
+  .bg-fill-danger-subtler {
+    background-color: var(--color-fill-danger-subtler);
+  }
+  [class^="bg-fill-danger-subtler/"],
+  [class*=" bg-fill-danger-subtler/"] {
+    background-color: var(--color-fill-danger-subtler) !important;
+  }
+  .bg-fill-bg-danger-subtler {
+    background-color: var(--color-fill-danger-subtler);
+  }
+  [class^="bg-fill-bg-danger-subtler/"],
+  [class*=" bg-fill-bg-danger-subtler/"] {
+    background-color: var(--color-fill-danger-subtler) !important;
+  }
+  .bg-fill-fill-danger-subtler {
+    background-color: var(--color-fill-danger-subtler);
+  }
+  [class^="bg-fill-fill-danger-subtler/"],
+  [class*=" bg-fill-fill-danger-subtler/"] {
+    background-color: var(--color-fill-danger-subtler) !important;
+  }
+  .bg-fill-warning-subtler {
+    background-color: var(--color-fill-warning-subtler);
+  }
+  [class^="bg-fill-warning-subtler/"],
+  [class*=" bg-fill-warning-subtler/"] {
+    background-color: var(--color-fill-warning-subtler) !important;
+  }
+  .bg-fill-bg-warning-subtler {
+    background-color: var(--color-fill-warning-subtler);
+  }
+  [class^="bg-fill-bg-warning-subtler/"],
+  [class*=" bg-fill-bg-warning-subtler/"] {
+    background-color: var(--color-fill-warning-subtler) !important;
+  }
+  .bg-fill-fill-warning-subtler {
+    background-color: var(--color-fill-warning-subtler);
+  }
+  [class^="bg-fill-fill-warning-subtler/"],
+  [class*=" bg-fill-fill-warning-subtler/"] {
+    background-color: var(--color-fill-warning-subtler) !important;
+  }
+  .bg-fill-caution-subtler {
+    background-color: var(--color-fill-caution-subtler);
+  }
+  [class^="bg-fill-caution-subtler/"],
+  [class*=" bg-fill-caution-subtler/"] {
+    background-color: var(--color-fill-caution-subtler) !important;
+  }
+  .bg-fill-bg-caution-subtler {
+    background-color: var(--color-fill-caution-subtler);
+  }
+  [class^="bg-fill-bg-caution-subtler/"],
+  [class*=" bg-fill-bg-caution-subtler/"] {
+    background-color: var(--color-fill-caution-subtler) !important;
+  }
+  .bg-fill-fill-caution-subtler {
+    background-color: var(--color-fill-caution-subtler);
+  }
+  [class^="bg-fill-fill-caution-subtler/"],
+  [class*=" bg-fill-fill-caution-subtler/"] {
+    background-color: var(--color-fill-caution-subtler) !important;
+  }
+  .bg-fill-success-subtler {
+    background-color: var(--color-fill-success-subtler);
+  }
+  [class^="bg-fill-success-subtler/"],
+  [class*=" bg-fill-success-subtler/"] {
+    background-color: var(--color-fill-success-subtler) !important;
+  }
+  .bg-fill-bg-success-subtler {
+    background-color: var(--color-fill-success-subtler);
+  }
+  [class^="bg-fill-bg-success-subtler/"],
+  [class*=" bg-fill-bg-success-subtler/"] {
+    background-color: var(--color-fill-success-subtler) !important;
+  }
+  .bg-fill-fill-success-subtler {
+    background-color: var(--color-fill-success-subtler);
+  }
+  [class^="bg-fill-fill-success-subtler/"],
+  [class*=" bg-fill-fill-success-subtler/"] {
+    background-color: var(--color-fill-success-subtler) !important;
+  }
+  .bg-fill-information-subtler {
+    background-color: var(--color-fill-information-subtler);
+  }
+  [class^="bg-fill-information-subtler/"],
+  [class*=" bg-fill-information-subtler/"] {
+    background-color: var(--color-fill-information-subtler) !important;
+  }
+  .bg-fill-bg-information-subtler {
+    background-color: var(--color-fill-information-subtler);
+  }
+  [class^="bg-fill-bg-information-subtler/"],
+  [class*=" bg-fill-bg-information-subtler/"] {
+    background-color: var(--color-fill-information-subtler) !important;
+  }
+  .bg-fill-fill-information-subtler {
+    background-color: var(--color-fill-information-subtler);
+  }
+  [class^="bg-fill-fill-information-subtler/"],
+  [class*=" bg-fill-fill-information-subtler/"] {
+    background-color: var(--color-fill-information-subtler) !important;
+  }
+  .bg-fill-subtlest {
+    background-color: var(--color-fill-subtlest);
+  }
+  [class^="bg-fill-subtlest/"],
+  [class*=" bg-fill-subtlest/"] {
+    background-color: var(--color-fill-subtlest) !important;
+  }
+  .bg-fill-bg-subtlest {
+    background-color: var(--color-fill-subtlest);
+  }
+  [class^="bg-fill-bg-subtlest/"],
+  [class*=" bg-fill-bg-subtlest/"] {
+    background-color: var(--color-fill-subtlest) !important;
+  }
+  .bg-fill-fill-subtlest {
+    background-color: var(--color-fill-subtlest);
+  }
+  [class^="bg-fill-fill-subtlest/"],
+  [class*=" bg-fill-fill-subtlest/"] {
+    background-color: var(--color-fill-subtlest) !important;
+  }
+  .bg-fill-subtlest-hovered {
+    background-color: var(--color-fill-subtlest-hovered);
+  }
+  [class^="bg-fill-subtlest-hovered/"],
+  [class*=" bg-fill-subtlest-hovered/"] {
+    background-color: var(--color-fill-subtlest-hovered) !important;
+  }
+  .bg-fill-bg-subtlest-hovered {
+    background-color: var(--color-fill-subtlest-hovered);
+  }
+  [class^="bg-fill-bg-subtlest-hovered/"],
+  [class*=" bg-fill-bg-subtlest-hovered/"] {
+    background-color: var(--color-fill-subtlest-hovered) !important;
+  }
+  .bg-fill-fill-subtlest-hovered {
+    background-color: var(--color-fill-subtlest-hovered);
+  }
+  [class^="bg-fill-fill-subtlest-hovered/"],
+  [class*=" bg-fill-fill-subtlest-hovered/"] {
+    background-color: var(--color-fill-subtlest-hovered) !important;
+  }
+  .bg-fill-warning-subtlest {
+    background-color: var(--color-fill-warning-subtlest);
+  }
+  [class^="bg-fill-warning-subtlest/"],
+  [class*=" bg-fill-warning-subtlest/"] {
+    background-color: var(--color-fill-warning-subtlest) !important;
+  }
+  .bg-fill-bg-warning-subtlest {
+    background-color: var(--color-fill-warning-subtlest);
+  }
+  [class^="bg-fill-bg-warning-subtlest/"],
+  [class*=" bg-fill-bg-warning-subtlest/"] {
+    background-color: var(--color-fill-warning-subtlest) !important;
+  }
+  .bg-fill-fill-warning-subtlest {
+    background-color: var(--color-fill-warning-subtlest);
+  }
+  [class^="bg-fill-fill-warning-subtlest/"],
+  [class*=" bg-fill-fill-warning-subtlest/"] {
+    background-color: var(--color-fill-warning-subtlest) !important;
+  }
+  .bg-fill-caution-subtlest {
+    background-color: var(--color-fill-caution-subtlest);
+  }
+  [class^="bg-fill-caution-subtlest/"],
+  [class*=" bg-fill-caution-subtlest/"] {
+    background-color: var(--color-fill-caution-subtlest) !important;
+  }
+  .bg-fill-bg-caution-subtlest {
+    background-color: var(--color-fill-caution-subtlest);
+  }
+  [class^="bg-fill-bg-caution-subtlest/"],
+  [class*=" bg-fill-bg-caution-subtlest/"] {
+    background-color: var(--color-fill-caution-subtlest) !important;
+  }
+  .bg-fill-fill-caution-subtlest {
+    background-color: var(--color-fill-caution-subtlest);
+  }
+  [class^="bg-fill-fill-caution-subtlest/"],
+  [class*=" bg-fill-fill-caution-subtlest/"] {
+    background-color: var(--color-fill-caution-subtlest) !important;
+  }
+  .bg-fill-information-subtlest {
+    background-color: var(--color-fill-information-subtlest);
+  }
+  [class^="bg-fill-information-subtlest/"],
+  [class*=" bg-fill-information-subtlest/"] {
+    background-color: var(--color-fill-information-subtlest) !important;
+  }
+  .bg-fill-bg-information-subtlest {
+    background-color: var(--color-fill-information-subtlest);
+  }
+  [class^="bg-fill-bg-information-subtlest/"],
+  [class*=" bg-fill-bg-information-subtlest/"] {
+    background-color: var(--color-fill-information-subtlest) !important;
+  }
+  .bg-fill-fill-information-subtlest {
+    background-color: var(--color-fill-information-subtlest);
+  }
+  [class^="bg-fill-fill-information-subtlest/"],
+  [class*=" bg-fill-fill-information-subtlest/"] {
+    background-color: var(--color-fill-information-subtlest) !important;
+  }
+  .bg-fill-success-subtlest {
+    background-color: var(--color-fill-success-subtlest);
+  }
+  [class^="bg-fill-success-subtlest/"],
+  [class*=" bg-fill-success-subtlest/"] {
+    background-color: var(--color-fill-success-subtlest) !important;
+  }
+  .bg-fill-bg-success-subtlest {
+    background-color: var(--color-fill-success-subtlest);
+  }
+  [class^="bg-fill-bg-success-subtlest/"],
+  [class*=" bg-fill-bg-success-subtlest/"] {
+    background-color: var(--color-fill-success-subtlest) !important;
+  }
+  .bg-fill-fill-success-subtlest {
+    background-color: var(--color-fill-success-subtlest);
+  }
+  [class^="bg-fill-fill-success-subtlest/"],
+  [class*=" bg-fill-fill-success-subtlest/"] {
+    background-color: var(--color-fill-success-subtlest) !important;
+  }
+  .bg-fill-danger-subtlest {
+    background-color: var(--color-fill-danger-subtlest);
+  }
+  [class^="bg-fill-danger-subtlest/"],
+  [class*=" bg-fill-danger-subtlest/"] {
+    background-color: var(--color-fill-danger-subtlest) !important;
+  }
+  .bg-fill-bg-danger-subtlest {
+    background-color: var(--color-fill-danger-subtlest);
+  }
+  [class^="bg-fill-bg-danger-subtlest/"],
+  [class*=" bg-fill-bg-danger-subtlest/"] {
+    background-color: var(--color-fill-danger-subtlest) !important;
+  }
+  .bg-fill-fill-danger-subtlest {
+    background-color: var(--color-fill-danger-subtlest);
+  }
+  [class^="bg-fill-fill-danger-subtlest/"],
+  [class*=" bg-fill-fill-danger-subtlest/"] {
+    background-color: var(--color-fill-danger-subtlest) !important;
+  }
+  .bg-fill-danger-hovered {
+    background-color: var(--color-fill-danger-hovered);
+  }
+  [class^="bg-fill-danger-hovered/"],
+  [class*=" bg-fill-danger-hovered/"] {
+    background-color: var(--color-fill-danger-hovered) !important;
+  }
+  .bg-fill-bg-danger-hovered {
+    background-color: var(--color-fill-danger-hovered);
+  }
+  [class^="bg-fill-bg-danger-hovered/"],
+  [class*=" bg-fill-bg-danger-hovered/"] {
+    background-color: var(--color-fill-danger-hovered) !important;
+  }
+  .bg-fill-fill-danger-hovered {
+    background-color: var(--color-fill-danger-hovered);
+  }
+  [class^="bg-fill-fill-danger-hovered/"],
+  [class*=" bg-fill-fill-danger-hovered/"] {
+    background-color: var(--color-fill-danger-hovered) !important;
+  }
+  .bg-fill-warning-hovered {
+    background-color: var(--color-fill-warning-hovered);
+  }
+  [class^="bg-fill-warning-hovered/"],
+  [class*=" bg-fill-warning-hovered/"] {
+    background-color: var(--color-fill-warning-hovered) !important;
+  }
+  .bg-fill-bg-warning-hovered {
+    background-color: var(--color-fill-warning-hovered);
+  }
+  [class^="bg-fill-bg-warning-hovered/"],
+  [class*=" bg-fill-bg-warning-hovered/"] {
+    background-color: var(--color-fill-warning-hovered) !important;
+  }
+  .bg-fill-fill-warning-hovered {
+    background-color: var(--color-fill-warning-hovered);
+  }
+  [class^="bg-fill-fill-warning-hovered/"],
+  [class*=" bg-fill-fill-warning-hovered/"] {
+    background-color: var(--color-fill-warning-hovered) !important;
+  }
+  .bg-fill-caution-hovered {
+    background-color: var(--color-fill-caution-hovered);
+  }
+  [class^="bg-fill-caution-hovered/"],
+  [class*=" bg-fill-caution-hovered/"] {
+    background-color: var(--color-fill-caution-hovered) !important;
+  }
+  .bg-fill-bg-caution-hovered {
+    background-color: var(--color-fill-caution-hovered);
+  }
+  [class^="bg-fill-bg-caution-hovered/"],
+  [class*=" bg-fill-bg-caution-hovered/"] {
+    background-color: var(--color-fill-caution-hovered) !important;
+  }
+  .bg-fill-fill-caution-hovered {
+    background-color: var(--color-fill-caution-hovered);
+  }
+  [class^="bg-fill-fill-caution-hovered/"],
+  [class*=" bg-fill-fill-caution-hovered/"] {
+    background-color: var(--color-fill-caution-hovered) !important;
+  }
+  .bg-fill-information-hovered {
+    background-color: var(--color-fill-information-hovered);
+  }
+  [class^="bg-fill-information-hovered/"],
+  [class*=" bg-fill-information-hovered/"] {
+    background-color: var(--color-fill-information-hovered) !important;
+  }
+  .bg-fill-bg-information-hovered {
+    background-color: var(--color-fill-information-hovered);
+  }
+  [class^="bg-fill-bg-information-hovered/"],
+  [class*=" bg-fill-bg-information-hovered/"] {
+    background-color: var(--color-fill-information-hovered) !important;
+  }
+  .bg-fill-fill-information-hovered {
+    background-color: var(--color-fill-information-hovered);
+  }
+  [class^="bg-fill-fill-information-hovered/"],
+  [class*=" bg-fill-fill-information-hovered/"] {
+    background-color: var(--color-fill-information-hovered) !important;
+  }
+  .bg-fill-success-hovered {
+    background-color: var(--color-fill-success-hovered);
+  }
+  [class^="bg-fill-success-hovered/"],
+  [class*=" bg-fill-success-hovered/"] {
+    background-color: var(--color-fill-success-hovered) !important;
+  }
+  .bg-fill-bg-success-hovered {
+    background-color: var(--color-fill-success-hovered);
+  }
+  [class^="bg-fill-bg-success-hovered/"],
+  [class*=" bg-fill-bg-success-hovered/"] {
+    background-color: var(--color-fill-success-hovered) !important;
+  }
+  .bg-fill-fill-success-hovered {
+    background-color: var(--color-fill-success-hovered);
+  }
+  [class^="bg-fill-fill-success-hovered/"],
+  [class*=" bg-fill-fill-success-hovered/"] {
+    background-color: var(--color-fill-success-hovered) !important;
+  }
+  .bg-fill-debug {
+    background-color: var(--color-fill-debug);
+  }
+  [class^="bg-fill-debug/"],
+  [class*=" bg-fill-debug/"] {
+    background-color: var(--color-fill-debug) !important;
+  }
+  .bg-fill-bg-debug {
+    background-color: var(--color-fill-debug);
+  }
+  [class^="bg-fill-bg-debug/"],
+  [class*=" bg-fill-bg-debug/"] {
+    background-color: var(--color-fill-debug) !important;
+  }
+  .bg-fill-fill-debug {
+    background-color: var(--color-fill-debug);
+  }
+  [class^="bg-fill-fill-debug/"],
+  [class*=" bg-fill-fill-debug/"] {
+    background-color: var(--color-fill-debug) !important;
+  }
+  .bg-fill-debug-hovered {
+    background-color: var(--color-fill-debug-hovered);
+  }
+  [class^="bg-fill-debug-hovered/"],
+  [class*=" bg-fill-debug-hovered/"] {
+    background-color: var(--color-fill-debug-hovered) !important;
+  }
+  .bg-fill-bg-debug-hovered {
+    background-color: var(--color-fill-debug-hovered);
+  }
+  [class^="bg-fill-bg-debug-hovered/"],
+  [class*=" bg-fill-bg-debug-hovered/"] {
+    background-color: var(--color-fill-debug-hovered) !important;
+  }
+  .bg-fill-fill-debug-hovered {
+    background-color: var(--color-fill-debug-hovered);
+  }
+  [class^="bg-fill-fill-debug-hovered/"],
+  [class*=" bg-fill-fill-debug-hovered/"] {
+    background-color: var(--color-fill-debug-hovered) !important;
+  }
+  .bg-fill-debug-subtle {
+    background-color: var(--color-fill-debug-subtle);
+  }
+  [class^="bg-fill-debug-subtle/"],
+  [class*=" bg-fill-debug-subtle/"] {
+    background-color: var(--color-fill-debug-subtle) !important;
+  }
+  .bg-fill-bg-debug-subtle {
+    background-color: var(--color-fill-debug-subtle);
+  }
+  [class^="bg-fill-bg-debug-subtle/"],
+  [class*=" bg-fill-bg-debug-subtle/"] {
+    background-color: var(--color-fill-debug-subtle) !important;
+  }
+  .bg-fill-fill-debug-subtle {
+    background-color: var(--color-fill-debug-subtle);
+  }
+  [class^="bg-fill-fill-debug-subtle/"],
+  [class*=" bg-fill-fill-debug-subtle/"] {
+    background-color: var(--color-fill-debug-subtle) !important;
+  }
+  .bg-fill-debug-subtler {
+    background-color: var(--color-fill-debug-subtler);
+  }
+  [class^="bg-fill-debug-subtler/"],
+  [class*=" bg-fill-debug-subtler/"] {
+    background-color: var(--color-fill-debug-subtler) !important;
+  }
+  .bg-fill-bg-debug-subtler {
+    background-color: var(--color-fill-debug-subtler);
+  }
+  [class^="bg-fill-bg-debug-subtler/"],
+  [class*=" bg-fill-bg-debug-subtler/"] {
+    background-color: var(--color-fill-debug-subtler) !important;
+  }
+  .bg-fill-fill-debug-subtler {
+    background-color: var(--color-fill-debug-subtler);
+  }
+  [class^="bg-fill-fill-debug-subtler/"],
+  [class*=" bg-fill-fill-debug-subtler/"] {
+    background-color: var(--color-fill-debug-subtler) !important;
+  }
+  .bg-fill-debug-subtlest {
+    background-color: var(--color-fill-debug-subtlest);
+  }
+  [class^="bg-fill-debug-subtlest/"],
+  [class*=" bg-fill-debug-subtlest/"] {
+    background-color: var(--color-fill-debug-subtlest) !important;
+  }
+  .bg-fill-bg-debug-subtlest {
+    background-color: var(--color-fill-debug-subtlest);
+  }
+  [class^="bg-fill-bg-debug-subtlest/"],
+  [class*=" bg-fill-bg-debug-subtlest/"] {
+    background-color: var(--color-fill-debug-subtlest) !important;
+  }
+  .bg-fill-fill-debug-subtlest {
+    background-color: var(--color-fill-debug-subtlest);
+  }
+  [class^="bg-fill-fill-debug-subtlest/"],
+  [class*=" bg-fill-fill-debug-subtlest/"] {
+    background-color: var(--color-fill-debug-subtlest) !important;
+  }
+  .bg-fill-control-surface-disabled {
+    background-color: var(--color-fill-control-surface-disabled);
+  }
+  [class^="bg-fill-control-surface-disabled/"],
+  [class*=" bg-fill-control-surface-disabled/"] {
+    background-color: var(--color-fill-control-surface-disabled) !important;
+  }
+  .bg-fill-bg-control-surface-disabled {
+    background-color: var(--color-fill-control-surface-disabled);
+  }
+  [class^="bg-fill-bg-control-surface-disabled/"],
+  [class*=" bg-fill-bg-control-surface-disabled/"] {
+    background-color: var(--color-fill-control-surface-disabled) !important;
+  }
+  .bg-fill-fill-control-surface-disabled {
+    background-color: var(--color-fill-control-surface-disabled);
+  }
+  [class^="bg-fill-fill-control-surface-disabled/"],
+  [class*=" bg-fill-fill-control-surface-disabled/"] {
+    background-color: var(--color-fill-control-surface-disabled) !important;
+  }
+  .bg-fill-brand-subtler {
+    background-color: var(--color-fill-brand-subtler);
+  }
+  [class^="bg-fill-brand-subtler/"],
+  [class*=" bg-fill-brand-subtler/"] {
+    background-color: var(--color-fill-brand-subtler) !important;
+  }
+  .bg-fill-bg-brand-subtler {
+    background-color: var(--color-fill-brand-subtler);
+  }
+  [class^="bg-fill-bg-brand-subtler/"],
+  [class*=" bg-fill-bg-brand-subtler/"] {
+    background-color: var(--color-fill-brand-subtler) !important;
+  }
+  .bg-fill-fill-brand-subtler {
+    background-color: var(--color-fill-brand-subtler);
+  }
+  [class^="bg-fill-fill-brand-subtler/"],
+  [class*=" bg-fill-fill-brand-subtler/"] {
+    background-color: var(--color-fill-brand-subtler) !important;
+  }
+  .bg-fill-rb {
+    background-color: var(--color-fill-rb);
+  }
+  [class^="bg-fill-rb/"],
+  [class*=" bg-fill-rb/"] {
+    background-color: var(--color-fill-rb) !important;
+  }
+  .bg-fill-bg-rb {
+    background-color: var(--color-fill-rb);
+  }
+  [class^="bg-fill-bg-rb/"],
+  [class*=" bg-fill-bg-rb/"] {
+    background-color: var(--color-fill-rb) !important;
+  }
+  .bg-fill-fill-rb {
+    background-color: var(--color-fill-rb);
+  }
+  [class^="bg-fill-fill-rb/"],
+  [class*=" bg-fill-fill-rb/"] {
+    background-color: var(--color-fill-rb) !important;
+  }
+  .bg-fill-rb-hovered {
+    background-color: var(--color-fill-rb-hovered);
+  }
+  [class^="bg-fill-rb-hovered/"],
+  [class*=" bg-fill-rb-hovered/"] {
+    background-color: var(--color-fill-rb-hovered) !important;
+  }
+  .bg-fill-bg-rb-hovered {
+    background-color: var(--color-fill-rb-hovered);
+  }
+  [class^="bg-fill-bg-rb-hovered/"],
+  [class*=" bg-fill-bg-rb-hovered/"] {
+    background-color: var(--color-fill-rb-hovered) !important;
+  }
+  .bg-fill-fill-rb-hovered {
+    background-color: var(--color-fill-rb-hovered);
+  }
+  [class^="bg-fill-fill-rb-hovered/"],
+  [class*=" bg-fill-fill-rb-hovered/"] {
+    background-color: var(--color-fill-rb-hovered) !important;
+  }
+  .bg-fill-rb-subtle {
+    background-color: var(--color-fill-rb-subtle);
+  }
+  [class^="bg-fill-rb-subtle/"],
+  [class*=" bg-fill-rb-subtle/"] {
+    background-color: var(--color-fill-rb-subtle) !important;
+  }
+  .bg-fill-bg-rb-subtle {
+    background-color: var(--color-fill-rb-subtle);
+  }
+  [class^="bg-fill-bg-rb-subtle/"],
+  [class*=" bg-fill-bg-rb-subtle/"] {
+    background-color: var(--color-fill-rb-subtle) !important;
+  }
+  .bg-fill-fill-rb-subtle {
+    background-color: var(--color-fill-rb-subtle);
+  }
+  [class^="bg-fill-fill-rb-subtle/"],
+  [class*=" bg-fill-fill-rb-subtle/"] {
+    background-color: var(--color-fill-rb-subtle) !important;
+  }
+  .bg-fill-rb-subtler {
+    background-color: var(--color-fill-rb-subtler);
+  }
+  [class^="bg-fill-rb-subtler/"],
+  [class*=" bg-fill-rb-subtler/"] {
+    background-color: var(--color-fill-rb-subtler) !important;
+  }
+  .bg-fill-bg-rb-subtler {
+    background-color: var(--color-fill-rb-subtler);
+  }
+  [class^="bg-fill-bg-rb-subtler/"],
+  [class*=" bg-fill-bg-rb-subtler/"] {
+    background-color: var(--color-fill-rb-subtler) !important;
+  }
+  .bg-fill-fill-rb-subtler {
+    background-color: var(--color-fill-rb-subtler);
+  }
+  [class^="bg-fill-fill-rb-subtler/"],
+  [class*=" bg-fill-fill-rb-subtler/"] {
+    background-color: var(--color-fill-rb-subtler) !important;
+  }
+  .bg-fill-rb-subtlest {
+    background-color: var(--color-fill-rb-subtlest);
+  }
+  [class^="bg-fill-rb-subtlest/"],
+  [class*=" bg-fill-rb-subtlest/"] {
+    background-color: var(--color-fill-rb-subtlest) !important;
+  }
+  .bg-fill-bg-rb-subtlest {
+    background-color: var(--color-fill-rb-subtlest);
+  }
+  [class^="bg-fill-bg-rb-subtlest/"],
+  [class*=" bg-fill-bg-rb-subtlest/"] {
+    background-color: var(--color-fill-rb-subtlest) !important;
+  }
+  .bg-fill-fill-rb-subtlest {
+    background-color: var(--color-fill-rb-subtlest);
+  }
+  [class^="bg-fill-fill-rb-subtlest/"],
+  [class*=" bg-fill-fill-rb-subtlest/"] {
+    background-color: var(--color-fill-rb-subtlest) !important;
+  }
+  .bg-fill-icon-program {
+    background-color: var(--color-fill-icon-program);
+  }
+  [class^="bg-fill-icon-program/"],
+  [class*=" bg-fill-icon-program/"] {
+    background-color: var(--color-fill-icon-program) !important;
+  }
+  .bg-fill-bg-icon-program {
+    background-color: var(--color-fill-icon-program);
+  }
+  [class^="bg-fill-bg-icon-program/"],
+  [class*=" bg-fill-bg-icon-program/"] {
+    background-color: var(--color-fill-icon-program) !important;
+  }
+  .bg-fill-fill-icon-program {
+    background-color: var(--color-fill-icon-program);
+  }
+  [class^="bg-fill-fill-icon-program/"],
+  [class*=" bg-fill-fill-icon-program/"] {
+    background-color: var(--color-fill-icon-program) !important;
+  }
+  .bg-fill-brand-subtlest {
+    background-color: var(--color-fill-brand-subtlest);
+  }
+  [class^="bg-fill-brand-subtlest/"],
+  [class*=" bg-fill-brand-subtlest/"] {
+    background-color: var(--color-fill-brand-subtlest) !important;
+  }
+  .bg-fill-bg-brand-subtlest {
+    background-color: var(--color-fill-brand-subtlest);
+  }
+  [class^="bg-fill-bg-brand-subtlest/"],
+  [class*=" bg-fill-bg-brand-subtlest/"] {
+    background-color: var(--color-fill-brand-subtlest) !important;
+  }
+  .bg-fill-fill-brand-subtlest {
+    background-color: var(--color-fill-brand-subtlest);
+  }
+  [class^="bg-fill-fill-brand-subtlest/"],
+  [class*=" bg-fill-fill-brand-subtlest/"] {
+    background-color: var(--color-fill-brand-subtlest) !important;
+  }
+  .bg-fill-navy {
+    background-color: var(--color-fill-navy);
+  }
+  [class^="bg-fill-navy/"],
+  [class*=" bg-fill-navy/"] {
+    background-color: var(--color-fill-navy) !important;
+  }
+  .bg-fill-bg-navy {
+    background-color: var(--color-fill-navy);
+  }
+  [class^="bg-fill-bg-navy/"],
+  [class*=" bg-fill-bg-navy/"] {
+    background-color: var(--color-fill-navy) !important;
+  }
+  .bg-fill-fill-navy {
+    background-color: var(--color-fill-navy);
+  }
+  [class^="bg-fill-fill-navy/"],
+  [class*=" bg-fill-fill-navy/"] {
+    background-color: var(--color-fill-navy) !important;
+  }
+  .bg-fill-navy-hovered {
+    background-color: var(--color-fill-navy-hovered);
+  }
+  [class^="bg-fill-navy-hovered/"],
+  [class*=" bg-fill-navy-hovered/"] {
+    background-color: var(--color-fill-navy-hovered) !important;
+  }
+  .bg-fill-bg-navy-hovered {
+    background-color: var(--color-fill-navy-hovered);
+  }
+  [class^="bg-fill-bg-navy-hovered/"],
+  [class*=" bg-fill-bg-navy-hovered/"] {
+    background-color: var(--color-fill-navy-hovered) !important;
+  }
+  .bg-fill-fill-navy-hovered {
+    background-color: var(--color-fill-navy-hovered);
+  }
+  [class^="bg-fill-fill-navy-hovered/"],
+  [class*=" bg-fill-fill-navy-hovered/"] {
+    background-color: var(--color-fill-navy-hovered) !important;
+  }
+  .bg-fill-navy-subtle {
+    background-color: var(--color-fill-navy-subtle);
+  }
+  [class^="bg-fill-navy-subtle/"],
+  [class*=" bg-fill-navy-subtle/"] {
+    background-color: var(--color-fill-navy-subtle) !important;
+  }
+  .bg-fill-bg-navy-subtle {
+    background-color: var(--color-fill-navy-subtle);
+  }
+  [class^="bg-fill-bg-navy-subtle/"],
+  [class*=" bg-fill-bg-navy-subtle/"] {
+    background-color: var(--color-fill-navy-subtle) !important;
+  }
+  .bg-fill-fill-navy-subtle {
+    background-color: var(--color-fill-navy-subtle);
+  }
+  [class^="bg-fill-fill-navy-subtle/"],
+  [class*=" bg-fill-fill-navy-subtle/"] {
+    background-color: var(--color-fill-navy-subtle) !important;
+  }
+  .bg-fill-navy-subtler {
+    background-color: var(--color-fill-navy-subtler);
+  }
+  [class^="bg-fill-navy-subtler/"],
+  [class*=" bg-fill-navy-subtler/"] {
+    background-color: var(--color-fill-navy-subtler) !important;
+  }
+  .bg-fill-bg-navy-subtler {
+    background-color: var(--color-fill-navy-subtler);
+  }
+  [class^="bg-fill-bg-navy-subtler/"],
+  [class*=" bg-fill-bg-navy-subtler/"] {
+    background-color: var(--color-fill-navy-subtler) !important;
+  }
+  .bg-fill-fill-navy-subtler {
+    background-color: var(--color-fill-navy-subtler);
+  }
+  [class^="bg-fill-fill-navy-subtler/"],
+  [class*=" bg-fill-fill-navy-subtler/"] {
+    background-color: var(--color-fill-navy-subtler) !important;
+  }
+  .bg-fill-navy-subtlest {
+    background-color: var(--color-fill-navy-subtlest);
+  }
+  [class^="bg-fill-navy-subtlest/"],
+  [class*=" bg-fill-navy-subtlest/"] {
+    background-color: var(--color-fill-navy-subtlest) !important;
+  }
+  .bg-fill-bg-navy-subtlest {
+    background-color: var(--color-fill-navy-subtlest);
+  }
+  [class^="bg-fill-bg-navy-subtlest/"],
+  [class*=" bg-fill-bg-navy-subtlest/"] {
+    background-color: var(--color-fill-navy-subtlest) !important;
+  }
+  .bg-fill-fill-navy-subtlest {
+    background-color: var(--color-fill-navy-subtlest);
+  }
+  [class^="bg-fill-fill-navy-subtlest/"],
+  [class*=" bg-fill-fill-navy-subtlest/"] {
+    background-color: var(--color-fill-navy-subtlest) !important;
+  }
+  .bg-dim {
+    background-color: var(--color-bg-dim);
+  }
+  [class^="bg-dim/"],
+  [class*=" bg-dim/"] {
+    background-color: var(--color-bg-dim) !important;
+  }
+  .bg-bg-dim {
+    background-color: var(--color-bg-dim);
+  }
+  [class^="bg-bg-dim/"],
+  [class*=" bg-bg-dim/"] {
+    background-color: var(--color-bg-dim) !important;
+  }
+  .bg-default {
+    background-color: var(--color-bg-default);
+  }
+  [class^="bg-default/"],
+  [class*=" bg-default/"] {
+    background-color: var(--color-bg-default) !important;
+  }
+  .bg-bg-default {
+    background-color: var(--color-bg-default);
+  }
+  [class^="bg-bg-default/"],
+  [class*=" bg-bg-default/"] {
+    background-color: var(--color-bg-default) !important;
+  }
+  .bg-overlay {
+    background-color: var(--color-bg-overlay);
+  }
+  [class^="bg-overlay/"],
+  [class*=" bg-overlay/"] {
+    background-color: var(--color-bg-overlay) !important;
+  }
+  .bg-bg-overlay {
+    background-color: var(--color-bg-overlay);
+  }
+  [class^="bg-bg-overlay/"],
+  [class*=" bg-bg-overlay/"] {
+    background-color: var(--color-bg-overlay) !important;
+  }
+  .bg-inverse {
+    background-color: var(--color-bg-inverse);
+  }
+  [class^="bg-inverse/"],
+  [class*=" bg-inverse/"] {
+    background-color: var(--color-bg-inverse) !important;
+  }
+  .bg-bg-inverse {
+    background-color: var(--color-bg-inverse);
+  }
+  [class^="bg-bg-inverse/"],
+  [class*=" bg-bg-inverse/"] {
+    background-color: var(--color-bg-inverse) !important;
+  }
+  .bg-raised {
+    background-color: var(--color-bg-raised);
+  }
+  [class^="bg-raised/"],
+  [class*=" bg-raised/"] {
+    background-color: var(--color-bg-raised) !important;
+  }
+  .bg-bg-raised {
+    background-color: var(--color-bg-raised);
+  }
+  [class^="bg-bg-raised/"],
+  [class*=" bg-bg-raised/"] {
+    background-color: var(--color-bg-raised) !important;
+  }
+  .bg-card {
+    background-color: var(--color-bg-card);
+  }
+  [class^="bg-card/"],
+  [class*=" bg-card/"] {
+    background-color: var(--color-bg-card) !important;
+  }
+  .bg-bg-card {
+    background-color: var(--color-bg-card);
+  }
+  [class^="bg-bg-card/"],
+  [class*=" bg-bg-card/"] {
+    background-color: var(--color-bg-card) !important;
+  }
+  .bg-alt-1 {
+    background-color: var(--color-bg-alt-1);
+  }
+  [class^="bg-alt-1/"],
+  [class*=" bg-alt-1/"] {
+    background-color: var(--color-bg-alt-1) !important;
+  }
+  .bg-bg-alt-1 {
+    background-color: var(--color-bg-alt-1);
+  }
+  [class^="bg-bg-alt-1/"],
+  [class*=" bg-bg-alt-1/"] {
+    background-color: var(--color-bg-alt-1) !important;
+  }
+  .bg-alt-2 {
+    background-color: var(--color-bg-alt-2);
+  }
+  [class^="bg-alt-2/"],
+  [class*=" bg-alt-2/"] {
+    background-color: var(--color-bg-alt-2) !important;
+  }
+  .bg-bg-alt-2 {
+    background-color: var(--color-bg-alt-2);
+  }
+  [class^="bg-bg-alt-2/"],
+  [class*=" bg-bg-alt-2/"] {
+    background-color: var(--color-bg-alt-2) !important;
+  }
+  .bg-translucent {
+    background-color: var(--color-bg-translucent);
+  }
+  [class^="bg-translucent/"],
+  [class*=" bg-translucent/"] {
+    background-color: var(--color-bg-translucent) !important;
+  }
+  .bg-bg-translucent {
+    background-color: var(--color-bg-translucent);
+  }
+  [class^="bg-bg-translucent/"],
+  [class*=" bg-bg-translucent/"] {
+    background-color: var(--color-bg-translucent) !important;
+  }
+  .bg-overlay-high {
+    background-color: var(--color-bg-overlay-high);
+  }
+  [class^="bg-overlay-high/"],
+  [class*=" bg-overlay-high/"] {
+    background-color: var(--color-bg-overlay-high) !important;
+  }
+  .bg-bg-overlay-high {
+    background-color: var(--color-bg-overlay-high);
+  }
+  [class^="bg-bg-overlay-high/"],
+  [class*=" bg-bg-overlay-high/"] {
+    background-color: var(--color-bg-overlay-high) !important;
+  }
+  .bg-tooltip {
+    background-color: var(--color-bg-tooltip);
+  }
+  [class^="bg-tooltip/"],
+  [class*=" bg-tooltip/"] {
+    background-color: var(--color-bg-tooltip) !important;
+  }
+  .bg-bg-tooltip {
+    background-color: var(--color-bg-tooltip);
+  }
+  [class^="bg-bg-tooltip/"],
+  [class*=" bg-bg-tooltip/"] {
+    background-color: var(--color-bg-tooltip) !important;
+  }
+  .border-default {
+    border-color: var(--color-border-default);
+  }
+  [class^="border-default/"],
+  [class*=" border-default/"] {
+    border-color: var(--color-border-default) !important;
+  }
+  .border-border-default {
+    border-color: var(--color-border-default);
+  }
+  [class^="border-border-default/"],
+  [class*=" border-border-default/"] {
+    border-color: var(--color-border-default) !important;
+  }
+  .border-danger-stronger {
+    border-color: var(--color-border-danger-stronger);
+  }
+  [class^="border-danger-stronger/"],
+  [class*=" border-danger-stronger/"] {
+    border-color: var(--color-border-danger-stronger) !important;
+  }
+  .border-border-danger-stronger {
+    border-color: var(--color-border-danger-stronger);
+  }
+  [class^="border-border-danger-stronger/"],
+  [class*=" border-border-danger-stronger/"] {
+    border-color: var(--color-border-danger-stronger) !important;
+  }
+  .border-warning-stronger {
+    border-color: var(--color-border-warning-stronger);
+  }
+  [class^="border-warning-stronger/"],
+  [class*=" border-warning-stronger/"] {
+    border-color: var(--color-border-warning-stronger) !important;
+  }
+  .border-border-warning-stronger {
+    border-color: var(--color-border-warning-stronger);
+  }
+  [class^="border-border-warning-stronger/"],
+  [class*=" border-border-warning-stronger/"] {
+    border-color: var(--color-border-warning-stronger) !important;
+  }
+  .border-success-stronger {
+    border-color: var(--color-border-success-stronger);
+  }
+  [class^="border-success-stronger/"],
+  [class*=" border-success-stronger/"] {
+    border-color: var(--color-border-success-stronger) !important;
+  }
+  .border-border-success-stronger {
+    border-color: var(--color-border-success-stronger);
+  }
+  [class^="border-border-success-stronger/"],
+  [class*=" border-border-success-stronger/"] {
+    border-color: var(--color-border-success-stronger) !important;
+  }
+  .border-information-stronger {
+    border-color: var(--color-border-information-stronger);
+  }
+  [class^="border-information-stronger/"],
+  [class*=" border-information-stronger/"] {
+    border-color: var(--color-border-information-stronger) !important;
+  }
+  .border-border-information-stronger {
+    border-color: var(--color-border-information-stronger);
+  }
+  [class^="border-border-information-stronger/"],
+  [class*=" border-border-information-stronger/"] {
+    border-color: var(--color-border-information-stronger) !important;
+  }
+  .border-disabled {
+    border-color: var(--color-border-disabled);
+  }
+  [class^="border-disabled/"],
+  [class*=" border-disabled/"] {
+    border-color: var(--color-border-disabled) !important;
+  }
+  .border-border-disabled {
+    border-color: var(--color-border-disabled);
+  }
+  [class^="border-border-disabled/"],
+  [class*=" border-border-disabled/"] {
+    border-color: var(--color-border-disabled) !important;
+  }
+  .border-inverse-stronger {
+    border-color: var(--color-border-inverse-stronger);
+  }
+  [class^="border-inverse-stronger/"],
+  [class*=" border-inverse-stronger/"] {
+    border-color: var(--color-border-inverse-stronger) !important;
+  }
+  .border-border-inverse-stronger {
+    border-color: var(--color-border-inverse-stronger);
+  }
+  [class^="border-border-inverse-stronger/"],
+  [class*=" border-border-inverse-stronger/"] {
+    border-color: var(--color-border-inverse-stronger) !important;
+  }
+  .border-stronger {
+    border-color: var(--color-border-stronger);
+  }
+  [class^="border-stronger/"],
+  [class*=" border-stronger/"] {
+    border-color: var(--color-border-stronger) !important;
+  }
+  .border-border-stronger {
+    border-color: var(--color-border-stronger);
+  }
+  [class^="border-border-stronger/"],
+  [class*=" border-border-stronger/"] {
+    border-color: var(--color-border-stronger) !important;
+  }
+  .border-inverse {
+    border-color: var(--color-border-inverse);
+  }
+  [class^="border-inverse/"],
+  [class*=" border-inverse/"] {
+    border-color: var(--color-border-inverse) !important;
+  }
+  .border-border-inverse {
+    border-color: var(--color-border-inverse);
+  }
+  [class^="border-border-inverse/"],
+  [class*=" border-border-inverse/"] {
+    border-color: var(--color-border-inverse) !important;
+  }
+  .border-danger {
+    border-color: var(--color-border-danger);
+  }
+  [class^="border-danger/"],
+  [class*=" border-danger/"] {
+    border-color: var(--color-border-danger) !important;
+  }
+  .border-border-danger {
+    border-color: var(--color-border-danger);
+  }
+  [class^="border-border-danger/"],
+  [class*=" border-border-danger/"] {
+    border-color: var(--color-border-danger) !important;
+  }
+  .border-warning {
+    border-color: var(--color-border-warning);
+  }
+  [class^="border-warning/"],
+  [class*=" border-warning/"] {
+    border-color: var(--color-border-warning) !important;
+  }
+  .border-border-warning {
+    border-color: var(--color-border-warning);
+  }
+  [class^="border-border-warning/"],
+  [class*=" border-border-warning/"] {
+    border-color: var(--color-border-warning) !important;
+  }
+  .border-information {
+    border-color: var(--color-border-information);
+  }
+  [class^="border-information/"],
+  [class*=" border-information/"] {
+    border-color: var(--color-border-information) !important;
+  }
+  .border-border-information {
+    border-color: var(--color-border-information);
+  }
+  [class^="border-border-information/"],
+  [class*=" border-border-information/"] {
+    border-color: var(--color-border-information) !important;
+  }
+  .border-success {
+    border-color: var(--color-border-success);
+  }
+  [class^="border-success/"],
+  [class*=" border-success/"] {
+    border-color: var(--color-border-success) !important;
+  }
+  .border-border-success {
+    border-color: var(--color-border-success);
+  }
+  [class^="border-border-success/"],
+  [class*=" border-border-success/"] {
+    border-color: var(--color-border-success) !important;
+  }
+  .border-subtle {
+    border-color: var(--color-border-subtle);
+  }
+  [class^="border-subtle/"],
+  [class*=" border-subtle/"] {
+    border-color: var(--color-border-subtle) !important;
+  }
+  .border-border-subtle {
+    border-color: var(--color-border-subtle);
+  }
+  [class^="border-border-subtle/"],
+  [class*=" border-border-subtle/"] {
+    border-color: var(--color-border-subtle) !important;
+  }
+  .border-input-focused {
+    border-color: var(--color-border-input-focused);
+  }
+  [class^="border-input-focused/"],
+  [class*=" border-input-focused/"] {
+    border-color: var(--color-border-input-focused) !important;
+  }
+  .border-border-input-focused {
+    border-color: var(--color-border-input-focused);
+  }
+  [class^="border-border-input-focused/"],
+  [class*=" border-border-input-focused/"] {
+    border-color: var(--color-border-input-focused) !important;
+  }
+  .border-inverse-disabled {
+    border-color: var(--color-border-inverse-disabled);
+  }
+  [class^="border-inverse-disabled/"],
+  [class*=" border-inverse-disabled/"] {
+    border-color: var(--color-border-inverse-disabled) !important;
+  }
+  .border-border-inverse-disabled {
+    border-color: var(--color-border-inverse-disabled);
+  }
+  [class^="border-border-inverse-disabled/"],
+  [class*=" border-border-inverse-disabled/"] {
+    border-color: var(--color-border-inverse-disabled) !important;
+  }
+  .border-brand-stronger {
+    border-color: var(--color-border-brand-stronger);
+  }
+  [class^="border-brand-stronger/"],
+  [class*=" border-brand-stronger/"] {
+    border-color: var(--color-border-brand-stronger) !important;
+  }
+  .border-border-brand-stronger {
+    border-color: var(--color-border-brand-stronger);
+  }
+  [class^="border-border-brand-stronger/"],
+  [class*=" border-border-brand-stronger/"] {
+    border-color: var(--color-border-brand-stronger) !important;
+  }
+  .border-brand {
+    border-color: var(--color-border-brand);
+  }
+  [class^="border-brand/"],
+  [class*=" border-brand/"] {
+    border-color: var(--color-border-brand) !important;
+  }
+  .border-border-brand {
+    border-color: var(--color-border-brand);
+  }
+  [class^="border-border-brand/"],
+  [class*=" border-border-brand/"] {
+    border-color: var(--color-border-brand) !important;
+  }
+  .border-caution-stronger {
+    border-color: var(--color-border-caution-stronger);
+  }
+  [class^="border-caution-stronger/"],
+  [class*=" border-caution-stronger/"] {
+    border-color: var(--color-border-caution-stronger) !important;
+  }
+  .border-border-caution-stronger {
+    border-color: var(--color-border-caution-stronger);
+  }
+  [class^="border-border-caution-stronger/"],
+  [class*=" border-border-caution-stronger/"] {
+    border-color: var(--color-border-caution-stronger) !important;
+  }
+  .border-caution {
+    border-color: var(--color-border-caution);
+  }
+  [class^="border-caution/"],
+  [class*=" border-caution/"] {
+    border-color: var(--color-border-caution) !important;
+  }
+  .border-border-caution {
+    border-color: var(--color-border-caution);
+  }
+  [class^="border-border-caution/"],
+  [class*=" border-border-caution/"] {
+    border-color: var(--color-border-caution) !important;
+  }
+  .border-debug-stronger {
+    border-color: var(--color-border-debug-stronger);
+  }
+  [class^="border-debug-stronger/"],
+  [class*=" border-debug-stronger/"] {
+    border-color: var(--color-border-debug-stronger) !important;
+  }
+  .border-border-debug-stronger {
+    border-color: var(--color-border-debug-stronger);
+  }
+  [class^="border-border-debug-stronger/"],
+  [class*=" border-border-debug-stronger/"] {
+    border-color: var(--color-border-debug-stronger) !important;
+  }
+  .border-debug {
+    border-color: var(--color-border-debug);
+  }
+  [class^="border-debug/"],
+  [class*=" border-debug/"] {
+    border-color: var(--color-border-debug) !important;
+  }
+  .border-border-debug {
+    border-color: var(--color-border-debug);
+  }
+  [class^="border-border-debug/"],
+  [class*=" border-border-debug/"] {
+    border-color: var(--color-border-debug) !important;
+  }
+  .border-subtler {
+    border-color: var(--color-border-subtler);
+  }
+  [class^="border-subtler/"],
+  [class*=" border-subtler/"] {
+    border-color: var(--color-border-subtler) !important;
+  }
+  .border-border-subtler {
+    border-color: var(--color-border-subtler);
+  }
+  [class^="border-border-subtler/"],
+  [class*=" border-border-subtler/"] {
+    border-color: var(--color-border-subtler) !important;
+  }
+  .border-rb-stronger {
+    border-color: var(--color-border-rb-stronger);
+  }
+  [class^="border-rb-stronger/"],
+  [class*=" border-rb-stronger/"] {
+    border-color: var(--color-border-rb-stronger) !important;
+  }
+  .border-border-rb-stronger {
+    border-color: var(--color-border-rb-stronger);
+  }
+  [class^="border-border-rb-stronger/"],
+  [class*=" border-border-rb-stronger/"] {
+    border-color: var(--color-border-rb-stronger) !important;
+  }
+  .border-rb {
+    border-color: var(--color-border-rb);
+  }
+  [class^="border-rb/"],
+  [class*=" border-rb/"] {
+    border-color: var(--color-border-rb) !important;
+  }
+  .border-border-rb {
+    border-color: var(--color-border-rb);
+  }
+  [class^="border-border-rb/"],
+  [class*=" border-border-rb/"] {
+    border-color: var(--color-border-rb) !important;
+  }
+  .border-navy-stronger {
+    border-color: var(--color-border-navy-stronger);
+  }
+  [class^="border-navy-stronger/"],
+  [class*=" border-navy-stronger/"] {
+    border-color: var(--color-border-navy-stronger) !important;
+  }
+  .border-border-navy-stronger {
+    border-color: var(--color-border-navy-stronger);
+  }
+  [class^="border-border-navy-stronger/"],
+  [class*=" border-border-navy-stronger/"] {
+    border-color: var(--color-border-navy-stronger) !important;
+  }
+  .border-navy {
+    border-color: var(--color-border-navy);
+  }
+  [class^="border-navy/"],
+  [class*=" border-navy/"] {
+    border-color: var(--color-border-navy) !important;
+  }
+  .border-border-navy {
+    border-color: var(--color-border-navy);
+  }
+  [class^="border-border-navy/"],
+  [class*=" border-border-navy/"] {
+    border-color: var(--color-border-navy) !important;
+  }
+}