.variable-mode-light-base {
                    --_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary-selected: var(--_primitives---primary--primary);
--_semantics---on-primary-selected: white;
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-4th: var(--_primitives---secondary--secondary);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---background-v3: var(--_primitives---neutral--neutral-200);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-3rd: var(--_primitives---secondary--secondary);
--_semantics---on-primary: white;
--_semantics---on-secondary: white;
--_semantics---surface: var(--_primitives---neutral--neutral-100);
--_semantics---gradient-2nd: var(--_primitives---secondary--secondary);
--_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---primary);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---on-primary-selected: #fffffb;
--_semantics---background-v3: var(--_primitives---neutral--neutral-300);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #fffffa;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #fffffc;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_primitives---primary--primary-600: #5d49c9;
--_primitives---opacity--transparent: #fff0;
--_primitives---opacity--neutral-dark-10: #0000001a;
--_primitives---opacity--neutral-light-10: #ffffff1a;
--_primitives---opacity--neutral-light-5: #ffffff0d;
--_primitives---neutral--neutral-50: white;
--_primitives---opacity--neutral-dark-15: #00000026;
--_primitives---opacity--neutral-dark-20: #0003;
--_primitives---opacity--neutral-dark-5: #0000000d;
--_primitives---primary--primary-100: #efedfe;
--_primitives---primary--primary-200: #e2ddff;
--_primitives---primary--primary-400: #9e8bff;
--_primitives---primary--primary: #765cff;
--_primitives---primary--primary-700: #2d2462;
--_primitives---primary--primary-800: #221b4a;
--_primitives---primary--primary-gradient: var(--_primitives---primary--primary);
--_primitives---secondary--secondary-100: #fff9e9;
--_primitives---secondary--secondary-200: #fff3d6;
--_primitives---secondary--secondary-400: #fed874;
--_primitives---secondary--secondary: #fec93b;
--_primitives---secondary--secondary-600: #c89f2f;
--_primitives---secondary--secondary-700: #634e16;
--_primitives---secondary--secondary-800: #493a11;
--_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary);
--_primitives---tertiary--tertiary-100: #eeecfc;
--_primitives---tertiary--tertiary-200: #e2ddff;
--_primitives---tertiary--tertiary-400: #9a81e9;
--_primitives---tertiary--tertiary: #593eb2;
--_primitives---tertiary--tertiary-600: #5436b6;
--_primitives---tertiary--tertiary-700: #2c1e58;
--_primitives---tertiary--tertiary-800: #211741;
--_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary);
--_primitives---quaternary--quaternary-100: #effaf9;
--_primitives---quaternary--quaternary-200: #dff6f4;
--_primitives---quaternary--quaternary-400: #91e2da;
--_primitives---quaternary--quaternary: #62d6cb;
--_primitives---quaternary--quaternary-600: #4eaba2;
--_primitives---quaternary--quaternary-700: #275551;
--_primitives---quaternary--quaternary-800: #1d403c;
--_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary);
--_primitives---neutral--neutral-100: #f2f2f2;
--_primitives---neutral--neutral-200: #d9d9da;
--_primitives---neutral--neutral-300: #c1c7cd;
--_primitives---neutral--neutral-400: #a2a9b0;
--_primitives---neutral--neutral-500: #697077;
--_primitives---neutral--neutral-600: #4d5358;
--_primitives---neutral--neutral-700: #343a3f;
--_primitives---neutral--neutral-800: #21272a;
--_primitives---neutral--neutral-900: #0f1213;
--_primitives---opacity--neutral-light-15: #ffffff26;
--_primitives---opacity--neutral-light-20: #fff3;
--_primitives---opacity--neutral-light-30: #ffffff4d;
--_primitives---opacity--neutral-light-40: #fff6;
--_primitives---opacity--neutral-light-50: #ffffff80;
--_primitives---opacity--neutral-light-60: #fff9;
--_primitives---opacity--neutral-dark-30: #0000004d;
--_primitives---opacity--neutral-dark-40: #0006;
--_primitives---opacity--neutral-dark-50: #00000080;
--_primitives---opacity--neutral-dark-60: #0009;
--_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---primary);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---on-primary-selected: #ffffff;
--_semantics---background-v3: var(--_primitives---neutral--neutral-300);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #ffffff;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #000000;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
}


                        .variable-mode-light-1 {
                    --_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary-selected: var(--_primitives---primary--primary);
--_semantics---on-primary-selected: white;
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-4th: var(--_primitives---secondary--secondary);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---background-v3: var(--_primitives---neutral--neutral-200);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-3rd: var(--_primitives---secondary--secondary);
--_semantics---on-primary: white;
--_semantics---on-secondary: white;
--_semantics---surface: var(--_primitives---neutral--neutral-100);
--_semantics---gradient-2nd: var(--_primitives---secondary--secondary);
--_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---primary);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---on-primary-selected: #fffffb;
--_semantics---background-v3: var(--_primitives---neutral--neutral-300);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #fffffa;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #fffffc;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_primitives---primary--primary-600: #5d49c9;
--_primitives---opacity--transparent: #fff0;
--_primitives---opacity--neutral-dark-10: #0000001a;
--_primitives---opacity--neutral-light-10: #ffffff1a;
--_primitives---opacity--neutral-light-5: #ffffff0d;
--_primitives---neutral--neutral-50: white;
--_primitives---opacity--neutral-dark-15: #00000026;
--_primitives---opacity--neutral-dark-20: #0003;
--_primitives---opacity--neutral-dark-5: #0000000d;
--_primitives---primary--primary-100: #efedfe;
--_primitives---primary--primary-200: #e2ddff;
--_primitives---primary--primary-400: #9e8bff;
--_primitives---primary--primary: #765cff;
--_primitives---primary--primary-700: #2d2462;
--_primitives---primary--primary-800: #221b4a;
--_primitives---primary--primary-gradient: var(--_primitives---primary--primary);
--_primitives---secondary--secondary-100: #fff9e9;
--_primitives---secondary--secondary-200: #fff3d6;
--_primitives---secondary--secondary-400: #fed874;
--_primitives---secondary--secondary: #fec93b;
--_primitives---secondary--secondary-600: #c89f2f;
--_primitives---secondary--secondary-700: #634e16;
--_primitives---secondary--secondary-800: #493a11;
--_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary);
--_primitives---tertiary--tertiary-100: #eeecfc;
--_primitives---tertiary--tertiary-200: #e2ddff;
--_primitives---tertiary--tertiary-400: #9a81e9;
--_primitives---tertiary--tertiary: #593eb2;
--_primitives---tertiary--tertiary-600: #5436b6;
--_primitives---tertiary--tertiary-700: #2c1e58;
--_primitives---tertiary--tertiary-800: #211741;
--_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary);
--_primitives---quaternary--quaternary-100: #effaf9;
--_primitives---quaternary--quaternary-200: #dff6f4;
--_primitives---quaternary--quaternary-400: #91e2da;
--_primitives---quaternary--quaternary: #62d6cb;
--_primitives---quaternary--quaternary-600: #4eaba2;
--_primitives---quaternary--quaternary-700: #275551;
--_primitives---quaternary--quaternary-800: #1d403c;
--_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary);
--_primitives---neutral--neutral-100: #f2f2f2;
--_primitives---neutral--neutral-200: #d9d9da;
--_primitives---neutral--neutral-300: #c1c7cd;
--_primitives---neutral--neutral-400: #a2a9b0;
--_primitives---neutral--neutral-500: #697077;
--_primitives---neutral--neutral-600: #4d5358;
--_primitives---neutral--neutral-700: #343a3f;
--_primitives---neutral--neutral-800: #21272a;
--_primitives---neutral--neutral-900: #0f1213;
--_primitives---opacity--neutral-light-15: #ffffff26;
--_primitives---opacity--neutral-light-20: #fff3;
--_primitives---opacity--neutral-light-30: #ffffff4d;
--_primitives---opacity--neutral-light-40: #fff6;
--_primitives---opacity--neutral-light-50: #ffffff80;
--_primitives---opacity--neutral-light-60: #fff9;
--_primitives---opacity--neutral-dark-30: #0000004d;
--_primitives---opacity--neutral-dark-40: #0006;
--_primitives---opacity--neutral-dark-50: #00000080;
--_primitives---opacity--neutral-dark-60: #0009;
--_semantics---background-invert: var(--_primitives---primary--primary-800);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---primary);
--_semantics---background-default: var(--_primitives---primary--primary-100);
--_semantics---background-v2: var(--_primitives---primary--primary-200);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---primary--primary-200);
--_semantics---on-primary-selected: #ffffff;
--_semantics---background-v3: var(--_primitives---primary--primary-400);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #ffffff;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #000000;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
}


                        .variable-mode-light-2 {
                    --_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary-selected: var(--_primitives---primary--primary);
--_semantics---on-primary-selected: white;
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-4th: var(--_primitives---secondary--secondary);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---background-v3: var(--_primitives---neutral--neutral-200);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-3rd: var(--_primitives---secondary--secondary);
--_semantics---on-primary: white;
--_semantics---on-secondary: white;
--_semantics---surface: var(--_primitives---neutral--neutral-100);
--_semantics---gradient-2nd: var(--_primitives---secondary--secondary);
--_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---primary);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---on-primary-selected: #fffffb;
--_semantics---background-v3: var(--_primitives---neutral--neutral-300);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #fffffa;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #fffffc;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_primitives---primary--primary-600: #5d49c9;
--_primitives---opacity--transparent: #fff0;
--_primitives---opacity--neutral-dark-10: #0000001a;
--_primitives---opacity--neutral-light-10: #ffffff1a;
--_primitives---opacity--neutral-light-5: #ffffff0d;
--_primitives---neutral--neutral-50: white;
--_primitives---opacity--neutral-dark-15: #00000026;
--_primitives---opacity--neutral-dark-20: #0003;
--_primitives---opacity--neutral-dark-5: #0000000d;
--_primitives---primary--primary-100: #efedfe;
--_primitives---primary--primary-200: #e2ddff;
--_primitives---primary--primary-400: #9e8bff;
--_primitives---primary--primary: #765cff;
--_primitives---primary--primary-700: #2d2462;
--_primitives---primary--primary-800: #221b4a;
--_primitives---primary--primary-gradient: var(--_primitives---primary--primary);
--_primitives---secondary--secondary-100: #fff9e9;
--_primitives---secondary--secondary-200: #fff3d6;
--_primitives---secondary--secondary-400: #fed874;
--_primitives---secondary--secondary: #fec93b;
--_primitives---secondary--secondary-600: #c89f2f;
--_primitives---secondary--secondary-700: #634e16;
--_primitives---secondary--secondary-800: #493a11;
--_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary);
--_primitives---tertiary--tertiary-100: #eeecfc;
--_primitives---tertiary--tertiary-200: #e2ddff;
--_primitives---tertiary--tertiary-400: #9a81e9;
--_primitives---tertiary--tertiary: #593eb2;
--_primitives---tertiary--tertiary-600: #5436b6;
--_primitives---tertiary--tertiary-700: #2c1e58;
--_primitives---tertiary--tertiary-800: #211741;
--_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary);
--_primitives---quaternary--quaternary-100: #effaf9;
--_primitives---quaternary--quaternary-200: #dff6f4;
--_primitives---quaternary--quaternary-400: #91e2da;
--_primitives---quaternary--quaternary: #62d6cb;
--_primitives---quaternary--quaternary-600: #4eaba2;
--_primitives---quaternary--quaternary-700: #275551;
--_primitives---quaternary--quaternary-800: #1d403c;
--_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary);
--_primitives---neutral--neutral-100: #f2f2f2;
--_primitives---neutral--neutral-200: #d9d9da;
--_primitives---neutral--neutral-300: #c1c7cd;
--_primitives---neutral--neutral-400: #a2a9b0;
--_primitives---neutral--neutral-500: #697077;
--_primitives---neutral--neutral-600: #4d5358;
--_primitives---neutral--neutral-700: #343a3f;
--_primitives---neutral--neutral-800: #21272a;
--_primitives---neutral--neutral-900: #0f1213;
--_primitives---opacity--neutral-light-15: #ffffff26;
--_primitives---opacity--neutral-light-20: #fff3;
--_primitives---opacity--neutral-light-30: #ffffff4d;
--_primitives---opacity--neutral-light-40: #fff6;
--_primitives---opacity--neutral-light-50: #ffffff80;
--_primitives---opacity--neutral-light-60: #fff9;
--_primitives---opacity--neutral-dark-30: #0000004d;
--_primitives---opacity--neutral-dark-40: #0006;
--_primitives---opacity--neutral-dark-50: #00000080;
--_primitives---opacity--neutral-dark-60: #0009;
--_semantics---background-invert: var(--_primitives---secondary--secondary-800);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---secondary);
--_semantics---background-default: var(--_primitives---secondary--secondary-100);
--_semantics---background-v2: var(--_primitives---secondary--secondary-200);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---secondary--secondary-200);
--_semantics---on-primary-selected: #000000;
--_semantics---background-v3: var(--_primitives---secondary--secondary-400);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #ffffff;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #000000;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
}


                        .variable-mode-light-3 {
                    --_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary-selected: var(--_primitives---primary--primary);
--_semantics---on-primary-selected: white;
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-4th: var(--_primitives---secondary--secondary);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---background-v3: var(--_primitives---neutral--neutral-200);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-3rd: var(--_primitives---secondary--secondary);
--_semantics---on-primary: white;
--_semantics---on-secondary: white;
--_semantics---surface: var(--_primitives---neutral--neutral-100);
--_semantics---gradient-2nd: var(--_primitives---secondary--secondary);
--_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---primary);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---on-primary-selected: #fffffb;
--_semantics---background-v3: var(--_primitives---neutral--neutral-300);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #fffffa;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #fffffc;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_primitives---primary--primary-600: #5d49c9;
--_primitives---opacity--transparent: #fff0;
--_primitives---opacity--neutral-dark-10: #0000001a;
--_primitives---opacity--neutral-light-10: #ffffff1a;
--_primitives---opacity--neutral-light-5: #ffffff0d;
--_primitives---neutral--neutral-50: white;
--_primitives---opacity--neutral-dark-15: #00000026;
--_primitives---opacity--neutral-dark-20: #0003;
--_primitives---opacity--neutral-dark-5: #0000000d;
--_primitives---primary--primary-100: #efedfe;
--_primitives---primary--primary-200: #e2ddff;
--_primitives---primary--primary-400: #9e8bff;
--_primitives---primary--primary: #765cff;
--_primitives---primary--primary-700: #2d2462;
--_primitives---primary--primary-800: #221b4a;
--_primitives---primary--primary-gradient: var(--_primitives---primary--primary);
--_primitives---secondary--secondary-100: #fff9e9;
--_primitives---secondary--secondary-200: #fff3d6;
--_primitives---secondary--secondary-400: #fed874;
--_primitives---secondary--secondary: #fec93b;
--_primitives---secondary--secondary-600: #c89f2f;
--_primitives---secondary--secondary-700: #634e16;
--_primitives---secondary--secondary-800: #493a11;
--_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary);
--_primitives---tertiary--tertiary-100: #eeecfc;
--_primitives---tertiary--tertiary-200: #e2ddff;
--_primitives---tertiary--tertiary-400: #9a81e9;
--_primitives---tertiary--tertiary: #593eb2;
--_primitives---tertiary--tertiary-600: #5436b6;
--_primitives---tertiary--tertiary-700: #2c1e58;
--_primitives---tertiary--tertiary-800: #211741;
--_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary);
--_primitives---quaternary--quaternary-100: #effaf9;
--_primitives---quaternary--quaternary-200: #dff6f4;
--_primitives---quaternary--quaternary-400: #91e2da;
--_primitives---quaternary--quaternary: #62d6cb;
--_primitives---quaternary--quaternary-600: #4eaba2;
--_primitives---quaternary--quaternary-700: #275551;
--_primitives---quaternary--quaternary-800: #1d403c;
--_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary);
--_primitives---neutral--neutral-100: #f2f2f2;
--_primitives---neutral--neutral-200: #d9d9da;
--_primitives---neutral--neutral-300: #c1c7cd;
--_primitives---neutral--neutral-400: #a2a9b0;
--_primitives---neutral--neutral-500: #697077;
--_primitives---neutral--neutral-600: #4d5358;
--_primitives---neutral--neutral-700: #343a3f;
--_primitives---neutral--neutral-800: #21272a;
--_primitives---neutral--neutral-900: #0f1213;
--_primitives---opacity--neutral-light-15: #ffffff26;
--_primitives---opacity--neutral-light-20: #fff3;
--_primitives---opacity--neutral-light-30: #ffffff4d;
--_primitives---opacity--neutral-light-40: #fff6;
--_primitives---opacity--neutral-light-50: #ffffff80;
--_primitives---opacity--neutral-light-60: #fff9;
--_primitives---opacity--neutral-dark-30: #0000004d;
--_primitives---opacity--neutral-dark-40: #0006;
--_primitives---opacity--neutral-dark-50: #00000080;
--_primitives---opacity--neutral-dark-60: #0009;
--_semantics---background-invert: var(--_primitives---tertiary--tertiary-800);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_primitives---tertiary--tertiary);
--_semantics---background-default: var(--_primitives---tertiary--tertiary-100);
--_semantics---background-v2: var(--_primitives---tertiary--tertiary-200);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---tertiary--tertiary-200);
--_semantics---on-primary-selected: #ffffff;
--_semantics---background-v3: var(--_primitives---tertiary--tertiary-400);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #ffffff;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #000000;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
}


                        .variable-mode-light-4 {
                    --_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary-selected: var(--_primitives---primary--primary);
--_semantics---on-primary-selected: white;
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-4th: var(--_primitives---secondary--secondary);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---background-v3: var(--_primitives---neutral--neutral-200);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-3rd: var(--_primitives---secondary--secondary);
--_semantics---on-primary: white;
--_semantics---on-secondary: white;
--_semantics---surface: var(--_primitives---neutral--neutral-100);
--_semantics---gradient-2nd: var(--_primitives---secondary--secondary);
--_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---primary);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---on-primary-selected: #fffffb;
--_semantics---background-v3: var(--_primitives---neutral--neutral-300);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #fffffa;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #fffffc;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_primitives---primary--primary-600: #5d49c9;
--_primitives---opacity--transparent: #fff0;
--_primitives---opacity--neutral-dark-10: #0000001a;
--_primitives---opacity--neutral-light-10: #ffffff1a;
--_primitives---opacity--neutral-light-5: #ffffff0d;
--_primitives---neutral--neutral-50: white;
--_primitives---opacity--neutral-dark-15: #00000026;
--_primitives---opacity--neutral-dark-20: #0003;
--_primitives---opacity--neutral-dark-5: #0000000d;
--_primitives---primary--primary-100: #efedfe;
--_primitives---primary--primary-200: #e2ddff;
--_primitives---primary--primary-400: #9e8bff;
--_primitives---primary--primary: #765cff;
--_primitives---primary--primary-700: #2d2462;
--_primitives---primary--primary-800: #221b4a;
--_primitives---primary--primary-gradient: var(--_primitives---primary--primary);
--_primitives---secondary--secondary-100: #fff9e9;
--_primitives---secondary--secondary-200: #fff3d6;
--_primitives---secondary--secondary-400: #fed874;
--_primitives---secondary--secondary: #fec93b;
--_primitives---secondary--secondary-600: #c89f2f;
--_primitives---secondary--secondary-700: #634e16;
--_primitives---secondary--secondary-800: #493a11;
--_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary);
--_primitives---tertiary--tertiary-100: #eeecfc;
--_primitives---tertiary--tertiary-200: #e2ddff;
--_primitives---tertiary--tertiary-400: #9a81e9;
--_primitives---tertiary--tertiary: #593eb2;
--_primitives---tertiary--tertiary-600: #5436b6;
--_primitives---tertiary--tertiary-700: #2c1e58;
--_primitives---tertiary--tertiary-800: #211741;
--_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary);
--_primitives---quaternary--quaternary-100: #effaf9;
--_primitives---quaternary--quaternary-200: #dff6f4;
--_primitives---quaternary--quaternary-400: #91e2da;
--_primitives---quaternary--quaternary: #62d6cb;
--_primitives---quaternary--quaternary-600: #4eaba2;
--_primitives---quaternary--quaternary-700: #275551;
--_primitives---quaternary--quaternary-800: #1d403c;
--_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary);
--_primitives---neutral--neutral-100: #f2f2f2;
--_primitives---neutral--neutral-200: #d9d9da;
--_primitives---neutral--neutral-300: #c1c7cd;
--_primitives---neutral--neutral-400: #a2a9b0;
--_primitives---neutral--neutral-500: #697077;
--_primitives---neutral--neutral-600: #4d5358;
--_primitives---neutral--neutral-700: #343a3f;
--_primitives---neutral--neutral-800: #21272a;
--_primitives---neutral--neutral-900: #0f1213;
--_primitives---opacity--neutral-light-15: #ffffff26;
--_primitives---opacity--neutral-light-20: #fff3;
--_primitives---opacity--neutral-light-30: #ffffff4d;
--_primitives---opacity--neutral-light-40: #fff6;
--_primitives---opacity--neutral-light-50: #ffffff80;
--_primitives---opacity--neutral-light-60: #fff9;
--_primitives---opacity--neutral-dark-30: #0000004d;
--_primitives---opacity--neutral-dark-40: #0006;
--_primitives---opacity--neutral-dark-50: #00000080;
--_primitives---opacity--neutral-dark-60: #0009;
--_semantics---background-invert: var(--_primitives---quaternary--quaternary-800);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_primitives---quaternary--quaternary);
--_semantics---background-default: var(--_primitives---quaternary--quaternary-100);
--_semantics---background-v2: var(--_primitives---quaternary--quaternary-200);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---quaternary--quaternary-200);
--_semantics---on-primary-selected: #000000;
--_semantics---background-v3: var(--_primitives---quaternary--quaternary-400);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #ffffff;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #000000;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
}


                        .variable-mode-dark-base {
                    --_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary-selected: var(--_primitives---primary--primary);
--_semantics---on-primary-selected: white;
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-4th: var(--_primitives---secondary--secondary);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---background-v3: var(--_primitives---neutral--neutral-200);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-3rd: var(--_primitives---secondary--secondary);
--_semantics---on-primary: white;
--_semantics---on-secondary: white;
--_semantics---surface: var(--_primitives---neutral--neutral-100);
--_semantics---gradient-2nd: var(--_primitives---secondary--secondary);
--_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---primary);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---on-primary-selected: #fffffb;
--_semantics---background-v3: var(--_primitives---neutral--neutral-300);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #fffffa;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #fffffc;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_primitives---primary--primary-600: #9e8bff;
--_primitives---opacity--transparent: #0000;
--_primitives---opacity--neutral-dark-10: #ffffff1a;
--_primitives---opacity--neutral-light-10: #0000001a;
--_primitives---opacity--neutral-light-5: #0000000d;
--_primitives---neutral--neutral-50: #0f1213;
--_primitives---opacity--neutral-dark-15: #ffffff26;
--_primitives---opacity--neutral-dark-20: #fff3;
--_primitives---opacity--neutral-dark-5: #ffffff0d;
--_primitives---primary--primary-100: #221b4a;
--_primitives---primary--primary-200: #2d2462;
--_primitives---primary--primary-400: #5d49c9;
--_primitives---primary--primary: #8957e0;
--_primitives---primary--primary-700: #e2ddff;
--_primitives---primary--primary-800: #efedfe;
--_primitives---primary--primary-gradient: var(--_primitives---primary--primary);
--_primitives---secondary--secondary-100: #493a11;
--_primitives---secondary--secondary-200: #634e16;
--_primitives---secondary--secondary-400: #c89f2f;
--_primitives---secondary--secondary: #fec93b;
--_primitives---secondary--secondary-600: #fed874;
--_primitives---secondary--secondary-700: #fff3d6;
--_primitives---secondary--secondary-800: #fff9e9;
--_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary);
--_primitives---tertiary--tertiary-100: #211741;
--_primitives---tertiary--tertiary-200: #2c1e58;
--_primitives---tertiary--tertiary-400: #5436b6;
--_primitives---tertiary--tertiary: #593eb2;
--_primitives---tertiary--tertiary-600: #9a81e9;
--_primitives---tertiary--tertiary-700: #e2ddff;
--_primitives---tertiary--tertiary-800: #eeecfc;
--_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary);
--_primitives---quaternary--quaternary-100: #1d403c;
--_primitives---quaternary--quaternary-200: #275551;
--_primitives---quaternary--quaternary-400: #4eaba2;
--_primitives---quaternary--quaternary: #62d6cb;
--_primitives---quaternary--quaternary-600: #91e2da;
--_primitives---quaternary--quaternary-700: #dff6f4;
--_primitives---quaternary--quaternary-800: #effaf9;
--_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary);
--_primitives---neutral--neutral-100: #21272a;
--_primitives---neutral--neutral-200: #343a3f;
--_primitives---neutral--neutral-300: #4d5358;
--_primitives---neutral--neutral-400: #697077;
--_primitives---neutral--neutral-500: #a2a9b0;
--_primitives---neutral--neutral-600: #c1c7cd;
--_primitives---neutral--neutral-700: #d9d9da;
--_primitives---neutral--neutral-800: #f2f2f2;
--_primitives---neutral--neutral-900: white;
--_primitives---opacity--neutral-light-15: #00000026;
--_primitives---opacity--neutral-light-20: #0003;
--_primitives---opacity--neutral-light-30: #0000004d;
--_primitives---opacity--neutral-light-40: #0006;
--_primitives---opacity--neutral-light-50: #00000080;
--_primitives---opacity--neutral-light-60: #0009;
--_primitives---opacity--neutral-dark-30: #ffffff4d;
--_primitives---opacity--neutral-dark-40: #fff6;
--_primitives---opacity--neutral-dark-50: #ffffff80;
--_primitives---opacity--neutral-dark-60: #fff9;
--_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---primary);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---on-primary-selected: #ffffff;
--_semantics---background-v3: var(--_primitives---neutral--neutral-300);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #ffffff;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #000000;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
}


                        .variable-mode-dark-1 {
                    --_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary-selected: var(--_primitives---primary--primary);
--_semantics---on-primary-selected: white;
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-4th: var(--_primitives---secondary--secondary);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---background-v3: var(--_primitives---neutral--neutral-200);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-3rd: var(--_primitives---secondary--secondary);
--_semantics---on-primary: white;
--_semantics---on-secondary: white;
--_semantics---surface: var(--_primitives---neutral--neutral-100);
--_semantics---gradient-2nd: var(--_primitives---secondary--secondary);
--_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---primary);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---on-primary-selected: #fffffb;
--_semantics---background-v3: var(--_primitives---neutral--neutral-300);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #fffffa;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #fffffc;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_primitives---primary--primary-600: #9e8bff;
--_primitives---opacity--transparent: #0000;
--_primitives---opacity--neutral-dark-10: #ffffff1a;
--_primitives---opacity--neutral-light-10: #0000001a;
--_primitives---opacity--neutral-light-5: #0000000d;
--_primitives---neutral--neutral-50: #0f1213;
--_primitives---opacity--neutral-dark-15: #ffffff26;
--_primitives---opacity--neutral-dark-20: #fff3;
--_primitives---opacity--neutral-dark-5: #ffffff0d;
--_primitives---primary--primary-100: #221b4a;
--_primitives---primary--primary-200: #2d2462;
--_primitives---primary--primary-400: #5d49c9;
--_primitives---primary--primary: #8957e0;
--_primitives---primary--primary-700: #e2ddff;
--_primitives---primary--primary-800: #efedfe;
--_primitives---primary--primary-gradient: var(--_primitives---primary--primary);
--_primitives---secondary--secondary-100: #493a11;
--_primitives---secondary--secondary-200: #634e16;
--_primitives---secondary--secondary-400: #c89f2f;
--_primitives---secondary--secondary: #fec93b;
--_primitives---secondary--secondary-600: #fed874;
--_primitives---secondary--secondary-700: #fff3d6;
--_primitives---secondary--secondary-800: #fff9e9;
--_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary);
--_primitives---tertiary--tertiary-100: #211741;
--_primitives---tertiary--tertiary-200: #2c1e58;
--_primitives---tertiary--tertiary-400: #5436b6;
--_primitives---tertiary--tertiary: #593eb2;
--_primitives---tertiary--tertiary-600: #9a81e9;
--_primitives---tertiary--tertiary-700: #e2ddff;
--_primitives---tertiary--tertiary-800: #eeecfc;
--_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary);
--_primitives---quaternary--quaternary-100: #1d403c;
--_primitives---quaternary--quaternary-200: #275551;
--_primitives---quaternary--quaternary-400: #4eaba2;
--_primitives---quaternary--quaternary: #62d6cb;
--_primitives---quaternary--quaternary-600: #91e2da;
--_primitives---quaternary--quaternary-700: #dff6f4;
--_primitives---quaternary--quaternary-800: #effaf9;
--_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary);
--_primitives---neutral--neutral-100: #21272a;
--_primitives---neutral--neutral-200: #343a3f;
--_primitives---neutral--neutral-300: #4d5358;
--_primitives---neutral--neutral-400: #697077;
--_primitives---neutral--neutral-500: #a2a9b0;
--_primitives---neutral--neutral-600: #c1c7cd;
--_primitives---neutral--neutral-700: #d9d9da;
--_primitives---neutral--neutral-800: #f2f2f2;
--_primitives---neutral--neutral-900: white;
--_primitives---opacity--neutral-light-15: #00000026;
--_primitives---opacity--neutral-light-20: #0003;
--_primitives---opacity--neutral-light-30: #0000004d;
--_primitives---opacity--neutral-light-40: #0006;
--_primitives---opacity--neutral-light-50: #00000080;
--_primitives---opacity--neutral-light-60: #0009;
--_primitives---opacity--neutral-dark-30: #ffffff4d;
--_primitives---opacity--neutral-dark-40: #fff6;
--_primitives---opacity--neutral-dark-50: #ffffff80;
--_primitives---opacity--neutral-dark-60: #fff9;
--_semantics---background-invert: var(--_primitives---primary--primary-800);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---primary);
--_semantics---background-default: var(--_primitives---primary--primary-100);
--_semantics---background-v2: var(--_primitives---primary--primary-200);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---primary--primary-200);
--_semantics---on-primary-selected: #ffffff;
--_semantics---background-v3: var(--_primitives---primary--primary-400);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #ffffff;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #000000;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
}


                        .variable-mode-dark-2 {
                    --_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary-selected: var(--_primitives---primary--primary);
--_semantics---on-primary-selected: white;
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-4th: var(--_primitives---secondary--secondary);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---background-v3: var(--_primitives---neutral--neutral-200);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-3rd: var(--_primitives---secondary--secondary);
--_semantics---on-primary: white;
--_semantics---on-secondary: white;
--_semantics---surface: var(--_primitives---neutral--neutral-100);
--_semantics---gradient-2nd: var(--_primitives---secondary--secondary);
--_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---primary);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---on-primary-selected: #fffffb;
--_semantics---background-v3: var(--_primitives---neutral--neutral-300);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #fffffa;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #fffffc;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_primitives---primary--primary-600: #9e8bff;
--_primitives---opacity--transparent: #0000;
--_primitives---opacity--neutral-dark-10: #ffffff1a;
--_primitives---opacity--neutral-light-10: #0000001a;
--_primitives---opacity--neutral-light-5: #0000000d;
--_primitives---neutral--neutral-50: #0f1213;
--_primitives---opacity--neutral-dark-15: #ffffff26;
--_primitives---opacity--neutral-dark-20: #fff3;
--_primitives---opacity--neutral-dark-5: #ffffff0d;
--_primitives---primary--primary-100: #221b4a;
--_primitives---primary--primary-200: #2d2462;
--_primitives---primary--primary-400: #5d49c9;
--_primitives---primary--primary: #8957e0;
--_primitives---primary--primary-700: #e2ddff;
--_primitives---primary--primary-800: #efedfe;
--_primitives---primary--primary-gradient: var(--_primitives---primary--primary);
--_primitives---secondary--secondary-100: #493a11;
--_primitives---secondary--secondary-200: #634e16;
--_primitives---secondary--secondary-400: #c89f2f;
--_primitives---secondary--secondary: #fec93b;
--_primitives---secondary--secondary-600: #fed874;
--_primitives---secondary--secondary-700: #fff3d6;
--_primitives---secondary--secondary-800: #fff9e9;
--_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary);
--_primitives---tertiary--tertiary-100: #211741;
--_primitives---tertiary--tertiary-200: #2c1e58;
--_primitives---tertiary--tertiary-400: #5436b6;
--_primitives---tertiary--tertiary: #593eb2;
--_primitives---tertiary--tertiary-600: #9a81e9;
--_primitives---tertiary--tertiary-700: #e2ddff;
--_primitives---tertiary--tertiary-800: #eeecfc;
--_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary);
--_primitives---quaternary--quaternary-100: #1d403c;
--_primitives---quaternary--quaternary-200: #275551;
--_primitives---quaternary--quaternary-400: #4eaba2;
--_primitives---quaternary--quaternary: #62d6cb;
--_primitives---quaternary--quaternary-600: #91e2da;
--_primitives---quaternary--quaternary-700: #dff6f4;
--_primitives---quaternary--quaternary-800: #effaf9;
--_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary);
--_primitives---neutral--neutral-100: #21272a;
--_primitives---neutral--neutral-200: #343a3f;
--_primitives---neutral--neutral-300: #4d5358;
--_primitives---neutral--neutral-400: #697077;
--_primitives---neutral--neutral-500: #a2a9b0;
--_primitives---neutral--neutral-600: #c1c7cd;
--_primitives---neutral--neutral-700: #d9d9da;
--_primitives---neutral--neutral-800: #f2f2f2;
--_primitives---neutral--neutral-900: white;
--_primitives---opacity--neutral-light-15: #00000026;
--_primitives---opacity--neutral-light-20: #0003;
--_primitives---opacity--neutral-light-30: #0000004d;
--_primitives---opacity--neutral-light-40: #0006;
--_primitives---opacity--neutral-light-50: #00000080;
--_primitives---opacity--neutral-light-60: #0009;
--_primitives---opacity--neutral-dark-30: #ffffff4d;
--_primitives---opacity--neutral-dark-40: #fff6;
--_primitives---opacity--neutral-dark-50: #ffffff80;
--_primitives---opacity--neutral-dark-60: #fff9;
--_semantics---background-invert: var(--_primitives---secondary--secondary-800);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---secondary);
--_semantics---background-default: var(--_primitives---secondary--secondary-100);
--_semantics---background-v2: var(--_primitives---secondary--secondary-200);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---secondary--secondary-200);
--_semantics---on-primary-selected: #000000;
--_semantics---background-v3: var(--_primitives---secondary--secondary-400);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #ffffff;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #000000;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
}


                        .variable-mode-dark-3 {
                    --_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary-selected: var(--_primitives---primary--primary);
--_semantics---on-primary-selected: white;
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-4th: var(--_primitives---secondary--secondary);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---background-v3: var(--_primitives---neutral--neutral-200);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-3rd: var(--_primitives---secondary--secondary);
--_semantics---on-primary: white;
--_semantics---on-secondary: white;
--_semantics---surface: var(--_primitives---neutral--neutral-100);
--_semantics---gradient-2nd: var(--_primitives---secondary--secondary);
--_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---primary);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---on-primary-selected: #fffffb;
--_semantics---background-v3: var(--_primitives---neutral--neutral-300);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #fffffa;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #fffffc;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_primitives---primary--primary-600: #9e8bff;
--_primitives---opacity--transparent: #0000;
--_primitives---opacity--neutral-dark-10: #ffffff1a;
--_primitives---opacity--neutral-light-10: #0000001a;
--_primitives---opacity--neutral-light-5: #0000000d;
--_primitives---neutral--neutral-50: #0f1213;
--_primitives---opacity--neutral-dark-15: #ffffff26;
--_primitives---opacity--neutral-dark-20: #fff3;
--_primitives---opacity--neutral-dark-5: #ffffff0d;
--_primitives---primary--primary-100: #221b4a;
--_primitives---primary--primary-200: #2d2462;
--_primitives---primary--primary-400: #5d49c9;
--_primitives---primary--primary: #8957e0;
--_primitives---primary--primary-700: #e2ddff;
--_primitives---primary--primary-800: #efedfe;
--_primitives---primary--primary-gradient: var(--_primitives---primary--primary);
--_primitives---secondary--secondary-100: #493a11;
--_primitives---secondary--secondary-200: #634e16;
--_primitives---secondary--secondary-400: #c89f2f;
--_primitives---secondary--secondary: #fec93b;
--_primitives---secondary--secondary-600: #fed874;
--_primitives---secondary--secondary-700: #fff3d6;
--_primitives---secondary--secondary-800: #fff9e9;
--_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary);
--_primitives---tertiary--tertiary-100: #211741;
--_primitives---tertiary--tertiary-200: #2c1e58;
--_primitives---tertiary--tertiary-400: #5436b6;
--_primitives---tertiary--tertiary: #593eb2;
--_primitives---tertiary--tertiary-600: #9a81e9;
--_primitives---tertiary--tertiary-700: #e2ddff;
--_primitives---tertiary--tertiary-800: #eeecfc;
--_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary);
--_primitives---quaternary--quaternary-100: #1d403c;
--_primitives---quaternary--quaternary-200: #275551;
--_primitives---quaternary--quaternary-400: #4eaba2;
--_primitives---quaternary--quaternary: #62d6cb;
--_primitives---quaternary--quaternary-600: #91e2da;
--_primitives---quaternary--quaternary-700: #dff6f4;
--_primitives---quaternary--quaternary-800: #effaf9;
--_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary);
--_primitives---neutral--neutral-100: #21272a;
--_primitives---neutral--neutral-200: #343a3f;
--_primitives---neutral--neutral-300: #4d5358;
--_primitives---neutral--neutral-400: #697077;
--_primitives---neutral--neutral-500: #a2a9b0;
--_primitives---neutral--neutral-600: #c1c7cd;
--_primitives---neutral--neutral-700: #d9d9da;
--_primitives---neutral--neutral-800: #f2f2f2;
--_primitives---neutral--neutral-900: white;
--_primitives---opacity--neutral-light-15: #00000026;
--_primitives---opacity--neutral-light-20: #0003;
--_primitives---opacity--neutral-light-30: #0000004d;
--_primitives---opacity--neutral-light-40: #0006;
--_primitives---opacity--neutral-light-50: #00000080;
--_primitives---opacity--neutral-light-60: #0009;
--_primitives---opacity--neutral-dark-30: #ffffff4d;
--_primitives---opacity--neutral-dark-40: #fff6;
--_primitives---opacity--neutral-dark-50: #ffffff80;
--_primitives---opacity--neutral-dark-60: #fff9;
--_semantics---background-invert: var(--_primitives---tertiary--tertiary-800);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_primitives---tertiary--tertiary);
--_semantics---background-default: var(--_primitives---tertiary--tertiary-100);
--_semantics---background-v2: var(--_primitives---tertiary--tertiary-200);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---tertiary--tertiary-200);
--_semantics---on-primary-selected: #ffffff;
--_semantics---background-v3: var(--_primitives---tertiary--tertiary-400);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #ffffff;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #000000;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
}


                        .variable-mode-dark-4 {
                    --_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary-selected: var(--_primitives---primary--primary);
--_semantics---on-primary-selected: white;
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-4th: var(--_primitives---secondary--secondary);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---background-v3: var(--_primitives---neutral--neutral-200);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_semantics---gradient-3rd: var(--_primitives---secondary--secondary);
--_semantics---on-primary: white;
--_semantics---on-secondary: white;
--_semantics---surface: var(--_primitives---neutral--neutral-100);
--_semantics---gradient-2nd: var(--_primitives---secondary--secondary);
--_semantics---background-invert: var(--_primitives---neutral--neutral-900);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_semantics---primary);
--_semantics---background-default: var(--_primitives---neutral--neutral-50);
--_semantics---background-v2: var(--_primitives---neutral--neutral-100);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---neutral--neutral-200);
--_semantics---on-primary-selected: #fffffb;
--_semantics---background-v3: var(--_primitives---neutral--neutral-300);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #fffffa;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #fffffc;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
--_primitives---primary--primary-600: #9e8bff;
--_primitives---opacity--transparent: #0000;
--_primitives---opacity--neutral-dark-10: #ffffff1a;
--_primitives---opacity--neutral-light-10: #0000001a;
--_primitives---opacity--neutral-light-5: #0000000d;
--_primitives---neutral--neutral-50: #0f1213;
--_primitives---opacity--neutral-dark-15: #ffffff26;
--_primitives---opacity--neutral-dark-20: #fff3;
--_primitives---opacity--neutral-dark-5: #ffffff0d;
--_primitives---primary--primary-100: #221b4a;
--_primitives---primary--primary-200: #2d2462;
--_primitives---primary--primary-400: #5d49c9;
--_primitives---primary--primary: #8957e0;
--_primitives---primary--primary-700: #e2ddff;
--_primitives---primary--primary-800: #efedfe;
--_primitives---primary--primary-gradient: var(--_primitives---primary--primary);
--_primitives---secondary--secondary-100: #493a11;
--_primitives---secondary--secondary-200: #634e16;
--_primitives---secondary--secondary-400: #c89f2f;
--_primitives---secondary--secondary: #fec93b;
--_primitives---secondary--secondary-600: #fed874;
--_primitives---secondary--secondary-700: #fff3d6;
--_primitives---secondary--secondary-800: #fff9e9;
--_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary);
--_primitives---tertiary--tertiary-100: #211741;
--_primitives---tertiary--tertiary-200: #2c1e58;
--_primitives---tertiary--tertiary-400: #5436b6;
--_primitives---tertiary--tertiary: #593eb2;
--_primitives---tertiary--tertiary-600: #9a81e9;
--_primitives---tertiary--tertiary-700: #e2ddff;
--_primitives---tertiary--tertiary-800: #eeecfc;
--_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary);
--_primitives---quaternary--quaternary-100: #1d403c;
--_primitives---quaternary--quaternary-200: #275551;
--_primitives---quaternary--quaternary-400: #4eaba2;
--_primitives---quaternary--quaternary: #62d6cb;
--_primitives---quaternary--quaternary-600: #91e2da;
--_primitives---quaternary--quaternary-700: #dff6f4;
--_primitives---quaternary--quaternary-800: #effaf9;
--_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary);
--_primitives---neutral--neutral-100: #21272a;
--_primitives---neutral--neutral-200: #343a3f;
--_primitives---neutral--neutral-300: #4d5358;
--_primitives---neutral--neutral-400: #697077;
--_primitives---neutral--neutral-500: #a2a9b0;
--_primitives---neutral--neutral-600: #c1c7cd;
--_primitives---neutral--neutral-700: #d9d9da;
--_primitives---neutral--neutral-800: #f2f2f2;
--_primitives---neutral--neutral-900: white;
--_primitives---opacity--neutral-light-15: #00000026;
--_primitives---opacity--neutral-light-20: #0003;
--_primitives---opacity--neutral-light-30: #0000004d;
--_primitives---opacity--neutral-light-40: #0006;
--_primitives---opacity--neutral-light-50: #00000080;
--_primitives---opacity--neutral-light-60: #0009;
--_primitives---opacity--neutral-dark-30: #ffffff4d;
--_primitives---opacity--neutral-dark-40: #fff6;
--_primitives---opacity--neutral-dark-50: #ffffff80;
--_primitives---opacity--neutral-dark-60: #fff9;
--_semantics---background-invert: var(--_primitives---quaternary--quaternary-800);
--_semantics---text: var(--_primitives---neutral--neutral-900);
--_semantics---primary: var(--_primitives---primary--primary);
--_semantics---primary-selected: var(--_primitives---quaternary--quaternary);
--_semantics---background-default: var(--_primitives---quaternary--quaternary-100);
--_semantics---background-v2: var(--_primitives---quaternary--quaternary-200);
--_semantics---heading: var(--_primitives---neutral--neutral-900);
--_semantics---border: var(--_primitives---quaternary--quaternary-200);
--_semantics---on-primary-selected: #000000;
--_semantics---background-v3: var(--_primitives---quaternary--quaternary-400);
--_semantics---text-v2: var(--_primitives---neutral--neutral-700);
--_semantics---on-primary: #ffffff;
--_semantics---border-active: var(--_semantics---primary-selected);
--_semantics---text-invert: var(--_primitives---neutral--neutral-50);
--_semantics---secondary: var(--_primitives---secondary--secondary);
--_semantics---surface: var(--_primitives---opacity--neutral-light-60);
--_semantics---on-secondary: #000000;
--_semantics---gradient-1st: var(--_primitives---primary--primary);
--_semantics---gradient-2nd: var(--_semantics---primary);
--_semantics---gradient-3rd: var(--_semantics---secondary);
--_semantics---gradient-4th: var(--_semantics---secondary);
--_semantics---heading-invert: var(--_primitives---neutral--neutral-50);
}