/* Generated by typeFamilyCss() in src/lib/type-roles.ts. Linked by index.html. Do not edit by hand. */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 85% 100%;
  font-display: swap;
  src: url(/fonts/archivo-vf-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+2248, U+2264-2265, U+FEFF;
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 85% 100%;
  font-display: swap;
  src: url(/fonts/archivo-vf-ext.woff2) format("woff2");
  unicode-range: U+012B, U+0259;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/plex-mono-400.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+012B, U+0131, U+0152-0153, U+0259, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+2248, U+2264-2265, U+FEFF;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/plex-mono-500.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+012B, U+0131, U+0152-0153, U+0259, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+2248, U+2264-2265, U+FEFF;
}
@font-face {
  font-family: "Archivo Fallback";
  font-style: normal;
  font-weight: 400 500;
  src: local("Arial"), local("ArialMT"), local("Liberation Sans");
  size-adjust: 98.7%;
  ascent-override: 89%;
  descent-override: 21.3%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Archivo Fallback";
  font-style: normal;
  font-weight: 600;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold");
  size-adjust: 95%;
  ascent-override: 92.4%;
  descent-override: 22.1%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Plex Mono Fallback";
  font-style: normal;
  font-weight: 400 500;
  src: local("Courier New"), local("CourierNewPSMT"), local("Liberation Mono");
  size-adjust: 100%;
  ascent-override: 102.5%;
  descent-override: 27.5%;
  line-gap-override: 0%;
}

:root {
  --type-display-family: "Archivo", "Archivo Fallback", -apple-system, BlinkMacSystemFont, sans-serif;
  --type-display-weight: 600;
  --type-display-stretch: 92%;
  --type-display-tracking: 0;
  --type-display-leading: 1;
  --type-heading-family: "Archivo", "Archivo Fallback", -apple-system, BlinkMacSystemFont, sans-serif;
  --type-heading-weight: 600;
  --type-heading-stretch: 95%;
  --type-heading-tracking: 0;
  --type-heading-leading: 1.2;
  --type-body-family: "Archivo", "Archivo Fallback", -apple-system, BlinkMacSystemFont, sans-serif;
  --type-body-weight: 400;
  --type-body-stretch: 100%;
  --type-body-tracking: 0;
  --type-body-leading: 1.6;
  --type-station-family: "Archivo", "Archivo Fallback", -apple-system, BlinkMacSystemFont, sans-serif;
  --type-station-weight: 600;
  --type-station-stretch: 87.5%;
  --type-station-tracking: 0.015em;
  --type-station-leading: 14px;
  --type-second-line-family: "Archivo", "Archivo Fallback", -apple-system, BlinkMacSystemFont, sans-serif;
  --type-second-line-weight: 500;
  --type-second-line-stretch: 92%;
  --type-second-line-tracking: 0;
  --type-second-line-leading: 14px;
  --type-numeral-family: "Archivo", "Archivo Fallback", -apple-system, BlinkMacSystemFont, sans-serif;
  --type-numeral-weight: 600;
  --type-numeral-stretch: 100%;
  --type-numeral-tracking: 0;
  --type-numeral-leading: 1;
  --type-hud-family: "IBM Plex Mono", "Plex Mono Fallback", ui-monospace, "SF Mono", Consolas, "Courier New", monospace;
  --type-hud-weight: 400;
  --type-hud-stretch: 100%;
  --type-hud-tracking: 0.10em;
  --type-hud-leading: 14px;
  --type-pill-family: "IBM Plex Mono", "Plex Mono Fallback", ui-monospace, "SF Mono", Consolas, "Courier New", monospace;
  --type-pill-weight: 500;
  --type-pill-stretch: 100%;
  --type-pill-tracking: 0.10em;
  --type-pill-leading: 14px;
  --type-telemetry-family: "IBM Plex Mono", "Plex Mono Fallback", ui-monospace, "SF Mono", Consolas, "Courier New", monospace;
  --type-telemetry-weight: 500;
  --type-telemetry-stretch: 100%;
  --type-telemetry-tracking: 0.08em;
  --type-telemetry-leading: 12px;
}
html:root h1:not([style*="font-family"]) {
  font-weight: var(--type-display-weight);
  font-stretch: var(--type-display-stretch);
  letter-spacing: var(--type-display-tracking);
}
html:root h2:not([style*="font-family"]),
html:root h3:not([style*="font-family"]),
html:root h4:not([style*="font-family"]),
html:root h5:not([style*="font-family"]),
html:root h6:not([style*="font-family"]) {
  font-weight: var(--type-heading-weight);
  font-stretch: var(--type-heading-stretch);
  letter-spacing: var(--type-heading-tracking);
}
html:root [data-type-role="display"] {
  font-family: var(--type-display-family) !important;
  font-weight: var(--type-display-weight) !important;
  font-stretch: var(--type-display-stretch) !important;
  letter-spacing: var(--type-display-tracking) !important;
}
html:root [data-type-role="heading"] {
  font-family: var(--type-heading-family) !important;
  font-weight: var(--type-heading-weight) !important;
  font-stretch: var(--type-heading-stretch) !important;
  letter-spacing: var(--type-heading-tracking) !important;
}
html:root [data-type-role="body"] {
  font-family: var(--type-body-family) !important;
  font-weight: var(--type-body-weight) !important;
  font-stretch: var(--type-body-stretch) !important;
  letter-spacing: var(--type-body-tracking) !important;
}
html:root [data-type-role="station"] {
  font-family: var(--type-station-family) !important;
  font-weight: var(--type-station-weight) !important;
  font-stretch: var(--type-station-stretch) !important;
  letter-spacing: var(--type-station-tracking) !important;
  text-transform: uppercase;
}
html:root [data-type-role="second-line"] {
  font-family: var(--type-second-line-family) !important;
  font-weight: var(--type-second-line-weight) !important;
  font-stretch: var(--type-second-line-stretch) !important;
  letter-spacing: var(--type-second-line-tracking) !important;
}
html:root [data-type-role="numeral"] {
  font-family: var(--type-numeral-family) !important;
  font-weight: var(--type-numeral-weight) !important;
  font-stretch: var(--type-numeral-stretch) !important;
  letter-spacing: var(--type-numeral-tracking) !important;
  font-variant-numeric: tabular-nums;
}
html:root [data-type-role="hud"] {
  font-family: var(--type-hud-family) !important;
  font-weight: var(--type-hud-weight) !important;
  font-stretch: var(--type-hud-stretch) !important;
  letter-spacing: var(--type-hud-tracking) !important;
}
html:root [data-type-role="pill"] {
  font-family: var(--type-pill-family) !important;
  font-weight: var(--type-pill-weight) !important;
  font-stretch: var(--type-pill-stretch) !important;
  letter-spacing: var(--type-pill-tracking) !important;
}
html:root [data-type-role="telemetry"] {
  font-family: var(--type-telemetry-family) !important;
  font-weight: var(--type-telemetry-weight) !important;
  font-stretch: var(--type-telemetry-stretch) !important;
  letter-spacing: var(--type-telemetry-tracking) !important;
  font-variant-numeric: tabular-nums;
}