@font-face {
  font-family: 'Noto Emoji';
  src: url(/media/fonts/noto-emoji/NotoEmoji-VariableFont_wght.ttf) format('truetype-variations');
  font-weight: 300 700;
  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-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;
}