.slidecontainer,.slider{width:100%}.slider{-webkit-appearance:none;height:12px;background:#d3d3d3;outline:0;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;border-radius:7px}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;background:#04aa6d;cursor:pointer}.slider::-moz-range-thumb{width:17px;height:17px;background:#04aa6d;cursor:pointer}