react-fontpicker-ts/dist/index.css

A Google font picker component for React

/* src/components/FontPicker.css */
.fontpicker,
.fontpicker * {
  box-sizing: border-box;
}
.fontpicker {
  border: 1px solid;
  display: block;
  position: relative;
  background: #333;
}
.fontpicker__preview {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.fontpicker__search {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 0 10px;
  cursor: pointer;
  font-size: 16px;
  background-color: #555;
  color: #fff;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.fontpicker__search:focus {
  cursor: text;
  opacity: 1;
}
.fontpicker__popout {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid;
  max-height: calc(12em + 1px);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 2;
  background: #555;
  opacity: 0;
  transform: scaleY(0.001);
}
.fontpicker__popout.fontpicker__active {
  opacity: 1;
  transform: scale(1);
}
.fontpicker__option {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.fontpicker__option.current {
  background: #bbb;
}
.fontpicker__option.selected {
  background: #ccc;
}
.fontpicker__nomatches {
  height: 2em;
  line-height: 2em;
  background: #555;
  text-align: center;
  color: #eee;
}
.fontpicker__listbox {
  height: 100%;
  background: #555;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (prefers-color-scheme: light) {
  .fontpicker {
    background: #eee;
  }
  .fontpicker__preview {
    -webkit-filter: none;
    filter: none;
  }
  .fontpicker__search {
    background-color: #eee;
    color: #000;
  }
  .fontpicker__popout {
    background: #eee;
  }
  .fontpicker__option {
    -webkit-filter: none;
    filter: none;
  }
  .fontpicker__option.current {
    background: #ccc;
  }
  .fontpicker__option.selected {
    background: #aaa;
  }
  .fontpicker__nomatches {
    background: #eee;
    color: #111;
  }
  .fontpicker__listbox {
    background: #eee;
  }
}

/* font-preview/font-previews.css */
[class*=" font-preview-"],
[class^=font-preview-] {
  background-size: 30em auto;
  background-repeat: no-repeat;
  height: 2em;
  image-rendering: optimizequality;
}
.font-preview-abeezee,
.font-preview-abel,
.font-preview-abhaya_libre,
.font-preview-aboreto,
.font-preview-abril_fatface,
.font-preview-abyssinica_sil,
.font-preview-aclonica,
.font-preview-acme,
.font-preview-actor,
.font-preview-adamina,
.font-preview-adlam_display,
.font-preview-advent_pro,
.font-preview-afacad,
.font-preview-afacad_flux,
.font-preview-agbalumo,
.font-preview-agdasima,
.font-preview-agu_display,
.font-preview-aguafina_script,
.font-preview-akatab,
.font-preview-akaya_kanadaka,
.font-preview-akaya_telivigala,
.font-preview-akronim,
.font-preview-akshar,
.font-preview-aladin,
.font-preview-alan_sans,
.font-preview-alata,
.font-preview-alatsi,
.font-preview-albert_sans,
.font-preview-aldrich,
.font-preview-alef,
.font-preview-alegreya,
.font-preview-alegreya_sans,
.font-preview-alegreya_sans_sc,
.font-preview-alegreya_sc,
.font-preview-aleo,
.font-preview-alex_brush,
.font-preview-alexandria,
.font-preview-alfa_slab_one,
.font-preview-alice,
.font-preview-alike,
.font-preview-alike_angular,
.font-preview-alkalami,
.font-preview-alkatra,
.font-preview-allan,
.font-preview-allerta,
.font-preview-allerta_stencil,
.font-preview-allison,
.font-preview-allura,
.font-preview-almarai,
.font-preview-almendra,
.font-preview-almendra_display,
.font-preview-almendra_sc,
.font-preview-alumni_sans,
.font-preview-alumni_sans_collegiate_one,
.font-preview-alumni_sans_inline_one,
.font-preview-alumni_sans_pinstripe,
.font-preview-alumni_sans_sc,
.font-preview-amarante,
.font-preview-amaranth,
.font-preview-amarna,
.font-preview-amatic_sc,
.font-preview-amethysta,
.font-preview-amiko,
.font-preview-amiri,
.font-preview-amiri_quran,
.font-preview-amita,
.font-preview-anaheim,
.font-preview-ancizar_sans,
.font-preview-ancizar_serif,
.font-preview-andada_pro,
.font-preview-andika,
.font-preview-anek_bangla,
.font-preview-anek_devanagari,
.font-preview-anek_gujarati,
.font-preview-anek_gurmukhi,
.font-preview-anek_kannada,
.font-preview-anek_latin,
.font-preview-anek_malayalam,
.font-preview-anek_odia,
.font-preview-anek_tamil,
.font-preview-anek_telugu,
.font-preview-angkor,
.font-preview-annapurna_sil,
.font-preview-annie_use_your_telescope,
.font-preview-anonymous_pro,
.font-preview-anta,
.font-preview-antic,
.font-preview-antic_didone,
.font-preview-antic_slab,
.font-preview-anton,
.font-preview-anton_sc,
.font-preview-antonio,
.font-preview-anuphan,
.font-preview-anybody,
.font-preview-aoboshi_one,
.font-preview-ar_one_sans,
.font-preview-arapey,
.font-preview-arbutus,
.font-preview-arbutus_slab,
.font-preview-architects_daughter,
.font-preview-archivo,
.font-preview-archivo_black,
.font-preview-archivo_narrow,
.font-preview-are_you_serious,
.font-preview-aref_ruqaa,
.font-preview-aref_ruqaa_ink,
.font-preview-arima,
.font-preview-arimo,
.font-preview-arizonia,
.font-preview-armata,
.font-preview-arsenal,
.font-preview-arsenal_sc,
.font-preview-artifika,
.font-preview-arvo,
.font-preview-arya,
.font-preview-asap,
.font-preview-asap_condensed,
.font-preview-asar,
.font-preview-asimovian,
.font-preview-asset,
.font-preview-assistant,
.font-preview-asta_sans,
.font-preview-astloch,
.font-preview-asul,
.font-preview-athiti,
.font-preview-atkinson_hyperlegible,
.font-preview-atkinson_hyperlegible_mono,
.font-preview-atkinson_hyperlegible_next,
.font-preview-atma,
.font-preview-atomic_age,
.font-preview-aubrey,
.font-preview-audiowide,
.font-preview-autour_one,
.font-preview-average,
.font-preview-average_sans,
.font-preview-averia_gruesa_libre,
.font-preview-averia_libre,
.font-preview-averia_sans_libre,
.font-preview-averia_serif_libre,
.font-preview-azeret_mono,
.font-preview-b612,
.font-preview-b612_mono,
.font-preview-babylonica,
.font-preview-bacasime_antique,
.font-preview-bad_script,
.font-preview-badeen_display,
.font-preview-bagel_fat_one,
.font-preview-bahiana,
.font-preview-bahianita,
.font-preview-bai_jamjuree,
.font-preview-bakbak_one,
.font-preview-ballet,
.font-preview-baloo_2,
.font-preview-baloo_bhai_2,
.font-preview-baloo_bhaijaan_2,
.font-preview-baloo_bhaina_2,
.font-preview-baloo_chettan_2,
.font-preview-baloo_da_2,
.font-preview-baloo_paaji_2,
.font-preview-baloo_tamma_2,
.font-preview-baloo_tammudu_2,
.font-preview-baloo_thambi_2,
.font-preview-balsamiq_sans,
.font-preview-balthazar,
.font-preview-bangers,
.font-preview-barlow,
.font-preview-barlow_condensed,
.font-preview-barlow_semi_condensed,
.font-preview-barriecito,
.font-preview-barrio,
.font-preview-basic,
.font-preview-baskervville,
.font-preview-baskervville_sc,
.font-preview-battambang,
.font-preview-baumans,
.font-preview-bayon,
.font-preview-bbh_bartle,
.font-preview-bbh_bogle,
.font-preview-bbh_hegarty,
.font-preview-be_vietnam_pro,
.font-preview-beau_rivage,
.font-preview-bebas_neue,
.font-preview-beiruti,
.font-preview-belanosima,
.font-preview-belgrano,
.font-preview-bellefair,
.font-preview-belleza,
.font-preview-bellota,
.font-preview-bellota_text,
.font-preview-benchnine,
.font-preview-benne,
.font-preview-bentham,
.font-preview-berkshire_swash,
.font-preview-besley,
.font-preview-beth_ellen,
.font-preview-bevan,
.font-preview-bhutuka_expanded_one,
.font-preview-big_shoulders,
.font-preview-big_shoulders_inline,
.font-preview-big_shoulders_stencil,
.font-preview-on-all {
  background-image: url("./sprite.1-2OXEIORD.svg");
}
.font-preview-bigelow_rules,
.font-preview-bigshot_one,
.font-preview-bilbo,
.font-preview-bilbo_swash_caps,
.font-preview-biorhyme,
.font-preview-biorhyme_expanded,
.font-preview-birthstone,
.font-preview-birthstone_bounce,
.font-preview-biryani,
.font-preview-bitcount,
.font-preview-bitcount_grid_double,
.font-preview-bitcount_grid_double_ink,
.font-preview-bitcount_grid_single,
.font-preview-bitcount_grid_single_ink,
.font-preview-bitcount_ink,
.font-preview-bitcount_prop_double,
.font-preview-bitcount_prop_double_ink,
.font-preview-bitcount_prop_single,
.font-preview-bitcount_prop_single_ink,
.font-preview-bitcount_single,
.font-preview-bitcount_single_ink,
.font-preview-bitter,
.font-preview-biz_udgothic,
.font-preview-biz_udmincho,
.font-preview-biz_udpgothic,
.font-preview-biz_udpmincho,
.font-preview-black_and_white_picture,
.font-preview-black_han_sans,
.font-preview-black_ops_one,
.font-preview-blaka,
.font-preview-blaka_hollow,
.font-preview-blaka_ink,
.font-preview-blinker,
.font-preview-bodoni_moda,
.font-preview-bodoni_moda_sc,
.font-preview-bokor,
.font-preview-boldonse,
.font-preview-bona_nova,
.font-preview-bona_nova_sc,
.font-preview-bonbon,
.font-preview-bonheur_royale,
.font-preview-boogaloo,
.font-preview-borel,
.font-preview-bowlby_one,
.font-preview-bowlby_one_sc,
.font-preview-braah_one,
.font-preview-brawler,
.font-preview-bree_serif,
.font-preview-bricolage_grotesque,
.font-preview-bruno_ace,
.font-preview-bruno_ace_sc,
.font-preview-brygada_1918,
.font-preview-bubblegum_sans,
.font-preview-bubbler_one,
.font-preview-buda,
.font-preview-buenard,
.font-preview-bungee,
.font-preview-bungee_hairline,
.font-preview-bungee_inline,
.font-preview-bungee_outline,
.font-preview-bungee_shade,
.font-preview-bungee_spice,
.font-preview-bungee_tint,
.font-preview-butcherman,
.font-preview-butterfly_kids,
.font-preview-bytesized,
.font-preview-cabin,
.font-preview-cabin_condensed,
.font-preview-cabin_sketch,
.font-preview-cactus_classical_serif,
.font-preview-caesar_dressing,
.font-preview-cagliostro,
.font-preview-cairo,
.font-preview-cairo_play,
.font-preview-cal_sans,
.font-preview-caladea,
.font-preview-calistoga,
.font-preview-calligraffitti,
.font-preview-cambay,
.font-preview-cambo,
.font-preview-candal,
.font-preview-cantarell,
.font-preview-cantata_one,
.font-preview-cantora_one,
.font-preview-caprasimo,
.font-preview-capriola,
.font-preview-caramel,
.font-preview-carattere,
.font-preview-cardo,
.font-preview-carlito,
.font-preview-carme,
.font-preview-carrois_gothic,
.font-preview-carrois_gothic_sc,
.font-preview-carter_one,
.font-preview-cascadia_code,
.font-preview-cascadia_mono,
.font-preview-castoro,
.font-preview-castoro_titling,
.font-preview-catamaran,
.font-preview-caudex,
.font-preview-cause,
.font-preview-caveat,
.font-preview-caveat_brush,
.font-preview-cedarville_cursive,
.font-preview-ceviche_one,
.font-preview-chakra_petch,
.font-preview-changa,
.font-preview-changa_one,
.font-preview-chango,
.font-preview-charis_sil,
.font-preview-charm,
.font-preview-charmonman,
.font-preview-chathura,
.font-preview-chau_philomene_one,
.font-preview-chela_one,
.font-preview-chelsea_market,
.font-preview-cherish,
.font-preview-cherry_bomb_one,
.font-preview-cherry_cream_soda,
.font-preview-cherry_swash,
.font-preview-chewy,
.font-preview-chicle,
.font-preview-chilanka,
.font-preview-chiron_goround_tc,
.font-preview-chiron_hei_hk,
.font-preview-chiron_sung_hk,
.font-preview-chivo,
.font-preview-chivo_mono,
.font-preview-chocolate_classical_sans,
.font-preview-chokokutai,
.font-preview-chonburi,
.font-preview-cinzel,
.font-preview-cinzel_decorative,
.font-preview-clicker_script,
.font-preview-climate_crisis,
.font-preview-coda,
.font-preview-codystar,
.font-preview-coiny,
.font-preview-combo,
.font-preview-comfortaa,
.font-preview-comforter,
.font-preview-comforter_brush,
.font-preview-comic_neue,
.font-preview-comic_relief,
.font-preview-coming_soon,
.font-preview-comme,
.font-preview-commissioner,
.font-preview-concert_one,
.font-preview-condiment,
.font-preview-contrail_one,
.font-preview-convergence,
.font-preview-cookie,
.font-preview-copse,
.font-preview-coral_pixels,
.font-preview-corben,
.font-preview-corinthia,
.font-preview-cormorant,
.font-preview-cormorant_garamond,
.font-preview-cormorant_infant,
.font-preview-cormorant_sc,
.font-preview-cormorant_unicase,
.font-preview-cormorant_upright,
.font-preview-cossette_texte,
.font-preview-cossette_titre,
.font-preview-courgette,
.font-preview-courier_prime,
.font-preview-cousine,
.font-preview-coustard,
.font-preview-covered_by_your_grace,
.font-preview-crafty_girls,
.font-preview-creepster,
.font-preview-crete_round,
.font-preview-crimson_pro,
.font-preview-crimson_text,
.font-preview-croissant_one,
.font-preview-crushed,
.font-preview-cuprum,
.font-preview-cute_font,
.font-preview-cutive,
.font-preview-cutive_mono,
.font-preview-dai_banna_sil,
.font-preview-damion,
.font-preview-dancing_script,
.font-preview-danfo,
.font-preview-dangrek,
.font-preview-darker_grotesque,
.font-preview-darumadrop_one,
.font-preview-david_libre,
.font-preview-dawning_of_a_new_day,
.font-preview-days_one,
.font-preview-dekko,
.font-preview-dela_gothic_one,
.font-preview-delicious_handrawn,
.font-preview-delius,
.font-preview-delius_swash_caps,
.font-preview-delius_unicase,
.font-preview-della_respira,
.font-preview-denk_one,
.font-preview-devonshire,
.font-preview-dhurjati,
.font-preview-on-all {
  background-image: url("./sprite.2-O7XX2TMB.svg");
}
.font-preview-didact_gothic,
.font-preview-diphylleia,
.font-preview-diplomata,
.font-preview-diplomata_sc,
.font-preview-dm_mono,
.font-preview-dm_sans,
.font-preview-dm_serif_display,
.font-preview-dm_serif_text,
.font-preview-do_hyeon,
.font-preview-dokdo,
.font-preview-domine,
.font-preview-donegal_one,
.font-preview-dongle,
.font-preview-doppio_one,
.font-preview-dorsa,
.font-preview-dosis,
.font-preview-dotgothic16,
.font-preview-doto,
.font-preview-dr_sugiyama,
.font-preview-duru_sans,
.font-preview-dynalight,
.font-preview-dynapuff,
.font-preview-eagle_lake,
.font-preview-east_sea_dokdo,
.font-preview-eater,
.font-preview-eb_garamond,
.font-preview-economica,
.font-preview-eczar,
.font-preview-edu_au_vic_wa_nt_arrows,
.font-preview-edu_au_vic_wa_nt_dots,
.font-preview-edu_au_vic_wa_nt_guides,
.font-preview-edu_au_vic_wa_nt_hand,
.font-preview-edu_au_vic_wa_nt_pre,
.font-preview-edu_nsw_act_cursive,
.font-preview-edu_nsw_act_foundation,
.font-preview-edu_nsw_act_hand_pre,
.font-preview-edu_qld_beginner,
.font-preview-edu_qld_hand,
.font-preview-edu_sa_beginner,
.font-preview-edu_sa_hand,
.font-preview-edu_tas_beginner,
.font-preview-edu_vic_wa_nt_beginner,
.font-preview-edu_vic_wa_nt_hand,
.font-preview-edu_vic_wa_nt_hand_pre,
.font-preview-el_messiri,
.font-preview-electrolize,
.font-preview-elms_sans,
.font-preview-elsie,
.font-preview-elsie_swash_caps,
.font-preview-emblema_one,
.font-preview-emilys_candy,
.font-preview-encode_sans,
.font-preview-encode_sans_condensed,
.font-preview-encode_sans_expanded,
.font-preview-encode_sans_sc,
.font-preview-encode_sans_semi_condensed,
.font-preview-encode_sans_semi_expanded,
.font-preview-engagement,
.font-preview-englebert,
.font-preview-enriqueta,
.font-preview-ephesis,
.font-preview-epilogue,
.font-preview-epunda_sans,
.font-preview-epunda_slab,
.font-preview-erica_one,
.font-preview-esteban,
.font-preview-estonia,
.font-preview-euphoria_script,
.font-preview-ewert,
.font-preview-exile,
.font-preview-exo,
.font-preview-exo_2,
.font-preview-expletus_sans,
.font-preview-explora,
.font-preview-faculty_glyphic,
.font-preview-fahkwang,
.font-preview-familjen_grotesk,
.font-preview-fanwood_text,
.font-preview-farro,
.font-preview-farsan,
.font-preview-fascinate,
.font-preview-fascinate_inline,
.font-preview-faster_one,
.font-preview-fasthand,
.font-preview-fauna_one,
.font-preview-faustina,
.font-preview-federant,
.font-preview-federo,
.font-preview-felipa,
.font-preview-fenix,
.font-preview-festive,
.font-preview-figtree,
.font-preview-finger_paint,
.font-preview-finlandica,
.font-preview-fira_code,
.font-preview-fira_mono,
.font-preview-fira_sans,
.font-preview-fira_sans_condensed,
.font-preview-fira_sans_extra_condensed,
.font-preview-fjalla_one,
.font-preview-fjord_one,
.font-preview-flamenco,
.font-preview-flavors,
.font-preview-fleur_de_leah,
.font-preview-flow_block,
.font-preview-flow_circular,
.font-preview-flow_rounded,
.font-preview-foldit,
.font-preview-fondamento,
.font-preview-fontdiner_swanky,
.font-preview-forum,
.font-preview-fragment_mono,
.font-preview-francois_one,
.font-preview-frank_ruhl_libre,
.font-preview-fraunces,
.font-preview-freckle_face,
.font-preview-fredericka_the_great,
.font-preview-fredoka,
.font-preview-freehand,
.font-preview-freeman,
.font-preview-fresca,
.font-preview-frijole,
.font-preview-fruktur,
.font-preview-fugaz_one,
.font-preview-fuggles,
.font-preview-funnel_display,
.font-preview-funnel_sans,
.font-preview-fustat,
.font-preview-fuzzy_bubbles,
.font-preview-ga_maamli,
.font-preview-gabarito,
.font-preview-gabriela,
.font-preview-gaegu,
.font-preview-gafata,
.font-preview-gajraj_one,
.font-preview-galada,
.font-preview-galdeano,
.font-preview-galindo,
.font-preview-gamja_flower,
.font-preview-gantari,
.font-preview-gasoek_one,
.font-preview-gayathri,
.font-preview-geist,
.font-preview-geist_mono,
.font-preview-gelasio,
.font-preview-gemunu_libre,
.font-preview-genos,
.font-preview-gentium_book_plus,
.font-preview-gentium_plus,
.font-preview-geo,
.font-preview-geologica,
.font-preview-geom,
.font-preview-georama,
.font-preview-geostar,
.font-preview-geostar_fill,
.font-preview-germania_one,
.font-preview-gfs_didot,
.font-preview-gfs_neohellenic,
.font-preview-gideon_roman,
.font-preview-gidole,
.font-preview-gidugu,
.font-preview-gilda_display,
.font-preview-girassol,
.font-preview-give_you_glory,
.font-preview-glass_antiqua,
.font-preview-glegoo,
.font-preview-gloock,
.font-preview-gloria_hallelujah,
.font-preview-glory,
.font-preview-gluten,
.font-preview-goblin_one,
.font-preview-gochi_hand,
.font-preview-goldman,
.font-preview-golos_text,
.font-preview-google_sans,
.font-preview-google_sans_code,
.font-preview-google_sans_flex,
.font-preview-gorditas,
.font-preview-gothic_a1,
.font-preview-gotu,
.font-preview-goudy_bookletter_1911,
.font-preview-gowun_batang,
.font-preview-gowun_dodum,
.font-preview-graduate,
.font-preview-grand_hotel,
.font-preview-grandiflora_one,
.font-preview-grandstander,
.font-preview-grape_nuts,
.font-preview-gravitas_one,
.font-preview-great_vibes,
.font-preview-grechen_fuemen,
.font-preview-grenze,
.font-preview-grenze_gotisch,
.font-preview-grey_qo,
.font-preview-griffy,
.font-preview-gruppo,
.font-preview-gudea,
.font-preview-gugi,
.font-preview-gulzar,
.font-preview-gupter,
.font-preview-on-all {
  background-image: url("./sprite.3-3IBTPD3P.svg");
}
.font-preview-gurajada,
.font-preview-gwendolyn,
.font-preview-habibi,
.font-preview-hachi_maru_pop,
.font-preview-hahmlet,
.font-preview-halant,
.font-preview-hammersmith_one,
.font-preview-hanalei,
.font-preview-hanalei_fill,
.font-preview-handjet,
.font-preview-handlee,
.font-preview-hanken_grotesk,
.font-preview-hanuman,
.font-preview-happy_monkey,
.font-preview-harmattan,
.font-preview-headland_one,
.font-preview-hedvig_letters_sans,
.font-preview-hedvig_letters_serif,
.font-preview-heebo,
.font-preview-henny_penny,
.font-preview-hepta_slab,
.font-preview-herr_von_muellerhoff,
.font-preview-hi_melody,
.font-preview-hina_mincho,
.font-preview-hind,
.font-preview-hind_guntur,
.font-preview-hind_madurai,
.font-preview-hind_mysuru,
.font-preview-hind_siliguri,
.font-preview-hind_vadodara,
.font-preview-holtwood_one_sc,
.font-preview-homemade_apple,
.font-preview-homenaje,
.font-preview-honk,
.font-preview-host_grotesk,
.font-preview-hubballi,
.font-preview-hubot_sans,
.font-preview-huninn,
.font-preview-hurricane,
.font-preview-iansui,
.font-preview-ibarra_real_nova,
.font-preview-ibm_plex_mono,
.font-preview-ibm_plex_sans,
.font-preview-ibm_plex_sans_arabic,
.font-preview-ibm_plex_sans_condensed,
.font-preview-ibm_plex_sans_devanagari,
.font-preview-ibm_plex_sans_hebrew,
.font-preview-ibm_plex_sans_jp,
.font-preview-ibm_plex_sans_kr,
.font-preview-ibm_plex_sans_thai,
.font-preview-ibm_plex_sans_thai_looped,
.font-preview-ibm_plex_serif,
.font-preview-iceberg,
.font-preview-iceland,
.font-preview-im_fell_double_pica,
.font-preview-im_fell_double_pica_sc,
.font-preview-im_fell_dw_pica,
.font-preview-im_fell_dw_pica_sc,
.font-preview-im_fell_english,
.font-preview-im_fell_english_sc,
.font-preview-im_fell_french_canon,
.font-preview-im_fell_french_canon_sc,
.font-preview-im_fell_great_primer,
.font-preview-im_fell_great_primer_sc,
.font-preview-imbue,
.font-preview-imperial_script,
.font-preview-imprima,
.font-preview-inclusive_sans,
.font-preview-inconsolata,
.font-preview-inder,
.font-preview-indie_flower,
.font-preview-ingrid_darling,
.font-preview-inika,
.font-preview-inknut_antiqua,
.font-preview-inria_sans,
.font-preview-inria_serif,
.font-preview-inspiration,
.font-preview-instrument_sans,
.font-preview-instrument_serif,
.font-preview-intel_one_mono,
.font-preview-inter,
.font-preview-inter_tight,
.font-preview-irish_grover,
.font-preview-island_moments,
.font-preview-istok_web,
.font-preview-italiana,
.font-preview-italianno,
.font-preview-itim,
.font-preview-jacquard_12,
.font-preview-jacquard_12_charted,
.font-preview-jacquard_24,
.font-preview-jacquard_24_charted,
.font-preview-jacquarda_bastarda_9,
.font-preview-jacquarda_bastarda_9_charted,
.font-preview-jacques_francois,
.font-preview-jacques_francois_shadow,
.font-preview-jaini,
.font-preview-jaini_purva,
.font-preview-jaldi,
.font-preview-jaro,
.font-preview-jersey_10,
.font-preview-jersey_10_charted,
.font-preview-jersey_15,
.font-preview-jersey_15_charted,
.font-preview-jersey_20,
.font-preview-jersey_20_charted,
.font-preview-jersey_25,
.font-preview-jersey_25_charted,
.font-preview-jetbrains_mono,
.font-preview-jim_nightshade,
.font-preview-joan,
.font-preview-jockey_one,
.font-preview-jolly_lodger,
.font-preview-jomhuria,
.font-preview-jomolhari,
.font-preview-josefin_sans,
.font-preview-josefin_slab,
.font-preview-jost,
.font-preview-joti_one,
.font-preview-jua,
.font-preview-judson,
.font-preview-julee,
.font-preview-julius_sans_one,
.font-preview-junge,
.font-preview-jura,
.font-preview-just_another_hand,
.font-preview-just_me_again_down_here,
.font-preview-k2d,
.font-preview-kablammo,
.font-preview-kadwa,
.font-preview-kaisei_decol,
.font-preview-kaisei_harunoumi,
.font-preview-kaisei_opti,
.font-preview-kaisei_tokumin,
.font-preview-kalam,
.font-preview-kalnia,
.font-preview-kalnia_glaze,
.font-preview-kameron,
.font-preview-kanchenjunga,
.font-preview-kanit,
.font-preview-kantumruy_pro,
.font-preview-kapakana,
.font-preview-karantina,
.font-preview-karla,
.font-preview-karma,
.font-preview-katibeh,
.font-preview-kaushan_script,
.font-preview-kavivanar,
.font-preview-kavoon,
.font-preview-kay_pho_du,
.font-preview-kdam_thmor_pro,
.font-preview-keania_one,
.font-preview-kedebideri,
.font-preview-kelly_slab,
.font-preview-kenia,
.font-preview-khand,
.font-preview-khula,
.font-preview-kings,
.font-preview-kirang_haerang,
.font-preview-kite_one,
.font-preview-kiwi_maru,
.font-preview-klee_one,
.font-preview-knewave,
.font-preview-kodchasan,
.font-preview-kode_mono,
.font-preview-koh_santepheap,
.font-preview-koho,
.font-preview-kolker_brush,
.font-preview-konkhmer_sleokchher,
.font-preview-kosugi,
.font-preview-kosugi_maru,
.font-preview-kotta_one,
.font-preview-koulen,
.font-preview-kranky,
.font-preview-kreon,
.font-preview-kristi,
.font-preview-krona_one,
.font-preview-krub,
.font-preview-kufam,
.font-preview-kulim_park,
.font-preview-kumbh_sans,
.font-preview-kurale,
.font-preview-la_belle_aurore,
.font-preview-labrada,
.font-preview-lacquer,
.font-preview-laila,
.font-preview-lakki_reddy,
.font-preview-lalezar,
.font-preview-lancelot,
.font-preview-langar,
.font-preview-lateef,
.font-preview-lato,
.font-preview-lavishly_yours,
.font-preview-league_gothic,
.font-preview-league_script,
.font-preview-league_spartan,
.font-preview-leckerli_one,
.font-preview-ledger,
.font-preview-lekton,
.font-preview-lemon,
.font-preview-on-all {
  background-image: url("./sprite.4-UK5OE43A.svg");
}
.font-preview-lemonada,
.font-preview-lexend,
.font-preview-lexend_deca,
.font-preview-lexend_exa,
.font-preview-lexend_giga,
.font-preview-lexend_mega,
.font-preview-lexend_peta,
.font-preview-lexend_tera,
.font-preview-lexend_zetta,
.font-preview-libertinus_keyboard,
.font-preview-libertinus_math,
.font-preview-libertinus_mono,
.font-preview-libertinus_sans,
.font-preview-libertinus_serif,
.font-preview-libertinus_serif_display,
.font-preview-libre_barcode_128,
.font-preview-libre_barcode_128_text,
.font-preview-libre_barcode_39,
.font-preview-libre_barcode_39_extended,
.font-preview-libre_barcode_39_extended_text,
.font-preview-libre_barcode_39_text,
.font-preview-libre_barcode_ean13_text,
.font-preview-libre_baskerville,
.font-preview-libre_bodoni,
.font-preview-libre_caslon_display,
.font-preview-libre_caslon_text,
.font-preview-libre_franklin,
.font-preview-licorice,
.font-preview-life_savers,
.font-preview-lilex,
.font-preview-lilita_one,
.font-preview-lily_script_one,
.font-preview-limelight,
.font-preview-linden_hill,
.font-preview-linefont,
.font-preview-lisu_bosa,
.font-preview-liter,
.font-preview-literata,
.font-preview-liu_jian_mao_cao,
.font-preview-livvic,
.font-preview-lobster,
.font-preview-lobster_two,
.font-preview-londrina_outline,
.font-preview-londrina_shadow,
.font-preview-londrina_sketch,
.font-preview-londrina_solid,
.font-preview-long_cang,
.font-preview-lora,
.font-preview-love_light,
.font-preview-love_ya_like_a_sister,
.font-preview-loved_by_the_king,
.font-preview-lovers_quarrel,
.font-preview-luckiest_guy,
.font-preview-lugrasimo,
.font-preview-lumanosimo,
.font-preview-lunasima,
.font-preview-lusitana,
.font-preview-lustria,
.font-preview-luxurious_roman,
.font-preview-luxurious_script,
.font-preview-lxgw_marker_gothic,
.font-preview-lxgw_wenkai_mono_tc,
.font-preview-lxgw_wenkai_tc,
.font-preview-m_plus_1,
.font-preview-m_plus_1_code,
.font-preview-m_plus_1p,
.font-preview-m_plus_2,
.font-preview-m_plus_code_latin,
.font-preview-m_plus_rounded_1c,
.font-preview-ma_shan_zheng,
.font-preview-macondo,
.font-preview-macondo_swash_caps,
.font-preview-mada,
.font-preview-madimi_one,
.font-preview-magra,
.font-preview-maiden_orange,
.font-preview-maitree,
.font-preview-major_mono_display,
.font-preview-mako,
.font-preview-mali,
.font-preview-mallanna,
.font-preview-maname,
.font-preview-mandali,
.font-preview-manjari,
.font-preview-manrope,
.font-preview-mansalva,
.font-preview-manuale,
.font-preview-manufacturing_consent,
.font-preview-marcellus,
.font-preview-marcellus_sc,
.font-preview-marck_script,
.font-preview-margarine,
.font-preview-marhey,
.font-preview-markazi_text,
.font-preview-marko_one,
.font-preview-marmelad,
.font-preview-martel,
.font-preview-martel_sans,
.font-preview-martian_mono,
.font-preview-marvel,
.font-preview-matangi,
.font-preview-mate,
.font-preview-mate_sc,
.font-preview-matemasie,
.font-preview-material_icons,
.font-preview-material_icons_outlined,
.font-preview-material_icons_round,
.font-preview-material_icons_sharp,
.font-preview-material_icons_two_tone,
.font-preview-material_symbols,
.font-preview-material_symbols_outlined,
.font-preview-material_symbols_rounded,
.font-preview-material_symbols_sharp,
.font-preview-maven_pro,
.font-preview-mclaren,
.font-preview-mea_culpa,
.font-preview-meddon,
.font-preview-medievalsharp,
.font-preview-medula_one,
.font-preview-meera_inimai,
.font-preview-megrim,
.font-preview-meie_script,
.font-preview-menbere,
.font-preview-meow_script,
.font-preview-merienda,
.font-preview-merriweather,
.font-preview-merriweather_sans,
.font-preview-metal,
.font-preview-metal_mania,
.font-preview-metamorphous,
.font-preview-metrophobic,
.font-preview-michroma,
.font-preview-micro_5,
.font-preview-micro_5_charted,
.font-preview-milonga,
.font-preview-miltonian,
.font-preview-miltonian_tattoo,
.font-preview-mina,
.font-preview-mingzat,
.font-preview-miniver,
.font-preview-miriam_libre,
.font-preview-mirza,
.font-preview-miss_fajardose,
.font-preview-mitr,
.font-preview-mochiy_pop_one,
.font-preview-mochiy_pop_p_one,
.font-preview-modak,
.font-preview-modern_antiqua,
.font-preview-moderustic,
.font-preview-mogra,
.font-preview-mohave,
.font-preview-moirai_one,
.font-preview-molengo,
.font-preview-molle,
.font-preview-momo_signature,
.font-preview-momo_trust_display,
.font-preview-momo_trust_sans,
.font-preview-mona_sans,
.font-preview-monda,
.font-preview-monofett,
.font-preview-monomakh,
.font-preview-monomaniac_one,
.font-preview-monoton,
.font-preview-monsieur_la_doulaise,
.font-preview-montaga,
.font-preview-montagu_slab,
.font-preview-montecarlo,
.font-preview-montez,
.font-preview-montserrat,
.font-preview-montserrat_alternates,
.font-preview-montserrat_underline,
.font-preview-moo_lah_lah,
.font-preview-mooli,
.font-preview-moon_dance,
.font-preview-moul,
.font-preview-moulpali,
.font-preview-mountains_of_christmas,
.font-preview-mouse_memoirs,
.font-preview-mozilla_headline,
.font-preview-mozilla_text,
.font-preview-mr_bedfort,
.font-preview-mr_dafoe,
.font-preview-mr_de_haviland,
.font-preview-mrs_saint_delafield,
.font-preview-mrs_sheppards,
.font-preview-ms_madi,
.font-preview-mukta,
.font-preview-mukta_mahee,
.font-preview-mukta_malar,
.font-preview-mukta_vaani,
.font-preview-mulish,
.font-preview-murecho,
.font-preview-museomoderno,
.font-preview-my_soul,
.font-preview-mynerve,
.font-preview-mystery_quest,
.font-preview-nabla,
.font-preview-namdhinggo,
.font-preview-nanum_brush_script,
.font-preview-nanum_gothic,
.font-preview-on-all {
  background-image: url("./sprite.5-LEFDETPB.svg");
}
.font-preview-nanum_gothic_coding,
.font-preview-nanum_myeongjo,
.font-preview-nanum_pen_script,
.font-preview-narnoor,
.font-preview-nata_sans,
.font-preview-national_park,
.font-preview-neonderthaw,
.font-preview-nerko_one,
.font-preview-neucha,
.font-preview-neuton,
.font-preview-new_amsterdam,
.font-preview-new_rocker,
.font-preview-new_tegomin,
.font-preview-news_cycle,
.font-preview-newsreader,
.font-preview-niconne,
.font-preview-niramit,
.font-preview-nixie_one,
.font-preview-nobile,
.font-preview-nokora,
.font-preview-norican,
.font-preview-nosifer,
.font-preview-notable,
.font-preview-nothing_you_could_do,
.font-preview-noticia_text,
.font-preview-noto_kufi_arabic,
.font-preview-noto_music,
.font-preview-noto_naskh_arabic,
.font-preview-noto_nastaliq_urdu,
.font-preview-noto_rashi_hebrew,
.font-preview-noto_sans,
.font-preview-noto_sans_adlam,
.font-preview-noto_sans_adlam_unjoined,
.font-preview-noto_sans_anatolian_hieroglyphs,
.font-preview-noto_sans_arabic,
.font-preview-noto_sans_armenian,
.font-preview-noto_sans_avestan,
.font-preview-noto_sans_balinese,
.font-preview-noto_sans_bamum,
.font-preview-noto_sans_bassa_vah,
.font-preview-noto_sans_batak,
.font-preview-noto_sans_bengali,
.font-preview-noto_sans_bhaiksuki,
.font-preview-noto_sans_brahmi,
.font-preview-noto_sans_buginese,
.font-preview-noto_sans_buhid,
.font-preview-noto_sans_canadian_aboriginal,
.font-preview-noto_sans_carian,
.font-preview-noto_sans_caucasian_albanian,
.font-preview-noto_sans_chakma,
.font-preview-noto_sans_cham,
.font-preview-noto_sans_cherokee,
.font-preview-noto_sans_chorasmian,
.font-preview-noto_sans_coptic,
.font-preview-noto_sans_cuneiform,
.font-preview-noto_sans_cypriot,
.font-preview-noto_sans_cypro_minoan,
.font-preview-noto_sans_deseret,
.font-preview-noto_sans_devanagari,
.font-preview-noto_sans_display,
.font-preview-noto_sans_duployan,
.font-preview-noto_sans_egyptian_hieroglyphs,
.font-preview-noto_sans_elbasan,
.font-preview-noto_sans_elymaic,
.font-preview-noto_sans_ethiopic,
.font-preview-noto_sans_georgian,
.font-preview-noto_sans_glagolitic,
.font-preview-noto_sans_gothic,
.font-preview-noto_sans_grantha,
.font-preview-noto_sans_gujarati,
.font-preview-noto_sans_gunjala_gondi,
.font-preview-noto_sans_gurmukhi,
.font-preview-noto_sans_hanifi_rohingya,
.font-preview-noto_sans_hanunoo,
.font-preview-noto_sans_hatran,
.font-preview-noto_sans_hebrew,
.font-preview-noto_sans_hk,
.font-preview-noto_sans_imperial_aramaic,
.font-preview-noto_sans_indic_siyaq_numbers,
.font-preview-noto_sans_inscriptional_pahlavi,
.font-preview-noto_sans_inscriptional_parthian,
.font-preview-noto_sans_javanese,
.font-preview-noto_sans_jp,
.font-preview-noto_sans_kaithi,
.font-preview-noto_sans_kannada,
.font-preview-noto_sans_kawi,
.font-preview-noto_sans_kayah_li,
.font-preview-noto_sans_kharoshthi,
.font-preview-noto_sans_khmer,
.font-preview-noto_sans_khojki,
.font-preview-noto_sans_khudawadi,
.font-preview-noto_sans_kr,
.font-preview-noto_sans_lao,
.font-preview-noto_sans_lao_looped,
.font-preview-noto_sans_lepcha,
.font-preview-noto_sans_limbu,
.font-preview-noto_sans_linear_a,
.font-preview-noto_sans_linear_b,
.font-preview-noto_sans_lisu,
.font-preview-noto_sans_lydian,
.font-preview-noto_sans_mahajani,
.font-preview-noto_sans_malayalam,
.font-preview-noto_sans_mandaic,
.font-preview-noto_sans_manichaean,
.font-preview-noto_sans_marchen,
.font-preview-noto_sans_masaram_gondi,
.font-preview-noto_sans_math,
.font-preview-noto_sans_mayan_numerals,
.font-preview-noto_sans_medefaidrin,
.font-preview-noto_sans_meetei_mayek,
.font-preview-noto_sans_mende_kikakui,
.font-preview-noto_sans_meroitic,
.font-preview-noto_sans_miao,
.font-preview-noto_sans_modi,
.font-preview-noto_sans_mongolian,
.font-preview-noto_sans_mono,
.font-preview-noto_sans_mro,
.font-preview-noto_sans_multani,
.font-preview-noto_sans_nabataean,
.font-preview-noto_sans_nag_mundari,
.font-preview-noto_sans_nandinagari,
.font-preview-noto_sans_new_tai_lue,
.font-preview-noto_sans_newa,
.font-preview-noto_sans_nko,
.font-preview-noto_sans_nko_unjoined,
.font-preview-noto_sans_nushu,
.font-preview-noto_sans_ogham,
.font-preview-noto_sans_ol_chiki,
.font-preview-noto_sans_old_hungarian,
.font-preview-noto_sans_old_italic,
.font-preview-noto_sans_old_north_arabian,
.font-preview-noto_sans_old_permic,
.font-preview-noto_sans_old_persian,
.font-preview-noto_sans_old_sogdian,
.font-preview-noto_sans_old_south_arabian,
.font-preview-noto_sans_old_turkic,
.font-preview-noto_sans_oriya,
.font-preview-noto_sans_osage,
.font-preview-noto_sans_osmanya,
.font-preview-noto_sans_pahawh_hmong,
.font-preview-noto_sans_palmyrene,
.font-preview-noto_sans_pau_cin_hau,
.font-preview-noto_sans_phagspa,
.font-preview-noto_sans_phoenician,
.font-preview-noto_sans_psalter_pahlavi,
.font-preview-noto_sans_rejang,
.font-preview-noto_sans_runic,
.font-preview-noto_sans_samaritan,
.font-preview-noto_sans_saurashtra,
.font-preview-noto_sans_sc,
.font-preview-noto_sans_sharada,
.font-preview-noto_sans_shavian,
.font-preview-noto_sans_siddham,
.font-preview-noto_sans_signwriting,
.font-preview-noto_sans_sinhala,
.font-preview-noto_sans_sogdian,
.font-preview-noto_sans_sora_sompeng,
.font-preview-noto_sans_soyombo,
.font-preview-noto_sans_sundanese,
.font-preview-noto_sans_sunuwar,
.font-preview-noto_sans_syloti_nagri,
.font-preview-noto_sans_symbols,
.font-preview-noto_sans_symbols_2,
.font-preview-noto_sans_syriac,
.font-preview-noto_sans_syriac_eastern,
.font-preview-noto_sans_syriac_western,
.font-preview-noto_sans_tagalog,
.font-preview-noto_sans_tagbanwa,
.font-preview-noto_sans_tai_le,
.font-preview-noto_sans_tai_tham,
.font-preview-noto_sans_tai_viet,
.font-preview-noto_sans_takri,
.font-preview-noto_sans_tamil,
.font-preview-noto_sans_tamil_supplement,
.font-preview-noto_sans_tangsa,
.font-preview-noto_sans_tc,
.font-preview-noto_sans_telugu,
.font-preview-noto_sans_thaana,
.font-preview-noto_sans_thai,
.font-preview-noto_sans_thai_looped,
.font-preview-noto_sans_tifinagh,
.font-preview-noto_sans_tirhuta,
.font-preview-noto_sans_ugaritic,
.font-preview-noto_sans_vai,
.font-preview-noto_sans_vithkuqi,
.font-preview-noto_sans_wancho,
.font-preview-noto_sans_warang_citi,
.font-preview-noto_sans_yi,
.font-preview-noto_sans_zanabazar_square,
.font-preview-noto_serif,
.font-preview-noto_serif_ahom,
.font-preview-noto_serif_armenian,
.font-preview-noto_serif_balinese,
.font-preview-noto_serif_bengali,
.font-preview-noto_serif_devanagari,
.font-preview-noto_serif_display,
.font-preview-noto_serif_dives_akuru,
.font-preview-noto_serif_dogra,
.font-preview-noto_serif_ethiopic,
.font-preview-noto_serif_georgian,
.font-preview-on-all {
  background-image: url("./sprite.6-NUGGODGS.svg");
}
.font-preview-noto_serif_grantha,
.font-preview-noto_serif_gujarati,
.font-preview-noto_serif_gurmukhi,
.font-preview-noto_serif_hebrew,
.font-preview-noto_serif_hentaigana,
.font-preview-noto_serif_hk,
.font-preview-noto_serif_jp,
.font-preview-noto_serif_kannada,
.font-preview-noto_serif_khitan_small_script,
.font-preview-noto_serif_khmer,
.font-preview-noto_serif_khojki,
.font-preview-noto_serif_kr,
.font-preview-noto_serif_lao,
.font-preview-noto_serif_makasar,
.font-preview-noto_serif_malayalam,
.font-preview-noto_serif_np_hmong,
.font-preview-noto_serif_old_uyghur,
.font-preview-noto_serif_oriya,
.font-preview-noto_serif_ottoman_siyaq,
.font-preview-noto_serif_sc,
.font-preview-noto_serif_sinhala,
.font-preview-noto_serif_tamil,
.font-preview-noto_serif_tangut,
.font-preview-noto_serif_tc,
.font-preview-noto_serif_telugu,
.font-preview-noto_serif_thai,
.font-preview-noto_serif_tibetan,
.font-preview-noto_serif_todhri,
.font-preview-noto_serif_toto,
.font-preview-noto_serif_vithkuqi,
.font-preview-noto_serif_yezidi,
.font-preview-noto_traditional_nushu,
.font-preview-noto_znamenny_musical_notation,
.font-preview-nova_cut,
.font-preview-nova_flat,
.font-preview-nova_mono,
.font-preview-nova_oval,
.font-preview-nova_round,
.font-preview-nova_script,
.font-preview-nova_slim,
.font-preview-nova_square,
.font-preview-ntr,
.font-preview-numans,
.font-preview-nunito,
.font-preview-nunito_sans,
.font-preview-nuosu_sil,
.font-preview-odibee_sans,
.font-preview-odor_mean_chey,
.font-preview-offside,
.font-preview-oi,
.font-preview-ojuju,
.font-preview-old_standard_tt,
.font-preview-oldenburg,
.font-preview-ole,
.font-preview-oleo_script,
.font-preview-oleo_script_swash_caps,
.font-preview-onest,
.font-preview-oooh_baby,
.font-preview-open_sans,
.font-preview-oranienbaum,
.font-preview-orbit,
.font-preview-orbitron,
.font-preview-oregano,
.font-preview-orelega_one,
.font-preview-orienta,
.font-preview-original_surfer,
.font-preview-oswald,
.font-preview-outfit,
.font-preview-over_the_rainbow,
.font-preview-overlock,
.font-preview-overlock_sc,
.font-preview-overpass,
.font-preview-overpass_mono,
.font-preview-ovo,
.font-preview-oxanium,
.font-preview-oxygen,
.font-preview-oxygen_mono,
.font-preview-pacifico,
.font-preview-padauk,
.font-preview-padyakke_expanded_one,
.font-preview-palanquin,
.font-preview-palanquin_dark,
.font-preview-palette_mosaic,
.font-preview-pangolin,
.font-preview-paprika,
.font-preview-parastoo,
.font-preview-parisienne,
.font-preview-parkinsans,
.font-preview-passero_one,
.font-preview-passion_one,
.font-preview-passions_conflict,
.font-preview-pathway_extreme,
.font-preview-pathway_gothic_one,
.font-preview-patrick_hand,
.font-preview-patrick_hand_sc,
.font-preview-pattaya,
.font-preview-patua_one,
.font-preview-pavanam,
.font-preview-paytone_one,
.font-preview-peddana,
.font-preview-peralta,
.font-preview-permanent_marker,
.font-preview-petemoss,
.font-preview-petit_formal_script,
.font-preview-petrona,
.font-preview-philosopher,
.font-preview-phudu,
.font-preview-piazzolla,
.font-preview-piedra,
.font-preview-pinyon_script,
.font-preview-pirata_one,
.font-preview-pixelify_sans,
.font-preview-plaster,
.font-preview-platypi,
.font-preview-play,
.font-preview-playball,
.font-preview-playfair,
.font-preview-playfair_display,
.font-preview-playfair_display_sc,
.font-preview-playpen_sans,
.font-preview-playpen_sans_arabic,
.font-preview-playpen_sans_deva,
.font-preview-playpen_sans_hebrew,
.font-preview-playpen_sans_thai,
.font-preview-playwrite_ar,
.font-preview-playwrite_ar_guides,
.font-preview-playwrite_at,
.font-preview-playwrite_at_guides,
.font-preview-playwrite_au_nsw,
.font-preview-playwrite_au_nsw_guides,
.font-preview-playwrite_au_qld,
.font-preview-playwrite_au_qld_guides,
.font-preview-playwrite_au_sa,
.font-preview-playwrite_au_sa_guides,
.font-preview-playwrite_au_tas,
.font-preview-playwrite_au_tas_guides,
.font-preview-playwrite_au_vic,
.font-preview-playwrite_au_vic_guides,
.font-preview-playwrite_be_vlg,
.font-preview-playwrite_be_vlg_guides,
.font-preview-playwrite_be_wal,
.font-preview-playwrite_be_wal_guides,
.font-preview-playwrite_br,
.font-preview-playwrite_br_guides,
.font-preview-playwrite_ca,
.font-preview-playwrite_ca_guides,
.font-preview-playwrite_cl,
.font-preview-playwrite_cl_guides,
.font-preview-playwrite_co,
.font-preview-playwrite_co_guides,
.font-preview-playwrite_cu,
.font-preview-playwrite_cu_guides,
.font-preview-playwrite_cz,
.font-preview-playwrite_cz_guides,
.font-preview-playwrite_de_grund,
.font-preview-playwrite_de_grund_guides,
.font-preview-playwrite_de_la,
.font-preview-playwrite_de_la_guides,
.font-preview-playwrite_de_sas,
.font-preview-playwrite_de_sas_guides,
.font-preview-playwrite_de_va,
.font-preview-playwrite_de_va_guides,
.font-preview-playwrite_dk_loopet,
.font-preview-playwrite_dk_loopet_guides,
.font-preview-playwrite_dk_uloopet,
.font-preview-playwrite_dk_uloopet_guides,
.font-preview-playwrite_es,
.font-preview-playwrite_es_deco,
.font-preview-playwrite_es_deco_guides,
.font-preview-playwrite_es_guides,
.font-preview-playwrite_fr_moderne,
.font-preview-playwrite_fr_moderne_guides,
.font-preview-playwrite_fr_trad,
.font-preview-playwrite_fr_trad_guides,
.font-preview-playwrite_gb_j,
.font-preview-playwrite_gb_j_guides,
.font-preview-playwrite_gb_s,
.font-preview-playwrite_gb_s_guides,
.font-preview-playwrite_hr,
.font-preview-playwrite_hr_guides,
.font-preview-playwrite_hr_lijeva,
.font-preview-playwrite_hr_lijeva_guides,
.font-preview-playwrite_hu,
.font-preview-playwrite_hu_guides,
.font-preview-playwrite_id,
.font-preview-playwrite_id_guides,
.font-preview-playwrite_ie,
.font-preview-playwrite_ie_guides,
.font-preview-playwrite_in,
.font-preview-playwrite_in_guides,
.font-preview-playwrite_is,
.font-preview-playwrite_is_guides,
.font-preview-playwrite_it_moderna,
.font-preview-playwrite_it_moderna_guides,
.font-preview-playwrite_it_trad,
.font-preview-playwrite_it_trad_guides,
.font-preview-playwrite_mx,
.font-preview-playwrite_mx_guides,
.font-preview-playwrite_ng_modern,
.font-preview-playwrite_ng_modern_guides,
.font-preview-on-all {
  background-image: url("./sprite.7-G7O4CURX.svg");
}
.font-preview-playwrite_nl,
.font-preview-playwrite_nl_guides,
.font-preview-playwrite_no,
.font-preview-playwrite_no_guides,
.font-preview-playwrite_nz,
.font-preview-playwrite_nz_guides,
.font-preview-playwrite_pe,
.font-preview-playwrite_pe_guides,
.font-preview-playwrite_pl,
.font-preview-playwrite_pl_guides,
.font-preview-playwrite_pt,
.font-preview-playwrite_pt_guides,
.font-preview-playwrite_ro,
.font-preview-playwrite_ro_guides,
.font-preview-playwrite_sk,
.font-preview-playwrite_sk_guides,
.font-preview-playwrite_tz,
.font-preview-playwrite_tz_guides,
.font-preview-playwrite_us_modern,
.font-preview-playwrite_us_modern_guides,
.font-preview-playwrite_us_trad,
.font-preview-playwrite_us_trad_guides,
.font-preview-playwrite_vn,
.font-preview-playwrite_vn_guides,
.font-preview-playwrite_za,
.font-preview-playwrite_za_guides,
.font-preview-plus_jakarta_sans,
.font-preview-pochaevsk,
.font-preview-podkova,
.font-preview-poetsen_one,
.font-preview-poiret_one,
.font-preview-poller_one,
.font-preview-poltawski_nowy,
.font-preview-poly,
.font-preview-pompiere,
.font-preview-ponnala,
.font-preview-ponomar,
.font-preview-pontano_sans,
.font-preview-poor_story,
.font-preview-poppins,
.font-preview-port_lligat_sans,
.font-preview-port_lligat_slab,
.font-preview-potta_one,
.font-preview-pragati_narrow,
.font-preview-praise,
.font-preview-prata,
.font-preview-preahvihear,
.font-preview-press_start_2p,
.font-preview-pridi,
.font-preview-princess_sofia,
.font-preview-prociono,
.font-preview-prompt,
.font-preview-prosto_one,
.font-preview-protest_guerrilla,
.font-preview-protest_revolution,
.font-preview-protest_riot,
.font-preview-protest_strike,
.font-preview-proza_libre,
.font-preview-pt_mono,
.font-preview-pt_sans,
.font-preview-pt_sans_caption,
.font-preview-pt_sans_narrow,
.font-preview-pt_serif,
.font-preview-pt_serif_caption,
.font-preview-public_sans,
.font-preview-puppies_play,
.font-preview-puritan,
.font-preview-purple_purse,
.font-preview-qahiri,
.font-preview-quando,
.font-preview-quantico,
.font-preview-quattrocento,
.font-preview-quattrocento_sans,
.font-preview-questrial,
.font-preview-quicksand,
.font-preview-quintessential,
.font-preview-qwigley,
.font-preview-qwitcher_grypen,
.font-preview-racing_sans_one,
.font-preview-radio_canada,
.font-preview-radio_canada_big,
.font-preview-radley,
.font-preview-rajdhani,
.font-preview-rakkas,
.font-preview-raleway,
.font-preview-raleway_dots,
.font-preview-ramabhadra,
.font-preview-ramaraja,
.font-preview-rambla,
.font-preview-rammetto_one,
.font-preview-rampart_one,
.font-preview-ranchers,
.font-preview-rancho,
.font-preview-ranga,
.font-preview-rasa,
.font-preview-rationale,
.font-preview-ravi_prakash,
.font-preview-readex_pro,
.font-preview-recursive,
.font-preview-red_hat_display,
.font-preview-red_hat_mono,
.font-preview-red_hat_text,
.font-preview-red_rose,
.font-preview-redacted,
.font-preview-redacted_script,
.font-preview-reddit_mono,
.font-preview-reddit_sans,
.font-preview-reddit_sans_condensed,
.font-preview-redressed,
.font-preview-reem_kufi,
.font-preview-reem_kufi_fun,
.font-preview-reem_kufi_ink,
.font-preview-reenie_beanie,
.font-preview-reggae_one,
.font-preview-rem,
.font-preview-rethink_sans,
.font-preview-revalia,
.font-preview-rhodium_libre,
.font-preview-ribeye,
.font-preview-ribeye_marrow,
.font-preview-righteous,
.font-preview-risque,
.font-preview-road_rage,
.font-preview-roboto,
.font-preview-roboto_condensed,
.font-preview-roboto_flex,
.font-preview-roboto_mono,
.font-preview-roboto_serif,
.font-preview-roboto_slab,
.font-preview-rochester,
.font-preview-rock_3d,
.font-preview-rock_salt,
.font-preview-rocknroll_one,
.font-preview-rokkitt,
.font-preview-romanesco,
.font-preview-ropa_sans,
.font-preview-rosario,
.font-preview-rosarivo,
.font-preview-rouge_script,
.font-preview-rowdies,
.font-preview-rozha_one,
.font-preview-rubik,
.font-preview-rubik_80s_fade,
.font-preview-rubik_beastly,
.font-preview-rubik_broken_fax,
.font-preview-rubik_bubbles,
.font-preview-rubik_burned,
.font-preview-rubik_dirt,
.font-preview-rubik_distressed,
.font-preview-rubik_doodle_shadow,
.font-preview-rubik_doodle_triangles,
.font-preview-rubik_gemstones,
.font-preview-rubik_glitch,
.font-preview-rubik_glitch_pop,
.font-preview-rubik_iso,
.font-preview-rubik_lines,
.font-preview-rubik_maps,
.font-preview-rubik_marker_hatch,
.font-preview-rubik_maze,
.font-preview-rubik_microbe,
.font-preview-rubik_mono_one,
.font-preview-rubik_moonrocks,
.font-preview-rubik_pixels,
.font-preview-rubik_puddles,
.font-preview-rubik_scribble,
.font-preview-rubik_spray_paint,
.font-preview-rubik_storm,
.font-preview-rubik_vinyl,
.font-preview-rubik_wet_paint,
.font-preview-ruda,
.font-preview-rufina,
.font-preview-ruge_boogie,
.font-preview-ruluko,
.font-preview-rum_raisin,
.font-preview-ruslan_display,
.font-preview-russo_one,
.font-preview-ruthie,
.font-preview-ruwudu,
.font-preview-rye,
.font-preview-sacramento,
.font-preview-sahitya,
.font-preview-sail,
.font-preview-saira,
.font-preview-saira_condensed,
.font-preview-saira_extra_condensed,
.font-preview-saira_semi_condensed,
.font-preview-saira_stencil_one,
.font-preview-salsa,
.font-preview-sanchez,
.font-preview-sancreek,
.font-preview-sankofa_display,
.font-preview-sansation,
.font-preview-sansita,
.font-preview-sansita_swashed,
.font-preview-sarabun,
.font-preview-sarala,
.font-preview-sarina,
.font-preview-sarpanch,
.font-preview-sassy_frass,
.font-preview-satisfy,
.font-preview-on-all {
  background-image: url("./sprite.8-XYKETYTD.svg");
}
.font-preview-savate,
.font-preview-sawarabi_gothic,
.font-preview-sawarabi_mincho,
.font-preview-scada,
.font-preview-scheherazade_new,
.font-preview-schibsted_grotesk,
.font-preview-schoolbell,
.font-preview-science_gothic,
.font-preview-scope_one,
.font-preview-seaweed_script,
.font-preview-secular_one,
.font-preview-sedan,
.font-preview-sedan_sc,
.font-preview-sedgwick_ave,
.font-preview-sedgwick_ave_display,
.font-preview-sekuya,
.font-preview-sen,
.font-preview-send_flowers,
.font-preview-sevillana,
.font-preview-seymour_one,
.font-preview-shadows_into_light,
.font-preview-shadows_into_light_two,
.font-preview-shafarik,
.font-preview-shalimar,
.font-preview-shantell_sans,
.font-preview-shanti,
.font-preview-share,
.font-preview-share_tech,
.font-preview-share_tech_mono,
.font-preview-shippori_antique,
.font-preview-shippori_antique_b1,
.font-preview-shippori_mincho,
.font-preview-shippori_mincho_b1,
.font-preview-shizuru,
.font-preview-shojumaru,
.font-preview-short_stack,
.font-preview-shrikhand,
.font-preview-sigmar,
.font-preview-sigmar_one,
.font-preview-signika,
.font-preview-signika_negative,
.font-preview-silkscreen,
.font-preview-simonetta,
.font-preview-sintony,
.font-preview-sirin_stencil,
.font-preview-sirivennela,
.font-preview-six_caps,
.font-preview-sixtyfour,
.font-preview-sixtyfour_convergence,
.font-preview-skranji,
.font-preview-slabo_13px,
.font-preview-slabo_27px,
.font-preview-slackey,
.font-preview-slackside_one,
.font-preview-smokum,
.font-preview-smooch,
.font-preview-smooch_sans,
.font-preview-smythe,
.font-preview-sniglet,
.font-preview-snippet,
.font-preview-snowburst_one,
.font-preview-sofadi_one,
.font-preview-sofia,
.font-preview-sofia_sans,
.font-preview-sofia_sans_condensed,
.font-preview-sofia_sans_extra_condensed,
.font-preview-sofia_sans_semi_condensed,
.font-preview-solitreo,
.font-preview-solway,
.font-preview-sometype_mono,
.font-preview-sono,
.font-preview-sonsie_one,
.font-preview-sora,
.font-preview-sorts_mill_goudy,
.font-preview-sour_gummy,
.font-preview-source_code_pro,
.font-preview-source_sans_3,
.font-preview-source_serif_4,
.font-preview-space_grote