.slidecontainer{width:100%}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:25px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#04AA6D;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;background:#04AA6D;cursor:pointer}