:root{--dark-color:#444;--range-color:#c8c8c8;--range-handle:30px;--range-slider:2px}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--back-color);color:var(--dark-color);margin:0;padding:2em 3em;box-sizing:border-box;position:relative;display:flex;flex-direction:column;max-width:960px;margin:0 auto;align-items:center;justify-content:center;min-width:100vw;min-height:100vh;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.score{margin:1em;font-size:1.25em;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:1px}input{position:relative;top:var(--range-slider);-webkit-appearance:none;margin:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--range-handle);height:var(--range-handle);margin:calc(-.5 * (var(--range-handle) - var(--range-slider))) 0 0;border-radius:50%;background:var(--range-color);cursor:pointer;border:0!important}input::-moz-range-thumb{width:var(--range-handle);height:var(--range-handle);margin:calc(-.5 * (var(--range-handle) - var(--range-slider))) 0 0;border-radius:50%;background:var(--range-color);cursor:pointer;border:0!important}input::-ms-thumb{width:var(--range-handle);height:var(--range-handle);margin:calc(-.5 * (var(--range-handle) - var(--range-slider))) 0 0;border-radius:50%;background:var(--range-color);cursor:pointer;border:0!important}input::-webkit-slider-runnable-track{width:100%;height:var(--range-slider);cursor:pointer;background:var(--range-color)}input::-moz-range-track{width:100%;height:var(--range-slider);cursor:pointer;background:var(--range-color)}input::-ms-track{height:var(--range-slider);background:var(--range-color)}input:focus{background:none;outline:none}input::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]{min-height:var(--range-handle);width:200px}input[type=checkbox]{border:var(--range-slider) solid var(--range-color);height:var(--range-handle);width:var(--range-handle);border-radius:50%}input[type=checkbox]:checked{background:var(--range-color)}label{display:block;text-align:center;margin:0;padding:1.5em .5em;text-transform:uppercase;letter-spacing:1px;line-height:1;font-size:80%}label span{opacity:.5;display:block;margin-top:1em}a,a:active,a:visited{color:var(--dark-color);margin:0 .5em}pre{margin:0;padding:.5em 1em;background:#f0f0f0}aside{min-height:3em}@media only screen and (max-width:600px){body{font-size:12px}}