#unicode-previewer-header {
  display : flex;
  gap     : 1em;
}

#unicode-previewer-field {
  font-family : "_Noto", sans-serif;
  display     : flex;
  flex-wrap   : wrap;
}

#unicode-previewer-field.font-noto {
  font-family : "Noto Emoji", "_Noto", sans-serif;
}

#unicode-previewer-field.font-twemoji {
  font-family : "Twemoji", "_Noto", sans-serif;
}

#unicode-previewer-field.font-apple-emoji {
  font-family : "Apple Emoji", "_Noto", sans-serif;
}

#unicode-previewer-field.font-fluent-emoji {
  font-family : "Fluent Emoji", "_Noto", sans-serif;
}

.unicode-previewer-tile {
  font-size        : x-large;
  text-align       : center;
  cursor           : pointer;
  position         : relative;
  margin           : .5em;
  box-sizing       : border-box;
  padding          : .5em;
  width            : calc((100vw - 20em) / 16);
  background-color : var(--tile-bg);
  box-shadow       : 0 0 var(--shadow-size) var(--header-sh);
  scale            : 1;
  transition       : color var(--transition-duration), background-color var(--transition-duration), scale var(--transition-duration);
}

.unicode-previewer-tile:hover {
  z-index : 1;
  scale   : 2;
}

.unicode-previewer-tile:active {
  color            : var(--tile-bg);
  background-color : var(--form-text-fg);
}

.unicode-previewer-separator {
  text-align : center;
  margin-top : 1em;
  border-top : .2em solid var(--tile-separator-fg);
  padding    : 1em;
  width      : 100%;
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansCJK.ttc") format("collection");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSerifAhom-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSerifDisplay-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSerifDivesAkuru-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSerifDogra-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSerifKhitanSmallScript-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSerifMakasar-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSerifNPHmong-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSerifOldUyghur-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSerifOttomanSiyaq-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSerifTangut-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSerifTibetan-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSerifToto-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSerifYezidi-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoFangsongKSSRotated-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoFangsongKSSVertical-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoKufiArabic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoMusic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoNaskhArabic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoNaskhArabicUI-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoNastaliqUrdu-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoRashiHebrew-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoTraditionalNushu-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoZnamennyMusicalNotation-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansAdlam-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansAdlamUnjoined-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansAnatolianHieroglyphs-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansArabic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansArabicUI-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansArmenian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansAvestan-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansBalinese-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansBamum-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansBassaVah-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansBatak-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansBengali-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansBhaiksuki-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansBrahmi-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansBuginese-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansBuhid-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansCanadianAboriginal-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansCarian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansCaucasianAlbanian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansChakma-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansCham-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansCherokee-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansChorasmian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansCoptic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansCuneiform-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansCypriot-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansCyproMinoan-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansDeseret-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansDevanagari-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansDuployan-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansEgyptianHieroglyphs-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansElbasan-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansElymaic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansEthiopic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansGeorgian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansGlagolitic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansGothic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansGrantha-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansGujarati-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansGunjalaGondi-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansGurmukhi-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansHanifiRohingya-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansHanunoo-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansHatran-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansHebrew-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansImperialAramaic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansIndicSiyaqNumbers-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansInscriptionalPahlavi-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansInscriptionalParthian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansJavanese-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansKaithi-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansKannada-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansKawi-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansKayahLi-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansKharoshthi-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansKhmer-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansKhojki-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansKhudawadi-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansLao-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansLaoLooped-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansLepcha-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansLimbu-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansLinearA-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansLinearB-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansLisu-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansLycian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansLydian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMahajani-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMalayalam-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMandaic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansManichaean-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMarchen-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMasaramGondi-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMath-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMayanNumerals-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMedefaidrin-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMeeteiMayek-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMendeKikakui-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMeroitic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMiao-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansModi-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMongolian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMono-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMro-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMultani-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansMyanmar-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansNKo-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansNKoUnjoined-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansNabataean-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansNagMundari-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansNandinagari-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansNewTaiLue-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansNewa-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansNushu-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansOgham-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansOlChiki-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansOldHungarian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansOldItalic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansOldNorthArabian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansOldPermic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansOldPersian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansOldSogdian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansOldSouthArabian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansOldTurkic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansOriya-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansOsage-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansOsmanya-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansPahawhHmong-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansPalmyrene-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansPauCinHau-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansPhagsPa-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansPhoenician-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansPsalterPahlavi-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansRejang-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansRunic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSamaritan-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSaurashtra-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSharada-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansShavian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSiddham-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSignWriting-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSinhala-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSogdian-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSoraSompeng-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSoyombo-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSundanese-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSylotiNagri-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSymbols-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSymbols2-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSyriac-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSyriacEastern-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansSyriacWestern-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansTagalog-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansTagbanwa-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansTaiLe-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansTaiTham-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansTaiViet-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansTakri-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansTamil-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansTamilSupplement-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansTangsa-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansTelugu-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansTest-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansThaana-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansThai-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansThaiLooped-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansTifinagh-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansTirhuta-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansUgaritic-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansVai-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansVithkuqi-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansWancho-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansWarangCiti-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansYi-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSansZanabazarSquare-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "_Noto";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/noto/NotoSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Noto Emoji";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/emoji/NotoColorEmoji-Regular.ttf") format("truetype");
}

@font-face {
  font-family  : "Twemoji";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/emoji/Twemoji.ttf") format("truetype");
}

@font-face {
  font-family  : "Apple Emoji";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/emoji/AppleColorEmoji.ttf") format("truetype");
}

@font-face {
  font-family  : "Fluent Emoji";
  font-style   : normal;
  font-weight  : normal;
  font-display : swap;
  src          : url("../../font/modules/emoji/FluentEmojiColor.ttf") format("truetype");
}