/* COMPOSE — curated self-hosted fonts */
/* We only ship 400 / 400 italic / 700 / 700 italic when available. */

@font-face { font-family: 'Inter'; src: url('./fonts/inter/inter-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('./fonts/inter/inter-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('./fonts/inter/inter-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('./fonts/inter/inter-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url('./fonts/ibm-plex-sans/ibm-plex-sans-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url('./fonts/ibm-plex-sans/ibm-plex-sans-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url('./fonts/ibm-plex-sans/ibm-plex-sans-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url('./fonts/ibm-plex-sans/ibm-plex-sans-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Public Sans'; src: url('./fonts/public-sans/public-sans-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Public Sans'; src: url('./fonts/public-sans/public-sans-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Public Sans'; src: url('./fonts/public-sans/public-sans-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Public Sans'; src: url('./fonts/public-sans/public-sans-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Source Sans 3'; src: url('./fonts/source-sans-3/source-sans-3-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Sans 3'; src: url('./fonts/source-sans-3/source-sans-3-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Source Sans 3'; src: url('./fonts/source-sans-3/source-sans-3-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Sans 3'; src: url('./fonts/source-sans-3/source-sans-3-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('./fonts/open-sans/open-sans-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('./fonts/open-sans/open-sans-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('./fonts/open-sans/open-sans-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('./fonts/open-sans/open-sans-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('./fonts/roboto/roboto-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('./fonts/roboto/roboto-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('./fonts/roboto/roboto-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('./fonts/roboto/roboto-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('./fonts/dm-sans/dm-sans-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('./fonts/dm-sans/dm-sans-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('./fonts/dm-sans/dm-sans-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('./fonts/dm-sans/dm-sans-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Noto Sans'; src: url('./fonts/noto-sans-v42-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext/noto-sans-v42-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Sans'; src: url('./fonts/noto-sans-v42-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext/noto-sans-v42-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Noto Sans'; src: url('./fonts/noto-sans-v42-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext/noto-sans-v42-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Sans'; src: url('./fonts/noto-sans-v42-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext/noto-sans-v42-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Noto Sans Arabic'; src: url('./fonts/noto-sans-arabic/noto-sans-arabic-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Sans Arabic'; src: url('./fonts/noto-sans-arabic/noto-sans-arabic-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Sans JP'; src: url('./fonts/noto-sans-jp/noto-sans-jp-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Sans JP'; src: url('./fonts/noto-sans-jp/noto-sans-jp-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Sans SC'; src: url('./fonts/noto-sans-sc/noto-sans-sc-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Sans SC'; src: url('./fonts/noto-sans-sc/noto-sans-sc-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Sans Devanagari'; src: url('./fonts/noto-sans-devanagari-v30-latin/noto-sans-devanagari-v30-latin-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Sans Devanagari'; src: url('./fonts/noto-sans-devanagari-v30-latin/noto-sans-devanagari-v30-latin-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Newsreader'; src: url('./fonts/newsreader/newsreader-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Newsreader'; src: url('./fonts/newsreader/newsreader-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Newsreader'; src: url('./fonts/newsreader/newsreader-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Newsreader'; src: url('./fonts/newsreader/newsreader-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Source Serif 4'; src: url('./fonts/source-serif-4/source-serif-4-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Serif 4'; src: url('./fonts/source-serif-4/source-serif-4-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Source Serif 4'; src: url('./fonts/source-serif-4/source-serif-4-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Serif 4'; src: url('./fonts/source-serif-4/source-serif-4-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'IBM Plex Serif'; src: url('./fonts/ibm-plex-serif/ibm-plex-serif-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Serif'; src: url('./fonts/ibm-plex-serif/ibm-plex-serif-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'IBM Plex Serif'; src: url('./fonts/ibm-plex-serif/ibm-plex-serif-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Serif'; src: url('./fonts/ibm-plex-serif/ibm-plex-serif-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Literata'; src: url('./fonts/literata/literata-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Literata'; src: url('./fonts/literata/literata-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Literata'; src: url('./fonts/literata/literata-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Literata'; src: url('./fonts/literata/literata-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Crimson Pro'; src: url('./fonts/crimson-pro/crimson-pro-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Crimson Pro'; src: url('./fonts/crimson-pro/crimson-pro-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Crimson Pro'; src: url('./fonts/crimson-pro/crimson-pro-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Crimson Pro'; src: url('./fonts/crimson-pro/crimson-pro-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Spectral'; src: url('./fonts/spectral/spectral-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Spectral'; src: url('./fonts/spectral/spectral-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Spectral'; src: url('./fonts/spectral/spectral-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Spectral'; src: url('./fonts/spectral/spectral-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Noto Serif'; src: url('./fonts/noto-serif-v33-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_math/noto-serif-v33-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_math-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Serif'; src: url('./fonts/noto-serif-v33-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_math/noto-serif-v33-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_math-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Noto Serif'; src: url('./fonts/noto-serif-v33-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_math/noto-serif-v33-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_math-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Serif'; src: url('./fonts/noto-serif-v33-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_math/noto-serif-v33-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_math-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Noto Naskh Arabic'; src: url('./fonts/noto-naskh-arabic/noto-naskh-arabic-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Naskh Arabic'; src: url('./fonts/noto-naskh-arabic/noto-naskh-arabic-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Serif JP'; src: url('./fonts/noto-serif-jp/noto-serif-jp-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Serif JP'; src: url('./fonts/noto-serif-jp/noto-serif-jp-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Serif SC'; src: url('./fonts/noto-serif-sc/noto-serif-sc-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Serif SC'; src: url('./fonts/noto-serif-sc/noto-serif-sc-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Serif Devanagari'; src: url('./fonts/noto-serif-devanagari-v34-latin/noto-serif-devanagari-v34-latin-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noto Serif Devanagari'; src: url('./fonts/noto-serif-devanagari-v34-latin/noto-serif-devanagari-v34-latin-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('./fonts/jetbrains-mono/jetbrains-mono-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('./fonts/jetbrains-mono/jetbrains-mono-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('./fonts/jetbrains-mono/jetbrains-mono-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('./fonts/jetbrains-mono/jetbrains-mono-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('./fonts/ibm-plex-mono/ibm-plex-mono-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('./fonts/ibm-plex-mono/ibm-plex-mono-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('./fonts/ibm-plex-mono/ibm-plex-mono-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('./fonts/ibm-plex-mono/ibm-plex-mono-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('./fonts/roboto-mono/roboto-mono-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('./fonts/roboto-mono/roboto-mono-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('./fonts/roboto-mono/roboto-mono-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('./fonts/roboto-mono/roboto-mono-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }