/**
 * Do not edit directly, this file was auto-generated.
 */

:root, :host {
  /* Global tokens */
  --ds-global-dimension-border-0: 0rem;
  --ds-global-dimension-border-1: 0.125rem;
  --ds-global-dimension-radius-0: 0rem;
  --ds-global-dimension-radius-4: 0.25rem;
  --ds-global-dimension-radius-6: 0.375rem;
  --ds-global-dimension-radius-12: 0.75rem;
  --ds-global-dimension-radius-9999: 9999px;
  --ds-global-dimension-breakpoint-1: 769px;
  --ds-global-dimension-breakpoint-2: 1024px;
  --ds-global-dimension-breakpoint-3: 1280px;
  --ds-global-dimension-breakpoint-4: 1440px;
  --ds-global-dimension-breakpoint-5: 1920px;
  --ds-global-dimension-container-1: 320px;
  --ds-global-dimension-container-2: 480px;
  --ds-global-dimension-container-3: 640px;
  --ds-global-dimension-container-4: 896px;
  --ds-global-dimension-container-5: 1496px;
  --ds-global-dimension-container-full: 100%;
  --ds-global-dimension-space-0: 0rem;
  --ds-global-dimension-space-1: 0.0625rem;
  --ds-global-dimension-space-2: 0.125rem;
  --ds-global-dimension-space-4: 0.25rem;
  --ds-global-dimension-space-8: 0.5rem;
  --ds-global-dimension-space-12: 0.75rem;
  --ds-global-dimension-space-14: 0.875rem;
  --ds-global-dimension-space-16: 1rem;
  --ds-global-dimension-space-20: 1.25rem;
  --ds-global-dimension-space-24: 1.5rem;
  --ds-global-dimension-space-32: 2rem;
  --ds-global-dimension-space-40: 2.5rem;
  --ds-global-dimension-space-48: 3rem;
  --ds-global-dimension-space-56: 3.5rem;
  --ds-global-dimension-space-64: 4rem;
  --ds-global-dimension-space-72: 4.5rem;
  --ds-global-dimension-space-96: 6rem;
  --ds-global-dimension-space-128: 8rem;
  --ds-global-dimension-space-auto: auto;
  --ds-global-dimension-size-2: 2px;
  --ds-global-dimension-size-4: 4px;
  --ds-global-dimension-size-14: 14px;
  --ds-global-dimension-size-16: 16px;
  --ds-global-dimension-size-24: 24px;
  --ds-global-dimension-size-32: 32px;
  --ds-global-dimension-size-40: 40px;
  --ds-global-dimension-size-48: 48px;
  --ds-global-dimension-size-56: 56px;
  --ds-global-dimension-size-64: 64px;
  --ds-global-dimension-size-72: 72px;
  --ds-global-dimension-size-80: 80px;
  --ds-global-dimension-size-96: 96px;
  --ds-global-dimension-size-176: 176px;
  --ds-global-color-white: #ffffff;
  --ds-global-color-black: #000000;
  --ds-global-color-neutral: rgba(255, 255, 255, 0);
  --ds-global-color-danger-1: #fce8e6;
  --ds-global-color-danger-2: #f7a299;
  --ds-global-color-danger-3: #f05d4d;
  --ds-global-color-danger-4: #ea1800;
  --ds-global-color-danger-5: #cb1501;
  --ds-global-color-danger-6: #a01100;
  --ds-global-color-danger-1-b: #f5d0cc;
  --ds-global-color-danger-6-b: #660b01;
  --ds-global-color-warning-1: #fff9e8;
  --ds-global-color-warning-2: #ffe5a3;
  --ds-global-color-warning-3: #ffd25e;
  --ds-global-color-warning-4: #ffbe19;
  --ds-global-color-warning-5: #f99319;
  --ds-global-color-warning-6: #c97612;
  --ds-global-color-warning-1-b: #fee9d1;
  --ds-global-color-warning-6-b: #7d4a0d;
  --ds-global-color-success-1: #e8f3ec;
  --ds-global-color-success-2: #a1cfb3;
  --ds-global-color-success-3: #5bab7a;
  --ds-global-color-success-4: #168741;
  --ds-global-color-success-5: #116b34;
  --ds-global-color-success-6: #0b5227;
  --ds-global-color-success-1-b: #cfe1d6;
  --ds-global-color-success-6-b: #09361a;
  --ds-global-color-info-1: #e8f1fb;
  --ds-global-color-info-2: #a4c9ed;
  --ds-global-color-info-3: #60a0e0;
  --ds-global-color-info-4: #1c77d2;
  --ds-global-color-info-5: #155ba3;
  --ds-global-color-info-6: #0e457b;
  --ds-global-color-info-1-b: #d0deed;
  --ds-global-color-info-6-b: #0b2e52;
  --ds-global-color-sky-1: #e5f1fe;
  --ds-global-color-sky-2: #a7d1fa;
  --ds-global-color-sky-3: #56a7f5;
  --ds-global-color-sky-4: #6672cc;
  --ds-global-color-sky-5: #0014aa;
  --ds-global-color-sky-6: #000a55;
  --ds-global-color-grey-0: #fafafa;
  --ds-global-color-grey-1: #f6f6f6;
  --ds-global-color-grey-2: #e8e8e8;
  --ds-global-color-grey-3: #d0d0d0;
  --ds-global-color-grey-4: #b6b6b6;
  --ds-global-color-grey-5: #747474;
  --ds-global-color-grey-6: #313131;
  --ds-global-color-yellow-1: #fff9e8;
  --ds-global-color-yellow-2: #ffecbc;
  --ds-global-color-yellow-3: #fae052;
  --ds-global-color-yellow-4: #ffbe19;
  --ds-global-color-yellow-5: #fa9319;
  --ds-global-color-yellow-6: #b24a00;
  --ds-global-color-red-1: #ffeef1;
  --ds-global-color-red-2: #ffd7d7;
  --ds-global-color-red-3: #ffaca6;
  --ds-global-color-red-4: #ff596f;
  --ds-global-color-red-5: #d9304c;
  --ds-global-color-red-6: #99172d;
  --ds-global-color-green-1: #e9fbf7;
  --ds-global-color-green-2: #cbf2ec;
  --ds-global-color-green-3: #94e3d4;
  --ds-global-color-green-4: #21d9ac;
  --ds-global-color-green-5: #00b28f;
  --ds-global-color-green-6: #1b5951;
  --ds-global-color-purple-1: #f9f3ff;
  --ds-global-color-purple-2: #e1d9ff;
  --ds-global-color-purple-3: #b8b2ff;
  --ds-global-color-purple-4: #be82fa;
  --ds-global-color-purple-5: #9f52cc;
  --ds-global-color-purple-6: #6c2273;
  --ds-global-color-primary-1: #e5e7f0;
  --ds-global-color-primary-2: #b3b6d4;
  --ds-global-color-primary-3: #656ea8;
  --ds-global-color-primary-4: #293485;
  --ds-global-color-primary-5: #000d6e;
  --ds-global-color-primary-6: #000739;
  --ds-global-color-primary-1-b: #cccfe2;
  --ds-global-font-shadow-0: none;
  --ds-global-font-shadow-1: 0rem 0rem 0.25rem 0rem rgba(0, 0, 0, 0.15), 0rem 0.25rem 0.75rem 0rem rgba(0, 0, 0, 0.25), 0rem 0rem 5rem 0rem rgba(0, 0, 0, 0.5);
  --ds-global-font-size-0: 0rem;
  --ds-global-font-size-12: 0.75rem;
  --ds-global-font-size-14: 0.875rem;
  --ds-global-font-size-16: 1rem;
  --ds-global-font-size-18: 1.125rem;
  --ds-global-font-size-20: 1.25rem;
  --ds-global-font-size-24: 1.5rem;
  --ds-global-font-size-28: 1.75rem;
  --ds-global-font-size-32: 2rem;
  --ds-global-font-size-40: 2.5rem;
  --ds-global-font-size-48: 3rem;
  --ds-global-font-size-80: 5rem;
  --ds-global-font-size-176: 11rem;
  --ds-global-font-family-heading: BaloiseCreateHeadline, Arial, sans-serif;
  --ds-global-font-family-text: BaloiseCreateText, Arial, sans-serif;
  --ds-global-font-weight-100: 100;
  --ds-global-font-weight-200: 200;
  --ds-global-font-weight-300: 300;
  --ds-global-font-weight-400: 400;
  --ds-global-font-weight-500: 500;
  --ds-global-font-weight-600: 600;
  --ds-global-font-weight-700: 700;
  --ds-global-font-weight-800: 800;
  --ds-global-font-weight-900: 900;
  --ds-global-font-weight-950: 950;
  --ds-global-font-line-height-1: 1;
  --ds-global-font-line-height-2: 1.3;
  --ds-global-font-line-height-3: 1.5;
  --ds-global-font-line-height-4: 2;
  --ds-global-elevation-shadow-0: none;
  --ds-global-elevation-shadow-1: 0rem 0.125rem 0.3125rem 0.0625rem rgba(0, 7, 57, 0.12);
  --ds-global-elevation-shadow-2: 0rem 0.25rem 0.25rem 0rem rgba(0, 7, 57, 0.15);
  --ds-global-elevation-shadow-3: 0rem 0rem 0.625rem 0rem rgba(0, 7, 57, 0.15);
  --ds-global-elevation-shadow-4: 0rem 0rem 1.875rem 0rem rgba(0, 7, 57, 0.15);
  --ds-global-elevation-z-index-100: 100;
  --ds-global-elevation-z-index-200: 200;
  --ds-global-elevation-z-index-300: 300;
  --ds-global-elevation-z-index-400: 400;
  --ds-global-elevation-z-index-1000: 1000;
  --ds-global-elevation-z-index-1100: 1100;
  --ds-global-elevation-z-index-1200: 1200;
  --ds-global-elevation-z-index-1300: 1300;
  --ds-global-elevation-z-index-behind-all: -999999;
  --ds-global-elevation-opacity-0: 0;
  --ds-global-elevation-opacity-30: 0.3;
  --ds-global-elevation-opacity-40: 0.4;
  --ds-global-elevation-opacity-50: 0.5;
  --ds-global-elevation-opacity-60: 0.6;
  --ds-global-elevation-opacity-80: 0.8;
  --ds-global-elevation-opacity-100: 1;

  /* Alias tokens */
  --ds-alias-border-style-none: none;
  --ds-alias-border-style-solid: solid;
  --ds-alias-border-style-dashed: dashed;
  --ds-alias-border-style-dotted: dotted;
  --ds-alias-border-style-double: double;
  --ds-alias-border-style-groove: groove;
  --ds-alias-border-style-ridge: ridge;
  --ds-alias-border-style-inset: inset;
  --ds-alias-border-style-outset: outset;
  --ds-alias-container-space-mobile: var(--ds-global-dimension-space-16);
  --ds-alias-container-space-tablet: var(--ds-global-dimension-space-40);
  --ds-alias-container-space-desktop: var(--ds-global-dimension-space-48);
  --ds-alias-interaction-focus-size-inner: 2;
  --ds-alias-interaction-focus-size-outer: 5;
  --ds-alias-interaction-focus-size-inner-inset: 3;
  --ds-alias-interaction-focus-size-outer-inset: 5;
  --ds-alias-text-size-base-mobile: var(--ds-global-font-size-16);
  --ds-alias-text-size-base-tablet: var(--ds-global-font-size-16);
  --ds-alias-text-size-base-desktop: var(--ds-global-font-size-16);
  --ds-alias-text-size-none-mobile: 0rem;
  --ds-alias-text-size-none-tablet: 0rem;
  --ds-alias-text-size-none-desktop: 0rem;
  --ds-alias-text-size-xs-mobile: var(--ds-global-font-size-12);
  --ds-alias-text-size-xs-tablet: var(--ds-global-font-size-12);
  --ds-alias-text-size-xs-desktop: var(--ds-global-font-size-12);
  --ds-alias-text-size-md-mobile: var(--ds-global-font-size-16);
  --ds-alias-text-size-md-tablet: var(--ds-global-font-size-18);
  --ds-alias-text-size-md-desktop: var(--ds-global-font-size-18);
  --ds-alias-text-size-sm-mobile: var(--ds-global-font-size-14);
  --ds-alias-text-size-sm-tablet: var(--ds-global-font-size-14);
  --ds-alias-text-size-sm-desktop: var(--ds-global-font-size-14);
  --ds-alias-text-size-2xl-mobile: var(--ds-global-font-size-24);
  --ds-alias-text-size-2xl-tablet: var(--ds-global-font-size-32);
  --ds-alias-text-size-2xl-desktop: var(--ds-global-font-size-32);
  --ds-alias-text-size-3xl-mobile: var(--ds-global-font-size-28);
  --ds-alias-text-size-3xl-tablet: var(--ds-global-font-size-40);
  --ds-alias-text-size-3xl-desktop: var(--ds-global-font-size-40);
  --ds-alias-text-size-4xl-mobile: var(--ds-global-font-size-32);
  --ds-alias-text-size-4xl-tablet: var(--ds-global-font-size-48);
  --ds-alias-text-size-4xl-desktop: var(--ds-global-font-size-48);
  --ds-alias-text-size-5xl-mobile: var(--ds-global-font-size-48);
  --ds-alias-text-size-5xl-tablet: var(--ds-global-font-size-80);
  --ds-alias-text-size-5xl-desktop: var(--ds-global-font-size-80);
  --ds-alias-text-size-xl-mobile: var(--ds-global-font-size-20);
  --ds-alias-text-size-xl-tablet: var(--ds-global-font-size-24);
  --ds-alias-text-size-xl-desktop: var(--ds-global-font-size-24);
  --ds-alias-text-size-lg-mobile: var(--ds-global-font-size-18);
  --ds-alias-text-size-lg-tablet: var(--ds-global-font-size-18);
  --ds-alias-text-size-lg-desktop: var(--ds-global-font-size-18);
  --ds-alias-space-none-mobile: var(--ds-global-dimension-space-0);
  --ds-alias-space-none-tablet: var(--ds-global-dimension-space-0);
  --ds-alias-space-none-desktop: var(--ds-global-dimension-space-0);
  --ds-alias-space-2xs-mobile: var(--ds-global-dimension-space-4);
  --ds-alias-space-2xs-tablet: var(--ds-global-dimension-space-4);
  --ds-alias-space-2xs-desktop: var(--ds-global-dimension-space-4);
  --ds-alias-space-xs-mobile: var(--ds-global-dimension-space-8);
  --ds-alias-space-xs-tablet: var(--ds-global-dimension-space-8);
  --ds-alias-space-xs-desktop: var(--ds-global-dimension-space-8);
  --ds-alias-space-sm-mobile: var(--ds-global-dimension-space-12);
  --ds-alias-space-sm-tablet: var(--ds-global-dimension-space-12);
  --ds-alias-space-sm-desktop: var(--ds-global-dimension-space-12);
  --ds-alias-space-base-mobile: var(--ds-global-dimension-space-16);
  --ds-alias-space-base-tablet: var(--ds-global-dimension-space-16);
  --ds-alias-space-base-desktop: var(--ds-global-dimension-space-16);
  --ds-alias-space-md-mobile: var(--ds-global-dimension-space-20);
  --ds-alias-space-md-tablet: var(--ds-global-dimension-space-20);
  --ds-alias-space-md-desktop: var(--ds-global-dimension-space-24);
  --ds-alias-space-lg-mobile: var(--ds-global-dimension-space-24);
  --ds-alias-space-lg-tablet: var(--ds-global-dimension-space-24);
  --ds-alias-space-lg-desktop: var(--ds-global-dimension-space-32);
  --ds-alias-space-xl-mobile: var(--ds-global-dimension-space-32);
  --ds-alias-space-xl-tablet: var(--ds-global-dimension-space-40);
  --ds-alias-space-xl-desktop: var(--ds-global-dimension-space-48);
  --ds-alias-space-2xl-mobile: var(--ds-global-dimension-space-48);
  --ds-alias-space-2xl-tablet: var(--ds-global-dimension-space-56);
  --ds-alias-space-2xl-desktop: var(--ds-global-dimension-space-64);
  --ds-alias-space-3xl-mobile: var(--ds-global-dimension-space-56);
  --ds-alias-space-3xl-tablet: var(--ds-global-dimension-space-72);
  --ds-alias-space-3xl-desktop: var(--ds-global-dimension-space-96);
  --ds-alias-space-4xl-mobile: var(--ds-global-dimension-space-64);
  --ds-alias-space-4xl-tablet: var(--ds-global-dimension-space-96);
  --ds-alias-space-4xl-desktop: var(--ds-global-dimension-space-128);
  --ds-alias-space-3xs-mobile: var(--ds-global-dimension-space-2);
  --ds-alias-space-3xs-tablet: var(--ds-global-dimension-space-2);
  --ds-alias-space-3xs-desktop: var(--ds-global-dimension-space-2);
  --ds-alias-border-color-white: var(--ds-global-color-white);
  --ds-alias-border-color-transparent: var(--ds-global-color-neutral);
  --ds-alias-border-color-base: var(--ds-global-color-grey-3);
  --ds-alias-border-color-inverted: var(--ds-global-color-white);
  --ds-alias-border-color-disabled: var(--ds-global-color-grey-3);
  --ds-alias-border-color-disabled-inverted: var(--ds-global-color-primary-3);
  --ds-alias-border-color-grey-light: var(--ds-global-color-grey-2);
  --ds-alias-border-color-grey: var(--ds-global-color-grey-3);
  --ds-alias-border-color-grey-dark: var(--ds-global-color-grey-4);
  --ds-alias-border-color-primary: var(--ds-global-color-primary-5);
  --ds-alias-border-color-primary-hover: var(--ds-global-color-sky-5);
  --ds-alias-border-color-primary-active: var(--ds-global-color-primary-6);
  --ds-alias-border-color-inverted-primary: var(--ds-global-color-primary-4);
  --ds-alias-border-color-inverted-primary-hover: var(--ds-global-color-sky-2);
  --ds-alias-border-color-inverted-primary-active: var(--ds-global-color-sky-4);
  --ds-alias-border-color-info: var(--ds-global-color-info-4);
  --ds-alias-border-color-info-hover: var(--ds-global-color-info-5);
  --ds-alias-border-color-info-active: var(--ds-global-color-info-6);
  --ds-alias-border-color-success: var(--ds-global-color-success-4);
  --ds-alias-border-color-success-hover: var(--ds-global-color-success-5);
  --ds-alias-border-color-success-active: var(--ds-global-color-success-6);
  --ds-alias-border-color-warning: var(--ds-global-color-warning-4);
  --ds-alias-border-color-warning-hover: var(--ds-global-color-warning-5);
  --ds-alias-border-color-warning-active: var(--ds-global-color-warning-6);
  --ds-alias-border-color-danger: var(--ds-global-color-danger-4);
  --ds-alias-border-color-danger-hover: var(--ds-global-color-danger-5);
  --ds-alias-border-color-danger-active: var(--ds-global-color-danger-6);
  --ds-alias-border-color-green: var(--ds-global-color-green-4);
  --ds-alias-border-color-green-hover: var(--ds-global-color-green-5);
  --ds-alias-border-color-green-active: var(--ds-global-color-green-6);
  --ds-alias-border-color-purple: var(--ds-global-color-purple-4);
  --ds-alias-border-color-purple-hover: var(--ds-global-color-purple-5);
  --ds-alias-border-color-purple-active: var(--ds-global-color-purple-6);
  --ds-alias-border-color-red: var(--ds-global-color-red-4);
  --ds-alias-border-color-red-hover: var(--ds-global-color-red-5);
  --ds-alias-border-color-red-active: var(--ds-global-color-red-6);
  --ds-alias-border-color-yellow: var(--ds-global-color-yellow-4);
  --ds-alias-border-color-yellow-hover: var(--ds-global-color-yellow-5);
  --ds-alias-border-color-yellow-active: var(--ds-global-color-yellow-6);
  --ds-alias-border-color-primary-light: var(--ds-global-color-primary-2);
  --ds-alias-border-width-none: var(--ds-global-dimension-border-0);
  --ds-alias-border-width-base: var(--ds-global-dimension-border-1);
  --ds-alias-border-composite-none: 0rem var(--ds-alias-border-style-solid) var(--ds-global-color-neutral);
  --ds-alias-breakpoint-tablet: var(--ds-global-dimension-breakpoint-1);
  --ds-alias-breakpoint-desktop: var(--ds-global-dimension-breakpoint-2);
  --ds-alias-breakpoint-desktop-lg: var(--ds-global-dimension-breakpoint-3); /** HighDefinition */
  --ds-alias-breakpoint-desktop-xl: var(--ds-global-dimension-breakpoint-4); /** Widescreen */
  --ds-alias-breakpoint-desktop-2xl: var(--ds-global-dimension-breakpoint-5); /** FullHD */
  --ds-alias-container-width-modal: var(--ds-global-dimension-container-3);
  --ds-alias-container-width-compact: var(--ds-global-dimension-container-4);
  --ds-alias-container-width-base: var(--ds-global-dimension-container-5);
  --ds-alias-container-width-fluid: var(--ds-global-dimension-container-full);
  --ds-alias-interaction-focus-color-base: var(--ds-global-color-purple-6);
  --ds-alias-interaction-focus-color-inverted: var(--ds-global-color-yellow-3);
  --ds-alias-interaction-focus-color-border: var(--ds-global-color-white);
  --ds-alias-opacity-hidden: var(--ds-global-elevation-opacity-0);
  --ds-alias-opacity-half: var(--ds-global-elevation-opacity-50);
  --ds-alias-opacity-disabled: var(--ds-global-elevation-opacity-60);
  --ds-alias-opacity-backdrop: var(--ds-global-elevation-opacity-80);
  --ds-alias-opacity-full: var(--ds-global-elevation-opacity-100);
  --ds-alias-radius-none: var(--ds-global-dimension-radius-0);
  --ds-alias-radius-base: var(--ds-global-dimension-radius-4);
  --ds-alias-radius-lg: var(--ds-global-dimension-radius-12);
  --ds-alias-radius-rounded: var(--ds-global-dimension-radius-9999);
  --ds-alias-radius-md: var(--ds-global-dimension-radius-6);
  --ds-alias-text-family-heading: var(--ds-global-font-family-heading);
  --ds-alias-text-family-text: var(--ds-global-font-family-text);
  --ds-alias-text-line-height-single: var(--ds-global-font-line-height-1);
  --ds-alias-text-line-height-heading: var(--ds-global-font-line-height-2);
  --ds-alias-text-line-height-double: var(--ds-global-font-line-height-4);
  --ds-alias-text-line-height-text: var(--ds-global-font-line-height-3);
  --ds-alias-text-weight-light: var(--ds-global-font-weight-300);
  --ds-alias-text-weight-regular: var(--ds-global-font-weight-400);
  --ds-alias-text-weight-bold: var(--ds-global-font-weight-700);
  --ds-alias-text-color-white: var(--ds-global-color-white);
  --ds-alias-text-color-primary: var(--ds-global-color-primary-5);
  --ds-alias-text-color-grey: var(--ds-global-color-grey-5);
  --ds-alias-text-color-disabled: var(--ds-global-color-grey-6);
  --ds-alias-text-color-hint: var(--ds-global-color-primary-3);
  --ds-alias-text-color-placeholder: var(--ds-global-color-primary-3);
  --ds-alias-text-color-info: var(--ds-global-color-info-5);
  --ds-alias-text-color-danger: var(--ds-global-color-danger-5);
  --ds-alias-text-color-success: var(--ds-global-color-success-5);
  --ds-alias-text-color-warning: var(--ds-global-color-warning-6-b);
  --ds-alias-text-shadow-elevated: var(--ds-global-font-shadow-1);
  --ds-alias-shadow-text: var(--ds-global-font-shadow-1);
  --ds-alias-shadow-box-none: var(--ds-global-elevation-shadow-0);
  --ds-alias-shadow-box-header: var(--ds-global-elevation-shadow-2);
  --ds-alias-shadow-box-base: var(--ds-global-elevation-shadow-3);
  --ds-alias-shadow-box-elevated: var(--ds-global-elevation-shadow-4);
  --ds-alias-z-index-deep: var(--ds-global-elevation-z-index-behind-all);
  --ds-alias-z-index-masked: var(--ds-global-elevation-z-index-100);
  --ds-alias-z-index-mask: var(--ds-global-elevation-z-index-200);
  --ds-alias-z-index-sticky: var(--ds-global-elevation-z-index-300);
  --ds-alias-z-index-navigation: var(--ds-global-elevation-z-index-400);
  --ds-alias-z-index-popup: var(--ds-global-elevation-z-index-1000);
  --ds-alias-z-index-modal: var(--ds-global-elevation-z-index-1100);
  --ds-alias-z-index-toast: var(--ds-global-elevation-z-index-1200);
  --ds-alias-z-index-tooltip: var(--ds-global-elevation-z-index-1300);
  --ds-alias-space-auto: var(--ds-global-dimension-space-auto);
  --ds-alias-surface-white: var(--ds-global-color-white);
  --ds-alias-surface-highlight: var(--ds-global-color-primary-1);
  --ds-alias-surface-disabled: var(--ds-global-color-grey-2);
  --ds-alias-surface-transparent: var(--ds-global-color-neutral);
  --ds-alias-surface-sky-light: var(--ds-global-color-sky-1);
  --ds-alias-surface-sky: var(--ds-global-color-sky-2);
  --ds-alias-surface-sky-dark: var(--ds-global-color-sky-3);
  --ds-alias-surface-info: var(--ds-global-color-info-3);
  --ds-alias-surface-info-light: var(--ds-global-color-info-2);
  --ds-alias-surface-info-dark: var(--ds-global-color-info-4);
  --ds-alias-surface-info-darker: var(--ds-global-color-info-5);
  --ds-alias-surface-info-darkest: var(--ds-global-color-info-6);
  --ds-alias-surface-success: var(--ds-global-color-success-3);
  --ds-alias-surface-success-lighter: var(--ds-global-color-success-1);
  --ds-alias-surface-success-light: var(--ds-global-color-success-2);
  --ds-alias-surface-success-dark: var(--ds-global-color-success-4);
  --ds-alias-surface-success-darker: var(--ds-global-color-success-5);
  --ds-alias-surface-success-darkest: var(--ds-global-color-success-6);
  --ds-alias-surface-warning-lighter: var(--ds-global-color-warning-1);
  --ds-alias-surface-warning-light: var(--ds-global-color-warning-2);
  --ds-alias-surface-warning: var(--ds-global-color-warning-3);
  --ds-alias-surface-warning-dark: var(--ds-global-color-warning-4);
  --ds-alias-surface-warning-darker: var(--ds-global-color-warning-5);
  --ds-alias-surface-warning-darkest: var(--ds-global-color-warning-6);
  --ds-alias-surface-danger-lighter: var(--ds-global-color-danger-1);
  --ds-alias-surface-danger-light: var(--ds-global-color-danger-2);
  --ds-alias-surface-danger: var(--ds-global-color-danger-3);
  --ds-alias-surface-danger-dark: var(--ds-global-color-danger-4);
  --ds-alias-surface-danger-darker: var(--ds-global-color-danger-5);
  --ds-alias-surface-danger-darkest: var(--ds-global-color-danger-6);
  --ds-alias-surface-grey-lighter: var(--ds-global-color-grey-0);
  --ds-alias-surface-grey-light: var(--ds-global-color-grey-1);
  --ds-alias-surface-grey: var(--ds-global-color-grey-2);
  --ds-alias-surface-grey-dark: var(--ds-global-color-grey-3);
  --ds-alias-surface-grey-darker: var(--ds-global-color-grey-4);
  --ds-alias-surface-primary-lighter: var(--ds-global-color-primary-1);
  --ds-alias-surface-primary-light: var(--ds-global-color-primary-3);
  --ds-alias-surface-primary: var(--ds-global-color-primary-5);
  --ds-alias-surface-primary-hover: var(--ds-global-color-sky-5);
  --ds-alias-surface-primary-active: var(--ds-global-color-primary-6);
  --ds-alias-surface-primary-dark: var(--ds-global-color-primary-4);
  --ds-alias-surface-green-lighter: var(--ds-global-color-green-1);
  --ds-alias-surface-green-light: var(--ds-global-color-green-2);
  --ds-alias-surface-green: var(--ds-global-color-green-3);
  --ds-alias-surface-purple-lighter: var(--ds-global-color-purple-1);
  --ds-alias-surface-purple-light: var(--ds-global-color-purple-2);
  --ds-alias-surface-purple: var(--ds-global-color-purple-3);
  --ds-alias-surface-red-lighter: var(--ds-global-color-red-1);
  --ds-alias-surface-red-light: var(--ds-global-color-red-2);
  --ds-alias-surface-red: var(--ds-global-color-red-3);
  --ds-alias-surface-yellow-lighter: var(--ds-global-color-yellow-1);
  --ds-alias-surface-yellow-light: var(--ds-global-color-yellow-2);
  --ds-alias-surface-yellow: var(--ds-global-color-yellow-3);
  --ds-alias-surface-hover: var(--ds-global-color-grey-1);
  --ds-alias-surface-backdrop: var(--ds-global-color-primary-6);
  --ds-alias-surface-on-backdrop: var(--ds-global-color-white);
  --ds-alias-surface-green-dark: var(--ds-global-color-green-6);
  --ds-alias-surface-purple-dark: var(--ds-global-color-purple-6);
  --ds-alias-surface-red-dark: var(--ds-global-color-red-6);
  --ds-alias-surface-yellow-dark: var(--ds-global-color-yellow-6);
  --ds-alias-surface-info-lighter: var(--ds-global-color-info-1);
  --ds-alias-surface-selected: var(--ds-global-color-primary-1-b);
  --ds-alias-action-secondary-background-base: var(--ds-global-color-neutral);
  --ds-alias-action-secondary-background-hover: var(--ds-global-color-sky-1);
  --ds-alias-action-secondary-background-active: var(--ds-global-color-sky-1);
  --ds-alias-action-ghost-background-base: var(--ds-global-color-neutral);
  --ds-alias-action-ghost-background-hover: var(--ds-global-color-sky-1);
  --ds-alias-action-ghost-background-active: var(--ds-global-color-sky-1);
  --ds-alias-action-inverted-secondary-background-base: var(--ds-global-color-neutral);
  --ds-alias-action-inverted-secondary-background-hover: var(--ds-global-color-primary-3);
  --ds-alias-action-inverted-secondary-background-active: var(--ds-global-color-primary-3);
  --ds-alias-action-primary-on-surface-base: var(--ds-global-color-white);
  --ds-alias-action-primary-on-surface-hover: var(--ds-global-color-white);
  --ds-alias-action-primary-on-surface-active: var(--ds-global-color-white);
  --ds-alias-action-primary-surface-base: var(--ds-global-color-primary-5);
  --ds-alias-action-primary-surface-hover: var(--ds-global-color-sky-5);
  --ds-alias-action-primary-surface-active: var(--ds-global-color-primary-6);
  --ds-alias-action-primary-text-base: var(--ds-global-color-primary-5);
  --ds-alias-action-primary-text-active: var(--ds-global-color-primary-6);
  --ds-alias-action-primary-text-hover: var(--ds-global-color-sky-5);
  --ds-alias-action-danger-surface-base: var(--ds-global-color-danger-1);
  --ds-alias-action-danger-surface-hover: var(--ds-global-color-danger-1-b);
  --ds-alias-action-danger-surface-active: var(--ds-global-color-danger-1-b);
  --ds-alias-action-danger-text-active: var(--ds-global-color-danger-6-b);
  --ds-alias-action-danger-text-hover: var(--ds-global-color-danger-6-b);
  --ds-alias-action-danger-text-base: var(--ds-global-color-danger-6);
  --ds-alias-action-danger-border-base: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-danger-1);
  --ds-alias-action-danger-border-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-danger-1-b);
  --ds-alias-action-danger-border-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-danger-1-b);
  --ds-alias-action-danger-on-surface-base: var(--ds-global-color-danger-6);
  --ds-alias-action-danger-on-surface-hover: var(--ds-global-color-danger-6-b);
  --ds-alias-action-danger-on-surface-active: var(--ds-global-color-danger-6-b);
  --ds-alias-action-warning-surface-base: var(--ds-global-color-warning-1);
  --ds-alias-action-warning-surface-hover: var(--ds-global-color-warning-1-b);
  --ds-alias-action-warning-surface-active: var(--ds-global-color-warning-1-b);
  --ds-alias-action-warning-text-active: var(--ds-global-color-warning-6-b);
  --ds-alias-action-warning-text-hover: var(--ds-global-color-warning-6-b);
  --ds-alias-action-warning-text-base: var(--ds-global-color-warning-6-b);
  --ds-alias-action-warning-border-base: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-warning-1);
  --ds-alias-action-warning-border-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-warning-1-b);
  --ds-alias-action-warning-border-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-warning-1-b);
  --ds-alias-action-warning-on-surface-hover: var(--ds-global-color-warning-6-b);
  --ds-alias-action-warning-on-surface-active: var(--ds-global-color-warning-6-b);
  --ds-alias-action-warning-on-surface-base: var(--ds-global-color-warning-6-b);
  --ds-alias-action-success-surface-base: var(--ds-global-color-success-1);
  --ds-alias-action-success-surface-hover: var(--ds-global-color-success-1-b);
  --ds-alias-action-success-surface-active: var(--ds-global-color-success-1-b);
  --ds-alias-action-success-text-active: var(--ds-global-color-success-6-b);
  --ds-alias-action-success-text-hover: var(--ds-global-color-success-6-b);
  --ds-alias-action-success-text-base: var(--ds-global-color-success-6);
  --ds-alias-action-success-border-base: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-success-1);
  --ds-alias-action-success-border-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-success-1-b);
  --ds-alias-action-success-border-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-success-1-b);
  --ds-alias-action-success-on-surface-base: var(--ds-global-color-success-6);
  --ds-alias-action-success-on-surface-hover: var(--ds-global-color-success-6-b);
  --ds-alias-action-success-on-surface-active: var(--ds-global-color-success-6-b);
  --ds-alias-action-info-text-active: var(--ds-global-color-info-6-b);
  --ds-alias-action-info-text-hover: var(--ds-global-color-info-6-b);
  --ds-alias-action-info-text-base: var(--ds-global-color-info-6);
  --ds-alias-action-info-border-base: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-info-1);
  --ds-alias-action-info-border-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-info-1-b);
  --ds-alias-action-info-border-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-info-1-b);
  --ds-alias-action-info-surface-base: var(--ds-global-color-info-1);
  --ds-alias-action-info-surface-hover: var(--ds-global-color-info-1-b);
  --ds-alias-action-info-surface-active: var(--ds-global-color-info-1-b);
  --ds-alias-action-info-on-surface-base: var(--ds-global-color-info-6);
  --ds-alias-action-info-on-surface-hover: var(--ds-global-color-info-6-b);
  --ds-alias-action-info-on-surface-active: var(--ds-global-color-info-6-b);
  --ds-alias-action-brand-purple-on-surface-base: var(--ds-global-color-white);
  --ds-alias-action-brand-purple-on-surface-hover: var(--ds-global-color-white);
  --ds-alias-action-brand-purple-on-surface-active: var(--ds-global-color-white);
  --ds-alias-action-brand-purple-surface-base: var(--ds-global-color-purple-1);
  --ds-alias-action-brand-purple-surface-hover: var(--ds-global-color-purple-1);
  --ds-alias-action-brand-purple-surface-active: var(--ds-global-color-purple-1);
  --ds-alias-action-brand-purple-border-base: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-purple-1);
  --ds-alias-action-brand-purple-border-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-purple-4);
  --ds-alias-action-brand-purple-border-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-purple-4);
  --ds-alias-action-brand-red-on-surface-base: var(--ds-global-color-white);
  --ds-alias-action-brand-red-on-surface-hover: var(--ds-global-color-white);
  --ds-alias-action-brand-red-on-surface-active: var(--ds-global-color-white);
  --ds-alias-action-brand-red-surface-base: var(--ds-global-color-red-1);
  --ds-alias-action-brand-red-surface-hover: var(--ds-global-color-red-1);
  --ds-alias-action-brand-red-surface-active: var(--ds-global-color-red-1);
  --ds-alias-action-brand-red-border-base: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-red-1);
  --ds-alias-action-brand-red-border-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-red-4);
  --ds-alias-action-brand-red-border-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-red-4);
  --ds-alias-action-brand-yellow-on-surface-base: var(--ds-global-color-white);
  --ds-alias-action-brand-yellow-on-surface-hover: var(--ds-global-color-white);
  --ds-alias-action-brand-yellow-on-surface-active: var(--ds-global-color-white);
  --ds-alias-action-brand-yellow-surface-base: var(--ds-global-color-yellow-1);
  --ds-alias-action-brand-yellow-surface-hover: var(--ds-global-color-yellow-1);
  --ds-alias-action-brand-yellow-surface-active: var(--ds-global-color-yellow-1);
  --ds-alias-action-brand-yellow-border-base: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-yellow-1);
  --ds-alias-action-brand-yellow-border-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-yellow-4);
  --ds-alias-action-brand-yellow-border-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-yellow-4);
  --ds-alias-action-brand-green-on-surface-base: var(--ds-global-color-white);
  --ds-alias-action-brand-green-on-surface-hover: var(--ds-global-color-white);
  --ds-alias-action-brand-green-on-surface-active: var(--ds-global-color-white);
  --ds-alias-action-brand-green-surface-base: var(--ds-global-color-green-1);
  --ds-alias-action-brand-green-surface-hover: var(--ds-global-color-green-1);
  --ds-alias-action-brand-green-surface-active: var(--ds-global-color-green-1);
  --ds-alias-action-brand-green-border-base: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-green-1);
  --ds-alias-action-brand-green-border-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-green-4);
  --ds-alias-action-brand-green-border-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-green-4);
  --ds-alias-action-tertiary-on-surface-base: var(--ds-global-color-white);
  --ds-alias-action-tertiary-on-surface-hover: var(--ds-global-color-white);
  --ds-alias-action-tertiary-on-surface-active: var(--ds-global-color-white);
  --ds-alias-action-tertiary-surface-hover: var(--ds-global-color-sky-1);
  --ds-alias-action-tertiary-surface-active: var(--ds-global-color-sky-1);
  --ds-alias-action-tertiary-surface-base: var(--ds-global-color-grey-1);
  --ds-alias-action-tertiary-border-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-sky-1);
  --ds-alias-action-tertiary-border-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-sky-1);
  --ds-alias-action-tertiary-border-base: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-grey-1);
  --ds-alias-action-inverted-tertiary-on-surface-base: var(--ds-global-color-white);
  --ds-alias-action-inverted-tertiary-on-surface-hover: var(--ds-global-color-white);
  --ds-alias-action-inverted-tertiary-on-surface-active: var(--ds-global-color-white);
  --ds-alias-action-inverted-tertiary-surface-base: var(--ds-global-color-primary-4);
  --ds-alias-action-inverted-tertiary-surface-hover: var(--ds-global-color-sky-2);
  --ds-alias-action-inverted-tertiary-surface-active: var(--ds-global-color-white);
  --ds-alias-action-inverted-tertiary-text-base: var(--ds-global-color-white);
  --ds-alias-action-inverted-tertiary-border-base: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-primary-4);
  --ds-alias-action-inverted-tertiary-border-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-sky-2);
  --ds-alias-action-inverted-tertiary-border-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-white);
  --ds-alias-action-inverted-ghost-on-surface-base: var(--ds-global-color-white);
  --ds-alias-action-inverted-ghost-on-surface-hover: var(--ds-global-color-white);
  --ds-alias-action-inverted-ghost-on-surface-active: var(--ds-global-color-white);
  --ds-alias-action-inverted-ghost-surface-base: var(--ds-global-color-neutral);
  --ds-alias-action-inverted-ghost-surface-hover: var(--ds-global-color-sky-2);
  --ds-alias-action-inverted-ghost-surface-active: var(--ds-global-color-white);
  --ds-alias-action-inverted-ghost-text-base: var(--ds-global-color-white);
  --ds-alias-action-inverted-ghost-border-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-sky-2);
  --ds-alias-action-inverted-ghost-border-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-white);
  --ds-alias-action-inverted-ghost-border-base: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-global-color-neutral);
  --ds-alias-action-inverted-primary-surface-base: var(--ds-global-color-white);
  --ds-alias-action-inverted-primary-surface-hover: var(--ds-global-color-sky-2);
  --ds-alias-action-inverted-primary-surface-active: var(--ds-global-color-sky-5);
  --ds-alias-action-inverted-primary-on-surface-base: var(--ds-global-color-white);
  --ds-alias-action-inverted-primary-on-surface-hover: var(--ds-global-color-sky-2);
  --ds-alias-action-inverted-primary-on-surface-active: var(--ds-global-color-sky-3);
  --ds-alias-action-inverted-primary-text-base: var(--ds-global-color-white);
  --ds-alias-action-inverted-primary-text-hover: var(--ds-global-color-sky-2);
  --ds-alias-action-inverted-primary-text-active: var(--ds-global-color-sky-3);
  --ds-alias-border-composite-grey: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-grey);
  --ds-alias-border-composite-grey-dashed: var(--ds-alias-border-width-base) var(--ds-alias-border-style-dashed) var(--ds-alias-border-color-grey);
  --ds-alias-border-composite-grey-dark: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-grey-dark);
  --ds-alias-border-composite-grey-dark-dashed: var(--ds-alias-border-width-base) var(--ds-alias-border-style-dashed) var(--ds-alias-border-color-grey-dark);
  --ds-alias-border-composite-primary-light: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-primary-light);
  --ds-alias-border-composite-primary: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-primary);
  --ds-alias-border-composite-primary-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-primary-hover);
  --ds-alias-border-composite-primary-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-primary-active);
  --ds-alias-border-composite-inverted-primary: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-inverted-primary);
  --ds-alias-border-composite-inverted-primary-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-inverted-primary-hover);
  --ds-alias-border-composite-inverted-primary-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-inverted-primary-active);
  --ds-alias-border-composite-grey-light: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-grey-light);
  --ds-alias-border-composite-warning: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-warning);
  --ds-alias-border-composite-warning-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-warning-hover);
  --ds-alias-border-composite-warning-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-warning-active);
  --ds-alias-border-composite-success: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-success);
  --ds-alias-border-composite-success-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-success-hover);
  --ds-alias-border-composite-success-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-success-active);
  --ds-alias-border-composite-info: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-info);
  --ds-alias-border-composite-info-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-info-hover);
  --ds-alias-border-composite-info-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-info-active);
  --ds-alias-border-composite-danger: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-danger);
  --ds-alias-border-composite-danger-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-danger-hover);
  --ds-alias-border-composite-danger-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-danger-active);
  --ds-alias-border-composite-white: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-white);
  --ds-alias-border-composite-transparent: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-transparent);
  --ds-alias-border-composite-disabled: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-border-color-disabled);
  --ds-alias-border-composite-white-dashed: var(--ds-alias-border-width-base) var(--ds-alias-border-style-dashed) var(--ds-alias-border-color-white);
  --ds-alias-border-composite-primary-dashed: var(--ds-alias-border-width-base) var(--ds-alias-border-style-dashed) var(--ds-alias-border-color-primary);
  --ds-alias-border-composite-surface-grey-light: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-grey-light);
  --ds-alias-border-composite-surface-danger-light: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-danger-light);
  --ds-alias-border-composite-surface-success-light: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-success-light);
  --ds-alias-border-composite-surface-info-light: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-info-light);
  --ds-alias-border-composite-surface-warning-light: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-warning-light);
  --ds-alias-interaction-focus-color-start: var(--ds-alias-interaction-focus-color-border);
  --ds-alias-interaction-focus-color-end: var(--ds-alias-interaction-focus-color-base);
  --ds-alias-interaction-focus-color-inverted-start: var(--ds-alias-interaction-focus-color-border);
  --ds-alias-interaction-focus-color-inverted-end: var(--ds-alias-interaction-focus-color-inverted);
  --ds-alias-text-color-inverted-primary: var(--ds-alias-text-color-white);
  --ds-alias-text-color-inverted-disabled: var(--ds-alias-text-color-hint);
  --ds-alias-surface-on-white: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-selected: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-hover: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-highlight: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-disabled: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-sky-light: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-sky: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-sky-dark: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-info: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-info-light: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-info-dark: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-info-darker: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-info-darkest: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-success: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-success-lighter: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-success-light: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-success-dark: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-success-darker: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-success-darkest: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-warning-lighter: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-warning-light: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-warning: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-warning-dark: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-warning-darker: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-warning-darkest: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-danger-lighter: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-danger-light: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-danger: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-danger-dark: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-danger-darker: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-danger-darkest: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-grey-lighter: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-grey-light: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-grey: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-grey-dark: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-grey-darker: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-primary-lighter: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-primary-light: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-primary: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-primary-hover: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-primary-active: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-primary-dark: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-green-lighter: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-green-light: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-green: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-purple-lighter: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-purple-light: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-purple: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-red-lighter: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-red-light: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-red: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-yellow-lighter: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-yellow-light: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-yellow: var(--ds-alias-text-color-primary);
  --ds-alias-surface-on-yellow-dark: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-red-dark: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-purple-dark: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-green-dark: var(--ds-alias-text-color-white);
  --ds-alias-surface-on-info-lighter: var(--ds-alias-text-color-primary);
  --ds-alias-action-brand-purple-text-base: var(--ds-alias-action-primary-text-base);
  --ds-alias-action-brand-purple-text-hover: var(--ds-alias-action-primary-text-hover);
  --ds-alias-action-brand-purple-text-active: var(--ds-alias-action-primary-text-active);
  --ds-alias-action-brand-red-text-base: var(--ds-alias-action-primary-text-base);
  --ds-alias-action-brand-red-text-hover: var(--ds-alias-action-primary-text-hover);
  --ds-alias-action-brand-red-text-active: var(--ds-alias-action-primary-text-active);
  --ds-alias-action-brand-yellow-text-base: var(--ds-alias-action-primary-text-base);
  --ds-alias-action-brand-yellow-text-hover: var(--ds-alias-action-primary-text-hover);
  --ds-alias-action-brand-yellow-text-active: var(--ds-alias-action-primary-text-active);
  --ds-alias-action-brand-green-text-base: var(--ds-alias-action-primary-text-base);
  --ds-alias-action-brand-green-text-hover: var(--ds-alias-action-primary-text-hover);
  --ds-alias-action-brand-green-text-active: var(--ds-alias-action-primary-text-active);
  --ds-alias-action-tertiary-text-base: var(--ds-alias-action-primary-text-base);
  --ds-alias-action-tertiary-text-hover: var(--ds-alias-action-primary-text-hover);
  --ds-alias-action-tertiary-text-active: var(--ds-alias-action-primary-text-active);
  --ds-alias-action-inverted-tertiary-text-hover: var(--ds-alias-action-primary-text-base);
  --ds-alias-action-inverted-tertiary-text-active: var(--ds-alias-action-primary-text-base);
  --ds-alias-action-inverted-ghost-text-hover: var(--ds-alias-action-primary-text-base);
  --ds-alias-action-inverted-ghost-text-active: var(--ds-alias-action-primary-text-base);
  --ds-alias-action-disabled-on-surface-base: var(--ds-alias-text-color-disabled);
  --ds-alias-action-disabled-on-surface-hover: var(--ds-alias-text-color-disabled);
  --ds-alias-action-disabled-on-surface-active: var(--ds-alias-text-color-disabled);
  --ds-alias-action-disabled-surface-base: var(--ds-alias-surface-disabled);
  --ds-alias-action-disabled-surface-hover: var(--ds-alias-surface-disabled);
  --ds-alias-action-disabled-surface-active: var(--ds-alias-surface-disabled);
  --ds-alias-action-disabled-text-base: var(--ds-alias-text-color-disabled);
  --ds-alias-action-disabled-text-hover: var(--ds-alias-text-color-disabled);
  --ds-alias-action-disabled-text-active: var(--ds-alias-text-color-disabled);
  --ds-alias-action-disabled-border-base: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-disabled);
  --ds-alias-action-disabled-border-hover: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-disabled);
  --ds-alias-action-disabled-border-active: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-disabled);
  --ds-alias-action-secondary-border-base: var(--ds-alias-border-composite-primary);
  --ds-alias-action-secondary-border-hover: var(--ds-alias-border-composite-primary-hover);
  --ds-alias-action-secondary-border-active: var(--ds-alias-border-composite-primary-active);
  --ds-alias-action-ghost-border-base: var(--ds-alias-border-composite-transparent);
  --ds-alias-action-ghost-border-hover: var(--ds-alias-border-composite-transparent);
  --ds-alias-action-ghost-border-active: var(--ds-alias-border-composite-transparent);
  --ds-alias-action-inverted-secondary-border-base: var(--ds-alias-border-composite-white);
  --ds-alias-action-inverted-secondary-border-hover: var(--ds-alias-border-composite-white);
  --ds-alias-action-inverted-secondary-border-active: var(--ds-alias-border-composite-white);
  --ds-alias-action-primary-border-base: var(--ds-alias-border-composite-primary);
  --ds-alias-action-primary-border-hover: var(--ds-alias-border-composite-primary-hover);
  --ds-alias-action-primary-border-active: var(--ds-alias-border-composite-primary-active);
  --ds-alias-action-inverted-primary-border-base: var(--ds-alias-border-composite-white);
  --ds-alias-action-inverted-primary-border-hover: var(--ds-alias-border-composite-white);
  --ds-alias-action-inverted-primary-border-active: var(--ds-alias-border-composite-white);

  /* Component tokens */
  --ds-backdrop-filter: blur(4px);
  --ds-app-footer-space-y: var(--ds-alias-space-xl-device);
  --ds-app-footer-gap: var(--ds-alias-space-base-device);
  --ds-app-footer-typo-font-family: var(--ds-alias-text-family-text);
  --ds-app-footer-typo-font-size: var(--ds-alias-text-size-sm-device);
  --ds-app-footer-typo-font-weight: var(--ds-alias-text-weight-regular);
  --ds-app-footer-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-hint-trigger-space: var(--ds-alias-space-2xs-device);
  --ds-hint-heading-font-family: var(--ds-heading-level-3-font-family);
  --ds-hint-heading-font-size: var(--ds-heading-level-3-font-size);
  --ds-hint-heading-font-weight: var(--ds-heading-level-3-font-weight);
  --ds-hint-heading-line-height: var(--ds-heading-level-3-line-height);
  --ds-hint-body-font-family: var(--ds-body-font-font-family);
  --ds-hint-body-font-size: var(--ds-body-font-font-size);
  --ds-hint-body-font-weight: var(--ds-body-font-font-weight);
  --ds-hint-body-line-height: var(--ds-body-font-line-height);
  --ds-hint-gap: var(--ds-alias-space-sm-device);
  --ds-heading-level-1-font-family: var(--ds-alias-text-family-heading);
  --ds-heading-level-1-font-size: var(--ds-alias-text-size-3xl-device);
  --ds-heading-level-1-font-weight: var(--ds-alias-text-weight-bold);
  --ds-heading-level-1-line-height: var(--ds-alias-text-line-height-heading);
  --ds-heading-level-2-font-family: var(--ds-alias-text-family-heading);
  --ds-heading-level-2-font-size: var(--ds-alias-text-size-2xl-device);
  --ds-heading-level-2-font-weight: var(--ds-alias-text-weight-bold);
  --ds-heading-level-2-line-height: var(--ds-alias-text-line-height-heading);
  --ds-heading-level-3-font-family: var(--ds-alias-text-family-heading);
  --ds-heading-level-3-font-size: var(--ds-alias-text-size-xl-device);
  --ds-heading-level-3-font-weight: var(--ds-alias-text-weight-bold);
  --ds-heading-level-3-line-height: var(--ds-alias-text-line-height-heading);
  --ds-heading-level-4-font-family: var(--ds-alias-text-family-heading);
  --ds-heading-level-4-font-size: var(--ds-alias-text-size-lg-device);
  --ds-heading-level-4-font-weight: var(--ds-alias-text-weight-bold);
  --ds-heading-level-4-line-height: var(--ds-alias-text-line-height-heading);
  --ds-heading-level-5-font-family: var(--ds-alias-text-family-heading);
  --ds-heading-level-5-font-size: var(--ds-alias-text-size-base-device);
  --ds-heading-level-5-font-weight: var(--ds-alias-text-weight-bold);
  --ds-heading-level-5-line-height: var(--ds-alias-text-line-height-heading);
  --ds-heading-level-light1-font-family: var(--ds-alias-text-family-heading);
  --ds-heading-level-light1-font-size: var(--ds-alias-text-size-3xl-device);
  --ds-heading-level-light1-font-weight: var(--ds-alias-text-weight-light);
  --ds-heading-level-light1-line-height: var(--ds-alias-text-line-height-heading);
  --ds-heading-level-light3-font-family: var(--ds-alias-text-family-heading);
  --ds-heading-level-light3-font-size: var(--ds-alias-text-size-xl-device);
  --ds-heading-level-light3-font-weight: var(--ds-alias-text-weight-light);
  --ds-heading-level-light3-line-height: var(--ds-alias-text-line-height-heading);
  --ds-heading-level-display2-font-family: var(--ds-alias-text-family-heading);
  --ds-heading-level-display2-font-size: var(--ds-alias-text-size-4xl-device);
  --ds-heading-level-display2-font-weight: var(--ds-alias-text-weight-bold);
  --ds-heading-level-display2-line-height: var(--ds-alias-text-line-height-heading);
  --ds-heading-level-display1-font-family: var(--ds-alias-text-family-heading);
  --ds-heading-level-display1-font-size: var(--ds-alias-text-size-5xl-device);
  --ds-heading-level-display1-font-weight: var(--ds-alias-text-weight-bold);
  --ds-heading-level-display1-line-height: var(--ds-alias-text-line-height-heading);
  --ds-heading-level-light-display2-font-family: var(--ds-alias-text-family-heading);
  --ds-heading-level-light-display2-font-size: var(--ds-alias-text-size-4xl-device);
  --ds-heading-level-light-display2-font-weight: var(--ds-alias-text-weight-light);
  --ds-heading-level-light-display2-line-height: var(--ds-alias-text-line-height-heading);
  --ds-heading-level-light-display1-font-family: var(--ds-alias-text-family-heading);
  --ds-heading-level-light-display1-font-size: var(--ds-alias-text-size-5xl-device);
  --ds-heading-level-light-display1-font-weight: var(--ds-alias-text-weight-light);
  --ds-heading-level-light-display1-line-height: var(--ds-alias-text-line-height-heading);
  --ds-heading-level-light2-font-family: var(--ds-alias-text-family-heading);
  --ds-heading-level-light2-font-size: var(--ds-alias-text-size-2xl-device);
  --ds-heading-level-light2-font-weight: var(--ds-alias-text-weight-light);
  --ds-heading-level-light2-line-height: var(--ds-alias-text-line-height-heading);
  --ds-badge-size-sm-height: var(--ds-alias-text-size-xs-device);
  --ds-badge-size-sm-icon: var(--ds-alias-space-none-device);
  --ds-badge-size-sm-space: var(--ds-alias-space-2xs-device);
  --ds-badge-size-sm-font: 0rem;
  --ds-badge-size-base-height: var(--ds-alias-text-size-2xl-device);
  --ds-badge-size-base-font: var(--ds-alias-text-size-xs-device);
  --ds-badge-size-base-space: var(--ds-alias-space-2xs-device);
  --ds-badge-size-lg-height: var(--ds-alias-text-size-4xl-device);
  --ds-badge-size-lg-font: var(--ds-alias-text-size-base-device);
  --ds-badge-size-lg-icon: var(--ds-alias-text-size-lg-device);
  --ds-badge-size-lg-space: var(--ds-alias-space-2xs-device);
  --ds-button-size-base-font-size: var(--ds-alias-text-size-base-device);
  --ds-button-size-base-gap: var(--ds-alias-space-xs-device);
  --ds-button-size-base-space-x: var(--ds-alias-space-lg-device);
  --ds-button-size-sm-font-size: var(--ds-alias-text-size-sm-device);
  --ds-button-size-sm-gap: var(--ds-alias-space-xs-device);
  --ds-button-size-sm-space-x: var(--ds-alias-space-sm-device);
  --ds-button-size-lg-font-size: var(--ds-alias-text-size-lg-device);
  --ds-button-size-lg-gap: var(--ds-alias-space-xs-device);
  --ds-button-size-lg-space-x: var(--ds-alias-space-lg-device);
  --ds-body-font-font-family: var(--ds-text-typo-paragraph-font-family);
  --ds-body-font-font-size: var(--ds-text-typo-paragraph-font-size);
  --ds-body-font-font-weight: var(--ds-text-typo-paragraph-font-weight);
  --ds-body-font-line-height: var(--ds-text-typo-paragraph-line-height);
  --ds-card-space-sm: var(--ds-alias-space-base-device);
  --ds-card-space-base: var(--ds-alias-space-md-device);
  --ds-card-space-md: var(--ds-alias-space-md-device);
  --ds-card-space-lg: var(--ds-alias-space-xl-device);
  --ds-close-inverted-color-background-hover: rgba(255, 255, 255, 0.3);
  --ds-close-inverted-color-background-active: rgba(255, 255, 255, 0.5);
  --ds-close-primary-color-background-hover: rgba(0, 7, 57, 0.1);
  --ds-close-primary-color-background-active: rgba(0, 7, 57, 0.2);
  --ds-close-size-sm: 14px;
  --ds-close-space-base: 10px;
  --ds-close-space-md: 14px;
  --ds-close-space-sm: 6px;
  --ds-date-calendar-size: var(--ds-alias-text-size-base-device);
  --ds-form-default-label-typo-font-family: var(--ds-alias-text-family-text);
  --ds-form-default-label-typo-font-size: var(--ds-alias-text-size-sm-device);
  --ds-form-default-label-typo-font-weight: var(--ds-alias-text-weight-bold);
  --ds-form-default-label-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-form-default-control-typo-font-family: var(--ds-alias-text-family-text);
  --ds-form-default-control-typo-font-size: var(--ds-alias-text-size-base-device);
  --ds-form-default-control-typo-font-weight: var(--ds-alias-text-weight-regular);
  --ds-form-default-control-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-form-default-description-typo-font-family: var(--ds-alias-text-family-text);
  --ds-form-default-description-typo-font-size: var(--ds-alias-text-size-xs-device);
  --ds-form-default-description-typo-font-weight: var(--ds-alias-text-weight-regular);
  --ds-form-default-description-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-form-success-label-typo-font-family: var(--ds-alias-text-family-text);
  --ds-form-success-label-typo-font-size: var(--ds-alias-text-size-sm-device);
  --ds-form-success-label-typo-font-weight: var(--ds-alias-text-weight-bold);
  --ds-form-success-label-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-form-success-control-typo-font-family: var(--ds-alias-text-family-text);
  --ds-form-success-control-typo-font-size: var(--ds-alias-text-size-base-device);
  --ds-form-success-control-typo-font-weight: var(--ds-alias-text-weight-regular);
  --ds-form-success-control-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-form-success-description-typo-font-family: var(--ds-alias-text-family-text);
  --ds-form-success-description-typo-font-size: var(--ds-alias-text-size-xs-device);
  --ds-form-success-description-typo-font-weight: var(--ds-alias-text-weight-regular);
  --ds-form-success-description-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-form-warning-label-typo-font-family: var(--ds-alias-text-family-text);
  --ds-form-warning-label-typo-font-size: var(--ds-alias-text-size-sm-device);
  --ds-form-warning-label-typo-font-weight: var(--ds-alias-text-weight-bold);
  --ds-form-warning-label-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-form-warning-control-typo-font-family: var(--ds-alias-text-family-text);
  --ds-form-warning-control-typo-font-size: var(--ds-alias-text-size-base-device);
  --ds-form-warning-control-typo-font-weight: var(--ds-alias-text-weight-regular);
  --ds-form-warning-control-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-form-warning-description-typo-font-family: var(--ds-alias-text-family-text);
  --ds-form-warning-description-typo-font-size: var(--ds-alias-text-size-xs-device);
  --ds-form-warning-description-typo-font-weight: var(--ds-alias-text-weight-regular);
  --ds-form-warning-description-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-form-danger-label-typo-font-family: var(--ds-alias-text-family-text);
  --ds-form-danger-label-typo-font-size: var(--ds-alias-text-size-sm-device);
  --ds-form-danger-label-typo-font-weight: var(--ds-alias-text-weight-bold);
  --ds-form-danger-label-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-form-danger-control-typo-font-family: var(--ds-alias-text-family-text);
  --ds-form-danger-control-typo-font-size: var(--ds-alias-text-size-base-device);
  --ds-form-danger-control-typo-font-weight: var(--ds-alias-text-weight-regular);
  --ds-form-danger-control-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-form-danger-description-typo-font-family: var(--ds-alias-text-family-text);
  --ds-form-danger-description-typo-font-size: var(--ds-alias-text-size-xs-device);
  --ds-form-danger-description-typo-font-weight: var(--ds-alias-text-weight-regular);
  --ds-form-danger-description-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-form-disabled-label-typo-font-family: var(--ds-alias-text-family-text);
  --ds-form-disabled-label-typo-font-size: var(--ds-alias-text-size-sm-device);
  --ds-form-disabled-label-typo-font-weight: var(--ds-alias-text-weight-bold);
  --ds-form-disabled-label-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-form-disabled-control-typo-font-family: var(--ds-alias-text-family-text);
  --ds-form-disabled-control-typo-font-size: var(--ds-alias-text-size-base-device);
  --ds-form-disabled-control-typo-font-weight: var(--ds-alias-text-weight-regular);
  --ds-form-disabled-control-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-form-disabled-description-typo-font-family: var(--ds-alias-text-family-text);
  --ds-form-disabled-description-typo-font-size: var(--ds-alias-text-size-xs-device);
  --ds-form-disabled-description-typo-font-weight: var(--ds-alias-text-weight-regular);
  --ds-form-disabled-description-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-select-label-size: var(--ds-alias-text-size-sm-device);
  --ds-select-control-font-size: var(--ds-alias-text-size-base-device);
  --ds-select-description-size: var(--ds-alias-text-size-xs-device);
  --ds-notification-base-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>');
  --ds-notification-base-heading-font-family: var(--ds-heading-level-4-font-family);
  --ds-notification-base-heading-font-size: var(--ds-heading-level-4-font-size);
  --ds-notification-base-heading-font-weight: var(--ds-heading-level-4-font-weight);
  --ds-notification-base-heading-line-height: var(--ds-heading-level-4-line-height);
  --ds-notification-base-body-font-family: var(--ds-text-typo-paragraph-font-family);
  --ds-notification-base-body-font-size: var(--ds-text-typo-paragraph-font-size);
  --ds-notification-base-body-font-weight: var(--ds-text-typo-paragraph-font-weight);
  --ds-notification-base-body-line-height: var(--ds-text-typo-paragraph-line-height);
  --ds-notification-info-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>');
  --ds-notification-info-heading-font-family: var(--ds-heading-level-4-font-family);
  --ds-notification-info-heading-font-size: var(--ds-heading-level-4-font-size);
  --ds-notification-info-heading-font-weight: var(--ds-heading-level-4-font-weight);
  --ds-notification-info-heading-line-height: var(--ds-heading-level-4-line-height);
  --ds-notification-info-body-font-family: var(--ds-text-typo-paragraph-font-family);
  --ds-notification-info-body-font-size: var(--ds-text-typo-paragraph-font-size);
  --ds-notification-info-body-font-weight: var(--ds-text-typo-paragraph-font-weight);
  --ds-notification-info-body-line-height: var(--ds-text-typo-paragraph-line-height);
  --ds-notification-success-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>');
  --ds-notification-success-heading-font-family: var(--ds-heading-level-4-font-family);
  --ds-notification-success-heading-font-size: var(--ds-heading-level-4-font-size);
  --ds-notification-success-heading-font-weight: var(--ds-heading-level-4-font-weight);
  --ds-notification-success-heading-line-height: var(--ds-heading-level-4-line-height);
  --ds-notification-success-body-font-family: var(--ds-text-typo-paragraph-font-family);
  --ds-notification-success-body-font-size: var(--ds-text-typo-paragraph-font-size);
  --ds-notification-success-body-font-weight: var(--ds-text-typo-paragraph-font-weight);
  --ds-notification-success-body-line-height: var(--ds-text-typo-paragraph-line-height);
  --ds-notification-warning-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
  --ds-notification-warning-heading-font-family: var(--ds-heading-level-4-font-family);
  --ds-notification-warning-heading-font-size: var(--ds-heading-level-4-font-size);
  --ds-notification-warning-heading-font-weight: var(--ds-heading-level-4-font-weight);
  --ds-notification-warning-heading-line-height: var(--ds-heading-level-4-line-height);
  --ds-notification-warning-body-font-family: var(--ds-text-typo-paragraph-font-family);
  --ds-notification-warning-body-font-size: var(--ds-text-typo-paragraph-font-size);
  --ds-notification-warning-body-font-weight: var(--ds-text-typo-paragraph-font-weight);
  --ds-notification-warning-body-line-height: var(--ds-text-typo-paragraph-line-height);
  --ds-notification-danger-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
  --ds-notification-danger-heading-font-family: var(--ds-heading-level-4-font-family);
  --ds-notification-danger-heading-font-size: var(--ds-heading-level-4-font-size);
  --ds-notification-danger-heading-font-weight: var(--ds-heading-level-4-font-weight);
  --ds-notification-danger-heading-line-height: var(--ds-heading-level-4-line-height);
  --ds-notification-danger-body-font-family: var(--ds-text-typo-paragraph-font-family);
  --ds-notification-danger-body-font-size: var(--ds-text-typo-paragraph-font-size);
  --ds-notification-danger-body-font-weight: var(--ds-text-typo-paragraph-font-weight);
  --ds-notification-danger-body-line-height: var(--ds-text-typo-paragraph-line-height);
  --ds-notification-outline-base-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>');
  --ds-notification-outline-base-heading-font-family: var(--ds-heading-level-4-font-family);
  --ds-notification-outline-base-heading-font-size: var(--ds-heading-level-4-font-size);
  --ds-notification-outline-base-heading-font-weight: var(--ds-heading-level-4-font-weight);
  --ds-notification-outline-base-heading-line-height: var(--ds-heading-level-4-line-height);
  --ds-notification-outline-base-body-font-family: var(--ds-text-typo-paragraph-font-family);
  --ds-notification-outline-base-body-font-size: var(--ds-text-typo-paragraph-font-size);
  --ds-notification-outline-base-body-font-weight: var(--ds-text-typo-paragraph-font-weight);
  --ds-notification-outline-base-body-line-height: var(--ds-text-typo-paragraph-line-height);
  --ds-notification-outline-purple-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>');
  --ds-notification-outline-purple-heading-font-family: var(--ds-heading-level-4-font-family);
  --ds-notification-outline-purple-heading-font-size: var(--ds-heading-level-4-font-size);
  --ds-notification-outline-purple-heading-font-weight: var(--ds-heading-level-4-font-weight);
  --ds-notification-outline-purple-heading-line-height: var(--ds-heading-level-4-line-height);
  --ds-notification-outline-purple-body-font-family: var(--ds-text-typo-paragraph-font-family);
  --ds-notification-outline-purple-body-font-size: var(--ds-text-typo-paragraph-font-size);
  --ds-notification-outline-purple-body-font-weight: var(--ds-text-typo-paragraph-font-weight);
  --ds-notification-outline-purple-body-line-height: var(--ds-text-typo-paragraph-line-height);
  --ds-notification-outline-green-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>');
  --ds-notification-outline-green-heading-font-family: var(--ds-heading-level-4-font-family);
  --ds-notification-outline-green-heading-font-size: var(--ds-heading-level-4-font-size);
  --ds-notification-outline-green-heading-font-weight: var(--ds-heading-level-4-font-weight);
  --ds-notification-outline-green-heading-line-height: var(--ds-heading-level-4-line-height);
  --ds-notification-outline-green-body-font-family: var(--ds-text-typo-paragraph-font-family);
  --ds-notification-outline-green-body-font-size: var(--ds-text-typo-paragraph-font-size);
  --ds-notification-outline-green-body-font-weight: var(--ds-text-typo-paragraph-font-weight);
  --ds-notification-outline-green-body-line-height: var(--ds-text-typo-paragraph-line-height);
  --ds-notification-outline-yellow-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
  --ds-notification-outline-yellow-heading-font-family: var(--ds-heading-level-4-font-family);
  --ds-notification-outline-yellow-heading-font-size: var(--ds-heading-level-4-font-size);
  --ds-notification-outline-yellow-heading-font-weight: var(--ds-heading-level-4-font-weight);
  --ds-notification-outline-yellow-heading-line-height: var(--ds-heading-level-4-line-height);
  --ds-notification-outline-yellow-body-font-family: var(--ds-text-typo-paragraph-font-family);
  --ds-notification-outline-yellow-body-font-size: var(--ds-text-typo-paragraph-font-size);
  --ds-notification-outline-yellow-body-font-weight: var(--ds-text-typo-paragraph-font-weight);
  --ds-notification-outline-yellow-body-line-height: var(--ds-text-typo-paragraph-line-height);
  --ds-notification-outline-red-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
  --ds-notification-outline-red-heading-font-family: var(--ds-heading-level-4-font-family);
  --ds-notification-outline-red-heading-font-size: var(--ds-heading-level-4-font-size);
  --ds-notification-outline-red-heading-font-weight: var(--ds-heading-level-4-font-weight);
  --ds-notification-outline-red-heading-line-height: var(--ds-heading-level-4-line-height);
  --ds-notification-outline-red-body-font-family: var(--ds-text-typo-paragraph-font-family);
  --ds-notification-outline-red-body-font-size: var(--ds-text-typo-paragraph-font-size);
  --ds-notification-outline-red-body-font-weight: var(--ds-text-typo-paragraph-font-weight);
  --ds-notification-outline-red-body-line-height: var(--ds-text-typo-paragraph-line-height);
  --ds-label-typo-base-font-family: var(--ds-alias-text-family-text);
  --ds-label-typo-base-font-size: var(--ds-alias-text-size-sm-device);
  --ds-label-typo-base-font-weight: var(--ds-alias-text-weight-bold);
  --ds-label-typo-base-line-height: var(--ds-alias-text-line-height-text);
  --ds-label-typo-md-font-family: var(--ds-alias-text-family-text);
  --ds-label-typo-md-font-size: var(--ds-alias-text-size-base-device);
  --ds-label-typo-md-font-weight: var(--ds-alias-text-weight-bold);
  --ds-label-typo-md-line-height: var(--ds-alias-text-line-height-text);
  --ds-label-typo-3xl-font-family: var(--ds-alias-text-family-heading);
  --ds-label-typo-3xl-font-size: var(--ds-alias-text-size-3xl-device);
  --ds-label-typo-3xl-font-weight: var(--ds-alias-text-weight-bold);
  --ds-label-typo-3xl-line-height: var(--ds-alias-text-line-height-text);
  --ds-label-typo-2xl-font-family: var(--ds-alias-text-family-heading);
  --ds-label-typo-2xl-font-size: var(--ds-alias-text-size-2xl-device);
  --ds-label-typo-2xl-font-weight: var(--ds-alias-text-weight-bold);
  --ds-label-typo-2xl-line-height: var(--ds-alias-text-line-height-text);
  --ds-label-typo-lg-font-family: var(--ds-alias-text-family-heading);
  --ds-label-typo-lg-font-size: var(--ds-alias-text-size-lg-device);
  --ds-label-typo-lg-font-weight: var(--ds-alias-text-weight-bold);
  --ds-label-typo-lg-line-height: var(--ds-alias-text-line-height-text);
  --ds-label-typo-xl-font-family: var(--ds-alias-text-family-heading);
  --ds-label-typo-xl-font-size: var(--ds-alias-text-size-xl-device);
  --ds-label-typo-xl-font-weight: var(--ds-alias-text-weight-bold);
  --ds-label-typo-xl-line-height: var(--ds-alias-text-line-height-text);
  --ds-list-item-size-base-space: var(--ds-alias-space-xs-device);
  --ds-list-item-size-lg-space: var(--ds-alias-space-xs-device);
  --ds-list-item-gap: var(--ds-alias-space-base-device);
  --ds-list-item-accordion-py: var(--ds-alias-space-base-device);
  --ds-list-item-title-font-family: var(--ds-alias-text-family-heading);
  --ds-list-item-title-font-size: var(--ds-alias-text-size-base-device);
  --ds-list-item-title-font-weight: var(--ds-alias-text-weight-bold);
  --ds-list-item-title-line-height: var(--ds-alias-text-line-height-heading);
  --ds-list-item-text-font-family: var(--ds-alias-text-family-text);
  --ds-list-item-text-font-size: var(--ds-alias-text-size-sm-device);
  --ds-list-item-text-font-weight: var(--ds-alias-text-weight-regular);
  --ds-list-item-text-line-height: var(--ds-alias-text-line-height-text);
  --ds-list-item-content-gap: 1px;
  --ds-modal-heading-font-family: var(--ds-heading-level-3-font-family);
  --ds-modal-heading-font-size: var(--ds-heading-level-3-font-size);
  --ds-modal-heading-font-weight: var(--ds-heading-level-3-font-weight);
  --ds-modal-heading-line-height: var(--ds-heading-level-3-line-height);
  --ds-modal-space-mobile: var(--ds-global-dimension-size-16);
  --ds-modal-space-tablet: var(--ds-global-dimension-size-32);
  --ds-modal-space-desktop: var(--ds-global-dimension-space-40);
  --ds-app-navbar-base-layout-height: 5rem;
  --ds-app-navbar-base-layout-padding: var(--ds-alias-space-base-device);
  --ds-app-navbar-base-brand-gap: var(--ds-alias-space-xs-device);
  --ds-app-navbar-base-title-font-size: var(--ds-alias-text-size-xl-device);
  --ds-app-navbar-base-hamburger-transition-duration: 0.2s;
  --ds-app-navbar-base-hamburger-padding: var(--ds-alias-space-xs-device);
  --ds-app-navbar-base-sidebar-max-width: 25rem;
  --ds-app-navbar-base-sidebar-slide-duration: 300ms;
  --ds-app-navbar-base-sidebar-backdrop-color: #000000;
  --ds-app-navbar-base-sidebar-panel-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
  --ds-app-navbar-base-sidebar-item-font-size: var(--ds-alias-text-size-base-device);
  --ds-app-navbar-base-sidebar-item-padding-block: var(--ds-alias-space-sm-device);
  --ds-app-navbar-base-sidebar-item-padding-inline: var(--ds-alias-space-xs-device);
  --ds-app-navbar-base-sidebar-content-gap: var(--ds-alias-space-base-device);
  --ds-app-navbar-base-sidebar-content-padding-inline: var(--ds-alias-space-lg-device);
  --ds-app-navbar-base-sidebar-content-padding-block: var(--ds-alias-space-lg-device);
  --ds-app-navbar-base-menu-item-transition-duration: 0.2s;
  --ds-app-navbar-base-menu-item-font-size: var(--ds-alias-text-size-base-device);
  --ds-app-navbar-base-menu-item-padding-block: var(--ds-alias-space-xs-device);
  --ds-app-navbar-base-menu-item-padding-inline: var(--ds-alias-space-base-device);
  --ds-app-navbar-base-menu-gap: var(--ds-alias-space-xl-device);
  --ds-app-navbar-base-menu-start-gap: var(--ds-alias-space-3xs-device);
  --ds-app-navbar-base-menu-end-gap: var(--ds-alias-space-xs-device);
  --ds-app-navbar-base-container-gap: var(--ds-alias-space-xl-device);
  --ds-app-navbar-base-content-gap: var(--ds-alias-space-xs-device);
  --ds-sheet-position-bottom: var(--ds-alias-space-xs-device);
  --ds-snackbar-padding: var(--ds-alias-space-base-device);
  --ds-snackbar-heading-font-family: var(--ds-heading-level-4-font-family);
  --ds-snackbar-heading-font-size: var(--ds-heading-level-4-font-size);
  --ds-snackbar-heading-font-weight: var(--ds-heading-level-4-font-weight);
  --ds-snackbar-heading-line-height: var(--ds-heading-level-4-line-height);
  --ds-snackbar-body-font-family: var(--ds-text-typo-paragraph-font-family);
  --ds-snackbar-body-font-size: var(--ds-text-typo-paragraph-font-size);
  --ds-snackbar-body-font-weight: var(--ds-text-typo-paragraph-font-weight);
  --ds-snackbar-body-line-height: var(--ds-text-typo-paragraph-line-height);
  --ds-snackbar-gap: var(--ds-alias-space-3xs-device);
  --ds-toast-padding: var(--ds-alias-space-base-device);
  --ds-toast-heading-font-family: var(--ds-heading-level-5-font-family);
  --ds-toast-heading-font-size: var(--ds-heading-level-5-font-size);
  --ds-toast-heading-font-weight: var(--ds-heading-level-5-font-weight);
  --ds-toast-heading-line-height: var(--ds-heading-level-5-line-height);
  --ds-toast-body-font-family: var(--ds-text-typo-small-font-family);
  --ds-toast-body-font-size: var(--ds-text-typo-small-font-size);
  --ds-toast-body-font-weight: var(--ds-text-typo-small-font-weight);
  --ds-toast-body-line-height: var(--ds-text-typo-small-line-height);
  --ds-toast-gap: var(--ds-alias-space-3xs-device);
  --ds-tag-size-base-space-gap: var(--ds-alias-space-2xs-device);
  --ds-tag-size-base-space-x: var(--ds-alias-space-sm-device);
  --ds-tag-size-base-space-y: var(--ds-alias-space-2xs-device);
  --ds-tag-size-base-font-size: var(--ds-alias-text-size-base-device);
  --ds-tag-size-sm-space-gap: var(--ds-alias-space-2xs-device);
  --ds-tag-size-sm-space-x: var(--ds-alias-space-sm-device);
  --ds-tag-size-sm-space-y: var(--ds-alias-space-none-device);
  --ds-tag-size-sm-font-size: var(--ds-alias-text-size-sm-device);
  --ds-tag-size-md-space-gap: var(--ds-alias-space-2xs-device);
  --ds-tag-size-md-space-x: var(--ds-alias-space-base-device);
  --ds-tag-size-md-space-y: var(--ds-alias-space-xs-device);
  --ds-tag-size-md-font-size: var(--ds-alias-text-size-base-device);
  --ds-tag-size-lg-space-gap: var(--ds-alias-space-2xs-device);
  --ds-tag-size-lg-space-x: var(--ds-alias-space-lg-device);
  --ds-tag-size-lg-space-y: var(--ds-alias-space-sm-device);
  --ds-tag-size-lg-font-size: var(--ds-alias-text-size-base-device);
  --ds-segment-description-font-size: var(--ds-alias-text-size-sm-device);
  --ds-segment-item-icon-gap: 0.375rem;
  --ds-segment-item-icon-size: var(--ds-alias-space-base-device);
  --ds-segment-item-padding-inline: var(--ds-alias-space-base-device);
  --ds-segment-item-padding-block: var(--ds-alias-space-2xs-device);
  --ds-segment-gap: var(--ds-alias-space-2xs-device);
  --ds-segment-padding: var(--ds-alias-space-2xs-device);
  --ds-pagination-dots-gap: var(--ds-alias-space-3xs-device);
  --ds-pagination-size-sm-gap: var(--ds-alias-space-2xs-device);
  --ds-pagination-size-base-gap: var(--ds-alias-space-xs-device);
  --ds-accordion-summary-typo-font-family: var(--ds-alias-text-family-text);
  --ds-accordion-summary-typo-font-size: var(--ds-alias-text-size-base-device);
  --ds-accordion-summary-typo-font-weight: var(--ds-alias-text-weight-regular);
  --ds-accordion-summary-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-tabs-tab-space-x: var(--ds-alias-space-base-device);
  --ds-tabs-tab-space-y: var(--ds-alias-space-2xs-device);
  --ds-tabs-tab-selected-typo-font-family: var(--ds-alias-text-family-heading);
  --ds-tabs-tab-selected-typo-font-size: var(--ds-alias-text-size-base-device);
  --ds-tabs-tab-selected-typo-font-weight: var(--ds-alias-text-weight-bold);
  --ds-tabs-tab-selected-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-tabs-tab-unselected-typo-font-family: var(--ds-alias-text-family-heading);
  --ds-tabs-tab-unselected-typo-font-size: var(--ds-alias-text-size-base-device);
  --ds-tabs-tab-unselected-typo-font-weight: var(--ds-alias-text-weight-bold);
  --ds-tabs-tab-unselected-typo-line-height: var(--ds-alias-text-line-height-text);
  --ds-tabs-panel-space-x: var(--ds-alias-space-none-device);
  --ds-tabs-panel-space-y: var(--ds-alias-space-base-device);
  --ds-tabs-vertical-gap: var(--ds-alias-space-lg-device);
  --ds-tab-panel-padding: 1rem 0;
  --ds-steps-step-typo-base-font-family: var(--ds-heading-level-5-font-family);
  --ds-steps-step-typo-base-font-size: var(--ds-heading-level-5-font-size);
  --ds-steps-step-typo-base-font-weight: var(--ds-heading-level-5-font-weight);
  --ds-steps-step-typo-base-line-height: var(--ds-heading-level-5-line-height);
  --ds-steps-step-typo-sm-font-family: var(--ds-alias-text-family-heading);
  --ds-steps-step-typo-sm-font-size: var(--ds-alias-text-size-sm-device);
  --ds-steps-step-typo-sm-font-weight: var(--ds-alias-text-weight-bold);
  --ds-steps-step-typo-sm-line-height: var(--ds-alias-text-line-height-heading);
  --ds-steps-circle-size-base: var(--ds-alias-text-size-4xl-device);
  --ds-steps-circle-size-sm: var(--ds-alias-text-size-2xl-device);
  --ds-steps-panel-space-x: var(--ds-alias-space-none-device);
  --ds-steps-panel-space-y: var(--ds-alias-space-base-device);
  --ds-step-panel-padding: 1rem 0;
  --ds-carousel-dot-size: 8px;
  --ds-carousel-dot-size-active: 10px;
  --ds-carousel-gap: var(--ds-alias-space-base-device);
  --ds-tooltip-text-font-family: var(--ds-text-typo-small-font-family);
  --ds-tooltip-text-font-size: var(--ds-text-typo-small-font-size);
  --ds-tooltip-text-font-weight: var(--ds-text-typo-small-font-weight);
  --ds-tooltip-text-line-height: var(--ds-text-typo-small-line-height);
  --ds-tooltip-space-x: var(--ds-alias-space-sm-device);
  --ds-tooltip-space-y: var(--ds-alias-space-xs-device);
  --ds-table-cell-padding-x: 0.75em;
  --ds-table-cell-padding-y: 0.5em;
  --ds-table-head-font-font-family: var(--ds-heading-level-5-font-family);
  --ds-table-head-font-font-size: var(--ds-heading-level-5-font-size);
  --ds-table-head-font-font-weight: var(--ds-heading-level-5-font-weight);
  --ds-table-head-font-line-height: var(--ds-heading-level-5-line-height);
  --ds-table-font-font-family: var(--ds-text-typo-paragraph-font-family);
  --ds-table-font-font-size: var(--ds-text-typo-paragraph-font-size);
  --ds-table-font-font-weight: var(--ds-text-typo-paragraph-font-weight);
  --ds-table-font-line-height: var(--ds-text-typo-paragraph-line-height);
  --ds-popup-min-width: 16rem;
  --ds-popup-space: var(--ds-alias-space-md-device);
  --ds-drawer-max-height: 85dvh;
  --ds-drawer-padding: var(--ds-alias-space-md-device);
  --ds-file-upload-label-text-size: var(--ds-alias-text-size-base-device);
  --ds-file-upload-control-text-size: var(--ds-alias-text-size-base-device);
  --ds-file-upload-description-text-size: var(--ds-alias-text-size-xs-device);
  --ds-link-font-family: inherit;
  --ds-text-space-mobile: var(--ds-alias-space-base);
  --ds-text-space-tablet: var(--ds-alias-space-base);
  --ds-text-space-desktop: var(--ds-alias-space-base);
  --ds-text-typo-paragraph-font-family: var(--ds-alias-text-family-text);
  --ds-text-typo-paragraph-font-size: var(--ds-alias-text-size-base-device);
  --ds-text-typo-paragraph-font-weight: var(--ds-alias-text-weight-regular);
  --ds-text-typo-paragraph-line-height: var(--ds-alias-text-line-height-text);
  --ds-text-typo-small-font-family: var(--ds-alias-text-family-text);
  --ds-text-typo-small-font-size: var(--ds-alias-text-size-sm-device);
  --ds-text-typo-small-font-weight: var(--ds-alias-text-weight-regular);
  --ds-text-typo-small-line-height: var(--ds-alias-text-line-height-text);
  --ds-text-typo-lead-font-family: var(--ds-alias-text-family-text);
  --ds-text-typo-lead-font-size: var(--ds-alias-text-size-lg-device);
  --ds-text-typo-lead-font-weight: var(--ds-alias-text-weight-regular);
  --ds-text-typo-lead-line-height: var(--ds-alias-text-line-height-text);
  --ds-text-typo-block-font-family: var(--ds-alias-text-family-text);
  --ds-text-typo-block-font-size: var(--ds-alias-text-size-md-device);
  --ds-text-typo-block-font-weight: var(--ds-alias-text-weight-regular);
  --ds-text-typo-block-line-height: var(--ds-alias-text-line-height-text);
  --ds-logo-size-base-mobile: var(--ds-global-dimension-size-24);
  --ds-logo-size-base-tablet: var(--ds-global-dimension-size-24);
  --ds-logo-size-base-desktop: var(--ds-global-dimension-size-32);
  --ds-logo-size-sm-mobile: var(--ds-global-dimension-size-24);
  --ds-logo-size-sm-tablet: var(--ds-global-dimension-size-24);
  --ds-logo-size-sm-desktop: var(--ds-global-dimension-size-24);
  --ds-logo-size-lg-mobile: var(--ds-global-dimension-size-32);
  --ds-logo-size-lg-tablet: var(--ds-global-dimension-size-32);
  --ds-logo-size-lg-desktop: var(--ds-global-dimension-size-48);
  --ds-app-footer-social-icon-size: var(--ds-global-dimension-size-24);
  --ds-hint-trigger-size: var(--ds-global-dimension-size-24);
  --ds-badge-size-base-icon: var(--ds-global-dimension-size-14);
  --ds-button-size-base-min-height: var(--ds-global-dimension-size-48);
  --ds-button-size-base-min-width: var(--ds-global-dimension-size-48);
  --ds-button-size-sm-min-height: var(--ds-global-dimension-size-32);
  --ds-button-size-sm-min-width: var(--ds-global-dimension-size-32);
  --ds-button-size-lg-min-height: var(--ds-global-dimension-size-56);
  --ds-button-size-lg-min-width: var(--ds-global-dimension-size-56);
  --ds-close-size-base: var(--ds-global-dimension-size-24);
  --ds-close-size-md: var(--ds-global-dimension-size-32);
  --ds-icon-size-sm: var(--ds-global-dimension-size-14);
  --ds-icon-size-base: var(--ds-global-dimension-size-16);
  --ds-icon-size-md: var(--ds-global-dimension-size-24);
  --ds-icon-size-lg: var(--ds-global-dimension-size-32);
  --ds-icon-size-xl: var(--ds-global-dimension-size-40);
  --ds-brand-icon-tile-size-xl-mobile: var(--ds-global-dimension-size-64);
  --ds-brand-icon-tile-size-xl-tablet: var(--ds-global-dimension-size-96);
  --ds-brand-icon-tile-size-xl-desktop: var(--ds-global-dimension-size-96);
  --ds-brand-icon-tile-size-base-mobile: var(--ds-global-dimension-size-32);
  --ds-brand-icon-tile-size-base-tablet: var(--ds-global-dimension-size-48);
  --ds-brand-icon-tile-size-base-desktop: var(--ds-global-dimension-size-48);
  --ds-brand-icon-tile-size-lg-mobile: var(--ds-global-dimension-size-48);
  --ds-brand-icon-tile-size-lg-tablet: var(--ds-global-dimension-size-64);
  --ds-brand-icon-tile-size-lg-desktop: var(--ds-global-dimension-size-64);
  --ds-brand-icon-size-sm: var(--ds-global-dimension-size-40);
  --ds-brand-icon-size-base: var(--ds-global-dimension-size-80);
  --ds-brand-icon-size-lg: var(--ds-global-dimension-size-176);
  --ds-list-item-size-base-min-height: var(--ds-global-dimension-size-56);
  --ds-list-item-size-lg-min-height: var(--ds-global-dimension-size-72);
  --ds-modal-backdrop-filter: var(--ds-backdrop-filter);
  --ds-app-navbar-base-hamburger-width: var(--ds-global-dimension-size-48);
  --ds-app-navbar-base-hamburger-height: var(--ds-global-dimension-size-48);
  --ds-app-navbar-base-sidebar-panel-border-top: 1px solid var(--ds-global-color-white);
  --ds-app-navbar-base-sidebar-item-min-height: var(--ds-global-dimension-size-48);
  --ds-app-navbar-base-sidebar-item-chevron-size: var(--ds-global-dimension-size-16);
  --ds-app-navbar-light-sidebar-panel-border-top: 1px solid var(--ds-global-color-grey-3);
  --ds-spinner-circle-size-sm: var(--ds-global-dimension-size-16);
  --ds-spinner-circle-size-md: var(--ds-global-dimension-size-24);
  --ds-spinner-circle-thickness-sm: var(--ds-global-dimension-size-2);
  --ds-spinner-circle-thickness-md: var(--ds-global-dimension-size-4);
  --ds-spinner-logo-size-md: var(--ds-global-dimension-size-64);
  --ds-spinner-logo-size-sm: var(--ds-global-dimension-size-32);
  --ds-toast-primary-progress-background: var(--ds-global-color-primary-1-b);
  --ds-segment-item-height: var(--ds-global-dimension-size-40);
  --ds-progress-bar-height: var(--ds-global-dimension-size-4);
  --ds-backdrop-opacity: var(--ds-alias-opacity-backdrop);
  --ds-backdrop-color: var(--ds-alias-surface-backdrop);
  --ds-app-footer-color-background: var(--ds-alias-surface-primary);
  --ds-hint-color-focus: var(--ds-alias-interaction-focus-color-base);
  --ds-hint-color-body: var(--ds-alias-text-color-primary);
  --ds-hint-color-heading: var(--ds-alias-text-color-primary);
  --ds-hint-color-background: var(--ds-alias-surface-grey-light);
  --ds-hint-trigger-radius: var(--ds-alias-radius-rounded);
  --ds-hint-trigger-color-background-base: var(--ds-alias-surface-primary);
  --ds-hint-trigger-color-background-hover: var(--ds-alias-surface-primary-hover);
  --ds-hint-trigger-color-background-active: var(--ds-alias-surface-primary-active);
  --ds-hint-radius: var(--ds-alias-radius-lg);
  --ds-heading-color-primary: var(--ds-alias-text-color-primary);
  --ds-heading-color-inverted: var(--ds-alias-text-color-white);
  --ds-heading-shadow: var(--ds-alias-shadow-text);
  --ds-badge-base-color-text: var(--ds-alias-text-color-primary);
  --ds-badge-base-color-background: var(--ds-alias-surface-red);
  --ds-badge-info-color-text: var(--ds-alias-text-color-primary);
  --ds-badge-info-color-background: var(--ds-alias-surface-purple);
  --ds-badge-success-color-text: var(--ds-alias-text-color-primary);
  --ds-badge-success-color-background: var(--ds-alias-surface-green);
  --ds-badge-warning-color-text: var(--ds-alias-text-color-primary);
  --ds-badge-warning-color-background: var(--ds-alias-surface-yellow-light);
  --ds-badge-danger-color-text: var(--ds-alias-text-color-primary);
  --ds-badge-danger-color-background: var(--ds-alias-surface-red);
  --ds-badge-disabled-color-text: var(--ds-alias-text-color-grey);
  --ds-badge-disabled-color-background: var(--ds-alias-surface-grey);
  --ds-badge-size-sm-radius: var(--ds-alias-radius-rounded);
  --ds-badge-size-base-radius: var(--ds-alias-radius-rounded);
  --ds-badge-size-lg-radius: var(--ds-alias-radius-rounded);
  --ds-badge-typo-font-family: var(--ds-alias-text-family-heading);
  --ds-badge-typo-font-weight: var(--ds-alias-text-weight-bold);
  --ds-badge-typo-line-height: var(--ds-alias-text-line-height-single);
  --ds-button-color-primary-base-text: var(--ds-alias-action-primary-on-surface-base);
  --ds-button-color-primary-base-background: var(--ds-alias-action-primary-surface-base);
  --ds-button-color-primary-hover-text: var(--ds-alias-action-primary-on-surface-hover);
  --ds-button-color-primary-hover-background: var(--ds-alias-action-primary-surface-hover);
  --ds-button-color-primary-active-text: var(--ds-alias-action-primary-on-surface-active);
  --ds-button-color-primary-active-background: var(--ds-alias-action-primary-surface-active);
  --ds-button-color-secondary-base-text: var(--ds-alias-action-primary-text-base);
  --ds-button-color-secondary-base-background: var(--ds-alias-action-secondary-background-base);
  --ds-button-color-secondary-hover-text: var(--ds-alias-action-primary-text-hover);
  --ds-button-color-secondary-hover-background: var(--ds-alias-action-secondary-background-hover);
  --ds-button-color-secondary-active-text: var(--ds-alias-action-primary-text-active);
  --ds-button-color-secondary-active-background: var(--ds-alias-action-secondary-background-active);
  --ds-button-color-tertiary-base-background: var(--ds-alias-action-tertiary-surface-base);
  --ds-button-color-tertiary-base-border: var(--ds-alias-action-tertiary-border-base);
  --ds-button-color-tertiary-hover-background: var(--ds-alias-action-tertiary-surface-hover);
  --ds-button-color-tertiary-hover-border: var(--ds-alias-action-tertiary-border-hover);
  --ds-button-color-tertiary-active-background: var(--ds-alias-action-tertiary-surface-active);
  --ds-button-color-tertiary-active-border: var(--ds-alias-action-tertiary-border-active);
  --ds-button-color-ghost-base-text: var(--ds-alias-action-primary-text-base);
  --ds-button-color-ghost-base-background: var(--ds-alias-action-ghost-background-base);
  --ds-button-color-ghost-hover-text: var(--ds-alias-action-primary-text-hover);
  --ds-button-color-ghost-hover-background: var(--ds-alias-action-ghost-background-hover);
  --ds-button-color-ghost-active-text: var(--ds-alias-action-primary-text-active);
  --ds-button-color-ghost-active-background: var(--ds-alias-action-ghost-background-active);
  --ds-button-color-brand-purple-base-background: var(--ds-alias-action-brand-purple-surface-base);
  --ds-button-color-brand-purple-base-border: var(--ds-alias-action-brand-purple-border-base);
  --ds-button-color-brand-purple-hover-background: var(--ds-alias-action-brand-purple-surface-hover);
  --ds-button-color-brand-purple-hover-border: var(--ds-alias-action-brand-purple-border-hover);
  --ds-button-color-brand-purple-active-background: var(--ds-alias-action-brand-purple-surface-active);
  --ds-button-color-brand-purple-active-border: var(--ds-alias-action-brand-purple-border-active);
  --ds-button-color-brand-red-base-background: var(--ds-alias-action-brand-red-surface-base);
  --ds-button-color-brand-red-base-border: var(--ds-alias-action-brand-red-border-base);
  --ds-button-color-brand-red-hover-background: var(--ds-alias-action-brand-red-surface-hover);
  --ds-button-color-brand-red-hover-border: var(--ds-alias-action-brand-red-border-hover);
  --ds-button-color-brand-red-active-background: var(--ds-alias-action-brand-red-surface-active);
  --ds-button-color-brand-red-active-border: var(--ds-alias-action-brand-red-border-active);
  --ds-button-color-brand-yellow-base-background: var(--ds-alias-action-brand-yellow-surface-base);
  --ds-button-color-brand-yellow-base-border: var(--ds-alias-action-brand-yellow-border-base);
  --ds-button-color-brand-yellow-hover-background: var(--ds-alias-action-brand-yellow-surface-hover);
  --ds-button-color-brand-yellow-hover-border: var(--ds-alias-action-brand-yellow-border-hover);
  --ds-button-color-brand-yellow-active-background: var(--ds-alias-action-brand-yellow-surface-active);
  --ds-button-color-brand-yellow-active-border: var(--ds-alias-action-brand-yellow-border-active);
  --ds-button-color-brand-green-base-background: var(--ds-alias-action-brand-green-surface-base);
  --ds-button-color-brand-green-base-border: var(--ds-alias-action-brand-green-border-base);
  --ds-button-color-brand-green-hover-background: var(--ds-alias-action-brand-green-surface-hover);
  --ds-button-color-brand-green-hover-border: var(--ds-alias-action-brand-green-border-hover);
  --ds-button-color-brand-green-active-background: var(--ds-alias-action-brand-green-surface-active);
  --ds-button-color-brand-green-active-border: var(--ds-alias-action-brand-green-border-active);
  --ds-button-color-info-base-text: var(--ds-alias-action-info-on-surface-base);
  --ds-button-color-info-base-border: var(--ds-alias-action-info-border-base);
  --ds-button-color-info-base-background: var(--ds-alias-action-info-surface-base);
  --ds-button-color-info-hover-text: var(--ds-alias-action-info-on-surface-hover);
  --ds-button-color-info-hover-border: var(--ds-alias-action-info-border-hover);
  --ds-button-color-info-hover-background: var(--ds-alias-action-info-surface-hover);
  --ds-button-color-info-active-text: var(--ds-alias-action-info-on-surface-active);
  --ds-button-color-info-active-border: var(--ds-alias-action-info-border-active);
  --ds-button-color-info-active-background: var(--ds-alias-action-info-surface-active);
  --ds-button-color-success-base-text: var(--ds-alias-action-success-on-surface-base);
  --ds-button-color-success-base-border: var(--ds-alias-action-success-border-base);
  --ds-button-color-success-base-background: var(--ds-alias-action-success-surface-base);
  --ds-button-color-success-hover-text: var(--ds-alias-action-success-on-surface-hover);
  --ds-button-color-success-hover-border: var(--ds-alias-action-success-border-hover);
  --ds-button-color-success-hover-background: var(--ds-alias-action-success-surface-hover);
  --ds-button-color-success-active-text: var(--ds-alias-action-success-on-surface-active);
  --ds-button-color-success-active-border: var(--ds-alias-action-success-border-active);
  --ds-button-color-success-active-background: var(--ds-alias-action-success-surface-active);
  --ds-button-color-warning-base-text: var(--ds-alias-action-warning-on-surface-base);
  --ds-button-color-warning-base-border: var(--ds-alias-action-warning-border-base);
  --ds-button-color-warning-base-background: var(--ds-alias-action-warning-surface-base);
  --ds-button-color-warning-hover-text: var(--ds-alias-action-warning-on-surface-hover);
  --ds-button-color-warning-hover-border: var(--ds-alias-action-warning-border-hover);
  --ds-button-color-warning-hover-background: var(--ds-alias-action-warning-surface-hover);
  --ds-button-color-warning-active-text: var(--ds-alias-action-warning-on-surface-active);
  --ds-button-color-warning-active-border: var(--ds-alias-action-warning-border-active);
  --ds-button-color-warning-active-background: var(--ds-alias-action-warning-surface-active);
  --ds-button-color-danger-base-text: var(--ds-alias-action-danger-on-surface-base);
  --ds-button-color-danger-base-border: var(--ds-alias-action-danger-border-base);
  --ds-button-color-danger-base-background: var(--ds-alias-action-danger-surface-base);
  --ds-button-color-danger-hover-text: var(--ds-alias-action-danger-on-surface-hover);
  --ds-button-color-danger-hover-border: var(--ds-alias-action-danger-border-hover);
  --ds-button-color-danger-hover-background: var(--ds-alias-action-danger-surface-hover);
  --ds-button-color-danger-active-text: var(--ds-alias-action-danger-on-surface-active);
  --ds-button-color-danger-active-border: var(--ds-alias-action-danger-border-active);
  --ds-button-color-danger-active-background: var(--ds-alias-action-danger-surface-active);
  --ds-button-color-link-hover-text: var(--ds-alias-action-primary-text-hover);
  --ds-button-color-link-hover-background: var(--ds-alias-surface-transparent);
  --ds-button-color-link-active-text: var(--ds-alias-action-primary-text-active);
  --ds-button-color-link-active-background: var(--ds-alias-surface-transparent);
  --ds-button-color-link-base-text: var(--ds-alias-surface-primary);
  --ds-button-color-link-base-background: var(--ds-alias-surface-transparent);
  --ds-button-color-inverted-active-text: var(--ds-alias-text-color-white);
  --ds-button-color-inverted-active-background: var(--ds-alias-surface-primary-hover);
  --ds-button-color-inverted-active-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-primary-hover);
  --ds-button-color-inverted-base-text: var(--ds-alias-surface-primary);
  --ds-button-color-inverted-base-background: var(--ds-alias-surface-white);
  --ds-button-color-inverted-hover-text: var(--ds-alias-surface-primary);
  --ds-button-color-inverted-hover-background: var(--ds-alias-surface-sky);
  --ds-button-color-inverted-hover-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-sky);
  --ds-button-color-inverted-secondary-base-text: var(--ds-alias-text-color-white);
  --ds-button-color-inverted-secondary-base-background: var(--ds-alias-surface-transparent);
  --ds-button-color-inverted-secondary-hover-text: var(--ds-alias-text-color-white);
  --ds-button-color-inverted-secondary-hover-background: var(--ds-alias-surface-primary-light);
  --ds-button-color-inverted-secondary-hover-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-sky-dark);
  --ds-button-color-inverted-secondary-active-text: var(--ds-alias-text-color-white);
  --ds-button-color-inverted-secondary-active-background: var(--ds-alias-surface-primary-light);
  --ds-button-color-inverted-secondary-active-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-primary-hover);
  --ds-button-color-inverted-tertiary-base-text: var(--ds-alias-action-inverted-tertiary-text-base);
  --ds-button-color-inverted-tertiary-base-background: var(--ds-alias-action-inverted-tertiary-surface-base);
  --ds-button-color-inverted-tertiary-base-border: var(--ds-alias-action-inverted-tertiary-border-base);
  --ds-button-color-inverted-tertiary-hover-background: var(--ds-alias-action-inverted-tertiary-surface-hover);
  --ds-button-color-inverted-tertiary-hover-border: var(--ds-alias-action-inverted-tertiary-border-hover);
  --ds-button-color-inverted-tertiary-active-background: var(--ds-alias-action-inverted-tertiary-surface-active);
  --ds-button-color-inverted-tertiary-active-border: var(--ds-alias-action-inverted-tertiary-border-active);
  --ds-button-color-inverted-ghost-base-text: var(--ds-alias-action-inverted-ghost-text-base);
  --ds-button-color-inverted-ghost-base-background: var(--ds-alias-action-inverted-ghost-surface-base);
  --ds-button-color-inverted-ghost-base-border: var(--ds-alias-action-inverted-ghost-border-base);
  --ds-button-color-inverted-ghost-hover-background: var(--ds-alias-action-inverted-ghost-surface-hover);
  --ds-button-color-inverted-ghost-hover-border: var(--ds-alias-action-inverted-ghost-border-hover);
  --ds-button-color-inverted-ghost-active-background: var(--ds-alias-action-inverted-ghost-surface-active);
  --ds-button-color-inverted-ghost-active-border: var(--ds-alias-action-inverted-ghost-border-active);
  --ds-button-color-inverted-link-base-background: var(--ds-alias-surface-transparent);
  --ds-button-color-inverted-link-hover-text: var(--ds-alias-action-inverted-primary-text-hover);
  --ds-button-color-inverted-link-hover-background: var(--ds-alias-surface-transparent);
  --ds-button-color-inverted-link-active-text: var(--ds-alias-action-inverted-primary-text-active);
  --ds-button-color-inverted-link-active-background: var(--ds-alias-surface-transparent);
  --ds-button-size-base-line-height: var(--ds-alias-text-line-height-heading);
  --ds-button-size-base-font-weight: var(--ds-alias-text-weight-bold);
  --ds-button-size-base-radius: var(--ds-alias-radius-base);
  --ds-button-size-base-font-family: var(--ds-alias-text-family-heading);
  --ds-button-size-sm-line-height: var(--ds-alias-text-line-height-heading);
  --ds-button-size-sm-font-weight: var(--ds-alias-text-weight-bold);
  --ds-button-size-sm-radius: var(--ds-alias-radius-base);
  --ds-button-size-sm-font-family: var(--ds-alias-text-family-heading);
  --ds-button-size-lg-line-height: var(--ds-alias-text-line-height-heading);
  --ds-button-size-lg-font-weight: var(--ds-alias-text-weight-bold);
  --ds-button-size-lg-radius: var(--ds-alias-radius-base);
  --ds-button-size-lg-font-family: var(--ds-alias-text-family-heading);
  --ds-body-color: var(--ds-alias-text-color-primary);
  --ds-body-surface: var(--ds-alias-surface-white);
  --ds-card-shadow-flat: var(--ds-alias-shadow-box-none);
  --ds-card-shadow-base: var(--ds-alias-shadow-box-base);
  --ds-card-shadow-hover: var(--ds-alias-shadow-box-elevated);
  --ds-card-color-primary-background: var(--ds-alias-surface-primary);
  --ds-card-color-primary-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-primary);
  --ds-card-color-grey-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-grey);
  --ds-card-color-grey-background: var(--ds-alias-surface-grey);
  --ds-card-color-green-dark-background: var(--ds-alias-surface-green);
  --ds-card-color-green-dark-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-green);
  --ds-card-color-green-background: var(--ds-alias-surface-green-lighter);
  --ds-card-color-green-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-green-lighter);
  --ds-card-color-yellow-dark-background: var(--ds-alias-surface-yellow);
  --ds-card-color-yellow-dark-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-yellow);
  --ds-card-color-yellow-background: var(--ds-alias-surface-yellow-lighter);
  --ds-card-color-yellow-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-yellow-lighter);
  --ds-card-color-red-dark-background: var(--ds-alias-surface-red);
  --ds-card-color-red-dark-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-red);
  --ds-card-color-red-background: var(--ds-alias-surface-red-lighter);
  --ds-card-color-red-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-red-lighter);
  --ds-card-color-purple-dark-background: var(--ds-alias-surface-purple);
  --ds-card-color-purple-dark-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-purple);
  --ds-card-color-purple-background: var(--ds-alias-surface-purple-lighter);
  --ds-card-color-purple-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-purple-lighter);
  --ds-card-color-dashed-background: var(--ds-alias-surface-white);
  --ds-card-color-base-background: var(--ds-alias-surface-white);
  --ds-card-color-base-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-surface-white);
  --ds-card-radius: var(--ds-alias-radius-lg);
  --ds-close-radius: var(--ds-alias-radius-rounded);
  --ds-close-inverted-color-background-base: var(--ds-alias-surface-transparent);
  --ds-close-inverted-color-background-disabled: var(--ds-alias-surface-disabled);
  --ds-close-inverted-color-icon-base: var(--ds-alias-text-color-white);
  --ds-close-inverted-color-icon-disabled: var(--ds-alias-text-color-disabled);
  --ds-close-primary-color-background-base: var(--ds-alias-surface-transparent);
  --ds-close-primary-color-background-disabled: var(--ds-alias-surface-disabled);
  --ds-close-primary-color-icon-base: var(--ds-alias-text-color-primary);
  --ds-close-primary-color-icon-disabled: var(--ds-alias-text-color-disabled);
  --ds-date-calendar-weight: var(--ds-alias-text-weight-bold);
  --ds-date-calendar-radius: var(--ds-alias-radius-base);
  --ds-date-calendar-shadow: var(--ds-alias-shadow-box-base);
  --ds-date-calendar-color-inner-border: var(--ds-alias-border-color-grey);
  --ds-date-calendar-color-current-date: var(--ds-alias-text-color-primary);
  --ds-date-calendar-color-text: var(--ds-alias-text-color-primary);
  --ds-date-calendar-color-disabled: var(--ds-alias-text-color-disabled);
  --ds-date-calendar-color-day-active-background: var(--ds-alias-surface-sky);
  --ds-date-calendar-color-day-selected-background: var(--ds-alias-surface-primary-dark);
  --ds-date-calendar-color-day-selected-hover-background: var(--ds-alias-surface-primary-hover);
  --ds-date-calendar-color-day-hover-background: var(--ds-alias-surface-highlight);
  --ds-date-calendar-day-weight-base: var(--ds-alias-text-weight-regular);
  --ds-date-calendar-day-weight-selected: var(--ds-alias-text-weight-bold);
  --ds-date-calendar-day-name-family: var(--ds-alias-text-family-heading);
  --ds-date-calendar-day-name-weight: var(--ds-alias-text-weight-bold);
  --ds-date-calendar-nav-radius: var(--ds-alias-radius-base);
  --ds-date-calendar-nav-color-base: var(--ds-alias-text-color-primary);
  --ds-date-calendar-nav-color-hover: var(--ds-alias-action-primary-text-hover);
  --ds-date-calendar-nav-color-active: var(--ds-alias-action-primary-text-active);
  --ds-date-calendar-nav-color-disabled: var(--ds-alias-text-color-disabled);
  --ds-date-calendar-family: var(--ds-alias-text-family-text);
  --ds-date-trigger-color-disabled: var(--ds-alias-text-color-disabled);
  --ds-date-trigger-color-hover: var(--ds-alias-action-primary-text-hover);
  --ds-date-trigger-color-active: var(--ds-alias-action-primary-text-active);
  --ds-date-popup-shadow: var(--ds-alias-shadow-box-base);
  --ds-description-list-term-color: var(--ds-alias-text-color-hint);
  --ds-description-list-term-font-weight: var(--ds-alias-text-weight-regular);
  --ds-description-list-term-font-family: var(--ds-alias-text-family-text);
  --ds-description-list-detail-color: var(--ds-alias-text-color-primary);
  --ds-description-list-detail-font-weight: var(--ds-alias-text-weight-regular);
  --ds-description-list-detail-font-family: var(--ds-alias-text-family-text);
  --ds-divider-radius: var(--ds-alias-radius-rounded);
  --ds-divider-color-primary: var(--ds-alias-border-color-primary);
  --ds-divider-color-secondary: var(--ds-alias-border-color-primary-light);
  --ds-divider-color-inverted: var(--ds-alias-border-color-white);
  --ds-divider-color-base: var(--ds-alias-border-color-grey-light);
  --ds-divider-size: var(--ds-alias-border-width-base);
  --ds-icon-color-primary: var(--ds-alias-text-color-primary);
  --ds-icon-color-success: var(--ds-alias-text-color-success);
  --ds-icon-color-warning: var(--ds-alias-text-color-warning);
  --ds-icon-color-grey: var(--ds-alias-text-color-grey);
  --ds-icon-color-disabled: var(--ds-alias-text-color-disabled);
  --ds-icon-color-inverted: var(--ds-alias-text-color-white);
  --ds-icon-color-danger: var(--ds-alias-text-color-danger);
  --ds-icon-color-info: var(--ds-alias-text-color-hint);
  --ds-brand-icon-tile-radius: var(--ds-alias-radius-base);
  --ds-brand-icon-color-green-background: var(--ds-alias-surface-green-lighter);
  --ds-brand-icon-color-green-level1: var(--ds-alias-surface-primary);
  --ds-brand-icon-color-green-level2: var(--ds-alias-surface-green-dark);
  --ds-brand-icon-color-green-level3: var(--ds-alias-surface-green);
  --ds-brand-icon-color-invalid-level1: var(--ds-alias-text-color-danger);
  --ds-brand-icon-color-invalid-level2: var(--ds-alias-text-color-danger);
  --ds-brand-icon-color-invalid-level3: var(--ds-alias-text-color-danger);
  --ds-brand-icon-color-invalid-background: var(--ds-alias-surface-danger-lighter);
  --ds-brand-icon-color-disabled-level1: var(--ds-alias-text-color-disabled);
  --ds-brand-icon-color-disabled-level2: var(--ds-alias-text-color-disabled);
  --ds-brand-icon-color-disabled-level3: var(--ds-alias-text-color-disabled);
  --ds-brand-icon-color-disabled-background: var(--ds-alias-surface-grey);
  --ds-brand-icon-color-purple-background: var(--ds-alias-surface-purple-lighter);
  --ds-brand-icon-color-purple-level1: var(--ds-alias-surface-primary);
  --ds-brand-icon-color-purple-level2: var(--ds-alias-surface-purple-dark);
  --ds-brand-icon-color-purple-level3: var(--ds-alias-surface-purple);
  --ds-brand-icon-color-red-background: var(--ds-alias-surface-red-lighter);
  --ds-brand-icon-color-red-level1: var(--ds-alias-surface-primary);
  --ds-brand-icon-color-red-level2: var(--ds-alias-surface-red-dark);
  --ds-brand-icon-color-red-level3: var(--ds-alias-surface-red);
  --ds-brand-icon-color-yellow-background: var(--ds-alias-surface-yellow-lighter);
  --ds-brand-icon-color-yellow-level1: var(--ds-alias-surface-primary);
  --ds-brand-icon-color-yellow-level2: var(--ds-alias-surface-yellow-dark);
  --ds-brand-icon-color-yellow-level3: var(--ds-alias-surface-yellow);
  --ds-form-container-radius: var(--ds-alias-radius-base);
  --ds-form-default-container-background: var(--ds-alias-surface-white);
  --ds-form-default-label-color: var(--ds-alias-text-color-primary);
  --ds-form-default-control-value-color: var(--ds-alias-text-color-primary);
  --ds-form-default-control-placeholder-color: var(--ds-alias-text-color-placeholder);
  --ds-form-default-description-color: var(--ds-alias-text-color-hint);
  --ds-form-hover-container-background: var(--ds-alias-surface-hover);
  --ds-form-active-container-background: var(--ds-alias-surface-hover);
  --ds-form-focus-container-background: var(--ds-alias-surface-hover);
  --ds-form-success-container-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-text-color-success);
  --ds-form-success-container-background: var(--ds-alias-surface-success-lighter);
  --ds-form-success-label-color: var(--ds-alias-text-color-success);
  --ds-form-success-control-value-color: var(--ds-alias-text-color-success);
  --ds-form-success-control-placeholder-color: var(--ds-alias-text-color-placeholder);
  --ds-form-success-description-color: var(--ds-alias-text-color-success);
  --ds-form-warning-container-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-text-color-warning);
  --ds-form-warning-container-background: var(--ds-alias-surface-warning-lighter);
  --ds-form-warning-label-color: var(--ds-alias-text-color-warning);
  --ds-form-warning-control-value-color: var(--ds-alias-text-color-warning);
  --ds-form-warning-control-placeholder-color: var(--ds-alias-text-color-placeholder);
  --ds-form-warning-description-color: var(--ds-alias-text-color-warning);
  --ds-form-danger-container-border: var(--ds-alias-border-width-base) var(--ds-alias-border-style-solid) var(--ds-alias-text-color-danger);
  --ds-form-danger-container-background: var(--ds-alias-surface-danger-lighter);
  --ds-form-danger-label-color: var(--ds-alias-text-color-danger);
  --ds-form-danger-control-value-color: var(--ds-alias-text-color-danger);
  --ds-form-danger-control-placeholder-color: var(--ds-alias-text-color-placeholder);
  --ds-form-danger-description-color: var(--ds-alias-text-color-danger);
  --ds-form-disabled-container-background: var(--ds-alias-surface-disabled);
  --ds-form-disabled-label-color: var(--ds-alias-text-color-disabled);
  --ds-form-disabled-control-value-color: var(--ds-alias-text-color-disabled);
  --ds-form-disabled-control-placeholder-color: var(--ds-alias-text-color-disabled);
  --ds-form-disabled-description-color: var(--ds-alias-text-color-disabled);
  --ds-select-radius: var(--ds-alias-radius-base);
  --ds-select-container-radius: var(--ds-alias-radius-base);
  --ds-select-container-border-width: var(--ds-alias-border-width-base);
  --ds-select-container-color-base-border: var(--ds-alias-border-color-grey);
  --ds-select-container-color-base-background: var(--ds-alias-surface-white);
  --ds-select-container-color-hover-border: var(--ds-alias-border-color-grey);
  --ds-select-container-color-hover-background: var(--ds-alias-surface-hover);
  --ds-select-container-color-active-border: var(--ds-alias-border-color-primary);
  --ds-select-container-color-active-background: var(--ds-alias-surface-hover);
  --ds-select-container-color-focus-border: var(--ds-alias-border-color-primary);
  --ds-select-container-color-focus-background: var(--ds-alias-surface-hover);
  --ds-select-container-color-success-border: var(--ds-alias-text-color-success);
  --ds-select-container-color-success-background: var(--ds-alias-surface-success-lighter);
  --ds-select-container-color-warning-border: var(--ds-alias-text-color-warning);
  --ds-select-container-color-warning-background: var(--ds-alias-surface-warning-lighter);
  --ds-select-container-color-danger-border: var(--ds-alias-text-color-danger);
  --ds-select-container-color-danger-background: var(--ds-alias-surface-danger-lighter);
  --ds-select-container-color-disabled-border: var(--ds-alias-border-color-disabled);
  --ds-select-container-color-disabled-background: var(--ds-alias-surface-disabled);
  --ds-select-label-weight: var(--ds-alias-text-weight-bold);
  --ds-select-label-color-base: var(--ds-alias-text-color-primary);
  --ds-select-label-color-success: var(--ds-alias-text-color-success);
  --ds-select-label-color-warning: var(--ds-alias-text-color-warning);
  --ds-select-label-color-danger: var(--ds-alias-text-color-danger);
  --ds-select-label-color-disabled: var(--ds-alias-text-color-disabled);
  --ds-select-label-family: var(--ds-alias-text-family-text);
  --ds-select-label-line-height: var(--ds-alias-text-line-height-text);
  --ds-select-control-weight: var(--ds-alias-text-weight-regular);
  --ds-select-control-color-value-base: var(--ds-alias-text-color-primary);
  --ds-select-control-color-value-disabled: var(--ds-alias-text-color-disabled);
  --ds-select-control-color-placeholder-disabled: var(--ds-alias-text-color-disabled);
  --ds-select-control-color-placeholder-base: var(--ds-alias-text-color-placeholder);
  --ds-select-control-family: var(--ds-alias-text-family-text);
  --ds-select-control-line-height: var(--ds-alias-text-line-height-text);
  --ds-select-description-weight: var(--ds-alias-text-weight-regular);
  --ds-select-description-color-success: var(--ds-alias-text-color-success);
  --ds-select-description-color-warning: var(--ds-alias-text-color-warning);
  --ds-select-description-color-danger: var(--ds-alias-text-color-danger);
  --ds-select-description-color-disabled: var(--ds-alias-text-color-disabled);
  --ds-select-description-color-base: var(--ds-alias-text-color-hint);
  --ds-select-description-family: var(--ds-alias-text-family-text);
  --ds-select-description-line-height: var(--ds-alias-text-line-height-text);
  --ds-select-chip-color-base-text: var(--ds-alias-text-color-primary);
  --ds-select-chip-color-base-background: var(--ds-alias-surface-grey);
  --ds-select-chip-family: var(--ds-alias-text-family-text);
  --ds-select-color-disabled: var(--ds-alias-text-color-disabled);
  --ds-select-color-success: var(--ds-alias-text-color-success);
  --ds-select-color-error: var(--ds-alias-text-color-danger);
  --ds-select-color-text-base: var(--ds-alias-text-color-primary);
  --ds-select-color-primary-base: var(--ds-alias-text-color-primary);
  --ds-select-color-placeholder-base: var(--ds-alias-text-color-placeholder);
  --ds-select-color-border-base: var(--ds-alias-border-color-grey-light);
  --ds-select-color-focus-ring-base: var(--ds-alias-interaction-focus-color-base);
  --ds-select-color-background-base: var(--ds-alias-surface-transparent);
  --ds-select-color-highlight-base: var(--ds-alias-surface-yellow-light);
  --ds-select-color-focus-base: var(--ds-alias-surface-hover);
  --ds-select-content-shadow: var(--ds-alias-shadow-box-base);
  --ds-select-content-family: var(--ds-alias-text-family-text);
  --ds-select-content-color-background-base: var(--ds-alias-surface-white);
  --ds-select-search-color-text-base: var(--ds-alias-text-color-primary);
  --ds-select-option-color-text-base: var(--ds-alias-text-color-primary);
  --ds-select-option-color-text-selected: var(--ds-alias-text-color-primary);
  --ds-select-option-color-text-highlight: var(--ds-alias-text-color-primary);
  --ds-select-option-color-text-disabled: var(--ds-alias-text-color-disabled);
  --ds-select-option-color-border-base: var(--ds-alias-border-color-grey-light);
  --ds-select-option-color-icon-selected: var(--ds-alias-text-color-primary);
  --ds-select-option-color-background-base: var(--ds-alias-surface-transparent);
  --ds-select-option-color-background-highlight: var(--ds-alias-surface-highlight);
  --ds-select-option-color-background-disabled: var(--ds-alias-surface-disabled);
  --ds-select-option-color-background-hover: var(--ds-alias-surface-highlight);
  --ds-select-option-color-background-selected: var(--ds-alias-surface-transparent);
  --ds-select-option-weight-selected: var(--ds-alias-text-weight-bold);
  --ds-select-optgroup-weight: var(--ds-alias-text-weight-bold);
  --ds-select-optgroup-color-text-base: var(--ds-alias-text-color-primary);
  --ds-select-optgroup-color-background-base: var(--ds-alias-surface-grey-light);
  --ds-select-icon-color-base: var(--ds-alias-text-color-primary);
  --ds-select-icon-color-hover: var(--ds-alias-action-primary-text-hover);
  --ds-select-icon-color-active: var(--ds-alias-action-primary-text-active);
  --ds-select-checkbox-color-border-base: var(--ds-alias-border-color-primary);
  --ds-select-checkbox-color-border-selected: var(--ds-alias-border-color-primary);
  --ds-select-checkbox-color-background-selected: var(--ds-alias-surface-primary);
  --ds-notification-base-color-background: var(--ds-alias-surface-grey-light);
  --ds-notification-base-border: var(--ds-alias-border-composite-none);
  --ds-notification-info-border: var(--ds-alias-border-composite-none);
  --ds-notification-info-color-background: var(--ds-alias-surface-info-lighter);
  --ds-notification-info-color-heading: var(--ds-alias-text-color-info);
  --ds-notification-success-color-background: var(--ds-alias-surface-success-lighter);
  --ds-notification-success-color-heading: var(--ds-alias-text-color-success);
  --ds-notification-success-border: var(--ds-alias-border-composite-none);
  --ds-notification-warning-color-background: var(--ds-alias-surface-warning-lighter);
  --ds-notification-warning-color-heading: var(--ds-alias-text-color-warning);
  --ds-notification-warning-border: var(--ds-alias-border-composite-none);
  --ds-notification-danger-color-background: var(--ds-alias-surface-danger-lighter);
  --ds-notification-danger-color-heading: var(--ds-alias-text-color-danger);
  --ds-notification-danger-border: var(--ds-alias-border-composite-none);
  --ds-notification-outline-base-color-background: var(--ds-alias-surface-white);
  --ds-notification-outline-base-border: var(--ds-alias-border-color-primary-light);
  --ds-notification-outline-purple-color-background: var(--ds-alias-surface-purple-lighter);
  --ds-notification-outline-purple-border: var(--ds-alias-border-color-purple);
  --ds-notification-outline-green-color-background: var(--ds-alias-surface-green-lighter);
  --ds-notification-outline-green-border: var(--ds-alias-border-color-green);
  --ds-notification-outline-yellow-color-background: var(--ds-alias-surface-yellow-lighter);
  --ds-notification-outline-yellow-border: var(--ds-alias-border-color-yellow);
  --ds-notification-outline-red-color-background: var(--ds-alias-surface-red-lighter);
  --ds-notification-outline-red-border: var(--ds-alias-border-color-red);
  --ds-notification-radius: var(--ds-alias-radius-md);
  --ds-label-color-disabled: var(--ds-alias-text-color-disabled);
  --ds-label-color-success: var(--ds-alias-text-color-success);
  --ds-label-color-warning: var(--ds-alias-text-color-warning);
  --ds-label-color-danger: var(--ds-alias-text-color-danger);
  --ds-label-color-primary: var(--ds-alias-text-color-primary);
  --ds-list-marker-radius: var(--ds-alias-radius-rounded);
  --ds-list-marker-color-green: var(--ds-alias-surface-green);
  --ds-list-marker-color-purple: var(--ds-alias-surface-purple);
  --ds-list-marker-color-red: var(--ds-alias-surface-red);
  --ds-list-marker-color-yellow: var(--ds-alias-surface-yellow);
  --ds-list-item-radius: var(--ds-alias-radius-lg);
  --ds-list-item-color-text-base: var(--ds-alias-text-color-primary);
  --ds-list-item-color-text-disabled: var(--ds-alias-text-color-grey);
  --ds-list-item-color-text-hover: var(--ds-alias-border-color-primary-hover);
  --ds-list-item-color-text-active: var(--ds-alias-border-color-primary-active);
  --ds-list-item-inverted-color-text-hover: var(--ds-alias-action-inverted-primary-text-hover);
  --ds-list-item-inverted-color-text-active: var(--ds-alias-action-inverted-primary-text-active);
  --ds-list-item-action-icon-size: var(--ds-icon-size-sm);
  --ds-modal-width: var(--ds-alias-container-width-modal);
  --ds-modal-radius: var(--ds-alias-radius-lg);
  --ds-modal-color-background: var(--ds-alias-surface-white);
  --ds-app-navbar-base-layout-shadow: var(--ds-alias-shadow-box-header);
  --ds-app-navbar-base-layout-z-index: var(--ds-alias-z-index-navigation);
  --ds-app-navbar-base-layout-background: var(--ds-alias-surface-primary);
  --ds-app-navbar-base-brand-focus-radius: var(--ds-alias-radius-base);
  --ds-app-navbar-base-title-color: var(--ds-alias-text-color-white);
  --ds-app-navbar-base-title-font-family: var(--ds-alias-text-family-heading);
  --ds-app-navbar-base-title-font-weight: var(--ds-alias-text-weight-bold);
  --ds-app-navbar-base-hamburger-radius: var(--ds-alias-radius-base);
  --ds-app-navbar-base-sidebar-panel-background: var(--ds-alias-surface-white);
  --ds-app-navbar-base-sidebar-item-font-weight: var(--ds-alias-text-weight-bold);
  --ds-app-navbar-base-sidebar-item-font-family: var(--ds-alias-text-family-heading);
  --ds-app-navbar-base-sidebar-item-color-base: var(--ds-alias-text-color-primary);
  --ds-app-navbar-base-sidebar-item-color-hover: var(--ds-alias-text-color-primary);
  --ds-app-navbar-base-sidebar-item-color-active: var(--ds-alias-text-color-primary);
  --ds-app-navbar-base-sidebar-item-divider-color: var(--ds-alias-border-color-grey);
  --ds-app-navbar-base-sidebar-item-divider-color-active: var(--ds-alias-border-color-primary);
  --ds-app-navbar-base-sidebar-item-background-active: var(--ds-alias-surface-primary-lighter);
  --ds-app-navbar-base-sidebar-item-background-hover: var(--ds-alias-surface-primary-lighter);
  --ds-app-navbar-base-sidebar-item-chevron-color: var(--ds-alias-surface-primary);
  --ds-app-navbar-base-menu-item-border-radius: var(--ds-alias-radius-base);
  --ds-app-navbar-base-menu-item-color-base: var(--ds-alias-text-color-white);
  --ds-app-navbar-base-menu-item-color-hover: var(--ds-alias-action-inverted-primary-text-hover);
  --ds-app-navbar-base-menu-item-color-selected-hover: var(--ds-alias-action-inverted-primary-text-hover);
  --ds-app-navbar-base-menu-item-color-active: var(--ds-alias-action-inverted-primary-text-active);
  --ds-app-navbar-base-focus-color-start: var(--ds-alias-interaction-focus-color-inverted);
  --ds-app-navbar-base-focus-color-end: var(--ds-alias-interaction-focus-color-inverted);
  --ds-app-navbar-light-title-color: var(--ds-alias-text-color-primary);
  --ds-app-navbar-light-menu-item-color-base: var(--ds-alias-text-color-primary);
  --ds-app-navbar-light-menu-item-color-hover: var(--ds-alias-action-primary-text-hover);
  --ds-app-navbar-light-menu-item-color-selected: var(--ds-alias-action-primary-text-active);
  --ds-app-navbar-light-menu-item-color-active: var(--ds-alias-action-primary-text-active);
  --ds-app-navbar-light-background: var(--ds-alias-surface-white);
  --ds-sheet-background: var(--ds-alias-surface-white);
  --ds-sheet-radius: var(--ds-alias-radius-lg);
  --ds-sheet-shadow: var(--ds-alias-shadow-box-base);
  --ds-snackbar-radius: var(--ds-alias-radius-base);
  --ds-snackbar-primary-color-background: var(--ds-alias-surface-grey-light);
  --ds-snackbar-primary-color-body: var(--ds-alias-text-color-primary);
  --ds-snackbar-primary-color-heading: var(--ds-alias-text-color-primary);
  --ds-snackbar-primary-border: var(--ds-alias-border-composite-none);
  --ds-snackbar-success-color-body: var(--ds-alias-text-color-primary);
  --ds-snackbar-success-color-background: var(--ds-alias-surface-success-lighter);
  --ds-snackbar-success-color-heading: var(--ds-alias-text-color-success);
  --ds-snackbar-success-border: var(--ds-alias-border-composite-none);
  --ds-snackbar-info-color-body: var(--ds-alias-text-color-primary);
  --ds-snackbar-info-color-heading: var(--ds-alias-text-color-info);
  --ds-snackbar-info-color-background: var(--ds-alias-surface-info-lighter);
  --ds-snackbar-info-border: var(--ds-alias-border-composite-none);
  --ds-snackbar-warning-color-body: var(--ds-alias-text-color-primary);
  --ds-snackbar-warning-color-background: var(--ds-alias-surface-warning-lighter);
  --ds-snackbar-warning-color-heading: var(--ds-alias-text-color-warning);
  --ds-snackbar-warning-border: var(--ds-alias-border-composite-none);
  --ds-snackbar-danger-color-body: var(--ds-alias-text-color-primary);
  --ds-snackbar-danger-color-background: var(--ds-alias-surface-danger-lighter);
  --ds-snackbar-danger-color-heading: var(--ds-alias-text-color-danger);
  --ds-snackbar-danger-border: var(--ds-alias-border-composite-none);
  --ds-spinner-circle-primary-background: var(--ds-alias-surface-grey);
  --ds-spinner-circle-primary-progress: var(--ds-alias-text-color-primary);
  --ds-spinner-circle-inverted-background: var(--ds-alias-surface-white);
  --ds-spinner-circle-inverted-progress: var(--ds-alias-text-color-primary);
  --ds-spinner-logo-primary-color: var(--ds-alias-text-color-primary);
  --ds-toast-primary-color-background: var(--ds-alias-surface-grey-light);
  --ds-toast-primary-color-heading: var(--ds-alias-text-color-primary);
  --ds-toast-primary-border: var(--ds-alias-border-composite-none);
  --ds-toast-primary-progress-bar: var(--ds-alias-surface-primary);
  --ds-toast-success-color-background: var(--ds-alias-surface-success-lighter);
  --ds-toast-success-color-heading: var(--ds-alias-text-color-success);
  --ds-toast-success-border: var(--ds-alias-border-composite-none);
  --ds-toast-success-progress-background: var(--ds-alias-surface-success-light);
  --ds-toast-success-progress-bar: var(--ds-alias-surface-success-darkest);
  --ds-toast-info-border: var(--ds-alias-border-composite-none);
  --ds-toast-info-color-background: var(--ds-alias-surface-info-lighter);
  --ds-toast-info-color-heading: var(--ds-alias-text-color-info);
  --ds-toast-info-progress-background: var(--ds-alias-surface-info-light);
  --ds-toast-info-progress-bar: var(--ds-alias-surface-info-darkest);
  --ds-toast-warning-color-background: var(--ds-alias-surface-warning-lighter);
  --ds-toast-warning-color-heading: var(--ds-alias-text-color-warning);
  --ds-toast-warning-border: var(--ds-alias-border-composite-none);
  --ds-toast-warning-progress-background: var(--ds-alias-surface-warning-light);
  --ds-toast-warning-progress-bar: var(--ds-alias-surface-warning-darkest);
  --ds-toast-danger-color-background: var(--ds-alias-surface-danger-lighter);
  --ds-toast-danger-color-heading: var(--ds-alias-text-color-danger);
  --ds-toast-danger-border: var(--ds-alias-border-composite-none);
  --ds-toast-danger-progress-background: var(--ds-alias-surface-danger-light);
  --ds-toast-danger-progress-bar: var(--ds-alias-surface-danger-darkest);
  --ds-toast-radius: var(--ds-alias-radius-md);
  --ds-tag-size-base-font-weight: var(--ds-alias-text-weight-bold);
  --ds-tag-size-sm-font-weight: var(--ds-alias-text-weight-regular);
  --ds-tag-size-md-font-weight: var(--ds-alias-text-weight-bold);
  --ds-tag-size-lg-font-weight: var(--ds-alias-text-weight-bold);
  --ds-tag-primary-color-text: var(--ds-alias-text-color-white);
  --ds-tag-primary-color-background: var(--ds-alias-surface-primary);
  --ds-tag-purple-color-text: var(--ds-alias-text-color-primary);
  --ds-tag-purple-color-background: var(--ds-alias-surface-purple);
  --ds-tag-purple-light-color-text: var(--ds-alias-text-color-primary);
  --ds-tag-purple-light-color-background: var(--ds-alias-surface-purple-light);
  --ds-tag-red-color-text: var(--ds-alias-text-color-primary);
  --ds-tag-red-color-background: var(--ds-alias-surface-red);
  --ds-tag-red-light-color-text: var(--ds-alias-text-color-primary);
  --ds-tag-red-light-color-background: var(--ds-alias-surface-red-light);
  --ds-tag-green-color-text: var(--ds-alias-text-color-primary);
  --ds-tag-green-color-background: var(--ds-alias-surface-green);
  --ds-tag-green-light-color-text: var(--ds-alias-text-color-primary);
  --ds-tag-green-light-color-background: var(--ds-alias-surface-green-light);
  --ds-tag-yellow-color-text: var(--ds-alias-text-color-primary);
  --ds-tag-yellow-color-background: var(--ds-alias-surface-yellow);
  --ds-tag-yellow-light-color-text: var(--ds-alias-text-color-primary);
  --ds-tag-yellow-light-color-background: var(--ds-alias-surface-yellow-light);
  --ds-tag-base-color-text: var(--ds-alias-text-color-primary);
  --ds-tag-base-color-background: var(--ds-alias-surface-grey);
  --ds-tag-radius: var(--ds-alias-radius-rounded);
  --ds-tag-line-height: var(--ds-alias-text-line-height-text);
  --ds-tag-font-family: var(--ds-alias-text-family-text);
  --ds-tag-purple-dark-color-background: var(--ds-alias-surface-purple-dark);
  --ds-tag-red-dark-color-background: var(--ds-alias-surface-red-dark);
  --ds-tag-green-dark-color-background: var(--ds-alias-surface-green-dark);
  --ds-tag-yellow-dark-color-background: var(--ds-alias-surface-yellow-dark);
  --ds-tag-danger-color-background: var(--ds-alias-surface-danger-lighter);
  --ds-tag-danger-color-text: var(--ds-alias-text-color-danger);
  --ds-tag-warning-color-background: var(--ds-alias-surface-warning-lighter);
  --ds-tag-warning-color-text: var(--ds-alias-text-color-warning);
  --ds-tag-info-color-text: var(--ds-alias-text-color-info);
  --ds-tag-info-color-background: var(--ds-alias-surface-info-lighter);
  --ds-tag-success-color-text: var(--ds-alias-text-color-success);
  --ds-tag-success-color-background: var(--ds-alias-surface-success-lighter);
  --ds-tag-disabled-color-text: var(--ds-alias-text-color-white);
  --ds-tag-disabled-color-background: var(--ds-alias-text-color-grey);
  --ds-segment-radius: var(--ds-alias-radius-base);
  --ds-segment-focus-color: var(--ds-alias-interaction-focus-color-base);
  --ds-segment-description-font-weight: var(--ds-alias-text-weight-regular);
  --ds-segment-item-font-weight: var(--ds-alias-text-weight-bold);
  --ds-segment-item-unselected-color-hover: var(--ds-alias-action-primary-text-hover);
  --ds-segment-item-unselected-color-active: var(--ds-alias-action-primary-text-active);
  --ds-segment-item-unselected-color-base: var(--ds-alias-action-primary-text-base);
  --ds-segment-item-selected-color-hover: var(--ds-alias-action-primary-text-hover);
  --ds-segment-item-selected-color-active: var(--ds-alias-action-primary-text-active);
  --ds-segment-item-selected-color-base: var(--ds-alias-action-primary-text-base);
  --ds-segment-item-selected-background: var(--ds-alias-surface-selected);
  --ds-segment-background: var(--ds-alias-surface-grey-light);
  --ds-checkbox-radius: var(--ds-alias-radius-base);
  --ds-checkbox-label-color-hover: var(--ds-alias-action-primary-text-hover);
  --ds-checkbox-label-color-active: var(--ds-alias-action-primary-text-active);
  --ds-checkbox-border-width: var(--ds-alias-border-width-base);
  --ds-checkbox-focus-color: var(--ds-alias-interaction-focus-color-base);
  --ds-checkbox-tile-radius: var(--ds-alias-radius-base);
  --ds-checkbox-tile-border-width: var(--ds-alias-border-width-base);
  --ds-checkbox-tile-color-base-border: var(--ds-alias-border-color-grey);
  --ds-checkbox-tile-color-hover-border: var(--ds-alias-border-color-primary-hover);
  --ds-checkbox-tile-color-hover-background: var(--ds-alias-surface-hover);
  --ds-checkbox-tile-color-active-border: var(--ds-alias-border-color-primary-active);
  --ds-checkbox-tile-color-active-background: var(--ds-alias-surface-hover);
  --ds-checkbox-unchecked-color-base-border: var(--ds-alias-border-color-primary);
  --ds-checkbox-unchecked-color-hover-border: var(--ds-alias-border-color-primary-hover);
  --ds-checkbox-unchecked-color-hover-background: var(--ds-alias-surface-hover);
  --ds-checkbox-unchecked-color-active-border: var(--ds-alias-border-color-primary-active);
  --ds-checkbox-unchecked-color-active-background: var(--ds-alias-surface-hover);
  --ds-checkbox-checked-color-base-border: var(--ds-alias-border-color-primary);
  --ds-checkbox-checked-color-base-icon: var(--ds-alias-text-color-white);
  --ds-checkbox-checked-color-base-background: var(--ds-alias-surface-primary);
  --ds-checkbox-checked-color-hover-border: var(--ds-alias-border-color-primary-hover);
  --ds-checkbox-checked-color-hover-background: var(--ds-alias-surface-primary-hover);
  --ds-checkbox-checked-color-active-border: var(--ds-alias-border-color-primary-active);
  --ds-checkbox-checked-color-active-background: var(--ds-alias-surface-primary-active);
  --ds-checkbox-font-family: var(--ds-alias-text-family-text);
  --ds-checkbox-line-height: var(--ds-alias-text-line-height-text);
  --ds-radio-radius: var(--ds-alias-radius-rounded);
  --ds-radio-label-color-hover: var(--ds-alias-action-primary-text-hover);
  --ds-radio-label-color-active: var(--ds-alias-action-primary-text-active);
  --ds-radio-border-width: var(--ds-alias-border-width-base);
  --ds-radio-focus-color: var(--ds-alias-interaction-focus-color-base);
  --ds-radio-tile-radius: var(--ds-alias-radius-base);
  --ds-radio-tile-border-width: var(--ds-alias-border-width-base);
  --ds-radio-tile-color-base-border: var(--ds-alias-border-color-grey);
  --ds-radio-tile-color-hover-border: var(--ds-alias-border-color-primary-hover);
  --ds-radio-tile-color-hover-background: var(--ds-alias-surface-hover);
  --ds-radio-tile-color-active-border: var(--ds-alias-border-color-primary-active);
  --ds-radio-tile-color-active-background: var(--ds-alias-surface-hover);
  --ds-radio-unchecked-color-base-border: var(--ds-alias-border-color-primary);
  --ds-radio-unchecked-color-hover-border: var(--ds-alias-border-color-primary-hover);
  --ds-radio-unchecked-color-hover-background: var(--ds-alias-surface-hover);
  --ds-radio-unchecked-color-active-border: var(--ds-alias-border-color-primary-active);
  --ds-radio-unchecked-color-active-background: var(--ds-alias-surface-hover);
  --ds-radio-checked-color-base-border: var(--ds-alias-border-color-primary);
  --ds-radio-checked-color-base-icon: var(--ds-alias-text-color-white);
  --ds-radio-checked-color-base-background: var(--ds-alias-surface-primary);
  --ds-radio-checked-color-hover-border: var(--ds-alias-border-color-primary-hover);
  --ds-radio-checked-color-hover-background: var(--ds-alias-surface-primary-hover);
  --ds-radio-checked-color-active-border: var(--ds-alias-border-color-primary-active);
  --ds-radio-checked-color-active-background: var(--ds-alias-surface-primary-active);
  --ds-radio-font-family: var(--ds-alias-text-family-text);
  --ds-radio-line-height: var(--ds-alias-text-line-height-text);
  --ds-toggle-radius: var(--ds-alias-radius-rounded);
  --ds-toggle-label-color-hover: var(--ds-alias-action-primary-text-hover);
  --ds-toggle-label-color-active: var(--ds-alias-action-primary-text-active);
  --ds-toggle-border-width: var(--ds-alias-border-width-base);
  --ds-toggle-focus-color: var(--ds-alias-interaction-focus-color-base);
  --ds-toggle-tile-radius: var(--ds-alias-radius-base);
  --ds-toggle-tile-border-width: var(--ds-alias-border-width-base);
  --ds-toggle-tile-color-base-border: var(--ds-alias-border-color-grey);
  --ds-toggle-tile-color-hover-border: var(--ds-alias-border-color-primary-hover);
  --ds-toggle-tile-color-hover-background: var(--ds-alias-surface-grey);
  --ds-toggle-tile-color-active-border: var(--ds-alias-border-color-primary-active);
  --ds-toggle-tile-color-active-background: var(--ds-alias-surface-grey);
  --ds-toggle-unchecked-color-base-tick: var(--ds-alias-action-primary-text-base);
  --ds-toggle-unchecked-color-base-background: var(--ds-alias-surface-grey);
  --ds-toggle-unchecked-color-hover-tick: var(--ds-alias-action-primary-text-hover);
  --ds-toggle-unchecked-color-hover-background: var(--ds-alias-surface-grey);
  --ds-toggle-unchecked-color-active-tick: var(--ds-alias-action-primary-text-active);
  --ds-toggle-unchecked-color-active-background: var(--ds-alias-surface-grey);
  --ds-toggle-checked-color-base-background: var(--ds-alias-surface-success-dark);
  --ds-toggle-checked-color-base-tick: var(--ds-alias-text-color-white);
  --ds-toggle-checked-color-base-icon: var(--ds-alias-text-color-white);
  --ds-toggle-checked-color-hover-background: var(--ds-alias-surface-success-darker);
  --ds-toggle-checked-color-hover-tick: var(--ds-alias-text-color-white);
  --ds-toggle-checked-color-active-background: var(--ds-alias-surface-success-darkest);
  --ds-toggle-checked-color-active-tick: var(--ds-alias-text-color-white);
  --ds-toggle-font-family: var(--ds-alias-text-family-text);
  --ds-toggle-line-height: var(--ds-alias-text-line-height-text);
  --ds-pagination-dots-radius: var(--ds-alias-radius-base);
  --ds-pagination-dots-color-active: var(--ds-alias-surface-primary);
  --ds-pagination-dots-color-background: var(--ds-alias-surface-grey);
  --ds-pagination-dots-color-inactive: var(--ds-alias-surface-white);
  --ds-pagination-elevation-sticky: var(--ds-alias-z-index-sticky);
  --ds-pagination-disabled-color: var(--ds-alias-text-color-disabled);
  --ds-progress-bar-primary-background-dark: var(--ds-alias-surface-grey-light);
  --ds-progress-bar-primary-background-light: var(--ds-alias-surface-white);
  --ds-progress-bar-primary-line: var(--ds-alias-surface-primary);
  --ds-progress-bar-yellow-background-light: var(--ds-alias-surface-white);
  --ds-progress-bar-yellow-background-dark: var(--ds-alias-surface-yellow-light);
  --ds-progress-bar-yellow-line: var(--ds-alias-surface-yellow-dark);
  --ds-progress-bar-purple-background-light: var(--ds-alias-surface-white);
  --ds-progress-bar-purple-background-dark: var(--ds-alias-surface-purple-light);
  --ds-progress-bar-purple-line: var(--ds-alias-surface-purple-dark);
  --ds-progress-bar-red-background-light: var(--ds-alias-surface-white);
  --ds-progress-bar-red-background-dark: var(--ds-alias-surface-red-light);
  --ds-progress-bar-red-line: var(--ds-alias-surface-red-dark);
  --ds-progress-bar-green-background-light: var(--ds-alias-surface-white);
  --ds-progress-bar-green-background-dark: var(--ds-alias-surface-green-light);
  --ds-progress-bar-green-line: var(--ds-alias-surface-green-dark);
  --ds-progress-bar-radius: var(--ds-alias-radius-rounded);
  --ds-accordion-summary-color-base: var(--ds-alias-action-primary-text-base);
  --ds-accordion-summary-color-hover: var(--ds-alias-action-primary-text-hover);
  --ds-accordion-summary-color-active: var(--ds-alias-action-primary-text-active);
  --ds-accordion-radius: var(--ds-alias-radius-base);
  --ds-tabs-gap: var(--ds-alias-border-width-base);
  --ds-tabs-tab-selected-color-text-hover: var(--ds-alias-action-primary-text-hover);
  --ds-tabs-tab-selected-color-text-active: var(--ds-alias-action-primary-text-active);
  --ds-tabs-tab-selected-color-text-base: var(--ds-alias-action-primary-text-base);
  --ds-tabs-tab-unselected-color-text-hover: var(--ds-alias-action-primary-text-hover);
  --ds-tabs-tab-unselected-color-text-active: var(--ds-alias-action-primary-text-active);
  --ds-tabs-tab-unselected-color-text-base: var(--ds-alias-text-color-hint);
  --ds-tabs-scroll-fade-background: var(--ds-alias-surface-white);
  --ds-steps-connector-height: var(--ds-alias-border-width-base);
  --ds-tabs-border-green: var(--ds-alias-action-brand-green-border-base);
  --ds-tabs-border-red: var(--ds-alias-action-brand-red-border-base);
  --ds-tabs-border-yellow: var(--ds-alias-action-brand-yellow-border-base);
  --ds-tabs-border-purple: var(--ds-alias-action-brand-purple-border-base);
  --ds-tabs-indicator-purple-unselected-base: var(--ds-alias-action-brand-purple-border-base);
  --ds-tabs-indicator-purple-selected-base: var(--ds-alias-action-brand-purple-border-hover);
  --ds-tabs-indicator-purple-selected-hover: var(--ds-alias-action-brand-purple-border-hover);
  --ds-tabs-indicator-yellow-unselected-hover: var(--ds-alias-action-brand-yellow-border-base);
  --ds-tabs-indicator-yellow-selected-base: var(--ds-alias-action-brand-yellow-border-hover);
  --ds-tabs-indicator-yellow-selected-hover: var(--ds-alias-action-brand-yellow-border-hover);
  --ds-tabs-indicator-green-unselected-hover: var(--ds-alias-action-brand-green-border-base);
  --ds-tabs-indicator-green-selected-base: var(--ds-alias-action-brand-green-border-hover);
  --ds-tabs-indicator-green-selected-hover: var(--ds-alias-action-brand-green-border-hover);
  --ds-tabs-indicator-red-unselected-hover: var(--ds-alias-action-brand-red-border-base);
  --ds-tabs-indicator-red-selected-base: var(--ds-alias-action-brand-red-border-hover);
  --ds-tabs-indicator-red-selected-hover: var(--ds-alias-action-brand-red-border-hover);
  --ds-steps-connector-color-base: var(--ds-alias-border-color-grey);
  --ds-steps-connector-color-filled: var(--ds-alias-surface-primary);
  --ds-steps-step-color-selected: var(--ds-alias-text-color-primary);
  --ds-steps-step-color-focus: var(--ds-alias-interaction-focus-color-base);
  --ds-steps-step-color-base: var(--ds-alias-text-color-hint);
  --ds-steps-color-purple: var(--ds-alias-surface-purple);
  --ds-steps-color-green: var(--ds-alias-surface-green);
  --ds-steps-color-red: var(--ds-alias-surface-red);
  --ds-steps-color-yellow: var(--ds-alias-surface-yellow);
  --ds-steps-circle-color-default-background: var(--ds-alias-surface-grey);
  --ds-steps-circle-color-selected-background: var(--ds-alias-surface-primary);
  --ds-steps-circle-color-done-background: var(--ds-alias-surface-primary);
  --ds-steps-circle-color-disabled-background: var(--ds-alias-surface-grey);
  --ds-steps-circle-color-invalid-background: var(--ds-alias-surface-danger-darker);
  --ds-carousel-dot-color: var(--ds-alias-border-color-grey);
  --ds-carousel-dot-color-active: var(--ds-alias-border-color-primary);
  --ds-carousel-control-color: var(--ds-alias-text-color-primary);
  --ds-carousel-scroll-btn-color-active: var(--ds-alias-text-color-white);
  --ds-carousel-scroll-btn-background-active: var(--ds-alias-surface-primary);
  --ds-carousel-scroll-btn-background-active-hover: var(--ds-alias-surface-primary-hover);
  --ds-carousel-scroll-btn-background-active-pressed: var(--ds-alias-surface-primary-active);
  --ds-carousel-scroll-fade-bg: var(--ds-alias-surface-white);
  --ds-tooltip-radius: var(--ds-alias-radius-base);
  --ds-tooltip-shadow: var(--ds-alias-shadow-box-base);
  --ds-tooltip-z-index: var(--ds-alias-z-index-tooltip);
  --ds-tooltip-color-text: var(--ds-alias-text-color-white);
  --ds-tooltip-color-background: var(--ds-alias-surface-primary-active);
  --ds-table-color: var(--ds-alias-text-color-primary);
  --ds-table-row-background-active: var(--ds-alias-surface-grey-light);
  --ds-table-row-background-hover: var(--ds-alias-surface-grey-light);
  --ds-table-row-background-striped: var(--ds-alias-surface-grey-lighter);
  --ds-popup-radius: var(--ds-alias-radius-base);
  --ds-popup-shadow: var(--ds-alias-shadow-box-base);
  --ds-popup-z-index: var(--ds-alias-z-index-popup);
  --ds-popup-color-background: var(--ds-alias-surface-white);
  --ds-drawer-radius: var(--ds-alias-radius-lg);
  --ds-drawer-backdrop-opacity: var(--ds-alias-opacity-backdrop);
  --ds-drawer-backdrop-background: var(--ds-alias-surface-primary-active);
  --ds-drawer-background: var(--ds-alias-surface-white);
  --ds-file-upload-label-font-weight: var(--ds-alias-text-weight-bold);
  --ds-file-upload-label-font-family: var(--ds-alias-text-family-text);
  --ds-file-upload-label-text-color: var(--ds-alias-text-color-primary);
  --ds-file-upload-label-text-line-height: var(--ds-alias-text-line-height-text);
  --ds-file-upload-drop-zone-border-color-base: var(--ds-alias-border-color-grey);
  --ds-file-upload-drop-zone-border-color-hover: var(--ds-alias-border-color-primary);
  --ds-file-upload-drop-zone-border-color-active: var(--ds-alias-border-color-primary);
  --ds-file-upload-drop-zone-border-color-focus: var(--ds-alias-border-color-primary);
  --ds-file-upload-drop-zone-border-color-danger: var(--ds-alias-text-color-danger);
  --ds-file-upload-drop-zone-border-color-success: var(--ds-alias-text-color-success);
  --ds-file-upload-drop-zone-border-color-warning: var(--ds-alias-text-color-warning);
  --ds-file-upload-drop-zone-text-color-hover: var(--ds-alias-action-primary-text-hover);
  --ds-file-upload-drop-zone-text-color-active: var(--ds-alias-action-primary-text-active);
  --ds-file-upload-drop-zone-background-color-base: var(--ds-alias-surface-transparent);
  --ds-file-upload-drop-zone-background-color-hover: var(--ds-alias-surface-hover);
  --ds-file-upload-drop-zone-background-color-active: var(--ds-alias-surface-hover);
  --ds-file-upload-drop-zone-background-color-disabled: var(--ds-alias-surface-disabled);
  --ds-file-upload-file-name-text-color: var(--ds-alias-text-color-primary);
  --ds-file-upload-control-font-family: var(--ds-alias-text-family-text);
  --ds-file-upload-control-font-weight: var(--ds-alias-text-weight-regular);
  --ds-file-upload-control-text-line-height: var(--ds-alias-text-line-height-text);
  --ds-file-upload-control-text-color-base: var(--ds-alias-text-color-primary);
  --ds-file-upload-control-placeholder-color-base: var(--ds-alias-text-color-placeholder);
  --ds-file-upload-description-font-family: var(--ds-alias-text-family-text);
  --ds-file-upload-description-font-weight: var(--ds-alias-text-weight-regular);
  --ds-file-upload-description-text-line-height: var(--ds-alias-text-line-height-text);
  --ds-file-upload-description-text-color-base: var(--ds-alias-text-color-hint);
  --ds-file-upload-description-text-color-danger: var(--ds-alias-text-color-danger);
  --ds-file-upload-description-text-color-success: var(--ds-alias-text-color-success);
  --ds-file-upload-description-text-color-warning: var(--ds-alias-text-color-warning);
  --ds-file-upload-file-list-background-color: var(--ds-alias-surface-grey-light);
  --ds-file-upload-file-size-text-color: var(--ds-alias-text-color-hint);
  --ds-link-font-weight: var(--ds-alias-text-weight-bold);
  --ds-link-underline-width: var(--ds-alias-border-width-base);
  --ds-link-primary-hover: var(--ds-alias-action-primary-text-hover);
  --ds-link-primary-active: var(--ds-alias-action-primary-text-active);
  --ds-link-primary-base: var(--ds-alias-action-primary-text-base);
  --ds-link-inverted-hover: var(--ds-alias-action-inverted-primary-text-hover);
  --ds-link-inverted-active: var(--ds-alias-action-inverted-primary-text-active);
  --ds-link-inverted-base: var(--ds-alias-action-inverted-primary-text-base);
  --ds-text-shadow: var(--ds-alias-text-shadow-elevated);
  --ds-text-color-primary: var(--ds-alias-text-color-primary);
  --ds-text-color-disabled: var(--ds-alias-text-color-disabled);
  --ds-text-color-grey: var(--ds-alias-text-color-grey);
  --ds-text-color-success: var(--ds-alias-text-color-success);
  --ds-text-color-warning: var(--ds-alias-text-color-warning);
  --ds-text-color-danger: var(--ds-alias-text-color-danger);
  --ds-text-color-inverted: var(--ds-alias-text-color-white);
  --ds-text-color-info: var(--ds-alias-text-color-hint);
  --ds-text-color-placeholder: var(--ds-alias-text-color-placeholder);
  --ds-logo-color-primary: var(--ds-alias-surface-primary);
  --ds-logo-color-inverted: var(--ds-alias-surface-white);
  --ds-app-footer-color-text: var(--ds-alias-surface-on-primary);
  --ds-app-footer-link-color-text-base: var(--ds-link-inverted-base);
  --ds-app-footer-link-color-text-hover: var(--ds-link-inverted-hover);
  --ds-app-footer-link-color-text-active: var(--ds-link-inverted-active);
  --ds-button-color-tertiary-base-text: var(--ds-alias-action-tertiary-text-base);
  --ds-button-color-tertiary-hover-text: var(--ds-alias-action-tertiary-text-hover);
  --ds-button-color-tertiary-active-text: var(--ds-alias-action-tertiary-text-active);
  --ds-button-color-brand-purple-base-text: var(--ds-alias-action-brand-purple-text-base);
  --ds-button-color-brand-purple-hover-text: var(--ds-alias-action-brand-purple-text-hover);
  --ds-button-color-brand-purple-active-text: var(--ds-alias-action-brand-purple-text-active);
  --ds-button-color-brand-red-base-text: var(--ds-alias-action-brand-red-text-base);
  --ds-button-color-brand-red-hover-text: var(--ds-alias-action-brand-red-text-hover);
  --ds-button-color-brand-red-active-text: var(--ds-alias-action-brand-red-text-active);
  --ds-button-color-brand-yellow-base-text: var(--ds-alias-action-brand-yellow-text-base);
  --ds-button-color-brand-yellow-hover-text: var(--ds-alias-action-brand-yellow-text-hover);
  --ds-button-color-brand-yellow-active-text: var(--ds-alias-action-brand-yellow-text-active);
  --ds-button-color-brand-green-base-text: var(--ds-alias-action-brand-green-text-base);
  --ds-button-color-brand-green-hover-text: var(--ds-alias-action-brand-green-text-hover);
  --ds-button-color-brand-green-active-text: var(--ds-alias-action-brand-green-text-active);
  --ds-button-color-disabled-base-text: var(--ds-alias-action-disabled-on-surface-base);
  --ds-button-color-disabled-base-background: var(--ds-alias-action-disabled-surface-base);
  --ds-button-color-disabled-base-border: var(--ds-alias-action-disabled-border-base);
  --ds-button-color-disabled-hover-text: var(--ds-alias-action-disabled-on-surface-hover);
  --ds-button-color-disabled-hover-background: var(--ds-alias-action-disabled-surface-hover);
  --ds-button-color-disabled-hover-border: var(--ds-alias-action-disabled-border-hover);
  --ds-button-color-disabled-active-text: var(--ds-alias-action-disabled-on-surface-active);
  --ds-button-color-disabled-active-background: var(--ds-alias-action-disabled-surface-active);
  --ds-button-color-disabled-active-border: var(--ds-alias-action-disabled-border-active);
  --ds-button-color-link-hover-border: var(--ds-alias-border-composite-transparent);
  --ds-button-color-link-active-border: var(--ds-alias-border-composite-transparent);
  --ds-button-color-link-base-border: var(--ds-alias-border-composite-transparent);
  --ds-button-color-inverted-base-border: var(--ds-alias-border-composite-white);
  --ds-button-color-inverted-secondary-base-border: var(--ds-alias-border-composite-white);
  --ds-button-color-inverted-tertiary-hover-text: var(--ds-alias-action-inverted-tertiary-text-hover);
  --ds-button-color-inverted-tertiary-active-text: var(--ds-alias-action-inverted-tertiary-text-active);
  --ds-button-color-inverted-ghost-hover-text: var(--ds-alias-action-inverted-ghost-text-hover);
  --ds-button-color-inverted-ghost-active-text: var(--ds-alias-action-inverted-ghost-text-active);
  --ds-button-color-inverted-link-base-text: var(--ds-alias-text-color-inverted-primary);
  --ds-button-color-inverted-link-base-border: var(--ds-alias-border-composite-transparent);
  --ds-button-color-inverted-link-hover-border: var(--ds-alias-border-composite-transparent);
  --ds-button-color-inverted-link-active-border: var(--ds-alias-border-composite-transparent);
  --ds-card-color-primary-text: var(--ds-alias-surface-on-primary);
  --ds-card-color-grey-text: var(--ds-alias-surface-on-grey);
  --ds-card-color-green-dark-text: var(--ds-alias-surface-on-green);
  --ds-card-color-green-text: var(--ds-alias-surface-on-green-lighter);
  --ds-card-color-yellow-dark-text: var(--ds-alias-surface-on-yellow);
  --ds-card-color-yellow-text: var(--ds-alias-surface-on-yellow-lighter);
  --ds-card-color-red-dark-text: var(--ds-alias-surface-on-red);
  --ds-card-color-red-text: var(--ds-alias-surface-on-red-lighter);
  --ds-card-color-purple-dark-text: var(--ds-alias-surface-on-purple);
  --ds-card-color-purple-text: var(--ds-alias-surface-on-purple-lighter);
  --ds-card-color-dashed-text: var(--ds-alias-surface-on-white);
  --ds-card-color-dashed-border: var(--ds-alias-border-composite-grey-dashed);
  --ds-card-color-base-text: var(--ds-alias-surface-on-white);
  --ds-icon-color-inverted-disabled: var(--ds-alias-text-color-inverted-disabled);
  --ds-form-default-container-border: var(--ds-alias-border-composite-grey);
  --ds-form-hover-container-border: var(--ds-alias-border-composite-grey);
  --ds-form-active-container-border: var(--ds-alias-border-composite-primary);
  --ds-form-focus-container-border: var(--ds-alias-border-composite-primary);
  --ds-form-disabled-container-border: var(--ds-alias-border-composite-disabled);
  --ds-notification-base-color-text: var(--ds-alias-surface-on-grey-light);
  --ds-notification-base-color-heading: var(--ds-alias-surface-on-grey-light);
  --ds-notification-info-color-text: var(--ds-alias-surface-on-info-lighter);
  --ds-notification-success-color-text: var(--ds-alias-surface-on-success-lighter);
  --ds-notification-warning-color-text: var(--ds-alias-surface-on-warning-lighter);
  --ds-notification-danger-color-text: var(--ds-alias-surface-on-danger-lighter);
  --ds-notification-outline-base-color-text: var(--ds-alias-surface-on-white);
  --ds-notification-outline-base-color-heading: var(--ds-alias-surface-on-white);
  --ds-notification-outline-purple-color-text: var(--ds-alias-surface-on-purple-lighter);
  --ds-notification-outline-purple-color-heading: var(--ds-alias-surface-on-purple-lighter);
  --ds-notification-outline-green-color-text: var(--ds-alias-surface-on-green-lighter);
  --ds-notification-outline-green-color-heading: var(--ds-alias-surface-on-green-lighter);
  --ds-notification-outline-yellow-color-text: var(--ds-alias-surface-on-yellow-lighter);
  --ds-notification-outline-yellow-color-heading: var(--ds-alias-surface-on-yellow-lighter);
  --ds-notification-outline-red-color-text: var(--ds-alias-surface-on-red-lighter);
  --ds-notification-outline-red-color-heading: var(--ds-alias-surface-on-red-lighter);
  --ds-list-marker-color-success: var(--ds-icon-color-success);
  --ds-list-marker-color-warning: var(--ds-icon-color-warning);
  --ds-list-marker-color-danger: var(--ds-icon-color-danger);
  --ds-list-marker-color-inverted: var(--ds-icon-color-inverted);
  --ds-list-marker-color-primary: var(--ds-icon-color-primary);
  --ds-list-item-color-border-hover: var(--ds-alias-border-composite-primary-hover);
  --ds-list-item-color-border-active: var(--ds-alias-border-composite-primary-active);
  --ds-list-item-color-border-base: var(--ds-alias-border-composite-grey-light);
  --ds-list-item-inverted-color-text-base: var(--ds-alias-surface-on-primary);
  --ds-list-item-inverted-color-text-disabled: var(--ds-alias-text-color-inverted-disabled);
  --ds-list-item-inverted-color-border-base: var(--ds-alias-border-composite-inverted-primary);
  --ds-list-item-inverted-color-border-hover: var(--ds-alias-border-composite-inverted-primary-hover);
  --ds-list-item-inverted-color-border-active: var(--ds-alias-border-composite-inverted-primary-active);
  --ds-modal-backdrop-opacity: var(--ds-backdrop-opacity);
  --ds-app-navbar-base-menu-item-color-selected: var(--ds-alias-text-color-inverted-primary);
  --ds-app-navbar-base-button-color-border-base: var(--ds-button-color-inverted-tertiary-base-border);
  --ds-app-navbar-base-button-color-border-hover: var(--ds-button-color-inverted-tertiary-hover-border);
  --ds-app-navbar-base-button-color-border-active: var(--ds-button-color-inverted-tertiary-active-border);
  --ds-app-navbar-base-button-color-text-base: var(--ds-button-color-inverted-tertiary-base-text);
  --ds-app-navbar-base-button-color-background-base: var(--ds-button-color-inverted-tertiary-base-background);
  --ds-app-navbar-base-button-color-background-hover: var(--ds-button-color-inverted-tertiary-hover-background);
  --ds-app-navbar-base-button-color-background-active: var(--ds-button-color-inverted-tertiary-active-background);
  --ds-app-navbar-light-button-color-border-base: var(--ds-button-color-tertiary-base-border);
  --ds-app-navbar-light-button-color-border-hover: var(--ds-button-color-tertiary-hover-border);
  --ds-app-navbar-light-button-color-border-active: var(--ds-button-color-tertiary-active-border);
  --ds-app-navbar-light-button-color-text-base: var(--ds-button-color-inverted-tertiary-base-text);
  --ds-app-navbar-light-button-color-background-base: var(--ds-button-color-tertiary-base-background);
  --ds-app-navbar-light-button-color-background-hover: var(--ds-button-color-inverted-tertiary-hover-background);
  --ds-app-navbar-light-button-color-background-active: var(--ds-button-color-inverted-tertiary-active-background);
  --ds-app-navbar-light-focus-color-start: var(--ds-alias-interaction-focus-color-start);
  --ds-app-navbar-light-focus-color-end: var(--ds-alias-interaction-focus-color-end);
  --ds-spinner-logo-inverted-color: var(--ds-alias-text-color-inverted-primary);
  --ds-toast-primary-color-body: var(--ds-alias-surface-on-grey-light);
  --ds-toast-success-color-body: var(--ds-alias-surface-on-success-lighter);
  --ds-toast-info-color-body: var(--ds-alias-surface-on-info-lighter);
  --ds-toast-warning-color-body: var(--ds-alias-surface-on-warning-lighter);
  --ds-toast-danger-color-body: var(--ds-alias-surface-on-danger-lighter);
  --ds-tag-purple-dark-color-text: var(--ds-alias-surface-on-purple-dark);
  --ds-tag-red-dark-color-text: var(--ds-alias-surface-on-red-dark);
  --ds-tag-green-dark-color-text: var(--ds-alias-surface-on-green-dark);
  --ds-tag-yellow-dark-color-text: var(--ds-alias-surface-on-yellow-dark);
  --ds-segment-divider-color: var(--ds-divider-color-base);
  --ds-tabs-border-base: var(--ds-alias-border-composite-grey-light);
  --ds-tabs-indicator-default-unselected-base: var(--ds-alias-border-composite-transparent);
  --ds-tabs-indicator-default-unselected-hover: var(--ds-alias-border-composite-grey);
  --ds-tabs-indicator-default-selected-base: var(--ds-alias-border-composite-primary);
  --ds-tabs-indicator-default-selected-hover: var(--ds-alias-border-composite-primary);
  --ds-tabs-indicator-purple-unselected-hover: var(--ds-alias-border-composite-grey);
  --ds-tabs-indicator-yellow-unselected-base: var(--ds-alias-border-composite-transparent);
  --ds-tabs-indicator-green-unselected-base: var(--ds-alias-border-composite-transparent);
  --ds-tabs-indicator-red-unselected-base: var(--ds-alias-border-composite-transparent);
  --ds-steps-circle-color-default-text: var(--ds-alias-surface-on-grey);
  --ds-steps-circle-color-selected-text: var(--ds-alias-surface-on-primary);
  --ds-steps-circle-color-done-text: var(--ds-alias-surface-on-primary);
  --ds-steps-circle-color-disabled-text: var(--ds-alias-surface-on-grey);
  --ds-steps-circle-color-invalid-text: var(--ds-alias-surface-on-danger-darker);
  --ds-table-cell-border: var(--ds-alias-border-composite-grey-light);
  --ds-table-head-border: var(--ds-alias-border-composite-primary);
  --ds-popup-backdrop-background: var(--ds-backdrop-color);
  --ds-popup-backdrop-opacity: var(--ds-backdrop-opacity);
  --ds-text-color-inverted-disabled: var(--ds-alias-text-color-inverted-disabled);
  --ds-button-color-primary-base-border: var(--ds-alias-action-primary-border-base);
  --ds-button-color-primary-hover-border: var(--ds-alias-action-primary-border-hover);
  --ds-button-color-primary-active-border: var(--ds-alias-action-primary-border-active);
  --ds-button-color-secondary-base-border: var(--ds-alias-action-secondary-border-base);
  --ds-button-color-secondary-hover-border: var(--ds-alias-action-secondary-border-hover);
  --ds-button-color-secondary-active-border: var(--ds-alias-action-secondary-border-active);
  --ds-button-color-ghost-base-border: var(--ds-alias-action-ghost-border-base);
  --ds-button-color-ghost-hover-border: var(--ds-alias-action-ghost-border-hover);
  --ds-button-color-ghost-active-border: var(--ds-alias-action-ghost-border-active);
  --ds-app-navbar-base-button-color-text-hover: var(--ds-button-color-inverted-tertiary-hover-text);
  --ds-app-navbar-base-button-color-text-active: var(--ds-button-color-inverted-tertiary-active-text);
  --ds-app-navbar-light-button-color-text-hover: var(--ds-button-color-inverted-tertiary-hover-text);
  --ds-app-navbar-light-button-color-text-active: var(--ds-button-color-inverted-tertiary-active-text);
  --ds-file-upload-drop-zone-text-color-disabled: var(--ds-button-color-disabled-base-text);
  --ds-file-upload-icon-color-disabled: var(--ds-button-color-disabled-base-text);

  /* Base tokens */
  /* Alias tokens */
  --ds-alias-container-space: var(--ds-global-dimension-space-16);
  --ds-alias-text-size-base: var(--ds-global-font-size-16);
  --ds-alias-text-size-none: 0rem;
  --ds-alias-text-size-xs: var(--ds-global-font-size-12);
  --ds-alias-text-size-md: var(--ds-global-font-size-16);
  --ds-alias-text-size-sm: var(--ds-global-font-size-14);
  --ds-alias-text-size-2xl: var(--ds-global-font-size-24);
  --ds-alias-text-size-3xl: var(--ds-global-font-size-28);
  --ds-alias-text-size-4xl: var(--ds-global-font-size-32);
  --ds-alias-text-size-5xl: var(--ds-global-font-size-48);
  --ds-alias-text-size-xl: var(--ds-global-font-size-20);
  --ds-alias-text-size-lg: var(--ds-global-font-size-18);
  --ds-alias-space-none: var(--ds-global-dimension-space-0);
  --ds-alias-space-2xs: var(--ds-global-dimension-space-4);
  --ds-alias-space-xs: var(--ds-global-dimension-space-8);
  --ds-alias-space-sm: var(--ds-global-dimension-space-12);
  --ds-alias-space-base: var(--ds-global-dimension-space-16);
  --ds-alias-space-md: var(--ds-global-dimension-space-20);
  --ds-alias-space-lg: var(--ds-global-dimension-space-24);
  --ds-alias-space-xl: var(--ds-global-dimension-space-32);
  --ds-alias-space-2xl: var(--ds-global-dimension-space-48);
  --ds-alias-space-3xl: var(--ds-global-dimension-space-56);
  --ds-alias-space-4xl: var(--ds-global-dimension-space-64);
  --ds-alias-space-3xs: var(--ds-global-dimension-space-2);

  /* Component tokens */
  --ds-modal-space: var(--ds-global-dimension-size-16);
  --ds-text-space: var(--ds-alias-space-base);
  --ds-logo-size-base: var(--ds-global-dimension-size-24);
  --ds-logo-size-sm: var(--ds-global-dimension-size-24);
  --ds-logo-size-lg: var(--ds-global-dimension-size-32);
  --ds-brand-icon-tile-size-xl: var(--ds-global-dimension-size-64);
  --ds-brand-icon-tile-size-base: var(--ds-global-dimension-size-32);
  --ds-brand-icon-tile-size-lg: var(--ds-global-dimension-size-48);

  /* Device tokens */
  /* Alias tokens */
  --ds-alias-container-space-device: var(--ds-global-dimension-space-16);
  --ds-alias-text-size-base-device: var(--ds-global-font-size-16);
  --ds-alias-text-size-none-device: 0rem;
  --ds-alias-text-size-xs-device: var(--ds-global-font-size-12);
  --ds-alias-text-size-md-device: var(--ds-global-font-size-16);
  --ds-alias-text-size-sm-device: var(--ds-global-font-size-14);
  --ds-alias-text-size-2xl-device: var(--ds-global-font-size-24);
  --ds-alias-text-size-3xl-device: var(--ds-global-font-size-28);
  --ds-alias-text-size-4xl-device: var(--ds-global-font-size-32);
  --ds-alias-text-size-5xl-device: var(--ds-global-font-size-48);
  --ds-alias-text-size-xl-device: var(--ds-global-font-size-20);
  --ds-alias-text-size-lg-device: var(--ds-global-font-size-18);
  --ds-alias-space-none-device: var(--ds-global-dimension-space-0);
  --ds-alias-space-2xs-device: var(--ds-global-dimension-space-4);
  --ds-alias-space-xs-device: var(--ds-global-dimension-space-8);
  --ds-alias-space-sm-device: var(--ds-global-dimension-space-12);
  --ds-alias-space-base-device: var(--ds-global-dimension-space-16);
  --ds-alias-space-md-device: var(--ds-global-dimension-space-20);
  --ds-alias-space-lg-device: var(--ds-global-dimension-space-24);
  --ds-alias-space-xl-device: var(--ds-global-dimension-space-32);
  --ds-alias-space-2xl-device: var(--ds-global-dimension-space-48);
  --ds-alias-space-3xl-device: var(--ds-global-dimension-space-56);
  --ds-alias-space-4xl-device: var(--ds-global-dimension-space-64);
  --ds-alias-space-3xs-device: var(--ds-global-dimension-space-2);

  /* Component tokens */
  --ds-modal-space-device: var(--ds-global-dimension-size-16);
  --ds-text-space-device: var(--ds-alias-space-base);
  --ds-logo-size-base-device: var(--ds-global-dimension-size-24);
  --ds-logo-size-sm-device: var(--ds-global-dimension-size-24);
  --ds-logo-size-lg-device: var(--ds-global-dimension-size-32);
  --ds-brand-icon-tile-size-xl-device: var(--ds-global-dimension-size-64);
  --ds-brand-icon-tile-size-base-device: var(--ds-global-dimension-size-32);
  --ds-brand-icon-tile-size-lg-device: var(--ds-global-dimension-size-48);
}

/* Device tokens: Tablet */

@media (min-width: 769px) {
:root, :host {
  /* Alias tokens */
  --ds-alias-container-space-device: var(--ds-global-dimension-space-40);
  --ds-alias-text-size-base-device: var(--ds-global-font-size-16);
  --ds-alias-text-size-none-device: 0rem;
  --ds-alias-text-size-xs-device: var(--ds-global-font-size-12);
  --ds-alias-text-size-md-device: var(--ds-global-font-size-18);
  --ds-alias-text-size-sm-device: var(--ds-global-font-size-14);
  --ds-alias-text-size-2xl-device: var(--ds-global-font-size-32);
  --ds-alias-text-size-3xl-device: var(--ds-global-font-size-40);
  --ds-alias-text-size-4xl-device: var(--ds-global-font-size-48);
  --ds-alias-text-size-5xl-device: var(--ds-global-font-size-80);
  --ds-alias-text-size-xl-device: var(--ds-global-font-size-24);
  --ds-alias-text-size-lg-device: var(--ds-global-font-size-18);
  --ds-alias-space-none-device: var(--ds-global-dimension-space-0);
  --ds-alias-space-2xs-device: var(--ds-global-dimension-space-4);
  --ds-alias-space-xs-device: var(--ds-global-dimension-space-8);
  --ds-alias-space-sm-device: var(--ds-global-dimension-space-12);
  --ds-alias-space-base-device: var(--ds-global-dimension-space-16);
  --ds-alias-space-md-device: var(--ds-global-dimension-space-20);
  --ds-alias-space-lg-device: var(--ds-global-dimension-space-24);
  --ds-alias-space-xl-device: var(--ds-global-dimension-space-40);
  --ds-alias-space-2xl-device: var(--ds-global-dimension-space-56);
  --ds-alias-space-3xl-device: var(--ds-global-dimension-space-72);
  --ds-alias-space-4xl-device: var(--ds-global-dimension-space-96);
  --ds-alias-space-3xs-device: var(--ds-global-dimension-space-2);
  --ds-alias-breakpoint-device: var(--ds-global-dimension-breakpoint-1);

  /* Component tokens */
  --ds-modal-space-device: var(--ds-global-dimension-size-32);
  --ds-text-space-device: var(--ds-alias-space-base);
  --ds-logo-size-base-device: var(--ds-global-dimension-size-24);
  --ds-logo-size-sm-device: var(--ds-global-dimension-size-24);
  --ds-logo-size-lg-device: var(--ds-global-dimension-size-32);
  --ds-brand-icon-tile-size-xl-device: var(--ds-global-dimension-size-96);
  --ds-brand-icon-tile-size-base-device: var(--ds-global-dimension-size-48);
  --ds-brand-icon-tile-size-lg-device: var(--ds-global-dimension-size-64);
}
}

/* Device tokens: Desktop */

@media (min-width: 1024px) {
:root, :host {
  /* Alias tokens */
  --ds-alias-container-space-device: var(--ds-global-dimension-space-48);
  --ds-alias-text-size-base-device: var(--ds-global-font-size-16);
  --ds-alias-text-size-none-device: 0rem;
  --ds-alias-text-size-xs-device: var(--ds-global-font-size-12);
  --ds-alias-text-size-md-device: var(--ds-global-font-size-18);
  --ds-alias-text-size-sm-device: var(--ds-global-font-size-14);
  --ds-alias-text-size-2xl-device: var(--ds-global-font-size-32);
  --ds-alias-text-size-3xl-device: var(--ds-global-font-size-40);
  --ds-alias-text-size-4xl-device: var(--ds-global-font-size-48);
  --ds-alias-text-size-5xl-device: var(--ds-global-font-size-80);
  --ds-alias-text-size-xl-device: var(--ds-global-font-size-24);
  --ds-alias-text-size-lg-device: var(--ds-global-font-size-18);
  --ds-alias-space-none-device: var(--ds-global-dimension-space-0);
  --ds-alias-space-2xs-device: var(--ds-global-dimension-space-4);
  --ds-alias-space-xs-device: var(--ds-global-dimension-space-8);
  --ds-alias-space-sm-device: var(--ds-global-dimension-space-12);
  --ds-alias-space-base-device: var(--ds-global-dimension-space-16);
  --ds-alias-space-md-device: var(--ds-global-dimension-space-24);
  --ds-alias-space-lg-device: var(--ds-global-dimension-space-32);
  --ds-alias-space-xl-device: var(--ds-global-dimension-space-48);
  --ds-alias-space-2xl-device: var(--ds-global-dimension-space-64);
  --ds-alias-space-3xl-device: var(--ds-global-dimension-space-96);
  --ds-alias-space-4xl-device: var(--ds-global-dimension-space-128);
  --ds-alias-space-3xs-device: var(--ds-global-dimension-space-2);
  --ds-alias-breakpoint-device: var(--ds-global-dimension-breakpoint-2);

  /* Component tokens */
  --ds-modal-space-device: var(--ds-global-dimension-space-40);
  --ds-text-space-device: var(--ds-alias-space-base);
  --ds-logo-size-base-device: var(--ds-global-dimension-size-32);
  --ds-logo-size-sm-device: var(--ds-global-dimension-size-24);
  --ds-logo-size-lg-device: var(--ds-global-dimension-size-48);
  --ds-brand-icon-tile-size-xl-device: var(--ds-global-dimension-size-96);
  --ds-brand-icon-tile-size-base-device: var(--ds-global-dimension-size-48);
  --ds-brand-icon-tile-size-lg-device: var(--ds-global-dimension-size-64);
}
}

