*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@font-face{font-family:Bild;src:url(../../../fonts/Bild.woff2) format("woff2");font-display:block}@font-face{font-family:DattiloDJR;src:url(../../../fonts/DattiloDJR.woff2) format("woff2");font-display:block}@font-face{font-family:FormaDJR;src:url(../../../fonts/FormaDJR.woff2) format("woff2");font-display:block}@font-face{font-family:FormaDJRMono;src:url(../../../fonts/FormaDJRMono.woff2) format("woff2");font-display:block}@font-face{font-family:GimletSans;src:url(../../../fonts/GimletSans.woff2) format("woff2");font-display:block}@font-face{font-family:Roslindale;src:url(../../../fonts/Roslindale.woff2) format("woff2");font-display:block}@font-face{font-family:Gimlet;src:url(../../../fonts/Gimlet.woff2) format("woff2");font-display:block}@font-face{font-family:Condor;src:url(../../../fonts/Condor.woff2) format("woff2");font-display:block}@font-face{font-family:Input;src:url(../../../fonts/Input.woff2) format("woff2");font-display:block}@font-face{font-family:JobClarendon;src:url(../../../fonts/JobClarendon.woff2) format("woff2");font-display:block}@font-face{font-family:JobClarendonBeta;src:url(../../../fonts/JobClarendonBeta.woff2) format("woff2");font-display:block}@font-face{font-family:JobFrenchClarendon;src:url(../../../fonts/JobFrenchClarendon.woff2) format("woff2");font-display:block}@font-face{font-family:Fit;src:url(../../../fonts/Fit.woff2) format("woff2");font-display:block}@font-face{font-family:FitMax;src:url(../../../fonts/FitMax.woff2) format("woff2");font-display:block}@font-face{font-family:Kuhlman;src:url(../../../fonts/Kuhlman.woff2) format("woff2");font-display:block}@font-face{font-family:Megascope;src:url(../../../fonts/Megascope.woff2) format("woff2");font-display:block}@font-face{font-family:Megazoid;src:url(../../../fonts/Megazoid.woff2) format("woff2");font-display:block}@font-face{font-family:Extendomatic;src:url(../../../fonts/Extendomatic.woff2) format("woff2");font-display:block}@font-face{font-family:Ottavio;src:url(../../../fonts/Ottavio.woff2) format("woff2");font-display:block}@font-face{font-family:Output;src:url(../../../fonts/Output.woff2) format("woff2");font-display:block}@font-face{font-family:NickelGothic;src:url(../../../fonts/NickelGothic.woff2) format("woff2");font-display:block}@font-face{font-family:IndoorKid;src:url(../../../fonts/IndoorKid.woff2) format("woff2");font-display:block}@font-face{font-family:MapRoman;src:url(../../../fonts/MapRoman.woff2) format("woff2");font-display:block}@font-face{font-family:Nickel;src:url(../../../fonts/Nickel.woff2) format("woff2");font-display:block}@font-face{font-family:Rustique;src:url(../../../fonts/Rustique.woff2) format("woff2");font-display:block}@font-face{font-family:DailySpecial;src:url(../../../fonts/DailySpecial.woff2) format("woff2");font-display:block}@font-face{font-family:Warbler;src:url(../../../fonts/WarblerVariable%5Bopsz,wght%5D.woff2) format("woff2");font-display:block;font-style:normal}@font-face{font-family:Warbler;src:url(../../../fonts/WarblerVariable-Italic%5Bopsz,wght%5D.woff2) format("woff2");font-display:block;font-style:italic}@font-face{font-family:Megabase;src:url(../../../fonts/Megabase%5Bwght%5D.woff2) format("woff2");font-display:block;font-style:italic}@font-face{font-family:Megabase;src:url(../../../fonts/MegabaseOpen%5Bwght%5D.woff2) format("woff2");font-display:block}@font-face{font-family:SlightChance;src:url(../../../fonts/SlightChanceMono-Regular.woff2) format("woff2");font-display:block;font-style:italic}@font-face{font-family:SlightChance;src:url(../../../fonts/SlightChance-Regular.woff2) format("woff2");font-display:block}@font-face{font-family:Turnip;src:url(../../../fonts/TurnipVariable%5Bwght%5D.woff2) format("woff2");font-display:block;font-style:normal}@font-face{font-family:Turnip;src:url(../../../fonts/TurnipVariable-Italic%5Bwght%5D.woff2) format("woff2");font-display:block;font-style:italic}@font-face{font-family:Trilby;src:url(../../../fonts/TrilbyVariable%5Bwght%5D.woff2) format("woff2");font-display:block;font-style:normal}@font-face{font-family:Trilby;src:url(../../../fonts/TrilbyVariable-Italic%5Bwght%5D.woff2) format("woff2");font-display:block;font-style:italic}@font-face{font-family:FormaDJRUI;src:url(../../../fonts/FormaDJRUI%5Bopsz,wght%5D.woff2) format("woff2");font-display:block;font-style:normal}@font-face{font-family:FormaDJRUI;src:url(../../../fonts/FormaDJRUI-Italic%5Bopsz,wght%5D.woff2) format("woff2");font-display:block;font-style:italic}:root{--djr-green: rgb(138 150 17);--djr-blue: rgb(55 120 180);--djr-cream: #F5F5EC;--sh-class: #2d5e9d;--sh-identifier: #333;--sh-sign: #999;--sh-property: rgb(55 120 180);--sh-entity: rgb(138 150 17);--sh-jsxliterals: #6266d1;--sh-string: rgb(138 150 17);--sh-keyword: #f47067;--sh-comment: #aaa}body{font-family:Input v2,sans-serif;font-variation-settings:"MONO" 0,"wdth" 75;font-synthesis:none;display:flex;flex-direction:column;height:100dvh;overflow:hidden;overscroll-behavior:none}h4{text-transform:uppercase;font-size:10px;line-height:1rem;font-weight:500}strong{font-weight:800}button,a{all:unset;cursor:pointer}input{accent-color:var(--djr-green)}button,label{transition:color .3s}button:hover,label:hover{color:var(--djr-blue)}pre,code{font-size:.75rem;font-family:Input v2,sans-serif;font-variation-settings:"MONO" 1,"wdth" 75}.controls{display:grid;grid-template-columns:max-content 1fr max-content;row-gap:.5rem}.with-side-control{display:grid;grid-template-columns:max-content 1fr 5ch 7ch;gap:.25rem;grid-column:1/-1}[type=number]::-webkit-outer-spin-button,[type=number]::-webkit-inner-spin-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0}label:has([type=checkbox]){font-size:.75rem;font-variation-settings:"MONO" 0,"wdth" 60;display:flex;align-items:center;gap:1ch;cursor:pointer}.with-side-control label:has([type=checkbox]){opacity:.5}.with-side-control label:has([type=checkbox]).active{opacity:1}#site-header{width:100%;position:relative;background:#111;color:#fff;padding-inline:1rem;white-space:nowrap;z-index:50}#site-header .container{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-inline:auto}#site-header h1,#site-header .cta{font-size:.65rem;letter-spacing:.15em;word-spacing:-.1em;text-transform:uppercase;font-variation-settings:"mono" 0,"wdth" 70;font-weight:700;line-height:2rem}#site-header .cta{background:var(--djr-green);border-radius:2px;padding:0 .75rem;margin-block:.2rem;line-height:1.6rem;font-weight:600;transition:font-weight .3s,background-color .3s}#site-header .cta:hover{font-weight:800;background:var(--djr-blue)}summary{cursor:pointer;-webkit-user-select:none;user-select:none}