.range-container{position:relative;height:50px;min-width:150px}.range{position:absolute;appearance:none;width:100%;margin:0;padding:0 2px;overflow:hidden;border:0;border-radius:1px;background:linear-gradient(grey,grey) no-repeat 50%;background-size:100% 2px;pointer-events:none}.range:nth-child(2){background:none}.range:nth-child(2)::-webkit-slider-thumb:before{background-color:grey}.range::-webkit-slider-thumb{height:14px;width:14px;border-radius:14px;background-color:#fff;position:relative;margin:5px 0;cursor:pointer;appearance:none;pointer-events:all;box-shadow:0 1px 4px .5px rgba(0,0,0,.25)}.range::-moz-range-thumb{cursor:pointer;pointer-events:all}output{display:block;position:relative;top:30px}