.room-comparison{width:min(1100px,100%);color:var(--ink);margin:clamp(28px,5vw,56px) auto}.room-comparison-stage{aspect-ratio:3/2;background:var(--chalk);position:relative;overflow:hidden}.room-comparison-before,.room-comparison-after{position:absolute;inset:0}.room-comparison-stage .publication-picture,.room-comparison-stage img{object-fit:contain;width:100%;height:100%;display:block}.room-comparison-after{clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0)}.room-comparison-label{background:var(--ivory);color:var(--ink);font:600 var(--type-metadata)/1.4 var(--sans);pointer-events:none;padding:6px 12px;position:absolute;top:16px}.room-comparison-label-before{right:16px}.room-comparison-label-after{left:16px}.room-comparison-divider{top:0;bottom:0;left:var(--comparison-position);background:var(--ivory);pointer-events:none;width:2px;position:absolute;transform:translate(-50%)}.room-comparison-divider svg{box-sizing:content-box;background:var(--ivory);color:var(--aubergine);border-radius:50%;padding:12px 6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.room-comparison-stage input{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.room-comparison-stage:focus-within{outline:3px solid var(--focus-ring);outline-offset:4px}.room-comparison figcaption{max-width:75ch;font:var(--type-caption)/1.6 var(--sans);color:var(--muted);margin:12px auto 0}.room-comparison figcaption span{color:var(--ink);font-weight:600}.room-comparison-fallback img{max-width:100%;height:auto}.room-comparison-choices{justify-content:center;gap:12px;margin-top:16px;display:flex}.room-comparison-choices button{font:500 var(--type-caption)/1.4 var(--sans);border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--ivory);cursor:pointer;border-radius:999px;padding:10px 22px}.room-comparison-choices button[aria-pressed=true]{background:var(--ink);color:var(--ivory)}.room-comparison-choices button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@media (max-width:600px){.room-comparison-label{padding:5px 9px;top:10px}.room-comparison-label-before{right:10px}.room-comparison-label-after{left:10px}}