[data-wh-before-after]{display:grid;gap:1rem}[data-wh-before-after] h3{margin:0}.wh-pkg-ba-stage{position:relative;overflow:hidden;border-radius:var(--wh-card-radius,16px);aspect-ratio:16/9;background:#e5e7eb}.wh-pkg-ba-stage img{display:block;width:100%;height:100%;object-fit:cover}.wh-pkg-ba-before{position:absolute;inset:0}.wh-pkg-ba-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--wh-ba-position))}.wh-pkg-ba-divider{position:absolute;top:0;bottom:0;left:var(--wh-ba-position);width:3px;transform:translateX(-50%);background:#fff;box-shadow:0 0 0 1px rgba(15,23,42,.2)}.wh-pkg-ba-divider:after{content:'↔';position:absolute;left:50%;top:50%;display:grid;place-items:center;width:2.5rem;height:2.5rem;transform:translate(-50%,-50%);border-radius:999px;background:#fff;color:#111827;box-shadow:0 6px 18px rgba(15,23,42,.2)}.wh-pkg-ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.wh-pkg-ba-label{position:absolute;top:.75rem;padding:.35rem .55rem;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:.82rem}.wh-pkg-ba-label.is-before{left:.75rem}.wh-pkg-ba-label.is-after{right:.75rem}