.wrapper{position:relative;display:flex;align-items:center;height:30px}.input-wrapper{width:calc(100% + 30px);margin:0 -15px;position:absolute;height:30px}.control-wrapper{width:100%;position:absolute;height:30px}.input{position:absolute;width:100%;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;opacity:0;z-index:3;padding:0}.input::-ms-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:transparent}.input::-moz-range-track{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:transparent}.input:focus::-webkit-slider-runnable-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:transparent}.input::-ms-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;cursor:grab;background-color:red}.input::-ms-thumb:active{cursor:grabbing}.input::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;cursor:grab;background-color:red}.input::-moz-range-thumb:active{cursor:grabbing}.input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;cursor:grab;background-color:red}.input::-webkit-slider-thumb:active{cursor:grabbing}.rail{position:absolute;width:100%;top:50%;transform:translateY(-50%);height:3px;border-radius:3px;background:#d3d3d3}.inner-rail{position:absolute;height:100%;background:#0153f4}.control{width:30px;height:30px;border-radius:50%;position:absolute;background:#fff;box-shadow:0 0 10px #00000080;top:50%;margin-left:-15px;transform:translate3d(0,-50%,0);z-index:2}