body{margin:0}input[type=text],textarea{font-family:sans-serif;padding:8px;outline:none;border:1px solid gray;background:#000;color:#fff}input[type=range]{display:block;-webkit-appearance:none;width:100%;background:#fff;height:2px;position:relative;outline:none;margin:8px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid white;height:24px;width:24px;background:gray;cursor:pointer;border-radius:10000px}input[type=color]{-webkit-appearance:none;height:24px;width:24px;border-radius:4px;width:100%}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}input[type=text],textarea{width:100%;line-height:1.5em;border:2px solid white;font-size:1em}