.ba-wrap,.ba-wrap *{box-sizing:border-box}.ba-wrap{width:100%;max-width:100%;--ratio:16/9}.ba-stage{position:relative;width:100%;max-width:100%;aspect-ratio:var(--ratio);overflow:hidden;border-radius:18px;background:#000;--pos:92%;touch-action:none;cursor:ew-resize}.ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none;pointer-events:none}.ba-before{z-index:1}.ba-after{z-index:2;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ba-handle{position:absolute;top:0;left:var(--pos);transform:translateX(-50%);height:100%;width:0;z-index:3;pointer-events:none}.ba-handle::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background:#ffffff}.ba-handle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#ffffff;box-shadow:0 12px 28px rgba(0,0,0,0.25)}.ba-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;z-index:4;color:rgba(0,0,0,0.65)}.ba-wrap.ba-portrait{width:100%;max-width:420px;margin-left:auto;margin-right:auto;overflow:hidden}.ba-wrap.ba-portrait .ba-stage{aspect-ratio:auto;height:min(620px,78vh);background:#fffdf8}.ba-wrap.ba-portrait .ba-img{object-fit:contain;object-position:center top;background:#fffdf8}@media (max-width:480px){.ba-wrap.ba-portrait{max-width:100%}.ba-wrap.ba-portrait .ba-stage{height:min(520px,70vh);border-radius:16px}.ba-handle::after{width:46px;height:46px}.ba-icon{width:24px;height:24px}}