/* stylelint-disable selector-class-pattern */

@font-face {
  font-display: swap;
  font-family: 'Forma DJR UI';
  src: url('../fonts/FormaDJRUI.woff2') format('woff2');
  font-weight: 200 800;
  unicode-range: U+0020-007E, U+00A0-0137, U+0139-0148, U+014A-017E, U+0192, U+01A0-01A1, U+01AF-01B0, U+0218-021B, U+0237, U+0259, U+02BB, U+02BE-02BF, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0300-0304, U+0306-030C, U+0312, U+031B, U+0323, U+0326-0328, U+0331, U+0394, U+03A9, U+03BC, U+03C0, U+1E0C-1E0F, U+1E24-1E25, U+1E62-1E63, U+1E80-1E85, U+1E92-1E93, U+1EA0-1EF9, U+2007, U+2010-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2117, U+2122, U+2126, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25A0, U+25CA, U+25CF, U+2713, U+F6BE, U+F6C3, U+F8FF, U+FB01-FB02, U+FFFF;
}

@font-face {
  font-style: italic;
  font-family: 'Forma DJR UI';
  src: url('../fonts/FormaDJRUIItalic.woff2') format('woff2');
  font-weight: 200 800;
  unicode-range: U+0020-007E, U+00A0-0137, U+0139-0148, U+014A-017E, U+0192, U+01A0-01A1, U+01AF-01B0, U+0218-021B, U+0237, U+0259, U+02BB, U+02BE-02BF, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0300-0304, U+0306-030C, U+0312, U+031B, U+0323, U+0326-0328, U+0331, U+0394, U+03A9, U+03BC, U+03C0, U+1E0C-1E0F, U+1E24-1E25, U+1E62-1E63, U+1E80-1E85, U+1E92-1E93, U+1EA0-1EF9, U+2007, U+2010-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2117, U+2122, U+2126, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25A0, U+25CA, U+25CF, U+2713, U+F6BE, U+F6C3, U+F8FF, U+FB01-FB02, U+FFFF;
}


@media (max-width: 480px) {
        h1,
  .title-large,
  .title-large--light, 
  .title-large--light,
  .title-large--light--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 44px;
        }
      
        h2,
  .title-medium,
  .title-medium--light, 
  .title-medium--light,
  .title-medium--light--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
        }
      
        h3,
  .title-regular,
  .title-regular--light, 
  .title-regular--light,
  .title-regular--light--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
        }
      
        h4,
  .title-small,
  .title-small--light, 
  .title-small--light,
  .title-small--light--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
        }
      
        h5,
  .subtitle-large,
  .subtitle-large--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
        }
      
        h6,
  .subtitle-regular,
  .subtitle-regular--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
        }
      
        .overline-large {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
        }
      
        .overline,
  .overline-regular {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-transform: capitalize;
        }
      
        .label,
  .label-regular {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
        }
      
        .label-small {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
        }
      
        .body-extra-large {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
        }
      
        .body-large {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
        }
      
        body,
  .body,
  .body-regular {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
        }
      
        .caption,
  .caption-regular {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
        }
      
        .caption-small {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
        }
      
        .font-medium {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-weight: 500;
        }
      
        .salt {
              font-feature-settings: "salt";
        }
      }

@media (min-width: 480px) {
        h1,
  .title-large,
  .title-large--light, 
  .title-large--light,
  .title-large--light--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 56px;
    font-weight: 600;
    line-height: 56px;
        }
      
        h2,
  .title-medium,
  .title-medium--light, 
  .title-medium--light,
  .title-medium--light--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 44px;
        }
      
        h3,
  .title-regular,
  .title-regular--light, 
  .title-regular--light,
  .title-regular--light--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
        }
      
        h4,
  .title-small,
  .title-small--light, 
  .title-small--light,
  .title-small--light--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 28px;
        }
      
        h5,
  .subtitle-large,
  .subtitle-large--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
        }
      
        h6,
  .subtitle-regular,
  .subtitle-regular--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
        }
      
        .overline-large {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-transform: capitalize;
        }
      
        .overline,
  .overline-regular {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
        }
      
        .label,
  .label-regular {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
        }
      
        .label-small {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
        }
      
        .body-extra-large {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
        }
      
        .body-large {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
        }
      
        body,
  .body,
  .body-regular {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
        }
      
        .caption,
  .caption-regular {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
        }
      
        .caption-small {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
        }
      
        .font-medium {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-weight: 500;
        }
      
        .salt {
              font-feature-settings: "salt";
        }
      }

@media (min-width: 1024px) {
        h1,
  .title-large,
  .title-large--light, 
  .title-large--light,
  .title-large--light--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 72px;
    font-weight: 600;
    line-height: 72px;
        }
      
        h2,
  .title-medium,
  .title-medium--light, 
  .title-medium--light,
  .title-medium--light--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 56px;
    font-weight: 600;
    line-height: 56px;
        }
      
        h3,
  .title-regular,
  .title-regular--light, 
  .title-regular--light,
  .title-regular--light--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 44px;
        }
      
        h4,
  .title-small,
  .title-small--light, 
  .title-small--light,
  .title-small--light--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
        }
      
        h5,
  .subtitle-large,
  .subtitle-large--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
        }
      
        h6,
  .subtitle-regular,
  .subtitle-regular--light {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
        }
      
        .overline-large {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-transform: capitalize;
        }
      
        .overline,
  .overline-regular {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
        }
      
        .label,
  .label-regular {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
        }
      
        .label-small {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
        }
      
        .body-extra-large {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
        }
      
        .body-large {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
        }
      
        body,
  .body,
  .body-regular {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
        }
      
        .caption,
  .caption-regular {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
        }
      
        .caption-small {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
        }
      
        .font-medium {
              font-family: 'Forma DJR UI', Arial, sans-serif;
    font-weight: 500;
        }
      
        .salt {
              font-feature-settings: "salt";
        }
      }


:root {
  --vn-color-primary-default: #024ad8;
  --vn-color-primary-hover: #103fb2;
  --vn-color-primary-active: #0e3191;
}

[data-theme="light"] {
  --vn-color-primary-default: #024ad8;
  --vn-color-primary-hover: #103fb2;
  --vn-color-primary-active: #0e3191;
}

[data-theme="dark"] {
  --vn-color-primary-default: #72a3ff;
  --vn-color-primary-hover: #8fbaff;
  --vn-color-primary-active: #b2d2ff;
}

[data-theme="contrast"] {
  --vn-color-primary-default: #fff700;
  --vn-color-primary-hover: #fe6aff;
  --vn-color-primary-active: #00d3ff;
}

body {
  color: #292929;
}

i,
.italic {
  font-style: italic;
}

b,
strong,
.bold {
  font-weight: bold;
}

a,
.link {
  color: var(--vn-color-primary-default);
  text-decoration: underline;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition: outline-color 0.2s ease;
  cursor: pointer;
}

a:hover,
.link:hover {
  color: var(--vn-color-primary-hover);
}

a:focus-visible {
  outline: 2px solid var(--vn-color-primary-default);
}
a:active,
.link:active {
  color: var(--vn-color-primary-active);
}



.salt {
  font-feature-settings: "salt";
}

sub {
  font-size: smaller;
  vertical-align: sub;
}

sup {
  font-size: smaller;
  vertical-align: super;
}