.ba-slider{aspect-ratio:16/9;border-radius:20px;margin:auto;max-width:1200px;overflow:hidden;position:relative;width:100%}.ba-img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.after-img{z-index:1}.before-img{clip-path:inset(0 50% 0 0);z-index:2}.slider-line{bottom:0;top:0;transform:translateX(-50%);width:4px;z-index:5}.slider-button,.slider-line{background:#fff;left:50%;position:absolute}.slider-button{border-radius:50%;box-shadow:0 8px 25px rgba(0,0,0,.35);color:#000;display:grid;font-weight:700;height:52px;place-items:center;top:50%;transform:translate(-50%,-50%);width:52px}.label{border-radius:999px;font-size:14px;font-weight:700;padding:10px 18px;position:absolute;top:18px;z-index:6}.before-label{background:rgba(0,0,0,.7);color:#fff;left:18px}.after-label{background:hsla(0,0%,100%,.9);color:#000;right:18px}#sliderInput{cursor:ew-resize;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:10}