.slider-wrapper{position:relative;display:flex;align-items:center;margin:8px 0;padding-top:0;height:24px}.slider-input-wrapper{width:calc(100% + 24px);margin:0 -12px;position:absolute;height:24px}.slider-control-wrapper{width:100%;position:absolute;height:24px}.slider-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;margin:0}.slider-input::-ms-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:transparent}.slider-input::-moz-range-track{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:transparent}.slider-input:focus::-webkit-slider-runnable-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:transparent}.slider-input::-ms-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:all;width:24px;height:24px;border-radius:0;border:0 none;cursor:grab;background-color:red}.slider-input::-ms-thumb:active{cursor:grabbing}.slider-input::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;pointer-events:all;width:24px;height:24px;border-radius:0;border:0 none;cursor:grab;background-color:red}.slider-input::-moz-range-thumb:active{cursor:grabbing}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:all;width:24px;height:24px;border-radius:0;border:0 none;cursor:-webkit-grab;cursor:grab;background-color:red}.slider-input::-webkit-slider-thumb:active{cursor:-webkit-grabbing;cursor:grabbing}.slider-rail{position:absolute;width:100%;top:50%;transform:translateY(-50%);height:4px;border-radius:3px;background:#c3ccd9}.slider-inner-rail{position:absolute;height:100%;background:#0063fb;opacity:.5}.slider-control{width:24px;height:24px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 4px #0000001a,0 3px 1px #0000000d,0 2px 2px #0000000d,0 3px 3px #0000001a;position:absolute;background:#0063fb;top:50%;margin-left:-12px;transform:translate3d(0,-50%,0);z-index:2}