html:has(>.fontsPage){width:100vw;overflow-x:hidden}.fontsPage{--text: #111;--text-demo: #000;--panel-text: var(--text);--panel: var(--background);--cyan: #29dfff;--magenta: #ff56c1;--yellow: #ffcc00;--black: #000;--large-inside-margin: 7vw;--decoration-text-size: 12px;--decoration-width: 20px;--decoration-offset: -31px;padding:10px;margin:5px 0 0}body.fontsPage #panel{position:absolute;top:38px;left:40px}.fontsPage #panel .menu,.fontsPage #panel .subsection,.fontsPage #panel nav a{outline:var(--narrow-line-width) solid var(--text)}body.fontsPage main{margin:20px 30px 30px;border:var(--narrow-line-width) solid var(--text);padding:0;margin-bottom:0;position:relative;fill:var(--text);display:grid;grid-template-columns:40% 10% 50%}.fontsPage a{color:var(--link)}.fontsPage .decoration{height:0px}.fontsPage .decoration:before,.fontsPage .decoration:after{content:"";position:absolute;height:300px;width:var(--decoration-width)}.fontsPage .decoration:before{top:50px;left:var(--decoration-offset);background:repeating-linear-gradient(0deg,var(--background),var(--background) 20px,var(--text) 21px,var(--text) 21px);border:var(--narrow-line-width) solid var(--text)}.fontsPage .decoration:after{bottom:40px;right:var(--decoration-offset);background:linear-gradient(var(--background),var(--text));border:var(--narrow-line-width) solid var(--text)}.fontsPage .corner{content:"";display:block;position:absolute;height:53px;width:53px;stroke:currentcolor;stroke-width:0.25px}.fontsPage .corner.nw{top:-30px;left:-30px}.fontsPage .corner.ne{top:-30px;right:-30px;transform:scaleX(-1)}.fontsPage .corner.sw{bottom:-30px;left:-30px;transform:scaleY(-1)}.fontsPage .corner.se{bottom:-30px;right:-30px;transform:scale(-1,-1)}.fontsPage .documentInfo{position:absolute;display:block;right:-5px;top:-25px;background-color:var(--background);font-size:var(--decoration-text-size);padding-left:5px;line-height:20px;transform:rotate(90deg) translate(100%);transform-origin:bottom right;white-space:nowrap}.fontsPage .documentInfo .marks{height:25px;width:58px;margin-right:10px;display:inline-block;vertical-align:bottom;fill:var(--text)}.fontsPage .screen{grid-column:1;grid-row:1;width:100%;height:100%;object-fit:cover}.fontsPage .screen,.fontsPage section.font{border-bottom:var(--narrow-line-width) solid var(--text)}.fontsPage section.font{width:100%;box-sizing:border-box;margin:0 auto}.fontsPage section.font.northrup{padding:40px var(--large-inside-margin) 60px;grid-column:2 / -1;grid-row:1;padding-top:20px}.fontsPage section.font.atai,.fontsPage section.font.ancient{grid-column:1 / 3;grid-row:2;padding:70px var(--large-inside-margin);align-self:end}.fontsPage section.font.ancient{grid-column:3}.fontsPage section.font p{font-size:var(--prose-text-size);line-height:1.1em;letter-spacing:0;font-family:var(--serif)}.demo{background:none;color:var(--text-demo);border:none;width:fit-content;margin:0;font-size:min(2vw,50px);font-family:"Northrup Extended";max-width:100%}h2.demo{font-size:min(7vw,200px)}h2.demo.small{font-size:min(4vw,100px);margin-bottom:-20px}[data-font="Ancient Computer"]{font-family:"Ancient Computer"}[data-font=Atai]{font-family:"Atai"}[data-font="Northrup Large"]{font-family:"Northrup Large"}[data-font="Northrup Large Wide"]{font-family:"Northrup Large Wide"}[data-font="Northrup Serif Large"]{font-family:"Northrup Serif Large"}[data-font="Northrup Extended"]{font-family:"Northrup Extended"}[data-font="Northrup Regular"]{font-family:"Northrup Regular"}[data-font="Northrup Serif"]{font-family:"Northrup Serif"}[data-font="Northrup Mega"]{font-family:"Northrup Mega"}[data-font="Northrup Tiny"]{font-family:"Northrup Tiny"}.lineup{margin:20px 0 5px;display:flex;flex-wrap:wrap;gap:0px 16px;align-items:baseline}body.fontsPage .links{display:flex;flex-wrap:wrap;gap:20px 24px;font-weight:bold}body.fontsPage .demo.editing{margin:5px 0 20px;min-height:50px}#fontChoices{margin:40px var(--large-inside-margin) 20px;padding:20px 0;box-sizing:border-box;font-size:1.7em;display:flex;flex-wrap:wrap;gap:10px 12px;align-items:baseline;grid-row:4;grid-column:1 / -1}#fontChoices .choice{color:var(--link);display:inline-block;padding:2px 4px;cursor:pointer;position:relative;opacity:0.4}#fontChoices #selectedChoice{border:var(--narrow-line-width) solid currentcolor;opacity:1}#fontChoices #selectedChoice:after{content:"";display:block;position:absolute;width:0;height:0;left:0;right:0;margin-left:auto;margin-right:auto;bottom:-10px;border-style:solid;border-width:0 5px 7px;border-color:transparent transparent var(--link) transparent}.demoArea{margin:5px var(--large-inside-margin) auto;position:relative;grid-row:5;grid-column:1 / -1}.demoArea .siderow{display:flex;flex-direction:column;position:absolute;left:-50px;top:0}.demoArea .siderow .swatch{position:relative}.demoArea .siderow input,.demoArea .siderow button{width:var(--decoration-width);height:20px;margin-bottom:calc(var(--narrow-line-width) * -1);display:block;appearance:none;border:var(--narrow-line-width) solid var(--text);position:relative;border-radius:0;padding:0}.demoArea .siderow hr{border:none;margin:20px 0 0}.demoArea .siderow label{transform:rotate(90deg) translateX(-100%);transform-origin:bottom left;font-size:8px;text-transform:uppercase;font-weight:bold;position:absolute;bottom:2px;left:1px;color:#fff}.demoArea .siderow label.inverted{color:#000}.demoArea .siderow label[for=backgroundSwatch]{color:var(--text)}.demoArea .siderow label[for=textSwatch]{color:var(--background)}.demoArea .siderow input[type=color]::-webkit-color-swatch{display:none}.demoArea .siderow #cSwatch{background:var(--cyan)}.demoArea .siderow #mSwatch{background:var(--magenta)}.demoArea .siderow #ySwatch{background:var(--yellow)}.demoArea .siderow #kSwatch{background:var(--black)}.demoArea .siderow #gSwatch{background:#777}.demoArea .siderow #nSwatch{background:#4d991d}.demoArea .siderow #vSwatch{background:#001923}.demoArea .siderow #wSwatch{background:#fff}.demoArea .siderow #invertSwatch{background:linear-gradient(0deg,var(--background) 50%,var(--text) 50%)}.demoArea .siderow #invertSwatch:after{background:linear-gradient(180deg,var(--background) 50%,var(--text) 50%);content:"";display:block;width:10px;height:10px;position:absolute;top:4.5px;left:4.5px}.demoArea .siderow #resetSwatch{background:repeating-linear-gradient(135deg,var(--background),var(--background) 1.5px,var(--text) 1.5px,var(--text) 3px)}.demoArea .siderow #backgroundSwatch{background:var(--background)}.demoArea .siderow #textSwatch{background:var(--text)}.controls{display:flex;flex-wrap:wrap;align-items:center;font-size:var(--small-text-size);font-weight:bold;gap:20px;margin:0;position:relative}.controls .unit{display:flex;align-items:center}.controls .unit label{margin:0 10px 0 0;color:var(--text)}.controls input[type=range]{height:1px;-webkit-appearance:none;appearance:none;margin:10px 0;background:var(--text);max-width:10vw}.controls ::-moz-range-thumb{-webkit-appearance:none;appearance:none;height:6px;width:12px;border:3px solid var(--background);background:var(--text);border-radius:0px}.controls ::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:9px;width:12px;border:2px solid var(--background);background:var(--text);box-shadow:none}.controls .selectGroup{border:var(--narrow-line-width) solid var(--text);display:flex}.controls .selectGroup button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:4px 5px;color:inherit}.controls .selectGroup button .icon{width:8px;height:8px;display:block;top:0}.controls .selectGroup button[data-selected]{background:var(--text);color:var(--background)}.demo#editor{margin:5px 0 0;width:100%;letter-spacing:0.01em;font-size:42px}.demo:focus{outline:1px solid var(--text)}.fontInfo{display:grid;grid-template-columns:65% auto;grid-template-rows:max-content auto;gap:40px 30px;margin:40px var(--large-inside-margin) 0;grid-row:6;grid-column:1 / -1}.fontInfo h3,.charMap h3{font-family:var(--sans);font-size:var(--small-text-size);font-weight:bold;color:var(--text);margin:0;margin:0 0 5px}.fontInfo .locales{grid-row:1 / 3;grid-column:1 / 1}.locales #langData,.locales #scriptData{margin:0;line-height:1.2em;font-family:var(--serif);letter-spacing:0;text-wrap:balance;max-width:680px}.fontInfo .locales p+h3{margin-top:25px}.fontInfo .format{grid-row:1;grid-column:2}.fontInfo .techInfo{font-size:var(--small-text-size);margin:5px 0 0}.fontInfo .format .techInfo{margin-top:10px}.fontInfo .sizing .techInfo{margin-bottom:10px}.fontInfo .format .fileType{margin:12px 0;font-family:var(--serif);letter-spacing:0}.fontInfo .format h3+.fileType{margin-top:0}.fontInfo .format code{font-size:var(--small-text-size);font-family:var(--sans);color:var(--text);width:50px;display:inline-block}.fontInfo #sizingLetter{border:var(--narrow-line-width) solid var(--text);color:var(--text-demo);display:inline-block;font-size:30px;text-align:center;margin:3px 12px 0 0;width:80px;height:80px;line-height:80px;padding-left:0.1em;float:left;background-size:20px 20px;background-position:center;background-image:linear-gradient(to right,var(--text) var(--narrow-line-width),transparent var(--narrow-line-width)),linear-gradient(to bottom,var(--text) var(--narrow-line-width),transparent var(--narrow-line-width))}.fontInfo .sizing .stat{margin:0 0 10px;line-height:1em;font-weight:bold}.fontInfo .sizing .stat:last-child{margin:0}.fontInfo .sizing .platform{font-size:var(--small-text-size)}.fontInfo .sizing .stat b{font-weight:400;display:block;margin:2px 0 0;font-family:var(--serif);letter-spacing:0}.charMap{grid-row:7;grid-column:1 / -1;margin-top:50px}.charMap h3{margin-left:var(--large-inside-margin)}.charMap #charData{font-size:60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));justify-items:stretch;margin:10px -0.25px 0}.charMap #charData[data-font="Northrup Mega"]{font-size:36px;line-height:70px}.charMap #charData[data-font="Northrup Tiny"]{font-size:100px}.charMap #charData[data-font="Ancient Computer"]{font-size:70px}.charMap #charData .char{display:inline-block;padding:10px 15px 0;margin:-0.5px;text-align:right;position:relative;color:var(--text-demo);border:var(--narrow-line-width) solid var(--text)}.charMap #charData .char code{font-family:var(--sans);font-size:0.8rem;line-height:0.8rem;transform:scaleX(0.8);transform-origin:top left;position:absolute;left:5px;top:5px;color:var(--text);-webkit-user-select:none;-moz-user-select:none;user-select:none}body.fontsPage .licensing{padding:0;margin:0 30px;width:fit-content!important;font-family:var(--sans);letter-spacing:-0.01em;font-size:var(--decoration-text-size);transform:rotate(90deg) translate(-100%);position:absolute;left:-50px;bottom:20px;transform-origin:bottom left;white-space:nowrap;display:block}body.fontsPage footer{margin:0 -10px -10px}@media (min-resolution: 2x){.fontsPage .corner{stroke:none}.charMap #charData .char{margin:-0.25px}}@media screen and (max-width: 950px){body.fontsPage main{display:block}.fontsPage .screen{height:200px}.lineup .demo{font-size:max(10px,5vw)}.controls .siderow{left:-40px}.controls{flex-direction:column;gap:15px;margin-bottom:10px;align-items:stretch}.controls .selectGroup button{flex-grow:1;text-align:center;padding:4px 5px}.controls .selectGroup button .icon{margin:0 auto;width:12px;height:12px}.controls .unit input{max-width:100%;flex-grow:1}.fontsPage .links{flex-direction:column}.fontsPage h2.demo{font-size:16vw}.fontInfo{display:flex;flex-direction:column;gap:50px}.fontInfo .locales{order:1}.fontInfo .format{order:2}.fontInfo .sizing{order:3}.fontInfo .charMap{order:5;margin-top:0}}@media screen and (max-width: 650px){.fontsPage{--large-inside-margin: 15px;padding:10px 10px 0;box-sizing:border-box}body.fontsPage #panel{position:absolute;top:30px;left:26px}body.fontsPage main{border-top:1px solid var(--text);margin:20px}.fontsPage section.font{padding:25px var(--large-inside-margin) 25px!important}.lineup .demo{font-size:max(20px,10vw)}.demoArea .siderow{left:-44px}.fontsPage .documentInfo,.fontsPage .decoration:before,.fontsPage .decoration:after{display:none}}@font-face{font-family:"Ancient Computer";src:url(/fonts/ancientcomputer.woff2) format("woff2")}@font-face{font-family:"Atai";src:url(/fonts/atai.woff2) format("woff2")}@font-face{font-family:"Northrup Extended";src:url(/fonts/northrup/northrupextended.woff2) format("woff2")}@font-face{font-family:"Northrup Large";src:url(/fonts/northrup/northruplarge.woff2) format("woff2")}@font-face{font-family:"Northrup Large Wide";src:url(/fonts/northrup/northruplargewide.woff2) format("woff2")}@font-face{font-family:"Northrup Mega";src:url(/fonts/northrup/northrupmega.woff2) format("woff2")}@font-face{font-family:"Northrup Regular";src:url(/fonts/northrup/northrupregular.woff2) format("woff2")}@font-face{font-family:"Northrup Serif";src:url(/fonts/northrup/northrupserif.woff2) format("woff2")}@font-face{font-family:"Northrup Serif Large";src:url(/fonts/northrup/northrupseriflarge.woff2) format("woff2")}@font-face{font-family:"Northrup Tiny";src:url(/fonts/northrup/northruptiny.woff2) format("woff2")}