.eds-image-compare{--eds-image-compare-radius:var(--eds-radius-md);padding-block:var(--eds-section-space)}.eds-image-compare--radius-none{--eds-image-compare-radius:0}.eds-image-compare--radius-lg{--eds-image-compare-radius:var(--eds-radius-lg)}.eds-image-compare__frame{--eds-image-compare-pos:50%;aspect-ratio:var(--eds-image-compare-ratio,16/9);background-color:var(--eds-surface-page);border:var(--eds-stroke-hairline) solid var(--eds-border-subtle);border-radius:var(--eds-image-compare-radius);overflow:hidden;position:relative}.eds-image-compare--fixed .eds-image-compare__frame{aspect-ratio:auto;height:var(--eds-image-compare-height)}.eds-image-compare__layer{inset:0;position:absolute}.eds-image-compare__layer--before{clip-path:inset(0 calc(100% - var(--eds-image-compare-pos)) 0 0)}.eds-image-compare__img{height:100%;object-fit:cover;object-position:center;pointer-events:none;width:100%;-webkit-user-drag:none;user-select:none}.eds-image-compare__label{-webkit-backdrop-filter:blur(var(--eds-blur-chip));backdrop-filter:blur(var(--eds-blur-chip));background-color:var(--eds-imagery-glass);border:var(--eds-stroke-hairline) solid var(--eds-imagery-hairline);border-radius:var(--eds-radius-md);bottom:var(--eds-space-16);color:var(--eds-text-on-brand);font-size:var(--eds-text-sm);font-weight:var(--eds-weight-semibold);letter-spacing:.02em;line-height:18px;padding:5px 13px;pointer-events:none;position:absolute;white-space:nowrap}.eds-image-compare__label--before{left:var(--eds-space-16)}.eds-image-compare__label--after{right:var(--eds-space-16)}.eds-image-compare__divider{background-color:var(--eds-imagery-control);bottom:0;left:var(--eds-image-compare-pos);margin-left:-1px;pointer-events:none;position:absolute;top:0;width:var(--eds-stroke-thick)}.eds-image-compare__knob{align-items:center;-webkit-backdrop-filter:blur(var(--eds-blur-surface));backdrop-filter:blur(var(--eds-blur-surface));background-color:var(--eds-imagery-glass);border:var(--eds-stroke-hairline) solid var(--eds-imagery-hairline);border-radius:var(--eds-radius-pill);color:var(--eds-text-on-brand);display:none;gap:var(--eds-space-4);height:48px;justify-content:center;left:50%;margin:-24px 0 0 -24px;position:absolute;top:50%;transition:background-color var(--eds-duration-fast) var(--eds-ease),border-color var(--eds-duration-fast) var(--eds-ease),color var(--eds-duration-fast) var(--eds-ease);width:48px}.eds-image-compare[data-eds-ready] .eds-image-compare__frame{cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.eds-image-compare[data-eds-ready] .eds-image-compare__knob{display:flex}.eds-image-compare--dragging .eds-image-compare__knob,.eds-image-compare[data-eds-ready] .eds-image-compare__frame:hover .eds-image-compare__knob{background-color:var(--eds-imagery-control);border-color:var(--eds-imagery-control);color:var(--eds-imagery-control-ink)}.eds-image-compare__range{-webkit-appearance:none;appearance:none;height:100%;inset:0;margin:0;opacity:0;pointer-events:none;position:absolute;width:100%}.eds-image-compare__range:focus-visible+.eds-image-compare__divider .eds-image-compare__knob{outline:var(--eds-stroke-thick) solid var(--eds-imagery-control);outline-offset:var(--eds-stroke-thick)}@media (max-width:767px){.eds-image-compare--fixed .eds-image-compare__frame{aspect-ratio:var(--eds-image-compare-ratio,16/9);height:auto}.eds-image-compare__label{bottom:var(--eds-space-12);font-size:var(--eds-text-xs);letter-spacing:.03em;line-height:15px;padding:4px 9px}.eds-image-compare__label--before{left:var(--eds-space-12)}.eds-image-compare__label--after{right:var(--eds-space-12)}.eds-image-compare__knob{height:var(--eds-target);margin:-22px 0 0 -22px;width:var(--eds-target)}}