@font-face{font-family:monoFont;font-style:normal;font-weight:500;src:url(../fonts/pitch/pitch-regular.woff2) format("woff2")}@font-face{font-family:displayFont;font-style:normal;font-weight:700;src:url(../fonts/nord/antiqueolivestd-nord-webfont.woff) format("woff");src:url(../fonts/nord/antiqueolivestd-nord-webfont.woff2) format("woff2")}:root{--fontSize:clamp(1.2rem,1.6vw,1.4rem);--smallFontSize:.92rem;--textIndent:1.8em;--transition:cubic-bezier(0.3,1.5,.7,1);--primaryColor:hsla(224,20%,10%,1);--secondColor__00:hsla(0,0%,96%,1);--secondColor__01:hsla(0,0%,90%,1);--secondColor__02:hsla(0,0%,82%,1);--secondColor__03:hsla(0,0%,72%,1);--secondColor__04:hsla(0,0%,62%,1);--secondColor__05:hsla(0,0%,22%,.8);--thirdColor:hsla(48,100%,96%,1);--focusColor:hsla(186,100%,58%,1)}::-moz-selection{background:var(--primaryColor)}::selection{color:var(--thirdColor);background-color:var(--primaryColor)}*{margin:0;box-sizing:border-box}html{font-family:monoFont,'Courier New',Courier,monospace;font-size:16px}body{-webkit-font-smoothing:antialiased;color:var(--primaryColor);height:100vh;overflow:hidden;position:relative;background-color:var(--secondColor__01)}body::before{content:'medium';display:none;visibility:hidden}main{height:100%;display:flex}canvas{position:fixed;z-index:2000;top:0;left:0;pointer-events:none;transition:width .3s var(--transition)}aside{width:0;z-index:3000;overflow-y:auto;overflow-x:hidden}footer{z-index:3000;padding:1rem;position:absolute;left:0;bottom:0}section{width:100%}section:not(.no-indent) p{text-indent:var(--textIndent)}section a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;white-space:nowrap;color:var(--primaryColor)}section a::before{content:"";position:absolute;background-color:var(--thirdColor);width:0;height:100%}section a:hover::before{width:100%}ul{list-style:none;padding:0}.input--hidden:focus-visible+.radio__label,.range__input:focus-visible,.switch__input:focus-visible+.switch__label::after,button:focus-visible{outline:4px solid var(--focusColor);outline-offset:4px}.mainContent{position:relative;flex-grow:1;font-size:var(--fontSize);line-height:1.4em}.mainContent p{max-width:44ch}.no-indent p:first-of-type{text-indent:var(--textIndent)}.pill{font-family:displayFont,'Courier New',Courier,monospace;border:1px solid var(--primaryColor);color:var(--primaryColor);padding:0rem .6em .02rem;border-radius:2rem;background-color:var(--thirdColor)}.options{font-size:var(--smallFontSize);width:26rem;padding:1em;padding-right:2.2em;background-color:var(--thirdColor);border-left:var(--primaryColor) 1px solid}.options h3{font-weight:400;text-transform:uppercase;margin-bottom:.8em;letter-spacing:.2em}.options__section{padding-bottom:1.6em;margin-bottom:1.6em;border-bottom:solid 1px var(--secondColor__01)}.form__wrapper{width:100%;transition:height .2s var(--transition);margin:.8em 0}.form__wrapper p{position:relative;margin-bottom:.8em}.form__content{transition:opacity .2s var(--transition);padding:.8em;margin:.8em 0;background-color:var(--secondColor__00)}.form__wrapper.form__wrapper--disabled{margin:0}.form__wrapper.form__wrapper--disabled>.form__content{opacity:0;pointer-events:none}.form__wrapper.form__wrapper--disabled>*{pointer-events:none}.form__wrapper>.form__content{opacity:100%;pointer-events:auto}.input--hidden{position:fixed;top:-9999px;left:9999px}.radio__group{position:relative;display:flex;border-top:var(--primaryColor) 1px solid;border-bottom:var(--primaryColor) 1px solid}.radio__label{position:relative;text-align:center;padding:.2em;cursor:pointer;width:100%}.radio__label:not(:last-of-type){border-right:1px solid var(--primaryColor)}.radio__label:hover{background-color:var(--secondColor__01)}.radio__input:checked+.radio__label{background-color:var(--primaryColor);color:var(--thirdColor)}.range__group{margin:.8rem 0;position:relative;display:flex;align-items:center;justify-content:space-between;width:100%}.range__text{display:flex;justify-content:space-between}.range__value{border-left:solid .4px var(--primaryColor);border-right:solid .4px var(--primaryColor);color:var(--primaryColor);padding:0 .6em}.range__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1px;width:100%;background-color:var(--primaryColor);border-radius:.4em;cursor:pointer}.range__input::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;cursor:pointer}.range__input::-webkit-slider-thumb{opacity:0;cursor:pointer}.range__input::-ms-thumb{opacity:0;cursor:pointer}.range__slider{position:absolute;transform:translateX(-50%);background-color:var(--primaryColor);width:.8em;height:.8em;border-left:solid .4em var(--thirdColor);border-right:solid .4em var(--thirdColor);pointer-events:none}.switch__input.disabled+.switch__label{opacity:40%}.switch__label{position:relative;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:opacity .3s var(--transition)}.switch__label::after{content:"[  ]";color:var(--primaryColor);white-space:nowrap;position:absolute;right:0}.switch__input:checked+.switch__label::after{content:"[•]"}.keyboardShort li{display:flex;justify-content:space-between;padding:.8em}.keyboardShort li:nth-child(even){background-color:var(--secondColor__00)}.tab__contents{position:relative;width:100%}.tab__content{display:none;position:absolute;top:0;left:0;padding:1rem}.tab__content:not(.blank).is-selected{display:flex;flex-direction:column}.tab__wrapper li:not(:last-of-type){margin-bottom:.6em}.button{font-size:var(--fontSize);background-color:var(--thirdColor);cursor:pointer;overflow:hidden;transition:background-color .3s var(--transition),border-color .3s var(--transition)}.button.button--dark{background-color:var(--primaryColor);color:var(--thirdColor)}.button.is-selected{border-radius:0rem;background-color:var(--primaryColor);color:var(--thirdColor)}.button.is-selected:hover{background-color:var(--primaryColor)}.button:hover{border-radius:0rem}.outline{border:1px solid var(--primaryColor);padding:0 .2em;border-radius:.2em;background-color:var(--thirdColor)}.border--tb{border-top:1px solid var(--primaryColor);border-bottom:1px solid var(--primaryColor);padding:.4em 0}.modal__wrapper{display:none;background-color:var(--secondColor__05);position:fixed;top:0;left:0;bottom:0;right:0;z-index:4000;align-items:center;justify-content:center}.modal{position:relative;background-color:var(--secondColor__00);padding:1.6rem 1.2rem;margin:.6rem;max-width:26ch}.modal>:not(:last-child){margin-bottom:1.4rem}.modal>:last-child{margin-top:.6rem}.modal::after,.modal::before{content:'';display:inline-block;width:100%;border-top:4px dashed var(--secondColor__00);position:absolute;left:0}.modal::before{top:-4px}.modal::after{bottom:-4px}@media screen and (max-width:780px){:root{--textIndent:0}body{overflow:auto;height:auto}body::before{content:'small'}main{min-height:100vh;flex-direction:column}footer{position:relative}[data-target=blank],[data-target=options],aside,canvas{display:none}.modal__wrapper.is-open{display:flex}}