@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Regular.ttf');
}

@font-face {
  font-family: 'Open Sans Bold';
  src: url('fonts/OpenSans-Bold.ttf');
}

@font-face {
  font-family: 'Open Sans Italic';
  src: url('fonts/OpenSans-Italic.ttf');
}

@font-face {
  font-family: 'Open Sans Light';
  src: url('fonts/OpenSans-Light.ttf');
}

@font-face {
  font-family: 'Open Sans Light Italic';
  src: url('fonts/OpenSans-LightItalic.ttf');
}

@font-face {
  font-family: 'Open Sans Semi Bold';
  src: url('fonts/OpenSans-SemiBold.ttf');
}

@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Regular.woff');
}

/* Custom variables */
:root {
  /* Z-indexes */
  --z-index-0p: 10;
  --z-index-1p: 20;
  --z-index-2p: 30;
  --z-index-3p: 40;
  --z-index-4p: 50;
  --z-index-5p: 60;
  --z-index-6p: 70;
  --z-index-7p: 80;
  --z-index-8p: 90;
  --z-index-9p: 100;

  /* Colors */

  /* Primary Colors */
  --color-custom-prussianblue: #003657;
  --color-custom-bahamablue: #00578e;
  --color-custom-blueribbon: #086ae2;
  --color-custom-alabaster: #fafafa;
  --color-custom-scienceblue: #065cc7;
  --color-custom-border: #d4dadd;

  /* Secondary Colors */
  --color-custom-lagoon: #00a3d6;
  --color-custom-lochmara: #007bb6;
  --color-custom-steel: #559bc3;
  --color-custom-eclipce: #3c3c3c;

  /* Gray Shades */
  --color-custom-cod: #1c1c1c;
  --color-custom-mine-shaft: #333;
  --color-custom-grey-shade-3: #6d6d6d;
  --color-custom-silver-chalice: #999;
  --color-custom-nevada: #616f76;
  --color-custom-silver: #ccc;
  --color-custom-gainsboro: #ddd;
  --color-custom-mercury: #e6e6e6;
  --color-custom-platinum: #dde9e0;
  --color-custom-athensgray: #e9ecef;
  --color-custom-gallery: #eee;
  --color-custom-concrete: #f5f5f5;
  --color-custom-stone: #bebebe;
  --color-custom-snow: #f9f9f9;
  --color-custom-mischka: #fafafb;
  --color-custom-porcelain: #e7ecef;
  --color-custom-grey-shade-11: #eee;
  --color-custom-grey-shade-17: #f2f5f7;
  --color-custom-grey-shade-18: #fafbfc;
  --color-custom-white: #ffffff;
  --color-custom-nevada-dark: #505c62;
  --color-custom-nobel: #aaa;
  --color-custom-porcelain-1: #dfe5e7;
  --color-custom-negative-light: #b32e31;
  --color-custom-ice: #d3eaf3;

  /* Indicator colors */
  --warning-background: #ee7624;
  --error-background: #cc2330;
  --confirmation-background: #348347;
  --info-background: var(--color-custom-prussianblue);

  /* Colors - Data Visualization */
  --chart-1-color: #e6e7f9;
  --chart-2-color: #c5c7ef;
  --chart-3-color: #a4a7e5;
  --chart-4-color: #8387dc;
  --chart-5-color: #5a5fd0;
  --chart-6-color: #43489c;
  --chart-7-color: #313472;
  --chart-8-color: #171939;
  --chart-9-color: #0f0f22;
  --chart-10-color: #ffe7db;
  --chart-11-color: #ffc6ad;
  --chart-12-color: #ffa57e;
  --chart-13-color: #ff854f;
  --chart-14-color: #ff5c14;
  --chart-15-color: #bf450f;
  --chart-16-color: #8c320a;
  --chart-17-color: #451905;
  --chart-18-color: #2a0f02;
  --chart-19-color: #d9f6ec;
  --chart-20-color: #a8ead2;
  --chart-21-color: #78ddb8;
  --chart-22-color: #47d19f;
  --chart-23-color: #03c37e;
  --chart-24-color: #07915f;
  --chart-25-color: #066a45;
  --chart-26-color: #023522;
  --chart-27-color: #011f15;
  --chart-28-color: #d9f1ff;
  --chart-29-color: #a6ddff;
  --chart-30-color: #73c9ff;
  --chart-31-color: #3fb7ff;
  --chart-32-color: #009fff;
  --chart-33-color: #0077bf;
  --chart-34-color: #00578c;
  --chart-35-color: #002c45;
  --chart-36-color: #001a2b;
  --chart-37-color: #dae5f8;
  --chart-38-color: #a9c2ed;
  --chart-39-color: #779fe3;
  --chart-40-color: #477cd9;
  --chart-41-color: #0a51cc;
  --chart-42-color: #063c99;
  --chart-43-color: #052c70;
  --chart-44-color: #021638;
  --chart-45-color: #010d21;

  /* Color additions */
  --color-custom-white-1: rgba(255, 255, 255, 0.8);
  --color-custom-white-2: rgba(255, 255, 255, 0.7);
  --color-custom-charlotte: #e6f5fb;
  --color-custom-ligth-blue: #e7f1fc;
  --color-custom-alto: #d7d7d7;
  --color-custom-Loblolly: #c2cbd0;
  --color-custom-warning-bg: #fff3da;
  --color-custom-smoke: #919191;
  --color-custom-white-opacity: rgba(255, 255, 255, 0.5);
  --color-custom-carbon: #646464;
  --color-custom-plum: #5a6f89;
  --color-custom-tundora: #444;
  --color-custom-atlantic: #427c99;
  --color-nice-blue: #127cb4;
  --color-custom-active-selection: #0a6ae2;
  --color-custom-positive: #0a7520;
  --color-custom-terracotta: #a36650;
  --color-custom-negative-dark: #ee595c;
  --color-custom-red: #b70000;
  --color-custom-saffron: #f2bb3a;
  --color-custom-black: #000000;
  --color-custom-cardinal: var(--error-background);
  --color-custom-chateaugreen: var(--confirmation-background);
}

/* Theme setting variables */
:root {
  /* Fonts */
  --font-family-open-sans-light: 'Open Sans Light';
  --font-family-open-sans-light-b: 'Open Sans Semi Bold';
  --font-family-open-sans-light-i: 'Open Sans Light Italic';
  --font-family-open-sans: 'Open Sans';
  --font-family-open-sans-b: 'Open Sans Bold';
  --font-family-open-sans-i: 'Open Sans Italic';

  --font-family-inter: 'Inter';

  --font-family: var(--font-family-open-sans);
  --font-size: 15px;
  --font-size-small: 0.9rem;
  --font-size-small-2: 14px;
  --font-size-regular: 15px;
  --font-weight-light: 200;
  --font-weight-normal: 400;
  /* TODO: Do we need to change this to 700? and semi-bold to 500? */
  --font-weight-bold: 600;
  --font-weight-custom-semi-bold: 500;

  --custom-scrollbar-width: var(--spacing-xxs);
  --custom-scrollbar-track-background-color: transparent;
  --custom-scrollbar-background-color: rgba(68, 68, 68, 0.3);
  --custom-scrollbar-hover-background-color: rgba(68, 68, 68, 0.6);
  --custom-scrollbar-active-background-color: rgba(68, 68, 68, 0.9);
  --custom-scrollbar-border-radius: 10px;
  --custom-scrollbar-vertical-padding-left: 0px;
  --custom-scrollbar-vertical-padding-right: var(--spacing-xxs);
  --custom-scrollbar-horizontal-padding-top: 0px;
  --custom-scrollbar-horizontal-padding-bottom: var(--spacing-xxs);
  --custom-scrollbar-padding-z-index: auto;

  /* Fonts - Headlines */
  --headline-font-family: var(--font-family-open-sans);
  --headline-1-font-family: var(--headline-font-family);
  --headline-2-font-family: var(--headline-font-family);
  --headline-3-font-family: var(--headline-font-family);
  --headline-4-font-family: var(--headline-font-family);
  --headline-5-font-family: var(--headline-font-family);
  --headline-6-font-family: var(--headline-font-family);
  --headline-7-font-family: var(--headline-font-family);

  --headline-font-weight: 600;
  --headline-1-font-weight: var(--headline-font-weight);
  --headline-2-font-weight: var(--headline-font-weight);
  --headline-3-font-weight: var(--headline-font-weight);
  --headline-4-font-weight: var(--headline-font-weight);
  --headline-5-font-weight: var(--headline-font-weight);
  --headline-6-font-weight: var(--headline-font-weight);
  --headline-7-font-weight: var(--headline-font-weight);

  --headline-1-font-size: 2.4rem;
  --headline-2-font-size: 2rem;
  --headline-3-font-size: 1.6rem;
  --headline-4-font-size: 1.2rem;
  --headline-5-font-size: 0.933rem;
  --headline-6-font-size: 0.8rem;
  --headline-7-font-size: 0.75rem;
  --tab-large-font-size: 22px;

  --headline-1-line-height: 3.269rem;
  --headline-2-line-height: 2.723rem;
  --headline-3-line-height: 2.1787rem;
  --headline-4-line-height: 1.635rem;
  --headline-5-line-height: 1.27rem;
  --headline-6-line-height: 1.089rem;
  --headline-7-line-height: 0.75rem;

  --headline-1-letter-spacing: -0.0933rem;
  --headline-2-letter-spacing: -0.0566rem;
  --headline-3-letter-spacing: -0.0573rem;
  --headline-4-letter-spacing: -0.054rem;
  --headline-5-letter-spacing: normal;
  --headline-6-letter-spacing: normal;
  --headline-7-letter-spacing: normal;

  --headline-color: var(--text-primary-color);
  --headline-inverse-color: var(--text-inverse-color);
  --headline-margin-bottom: 0;

  /* Fonts - Body */
  --body-color: var(--text-primary-color);
  --body-font-family: var(--font-family-open-sans);
  --body-font-size: 1rem;
  --body-font-weight: var(--font-weight-bold);
  --body-line-height: 1.333rem;

  --body-1-color: var(--body-color);
  --body-1-font-family: var(--body-font-family);
  --body-1-font-size: var(--body-font-size);
  --body-1-font-weight: 400;
  --body-1-line-height: var(--body-line-height);

  --body-2-color: var(--body-color);
  --body-2-font-family: var(--body-font-family);
  --body-2-font-size: var(--body-font-size);
  --body-2-font-weight: 600;
  --body-2-line-height: var(--body-line-height);

  --body-3-color: var(--body-color);
  --body-3-font-family: var(--body-font-family);
  --body-3-font-size: var(--body-font-size);
  --body-3-font-weight: 700;
  --body-3-line-height: var(--body-line-height);

  --body-4-color: var(--body-color);
  --body-4-font-family: var(--body-font-family);
  --body-4-font-size: 0.933rem;
  --body-4-font-weight: 700;
  --body-4-line-height: 1.2rem;

  --body-5-color: var(--body-color);
  --body-5-font-family: var(--body-font-family);
  --body-5-font-size: 0.933rem;
  --body-5-font-weight: 600;
  --body-5-line-height: 1.2rem;

  --body-6-color: var(--body-color);
  --body-6-font-family: var(--font-family-open-sans-i);
  --body-6-font-size: 0.933rem;
  --body-6-font-weight: var(--body-font-weight);
  --body-6-line-height: 1.2rem;

  --body-7-color: var(--color-custom-nevada);
  --body-7-font-family: var(--body-font-family);
  --body-7-font-size: 0.933rem;
  --body-7-font-weight: 400;
  --body-7-line-height: 1.2rem;

  /* Fonts - Numbers */
  --number-font-family: var(--font-family-open-sans);
  --number-font-weight: 600;
  --number-color: var(--text-primary-color);

  --number-1-font-size: 2.25rem;
  --number-1-line-height: 2.25rem;
  --number-1-spacing: -0.0933rem;

  --number-2-font-size: 1.875rem;
  --number-2-line-height: 1.875rem;
  --number-2-spacing: -0.0566rem;

  --number-3-font-size: 1.5rem;
  --number-3-line-height: 1.5rem;
  --number-3-spacing: -0.0573rem;

  --number-4-font-size: 1.125rem;
  --number-4-line-height: 1.125rem;
  --number-4-spacing: -0.054rem;

  --number-5-font-size: 1.066rem;
  --number-5-line-height: 1.2rem;
  --number-5-spacing: initial;

  --number-6-font-size: 0.933rem;
  --number-6-line-height: 0.933rem;
  --number-6-spacing: initial;

  --number-7-font-size: 0.75rem;
  --number-7-line-height: 0.75rem;
  --number-7-spacing: initial;

  --number-1-superscript-font-family: var(--font-family-open-sans);
  --number-1-superscript-font-size: 2.133rem;
  --number-1-superscript-line-height: 2.133rem;
  --number-1-superscript-spacing: -0.0666rem;

  --number-2-superscript-font-family: var(--font-family-open-sans);
  --number-2-superscript-font-size: 1.466rem;
  --number-2-superscript-line-height: 1.466rem;
  --number-2-superscript-spacing: -0.045rem;

  --number-positive-color: var(--color-custom-positive);
  --number-negative-color: var(--color-custom-negative);

  /* Fonts - Tables */
  --table-header-font-weight: var(--font-weight-normal);
  --table-header-font-family: 'Montserrat-Regular';
  --table-header-font-size: 13px;
  --table-header-line-height: 16px;

  /* Fonts - Labels */
  --label-color: var(--text-tertiary-color);
  --label-font-family: var(--font-family-open-sans);
  --label-font-size: 0.866rem;
  --label-line-height: 1rem;
  --label-text-transform: inherit;
  --label-text-transform-2: capitalize;
  --label-font-weight: var(--font-weight-normal);

  --label-1-color: var(--text-primary-color);
  --label-1-font-family: var(--label-font-family);
  --label-1-font-size: 0.9333rem;
  --label-1-line-height: 0.9333rem;
  --label-1-text-transform: var(--label-text-transform);
  --label-1-letter-spacing: 0.067rem;
  --label-1-font-weight: 600;

  --label-2-color: var(--text-tertiary-color);
  --label-2-font-family: var(--label-font-family);
  --label-2-font-size: var(--label-font-size);
  --label-2-line-height: var(--label-line-height);
  --label-2-text-transform: var(--label-text-transform);
  --label-2-letter-spacing: 0.067rem;
  --label-2-font-weight: 700;

  --label-3-color: var(--text-tertiary-color);
  --label-3-font-family: var(--label-font-family);
  --label-3-font-size: 0.8rem;
  --label-3-line-height: 1.067rem;
  --label-3-text-transform: var(--label-text-transform);
  --label-3-font-weight: 600;

  --label-4-color: var(--text-tertiary-color);
  --label-4-font-family: var(--label-font-family);
  --label-4-font-size: 0.9333rem;
  --label-4-line-height: 1.3333rem;
  --label-4-text-transform: var(--label-text-transform);
  --label-4-font-weight: 600;

  --label-5-color: var(--text-secondary-color);
  --label-5-font-family: var(--label-font-family);
  --label-5-font-size: 0.733rem;
  --label-5-line-height: 0.8rem;
  --label-5-text-transform: var(--label-text-transform);

  /* Fonts - Links */
  --link-font-family: var(--font-family-open-sans);
  --link-font-size: 1rem;
  --link-line-height: 1.333rem;
  --link-letter-spacing: normal;
  --link-text-decoration: underline;
  --link-text-transform: none;
  --link-margin: 0px;
  --link-min-width: 72px;
  --link-padding: 6px 12px;

  --link-color: var(--color-custom-lochmara);
  --link-hover-color: var(--color-custom-prussianblue);
  --link-visited-color: var(--color-custom-eclipce);

  --link-inverse-color: var(--text-inverse-color);
  --link-inverse-hover-color: var(--color-custom-white);
  --link-inverse-visited-color: var(--color-custom-porcelain-1);

  --link-1-font-family: var(--link-font-family);
  --link-1-font-size: 0.933rem;
  --link-1-font-weight: 400;
  --link-1-line-height: 1.2rem;
  --link-1-letter-spacing: 0.067rem;
  --link-1-text-transform: none;
  --link-1-text-decoration: none;
  --link-1-hover-text-decoration: var(--link-text-decoration);
  --link-1-inverse-text-decoration: var(--link-text-decoration);
  --link-1-inverse-hover-text-decoration: var(--link-text-decoration);

  --link-2-font-family: var(--font-family-open-sans-light-b);
  --link-2-font-size: 0.933rem;
  --link-2-line-height: 1.2rem;
  --link-2-letter-spacing: var(--link-letter-spacing);
  --link-2-text-transform: var(--link-text-transform);
  --link-2-text-decoration: var(--link-text-decoration);
  --link-2-hover-text-decoration: var(--link-text-decoration);
  --link-2-inverse-text-decoration: var(--link-text-decoration);
  --link-2-inverse-hover-text-decoration: var(--link-text-decoration);

  --link-3-font-family: var(--link-font-family);
  --link-3-font-size: 0.933rem;
  --link-3-line-height: 1.2rem;
  --link-3-letter-spacing: var(--link-letter-spacing);
  --link-3-text-transform: var(--link-text-transform);
  --link-3-text-decoration: var(--link-text-decoration);
  --link-3-hover-text-decoration: var(--link-text-decoration);
  --link-3-inverse-text-decoration: var(--link-text-decoration);
  --link-3-inverse-hover-text-decoration: var(--link-text-decoration);

  --link-4-font-family: var(--link-font-family);
  --link-4-font-size: 0.866rem;
  --link-4-line-height: 1rem;
  --link-4-letter-spacing: var(--link-letter-spacing);
  --link-4-text-transform: var(--link-text-transform);
  --link-4-text-decoration: var(--link-text-decoration);
  --link-4-hover-text-decoration: var(--link-text-decoration);
  --link-4-inverse-text-decoration: var(--link-text-decoration);
  --link-4-inverse-hover-text-decoration: var(--link-text-decoration);

  /* Colors */

  /* Main/Brand */
  --brand-1-background: var(--color-custom-bahamablue);
  --brand-2-background: var(--color-custom-tundora);
  --brand-3-background: var(--color-custom-prussianblue);
  --brand-4-background: var(--color-custom-white);
  --brand-5-background: #f7f6f5;

  /* Text */
  --text-primary-color: var(--color-custom-mine-shaft);
  --text-secondary-color: var(--color-custom-nevada);
  --text-tertiary-color: var(--color-custom-carbon);
  --text-disabled-color: var(--color-custom-stone);
  --text-disabled-inverse-color: var(--color-custom-white);
  --text-positive-color: var(--color-custom-chateaugreen);
  --text-negative-color: var(--color-custom-cardinal);
  --text-warning-color: var(--color-custom-warning);
  --text-link-color: var(--color-custom-blueribbon);
  --text-inverse-color: var(--color-custom-white);

  /* Colors - Backgrounds */

  /* Other */
  --color-highlight: var(--color-custom-lochmara);
  --color-focus: #e7f9ff;
  --color-tundora: var(--color-custom-tundora);
  --color-border: var(--color-custom-gainsboro);

  /* Colors - Grays */
  --gray-1-color: var(--color-custom-eclipce);
  --gray-2-color: var(--color-tertiary);
  --gray-3-color: var(--color-custom-nobel);
  --gray-4-color: var(--color-custom-silver);
  --gray-5-color: var(--color-custom-gainsboro);
  --gray-6-color: var(--color-custom-snow);
  --gray-8-color: var(--color-custom-alto);
  --gray-9-color: var(--color-custom-mercury);
  --gray-11-color: var(--color-custom-alabaster);
  --gray-12-color: var(--color-custom-alabaster);
  --gray-13-color: #ffffff;

  /* Colors - Tables */
  --table-border-color: var(--color-custom-nobel);
  --table-header-color: var(--color-custom-nevada);
  --table-foreground-color: var(--color-custom-carbon);
  --table-row-hover-color: var(--color-custom-charlotte);
  --table-background-color: var(--color-custom-white);
  --table-header-background-color: var(--color-custom-white);
  --table-header-cell-hover-background-color: var(--color-custom-charlotte);
  --table-row-indicator-2-background-color: var(--color-custom-negative-light);

  /* Spacing */
  --spacing-xxxs: 3px;
  --spacing-xxs: 6px;
  --spacing-xsx: 8px;
  --spacing-xs: 12px;
  --spacing-xss: 18px;
  --spacing-xsss: 20px;
  --spacing-s: 24px;
  --spacing-m: 36px;
  --spacing-l: 54px;
  --spacing-xl: 72px;

  /* Grids */
  --grid-gap: var(--spacing-xs);
  --grid-sm-gap: var(--spacing-xs);
  --grid-md-gap: var(--spacing-s);
  --grid-lg-gap: var(--spacing-s);
  --grid-xl-gap: var(--spacing-s);

  --grid-sm-margin: var(--spacing-xs);
  --grid-md-margin: var(--spacing-s);
  --grid-lg-margin: var(--spacing-m);
  --grid-xl-margin: 48px;

  /* Forms */
  --form-required-info-color: var(--text-negative-color);
  --form-required-info-font-size: 16px;
  --form-required-info-right: var(--spacing-s);

  --form-control-display: inline-block;
  --form-control-font-family: var(--body-font-family);
  --form-control-font-size: var(--body-5-font-size);
  --form-control-focus-box-shadow: 0 0 0 1px #086ae280, 0 0 0 2px #086ae280;
  --form-control-sm-font-size: var(--body-3-font-size);
  --form-control-line-height: 20px;
  --form-control-sm-line-height: var(--spacing-xss);
  --form-control-color: var(--color-custom-mine-shaft, --text-primary-color);
  --form-control-font-color-disabled: var(--color-custom-nevada);
  --form-control-placeholder-color: var(--color-custom-nevada);
  --form-control-placeholder-inverse-color: var(--color-custom-white-1);
  --form-control-background: white;
  --form-control-width: auto;
  --form-control-min-width: var(--select-min-width);
  --form-control-max-width: 100%;
  --form-control-height: var(--spacing-m);
  --form-control-sm-height: var(--spacing-s);
  --form-control-border-radius: 0;
  --form-control-box-shadow: none;
  --form-control-padding-left: var(--spacing-xs);
  --form-control-padding-right: var(--spacing-xs);
  --form-control-margin-top: 0px;
  --form-control-margin-right: 0px;
  --form-control-margin-bottom: 0;
  --form-control-margin-left: 0px;
  --form-control-vertical-align: bottom;
  --form-control-border-width: 1px;
  --form-control-border-style: solid;
  --form-control-border-color: var(--color-custom-nevada);
  --form-control-border-color-focus: var(--color-custom-bahamablue);
  --form-control-required-border-color: var(--form-control-border-color);
  --form-control-locked-icon-position-left: var(--spacing-xs);
  --form-control-secondary-color: var(--text-secondary-color);
  --form-control-secondary-padding-left: 0px;
  --form-control-secondary-padding-right: 0px;
  --form-control-secondary-border-width: 0 0 1px 0;
  --form-control-secondary-border-color: var(--form-control-border-color);
  --form-control-secondary-required-border-color: var(--form-control-secondary-border-color);
  --form-control-secondary-background: var(--form-control-background);
  --form-control-secondary-locked-icon-position-left: 0px;
  --form-control-inverse-color: var(--text-inverse-color);
  --form-control-inverse-border-color: var(--text-inverse-color);
  --form-control-inverse-required-border-color: var(--form-control-inverse-border-color);
  --form-control-inverse-border-width: 0 0 1px 0;
  --form-control-inverse-background: transparent;
  --form-control-inverse-padding-left: 0px;
  --form-control-inverse-padding-right: 0px;
  --form-control-bottom-error-message-left: 24px;
  --form-control-bottom-icon-padding-top: 5px;
  --form-control-error-bottom-icon-padding-top: 1px;
  --form-control-inverse-hover-border-color: var(--color-custom-white-opacity);
  --form-control-inverse-error-border-color: var(--color-custom-negative-dark);
  --form-control-inverse-error-color: var(--color-custom-negative-dark);
  --form-control-inverse-warning-border-color: var(--form-control-inverse-border-color);
  --form-control-inverse-warning-color: var(--form-control-inverse-color);
  --form-control-inverse-label-color: var(--color-custom-white-1);
  --form-control-inverse-placeholder-color: rgba(255, 255, 255, 0.75);
  --form-control-inverse-description-color: var(--text-inverse-color);
  --form-control-inverse-icon-color: var(--text-inverse-color);
  --form-control-inverse-locked-icon-color: var(--text-inverse-color);
  --form-control-inverse-locked-icon-position-left: 0;
  --form-control-inverse-disabled-color: rgba(190, 190, 190, 0.7);
  --form-control-inverse-disabled-border-color: rgba(190, 190, 190, 0.7);
  --form-control-inverse-disabled-icon-color: rgba(190, 190, 190, 0.7);
  --form-control-disabled-color: var(--color-custom-silver);
  --form-control-disabled-border-color: var(--color-custom-stone);
  --form-control-disabled-background: var(--color-custom-porcelain);
  --form-control-locked-color: var(--color-custom-mine-shaft);
  --form-control-locked-icon-color: var(--color-custom-mine-shaft);
  --form-control-locked-border-color: var(--color-custom-Loblolly);
  --form-control-locked-background: var(--color-custom-athensgray);
  --form-control-required-asterisk-color: var(--color-custom-cardinal);
  --form-control-required-asterisk-font-size: var(--body-2-font-size);
  --form-control-error-icon-margin-bottom: var(--spacing-xxxs);
  --form-control-error-icon-color: var(--color-custom-cardinal);
  --form-control-error-border-color: var(--color-custom-cardinal);
  --form-control-error-color: var(--color-custom-cardinal);
  --form-control-error-font-family: var(--font-family-open-sans);
  --form-control-error-font-size: var(--font-size-small-2);
  --form-control-error-font-style: normal;
  --form-control-error-line-height: 21px;
  --form-control-error-margin-top: var(--spacing-xxs);
  --form-control-error-message-margin-top: var(--spacing-xxxs);
  --form-control-label-color-error: var(--error-background);
  --form-control-warning-color: var(--warning-background);
  ---form-control-icon-warning-color: var(--warning-background);
  --form-control-warning-border-color: var(--form-control-border-color);
  --form-control-warning-font-family: var(--font-family-open-sans);
  --form-control-warning-font-size: var(--font-size-small-2);
  --form-control-warning-font-style: normal;
  --form-control-warning-line-height: 21px;
  --form-control-warning-margin-top: var(--spacing-xxxs);
  --form-control-success-color: var(--confirmation-background);
  --form-control-icon-success-color: var(--confirmation-background);
  --form-control-success-border-color: var(--form-control-border-color);
  --form-control-success-font-family: var(--font-family-open-sans);
  --form-control-success-font-size: var(--font-size-small-2);
  --form-control-success-font-style: normal;
  --form-control-success-line-height: var(--spacing-xss);
  --form-control-success-margin-top: var(--spacing-xxxs);
  --form-control-label-info-icon-color: var(--color-custom-nevada);
  --form-control-info-color: var(--info-background);
  --form-control-icon-info-color: var(--info-background);
  --form-control-info-border-color: var(--form-control-border-color);
  --form-control-info-font-family: var(--font-family-open-sans);
  --form-control-info-font-size: var(--font-size-small-2);
  --form-control-info-font-style: normal;
  --form-control-info-line-height: var(--spacing-xss);
  --form-control-info-margin-top: var(--spacing-xxxs);
  --form-control-focus-border-color: var(--color-custom-bahamablue);
  --form-control-hover-border-color: var(--color-custom-mine-shaft);
  --form-control-label-font-family: var(--label-4-font-family);
  --form-control-label-font-size: var(--font-size-small-2);
  --form-control-label-color: var(--label-1-color);
  --form-control-label-line-height: var(--label-4-line-height);
  --form-control-label-margin-bottom: var(--spacing-xxs);
  --form-control-label-inline-padding-right: var(--spacing-xs);
  --form-control-label-inline-width: 25%;
  --form-control-description-font-size: var(--font-size-small);
  --form-control-description-color: var(--text-tertiary-color);
  --form-control-description-margin-top: var(--spacing-xxs);
  --form-control-prefix-font-weight: var(--font-weight-normal);
  --form-control-prefix-font-size: var(--font-family-open-sans);
  --form-control-prefix-color: var(--color-custom-carbon);
  --form-control-prefix-padding: var(--spacing-xs);
  --form-control-input-secondary-error-icon-display: block;
  --form-control-textarea-locked-icon-display: block;
  --form-control-textarea-locked-padding-left: calc(
    var(--textarea-padding) + var(--icon-size-xs) + var(--spacing-xs)
  );
  --form-control-textarea-locked-icon-position-top: var(--spacing-xs);
  --form-control-animation-border-color-timing: 0.25s ease-out 0s;

  --input-cursor: caret;
  --input-width: var(--form-control-width);
  --input-min-width: var(--form-control-min-width);
  --input-max-width: var(--form-control-max-width);
  --input-text-overflow: clip;
  --input-stepper-arrow-right: 0px;
  --input-area-icon-selected-left: var(--spacing-xsx);
  --input-stepper-arrow-up-top: 0px;
  --input-stepper-arrow-down-top: var(--spacing-xss);
  --input-stepper-arrow-width: 34px;
  --input-stepper-arrow-height: 16px;
  --input-stepper-arrow-background: var(--color-custom-concrete);
  --input-stepper-arrow-hover-background: var(--color-custom-concrete);
  --input-stepper-arrow-active-background: var(--color-custom-concrete);
  --input-stepper-inverse-arrow-hover-background: transparent;
  --input-stepper-inverse-arrow-active-background: transparent;
  --input-stepper-arrow-container-background: var(--color-custom-alto);
  --input-stepper-arrow-container-width: 34px;
  --input-stepper-disabled-arrow-background: var(--color-custom-alto);
  --input-stepper-disabled-arrow-color: var(--color-custom-smoke);
  --input-stepper-disabled-arrow-container-background: var(--color-custom-stone);

  --search-input-width: var(--form-control-min-width);
  --search-input-min-width: var(--form-control-min-width);
  --search-input-max-width: var(--form-control-max-width);
  --search-input-padding-right: 30px;
  --search-input-clear-icon-margin-right: var(--spacing-xxs);
  --search-input-with-label-clear-icon-margin-top: 23px;

  --textarea-cursor: caret;
  --textarea-width: var(--form-control-width);
  --textarea-min-width: var(--form-control-min-width);
  --textarea-max-width: var(--form-control-max-width);
  --textarea-min-height: 144px;
  --textarea-padding: var(--form-control-padding-left);
  --textarea-secondary-padding: 0 var(--form-control-padding);
  --textarea-secondary-min-height: var(--form-control-height);
  --textarea-inverse-padding: 0 var(--form-control-padding);
  --textarea-inverse-min-height: var(--form-control-height);

  --select-width: var(--form-control-width);
  --select-min-width: var(--form-control-min-width);
  --select-max-width: var(--form-control-max-width);
  --select-button-min-width: 100px;
  --select-button-max-width: 200px;
  --select-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
  --select-border-radius: 2px;
  --select-border-width: 1px;
  --select-border-color: var(--color-custom-Loblolly);
  --select-list-height: 300px;
  --select-list-padding: var(--spacing-xxs);
  --select-list-width: auto;
  --select-list-min-width: var(--form-control-min-width);
  --select-list-max-width: none;
  --select-option-color: var(--text-primary-color);
  --select-option-background: var(--color-custom-white);
  --select-option-hover-color: var(--text-primary-color);
  --select-option-hover-background: var(--color-custom-gallery);
  --select-option-min-height: var(--spacing-m);
  --select-option-padding: 11px var(--spacing-xs);
  --select-option-disabled-color: inherit;
  --select-option-disabled-background: inherit;
  --select-button-justify-content: space-between;
  --select-header-background-color: var(--select-option-background);
  --select-header-padding: var(--select-list-padding) 0;
  --select-footer-background: var(--select-option-background);
  --select-footer-padding: var(--select-list-padding) 0;
  --select-z-index: calc(var(--z-index-0p) + 2);
  --select-label-min-width: 50px;
  --select-option-active-background: var(--color-custom-lochmara);
  --select-option-active-color: var(--color-custom-white);

  --form-search-input-margin: 0px;

  --form-control-arrow-color: var(--color-custom-cod);
  --form-control-arrow-color-focused: var(--color-custom-cod);
  --form-control-stepper-arrow-width: 2px;
  --form-control-stepper-arrow-size: 8px;

  --form-check-margin-top: 0px;
  --form-check-margin-right: 0px;
  --form-check-margin-bottom: var(--spacing-xs);
  --form-check-margin-left: 0px;

  /* Buttons */
  --button-max-height: var(--spacing-m);
  --button-font-size: var(--font-size-small-2);
  --button-font-family: var(--label-1-font-family);
  --button-font-weight: var(--font-weight-custom-semi-bold);
  --button-text-transform: var(--label-1-text-transform);
  --button-text-transform-2: var(--label-text-transform-2);
  --button-text-overflow: unset;
  --button-letter-spacing: 0px;
  --button-line-height: 20px;
  --button-min-width: 71px;
  --button-max-width: 400px;
  --button-min-height: var(--spacing-m, 36px);
  --button-size-sm: var(--spacing-m, 36px);
  --button-size-m: 48px;
  --button-size-lg: 60px;
  --button-padding-vertical: var(--spacing-xs, 12px);
  --button-padding-horizontal: var(--button-icon-padding, 8px);
  --button-padding-vertical-sm: 0;
  --button-padding-horizontal-sm: var(--spacing-xs, 12px);
  --button-padding-vertical-m: 0;
  --button-padding-horizontal-m: var(--spacing-xs, 12px);
  --button-padding-vertical-lg: 0;
  --button-padding-horizontal-lg: var(--spacing-xs, 12px);
  --button-margin-top: 0;
  --button-margin-right: 0px;
  --button-margin-bottom: 0;
  --button-margin-left: 0;
  --button-border-radius: 4px;
  --button-justify-content: center;
  --button-focus-outline: none;
  --button-min-height: var(--spacing-m, 36px);

  --button-primary-color: var(--color-custom-white);
  --button-primary-border-color: transparent;
  --button-primary-background: var(--color-custom-blueribbon);
  --button-primary-overlay-background: transparent;
  --button-primary-hover-background: var(--color-custom-scienceblue);
  --button-primary-hover-text-decoration: none;
  --button-primary-overlay-hover-background: var(--color-custom-scienceblue);
  --button-primary-hover-border-color: transparent;
  --button-primary-active-background: var(--color-custom-prussianblue);
  --button-primary-overlay-active-background: var(--color-custom-prussianblue);
  --button-primary-active-border-color: transparent;
  --button-primary-blend-mode: normal;
  --button-primary-overlay-blend-mode: normal;
  --button-primary-disabled-color: var(--color-custom-nevada);
  --button-primary-disabled-background: var(--color-custom-border);
  --button-primary-disabled-border-color: transparent;
  --button-primary-icon-color: var(--color-custom-tundora);
  --button-primary-icon-hover-color: var(--color-custom-carbon);
  --button-primary-icon-disabled-color: var(--color-custom-nevada);
  --button-primary-border-width: 1px;
  --button-primary-active-border-width: 1px;
  --button-primary-hover-border-width: 1px;
  --button-primary-disabled-border-width: 1px;
  --button-primary-focus-outline: none;
  --button-focus-ring-color: var(--color-custom-blueribbon);
  --button-focus-ring-width: 2px;
  --button-focus-ring-height: 2px;
  --button-focus-ring-radius: 5px;
  --button-link-focus-ring-width: 2px;
  --button-link-focus-ring-height: 24px;

  --button-primary-inverse-color: var(--color-custom-prussianblue);
  --button-primary-inverse-border-color: transparent;
  --button-primary-inverse-background: var(--color-custom-white);
  --button-primary-inverse-overlay-background: var(--color-custom-white-opacity);
  --button-primary-inverse-hover-background: var(--color-custom-white-opacity);
  --button-primary-inverse-hover-text-decoration: none;
  --button-primary-inverse-hover-color: var(--color-custom-prussianblue);
  --button-primary-inverse-overlay-hover-background: var(--color-custom-white);
  --button-primary-inverse-hover-border-color: transparent;
  --button-primary-inverse-active-background: var(--color-custom-porcelain-1);
  --button-primary-inverse-active-color: var(--color-custom-prussianblue);
  --button-primary-inverse-overlay-active-background: transparent;
  --button-primary-inverse-active-border-color: transparent;
  --button-primary-inverse-blend-mode: normal;
  --button-primary-inverse-overlay-blend-mode: normal;
  --button-primary-inverse-disabled-color: var(--color-custom-nevada);
  --button-primary-inverse-disabled-background: var(--color-custom-mercury);
  --button-primary-inverse-disabled-border-color: transparent;
  --button-primary-inverse-icon-color: var(--color-custom-tundora);
  --button-primary-inverse-icon-hover-color: var(--color-custom-carbon);
  --button-primary-inverse-icon-disabled-color: var(--color-custom-mercury);
  --button-primary-inverse-border-width: 1px;
  --button-primary-inverse-active-border-width: 1px;
  --button-primary-inverse-hover-border-width: 1px;
  --button-primary-inverse-disabled-border-width: 1px;
  --button-primary-inverse-focus-outline: 1px solid var(--color-custom-bahamablue);

  --button-secondary-color: var(--color-custom-nevada);
  --button-secondary-border-color: var(--color-custom-nevada);
  --button-secondary-background: transparent;
  --button-secondary-overlay-background: transparent;
  --button-secondary-hover-color: var(--color-custom-nevada);
  --button-secondary-border-color-hover: var(--color-custom-nevada);
  --button-secondary-hover-background: var(--color-custom-nevada);
  --button-secondary-hover-text-decoration: none;
  --button-secondary-overlay-hover-background: var(--color-custom-grey-shade-17);
  --button-secondary-hover-border-color: transparent;
  --button-secondary-active-background: var(--color-custom-nevada-dark);
  --button-secondary-active-color: var(--color-custom-mine-shaft);
  --button-secondary-overlay-active-background: var(--color-custom-gainsboro);
  --button-secondary-active-border-color: var(--color-custom-nevada);
  --button-secondary-blend-mode: normal;
  --button-secondary-overlay-blend-mode: normal;
  --button-secondary-disabled-color: var(--color-custom-silver-chalice);
  --button-secondary-disabled-background: var(--color-custom-gainsboro);
  --button-secondary-disabled-border-color: var(--color-custom-Loblolly);
  --button-secondary-icon-color: var(--color-custom-tundora);
  --button-secondary-icon-hover-color: var(--color-custom-nevada);
  --button-secondary-icon-disabled-color: var(--color-custom-silver-chalice);
  --button-secondary-border-width: 1px;
  --button-secondary-border-style: solid;
  --button-secondary-hover-border-width: 1px;
  --button-secondary-active-border-width: 1px;
  --button-secondary-disabled-border-width: 1px;
  --button-secondary-focus-outline: none;
  --button-secondary-focus-background: var(--color-custom-white);
  --button-secondary-focus-border: 1px solid var(--color-custom-nevada);
  --button-secondary-focus-color: var(--color-custom-nevada);

  --button-secondary-inverse-color: var(--color-custom-alabaster);
  --button-secondary-inverse-border-color: var(--color-custom-alabaster);
  --button-secondary-inverse-background: transparent;
  --button-secondary-inverse-overlay-background: transparent;
  --button-secondary-inverse-hover-color: var(--color-custom-prussianblue);
  --button-secondary-inverse-hover-background: var(--color-custom-white-opacity);
  --button-secondary-inverse-hover-text-decoration: none;
  --button-secondary-inverse-overlay-hover-background: rgba(255, 255, 255, 0.3);
  --button-secondary-inverse-hover-border-color: transparent;
  --button-secondary-inverse-active-background: var(--color-custom-porcelain-1);
  --button-secondary-inverse-overlay-active-background: var(--color-custom-porcelain-1);
  --button-secondary-inverse-active-color: var(--color-custom-prussianblue);
  --button-secondary-inverse-active-border-color: transparent;
  --button-secondary-inverse-blend-mode: normal;
  --button-secondary-inverse-overlay-blend-mode: normal;
  --button-secondary-inverse-disabled-color: var(--color-custom-stone);
  --button-secondary-inverse-disabled-background: var(--color-custom-mercury);
  --button-secondary-inverse-disabled-border-color: transparent;
  --button-secondary-inverse-icon-color: var(--color-custom-tundora);
  --button-secondary-inverse-icon-hover-color: var(--color-custom-carbon);
  --button-secondary-inverse-icon-disabled-color: var(--color-custom-mercury);
  --button-secondary-inverse-border-width: 1px;
  --button-secondary-inverse-hover-border-width: 1px;
  --button-secondary-inverse-active-border-width: 1px;
  --button-secondary-inverse-disabled-border-width: 1px;
  --button-secondary-inverse-focus-outline: 1px solid var(--color-custom-bahamablue);
  --button-secondary-inverse-focus-background: var(--color-custom-porcelain-1);
  --button-secondary-inverse-focus-border: 1px solid transparent;
  --button-secondary-inverse-focus-color: var(--color-custom-prussianblue);

  --button-tertiary-color: var(--color-custom-blueribbon);
  --button-tertiary-border-color: transparent;
  --button-tertiary-background: var(--color-custom-grey-shade-17);
  --button-tertiary-overlay-background: transparent;
  --button-tertiary-hover-background: var(--color-custom-porcelain);
  --button-tertiary-hover-text-decoration: none;
  --button-tertiary-overlay-hover-background: var(--color-custom-porcelain);
  --button-tertiary-hover-border-color: transparent;
  --button-tertiary-active-background: var(--chart-37-color);
  --button-tertiary-overlay-active-background: var(--chart-37-color);
  --button-tertiary-active-border-color: #e4e4e4;
  --button-tertiary-blend-mode: normal;
  --button-tertiary-overlay-blend-mode: normal;
  --button-tertiary-disabled-color: var(--color-custom-silver-chalice);
  --button-tertiary-disabled-background: var(--color-custom-gainsboro);
  --button-tertiary-disabled-border-color: transparent;
  --button-tertiary-icon-color: var(--color-custom-blueribbon);
  --button-tertiary-icon-hover-color: var(--color-custom-blueribbon);
  --button-tertiary-icon-disabled-color: var(--color-custom-silver-chalice);
  --button-tertiary-border-width: 1px;
  --button-tertiary-hover-border-width: 1px;
  --button-tertiary-disabled-border-width: 1px;
  --button-tertiary-active-border-width: 1px;
  --button-tertiary-border-style: solid;
  --button-tertiary-focus-background: var(--color-custom-grey-shade-17);
  --button-tertiary-focus-border: transparent;
  --button-tertiary-focus-color: var(--color-custom-blueribbon);

  --button-tertiary-inverse-color: var(--color-custom-white);
  --button-tertiary-inverse-active-color: var(--color-custom-white);
  --button-tertiary-inverse-hover-color: var(--color-custom-white);
  --button-tertiary-inverse-border-color: rgba(255, 255, 255, 0.75);
  --button-tertiary-inverse-background: transparent;
  --button-tertiary-inverse-overlay-background: transparent;
  --button-tertiary-inverse-hover-background: transparent;
  --button-tertiary-inverse-hover-text-decoration: none;
  --button-tertiary-inverse-overlay-hover-background: transparent;
  --button-tertiary-inverse-hover-border-color: var(--color-custom-white);
  --button-tertiary-inverse-active-background: rgba(0, 0, 0, 0.3);
  --button-tertiary-inverse-overlay-active-background: transparent;
  --button-tertiary-inverse-active-border-color: rgba(0, 0, 0, 0.3);
  --button-tertiary-inverse-blend-mode: normal;
  --button-tertiary-inverse-overlay-blend-mode: normal;
  --button-tertiary-inverse-disabled-color: var(--color-custom-smoke);
  --button-tertiary-inverse-disabled-background: transparent;
  --button-tertiary-inverse-disabled-border-color: var(--color-custom-stone);
  --button-tertiary-inverse-icon-color: var(--color-custom-tundora);
  --button-tertiary-inverse-icon-hover-color: var(--color-custom-carbon);
  --button-tertiary-inverse-icon-disabled-color: var(--color-custom-mercury);
  --button-tertiary-inverse-border-width: 1px;
  --button-tertiary-inverse-hover-border-width: 1px;
  --button-tertiary-inverse-active-border-width: 1px;
  --button-tertiary-inverse-disabled-border-width: 1px;

  --button-inverse-color: var(--color-custom-white);
  --button-inverse-border-color: rgba(255, 255, 255, 0.75);
  --button-inverse-background: transparent;
  --button-inverse-overlay-background: transparent;
  --button-inverse-hover-background: transparent;
  --button-inverse-hover-text-decoration: none;
  --button-inverse-overlay-hover-background: transparent;
  --button-inverse-hover-border-color: var(--color-custom-white);
  --button-inverse-active-background: rgba(0, 0, 0, 0.3);
  --button-inverse-overlay-active-background: transparent;
  --button-inverse-active-border-color: rgba(0, 0, 0, 0.3);
  --button-inverse-blend-mode: normal;
  --button-inverse-overlay-blend-mode: normal;
  --button-inverse-disabled-color: var(--color-custom-smoke);
  --button-inverse-disabled-background: transparent;
  --button-inverse-disabled-border-color: var(--color-custom-stone);
  --button-inverse-icon-color: var(--color-custom-tundora);
  --button-inverse-icon-hover-color: var(--color-custom-carbon);
  --button-inverse-icon-disabled-color: var(--color-custom-mercury);
  --button-inverse-border-width: 1px;
  --button-inverse-hover-border-width: 1px;
  --button-inverse-active-border-width: 1px;
  --button-inverse-disabled-border-width: 1px;

  --button-icon-color: var(--color-custom-tundora);
  --button-icon-display: inline-flex;
  --button-icon-border-color: var(--color-nice-blue);
  --button-icon-icon-color: var(--color-custom-blueribbon);
  --button-icon-hover-color: var(--color-custom-scienceblue);
  --button-link-color-active: var(--color-custom-prussianblue);
  --button-icon-hover-border-color: transparent;
  --button-icon-hover-text-decoration: none;
  --button-icon-icon-hover-color: var(--color-custom-scienceblue);
  --button-icon-icon-active-color: var(--color-custom-prussianblue);
  --button-icon-active-border-color: transparent;
  --button-icon-disabled-color: var(--color-custom-nevada);
  --button-icon-icon-disabled-color: var(--color-custom-nevada);
  --button-icon-left-text-margin-left: 4px;
  --button-icon-right-text-margin-right: 8px;
  --button-icon-padding: 8px;

  --button-link-color: var(--color-custom-blueribbon);
  --button-cta-link-color: var(--color-custom-blueribbon);
  --button-link-color-active: var(--color-custom-prussianblue);
  --button-link-background: transparent;
  --button-link-hover-color: var(--color-custom-prussianblue);
  --button-cta-link-focus-outline: var(--color-custom-bahamablue);
  --button-cta-link-hover-color: var(--color-custom-blueribbon);
  --button-link-active-text-decoration: underline;
  --button-link-hover-text-decoration: underline;
  --button-link-icon-color: var(--color-custom-tundora);
  --button-link-icon-hover-color: var(--color-custom-scienceblue);
  --button-link-icon-disabled-color: var(--color-custom-mercury);
  --button-link-inverse-hover-color: rgba(255, 255, 255, 0.5);
  --button-link-background: transparent;
  --button-link-border-color: transparent;
  --button-link-hover-border-color: transparent;
  --button-link-padding-vertical: 0;
  --button-link-padding-horizontal: 0;
  --button-link-min-width: 0;
  --button-link-min-height: 0;

  --button-color-success: var(--color-custom-white);
  --button-background-success: #2eac62;
  --button-background-success-hover: #36b56b;
  --button-background-success-active: #1c7d45;
  --button-color-info: var(--color-custom-white);
  --button-background-info: var(--color-custom-plum);
  --button-background-info-hover: #55667a;
  --button-background-info-active: #55667a;
  --button-color-warning: var(--color-custom-cod);
  --button-background-warning: var(color-custom-warning-bg);
  --button-background-warning-hover: #e9dfca;
  --button-background-warning-active: #e9dfca;
  --button-color-danger: var(--color-custom-negative);
  --button-background-danger: #ffbdbd;
  --button-background-danger-hover: #dfc9c7;
  --button-background-danger-active: #dfc9c7;

  --button-animation-background-timing: 0.15s ease-out 0s;
  --button-hover-animation-background-timing: 0.3s ease-out 0s;
  --button-active-animation-background-timing: 0.1s linear 0s;
  --button-grouped-min-width: var(--spacing-s);
  --button-grouped-min-height: var(--spacing-s);
  --button-grouped-text-margin: 0 var(--spacing-xs);
  --button-grouped-icon-text-margin: 0 5px 0 var(--spacing-xxs);
  --button-grouped-button-padding: 0;
  --button-grouped-text-min-width: 14px;
  --button-grouped-min-width: 24px;
  --button-grouped-min-height: 24px;
  --button-grouped-tertiary-animation-background-timing: 0.25s ease-in 0s;
  --button-grouped-primary-animation-background-timing: 0.3s ease-out 0.05s;
  --button-grouped-tertiary-icon-animation-color-timing: 0.25s ease-in 0s;
  --button-grouped-primary-icon-animation-color-timing: 0.25s ease-out 0.05s;

  /* Cursor */
  --cursor: pointer;

  /* Modals */
  --modal-backdrop-background: rgba(68, 68, 68, 0.7);
  --modal-content-background: var(--color-custom-white);
  --modal-box-shadow: 2px 4px 8px 0 rgba(68, 68, 68, 0.7);
  --modal-close-icon-color: var(--color-custom-cod);
  --modal-close-icon-inverse-color: var(--color-custom-white);
  --modal-z-index: var(--z-index-8p);
  --modal-content-tooltip-z-index: calc(var(--z-index-8p) + 1);
  --modal-content-flyout-z-index: calc(var(--z-index-8p) + 1);
  --modal-content-dropdown-z-index: calc(var(--z-index-8p) + 2);
  --modal-xs-width: 594px;
  --modal-sm-width: 594px;
  --modal-md-width: 882px;
  --modal-lg-width: 1172px;
  --modal-xs-min-height: 400px;
  --modal-xs-max-height: 400px;
  --modal-sm-min-height: 600px;
  --modal-md-min-height: 400px;
  --modal-lg-min-height: 600px;
  --modal-sm-max-height: calc(100vh - 108px);
  --modal-md-max-height: calc(100vh - 108px);
  --modal-lg-max-height: calc(100vh - 108px);
  --modal-border-radius: 0;
  --modal-border: 3px solid var(--color-custom-border);
  --modal-padding: 0;
  --modal-header-padding: var(--modal-status-header-padding);
  --modal-header-outer-padding: 20px 20px 0 20px;
  --modal-header-background: none;
  --modal-header-border-bottom: transparent;
  --modal-header-color: var(--color-custom-black);
  --modal-header-title-vertical-align: middle;
  --modal-header-title-font-size: 18px;
  --modal-header-title-font-family: var(--headline-7-font-family);
  --modal-header-title-font-weight: var(--font-weight-bold);
  --modal-header-title-line-height: var(--headline-4-line-height);
  --modal-header-title-variant-line-height: var(--spacing-xss);
  --modal-header-icon-color: var(--color-custom-white);
  --modal-warning-header-background: var(--warning-background);
  --modal-warning-header-color: var(--color-custom-white);
  --modal-error-header-background: var(--error-background);
  --modal-error-header-color: var(--color-custom-white);
  --modal-confirmation-header-background: var(--confirmation-background);
  --modal-confirmation-header-color: var(--color-custom-white);
  --modal-information-header-background: var(--info-background);
  --modal-information-header-color: var(--color-custom-white);
  --modal-body-min-height: 170px;
  --modal-body-height: auto;
  --modal-body-margin: 0;
  --modal-footer-align: left;
  --modal-footer-justify-content: flex-end;
  --modal-footer-background: var(--color-custom-white-1);
  --modal-footer-padding: 20px 0;
  --modal-footer-margin: 0 var(--spacing-xsss);
  --modal-footer-outer-padding: 0;
  --modal-footer-border-top: transparent;
  --modal-body-padding: 20px 20px 0;
  --modal-close-icon-margin-right: 0;
  --modal-close-icon-margin-top: 0;
  --modal-message-padding: var(--spacing-xs);
  --modal-message-margin: 0px 0px 1px;
  --modal-status-header-outer-padding: 20px;
  --modal-status-header-padding: 0;

  /** Animation */
  --modal-backdrop-opening-animation-opacity-from: 0;
  --modal-backdrop-opening-animation-opacity-to: 1;
  --modal-backdrop-opening-animation-opacity-timing: 0.25s ease-out 0s;
  --modal-backdrop-closing-animation-opacity-from: 1;
  --modal-backdrop-closing-animation-opacity-to: 0;
  --modal-backdrop-closing-animation-opacity-timing: 0.25s ease-in 0.1s;
  --modal-dialog-opening-animation-opacity-from: 0;
  --modal-dialog-opening-animation-opacity-to: 1;
  --modal-dialog-opening-animation-opacity-timing: 0.25s ease-out 0.1s;
  --modal-dialog-closing-animation-opacity-from: 1;
  --modal-dialog-closing-animation-opacity-to: 0;
  --modal-dialog-closing-animation-opacity-timing: 0.25s ease-in 0s;
  --modal-dialog-opening-animation-scale-from: 0.9;
  --modal-dialog-opening-animation-scale-to: 1;
  --modal-dialog-opening-animation-scale-timing: 0.25s ease-out 0.1s;
  --modal-dialog-closing-animation-scale-from: 1;
  --modal-dialog-closing-animation-scale-to: 0.9;
  --modal-dialog-closing-animation-scale-timing: 0.2s ease-in 0s;
  --modal-icon-close-opening-animation-opacity-from: 0;
  --modal-icon-close-opening-animation-opacity-to: 1;
  --modal-icon-close-opening-animation-opacity-timing: 0.3s ease-out 0.35s;
  --modal-icon-close-closing-animation-opacity-from: 1;
  --modal-icon-close-closing-animation-opacity-to: 0;
  --modal-icon-close-closing-animation-opacity-timing: 0.3s ease-in 0s;
  --modal-footer-button-opening-animation-opacity-from: 0;
  --modal-footer-button-opening-animation-opacity-to: 1;
  --modal-footer-button-opening-animation-opacity-timing: 0.3s ease-out 0.3s;
  --modal-footer-button-closing-animation-opacity-from: 1;
  --modal-footer-button-closing-animation-opacity-to: 0;
  --modal-footer-button-closing-animation-opacity-timing: 0.3s ease-in 0s;
  --modal-body-opening-animation-opacity-from: 0;
  --modal-body-opening-animation-opacity-to: 1;
  --modal-body-opening-animation-opacity-timing: 0.4s ease-out 0.2s;
  --modal-body-closing-animation-opacity-from: 1;
  --modal-body-closing-animation-opacity-to: 0;
  --modal-body-closing-animation-opacity-timing: 0.2s ease-in 0s;

  /* Modules */
  --module-background: var(--color-custom-white);
  --module-border: 0;
  --module-box-shadow: none;
  --module-body-min-height: 200px;
  --module-vertical-padding: var(--spacing-s);
  --module-horizontal-padding: var(--spacing-s);
  --module-height: 100%;
  --module-min-height: none;
  --module-max-height: none;
  --module-max-height-sm: 315px;
  --module-max-height-md: 654px;
  --module-max-height-lg: 654px;
  --module-width: none;
  --module-width-sm: 426px;
  --module-min-width-sm: 267px;
  --module-max-width-sm: 426px;
  --module-width-md: 876px;
  --module-min-width-md: 558px;
  --module-max-width-md: 876px;
  --module-min-width-lg: 849px;
  --module-max-width-lg: 1326px;
  --module-header-vertical-padding: 0;
  --module-header-hotizontal-padding: 0;
  --module-header-align-items: flex-start;
  --module-header-justify-content: space-between;
  --module-header-height: auto;
  --module-header-title-font-family: var(--headline-font-family);
  --module-header-title-font-size: var(--headline-5-font-size);
  --module-header-title-font-weight: var(--headline-font-weight);
  --module-header-title-line-height: var(--headline-5-line-height);
  --module-header-title-margin: 0px;
  --module-body-padding: 0;
  --module-body-height: auto;
  --module-body-margin: 12px 0 0 0;
  --module-footer-padding: var(--spacing-xsx) 0 0 0;
  --module-footer-justify-content: space-between;
  --module-vertical-header-metadata-margin-top: var(--spacing-xxs);

  /* Cards */
  --card-header-font-family: var(--headline-4-font-family);
  --card-header-font-size: 1.2rem;
  --card-header-font-weight: var(--headline-4-font-weight);
  --card-header-line-height: var(--headline-4-line-height);
  --card-header-font-color: var(--color-custom-mine-shaft);
  --card-border: 1px solid #d4dadd;
  --card-background: var(--color-custom-white);
  --card-font-family: var(--font-family-open-sans);

  /* Tables */
  /* ag-grid variables */
  --table-font-size: 14px;
  /* must be px */
  --table-font-family: var(--body-font-family);
  --table-line-height: 16px;
  --table-color: var(--text-primary-color);
  --table-icon-color: var(--table-color);
  --table-gutter-size: var(--spacing-l);
  --table-border-width: 0;
  --table-body-border-width: 3px 0 3px 0;
  --table-body-border-color: var(--color-custom-silver);
  --table-body-padding: 0 6px 0 0;
  --table-header-border-width: 0;
  --table-header-border-color: var(--divider-tertiary-border-color);
  --table-header-height: 36px;
  --table-header-margin-left: 1px;
  --table-header-icon-margin: 0 0 -4px 0;
  --table-header-font-family: var(--label-font-family);
  --table-header-sortable-font-family: var(--label-3-font-family);
  --table-header-sortable-icon-color: var(--color-custom-eclipce);
  --table-header-filter-input-font-family: var(--body-font-family);
  --table-dot-indicator-background-color: var(--warning-background);
  --table-header-font-weight: bold;
  --table-header-line-height: var(--label-line-height);
  --table-header-cell-align-items: flex-end;
  --table-header-cell-padding-top: var(--spacing-xxs);
  --table-header-cell-padding-left: var(--spacing-xs);
  --table-header-floating-filter-alignment: center;
  --table-header-cell-custom-padding-left: 0px;
  --table-header-cell-screen-lg-padding-left: var(--spacing-xs);
  --table-header-cell-padding-bottom: var(--spacing-xs);
  --table-header-cell-padding-right: var(--spacing-xs);
  --table-header-cell-screen-lg-padding-right: var(--spacing-xs);
  --table-header-cell-moving-background: var(--gray-10-color);
  --table-header-padding-left: 30px;
  --table-header-padding-left-for-nested: 42px;
  --table-group-column-padding-left: var(--spacing-xs);
  --table-group-column-screen-lg-padding-left: var(--spacing-s);
  --table-group-row-font-family: var(--table-font-family);
  --table-group-row-font-weight: var(--font-weight-normal);
  --table-group-row-expanded-font-family: var(--body-4-font-family);
  --table-group-row-0-font-family: var(--table-font-family);
  --table-group-row-0-font-weight: var(--font-weight-normal);
  --table-group-row-nested-background: var(--color-custom-white);
  --table-group-row-0-background: #e8ecef;
  --table-group-row-1-background: #f3f5f7;
  --table-group-row-2-background: var(--color-custom-grey-shade-18);
  --table-row-background: var(--color-custom-white);
  --table-row-secondary-background: #f8fafa;
  --table-row-selected-background: var(--color-custom-ice);
  --table-row-selected-hover-background: var(--table-row-selected-background);
  --table-row-selected-active-background: var(--table-row-selected-background);
  --table-row-selected-active-overlay-background: hsla(0, 0%, 90%, 0.5);
  --table-row-selected-active-overlay-mix-blend-mode: overlay;
  --table-row-even-background: var(--color-custom-white);
  --table-row-odd-background: var(--color-custom-white);
  --table-striped-row-nested-even-background: var(--table-row-secondary-background);
  --table-striped-row-nested-odd-background: var(--table-row-odd-background);
  --table-striped-row-odd-background: var(--table-row-secondary-background);
  --table-striped-row-even-background: var(--table-row-even-background);
  --table-row-group-indent-size: calc(var(--spacing-xs) * 1.5);
  --table-group-row-leaf-indent-additional-padding: var(--spacing-xxs);
  --table-row-nested-even-background: var(--color-custom-white);
  --table-row-nested-odd-background: var(--color-custom-white);
  --table-row-hover-background: var(--table-row-background);
  --table-striped-row-hover-even-background: var(--table-striped-row-even-background);
  --table-striped-row-hover-odd-background: var(--table-striped-row-odd-background);
  --table-row-hover-overlay-background: rgba(230, 230, 230, 0.5);
  --table-row-hover-overlay-mix-blend-mode: multiply;
  --table-row-active-background: var(--table-row-background);
  --table-row-active-overlay-background: rgba(230, 230, 230, 0.3);
  --table-row-active-overlay-mix-blend-mode: multiply;
  --table-striped-row-odd-active-background: var(--table-striped-row-odd-background);
  --table-striped-row-even-active-background: var(--table-striped-row-even-background);
  --table-striped-row-odd-active-overlay-background: rgba(230, 230, 230, 0.3);
  --table-striped-row-even-active-overlay-background: rgba(230, 230, 230, 0.3);
  --table-striped-row-even-active-overlay-mix-blend-mode: var(
    --table-row-active-overlay-mix-blend-mode
  );
  --table-striped-row-odd-active-overlay-mix-blend-mode: overlay;
  --table-row-border-color: var(--color-custom-silver);
  --table-row-border-top-width: var(--divider-3-width);
  --table-first-row-border-top-width: 1px;
  --table-first-row-border-color: var(--divider-tertiary-border-color);
  --table-last-row-border-bottom-width: 0;
  --table-last-row-border-color: var(--divider-tertiary-border-color);
  --table-status-bar-background: transparent;
  --table-status-bar-color: var(--color-custom-tundora);
  --table-status-bar-font-weight: normal;
  --table-status-bar-font-size: var(--font-size-small);
  --table-status-bar-paddings: var(--spacing-xs) 0;
  --table-cell-display: block;
  --table-cell-line-height: 16px;
  --table-cell-font-family: var(--body-7-font-family);
  --table-cell-font-weight: var(--body-7-font-weight);
  --table-cell-focus-border-color: var(--color-custom-lagoon);
  --table-cell-align-items: flex-start;
  --table-cell-padding-top: calc(var(--spacing-xxs) - 1px);
  --table-cell-padding-left: var(--spacing-xs);
  --table-cell-screen-sm-padding-left: var(--spacing-xs);
  --table-cell-screen-lg-padding-left: var(--spacing-xs);
  --table-cell-padding-bottom: calc(var(--spacing-xxs) - 1px);
  --table-cell-padding-right: var(--spacing-xs);
  --table-cell-screen-sm-padding-right: var(--spacing-xs);
  --table-cell-screen-lg-padding-right: calc(var(--spacing-xs) - 1px);
  --table-custom-cell-second-line-margin-top: var(--spacing-xxxs);
  --table-expand-icon-margin-right: var(--spacing-xxxs);
  --table-expand-icon-margin-left: -3px;
  --table-expand-icon-margin-top: -2px;
  --table-column-resize-icon-right: -9px;
  --table-column-resize-icon-screen-lg-right: -20px;
  --table-column-resize-icon-wrapper-width: 26px;
  --table-column-resize-icon-screen-lg-padding-left: 0;
  --table-column-resize-icon-padding-left: 10px;
  --table-column-resize-icon-opacity: 0;
  --table-column-hover-resize-icon-opacity: 1;
  --table-reset-button-text-transform: capitalize;
  --ag-data-color: var(--body-5-color);
  --table-icon-hover-color: var(--color-custom-prussianblue);
  --table-cell-padding: var(--spacing-xs) var(--spacing-xs);

  --table-header-group-font-family: var(--body-7-font-family);
  --table-header-group-font-size: var(--body-7-font-size);
  --table-header-group-font-weight: var(--body-7-font-weight);
  --table-header-group-color: var(--label-4-color);
  --table-header-group-cell-border-width: 0;
  --table-header-group-cell-border-color: var(--table-border-color);
  --table-header-group-cell-padding-top: 0px;
  --table-header-group-cell-padding-bottom: 0px;
  --table-header-group-label-padding: 0 0 var(--spacing-xxs);
  --table-header-group-label-justify-content: center;
  --table-header-group-label-border-width: 0 0 var(--divider-3-width);
  --table-header-group-label-border-color: var(--divider-primary-border-color);

  --table-master-detail-row-background: var(--color-custom-white);
  --table-master-detail-row-padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs)
    calc(2 * var(--spacing-s) + var(--spacing-xs) + var(--spacing-xxs));
  --table-checkbox-margin-right: var(--spacing-xs);

  --table-aggregation-height: 36px;
  --table-aggregation-background: var(--table-row-selected-background);
  --table-aggregation-padding: 0 6px;
  --table-aggregation-margin: var(--spacing-xss) 0;
  --table-aggregation-max-width: 1600px;
  --table-aggregation-row-font-family: var(--body-5-font-family);
  --table-aggregation-row-font-size: var(--body-5-font-size);
  --table-aggregation-row-font-weight: var(--body-5-font-weight);
  --table-aggregation-row-line-height: var(--body-5-line-height);
  --table-aggregation-select-all-font-family: var(--link-1-font-family);
  --table-aggregation-select-all-font-size: var(--link-1-font-size);
  --table-aggregation-select-all-font-weight: var(--link-1-font-weight);
  --table-aggregation-select-all-line-height: var(--link-line-height);
  --table-aggregation-row-border-width: var(--divider-2-width) 0 0 0;
  --table-aggregation-row-border-color: var(--table-row-border-color);
  --table-aggregation-row-margin-left: 60px;
  --table-aggregation-row-screen-lg-margin-left: calc(var(--spacing-l) / 2);
  --table-aggregation-row-background: var(--table-aggregation-row-selected-background);
  --table-aggregation-row-selected-background: var(--color-custom-lochmara);
  --table-aggregation-row-selected-label-color: var(--color-custom-white);
  --table-aggregation-counter-margin-right: var(--spacing-xxs);
  --table-aggregation-select-all-margin-left: var(--spacing-xs);
  --table-aggregation-link-color: var(--color-custom-white);
  --table-aggregation-icon-color: var(--color-custom-white);

  --table-row-indicator-left: 0;
  --table-row-indicator-top: var(--divider-2-width);
  --table-row-indicator-bottom: var(--divider-2-width);
  --table-row-indicator-width: var(--divider-2-width);
  --table-row-indicator-1-background-color: var(--color-custom-steel);
  --table-row-indicator-2-background-color: var(--color-custom-negative-light);

  --table-pinned-columns-right-box-shadow: -5px 0px 4px 0 rgba(0, 0, 0, 0.1);
  --table-pinned-columns-right-header-box-shadow: -5px 4px 4px 0 rgba(0, 0, 0, 0.1);
  --table-pinned-columns-left-box-shadow: 5px 0px 4px 0 rgba(0, 0, 0, 0.1);
  --table-pinned-columns-left-header-box-shadow: 5px 4px 4px 0 rgba(0, 0, 0, 0.1);
  --table-pinned-columns-border-color: transparent;

  --table-chip-list-border-width: 0 0 var(--divider-3-width) 0;

  /* table pagination */
  --table-pagination-font-family: var(--body-font-family);
  --table-pagination-color: var(--body-color);
  --table-pagination-font-size: var(--body-font-size);
  --table-pagination-line-height: var(--body-line-height);
  --table-pagination-height: auto;
  --table-pagination-padding: var(--spacing-xss) 0px;
  --table-pagination-page-panel-margin: 0px 0px 0px var(--spacing-m);
  --table-pagination-icon-disabled-color: var(--color-custom-alto);
  --table-pagination-icon-first-margin: 0px var(--spacing-xs) 0px 0px;
  --table-pagination-icon-previous-margin: 0px var(--spacing-xxs) 0px 0px;
  --table-pagination-icon-next-margin: 0px 0px 0px var(--spacing-xs);
  --table-pagination-icon-last-margin: 0px -3px 0px var(--spacing-xs);
  --table-pagination-number-font-family: var(--body-4-font-family);
  --table-pagination-number-color: var(--body-4-color);
  --table-pagination-number-font-size: var(--body-4-font-size);
  --table-pagination-number-line-height: var(--body-4-line-height);

  --table-pagination-goto-input-width: 80px;
  --table-pagination-goto-input-margin-right: 12px;
  --table-pagination-page-size-label-margin-right: 12px;
  --table-pagination-page-size-select-margin-right: 24px;
  --table-pagination-page-size-select-width: 90px;

  --table-header-dnd-ghost-border: 0;
  --table-header-dnd-ghost-box-shadow: 2px 4px 8px 0px rgba(28, 28, 28, 0.5);
  --table-header-dnd-ghost-padding: var(--spacing-xxs) var(--spacing-xs);
  --table-header-dnd-ghost-height: var(--spacing-m);
  --table-header-dnd-ghost-icon-padding: 8px 0 0 0;
  --table-header-dnd-ghost-icon-margin: 0 var(--spacing-xs) 0 0;

  /* other table variables */
  --table-horizontal-margins: var(--spacing-l);
  --table-vertical-margins: 0;
  --table-row-height: 54px;
  --table-scrollbar-horizontal-gap: var(--spacing-xxs);
  --table-tool-panel-color: var(--color-custom-carbon);
  --table-tool-panel-active-tab-border-color: var(--text-primary-color);
  --table-tool-panel-active-tab-color: var(--text-primary-color);
  --table-adjustment-padding: 18px 0px;
  --table-tool-panel-select-text-color: var(--color-custom-carbon);
  --table-adjustment-margin-top: var(--spacing-xss);
  --table-adjustment-margin-top-with-checkbox: var(--spacing-xss);

  /* upload table variables */
  --upload-table-body-border-width: 0 0 3px 0;
  --upload-table-ag-cell-display: flex;
  --upload-table-ag-cell-align-items: center;
  --upload-table-ag-cell-align-content: center;
  --upload-table-ag-cell-wf-input-width: 100%;
  --upload-table-ag-row-first-border-top-width: 0;
  --upload-table-ag-statusbar-padding: 0;

  /* Columns customizer */
  --column-customizer-font-size: 1rem;
  --column-customizer-font-family: var(--font-family);
  --column-customizer-font-weight: normal;
  --column-customizer-drawer-width: calc(25% + var(--spacing-xss));
  --column-customizer-drawer-spacing-s: var(--spacing-xs);
  --column-customizer-drawer-spacing-l: var(--spacing-m);
  --column-customizer-item-padding: var(--spacing-xs);
  --column-customizer-item-border-width: 1px;
  --column-customizer-item-border-color: var(--color-custom-Loblolly);
  --column-customizer-icon-width: var(--spacing-m);
  --column-customizer-icon-color: var(--stone);
  --column-customizer-locked-icon-color: var(--text-primary-color);
  --column-customizer-switch-on-background: var(--steel);
  --column-customizer-switch-off-background: var(--smoke);
  --colums-item-min-height: 36px;
  --column-customizer-search-width: 100%;
  --column-customizer-search-min-width: auto;
  --column-customizer-search-max-width: 250px;
  --column-customizer-search-not-found-padding: var(--spacing-xs) var(--spacing-xxs);
  --column-customizer-search-not-found-color: var(--text-primary-color);
  --column-customizer-search-not-found-size: var(--font-size-small);

  /* Checkboxes */
  --checkbox-size: var(--spacing-xss);
  --checkbox-lg-size: var(--spacing-s);
  --checkbox-padding-vertical: 2px;
  --checkbox-padding-horizontal: 0px;
  --checkbox-lg-padding-vertical: 5px;
  --checkbox-lg-padding-horizontal: 0px;
  --checkbox-border-color: var(--color-custom-nevada);
  --checkbox-inverse-border-color: var(--color-custom-white-2);
  --checkbox-inverse-active-border-color: rgba(255, 255, 255, 0.6);
  --checkbox-inverse-focus-border-color: var(--color-custom-lagoon);
  --checkbox-hover-border-color: var(--color-custom-mine-shaft);
  --checkbox-active-border-color: var(--color-custom-cod);
  --checkbox-inverse-border-color: var(--color-custom-border);
  --checkbox-hover-inverse-border-color: var(--color-custom-white);
  --checkbox-disabled-border-color: var(--color-custom-stone);
  --checkbox-disabled-inverse-border-color: var(--color-custom-stone);
  --checkbox-checked-border-color: var(--color-custom-tundora);
  --checkbox-checked-inverse-border-color: var(--color-custom-white-1);
  --checkbox-disabled-inverse-background-color: var(--color-custom-stone);
  --checkbox-border-width: 1px;
  --checkbox-checked-border-width: 0;
  --checkbox-disabled-checked-border-width: 0;
  --checkbox-locked-checked-border-width: 0;
  --checkbox-border-focus: 2px solid var(--color-custom-blueribbon);
  --checkbox-border-radius: 2px;
  --checkbox-focus-border-radius: 3px;
  --checkbox-background-color: var(--color-custom-white);
  --checkbox-disabled-checked-background-color: var(--color-custom-porcelain);
  --checkbox-inverse-disabled-checked-mark-color: var(--color-custom-nevada);
  --checkbox-inverse-disabled-checked-label-color: var(--color-custom-nevada);
  --checkbox-inverse-disabled-checked-background-color: var(--color-custom-silver);
  --checkbox-focus-border-color: var(--color-custom-nevada);
  --checkbox-inverse-background-color: transparent;
  --checkbox-mark-color: var(--color-custom-alabaster);
  --checkbox-disabled-checked-mark-color: var(--color-custom-nevada);
  --checkbox-mark-inverse-color: var(--color-custom-prussianblue);
  --checkbox-disabled-mark-color: var(--color-custom-nevada);
  --checkbox-disabled-mark-inverse-color: var(--color-custom-smoke);
  --checkbox-disabled-background-color: var(--color-custom-porcelain);
  --checkbox-border-color-disabled: var(--color-custom-nevada);
  --checkbox-mark-border-width: 1.4px;
  --checkbox-mark-background-color: var(--color-custom-prussianblue);
  --checkbox-mark-inverse-background-color: var(--color-custom-white);
  --checkbox-mark-width: 11px;
  --checkbox-mark-height: 7px;
  --checkbox-mark-position-left: 4px;
  --checkbox-mark-position-top: calc(50% - 6px);
  --checkbox-lg-mark-width: 15px;
  --checkbox-lg-mark-height: 8px;
  --checkbox-lg-mark-position-left: 5.33px;
  --checkbox-lg-mark-position-top: calc(50% - 7px);
  --checkbox-lg-mark-border-width: 1.8px;
  --checkbox-inverse-label-color: var(--text-inverse-color);
  --checkbox-disabled-label-color: var(--color-custom-nevada-dark);
  --checkbox-disabled-checked-label-color: var(--color-custom-nevada);
  --checkbox-disabled-inverse-label-color: var(--text-disabled-color);
  --checkbox-box-shadow: none;
  --checkbox-error-border-color: var(--form-control-border-color-error);
  --checkbox-indeterminate-mark-width: 9.33px;
  --checkbox-indeterminate-mark-border-width: 1.33px;
  --checkbox-lg-indeterminate-mark-width: 12.44px;
  --checkbox-lg-indeterminate-mark-border-width: 1.78px;
  --checkbox-label-color: var(--text-primary-color);
  --checkbox-label-padding-left: var(--spacing-xs);
  --checkbox-lg-label-padding-left: var(--spacing-xs);
  --checkbox-label-padding-top: 2px;
  --checkbox-lg-label-padding-top: 2px;
  --checkbox-label-font-family: var(--body-7-font-family);
  --checkbox-label-font-size: var(--body-7-font-size);
  --checkbox-label-font-weight: var(--body-7-font-weight);
  --checkbox-label-line-height: 21px;
  --checkbox-lg-label-font-family: var(--body-1-font-family);
  --checkbox-lg-label-font-size: var(--body-1-font-size);
  --checkbox-lg-label-font-weight: var(--body-1-font-weight);
  --checkbox-lg-label-line-height: 22px;
  --checkbox-label-color-disabled: var(--color-custom-nevada);
  --checkbox-label-locked-color: var(--color-custom-nevada);
  --checkbox-mark-color-locked: var(--color-custom-nevada);
  --checkbox-locked-checked-background-color: var(--color-custom-porcelain);
  --checkbox-locked-checked-mark-color: var(--color-custom-nevada);
  --checkbox-icon-left: 1px;
  --checkbox-lg-icon-left: 0px;

  /* Checkbox animation */
  --checkbox-mark-checking-animation-opacity-from: 0;
  --checkbox-mark-checking-animation-opacity-to: 1;
  --checkbox-mark-unchecking-animation-opacity-from: 1;
  --checkbox-mark-unchecking-animation-opacity-to: 0;
  --checkbox-mark-checking-animation-scale-from: 0.8;
  --checkbox-mark-checking-animation-scale-to: 1;
  --checkbox-mark-unchecking-animation-scale-from: 1;
  --checkbox-mark-unchecking-animation-scale-to: 0.8;
  --checkbox-mark-checking-animation-timing: 0.2s ease-in-out 0s;
  --checkbox-mark-unchecking-animation-timing: 0.15s ease-in-out 0s;

  /* Checkbox group */
  --checkbox-group-padding: 0px;
  --checkbox-group-lg-padding: 0px;
  --checkbox-group-border-width: 1px;
  --checkbox-group-border-color: transparent;
  --checkbox-group-error-border-color: var(--form-control-error-border-color);

  /* Radio buttons */
  --radio-font-family: var(--body-font-family);
  --radio-font-size: var(--font-size-small-2);
  --radio-line-height: 21px;
  --radio-sm-min-width: 68px;
  --radio-lg-min-width: 76px;
  --radio-lg-font-size: var(--font-size);
  --radio-lg-line-height: 22px;
  --radio-size: var(--spacing-xss);
  --radio-lg-size: 24px;
  --radio-box-shadow: none;
  --radio-background-color: transparent;
  --radio-spacing: var(--spacing-xs);
  --focus-ring-size: 20px;
  --focus-lg-ring-size: 26px;
  --bullet-top-adjust: 1.5px;
  --bullet-lg-top-adjust: 0px;

  --radio-label-color: var(--text-primary-color);
  --radio-disabled-label-color: var(--color-custom-nevada);
  --radio-inverse-disabled-label-color: var(--color-custom-nevada);
  --radio-inverse-disabled-border-color: var(--color-custom-nevada);

  --radio-inverse-label-color: var(--text-inverse-color);

  --radio-border-width: 1px;
  --radio-border-color: var(--color-custom-nevada);
  --radio-checked-border-color: var(--color-custom-prussianblue);
  --radio-disabled-background-color: var(--color-custom-porcelain);
  --radio-disabled-border-color: var(--color-custom-nevada);
  --radio-hover-border-color: var(--color-custom-mine-shaft);
  --radio-focus-border-color: var(--color-custom-nevada);
  --radio-inverse-focus-border-color: var(--color-custom-lagoon);
  --radio-active-border-color: var(--color-custom-cod);
  --radio-inverse-border-color: var(--color-custom-border);
  --radio-inverse-checked-border-color: var(--color-custom-white-1);
  --radio-inverse-checked-border-color: var(--color-custom-white-1);
  --radio-inverse-hover-border-color: var(--color-custom-white);
  --radio-inverse-active-border-color: var(--color-custom-lagoon);
  --radio-inverse-disabled-background-color: var(--color-custom-stone);
  --radio-locked-border-color: transparent;
  --radio-locked-color: var(--color-custom-nevada);
  --radio-locked-background-color: var(--color-custom-porcelain);
  --radio-locked-bullet-background-color: var(--color-custom-nevada);

  --radio-bullet-size: 10px;
  --radio-lg-bullet-size: 14px;
  --radio-bullet-background-color: var(--color-custom-prussianblue);
  --radio-hover-bullet-background-color: var(--color-custom-cod);
  --radio-disabled-bullet-background-color: var(--color-custom-stone);
  --radio-inverse-bullet-background-color: var(--color-custom-white);
  --radio-inverse-hover-bullet-background-color: var(--color-custom-white);

  --radio-error-border-color: var(--color-custom-Loblolly);
  --radio-error-label-color: var(--label-4-color);
  --radio-error-background-color: var(--radio-background-color);
  --radio-error-border-color: var(--color-custom-Loblolly);
  --radio-group-padding: var(--spacing-xxs) 0px;
  --radio-group-border-width: 1px;
  --radio-group-error-padding: var(--spacing-xs);
  --radio-group-warning-padding: var(--spacing-xs);

  --radio-bullet-checking-animation-opacity-from: 0;
  --radio-bullet-checking-animation-opacity-to: 1;
  --radio-bullet-unchecking-animation-opacity-from: 1;
  --radio-bullet-unchecking-animation-opacity-to: 0;
  --radio-bullet-checking-animation-scale-from: 0.8;
  --radio-bullet-checking-animation-scale-to: 1;
  --radio-bullet-unchecking-animation-scale-from: 1;
  --radio-bullet-unchecking-animation-scale-to: 0.8;
  --radio-bullet-checking-animation-timing: 0.2s ease-in-out 0s;
  --radio-bullet-unchecking-animation-timing: 0.15s ease-in-out 0s;

  /* Dividers */
  --divider-1-width: var(--spacing-xxs);
  --divider-2-width: var(--spacing-xxxs);
  --divider-3-width: 1px;
  --divider-border-style: solid;
  --divider-primary-border-color: var(--color-custom-nevada);
  --divider-secondary-border-color: var(--color-custom-nobel);
  --divider-tertiary-border-color: var(--color-custom-alto);
  --divider-quaternary-border-color: var(--color-custom-mercury);
  --divider-quinary-border-color: rgb(28, 28, 28, 0.5);
  --divider-border-color: var(--color-custom-nevada);

  /* Tags */
  --tag-padding: 1px 3px;
  --tag-font-family: var(--all-caps-font-family);
  --tag-font-size: 8px;
  --tag-font-weight: var(--font-weight-light);
  --tag-line-height: 13px;
  --tag-letter-spacing: 1px;
  --tag-color: var(--text-inverse-color);
  --tag-background: var(--color-custom-plum);
  --tag-text-transform: uppercase;
  --tag-height: 12px;

  --tag-2-background: var(--color-custom-prussianblue);
  --tag-2-color: var(--text-inverse-color);
  --tag-2-font-family: var(--font-family-open-sans);
  --tag-2-font-weight: 700;
  --tag-2-line-height: 11px;
  --tag-3-background: var(--color-custom-negative);
  --tag-4-background: var(--color-custom-red);
  --tag-4-color: var(--text-inverse-color);
  --tag-5-background: var(--color-custom-steel);
  --tag-5-color: var(--text-inverse-color);
  --tag-6-background: var(--color-custom-atlantic);
  --tag-6-color: var(--text-inverse-color);
  --tag-7-background: var(--color-custom-terracotta);
  --tag-7-color: var(--text-inverse-color);
  --tag-8-background: var(--color-custom-alto);
  --tag-8-color: var(--text-primary-color);

  /* Chips */
  --chip-spacing: var(--spacing-xxxs);
  --chip-padding: 7px 16px;
  --chip-padding-sm: 2px 16px;
  --chip-font-family: var(--font-family);
  --chip-font-size: 15px;
  --chip-font-size-sm: 14px;
  --chip-font-weight: var(--font-weight-normal);
  --chip-color: var(--color-custom-mine-shaft);
  --chip-border-radius: var(--spacing-xsss);
  --chip-max-width: 200px;
  --chip-background: #cdecff;
  --chip-background-darker: #bdd8ea;
  --chip-hover-background: #bdd8ea;
  --chip-active-background: #9fcae7;
  --chip-hover-padding: 6px 4px 6px 16px;
  --chip-hover-padding-sm: 3px 4px 3px 16px;
  --chip-icon-margin: 0 -6px 0 0;
  --chip-line-height-lg: 20px;
  --chip-line-height-sm: 18px;
  --chip-input-padding: var(--spacing-xxxs);
  --chip-close-icon-overlay-hover-background-color: var(--color-custom-steel);
  --chip-close-icon-overlay-active-background-color: var(--color-custom-lochmara);
  --chip-icon-hover-color: var(--color-custom-white);
  --chip-icon-active-color: var(--color-custom-white);

  /* Drawer variables */

  --drawer-z-index: var(--z-index-7p);
  --drawer-content-tooltip-z-index: calc(var(--z-index-7p) + 1);
  --drawer-content-flyout-z-index: calc(var(--z-index-7p) + 1);
  --drawer-content-dropdown-z-index: calc(var(--z-index-7p) + 2);
  --drawer-width: 50%;
  --drawer-max-width: 972px;
  --drawer-box-shadow: 0 0 24px 0 rgba(68, 68, 68, 0.5);
  --drawer-border: 0px;
  --drawer-background: rgba(255, 255, 255, 1);
  --drawer-color: var(--text-primary-color);
  --drawer-backdrop-background: rgba(0, 0, 0, 0.12);

  --drawer-header-z-index: calc(var(--z-index-7p) + 2);
  --drawer-header-border-bottom: var(--divider-3-width);
  --drawer-header-padding-top: var(--spacing-xss);
  --drawer-header-padding-bottom: 0px;
  --drawer-header-padding-left: var(--spacing-s);
  --drawer-header-padding-right: var(--spacing-s);
  --drawer-header-margin: 0px;
  --drawer-header-background: var(--color-custom-white);
  --drawer-header-icon-color: var(--color-nice-blue);
  --drawer-header-divider-display: none;
  --drawer-title-margin-bottom: var(--spacing-xs);
  --drawer-title-display: inline-block;
  --drawer-title-font-family: var(--headline-3-font-family);
  --drawer-title-font-weight: var(--headline-3-font-weight);
  --drawer-title-font-size: var(--headline-3-font-size);
  --drawer-title-letter-spacing: var(--headline-3-letter-spacing);
  --drawer-title-line-height: var(--headline-3-line-height);
  --drawer-title-color: var(--headline-color);
  --drawer-close-icon-margin-left: var(--spacing-xss);
  --drawer-back-icon-margin-right: var(--spacing-xs);
  --drawer-back-icon-margin-bottom: var(--spacing-xss);
  --drawer-footer-border-top: var(--divider-3-width);

  --drawer-body-padding: var(--spacing-s) var(--spacing-s) 0px var(--spacing-s);
  --drawer-body-margin: 0px;
  --drawer-body-content-height: auto;

  --drawer-footer-padding: var(--spacing-m) var(--spacing-s);
  --drawer-footer-margin: -10px;
  --drawer-footer-background: var(--color-custom-white);
  --drawer-footer-border-top: 1px solid #b5bbbe;
  --drawer-footer-justify-content: flex-end;
  --drawer-footer-divider: none;
  --drawer-footer-content-padding: 0px;
  --drawer-footer-content-z-index: calc(var(--z-index-7p) + 1);
  --drawer-footer-content-border-top: none;

  --drawer-slim-width: calc(25% + var(--spacing-xss));
  --drawer-slim-max-width: 498px;
  --drawer-slim-margin: 0px;
  --drawer-slim-height: auto;
  --drawer-slim-header-padding-top: var(--spacing-s);
  --drawer-slim-header-padding-bottom: 0px;
  --drawer-slim-header-padding-left: var(--spacing-s);
  --drawer-slim-header-padding-right: var(--spacing-s);
  --drawer-slim-header-margin: 0px;
  --drawer-slim-title-font-family: var(--headline-4-font-family);
  --drawer-slim-title-font-weight: var(--headline-4-font-weight);
  --drawer-slim-title-font-size: var(--headline-4-font-size);
  --drawer-slim-title-letter-spacing: var(--headline-4-letter-spacing);
  --drawer-slim-title-line-height: var(--headline-4-line-height);
  --drawer-slim-title-color: var(--headline-color);
  --drawer-slim-title-margin-bottom: var(--spacing-xs);
  --drawer-slim-body-padding: var(--spacing-s) var(--spacing-s) 0px var(--spacing-s);
  --drawer-slim-body-margin: 0px;
  --drawer-slim-footer-padding: var(--spacing-m) var(--spacing-s) var(--spacing-m) var(--spacing-s);
  --drawer-slim-footer-content-padding: 0px;
  --drawer-slim-footer-margin: -10px;

  --drawer-wide-width: 95%;
  --drawer-wide-max-width: 1604px;
  --drawer-wide-margin: 0px;

  --drawer-message-padding: var(--spacing-xs);
  --drawer-message-margin: 0px 0px 1px;

  /* Icons */
  --icon-size-xxs: 12px;
  --icon-size-xs: 16px;
  --icon-size-sm: 24px;
  --icon-size-md: 36px;
  --icon-size-lg: 72px;
  --icon-size-xl: 96px;
  --icon-padding-xxs: 2px;
  --icon-padding-xs: 4px;
  --icon-padding-sm: 6px;
  --icon-padding-md: var(--spacing-xss);
  --icon-padding-lg: 12px;
  --icon-padding-xl: 12px;
  --icon-primary-color: var(--color-custom-cod);
  --icon-primary-background-color: transparent;
  --icon-secondary-color: #666;
  --icon-secondary-background-color: var(--color-custom-gallery);
  --icon-inverse-color: var(--color-custom-white);
  --icon-inverse-background-color: var(--color-custom-cod);
  --icon-border-radius: 50%;

  /* Active icons */
  --active-icon-blend-mode: multiply;
  --active-icon-inverse-blend-mode: multiply;
  --action-icon-inverse-color: var(--text-inverse-color);

  --active-icon-overlay-background-color: transparent;
  --active-icon-overlay-hover-background-color: transparent;
  --active-icon-overlay-active-background-color: rgba(230, 230, 230, 0.1);
  --active-icon-overlay-open-background-color: rgba(230, 230, 230, 0.8);
  --action-icon-overlay-hover-background-color: var(--color-custom-porcelain);

  --active-icon-background-color: var(--color-custom-concrete, #e6e6e6);
  --active-icon-hover-background-color: var(--color-custom-porcelain-1);
  --action-icon-hover-background-color: rgba(223, 229, 231, 1);
  --active-icon-active-background-color: rgba(230, 230, 230, 1);
  --active-icon-open-background-color: var(--color-custom-stone, #bebebe);

  --active-icon-inverse-overlay-background-color: transparent;
  --active-icon-inverse-overlay-hover-background-color: rgba(170, 170, 170, 0.4);
  --active-icon-inverse-overlay-active-background-color: rgba(170, 170, 170, 0.05);
  --active-icon-inverse-overlay-open-background-color: rgba(170, 170, 170, 1);

  --active-icon-inverse-background-color: rgba(51, 51, 51, 0.15);
  --active-icon-inverse-hover-background-color: rgba(51, 51, 51, 0.25);
  --active-icon-inverse-active-background-color: rgba(170, 170, 170, 1);
  --active-icon-inverse-open-background-color: rgba(51, 51, 51, 0.4);

  --active-icon-rotate-in-animation-from: 0deg;
  --active-icon-rotate-in-animation-to: 180deg;
  --active-icon-rotate-out-animation-from: 180deg;
  --active-icon-rotate-out-animation-to: 0deg;
  --active-icon-hover-background-animation-timing: 0.3s ease-out;
  --active-icon-active-background-animation-timing: 0.1s linear;

  /* Icon Button */
  --icon-button-blend-mode: multiply;
  --icon-button-inverse-blend-mode: multiply;

  --icon-button-overlay-background-color: transparent;
  --icon-button-overlay-hover-background-color: transparent;
  --icon-button-overlay-active-background-color: rgba(230, 230, 230, 0.1);
  --icon-button-overlay-open-background-color: rgba(230, 230, 230, 0.8);

  --icon-button-background-color: var(--color-custom-concrete, #e6e6e6);
  --icon-button-hover-background-color: var(--color-custom-porcelain-1);
  --icon-button-hover-background-color: rgba(223, 229, 231, 1);
  --icon-button-active-background-color: rgba(230, 230, 230, 1);
  --icon-button-open-background-color: var(--color-custom-stone, #bebebe);

  --icon-button-rotate-in-animation-from: 0deg;
  --icon-button-rotate-in-animation-to: 180deg;
  --icon-button-rotate-out-animation-from: 180deg;
  --icon-button-rotate-out-animation-to: 0deg;
  --icon-button-hover-background-animation-timing: 0.3s ease-out;
  --icon-button-active-background-animation-timing: 0.1s linear;

  /* Tooltip variables */
  --tooltip-distance: 4px;
  --tooltip-arrow-size: 4px;
  --tooltip-z-index: calc(var(--z-index-0p) + 1);
  --tooltip-overlay-z-index: calc(var(--z-index-8p) + 1);
  --tooltip-width: max-content;
  --tooltip-max-width: 250px;
  --tooltip-wide-max-width: 300px;
  --tooltip-border-radius: 8px;
  --tooltip-background-color: var(--color-custom-eclipce);
  --tooltip-color: var(--color-custom-white);
  --tooltip-font-size: 1rem;
  --tooltip-font-family: var(--font-family);
  --tooltip-font-weight: var(--font-weight-normal);
  --tooltip-line-height: 1.4667rem;
  --tooltip-info-background-color: var(--color-custom-eclipce);
  --tooltip-info-color: var(--color-custom-white);
  --tooltip-warning-background-color: var(--color-custom-eclipce);
  --tooltip-success-background-color: var(--color-custom-eclipce);
  --tooltip-success-color: var(--color-custom-white);
  --tooltip-info-background-color: var(--color-custom-eclipce);
  --tooltip-warning-color: var(--color-custom-white);
  --tooltip-info-color: var(--color-custom-white);
  --tooltip-error-background-color: var(--color-custom-eclipce);
  --tooltip-error-color: var(--color-custom-white);
  --tooltip-critical-background-color: var(--color-custom-eclipce);
  --tooltip-critical-color: var(--color-custom-white);
  --tooltip-padding: var(--spacing-xsx) var(--spacing-xs);
  --tooltip-shadow-color: #000000;
  --tooltip-shadow: 0px 2px 8px 0px;
  --tooltip-animate-delay: 0.15s;
  --tooltip-header-font-family: var(--font-family-open-sans-b);
  --tooltip-header-font-weight: var(--font-weight-bold);
  --tooltip-header-margin-bottom: var(--spacing-xs);

  /* Animations */
  --tooltip-opening-animation-opacity-from: 0;
  --tooltip-opening-animation-opacity-to: 1;
  --tooltip-opening-animation-opacity-timing: 0.25s ease-out 0s;

  --tooltip-closing-animation-opacity-from: 1;
  --tooltip-closing-animation-opacity-to: 0;
  --tooltip-closing-animation-opacity-timing: 0.25s ease-out 0s;

  --tooltip-opening-animation-scale-from: 0.9;
  --tooltip-opening-animation-scale-to: 1;
  --tooltip-opening-animation-scale-timing: 0.25s ease-out 0s;

  --tooltip-closing-animation-scale-from: 1;
  --tooltip-closing-animation-scale-to: 0.9;
  --tooltip-closing-animation-scale-timing: 0.2s ease-in-out 0.05s;

  --tooltip-opening-animation-left-translate-x-from: 0;
  --tooltip-opening-animation-left-translate-x-to: -8px;
  --tooltip-opening-animation-left-translate-y-from: 0;
  --tooltip-opening-animation-left-translate-y-to: 0;
  --tooltip-opening-animation-left-translate-timing: 0.25s ease-out 0.05s;

  --tooltip-closing-animation-left-translate-x-from: -8px;
  --tooltip-closing-animation-left-translate-x-to: 0;
  --tooltip-closing-animation-left-translate-y-from: 0;
  --tooltip-closing-animation-left-translate-y-to: 0;
  --tooltip-closing-animation-left-translate-timing: 0.2s ease-in-out 0s;

  --tooltip-opening-animation-right-translate-x-from: 0;
  --tooltip-opening-animation-right-translate-x-to: 8px;
  --tooltip-opening-animation-right-translate-y-from: 0;
  --tooltip-opening-animation-right-translate-y-to: 0;
  --tooltip-opening-animation-right-translate-timing: 0.25s ease-out 0.05s;

  --tooltip-closing-animation-right-translate-x-from: 8px;
  --tooltip-closing-animation-right-translate-x-to: 0;
  --tooltip-closing-animation-right-translate-y-from: 0;
  --tooltip-closing-animation-right-translate-y-to: 0;
  --tooltip-closing-animation-right-translate-timing: 0.2s ease-in-out 0s;

  --tooltip-opening-animation-top-translate-x-from: 0;
  --tooltip-opening-animation-top-translate-x-to: 0;
  --tooltip-opening-animation-top-translate-y-from: 0;
  --tooltip-opening-animation-top-translate-y-to: -8px;
  --tooltip-opening-animation-top-translate-timing: 0.25s ease-out 0.05s;

  --tooltip-closing-animation-top-translate-x-from: 0;
  --tooltip-closing-animation-top-translate-x-to: 0;
  --tooltip-closing-animation-top-translate-y-from: -8px;
  --tooltip-closing-animation-top-translate-y-to: 0;
  --tooltip-closing-animation-top-translate-timing: 0.2s ease-in-out 0s;

  --tooltip-opening-animation-bottom-translate-x-from: 0;
  --tooltip-opening-animation-bottom-translate-x-to: 0;
  --tooltip-opening-animation-bottom-translate-y-from: 0;
  --tooltip-opening-animation-bottom-translate-y-to: 8px;
  --tooltip-opening-animation-bottom-translate-timing: 0.25s ease-out 0.05s;

  --tooltip-closing-animation-bottom-translate-x-from: 0;
  --tooltip-closing-animation-bottom-translate-x-to: 0;
  --tooltip-closing-animation-bottom-translate-y-from: 8px;
  --tooltip-closing-animation-bottom-translate-y-to: 0;
  --tooltip-closing-animation-bottom-translate-timing: 0.2s ease-in-out 0s;

  --message-bubble-warning-background-color: #fff3d8;

  /* Flyout */
  --flyout-font-family: var(--font-family);
  --flyout-background: var(--color-custom-white);
  --flyout-shadow-color: rgba(0, 0, 0, 0.15);
  --flyout-shadow: 0px 2px 8px 0px;
  --flyout-padding: var(--spacing-s);
  --flyout-min-height: 0;
  --flyout-width: max-content;
  --flyout-min-width: 180px;
  --flyout-max-width: 70vw;
  --flyout-distance: 6px;
  --flyout-text-color: var(--text-primary-color);
  --flyout-z-index: calc(var(--z-index-0p) + 1);
  --flyout-arrow-size: 8px;
  --flyout-border-radius: 2px;

  /* Animations */
  --flyout-opening-animation-opacity-from: 0;
  --flyout-opening-animation-opacity-to: 1;
  --flyout-opening-animation-opacity-timing: 0.25s ease-out 0s;

  --flyout-closing-animation-opacity-from: 1;
  --flyout-closing-animation-opacity-to: 0;
  --flyout-closing-animation-opacity-timing: 0.25s ease-out 0s;

  --flyout-opening-animation-left-translate-x-from: 0;
  --flyout-opening-animation-left-translate-x-to: -6px;
  --flyout-opening-animation-left-translate-y-from: 0;
  --flyout-opening-animation-left-translate-y-to: 0;
  --flyout-opening-animation-left-translate-timing: 0.25s ease-out 0s;

  --flyout-closing-animation-left-translate-x-from: -6px;
  --flyout-closing-animation-left-translate-x-to: 0;
  --flyout-closing-animation-left-translate-y-from: 0;
  --flyout-closing-animation-left-translate-y-to: 0;
  --flyout-closing-animation-left-translate-timing: 0.25s ease-out 0s;

  --flyout-opening-animation-right-translate-x-from: 0;
  --flyout-opening-animation-right-translate-x-to: 6px;
  --flyout-opening-animation-right-translate-y-from: 0;
  --flyout-opening-animation-right-translate-y-to: 0;
  --flyout-opening-animation-right-translate-timing: 0.25s ease-out 0s;

  --flyout-closing-animation-right-translate-x-from: 6px;
  --flyout-closing-animation-right-translate-x-to: 0;
  --flyout-closing-animation-right-translate-y-from: 0;
  --flyout-closing-animation-right-translate-y-to: 0;
  --flyout-closing-animation-right-translate-timing: 0.25s ease-out 0s;

  --flyout-opening-animation-top-translate-x-from: 0;
  --flyout-opening-animation-top-translate-x-to: 0;
  --flyout-opening-animation-top-translate-y-from: 0;
  --flyout-opening-animation-top-translate-y-to: -6px;
  --flyout-opening-animation-top-translate-timing: 0.25s ease-out 0s;

  --flyout-closing-animation-top-translate-x-from: 0;
  --flyout-closing-animation-top-translate-x-to: 0;
  --flyout-closing-animation-top-translate-y-from: -6px;
  --flyout-closing-animation-top-translate-y-to: 0;
  --flyout-closing-animation-top-translate-timing: 0.25s ease-out 0s;

  --flyout-opening-animation-bottom-translate-x-from: 0;
  --flyout-opening-animation-bottom-translate-x-to: 0;
  --flyout-opening-animation-bottom-translate-y-from: 0;
  --flyout-opening-animation-bottom-translate-y-to: 6px;
  --flyout-opening-animation-bottom-translate-timing: 0.25s ease-out 0s;

  --flyout-closing-animation-bottom-translate-x-from: 0;
  --flyout-closing-animation-bottom-translate-x-to: 0;
  --flyout-closing-animation-bottom-translate-y-from: 6px;
  --flyout-closing-animation-bottom-translate-y-to: 0;
  --flyout-closing-animation-bottom-translate-timing: 0.25s ease-out 0s;

  /* Action Menu */
  --action-menu-padding: 0;
  --action-menu-flyout-padding: var(--spacing-xxxs, 6px);
  --action-menu-min-width: 200px;
  --action-menu-item-cursor: var(--cursor);
  --action-menu-item-font-family: var(--body-2-font-family);
  --action-menu-item-color: var(--body-2-color);
  --action-menu-item-font-size: var(--body-2-font-size);
  --action-menu-item-font-weight: var(--body-2-font-weight);
  --action-menu-item-line-height: var(--body-2-line-height);
  --action-menu-item-min-height: 48px;
  --action-menu-item-blend-mode: multiply;
  --action-menu-item-padding: var(--spacing-xs);
  --action-menu-item-hover-background: #e7ecef;
  --action-menu-item-active-background: var(--color-custom-border);
  --action-menu-item-active-color: #086ae2;
  --action-menu-item-disabled-color: var(--color-custom-stone);
  --action-menu-item-icon-margin: var(--spacing-xs);
  --action-menu-item-focus-border-color: var(--color-custom-border);
  --action-menu-item-focus-border-bottom: 1px solid var(--color-custom-border);

  /* Action Menu - Picker variant */
  --picker-menu-flyout-padding: 0;
  --picker-menu-border: 1px solid var(--gray-4-color);
  --picker-menu-item-border-bottom: 1px solid var(--gray-10-color);

  /** Animations */
  --action-menu-sublevel-opening-animation-opacity-timing: 0.25s ease-out 0.2s;
  --action-menu-sublevel-closing-animation-opacity-timing: 0.2s ease-in 0s;
  --action-menu-sublevel-opening-animation-transition-timing: 0.25s ease-out 0.2s;
  --action-menu-sublevel-closing-animation-transition-timing: 0.2s ease-in 0s;

  /* Tabs */
  --tab-color: var(--color-custom-nevada);
  --tab-hover-color: var(--color-custom-mine-shaft);
  --tab-hover-border-color: var(--color-custom-mine-shaft);
  --tab-hover-background-color: var(--color-custom-porcelain-1);
  --tab-pressed-color: var(--color-custom-blueribbon);
  --tab-bar-border-height: 3px;
  --tab-bar-border-color: var(--color-custom-border);
  --tab-margin: var(--spacing-m);
  --tab-font-weight: normal;
  --tab-font-size: var(--tab-large-font-size);
  --tab-hover-font-weight: normal;
  --tab-text-transform: none;
  --tab-min-height: 36px;
  --tab-focus-background-color: rgb(212, 218, 221, 0.5);
  --tab-focus-outline-color: var(--color-custom-blueribbon);
  --tab-focus-border-color: var(--color-custom-blueribbon);
  --tab-active-border-color: var(--color-custom-blueribbon);
  --tab-active-border-height: 3px;
  --tab-font-family: var(--label-3-font-family);
  --tab-active-color: var(--color-custom-mine-shaft);
  --disabled-tab-color: var(--color-custom-silver-chalice);
  --tab-content-min-height: var(--spacing-xs);
  --tab-content-padding: var(--spacing-xs) 0;
  --tab-inner-wrapper-padding: 12px 0px 0px 0px;
  --tab-button-margin-bottom: 0;
  --tab-small-inverse-blend-mode: multiply;
  --tab-small-color: var(--color-custom-nevada);
  --tab-small-pressed-color: var(--color-custom-blueribbon);
  --tab-small-active-color: var(--color-custom-mine-shaft);
  --tab-small-hover-color: var(--color-custom-mine-shaft);
  --tab-small-active-border-color: var(--color-custom-blueribbon);
  --tab-small-active-border-heigh: 3px;
  --tab-small-active-font-family: var(--label-3-font-family);
  --tab-small-disabled-color: var(--color-custom-silver-chalice);
  --tab-small-disabled-font-family: var(--font-family-open-sans);
  --tab-small-bar-border-height: 1px;
  --tab-small-bar-border-color: #e8ebf1;
  --tab-small-margin: var(--spacing-s);
  --tab-small-min-height: var(--spacing-xss);
  --tab-small-font-weight: var(--font-weight-normal);
  --tab-small-hover-font-weight: var(--font-weight-normal);
  --tab-small-font-size: var(--font-size-regular);
  --tab-small-font-family: var(--label-3-font-family);
  --tab-small-text-transform: none;
  --tab-small-padding-left: var(--spacing-s);
  --tab-small-padding-right: var(--spacing-s);
  --tab-small-background-padding-left: var(--spacing-xs);
  --tab-small-background-padding-right: var(--spacing-xs);
  --tab-active-inverse-color: var(--color-custom-white);
  --disabled-tab-secondary-color: var(--color-custom-stone);
  --tab-focus-bottom-border-color: var(--color-custom-stone);
  --tab-small-inverse-hover-color: var(--color-custom-white);
  --tab-small-inverse-color: var(--color-custom-white);
  --tab-small-inverse-hover-background-color: rgb(212, 218, 221, 0.5);
  --tab-small-inverse-pressed-background-color: rgb(212, 218, 221, 0.3);
  --tab-small-content-min-height: var(--spacing-xs);
  --tab-small-content-padding: var(--spacing-s) 0;
  --tab-small-bar-min-height: 30px;
  --tab-small-inner-wrapper-padding: 6px 12px 0px 12px;
  --tab-small-padding-bottom: 8px;

  --tab-medium-font-family: var(--label-3-font-family);
  --tab-medium-color: var(--color-custom-nevada);
  --tab-active-medium-color: var(--color-custom-mine-shaft);
  --tab-active-medium-border-color: var(--color-custom-blueribbon);
  --tab-medium-hover-color: var(--color-custom-mine-shaft);
  --tab-medium-font-size: var(--font-size-regular);
  --tab-medium-font-weight: var(--label-font-weight);
  --tab-medium-line-height: 20px;
  --tab-medium-text-transform: none;
  --tab-medium-pressed-color: var(--color-custom-blueribbon);

  --tab-medium-bar-border-height: var(--spacing-xxxs);
  --tab-medium-bar-border-color: var(--color-custom-border);
  --tab-medium-bar-min-height: 36px;
  --tab-medium-margin: var(--spacing-s);
  --tab-medium-min-height: var(--font-size-regular);
  --tab-medium-padding-left: var(--spacing-s);
  --tab-medium-padding-right: var(--spacing-s);
  --tab-medium-button-padding-left: var(--spacing-xs);
  --tab-medium-button-padding-right: var(--spacing-xs);

  --tab-medium-hover-font-weight: var(--font-weight-normal);
  --tab-medium-pressed-font-weight: var(--font-weight-normal);
  --tab-medium-active-font-family: var(--label-3-font-family);
  --tab-medium-active-font-size: var(--font-size-regular);
  --tab-medium-active-font-weight: var(--label-font-weight);
  --tab-medium-active-color: var(--text-primary-color);
  --tab-medium-active-border-height: var(--spacing-xxxs);
  --tab-medium-border-color: var(--text-primary-color);
  --tab-medium-disabled-color: var(--color-custom-silver-chalice);
  --tab-medium-disabled-font-family: var(--font-family-open-sans);
  --tab-medium-content-min-height: var(--spacing-xs);
  --tab-medium-content-padding: calc(var(--spacing-s) - var(--spacing-xxs)) 0 var(--spacing-s) 0;

  --tab-medium-inverse-blend-mode: multiply;
  --tab-medium-inverse-color: var(--color-custom-white);
  --tab-medium-inverse-content-color: inherit;
  --tab-medium-inverse-background: transparent;
  --tab-medium-inverse-active-color: var(--text-inverse-color);
  --tab-medium-inverse-active-border-color: var(--text-inverse-color);
  --tab-medium-inverse-hover-color: var(--color-custom-white);
  --tab-medium-inverse-hover-background-color: rgb(212, 218, 221, 0.5);
  --tab-medium-inverse-pressed-color: var(--text-inverse-color);
  --tab-medium-inverse-pressed-background-color: rgb(212, 218, 221, 0.3);
  --tab-medium-inverse-arrow-color: var(--text-inverse-color);
  --tab-medium-inverse-arrow-background: var(--brand-1-background);
  --tab-medium-inverse-bar-border-height: 0px;
  --tab-medium-inverse-padding-left: var(--spacing-xs);
  --tab-medium-inverse-padding-right: var(--spacing-xs);

  --tab-counter-background-color: var(--warning-background);

  --tab-activating-animation-opacity-from: 0;
  --tab-activating-animation-opacity-to: 100%;
  --tab-activating-animation-opacity-timing: 0.2s ease-in-out 0s;
  --tab-deactivating-animation-opacity-from: 100%;
  --tab-deactivating-animation-opacity-to: 0;
  --tab-deactivating-animation-opacity-timing: 0.2s ease-in-out 0s;
  --tab-content-activating-animation-opacity-from: 0;
  --tab-content-activating-animation-opacity-to: 100%;
  --tab-content-activating-animation-opacity-timing: 0.25s ease-in-out 0.1s;
  --tab-content-deactivating-animation-opacity-from: 100%;
  --tab-content-deactivating-animation-opacity-to: 0;
  --tab-content-deactivating-animation-opacity-timing: 0.25s ease-in-out 0s;
  --tab-border-animation-opacity-from: 0;
  --tab-border-animation-opacity-to: 100%;
  --tab-border-animation-scale-from: 0;
  --tab-border-animation-scale-to: 100%;
  --tab-border-animation-timing: 0.25s ease-in-out 0s;

  /* Accordion */
  --panel-font-family: var(--font-family);
  --panel-font-size: 15px;
  --panel-color: var(--text-primary-color);
  --panel-background: var(--color-custom-white);
  --panel-box-sizing: content-box;
  --panel-box-shadow: none;
  --panel-padding-bottom: var(--spacing-xs);
  --panel-header-height: 36px;
  --panel-header-padding: var(--spacing-xxs) var(--spacing-s);
  --accordion-header-padding: var(--spacing-xxs) var(--spacing-xs);
  --panel-header-title-level-2-padding-left: var(--spacing-xss);
  --panel-header-font-size: 14px;
  --panel-header-font-weight: var(--font-weight-normal);
  --panel-expanded-header-font-weight: var(--font-weight-bold);
  --panel-header-color: inherit;
  --panel-header-background: inherit;
  --panel-header-border: 1px solid var(--color-custom-silver);
  --panel-header-border-radius: 0px;
  --panel-header-background-hover: var(--color-custom-gallery);
  --panel-header-secondary-background: var(--color-custom-porcelain);
  --panel-header-secondary-hover-background: #dbdfe2;
  --panel-expanded-header-font-size: 14px;
  --panel-arrow-color: var(--text-primary-color);
  --panel-arrow-size: var(--spacing-xxxs);
  --panel-content-top-margin: var(--spacing-xs);
  --panel-content-padding: var(--spacing-xs);
  --panel-content-z-index: 1;
  --panel-icon-expanded-animation-rotate-in-to: 90deg;
  /* Process navigation */
  --process-navigation-font-family: var(--font-family);
  --process-navigation-font-size: var(--font-size-small);
  --process-navigation-step-margin: var(--spacing-xs);
  --process-navigation-step-border-width: var(--spacing-xxs);
  --process-navigation-step-min-width: 152px;
  --process-navigation-step-line-height: 25px;
  --process-navigation-step-hover-border-color: var(--color-custom-plum);
  --process-navigation-step-hover-font-color: var(--color-custom-plum);
  --process-navigation-step-hover-font-weight: var(--font-weight-bold);
  --process-navigation-step-hover-icon-color: var(--color-custom-plum);
  --process-navigation-step-active-border-color: var(--color-custom-positive);
  --process-navigation-step-active-font-color: var(--color-custom-cod);
  --process-navigation-step-active-font-weight: var(--font-weight-bold);
  --process-navigation-step-active-icon-color: var(--color-custom-positive);
  --process-navigation-step-completed-border-color: var(--color-custom-positive);
  --process-navigation-step-completed-font-color: var(--color-custom-cod);
  --process-navigation-step-completed-font-weight: var(--font-weight-normal);
  --process-navigation-step-completed-icon-color: var(--color-custom-positive);
  --process-navigation-step-started-border-color: var(--color-custom-plum);
  --process-navigation-step-started-font-color: var(--color-custom-plum);
  --process-navigation-step-started-font-weight: var(--font-weight-normal);
  --process-navigation-step-started-icon-color: var(--color-custom-plum);
  --process-navigation-step-uncompleted-border-color: var(--color-custom-eclipce);
  --process-navigation-step-uncompleted-font-color: var(--color-custom-plum);
  --process-navigation-step-uncompleted-font-weight: var(--font-weight-normal);
  --process-navigation-step-uncompleted-icon-color: var(--color-custom-eclipce);
  --process-navigation-step-border-color-default: var(--color-custom-eclipce);
  --process-navigation-step-empty-border-color: var(--color-custom-eclipce);

  /** Animation */
  --process-navigation-step-label-icon-wrapper-width-in-timing: 0.2s ease-out 0s;
  --process-navigation-step-label-icon-wrapper-width-out-timing: 0.2s ease-out 0.15s;
  --process-navigation-step-label-icon-new-show-opacity-from: 0.6;
  --process-navigation-step-label-icon-new-show-opacity-to: 1;
  --process-navigation-step-label-icon-new-show-scale-from: 0;
  --process-navigation-step-label-icon-new-show-scale-to: 1;
  --process-navigation-step-label-icon-new-show-timing: 0.25s ease-out 0.05s;
  --process-navigation-step-label-icon-new-hide-opacity-from: 1;
  --process-navigation-step-label-icon-new-hide-opacity-to: 0.6;
  --process-navigation-step-label-icon-new-hide-scale-from: 1;
  --process-navigation-step-label-icon-new-hide-scale-to: 0;
  --process-navigation-step-label-icon-new-hide-timing: 0.25s ease-out 0.05s;
  --process-navigation-step-label-icon-replace-show-opacity-from: 0;
  --process-navigation-step-label-icon-replace-show-opacity-to: 1;
  --process-navigation-step-label-icon-replace-show-scale-from: 0.8;
  --process-navigation-step-label-icon-replace-show-scale-to: 1;
  --process-navigation-step-label-icon-replace-show-timing: 0.25s ease-out 0.05s;
  --process-navigation-step-label-icon-replace-hide-opacity-from: 1;
  --process-navigation-step-label-icon-replace-hide-opacity-to: 0;
  --process-navigation-step-label-icon-replace-hide-scale-from: 1;
  --process-navigation-step-label-icon-replace-hide-scale-to: 0.8;
  --process-navigation-step-label-icon-replace-hide-timing: 0.25s ease-in-out 0s;
  --process-navigation-step-progress-line-width-in-from: 0%;
  --process-navigation-step-progress-line-width-in-to: 100%;
  --process-navigation-step-progress-line-width-in-timing: 0.35s ease-in-out 0s;

  /* Reorder */
  --reorder-cell-color: var(--body-1-color);
  --reorder-cell-background: var(--color-custom-white);
  --reorder-cell-font-family: var(--body-1-font-family);
  --reorder-cell-font-size: var(--body-1-size);
  --reorder-cell-font-weight: var(--body-1-font-weight);
  --reorder-cell-line-height: var(--body-1-height);
  --reorder-cell-padding: var(--spacing-xss) 9px;
  --reorder-cell-first-padding: var(--spacing-xss) 9px var(--spacing-xss) var(--spacing-xss);
  --reorder-cell-last-second-padding: 0px;
  --reorder-cell-last-padding: var(--spacing-xss) 0 var(--spacing-xss) 9px;
  --reorder-cell-first-width: auto;
  --reorder-cell-last-width: auto;
  --reorder-cell-last-second-width: auto;
  --reorder-cell-border-bottom: 1px solid var(--color-custom-alto);
  --reorder-drag-handle-cursor: grab;
  --reorder-drag-handle-active-cursor: grabbing;
  --reorder-drag-ghost-background: var(--color-custom-concrete);

  /* Action icon */
  --active-icon-blend-mode: multiply;
  /* --active-icon-primary-blend-mode
  --active-icon-primary-hover-blend-mode
  --active-icon-primary-active-blend-mode
  --active-icon-primary-open-blend-mode
  --active-icon-secondary-blend-mode
  --active-icon-secondary-hover-blend-mode
  --active-icon-secondary-active-blend-mode
  --active-icon-secondary-open-blend-mode */

  --active-icon-primary-background-color: rgba(230, 230, 230, 0.35);
  --active-icon-primary-hover-background-color: rgba(230, 230, 230, 0.5);
  --active-icon-primary-active-background-color: rgba(230, 230, 230, 0.3);
  --active-icon-primary-open-background-color: rgba(230, 230, 230, 0.8);

  --active-icon-secondary-background-color: rgba(204, 204, 204, 0.7);
  --active-icon-secondary-hover-background-color: rgba(204, 204, 204, 0.4);
  --active-icon-secondary-active-background-color: rgba(204, 204, 204, 0.05);
  --active-icon-secondary-open-background-color: rgba(204, 204, 204, 1);

  --active-icon-primary-color: var(--color-custom-black);
  --active-icon-secondary-color: var(--color-custom-white);

  /* Spinner */
  --spinner-z-index: calc(var(--z-index-1p) - 1);
  --spinner-viewport-z-index: var(--z-index-9p);
  --spinner-background: var(--color-custom-white-1);
  --spinner-inline-background: transparent;
  --spinner-foreground-ring-color: var(--color-custom-tundora);
  --spinner-background-ring-color: var(--color-custom-concrete);
  --spinner-size: var(--spacing-m);
  --spinner-inline-size: var(--spacing-s);
  --spinner-thickness: var(--spacing-xxxs);
  --spinner-msg-color: var(--text-tertiary-color);
  --spinner-msg-font-family: var(--body-3-font-family);
  --spinner-msg-text-transform: normal;
  --spinner-msg-font-size: var(--body-3-font-size);
  --spinner-msg-font-weight: var(--body-3-font-weight);
  --spinner-msg-warning-color: var(--text-tertiary-color);
  --spinner-msg-warning-font-family: var(--body-3-font-family);
  --spinner-msg-warning-text-transform: normal;
  --spinner-msg-warning-font-size: var(--body-3-font-size);
  --spinner-msg-warning-font-weight: var(--body-3-font-weight);
  --spinner-msg-error-color: var(--text-primary-color);
  --spinner-msg-error-font-family: var(--body-2-font-family);
  --spinner-msg-error-text-transform: normal;
  --spinner-msg-error-font-size: var(--body-2-font-size);
  --spinner-msg-error-font-weight: var(--body-2-font-weight);

  /* Feed */
  --feed-list-width: 100%;
  --feed-list-max-height: 540px;
  --feed-list-border-color: var(--divider-tertiary-border-color);
  --feed-list-border-width: var(--divider-2-width) 0;
  --feed-item-background: var(--color-custom-grey-shade-17);
  --feed-item-even-background: var(--color-custom-concrete);
  --feed-item-border-color: var(--feed-list-border-color);
  --feed-item-border-top-width: var(--divider-3-width);
  --feed-item-primary-background: var(--color-custom-grey-shade-17);
  --feed-item-primary-border-color: var(--color-custom-white);
  --feed-item-primary-bar-width: var(--divider-1-width);
  --feed-item-primary-bar-background-color: var(--color-custom-terracotta);
  --feed-item-secondary-background: var(--color-custom-grey-shade-17);
  --feed-item-secondary-border-color: var(--color-custom-white);
  --feed-sm-description-margin: var(--spacing-xxxs) 0 0;
  --feed-item-padding: var(--spacing-xs) 0px var(--spacing-xs) var(--spacing-s);
  --feed-item-tag-min-width: 44px;
  --feed-item-tag-line-height: var(--tag-line-height);

  --feed-item-date-font-family: var(--body-font-family);
  --feed-item-date-font-size: 14px;
  --feed-item-date-font-weight: var(--body-font-weight);
  --feed-item-date-color: var(--color-custom-nevada);

  --feed-item-type-font-family: var(--body-font-family);
  --feed-item-type-font-size: 14px;
  --feed-item-type-font-weight: var(--body-font-weight);
  --feed-item-type-color: var(--color-custom-mine-shaft);

  --feed-item-header-font-family: var(--body-font-family);
  --feed-item-header-font-size: 14px;
  --feed-item-header-font-weight: var(--font-weight-bold);
  --feed-item-header-color: var(--color-custom-mine-shaft);

  --feed-item-description-font-family: var(--body-font-family);
  --feed-item-description-font-size: 14px;
  --feed-item-description-font-weight: var(--body-font-weight);
  --feed-item-description-color: var(--color-custom-nevada);

  --feed-item-date-padding-left: var(--spacing-xxs);
  --feed-link-1-color: var(--color-custom-blueribbon);

  --feed-sm-date-width: auto;
  --feed-sm-content-width: 100%;
  --feed-sm-content-margin: 0;
  --feed-sm-link-width: 100%;
  --feed-sm-link-margin: var(--spacing-xs) 0 0;
  --feed-sm-tag-width: var(--feed-item-tag-min-width);
  --feed-sm-tag-margin: 0;
  --feed-link-text-align: right;
  --feed-sm-feed-item-content-header-margin-top: 3px;
  --feed-sm-feed-item-content-header-margin-bottom: 12px;
  --feed-item-date-sm-padding-bottom: 12px;
  --feed-item-sm-padding-top: 18px;
  --feed-item-sm-padding-bottom: 18px;
  --feed-item-md-padding: var(--spacing-xs) var(--spacing-s);
  --feed-item-sm-padding: var(--spacing-xs) var(--spacing-s);

  --feed-md-date-width: 108px;
  --feed-md-content-width: auto;
  --feed-md-content-margin: 0 var(--spacing-s);
  --feed-md-link-width: 122px;
  --feed-md-link-margin: 0;
  --feed-md-tag-width: var(--feed-item-tag-min-width);
  --feed-md-tag-margin: 0 0 0 var(--spacing-s);

  --feed-md-screen-lg-date-width: auto;
  --feed-md-screen-lg-content-width: 100%;
  --feed-md-screen-lg-content-margin: var(--spacing-xs) 0 0;
  --feed-md-screen-lg-link-width: 100%;
  --feed-md-screen-lg-link-margin: var(--spacing-xs) 0 0;
  --feed-md-screen-lg-tag-width: var(--feed-item-tag-min-width);
  --feed-md-screen-lg-tag-margin: 0 0 0 var(--spacing-s);

  --feed-lg-date-width: 108px;
  --feed-lg-content-width: auto;
  --feed-lg-content-margin: 0 var(--spacing-m);
  --feed-lg-link-width: 122px;
  --feed-lg-link-margin: 0;
  --feed-lg-tag-width: var(--feed-item-tag-min-width);
  --feed-lg-tag-margin: 0 0 0 var(--spacing-s);

  --feed-lg-screen-lg-content-margin: 0 var(--spacing-s);
  --feed-lg-screen-lg-link-margin: 0 0 0 var(--spacing-xss);
  --feed-lg-screen-lg-tag-margin: 0 var(--spacing-m);

  --feed-item-content-md-margin-top: var(--spacing-xxs);
  --feed-item-first-margin-top: var(--spacing-s);

  --page-vertical-padding: var(--spacing-s);
  --page-horizontal-padding: calc(var(--spacing-s) * 2);
  --page-screen-lg-horizontal-padding: var(--spacing-m);

  --page-content-vertical-padding: var(--spacing-s);
  --page-content-horizontal-padding: var(--spacing-s);
  --page-tabs-container-vertical-margin: var(--spacing-s);
  --page-tabs-padding-top: 0;

  --page-header-background: var(--color-custom-alabaster);
  --page-header-spacing: 0px;
  --page-header-padding: var(--page-vertical-padding) var(--page-horizontal-padding);

  --page-overlay-width: 48px;
  --page-overlay-height: 100%;

  --page-content-background-color: var(--color-custom-mischka);
  --page-content-border-width: 0px;
  --page-content-border-color: var(--color-custom-alto);
  --page-content-min-height: var(--spacing-xl);

  --page-content-box-shadow: none;
  --page-header-metadata-gap: 8px;
  --refresh-container-width: 75px;
  --refresh-container-height: 18px;
  --refresh-container-gap: 8px;
  --refresh-text-font-family: var(--font-family-open-sans);
  --refresh-text-font-size: var(--font-size-small-2);
  --refresh-text-font-weight: var(--font-weight-normal);
  --refresh-text-line-height: 18px;
  --refresh-text-color: var(--color-custom-blueribbon);
  --refresh-text-decoration: underline;
  --refresh-text-width: 51px;
  --refresh-text-height: 18px;
  --refresh-icon-width: 16px;
  --refresh-icon-height: 16px;
  --page-actions-margin: var(--spacing-s);
  --page-actions-margin-right: 0;
  --page-actions-bottom-padding: 0px;

  --page-title-letter-spacing: var(--headline-3-letter-spacing);
  --page-title-font-family: var(--font-family-open-sans);
  --page-title-line-height: var(--spacing-s);
  --page-title-font-size: var(--spacing-s);
  --page-title-font-weight: var(--font-weight-bold);
  --page-header-color: var(--color-custom-mine-shaft);

  --metadata-letter-spacing: var(--headline-7-letter-spacing);
  --metadata-font-family: var(--body-7-font-family);
  --metadata-line-height: 21px;
  --metadata-font-size: var(--font-size-small-2);
  --metadata-color: var(--body-7-color);

  --page-multiple-content-background: var(--color-custom-white);
  --page-header-compact-mode-margin: var(--spacing-m);
  --page-multiple-content-padding: var(--spacing-s) var(--spacing-s) 0 var(--spacing-s);

  --message-bar-error-color: var(--color-custom-white);
  --message-bar-warning-color: var(--color-custom-white);
  --message-bar-info-color: var(--color-custom-white);
  --message-bar-success-color: var(--color-custom-white);
  --message-bar-font-family: var(--body-2-font-family);
  --message-bar-font-size: var(--font-size);
  --message-bar-link-font-size: var(--font-size-small-2);
  --message-bar-link-line-height: var(--spacing-xss);
  --message-bar-display-icon: none;
  --message-bar-line-height: 20px;
  --message-bar-align-items: flex-start;
  --message-bar-justify-content: flex-start;
  --message-bar-icon-container-width: 42px;
  --message-bar-icon-container-align-self: flex-start;
  --message-bar-icon-container-margin-top: -6px;
  --message-bar-icon-container-max-height: 0;
  --message-bar-detail-content-padding: 0 var(--spacing-xs) 0 var(--spacing-m);
  --message-bar-tag-right-position: var(--spacing-xl);
  --message-bar-tag-top-position: 16px;
  --message-bar-group-tag-right-position: var(--spacing-xss);
  --message-bar-with-tag-margin: 76px;
  --message-bar-with-details-margin: 58px;

  --message-bar-compact-mode-padding: var(--spacing-xs, 12px);
  --message-bar-compact-mode-icon-container-width: 42px;
  --message-bar-compact-mode-close-icon-margin: 0 0 0 0;
  --message-bar-compact-mode-message-text-margin: 0px var(--spacing-xss) 0 0;
  --message-bar-compact-mode-arrow-icon-margin: 0;

  --message-bar-error-background-color: var(--error-background);
  --message-bar-warning-background-color: var(--warning-background);
  --message-bar-info-background-color: var(--info-background);
  --message-bar-success-background-color: var(--confirmation-background);
  --message-bar-padding: var(--spacing-xs) var(--spacing-s);

  /* Amount filter */
  --amount-filter-width: var(--form-control-width);
  --amount-filter-min-width: var(--form-control-min-width);
  --amount-filter-max-width: var(--form-control-max-width);
  --amount-filter-border-style: solid;
  --amount-filter-border-width: 0px;
  --amount-filter-border-color: transparent;

  --amount-filter-content-box-shadow: 2px 4px 8px 0 rgba(28, 28, 28, 0.5);
  --amount-filter-content-background: var(--color-custom-white);
  --amount-filter-content-height: 252px;
  --amount-filter-content-border: 0;
  --amount-filter-content-margin: 0;
  --amount-filter-content-border-width: 1px;
  --amount-filter-content-border-color: var(--color-custom-border);

  --amount-filter-list-width: 176px;
  --amount-filter-list-padding: 0px;
  --amount-filter-list-background: var(--color-custom-white);
  --amount-filter-list-item-font-family: var(--body-1-font-family);
  --amount-filter-list-item-font-size: var(--body-1-font-size);
  --amount-filter-list-item-font-weight: normal;
  --amount-filter-list-item-line-height: var(--body-1-line-height);
  --amount-filter-list-item-height: 48px;
  --amount-filter-list-item-padding: 0px var(--spacing-xss);
  --amount-filter-list-item-margin: 0px;
  --amount-filter-list-item-text-transform: normal;
  --amount-filter-list-item-background: var(--color-custom-white);
  --amount-filter-list-item-active-background: var(--color-custom-lochmara);
  --amount-filter-list-item-hover-background: var(--color-custom-silver);
  --amount-filter-list-item-active-color: var(--color-custom-white);

  --amount-filter-control-background: var(--color-custom-white);
  --amount-filter-control-padding: var(--spacing-m) var(--spacing-xss) var(--spacing-xss);
  --amount-filter-control-border-width: 0 0 0 1px;
  --amount-filter-control-border-color: var(--color-custom-mercury);

  --amount-filter-value-input-width: 250px;
  --amount-filter-value-input-min-width: 275px;
  --amount-filter-value-input-max-width: 100%;
  --amount-filter-value-input-margin-bottom: var(--spacing-xs);
  --amount-filter-footer-margin: var(--spacing-xxs) 0px 0px;

  /* Inline expansion */
  --inline-expansion-title-color: var(--body-4-color);
  --inline-expansion-title-font-weight: var(--body-4-font-weight);
  --inline-expansion-title-font-family: var(--body-4-font-family);
  --inline-expansion-title-font-size: var(--body-4-font-size);
  --inline-expansion-title-line-height: var(--body-4-line-height);
  --inline-expansion-title-text-transform: uppercase;
  --inline-expansion-title-background: var(--text-inverse-color);
  --inline-expansion-title-padding: 0 var(--spacing-xxs) 0 var(--spacing-xs);
  --inline-expansion-title-hover-background: #e5e5e5;
  --inline-expansion-title-hover-blend-mode: multiply;
  --inline-expansion-title-pressed-background: rgba(204, 204, 204, 0.3);
  --inline-expansion-title-pressed-blend-mode: multiply;
  --inline-expansion-title-width: 50%;
  --inline-expansion-border-color: var(--color-custom-cod);
  --inline-expansion-border-width: 1px;
  --inline-expansion-disabled-color: var(--color-custom-alto);
  --inline-expansion-content-background-color: var(--color-custom-white);
  --inline-expansion-content-margin-bottom: var(--spacing-s);
  /* Back navigation */
  --back-navigation-background: none;
  --back-navigation-padding: var(--spacing-xxs) var(--spacing-xs) var(--spacing-xxs)
    var(--spacing-xxs);
  --back-navigation-hover-background: var(--color-custom-gallery);
  --back-navigation-pressed-background: rgba(230, 230, 230, 0.3);
  --back-navigation-blend-mode: multiply;
  --back-navigation-text-color: var(--text-primary-color);
  --back-navigation-text-font-weight: var(--font-weight-normal);
  --back-navigation-text-font-family: var(--font-family);
  --back-navigation-text-font-size: var(--font-size-small-2);
  --back-navigation-inverse-color: var(--color-custom-white);
  --back-navigation-inverse-hover-overlay-background-color: rgba(170, 170, 170, 0.4);
  --back-navigation-inverse-hover-background-color: rgba(170, 170, 170, 1);
  --back-navigation-inverse-active-overlay-background-color: rgba(170, 170, 170, 0.05);
  --back-navigation-inverse-active-background-color: rgba(170, 170, 170, 1);

  --file-progress-bar-icon-margin: 0px var(--spacing-xs) 0px 0px;
  --file-progress-bar-icon-display: none;
  --file-progress-bar-loader-height: var(--divider-2-width);
  --file-progress-bar-loader-fill-background: var(--color-custom-chateaugreen);
  --file-progress-bar-loader-fill-transition-time: 0.3s;
  --file-progress-bar-message-font-family: var(--body-4-font-family);
  --file-progress-bar-message-font-size: var(--body-4-font-size);
  --file-progress-bar-message-font-weight: var(--body-4-font-weight);
  --file-progress-bar-message-line-height: var(--body-4-line-height);
  --file-progress-bar-message-color: var(--body-4-color);
  --file-progress-bar-message-error-color: var(--body-4-color);
  --file-progress-bar-message-margin: 0px 0px;
  --file-progress-bar-name-font-family: var(--body-1-font-family);
  --file-progress-bar-name-font-size: var(--body-1-font-size);
  --file-progress-bar-name-line-height: var(--body-1-line-height);
  --file-progress-bar-name-color: var(--text-primary-color);
  --file-progress-bar-name-error-color: var(--text-negative-color);
  --file-progress-bar-name-error-font-size: var(--body-4-font-size);
  --file-progress-bar-name-error-font-weight: var(--font-weight-bold);
  --file-progress-bar-name-padding: var(--spacing-xxs) 0px;
  --file-progress-bar-link-font-family: var(--body-4-font-family);
  --file-progress-bar-link-font-size: var(--body-1-font-size);
  --file-progress-bar-link-line-height: var(--body-1-line-height);
  --file-progress-bar-link-letter-spacing: var(--link-3-letter-spacing);
  --file-progress-bar-link-text-transform: var(--link-3-text-transform);
  --file-progress-bar-link-text-decoration: var(--link-1-text-decoration);
  --file-progress-bar-link-color: var(--link-color);
  --file-progress-bar-link-color-hover: var(--link-hover-color);
  --file-progress-bar-cancel-margin-left: 0;
  --file-progress-bar-cancel-margin-right: 0px;
  --file-progress-bar-align-items: center;
  --file-upload-droparea-border: dashed 2px var(--color-custom-mine-shaft);
  --file-upload-droparea-padding-horizontal: var(--spacing-s);
  --file-upload-droparea-padding-vertical: var(--spacing-xss) var(--spacing-s);
  --file-upload-droparea-dragover-background: var(--color-custom-grey-shade-11);
  --file-upload-drop-label-display: grid;
  --file-progress-bar-error-loader-background: transparent;
  --file-progress-bar-error-file-progress-bar-content-display: none;

  --file-upload-drop-icon-margin: 0 auto;
  --file-upload-drop-icon-padding: var(--spacing-xs);
  --file-upload-drop-icon-padding-bottom: 12px;

  --file-upload-drop-browse-link-color: var(--link-color);
  --file-upload-drop-browse-link-hover-color: var(--link-hover-color);
  --file-upload-drop-browse-link-visited-color: var(--link-color);
  --file-upload-drop-browse-link-text-decoration: var(--link-text-decoration-none, none);

  /* Breadcrumb */
  --breadcrumb-divider-padding-right: var(--spacing-xxs);
  --breadcrumb-divider-padding-left: var(--spacing-xxs);
  --breadcrumb-divider-padding-top: 0px;
  --breadcrumb-item-current-color: var(--color-custom-mine-shaft);
  --breadcrumb-item-current-font-family: var(--link-3-font-family);
  --breadcrumb-item-current-font-size: var(--link-4-font-size);
  --breadcrumb-item-current-font-weight: var(--breadcrumb-item-current-font-weight);
  --breadcrumb-item-current-line-height: var(--breadcrumb-item-line-height);
  --breadcrumb-item-color: var(--color-custom-blueribbon);
  --breadcrumb-item-hover-color: var(--color-custom-prussianblue);
  --breadcrumb-item-font-size: var(--link-4-font-size);
  --breadcrumb-item-font-weight: var(--font-weight-normal);
  --breadcrumb-item-line-height: var(--headline-4-line-height);
  --breadcrumb-item-letter-spacing: var(--link-3-letter-spacing);
  --breadcrumb-item-text-transform: var(--link-3-text-transform);
  --breadcrumb-item-text-decoration: none;
  --breadcrumb-item-hover-text-decoration: var(--link-3-hover-text-decoration, underline);
  --breadcrumb-item-inverse-color: var(--color-custom-mischka);
  --breadcrumb-item-inverse-current-color: var(--color-custom-border);
  --breadcrumb-item-inverse-current-hover-color: var(--color-custom-alabaster);

  --breadcrumb-inverse-background-color: black;
  --breadcrumb-inverse-padding: var(--spacing-s);

  /* Status bar */

  --status-bar-padding: var(--spacing-xxs) 0px 0px;
  --status-bar-height: var(--spacing-xxs);
  --status-bar-border-radius: var(--spacing-xxs);
  --status-bar-background: var(--color-custom-mercury);
  --status-bar-display-height: var(--spacing-xs);
  --status-bar-display-border-radius: var(--spacing-xs);
  --status-bar-fill-background: var(--color-custom-positive);
  --status-bar-fill-transition-time: 0.3s;
  --status-bar-label-margin: var(--spacing-xs) 0px 0px;
  --status-bar-label-font-family: var(--label-4-font-family);
  --status-bar-label-color: var(--label-4-color);
  --status-bar-label-font-size: var(--headline-6-font-size);
  --status-bar-label-line-height: 12px;
  --status-bar-label-font-weight: var(--font-weight-bold);
  --status-bar-label-value-font-family: var(--label-4-font-family);
  --status-bar-label-value-color: var(--color-custom-cod);
  --status-bar-label-value-font-size: var(--headline-6-font-size);
  --status-bar-label-value-line-height: 12px;
  --status-bar-label-value-font-weight: var(--font-weight-bold);
  --status-bar-label-value-divider-width: var(--divider-3-width);
  --status-bar-label-value-divider-distance: var(--spacing-xxs);
  --status-bar-label-value-divider-background: var(--divider-secondary-border-color);

  /* List */
  --list-padding: 0px;
  --list-margin: 0px;
  --list-header-margin: 0px;
  --list-header-padding: 0px 0px var(--spacing-xs) var(--spacing-xs);
  --list-header-title-font-size: var(--headline-4-font-size);
  --list-category-margin: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-xs);
  --list-category-border-bottom: 1px solid var(--color-custom-nobel);
  --list-category-padding-bottom: var(--spacing-xs);
  --list-category-label-font-family: var(--headline-5-font-family);
  --list-category-label-font-size: var(--headline-5-font-size);
  --list-category-label-line-height: var(--headline-4-line-height);
  --list-category-label-color: var(--color-custom-black);
  --list-category-label-font-weight: var(--font-weight-bold);
  --list-category-size-font-family: var(--body-font-family);
  --list-category-size-font-size: var(--body-5-font-size);
  --list-category-size-line-height: var(--headline-4-line-height);
  --list-category-size-color: var(--color-custom-black);
  --list-item-background-color: var(--color-custom-white);
  --list-item-padding: var(--spacing-xs);
  --list-item-tag-icon-padding-right: var(--spacing-xs);
  --list-item-hover-background-color: var(--color-custom-porcelain);
  --list-item-hover-blend-mode: multiply;
  --list-item-pressed-background-color: var(--color-custom-lochmara);
  --list-item-pressed-blend-mode: multiply;
  --list-item-icons-text-pressed-color: var(--color-custom-white);
  --list-title-pressed-text-color: var(--color-custom-white);
  --list-title-font-family: var(--headline-7-font-family);
  --list-title-font-size: var(--font-size-small-2);
  --list-title-font-weight: var(--font-weight-bold);
  --list-title-line-height: 20px;
  --list-title-text-color: var(--color-custom-mine-shaft);
  --list-flag-line-height: 20px;
  --list-description-text-color: var(--color-custom-neveda);
  --list-description-font-family: var(--body-7-font-family);
  --list-description-font-size: 14px;
  --list-description-font-weight: var(--body-7-font-weight);
  --list-description-line-height: var(--headline-4-line-height);
  --list-description-padding-top: 3px;
  --list-description-pressed-text-color: var(--color-custom-white);
  --list-status-font-family: var(--body-1-font-family);
  --list-status-font-size: 14px;
  --list-status-font-weight: var(--body-1-font-weight);
  --list-status-line-height: 14px;
  --list-status-padding-left: var(--spacing-s);
  --list-action-icon-padding-left: var(--spacing-s);

  /* Multiselect dropdown */
  --multiselect-dropdown-font-family: inherit;
  --multiselect-dropdown-width: var(--form-control-width);
  --multiselect-dropdown-min-width: var(--form-control-min-width);
  --multiselect-dropdown-max-width: var(--form-control-max-width);
  --multiselect-dropdown-right: 0;
  --multiselect-dropdown-height: auto;
  --multiselect-dropdown-background: var(--color-custom-white);
  --multiselect-dropdown-box-shadow: 2px 4px 8px 0 rgba(28, 28, 28, 0.5);
  --multiselect-dropdown-padding: 0;
  --multiselect-dropdown-custom-scrollbar-vertical-padding-right: var(--spacing-xxs);
  --multiselect-dropdown-chips-wrapper-padding: 0px;
  --multiselect-dropdown-chips-wrapper-margin: 0px;
  --multiselect-dropdown-chips-wrapper-search-input-padding-left: var(--spacing-xxs);
  --multiselect-dropdown-chips-wrapper-search-input-padding-right: var(--spacing-xxs);
  --multiselect-dropdown-item-padding: 7px var(--spacing-xs);
  --multiselect-dropdown-footer-button-margin-left: var(--spacing-xxs);
  --multiselect-dropdown-footer-button-margin-right: var(--spacing-xxs);
  --multiselect-dropdown-item-border-width: 1px;
  --multiselect-dropdown-item-border-color: transparent;
  --multiselect-dropdown-item-hovered-background: rgba(230, 230, 230, 0.5);
  --multiselect-dropdown-item-hovered-color: var(--color-custom-cod);
  --multiselect-dropdown-item-selected-background: var(--color-custom-lochmara);
  --multiselect-dropdown-item-selected-color: var(--color-custom-white);
  --multiselect-dropdown-item-focused-border-color: inherit;
  --multiselect-dropdown-item-focused-color: inherit;
  --multiselect-dropdown-select-all-checkbox-mark-color: var(--text-inverse-color);
  --multiselect-dropdown-select-all-checkbox-mark-background-color: var(--color-custom-black);
  --multiselect-dropdown-select-all-checkbox-border-color: var(--color-custom-black);
  --multiselect-extend-input-width: 380px;
  --multiselect-dropdown-category-padding-top: var(--spacing-xs);
  --multiselect-dropdown-category-label-color: #616f76;
  --multiselect-dropdown-category-label-padding: 0 var(--spacing-xs);
  --multiselect-dropdown-category-label-text-transform: var(--label-1-text-transform);
  --multiselect-dropdown-category-label-font-family: var(--label-1-font-family);
  --multiselect-dropdown-category-label-font-size: var(--label-1-font-size);
  --multiselect-dropdown-category-label-font-weight: normal;
  --multiselect-dropdown-category-label-line-height: var(--label-1-line-height);
  --multiselect-dropdown-category-label-letter-spacing: var(--label-1-letter-spacing);
  --multiselect-dropdown-item-divider-color: transparent;
  --multiselect-dropdown-footer-align-self: flex-end;
  --multiselect-dropdown-footer-justify-self: flex-end;
  --multiselect-dropdown-footer-padding: var(--spacing-xxs) 12px var(--spacing-xss);
  --multiselect-dropdown-footer-vertical-spacing: var(--spacing-xs);
  --multiselect-dropdown-min-height: none;
  --multiselect-dropdown-max-height: 480px;
  --multiselect-dropdown-options-max-height: none;
  --multiselect-dropdown-options-padding: var(--spacing-xxs);
  /* animations */
  --multiselect-content-opening-animation-opacity-from: 0;
  --multiselect-content-opening-animation-opacity-to: 1;
  --multiselect-content-opening-animation-opacity-timing: 0.3s ease-in-out 0s;
  --multiselect-content-opening-animation-translate-x-from: 0px;
  --multiselect-content-opening-animation-translate-x-to: 0;
  --multiselect-content-opening-animation-translate-y-from: -8px;
  --multiselect-content-opening-animation-translate-y-to: 0;
  --multiselect-content-opening-animation-translate-timing: 0.25s ease-out 0.05s;
  --multiselect-content-closing-animation-opacity-from: 1;
  --multiselect-content-closing-animation-opacity-to: 0;
  --multiselect-content-closing-animation-opacity-timing: 0.25s ease-in-out 0s;
  --multiselect-content-closing-animation-translate-x-from: 0;
  --multiselect-content-closing-animation-translate-x-to: 0;
  --multiselect-content-closing-animation-translate-y-from: 0;
  --multiselect-content-closing-animation-translate-y-to: -8px;
  --multiselect-content-closing-animation-translate-timing: 0.2s ease-in 0s;
  --multiselect-icon-rotate-out-animation-timing: 0.25s ease-out 0s;
  --multiselect-icon-rotate-out-animation-from: 180deg;
  --multiselect-icon-rotate-out-animation-to: 0deg;
  --multiselect-icon-rotate-in-animation-from: 0deg;
  --multiselect-icon-rotate-in-animation-to: 180deg;
  --multiselect-icon-rotate-in-animation-timing: 0.25s ease-out 0s;
  --multiselect-icon-opacity-in-animation-timing: 0.25s ease-in-out 0s;
  --multiselect-icon-opacity-out-animation-timing: 0.25s ease-in-out 0s;
  --multiselect-animation-translate-x-from: 0;
  --multiselect-animation-translate-x-to: 3px;
  --multiselect-animation-translate-y-from: 0;
  --multiselect-animation-translate-y-to: 0;

  /* Switch variables */
  --switch-font-family: var(--label-1-font-family);
  --switch-font-size: var(--label-1-font-size);
  --switch-font-weight: var(--label-1-font-weight);
  --switch-sm-font-family: var(--label-1-font-family);
  --switch-sm-font-size: var(--label-1-font-size);
  --switch-sm-font-weight: var(--label-1-font-weight);
  --switch-label-font-family: var(--label-1-font-family);
  --switch-inside-text-transform: uppercase;
  --switch-inside-width: 62px;
  --switch-text-min-width: 37px;
  --switch-inside-on-text-color: var(--text-inverse-color);
  --switch-inside-off-text-color: var(--text-inverse-color);
  --switch-inside-on-active-text-color: var(--text-inverse-color);
  --switch-inside-off-active-text-color: var(--text-inverse-color);
  --switch-inside-padding-left: 0;
  --switch-inside-padding-right: 0;
  --switch-on-background: var(--color-custom-lochmara, #007bb6);
  --switch-off-background: var(--color-custom-silver-chalice);
  --switch-disabled-text-color: var(--color-custom-stone);
  --switch-disabled-background-color: var(--color-custom-nevada);
  --switch-disabled-thumb-background-color: var(--color-custom-porcelain);
  --switch-disabled-opacity: 1;
  --switch-focus-outline: 0 0 0px 1px var(--color-custom-white), 0 0 0px 3px rgba(8, 106, 226, 0.5);
  --switch-locked-off-background-color: var(--color-custom-silver-chalice);
  --switch-locked-on-background-color: var(--color-custom-lochmara);
  --switch-locked-off-icon-color: var(--color-custom-white);
  --switch-locked-off-text-color: var(--color-custom-mine-shaft);
  --switch-locked-off-icon-padding: 4px 6px 4px 4px;
  --switch-locked-on-icon-padding: 4px 4px 4px 6px;

  --switch-animation-opacity-from: 0;
  --switch-animation-opacity-to: 1;
  --switch-label-showing-animation-timing: 0.2s ease-in 0s;
  --switch-label-hiding-animation-timing: 0.2s ease-out 0.05s;

  --switch-animation-background-timing: 0.25s ease-in-out 0s;
  --switch-thumb-animation-position-timing: 0.25s ease-out 0s;
  /* Calendar picker */
  --calendar-picker-width: var(--form-control-width);
  --calendar-picker-min-width: var(--form-control-min-width);
  --calendar-picker-max-width: var(--form-control-max-width);
  --calendar-picker-color: var(--text-primary-color);
  --calendar-picker-background: var(--color-custom-white);
  --calendar-picker-border-radius: 50%;
  --calendar-picker-border-color: transparent;
  --calendar-picker-border-width: 0px;
  --calendar-picker-border-style: solid;

  --calendar-picker-content-background: var(--color-custom-white);
  --calendar-picker-content-box-shadow: 2px 4px 8px 0 rgba(28, 28, 28, 0.5);
  --calendar-picker-content-height: 240px;
  --calendar-picker-content-border: 0;
  --calendar-picker-content-margins: 0;
  --calendar-picker-content-single-padding: var(--spacing-xss) var(--spacing-xxs) 0px;

  --calendar-picker-list-max-height: 564px;
  --calendar-picker-list-width: 176px;
  --calendar-picker-list-padding: 0px;
  --calendar-picker-list-background: var(--color-custom-white);
  --calendar-picker-list-item-height: 48px;
  --calendar-picker-list-item-padding: 0px var(--spacing-xss);
  --calendar-picker-list-item-margin: 0px;
  --calendar-picker-list-item-text-transform: normal;
  --calendar-picker-list-item-background: var(--color-custom-white);
  --calendar-picker-list-item-active-background: var(--color-custom-lochmara);
  --calendar-picker-list-item-active-color: var(--color-custom-white);
  --calendar-picker-list-item-active-hover-background: var(--color-custom-silver);
  --calendar-picker-list-item-active-hover-color: var(--text-primary-color);

  --calendar-picker-list-item-hover-background: var(--color-custom-white);
  --calendar-picker-list-item-overlay-hover-background: rgba(230, 230, 230, 0.5);
  --calendar-picker-list-item-overlay-hover-blend-mode: multiply;
  --calendar-picker-list-item-font-size: var(--body-3-font-size);

  --calendar-picker-calendar-control-background-color: var(--color-custom-white);
  --calendar-picker-calendar-control-padding: var(--spacing-xss) var(--spacing-xss)
    var(--spacing-xss);
  --calendar-picker-calendar-control-border-width: 0 0 0 1px;
  --calendar-picker-calendar-control-border-color: var(--color-custom-border);

  --calendar-picker-input-first-margin-bottom: 15.6px;

  --calendar-picker-footer-margin: var(--spacing-xss) 0 0;

  --calendar-picker-nav-border-width: 0px;
  --calendar-picker-nav-border-color: var(--calendar-picker-border-color);
  --calendar-picker-nav-padding: 0 var(--spacing-xs);

  --calendar-picker-month-font-family: var(--headline-4-font-family);
  --calendar-picker-month-font-size: var(--headline-4-font-size);
  --calendar-picker-month-font-weight: var(--headline-4-font-weight);
  --calendar-picker-month-line-height: var(--headline-4-line-height);
  --calendar-picker-month-text-transform: normal;

  --calendar-picker-weekday-color: var(--color-custom-nevada);
  --calendar-picker-weekday-font-family: var(--label-2-font-family);
  --calendar-picker-weekday-font-size: var(--label-2-font-size);
  --calendar-picker-weekday-font-weight: var(--label-2-line-height);
  --calendar-picker-weekday-border-width: 0 0 1px;
  --calendar-picker-weekday-border-style: solid;
  --calendar-picker-weekday-border-color: var(--color-custom-mercury);
  --calendar-picker-weekday-padding-top: var(--spacing-xss);

  --calendar-picker-days-margin: var(--spacing-xxs) 0;
  --calendar-picker-days-border-width: 0;
  --calendar-picker-days-border-color: var(--color-custom-stone);
  --calendar-picker-months-margin: var(--spacing-xxs) 0;
  --calendar-picker-months-border-width: 0;
  --calendar-picker-months-border-color: var(--color-custom-stone);

  --calendar-picker-btn-font-family: var(--body-7-font-family);
  --calendar-picker-btn-font-size: var(--body-7-font-size);
  --calendar-picker-btn-font-weight: var(--body-7-font-weight);
  --calendar-picker-btn-line-height: var(--body-7-line-height);

  --calendar-picker-btn-width: var(--spacing-m);
  --calendar-picker-btn-height: var(--spacing-m);
  --calendar-picker-btn-padding-vertical: 0px;
  --calendar-picker-btn-padding-horizontal: 0px;
  --calendar-picker-btn-margin: 1px;
  --calendar-picker-btn-color-selected: var(--color-custom-white);

  --calendar-picker-month-btn-width: 60px;
  --calendar-picker-month-btn-height: 60px;
  --calendar-picker-month-btn-padding: 0px;
  --calendar-picker-month-btn-margin: 25px 8px 0 0;
  --calendar-picker-month-btn-first-line-margin: 25px 0 0;

  --calendar-picker-btn-border-width: 0px;
  --calendar-picker-btn-border-color: transparent;
  --calendar-picker-btn-border-radius: 50%;
  --calendar-picker-btn-background: var(--color-custom-white);

  --calendar-picker-btn-disabled-color: var(--color-custom-stone);
  --calendar-picker-btn-disabled-background: var(--color-custom-white);

  --calendar-picker-btn-highlighted-color: var(--color-custom-cardinal);

  --calendar-picker-btn-hover-color: var(--calendar-picker-color);
  --calendar-picker-month-btn-color-hover: var(--text-primary-color);
  --calendar-picker-btn-hover-background: var(--color-custom-white);
  --calendar-picker-btn-hover-overlay-background: var(--color-custom-grey-shade-17);

  --calendar-picker-btn-notinmonth-color-hover: var(--text-tertiary-color);

  --calendar-picker-btn-today-background: transparent;
  --calendar-picker-btn-today-border-width: 1px;
  --calendar-picker-btn-today-border-color: var(--color-custom-tundora);
  --calendar-picker-btn-today-box-shadow: none;
  --calendar-picker-btn-today-hover-color: var(--text-primary-color);
  --calendar-picker-btn-today-hover-background: rgba(230, 230, 230, 0.5);

  --calendar-picker-btn-selected-color: var(--text-inverse-color);
  --calendar-picker-btn-selected-background: var(--color-custom-lochmara);
  --calendar-picker-btn-selected-border-color: transparent;
  --calendar-picker-btn-selected-first-border-radius: 50% 0 0 50%;
  --calendar-picker-btn-selected-sunday-first-border-radius: 50% 0 0 50%;
  --calendar-picker-btn-selected-last-border-radius: 0 50% 50% 0;
  --calendar-picker-btn-selected-saturday-last-border-radius: 0 50% 50% 0;
  --calendar-picker-btn-selected-one-border-radius: 50%;
  --calendar-picker-btn-selected-saturday-one-border-radius: 50%;
  --calendar-picker-btn-selected-sunday-one-border-radius: 50%;
  --calendar-picker-btn-selected-saturday-border-radius: 0 50% 50% 0;
  --calendar-picker-btn-selected-sunday-border-radius: 50% 0 0 50%;
  --calendar-picker-btn-selected-between-color: var(--text-inverse-color);
  --calendar-picker-btn-selected-between-background: var(--color-custom-lochmara);
  --calendar-picker-btn-selected-between-border-radius: 0;
  --calendar-picker-btn-selected-disabled-color: var(--color-custom-stone);
  --calendar-picker-btn-selected-disabled-background: rgba(211, 234, 243, 0.5);
  --calendar-picker-btn-selected-hover-color: var(--text-inverse-color);
  --calendar-picker-btn-selected-hover-background: var(--color-custom-lochmara);
  --calendar-picker-btn-selected-one-hover-background: var(--color-custom-bahamablue);

  --calendar-picker-custom-dates-selected-font-family: var(--label-2-font-family);
  --calendar-picker-custom-dates-selected-font-size: var(--label-2-font-size);
  --calendar-picker-custom-dates-selected-font-weight: var(--label-font-weight);
  --calendar-picker-custom-dates-label-color: var(--label-2-color);

  --calendar-picker-custom-dates-label-font-family: var(--label-3-font-family);
  --calendar-picker-custom-dates-label-font-size: var(--label-3-font-size);
  --calendar-picker-custom-dates-label-font-weight: var(--label-font-weight);
  --calendar-picker-custom-dates-selected-color: var(--label-3-color);

  --calendar-picker-custom-dates-selected-width: 250px;
  --calendar-picker-custom-dates-selected-height: 40px;

  --calendar-picker-custom-dates-panel-margin-bottom: var(--spacing-s);
  --calendar-picker-custom-dates-label-margin-bottom: var(--spacing-xxs);
  --calendar-picker-custom-dates-label-margin-top: var(--spacing-xs);

  --calendar-picker-trigger-tooltip-width: 150px;

  --calendar-picker-btn-selected-animation-scale-from: 0.9;
  --calendar-picker-btn-selected-animation-scale-to: 1;
  --calendar-picker-btn-selected-animation-scale-timing: 0.3s ease-in-out 0s;
  --calendar-picker-btn-selected-animation-background-timing: 0.25s ease-in-out 0s;
  --calendar-picker-btn-hover-transition-timing: 0.2s ease-in-out;
  --calendar-picker-btn-selected-between-animation-background-timing: 0.3s ease-in-out 0s;
  --calendar-picker-notinmonth-btn-color-hover: var(--color-custom-nevada);
  --calendar-picker-placeholder-primary-text-color: var(--color-custom-mine-shaft)
  --calendar-picker-placeholder-text-color: var(--color-custom-nevada);

  /* Button Group */
  --button-group-slotted-margin-left: -1px;
  --button-group-space: 12px;

  /* Hybrid Dropdown*/
  --hybrid-dropdown-header-font-family: var(--headline-4-font-family);
  --hybrid-dropdown-header-font-weight: var(--headline-4-font-weight);
  --hybrid-dropdown-header-font-size: var(--headline-4-font-size);
  --hybrid-dropdown-header-letter-spacing: var(--headline-4-letter-spacing);
  --hybrid-dropdown-header-line-height: var(--headline-4-line-height);
  --hybrid-dropdown-header-color: var(--color-custom-black);
}