/**
 * This file is generated. Do not edit.
 */

:root {
  --ids-base-animation-pulse: 2s ease-in-out 0.5s infinite normal none running pulse;
  --ids-base-color-amber-100: #ffdbc3;
  --ids-base-color-amber-200: #ffbd93;
  --ids-base-color-amber-300: #ff995a;
  --ids-base-color-amber-400: #f87216;
  --ids-base-color-amber-50: #fff0e6;
  --ids-base-color-amber-500: #d26217;
  --ids-base-color-amber-600: #b05417;
  --ids-base-color-amber-700: #924719;
  --ids-base-color-amber-800: #773a15;
  --ids-base-color-amber-900: #512912;
  --ids-base-color-black: #000000;
  --ids-base-color-blue-100: #cce8ff;
  --ids-base-color-blue-200: #a3d0f5;
  --ids-base-color-blue-300: #81b7e4;
  --ids-base-color-blue-400: #57a0db;
  --ids-base-color-blue-50: #ebf6ff;
  --ids-base-color-blue-500: #318ad3;
  --ids-base-color-blue-600: #2372b8;
  --ids-base-color-blue-700: #005ba8;
  --ids-base-color-blue-800: #004986;
  --ids-base-color-blue-900: #003468;
  --ids-base-color-blue-950: #001b35;
  --ids-base-color-fuchsia-100: #f8daeb;
  --ids-base-color-fuchsia-200: #f2bddb;
  --ids-base-color-fuchsia-300: #eb9ac8;
  --ids-base-color-fuchsia-400: #e474b2;
  --ids-base-color-fuchsia-50: #fcf1f7;
  --ids-base-color-fuchsia-500: #dc4a9b;
  --ids-base-color-fuchsia-600: #ca2780;
  --ids-base-color-fuchsia-700: #a9216a;
  --ids-base-color-fuchsia-800: #8c1d58;
  --ids-base-color-fuchsia-900: #62133d;
  --ids-base-color-gold-100: #fff0c2;
  --ids-base-color-gold-200: #ffe699;
  --ids-base-color-gold-300: #ffd966;
  --ids-base-color-gold-400: #ffc20e;
  --ids-base-color-gold-50: #fff7e0;
  --ids-base-color-gold-500: #ebb000;
  --ids-base-color-gold-600: #b38600;
  --ids-base-color-gold-700: #8f6b00;
  --ids-base-color-gold-800: #664d00;
  --ids-base-color-gold-900: #4d3900;
  --ids-base-color-gray-100: #e3e3e3;
  --ids-base-color-gray-200: #cccccc;
  --ids-base-color-gray-300: #b2b2b2;
  --ids-base-color-gray-400: #959595;
  --ids-base-color-gray-50: #f4f4f4;
  --ids-base-color-gray-500: #828282;
  --ids-base-color-gray-600: #6d6d6d;
  --ids-base-color-gray-700: #5a5a5a;
  --ids-base-color-gray-800: #4a4a4a;
  --ids-base-color-gray-900: #333333;
  --ids-base-color-green-100: #c9eabf;
  --ids-base-color-green-200: #9fda8e;
  --ids-base-color-green-300: #6cc651;
  --ids-base-color-green-400: #53ac39;
  --ids-base-color-green-50: #e9f6e5;
  --ids-base-color-green-500: #479230;
  --ids-base-color-green-600: #3c7b29;
  --ids-base-color-green-700: #326622;
  --ids-base-color-green-800: #28541a;
  --ids-base-color-green-900: #203a17;
  --ids-base-color-red-100: #ffd6cf;
  --ids-base-color-red-200: #ffb6aa;
  --ids-base-color-red-300: #f99384;
  --ids-base-color-red-400: #f06f61;
  --ids-base-color-red-50: #ffeae7;
  --ids-base-color-red-500: #e44941;
  --ids-base-color-red-600: #d41e27;
  --ids-base-color-red-700: #b11d23;
  --ids-base-color-red-800: #94141b;
  --ids-base-color-red-900: #6f0000;
  --ids-base-color-transparent: rgba(0, 0, 0, 0);
  --ids-base-color-white: #ffffff;
  --ids-base-opacity-0: 0;
  --ids-base-opacity-10: 0.1;
  --ids-base-opacity-100: 1.0;
  --ids-base-opacity-25: 0.25;
  --ids-base-opacity-50: 0.5;
  --ids-base-opacity-80: 0.8;
  --ids-base-opacity-90: 0.9;
  --ids-base-screen-3xl: 1457px;
  --ids-base-screen-lg: 960px;
  --ids-base-screen-md: 680px;
  --ids-base-screen-sm: 480px;
  --ids-base-screen-xl: 1168px;
  --ids-base-screen-xxl: 1360px;
  --ids-base-shadow-lg: 0 6px 6px 0 rgba(0,0,0,0.3);
  --ids-base-shadow-md: 0 4px 4px 0 rgba(0,0,0,0.1);
  --ids-base-shadow-sm: 0 2px 2px 0 rgba(0,0,0,0.1);
  --ids-base-shadow-xl: 4px 0 6px 0 rgba(0,0,0,0.3), -4px 0 6px 0 rgba(0,0,0,0.3);
  --ids-base-size-border-lg: calc(var(--ids-base-size-border-md) * 2);
  --ids-base-size-border-md: 4px;
  --ids-base-size-border-none: 0px;
  --ids-base-size-border-px: 1px;
  --ids-base-size-border-radius-3xl: calc(var(--ids-base-size-border-radius-sm) * 6);
  --ids-base-size-border-radius-full: 9999px;
  --ids-base-size-border-radius-lg: calc(var(--ids-base-size-border-radius-sm) * 2);
  --ids-base-size-border-radius-md: calc(var(--ids-base-size-border-radius-sm) * 1.5);
  --ids-base-size-border-radius-none: 0px;
  --ids-base-size-border-radius-sm: 4px;
  --ids-base-size-border-radius-xl: calc(var(--ids-base-size-border-radius-sm) * 3);
  --ids-base-size-border-radius-xs: calc(var(--ids-base-size-border-radius-sm) * 0.5);
  --ids-base-size-border-radius-xxl: calc(var(--ids-base-size-border-radius-sm) * 4);
  --ids-base-size-border-sm: calc(var(--ids-base-size-border-md) * 0.5);
  --ids-base-space-0: 0px;
  --ids-base-space-05: calc(var(--ids-base-space-10) * 0.5);
  --ids-base-space-10: 0.25rem;
  --ids-base-space-100: calc(var(--ids-base-space-10) * 10);
  --ids-base-space-110: calc(var(--ids-base-space-10) * 11);
  --ids-base-space-120: calc(var(--ids-base-space-10) * 12);
  --ids-base-space-140: calc(var(--ids-base-space-10) * 14);
  --ids-base-space-15: calc(var(--ids-base-space-10) * 1.5);
  --ids-base-space-160: calc(var(--ids-base-space-10) * 16);
  --ids-base-space-20: calc(var(--ids-base-space-10) * 2);
  --ids-base-space-200: calc(var(--ids-base-space-10) * 20);
  --ids-base-space-240: calc(var(--ids-base-space-10) * 24);
  --ids-base-space-25: calc(var(--ids-base-space-10) * 2.5);
  --ids-base-space-280: calc(var(--ids-base-space-10) * 28);
  --ids-base-space-30: calc(var(--ids-base-space-10) * 3);
  --ids-base-space-320: calc(var(--ids-base-space-10) * 32);
  --ids-base-space-35: calc(var(--ids-base-space-10) * 3.5);
  --ids-base-space-360: calc(var(--ids-base-space-10) * 36);
  --ids-base-space-40: calc(var(--ids-base-space-10) * 4);
  --ids-base-space-400: calc(var(--ids-base-space-10) * 40);
  --ids-base-space-440: calc(var(--ids-base-space-10) * 44);
  --ids-base-space-45: calc(var(--ids-base-space-10) * 4.5);
  --ids-base-space-480: calc(var(--ids-base-space-10) * 48);
  --ids-base-space-5: calc(var(--ids-base-space-10) * 0.5);
  --ids-base-space-50: calc(var(--ids-base-space-10) * 5);
  --ids-base-space-520: calc(var(--ids-base-space-10) * 52);
  --ids-base-space-55: calc(var(--ids-base-space-10) * 5.5);
  --ids-base-space-560: calc(var(--ids-base-space-10) * 56);
  --ids-base-space-60: calc(var(--ids-base-space-10) * 6);
  --ids-base-space-600: calc(var(--ids-base-space-10) * 60);
  --ids-base-space-640: calc(var(--ids-base-space-10) * 64);
  --ids-base-space-70: calc(var(--ids-base-space-10) * 7);
  --ids-base-space-720: calc(var(--ids-base-space-10) * 72);
  --ids-base-space-80: calc(var(--ids-base-space-10) * 8);
  --ids-base-space-800: calc(var(--ids-base-space-10) * 80);
  --ids-base-space-90: calc(var(--ids-base-space-10) * 9);
  --ids-base-space-960: calc(var(--ids-base-space-10) * 96);
  --ids-base-space-px: 1px;
  --ids-base-type-decoration-none: none;
  --ids-base-type-decoration-underline: underline;
  --ids-base-type-font-mono: 'Roboto Mono',monospace;
  --ids-base-type-font-mono-alt: 'Roboto Mono';
  --ids-base-type-font-sans: 'Roboto Flex',Roboto,sans-serif;
  --ids-base-type-font-sans-alt: 'Roboto Flex';
  --ids-base-type-font-serif: 'Roboto Serif',serif;
  --ids-base-type-font-serif-alt: 'Roboto Serif';
  --ids-base-type-leading-compact: 1.15;
  --ids-base-type-leading-none: 1;
  --ids-base-type-leading-normal: 1.5;
  --ids-base-type-leading-snug: 1.3;
  --ids-base-type-leading-tight: 1.25;
  --ids-base-type-leading-tighter: 1.2;
  --ids-base-type-size-3xl: calc(var(--ids-base-type-size-md) * 1.75);
  --ids-base-type-size-4xl: calc(var(--ids-base-type-size-md) * 2);
  --ids-base-type-size-5xl: calc(var(--ids-base-type-size-md) * 2.5);
  --ids-base-type-size-lg: calc(var(--ids-base-type-size-md) * 1.125);
  --ids-base-type-size-md: 1rem;
  --ids-base-type-size-sm: calc(var(--ids-base-type-size-md) * 0.875);
  --ids-base-type-size-xl: calc(var(--ids-base-type-size-md) * 1.25);
  --ids-base-type-size-xs: calc(var(--ids-base-type-size-md) * 0.75);
  --ids-base-type-size-xxl: calc(var(--ids-base-type-size-md) * 1.375);
  --ids-base-type-size-xxs: calc(var(--ids-base-type-size-md) * .625);
  --ids-base-type-tracking-normal: normal;
  --ids-base-type-tracking-tight: -0.01em;
  --ids-base-type-tracking-tighter: -0.04em;
  --ids-base-type-tracking-wide: 0.02em;
  --ids-base-type-tracking-wider: 0.04em;
  --ids-base-type-transform-capitalize: capitalize;
  --ids-base-type-transform-lowercase: lowercase;
  --ids-base-type-transform-normal: none;
  --ids-base-type-transform-uppercase: uppercase;
  --ids-base-type-variation-grade-heavier: "GRAD" 128;
  --ids-base-type-variation-grade-heavy: "GRAD" 64;
  --ids-base-type-variation-grade-light: "GRAD" -64;
  --ids-base-type-variation-grade-lighter: "GRAD" -128;
  --ids-base-type-variation-grade-regular: "GRAD" 0;
  --ids-base-type-variation-italic-italic: "ital" 1;
  --ids-base-type-variation-italic-normal: "ital" 0;
  --ids-base-type-variation-slant-none: "slnt" 0;
  --ids-base-type-variation-slant-oblique: "slnt" -12;
  --ids-base-type-variation-width-narrow: "wdth" 80;
  --ids-base-type-variation-width-narrower: "wdth" 60;
  --ids-base-type-variation-width-regular: "wdth" 100;
  --ids-base-type-variation-width-wide: "wdth" 120;
  --ids-base-type-variation-width-wider: "wdth" 140;
  --ids-base-type-weight-black: 900;
  --ids-base-type-weight-bold: 700;
  --ids-base-type-weight-extrabold: 800;
  --ids-base-type-weight-extralight: 200;
  --ids-base-type-weight-light: 300;
  --ids-base-type-weight-medium: 500;
  --ids-base-type-weight-regular: 400;
  --ids-base-type-weight-semibold: 600;
  --ids-base-type-weight-thin: 100;
  --ids-sem-color-border-button-divider-disabled: var(--ids-sem-color-border-interactive-disabled);
  --ids-sem-color-border-button-divider-primary: var(--ids-sem-color-border-inverse);
  --ids-sem-color-border-button-divider-secondary: var(--ids-sem-color-border-button-secondary-rest);
  --ids-sem-color-border-button-divider-tertiary: var(--ids-base-color-transparent);
  --ids-sem-color-border-button-primary-active: var(--ids-base-color-transparent);
  --ids-sem-color-border-button-primary-disabled: var(--ids-base-color-transparent);
  --ids-sem-color-border-button-primary-focus: var(--ids-base-color-transparent);
  --ids-sem-color-border-button-primary-hover: var(--ids-base-color-transparent);
  --ids-sem-color-border-button-primary-rest: var(--ids-base-color-transparent);
  --ids-sem-color-border-button-secondary-active: var(--ids-sem-color-primary-700);
  --ids-sem-color-border-button-secondary-disabled: var(--ids-sem-color-border-interactive-disabled);
  --ids-sem-color-border-button-secondary-focus: var(--ids-sem-color-primary-700);
  --ids-sem-color-border-button-secondary-hover: var(--ids-sem-color-primary-700);
  --ids-sem-color-border-button-secondary-rest: var(--ids-sem-color-primary-700);
  --ids-sem-color-border-button-tertiary-active: var(--ids-base-color-transparent);
  --ids-sem-color-border-button-tertiary-disabled: var(--ids-base-color-transparent);
  --ids-sem-color-border-button-tertiary-focus: var(--ids-base-color-transparent);
  --ids-sem-color-border-button-tertiary-hover: var(--ids-base-color-transparent);
  --ids-sem-color-border-button-tertiary-rest: var(--ids-base-color-transparent);
  --ids-sem-color-border-caution: var(--ids-base-color-gold-500);
  --ids-sem-color-border-default: var(--ids-sem-color-neutral-400);
  --ids-sem-color-border-error: var(--ids-base-color-red-600);
  --ids-sem-color-border-info: var(--ids-base-color-blue-600);
  --ids-sem-color-border-interactive-active: var(--ids-sem-color-primary-700);
  --ids-sem-color-border-interactive-disabled: var(--ids-sem-color-neutral-300);
  --ids-sem-color-border-interactive-focus: var(--ids-sem-color-primary-700);
  --ids-sem-color-border-interactive-hover: var(--ids-sem-color-primary-700);
  --ids-sem-color-border-interactive-rest: var(--ids-sem-color-primary-700);
  --ids-sem-color-border-interactive-selected: var(--ids-sem-color-primary-900);
  --ids-sem-color-border-inverse: var(--ids-base-color-white);
  --ids-sem-color-border-max: var(--ids-base-color-black);
  --ids-sem-color-border-muted: var(--ids-sem-color-neutral-300);
  --ids-sem-color-border-success: var(--ids-base-color-green-600);
  --ids-sem-color-neutral-100: var(--ids-base-color-gray-100);
  --ids-sem-color-neutral-200: var(--ids-base-color-gray-200);
  --ids-sem-color-neutral-300: var(--ids-base-color-gray-300);
  --ids-sem-color-neutral-400: var(--ids-base-color-gray-400);
  --ids-sem-color-neutral-50: var(--ids-base-color-gray-50);
  --ids-sem-color-neutral-500: var(--ids-base-color-gray-500);
  --ids-sem-color-neutral-600: var(--ids-base-color-gray-600);
  --ids-sem-color-neutral-700: var(--ids-base-color-gray-700);
  --ids-sem-color-neutral-800: var(--ids-base-color-gray-800);
  --ids-sem-color-neutral-900: var(--ids-base-color-gray-900);
  --ids-sem-color-on-surface-button-primary-active: var(--ids-sem-color-on-surface-inverse);
  --ids-sem-color-on-surface-button-primary-disabled: var(--ids-sem-color-on-surface-subtle);
  --ids-sem-color-on-surface-button-primary-focus: var(--ids-sem-color-on-surface-inverse);
  --ids-sem-color-on-surface-button-primary-hover: var(--ids-sem-color-on-surface-inverse);
  --ids-sem-color-on-surface-button-primary-rest: var(--ids-sem-color-on-surface-inverse);
  --ids-sem-color-on-surface-button-secondary-active: var(--ids-sem-color-primary-700);
  --ids-sem-color-on-surface-button-secondary-disabled: var(--ids-sem-color-on-surface-subtle);
  --ids-sem-color-on-surface-button-secondary-focus: var(--ids-sem-color-primary-700);
  --ids-sem-color-on-surface-button-secondary-hover: var(--ids-sem-color-primary-700);
  --ids-sem-color-on-surface-button-secondary-rest: var(--ids-sem-color-primary-700);
  --ids-sem-color-on-surface-button-tertiary-active: var(--ids-sem-color-primary-700);
  --ids-sem-color-on-surface-button-tertiary-disabled: var(--ids-sem-color-on-surface-subtle);
  --ids-sem-color-on-surface-button-tertiary-focus: var(--ids-sem-color-primary-700);
  --ids-sem-color-on-surface-button-tertiary-hover: var(--ids-sem-color-primary-700);
  --ids-sem-color-on-surface-button-tertiary-rest: var(--ids-sem-color-primary-700);
  --ids-sem-color-on-surface-caution-default: var(--ids-base-color-gold-500);
  --ids-sem-color-on-surface-caution-muted: var(--ids-base-color-gold-400);
  --ids-sem-color-on-surface-default: var(--ids-base-color-black);
  --ids-sem-color-on-surface-dim: var(--ids-sem-color-neutral-300);
  --ids-sem-color-on-surface-error-default: var(--ids-base-color-red-600);
  --ids-sem-color-on-surface-error-muted: var(--ids-base-color-red-400);
  --ids-sem-color-on-surface-info-default: var(--ids-base-color-blue-600);
  --ids-sem-color-on-surface-info-muted: var(--ids-base-color-blue-400);
  --ids-sem-color-on-surface-interactive-active: var(--ids-sem-color-primary-700);
  --ids-sem-color-on-surface-interactive-disabled: var(--ids-sem-color-on-surface-subtle);
  --ids-sem-color-on-surface-interactive-focus: var(--ids-sem-color-primary-700);
  --ids-sem-color-on-surface-interactive-hover: var(--ids-sem-color-primary-700);
  --ids-sem-color-on-surface-interactive-inverse-active: var(--ids-sem-color-on-surface-inverse);
  --ids-sem-color-on-surface-interactive-inverse-disabled: var(--ids-sem-color-on-surface-subdued);
  --ids-sem-color-on-surface-interactive-inverse-focus: var(--ids-sem-color-on-surface-inverse);
  --ids-sem-color-on-surface-interactive-inverse-hover: var(--ids-sem-color-on-surface-inverse);
  --ids-sem-color-on-surface-interactive-inverse-rest: var(--ids-sem-color-on-surface-inverse);
  --ids-sem-color-on-surface-interactive-inverse-selected: var(--ids-sem-color-on-surface-inverse);
  --ids-sem-color-on-surface-interactive-rest: var(--ids-sem-color-primary-700);
  --ids-sem-color-on-surface-interactive-selected: var(--ids-sem-color-primary-900);
  --ids-sem-color-on-surface-inverse: var(--ids-base-color-white);
  --ids-sem-color-on-surface-link-active: var(--ids-sem-color-primary-500);
  --ids-sem-color-on-surface-link-disabled: var(--ids-sem-color-on-surface-subtle);
  --ids-sem-color-on-surface-link-focus: var(--ids-sem-color-primary-500);
  --ids-sem-color-on-surface-link-hover: var(--ids-sem-color-primary-500);
  --ids-sem-color-on-surface-link-rest: var(--ids-sem-color-primary-700);
  --ids-sem-color-on-surface-link-visited: var(--ids-base-color-fuchsia-700);
  --ids-sem-color-on-surface-muted: var(--ids-sem-color-neutral-600);
  --ids-sem-color-on-surface-primary: var(--ids-sem-color-primary-600);
  --ids-sem-color-on-surface-subdued: var(--ids-sem-color-neutral-700);
  --ids-sem-color-on-surface-subtle: var(--ids-sem-color-neutral-400);
  --ids-sem-color-on-surface-success-default: var(--ids-base-color-green-600);
  --ids-sem-color-on-surface-success-muted: var(--ids-base-color-green-400);
  --ids-sem-color-overlay-dark: rgba(74, 74, 74, 0.8);
  --ids-sem-color-overlay-light: rgba(255, 255, 255, 0.9);
  --ids-sem-color-overlay-subdued: rgba(244, 244, 244, 0.96);
  --ids-sem-color-primary-100: var(--ids-base-color-blue-100);
  --ids-sem-color-primary-200: var(--ids-base-color-blue-200);
  --ids-sem-color-primary-300: var(--ids-base-color-blue-300);
  --ids-sem-color-primary-400: var(--ids-base-color-blue-400);
  --ids-sem-color-primary-50: var(--ids-base-color-blue-50);
  --ids-sem-color-primary-500: var(--ids-base-color-blue-500);
  --ids-sem-color-primary-600: var(--ids-base-color-blue-600);
  --ids-sem-color-primary-700: var(--ids-base-color-blue-700);
  --ids-sem-color-primary-800: var(--ids-base-color-blue-800);
  --ids-sem-color-primary-900: var(--ids-base-color-blue-900);
  --ids-sem-color-primary-950: var(--ids-base-color-blue-950);
  --ids-sem-color-ring-default: var(--ids-sem-color-primary-100);
  --ids-sem-color-secondary-100: var(--ids-sem-color-primary-100);
  --ids-sem-color-secondary-200: var(--ids-sem-color-primary-200);
  --ids-sem-color-secondary-300: var(--ids-sem-color-primary-300);
  --ids-sem-color-secondary-400: var(--ids-sem-color-primary-400);
  --ids-sem-color-secondary-50: var(--ids-sem-color-primary-50);
  --ids-sem-color-secondary-500: var(--ids-sem-color-primary-500);
  --ids-sem-color-secondary-600: var(--ids-sem-color-primary-600);
  --ids-sem-color-secondary-700: var(--ids-sem-color-primary-700);
  --ids-sem-color-secondary-800: var(--ids-sem-color-primary-800);
  --ids-sem-color-secondary-900: var(--ids-sem-color-primary-900);
  --ids-sem-color-shadow-default: var(--ids-sem-color-neutral-800);
  --ids-sem-color-shadow-muted: var(--ids-sem-color-neutral-300);
  --ids-sem-color-surface-app: var(--ids-base-color-white);
  --ids-sem-color-surface-button-primary-active: var(--ids-sem-color-primary-600);
  --ids-sem-color-surface-button-primary-disabled: var(--ids-sem-color-surface-muted);
  --ids-sem-color-surface-button-primary-focus: var(--ids-sem-color-surface-button-primary-rest);
  --ids-sem-color-surface-button-primary-hover: var(--ids-sem-color-primary-600);
  --ids-sem-color-surface-button-primary-rest: var(--ids-sem-color-primary-700);
  --ids-sem-color-surface-button-secondary-active: var(--ids-sem-color-primary-50);
  --ids-sem-color-surface-button-secondary-disabled: var(--ids-base-color-transparent);
  --ids-sem-color-surface-button-secondary-focus: var(--ids-sem-color-surface-button-secondary-rest);
  --ids-sem-color-surface-button-secondary-hover: var(--ids-sem-color-primary-50);
  --ids-sem-color-surface-button-secondary-rest: var(--ids-base-color-transparent);
  --ids-sem-color-surface-button-tertiary-active: var(--ids-sem-color-primary-50);
  --ids-sem-color-surface-button-tertiary-disabled: var(--ids-base-color-transparent);
  --ids-sem-color-surface-button-tertiary-focus: var(--ids-sem-color-surface-button-tertiary-rest);
  --ids-sem-color-surface-button-tertiary-hover: var(--ids-sem-color-primary-50);
  --ids-sem-color-surface-button-tertiary-rest: var(--ids-base-color-transparent);
  --ids-sem-color-surface-caution: var(--ids-base-color-gold-100);
  --ids-sem-color-surface-dark: var(--ids-base-color-gray-800);
  --ids-sem-color-surface-default: var(--ids-base-color-white);
  --ids-sem-color-surface-error: var(--ids-base-color-red-100);
  --ids-sem-color-surface-info: var(--ids-base-color-blue-100);
  --ids-sem-color-surface-interactive-active: var(--ids-sem-color-primary-50);
  --ids-sem-color-surface-interactive-disabled: var(--ids-sem-color-surface-muted);
  --ids-sem-color-surface-interactive-focus: var(--ids-sem-color-primary-50);
  --ids-sem-color-surface-interactive-hover: var(--ids-sem-color-primary-50);
  --ids-sem-color-surface-interactive-inverse-active: var(--ids-sem-color-primary-950);
  --ids-sem-color-surface-interactive-inverse-disabled: var(--ids-sem-color-surface-inverse-default);
  --ids-sem-color-surface-interactive-inverse-focus: var(--ids-sem-color-primary-950);
  --ids-sem-color-surface-interactive-inverse-hover: var(--ids-sem-color-primary-950);
  --ids-sem-color-surface-interactive-inverse-rest: var(--ids-sem-color-primary-300);
  --ids-sem-color-surface-interactive-inverse-selected: var(--ids-sem-color-primary-900);
  --ids-sem-color-surface-interactive-rest: var(--ids-sem-color-primary-700);
  --ids-sem-color-surface-interactive-selected: var(--ids-sem-color-primary-50);
  --ids-sem-color-surface-inverse-default: var(--ids-sem-color-neutral-800);
  --ids-sem-color-surface-inverse-muted: var(--ids-sem-color-neutral-700);
  --ids-sem-color-surface-light: var(--ids-base-color-white);
  --ids-sem-color-surface-muted: var(--ids-sem-color-neutral-100);
  --ids-sem-color-surface-subdued: var(--ids-sem-color-neutral-50);
  --ids-sem-color-surface-success: var(--ids-base-color-green-100);
  --ids-sem-color-surface-urgent: var(--ids-base-color-red-500);
  --ids-sem-ring-default: 0 0 0 3px var(--ids-sem-color-ring-default);
  --ids-sem-ring-focus: 0 0 0 2px var(--ids-sem-color-surface-default), 0 0 0 4px var(--ids-sem-color-border-interactive-focus);
  --ids-sem-size-border-button-divider-primary: var(--ids-base-size-border-px);
  --ids-sem-size-border-button-divider-secondary: var(--ids-base-size-border-px);
  --ids-sem-size-border-button-primary: var(--ids-base-size-border-none);
  --ids-sem-size-border-button-secondary: var(--ids-base-size-border-px);
  --ids-sem-size-border-button-tertiary: var(--ids-base-size-border-none);
  --ids-sem-size-border-radius-button: var(--ids-sem-size-border-radius-default);
  --ids-sem-size-border-radius-default: var(--ids-base-size-border-radius-sm);
  --ids-sem-size-border-radius-round: var(--ids-base-size-border-radius-full);
  --ids-sem-type-font-body: var(--ids-base-type-font-sans);
  --ids-sem-type-font-button-aux: var(--ids-sem-type-font-body);
  --ids-sem-type-font-button-default: var(--ids-sem-type-font-body);
  --ids-sem-type-font-heading: var(--ids-base-type-font-sans);
  --ids-sem-type-font-interactive-default: var(--ids-sem-type-font-body);
  --ids-sem-type-weight-button-aux: var(--ids-base-type-weight-regular);
  --ids-sem-type-weight-button-default: var(--ids-base-type-weight-semibold);
  --ids-sem-type-weight-interactive-default: var(--ids-base-type-weight-medium);
  --ids-sem-typography-anchor-block-lg-block-spacing: 22px;
  --ids-sem-typography-anchor-block-lg-display: block;
  --ids-sem-typography-anchor-block-lg-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-anchor-block-lg-font-size: var(--ids-base-type-size-lg);
  --ids-sem-typography-anchor-block-lg-font-weight: var(--ids-base-type-weight-medium);
  --ids-sem-typography-anchor-block-lg-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-anchor-block-lg-line-height: var(--ids-base-type-leading-tight);
  --ids-sem-typography-anchor-block-lg-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-anchor-block-lg-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-anchor-block-md-block-spacing: 20px;
  --ids-sem-typography-anchor-block-md-display: block;
  --ids-sem-typography-anchor-block-md-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-anchor-block-md-font-size: var(--ids-base-type-size-md);
  --ids-sem-typography-anchor-block-md-font-weight: var(--ids-base-type-weight-medium);
  --ids-sem-typography-anchor-block-md-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-anchor-block-md-line-height: var(--ids-base-type-leading-tight);
  --ids-sem-typography-anchor-block-md-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-anchor-block-md-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-anchor-block-sm-block-spacing: 18px;
  --ids-sem-typography-anchor-block-sm-display: block;
  --ids-sem-typography-anchor-block-sm-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-anchor-block-sm-font-size: var(--ids-base-type-size-sm);
  --ids-sem-typography-anchor-block-sm-font-weight: var(--ids-base-type-weight-medium);
  --ids-sem-typography-anchor-block-sm-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-anchor-block-sm-line-height: var(--ids-base-type-leading-snug);
  --ids-sem-typography-anchor-block-sm-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-anchor-block-sm-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-anchor-block-xs-block-spacing: 16px;
  --ids-sem-typography-anchor-block-xs-display: block;
  --ids-sem-typography-anchor-block-xs-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-anchor-block-xs-font-size: var(--ids-base-type-size-xs);
  --ids-sem-typography-anchor-block-xs-font-weight: var(--ids-base-type-weight-medium);
  --ids-sem-typography-anchor-block-xs-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-anchor-block-xs-line-height: var(--ids-base-type-leading-snug);
  --ids-sem-typography-anchor-block-xs-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-anchor-block-xs-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-anchor-block-xxs-block-spacing: 14px;
  --ids-sem-typography-anchor-block-xxs-display: block;
  --ids-sem-typography-anchor-block-xxs-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-anchor-block-xxs-font-size: var(--ids-base-type-size-xxs);
  --ids-sem-typography-anchor-block-xxs-font-weight: var(--ids-base-type-weight-medium);
  --ids-sem-typography-anchor-block-xxs-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-anchor-block-xxs-line-height: var(--ids-base-type-leading-snug);
  --ids-sem-typography-anchor-block-xxs-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-anchor-block-xxs-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-anchor-inline-lg-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-anchor-inline-lg-font-size: var(--ids-base-type-size-lg);
  --ids-sem-typography-anchor-inline-lg-font-weight: var(--ids-base-type-weight-medium);
  --ids-sem-typography-anchor-inline-lg-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-anchor-inline-lg-line-height: var(--ids-base-type-leading-tight);
  --ids-sem-typography-anchor-inline-lg-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-anchor-inline-lg-text-decoration: var(--ids-base-type-decoration-underline);
  --ids-sem-typography-anchor-inline-md-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-anchor-inline-md-font-size: var(--ids-base-type-size-md);
  --ids-sem-typography-anchor-inline-md-font-weight: var(--ids-base-type-weight-medium);
  --ids-sem-typography-anchor-inline-md-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-anchor-inline-md-line-height: var(--ids-base-type-leading-tight);
  --ids-sem-typography-anchor-inline-md-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-anchor-inline-md-text-decoration: var(--ids-base-type-decoration-underline);
  --ids-sem-typography-anchor-inline-sm-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-anchor-inline-sm-font-size: var(--ids-base-type-size-sm);
  --ids-sem-typography-anchor-inline-sm-font-weight: var(--ids-base-type-weight-medium);
  --ids-sem-typography-anchor-inline-sm-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-anchor-inline-sm-line-height: var(--ids-base-type-leading-snug);
  --ids-sem-typography-anchor-inline-sm-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-anchor-inline-sm-text-decoration: var(--ids-base-type-decoration-underline);
  --ids-sem-typography-anchor-inline-xs-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-anchor-inline-xs-font-size: var(--ids-base-type-size-xs);
  --ids-sem-typography-anchor-inline-xs-font-weight: var(--ids-base-type-weight-medium);
  --ids-sem-typography-anchor-inline-xs-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-anchor-inline-xs-line-height: var(--ids-base-type-leading-snug);
  --ids-sem-typography-anchor-inline-xs-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-anchor-inline-xs-text-decoration: var(--ids-base-type-decoration-underline);
  --ids-sem-typography-anchor-inline-xxs-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-anchor-inline-xxs-font-size: var(--ids-base-type-size-xxs);
  --ids-sem-typography-anchor-inline-xxs-font-weight: var(--ids-base-type-weight-medium);
  --ids-sem-typography-anchor-inline-xxs-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-anchor-inline-xxs-line-height: var(--ids-base-type-leading-snug);
  --ids-sem-typography-anchor-inline-xxs-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-anchor-inline-xxs-text-decoration: var(--ids-base-type-decoration-underline);
  --ids-sem-typography-body-lg-block-spacing: 22px;
  --ids-sem-typography-body-lg-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-body-lg-font-size: var(--ids-base-type-size-lg);
  --ids-sem-typography-body-lg-font-weight: var(--ids-base-type-weight-regular);
  --ids-sem-typography-body-lg-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-body-lg-line-height: var(--ids-base-type-leading-tight);
  --ids-sem-typography-body-lg-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-body-lg-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-body-md-block-spacing: 20px;
  --ids-sem-typography-body-md-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-body-md-font-size: var(--ids-base-type-size-md);
  --ids-sem-typography-body-md-font-weight: var(--ids-base-type-weight-regular);
  --ids-sem-typography-body-md-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-body-md-line-height: var(--ids-base-type-leading-tight);
  --ids-sem-typography-body-md-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-body-md-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-body-sm-block-spacing: 18px;
  --ids-sem-typography-body-sm-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-body-sm-font-size: var(--ids-base-type-size-sm);
  --ids-sem-typography-body-sm-font-weight: var(--ids-base-type-weight-regular);
  --ids-sem-typography-body-sm-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-body-sm-line-height: var(--ids-base-type-leading-snug);
  --ids-sem-typography-body-sm-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-body-sm-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-body-xs-block-spacing: 16px;
  --ids-sem-typography-body-xs-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-body-xs-font-size: var(--ids-base-type-size-xs);
  --ids-sem-typography-body-xs-font-weight: var(--ids-base-type-weight-regular);
  --ids-sem-typography-body-xs-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-body-xs-line-height: var(--ids-base-type-leading-snug);
  --ids-sem-typography-body-xs-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-body-xs-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-body-xxs-block-spacing: 14px;
  --ids-sem-typography-body-xxs-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-body-xxs-font-size: var(--ids-base-type-size-xxs);
  --ids-sem-typography-body-xxs-font-weight: var(--ids-base-type-weight-regular);
  --ids-sem-typography-body-xxs-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-body-xxs-line-height: var(--ids-base-type-leading-snug);
  --ids-sem-typography-body-xxs-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-body-xxs-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-heading-h1-font-family: var(--ids-sem-type-font-heading);
  --ids-sem-typography-heading-h1-font-size: var(--ids-base-type-size-3xl);
  --ids-sem-typography-heading-h1-font-weight: var(--ids-base-type-weight-bold);
  --ids-sem-typography-heading-h1-letter-spacing: var(--ids-base-type-tracking-tight);
  --ids-sem-typography-heading-h1-line-height: var(--ids-base-type-leading-compact);
  --ids-sem-typography-heading-h1-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-heading-h2-font-family: var(--ids-sem-type-font-heading);
  --ids-sem-typography-heading-h2-font-size: var(--ids-base-type-size-xxl);
  --ids-sem-typography-heading-h2-font-weight: var(--ids-base-type-weight-bold);
  --ids-sem-typography-heading-h2-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-heading-h2-line-height: var(--ids-base-type-leading-compact);
  --ids-sem-typography-heading-h2-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-heading-h3-font-family: var(--ids-sem-type-font-heading);
  --ids-sem-typography-heading-h3-font-size: var(--ids-base-type-size-xl);
  --ids-sem-typography-heading-h3-font-weight: var(--ids-base-type-weight-semibold);
  --ids-sem-typography-heading-h3-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-heading-h3-line-height: var(--ids-base-type-leading-tighter);
  --ids-sem-typography-heading-h3-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-heading-h4-font-family: var(--ids-sem-type-font-heading);
  --ids-sem-typography-heading-h4-font-size: var(--ids-base-type-size-lg);
  --ids-sem-typography-heading-h4-font-weight: var(--ids-base-type-weight-medium);
  --ids-sem-typography-heading-h4-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-heading-h4-line-height: var(--ids-base-type-leading-tighter);
  --ids-sem-typography-heading-h4-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-heading-h5-font-family: var(--ids-sem-type-font-heading);
  --ids-sem-typography-heading-h5-font-size: var(--ids-base-type-size-md);
  --ids-sem-typography-heading-h5-font-weight: var(--ids-base-type-weight-semibold);
  --ids-sem-typography-heading-h5-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-heading-h5-line-height: var(--ids-base-type-leading-tighter);
  --ids-sem-typography-heading-h5-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-heading-h6-font-family: var(--ids-sem-type-font-heading);
  --ids-sem-typography-heading-h6-font-size: var(--ids-base-type-size-sm);
  --ids-sem-typography-heading-h6-font-weight: var(--ids-base-type-weight-semibold);
  --ids-sem-typography-heading-h6-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-heading-h6-line-height: var(--ids-base-type-leading-tighter);
  --ids-sem-typography-heading-h6-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-label-lg-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-label-lg-font-size: var(--ids-base-type-size-lg);
  --ids-sem-typography-label-lg-font-weight: var(--ids-base-type-weight-regular);
  --ids-sem-typography-label-lg-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-label-lg-line-height: var(--ids-base-type-leading-compact);
  --ids-sem-typography-label-lg-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-label-lg-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-label-md-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-label-md-font-size: var(--ids-base-type-size-sm);
  --ids-sem-typography-label-md-font-weight: var(--ids-base-type-weight-regular);
  --ids-sem-typography-label-md-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-label-md-line-height: var(--ids-base-type-leading-compact);
  --ids-sem-typography-label-md-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-label-md-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-label-sm-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-label-sm-font-size: var(--ids-base-type-size-xs);
  --ids-sem-typography-label-sm-font-weight: var(--ids-base-type-weight-regular);
  --ids-sem-typography-label-sm-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-label-sm-line-height: var(--ids-base-type-leading-compact);
  --ids-sem-typography-label-sm-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-label-sm-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-list-lg-block-spacing: 14px;
  --ids-sem-typography-list-lg-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-list-lg-font-size: var(--ids-base-type-size-lg);
  --ids-sem-typography-list-lg-font-weight: var(--ids-base-type-weight-regular);
  --ids-sem-typography-list-lg-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-list-lg-line-height: var(--ids-base-type-leading-tight);
  --ids-sem-typography-list-lg-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-list-lg-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-list-md-block-spacing: 12px;
  --ids-sem-typography-list-md-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-list-md-font-size: var(--ids-base-type-size-md);
  --ids-sem-typography-list-md-font-weight: var(--ids-base-type-weight-regular);
  --ids-sem-typography-list-md-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-list-md-line-height: var(--ids-base-type-leading-tight);
  --ids-sem-typography-list-md-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-list-md-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-list-sm-block-spacing: 10px;
  --ids-sem-typography-list-sm-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-list-sm-font-size: var(--ids-base-type-size-sm);
  --ids-sem-typography-list-sm-font-weight: var(--ids-base-type-weight-regular);
  --ids-sem-typography-list-sm-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-list-sm-line-height: var(--ids-base-type-leading-snug);
  --ids-sem-typography-list-sm-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-list-sm-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-list-xs-block-spacing: 8px;
  --ids-sem-typography-list-xs-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-list-xs-font-size: var(--ids-base-type-size-xs);
  --ids-sem-typography-list-xs-font-weight: var(--ids-base-type-weight-regular);
  --ids-sem-typography-list-xs-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-list-xs-line-height: var(--ids-base-type-leading-snug);
  --ids-sem-typography-list-xs-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-list-xs-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-list-xxs-block-spacing: 6px;
  --ids-sem-typography-list-xxs-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-list-xxs-font-size: var(--ids-base-type-size-xxs);
  --ids-sem-typography-list-xxs-font-weight: var(--ids-base-type-weight-regular);
  --ids-sem-typography-list-xxs-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-list-xxs-line-height: var(--ids-base-type-leading-snug);
  --ids-sem-typography-list-xxs-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-list-xxs-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-strong-lg-block-spacing: 22px;
  --ids-sem-typography-strong-lg-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-strong-lg-font-size: var(--ids-base-type-size-lg);
  --ids-sem-typography-strong-lg-font-weight: var(--ids-base-type-weight-semibold);
  --ids-sem-typography-strong-lg-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-strong-lg-line-height: var(--ids-base-type-leading-tight);
  --ids-sem-typography-strong-lg-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-strong-lg-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-strong-md-block-spacing: 20px;
  --ids-sem-typography-strong-md-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-strong-md-font-size: var(--ids-base-type-size-md);
  --ids-sem-typography-strong-md-font-weight: var(--ids-base-type-weight-semibold);
  --ids-sem-typography-strong-md-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-strong-md-line-height: var(--ids-base-type-leading-tight);
  --ids-sem-typography-strong-md-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-strong-md-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-strong-sm-block-spacing: 18px;
  --ids-sem-typography-strong-sm-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-strong-sm-font-size: var(--ids-base-type-size-sm);
  --ids-sem-typography-strong-sm-font-weight: var(--ids-base-type-weight-semibold);
  --ids-sem-typography-strong-sm-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-strong-sm-line-height: var(--ids-base-type-leading-snug);
  --ids-sem-typography-strong-sm-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-strong-sm-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-strong-xs-block-spacing: 16px;
  --ids-sem-typography-strong-xs-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-strong-xs-font-size: var(--ids-base-type-size-xs);
  --ids-sem-typography-strong-xs-font-weight: var(--ids-base-type-weight-semibold);
  --ids-sem-typography-strong-xs-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-strong-xs-line-height: var(--ids-base-type-leading-snug);
  --ids-sem-typography-strong-xs-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-strong-xs-text-decoration: var(--ids-base-type-decoration-none);
  --ids-sem-typography-strong-xxs-block-spacing: 14px;
  --ids-sem-typography-strong-xxs-font-family: var(--ids-sem-type-font-body);
  --ids-sem-typography-strong-xxs-font-size: var(--ids-base-type-size-xxs);
  --ids-sem-typography-strong-xxs-font-weight: var(--ids-base-type-weight-semibold);
  --ids-sem-typography-strong-xxs-letter-spacing: var(--ids-base-type-tracking-normal);
  --ids-sem-typography-strong-xxs-line-height: var(--ids-base-type-leading-snug);
  --ids-sem-typography-strong-xxs-text-case: var(--ids-base-type-transform-normal);
  --ids-sem-typography-strong-xxs-text-decoration: var(--ids-base-type-decoration-none);
}
