/* v1.13.1 */
*, ::before, ::after, ::backdrop {
    --container-mode-1-height-2xl: 720px;
    --container-mode-1-height-2xs: 160px;
    --container-mode-1-height-3xl: 800px;
    --container-mode-1-height-lg: 560px;
    --container-mode-1-height-md: 480px;
    --container-mode-1-height-sm: 320px;
    --container-mode-1-height-xl: 640px;
    --container-mode-1-height-xs: 240px;
    --container-mode-1-width-2xl: 672px;
    --container-mode-1-width-2xs: 288px;
    --container-mode-1-width-3xl: 768px;
    --container-mode-1-width-3xs: 288px;
    --container-mode-1-width-4xl: 896px;
    --container-mode-1-width-5xl: 1024px;
    --container-mode-1-width-lg: 512px;
    --container-mode-1-width-md: 448px;
    --container-mode-1-width-sm: 384px;
    --container-mode-1-width-xl: 576px;
    --container-mode-1-width-xs: 320px;
    --dimension-border-0: 0;
    --dimension-border-1: 1px;
    --dimension-border-2: 2px;
    --dimension-border-4: 4px;
    --dimension-border-default: var(--dimension-border-1);
    --dimension-border-interactive: var(--dimension-border-2);
    --dimension-border-none: var(--dimension-border-0);
    --dimension-rounded-0: 0;
    --dimension-rounded-12: 12px;
    --dimension-rounded-16: 16px;
    --dimension-rounded-2: 2px;
    --dimension-rounded-20: 20px;
    --dimension-rounded-24: 24px;
    --dimension-rounded-32: 32px;
    --dimension-rounded-4: 4px;
    --dimension-rounded-6: 6px;
    --dimension-rounded-8: 8px;
    --dimension-rounded-full: 9999px;
    --dimension-space-0: 0;
    --dimension-space-1: 1px;
    --dimension-space-10: 10px;
    --dimension-space-104: 104px;
    --dimension-space-112: 112px;
    --dimension-space-12: 12px;
    --dimension-space-120: 120px;
    --dimension-space-128: 128px;
    --dimension-space-136: 136px;
    --dimension-space-14: 14px;
    --dimension-space-144: 144px;
    --dimension-space-152: 152px;
    --dimension-space-16: 16px;
    --dimension-space-160: 160px;
    --dimension-space-18: 18px;
    --dimension-space-2: 2px;
    --dimension-space-20: 20px;
    --dimension-space-24: 24px;
    --dimension-space-28: 28px;
    --dimension-space-32: 32px;
    --dimension-space-36: 36px;
    --dimension-space-4: 4px;
    --dimension-space-40: 40px;
    --dimension-space-48: 48px;
    --dimension-space-56: 56px;
    --dimension-space-6: 6px;
    --dimension-space-64: 64px;
    --dimension-space-72: 72px;
    --dimension-space-8: 8px;
    --dimension-space-80: 80px;
    --dimension-space-88: 88px;
    --dimension-space-96: 96px;
    --dimension-space-neg12: -12px;
    --dimension-space-neg2: -2px;
    --dimension-space-neg4: -4px;
    --dimension-text-10: 10px;
    --dimension-text-12: 12px;
    --dimension-text-14: 14px;
    --dimension-text-16: 16px;
    --dimension-text-18: 18px;
    --dimension-text-20: 20px;
    --dimension-text-24: 24px;
    --dimension-text-32: 32px;
    --dimension-text-36: 36px;
    --dimension-text-40: 40px;
    --dimension-text-48: 48px;
    --dimension-text-6: 6px;
    --dimension-text-72: 72px;
    --dimension-text-8: 8px;
    --effect-opacity-0: 0;
    --effect-opacity-100: 1;
    --effect-opacity-20: 0.2;
    --effect-opacity-40: 0.4;
    --effect-opacity-60: 0.6;
    --effect-opacity-80: 0.8;
    --effect-opacity-disabled: var(--effect-opacity-40);
    --effect-shadow-100-layer-1-blur: var(--dimension-space-2);
    --effect-shadow-100-layer-1-spread: var(--dimension-space-0);
    --effect-shadow-100-layer-1-x: var(--dimension-space-0);
    --effect-shadow-100-layer-1-y: var(--dimension-space-1);
    --effect-shadow-100-layer-2-blur: var(--dimension-space-0);
    --effect-shadow-100-layer-2-spread: var(--dimension-space-0);
    --effect-shadow-100-layer-2-x: var(--dimension-space-0);
    --effect-shadow-100-layer-2-y: var(--dimension-space-0);
    --effect-shadow-200-layer-1-blur: var(--dimension-space-8);
    --effect-shadow-200-layer-1-spread: var(--dimension-space-neg4);
    --effect-shadow-200-layer-1-x: var(--dimension-space-0);
    --effect-shadow-200-layer-1-y: var(--dimension-space-4);
    --effect-shadow-200-layer-2-blur: var(--dimension-space-4);
    --effect-shadow-200-layer-2-spread: var(--dimension-space-neg2);
    --effect-shadow-200-layer-2-x: var(--dimension-space-0);
    --effect-shadow-200-layer-2-y: var(--dimension-space-2);
    --effect-shadow-300-layer-1-blur: var(--dimension-space-16);
    --effect-shadow-300-layer-1-spread: var(--dimension-space-neg4);
    --effect-shadow-300-layer-1-x: var(--dimension-space-0);
    --effect-shadow-300-layer-1-y: var(--dimension-space-12);
    --effect-shadow-300-layer-2-blur: var(--dimension-space-8);
    --effect-shadow-300-layer-2-spread: var(--dimension-space-neg2);
    --effect-shadow-300-layer-2-x: var(--dimension-space-0);
    --effect-shadow-300-layer-2-y: var(--dimension-space-4);
    --effect-shadow-400-layer-1-blur: var(--dimension-space-24);
    --effect-shadow-400-layer-1-spread: var(--dimension-space-neg4);
    --effect-shadow-400-layer-1-x: var(--dimension-space-0);
    --effect-shadow-400-layer-1-y: var(--dimension-space-20);
    --effect-shadow-400-layer-2-blur: var(--dimension-space-8);
    --effect-shadow-400-layer-2-spread: var(--dimension-space-neg4);
    --effect-shadow-400-layer-2-x: var(--dimension-space-0);
    --effect-shadow-400-layer-2-y: var(--dimension-space-8);
    --effect-shadow-500-layer-1-blur: var(--dimension-space-48);
    --effect-shadow-500-layer-1-spread: var(--dimension-space-neg12);
    --effect-shadow-500-layer-1-x: var(--dimension-space-0);
    --effect-shadow-500-layer-1-y: var(--dimension-space-24);
    --effect-shadow-500-layer-2-blur: var(--dimension-space-0);
    --effect-shadow-500-layer-2-spread: var(--dimension-space-0);
    --effect-shadow-500-layer-2-x: var(--dimension-space-0);
    --effect-shadow-500-layer-2-y: var(--dimension-space-0);
    --effect-shadow-600-layer-1-blur: var(--dimension-space-64);
    --effect-shadow-600-layer-1-spread: var(--dimension-space-neg12);
    --effect-shadow-600-layer-1-x: var(--dimension-space-0);
    --effect-shadow-600-layer-1-y: var(--dimension-space-32);
    --effect-shadow-600-layer-2-blur: var(--dimension-space-0);
    --effect-shadow-600-layer-2-spread: var(--dimension-space-0);
    --effect-shadow-600-layer-2-x: var(--dimension-space-0);
    --effect-shadow-600-layer-2-y: var(--dimension-space-0);
    --scale-mode-1-2xl-gap: var(--dimension-space-12);
    --scale-mode-1-2xl-height: var(--dimension-space-64);
    --scale-mode-1-2xl-icon-size: var(--dimension-space-24);
    --scale-mode-1-2xl-padding: var(--dimension-space-16);
    --scale-mode-1-2xl-radius: var(--dimension-rounded-16);
    --scale-mode-1-2xl-width: var(--dimension-space-64);
    --scale-mode-1-2xs-gap: var(--dimension-space-2);
    --scale-mode-1-2xs-height: var(--dimension-space-16);
    --scale-mode-1-2xs-icon-size: var(--dimension-space-12);
    --scale-mode-1-2xs-padding: var(--dimension-space-4);
    --scale-mode-1-2xs-radius: var(--dimension-rounded-4);
    --scale-mode-1-2xs-width: var(--dimension-space-16);
    --scale-mode-1-3xl-gap: var(--dimension-space-8);
    --scale-mode-1-3xl-height: var(--dimension-space-104);
    --scale-mode-1-3xl-icon-size: var(--dimension-space-24);
    --scale-mode-1-3xl-padding: var(--dimension-space-24);
    --scale-mode-1-3xl-radius: var(--dimension-rounded-20);
    --scale-mode-1-3xl-width: var(--dimension-space-104);
    --scale-mode-1-lg-gap: var(--dimension-space-8);
    --scale-mode-1-lg-height: var(--dimension-space-48);
    --scale-mode-1-lg-icon-size: var(--dimension-space-20);
    --scale-mode-1-lg-padding: var(--dimension-space-12);
    --scale-mode-1-lg-radius: var(--dimension-rounded-12);
    --scale-mode-1-lg-width: var(--dimension-space-48);
    --scale-mode-1-md-gap: var(--dimension-space-8);
    --scale-mode-1-md-height: var(--dimension-space-40);
    --scale-mode-1-md-icon-size: var(--dimension-space-20);
    --scale-mode-1-md-padding: var(--dimension-space-10);
    --scale-mode-1-md-radius: var(--dimension-rounded-12);
    --scale-mode-1-md-width: var(--dimension-space-40);
    --scale-mode-1-sm-gap: var(--dimension-space-6);
    --scale-mode-1-sm-height: var(--dimension-space-32);
    --scale-mode-1-sm-icon-size: var(--dimension-space-18);
    --scale-mode-1-sm-padding: var(--dimension-space-8);
    --scale-mode-1-sm-radius: var(--dimension-rounded-8);
    --scale-mode-1-sm-width: var(--dimension-space-32);
    --scale-mode-1-xl-gap: var(--dimension-space-10);
    --scale-mode-1-xl-height: var(--dimension-space-56);
    --scale-mode-1-xl-icon-size: var(--dimension-space-20);
    --scale-mode-1-xl-padding: var(--dimension-space-16);
    --scale-mode-1-xl-radius: var(--dimension-rounded-16);
    --scale-mode-1-xl-width: var(--dimension-space-56);
    --scale-mode-1-xs-gap: var(--dimension-space-4);
    --scale-mode-1-xs-height: var(--dimension-space-24);
    --scale-mode-1-xs-icon-size: var(--dimension-space-14);
    --scale-mode-1-xs-padding: var(--dimension-space-6);
    --scale-mode-1-xs-radius: var(--dimension-rounded-6);
    --scale-mode-1-xs-width: var(--dimension-space-24);
    --text-body-100-font-family: var(--text-font-family-primary);
    --text-body-100-font-size: var(--dimension-text-10);
    --text-body-100-font-weight: var(--text-font-weight-regular);
    --text-body-100-line-height: var(--dimension-space-12);
    --text-body-200-font-family: var(--text-font-family-primary);
    --text-body-200-font-size: var(--dimension-text-12);
    --text-body-200-font-weight: var(--text-font-weight-regular);
    --text-body-200-line-height: var(--dimension-space-16);
    --text-body-300-font-family: var(--text-font-family-primary);
    --text-body-300-font-size: var(--dimension-text-14);
    --text-body-300-font-weight: var(--text-font-weight-regular);
    --text-body-300-line-height: var(--dimension-space-20);
    --text-body-400-font-family: var(--text-font-family-primary);
    --text-body-400-font-size: var(--dimension-text-16);
    --text-body-400-font-weight: var(--text-font-weight-regular);
    --text-body-400-line-height: var(--dimension-space-24);
    --text-body-500-font-family: var(--text-font-family-primary);
    --text-body-500-font-size: var(--dimension-text-18);
    --text-body-500-font-weight: var(--text-font-weight-regular);
    --text-body-500-line-height: var(--dimension-space-28);
    --text-cashier-100-font-family: var(--text-font-family-secondary);
    --text-cashier-100-font-size: var(--dimension-text-16);
    --text-cashier-100-font-weight: var(--text-font-weight-regular);
    --text-cashier-100-line-height: var(--dimension-space-24);
    --text-cashier-200-font-family: var(--text-font-family-secondary);
    --text-cashier-200-font-size: var(--dimension-text-20);
    --text-cashier-200-font-weight: var(--text-font-weight-regular);
    --text-cashier-200-line-height: var(--dimension-space-32);
    --text-cashier-300-font-family: var(--text-font-family-secondary);
    --text-cashier-300-font-size: var(--dimension-text-24);
    --text-cashier-300-font-weight: var(--text-font-weight-regular);
    --text-cashier-300-line-height: var(--dimension-space-32);
    --text-cashier-400-font-family: var(--text-font-family-secondary);
    --text-cashier-400-font-size: var(--dimension-text-32);
    --text-cashier-400-font-weight: var(--text-font-weight-regular);
    --text-cashier-400-line-height: var(--dimension-space-40);
    --text-cashier-500-font-family: var(--text-font-family-secondary);
    --text-cashier-500-font-size: var(--dimension-text-40);
    --text-cashier-500-font-weight: var(--text-font-weight-regular);
    --text-cashier-500-line-height: var(--dimension-space-48);
    --text-font-family-primary: "DM Sans";
    --text-font-family-secondary: "Space Grotesk";
    --text-font-family-tertiary: "DM Serif Display";
    --text-font-weight-black: 900;
    --text-font-weight-bold: 700;
    --text-font-weight-extra-bold: 800;
    --text-font-weight-extra-light: 200;
    --text-font-weight-light: 300;
    --text-font-weight-medium: 500;
    --text-font-weight-regular: 400;
    --text-font-weight-semi-bold: 600;
    --text-font-weight-thin: 100;
}

.light-theme, :root.light-theme, .light-theme *::backdrop, .light-theme *::before, .light-theme *::after {
    --color-green-1: 251 254 252;
    --color-green-10: 43 154 102;
    --color-green-11: 33 131 88;
    --color-green-12: 25 59 45;
    --color-green-2: 244 251 246;
    --color-green-3: 230 246 235;
    --color-green-4: 214 241 223;
    --color-green-5: 196 232 209;
    --color-green-6: 173 221 192;
    --color-green-7: 142 206 170;
    --color-green-8: 91 185 139;
    --color-green-9: 48 164 108;
    --color-night-1: 246 255 248;
    --color-night-10: 13 37 20;
    --color-night-11: 0 20 5;
    --color-night-12: 0 15 3;
    --color-night-2: 227 234 228;
    --color-night-3: 216 225 218;
    --color-night-4: 198 208 200;
    --color-night-5: 189 199 191;
    --color-night-6: 177 187 179;
    --color-night-7: 157 169 159;
    --color-night-8: 69 85 72;
    --color-night-9: 23 47 29;
    --color-night-alpha-008: 0 20 5 / 0.08;
    --color-night-alpha-012: 0 20 5 / 0.12;
    --color-orange-1: 254 252 251;
    --color-orange-10: 239 95 0;
    --color-orange-11: 204 78 0;
    --color-orange-12: 88 45 29;
    --color-orange-2: 255 247 237;
    --color-orange-3: 255 239 214;
    --color-orange-4: 255 223 181;
    --color-orange-5: 255 209 154;
    --color-orange-6: 255 193 130;
    --color-orange-7: 245 174 115;
    --color-orange-8: 236 148 85;
    --color-orange-9: 247 107 21;
    --color-sage-1: 252 253 252;
    --color-sage-10: 126 132 125;
    --color-sage-11: 96 100 95;
    --color-sage-12: 30 33 29;
    --color-sage-2: 248 249 248;
    --color-sage-3: 239 241 239;
    --color-sage-4: 231 233 230;
    --color-sage-5: 224 226 223;
    --color-sage-6: 215 218 214;
    --color-sage-7: 204 208 203;
    --color-sage-8: 184 189 182;
    --color-sage-9: 137 143 135;
    --color-sage-alpha-000: 252 253 252 / 0;
    --color-sage-alpha-008: 30 33 29 / 0.08;
    --color-sage-alpha-056: 30 33 29 / 0.56;
    --color-sage-alpha-light: 252 253 252 / 0.64;
    --color-sage-force-dark: 30 33 29;
    --color-sage-force-light: 252 253 252;
    --color-sage-shadow-0: 20 26 17 / 0;
    --color-sage-shadow-100: 20 26 17 / 0.04;
    --color-sage-shadow-200: 20 26 17 / 0.06;
    --color-sage-shadow-300: 20 26 17 / 0.08;
    --color-sage-shadow-400: 20 26 17 / 0.1;
    --color-sage-shadow-500: 20 26 17 / 0.16;
    --color-tomato-1: 255 252 252;
    --color-tomato-10: 241 64 89;
    --color-tomato-11: 209 21 64;
    --color-tomato-12: 104 17 31;
    --color-tomato-2: 255 247 247;
    --color-tomato-3: 255 234 234;
    --color-tomato-4: 255 219 219;
    --color-tomato-5: 255 205 205;
    --color-tomato-6: 245 170 171;
    --color-tomato-7: 255 142 148;
    --color-tomato-8: 236 143 146;
    --color-tomato-9: 255 78 100;
    --effect-shadow-100-layer-1-color: rgb(var(--color-sage-shadow-200));
    --effect-shadow-100-layer-2-color: rgb(var(--color-sage-shadow-0));
    --effect-shadow-200-layer-1-color: rgb(var(--color-sage-shadow-400));
    --effect-shadow-200-layer-2-color: rgb(var(--color-sage-shadow-100));
    --effect-shadow-300-layer-1-color: rgb(var(--color-sage-shadow-300));
    --effect-shadow-300-layer-2-color: rgb(var(--color-sage-shadow-100));
    --effect-shadow-400-layer-1-color: rgb(var(--color-sage-shadow-300));
    --effect-shadow-400-layer-2-color: rgb(var(--color-sage-shadow-100));
    --effect-shadow-500-layer-1-color: rgb(var(--color-sage-shadow-500));
    --effect-shadow-500-layer-2-color: rgb(var(--color-sage-shadow-0));
    --effect-shadow-600-layer-1-color: rgb(var(--color-sage-shadow-500));
    --effect-shadow-600-layer-2-color: rgb(var(--color-sage-shadow-0));
    --scale-mode-1-2xl-text-font: var(--text-font-family-primary);
    --scale-mode-1-2xl-text-height: var(--text-body-500-line-height);
    --scale-mode-1-2xl-text-size: var(--text-body-500-font-size);
    --scale-mode-1-2xl-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-2xs-text-font: var(--text-font-family-primary);
    --scale-mode-1-2xs-text-height: var(--text-body-100-line-height);
    --scale-mode-1-2xs-text-size: var(--text-body-100-font-size);
    --scale-mode-1-2xs-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-3xl-text-font: var(--text-font-family-primary);
    --scale-mode-1-3xl-text-height: var(--text-body-500-line-height);
    --scale-mode-1-3xl-text-size: var(--text-body-500-font-size);
    --scale-mode-1-3xl-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-lg-text-font: var(--text-font-family-primary);
    --scale-mode-1-lg-text-height: var(--text-body-400-line-height);
    --scale-mode-1-lg-text-size: var(--text-body-400-font-size);
    --scale-mode-1-lg-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-md-text-font: var(--text-font-family-primary);
    --scale-mode-1-md-text-height: var(--text-body-300-line-height);
    --scale-mode-1-md-text-size: var(--text-body-300-font-size);
    --scale-mode-1-md-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-sm-text-font: var(--text-font-family-primary);
    --scale-mode-1-sm-text-height: var(--text-body-300-line-height);
    --scale-mode-1-sm-text-size: var(--text-body-300-font-size);
    --scale-mode-1-sm-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-xl-text-font: var(--text-font-family-primary);
    --scale-mode-1-xl-text-height: var(--text-body-400-line-height);
    --scale-mode-1-xl-text-size: var(--text-body-400-font-size);
    --scale-mode-1-xl-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-xs-text-font: var(--text-font-family-primary);
    --scale-mode-1-xs-text-height: var(--text-body-200-line-height);
    --scale-mode-1-xs-text-size: var(--text-body-200-font-size);
    --scale-mode-1-xs-text-weight: var(--text-font-weight-medium);
    --semantic-background-active: rgb(var(--color-night-5));
    --semantic-background-backdrop: rgb(var(--color-sage-alpha-056));
    --semantic-background-brand: rgb(var(--color-night-11));
    --semantic-background-brand-subtle: rgb(var(--color-night-alpha-012));
    --semantic-background-caution: rgb(var(--color-orange-9));
    --semantic-background-caution-subtle: rgb(var(--color-orange-3));
    --semantic-background-discovery: rgb(var(--color-night-3));
    --semantic-background-force-dark: rgb(var(--color-sage-force-dark));
    --semantic-background-force-light: rgb(var(--color-sage-force-light));
    --semantic-background-hover: rgb(var(--color-sage-alpha-008));
    --semantic-background-info: rgb(var(--color-night-alpha-008));
    --semantic-background-inverse: rgb(var(--color-night-11));
    --semantic-background-negative: rgb(var(--color-tomato-9));
    --semantic-background-negative-subtle: rgb(var(--color-tomato-3));
    --semantic-background-positive: rgb(var(--color-green-9));
    --semantic-background-positive-subtle: rgb(var(--color-green-3));
    --semantic-background-primary: rgb(var(--color-sage-1));
    --semantic-background-secondary: rgb(var(--color-sage-2));
    --semantic-background-tertiary: rgb(var(--color-sage-3));
    --semantic-background-transparent: rgb(var(--color-sage-alpha-000));
    --semantic-background-white: rgb(var(--color-sage-alpha-light));
    --semantic-border-active: rgb(var(--color-night-9));
    --semantic-border-brand: rgb(var(--color-night-11));
    --semantic-border-brand-subtle: rgb(var(--color-night-alpha-012));
    --semantic-border-caution: rgb(var(--color-orange-9));
    --semantic-border-discovery: rgb(var(--color-night-11));
    --semantic-border-force-dark: rgb(var(--color-sage-force-dark));
    --semantic-border-force-light: rgb(var(--color-sage-force-light));
    --semantic-border-info: rgb(var(--color-night-11));
    --semantic-border-negative: rgb(var(--color-tomato-9));
    --semantic-border-positive: rgb(var(--color-green-9));
    --semantic-border-primary: rgb(var(--color-sage-6));
    --semantic-border-secondary: rgb(var(--color-sage-7));
    --semantic-focus-layer-1-blur: 0;
    --semantic-focus-layer-1-color: var(--semantic-background-primary);
    --semantic-focus-layer-1-spread: 2px;
    --semantic-focus-layer-1-x: 0;
    --semantic-focus-layer-1-y: 0;
    --semantic-focus-layer-2-blur: 0;
    --semantic-focus-layer-2-color: var(--semantic-border-active);
    --semantic-focus-layer-2-spread: 4px;
    --semantic-focus-layer-2-x: 0;
    --semantic-focus-layer-2-y: 0;
    --semantic-icon-active: rgb(var(--color-night-9));
    --semantic-icon-brand: rgb(var(--color-night-11));
    --semantic-icon-caution: rgb(var(--color-orange-11));
    --semantic-icon-discovery: rgb(var(--color-night-11));
    --semantic-icon-force-dark: rgb(var(--color-sage-force-dark));
    --semantic-icon-force-light: rgb(var(--color-sage-force-light));
    --semantic-icon-info: rgb(var(--color-night-11));
    --semantic-icon-inverse: rgb(var(--color-night-3));
    --semantic-icon-negative: rgb(var(--color-tomato-9));
    --semantic-icon-positive: rgb(var(--color-green-11));
    --semantic-icon-primary: rgb(var(--color-sage-12));
    --semantic-icon-secondary: rgb(var(--color-sage-11));
    --semantic-text-active: rgb(var(--color-night-9));
    --semantic-text-brand: rgb(var(--color-night-11));
    --semantic-text-caution: rgb(var(--color-orange-9));
    --semantic-text-discovery: rgb(var(--color-night-11));
    --semantic-text-force-dark: rgb(var(--color-sage-force-dark));
    --semantic-text-force-light: rgb(var(--color-sage-force-light));
    --semantic-text-info: rgb(var(--color-night-11));
    --semantic-text-inverse: rgb(var(--color-night-3));
    --semantic-text-link: rgb(var(--color-night-11));
    --semantic-text-negative: rgb(var(--color-tomato-9));
    --semantic-text-positive: rgb(var(--color-green-9));
    --semantic-text-primary: rgb(var(--color-sage-12));
    --semantic-text-secondary: rgb(var(--color-sage-11));
}

.dark-theme, :root.dark-theme, .dark-theme *::backdrop, .dark-theme *::before, .dark-theme *::after {
    --color-green-1: 14 21 18;
    --color-green-10: 51 176 116;
    --color-green-11: 61 214 140;
    --color-green-12: 177 241 203;
    --color-green-2: 18 27 23;
    --color-green-3: 19 45 33;
    --color-green-4: 17 59 41;
    --color-green-5: 23 73 51;
    --color-green-6: 32 87 62;
    --color-green-7: 40 104 74;
    --color-green-8: 47 124 87;
    --color-green-9: 48 164 108;
    --color-night-1: 0 15 3;
    --color-night-10: 216 225 218;
    --color-night-11: 227 234 228;
    --color-night-12: 246 255 248;
    --color-night-2: 0 20 5;
    --color-night-3: 13 37 20;
    --color-night-4: 23 47 29;
    --color-night-5: 69 85 72;
    --color-night-6: 157 169 159;
    --color-night-7: 177 187 179;
    --color-night-8: 189 199 191;
    --color-night-9: 198 208 200;
    --color-night-alpha-008: 246 255 248 / 0.08;
    --color-night-alpha-012: 246 255 248 / 0.12;
    --color-orange-1: 23 18 14;
    --color-orange-10: 255 128 31;
    --color-orange-11: 255 160 87;
    --color-orange-12: 255 224 194;
    --color-orange-2: 30 22 15;
    --color-orange-3: 51 30 11;
    --color-orange-4: 70 33 0;
    --color-orange-5: 86 40 0;
    --color-orange-6: 102 53 12;
    --color-orange-7: 126 69 29;
    --color-orange-8: 163 88 41;
    --color-orange-9: 247 107 21;
    --color-sage-1: 15 18 15;
    --color-sage-10: 120 124 119;
    --color-sage-11: 176 180 175;
    --color-sage-12: 235 238 234;
    --color-sage-2: 23 25 22;
    --color-sage-3: 32 35 31;
    --color-sage-4: 39 42 38;
    --color-sage-5: 46 49 45;
    --color-sage-6: 55 59 54;
    --color-sage-7: 69 73 68;
    --color-sage-8: 93 97 92;
    --color-sage-9: 107 111 105;
    --color-sage-alpha-000: 15 18 15 / 0;
    --color-sage-alpha-008: 235 238 234 / 0.08;
    --color-sage-alpha-056: 235 238 234 / 0.56;
    --color-sage-alpha-light: 15 18 15 / 0.64;
    --color-sage-force-dark: 235 238 234;
    --color-sage-force-light: 15 18 15;
    --color-sage-shadow-0: 15 18 15 / 0;
    --color-sage-shadow-100: 15 18 15 / 0.16;
    --color-sage-shadow-200: 15 18 15 / 0.24;
    --color-sage-shadow-300: 15 18 15 / 0.32;
    --color-sage-shadow-400: 15 18 15 / 0.4;
    --color-sage-shadow-500: 15 18 15 / 0.64;
    --color-tomato-1: 24 14 14;
    --color-tomato-10: 241 64 89;
    --color-tomato-11: 255 142 148;
    --color-tomato-12: 255 208 208;
    --color-tomato-2: 32 19 19;
    --color-tomato-3: 62 15 20;
    --color-tomato-4: 85 6 22;
    --color-tomato-5: 102 12 29;
    --color-tomato-6: 120 27 40;
    --color-tomato-7: 147 41 54;
    --color-tomato-8: 191 54 72;
    --color-tomato-9: 255 78 100;
    --effect-shadow-100-layer-1-color: rgb(var(--color-sage-shadow-200));
    --effect-shadow-100-layer-2-color: rgb(var(--color-sage-shadow-0));
    --effect-shadow-200-layer-1-color: rgb(var(--color-sage-shadow-400));
    --effect-shadow-200-layer-2-color: rgb(var(--color-sage-shadow-100));
    --effect-shadow-300-layer-1-color: rgb(var(--color-sage-shadow-300));
    --effect-shadow-300-layer-2-color: rgb(var(--color-sage-shadow-100));
    --effect-shadow-400-layer-1-color: rgb(var(--color-sage-shadow-300));
    --effect-shadow-400-layer-2-color: rgb(var(--color-sage-shadow-100));
    --effect-shadow-500-layer-1-color: rgb(var(--color-sage-shadow-500));
    --effect-shadow-500-layer-2-color: rgb(var(--color-sage-shadow-0));
    --effect-shadow-600-layer-1-color: rgb(var(--color-sage-shadow-500));
    --effect-shadow-600-layer-2-color: rgb(var(--color-sage-shadow-0));
    --scale-mode-1-2xl-text-font: var(--text-font-family-primary);
    --scale-mode-1-2xl-text-height: var(--text-body-500-line-height);
    --scale-mode-1-2xl-text-size: var(--text-body-500-font-size);
    --scale-mode-1-2xl-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-2xs-text-font: var(--text-font-family-primary);
    --scale-mode-1-2xs-text-height: var(--text-body-100-line-height);
    --scale-mode-1-2xs-text-size: var(--text-body-100-font-size);
    --scale-mode-1-2xs-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-3xl-text-font: var(--text-font-family-primary);
    --scale-mode-1-3xl-text-height: var(--text-body-500-line-height);
    --scale-mode-1-3xl-text-size: var(--text-body-500-font-size);
    --scale-mode-1-3xl-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-lg-text-font: var(--text-font-family-primary);
    --scale-mode-1-lg-text-height: var(--text-body-400-line-height);
    --scale-mode-1-lg-text-size: var(--text-body-400-font-size);
    --scale-mode-1-lg-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-md-text-font: var(--text-font-family-primary);
    --scale-mode-1-md-text-height: var(--text-body-300-line-height);
    --scale-mode-1-md-text-size: var(--text-body-300-font-size);
    --scale-mode-1-md-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-sm-text-font: var(--text-font-family-primary);
    --scale-mode-1-sm-text-height: var(--text-body-300-line-height);
    --scale-mode-1-sm-text-size: var(--text-body-300-font-size);
    --scale-mode-1-sm-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-xl-text-font: var(--text-font-family-primary);
    --scale-mode-1-xl-text-height: var(--text-body-400-line-height);
    --scale-mode-1-xl-text-size: var(--text-body-400-font-size);
    --scale-mode-1-xl-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-xs-text-font: var(--text-font-family-primary);
    --scale-mode-1-xs-text-height: var(--text-body-200-line-height);
    --scale-mode-1-xs-text-size: var(--text-body-200-font-size);
    --scale-mode-1-xs-text-weight: var(--text-font-weight-medium);
    --semantic-background-active: rgb(var(--color-night-5));
    --semantic-background-backdrop: rgb(var(--color-sage-alpha-056));
    --semantic-background-brand: rgb(var(--color-night-11));
    --semantic-background-brand-subtle: rgb(var(--color-night-alpha-012));
    --semantic-background-caution: rgb(var(--color-orange-9));
    --semantic-background-caution-subtle: rgb(var(--color-orange-3));
    --semantic-background-discovery: rgb(var(--color-night-3));
    --semantic-background-force-dark: rgb(var(--color-sage-force-dark));
    --semantic-background-force-light: rgb(var(--color-sage-force-light));
    --semantic-background-hover: rgb(var(--color-sage-alpha-008));
    --semantic-background-info: rgb(var(--color-night-alpha-008));
    --semantic-background-inverse: rgb(var(--color-night-11));
    --semantic-background-negative: rgb(var(--color-tomato-9));
    --semantic-background-negative-subtle: rgb(var(--color-tomato-3));
    --semantic-background-positive: rgb(var(--color-green-9));
    --semantic-background-positive-subtle: rgb(var(--color-green-3));
    --semantic-background-primary: rgb(var(--color-sage-1));
    --semantic-background-secondary: rgb(var(--color-sage-2));
    --semantic-background-tertiary: rgb(var(--color-sage-3));
    --semantic-background-transparent: rgb(var(--color-sage-alpha-000));
    --semantic-background-white: rgb(var(--color-sage-alpha-light));
    --semantic-border-active: rgb(var(--color-night-9));
    --semantic-border-brand: rgb(var(--color-night-11));
    --semantic-border-brand-subtle: rgb(var(--color-night-alpha-012));
    --semantic-border-caution: rgb(var(--color-orange-9));
    --semantic-border-discovery: rgb(var(--color-night-11));
    --semantic-border-force-dark: rgb(var(--color-sage-force-dark));
    --semantic-border-force-light: rgb(var(--color-sage-force-light));
    --semantic-border-info: rgb(var(--color-night-11));
    --semantic-border-negative: rgb(var(--color-tomato-9));
    --semantic-border-positive: rgb(var(--color-green-9));
    --semantic-border-primary: rgb(var(--color-sage-6));
    --semantic-border-secondary: rgb(var(--color-sage-7));
    --semantic-focus-layer-1-blur: 0;
    --semantic-focus-layer-1-color: var(--semantic-background-primary);
    --semantic-focus-layer-1-spread: 2px;
    --semantic-focus-layer-1-x: 0;
    --semantic-focus-layer-1-y: 0;
    --semantic-focus-layer-2-blur: 0;
    --semantic-focus-layer-2-color: var(--semantic-border-active);
    --semantic-focus-layer-2-spread: 4px;
    --semantic-focus-layer-2-x: 0;
    --semantic-focus-layer-2-y: 0;
    --semantic-icon-active: rgb(var(--color-night-9));
    --semantic-icon-brand: rgb(var(--color-night-11));
    --semantic-icon-caution: rgb(var(--color-orange-11));
    --semantic-icon-discovery: rgb(var(--color-night-11));
    --semantic-icon-force-dark: rgb(var(--color-sage-force-dark));
    --semantic-icon-force-light: rgb(var(--color-sage-force-light));
    --semantic-icon-info: rgb(var(--color-night-11));
    --semantic-icon-inverse: rgb(var(--color-night-3));
    --semantic-icon-negative: rgb(var(--color-tomato-9));
    --semantic-icon-positive: rgb(var(--color-green-11));
    --semantic-icon-primary: rgb(var(--color-sage-12));
    --semantic-icon-secondary: rgb(var(--color-sage-11));
    --semantic-text-active: rgb(var(--color-night-9));
    --semantic-text-brand: rgb(var(--color-night-11));
    --semantic-text-caution: rgb(var(--color-orange-9));
    --semantic-text-discovery: rgb(var(--color-night-11));
    --semantic-text-force-dark: rgb(var(--color-sage-force-dark));
    --semantic-text-force-light: rgb(var(--color-sage-force-light));
    --semantic-text-info: rgb(var(--color-night-11));
    --semantic-text-inverse: rgb(var(--color-night-3));
    --semantic-text-link: rgb(var(--color-night-11));
    --semantic-text-negative: rgb(var(--color-tomato-9));
    --semantic-text-positive: rgb(var(--color-green-9));
    --semantic-text-primary: rgb(var(--color-sage-12));
    --semantic-text-secondary: rgb(var(--color-sage-11));
}