.xf-before-after{--_accent:var(--xf-accent,var(--gold,#b8862c));--_ink:var(--xf-ink,var(--ink,#141310));--_radius:var(--xf-radius,16px);max-width:100%;margin:0}.xf-ba-frame{border-radius:var(--_radius);touch-action:pan-y;cursor:ew-resize;background:#000;width:100%;position:relative;overflow:hidden}.xf-ba-img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.xf-ba-after{position:absolute;inset:0}.xf-ba-chip{z-index:2;font-family:var(--xf-font-body,var(--font-body,inherit));letter-spacing:.08em;text-transform:uppercase;color:#fff;pointer-events:none;background:#00000080;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;transition:opacity .2s;position:absolute;top:14px}.xf-ba-chip--l{left:14px}.xf-ba-chip--r{right:14px}.xf-ba-divider{pointer-events:none;background:#ffffffeb;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 10px #00000059}.xf-ba-handle{width:44px;height:44px;color:var(--_ink);cursor:ew-resize;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #0000004d}.xf-ba-handle:focus-visible{outline:3px solid var(--_accent);outline-offset:2px}.xf-ba-caption{color:var(--xf-ink-3,var(--ink-3,#666));text-align:center;margin-top:10px;font-size:13px}@media (prefers-reduced-motion:reduce){.xf-ba-chip{transition:none}}