@font-face{font-family:"188 Sans Mono";font-display:swap;font-weight:400;font-style:normal;src:url(./188-Sans-Mono-D44WrqjM.otf)}@font-face{font-family:Color Dot;font-display:swap;font-weight:400;font-style:normal;src:url(./colordot-v4-D3ms21x6.otf)}*,*:before,*:after{box-sizing:border-box}:root{--controls-color: #242424;--controls-color-hover: #8b8b8b}html,body{margin:0;padding:0;width:100%;height:100%}body h1,body h2,body h3,body p{margin:0}body{font-family:"188 Sans Mono",monospace;font-size:16px;line-height:1.2;padding:32px;color:#121212}.colordot,.colordot-hover:hover{font-family:Color Dot,monospace}main{max-width:800px;display:flex;flex-direction:column;gap:80px}header{margin-bottom:40px}header h1{font-size:64px}header h2{font-size:32px}.download-container{display:flex;align-items:center;gap:16px;font-size:18px}.download-container button{background:none;color:inherit;border:none;font:inherit;cursor:pointer;outline:inherit;padding:16px 24px;border:1px solid black}.download-container button:hover{font-family:Color Dot,monospace}.download-container>a{color:inherit;text-decoration:none;display:inline-block}.download-container p,.download-container p a{color:#777;font-size:14px}.specimen{font-size:36px;display:flex;gap:.6em;flex-wrap:wrap;margin-top:80px;margin-bottom:40px}.specimen .specimen-block{margin-bottom:20px}.images{display:flex;flex-direction:column;gap:16px}.images img,.images video{width:100%;height:auto;display:block}footer{font-size:14px;color:#888;margin-top:120px;padding-bottom:8px}@media screen and (max-width: 800px){body{font-size:14px;padding:16px}header h1{font-size:36px}header h2{font-size:24px}main{gap:60px}.specimen{font-size:20px;margin-top:40px;margin-bottom:40px}.specimen .specimen-block{margin-bottom:0}.specimen .specimen-block:nth-child(1){order:1}.specimen .specimen-block:nth-child(2){order:3}.specimen .specimen-block:nth-child(3){order:2}.specimen .specimen-block:nth-child(4){order:4}.specimen .specimen-block:nth-child(5){order:5}.specimen .specimen-block:nth-child(6){order:6}}input[type=range]{-webkit-appearance:none;width:100%;background:transparent;margin:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:8px;width:8px;border-radius:100%;background:var(--controls-color, #000);cursor:pointer;margin-top:-3px}input[type=range]::-moz-range-thumb{border:none;height:8px;width:8px;border-radius:100%;background:var(--controls-color, #000);cursor:pointer}input[type=range]::-ms-thumb{border:none;height:8px;width:8px;border-radius:100%;background:var(--controls-color, #000);cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;height:1px;cursor:pointer;background:var(--controls-color, #000)}input[type=range]::-moz-range-track{width:100%;height:1px;cursor:pointer;background:var(--controls-color, #000)}input[type=range]::-ms-track{width:100%;height:1px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:var(--controls-color, #000)}input[type=range]::-ms-fill-upper{background:var(--controls-color, #000)}#type-input{max-width:800px;padding:16px;border:1px solid #ababab;font-size:24px}#type-input:focus{outline:none;border-color:#00f}#type-input:focus-visible{outline:none;border-color:#00f}.controls{display:flex;justify-content:right;align-items:center;gap:32px;font-size:14px;color:var(--controls-color)}.controls .slider-control{display:flex;flex-direction:row;gap:4px;min-width:200px;align-items:center}.controls .slider-control input[type=range]{padding-top:3px;flex:1;cursor:pointer}.controls #toggle-button{background:none;border:none;padding:0;font:inherit;cursor:pointer;text-decoration:underline}.controls #toggle-button:hover{color:var(--controls-color-hover)}@media screen and (max-width: 800px){#type-input{padding:12px;font-size:18px}.controls{gap:16px;font-size:12px}.slider-control{min-width:150px}}