/* Markata font packs */
@font-face {
  font-family: "Caveat Brush";
  src: url('/assets/fonts/caveat-brush-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "DM Mono";
  src: url('/assets/fonts/dm-mono-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "Kalam";
  src: url('/assets/fonts/kalam-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Source Sans 3";
  src: url('/assets/fonts/source-sans-3-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 200 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Knewave";
  src: url('/assets/fonts/knewave-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Space Grotesk";
  src: url('/assets/fonts/space-grotesk-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 300 700;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Bungee";
  src: url('/assets/fonts/bungee-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url('/assets/fonts/ibm-plex-mono-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url('/assets/fonts/jetbrains-mono-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 800;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "Literata";
  src: url('/assets/fonts/literata-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 200 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Sedgwick Ave Display";
  src: url('/assets/fonts/sedgwick-ave-display-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Water Brush";
  src: url('/assets/fonts/water-brush-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url('/assets/fonts/cormorant-garamond-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 300 700;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url('/assets/fonts/cormorant-garamond-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 300 700;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Fraunces";
  src: url('/assets/fonts/fraunces-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url('/assets/fonts/ibm-plex-sans-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 700;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "IBM Plex Sans Condensed";
  src: url('/assets/fonts/ibm-plex-sans-condensed-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Source Serif 4";
  src: url('/assets/fonts/source-serif-4-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 200 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Covered By Your Grace";
  src: url('/assets/fonts/covered-by-your-grace-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Trade Winds";
  src: url('/assets/fonts/trade-winds-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Rubik Dirt";
  src: url('/assets/fonts/rubik-dirt-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Victor Mono";
  src: url('/assets/fonts/victor-mono-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 700;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "Fraunces";
  src: url('/assets/fonts/fraunces-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Permanent Marker";
  src: url('/assets/fonts/permanent-marker-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Geist Mono";
  src: url('/assets/fonts/geist-mono-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "Instrument Serif";
  src: url('/assets/fonts/instrument-serif-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Manrope";
  src: url('/assets/fonts/manrope-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 200 800;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Syne";
  src: url('/assets/fonts/syne-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 800;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Finger Paint";
  src: url('/assets/fonts/finger-paint-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Rock Salt";
  src: url('/assets/fonts/rock-salt-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Inter";
  src: url('/assets/fonts/inter-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Inter Tight";
  src: url('/assets/fonts/inter-tight-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url('/assets/fonts/ibm-plex-sans-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 700;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "IBM Plex Serif";
  src: url('/assets/fonts/ibm-plex-serif-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Bitter";
  src: url('/assets/fonts/bitter-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Courier Prime";
  src: url('/assets/fonts/courier-prime-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "Crimson Pro";
  src: url('/assets/fonts/crimson-pro-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 200 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Special Elite";
  src: url('/assets/fonts/special-elite-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
[data-fontpack="brush"] {
  --font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 450;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Knewave", cursive;
  --font-display-weight: 400;
  --font-heading: "Knewave", cursive;
  --font-heading-weight: 400;
  --font-label: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 700;
  --font-lead: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 550;
  --font-lead-size: 1.18rem;
  --font-metadata: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 500;
  --font-numbers: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 400;
  --font-quote: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-quote-weight: 400;
  --font-subheading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-ui: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="brutalist"] {
  --font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Bungee", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 400;
  --font-heading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 700;
  --font-quote: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-quote-weight: 500;
  --font-subheading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="code-editorial"] {
  --font-body: "Literata", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-code: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 700;
  --font-heading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 700;
  --font-quote: "Literata", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-subheading: "Literata", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="dry-brush"] {
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Water Brush", cursive;
  --font-display-weight: 400;
  --font-heading: "Sedgwick Ave Display", cursive;
  --font-heading-weight: 400;
  --font-quote: "Sedgwick Ave Display", cursive;
  --font-quote-weight: 400;
  --font-subheading: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="editorial"] {
  --font-body: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-body-variation: "opsz" 18;
  --font-caption: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Cormorant Garamond", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 700;
  --font-heading: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-heading-weight: 700;
  --font-heading-variation: "opsz" 72;
  --font-label: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 400;
  --font-lead: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-lead-weight: 450;
  --font-lead-size: 1.22rem;
  --font-lead-variation: "opsz" 24;
  --font-metadata: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 400;
  --font-numbers: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 400;
  --font-quote: "Cormorant Garamond", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 600;
  --font-quote-size: 1.35rem;
  --font-subheading: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 600;
  --font-subheading-variation: "opsz" 36;
  --font-ui: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="field-notebook"] {
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 450;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Knewave", cursive;
  --font-display-weight: 400;
  --font-heading: "Kalam", cursive;
  --font-heading-weight: 400;
  --font-label: "Kalam", cursive;
  --font-label-weight: 400;
  --font-lead: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 550;
  --font-lead-size: 1.17rem;
  --font-metadata: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 550;
  --font-numbers: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 400;
  --font-quote: "Covered By Your Grace", cursive;
  --font-quote-weight: 400;
  --font-quote-size: 1.35rem;
  --font-subheading: "Kalam", cursive;
  --font-subheading-weight: 400;
  --font-ui: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 550;
  --font-mono: var(--font-code);
}
[data-fontpack="garage"] {
  --font-body: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Trade Winds", cursive;
  --font-display-weight: 400;
  --font-heading: "Sedgwick Ave Display", cursive;
  --font-heading-weight: 400;
  --font-quote: "Sedgwick Ave Display", cursive;
  --font-quote-weight: 400;
  --font-subheading: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-mono: var(--font-code);
}
[data-fontpack="handwritten"] {
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Kalam", cursive;
  --font-display-weight: 400;
  --font-heading: "Caveat Brush", cursive;
  --font-heading-weight: 400;
  --font-quote: "Caveat Brush", cursive;
  --font-quote-weight: 400;
  --font-subheading: "Kalam", cursive;
  --font-subheading-weight: 400;
  --font-mono: var(--font-code);
}
[data-fontpack="humanist"] {
  --font-body: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-code: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 700;
  --font-heading: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 700;
  --font-quote: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-subheading: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="indie-zine"] {
  --font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "Victor Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Rubik Dirt", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 400;
  --font-heading: "Knewave", cursive;
  --font-heading-weight: 400;
  --font-quote: "Knewave", cursive;
  --font-quote-weight: 400;
  --font-subheading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-mono: var(--font-code);
}
[data-fontpack="literary"] {
  --font-body: "Literata", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-code: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 700;
  --font-heading: "Literata", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-heading-weight: 700;
  --font-quote: "Cormorant Garamond", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 600;
  --font-subheading: "Cormorant Garamond", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="marker-note"] {
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Permanent Marker", cursive;
  --font-display-weight: 400;
  --font-heading: "Kalam", cursive;
  --font-heading-weight: 400;
  --font-quote: "Kalam", cursive;
  --font-quote-weight: 400;
  --font-subheading: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="modern-editorial"] {
  --font-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "Geist Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 700;
  --font-heading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 800;
  --font-quote: "Instrument Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-subheading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-mono: var(--font-code);
}
[data-fontpack="modern-soft"] {
  --font-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 450;
  --font-code: "Geist Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Syne", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 750;
  --font-heading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 800;
  --font-label: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 750;
  --font-lead: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 550;
  --font-lead-size: 1.18rem;
  --font-metadata: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 550;
  --font-numbers: "Geist Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: "Instrument Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-quote-size: 1.35rem;
  --font-subheading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-ui: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 550;
  --font-mono: var(--font-code);
}
[data-fontpack="painted-sign"] {
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 450;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Finger Paint", cursive;
  --font-display-weight: 400;
  --font-heading: "Rock Salt", cursive;
  --font-heading-weight: 400;
  --font-label: "Rock Salt", cursive;
  --font-label-weight: 400;
  --font-lead: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 550;
  --font-lead-size: 1.17rem;
  --font-metadata: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 550;
  --font-numbers: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 400;
  --font-quote: "Rock Salt", cursive;
  --font-quote-weight: 400;
  --font-quote-size: 1.25rem;
  --font-subheading: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-ui: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 550;
  --font-mono: var(--font-code);
}
[data-fontpack="plain"] {
  --font-body: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-caption: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 450;
  --font-code: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Inter Tight", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 750;
  --font-heading: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 700;
  --font-label: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 650;
  --font-lead: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-lead-weight: 450;
  --font-lead-size: 1.18rem;
  --font-metadata: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 500;
  --font-numbers: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 450;
  --font-subheading: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 650;
  --font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="poster-grit"] {
  --font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Sedgwick Ave Display", cursive;
  --font-display-weight: 400;
  --font-heading: "Permanent Marker", cursive;
  --font-heading-weight: 400;
  --font-quote: "Permanent Marker", cursive;
  --font-quote-weight: 400;
  --font-subheading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-mono: var(--font-code);
}
[data-fontpack="system"] {
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 800;
  --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 700;
  --font-label: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 650;
  --font-lead: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 500;
  --font-lead-size: 1.16rem;
  --font-metadata: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 500;
  --font-numbers: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-style: italic;
  --font-quote-size: 1.2rem;
  --font-subheading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 650;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="system-newspaper"] {
  --font-body: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-caption: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", system-ui, sans-serif;
  --font-caption-weight: 500;
  --font-code: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 800;
  --font-heading: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-heading-weight: 700;
  --font-label: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", system-ui, sans-serif;
  --font-label-weight: 700;
  --font-lead: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-lead-weight: 500;
  --font-lead-size: 1.22rem;
  --font-metadata: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", system-ui, sans-serif;
  --font-metadata-weight: 600;
  --font-numbers: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-style: italic;
  --font-quote-size: 1.28rem;
  --font-subheading: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 650;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="system-reader"] {
  --font-body: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-body-weight: 400;
  --font-caption: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-display-weight: 700;
  --font-heading: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-heading-weight: 700;
  --font-label: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 650;
  --font-lead: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-lead-weight: 500;
  --font-lead-size: 1.2rem;
  --font-metadata: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 500;
  --font-numbers: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-quote-style: italic;
  --font-quote-size: 1.26rem;
  --font-subheading: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-subheading-weight: 650;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="system-serif"] {
  --font-body: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-caption: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 700;
  --font-heading: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-heading-weight: 700;
  --font-label: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 650;
  --font-lead: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-lead-weight: 500;
  --font-lead-size: 1.2rem;
  --font-metadata: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 500;
  --font-numbers: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-style: italic;
  --font-quote-size: 1.26rem;
  --font-subheading: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 650;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="system-terminal"] {
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-display-weight: 700;
  --font-heading: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-heading-weight: 700;
  --font-label: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-label-weight: 700;
  --font-lead: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-lead-weight: 500;
  --font-lead-size: 1.1rem;
  --font-metadata: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-metadata-weight: 500;
  --font-numbers: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-quote-style: italic;
  --font-quote-size: 1.05rem;
  --font-subheading: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-subheading-weight: 650;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="technical"] {
  --font-body: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 400;
  --font-heading: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 400;
  --font-label: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 400;
  --font-lead: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 400;
  --font-lead-size: 1.15rem;
  --font-metadata: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 400;
  --font-numbers: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 400;
  --font-quote: "IBM Plex Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-subheading: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 400;
  --font-ui: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 400;
  --font-mono: var(--font-code);
}
[data-fontpack="typewriter"] {
  --font-body: "Crimson Pro", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-code: "Courier Prime", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Special Elite", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 400;
  --font-heading: "Bitter", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-heading-weight: 700;
  --font-quote: "Bitter", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-subheading: "Crimson Pro", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
@layer base {
[data-fontpack="brush"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="brush"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="brush"] h2, [data-fontpack="brush"] h3, [data-fontpack="brush"] h4, [data-fontpack="brush"] h5, [data-fontpack="brush"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="brush"] code, [data-fontpack="brush"] pre, [data-fontpack="brush"] kbd, [data-fontpack="brush"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="brush"] .lead {
  font-family: var(--font-lead);
  font-weight: var(--font-lead-weight);
  font-size: var(--font-lead-size);
}
[data-fontpack="brush"] blockquote, [data-fontpack="brush"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="brush"] .caption, [data-fontpack="brush"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="brutalist"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="brutalist"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="brutalist"] h2, [data-fontpack="brutalist"] h3, [data-fontpack="brutalist"] h4, [data-fontpack="brutalist"] h5, [data-fontpack="brutalist"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="brutalist"] code, [data-fontpack="brutalist"] pre, [data-fontpack="brutalist"] kbd, [data-fontpack="brutalist"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="brutalist"] .lead {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="brutalist"] blockquote, [data-fontpack="brutalist"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="brutalist"] .caption, [data-fontpack="brutalist"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="code-editorial"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="code-editorial"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="code-editorial"] h2, [data-fontpack="code-editorial"] h3, [data-fontpack="code-editorial"] h4, [data-fontpack="code-editorial"] h5, [data-fontpack="code-editorial"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="code-editorial"] code, [data-fontpack="code-editorial"] pre, [data-fontpack="code-editorial"] kbd, [data-fontpack="code-editorial"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="code-editorial"] .lead {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="code-editorial"] blockquote, [data-fontpack="code-editorial"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="code-editorial"] .caption, [data-fontpack="code-editorial"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="dry-brush"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="dry-brush"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="dry-brush"] h2, [data-fontpack="dry-brush"] h3, [data-fontpack="dry-brush"] h4, [data-fontpack="dry-brush"] h5, [data-fontpack="dry-brush"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="dry-brush"] code, [data-fontpack="dry-brush"] pre, [data-fontpack="dry-brush"] kbd, [data-fontpack="dry-brush"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="dry-brush"] .lead {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="dry-brush"] blockquote, [data-fontpack="dry-brush"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="dry-brush"] .caption, [data-fontpack="dry-brush"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="editorial"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
  font-variation-settings: var(--font-body-variation);
}
[data-fontpack="editorial"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="editorial"] h2, [data-fontpack="editorial"] h3, [data-fontpack="editorial"] h4, [data-fontpack="editorial"] h5, [data-fontpack="editorial"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  font-variation-settings: var(--font-heading-variation);
}
[data-fontpack="editorial"] code, [data-fontpack="editorial"] pre, [data-fontpack="editorial"] kbd, [data-fontpack="editorial"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="editorial"] .lead {
  font-family: var(--font-lead);
  font-weight: var(--font-lead-weight);
  font-size: var(--font-lead-size);
  font-variation-settings: var(--font-lead-variation);
}
[data-fontpack="editorial"] blockquote, [data-fontpack="editorial"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
  font-size: var(--font-quote-size);
}
[data-fontpack="editorial"] .caption, [data-fontpack="editorial"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="field-notebook"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="field-notebook"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="field-notebook"] h2, [data-fontpack="field-notebook"] h3, [data-fontpack="field-notebook"] h4, [data-fontpack="field-notebook"] h5, [data-fontpack="field-notebook"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="field-notebook"] code, [data-fontpack="field-notebook"] pre, [data-fontpack="field-notebook"] kbd, [data-fontpack="field-notebook"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="field-notebook"] .lead {
  font-family: var(--font-lead);
  font-weight: var(--font-lead-weight);
  font-size: var(--font-lead-size);
}
[data-fontpack="field-notebook"] blockquote, [data-fontpack="field-notebook"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
  font-size: var(--font-quote-size);
}
[data-fontpack="field-notebook"] .caption, [data-fontpack="field-notebook"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="garage"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="garage"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="garage"] h2, [data-fontpack="garage"] h3, [data-fontpack="garage"] h4, [data-fontpack="garage"] h5, [data-fontpack="garage"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="garage"] code, [data-fontpack="garage"] pre, [data-fontpack="garage"] kbd, [data-fontpack="garage"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="garage"] .lead {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="garage"] blockquote, [data-fontpack="garage"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="garage"] .caption, [data-fontpack="garage"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="handwritten"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="handwritten"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="handwritten"] h2, [data-fontpack="handwritten"] h3, [data-fontpack="handwritten"] h4, [data-fontpack="handwritten"] h5, [data-fontpack="handwritten"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="handwritten"] code, [data-fontpack="handwritten"] pre, [data-fontpack="handwritten"] kbd, [data-fontpack="handwritten"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="handwritten"] .lead {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="handwritten"] blockquote, [data-fontpack="handwritten"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="handwritten"] .caption, [data-fontpack="handwritten"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="humanist"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="humanist"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="humanist"] h2, [data-fontpack="humanist"] h3, [data-fontpack="humanist"] h4, [data-fontpack="humanist"] h5, [data-fontpack="humanist"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="humanist"] code, [data-fontpack="humanist"] pre, [data-fontpack="humanist"] kbd, [data-fontpack="humanist"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="humanist"] .lead {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="humanist"] blockquote, [data-fontpack="humanist"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="humanist"] .caption, [data-fontpack="humanist"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="indie-zine"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="indie-zine"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="indie-zine"] h2, [data-fontpack="indie-zine"] h3, [data-fontpack="indie-zine"] h4, [data-fontpack="indie-zine"] h5, [data-fontpack="indie-zine"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="indie-zine"] code, [data-fontpack="indie-zine"] pre, [data-fontpack="indie-zine"] kbd, [data-fontpack="indie-zine"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="indie-zine"] .lead {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="indie-zine"] blockquote, [data-fontpack="indie-zine"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="indie-zine"] .caption, [data-fontpack="indie-zine"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="literary"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="literary"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="literary"] h2, [data-fontpack="literary"] h3, [data-fontpack="literary"] h4, [data-fontpack="literary"] h5, [data-fontpack="literary"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="literary"] code, [data-fontpack="literary"] pre, [data-fontpack="literary"] kbd, [data-fontpack="literary"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="literary"] .lead {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="literary"] blockquote, [data-fontpack="literary"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="literary"] .caption, [data-fontpack="literary"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="marker-note"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="marker-note"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="marker-note"] h2, [data-fontpack="marker-note"] h3, [data-fontpack="marker-note"] h4, [data-fontpack="marker-note"] h5, [data-fontpack="marker-note"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="marker-note"] code, [data-fontpack="marker-note"] pre, [data-fontpack="marker-note"] kbd, [data-fontpack="marker-note"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="marker-note"] .lead {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="marker-note"] blockquote, [data-fontpack="marker-note"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="marker-note"] .caption, [data-fontpack="marker-note"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="modern-editorial"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="modern-editorial"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="modern-editorial"] h2, [data-fontpack="modern-editorial"] h3, [data-fontpack="modern-editorial"] h4, [data-fontpack="modern-editorial"] h5, [data-fontpack="modern-editorial"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="modern-editorial"] code, [data-fontpack="modern-editorial"] pre, [data-fontpack="modern-editorial"] kbd, [data-fontpack="modern-editorial"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="modern-editorial"] .lead {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="modern-editorial"] blockquote, [data-fontpack="modern-editorial"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="modern-editorial"] .caption, [data-fontpack="modern-editorial"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="modern-soft"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="modern-soft"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="modern-soft"] h2, [data-fontpack="modern-soft"] h3, [data-fontpack="modern-soft"] h4, [data-fontpack="modern-soft"] h5, [data-fontpack="modern-soft"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="modern-soft"] code, [data-fontpack="modern-soft"] pre, [data-fontpack="modern-soft"] kbd, [data-fontpack="modern-soft"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="modern-soft"] .lead {
  font-family: var(--font-lead);
  font-weight: var(--font-lead-weight);
  font-size: var(--font-lead-size);
}
[data-fontpack="modern-soft"] blockquote, [data-fontpack="modern-soft"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
  font-size: var(--font-quote-size);
}
[data-fontpack="modern-soft"] .caption, [data-fontpack="modern-soft"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="painted-sign"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="painted-sign"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="painted-sign"] h2, [data-fontpack="painted-sign"] h3, [data-fontpack="painted-sign"] h4, [data-fontpack="painted-sign"] h5, [data-fontpack="painted-sign"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="painted-sign"] code, [data-fontpack="painted-sign"] pre, [data-fontpack="painted-sign"] kbd, [data-fontpack="painted-sign"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="painted-sign"] .lead {
  font-family: var(--font-lead);
  font-weight: var(--font-lead-weight);
  font-size: var(--font-lead-size);
}
[data-fontpack="painted-sign"] blockquote, [data-fontpack="painted-sign"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
  font-size: var(--font-quote-size);
}
[data-fontpack="painted-sign"] .caption, [data-fontpack="painted-sign"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="plain"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="plain"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="plain"] h2, [data-fontpack="plain"] h3, [data-fontpack="plain"] h4, [data-fontpack="plain"] h5, [data-fontpack="plain"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="plain"] code, [data-fontpack="plain"] pre, [data-fontpack="plain"] kbd, [data-fontpack="plain"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="plain"] .lead {
  font-family: var(--font-lead);
  font-weight: var(--font-lead-weight);
  font-size: var(--font-lead-size);
}
[data-fontpack="plain"] blockquote, [data-fontpack="plain"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="plain"] .caption, [data-fontpack="plain"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="poster-grit"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="poster-grit"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="poster-grit"] h2, [data-fontpack="poster-grit"] h3, [data-fontpack="poster-grit"] h4, [data-fontpack="poster-grit"] h5, [data-fontpack="poster-grit"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="poster-grit"] code, [data-fontpack="poster-grit"] pre, [data-fontpack="poster-grit"] kbd, [data-fontpack="poster-grit"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="poster-grit"] .lead {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="poster-grit"] blockquote, [data-fontpack="poster-grit"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="poster-grit"] .caption, [data-fontpack="poster-grit"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="system"] h2, [data-fontpack="system"] h3, [data-fontpack="system"] h4, [data-fontpack="system"] h5, [data-fontpack="system"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="system"] code, [data-fontpack="system"] pre, [data-fontpack="system"] kbd, [data-fontpack="system"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="system"] .lead {
  font-family: var(--font-lead);
  font-weight: var(--font-lead-weight);
  font-size: var(--font-lead-size);
}
[data-fontpack="system"] blockquote, [data-fontpack="system"] .quote {
  font-family: var(--font-quote);
  font-style: var(--font-quote-style);
  font-size: var(--font-quote-size);
}
[data-fontpack="system"] .caption, [data-fontpack="system"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="system-newspaper"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system-newspaper"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="system-newspaper"] h2, [data-fontpack="system-newspaper"] h3, [data-fontpack="system-newspaper"] h4, [data-fontpack="system-newspaper"] h5, [data-fontpack="system-newspaper"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="system-newspaper"] code, [data-fontpack="system-newspaper"] pre, [data-fontpack="system-newspaper"] kbd, [data-fontpack="system-newspaper"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="system-newspaper"] .lead {
  font-family: var(--font-lead);
  font-weight: var(--font-lead-weight);
  font-size: var(--font-lead-size);
}
[data-fontpack="system-newspaper"] blockquote, [data-fontpack="system-newspaper"] .quote {
  font-family: var(--font-quote);
  font-style: var(--font-quote-style);
  font-size: var(--font-quote-size);
}
[data-fontpack="system-newspaper"] .caption, [data-fontpack="system-newspaper"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="system-reader"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system-reader"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="system-reader"] h2, [data-fontpack="system-reader"] h3, [data-fontpack="system-reader"] h4, [data-fontpack="system-reader"] h5, [data-fontpack="system-reader"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="system-reader"] code, [data-fontpack="system-reader"] pre, [data-fontpack="system-reader"] kbd, [data-fontpack="system-reader"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="system-reader"] .lead {
  font-family: var(--font-lead);
  font-weight: var(--font-lead-weight);
  font-size: var(--font-lead-size);
}
[data-fontpack="system-reader"] blockquote, [data-fontpack="system-reader"] .quote {
  font-family: var(--font-quote);
  font-style: var(--font-quote-style);
  font-size: var(--font-quote-size);
}
[data-fontpack="system-reader"] .caption, [data-fontpack="system-reader"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="system-serif"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system-serif"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="system-serif"] h2, [data-fontpack="system-serif"] h3, [data-fontpack="system-serif"] h4, [data-fontpack="system-serif"] h5, [data-fontpack="system-serif"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="system-serif"] code, [data-fontpack="system-serif"] pre, [data-fontpack="system-serif"] kbd, [data-fontpack="system-serif"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="system-serif"] .lead {
  font-family: var(--font-lead);
  font-weight: var(--font-lead-weight);
  font-size: var(--font-lead-size);
}
[data-fontpack="system-serif"] blockquote, [data-fontpack="system-serif"] .quote {
  font-family: var(--font-quote);
  font-style: var(--font-quote-style);
  font-size: var(--font-quote-size);
}
[data-fontpack="system-serif"] .caption, [data-fontpack="system-serif"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="system-terminal"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system-terminal"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="system-terminal"] h2, [data-fontpack="system-terminal"] h3, [data-fontpack="system-terminal"] h4, [data-fontpack="system-terminal"] h5, [data-fontpack="system-terminal"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="system-terminal"] code, [data-fontpack="system-terminal"] pre, [data-fontpack="system-terminal"] kbd, [data-fontpack="system-terminal"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="system-terminal"] .lead {
  font-family: var(--font-lead);
  font-weight: var(--font-lead-weight);
  font-size: var(--font-lead-size);
}
[data-fontpack="system-terminal"] blockquote, [data-fontpack="system-terminal"] .quote {
  font-family: var(--font-quote);
  font-style: var(--font-quote-style);
  font-size: var(--font-quote-size);
}
[data-fontpack="system-terminal"] .caption, [data-fontpack="system-terminal"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="technical"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="technical"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="technical"] h2, [data-fontpack="technical"] h3, [data-fontpack="technical"] h4, [data-fontpack="technical"] h5, [data-fontpack="technical"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="technical"] code, [data-fontpack="technical"] pre, [data-fontpack="technical"] kbd, [data-fontpack="technical"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="technical"] .lead {
  font-family: var(--font-lead);
  font-weight: var(--font-lead-weight);
  font-size: var(--font-lead-size);
}
[data-fontpack="technical"] blockquote, [data-fontpack="technical"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="technical"] .caption, [data-fontpack="technical"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="typewriter"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="typewriter"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="typewriter"] h2, [data-fontpack="typewriter"] h3, [data-fontpack="typewriter"] h4, [data-fontpack="typewriter"] h5, [data-fontpack="typewriter"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="typewriter"] code, [data-fontpack="typewriter"] pre, [data-fontpack="typewriter"] kbd, [data-fontpack="typewriter"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="typewriter"] .lead {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="typewriter"] blockquote, [data-fontpack="typewriter"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="typewriter"] .caption, [data-fontpack="typewriter"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
}
:root{--fontpack-default:"handwritten";--fontpack-manifest:'[{"name":"brush","displayName":"Brush","heading":"Knewave","body":"Space Grotesk","code":"DM Mono","headingFont":"\'Knewave\', cursive","headingWeight":400,"bodyFont":"\'Space Grotesk\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"brutalist","displayName":"Brutalist","heading":"Bungee","body":"Space Grotesk","code":"IBM Plex Mono","headingFont":"\'Bungee\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":400,"bodyFont":"\'Space Grotesk\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'IBM Plex Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"code-editorial","displayName":"Code Editorial","heading":"Space Grotesk","body":"Literata","code":"JetBrains Mono","headingFont":"\'Space Grotesk\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":700,"bodyFont":"\'Literata\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'JetBrains Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"dry-brush","displayName":"Dry Brush","heading":"Water Brush","body":"Source Sans 3","code":"DM Mono","headingFont":"\'Water Brush\', cursive","headingWeight":400,"bodyFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"editorial","displayName":"Editorial","heading":"Cormorant Garamond","body":"Source Serif 4","code":"IBM Plex Mono","headingFont":"\'Cormorant Garamond\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":700,"bodyFont":"\'Source Serif 4\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'IBM Plex Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"field-notebook","displayName":"Field Notebook","heading":"Knewave","body":"Source Sans 3","code":"DM Mono","headingFont":"\'Knewave\', cursive","headingWeight":400,"bodyFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"garage","displayName":"Garage","heading":"Trade Winds","body":"IBM Plex Sans","code":"JetBrains Mono","headingFont":"\'Trade Winds\', cursive","headingWeight":400,"bodyFont":"\'IBM Plex Sans\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'JetBrains Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"handwritten","displayName":"Handwritten","heading":"Kalam","body":"Source Sans 3","code":"DM Mono","headingFont":"\'Kalam\', cursive","headingWeight":400,"bodyFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"humanist","displayName":"Humanist","heading":"Source Sans 3","body":"Source Serif 4","code":"IBM Plex Mono","headingFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":700,"bodyFont":"\'Source Serif 4\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'IBM Plex Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"indie-zine","displayName":"Indie Zine","heading":"Rubik Dirt","body":"Space Grotesk","code":"Victor Mono","headingFont":"\'Rubik Dirt\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":400,"bodyFont":"\'Space Grotesk\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'Victor Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"literary","displayName":"Literary","heading":"Fraunces","body":"Literata","code":"IBM Plex Mono","headingFont":"\'Fraunces\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":700,"bodyFont":"\'Literata\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'IBM Plex Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"marker-note","displayName":"Marker Note","heading":"Permanent Marker","body":"Source Sans 3","code":"DM Mono","headingFont":"\'Permanent Marker\', cursive","headingWeight":400,"bodyFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"modern-editorial","displayName":"Modern Editorial","heading":"Fraunces","body":"Manrope","code":"Geist Mono","headingFont":"\'Fraunces\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":700,"bodyFont":"\'Manrope\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'Geist Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"modern-soft","displayName":"Modern Soft","heading":"Syne","body":"Manrope","code":"Geist Mono","headingFont":"\'Syne\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":750,"bodyFont":"\'Manrope\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'Geist Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"painted-sign","displayName":"Painted Sign","heading":"Finger Paint","body":"Source Sans 3","code":"DM Mono","headingFont":"\'Finger Paint\', cursive","headingWeight":400,"bodyFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"plain","displayName":"Plain","heading":"Inter Tight","body":"Source Serif 4","code":"JetBrains Mono","headingFont":"\'Inter Tight\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":750,"bodyFont":"\'Source Serif 4\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'JetBrains Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"poster-grit","displayName":"Poster Grit","heading":"Sedgwick Ave Display","body":"Space Grotesk","code":"DM Mono","headingFont":"\'Sedgwick Ave Display\', cursive","headingWeight":400,"bodyFont":"\'Space Grotesk\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"system","displayName":"System","heading":"System sans","body":"System sans","code":"System mono","headingFont":"system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":800,"bodyFont":"system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"system-newspaper","displayName":"System Newspaper","heading":"System serif","body":"System serif","code":"System mono","headingFont":"ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":800,"bodyFont":"ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"system-reader","displayName":"System Reader","heading":"System book","body":"System book","code":"System mono","headingFont":"Charter, \'Bitstream Charter\', \'Sitka Text\', Cambria, Georgia, ui-serif, serif","headingWeight":700,"bodyFont":"Charter, \'Bitstream Charter\', \'Sitka Text\', Cambria, Georgia, ui-serif, serif","codeFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"system-serif","displayName":"System Serif","heading":"System serif","body":"System serif","code":"System mono","headingFont":"ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":700,"bodyFont":"ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"system-terminal","displayName":"System Terminal","heading":"System mono","body":"System sans","code":"System mono","headingFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace","headingWeight":700,"bodyFont":"system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"technical","displayName":"Technical","heading":"IBM Plex Sans","body":"IBM Plex Sans","code":"JetBrains Mono","headingFont":"\'IBM Plex Sans\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":400,"bodyFont":"\'IBM Plex Sans\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'JetBrains Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"typewriter","displayName":"Typewriter","heading":"Special Elite","body":"Crimson Pro","code":"Courier Prime","headingFont":"\'Special Elite\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":400,"bodyFont":"\'Crimson Pro\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'Courier Prime\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"}]'}