.ba-slider{--handle-dimensions:60px;--position:50%;padding:0 calc(var(--handle-dimensions)/2);position:relative}.ba-slider__img-wrapper{height:100%;position:relative;width:100%}.ba-slider__img{height:100%;object-fit:contain;object-position:0;width:100%}.ba-slider__img--before{clip-path:inset(0 0 0 var(--position));inset:0 auto auto 0;position:absolute}.ba-slider__line{background-color:#fff;background:var(--primary-300);height:100%;inset:0 auto auto var(--position);pointer-events:none;position:absolute;transform:translateX(-50%);width:3px;z-index:10}.ba-slider__handle{align-items:center;background-color:var(--primary-300);border-radius:50%;display:flex;height:var(--handle-dimensions);inset:50% auto auto 50%;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:var(--handle-dimensions);z-index:11}.ba-slider__handle svg{display:block;height:auto;width:30px}@media (max-width:820px){.ba-slider{--handle-dimensions:45px}.ba-slider__handle svg{width:20px}}@media (max-width:640px){.ba-slider{--handle-dimensions:30px}.ba-slider__handle svg{width:24px}}