/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
    box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

html {
    -moz-tab-size: 4;
    tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
    margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
    font-family: system-ui, -apple-system,
    /* Firefox supports this but not yet `system-ui` */ "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
    height: 0; /* 1 */
    color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
    text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
    text-indent: 0; /* 1 */
    border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select {
    /* 1 */
    text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
    box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
    padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}
:root {
    --space-xxs: 0.25rem;
    --space-xs: 0.5rem;
    --space-s: 1rem;
    --space-m: 1.5rem;
    --space-l: 2rem;
    --space-xl: 3rem;
    --space-xxl: 4rem;
    --spacing-large-3: 16rem;
    --spacing-large-2: 12rem;
    --spacing-large-1: 6rem;
    --spacing-large: 4.5rem;
    --spacing-medium-2: 4rem;
    --spacing-medium-1-1: 3.5rem;
    --spacing-medium-1: 3rem;
    --spacing-medium-0: 2.5rem;
    --spacing-medium: 2rem;
    --spacing-small-1: 1.5rem;
    --spacing-small: 1rem;
    --spacing-mini-3: 0.75rem;
    --spacing-mini-2: 0.5rem;
    --spacing-mini-1: 0.25rem;
    --spacing-mini: 0.125rem;
    --grid-margin: 1.5rem;
    --grid-gutter: 0.5rem;
    --grid-column-padding: 2rem;
    --grid-column-padding-lg: 3.5rem;
    --border-radius: 0.25rem;
    --container-radius: 0.5rem;
    --element-radius: 0.25rem;
    --radius-full: 999px;
    --size-icon-sm: 18px;
    --size-icon-md: 24px;
    --size-icon-lg: 48px;
    --size-target-sm: 32px;
    --size-target-md: 48px;
    --size-target-lg: 56px;
    --heading-fs-1: clamp(0.875rem,calc(0.7098rem + 0.45vw),1rem);
    --heading-lh-1: clamp(1.25rem,calc(1.0848rem + 0.45vw),1.375rem);
    --heading-fs-2: clamp(1rem,calc(0.7522rem + 0.67vw),1.1875rem);
    --heading-lh-2: clamp(1.375rem,calc(1.0446rem + 0.89vw),1.625rem);
    --heading-fs-3: clamp(1.1875rem,calc(0.7746rem + 1.12vw),1.5rem);
    --heading-lh-3: clamp(1.625rem,calc(1.2946rem + 0.89vw),1.875rem);
    --heading-fs-4: clamp(1.5rem,calc(1.0045rem + 1.34vw),1.875rem);
    --heading-lh-4: clamp(1.875rem,calc(1.3795rem + 1.34vw),2.25rem);
    --heading-fs-5: clamp(1.875rem,calc(1.2143rem + 1.79vw),2.375rem);
    --heading-lh-5: clamp(2.25rem,calc(1.5893rem + 1.79vw),2.75rem);
    --heading-fs-6: clamp(2.375rem,calc(1.5491rem + 2.23vw),3rem);
    --heading-lh-6: clamp(2.75rem,calc(1.9241rem + 2.23vw),3.375rem);
    --heading-fs-7: clamp(2.5rem,calc(1.1786rem + 3.57vw),3.5rem);
    --heading-lh-7: clamp(2.875rem,calc(1.5536rem + 3.57vw),3.875rem);
    --body-normal-fs-0: clamp(0.5625rem,calc(0.3973rem + 0.45vw),0.6875rem);
    --body-normal-lh-0: clamp(0.875rem,calc(0.7098rem + 0.45vw),1rem);
    --body-normal-fs-1: clamp(0.6875rem,calc(0.6049rem + 0.22vw),0.75rem);
    --body-normal-lh-1: clamp(1.125rem,calc(0.9598rem + 0.45vw),1.25rem);
    --body-normal-fs-2: clamp(0.8125rem,calc(0.7299rem + 0.22vw),0.875rem);
    --body-normal-lh-2: clamp(1.25rem,calc(1.0848rem + 0.45vw),1.375rem);
    --body-normal-fs-3: clamp(0.9375rem,calc(0.8549rem + 0.22vw),1rem);
    --body-normal-lh-3: clamp(1.375rem,calc(1.2098rem + 0.45vw),1.5rem);
    --body-normal-fs-4: clamp(1.1875rem,calc(1.0223rem + 0.45vw),1.3125rem);
    --body-normal-lh-4: clamp(1.5rem,calc(1.1696rem + 0.89vw),1.75rem);
    --body-relaxed-fs-1: clamp(0.6875rem,calc(0.6049rem + 0.22vw),0.75rem);
    --body-relaxed-lh-1: clamp(1.25rem,calc(1.0848rem + 0.45vw),1.375rem);
    --body-relaxed-fs-2: clamp(0.8125rem,calc(0.7299rem + 0.22vw),0.875rem);
    --body-relaxed-lh-2: clamp(1.375rem,calc(1.2098rem + 0.45vw),1.5rem);
    --body-relaxed-fs-3: clamp(0.9375rem,calc(0.8549rem + 0.22vw),1rem);
    --body-relaxed-lh-3: clamp(1.5rem,calc(1.3348rem + 0.45vw),1.625rem);
    --body-relaxed-fs-4: clamp(1.1875rem,calc(1.0223rem + 0.45vw),1.3125rem);
    --body-relaxed-lh-4: clamp(1.875rem,calc(1.7098rem + 0.45vw),2rem);
    --topPaddingLocalizationBar: 0px;
    --isMegaMenu: false
}

.body-short, .body-short > p {
    font-size: var(--body-normal-fs-2);
    font-weight: var(--font-weight-regular);
    line-height: var(--body-normal-lh-2)
}

.body-xs, .body-xs > p {
    font-size: var(--body-relaxed-fs-1);
    font-weight: var(--font-weight-regular);
    line-height: var(--body-relaxed-lh-1)
}

.body-sm, .body-sm > p {
    font-size: var(--body-relaxed-fs-2);
    font-weight: var(--font-weight-regular);
    line-height: var(--body-relaxed-lh-2)
}

.body-md, .body-md > p {
    font-size: var(--body-relaxed-fs-3);
    font-weight: var(--font-weight-regular);
    line-height: var(--body-relaxed-lh-3)
}

.body-lg, .body-lg > p {
    font-size: var(--body-relaxed-fs-4);
    font-weight: var(--font-weight-regular);
    line-height: var(--body-relaxed-lh-4)
}

.label-xs, .label-xs > p, .label-xs > span {
    font-size: var(--body-normal-fs-0);
    font-weight: var(--font-weight-medium);
    line-height: var(--body-normal-lh-0)
}

.label-sm, .label-sm > p, .label-sm > span {
    font-size: var(--body-normal-fs-1);
    font-weight: var(--font-weight-medium);
    line-height: var(--body-normal-lh-1)
}

.label-md {
    font-size: var(--body-normal-fs-2);
    font-weight: var(--font-weight-medium);
    line-height: var(--body-normal-lh-2)
}

.label-lg {
    font-size: var(--body-normal-fs-3);
    font-weight: var(--font-weight-medium);
    line-height: var(--body-normal-lh-3)
}

.italic, .italic p {
    font-style: italic
}

.bold {
    font-weight: var(--font-weight-bold)
}

.medium {
    font-weight: var(--font-weight-medium)
}

.heading-xxs {
    font-size: var(--heading-fs-1);
    font-weight: var(--font-weight-bold);
    line-height: var(--heading-lh-1)
}

.heading-xs {
    font-size: var(--heading-fs-2);
    font-weight: var(--font-weight-bold);
    line-height: var(--heading-lh-2)
}

.heading-sm {
    font-size: var(--heading-fs-3);
    font-weight: var(--font-weight-bold);
    line-height: var(--heading-lh-3)
}

.heading-md {
    font-size: var(--heading-fs-4);
    font-weight: var(--font-weight-light);
    line-height: var(--heading-lh-4)
}

.heading-lg {
    font-size: var(--heading-fs-5);
    font-weight: var(--font-weight-light);
    line-height: var(--heading-lh-5)
}

.heading-xl {
    font-size: var(--heading-fs-6);
    font-weight: var(--font-weight-light);
    line-height: var(--heading-lh-6)
}

.heading-xxl {
    font-size: var(--heading-fs-7);
    font-weight: var(--font-weight-light);
    line-height: var(--heading-lh-7)
}

.font-family-heading {
    font-family: var(--font-family-heading)
}

.font-family-body {
    font-family: var(--font-family-body)
}

.heading-fieldset {
    font-family: var(--font-family-body);
    font-size: var(--body-normal-fs-1);
    font-weight: var(--font-weight-bold);
    line-height: var(--body-normal-lh-1)
}

.eyebrow-sm, .eyebrow-sm > p, .eyebrow-sm > span {
    font-size: var(--body-normal-fs-0);
    font-weight: var(--font-weight-bold);
    line-height: var(--body-normal-lh-0)
}

.eyebrow-md, .eyebrow-md > p, .eyebrow-md > span {
    font-size: var(--body-normal-fs-1);
    font-weight: var(--font-weight-bold);
    line-height: var(--body-normal-lh-1)
}

.eyebrow-lg, .eyebrow-lg > p, .eyebrow-lg > span {
    font-size: var(--body-normal-fs-2);
    font-weight: var(--font-weight-bold);
    line-height: var(--body-normal-lh-2)
}

.underlined:hover {
    text-decoration: underline
}

.underlined-hover:hover {
    text-decoration: underline
}

.preamble, .preamble > p, preamble {
    display: block;
    font-size: var(--body-relaxed-fs-4);
    font-weight: var(--font-weight-medium);
    line-height: var(--body-relaxed-lh-4);
    margin-bottom: var(--spacing-small)
}

.skeleton-pulse {
    animation: skeletonePulse;
    animation-direction: forward;
    animation-duration: 1.2s;
    animation-iteration-count: infinite
}

body {
    color: var(--text-color);
    font-family: var(--font-family-body);
    font-size: 14px;
    line-height: 24px;
    overflow-x: hidden
}

h1, h2, h3, h4, h5, h6 {
    color: var(--text-color-heading);
    font-family: var(--font-family-heading);
    margin: 0
}

p {
    margin-bottom: var(--spacing-small-1);
    margin-top: var(--spacing-small-1)
}

ul {
    padding-left: .8rem
}

a {
    color: var(--text-color);
    font-weight: var(--font-weight-medium);
    text-decoration-color: var(--text-color);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5%
}

    :focus, a:hover {
        color: var(--text-color);
        text-decoration-thickness: 2px
    }

@media (min-width:768px) {
    :root {
        --grid-margin: 3rem
    }
}

@media (min-width:1280px) {
    :root {
        --grid-margin: 6rem;
        --grid-gutter: 1rem;
        --space-xxs: 0.5rem;
        --space-xs: 1rem;
        --space-s: 2rem;
        --space-m: 3rem;
        --space-l: 4.5rem;
        --space-xl: 6rem;
        --space-xxl: 8rem
    }
}

@media (min-width:1520px) {
    :root {
        --heading-fs-1: clamp(1rem,calc(-0.8rem + 1.88vw),1.1875rem);
        --heading-lh-1: clamp(1.5rem,calc(-0.9rem + 2.5vw),1.75rem);
        --heading-fs-2: clamp(1.1875rem,calc(-1.8125rem + 3.13vw),1.5rem);
        --heading-lh-2: clamp(1.75rem,calc(-1.85rem + 3.75vw),2.125rem);
        --heading-fs-3: clamp(1.5rem,calc(-2.1rem + 3.75vw),1.875rem);
        --heading-lh-3: clamp(2.125rem,calc(-1.475rem + 3.75vw),2.5rem);
        --heading-fs-4: clamp(1.875rem,calc(-2.925rem + 5vw),2.375rem);
        --heading-lh-4: clamp(2.5rem,calc(-2.3rem + 5vw),3rem);
        --heading-fs-5: clamp(2.375rem,calc(-3.625rem + 6.25vw),3rem);
        --heading-lh-5: clamp(3rem,calc(-3rem + 6.25vw),3.625rem);
        --heading-fs-6: clamp(3rem,calc(-5.4rem + 8.75vw),3.875rem);
        --heading-lh-6: clamp(3.625rem,calc(-4.775rem + 8.75vw),4.5rem);
        --heading-fs-7: clamp(3.5rem,calc(-8.5rem + 12.5vw),4.75rem);
        --heading-lh-7: clamp(4.125rem,calc(-6.675rem + 11.25vw),5.25rem);
        --body-normal-fs-1: clamp(0.75rem,calc(0.15rem + 0.63vw),0.8125rem);
        --body-normal-lh-1: clamp(1.25rem,calc(0.05rem + 1.25vw),1.375rem);
        --body-normal-fs-2: clamp(0.875rem,calc(-0.325rem + 1.25vw),1rem);
        --body-normal-lh-2: clamp(1.375rem,calc(0.175rem + 1.25vw),1.5rem);
        --body-normal-fs-3: clamp(1rem,calc(-0.8rem + 1.88vw),1.1875rem);
        --body-normal-lh-3: clamp(1.5rem,calc(-0.9rem + 2.5vw),1.75rem);
        --body-normal-fs-4: clamp(1.3125rem,calc(-0.4875rem + 1.88vw),1.5rem);
        --body-normal-lh-4: clamp(1.75rem,calc(-0.65rem + 2.5vw),2rem);
        --body-relaxed-fs-1: clamp(0.75rem,calc(0.15rem + 0.63vw),0.8125rem);
        --body-relaxed-lh-1: clamp(1.375rem,1.375rem,1.375rem);
        --body-relaxed-fs-2: clamp(0.875rem,calc(-0.325rem + 1.25vw),1rem);
        --body-relaxed-lh-2: clamp(1.5rem,calc(0.3rem + 1.25vw),1.625rem);
        --body-relaxed-fs-3: clamp(1rem,calc(-0.8rem + 1.88vw),1.1875rem);
        --body-relaxed-lh-3: clamp(1.625rem,calc(-0.775rem + 2.5vw),1.875rem);
        --body-relaxed-fs-4: clamp(1.3125rem,calc(-0.4875rem + 1.88vw),1.5rem);
        --body-relaxed-lh-4: clamp(2rem,calc(-0.4rem + 2.5vw),2.25rem)
    }
}

@media (min-width:1920px) {
    :root {
        --grid-margin: 8rem
    }
}

:root {
    --navheader-relative-height: 0.001px;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --text-decoration-thickness: 0.1rem;
    --font-size-1: 0.6875rem;
    --font-size-2: 0.75rem;
    --font-size-3: 0.875rem;
    --font-size-4: 1rem;
    --font-size-5: 1.1875rem;
    --font-size-6: 1.375rem;
    --font-size-7: 1.6875rem;
    --font-size-8: 2.125rem;
    --font-size-9: 2.625rem;
    --font-line-height-1: 1.64;
    --font-line-height-2: 1.5;
    --font-line-height-3: 1.43;
    --font-line-height-4: 1.375;
    --font-line-height-5: 1.37;
    --font-line-height-6: 1.27;
    --font-line-height-7: 1.26;
    --font-line-height-8: 1.18;
    --font-line-height-9: 1.14;
    --font-line-height-relaxed-1: 22px;
    --font-line-height-relaxed-2: 22px;
    --font-line-height-relaxed-3: 24px;
    --font-line-height-relaxed-4: 26px;
    --space-25: 0.25rem;
    --space-50: 0.5rem;
    --space-75: 0.75rem;
    --space-100: 1rem;
    --space-125: 1.25rem;
    --space-150: 1.5rem;
    --space-200: 2rem;
    --space-250: 2.5rem;
    --space-300: 3rem;
    --space-350: 3.5rem;
    --space-400: 4rem;
    --space-450: 4.5rem;
    --space-500: 5rem;
    --space-600: 6rem;
    --space-700: 7rem;
    --space-800: 8rem;
    --space-sm: var(--space-100);
    --space-md: var(--space-150);
    --space-lg: var(--space-300);
    --inset-sm: var(--space-sm);
    --inset-md: var(--space-md);
    --inset-lg: var(--space-lg);
    --grid-gap: var(--space-50);
    --grid-breakpoint: var(--device-mobile);
    --grid-extended-gap: var(--space-50);
    --grid-extended-margin: var(--space-50);
    --grid-max-content-width: 560px;
    --radius-container: 0.5rem;
    --radius-element: 0.25rem;
    --size-icon-sm: 1.125rem;
    --size-icon-md: 1.5rem;
    --size-icon-lg: 3rem;
    --size-target-sm: 2.25rem;
    --size-target-md: 3rem;
    --size-target-lg: 3.75rem;
    --white: #fff;
    --white-t-55: #ffffff8c;
    --white-t-85: #ffffffd9;
    --dark: #1a1a1a;
    --black: #000;
    --black-t-55: #0000008c;
    --fx-elevation-1: 0px 16px 20px #0000000d,0px 8px 12px #0000001a,0px 1px 4px #00000026;
    --t-faster: 120ms;
    --t-fast: 160ms;
    --t-medium: 240ms;
    --t-slow: 320ms;
    --t-slower: 480ms;
    --t-elevate-in-function: ease-in;
    --t-elevate-out-function: ease-out;
    --t-elevate-in-duration: var(--t-faster);
    --t-elevate-out-duration: var(--t-slow);
    --t-reveal-in-function: ease-in;
    --t-reveal-out-function: ease-out;
    --t-reveal-in-duration: var(--t-fast);
    --t-reveal-out-duration: var(--t-slower);
    --t-grow-in-function: ease-in;
    --t-grow-in-duration: var(--t-medium);
    --t-grow-out-function: ease-out;
    --t-grow-out-duration: var(--t-slower);
    --t-move-in-function: ease-in;
    --t-move-out-function: ease-out;
    --t-move-in-duration: var(--t-faster);
    --t-move-out-duration: var(--t-slow)
}

@media (min-width:768px) {
    :root {
        --font-size-1: 0.75rem;
        --font-size-2: 0.875rem;
        --font-size-3: 1rem;
        --font-size-4: 1.1875rem;
        --font-size-5: 1.375rem;
        --font-size-6: 1.6875rem;
        --font-size-7: 2.125rem;
        --font-size-8: 2.625rem;
        --font-size-9: 3.375rem;
        --font-line-height-1: 1.67;
        --font-line-height-2: 1.43;
        --font-line-height-3: 1.375;
        --font-line-height-4: 1.37;
        --font-line-height-5: 1.27;
        --font-line-height-6: 1.26;
        --font-line-height-7: 1.18;
        --font-line-height-8: 1.14;
        --font-line-height-9: 1.11;
        --font-line-height-relaxed-1: 24px;
        --font-line-height-relaxed-2: 24px;
        --font-line-height-relaxed-3: 26px;
        --font-line-height-relaxed-4: 30px;
        --space-sm: var(--space-125);
        --space-md: var(--space-200);
        --space-lg: var(--space-400);
        --grid-gap: var(--space-75);
        --grid-breakpoint: var(--device-tablet);
        --grid-extended-gap: var(--space-75);
        --grid-extended-margin: var(--space-75);
        --grid-max-content-width: 680px
    }
}

@media (min-width:1440px) {
    :root {
        --font-size-1: 0.875rem;
        --font-size-2: 1rem;
        --font-size-3: 1.1875rem;
        --font-size-4: 1.375rem;
        --font-size-5: 1.6875rem;
        --font-size-6: 2.125rem;
        --font-size-7: 2.625rem;
        --font-size-8: 3.375rem;
        --font-size-9: 4.25rem;
        --font-line-height-1: 1.571;
        --font-line-height-2: 1.375;
        --font-line-height-3: 1.37;
        --font-line-height-4: 1.27;
        --font-line-height-5: 1.26;
        --font-line-height-6: 1.18;
        --font-line-height-7: 1.14;
        --font-line-height-8: 1.11;
        --font-line-height-9: 1.09;
        --font-line-height-relaxed-1: 26px;
        --font-line-height-relaxed-2: 26px;
        --font-line-height-relaxed-3: 30px;
        --font-line-height-relaxed-4: 32px;
        --space-sm: var(--space-150);
        --space-md: var(--space-250);
        --space-lg: var(--space-500);
        --grid-gap: var(--space-100);
        --grid-breakpoint: var(--device-laptop-lg);
        --grid-extended-gap: var(--space-100);
        --grid-extended-margin: var(--space-100);
        --grid-max-content-width: 880px
    }
}

.fieldset-label {
    font-family: var(--font-family-body);
    font-size: var(--font-size-2);
    font-weight: var(--font-weight-heading);
    line-height: var(--font-line-height-2)
}

.eyebrow, .eyebrow > p, .eyebrow > span {
    font-family: var(--font-family-body);
    font-size: var(--font-size-1);
    font-weight: var(--font-weight-label);
    line-height: var(--font-line-height-1)
}

.fade-in-section {
    opacity: 0;
    transform: translateY(var(--fade-in-transform-height));
    transition: transform var(--fade-in-transform-duration) cubic-bezier(0,0,.5,1),opacity var(--fade-in-opacity-duration) cubic-bezier(0,0,.5,1) !important
}

    .fade-in-section.is-visible {
        opacity: 1;
        transform: translateY(0)
    }

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes skeletonePulse {
    0% {
        background-color: #d9d9d9;
        opacity: 1
    }

    50% {
        background-color: #d9d9d9;
        opacity: .8
    }

    to {
        background-color: #d9d9d9;
        opacity: 1
    }
}
@font-face {
    font-display: swap;
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/notosans-regular.woff2) format("woff2"),url(global/resources/fonts/notosans-regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 500;
    src: url(global/resources/fonts/notosans-medium.woff2) format("woff2"),url(global/resources/fonts/notosans-medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 600;
    src: url(global/resources/fonts/notosans-semibold.woff2) format("woff2"),url(global/resources/fonts/notosans-semibold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/notosans-bold.woff2) format("woff2"),url(global/resources/fonts/notosans-bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA Vesta";
    font-style: normal;
    font-weight: 300;
    src: url(global/resources/fonts/AAVESLGT.woff2) format("woff2"),url(global/resources/fonts/AAVESLGT.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA Vesta";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/AAVESREG.woff2) format("woff2"),url(global/resources/fonts/AAVESREG.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA Vesta";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/AAVESBOL.woff2) format("woff2"),url(global/resources/fonts/AAVESBOL.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA Vesta";
    font-style: italic;
    font-weight: 400;
    src: url(global/resources/fonts/AAVESITA.woff2) format("woff2"),url(global/resources/fonts/AAVESITA.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA Vesta";
    font-style: italic;
    font-weight: 700;
    src: url(global/resources/fonts/AAVESBIT.woff2) format("woff2"),url(global/resources/fonts/AAVESBIT.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA 07";
    font-style: normal;
    font-weight: 300;
    src: url(global/resources/fonts/ASSA07-Light.woff2) format("woff2"),url(global/resources/fonts/ASSA07-Light.woff2) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA 07";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/ASSA07-Regular.woff2) format("woff2"),url(global/resources/fonts/ASSA07-Regular.woff2) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA 07";
    font-style: normal;
    font-weight: 500;
    src: url(global/resources/fonts/ASSA07-Medium.woff2) format("woff2"),url(global/resources/fonts/ASSA07-Medium.woff2) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "ASSA 07";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/ASSA07-Bold.woff2) format("woff2"),url(global/resources/fonts/ASSA07-Bold.woff2) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Yale Solis";
    font-style: normal;
    font-weight: 300;
    src: url(global/resources/fonts/YaleSolisW-Light.woff2) format("woff2"),url(global/resources/fonts/YaleSolisW-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Yale Solis";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/YaleSolisW-Regular.woff2) format("woff2"),url(global/resources/fonts/YaleSolisW-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Yale Solis";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/YaleSolisW-Bold.woff2) format("woff2"),url(global/resources/fonts/YaleSolisW-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Union Barlow";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/Barlow-Regular.woff2) format("woff2"),url(global/resources/fonts/Barlow-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Union Barlow";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/Barlow-Bold.woff2) format("woff2"),url(global/resources/fonts/Barlow-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Union Barlow";
    font-style: italic;
    font-weight: 400;
    src: url(global/resources/fonts/Barlow-Italic.woff2) format("woff2"),url(global/resources/fonts/Barlow-Italic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Helvetica Neue";
    font-style: normal;
    font-weight: 300;
    src: url(global/resources/fonts/HelveticaNeue-Light.woff2) format("woff2"),url(global/resources/fonts/HelveticaNeue-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Helvetica Neue";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/HelveticaNeue-Regular.woff2) format("woff2"),url(global/resources/fonts/HelveticaNeue-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Helvetica Neue";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/HelveticaNeue-Bold.woff2) format("woff2"),url(global/resources/fonts/HelveticaNeue-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Helvetica Neue";
    font-style: italic;
    font-weight: 400;
    src: url(global/resources/fonts/HelveticaNeue-Italic.woff2) format("woff2"),url(global/resources/fonts/HelveticaNeue-Italic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: url(global/resources/fonts/OpenSans-Light.woff2) format("woff2"),url(global/resources/fonts/OpenSans-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 300;
    src: url(global/resources/fonts/OpenSans-LightItalic.woff2) format("woff2"),url(global/resources/fonts/OpenSans-LightItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/OpenSans-Regular.woff2) format("woff2"),url(global/resources/fonts/OpenSans-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    src: url(global/resources/fonts/OpenSans-Italic.woff2) format("woff2"),url(global/resources/fonts/OpenSans-Italic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 500;
    src: url(global/resources/fonts/OpenSans-Medium.woff2) format("woff2"),url(global/resources/fonts/OpenSans-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 500;
    src: url(global/resources/fonts/OpenSans-MediumItalic.woff2) format("woff2"),url(global/resources/fonts/OpenSans-MediumItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/OpenSans-Bold.woff2) format("woff2"),url(global/resources/fonts/OpenSans-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/OpenSans_SemiCondensed-Regular.woff) format("woff2"),url(global/resources/fonts/OpenSans_SemiCondensed-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: normal;
    font-weight: 500;
    src: url(global/resources/fonts/OpenSans_SemiCondensed-Medium.woff) format("woff2"),url(global/resources/fonts/OpenSans_SemiCondensed-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: italic;
    font-weight: 500;
    src: url(global/resources/fonts/OpenSans_SemiCondensed-MediumItalic.woff) format("woff2"),url(global/resources/fonts/OpenSans_SemiCondensed-MediumItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: italic;
    font-weight: 600;
    src: url(global/resources/fonts/OpenSans_SemiCondensed-SemiBold.woff) format("woff2"),url(global/resources/fonts/OpenSans_SemiCondensed-SemiBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/OpenSans_SemiCondensed-Bold.woff) format("woff2"),url(global/resources/fonts/OpenSans_SemiCondensed-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: normal;
    font-weight: 800;
    src: url(global/resources/fonts/OpenSans_SemiCondensed-BoldItalic.woff) format("woff2"),url(global/resources/fonts/OpenSans_SemiCondensed-BoldItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: normal;
    font-weight: 900;
    src: url(global/resources/fonts/OpenSans_SemiCondensed-ExtraBold.woff) format("woff2"),url(global/resources/fonts/OpenSans_SemiCondensed-ExtraBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Open Sans Semi Condensed";
    font-style: normal;
    font-weight: 900;
    src: url(global/resources/fonts/OpenSans_SemiCondensed-ExtraBoldItalic.woff) format("woff2"),url(global/resources/fonts/OpenSans_SemiCondensed-ExtraBoldItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Rajdhani";
    font-style: normal;
    font-weight: 300;
    src: url(global/resources/fonts/Rajdhani-Light.woff) format("woff2"),url(global/resources/fonts/Rajdhani-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Rajdhani";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/Rajdhani-Regular.woff) format("woff2"),url(global/resources/fonts/Rajdhani-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Rajdhani";
    font-style: normal;
    font-weight: 500;
    src: url(global/resources/fonts/Rajdhani-Medium.woff) format("woff2"),url(global/resources/fonts/Rajdhani-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Rajdhani";
    font-style: normal;
    font-weight: 600;
    src: url(global/resources/fonts/Rajdhani-SemiBold.woff) format("woff2"),url(global/resources/fonts/Rajdhani-SemiBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Rajdhani";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/Rajdhani-Bold.woff) format("woff2"),url(global/resources/fonts/Rajdhani-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 100;
    src: url(global/resources/fonts/SourceSansPro-ExtraLight.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 300;
    src: url(global/resources/fonts/SourceSansPro-Light.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/SourceSansPro-Regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 600;
    src: url(global/resources/fonts/SourceSansPro-SemiBold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/SourceSansPro-Bold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Basis Grotesque";
    font-style: normal;
    font-weight: 300;
    src: url(global/resources/fonts/basis-grotesque-light-pro.woff) format("woff2"),url(global/resources/fonts/basis-grotesque-light-pro.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Basis Grotesque";
    font-style: italic;
    font-weight: 400;
    src: url(global/resources/fonts/basis-grotesque-italic-pro.woff) format("woff2"),url(global/resources/fonts/basis-grotesque-italic-pro.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Basis Grotesque";
    font-style: italic;
    font-weight: 700;
    src: url(global/resources/fonts/basis-grotesque-bold-italic-pro.woff) format("woff2"),url(global/resources/fonts/basis-grotesque-bold-italic-pro.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Basis Grotesque";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/basis-grotesque-regular-pro.woff) format("woff2"),url(global/resources/fonts/basis-grotesque-regular-pro.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Basis Grotesque";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/basis-grotesque-bold-pro.woff) format("woff2"),url(global/resources/fonts/basis-grotesque-bold-pro.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SangBleu OG Sans";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/SangBleuOGSans-Regular-WebS.woff) format("woff2"),url(global/resources/fonts/SangBleuOGSans-Regular-WebS.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SangBleu OG Sans";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/SangBleuOGSans-Regular-WebXL.woff) format("woff2"),url(global/resources/fonts/SangBleuOGSans-Regular-WebXL.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SangBleu OG Sans";
    font-style: normal;
    font-weight: 300;
    src: url(global/resources/fonts/SangBleuOGSans-Light-WebS.woff) format("woff2"),url(global/resources/fonts/SangBleuOGSans-Light-WebS.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SangBleu OG Sans";
    font-style: normal;
    font-weight: 300;
    src: url(global/resources/fonts/SangBleuOGSans-Light-WebXL.woff) format("woff2"),url(global/resources/fonts/SangBleuOGSans-Light-WebXL.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SangBleu OG Sans";
    font-style: normal;
    font-weight: 500;
    src: url(global/resources/fonts/SangBleuOGSans-Medium-WebS.woff) format("woff2"),url(global/resources/fonts/SangBleuOGSans-Medium-WebS.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SangBleu OG Sans";
    font-style: normal;
    font-weight: 500;
    src: url(global/resources/fonts/SangBleuOGSans-Medium-WebXL.woff) format("woff2"),url(global/resources/fonts/SangBleuOGSans-Medium-WebXL.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100;
    src: url(global/resources/fonts/Roboto-Thin.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: italic;
    font-weight: 100;
    src: url(global/resources/fonts/Roboto-ThinItalic.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url(global/resources/fonts/Roboto-Light.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: italic;
    font-weight: 300;
    src: url(global/resources/fonts/Roboto-LightItalic.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/Roboto-Regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: url(global/resources/fonts/Roboto-Italic.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url(global/resources/fonts/Roboto-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: url(global/resources/fonts/Roboto-MediumItalic.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/Roboto-Bold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: italic;
    font-weight: 700;
    src: url(global/resources/fonts/Roboto-BoldItalic.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Abloy Sans";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/AbloySansWEB-Bold.woff2) format("woff2"),url(global/resources/fonts/AbloySansWEB-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Abloy Sans";
    font-style: italic;
    font-weight: 700;
    src: url(global/resources/fonts/AbloySansWEB-BoldItalic.woff2) format("woff2"),url(global/resources/fonts/AbloySansWEB-BoldItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Abloy Sans";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/AbloySansWEB-Regular.woff2) format("woff2"),url(global/resources/fonts/AbloySansWEB-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Abloy Sans";
    font-style: italic;
    font-weight: 400;
    src: url(global/resources/fonts/AbloySansWEB-RegularItalic.woff2) format("woff2"),url(global/resources/fonts/AbloySansWEB-RegularItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Abloy Sans Cyrillic";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/AbloySansWEB-CyrillicBold.woff2) format("woff2"),url(global/resources/fonts/AbloySansWEB-CyrillicBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Abloy Sans Cyrillic";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/AbloySansWEB-CyrillicRegular.woff2) format("woff2"),url(global/resources/fonts/AbloySansWEB-CyrillicRegular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans Thai";
    font-style: normal;
    font-weight: 300;
    src: url(global/resources/fonts/NotoSansThai-Light.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans Thai";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/NotoSansThai-Regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans Thai";
    font-style: normal;
    font-weight: 500;
    src: url(global/resources/fonts/NotoSansThai-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans Thai";
    font-style: normal;
    font-weight: 600;
    src: url(global/resources/fonts/NotoSansThai-SemiBold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans Thai";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/NotoSansThai-Bold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Jost";
    font-style: normal;
    font-weight: 100;
    src: url(global/resources/fonts/Jost-Thin.woff2) format("woff2"),url(global/resources/fonts/Jost-Thin.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Jost";
    font-style: normal;
    font-weight: 300;
    src: url(global/resources/fonts/Jost-Light.woff2) format("woff2"),url(global/resources/fonts/Jost-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Jost";
    font-style: italic;
    font-weight: 300;
    src: url(global/resources/fonts/Jost-LightItalic.woff2) format("woff2"),url(global/resources/fonts/Jost-LightItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/Jost-Regular.woff2) format("woff2"),url(global/resources/fonts/Jost-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    src: url(global/resources/fonts/Jost-Medium.woff2) format("woff2"),url(global/resources/fonts/Jost-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Jost";
    font-style: italic;
    font-weight: 500;
    src: url(global/resources/fonts/Jost-MediumItalic.woff2) format("woff2"),url(global/resources/fonts/Jost-MediumItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Jost";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/Jost-Bold.woff2) format("woff2"),url(global/resources/fonts/Jost-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Jost";
    font-style: italic;
    font-weight: 700;
    src: url(global/resources/fonts/Jost-BoldItalic.woff2) format("woff2"),url(global/resources/fonts/Jost-BoldItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 100;
    src: url(global/resources/fonts/Outfit-Thin.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 200;
    src: url(global/resources/fonts/Outfit-ExtraLight.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 300;
    src: url(global/resources/fonts/Outfit-Light.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/Outfit-Regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 400;
    src: url(global/resources/fonts/Outfit-Black.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 500;
    src: url(global/resources/fonts/Outfit-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 600;
    src: url(global/resources/fonts/Outfit-SemiBold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 700;
    src: url(global/resources/fonts/Outfit-Bold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 800;
    src: url(global/resources/fonts/Outfit-ExtraBold.ttf) format("truetype")
}