:root {
  /* Colors — Primary */
  --color-primary: #533afd;
  --color-secondary: #e5edf5;
  --color-accent: #ffe0d1;

  /* Colors — Neutrals */
  --color-neutral-50: #000000;
  --color-neutral-100: #50617a;
  --color-neutral-200: #ffffff;
  --color-neutral-300: #64748d;
  --color-neutral-400: #101010;
  --color-neutral-500: #f2f7fe;

  /* Colors — Backgrounds */
  --color-bg: #ffffff;
  --color-bg-1: #e5edf5;
  --color-bg-2: #f8fafd;
  --color-bg-3: #0d1738;
  --color-bg-4: #f2f7fe;

  /* Colors — Text */
  --color-text: #000000;
  --color-text-1: #533afd;
  --color-text-2: #061b31;
  --color-text-3: #ffffff;
  --color-text-4: #64748d;

  /* Typography — Families */
  --font-sans: 'sohne-var', sans-serif;

  /* Typography — Scale */
  --font-size-56: 56px;
  --font-size-48: 48px;
  --font-size-32: 32px;
  --font-size-26: 26px;
  --font-size-22: 22px;
  --font-size-20: 20px;
  --font-size-18: 18px;
  --font-size-16: 16px;
  --font-size-14: 14px;
  --font-size-12: 12px;
  --font-size-11: 11px;
  --font-size-10: 10px;

  /* Spacing */
  --spacing-1: 1px;
  --spacing-28: 28px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-52: 52px;
  --spacing-60: 60px;
  --spacing-64: 64px;
  --spacing-72: 72px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --spacing-340: 340px;
  --spacing-366: 366px;

  /* Border Radius */
  --radius-xs: 1px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 100px;

  /* Box Shadows */
  --shadow-md: rgba(23, 23, 23, 0.06) 0px 3px 6px 0px;
  --shadow-lg: rgba(0, 0, 0, 0.06) 0px 4px 24px 0px, rgba(0, 0, 0, 0.03) 0px 1px 2px 0px;
  --shadow-xl: rgba(50, 50, 93, 0.12) 0px 16px 32px 0px;
  --shadow-xl: rgba(23, 23, 23, 0.08) 0px 15px 35px 0px;
  --shadow-xl: rgba(0, 0, 0, 0.1) 0px 30px 60px -50px, rgba(50, 50, 93, 0.25) 0px 30px 60px -10px;

  /* Original Site Variables */
  /* — colors — */
  --hds-color-core-neutral-975: #0d253d;
  --hds-color-accent-border-solid: #533afd;
  --hds-color-accentColorMode-ruby-icon-solid: #ea2261;
  --hds-color-util-brand-900: #1c1e54;
  --hds-color-action-bg-subduedHover: #b9b9f9;
  --hds-color-accentColorMode-magenta-surface-subduedAlt: #ffe6f5;
  --hds-color-input-text-label: #273951;
  --hds-color-input-text-selected: #273951;
  --hds-color-input-text-popover: #273951;
  --hds-color-shadow-sm-top: #00377014;
  --hds-color-button-ui-iconHover: #2e2b8c;
  --hds-color-input-text-placeholder: #7d8ba4;
  --hds-color-core-brandDark-800A: #4b31d080;
  --hds-color-core-lemon-500: #9b6829;
  --hds-color-shadow-lg-top: #0037701a;
  --hds-color-util-bg-min: #fff;
  --hds-color-core-neutral-50A: #a8c3de4d;
  --hds-color-util-neutral-50: #e5edf5;
  --hds-color-accentColorMode-lemon-surface-subdued: #fff2d8;
  --hds-color-accentColorMode-magenta-icon-gradientMiddle: #f96bee;
  --hds-color-input-selector-text-range: #665efd;
  --hds-color-core-neutralDark-25: #f2f7fe;
  --hds-color-action-bg-translucent: #ffffffa6;
  --hds-color-util-accent-magenta-100: #ffd7ef;
  --hds-color-util-accent-orange-50: #ffe5da;
  --hds-color-input-icon-solidAlternate: #533afd;
  --hds-color-heading-subdued: #64748d;
  --hds-color-heading-solid: #061b31;
  --hds-color-accent-charm-bg: #533afd;
  --hds-color-util-bg-quiet: #f8fafd;
  --hds-color-button-secondary-textDisabled: #95a4ba;
  --hds-color-core-neutralDark-700: #273f73;
  --hds-color-action-text-onSolid: #fff;
  --hds-color-core-neutralDark-990: #0d1738;
  --hds-color-util-accent-lemon-200: #f9b900;
  --hds-color-input-tile-text-selected: #533afd;
  --hds-color-util-brand-200: #b9b9f9;
  --hds-color-action-border-solidHover: #4032c8;
  --hds-color-util-action-icon-soft: #665efd;
  --hds-color-accentColorMode-ruby-icon-gradientEnd: #b51145;
  --hds-color-input-bg-default: #ffffff40;
  --hds-color-util-brand-25: #f5f5ff;
  --hds-color-button-primary-bg: #533afd;
  --hds-color-accentColorMode-magenta-icon-gradientStart: #f98bf9;
  --hds-color-util-text-soft: #50617a;
  --hds-color-util-brand-800: #2e2b8c;
  --hds-color-input-selector-icon-disabledOnSolid: #95a4ba;
  --hds-color-action-bg-subdued: #e2e4ff;
  --hds-color-input-text-disabled: #95a4ba;
  --hds-color-util-neutral-950: #11273e;
  --hds-color-core-neutral-0: #fff;
  --hds-color-accent-surface-solid: #533afd;
  --hds-color-accentColorMode-magenta-surface-subdued: #ffe6f5;
  --hds-color-icon-error: #d8351e;
  --hds-color-util-action-bg-max: #2e2b8c;
  --hds-color-util-neutral-800: #273951;
  --hds-color-util-accent-orange-350: #ff6118;
  --hds-color-util-action-bg-emphasized: #4032c8;
  --hds-color-accentColorMode-default-icon-solidAlt: #533afd;
  --hds-color-util-neutral-700: #3c4f69;
  --hds-color-util-brand-300: #9a9afe;
  --hds-color-icon-success: #00b261;
  --hds-color-core-neutralDark-50: #e3ecf7;
  --hds-color-core-brand-400: #7f7dfc;
  --hds-space-input-border-default: 1.25px;
  --hds-color-action-icon-onSubdued: #533afd;
  --hds-color-core-lemon-200: #f9b900;
  --hds-color-core-brandDark-200: #a8bfff;
  --hds-color-accentColorMode-orange-icon-solid: #ff6118;
  --hds-color-util-brand-600: #533afd;
  --hds-color-accentColorMode-orange-icon-gradientMiddle: #fd6252;
  --hds-color-core-ruby-500: #e2225f;
  --hds-color-core-neutralDark-400: #839bc8;
  --hds-color-button-primary-iconDisabled: #95a4ba;
  --hds-space-button-border: 1px;
  --hds-color-util-neutral-990: #061b31;
  --hds-color-util-action-border-max: #2e2b8c;
  --hds-color-util-accent-ruby-400: #ea2261;
  --hds-color-util-action-icon-solid: #533afd;
  --hds-color-input-popover-border: #ffffff00;
  --hds-color-util-action-icon-subdued: #b9b9f9;
  --hds-color-icon-surface: #bac8da;
  --hds-color-shadow-xl-bottom: #003b890f;
  --hds-color-accent-icon-solidAlt: #533afd;
  --hds-color-action-text-onTransparent: #533afd;
  --hds-color-accentColorMode-lemon-icon-gradientStart: #ffd552;
  --hds-color-core-brandDark-925: #1c1b5a;
  --hds-color-util-action-bg-soft: #665efd;
  --hds-color-input-bg-accent: #533afd;
  --hds-color-util-brand-975: #0f1137;
  --hds-color-core-orange-100: #ffd8c6;
  --hds-color-input-text-error: #d8351e;
  --hds-color-util-accent-orange-100: #ffd8c6;
  --hds-space-core-border-lg: 2px;
  --hds-color-input-tile-border-pressed: #2e2b8c;
  --hds-color-button-secondary-bg: #ffffff00;
  --hds-color-input-border-error: #d8351e;
  --hds-color-input-selector-bg-selected: #533afd;
  --hds-color-core-brandDark-700: #362baa;
  --hds-color-core-neutralDark-200: #c0cee6;
  --hds-color-button-secondary-bgHover: #ffffff00;
  --hds-color-core-neutralDark-900A: #23357a80;
  --hds-color-core-neutral-700: #3c4f69;
  --hds-color-accentColorMode-ruby-icon-solidAlt: #ea2261;
  --hds-color-accentColorMode-ruby-surface-subduedAlt: #fed9de;
  --hds-color-button-ui-bgOnSubdued: #e2e4ff;
  --hds-color-action-icon-navigation-soft: #50617a;
  --hds-color-action-bg-transparent: #ffffff00;
  --hds-color-action-border-disabled: #d4dee9;
  --hds-color-util-accent-lemon-500: #9b6829;
  --hds-color-util-action-border-solid: #533afd;
  --hds-color-accent-charm-gradientMiddle: #533afd;
  --hds-color-action-text-solidHover: #2e2b8c;
  --hds-color-util-text-solid: #061b31;
  --hds-color-shadow-md-top: #0037701a;
  --hds-color-util-neutral-300: #95a4ba;
  --hds-color-action-bg-disabled: #e5edf5;
  --hds-color-util-aura-h241Shadow: #1c1b5a;
  --hds-color-util-action-border-quiet: #b9b9f9;
  --hds-color-surface-border-quiet: #e5edf5;
  --hds-color-util-brand-925: #1c1e54;
  --hds-color-accentColorMode-magenta-icon-gradientEnd: #b262f9;
  --hds-color-button-secondary-icon: #533afd;
  --hds-color-core-brandDark-600: #533afd;
  --hds-color-surface-bg-subduedAdaptive: #1658bc08;
  --hds-color-util-text-quiet: #7d8ba4;
  --hds-color-core-error-600: #a01400;
  --hds-color-core-brand-950: #161741;
  --hds-color-input-icon-onSolid: #fff;
  --hds-color-core-brand-100A: #7680f54d;
  --hds-color-action-icon-onTransparent: #533afd;
  --hds-color-core-ruby-800: #5d1c3c;
  --hds-color-core-neutral-400: #7d8ba4;
  --hds-color-accentColorMode-lemon-icon-solidAlt: #e8a30b;
  --hds-color-input-border-selected: #d4dee9bf;
  --hds-color-core-brand-25A: #acacff1f;
  --hds-color-util-neutral-0: #fff;
  --hds-color-util-action-fg-solidAlternate: #533afd;
  --hds-color-input-border-default: #d4dee9bf;
  --hds-color-util-neutral-200: #bac8da;
  --hds-color-core-brand-925: #1c1e54;
  --hds-color-core-brandDark-100: #c3d3ff;
  --hds-color-input-bg-quiet: #d4dee9;
  --hds-color-button-primary-text: #fff;
  --hds-color-util-text-inactive: #95a4ba;
  --hds-color-action-text-solid: #533afd;
  --hds-color-core-success-600: #006f3a;
  --hds-color-text-quiet: #7d8ba4;
  --hds-color-shadow-popoverBottom: #061b311f;
  --hds-color-util-action-text-max: #2e2b8c;
  --hds-color-util-border-subdued: #d4dee9;
  --hds-color-core-brand-25: #f5f5ff;
  --hds-color-util-action-fg-solidAlternateHover: #2e2b8c;
  --hds-color-core-success-400: #00b261;
  --hds-color-core-neutral-50: #e5edf5;
  --hds-color-core-lemon-100: #ffe1a3;
  --hds-color-util-accent-lemon-800: #483414;
  --hds-color-action-border-quiet: #d6d9fc;
  --hds-color-core-brandDark-50: #e4eaff;
  --hds-color-shadow-sm-bottom: #003b890d;
  --hds-color-util-success-100: #b6f2c7;
  --hds-color-core-neutral-300: #95a4ba;
  --hds-color-util-brand-500: #665efd;
  --hds-color-core-brand-500: #665efd;
  --hds-color-action-icon-onTranslucent: #533afd;
  --hds-color-action-icon-solid: #533afd;
  --hds-color-core-global-transparent: #ffffff00;
  --hds-color-util-neutral-25: #f8fafd;
  --hds-space-core-border-none: 0px;
  --hds-color-surface-bg-subdued: #f8fafd;
  --hds-color-accentColorMode-orange-icon-solidAlt: #ff6118;
  --hds-color-util-accent-magenta-600: #a51d85;
  --hds-color-action-bg-quietHover: #d6d9fc;
  --hds-color-action-icon-onQuiet: #533afd;
  --hds-space-core-border-md: 1.25px;
  --hds-color-input-popover-divider: #d4dee9bf;
  --hds-color-core-magenta-50: #ffe6f5;
  --hds-color-core-magenta-800: #4f2055;
  --hds-color-core-neutralDark-500: #6480b2;
  --hds-color-accent-text-solid: #533afd;
  --hds-color-core-brandDark-900: #222069;
  --hds-color-action-icon-solidHover: #2e2b8c;
  --hds-color-action-focus-outer: #533afd;
  --hds-color-core-brand-600: #533afd;
  --hds-color-input-selector-bg-range: #e8e9ff;
  --hds-color-util-accent-magenta-800: #4f2055;
  --hds-color-button-primary-textDisabled: #95a4ba;
  --hds-color-util-brand-100: #d6d9fc;
  --hds-color-button-secondary-borderDisabled: #d4dee9;
  --hds-color-core-lemon-300: #e8a30b;
  --hds-color-input-selector-text-disabled: #95a4ba;
  --hds-color-core-ruby-600: #b51145;
  --hds-color-accentColorMode-orange-surface-subdued: #ffe5da;
  --hds-color-button-primary-icon: #fff;
  --hds-color-action-focus-surface: #ffffff00;
  --hds-color-util-action-fg-solidHover: #2e2b8c;
  --hds-color-util-accent-ruby-50: #fee8eb;
  --hds-color-core-neutral-600: #50617a;
  --hds-color-util-action-icon-max: #2e2b8c;
  --hds-color-util-action-bg-subdued: #b9b9f999;
  --hds-color-button-ui-bgOnSubduedHover: #b9b9f9;
  --hds-color-input-bg-focus: #ffffff80;
  --hds-color-util-action-fg-solid: #533afd;
  --hds-color-input-icon-solid: #533afd;
  --hds-color-util-accent-magenta-500: #cf2cab;
  --hds-color-core-brand-50A: #a3a7ff40;
  --hds-color-util-accent-magenta-50: #ffe6f5;
  --hds-color-core-neutralDark-800A: #2f458ba6;
  --hds-color-action-text-onTranslucent: #533afd;
  --hds-color-core-brand-300: #9a9afe;
  --hds-color-core-magenta-350: #f44bcc;
  --hds-color-util-action-bg-solid: #533afd;
  --hds-color-accentColorMode-default-surface-subduedAlt: #e2e4ff;
  --hds-color-core-orange-600: #ab3500;
  --hds-color-core-brandDark-300: #92adff;
  --hds-color-input-selector-bg-availableHover: #d6d9fc;
  --hds-color-button-ui-borderDisabled: #d4dee9;
  --hds-color-accentColorMode-orange-icon-gradientEnd: #fd5d7c;
  --hds-color-core-ruby-400: #ea2261;
  --hds-color-input-selector-text-available: #273951;
  --hds-color-input-selector-text-selected: #fff;
  --hds-color-util-error-100: #feb9ac;
  --hds-color-core-brandDark-400: #7389ff;
  --hds-color-util-brand-400: #7f7dfc;
  --hds-color-core-orange-50: #ffe5da;
  --hds-color-accentColorMode-default-icon-gradientEnd: #4032c8;
  --hds-color-action-bg-solidHover: #4032c8;
  --hds-color-core-neutral-100: #d4dee9;
  --hds-color-util-brand-700: #4032c8;
  --hds-color-accentColorMode-ruby-surface-subdued: #fed9de;
  --hds-color-core-error-100: #feb9ac;
  --hds-color-core-neutralDark-900: #182659;
  --hds-color-input-bg-solid: #fff;
  --hds-color-util-accent-lemon-300: #e8a30b;
  --hds-color-util-border-solid: #273951;
  --hds-color-util-action-fg-onSolid: #fff;
  --hds-color-input-bg-popoverTransparent: #ffffff00;
  --hds-color-util-neutral-400: #7d8ba4;
  --hds-color-action-text-solidAlternate: #533afd;
  --hds-color-action-text-onQuiet: #533afd;
  --hds-color-accentColorMode-lemon-icon-solid: #e8a30b;
  --hds-color-util-action-fg-onAlpha: #533afd;
  --hds-color-core-brandDark-975: #171055;
  --hds-color-button-primary-iconHover: #fff;
  --hds-color-input-tile-bg-selected: #acacff1f;
  --hds-color-core-ruby-100: #fed9de;
  --hds-color-core-brand-50: #e8e9ff;
  --hds-color-action-text-secondary: #061b31;
  --hds-color-input-bg-popover: #fff;
  --hds-color-util-black: #061b31;
  --hds-color-input-selector-bg-available: #ffffff00;
  --hds-size-input-popover-border-width: 0px;
  --hds-color-accentColorMode-magenta-icon-solidAlt: #f44bcc;
  --hds-color-util-accent-ruby-100: #fed9de;
  --hds-color-input-bg-listboxIcon: #e5edf5;
  --hds-color-input-border-accent: #533afd;
  --hds-color-util-action-text-min: #fff;
  --hds-color-accent-surface-subduedAlt: #e2e4ff;
  --hds-color-core-magenta-100: #ffd7ef;
  --hds-color-accentColorMode-orange-surface-subduedAlt: #ffe5da;
  --hds-color-accentColorMode-orange-border-quiet: #ffd8c6;
  --hds-color-util-brand-950: #161741;
  --hds-color-shadow-md-bottom: #003b8905;
  --hds-canary-dashed-border: 1px dashed #e5edf5;
  --hds-color-input-bg-selectorActive: #7f7dfc;
  --hds-color-input-border-focus: #d4dee9bf;
  --hds-space-customerCard-logo-height: 60px;
  --hds-color-input-tile-border-hover: #533afd;
  --hds-color-shadow-lg-bottom: #003b890a;
  --hds-color-core-brand-800: #2e2b8c;
  --hds-color-shadow-xs-bottom: #003b890a;
  --hds-color-action-border-solid: #533afd;
  --hds-color-core-neutral-800: #273951;
  --hds-color-core-ruby-50: #fee8eb;
  --hds-color-util-action-border-emphasized: #4032c8;
  --hds-color-util-accent-ruby-800: #5d1c3c;
  --hds-color-core-neutralDark-600: #45639d;
  --hds-color-action-bg-quiet: #e8e9ff;
  --hds-color-util-brand-75: #e2e4ff;
  --hds-color-util-success-400: #00b261;
  --hds-color-button-primary-bgDisabled: #e5edf5;
  --hds-color-core-brand-700: #4032c8;
  --hds-color-accentColorMode-lemon-icon-gradientEnd: #ff9014;
  --hds-color-util-neutral-975: #0d253d;
  --hds-color-accentColorMode-lemon-border-quiet: #ffe1a3;
  --hds-color-core-magenta-500: #cf2cab;
  --hds-color-util-neutral-100: #d4dee9;
  --hds-color-core-brand-75: #e2e4ff;
  --hds-color-core-lemon-25: #fff2d8;
  --hds-color-action-text-disabled: #95a4ba;
  --hds-color-shadow-popoverTop: #27395114;
  --hds-color-core-neutral-950: #11273e;
  --hds-space-input-popover-width: 240px;
  --hds-color-accentColorMode-ruby-icon-gradientStart: #fd7184;
  --hds-color-util-accent-lemon-100: #ffe1a3;
  --hds-color-core-brand-200: #b9b9f9;
  --hds-color-core-brandDark-700A: #4834dbb2;
  --hds-color-button-ui-icon: #533afd;
  --hds-color-core-orange-800: #56281b;
  --hds-color-core-neutralDark-950: #122054;
  --hds-color-button-ui-bg: #e8e9ff;
  --hds-color-util-accent-orange-500: #d04900;
  --hds-color-util-action-bg-quiet: #b9b9f94d;
  --accent-gradient-color-stop-1: #bdb4ff;
  --hds-color-util-action-icon-quiet: #d6d9fc;
  --hds-color-input-bg-inactive: #d4dee9bf;
  --hds-color-input-selector-text-rangeDisabled: #b9b9f9;
  --hds-color-action-text-solidAlternateHover: #2e2b8c;
  --hds-color-icon-solid: #273951;
  --hds-color-action-focus-inner-subdued: #f8fafd;
  --hds-color-button-secondary-borderOnSubdued: #b9b9f9;
  --hds-color-accent-charm-gradientStart: #7f7dfc;
  --hds-color-accent-border-quiet: #d6d9fc;
  --hds-color-util-border-emphasized: #061b31;
  --hds-color-util-error-500: #d8351e;
  --hds-color-core-neutral-200: #bac8da;
  --hds-color-input-bg-hover: #f5f5ff;
  --hds-color-surface-bg-quiet: #fff;
  --hds-color-util-error-400: #f3432a;
  --hds-color-action-text-onSubdued: #533afd;
  --hds-space-core-border-sm: 1px;
  --hds-color-util-neutral-600: #50617a;
  --hds-color-input-icon-disabled: #d4dee9;
  --hds-color-action-icon-solidAlternate: #533afd;
  --hds-color-util-action-bg-min: #9a9afe1f;
  --hds-color-util-bg-subdued: #e5edf5;
  --hds-color-input-selector-bg-selectedHover: #4032c8;
  --hds-color-core-neutral-900: #1a2c44;
  --hds-color-button-secondary-text: #533afd;
  --hds-color-core-neutral-990: #061b31;
  --hds-color-icon-subdued: #64748d;
  --hds-color-text-soft: #50617a;
  --hds-color-util-bg-soft: #d4dee9;
  --hds-canary-layout-content-maxWidth-borders: calc(1264px + 2px);
  --hds-color-core-magenta-600: #a51d85;
  --hds-color-core-neutral-200A: #7591b580;
  --hds-color-util-action-icon-emphasized: #4032c8;
  --hds-color-accentColorMode-lemon-icon-gradientMiddle: #ffaf2d;
  --hds-color-core-neutral-25A: #1658bc08;
  --hds-color-core-brandDark-25: #f6f7ff;
  --hds-color-util-action-text-emphasized: #4032c8;
  --hds-color-action-icon-onSolid: #fff;
  --hds-color-util-text-subdued: #64748d;
  --hds-color-accentColorMode-orange-icon-gradientStart: #fe8c2d;
  --hds-color-core-error-500: #d8351e;
  --hds-color-button-ui-iconDisabled: #95a4ba;
  --hds-color-util-action-text-soft: #665efd;
  --hds-color-core-orange-500: #d04900;
  --hds-color-core-brandDark-925A: #582be233;
  --hds-color-accent-charm-gradientEnd: #4032c8;
  --hds-color-core-error-400: #f3432a;
  --hds-color-input-selector-bg-disabled: #e5edf5;
  --hds-color-accent-surface-subdued: #e2e4ff;
  --hds-color-util-action-icon-min: #fff;
  --hds-color-accentColorMode-default-icon-gradientMiddle: #533afd;
  --hds-canary-color-border-focus: #635bff;
  --hds-color-input-selector-text-rangeHover: #4032c8;
  --hds-color-util-border-quiet: #e5edf5;
  --hds-color-input-tile-border-selected: #7f7dfc;
  --hds-color-util-neutral-900: #1a2c44;
  --hds-color-core-brandDark-500: #5d64fe;
  --hds-color-core-brand-100: #d6d9fc;
  --hds-color-input-tile-text-hover: #533afd;
  --hds-color-util-neutral-500: #64748d;
  --hds-color-action-border-subdued: #b9b9f9;
  --hds-color-util-action-border-subdued: #7f7dfc;
  --hds-color-input-tile-text-pressed: #2e2b8c;
  --hds-color-input-selector-text-availableHover: #4032c8;
  --hds-color-input-border-disabled: #d4dee9;
  --accent-gradient-color-stop-2: #643afd;
  --hds-color-button-secondary-textHover: #2e2b8c;
  --hds-color-core-neutralDark-800: #23356e;
  --hds-color-button-secondary-border: #d6d9fc;
  --accent-gradient-color-stop-3: #533afd;
  --hds-color-util-white: #fff;
  --hds-color-util-error-600: #a01400;
  --hds-color-text-solid: #061b31;
  --hds-color-core-brandDark-800: #2c2484;
  --hds-color-core-brandDark-75: #ccdaff;
  --hds-color-core-neutralDark-300: #a3b5d6;
  --hds-color-button-primary-bgHover: #4032c8;
  --hds-color-button-secondary-iconHover: #2e2b8c;
  --hds-color-core-neutralDark-100: #d4deef;
  --hds-color-core-neutralDark-975: #101d4e;
  --hds-color-util-success-600: #006f3a;
  --hds-color-core-neutralDark-950A: #17297080;
  --hds-color-accentColorMode-ruby-border-quiet: #fed9de;
  --hds-color-core-brand-900: #1c1e54;
  --hds-color-input-text-solid: #273951;
  --hds-color-accentColorMode-magenta-icon-solid: #f44bcc;
  --hds-color-util-accent-orange-800: #56281b;
  --hds-color-text-subdued: #64748d;
  --hds-color-core-lemon-800: #483414;
  --hds-color-core-brandDark-950: #191a51;
  --hds-color-shadow-xl-top: #00377024;
  --hds-color-core-success-100: #b6f2c7;
  --hds-color-input-selector-text-current: #061b31;
  --hds-color-accentColorMode-ruby-icon-gradientMiddle: #ea2261;
  --hds-color-util-action-text-solid: #533afd;
  --hds-color-core-neutral-500: #64748d;
  --hds-color-action-icon-disabled: #95a4ba;
  --hds-color-icon-emphasized: #061b31;
  --hds-color-util-accent-magenta-350: #f44bcc;
  --hds-color-button-ui-bgHover: #d6d9fc;
  --hds-color-button-secondary-borderHover: #4032c8;
  --hds-color-input-selector-text-selectedDisabled: #273951;
  --hds-color-action-focus-inner-quiet: #fff;
  --hds-color-util-brand-50: #e8e9ff;
  --navigation-border-radius: 6px;
  --hds-color-core-neutral-25: #f8fafd;
  --hds-color-action-icon-solidAlternateHover: #2e2b8c;
  --hds-color-util-accent-ruby-500: #e2225f;
  --hds-color-util-accent-orange-600: #ab3500;
  --hds-color-accentColorMode-magenta-border-quiet: #ffd7ef;
  --hds-color-shadow-xs-top: #0037700f;
  --hds-color-action-bg-solid: #533afd;
  --hds-color-core-orange-350: #ff6118;
  --hds-color-core-brand-975: #0f1137;
  --hds-color-action-icon-navigation-solid: #061b31;
  --hds-color-util-accent-ruby-600: #b51145;
  --hds-color-accentColorMode-default-icon-gradientStart: #7f7dfc;
  --hds-color-util-border-soft: #50617a;
  --hds-color-input-bg-disabled: #e5edf5;
  --hds-color-action-icon-navigation-subdued: #64748d;
  --hds-color-accentColorMode-lemon-surface-subduedAlt: #fff2d8;
  --hds-color-util-accent-lemon-50: #fff2d8;
  --hds-color-accent-icon-solid: #533afd;
  --hds-color-button-primary-textHover: #fff;
  /* — spacing — */
  --navigation-padding-outer: 8px;
  --hds-space-core-1900: 152px;
  --hds-space-core-300: 24px;
  --hds-space-core-2000: 160px;
  --hds-font-heading-md-letterSpacing: -0.01em;
  --hds-space-core-250: 20px;
  --hds-font-text-lg-letterSpacing: 0em;
  --hds-space-input-text-paddingX-lg: 16px;
  --hds-space-input-text-paddingY-sm: 8px;
  --hds-space-core-radius-none: 0px;
  --hds-space-core-550: 44px;
  --hds-font-text-xxl-letterSpacing: -0.02em;
  --hds-space-block-column-gap: 16px;
  --hds-font-heading-xl-size: 3rem;
  --hds-font-input-text-sm-size: 0.75rem;
  --hds-space-core-2200: 176px;
  --hds-space-input-text-paddingY-md: 10px;
  --hds-font-text-sm-size: 0.875rem;
  --hds-font-input-text-lg-letterSpacing: 0px;
  --hds-space-layout-gap: 16px;
  --hds-space-core-1000: 80px;
  --hds-font-heading-hero-md-size: 2.25rem;
  --hds-font-heading-lg-letterSpacing: -0.02em;
  --hds-font-input-description-letterSpacing: 0px;
  --hds-font-input-label-lg-size: 1rem;
  --hds-space-input-layered-label-maxWidth: 196px;
  --hds-space-core-radius-round: 99999px;
  --hds-font-heading-xxs-letterSpacing: 0em;
  --hds-font-heading-hero-md-letterSpacing: -0.02em;
  --hds-space-core-1400: 112px;
  --hds-space-core-400: 32px;
  --hds-font-heading-lg-size: 2rem;
  --hds-space-input-focus-shadowOuter: 4px;
  --hds-space-input-gap-errorMessage: 4px;
  --hds-space-block-stack-gap-lg: 48px;
  --hds-space-layout-columns: 12;
  --hds-space-core-1500: 120px;
  --hds-space-input-layered-label-minWidth: 120px;
  --hds-font-input-description-size: 0.875rem;
  --hds-font-heading-hero-sm-letterSpacing: -0.02em;
  --hds-font-heading-xs-size: 1rem;
  --hds-space-core-radius-lg: 16px;
  --hds-font-quote-md-letterSpacing: -0.01em;
  --hds-space-block-stack-gap-md: 16px;
  --hds-space-core-350: 28px;
  --hds-font-heading-xxl-size: 3.5rem;
  --hds-font-heading-xxs-size: 0.875rem;
  --hds-space-core-1300: 104px;
  --hds-font-heading-xxl-letterSpacing: -0.025em;
  --hds-space-core-1800: 144px;
  --hds-space-input-text-paddingY-listbox: 6px;
  --hds-font-input-text-md-size: 0.875rem;
  --hds-space-core-150: 12px;
  --hds-font-input-label-sm-size: 0.75rem;
  --hds-font-heading-md-size: 1.625rem;
  --hds-space-layout-page-margin: 16px;
  --hds-space-core-700: 56px;
  --hds-space-core-25: 2px;
  --hds-font-text-md-size: 1rem;
  --hds-font-input-text-md-letterSpacing: 0px;
  --hds-space-core-1100: 88px;
  --hds-font-input-label-md-letterSpacing: 0px;
  --hds-space-block-stack-gap-xl: 64px;
  --hds-space-button-radius-sm: 2px;
  --hds-space-core-1200: 96px;
  --hds-space-input-layered-input-minWidth: 300px;
  --hds-font-heading-hero-lg-size: 2.5rem;
  --hds-space-core-radius-xs: 2px;
  --hds-space-core-600: 48px;
  --hds-font-text-xs-letterSpacing: 0em;
  --hds-space-input-text-paddingX-md: 13px;
  --hds-font-quoteAttribution-md-size: 1.125rem;
  --hds-font-heading-xs-letterSpacing: 0em;
  --hds-space-core-450: 36px;
  --hds-font-text-xs-size: 0.875rem;
  --hds-font-text-xxs-size: 0.75rem;
  --hds-space-core-50: 4px;
  --hds-space-core-500: 40px;
  --hds-space-input-text-paddingX-sm: 10px;
  --hds-font-text-md-letterSpacing: 0em;
  --hds-font-input-text-lgTextarea-size: 1rem;
  --hds-font-heading-hero-sm-size: 2rem;
  --hds-font-input-groupHeading-size: 0.75rem;
  --hds-space-core-2500: 200px;
  --hds-font-text-xl-letterSpacing: -0.01em;
  --hds-space-core-radius-xl: 32px;
  --hds-space-stat-content-padding-y: 36px;
  --hds-space-core-75: 6px;
  --hds-space-input-text-paddingX-listbox: 10px;
  --hds-font-heading-hero-lg-letterSpacing: -0.02em;
  --hds-font-heading-xl-letterSpacing: -0.02em;
  --hds-font-input-label-sm-letterSpacing: 0px;
  --hds-font-heading-sm-size: 1.375rem;
  --hds-space-core-2100: 168px;
  --hds-font-input-label-md-size: 0.875rem;
  --hds-space-core-1700: 136px;
  --hds-font-text-sm-letterSpacing: 0em;
  --hds-space-input-minHeight: 48px;
  --hds-space-input-gap-labelVertical: 8px;
  --hds-space-input-focus-shadowSingle: 2px;
  --hds-space-core-1: 1px;
  --hds-font-quoteAttribution-md-letterSpacing: 0em;
  --hds-font-input-text-lgTextarea-letterSpacing: 0px;
  --hds-font-input-label-lg-letterSpacing: 0px;
  --hds-space-core-200: 16px;
  --hds-space-core-900: 72px;
  --hds-space-button-height: 48px;
  --hds-space-input-layered-input-maxWidth: 360px;
  --hds-space-core-100: 8px;
  --hds-space-section-gap-top: 96px;
  --hds-font-heading-sm-letterSpacing: -0.01em;
  --hds-font-text-xxl-size: 3rem;
  --hds-space-input-focus-outline-offset: 1px;
  --hds-space-layout-content-margin: 16px;
  --hds-font-input-text-lg-size: 1rem;
  --hds-font-quote-md-size: 1.625rem;
  --hds-font-text-lg-size: 1.125rem;
  --hds-font-input-text-sm-letterSpacing: 0px;
  --hds-space-core-radius-md: 6px;
  --hds-space-core-0: 0px;
  --hds-space-core-800: 64px;
  --hds-space-layout-content-maxWidth: 1264px;
  --hds-space-core-radius-sm: 4px;
  --hds-space-core-2300: 184px;
  --hds-space-core-1600: 128px;
  --hds-space-button-radius-lg: 4px;
  --hds-font-text-xl-size: 1.25rem;
  --hds-space-section-gap-bottom: 96px;
  --hds-space-core-2400: 192px;
  --hds-space-input-text-paddingY-lg: 12px;
  --hds-space-input-layered-gap: 24px;
  --hds-font-text-xxs-letterSpacing: 0em;
  --hds-font-input-groupHeading-letterSpacing: 0px;
  /* — typography — */
  --hds-font-input-text-md-lineHeight: 1.3;
  --hds-font-heading-xs-lineHeight: 1.2;
  --hds-font-quoteAttribution-md-weight: 300;
  --hds-font-heading-xl-lineHeight: 1.03;
  --hds-font-heading-md-weight: 300;
  --hds-font-input-groupHeading-weight: 300;
  --hds-font-text-lg-lineHeight: 1.4;
  --hds-font-input-description-lineHeight: 1.3;
  --hds-font-family: "sohne-var","SF Pro Display",sans-serif;
  --hds-font-heading-sm-weight: 300;
  --hds-font-heading-hero-lg-lineHeight: 1.2;
  --hds-font-input-label-lg-weight: 400;
  --hds-font-text-xxs-lineHeight: 1.45;
  --hero-font-lang-large: 3rem;
  --hds-font-text-xxl-weight: 300;
  --hds-font-text-xs-weight: 300;
  --hds-font-input-text-lgTextarea-lineHeight: 1.4;
  --hds-font-heading-xxs-lineHeight: 1.2;
  --hds-font-text-xxs-weight: 300;
  --hds-font-heading-hero-md-weight: 300;
  --hds-font-text-md-weight: 300;
  --hds-font-text-lg-weight: 300;
  --hero-font-lang-medium: 2.75rem;
  --hds-font-input-text-sm-weight: 300;
  --hds-font-heading-hero-lg-weight: 300;
  --hds-font-input-text-lgTextarea-weight: 300;
  --hds-font-text-xl-lineHeight: 1.4;
  --hds-font-heading-xxl-lineHeight: 1.03;
  --hds-font-input-label-md-lineHeight: 1.3;
  --hds-font-heading-sm-lineHeight: 1.1;
  --hds-font-heading-xxl-weight: 300;
  --hds-font-heading-xxs-weight: 400;
  --hds-font-text-sm-lineHeight: 1.4;
  --hds-font-heading-lg-weight: 300;
  --hds-font-input-label-sm-lineHeight: 1.35;
  --hds-font-family-code: "SourceCodePro","SFMono-Regular",monospace;
  --hds-font-text-xxl-lineHeight: 1;
  --hds-font-quoteAttribution-md-lineHeight: 1.4;
  --hds-font-input-text-md-weight: 300;
  --hds-font-heading-hero-md-lineHeight: 1.05;
  --hds-font-heading-hero-sm-weight: 300;
  --hds-font-heading-xs-weight: 400;
  --hds-font-weight-bold: 400;
  --hero-font-lang-small: 2.5rem;
  --hds-font-heading-hero-sm-lineHeight: 1.1;
  --hds-font-input-groupHeading-lineHeight: 1.35;
  --hero-font-lang-min: 2.125rem;
  --hds-font-heading-lg-lineHeight: 1.1;
  --hds-font-input-label-md-weight: 400;
  --hds-font-input-text-lg-weight: 300;
  --hds-font-text-xs-lineHeight: 1.4;
  --hds-font-text-md-lineHeight: 1.4;
  --hds-font-input-text-lg-lineHeight: 1;
  --hds-font-input-text-sm-lineHeight: 1.35;
  --hds-font-text-sm-weight: 300;
  --hds-font-input-label-lg-lineHeight: 1.2;
  --hds-font-text-xl-weight: 300;
  --hds-font-weight-normal: 300;
  --hds-font-quote-md-weight: 300;
  --hds-font-quote-md-lineHeight: 1.12;
  --hds-font-input-label-sm-weight: 400;
  --hds-font-heading-xl-weight: 300;
  --hds-font-heading-md-lineHeight: 1.12;
  --hds-font-input-description-weight: 300;
  /* — shadows — */
  --hds-shadow-sm-top-offset-y: 5px;
  --hds-shadow-sm-bottom-offset-y: 2px;
  --hds-shadow-xs-top-blur: 10px;
  --hds-shadow-xs-bottom-blur: 4px;
  --hds-shadow-xs-top-offset-y: 2px;
  --hds-shadow-sm-bottom-offset-x: 0px;
  --hds-shadow-xl-bottom-offset-x: 0px;
  --hds-shadow-xl-bottom-offset-y: 10px;
  --hds-shadow-lg-bottom-blur: 20px;
  --hds-shadow-xl-bottom-spread: -16px;
  --hds-shadow-sm-bottom-spread: 0px;
  --hds-shadow-md-top-blur: 22px;
  --hds-shadow-md-bottom-blur: 8px;
  --hds-shadow-lg-bottom-offset-x: 0px;
  --hds-shadow-xl: 0px 20px 80px -16px #00377024,0px 10px 60px -16px #003b890f;
  --hds-shadow-sm-top-offset-x: 0px;
  --hds-shadow-md: 0px 6px 22px 0px #0037701a,0px 4px 8px 0px #003b8905;
  --hds-shadow-lg-bottom-offset-y: 5px;
  --hds-shadow-sm-top-spread: 0px;
  --hds-shadow-md-bottom-spread: 0px;
  --hds-shadow-xl-top-spread: -16px;
  --hds-shadow-lg-bottom-spread: -2px;
  --hds-shadow-xl-top-offset-x: 0px;
  --hds-shadow-md-top-spread: 0px;
  --hds-shadow-xl-top-offset-y: 20px;
  --hds-shadow-xs-bottom-offset-x: 0px;
  --hds-shadow-xl-bottom-blur: 60px;
  --hds-shadow-xs-top-offset-x: 0px;
  --hds-shadow-md-bottom-offset-y: 4px;
  --hds-shadow-xl-top-blur: 80px;
  --hds-shadow-md-top-offset-x: 0px;
  --hds-shadow-sm-bottom-blur: 8px;
  --hds-shadow-sm-top-blur: 14px;
  --hds-shadow-lg-top-offset-y: 15px;
  --hds-canary-ui-shadow: 0px 16px 32px rgba(50,50,93,.12);
  --hds-shadow-xs-top-spread: 0px;
  --hds-shadow-lg-top-spread: -2px;
  --hds-shadow-md-top-offset-y: 6px;
  --hds-shadow-lg: 0px 15px 40px -2px #0037701a,0px 5px 20px -2px #003b890a;
  --hds-shadow-lg-top-offset-x: 0px;
  --hds-shadow-xs: 0px 2px 10px 0px #0037700f,0px 1px 4px 0px #003b890a;
  --hds-shadow-sm: 0px 5px 14px 0px #00377014,0px 2px 8px 0px #003b890d;
  --hds-shadow-xs-bottom-spread: 0px;
  --hds-shadow-md-bottom-offset-x: 0px;
  --hds-shadow-xs-bottom-offset-y: 1px;
  --hds-shadow-lg-top-blur: 40px;
  /* — other — */
  --navigation-inline-end: 16px;
  --navigation-duration-slow: 300ms;
  --navigation-duration: 240ms;
  --hds-canary-ui-mini-stroke: #e5edf5;
  --hds-canary-grid-span-quarter: span 3;
  --navigation-easing: cubic-bezier(0.45,0.05,0.55,0.95);
  --navigation-hamburger-duration: 0.25s;
  --navigation-height: 76px;
  --hover-progress: 0;
  --hds-canary-grid-span-full: span 12;
  --hds-canary-grid-span-half: span 6;
  --hds-canary-ui-stroke: color-mix(in srgb,#e5edf5 50%,transparent);
  --navigation-inline-start: 16px;
  /* — semantic — */
  success: [object Object];
  warning: [object Object];
  error: [object Object];
  info: [object Object];

}