@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';
}

.font-system, .font-default {
  --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-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:     27px;
  --font-help-text-font-size:         12px;
}

.font-helvetica {
  --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-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-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-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-andale {
  --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-helvetica_light {
  --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-lucidagrande {
  --font-family:                      'Lucida Grande',
                                      'Lucida Sans Unicode',
                                      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;
}