@font-face {
    font-family: "Inter Display";
    src: url("/assets/fonts/InterDisplay-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "Inter Display";
    src: url("/assets/fonts/InterDisplay-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "Inter Display";
    src: url("/assets/fonts/InterDisplay-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "EB Garamond";
    src: url("/assets/fonts/EBGaramond-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "EB Garamond";
    src: url("/assets/fonts/EBGaramond-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: "EB Garamond Italic";
    src: url("/assets/fonts/EBGaramond-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

:root {
    --typeface--primary: "Inter Display", Arial, sans-serif;
    --typeface--secondary: "EB Garamond Italic", Georgia, serif;
    --typeface--tertiary: "EB Garamond Italic", Georgia, serif;

    --h1--font-size: var(--_units---abs--8);
    --h2--font-size: var(--_units---abs--7);
    --h3--font-size: var(--_units---abs--6);
    --h4--font-size: var(--_units---abs--3-5);
    --h5--font-size: var(--_units---abs--3-5);
    --h6--font-size: var(--_units---abs--3-5);
    --paragraph--font-size-s: var(--_units---abs--3);
    --paragraph--font-size-m: var(--_units---abs--3-5);
    --paragraph--font-size-l: var(--_units---abs--4);

    --h1--line-height: var(--_units---rel--1-1);
    --h2--line-height: var(--_units---rel--1-2);
    --h3--line-height: var(--_units---rel--1-4);
    --h4--line-height: var(--_units---rel--1-4);
    --h5--line-height: var(--_units---rel--1-4);
    --h6--line-height: var(--_units---rel--1-4);
    --paragraph--line-height-s: var(--_units---rel--1-8);
    --paragraph--line-height-m: var(--_units---rel--1-8);
    --paragraph--line-height-l: var(--_units---rel--1-4);

    --h1--letter-spacing: var(--_units---rel--0-01);
    --h2--letter-spacing: var(--_units---rel--0-01);
    --h3--letter-spacing: var(--_units---rel--0-01);
    --h4--letter-spacing: var(--_units---rel--0-01);
    --h5--letter-spacing: var(--_units---rel--0-01);
    --h6--letter-spacing: var(--_units---rel--0);
    --paragraph--letter-spacing: var(--_units---rel--0-01);

    --_themes---site--bg--bg-primary: #020508;
    --_themes---site--text--text-secondary: #7f8082;
    --_themes---site--text--text-primary: white;
    --_themes---neutrals--950: #020508;
    --_themes---neutrals--500: #667085;
    --_themes---neutrals--white: white;
    --_themes---neutrals--100: #f1f5f9;

    --global--margin: var(--_units---abs--6);
    --max-width--s: 40rem;
    --max-width--m: 50rem;
    --max-width--l: 75rem;
    --max-width--xxl: 140rem;
    --max-width--xl: 2000rem;

    --padding--xxs: var(--_units---abs--3);
    --padding--xs: var(--_units---abs--6);
    --padding--sm: var(--_units---abs--12);
    --padding--md: var(--_units---abs--16);
    --padding--lg: var(--_units---abs--24);
    --padding--xl: var(--_units---abs--32);
    --gap--xxs: var(--_units---abs--2);
    --gap--xs: var(--_units---abs--3);
    --gap--sm: var(--_units---abs--4);
    --gap--md: var(--_units---abs--6);
    --gap--lg: var(--_units---abs--8);
    --gap--xl: var(--_units---abs--12);
    --gap--xxl: var(--_units---abs--16);
    --_units---abs--6: 1.5rem;
    --_themes---site--bg--bg-secondary: #0e0f10;
    --_themes---site--border--border-primary: #fff3;
    --_themes---site--bg--bg-tertiary: #1a1a1e;
    --_units---abs--32: 8rem;
    --_units---abs--40: 10rem;
    --_themes---site--bg--bg-active: #15de7e;
    --_themes---site--border--border-secondary: #ffffff0f;
    --_themes---neutrals--50: white;
    --_units---abs--1: 0.25rem;
    --_units---abs--2: 0.5rem;
    --_units---abs--3: 0.75rem;
    --_units---abs--3-5: 0.875rem;
    --_units---abs--4: 1rem;
    --_units---abs--4-5: 1.125rem;
    --_units---abs--5: 1.25rem;
    --_units---abs--7: 1.75rem;
    --_units---abs--8: 2rem;
    --_units---abs--9: 2.25rem;
    --_units---abs--10: 2.5rem;
    --_units---abs--11: 2.75rem;
    --_units---abs--12: 3rem;
    --_units---abs--13: 3.25rem;
    --_units---abs--14: 3.5rem;
    --_units---abs--15: 3.75rem;
    --_units---abs--16: 4rem;
    --_units---abs--17: 4.25rem;
    --_units---abs--18: 4.5rem;
    --_units---abs--19: 4.75rem;
    --_units---abs--20: 5rem;
    --_units---abs--21: 5.25rem;
    --_units---abs--22: 5.5rem;
    --_units---abs--23: 5.75rem;
    --_units---abs--24: 6rem;
    --_units---abs--25: 6.25rem;
    --_units---abs--26: 6.5rem;
    --_units---abs--27: 6.75rem;
    --_units---abs--28: 7rem;
    --_units---abs--29: 7.25rem;
    --_units---abs--30: 7.5rem;
    --_units---abs--31: 7.75rem;
    --_units---abs--33: 8.25rem;
    --_units---abs--34: 8.5rem;
    --_units---abs--35: 8.75rem;
    --_units---abs--36: 9rem;
    --_units---abs--37: 9.25rem;
    --_units---abs--38: 9.5rem;
    --_units---abs--39: 9.75rem;
    --_units---abs--41: 10.25rem;
    --_units---abs--42: 10.5rem;
    --_units---abs--43: 10.75rem;
    --_units---abs--44: 11rem;
    --_units---abs--45: 11.25rem;
    --_units---abs--46: 11.5rem;
    --_units---abs--47: 11.75rem;
    --_units---abs--48: 12rem;
    --_units---rel--0: 0em;
    --_units---rel--0-01: -0.01em;
    --_units---rel--0-02: -0.02em;
    --_units---rel--0-03: -0.03em;
    --_units---rel--0-04: -0.04em;
    --_units---rel--0-05: -0.05em;
    --_units---rel--0-06: -0.06em;
    --_units---rel--0-07: -0.06em;
    --_units---rel--0-08: -0.08em;
    --_units---rel--0-09: -0.09em;
    --_units---rel--5: 0.5em;
    --_units---rel--6: 0.6em;
    --_units---rel--7: 0.7em;
    --_units---rel--8: 0.8em;
    --_units---rel--9: 0.8em;
    --_units---rel--1-0: 1em;
    --_units---rel--1-1: 1.1em;
    --_units---rel--1-2: 1.2em;
    --_units---rel--1-3: 1.3em;
    --_units---rel--1-4: 1.4em;
    --_units---rel--1-5: 1.5em;
    --_units---rel--1-6: 1.6em;
    --_units---rel--1-7: 1.7em;
    --_units---rel--1-8: 1.8em;
    --_units---rel--1-9: 1.9em;
    --_units---rel--2-0: 2em;
    --_units---rel--2-1: 2.1em;
    --_units---rel--2-2: 2.2em;
    --_units---rel--2-3: 2.3em;
    --_units---rel--2-4: 2.4em;
    --_units---rel--2-5: 2.5em;
    --_units---rel--3-0: 3em;
    --h1--font-family: var(--typeface--primary);
    --h2--font-family: var(--typeface--secondary);
    --h3--font-family: var(--typeface--primary);
    --h4--font-family: var(--typeface--primary);
    --h5--font-family: var(--typeface--secondary);
    --h6--font-family: var(--typeface--secondary);
    --paragraph--font-family: var(--typeface--primary);
    --_themes---site--text--text-tertiary: #28282c;
    --_themes---site--text--text-disabled: #fff9;
    --_themes---site--bg--bg-inactive: #484a53;
    --_themes---site--bg--bg-error: white;
    --_themes---site--button-primary--primary-default: white;
    --_themes---site--button-primary--primary-hover: white;
    --_themes---site--button-primary--primary-focus: white;
    --_themes---site--button-primary--primary-pressed: white;
    --_themes---site--button-primary--primary-disabled: white;
    --gap--flex: var(--_units---abs--4);
    --_themes---neutrals--transparent: #0000;
    --_themes---neutrals--200: #e2e8f0;
    --_themes---neutrals--300: #cbd5e1;
    --_themes---neutrals--400: #94a3b8;
    --_themes---neutrals--600: #475467;
    --_themes---neutrals--700: #344054;
    --_themes---neutrals--800: #1d2939;
    --_themes---neutrals--900: #101828;
    --_white-label---sg--text-primary: #fff;
    --_white-label---sg--text-secondary: #fff9;
    --_white-label---sg--bg-primary: #0f0f0f;
    --_white-label---sg--bg-secondary: #1f1f22;
    --_white-label---sg--bg-tertiary: #35373f;
    --_white-label---sg--accent: #ff6955;
    --_white-label---sg--border: #fff3;
}

body {
    background-color: var(--_themes---site--bg--bg-primary);
    font-family: var(--typeface--primary);
    color: var(--_themes---site--text--text-primary);
    font-size: var(--paragraph--font-size-s);
    line-height: var(--paragraph--font-size-s);
    letter-spacing: var(--paragraph--letter-spacing);
    overscroll-behavior-y: none;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
}

@media screen and (max-width: 479px) {
    body {
        --typeface--primary: "Inter Display", Arial, sans-serif;
        --typeface--secondary: "EB Garamond Italic", Georgia, serif;
        --typeface--tertiary: "EB Garamond Italic", Georgia, serif;

        --h1--font-size: var(--_units---abs--8);
        --h2--font-size: var(--_units---abs--7);
        --h3--font-size: var(--_units---abs--6);
        --h4--font-size: var(--_units---abs--3-5);
        --h5--font-size: var(--_units---abs--3-5);
        --h6--font-size: var(--_units---abs--3-5);
        --paragraph--font-size-s: var(--_units---abs--3);
        --paragraph--font-size-m: var(--_units---abs--3-5);
        --paragraph--font-size-l: var(--_units---abs--4);

        --h1--line-height: var(--_units---rel--1-1);
        --h2--line-height: var(--_units---rel--1-2);
        --h3--line-height: var(--_units---rel--1-4);
        --h4--line-height: var(--_units---rel--1-4);
        --h5--line-height: var(--_units---rel--1-4);
        --h6--line-height: var(--_units---rel--1-4);
        --paragraph--line-height-s: var(--_units---rel--1-6);
        --paragraph--line-height-m: var(--_units---rel--1-6);
        --paragraph--line-height-l: var(--_units---rel--1-4);

        --h1--letter-spacing: var(--_units---rel--0-01);
        --h2--letter-spacing: var(--_units---rel--0-01);
        --h3--letter-spacing: var(--_units---rel--0-01);
        --h4--letter-spacing: var(--_units---rel--0-01);
        --h5--letter-spacing: var(--_units---rel--0-01);
        --h6--letter-spacing: var(--_units---rel--0);
        --paragraph--letter-spacing: var(--_units---rel--0-01);

        --h1--font-family: var(--typeface--primary);
        --h2--font-family: var(--typeface--secondary);
        --h3--font-family: var(--typeface--primary);
        --h4--font-family: var(--typeface--primary);
        --h5--font-family: var(--typeface--secondary);
        --h6--font-family: var(--typeface--secondary);
        --paragraph--font-family: var(--typeface--primary);

        --global--margin: var(--_units---abs--4);
        --max-width--s: 40rem;
        --max-width--m: 50rem;
        --max-width--l: 75rem;
        --max-width--xxl: 140rem;
        --max-width--xl: 2000rem;

        --padding--xxs: var(--_units---abs--6);
        --padding--xs: var(--_units---abs--8);
        --padding--sm: var(--_units---abs--4);
        --padding--md: var(--_units---abs--12);
        --padding--lg: var(--_units---abs--18);
        --padding--xl: var(--_units---abs--24);
        --gap--xxs: var(--_units---abs--2);
        --gap--xs: var(--_units---abs--3);
        --gap--sm: var(--_units---abs--4);
        --gap--md: var(--_units---abs--4-5);
        --gap--lg: var(--_units---abs--6);
        --gap--xl: var(--_units---abs--8);
        --gap--xxl: var(--_units---abs--10);
        --gap--flex: var(--_units---abs--4);
    }
}