@layer base {

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Newsreader-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 200;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Newsreader-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 200;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Newsreader-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Newsreader-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 300;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Newsreader-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Newsreader-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 400;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Newsreader-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Newsreader-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 500;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Newsreader-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Newsreader-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 600;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Newsreader-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Newsreader-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 700;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Newsreader-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 800;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Newsreader-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 800;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 200;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Newsreader';
        src: url('/resources/fonts/Newsreader-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 200;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 100;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 100;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 200;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 200;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 300;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 400;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 500;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 600;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 700;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 800;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 800;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/resources/fonts/Inter-Italic-VariableFont_opsz,wght.woff2') format('woff2');
        font-weight: 900;
        font-style: italic;
        font-display: swap;
    }

}