.ac-photo-pair{min-width:0;margin:0}.ac-photo-labels{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:14px;line-height:1.5}.ac-photo-pair figcaption{margin-top:12px;font-size:14px;line-height:1.6;color:var(--muted)}
.ac-photo-stage{--ac-split:50%;position:relative;isolation:isolate;width:100%;aspect-ratio:1360/690;overflow:hidden;background:#10202b;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}
.ac-photo-stage .ac-photo-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:fill;transform:none;border:0;border-radius:0;pointer-events:none}
.ac-photo-reveal{position:absolute;inset:0;clip-path:inset(0 0 0 var(--ac-split));z-index:1}
.ac-photo-divider{position:absolute;left:var(--ac-split);top:0;bottom:0;width:2px;transform:translateX(-50%);background:white;z-index:2;pointer-events:none}
.ac-photo-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border:2px solid white;border-radius:50%;background:#102e43;color:white;font:26px/1 Arial,sans-serif;box-shadow:0 2px 8px #0006}
.ac-photo-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.ac-photo-stage:focus-within{outline:3px solid #b8a684;outline-offset:4px}
@media(max-width:600px){.ac-photo-divider span{width:36px;height:36px;font-size:22px}}