*{box-sizing:border-box}body,html{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=range]{height:4px;background:#ddd;border-radius:4px;outline:none;-webkit-appearance:none;margin-top:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#0a0a0a;border-radius:50%;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#0a0a0a;border-radius:50%;cursor:pointer;border:3px solid #fff}input:focus,select:focus{outline:2px solid #0a0a0a;outline-offset:2px}button:focus-visible{outline:2px solid #0a0a0a;outline-offset:2px}