.wrapper{position:relative;display:flex;align-items:center;height:calc(16px + 1.6rem)}.input-wrapper{width:calc(100% + 16px);margin:0 -8px;position:absolute;height:16px}.control-wrapper{width:100%;position:absolute;height:16px}.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:16px;height:16px;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:16px;height:16px;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:16px;height:16px;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:6px;border-radius:3px;background:lightgrey}.inner-rail{position:absolute;height:100%;opacity:.5}.control{width:16px;height:16px;border-radius:50%;position:absolute;top:50%;margin-left:-8px;transform:translate3d(0,-50%,0);z-index:2}