input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ddd;border-radius:5px;height:8px;opacity:.7;outline:none;transition:opacity .2s;width:100%}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0151ca;border-radius:50%;cursor:pointer;height:20px;width:20px}input[type=range]::-moz-range-thumb{background:#0151ca;border-radius:50%;cursor:pointer;height:20px;width:20px}