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

:root {
  --vds-shadow-xs: 0px 1px 2px 0px #0000000d;
  --vds-shadow-sm: 0px 1px 4px 0px #0000001a;
  --vds-shadow-md: 0px 1px 4px 0px #00000026;
  --vds-shadow-lg: 0px 1px 4px 0px #00000033;
  --vds-shadow-focus-outter: 0px 0px 0px 3px #213c88;
  --vds-fg-title: #17181c;
  --vds-fg-primary: #24252d;
  --vds-fg-secondary: #3c3f49;
  --vds-fg-tertiary: #4e535f;
  --vds-fg-white: #ffffff;
  --vds-fg-black: #17181c;
  --vds-fg-quarternary: #676d7e;
  --vds-fg-inverse: #ffffff;
  --vds-fg-brand-on-low: #1e49c6;
  --vds-fg-brand-on-high: #f0f6ff;
  --vds-fg-warning-on-low: #a16207;
  --vds-fg-warning-on-hight: #fefef1;
  --vds-fg-warning-on-high: #fefef1;
  --vds-fg-error-on-low: #c41717;
  --vds-fg-error-on-hight: #fff0f0;
  --vds-fg-error-on-high: #fff0f0;
  --vds-fg-info-on-low: #1e49c6;
  --vds-fg-info-on-high: #f0f6ff;
  --vds-fg-success-on-low: #0b8437;
  --vds-fg-success-on-high: #f1fdf5;
  --vds-fg-pink-on-low: #c01662;
  --vds-fg-pink-on-hight: #fef6fa;
  --vds-fg-pink-on-high: #fef6fa;
  --vds-fg-purple-on-low: #6724db;
  --vds-fg-purple-on-hight: #f2f0ff;
  --vds-fg-purple-on-high: #f2f0ff;
  --vds-bg-primary: #ffffff;
  --vds-bg-on-primary-low: #ffffff;
  --vds-bg-on-primary-high: #ebecef;
  --vds-bg-secondary: #f4f4f6;
  --vds-bg-on-secondary-low: #ffffff;
  --vds-bg-white: #ffffff;
  --vds-bg-black: #09090c;
  --vds-bg-tertiary: #dbdce1;
  --vds-bg-on-secondary-high: #f4f4f6;
  --vds-bg-inverse: #09090c;
  --vds-bg-brand-primary: #3061ef;
  --vds-bg-brand-light: #f0f6ff;
  --vds-bg-brand-primary-hover: #213c88;
  --vds-bg-info-primary: #3061ef;
  --vds-bg-info-light: #f0f6ff;
  --vds-bg-info-primary-hover: #213c88;
  --vds-bg-success-primary: #0b8437;
  --vds-bg-success-light: #f1fdf5;
  --vds-bg-success-primary-hover: #0c642d;
  --vds-bg-warning-primary: #c88904;
  --vds-bg-warning-light: #fefef1;
  --vds-bg-warning-primary-hover: #a16207;
  --vds-bg-error-primary: #c41717;
  --vds-bg-error-light: #fff0f0;
  --vds-bg-error-primary-hover: #921111;
  --vds-bg-pink-primary: #c01662;
  --vds-bg-pink-primary-hover: #990a45;
  --vds-bg-pink-light: #fef6fa;
  --vds-bg-purple-primary: #6724db;
  --vds-bg-purple-primary-hover: #4b10a8;
  --vds-bg-purple-light: #f2f0ff;
  --vds-border-secondary: #b1b5be;
  --vds-border-brand: #1e49c6;
  --vds-border-base: #dbdce1;
  --vds-border-success: #0b8437;
  --vds-border-info: #1e49c6;
  --vds-border-warning: #c88904;
  --vds-border-error: #c41717;
  --vds-border-focus-outer: #213c88;
  --vds-border-focus-inner: #ffffff;
  --vds-border-pink: #c01662;
  --vds-border-purple: #6724db;
  --vds-border-focus: #213c88;
  --vds-border-inverse: #ffffff;
  --vds-border-tertiary: #dbdce1;
  --vds-font-family-heading: Inter;
  --vds-font-family-body: Inter;
  --vds-font-family-display: Inter;
  --vds-font-weight-heading: 600;
  --vds-font-weight-regular: 400;
  --vds-font-weight-medium: 500;
  --vds-font-weight-semibold: 600;
  --vds-font-weight-display: 600;
  --vds-line-height-display: 120%;
  --vds-line-height-heading: 140%;
  --vds-line-height-body: 160%;
  --vds-letter-spacing-heading-lg: -1px;
  --vds-letter-spacing-heading-md: -0.75px;
  --vds-letter-spacing-heading-sm: -0.5px;
  --vds-letter-spacing-heading-xs: -0.5px;
  --vds-letter-spacing-body-lg: -0.25px;
  --vds-letter-spacing-body-md: -0.25px;
  --vds-letter-spacing-body-sm: -0.25px;
  --vds-letter-spacing-body-xs: 0px;
  --vds-letter-spacing-display-lg: -2px;
  --vds-letter-spacing-display-md: -1.5px;
  --vds-letter-spacing-display-sm: -1.5px;
  --vds-letter-spacing-display-xs: -1px;
  --vds-font-size-heading-lg: 32px;
  --vds-font-size-heading-md: 28px;
  --vds-font-size-heading-sm: 24px;
  --vds-font-size-heading-xs: 20px;
  --vds-font-size-body-lg: 18px;
  --vds-font-size-body-md: 16px;
  --vds-font-size-body-sm: 14px;
  --vds-font-size-body-xs: 12px;
  --vds-font-size-display-lg: 64px;
  --vds-font-size-display-md: 56px;
  --vds-font-size-display-sm: 48px;
  --vds-font-size-display-xs: 40px;
  --vds-radius-0: 0px;
  --vds-radius-4: 4px;
  --vds-radius-8: 8px;
  --vds-radius-12: 12px;
  --vds-radius-14: 14px;
  --vds-radius-16: 16px;
  --vds-radius-24: 24px;
  --vds-radius-full: 800px;
  --vds-spacing-0: 0px;
  --vds-spacing-2: 2px;
  --vds-spacing-4: 4px;
  --vds-spacing-8: 8px;
  --vds-spacing-12: 12px;
  --vds-spacing-16: 16px;
  --vds-spacing-20: 20px;
  --vds-spacing-24: 24px;
  --vds-spacing-28: 28px;
  --vds-spacing-32: 32px;
  --vds-spacing-40: 40px;
  --vds-spacing-48: 48px;
  --vds-spacing-56: 56px;
  --vds-spacing-64: 64px;
  --vds-spacing-72: 72px;
  --vds-spacing-128: 128px;
  --vds-spacing-160: 160px;
  --vds-spacing-192: 192px;
  --vds-spacing-224: 224px;
  --vds-spacing-256: 256px;
  --vds-spacing-288: 288px;
  --vds-spacing-320: 320px;
  --vds-spacing-352: 352px;
  --vds-spacing-480: 480px;
  --vds-spacing-520: 520px;
  --vds-spacing-640: 640px;
  --vds-spacing-800: 800px;
  --vds-spacing-864: 864px;
  --vds-spacing-1080: 1080px;
  --vds-spacing-1200: 1200px;
  --vds-spacing-n8: -8px;
  --vds-spacing-n4: -4px;
  --vds-spacing-n1: -1px;
  --vds-border-width-1: 1px;
  --vds-border-width-2: 2px;
  --vds-border-width-4: 4px;
  --vds-opacity-hidden: 0;
  --vds-opacity-quarter-hidden: 0.3;
  --vds-opacity-half: 0.5;
  --vds-opacity-quarter-visible: 0.7;
  --vds-opacity-visible: 1;
}