#mobile-nav-content{display:none;position:absolute}.mobile-button{background-color:#0aa;color:#fff;display:inline-block;position:absolute;box-shadow:1ch .5em 0 0 #000;transition:color .15s ease,background-color .15s ease,box-shadow .15 ease}.mobile-button.activated{background-color:#fff;color:#0aa}.mobile-button.disabled{box-shadow:none;width:32px;height:32px;padding:0!important;background-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACAAQMAAAD58POIAAAABlBMVEVHcExVVVUpkGRgAAAAAXRSTlMAQObYZgAAADlJREFUSMdjYGD4jwQYQGBEC0BFoQDIGxWACkJZowKj6QMjfcCyz6gALLHAE82owGh+QRIYrW9RBABGlPwuvmTTgwAAAABJRU5ErkJggg==);background-size:100% 100%;filter:opacity(.7)}#mobile-button-burger{left:.5ch;top:6px;padding:.5em 1.5ch}#mobile-button-fontwidget{right:1.5ch;top:6px;padding:.5em 1ch}.mobile-button:not(.disabled):hover{cursor:pointer;color:#00a;box-shadow:1ch .5em 0 0 #00a}#sidebar.forced-on,#sidebar.x.forced-on{left:0}#fontwidget.forced-on{right:0}@media screen and (max-width:1220px){#uopfp-ansi pre{font-size:12px;line-height:12px;width:calc(100% + 16px)}#uopfp-ansi{}#content{width:calc(100% - 2ch)}#content.with-sidebar{width:calc(100% - 24ch)}#content.with-sidebar.x{width:calc(100% - 27ch)}.fonttable{margin-right:1ch;margin-left:1ch}.monotable.cozy tr td:nth-child(4),.monotable.cozy tr td:first-child{word-wrap:break-word}.monotable.cozy tr td:nth-child(3){word-break:break-all}}@media screen and (max-width:1200px){.fonttable{width:calc(100% - 2ch)}a.fontlink div{width:calc(100vw - 30ch)}a.fontlink{width:calc(100vw - 30ch - 2px)}a.fontlink::before{width:calc(100vw - 30ch - 4px)}#txt-container{width:calc(100% - 37ch)}}@media screen and (max-width:1136px){#fontsmenu ul li a,#fontsmenu ul li a:link,#fontsmenu ul li a:visited{margin-left:0;box-shadow:0 0 0 7px #2e2e2e,7px 0 0 7px #2e2e2e}#fontsmenu ul:after{box-shadow:-2px 0 0 2px #2e2e2e;margin-left:-8px}.panel-zaz{margin:0 12px 48px}a.panel-zaz.shadow0xb0:before{left:1ch}}@media screen and (max-width:1015px){#fontsmenu h1{max-width:1px;height:1px;clip:rect(0 0 0 0);color:transparent;font-size:.1px;padding:20px 0 12px;overflow:hidden}#fontsmenu h1:before{content:'Oldschool PC Fonts:';color:#fff;font-size:16px}#fontsmenu h1:after{position:relative;top:2em}#action-panels{max-width:640px;margin-left:auto;margin-right:auto}#index-shortcuts{max-width:126ch}.greyframe{left:-1ch}}@media screen and (max-width:900px){#fontsmenu ul li a,#fontsmenu ul li a:link,#fontsmenu ul li a:visited{padding-left:4px;padding-right:4px}#uopfp-ansi pre{font-size:8px;line-height:8px}.charset-title:after{content:''}.charset-title .h4helper{display:block;position:static}.charset-title .h4helper:after{content:':'}}@media screen and (max-width:840px){#fontsmenu ul li a,#fontsmenu ul li a:link,#fontsmenu ul li a:visited{margin-right:0;box-shadow:none;border-left-width:0}#fontsmenu ul:after{display:none}#fontsmenu h1{margin-right:0}#index-shortcuts{justify-content:center}#index-shortcuts dl{max-width:21ch;margin-right:1ch}#index-shortcuts dt{width:21ch}}@media screen and (max-width:800px){#nav{background-position:0 46px}#fontsmenu{background-position:0 46px;background-size:100% 33px}#fontsmenu h1{display:none}ul#navlist-desktop{display:none}#fontwidget,#fontwidget-no-js{box-sizing:border-box;right:-100%;top:3em;width:100%;background-image:none;margin:0;padding:0 1ch;border:1ch solid #a00;line-height:16px;box-shadow:0 .5em 0 0 rgba(0,0,0,.8)}#row1,#row2{display:inline-block}#row1{font-size:1px;color:transparent}#row1:after{font-size:16px;color:#aaa;content:'Font:'}#row2 a:not(:first-child){margin:0 -1ch 0 0;padding:1ch}#row2 a:first-child{padding:1ch 0}#mobile-nav-content{display:block;text-align:center;width:100%}#mobile-nav-content ul{margin:6px auto 0 auto;display:inline-block}#fontsmenu ul li a,#fontsmenu ul li a:link,#fontsmenu ul li a:visited{border:0;padding:8px 0;margin:0}#fontsmenu ul li:not(:first-child):before{content:'\2022\20';color:#fff}#fontsmenu ul li.nobullet:before{content:''}#fontsmenu ul li a span{padding:0}#footer.shifted::before{display:none}#sidebar{border-right:4px solid #555}#tml-ansi pre{font-size:12px;line-height:12px}#fonts-tip{padding-left:1ch;padding-right:1ch}#index-shortcuts dl{flex-basis:50%;max-width:21ch}#index-shortcuts dl:nth-of-type(odd){margin-left:10ch;margin-right:3ch}#index-shortcuts dl:nth-of-type(even){margin-left:3ch;margin-right:10ch}#sidebar{left:-22ch}#content.with-sidebar{width:calc(100% - 2ch);left:0}.fonttable{width:calc(100% - 2ch)}a.fontlink div{width:calc(100vw - 8ch)}a.fontlink{width:calc(100vw - 8ch - 2px)}a.fontlink::before{width:calc(100vw - 8ch - 4px)}.fonttable td.col-aspect+td{background-size:150%;background-position:0 50%}#sidebar.x{left:-25ch}#content.with-sidebar.x{width:calc(100% - 2ch);left:0}ul.tabulated li span:first-child{width:30%;white-space:normal}ul.tabulated li::before{margin-left:0}a.samplepic:before{left:1ch}a.samplepic{padding-left:1ch;padding-right:1ch;width:196px;margin:0 1ch 2em}#font-vars-table{font-size:2vw;line-height:2vw}}@media screen and (max-width:680px){#fontsmenu ul{max-width:300px;margin-top:2px;text-align:center}#fontsmenu ul li:nth-child(4):before{content:''}#fontsmenu ul li a,#fontsmenu ul li a:link,#fontsmenu ul li a:visited{padding:4px 0}#fontsmenu ul:after{display:inline-block;position:relative;top:-36px;background-color:#555;content:'';width:300px;height:1px;border-style:none;padding:0;margin:0}#nav{background-position:0 52px;height:55px}#fontsmenu{background-image:none;height:55px}#fontwidget,#fontwidget-no-js{top:55px}#mobile-button-fontwidget,#mobile-button-burger{top:8px}#content{padding-top:72px}#content a.anchor{top:-72px}}@media screen and (max-width:620px){.padme{padding:.5em 1ch}#tml-ansi pre{font-size:8px;line-height:8px}#uopfp-ansi pre{font-size:6px;line-height:6px}#fonts-tip{width:75%;margin-bottom:1em}#primary-container>div{margin:0 1ch 2em}#primary-container h3{margin-bottom:.45em}#primary-container ul,#primary-container ul li{margin:0!important}a.panel-zaz.shadow0xb0:before{display:none}a.panel-zaz:link{box-shadow:1ch .5em 0 0 #292929}a.panel-zaz:hover,a.panel-zaz:focus,a.panel-zaz:active{box-shadow:1ch .5em 0 0 #055}#index-shortcuts dl:nth-of-type(odd),#index-shortcuts dl:nth-of-type(even){margin:1em 3ch;width:20ch}#index-shortcuts dt{width:20ch}.sample-text-th:after{content:''}.fonttable{font-size:12px!important;line-height:12px}a.fontlink div{width:calc(100vw - 56px)}a.fontlink{width:calc(100vw - 58px)}a.fontlink::before{width:calc(100vw - 60px);background-size:calc(964px*.78) 97px;background-repeat:no-repeat}.fonttable td.col-aspect+td{background-size:175%}#preview-container{height:auto}#preview-container h4{display:block;margin-bottom:0}#controls-container,#txt-container{display:block;float:none;width:100%}#controls-container h4:not(:first-child){margin-top:1em}.rad{display:inline-block}span.radio-switch.pw{white-space:normal}#psizecustom{float:none}#custom-scaling{margin:0}#optimal-font-sizes{display:none}#button-container{position:static;width:100%}#button-container input{max-width:calc(33% - 2ch);height:2em;white-space:normal;text-align:center;margin:1em .5ch}#ascii-logo pre{text-shadow:1vw 1vw 0 #363636}#ascii-logo *{font-size:2.4vw;line-height:2.4vw}}@media screen and (max-width:540px){.panel-zaz{width:172px;height:156px;margin:0 8px 24px}.panel-zaz:after{width:153px;height:147px}.panel-zaz h2{transform:scale(.75)}.panel-zaz div{font-size:75%;line-height:1em;height:42px}#fontpreview-backlink::after{content:'\bb'}a.prev-link::before{content:'\2190'}a.next-link::after{content:'\2192'}.prev-next a.prev-link::after{content:''}.prev-next a.next-link::before{content:'/'}.prev-next a.prev-link{max-width:5ch;display:inline-block;overflow:hidden}}@media screen and (max-width:480px){#button-container input{font-size:12px;margin-bottom:1.5em;padding:0 .5ch;letter-spacing:-.3px}.monotable.cozy{font-size:.75em;line-height:1em}.monotable tbody{text-align:left}.monotable.cozy tr th:first-child,.monotable.cozy tr td:first-child{max-width:11ch}a.samplepic{width:150px;margin-right:2ch;margin-right:0;font-size:75%;line-height:1em;box-shadow:1ch .5em 0 0 #292929}a.samplepic:hover,a.samplepic:focus,a.samplepic:active{box-shadow:1ch .5em 0 0 #088}a.samplepic:before{display:none}.samplepic img{height:84px}}@media screen and (max-width:460px){#uopfp-ansi pre{font-size:1.2vw;line-height:1.2vw}.fonttable td.col-aspect+td{background-size:200%}ul.tabulated{display:block}ul.tabulated li{display:list-item!important;text-indent:-3ch!important;padding-left:2ch!important}ul.tabulated li span{display:inline}ul.tabulated li span:first-child{padding-right:0}ul.tabulated li span:first-child::after{content:': '}#remapped-glyph-table{font-size:3vw;line-height:3vw}}@media screen and (max-width:400px){#fontsmenu ul,#fontsmenu ul:after{max-width:240px}#fontsmenu ul li:first-child{display:none}#fontsmenu ul li:nth-child(4):before{content:'\2022\20'}#fontsmenu ul li:nth-child(5):before{content:''}#tml-ansi pre{font-size:1.5vw;line-height:1.5vw}#button-container input{font-size:10px}.fonttable{font-size:8px!important;line-height:8px}a.fontlink div{width:calc(100vw - 48px)}a.fontlink{width:calc(100vw - 50px)}a.fontlink::before{width:calc(100vw - 52px);background-size:calc(964px*.53) 98%}.fonttable td.col-aspect+td{background-size:250%}}