/*
 * This file is used to import css variables and make them available for use
 * in other SCSS files independently.
 *
 * This file will be preprocessed and copied to the dist folder in the build process.
 *
 * See the build script in package.json for more details.
 */
:root,
:host {
  --ds-borderWidth-none: 0px;
  --ds-borderWidth-hairline: 1px;
  --ds-borderWidth-thin: 2px;
  --ds-borderWidth-thick: 4px;
  --ds-borderWidth-xThick: 8px;
  --ds-borderRadius-none: 0px;
  --ds-breakpoint-xSmall: 20rem;
  --ds-breakpoint-small: 30rem;
  --ds-breakpoint-smallPlus: 45rem;
  --ds-breakpoint-medium: 60rem;
  --ds-breakpoint-large: 75rem;
  --ds-breakpoint-xLarge: 90rem;
  --ds-spacing-4xSmall: 0.125rem; /* 2px */
  --ds-spacing-3xSmall: 0.25rem; /* 4px */
  --ds-spacing-2xSmall: 0.5rem; /* 8px */
  --ds-spacing-xSmall: 0.75rem; /* 12px */
  --ds-spacing-small: 1rem; /* 16px */
  --ds-spacing-medium: 1.5rem; /* 24px */
  --ds-spacing-large: 2rem; /* 32px */
  --ds-spacing-xLarge: 2.5rem; /* 40px */
  --ds-spacing-2xLarge: 3rem; /* 48px */
  --ds-spacing-3xLarge: 3.5rem; /* 56px */
  --ds-spacing-4xLarge: 4rem; /* 64px */
  --ds-spacing-5xLarge: 4.5rem; /* 72px */
  --ds-spacing-layout-2xSmall: 1rem; /* 16px */
  --ds-spacing-layout-xSmall: 1.5rem; /* 24px */
  --ds-spacing-layout-small: 2rem; /* 32px */
  --ds-spacing-layout-medium: 3rem; /* 48px */
  --ds-spacing-layout-large: 4rem; /* 64px */
  --ds-spacing-layout-xLarge: 6rem; /* 96px */
  --ds-spacing-layout-2xLarge: 8rem; /* 128px */
  --ds-overlay-black-00: rgb(0 0 0 / 0%);
  --ds-overlay-black-05: rgb(0 0 0 / 5%);
  --ds-overlay-black-10: rgb(0 0 0 / 10%);
  --ds-overlay-black-15: rgb(0 0 0 / 15%);
  --ds-overlay-black-30: rgb(0 0 0 / 30%);
  --ds-overlay-black-40: rgb(0 0 0 / 40%);
  --ds-overlay-black-50: rgb(0 0 0 / 50%);
  --ds-overlay-black-70: rgb(0 0 0 / 70%);
  --ds-overlay-black-80: rgb(0 0 0 / 80%);
  --ds-overlay-white-00: rgb(255 255 255 / 0%);
  --ds-overlay-white-05: rgb(255 255 255 / 5%);
  --ds-overlay-white-10: rgb(255 255 255 / 10%);
  --ds-overlay-white-15: rgb(255 255 255 / 15%);
  --ds-overlay-white-30: rgb(255 255 255 / 30%);
  --ds-overlay-white-40: rgb(255 255 255 / 40%);
  --ds-overlay-white-50: rgb(255 255 255 / 50%);
  --ds-overlay-white-70: rgb(255 255 255 / 70%);
  --ds-overlay-white-80: rgb(255 255 255 / 80%);
  --ds-palette-black: #000;
  --ds-palette-white: #fff;
  --ds-palette-black-03: #f7f7f7;
  --ds-palette-black-05: #f2f2f2;
  --ds-palette-black-10: #e6e6e6;
  --ds-palette-black-20: #ccc;
  --ds-palette-black-30: #b3b3b3;
  --ds-palette-black-40: #999;
  --ds-palette-black-50: #808080;
  --ds-palette-black-60: #666;
  --ds-palette-black-70: #4d4d4d;
  --ds-palette-black-80: #333;
  --ds-palette-black-90: #1a1a1a;
  --ds-palette-black-95: #0c0c0c;
  --ds-palette-blue-05: #e5f8ff;
  --ds-palette-blue-10: #c2eeff;
  --ds-palette-blue-20: #8adeff;
  --ds-palette-blue-30: #5cd1ff;
  --ds-palette-blue-40: #1abeff;
  --ds-palette-blue-50: #009ad6;
  --ds-palette-blue-60: #007cad;
  --ds-palette-blue-70: #005b80;
  --ds-palette-blue-80: #053c52;
  --ds-palette-blue-90: #032330;
  --ds-palette-green-05: #dffbe1;
  --ds-palette-green-10: #bef4c1;
  --ds-palette-green-20: #85e08a;
  --ds-palette-green-30: #66cc6b;
  --ds-palette-green-40: #43b149;
  --ds-palette-green-50: #279b2d;
  --ds-palette-green-60: #257e29;
  --ds-palette-green-70: #216325;
  --ds-palette-green-80: #183f19;
  --ds-palette-green-90: #0f2410;
  --ds-palette-mainBlue-05: #e5f5ff;
  --ds-palette-mainBlue-10: #cdebff;
  --ds-palette-mainBlue-20: #99d7ff;
  --ds-palette-mainBlue-30: #70c7ff;
  --ds-palette-mainBlue-40: #3db3ff;
  --ds-palette-mainBlue-50: #009bff;
  --ds-palette-mainBlue-60: #007fd1;
  --ds-palette-mainBlue-70: #005a94;
  --ds-palette-mainBlue-80: #003152;
  --ds-palette-mainBlue-90: #001929;
  --ds-palette-red-05: #ffeceb;
  --ds-palette-red-10: #ffd8d6;
  --ds-palette-red-20: #fdb7b4;
  --ds-palette-red-30: #f87c77;
  --ds-palette-red-40: #f0514c;
  --ds-palette-red-50: #e13d37;
  --ds-palette-red-60: #bd2828;
  --ds-palette-red-70: #8b2623;
  --ds-palette-red-80: #602220;
  --ds-palette-red-90: #321c1b;
  --ds-palette-yellow-05: #fff1db;
  --ds-palette-yellow-10: #ffe7c2;
  --ds-palette-yellow-20: #ffd799;
  --ds-palette-yellow-30: #fbc05f;
  --ds-palette-yellow-40: #eea22b;
  --ds-palette-yellow-50: #ce8103;
  --ds-palette-yellow-60: #b26d00;
  --ds-palette-yellow-70: #7a4b00;
  --ds-palette-yellow-80: #4e3104;
  --ds-palette-yellow-90: #282115;
  --ds-textColor-default: var(--ds-palette-black-95);
  --ds-textColor-primary: var(--ds-palette-mainBlue-70);
  --ds-textColor-secondary: var(--ds-palette-black-70);
  --ds-textColor-white: var(--ds-palette-white);
  --ds-textColor-danger: var(--ds-palette-red-70);
  --ds-textColor-success: var(--ds-palette-green-70);
  --ds-textColor-disabled-onLight: var(--ds-palette-black-40);
  --ds-textColor-disabled-onDark: var(--ds-overlay-white-40);
  --ds-textColor-link: var(--ds-palette-mainBlue-70);
  --ds-textColor-link-hover: var(--ds-palette-mainBlue-80);
  --ds-textColor-link-active: var(--ds-palette-mainBlue-90);
  --ds-textColor-link-visited: #551a8b;
  --ds-textColor-link-standalone: var(--ds-palette-black-70);
  --ds-textColor-link-standalone-hover: var(--ds-palette-black-80);
  --ds-textColor-link-standalone-active: var(--ds-palette-black-95);
  --ds-textColor-link-standalone-focus: var(--ds-palette-black-70);
  --ds-textColor-info: var(--ds-palette-blue-70);
  --ds-textColor-attention: var(--ds-palette-yellow-70);
  --ds-bgColor-primary: var(--ds-palette-mainBlue-70);
  --ds-bgColor-primary-hover: var(--ds-palette-mainBlue-80);
  --ds-bgColor-primary-active: var(--ds-palette-mainBlue-90);
  --ds-bgColor-secondary: var(--ds-overlay-black-00);
  --ds-bgColor-secondary-hover: var(--ds-palette-mainBlue-05);
  --ds-bgColor-secondary-active: var(--ds-palette-mainBlue-10);
  --ds-bgColor-white: var(--ds-palette-white);
  --ds-bgColor-white-hover: var(--ds-palette-black-05);
  --ds-bgColor-white-active: var(--ds-palette-black-10);
  --ds-bgColor-black: var(--ds-palette-black-95);
  --ds-bgColor-black-hover: var(--ds-palette-black-80);
  --ds-bgColor-black-active: var(--ds-palette-black-70);
  --ds-bgColor-danger: var(--ds-palette-red-05);
  --ds-bgColor-danger-hover: var(--ds-palette-red-10);
  --ds-bgColor-danger-active: var(--ds-palette-red-20);
  --ds-bgColor-success: var(--ds-palette-green-05);
  --ds-bgColor-success-hover: var(--ds-palette-green-10);
  --ds-bgColor-success-active: var(--ds-palette-green-20);
  --ds-bgColor-transparent-onLight: var(--ds-overlay-black-00);
  --ds-bgColor-transparent-onLight-hover: var(--ds-overlay-black-05);
  --ds-bgColor-transparent-onLight-active: var(--ds-overlay-black-10);
  --ds-bgColor-transparent-onDark: var(--ds-overlay-white-00);
  --ds-bgColor-transparent-onDark-hover: var(--ds-overlay-white-15);
  --ds-bgColor-transparent-onDark-active: var(--ds-overlay-white-30);
  --ds-bgColor-disabled-onLight: var(--ds-overlay-black-10);
  --ds-bgColor-disabled-onDark: var(--ds-overlay-white-10);
  --ds-bgColor-info: var(--ds-palette-blue-05);
  --ds-bgColor-info-hover: var(--ds-palette-blue-10);
  --ds-bgColor-info-active: var(--ds-palette-blue-20);
  --ds-bgColor-neutral: var(--ds-palette-black-05);
  --ds-bgColor-neutral-hover: var(--ds-palette-black-10);
  --ds-bgColor-neutral-active: var(--ds-palette-black-20);
  --ds-bgColor-neutralLight: var(--ds-palette-black-03);
  --ds-bgColor-neutralLight-hover: var(--ds-palette-black-05);
  --ds-bgColor-neutralLight-active: var(--ds-palette-black-10);
  --ds-bgColor-attention: var(--ds-palette-yellow-05);
  --ds-bgColor-attention-hover: var(--ds-palette-yellow-10);
  --ds-bgColor-attention-active: var(--ds-palette-yellow-20);
  --ds-bgColor-neutral-bold: var(--ds-palette-black-60);
  --ds-bgColor-neutral-bold-hover: var(--ds-palette-black-70);
  --ds-bgColor-neutral-bold-active: var(--ds-palette-black-80);
  --ds-bgColor-info-bold: var(--ds-palette-blue-60);
  --ds-bgColor-info-bold-hover: var(--ds-palette-blue-70);
  --ds-bgColor-info-bold-active: var(--ds-palette-blue-80);
  --ds-bgColor-attention-bold: var(--ds-palette-yellow-40);
  --ds-bgColor-attention-bold-hover: var(--ds-palette-yellow-50);
  --ds-bgColor-attention-bold-active: var(--ds-palette-yellow-60);
  --ds-bgColor-danger-bold: var(--ds-palette-red-60);
  --ds-bgColor-danger-bold-hover: var(--ds-palette-red-70);
  --ds-bgColor-danger-bold-active: var(--ds-palette-red-80);
  --ds-bgColor-success-bold: var(--ds-palette-green-60);
  --ds-bgColor-success-bold-hover: var(--ds-palette-green-70);
  --ds-bgColor-success-bold-active: var(--ds-palette-green-80);
  --ds-bgColor-backdrop: var(--ds-overlay-black-50);
  --ds-borderColor-default: var(--ds-palette-black-50);
  --ds-borderColor-primary: var(--ds-palette-mainBlue-70);
  --ds-borderColor-black: var(--ds-palette-black-95);
  --ds-borderColor-white: var(--ds-palette-white);
  --ds-borderColor-danger: var(--ds-palette-red-60);
  --ds-borderColor-success: var(--ds-palette-green-60);
  --ds-borderColor-transparent: var(--ds-overlay-black-00);
  --ds-borderColor-disabled-onLight: var(--ds-overlay-black-15);
  --ds-borderColor-disabled-onDark: var(--ds-overlay-white-15);
  --ds-borderColor-light: var(--ds-palette-black-20);
  --ds-borderColor-info: var(--ds-palette-blue-60);
  --ds-borderColor-attention: var(--ds-palette-yellow-60);
  --ds-iconColor-default: var(--ds-palette-black-95);
  --ds-iconColor-default-hover: var(--ds-palette-black-80);
  --ds-iconColor-default-active: var(--ds-palette-black-70);
  --ds-iconColor-neutral: var(--ds-palette-black-50);
  --ds-iconColor-neutral-hover: var(--ds-palette-black-60);
  --ds-iconColor-neutral-active: var(--ds-palette-black-70);
  --ds-iconColor-white: var(--ds-palette-white);
  --ds-iconColor-white-hover: var(--ds-palette-black-05);
  --ds-iconColor-white-active: var(--ds-palette-black-10);
  --ds-iconColor-primary: var(--ds-palette-mainBlue-70);
  --ds-iconColor-primary-active: var(--ds-palette-mainBlue-80);
  --ds-iconColor-primary-hover: var(--ds-palette-mainBlue-90);
  --ds-iconColor-info: var(--ds-palette-blue-60);
  --ds-iconColor-info-hover: var(--ds-palette-blue-70);
  --ds-iconColor-info-active: var(--ds-palette-blue-80);
  --ds-iconColor-danger: var(--ds-palette-red-60);
  --ds-iconColor-danger-hover: var(--ds-palette-red-70);
  --ds-iconColor-danger-active: var(--ds-palette-red-80);
  --ds-iconColor-success: var(--ds-palette-green-60);
  --ds-iconColor-success-hover: var(--ds-palette-green-70);
  --ds-iconColor-success-active: var(--ds-palette-green-80);
  --ds-iconColor-attention: var(--ds-palette-yellow-60);
  --ds-iconColor-attention-hover: var(--ds-palette-yellow-70);
  --ds-iconColor-attention-active: var(--ds-palette-yellow-80);
  --ds-iconColor-disabled-onLight: var(--ds-palette-black-40);
  --ds-iconColor-disabled-onDark: var(--ds-overlay-white-40);
  --ds-fontFamily-heading: 'Open Sans', sans-serif;
  --ds-fontFamily-body: 'Open Sans', sans-serif;
  --ds-fontSize-12: 12px; /* 0.75rem */
  --ds-fontSize-14: 14px; /* 0.875rem */
  --ds-fontSize-16: 16px; /* 1rem */
  --ds-fontSize-18: 18px; /* 1.125rem */
  --ds-fontSize-20: 20px; /* 1.25rem */
  --ds-fontSize-22: 22px; /* 1.375rem */
  --ds-fontSize-24: 24px; /* 1.5rem */
  --ds-fontSize-26: 26px; /* 1.625rem */
  --ds-fontSize-30: 30px; /* 1.875rem */
  --ds-fontSize-32: 32px; /* 2rem */
  --ds-fontSize-36: 36px; /* 2.25rem */
  --ds-fontSize-40: 40px; /* 2.5rem */
  --ds-fontSize-48: 48px; /* 3rem */
  --ds-fontSize-56: 56px; /* 3.5rem */
  --ds-fontSize-64: 64px; /* 4rem */
  --ds-fontWeight-regular: 400;
  --ds-fontWeight-semibold: 600;
  --ds-fontWeight-semiboldPlus: 650;
  --ds-fontWeight-bold: 700;
  --ds-letterSpacing-xTight: var(--ds-letterSpacing, -2px);
  --ds-letterSpacing-tight: var(--ds-letterSpacing, -1.4px);
  --ds-letterSpacing-normal: var(--ds-letterSpacing, -0.4px);
  --ds-letterSpacing-wide: var(--ds-letterSpacing, 0px);
  --ds-letterSpacing-xWide: var(--ds-letterSpacing, 0.4px);
  --ds-lineHeight-small: var(--ds-lineHeight, 1);
  --ds-lineHeight-medium: var(--ds-lineHeight, 1.2);
  --ds-lineHeight-large: var(--ds-lineHeight, 1.5);
  --ds-lineHeight-xLarge: var(--ds-lineHeight, 1.75);
  --ds-fontWidth-normal: 100%;
  --ds-fontWidth-condense: 90%;
  --ds-number-style: proportional-figures; /* Varying spacing */
  --ds-paragraphWidth-optimal: 65ch;
}

@supports (font-variation-settings: normal) {
  :root,
  :host {
    --ds-fontFamily-heading: 'Open Sans Variable', sans-serif;
    --ds-fontFamily-body: 'Open Sans Variable', sans-serif;
  }
}

/*# sourceMappingURL=variables.css.map */