@supports (font-variation-settings: normal) {
  @font-face {
    font-family: 'Mona Sans';
    font-style: normal;
    src:
      url('/public/fonts/mona-sans/MonaSans-VariableFont_wdth,wght.woff2') format('woff2') tech('variations'),
      url('/public/fonts/mona-sans/MonaSans-VariableFont_wdth,wght.woff2') format('woff2-variations'),
      url('/public/fonts/mona-sans/MonaSans-VariableFont_wdth,wght.ttf') format('truetype') tech('variations'),
      url('/public/fonts/mona-sans/MonaSans-VariableFont_wdth,wght.ttf') format('truetype-variations');
    font-weight: 200 900;
    font-stretch: 75% 125%;
  }

  @font-face {
    font-family: 'Mona Sans';
    font-style: italic;
    src:
      url('/public/fonts/mona-sans/MonaSans-Italic-VariableFont_wdth,wght.woff2') format('woff2') tech('variations'),
      url('/public/fonts/mona-sans/MonaSans-Italic-VariableFont_wdth,wght.woff2') format('woff2-variations'),
      url('/public/fonts/mona-sans/MonaSans-Italic-VariableFont_wdth,wght.ttf') format('truetype') tech('variations'),
      url('/public/fonts/mona-sans/MonaSans-Italic-VariableFont_wdth,wght.ttf') format('truetype-variations');
    font-weight: 200 900;
    font-stretch: 75% 125%;
  }
}

@supports not (font-variation-settings: normal) {

  @font-face {
    font-family: 'Mona Sans';
    font-style: normal;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-ExtraLight.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
  }
  @font-face {
    font-family: 'Mona Sans';
    font-style: italic;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-ExtraLightItalic.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
  }

  @font-face {
    font-family: 'Mona Sans';
    font-style: normal;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-Light.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-Light.ttf') format('truetype');
    font-weight: 300;
  }
  @font-face {
    font-family: 'Mona Sans';
    font-style: italic;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-LightItalic.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
  }

  @font-face {
    font-family: 'Mona Sans';
    font-style: normal;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-Regular.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-Regular.ttf') format('truetype');
    font-weight: 400;
  }
  @font-face {
    font-family: 'Mona Sans';
    font-style: italic;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-Italic.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-Italic.ttf') format('truetype');
    font-weight: 400;
  }

  @font-face {
    font-family: 'Mona Sans';
    font-style: normal;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-Medium.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-Medium.ttf') format('truetype');
    font-weight: 500;
  }
  @font-face {
    font-family: 'Mona Sans';
    font-style: italic;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-MediumItalic.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
  }

  @font-face {
    font-family: 'Mona Sans';
    font-style: normal;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-SemiBold.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
  }
  @font-face {
    font-family: 'Mona Sans';
    font-style: italic;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-SemiBoldItalic.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
  }

  @font-face {
    font-family: 'Mona Sans';
    font-style: normal;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-Bold.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-Bold.ttf') format('truetype');
    font-weight: 700;
  }
  @font-face {
    font-family: 'Mona Sans';
    font-style: italic;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-BoldItalic.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
  }

  @font-face {
    font-family: 'Mona Sans';
    font-style: normal;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-ExtraBold.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
  }
  @font-face {
    font-family: 'Mona Sans';
    font-style: italic;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-ExtraBoldItalic.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
  }

  @font-face {
    font-family: 'Mona Sans';
    font-style: normal;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-Black.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-Black.ttf') format('truetype');
    font-weight: 900;
  }
  @font-face {
    font-family: 'Mona Sans';
    font-style: italic;
    src:
      url('/public/fonts/mona-sans/static/MonaSans-BlackItalic.woff2') format('woff2'),
      url('/public/fonts/mona-sans/static/MonaSans-BlackItalic.ttf') format('truetype');
    font-weight: 900;
  }

}
