.image-compare_root__hN1FU{position:relative;display:block;width:100%;overflow:clip;container-type:size;isolation:isolate;border-radius:var(--radius-panel);background:var(--surface-muted);cursor:ew-resize;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.image-compare_root__hN1FU[data-orientation=vertical]{cursor:ns-resize;touch-action:pan-x}.image-compare_root__hN1FU:after{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--foreground) 8%,transparent);pointer-events:none}.image-compare_layer__yVFeA{position:absolute;inset:0}.image-compare_layer__yVFeA :where(img,picture,video){display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.image-compare_chip__scV2w{position:absolute;z-index:1;top:var(--space-3);left:var(--space-3);padding:3px 10px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--background) 74%,transparent);color:var(--foreground);font-size:var(--text-xs);font-weight:500;line-height:var(--leading-body);letter-spacing:var(--tracking-body);pointer-events:none;backdrop-filter:blur(12px) saturate(1.4)}.image-compare_chip__scV2w[data-place=end]{right:var(--space-3);left:auto}.image-compare_chip__scV2w[data-place=bottom]{top:auto;bottom:var(--space-3)}.image-compare_pivot__GDtlz{position:absolute;z-index:2;inset:0;pointer-events:none}.image-compare_rotor___lWd8{position:absolute;top:0;left:0;width:0;height:0}.image-compare_line__jS1Ti{position:absolute;top:calc((100cqw + 100cqh) * -1);left:-1px;width:2px;height:calc((100cqw + 100cqh) * 2);background:var(--surface-raised);box-shadow:0 0 0 .5px oklch(0 0 0/.14)}:root[data-theme=dark] .image-compare_line__jS1Ti{background:var(--foreground)}.image-compare_handleSlot__TdF6T,.image-compare_handle__kBd3z{position:absolute;top:0;left:0}.image-compare_handle__kBd3z{display:grid;box-sizing:border-box;width:40px;height:40px;place-items:center;translate:-50% -50%;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-raised);box-shadow:var(--shadow-raised);color:var(--foreground);pointer-events:auto;outline:0 solid transparent;transition:border-color var(--duration-fast) var(--ease-standard)}.image-compare_handle__kBd3z:after{content:"";position:absolute;inset:-8px;border-radius:inherit}@media (hover:hover) and (pointer:fine){.image-compare_root__hN1FU:hover .image-compare_handle__kBd3z{border-color:var(--border-strong)}}.image-compare_chevrons__KpAoI{display:flex;align-items:center}.image-compare_chevron__KJxrM{display:grid;margin-inline:-2.5px;place-items:center}@media (prefers-reduced-motion:reduce){.image-compare_handle__kBd3z{transition:none}}.image-compare_root__hN1FU{--radius-panel:4px;--surface-muted:var(--color-soft-accent);--foreground:var(--color-foreground);--background:var(--color-secondary);--space-3:16px;--radius-pill:99px;--text-xs:12px;--leading-body:1.5;--tracking-body:0;--surface-raised:var(--color-secondary);--border:var(--color-border);--border-strong:var(--color-foreground);--shadow-raised:0 2px 12px #0002;--duration-fast:.16s;--ease-standard:ease}.image-compare_handle__kBd3z:focus-visible{outline:3px solid var(--color-foreground);outline-offset:4px;box-shadow:0 0 0 7px var(--color-secondary)}