@font-face {
    font-family: 'Mona-Sans';
    src: url('Mona-Sans-Black.woff2') format('woff2'),
        url('Mona-Sans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans';
    src: url('Mona-Sans-Bold.woff2') format('woff2'),
        url('Mona-Sans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona Sans';
    src: url('MonaSans-Thin.woff2') format('woff2'),
        url('MonaSans-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Narrow';
    src: url('Mona-Sans-BoldNarrowItalic.woff2') format('woff2'),
        url('Mona-Sans-BoldNarrowItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans';
    src: url('Mona-Sans-BoldItalic.woff2') format('woff2'),
        url('Mona-Sans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Narrow';
    src: url('Mona-Sans-BoldNarrow.woff2') format('woff2'),
        url('Mona-Sans-BoldNarrow.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Black Wide';
    src: url('Mona-Sans-BlackWide.woff2') format('woff2'),
        url('Mona-Sans-BlackWide.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans';
    src: url('Mona-Sans-BlackItalic.woff2') format('woff2'),
        url('Mona-Sans-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Black Wide';
    src: url('Mona-Sans-BlackWideItalic.woff2') format('woff2'),
        url('Mona-Sans-BlackWideItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Black Narrow';
    src: url('Mona-Sans-BlackNarrowItalic.woff2') format('woff2'),
        url('Mona-Sans-BlackNarrowItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Black Narrow';
    src: url('Mona-Sans-BlackNarrow.woff2') format('woff2'),
        url('Mona-Sans-BlackNarrow.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Light Narrow';
    src: url('Mona-Sans-LightNarrowItalic.woff2') format('woff2'),
        url('Mona-Sans-LightNarrowItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans ExtraBold Wide';
    src: url('Mona-Sans-ExtraBoldWide.woff2') format('woff2'),
        url('Mona-Sans-ExtraBoldWide.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans ExtraBold Wide';
    src: url('Mona-Sans-ExtraBoldWideItalic.woff2') format('woff2'),
        url('Mona-Sans-ExtraBoldWideItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans';
    src: url('Mona-Sans-ExtraBold.woff2') format('woff2'),
        url('Mona-Sans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans';
    src: url('Mona-Sans-Light.woff2') format('woff2'),
        url('Mona-Sans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Light Narrow';
    src: url('Mona-Sans-LightNarrow.woff2') format('woff2'),
        url('Mona-Sans-LightNarrow.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Wide';
    src: url('Mona-Sans-BoldWideItalic.woff2') format('woff2'),
        url('Mona-Sans-BoldWideItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans';
    src: url('Mona-Sans-ExtraBoldItalic.woff2') format('woff2'),
        url('Mona-Sans-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans ExtraBold Narrow';
    src: url('Mona-Sans-ExtraBoldNarrow.woff2') format('woff2'),
        url('Mona-Sans-ExtraBoldNarrow.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans ExtraBold Narrow';
    src: url('Mona-Sans-ExtraBoldNarrowItalic.woff2') format('woff2'),
        url('Mona-Sans-ExtraBoldNarrowItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans';
    src: url('Mona-Sans-LightItalic.woff2') format('woff2'),
        url('Mona-Sans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Wide';
    src: url('Mona-Sans-BoldWide.woff2') format('woff2'),
        url('Mona-Sans-BoldWide.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Medium Narrow';
    src: url('Mona-Sans-MediumNarrow.woff2') format('woff2'),
        url('Mona-Sans-MediumNarrow.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Medium Wide';
    src: url('Mona-Sans-MediumWideItalic.woff2') format('woff2'),
        url('Mona-Sans-MediumWideItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Medium Wide';
    src: url('Mona-Sans-MediumWide.woff2') format('woff2'),
        url('Mona-Sans-MediumWide.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans';
    src: url('Mona-Sans-Medium.woff2') format('woff2'),
        url('Mona-Sans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans';
    src: url('Mona-Sans-MediumItalic.woff2') format('woff2'),
        url('Mona-Sans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Light Wide';
    src: url('Mona-Sans-LightWide.woff2') format('woff2'),
        url('Mona-Sans-LightWide.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Medium Narrow';
    src: url('Mona-Sans-MediumNarrowItalic.woff2') format('woff2'),
        url('Mona-Sans-MediumNarrowItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Light Wide';
    src: url('Mona-Sans-LightWideItalic.woff2') format('woff2'),
        url('Mona-Sans-LightWideItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}