/* Bitmap sizes only: PixelMplus10 at 10/20, PixelMplus12 at 12/24. */

@font-face {
  font-family: "PixelMplus12";
  src: url("./PixelMplus12-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PixelMplus12";
  src: url("./PixelMplus12-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PixelMplus10";
  src: url("./PixelMplus10-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PixelMplus10";
  src: url("./PixelMplus10-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DotGothic16";
  src: url("./DotGothic16-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --ui: "PixelMplus12", "DotGothic16", sans-serif;
  --ui-sm: "PixelMplus10", "DotGothic16", sans-serif;
}

html {
  font-family: var(--ui);
  font-kerning: none;
  font-variant-ligatures: none;
  font-synthesis: none;
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: unset;
  font-smooth: never;
}

button,
input,
textarea,
select,
code,
kbd,
pre {
  font-family: inherit;
  font-kerning: none;
  letter-spacing: 0;
}