.range-slider{text-align:center;position:relative;margin:20px auto auto}.range-slider input[type=range]{position:absolute;left:0;bottom:0}input[type=range]{-webkit-appearance:none;width:100%}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-runnable-track{background:#000}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#000}input[type=range]::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;animate:.2s;background:#000;border-radius:1px;box-shadow:none;border:0}input[type=range]::-webkit-slider-thumb{z-index:2;position:relative;box-shadow:0 0 0 #000;border:1px solid #000;height:12px;width:12px;border-radius:25px;background:#000;cursor:pointer;-webkit-appearance:none;margin-top:-4px}