@font-face {
  font-family: 'Noto Emoji';
  src: url("/media/fonts/noto-emoji/NotoEmoji-VariableFont_wght.87d09f238c0d.ttf") format('truetype-variations');
  font-weight: 300 700;
  font-display: block;
}

@font-face {
  font-family: 'Lexend';
  src: url("/media/fonts/Lexend/Lexend-VariableFont_wght.568877957c46.ttf") format('truetype-variations');
  font-weight: 400 700;
  font-display: block;
}

/* Regular */
@font-face {
  font-family: 'ET Book';
  src: url("/media/fonts/et-book/et-book-roman-line-figures/et-book-roman-line-figures.d54d0bf6aa7f.ttf") format('truetype');
  font-weight: 400;
  font-display: block;
}

/* Bold */
@font-face {
  font-family: 'ET Book';
  src: url("/media/fonts/et-book/et-book-bold-line-figures/et-book-bold-line-figures.5294d5d521aa.ttf") format('truetype');
  font-weight: 700;
  font-display: block;
}

/* Italic */
@font-face {
  font-family: 'ET Book';
  src: url("/media/fonts/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.d6175af437d2.ttf") format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url("/media/fonts/JetBrains_Mono/JetBrainsMono-VariableFont_wght.514bb1da4b5d.ttf") format('truetype-variations');
  font-weight: 400 700;
  font-display: block;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url("/media/fonts/JetBrains_Mono/JetBrainsMono-Italic-VariableFont_wght.85cc70f51b72.ttf") format('truetype-variations');
  font-weight: 400 700;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'Fira Code';
  src: url("/media/fonts/Fira_Code/FiraCode-VariableFont_wght.7b26f799cf1f.ttf") format('truetype-variations');
  font-weight: 300 700;
  font-display: block;
}

@font-face {
  font-family: 'Geist Mono';
  src: url("/media/fonts/Geist_Mono/GeistMono-VariableFont_wght.bfe1cc9bbe6d.ttf") format('truetype-variations');
  font-weight: 400 700;
  font-display: block;
}

@font-face {
  font-family: 'Inter';
  src: url("/media/fonts/Inter/Inter-VariableFont_opsz,wght.0a77e23a8fdb.ttf") format('truetype-variations');
  font-weight: 400 700;
  font-display: block;
}

@font-face {
  font-family: 'Inter';
  src: url("/media/fonts/Inter/Inter-Italic-VariableFont_opsz,wght.6dce17792107.ttf") format('truetype-variations');
  font-weight: 400 700;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url("/media/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.b112f77f65b1.ttf") format('truetype');
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url("/media/fonts/IBM_Plex_Mono/IBMPlexMono-Bold.9d4c2f370e8f.ttf") format('truetype');
  font-weight: 700;
  font-display: block;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url("/media/fonts/IBM_Plex_Mono/IBMPlexMono-Italic.5b8c577b4b3a.ttf") format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url("/media/fonts/IBM_Plex_Mono/IBMPlexMono-BoldItalic.5c251d7e87e2.ttf") format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'Open Sans';
  src: url("/media/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.48354b8652d3.ttf") format('truetype-variations');
  font-weight: 400 700;
  font-display: block;
}

@font-face {
  font-family: 'Open Sans';
  src: url("/media/fonts/Open_Sans/OpenSans-Italic-VariableFont_wdth,wght.3c131d9e0053.ttf") format('truetype-variations');
  font-weight: 400 700;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'Junicode';
  src: url("/media/fonts/Junicode/TTF/Junicode-Regular.10fe24946208.ttf") format('truetype');
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: 'Junicode';
  src: url("/media/fonts/Junicode/TTF/Junicode-Bold.2b5009999d16.ttf") format('truetype');
  font-weight: 700;
  font-display: block;
}

@font-face {
  font-family: 'Junicode';
  src: url("/media/fonts/Junicode/TTF/Junicode-Italic.c7f081d26e0a.ttf") format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'Junicode';
  src: url("/media/fonts/Junicode/TTF/Junicode-BoldItalic.a72c8824a77f.ttf") format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: block;
}

.emoji-noto {
  --emoji-font: 'Noto Emoji';
}

body {
  font-size:   16px;
  font-family: -apple-system,
               BlinkMacSystemFont,
               'Segoe UI',
               Roboto,
               Helvetica,
               Arial,
               sans-serif,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
}

.font-system .font-custom,
.font-default .font-custom {
  --font-default-line-height:         24px;
  --font-descendant-padding-top:      4px;
  --expand-collapse--top:             6px;
  --bullet--top:                      7px;
  --item-menu--top:                   4px;
  --item-menu-root--top:              7px;
  --font-ui-font-size:                13px;
  --font-default-font-size:           16px;
  --font-descendant-note-font-size:   13px;
  --font-selected-name-font-size:     27px;
  --font-selected-name-line-height:   34px;
  --font-minimal-document-height:     27px;
  --font-help-text-font-size:         12px;
}

.font-helvetica .font-custom {
  font-family: 'Helvetica Neue',
               Arial,
               Sans-serif,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
  font-weight: normal;

  --font-default-line-height:         20px;
  --font-descendant-padding-top:      4px;
  --expand-collapse--top:             4px;
  --bullet--top:                      5px;
  --item-menu--top:                   2px;
  --item-menu-root--top:              7px;
  --font-ui-font-size:                13px;
  --font-default-font-size:           16px;
  --font-descendant-note-font-size:   13px;
  --font-selected-name-font-size:     27px;
  --font-selected-name-line-height:   34px;
  --font-minimal-document-height:     23px;
  --font-help-text-font-size:         12px;
}

.font-times .font-custom {
  font-family: Georgia,
               Times,
               serif,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
  font-weight: normal;

  --font-default-line-height:         20px;
  --font-descendant-padding-top:      4px;
  --expand-collapse--top:             4px;
  --bullet--top:                      5px;
  --item-menu--top:                   2px;
  --item-menu-root--top:              7px;
  --font-ui-font-size:                13px;
  --font-default-font-size:           16px;
  --font-descendant-note-font-size:   13px;
  --font-selected-name-font-size:     27px;
  --font-selected-name-line-height:   34px;
  --font-minimal-document-height:     23px;
  --font-help-text-font-size:         12px;
}

.font-courier .font-custom {
  font-family: Courier,
               monospace,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
  font-weight: normal;

  --font-default-line-height:         19px;
  --font-descendant-padding-top:      5px;
  --expand-collapse--top:             4.5px;
  --bullet--top:                      5.5px;
  --item-menu--top:                   2.5px;
  --item-menu-root--top:              5px;
  --font-ui-font-size:                13px;
  --font-default-font-size:           14px;
  --font-descendant-note-font-size:   12px;
  --font-selected-name-font-size:     27px;
  --font-selected-name-line-height:   30px;
  --font-minimal-document-height:     23px;
  --font-help-text-font-size:         12px;
}

.font-lexend .font-custom {
  font-family: Lexend,
               sans-serif,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
font-weight: normal;

--font-default-line-height:         24px;
--font-descendant-padding-top:      4px;
--expand-collapse--top:             6px;
--bullet--top:                      7px;
--item-menu--top:                   4px;
--item-menu-root--top:              7px;
--font-ui-font-size:                13px;
--font-default-font-size:           16px;
--font-descendant-note-font-size:   13px;
--font-selected-name-font-size:     27px;
--font-selected-name-line-height:   34px;
--font-minimal-document-height:     23px;
--font-help-text-font-size:         12px;
}

.font-etBook .font-custom {
  font-family: ET Book,
               serif,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
font-weight: normal;

--font-default-line-height:         26px;
--font-descendant-padding-top:      4px;
--expand-collapse--top:             6px;
--bullet--top:                      7px;
--item-menu--top:                   4px;
--item-menu-root--top:              7px;
--font-ui-font-size:                13px;
--font-default-font-size:           18px;
--font-descendant-note-font-size:   15px;
--font-selected-name-font-size:     27px;
--font-selected-name-line-height:   34px;
--font-minimal-document-height:     23px;
--font-help-text-font-size:         12px;
--font-code-block-font-size:        15px;
}

.font-jetbrainsMono .font-custom {
  font-family: JetBrains Mono,
               monospace,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
font-weight: normal;

--font-default-line-height:         24px;
--font-descendant-padding-top:      5px;
--expand-collapse--top:             6px;
--bullet--top:                      7px;
--item-menu--top:                   4px;
--item-menu-root--top:              7px;
--font-ui-font-size:                13px;
--font-default-font-size:           16px;
--font-descendant-note-font-size:   13px;
--font-selected-name-font-size:     27px;
--font-selected-name-line-height:   34px;
--font-minimal-document-height:     23px;
--font-help-text-font-size:         12px;
--font-code-font-family:            'JetBrains Mono';
}

.font-firaCode .font-custom {
  font-family: Fira Code,
               monospace,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
font-weight: normal;

--font-default-line-height:         24px;
--font-descendant-padding-top:      5px;
--expand-collapse--top:             6px;
--bullet--top:                      7px;
--item-menu--top:                   4px;
--item-menu-root--top:              7px;
--font-ui-font-size:                13px;
--font-default-font-size:           16px;
--font-descendant-note-font-size:   13px;
--font-selected-name-font-size:     27px;
--font-selected-name-line-height:   34px;
--font-minimal-document-height:     23px;
--font-help-text-font-size:         12px;
--font-code-font-family:            'Fira Code';
}

.font-geistMono .font-custom {
  font-family: Geist Mono,
               monospace,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
font-weight: normal;

--font-default-line-height:         24px;
--font-descendant-padding-top:      5px;
--expand-collapse--top:             6px;
--bullet--top:                      7px;
--item-menu--top:                   4px;
--item-menu-root--top:              7px;
--font-ui-font-size:                13px;
--font-default-font-size:           14px;
--font-descendant-note-font-size:   12px;
--font-selected-name-font-size:     27px;
--font-selected-name-line-height:   34px;
--font-minimal-document-height:     23px;
--font-help-text-font-size:         12px;
--font-code-font-family:            'Geist Mono';
}

.font-inter .font-custom {
  font-family: Inter,
               Sans-serif,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
font-weight: normal;

--font-default-line-height:         24px;
--font-descendant-padding-top:      4px;
--expand-collapse--top:             6px;
--bullet--top:                      7px;
--item-menu--top:                   4px;
--item-menu-root--top:              7px;
--font-ui-font-size:                13px;
--font-default-font-size:           16px;
--font-descendant-note-font-size:   13px;
--font-selected-name-font-size:     27px;
--font-selected-name-line-height:   34px;
--font-minimal-document-height:     23px;
--font-help-text-font-size:         12px;
}

.font-ibmPlexMono .font-custom {
  font-family: IBM Plex Mono,
               monospace,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
font-weight: normal;

--font-default-line-height:         24px;
--font-descendant-padding-top:      4px;
--expand-collapse--top:             6px;
--bullet--top:                      7px;
--item-menu--top:                   4px;
--item-menu-root--top:              7px;
--font-ui-font-size:                13px;
--font-default-font-size:           14px;
--font-descendant-note-font-size:   12px;
--font-selected-name-font-size:     27px;
--font-selected-name-line-height:   34px;
--font-minimal-document-height:     23px;
--font-help-text-font-size:         12px;
}

.font-openSans .font-custom {
  font-family: Open Sans,
               Sans-serif,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
font-weight: normal;

--font-default-line-height:         24px;
--font-descendant-padding-top:      3.5px;
--expand-collapse--top:             6px;
--bullet--top:                      7px;
--item-menu--top:                   4px;
--item-menu-root--top:              7px;
--font-ui-font-size:                13px;
--font-default-font-size:           16px;
--font-descendant-note-font-size:   13px;
--font-selected-name-font-size:     27px;
--font-selected-name-line-height:   34px;
--font-minimal-document-height:     23px;
--font-help-text-font-size:         12px;
}

.font-junicode .font-custom {
  font-family: Junicode,
               serif,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
font-weight: normal;

--font-default-line-height:         24px;
--font-descendant-padding-top:      6.5px;
--expand-collapse--top:             6px;
--bullet--top:                      7.5px;
--item-menu--top:                   4px;
--item-menu-root--top:              7px;
--font-ui-font-size:                13px;
--font-default-font-size:           18px;
--font-descendant-note-font-size:   13px;
--font-selected-name-font-size:     27px;
--font-selected-name-line-height:   34px;
--font-minimal-document-height:     23px;
--font-help-text-font-size:         12px;
}

.font-openDyslexic .font-custom {
  font-family: open-dyslexic,
               Arial,
               Sans-serif,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
  font-weight: normal;

  --font-default-line-height:         19px;
  --font-descendant-padding-top:      5px;
  --expand-collapse--top:             4.5px;
  --bullet--top:                      5.5px;
  --item-menu--top:                   2.5px;
  --item-menu-root--top:              5px;
  --font-ui-font-size:                13px;
  --font-default-font-size:           16px;
  --font-descendant-note-font-size:   12px;
  --font-selected-name-font-size:     27px;
  --font-selected-name-line-height:   30px;
  --font-minimal-document-height:     23px;
  --font-help-text-font-size:         12px;
}


.font-helvetica_light .font-custom {
  font-family: 'Helvetica Neue',
               Arial,
               Sans-serif,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
  font-weight: 300;

  --font-default-line-height:         20px;
  --font-descendant-padding-top:      4px;
  --expand-collapse--top:             4px;
  --bullet--top:                      5px;
  --item-menu--top:                   2px;
  --item-menu-root--top:              7px;
  --font-ui-font-size:                13px;
  --font-default-font-size:           16px;
  --font-descendant-note-font-size:   13px;
  --font-selected-name-font-size:     27px;
  --font-selected-name-line-height:   34px;
  --font-minimal-document-height:     23px;
  --font-help-text-font-size:         12px;
}

.font-andale .font-custom {
  font-family: 'Andale Mono',
               Menlo,
               Consolas,
               monospace,
               var(--emoji-font, 'Apple Color Emoji'),
               'Segoe UI Emoji',
               'Segoe UI Symbol';
  font-weight: normal;

  --font-default-line-height:         19px;
  --font-descendant-padding-top:      5px;
  --expand-collapse--top:             4.5px;
  --bullet--top:                      5.5px;
  --item-menu--top:                   2.5px;
  --item-menu-root--top:              5px;
  --font-ui-font-size:                13px;
  --font-default-font-size:           14px;
  --font-descendant-note-font-size:   12px;
  --font-selected-name-font-size:     27px;
  --font-selected-name-line-height:   30px;
  --font-minimal-document-height:     23px;
  --font-help-text-font-size:         12px;
}

.font-lucidagrande .font-custom {
  font-family:                      'Lucida Grande',
                                    'Lucida Sans Unicode',
                                    var(--emoji-font, 'Segoe UI Emoji'),
                                    'Segoe UI Symbol';
  font-weight:                      normal;

  --font-default-line-height:         19px;
  --font-descendant-padding-top:      5px;
  --expand-collapse--top:             4.5px;
  --bullet--top:                      5.5px;
  --item-menu--top:                   2.5px;
  --item-menu-root--top:              5px;
  --font-ui-font-size:                13px;
  --font-default-font-size:           14px;
  --font-descendant-note-font-size:   12px;
  --font-selected-name-font-size:     27px;
  --font-selected-name-line-height:   30px;
  --font-minimal-document-height:     23px;
  --font-help-text-font-size:         12px;
}
