.ds-theme-guidedutri {
    --ds-brand-typography-font-family-primary: Lato, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --ds-brand-typography-font-family-quaternary: Gill Sans Nova Inline, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --ds-brand-typography-font-family-secondary: Blokletters Balpen, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --ds-brand-typography-font-family-tertiary: Bricolage Grotesque, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --ds-brand-color-orange-50: rgb(255, 244, 237);
    --ds-brand-color-orange-100: rgb(255, 230, 213);
    --ds-brand-color-orange-200: rgb(254, 204, 170);
    --ds-brand-color-orange-300: rgb(253, 172, 116);
    --ds-brand-color-orange-400: rgb(251, 138, 60);
    --ds-brand-color-orange-500: rgb(249, 115, 22);
    --ds-brand-color-orange-600: rgb(234, 88, 12);
    --ds-brand-color-orange-700: rgb(187, 63, 12);
    --ds-brand-color-orange-800: rgb(146, 49, 17);
    --ds-brand-color-orange-900: rgb(93, 31, 10);
    --ds-brand-color-teal-50: rgb(240, 253, 251);
    --ds-brand-color-teal-100: rgb(204, 251, 246);
    --ds-brand-color-teal-200: rgb(153, 246, 238);
    --ds-brand-color-teal-300: rgb(94, 234, 227);
    --ds-brand-color-teal-400: rgb(45, 212, 209);
    --ds-brand-color-teal-500: rgb(63, 174, 173);
    --ds-brand-color-teal-600: rgb(13, 145, 148);
    --ds-brand-color-teal-700: rgb(15, 115, 118);
    --ds-brand-color-teal-800: rgb(17, 91, 94);
    --ds-brand-color-teal-900: rgb(15, 56, 60);
    --ds-brand-color-grey-0: rgb(255, 255, 255);
    --ds-brand-color-grey-50: rgb(249, 250, 251);
    --ds-brand-color-grey-100: rgb(243, 244, 246);
    --ds-brand-color-grey-200: rgb(229, 231, 235);
    --ds-brand-color-grey-300: rgb(209, 213, 219);
    --ds-brand-color-grey-400: rgb(156, 163, 175);
    --ds-brand-color-grey-500: rgb(107, 114, 128);
    --ds-brand-color-grey-600: rgb(75, 85, 99);
    --ds-brand-color-grey-700: rgb(55, 65, 81);
    --ds-brand-color-grey-800: rgb(31, 41, 55);
    --ds-brand-color-grey-900: rgb(17, 24, 39);
    --ds-brand-color-lime-50: rgb(247, 254, 231);
    --ds-brand-color-lime-100: rgb(236, 252, 203);
    --ds-brand-color-lime-200: rgb(217, 249, 157);
    --ds-brand-color-lime-300: rgb(190, 242, 100);
    --ds-brand-color-lime-400: rgb(163, 230, 53);
    --ds-brand-color-lime-500: rgb(132, 204, 22);
    --ds-brand-color-lime-600: rgb(101, 163, 13);
    --ds-brand-color-lime-700: rgb(77, 124, 15);
    --ds-brand-color-lime-800: rgb(63, 98, 18);
    --ds-brand-color-lime-900: rgb(41, 61, 10);
    --ds-brand-color-yellow-50: rgb(254, 254, 220);
    --ds-brand-color-yellow-100: rgb(252, 253, 180);
    --ds-brand-color-yellow-200: rgb(254, 252, 124);
    --ds-brand-color-yellow-300: rgb(255, 243, 65);
    --ds-brand-color-yellow-400: rgb(255, 228, 13);
    --ds-brand-color-yellow-500: rgb(255, 213, 0);
    --ds-brand-color-yellow-600: rgb(203, 152, 1);
    --ds-brand-color-yellow-700: rgb(153, 104, 5);
    --ds-brand-color-yellow-800: rgb(116, 71, 15);
    --ds-brand-color-yellow-900: rgb(68, 37, 4);
    --ds-brand-color-cyan-50: rgb(239, 250, 255);
    --ds-brand-color-cyan-100: rgb(223, 244, 255);
    --ds-brand-color-cyan-200: rgb(183, 236, 255);
    --ds-brand-color-cyan-300: rgb(120, 223, 255);
    --ds-brand-color-cyan-400: rgb(48, 207, 255);
    --ds-brand-color-cyan-500: rgb(5, 183, 239);
    --ds-brand-color-cyan-600: rgb(0, 150, 207);
    --ds-brand-color-cyan-700: rgb(0, 119, 167);
    --ds-brand-color-cyan-800: rgb(2, 101, 138);
    --ds-brand-color-cyan-900: rgb(8, 72, 102);
    --ds-brand-color-green-50: rgb(240, 253, 244);
    --ds-brand-color-green-100: rgb(220, 252, 231);
    --ds-brand-color-green-200: rgb(187, 247, 208);
    --ds-brand-color-green-300: rgb(134, 239, 172);
    --ds-brand-color-green-400: rgb(74, 222, 128);
    --ds-brand-color-green-500: rgb(34, 197, 94);
    --ds-brand-color-green-600: rgb(22, 163, 74);
    --ds-brand-color-green-700: rgb(21, 128, 61);
    --ds-brand-color-green-800: rgb(22, 101, 52);
    --ds-brand-color-green-900: rgb(9, 60, 28);
    --ds-brand-color-blue-50: rgb(239, 244, 255);
    --ds-brand-color-blue-100: rgb(219, 230, 254);
    --ds-brand-color-blue-200: rgb(191, 211, 254);
    --ds-brand-color-blue-300: rgb(147, 180, 253);
    --ds-brand-color-blue-400: rgb(96, 144, 250);
    --ds-brand-color-blue-500: rgb(59, 118, 246);
    --ds-brand-color-blue-600: rgb(37, 99, 235);
    --ds-brand-color-blue-700: rgb(29, 88, 216);
    --ds-brand-color-blue-800: rgb(30, 75, 175);
    --ds-brand-color-blue-900: rgb(26, 38, 102);
    --ds-brand-color-pink-50: rgb(253, 242, 248);
    --ds-brand-color-pink-100: rgb(252, 231, 243);
    --ds-brand-color-pink-200: rgb(251, 207, 232);
    --ds-brand-color-pink-300: rgb(249, 168, 212);
    --ds-brand-color-pink-400: rgb(244, 114, 182);
    --ds-brand-color-pink-500: rgb(236, 72, 153);
    --ds-brand-color-pink-600: rgb(219, 39, 119);
    --ds-brand-color-pink-700: rgb(190, 24, 93);
    --ds-brand-color-pink-800: rgb(157, 23, 77);
    --ds-brand-color-pink-900: rgb(105, 13, 58);
    --ds-brand-color-amber-50: rgb(255, 247, 231);
    --ds-brand-color-amber-100: rgb(255, 238, 206);
    --ds-brand-color-amber-200: rgb(255, 222, 157);
    --ds-brand-color-amber-300: rgb(255, 205, 108);
    --ds-brand-color-amber-400: rgb(255, 189, 59);
    --ds-brand-color-amber-500: rgb(255, 172, 9);
    --ds-brand-color-amber-600: rgb(226, 127, 0);
    --ds-brand-color-amber-700: rgb(188, 88, 1);
    --ds-brand-color-amber-800: rgb(124, 56, 11);
    --ds-brand-color-amber-900: rgb(87, 35, 3);
    --ds-brand-color-purple-50: rgb(245, 243, 255);
    --ds-brand-color-purple-100: rgb(237, 233, 254);
    --ds-brand-color-purple-200: rgb(221, 214, 254);
    --ds-brand-color-purple-300: rgb(196, 181, 253);
    --ds-brand-color-purple-400: rgb(167, 139, 250);
    --ds-brand-color-purple-500: rgb(139, 92, 246);
    --ds-brand-color-purple-600: rgb(124, 58, 237);
    --ds-brand-color-purple-700: rgb(109, 40, 217);
    --ds-brand-color-purple-800: rgb(91, 33, 182);
    --ds-brand-color-purple-900: rgb(54, 22, 127);
    --ds-brand-color-red-50: rgb(254, 243, 242);
    --ds-brand-color-red-100: rgb(255, 229, 225);
    --ds-brand-color-red-200: rgb(255, 207, 200);
    --ds-brand-color-red-300: rgb(255, 173, 162);
    --ds-brand-color-red-400: rgb(253, 126, 108);
    --ds-brand-color-red-500: rgb(246, 101, 81);
    --ds-brand-color-red-600: rgb(226, 56, 32);
    --ds-brand-color-red-700: rgb(191, 42, 22);
    --ds-brand-color-red-800: rgb(157, 39, 23);
    --ds-brand-color-red-900: rgb(99, 26, 15);
    --ds-style-text-base-line-height: 125%;
    --ds-style-text-base-font-size: var(--ds-core-typography-font-size-s);
    --ds-style-text-base-font-family: var(--ds-semantic-font-family-default);
    --ds-style-text-base-font-weight: var(--ds-semantic-font-weight-default);
    --ds-style-text-small-line-height: 125%;
    --ds-style-text-small-font-size: var(--ds-core-typography-font-size-xs);
    --ds-style-text-small-font-family: var(--ds-semantic-font-family-default);
    --ds-style-text-small-font-weight: var(--ds-semantic-font-weight-default);
    --ds-style-text-xsmall-line-height: 125%;
    --ds-style-text-xsmall-font-size: var(--ds-core-typography-font-size-2xs);
    --ds-style-text-xsmall-font-family: var(--ds-semantic-font-family-default);
    --ds-style-text-xsmall-font-weight: var(--ds-semantic-font-weight-default);
    --ds-style-text-large-line-height: 150%;
    --ds-style-text-large-font-size: var(--ds-core-typography-font-size-s-bis);
    --ds-style-text-large-font-family: var(--ds-semantic-font-family-default);
    --ds-style-text-large-font-weight: var(--ds-semantic-font-weight-default);
    --ds-style-text-base-strong-line-height: 125%;
    --ds-style-text-base-strong-font-size: var(--ds-core-typography-font-size-s);
    --ds-style-text-base-strong-font-family: var(--ds-semantic-font-family-default);
    --ds-style-text-base-strong-font-weight: var(--ds-semantic-font-weight-strong);
    --ds-style-text-annotation-line-height: 165%;
    --ds-style-text-annotation-font-size: var(--ds-core-typography-font-size-2xs);
    --ds-style-text-annotation-font-family: var(--ds-semantic-font-family-annotation);
    --ds-style-text-annotation-font-weight: var(--ds-semantic-font-weight-default);
    --ds-style-text-small-strong-line-height: 140%;
    --ds-style-text-small-strong-font-size: var(--ds-core-typography-font-size-xs);
    --ds-style-text-small-strong-font-family: var(--ds-semantic-font-family-default);
    --ds-style-text-small-strong-font-weight: var(--ds-semantic-font-weight-strong);
    --ds-style-text-xsmall-strong-line-height: 130%;
    --ds-style-text-xsmall-strong-font-size: var(--ds-core-typography-font-size-2xs);
    --ds-style-text-xsmall-strong-font-family: var(--ds-semantic-font-family-default);
    --ds-style-text-xsmall-strong-font-weight: var(--ds-semantic-font-weight-strong);
    --ds-style-text-paragraph-line-height: 150%;
    --ds-style-text-paragraph-font-size: var(--ds-core-typography-font-size-s);
    --ds-style-text-paragraph-font-family: var(--ds-semantic-font-family-default);
    --ds-style-text-paragraph-font-weight: var(--ds-semantic-font-weight-default);
    --ds-style-heading-1-line-height: 125%;
    --ds-style-heading-1-font-size: var(--ds-core-typography-font-size-xl);
    --ds-style-heading-1-font-family: var(--ds-semantic-font-family-title);
    --ds-style-heading-1-font-weight: var(--ds-semantic-font-weight-strong);
    --ds-style-heading-3-line-height: 125%;
    --ds-style-heading-3-font-size: var(--ds-core-typography-font-size-m);
    --ds-style-heading-3-font-family: var(--ds-semantic-font-family-title);
    --ds-style-heading-3-font-weight: var(--ds-semantic-font-weight-strong);
    --ds-style-heading-4-line-height: 125%;
    --ds-style-heading-4-font-size: var(--ds-core-typography-font-size-s);
    --ds-style-heading-4-font-family: var(--ds-semantic-font-family-title);
    --ds-style-heading-4-font-weight: var(--ds-semantic-font-weight-strong);
    --ds-style-heading-2-line-height: 135%;
    --ds-style-heading-2-font-size: var(--ds-core-typography-font-size-l);
    --ds-style-heading-2-font-family: var(--ds-semantic-font-family-title);
    --ds-style-heading-2-font-weight: var(--ds-semantic-font-weight-strong);
    --ds-style-display-number-line-height: 100%;
    --ds-style-display-number-font-size: var(--ds-core-typography-font-size-3xl);
    --ds-style-display-number-font-family: var(--ds-semantic-font-family-title-alt);
    --ds-style-display-number-font-weight: var(--ds-semantic-font-weight-stronger);
    --ds-style-display-2-line-height: 100%;
    --ds-style-display-2-font-size: var(--ds-core-typography-font-size-l);
    --ds-style-display-2-font-family: var(--ds-semantic-font-family-title-alt);
    --ds-style-display-2-font-weight: var(--ds-semantic-font-weight-stronger);
    --ds-style-display-1-line-height: 100%;
    --ds-style-display-1-font-size: var(--ds-core-typography-font-size-2xl);
    --ds-style-display-1-font-family: var(--ds-semantic-font-family-title-alt);
    --ds-style-display-1-font-weight: var(--ds-semantic-font-weight-stronger);
    --ds-style-chart-number-xlarge-line-height: 125%;
    --ds-style-chart-number-xlarge-font-size: var(--ds-core-typography-font-size-xl);
    --ds-style-chart-number-xlarge-font-family: var(--ds-semantic-font-family-default);
    --ds-style-chart-number-xlarge-font-weight: var(--ds-semantic-font-weight-stronger);
    --ds-style-chart-number-large-line-height: 125%;
    --ds-style-chart-number-large-font-size: var(--ds-core-typography-font-size-l);
    --ds-style-chart-number-large-font-family: var(--ds-semantic-font-family-default);
    --ds-style-chart-number-large-font-weight: var(--ds-semantic-font-weight-stronger);
    --ds-semantic-font-weight-default: 400;
    --ds-semantic-font-weight-stronger: 800;
    --ds-semantic-font-weight-strong: 700;
    --ds-semantic-font-family-annotation: var(--ds-brand-typography-font-family-secondary);
    --ds-semantic-font-family-default: var(--ds-brand-typography-font-family-primary);
    --ds-semantic-font-family-title: var(--ds-brand-typography-font-family-tertiary);
    --ds-semantic-font-family-title-alt: var(--ds-brand-typography-font-family-tertiary);
    --ds-semantic-sizing-s: var(--ds-core-size-06);
    --ds-semantic-sizing-m: var(--ds-core-size-08);
    --ds-semantic-sizing-ml: var(--ds-core-size-09);
    --ds-semantic-sizing-4xl: var(--ds-core-size-14);
    --ds-semantic-sizing-5xl: var(--ds-core-size-15);
    --ds-semantic-sizing-6xl: var(--ds-core-size-16);
    --ds-semantic-sizing-7xl: var(--ds-core-size-17);
    --ds-semantic-sizing-9xl: var(--ds-core-size-19);
    --ds-semantic-sizing-10xl: var(--ds-core-size-20);
    --ds-semantic-sizing-xs: var(--ds-core-size-05);
    --ds-semantic-sizing-20xl: var(--ds-core-size-31);
    --ds-semantic-sizing-21xl: var(--ds-core-size-32);
    --ds-semantic-sizing-22xl: var(--ds-core-size-33);
    --ds-semantic-sizing-sm: var(--ds-core-size-07);
    --ds-semantic-sizing-l: var(--ds-core-size-10);
    --ds-semantic-sizing-xl: var(--ds-core-size-11);
    --ds-semantic-sizing-2xl: var(--ds-core-size-12);
    --ds-semantic-sizing-13xl: var(--ds-core-size-23);
    --ds-semantic-sizing-14xl: var(--ds-core-size-24);
    --ds-semantic-sizing-3xs: var(--ds-core-size-02);
    --ds-semantic-sizing-2xs: var(--ds-core-size-04);
    --ds-semantic-sizing-3xl: var(--ds-core-size-13);
    --ds-semantic-sizing-8xl: var(--ds-core-size-18);
    --ds-semantic-sizing-11xl: var(--ds-core-size-21);
    --ds-semantic-sizing-12xl: var(--ds-core-size-22);
    --ds-semantic-sizing-14xl-bis: var(--ds-core-size-25);
    --ds-semantic-sizing-15xl: var(--ds-core-size-26);
    --ds-semantic-sizing-16xl: var(--ds-core-size-27);
    --ds-semantic-sizing-17xl: var(--ds-core-size-28);
    --ds-semantic-sizing-18xl: var(--ds-core-size-29);
    --ds-semantic-sizing-19xl: var(--ds-core-size-30);
    --ds-semantic-layout-page-max-width-l: var(--ds-core-size-33);
    --ds-semantic-layout-form-max-width: var(--ds-core-size-27);
    --ds-semantic-layout-text-max-width: var(--ds-core-size-25);
    --ds-semantic-layout-gutter-default: var(--ds-core-size-08);
    --ds-semantic-layout-margin-default: var(--ds-core-size-12);
    --ds-semantic-spacing-xs: var(--ds-core-size-04);
    --ds-semantic-spacing-3xl: var(--ds-core-size-12);
    --ds-semantic-spacing-2xs: var(--ds-core-size-03);
    --ds-semantic-spacing-4xs: var(--ds-core-size-01);
    --ds-semantic-spacing-3xs: var(--ds-core-size-02);
    --ds-semantic-spacing-s: var(--ds-core-size-05);
    --ds-semantic-spacing-m: var(--ds-core-size-06);
    --ds-semantic-spacing-l: var(--ds-core-size-08);
    --ds-semantic-spacing-xl: var(--ds-core-size-10);
    --ds-semantic-spacing-2xl: var(--ds-core-size-11);
    --ds-semantic-spacing-4xl: var(--ds-core-size-14);
    --ds-semantic-spacing-5xl: var(--ds-core-size-16);
    --ds-semantic-spacing-6xl: var(--ds-core-size-17);
    --ds-semantic-radius-input: var(--ds-core-radius-light);
    --ds-semantic-radius-default: var(--ds-core-radius-round);
    --ds-semantic-radius-action: var(--ds-core-radius-pill);
    --ds-semantic-radius-elevated: 24px;
    --ds-semantic-radius-skeleton: var(--ds-core-radius-pill);
    --ds-semantic-radius-circle: var(--ds-core-radius-pill);
    --ds-semantic-color-layout-invert-border-medium-default: rgba(255, 255, 255, 0.1);
    --ds-semantic-color-layout-invert-border-strong-default: rgba(255, 255, 255, 0.25);
    --ds-semantic-color-layout-invert-border-strongest-default: var(--ds-brand-color-grey-0);
    --ds-semantic-color-layout-invert-content-subtle: rgba(255, 255, 255, 0.7);
    --ds-semantic-color-layout-invert-content-medium: var(--ds-brand-color-grey-0);
    --ds-semantic-color-layout-invert-surface-medium-hover: var(--ds-brand-color-grey-700);
    --ds-semantic-color-layout-invert-surface-medium-default: var(--ds-brand-color-grey-900);
    --ds-semantic-color-layout-invert-surface-strong-default: var(--ds-brand-color-grey-700);
    --ds-semantic-color-layout-invert-surface-medium-selected: var(--ds-brand-color-blue-900);
    --ds-semantic-color-action-invert-surface-subtle: rgba(255, 255, 255, 0.16);
    --ds-semantic-color-action-invert-surface-stronger: rgba(255, 255, 255, 0.72);
    --ds-semantic-color-action-invert-surface-subtlest: rgba(255, 255, 255, 0.08);
    --ds-semantic-color-action-invert-surface-strong: rgba(255, 255, 255, 0.88);
    --ds-semantic-color-action-invert-surface-medium: var(--ds-brand-color-grey-0);
    --ds-semantic-color-action-invert-border-medium: var(--ds-brand-color-grey-0);
    --ds-semantic-color-disabled-invert-content-medium: rgba(255, 255, 255, 0.3);
    --ds-semantic-color-disabled-invert-surface-medium: rgba(255, 255, 255, 0.1);
    --ds-semantic-color-danger-invert-content-subtle: rgba(253, 126, 108, 0.7);
    --ds-semantic-color-danger-invert-content-medium: rgb(253, 126, 108);
    --ds-semantic-color-neutral-invert-surface-medium-hover: rgba(255, 255, 255, 0.88);
    --ds-semantic-color-neutral-invert-surface-medium-active: rgba(255, 255, 255, 0.72);
    --ds-semantic-color-neutral-invert-surface-medium-default: var(--ds-brand-color-grey-0);
    --ds-semantic-color-neutral-invert-border-subtlest: rgba(255, 255, 255, 0.25);
    --ds-semantic-color-neutral-invert-border-medium: var(--ds-brand-color-grey-0);
    --ds-semantic-color-neutral-invert-content-medium: var(--ds-brand-color-grey-800);
    --ds-semantic-color-overlay-surface-medium: rgba(17, 24, 39, 0.3);
    --ds-semantic-color-action-special-surface-strong: var(--ds-brand-color-grey-700);
    --ds-semantic-color-action-special-surface-subtlest: var(--ds-brand-color-grey-50);
    --ds-semantic-color-action-special-surface-subtle: var(--ds-brand-color-grey-100);
    --ds-semantic-color-action-special-surface-medium: var(--ds-brand-color-grey-800);
    --ds-semantic-color-action-special-surface-stronger: var(--ds-brand-color-grey-900);
    --ds-semantic-color-action-special-content-strong: var(--ds-brand-color-grey-700);
    --ds-semantic-color-action-special-content-stronger: var(--ds-brand-color-grey-900);
    --ds-semantic-color-action-special-content-medium: var(--ds-brand-color-grey-800);
    --ds-semantic-color-action-special-border-medium: var(--ds-brand-color-grey-800);
    --ds-semantic-color-action-special-border-strong: var(--ds-brand-color-grey-700);
    --ds-semantic-color-action-special-border-stronger: var(--ds-brand-color-grey-900);
    --ds-semantic-color-read-only-content-subtle: var(--ds-brand-color-grey-500);
    --ds-semantic-color-read-only-content-subtlest: var(--ds-brand-color-grey-400);
    --ds-semantic-color-read-only-content-medium: var(--ds-brand-color-grey-600);
    --ds-semantic-color-read-only-surface-medium: var(--ds-brand-color-grey-50);
    --ds-semantic-color-read-only-surface-strong: var(--ds-brand-color-grey-400);
    --ds-semantic-color-read-only-border-strong: var(--ds-brand-color-grey-400);
    --ds-semantic-color-read-only-border-medium: var(--ds-brand-color-grey-300);
    --ds-semantic-color-read-only-border-subtle: var(--ds-brand-color-grey-100);
    --ds-semantic-color-accent2-surface-subtle: var(--ds-brand-color-purple-100);
    --ds-semantic-color-accent2-surface-subtlest: var(--ds-brand-color-purple-50);
    --ds-semantic-color-accent2-surface-medium: var(--ds-brand-color-purple-500);
    --ds-semantic-color-accent2-border-subtle: var(--ds-brand-color-purple-300);
    --ds-semantic-color-accent2-border-medium: var(--ds-brand-color-purple-500);
    --ds-semantic-color-accent2-content-subtle: var(--ds-brand-color-purple-300);
    --ds-semantic-color-accent2-content-medium: var(--ds-brand-color-purple-500);
    --ds-semantic-color-accent2-content-strong: var(--ds-brand-color-purple-700);
    --ds-semantic-color-accent4-surface-subtle: var(--ds-brand-color-orange-100);
    --ds-semantic-color-accent4-surface-subtlest: var(--ds-brand-color-orange-50);
    --ds-semantic-color-accent4-surface-medium: var(--ds-brand-color-orange-500);
    --ds-semantic-color-accent4-content-subtle: var(--ds-brand-color-orange-300);
    --ds-semantic-color-accent4-content-medium: var(--ds-brand-color-orange-500);
    --ds-semantic-color-accent4-content-strong: var(--ds-brand-color-orange-700);
    --ds-semantic-color-accent4-border-subtle: var(--ds-brand-color-orange-300);
    --ds-semantic-color-accent4-border-medium: var(--ds-brand-color-orange-500);
    --ds-semantic-color-accent5-border-medium: var(--ds-brand-color-pink-500);
    --ds-semantic-color-accent5-border-subtle: var(--ds-brand-color-pink-300);
    --ds-semantic-color-accent5-content-subtle: var(--ds-brand-color-pink-300);
    --ds-semantic-color-accent5-content-medium: var(--ds-brand-color-pink-500);
    --ds-semantic-color-accent5-content-strong: var(--ds-brand-color-pink-700);
    --ds-semantic-color-accent5-surface-subtlest: var(--ds-brand-color-pink-50);
    --ds-semantic-color-accent5-surface-subtle: var(--ds-brand-color-pink-100);
    --ds-semantic-color-accent5-surface-medium: var(--ds-brand-color-pink-500);
    --ds-semantic-color-action-content-medium: var(--ds-brand-color-green-600);
    --ds-semantic-color-action-content-strong: var(--ds-brand-color-green-700);
    --ds-semantic-color-action-content-stronger: var(--ds-brand-color-green-800);
    --ds-semantic-color-action-surface-strong: var(--ds-brand-color-green-700);
    --ds-semantic-color-action-surface-subtlest: var(--ds-brand-color-green-50);
    --ds-semantic-color-action-surface-subtle: var(--ds-brand-color-green-100);
    --ds-semantic-color-action-surface-medium: var(--ds-brand-color-green-600);
    --ds-semantic-color-action-surface-stronger: var(--ds-brand-color-green-800);
    --ds-semantic-color-action-border-strong: var(--ds-brand-color-green-700);
    --ds-semantic-color-action-border-medium: var(--ds-brand-color-green-600);
    --ds-semantic-color-action-border-stronger: var(--ds-brand-color-green-800);
    --ds-semantic-color-layout-border-medium-selected: var(--ds-brand-color-green-300);
    --ds-semantic-color-layout-border-medium-hover: var(--ds-brand-color-grey-300);
    --ds-semantic-color-layout-border-strong-selected: var(--ds-brand-color-green-500);
    --ds-semantic-color-layout-border-subtle-default: var(--ds-brand-color-grey-100);
    --ds-semantic-color-layout-border-subtle-selected: var(--ds-brand-color-green-200);
    --ds-semantic-color-layout-border-medium-default: var(--ds-brand-color-grey-200);
    --ds-semantic-color-layout-border-strong-default: var(--ds-brand-color-grey-300);
    --ds-semantic-color-layout-border-strong-hover: var(--ds-brand-color-grey-400);
    --ds-semantic-color-layout-content-strong: var(--ds-brand-color-grey-800);
    --ds-semantic-color-layout-content-subtle: var(--ds-brand-color-grey-500);
    --ds-semantic-color-layout-content-medium: var(--ds-brand-color-grey-800);
    --ds-semantic-color-layout-content-subtlest: var(--ds-brand-color-grey-400);
    --ds-semantic-color-layout-surface-stronger-default: var(--ds-brand-color-green-100);
    --ds-semantic-color-layout-surface-subtle-default: var(--ds-brand-color-grey-50);
    --ds-semantic-color-layout-surface-strong-default: var(--ds-brand-color-grey-100);
    --ds-semantic-color-layout-surface-medium-default: var(--ds-brand-color-grey-0);
    --ds-semantic-color-layout-surface-medium-hover: var(--ds-brand-color-grey-50);
    --ds-semantic-color-layout-surface-medium-active: var(--ds-brand-color-grey-100);
    --ds-semantic-color-layout-surface-medium-selected: var(--ds-brand-color-green-50);
    --ds-semantic-color-neutral-border-subtlest: var(--ds-brand-color-grey-300);
    --ds-semantic-color-neutral-border-medium: var(--ds-brand-color-grey-500);
    --ds-semantic-color-neutral-border-subtle: var(--ds-brand-color-grey-400);
    --ds-semantic-color-neutral-border-strong: var(--ds-brand-color-grey-800);
    --ds-semantic-color-neutral-surface-medium-hover: var(--ds-brand-color-grey-200);
    --ds-semantic-color-neutral-surface-strongest-default: var(--ds-brand-color-grey-800);
    --ds-semantic-color-neutral-surface-subtle-default: var(--ds-brand-color-grey-0);
    --ds-semantic-color-neutral-surface-subtle-hover: var(--ds-brand-color-grey-50);
    --ds-semantic-color-neutral-surface-medium-default: var(--ds-brand-color-grey-100);
    --ds-semantic-color-neutral-surface-medium-active: var(--ds-brand-color-grey-300);
    --ds-semantic-color-neutral-surface-strong-default: var(--ds-brand-color-grey-200);
    --ds-semantic-color-neutral-surface-stronger-default: var(--ds-brand-color-grey-300);
    --ds-semantic-color-neutral-surface-stronger-hover: var(--ds-brand-color-grey-400);
    --ds-semantic-color-neutral-surface-strongest-hover: var(--ds-brand-color-grey-900);
    --ds-semantic-color-neutral-content-subtle: var(--ds-brand-color-grey-600);
    --ds-semantic-color-neutral-content-medium: var(--ds-brand-color-grey-800);
    --ds-semantic-color-danger-surface-stronger: var(--ds-brand-color-red-800);
    --ds-semantic-color-danger-surface-subtlest: var(--ds-brand-color-red-50);
    --ds-semantic-color-danger-surface-subtle: var(--ds-brand-color-red-100);
    --ds-semantic-color-danger-surface-medium: var(--ds-brand-color-red-600);
    --ds-semantic-color-danger-surface-strong: var(--ds-brand-color-red-700);
    --ds-semantic-color-danger-content-subtle: var(--ds-brand-color-red-500);
    --ds-semantic-color-danger-content-medium: var(--ds-brand-color-red-600);
    --ds-semantic-color-danger-content-strong: var(--ds-brand-color-red-700);
    --ds-semantic-color-danger-content-stronger: var(--ds-brand-color-red-800);
    --ds-semantic-color-danger-border-subtle: var(--ds-brand-color-red-300);
    --ds-semantic-color-danger-border-medium: var(--ds-brand-color-red-600);
    --ds-semantic-color-danger-border-strong: var(--ds-brand-color-red-700);
    --ds-semantic-color-danger-border-stronger: var(--ds-brand-color-red-800);
    --ds-semantic-color-success-border-subtle: var(--ds-brand-color-lime-300);
    --ds-semantic-color-success-border-medium: var(--ds-brand-color-lime-500);
    --ds-semantic-color-success-surface-subtlest: var(--ds-brand-color-lime-50);
    --ds-semantic-color-success-surface-subtle: var(--ds-brand-color-lime-100);
    --ds-semantic-color-success-surface-medium: var(--ds-brand-color-lime-500);
    --ds-semantic-color-success-content-strong: var(--ds-brand-color-lime-700);
    --ds-semantic-color-success-content-medium: var(--ds-brand-color-lime-600);
    --ds-semantic-color-alert-surface-subtlest: var(--ds-brand-color-amber-50);
    --ds-semantic-color-alert-surface-medium: var(--ds-brand-color-amber-600);
    --ds-semantic-color-alert-surface-subtle: var(--ds-brand-color-amber-100);
    --ds-semantic-color-alert-content-medium: var(--ds-brand-color-amber-600);
    --ds-semantic-color-alert-content-strong: var(--ds-brand-color-amber-800);
    --ds-semantic-color-alert-border-subtle: var(--ds-brand-color-amber-300);
    --ds-semantic-color-alert-border-medium: var(--ds-brand-color-amber-600);
    --ds-semantic-color-accent1-content-medium: var(--ds-brand-color-yellow-500);
    --ds-semantic-color-accent1-content-subtlest: var(--ds-brand-color-yellow-100);
    --ds-semantic-color-accent1-content-subtle: var(--ds-brand-color-yellow-300);
    --ds-semantic-color-accent1-content-strong: var(--ds-brand-color-yellow-700);
    --ds-semantic-color-accent1-border-subtle: var(--ds-brand-color-yellow-300);
    --ds-semantic-color-accent1-border-medium: var(--ds-brand-color-yellow-500);
    --ds-semantic-color-accent1-surface-subtlest: var(--ds-brand-color-yellow-50);
    --ds-semantic-color-accent1-surface-subtle: var(--ds-brand-color-yellow-100);
    --ds-semantic-color-accent1-surface-medium: var(--ds-brand-color-yellow-500);
    --ds-semantic-color-space-content-medium: rgb(255, 255, 255);
    --ds-semantic-color-space-content-subtlest: rgb(255, 255, 255);
    --ds-semantic-color-space-content-subtle: rgb(255, 255, 255);
    --ds-semantic-color-space-content-strong: rgb(255, 255, 255);
    --ds-semantic-color-space-border-strong: rgb(255, 255, 255);
    --ds-semantic-color-space-border-medium: rgb(255, 255, 255);
    --ds-semantic-color-space-surface-subtlest: rgb(255, 255, 255);
    --ds-semantic-color-space-surface-subtle: rgb(255, 255, 255);
    --ds-semantic-color-space-surface-medium: rgb(255, 255, 255);
    --ds-semantic-color-information-content-medium: var(--ds-brand-color-cyan-500);
    --ds-semantic-color-information-content-strong: var(--ds-brand-color-cyan-800);
    --ds-semantic-color-information-surface-subtlest: var(--ds-brand-color-cyan-50);
    --ds-semantic-color-information-surface-subtle: var(--ds-brand-color-cyan-100);
    --ds-semantic-color-information-surface-medium: var(--ds-brand-color-cyan-500);
    --ds-semantic-color-information-border-subtle: var(--ds-brand-color-cyan-300);
    --ds-semantic-color-information-border-medium: var(--ds-brand-color-cyan-500);
    --ds-semantic-color-skeleton-surface-subtle: var(--ds-brand-color-grey-100);
    --ds-semantic-color-skeleton-surface-medium: var(--ds-brand-color-grey-200);
    --ds-semantic-color-disabled-content-subtlest: var(--ds-brand-color-grey-50);
    --ds-semantic-color-disabled-content-subtle: var(--ds-brand-color-grey-200);
    --ds-semantic-color-disabled-content-medium: var(--ds-brand-color-grey-400);
    --ds-semantic-color-disabled-surface-medium: var(--ds-brand-color-grey-50);
    --ds-semantic-color-disabled-surface-strong: var(--ds-brand-color-grey-200);
    --ds-semantic-color-disabled-border-medium: var(--ds-brand-color-grey-200);
    --ds-semantic-color-accent3-content-subtle: var(--ds-brand-color-blue-300);
    --ds-semantic-color-accent3-content-medium: var(--ds-brand-color-blue-500);
    --ds-semantic-color-accent3-content-strong: var(--ds-brand-color-blue-700);
    --ds-semantic-color-accent3-surface-subtlest: var(--ds-brand-color-blue-50);
    --ds-semantic-color-accent3-surface-subtle: var(--ds-brand-color-blue-100);
    --ds-semantic-color-accent3-surface-medium: var(--ds-brand-color-blue-500);
    --ds-semantic-color-accent3-border-subtle: var(--ds-brand-color-blue-300);
    --ds-semantic-color-accent3-border-medium: var(--ds-brand-color-blue-500);
    --ds-color-chart-categorical-default-10: var(--ds-brand-color-teal-400);
    --ds-color-chart-categorical-default-11: var(--ds-brand-color-purple-300);
    --ds-color-chart-categorical-default-12: var(--ds-brand-color-yellow-300);
    --ds-color-chart-categorical-default-13: var(--ds-brand-color-pink-300);
    --ds-color-chart-categorical-default-14: var(--ds-brand-color-orange-300);
    --ds-color-chart-categorical-default-15: var(--ds-brand-color-lime-300);
    --ds-color-chart-categorical-default-16: var(--ds-brand-color-cyan-300);
    --ds-color-chart-categorical-default-17: var(--ds-brand-color-red-300);
    --ds-color-chart-categorical-default-18: var(--ds-brand-color-green-300);
    --ds-color-chart-categorical-default-19: var(--ds-brand-color-amber-300);
    --ds-color-chart-categorical-default-20: var(--ds-brand-color-teal-300);
    --ds-color-chart-categorical-default-05: var(--ds-brand-color-lime-400);
    --ds-color-chart-categorical-default-07: var(--ds-brand-color-red-400);
    --ds-color-chart-categorical-default-01: var(--ds-brand-color-purple-400);
    --ds-color-chart-categorical-default-06: var(--ds-brand-color-cyan-400);
    --ds-color-chart-categorical-default-02: var(--ds-brand-color-yellow-400);
    --ds-color-chart-categorical-default-03: var(--ds-brand-color-pink-400);
    --ds-color-chart-categorical-default-04: var(--ds-brand-color-orange-400);
    --ds-color-chart-categorical-default-08: var(--ds-brand-color-green-400);
    --ds-color-chart-categorical-default-09: var(--ds-brand-color-amber-400);
    --ds-color-chart-categorical-subtle-10: var(--ds-brand-color-teal-200);
    --ds-color-chart-categorical-subtle-11: var(--ds-brand-color-purple-100);
    --ds-color-chart-categorical-subtle-12: var(--ds-brand-color-yellow-100);
    --ds-color-chart-categorical-subtle-13: var(--ds-brand-color-pink-100);
    --ds-color-chart-categorical-subtle-14: var(--ds-brand-color-orange-100);
    --ds-color-chart-categorical-subtle-15: var(--ds-brand-color-lime-100);
    --ds-color-chart-categorical-subtle-16: var(--ds-brand-color-cyan-100);
    --ds-color-chart-categorical-subtle-17: var(--ds-brand-color-red-100);
    --ds-color-chart-categorical-subtle-18: var(--ds-brand-color-green-100);
    --ds-color-chart-categorical-subtle-19: var(--ds-brand-color-amber-100);
    --ds-color-chart-categorical-subtle-20: var(--ds-brand-color-teal-100);
    --ds-color-chart-categorical-subtle-08: var(--ds-brand-color-green-200);
    --ds-color-chart-categorical-subtle-02: var(--ds-brand-color-yellow-200);
    --ds-color-chart-categorical-subtle-01: var(--ds-brand-color-purple-200);
    --ds-color-chart-categorical-subtle-04: var(--ds-brand-color-orange-200);
    --ds-color-chart-categorical-subtle-05: var(--ds-brand-color-lime-200);
    --ds-color-chart-categorical-subtle-09: var(--ds-brand-color-amber-200);
    --ds-color-chart-categorical-subtle-03: var(--ds-brand-color-pink-200);
    --ds-color-chart-categorical-subtle-06: var(--ds-brand-color-cyan-200);
    --ds-color-chart-categorical-subtle-07: var(--ds-brand-color-red-200);
    --ds-color-chart-categorical-hover-10: var(--ds-brand-color-teal-500);
    --ds-color-chart-categorical-hover-11: var(--ds-brand-color-purple-400);
    --ds-color-chart-categorical-hover-12: var(--ds-brand-color-yellow-400);
    --ds-color-chart-categorical-hover-13: var(--ds-brand-color-pink-400);
    --ds-color-chart-categorical-hover-14: var(--ds-brand-color-orange-400);
    --ds-color-chart-categorical-hover-15: var(--ds-brand-color-lime-400);
    --ds-color-chart-categorical-hover-16: var(--ds-brand-color-cyan-400);
    --ds-color-chart-categorical-hover-17: var(--ds-brand-color-red-400);
    --ds-color-chart-categorical-hover-18: var(--ds-brand-color-green-400);
    --ds-color-chart-categorical-hover-19: var(--ds-brand-color-amber-400);
    --ds-color-chart-categorical-hover-20: var(--ds-brand-color-teal-400);
    --ds-color-chart-categorical-hover-01: var(--ds-brand-color-purple-500);
    --ds-color-chart-categorical-hover-02: var(--ds-brand-color-yellow-500);
    --ds-color-chart-categorical-hover-09: var(--ds-brand-color-amber-500);
    --ds-color-chart-categorical-hover-03: var(--ds-brand-color-pink-500);
    --ds-color-chart-categorical-hover-04: var(--ds-brand-color-orange-500);
    --ds-color-chart-categorical-hover-05: var(--ds-brand-color-lime-500);
    --ds-color-chart-categorical-hover-06: var(--ds-brand-color-cyan-500);
    --ds-color-chart-categorical-hover-07: var(--ds-brand-color-red-500);
    --ds-color-chart-categorical-hover-08: var(--ds-brand-color-green-500);
    --ds-color-chart-sequential-green-50: var(--ds-brand-color-green-50);
    --ds-color-chart-sequential-green-100: var(--ds-brand-color-green-100);
    --ds-color-chart-sequential-green-200: var(--ds-brand-color-green-200);
    --ds-color-chart-sequential-green-300: var(--ds-brand-color-green-300);
    --ds-color-chart-sequential-green-400: var(--ds-brand-color-green-400);
    --ds-color-chart-sequential-green-500: var(--ds-brand-color-green-500);
    --ds-color-chart-sequential-green-600: var(--ds-brand-color-green-600);
    --ds-color-chart-sequential-green-700: var(--ds-brand-color-green-700);
    --ds-color-chart-sequential-green-800: var(--ds-brand-color-green-800);
    --ds-color-chart-sequential-green-900: var(--ds-brand-color-green-900);
    --ds-color-chart-sequential-cyan-50: var(--ds-brand-color-cyan-50);
    --ds-color-chart-sequential-cyan-100: var(--ds-brand-color-cyan-100);
    --ds-color-chart-sequential-cyan-200: var(--ds-brand-color-cyan-200);
    --ds-color-chart-sequential-cyan-300: var(--ds-brand-color-cyan-300);
    --ds-color-chart-sequential-cyan-400: var(--ds-brand-color-cyan-400);
    --ds-color-chart-sequential-cyan-500: var(--ds-brand-color-cyan-500);
    --ds-color-chart-sequential-cyan-600: var(--ds-brand-color-cyan-600);
    --ds-color-chart-sequential-cyan-700: var(--ds-brand-color-cyan-700);
    --ds-color-chart-sequential-cyan-800: var(--ds-brand-color-cyan-800);
    --ds-color-chart-sequential-cyan-900: var(--ds-brand-color-cyan-900);
    --ds-color-chart-neutral: var(--ds-brand-color-grey-300);
    --ds-color-chart-grid-guides: var(--ds-brand-color-grey-200);
    --ds-color-chart-grid-axis-line: var(--ds-brand-color-grey-300);
    --ds-color-chart-grid-axis-label: var(--ds-brand-color-grey-500);
    --ds-color-chart-grid-axis-item: var(--ds-brand-color-grey-500);
    --ds-text-style-heading-1: var(--ds-style-heading-1-font-weight) var(--ds-style-heading-1-font-size)/125% var(--ds-style-heading-1-font-family);
    --ds-text-style-heading-2: var(--ds-style-heading-2-font-weight) var(--ds-style-heading-2-font-size)/135% var(--ds-style-heading-2-font-family);
    --ds-text-style-heading-3: var(--ds-style-heading-3-font-weight) var(--ds-style-heading-3-font-size)/125% var(--ds-style-heading-3-font-family);
    --ds-text-style-heading-4: var(--ds-style-heading-4-font-weight) var(--ds-style-heading-4-font-size)/125% var(--ds-style-heading-4-font-family);
    --ds-text-style-text-xsmall-strong: var(--ds-style-text-xsmall-strong-font-weight) var(--ds-style-text-xsmall-strong-font-size)/130% var(--ds-style-text-xsmall-strong-font-family);
    --ds-text-style-text-large: var(--ds-style-text-large-font-weight) var(--ds-style-text-large-font-size)/150% var(--ds-style-text-large-font-family);
    --ds-text-style-text-xsmall: var(--ds-style-text-xsmall-font-weight) var(--ds-style-text-xsmall-font-size)/130% var(--ds-style-text-xsmall-font-family);
    --ds-text-style-text-list: var(--ds-core-typography-font-weight-regular) var(--ds-core-typography-font-size-s)/150% var(--ds-semantic-font-family-default);
    --ds-text-style-text-paragraph: var(--ds-style-text-paragraph-font-weight) var(--ds-style-text-paragraph-font-size)/150% var(--ds-style-text-paragraph-font-family);
    --ds-text-style-text-small: var(--ds-style-text-small-font-weight) var(--ds-style-text-small-font-size)/140% var(--ds-style-text-small-font-family);
    --ds-text-style-text-base: var(--ds-style-text-base-font-weight) var(--ds-style-text-base-font-size)/125% var(--ds-style-text-base-font-family);
    --ds-text-style-text-base-strong: var(--ds-style-text-base-strong-font-weight) var(--ds-style-text-base-strong-font-size)/125% var(--ds-style-text-base-strong-font-family);
    --ds-text-style-text-small-strong: var(--ds-style-text-small-strong-font-weight) var(--ds-style-text-small-strong-font-size)/140% var(--ds-style-text-small-strong-font-family);
    --ds-text-style-text-annotation: var(--ds-style-text-annotation-font-weight) var(--ds-style-text-annotation-font-size)/165% var(--ds-style-text-annotation-font-family);
    --ds-text-style-display-1: var(--ds-style-display-1-font-weight) var(--ds-style-display-1-font-size)/100% var(--ds-style-display-1-font-family);
    --ds-text-style-display-2: var(--ds-style-display-2-font-weight) var(--ds-style-display-2-font-size)/100% var(--ds-style-display-2-font-family);
    --ds-text-style-display-number: var(--ds-style-display-number-font-weight) var(--ds-style-display-number-font-size)/100% var(--ds-style-display-number-font-family);
}