input[type=range]{-webkit-appearance:none;margin:20px/2 0;width:100%}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;animate:.2s;box-shadow:0 0 0#222,0 0 0#2f2f2f;background:#fff;border-radius:2px;border:1px solid #777}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0#111,0 0 0#1e1e1e;border:0 solid #fff;height:20px;width:10px;border-radius:2px;background:#333;cursor:pointer;-webkit-appearance:none;margin-top:-10px}input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;animate:.2s;box-shadow:0 0 0#222,0 0 0#2f2f2f;background:#fff;border-radius:2px;border:1px solid #777}input[type=range]::-moz-range-thumb{box-shadow:0 0 0#111,0 0 0#1e1e1e;border:0 solid #fff;height:20px;width:10px;border-radius:2px;background:#333;cursor:pointer}input[type=range]::-ms-track{width:100%;height:2px;cursor:pointer;animate:.2s;background:0 0;border-color:transparent;border-width:10px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#f2f2f2;border:1px solid #777;border-radius:4px;box-shadow:0 0 0#222,0 0 0#2f2f2f}input[type=range]::-ms-fill-upper{background:#fff;border:1px solid #777;border-radius:4px;box-shadow:0 0 0#222,0 0 0#2f2f2f}input[type=range]::-ms-thumb{box-shadow:0 0 0#111,0 0 0#1e1e1e;border:0 solid #fff;height:20px;width:10px;border-radius:2px;background:#333;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#fff}input[type=range]:focus::-ms-fill-upper{background:#fff}