:root {
  font-display: swap;
}

@font-face {
  src: url('/assets/font/Roboto/Flex/VF.woff') format('woff');
  font-family: 'Roboto Flex';
  font-style: normal;
}

@font-face {
  font-weight: 400;
  src: url('/assets/font/Roboto/Flex/static/Regular.woff') format('woff');
  font-family: 'Roboto Flex';
  font-style: normal;
}

@font-face {
  src: url('/assets/font/Roboto/Mono/Italic VF.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: italic;
}

@font-face {
  src: url('/assets/font/Roboto/Mono/VF.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: normal;
}

@font-face {
  font-weight: 700;
  src: url('/assets/font/Roboto/Mono/static/Bold.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: normal;
}

@font-face {
  font-weight: 700;
  src: url('/assets/font/Roboto/Mono/static/BoldItalic.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: italic;
}

@font-face {
  font-weight: 200;
  src: url('/assets/font/Roboto/Mono/static/ExtraLight.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: normal;
}

@font-face {
  font-weight: 200;
  src: url('/assets/font/Roboto/Mono/static/ExtraLightItalic.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: italic;
}

@font-face {
  font-weight: 400;
  src: url('/assets/font/Roboto/Mono/static/Italic.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: italic;
}

@font-face {
  font-weight: 300;
  src: url('/assets/font/Roboto/Mono/static/Light.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: normal;
}

@font-face {
  font-weight: 300;
  src: url('/assets/font/Roboto/Mono/static/LightItalic.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: italic;
}

@font-face {
  font-weight: 500;
  src: url('/assets/font/Roboto/Mono/static/Medium.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: normal;
}

@font-face {
  font-weight: 500;
  src: url('/assets/font/Roboto/Mono/static/MediumItalic.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: italic;
}

@font-face {
  font-weight: 400;
  src: url('/assets/font/Roboto/Mono/static/Regular.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: normal;
}

@font-face {
  font-weight: 600;
  src: url('/assets/font/Roboto/Mono/static/SemiBold.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: normal;
}

@font-face {
  font-weight: 600;
  src: url('/assets/font/Roboto/Mono/static/SemiBoldItalic.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: italic;
}

@font-face {
  font-weight: 100;
  src: url('/assets/font/Roboto/Mono/static/Thin.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: normal;
}

@font-face {
  font-weight: 100;
  src: url('/assets/font/Roboto/Mono/static/ThinItalic.woff') format('woff');
  font-family: 'Roboto Mono';
  font-style: italic;
}

@font-face {
  src: url('/assets/font/Roboto/Serif/Italic VF.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: italic;
}

@font-face {
  src: url('/assets/font/Roboto/Serif/VF.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: normal;
}

@font-face {
  font-weight: 900;
  src: url('/assets/font/Roboto/Serif/static/Black.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: normal;
}

@font-face {
  font-weight: 900;
  src: url('/assets/font/Roboto/Serif/static/BlackItalic.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: italic;
}

@font-face {
  font-weight: 700;
  src: url('/assets/font/Roboto/Serif/static/Bold.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: normal;
}

@font-face {
  font-weight: 700;
  src: url('/assets/font/Roboto/Serif/static/BoldItalic.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: italic;
}

@font-face {
  font-weight: 800;
  src: url('/assets/font/Roboto/Serif/static/ExtraBold.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: normal;
}

@font-face {
  font-weight: 800;
  src: url('/assets/font/Roboto/Serif/static/ExtraBoldItalic.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: italic;
}

@font-face {
  font-weight: 200;
  src: url('/assets/font/Roboto/Serif/static/ExtraLight.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: normal;
}

@font-face {
  font-weight: 200;
  src: url('/assets/font/Roboto/Serif/static/ExtraLightItalic.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: italic;
}

@font-face {
  font-weight: 400;
  src: url('/assets/font/Roboto/Serif/static/Italic.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: italic;
}

@font-face {
  font-weight: 300;
  src: url('/assets/font/Roboto/Serif/static/Light.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: normal;
}

@font-face {
  font-weight: 300;
  src: url('/assets/font/Roboto/Serif/static/LightItalic.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: italic;
}

@font-face {
  font-weight: 500;
  src: url('/assets/font/Roboto/Serif/static/Medium.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: normal;
}

@font-face {
  font-weight: 500;
  src: url('/assets/font/Roboto/Serif/static/MediumItalic.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: italic;
}

@font-face {
  font-weight: 400;
  src: url('/assets/font/Roboto/Serif/static/Regular.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: normal;
}

@font-face {
  font-weight: 600;
  src: url('/assets/font/Roboto/Serif/static/SemiBold.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: normal;
}

@font-face {
  font-weight: 600;
  src: url('/assets/font/Roboto/Serif/static/SemiBoldItalic.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: italic;
}

@font-face {
  font-weight: 100;
  src: url('/assets/font/Roboto/Serif/static/Thin.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: normal;
}

@font-face {
  font-weight: 100;
  src: url('/assets/font/Roboto/Serif/static/ThinItalic.woff') format('woff');
  font-family: 'Roboto Serif';
  font-style: italic;
}

@font-face {
  font-weight: 700;
  src: url('/assets/font/SourceHan/Sans/Bold.woff') format('woff');
  font-family: 'Source Han Sans SC';
  font-style: normal;
}

@font-face {
  font-weight: 200;
  src: url('/assets/font/SourceHan/Sans/ExtraLight.woff') format('woff');
  font-family: 'Source Han Sans SC';
  font-style: normal;
}

@font-face {
  font-weight: 900;
  src: url('/assets/font/SourceHan/Sans/Heavy.woff') format('woff');
  font-family: 'Source Han Sans SC';
  font-style: normal;
}

@font-face {
  font-weight: 300;
  src: url('/assets/font/SourceHan/Sans/Light.woff') format('woff');
  font-family: 'Source Han Sans SC';
  font-style: normal;
}

@font-face {
  font-weight: 500;
  src: url('/assets/font/SourceHan/Sans/Medium.woff') format('woff');
  font-family: 'Source Han Sans SC';
  font-style: normal;
}

@font-face {
  font-weight: 400;
  src: url('/assets/font/SourceHan/Sans/Normal.woff') format('woff');
  font-family: 'Source Han Sans SC';
  font-style: normal;
}

@font-face {
  font-weight: 400;
  src: url('/assets/font/SourceHan/Sans/Regular.woff') format('woff');
  font-family: 'Source Han Sans SC';
  font-style: normal;
}

@font-face {
  font-weight: 700;
  src: url('/assets/font/SourceHan/Serif/Bold.woff') format('woff');
  font-family: 'Source Han Serif SC';
  font-style: normal;
}

@font-face {
  font-weight: 200;
  src: url('/assets/font/SourceHan/Serif/ExtraLight.woff') format('woff');
  font-family: 'Source Han Serif SC';
  font-style: normal;
}

@font-face {
  font-weight: 900;
  src: url('/assets/font/SourceHan/Serif/Heavy.woff') format('woff');
  font-family: 'Source Han Serif SC';
  font-style: normal;
}

@font-face {
  font-weight: 300;
  src: url('/assets/font/SourceHan/Serif/Light.woff') format('woff');
  font-family: 'Source Han Serif SC';
  font-style: normal;
}

@font-face {
  font-weight: 500;
  src: url('/assets/font/SourceHan/Serif/Medium.woff') format('woff');
  font-family: 'Source Han Serif SC';
  font-style: normal;
}

@font-face {
  font-weight: 400;
  src: url('/assets/font/SourceHan/Serif/Regular.woff') format('woff');
  font-family: 'Source Han Serif SC';
  font-style: normal;
}

@font-face {
  font-weight: 600;
  src: url('/assets/font/SourceHan/Serif/SemiBold.woff') format('woff');
  font-family: 'Source Han Serif SC';
  font-style: normal;
}

@font-face {
  font-weight: 400;
  src: url('/assets/font/SourceHan/Mono.woff2') format('woff2');
  font-family: 'Source Han Mono SC';
  font-style: normal;
}

:root {
  --font-serif: 'Roboto Serif', 'Source Han Serif SC', "Times New Roman", Times, serif;
  --font-sans: 'Roboto Flex', 'Source Han Sans SC', Arial, Helvetica, sans-serif;
  --font-mono: 'Roboto Mono', 'Source Han Mono SC', 'Source Han Sans SC', Consolas, Monaco, monospace;
}