*,::before,::after{box-sizing:border-box;}html{font-family:Verdana,sans-serif;font-size:16px;line-height:1.5;margin:0;padding:0;text-size-adjust:100%;}body,form{margin:0;}a{color:var(--color-text);text-decoration:none;}ul{list-style:none;margin:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:middle;}h1,h2,#category_menu,.custom *,.font_header,button,input,select,textarea,.filename,.opts,.stats,.upper_menu{font-size:1rem;}input:not([type="search"]):not([type="radio"]):not([type="checkbox"]),main button:not([class="donate"]),select{height:1.5rem;}.site-header{background:#fff;}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute !important;}.nav_other,.upper_menu{align-items:center;background:var(--color-surface-muted);display:flex;flex-wrap:wrap;justify-content:space-between;min-height:2rem;white-space:nowrap;}#login_header{align-items:center;display:flex;gap:.85rem;}#login_header>*,.nav_other a{display:inline-block;padding:0 .5rem;}#login_header .account-greeting,#login_header a{color:inherit;font-weight:400;}#login_header.signed-in a,#login_header .logout-form button{font-weight:700;}#login_header .logout-form{display:inline;margin:0;}#login_header .logout-form button{background:none;border:0;color:inherit;font:inherit;padding:0;}#lang{display:flex;padding:0 .5rem;}.language-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:var(--radius-control);padding:0 .4rem;height:24px;font:inherit;font-size:.85rem;background:transparent;color:var(--color-brand);cursor:pointer;}.language-trigger:hover{background:var(--color-accent);color:#fff;}@media(max-width:1024px){.language-trigger{height:44px;padding:.5rem .8rem;border:1px solid var(--color-control-border);}}.logo_section{align-items:center;display:flex;height:140px;margin:0 auto;max-width:1920px;}.logo_section .f2u{align-items:center;align-self:stretch;display:flex;flex:0;margin-inline-start:1rem;}.banner_up{align-items:center;display:flex;flex:1;height:inherit;justify-content:center;min-height:140px;}.container{display:flex;margin:0 auto;max-width:1920px;padding:0 1rem 1rem;}.banner_left{flex:0 0 160px;min-width:160px;}.main_container{flex:1;min-width:0;padding-inline-start:1rem;}.main_container nav ul{display:flex;flex:1;flex-wrap:wrap;}.main_container nav ul li{flex:4 0 25%;}.main_container nav ul li.cell{display:none;}.main_container nav .search{align-items:center;display:flex;justify-content:flex-end;min-width:245px;}#main_menu_container{display:flex;margin-bottom:.8rem;min-height:60px;}.search_form{display:flex;white-space:nowrap;}.search_form button,.search_form input{border-radius:var(--radius-control);display:inline-block;padding:.2rem .4rem;}.mobile_bar{display:none;}.mobile_bar button{background:#fff;border:0;line-height:0;padding:10px;}#category_menu{border-top:1px dashed var(--color-brand);column-count:7;column-gap:.2rem;padding:.8rem 0;}#category_menu a{break-inside:avoid;display:flex;line-height:1.75rem;padding-inline-start:.3rem;}#category_menu a:not(.cat_main):is(.sel,:hover,:focus-visible){background:var(--color-surface-muted);color:var(--color-brand);text-decoration:none;}#category_menu a.cat_main{background:var(--color-brand);color:#fff;}.category_back{display:none;}.stats{border-top:5px solid var(--color-brand);}.stats span{background:var(--color-surface-muted);padding:.1rem .3rem;}.stats ul{display:flex;flex-wrap:wrap;padding:.25rem .4rem;}.stats ul:first-child{border-bottom:1px dashed var(--color-brand);}.stats ul li{padding:.2rem 1.25rem .2rem 0;}.page-header{border-radius:var(--radius-control);align-items:center;background:var(--color-brand);display:flex;justify-content:space-between;padding:1px;}.page-header h1,h2{color:#fff;font-weight:400;line-height:33px;margin:0;padding-inline-start:.4rem;}.ranking-periods{align-items:center;display:flex;flex-wrap:wrap;font-size:1rem;gap:.15rem 0;justify-content:flex-start;line-height:1.5rem;}.custom .ranking-periods{display:flex;}.ranking-periods a{color:var(--color-text);display:inline-block;text-decoration:none;}.ranking-periods a:hover,.ranking-periods a:focus-visible,.ranking-periods a.selected{text-decoration:underline;text-underline-offset:.16rem;}.ranking-period-col{flex:1 1 auto;min-width:0;text-align:start;}.ranking-period-block{margin-inline-start:auto;max-width:100%;width:fit-content;}.ranking-period-block>label{display:block;font-weight:700;margin-bottom:.4rem;text-align:start;white-space:nowrap;}.ranking-period-option{align-items:center;display:inline-flex;white-space:nowrap;}.ranking-period-separator{color:var(--color-text-muted);margin-inline:.5rem;}.ranking-result-controls{align-items:flex-start;display:flex;flex:1 1 24rem;flex-wrap:nowrap;gap:1.25rem;min-width:0;padding-inline-end:.4rem;}.ranking-result-controls .col>label{white-space:nowrap;}.ranking-results-col{flex:0 0 auto;margin-inline-start:auto;}h2{background:var(--color-brand);}.tool-page h2,.tool-page h3{background:transparent;color:var(--color-text);}.tool-page .tool-shell{max-width:none;width:100%;}.pager{display:flex;line-height:33px;white-space:nowrap;}.pager *{color:#fff;}.font_header{border-radius:var(--radius-control);background:var(--color-surface-muted);display:block;line-height:33px;padding-inline-start:.4rem;width:100%;}.font_header>a,.font_header>span:first-child{font-weight:700;}.font_body{position:relative;}.font_body .opts{display:inline;margin:.4rem 0 0 .4rem;position:absolute;top:0;}.font_body .opts li{display:inline-block;}.font_body .filename{bottom:0;display:inline;margin:0 0 .4rem .4rem;position:absolute;}.font_body_image{background-position:10px;background-repeat:no-repeat;display:block;overflow:hidden;position:relative;}.font_body_image.s{height:7rem;}.font_body_image.m{height:9rem;}.font_body_image.l{height:11rem;}.font_body_image.xl{height:15rem;}.font_body_image>img{height:auto;left:10px;max-width:none;position:absolute;top:50%;transform:translateY(-50%);}.buttons{align-items:center;display:flex;height:100%;position:absolute;inset-inline-end:0;top:0;}.button_group{background:#fff;min-width:10rem;}.button_group>*{display:block;line-height:1.5rem;padding:0 1rem;text-align:center;width:100%;}.font{background:var(--color-brand);color:#fff;}.custom,.row{display:flex;flex-wrap:wrap;}.custom{padding:.4rem .4rem 1rem;}.custom .col{padding:.4rem .4rem .2rem 0;}.custom .col>*{display:block;}.custom .col>label{font-weight:700;margin-bottom:.4rem;}.grow-right{align-items:flex-end;}.custom-wrap{position:relative;}.share-menu{height:100%;position:relative;}.share-menu summary{align-items:center;display:flex;gap:.4rem;height:100%;list-style:none;padding:0 .75rem;}.similar-jump{align-items:center;display:flex;gap:.4rem;height:100%;padding:0 .75rem;}.gray-bg{background:var(--color-surface-muted);}.content,.pad{padding:.8rem .4rem;}[hidden]{display:none;}@media (max-width:1039px){.ranking-period-block{margin-inline-start:0;}}@media (max-width:1280px){.share-menu summary,.similar-jump,.custom-wrap .back .back-link{display:inline-flex;min-height:2.5rem;}}@media (max-width:1024px){.banner_left,.banner_up,.upper_menu{display:none;}.site-header{box-shadow:0 2px 2px rgba(0,0,0,.1);left:0;position:fixed;top:0;width:100%;z-index:1000;}.logo_section{height:50px;justify-content:space-between;}.logo_section .f2u svg{height:28px;width:100px;}.mobile_bar{display:flex;}.main_container{padding:0;}#main_menu_container{margin:0;min-height:0;}.main_container nav .search{background:var(--color-text);display:flex;justify-content:center;left:0;opacity:0;padding:2rem 1rem;position:fixed;top:-60px;visibility:hidden;width:100%;z-index:990;}.main_container nav .search form{width:100%;}.main_container nav .search input{background:var(--color-text-muted);border:0;color:#fff;flex:auto;font-size:1.25rem;}#category_menu,.main_container nav ul{background:var(--color-text);bottom:0;display:inline;left:0;opacity:0;overflow:auto;position:absolute;top:50px;visibility:hidden;width:100%;}#category_menu[data-open],.main_container nav ul[data-open]{opacity:1;position:fixed;visibility:visible;}.main_container nav .search[data-open]{opacity:1;transform:translateY(110px);visibility:visible;}.main_container nav ul li,.main_container nav ul li.cell{display:block;flex:none;}.category_back,.main_container nav ul li a{border-bottom:1px solid var(--color-text);color:#fff;display:block;font-size:1.25rem;padding:1rem;text-align:center;}.category_back{background:var(--color-accent);border:0;border-bottom:1px solid var(--color-text);height:auto;width:100%;}#category_menu{border:0;column-count:auto;margin:0;padding:0;}#category_menu a{display:none;}#category_menu a.cat_main,.main_container nav ul li.cell{display:block;}#category_menu a[hidden]{display:none;}#category_menu[data-level="children"] a:not([hidden]){display:block;}.container{margin-top:70px;}}@media (max-width:768px){.page-header,.page-header h1{display:block;}.stats{display:none;}.font_body{border:1px solid var(--color-surface-muted);margin-bottom:1rem;}.font_body .filename{display:block;margin:-1rem 0 .35rem;position:relative;text-align:center;}.buttons{display:block;position:relative;text-align:center;}.font_body_image>img{height:40%;}}@media (max-width:480px){.container{margin-top:55px;padding:0 .2rem 1rem;}.logo_section .f2u{margin-left:.6rem;}.pager{display:block;}}.font_wrapper .button_group{display:flex;flex-direction:column;gap:4px;max-width:14rem;}.font_wrapper .button_group>:is(a,button){align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-control);cursor:pointer;display:flex;font-size:.875rem;height:auto;justify-content:center;line-height:20px;margin:0;min-height:32px;overflow-wrap:anywhere;padding:5px 12px;text-align:center;text-decoration:none;}.font_wrapper .button_group>.font{background:var(--color-brand);border-color:var(--color-brand);color:#fff;}.font_wrapper .button_group>.fontface{background:var(--color-surface);color:var(--color-brand);}.font_wrapper .button_group>:is(a,button):not(:disabled):is(:hover,:focus-visible){background:var(--color-accent);border-color:var(--color-accent);color:#fff;}.font_wrapper .button_group>:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;}select:where(:not([multiple]):not([size])){appearance:none;background-image:var(--select-arrow);background-position:right .4rem center;background-repeat:no-repeat;background-size:.65rem .4rem;border:1px solid var(--color-control-border);padding:0 1.4rem 0 .4rem;}[dir=rtl] select:where(:not([multiple]):not([size])){background-position:left .4rem center;padding-inline:.4rem 1.4rem;}@media(max-width:768px){.font_wrapper .button_group{flex-direction:row;flex-wrap:wrap;gap:6px;max-width:none;min-width:0;padding:6px;}.font_wrapper .button_group>:is(a,button){flex:1 1 9rem;min-height:44px;min-width:0;width:auto;}}@media(pointer:coarse) and (min-width:769px){.font_wrapper .font_body .filename{position:relative;display:block;margin:0 .4rem .35rem;}.font_wrapper .buttons{position:relative;height:auto;justify-content:flex-end;}.font_wrapper .button_group{flex-direction:row;flex-wrap:wrap;max-width:none;gap:6px;padding:6px 0;}.font_wrapper .button_group>:is(a,button){min-height:44px;width:auto;}}#category_menu a,.stats span,.pager a,.extended_search,.navdown>a{border-radius:var(--radius-control);}.search_form{gap:0;min-width:0;width:100%;}.search_form input[type=search]{min-width:0;width:clamp(7rem,13vw,15rem);height:32px;border:1px solid var(--color-control-border);padding:5px 8px;}.search_form button{min-height:32px;height:auto;padding:5px 10px;background:var(--color-brand);border:1px solid var(--color-brand);color:#fff;}.search_form button:is(:hover,:focus-visible){background:var(--color-accent);border-color:var(--color-accent);color:#fff;}.search_form input:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;}.home-page .home-section-bar{background:var(--color-brand);border-radius:var(--radius-control);color:white;font-size:1rem;font-weight:400;line-height:33px;min-height:35px;padding:1px .4rem;margin:1.5rem 0 0;}.category-search #custom,.category-search #extended,.catalog-preview,.font-detail-page #pform{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);margin:.8rem 0;}.category-search .custom,.catalog-preview .custom,.font-detail-page .custom{gap:.75rem;padding:.85rem;}.category-search .custom .col,.catalog-preview .custom .col,.font-detail-page .custom .col{min-width:0;padding:0;}.category-search input:not([type=checkbox]):not([type=hidden]),.category-search select,.catalog-preview input:not([type=hidden]),.catalog-preview select,.font-detail-page #pform input,.font-detail-page #pform select{background-color:#fff;border:1px solid var(--color-control-border);border-radius:var(--radius-control);height:auto;min-height:36px;min-width:0;max-width:100%;padding:.4rem .55rem;}.category-search select,.catalog-preview select,.font-detail-page #pform select{padding-inline-end:1.8rem;}.category-search button,.catalog-preview button,.font-detail-page #pform button{height:auto;min-height:36px;border:1px solid var(--color-brand);border-radius:var(--radius-control);padding:.4rem .85rem;background:var(--color-brand);color:#fff;}.category-search button:not(:disabled):is(:hover,:focus-visible),.catalog-preview button:is(:hover,:focus-visible),.font-detail-page #pform button:is(:hover,:focus-visible){background:var(--color-accent);border-color:var(--color-accent);color:#fff;}.font-detail-page .share-menu summary,.font-detail-page .similar-jump,.font-detail-page .back-link{min-height:36px;border-radius:var(--radius-control);padding:.4rem .65rem;}@media(max-width:1024px){.search_form input[type=search]{flex:1;width:0;min-height:44px;}.search_form button{min-height:44px;}}@media(max-width:768px){.category-search button,.category-search select,.category-search input:not([type=checkbox]):not([type=hidden]),.catalog-preview button,.catalog-preview select,.catalog-preview input:not([type=hidden]),.font-detail-page #pform button,.font-detail-page #pform select,.font-detail-page #pform input{min-height:44px;font-size:1rem;}.category-search #custom>.col:first-child,.catalog-preview .custom>.col:first-child{flex:1 1 100%;}.font-detail-page .custom>.col:first-child{flex:1 1 6rem;min-width:6rem;}.font-detail-page .custom{column-gap:.5rem;}.category-search #ct,.catalog-preview #ct,.font-detail-page #ct{width:100%;}}.search_form input[type=search]{border-radius:0;border-start-start-radius:var(--radius-control);border-end-start-radius:var(--radius-control);border-inline-end:0;}.search_form button{border-radius:0;border-start-end-radius:var(--radius-control);border-end-end-radius:var(--radius-control);}.search_form:focus-within{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:var(--radius-control);}.search_form input:focus-visible{outline:none;}.category-search #category_reset,.catalog-preview .preview-reset,.font-detail-page .preview-reset{display:inline-flex;align-items:center;min-height:36px;padding:.4rem .3rem;}.pager li:first-child{border-inline-end:1px solid #fff;padding-inline-end:.5rem;}.pager li a{padding:0 .5rem;text-decoration:none;display:block;}.pager li a:hover{color:var(--color-brand);background:#fff;}.pager li a.prev:before{content:"< ";}.pager li a.next:after{content:" >";}@media(max-width:768px){.category-search #category_reset,.catalog-preview .preview-reset,.font-detail-page .preview-reset{min-height:44px;}.pager li:first-child{border:0;flex:.8rem;padding:0 .4rem;}}@media(max-width:480px){.pager li a.next:after,.pager li a.prev:before{content:"";}.pager li a{color:var(--color-brand);text-align:center;background:#fff;margin-top:1px;line-height:40px;}.pager li a:hover{background:var(--color-surface-muted);}}.category-font-tester{align-items:center;background:var(--color-accent-soft);border:1px solid var(--color-control-border);box-sizing:border-box;color:var(--color-brand);display:inline-flex;font-weight:700;min-height:36px;padding:.3rem .65rem;text-decoration:none;white-space:nowrap;}.category-font-tester:hover,.category-font-tester:focus-visible{background:var(--color-accent-soft);border-color:var(--color-accent);text-decoration:none;}.ads-disabled .ad-placement{display:none;}.banner_top{display:block;max-width:728px;min-height:90px;width:100%;}.banner_lft{display:block;max-width:160px;min-height:600px;width:100%;}.banner,.banner_content,.banner_content_li,.banner>.adsbygoogle,.banner_content>.adsbygoogle,.banner_content_li>.adsbygoogle,.banner_lft>.adsbygoogle,.banner_top>.adsbygoogle{display:block;width:100%;}.banner_content{margin:1rem auto;min-height:90px;text-align:center;}.banner_content_li{display:none;margin-bottom:1rem;min-height:300px;}.banner{float:inline-end;max-width:300px;min-height:250px;position:sticky;text-align:center;top:1rem;width:100%;}@media (max-width:1205px){.banner{float:none;margin:1rem auto;max-width:100%;min-height:90px;position:static;}}@media (max-width:1024px){.banner,.banner_lft,.banner_top{display:none;}.banner_content_li{display:block;}}@media (max-width:767px){.banner{margin-top:0;}}@media (min-width:1025px){#main_menu>li>a{display:inline-flex;align-items:center;min-height:24px;}}.skip-link{position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;z-index:10000;padding:.6rem 1rem;background:var(--color-brand);color:#fff;border-radius:var(--radius-control);transform:translateY(-200%);}.skip-link:focus{transform:none;outline:2px solid var(--color-brand);outline-offset:2px;}[dir=rtl] .font_wrapper:not(.related-font-pane) .font_body_image>img{left:auto;right:10px;}[dir=rtl] .pager li a.prev:before{content:"> ";direction:ltr;unicode-bidi:isolate;}[dir=rtl] .pager li a.next:after{content:" <";direction:ltr;unicode-bidi:isolate;}[dir=rtl] input:is([type=email],[type=url]){direction:ltr;text-align:start;}@media(max-width:480px){[dir=rtl] .pager li a.next:after,[dir=rtl] .pager li a.prev:before{content:"";}}.font_header>*{line-height:1.5rem}.font_header:after{clear:both;content:"";display:table}.font_author a:before{content:"»";margin:0 .4rem;text-decoration:none;display:inline-block}.font_author a:first-child:before{margin:0 .4rem 0 .2rem}.font_spec span{color:#fff;background:var(--color-brand);margin:1px 1px 1px 0;padding:0 .4rem;line-height:31px;display:inline-block}.font_spec span.rev{color:var(--color-brand);outline-offset:-1px;background:#fff;outline:1px solid var(--color-brand)}.buttons>button{fill:var(--color-brand);background:0 0;border:0;margin-inline-end:20px}.buttons button:hover{fill:var(--color-accent)}.buttons button.red{fill:red}.button_group>*{background:#fff;border:1px solid #0000}.button_group>:not(:last-child){margin-bottom:4px}.button_group a{text-decoration:none}@media (width<=768px){.font_author a:first-child:before{margin:0 .4rem 0 0}}@media (width<=768px){.font_header{font-size:1rem}}@media (width<=768px){.buttons{text-align:center;display:block;position:relative}}@media (width<=768px){.buttons>button{margin:0 0 1rem;display:inline-block}}@media (width<=768px){.buttons.admin{margin-top:.5rem}}@media (width<=768px){.button_group{margin-bottom:4px}}@media (width<=768px){.button_group>*{line-height:1.75rem}}@media (width<=480px){.opts{font-size:.85rem}}.font_body_image>img{pointer-events:none;width:auto;}.buttons .favorite-trigger{align-items:center;align-self:center;background:transparent;border:0;border-radius:var(--radius-control);color:var(--color-border);cursor:pointer;display:inline-flex;flex:0 0 auto;height:38px;justify-content:center;margin-inline-end:.45rem;padding:.35rem;width:38px;}.buttons .favorite-trigger svg{fill:currentColor;height:25px;width:25px;}.page-header{position:relative}.page-header h2{line-height:33px}.page-header.right{justify-content:flex-end}.page-header>span{color:#fff;padding:0 .4rem}@media (width<=768px){.page-header,.page-header h1{display:block}}@media (width<=768px){.page-header>span{text-align:center;display:block}}@media (width<=768px){.page-header>span{color:var(--color-brand);background:#fff;width:100%;line-height:33px}}@media (width<=768px){#custom .col.grow,#custom .orderby,.col.size{display:none}}.similar-jump{align-items:center;background:var(--color-surface);border:0;box-sizing:border-box;color:var(--color-brand);display:flex;font-weight:700;gap:.4rem;height:100%;padding:0 .75rem;text-decoration:none;white-space:nowrap;}@media (max-width:1280px){.similar-jump{display:inline-flex;min-height:2.5rem;}}@media (max-width:1024px){.similar-jump{display:inline-flex;min-height:2.5rem;}}@media (max-width:767px){.similar-jump{padding-inline:.5rem;}}.font_author .font-designers a+a:before{content:", ";margin:0 .25rem 0 0;}.font-detail-page .custom-wrap.has-detail-actions{display:flex;flex-wrap:wrap;padding:.85rem;gap:.75rem;align-items:end;}.font-detail-page .custom-wrap.has-detail-actions .custom{flex:1 1 24rem;padding:0;min-width:0;}.font-detail-page .custom-wrap .detail-actions{display:flex;flex-wrap:wrap;position:relative;height:auto;margin-block:0;margin-inline:auto 0;padding:0;border:0;gap:.35rem;flex:0 1 auto;justify-content:flex-end;align-items:stretch;min-width:0;}.font-detail-page .detail-actions>*{flex:0 0 auto;height:auto;}.font-detail-page .detail-actions .back{position:static;height:auto;padding:0;border:0;}.font-detail-page .detail-actions :is(.back-link,.similar-jump,summary){height:auto;box-sizing:border-box;min-height:36px;white-space:nowrap;}@media(max-width:768px){.font-detail-page .custom-wrap .detail-actions{flex-basis:100%;}.font-detail-page .detail-actions :is(.back-link,.similar-jump,summary){min-height:44px;}}.font-detail-page .detail-actions .share-menu{position:static;}.font-detail-page .detail-actions .share-options{inset-inline-end:0;inset-inline-start:auto;width:18rem;min-width:0;max-width:calc(100vw - 2rem);}