slider.css

body{padding:30px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;border:none;width:12%;outline:none;background:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:4px;background:#0d65a6}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-shadow:0 0 5px rgba(0,0,0,.1);border:1px solid #d0d0d0;height:20px;width:20px;border-radius:50%;background:#fff;margin-top:-8px}input[type=range]:focus::-webkit-slider-thumb{border:1px solid #107aca;box-shadow:0 0 5px #107aca}input[type=range]::-moz-focus-outer{border:0}input[type=range]::-moz-range-track{height:4px;background:#0d65a6;border:none}input[type=range]::-moz-range-thumb{box-shadow:0 0 5px rgba(0,0,0,.1);border:1px solid #d0d0d0;height:20px;width:20px;border-radius:50%;background:#fff}input[type=range]:focus::-moz-range-thumb{border:1px solid #107aca;box-shadow:0 0 5px #107aca}input[type=range]::-ms-track{height:4px;border-color:transparent;border-width:11px 0;background:transparent;color:transparent}input[type=range]::-ms-thumb{box-shadow:0 0 5px rgba(0,0,0,.1);border:1px solid #d0d0d0;height:20px;width:20px;border-radius:50%;background:#fff}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#0d65a6}input[type=range]:focus::-ms-thumb{border:1px solid #107aca;box-shadow:0 0 5px #107aca}
/*# sourceMappingURL=slider.css.map*/