.room-comparison{color:#242328;width:min(1100px,100%);margin:clamp(28px,5vw,56px) auto}.room-comparison-stage{aspect-ratio:3/2;background:#f0efec;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{color:#242328;pointer-events:none;background:#faf9f6;padding:6px 12px;font:600 12px/1.4 Arial,sans-serif;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);pointer-events:none;background:#faf9f6;width:2px;position:absolute;transform:translate(-50%)}.room-comparison-divider svg{box-sizing:content-box;color:#593c50;background:#faf9f6;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-offset:4px;outline:3px solid #593c50}.room-comparison figcaption{color:#514a48;max-width:75ch;margin:12px auto 0;font:13px/1.6 Arial,sans-serif}.room-comparison figcaption span{color:#242328;font-weight:600}.room-comparison-fallback img{max-width:100%;height:auto}@media (max-width:600px){.room-comparison-label{padding:5px 9px;top:10px}.room-comparison-label-before{right:10px}.room-comparison-label-after{left:10px}}