input[type=range]{height:32px;-webkit-appearance:none;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:10px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#a5b4fc;border-radius:50px;border:1px solid #a5b4fc}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #828282;border:1px solid #4f46e5;height:25px;width:25px;border-radius:50px;background:#4f46e5;cursor:pointer;-webkit-appearance:none;margin-top:-8.5px}input[type=range]:focus::-webkit-slider-runnable-track{background:#a5b4fc}input[type=range]::-moz-range-track{width:100%;height:10px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#a5b4fc;border-radius:50px;border:1px solid #a5b4fc}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #828282;border:1px solid #4f46e5;height:25px;width:25px;border-radius:50px;background:#4f46e5;cursor:pointer}input[type=range]::-ms-track{width:100%;height:10px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#a5b4fc;border:1px solid #a5b4fc;border-radius:100px;box-shadow:0 0 0 #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0 0 0 #828282;border:1px solid #4f46e5;height:25px;width:25px;border-radius:50px;background:#4f46e5;cursor:pointer}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#a5b4fc}