.hl-slider{position:relative;width:100%;height:.1rem;background-color:#ebedf0;border-radius:49.95rem;cursor:pointer}.hl-slider::before{position:absolute;top:-.4rem;right:0;bottom:-.4rem;left:0;content:""}.hl-slider__bar{position:relative;width:100%;height:100%;background-color:#0078ff;border-radius:inherit;-webkit-transition:all .2s;transition:all .2s}.hl-slider__button{width:1.2rem;height:1.2rem;background-color:#fff;border-radius:50%;box-shadow:0 .05rem .1rem rgba(0,0,0,.5)}.hl-slider__button-wrapper,.hl-slider__button-wrapper-right{position:absolute;top:50%;right:0;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0);cursor:grab}.hl-slider__button-wrapper-left{position:absolute;top:50%;left:0;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);cursor:grab}.hl-slider--disabled{cursor:not-allowed;opacity:.5}.hl-slider--disabled .hl-slider__button-wrapper,.hl-slider--disabled .hl-slider__button-wrapper-left,.hl-slider--disabled .hl-slider__button-wrapper-right{cursor:not-allowed}.hl-slider--vertical{display:inline-block;width:.1rem;height:100%}.hl-slider--vertical .hl-slider__button-wrapper,.hl-slider--vertical .hl-slider__button-wrapper-right{top:auto;right:50%;bottom:0;-webkit-transform:translate3d(50%,50%,0);transform:translate3d(50%,50%,0)}.hl-slider--vertical .hl-slider__button-wrapper-left{top:0;right:50%;left:auto;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0)}.hl-slider--vertical::before{top:0;right:-.4rem;bottom:0;left:-.4rem}