.sc-photo-comparison{position:relative;width:100%;height:min(70dvh,36rem);min-height:12rem;overflow:hidden;background:hsl(var(--sc-surface-sunken));border-radius:.75rem;border:1px solid hsl(var(--sc-border))}.sc-photo-comparison-stage,.sc-photo-comparison-layer,.sc-photo-comparison-image{position:absolute;inset:0}.sc-photo-comparison-layer{background:hsl(var(--sc-surface-sunken))}.sc-photo-comparison-stage{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sc-photo-comparison[data-preview=true]{border:0}.sc-photo-comparison[data-preview=true] .sc-photo-comparison-stage{touch-action:pan-y}.sc-photo-comparison-image{display:flex;align-items:center;justify-content:center}.sc-photo-comparison-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.sc-photo-comparison-annotations{position:absolute;inset:0;pointer-events:none}.sc-photo-comparison-fixed{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}.sc-photo-comparison .sc-photo-comparison-open{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;pointer-events:auto;touch-action:pan-y}.sc-photo-comparison-open:focus-visible{outline:3px solid hsl(var(--sc-accent-brand));outline-offset:-3px}.sc-photo-comparison .sc-photo-comparison-open:hover:enabled{background:hsl(var(--sc-scrim) / .04)}.sc-photo-comparison-divider{position:absolute;top:0;bottom:0;width:0;pointer-events:none}.sc-photo-comparison-divider-line{position:absolute;top:0;bottom:0;width:2px;transform:translate(-50%);background:hsl(var(--sc-contrast));box-shadow:0 0 0 1px hsl(var(--sc-scrim) / .2)}.sc-photo-comparison .sc-photo-comparison-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;min-width:3rem;padding:.25rem;border-radius:50%;gap:0;pointer-events:auto;touch-action:none;-webkit-touch-callout:none}.sc-photo-comparison-handle svg{width:1rem;height:1rem;flex-shrink:0}.sc-photo-comparison-handle:focus-visible{outline:3px solid hsl(var(--sc-accent-brand));outline-offset:3px}.sc-photo-comparison-labels{position:absolute;inset:.75rem .75rem auto;display:flex;gap:.75rem;pointer-events:none}.sc-photo-comparison-labels span{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.3rem .6rem;border-radius:.5rem;background:hsl(var(--sc-scrim) / .7);color:hsl(var(--sc-contrast));font-size:.75rem}.sc-photo-comparison-statuses{position:absolute;top:3rem;left:.75rem;right:.75rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;pointer-events:none}.sc-photo-comparison-status{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;max-width:100%;border-radius:.5rem;padding:.75rem;background:hsl(var(--sc-surface) / .95);color:hsl(var(--sc-text));font-size:.875rem;pointer-events:auto}.sc-photo-comparison-zoom{position:absolute;left:.75rem;bottom:.75rem;display:flex;align-items:center;gap:.5rem}.sc-photo-comparison-zoom>span{padding:.25rem .5rem;border-radius:.5rem;background:hsl(var(--sc-scrim) / .7);color:hsl(var(--sc-contrast));font-variant-numeric:tabular-nums;font-size:.75rem}