/* Scoped by inclusion: only the About and Agent mock preview templates load this file. */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/fonts/overpass-latin-variable.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  ascent-override: 98.3%;
  descent-override: 28.3%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Overpass';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/overpass/fonts/overpass-latin-wght-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  ascent-override: 98.3%;
  descent-override: 28.3%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/mock/noto-sans-sc-mock-400.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/mock/noto-sans-sc-mock-500.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/mock/noto-sans-sc-mock-600.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/mock/noto-sans-sc-mock-700.ttf') format('truetype');
}

:root {
  --font-mock: 'Overpass', 'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', Arial, sans-serif;
  --font-ui: var(--font-mock) !important;
  --font-editorial: var(--font-mock) !important;
}

/* Include controls, inline code labels, SVG labels and runtime-injected content. */
html,
html body,
html body :is(*, #mock-font-priority),
html body :is(*, #mock-font-priority)::before,
html body :is(*, #mock-font-priority)::after {
  font-family: 'Overpass', var(--font-mock) !important;
}