@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.slider {
	    -webkit-appearance: none;
	    width: 100%;
	    height: 25px;
		    background: #ececec;
		    border-radius: 25px;
	    outline: none;
	    transition: all 0.1s cubic-bezier(.25,.8,.25,1);
	}
	
	.slider::-webkit-slider-thumb {
	    -webkit-appearance: none;
	    appearance: none;
	    width: 25px;
	    height: 25px;
	    background: #fff;
	    border: 2px solid #006fcf;
	    cursor: pointer;
	    border-radius: 50%;
	    transition: all .2s;
	}
	
	.slider.max-reached::-webkit-slider-thumb {
	    border-color: #008767;
	}
	.slider::-webkit-slider-thumb:hover {
	    background: #006fcf;
	    width: 30px;
	    height: 30px;
	}
	.slider.max-reached::-webkit-slider-thumb:hover {
	    background: #008767;
	}
	
	.slider::-moz-range-thumb {
	    width: 25px;
	    height: 25px;
	    background: #4CAF50;
	    cursor: pointer;
	}
}