.op-through{gap:var(--space-2);min-inline-size:0;margin:0;display:grid}.op-through-frame{aspect-ratio:var(--through-aspect,4 / 3);background:var(--color-canvas);box-shadow:inset 0 0 0 1px var(--color-rule);display:block;position:relative;overflow:clip;container-type:inline-size}.op-through-layer{display:block;position:absolute;inset:0}.op-through-layer img{object-fit:cover;object-position:var(--through-position,50% 75%)}.op-through-coloured{clip-path:inset(0 100% 0 0)}.op-through-seam{background:var(--color-ink);opacity:0;inline-size:3px;position:absolute;inset-block:0;inset-inline-start:0}.op-through[data-through] .op-through-coloured{clip-path:inset(0);transition:clip-path 2.8s var(--ease-paper) .1s}.op-through[data-through] .op-through-seam{opacity:1;transition:translate 2.8s var(--ease-paper) .1s, opacity .2s var(--ease-out) 2.7s;animation:op-seam-out .3s var(--ease-out) 2.7s both;translate:100cqw}@keyframes op-seam-out{to{opacity:0}}.op-through-caption{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);font-size:var(--text-small);flex-wrap:wrap;line-height:1.4;display:flex}.op-through-again{min-block-size:44px;color:inherit;font:inherit;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.op-through-again[hidden]{display:none}@media (prefers-reduced-motion:reduce){.op-through-coloured{clip-path:none}.op-through[data-through] .op-through-coloured,.op-through[data-through] .op-through-seam{transition:none;animation:none}.op-through-seam,.op-through-again{display:none}}