/**
 * Do not edit directly
 * Generated on Wed, 11 Mar 2020 18:11:03 GMT
 */

:root {
  --color-red-10: #f8eae8;
  --color-red-20: #f5dfdc;
  --color-red-120: #912012;
  --color-red-base: #bc2a18;
  --color-gold-20: #ffe8c0;
  --color-gold-base: #ffc040;
  --color-green-10: #e2f2e2;
  --color-green-20: #d3ead3;
  --color-green-50: #3c9064;
  --color-green-base: #0b733d;
  --color-blue-10: #edf2fe;
  --color-blue-20: #e3ebfc;
  --color-blue-50: #4270d7;
  --color-blue-120: #2a51a7;
  --color-blue-base: #3665cd;
  --color-gray-50: #565f6b;
  --color-gray-base: #4a525e;
  --color-silver-10: #f7f7f9;
  --color-silver-20: #f2f2f4;
  --color-silver-50: #cdd3dc;
  --color-silver-base: #a1acbd;
  --color-white-base: #fdfdff;
  --color-white-pure: #ffffff;
  --color-black-base: #2c323a;
  --color-black-pure: #000000;
  --color-buttons-default-color: #3665cd;
  --color-buttons-default-background-color: #e3ebfc;
  --color-buttons-default-ripple-color: #3665cd;
  --color-buttons-disabled-color: #a1acbd;
  --color-buttons-disabled-background-color: #f2f2f4;
  --color-buttons-disabled-ripple-color: null;
  --color-buttons-red-color: #bc2a18;
  --color-buttons-red-background-color: #f5dfdc;
  --color-buttons-red-ripple-color: #bc2a18;
  --color-buttons-green-color: #0b733d;
  --color-buttons-green-background-color: #d3ead3;
  --color-buttons-green-ripple-color: #0b733d;
  --color-buttons-dark-default-color: #ffffff;
  --color-buttons-dark-default-background-color: #3665cd;
  --color-buttons-dark-default-ripple-color: #ffffff;
  --color-buttons-dark-red-color: #ffffff;
  --color-buttons-dark-red-background-color: #bc2a18;
  --color-buttons-dark-red-ripple-color: #ffffff;
  --color-buttons-secondary-default-color: #3665cd;
  --color-buttons-secondary-default-background-color: transparent;
  --color-buttons-secondary-default-ripple-color: #3665cd;
  --color-buttons-secondary-red-color: #bc2a18;
  --color-buttons-secondary-red-background-color: transparent;
  --color-buttons-secondary-red-ripple-color: #bc2a18;
  --color-hover-default-color: #3665cd;
  --color-hover-default-background-color: #edf2fe;
  --color-hover-disabled-color: #a1acbd;
  --color-hover-disabled-background-color: #f2f2f4;
  --color-hover-red-color: #bc2a18;
  --color-hover-red-background-color: #f8eae8;
  --color-hover-green-color: #0b733d;
  --color-hover-green-background-color: #e2f2e2;
  --color-hover-dark-default-color: #ffffff;
  --color-hover-dark-default-background-color: #2a51a7;
  --color-hover-dark-red-color: #ffffff;
  --color-hover-dark-red-background-color: #912012;
  --color-hover-secondary-default-color: #3665cd;
  --color-hover-secondary-default-background-color: #edf2fe;
  --color-hover-secondary-red-color: #bc2a18;
  --color-hover-secondary-red-background-color: #f8eae8;
  --color-selected-default-color: #ffffff;
  --color-selected-default-background-color: #4270d7;
  --color-selected-disabled-color: null;
  --color-selected-disabled-background-color: null;
  --color-selected-red-color: #ffffff;
  --color-selected-red-background-color: #912012;
  --color-selected-dark-default-color: #3665cd;
  --color-selected-dark-default-background-color: #2a51a7;
  --color-selected-dark-red-color: #bc2a18;
  --color-selected-dark-red-background-color: #f8eae8;
  --color-icon-base: #2c323a;
  --color-icon-secondary: #fdfdff;
  --color-icon-navigate: #4a525e;
  --color-icon-info: #4270d7;
  --color-icon-warn: #bc2a18;
  --color-icon-approve: #3c9064;
  --color-font-base: #2c323a;
  --color-font-secondary: #fdfdff;
  --icon-size-small: 1.8rem; /* small size computes to 18px */
  --icon-size-regular: 2.4rem; /* regular size computes to 24px */
  --icon-size-large: 4.5rem; /* large size computes to 45px */
  --layout-desktop-min-width: 48.0625em; /* 769px min viewport width for desktop - media queries are always based on 16px base font-size */
  --layout-desktop-grid-max-width: 120rem;
  --layout-desktop-grid-columns: 16;
  --layout-desktop-grid-rows: 3rem;
  --layout-desktop-grid-gutter: 2rem;
  --layout-desktop-grid-offset: 1rem;
  --layout-desktop-area-header-columns: 16;
  --layout-desktop-area-header-row-height: auto;
  --layout-desktop-area-body-columns: 16;
  --layout-desktop-area-body-row-height: minmax(min-content, 1fr);
  --layout-desktop-area-main-columns: 12;
  --layout-desktop-area-side-columns: 4;
  --layout-desktop-area-footer-columns: 16;
  --layout-desktop-area-footer-row-height: auto;
  --layout-tablet-max-width: 48em; /* 768px max viewport width for tablet - media queries are always based on 16px base font-size */
  --layout-tablet-grid-max-width: 76.8rem;
  --layout-tablet-grid-columns: 12;
  --layout-tablet-grid-rows: 3rem;
  --layout-tablet-grid-gutter: 1.5rem;
  --layout-tablet-grid-offset: 1.8rem;
  --layout-tablet-area-header-columns: 12;
  --layout-tablet-area-header-row-height: auto;
  --layout-tablet-area-body-columns: 12;
  --layout-tablet-area-body-row-height: 1fr;
  --layout-tablet-area-main-columns: 8;
  --layout-tablet-area-side-columns: 4;
  --layout-tablet-area-footer-columns: 12;
  --layout-tablet-area-footer-row-height: auto;
  --layout-buttons-height: 3.077em; /* hardcoded calc of 1.3rem * 3.077 = 40px default */
  --layout-buttons-padding: 1.3846em; /* hardcoded calc of 1.3rem * 1.3846 = 18px default */
  --layout-spacing-micro: 0.5rem;
  --layout-spacing-extra-small: 1rem;
  --layout-spacing-small: 1.5rem;
  --layout-spacing-regular: 2rem;
  --layout-spacing-medium: 2.5rem;
  --layout-spacing-large: 3rem;
  --font-family-base: 'Noto Sans';
  --font-family-icon: 'Material Icons';
  --font-family-fallback: sans-serif;
  --font-family-weights: 400,500,600,700;
  --font-size-small: 1.2rem; /* small size computes to 12px */
  --font-size-large: 1.6rem; /* large size computes to 16px */
  --font-size-regular: 1.4rem; /* regular size computes to 14px */
  --font-size-headers-h1: 3.2rem; /* computes to 32px */
  --font-size-headers-h2: 2.2rem; /* computes to 22px */
  --font-size-headers-h3: 1.8rem; /* computes to 18px */
  --font-size-body-large: 1.6rem;
  --font-size-body-regular: 1.4rem;
  --font-size-body-small: 1.2rem;
  --font-size-navigation: 1.4rem;
  --font-size-buttons: 1.3rem; /* computes to 13px */
  --font-size-fields-label: 1.4rem;
  --font-size-fields-placeholder: 1.4rem;
  --font-size-fields-microcopy: 1rem; /* computes to 10px */
  --font-size-tags: 1rem; /* computes to 10px */
  --font-line-height-headers: 1.1;
  --font-line-height-body: 1.375;
  --font-line-height-navigation: 1.14;
  --font-line-height-buttons: 1.2;
  --font-line-height-fields: 1.2;
  --font-line-height-tags: 1.2;
  --font-letter-spacing-headers: 0rem;
  --font-letter-spacing-body: 0.03rem;
  --font-letter-spacing-navigation: 0.03rem;
  --font-letter-spacing-buttons: 0.09rem;
  --font-letter-spacing-fields: 0.03rem;
  --font-letter-spacing-tags: 0.1rem;
  --font-weight-headers-h1: 600;
  --font-weight-headers-h2: 500;
  --font-weight-headers-h3: 600;
  --font-weight-body-large: 500;
  --font-weight-body-regular: 400;
  --font-weight-body-small: 500;
  --font-weight-navigation: 500;
  --font-weight-buttons: 500;
  --font-weight-fields-label: 500;
  --font-weight-fields-placeholder: 400;
  --font-weight-fields-microcopy: 400;
  --font-weight-tags: 500;
  --font-root-html: 62.5%;
  --font-root-body: 1.6rem;
}