/*
  Global CSS custom properties.
*/
/* line 10, scss/base/variables.scss */
:root {
  --font-main: 'Jost', sans-serif;
  --font-size-t1: 4rem;
  --font-size-t2: 3.5rem;
  --font-size-t3: 2.375rem;
  --font-size-t4: 2rem;
  --font-size-t5: 1.75rem;
  --font-size-t6: 1.375rem;
  --line-height-heading: 1.1;
  --font-size-base: 1rem;
  --font-size-pXL: 1.25rem;
  --font-size-pL: 1.125rem;
  --font-size-pS: 0.875rem;
  --font-size-pXS: 0.75rem;
  --color--primary1: #F4F9FB;
  --color--primary2: #E1E9EF;
  --color--primary3: #CED7DE;
  --color--secondary1: #ADB9C2;
  --color--secondary2: #708696;
  --color--secondary3: #2D3A43;
  --color--accent1: #BFDBF0;
  --color--accent2: #A4C8E1;
  --color--accent3: #3A6382;
  --color--neutral1: #E0E0E0;
  --color--neutral2: #7E7E7E;
  --color--neutral3: #3A3A3A;
  --color--white: #fff;
  --color--black: #000;
  --color--warning: #F30000;
  --color--success: #04CD00;
  --overlay5: rgba(255, 255, 255, 0.5);
  --overlay6: rgba(255, 255, 255, 0.6);
  --overlay8: rgba(255, 255, 255, 0.8);
  --default-border-radius: 80px;
  --default-border-width: 1px;
  --button-neutral-bg: rgba(235, 235, 235, 0.3);
  --button-neutral-bg-hover: rgba(235, 235, 235, 0.7);
  --button-border-gradient-from: rgba(255, 255, 255, 1);
  --button-border-gradient-to: rgba(191, 219, 240, 0);
  --button-border-width: 1px;
  --button-border-radius: 80px;
  --form-border-width: 1px;
  --form-border-radius: 80px;
  --form-border-color: var(--color--neutral2);
  --form-padding: 0.5rem;
  --label-border-radius: 8px;
  --media-border-radius: 16px;
  /* Z-index */
  --z-index--subheader: 99;
  --z-index--header: 499;
  --z-index--dropdown: var(--z-index--header);
  --z-index--backdrop: 498;
  --z-index--dialog: 500; }
  @media (max-width: 575px) {
    /* line 10, scss/base/variables.scss */
    :root {
      --font-size-t1: 2.625rem; } }
  @media (max-width: 575px) {
    /* line 10, scss/base/variables.scss */
    :root {
      --font-size-t2: 2rem; } }
  @media (max-width: 575px) {
    /* line 10, scss/base/variables.scss */
    :root {
      --font-size-t3: 1.75rem; } }
  @media (max-width: 575px) {
    /* line 10, scss/base/variables.scss */
    :root {
      --font-size-t4: 1.5rem; } }
  @media (max-width: 575px) {
    /* line 10, scss/base/variables.scss */
    :root {
      --font-size-t5: 1.375rem; } }
  @media (max-width: 575px) {
    /* line 10, scss/base/variables.scss */
    :root {
      --font-size-t6: 1.25rem; } }

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