.media[data-astro-cid-4kdynnrm]{aspect-ratio:var(--aspect,4 / 3);background:var(--color-placeholder);position:relative;overflow:hidden}.media[data-astro-cid-4kdynnrm] img,.media[data-astro-cid-4kdynnrm] video[data-astro-cid-4kdynnrm]{object-fit:cover;object-position:var(--focal,50% 50%);width:100%;height:100%;transition:transform var(--motion-slow) var(--ease-standard);display:block}.compare[data-astro-cid-lpdjarmv]{--pos:50%;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-1);margin:0;display:grid}.compare-frame[data-astro-cid-lpdjarmv]{border-radius:var(--radius-md);background:var(--color-placeholder);position:relative;overflow:hidden}.compare[data-astro-cid-lpdjarmv] .compare-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.compare-before[data-astro-cid-lpdjarmv]{clip-path:inset(0 calc(100% - var(--pos)) 0 0);position:absolute;inset:0}.compare-handle[data-astro-cid-lpdjarmv]{top:0;bottom:0;left:var(--pos);background:var(--color-surface);pointer-events:none;width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 0 1px #1b1c1e26}.compare-handle[data-astro-cid-lpdjarmv] span[data-astro-cid-lpdjarmv]{border-radius:var(--radius-full);background:var(--color-surface);width:40px;height:40px;box-shadow:var(--shadow-2);color:var(--color-ink);place-items:center;font-size:18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-label[data-astro-cid-lpdjarmv]{top:var(--space-3);pointer-events:none;position:absolute}.compare-label--before[data-astro-cid-lpdjarmv]{left:var(--space-3)}.compare-label--after[data-astro-cid-lpdjarmv]{right:var(--space-3)}.compare-range[data-astro-cid-lpdjarmv]{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare[data-astro-cid-lpdjarmv]:has(.compare-range:focus-visible) .compare-handle[data-astro-cid-lpdjarmv] span[data-astro-cid-lpdjarmv]{outline:2px solid var(--color-focus);outline-offset:3px}.compare[data-astro-cid-lpdjarmv] figcaption[data-astro-cid-lpdjarmv]{padding:0 var(--space-2) var(--space-1)}