@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url("/fonts/RobotoMono-VariableFont_wght.ttf")
    format("truetype-variations");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

/* Fallback for older browsers that don't support variable fonts */
@supports not (font-variation-settings: normal) {
  @font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/fonts/RobotoMono-VariableFont_wght.ttf") format("truetype");
  }

  @font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url("/fonts/RobotoMono-VariableFont_wght.ttf") format("truetype");
  }

  @font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url("/fonts/RobotoMono-VariableFont_wght.ttf") format("truetype");
  }

  @font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 800;
    font-display: block;
    src: url("/fonts/RobotoMono-VariableFont_wght.ttf") format("truetype");
  }
}
