.range-slider{margin:auto;position:relative;text-align:center;width:240px}.range-slider input[type=range]{bottom:0;left:0;position:absolute}input[type=number]{-moz-appearance:textfield;border:1px solid #ddd;font-size:1.6em;text-align:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]:invalid,input[type=number]:out-of-range{border:2px solid #4dff47}input[type=range]{-webkit-appearance:none;width:100%}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-runnable-track{background:#065495}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#065495}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;height:5px;width:100%;animate:.2s;background:#065495;border:0;border-radius:1px;box-shadow:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fdcd9b;border:1px solid #065495;border-radius:25px;box-shadow:0 0 #000;cursor:pointer;height:18px;margin-top:-7px;position:relative;width:18px;z-index:2}