.ba{position:relative;overflow:hidden;background:#e4d9c8;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y;cursor:ew-resize}.ba img{width:100%;height:100%;object-fit:cover;pointer-events:none}.ba__after,.ba__before{position:absolute;inset:0}.ba__before{-webkit-clip-path:inset(0 calc(100% - var(--pos)) 0 0);clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ba__line{top:0;bottom:0;width:2px;margin-left:-1px;box-shadow:0 0 10px rgba(0,0,0,.35);pointer-events:none}.ba__handle,.ba__line{position:absolute;left:var(--pos);background:#fff}.ba__handle{top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;border:0;color:#7a1e24;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.35);cursor:ew-resize}.ba__label{position:absolute;top:14px;padding:6px 12px;background:rgba(31,26,23,.78);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}.ba__label--before{left:14px}.ba__label--after{right:14px}