.renovation-comparison{flex-direction:column;width:100%;min-width:0;margin:0;padding-top:2.5rem;display:flex}.renovation-comparison-frame{isolation:isolate;border-radius:var(--radius-panel);background:var(--ink-850);cursor:ew-resize;touch-action:pan-y;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.renovation-comparison-image{pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.renovation-comparison-image picture{width:100%;height:100%;display:block}.renovation-comparison-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.renovation-comparison-after{clip-path:inset(0 0 0 var(--comparison-position))}.renovation-comparison-before{clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0)}.renovation-comparison-label{z-index:1;background:var(--brand);color:var(--on-brand);pointer-events:none;border-radius:4px;padding:.5rem .875rem;font-size:.875rem;font-weight:600;line-height:1.5;position:absolute;top:clamp(1rem,2.5vw,2rem)}.renovation-comparison-label-before{left:clamp(1rem,2.5vw,2rem)}.renovation-comparison-label-after{right:clamp(1rem,2.5vw,2rem)}.renovation-comparison-range{z-index:3;opacity:0;pointer-events:none;width:100%;height:100%;min-height:0;margin:0;display:block;position:absolute;inset:0}.renovation-comparison-divider{top:0;bottom:0;left:var(--comparison-position);z-index:2;pointer-events:none;background:#fff;width:3px;position:absolute;transform:translate(-50%);box-shadow:0 0 4px #172f3e66}.renovation-comparison-handle{border:1px solid var(--line);width:56px;height:56px;color:var(--brand);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #172f3e33}.renovation-comparison-range:focus-visible+.renovation-comparison-divider .renovation-comparison-handle{outline:3px solid var(--signal);outline-offset:4px}.renovation-comparison-caption{color:var(--fg-2);flex-wrap:wrap;justify-content:space-between;align-items:start;gap:.5rem 1rem;padding-block:1rem;font-size:.875rem;line-height:1.7;display:flex}.renovation-comparison-title{color:var(--fg);margin-bottom:.25rem;font-weight:600}.renovation-comparison-disclosure{flex-shrink:0}.renovation-comparison-error{z-index:4;text-align:center;background:var(--ink-850);color:var(--fg);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:absolute;inset:0}@media (max-width:1023px){.renovation-comparison{padding-top:0}.renovation-comparison-frame{aspect-ratio:1.65;flex:none}}@media (max-width:639px){.renovation-comparison-frame{aspect-ratio:1.25}.renovation-comparison-handle{width:48px;height:48px}}