.what-compare{margin:0}.what-compare__frame{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:3px;background:var(--canopy-deep)}.what-compare__frame img{display:block;width:100%;height:100%;object-fit:cover}.what-compare__after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--compare,50%))}.what-compare__handle{position:absolute;top:0;bottom:0;left:var(--compare,50%);width:2px;margin-left:-1px;background:var(--paper);pointer-events:none}.what-compare__handle::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2.5px solid var(--gold);border-radius:50%;background:var(--canopy);box-sizing:border-box}.what-compare__label{position:absolute;top:10px;padding:3px 7px;background:rgba(23,39,58,.82);color:var(--paper);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.what-compare__label--before{left:10px}.what-compare__label--after{right:10px}.what-compare__range{display:none;width:100%;margin:10px 0 0;accent-color:var(--canopy)}.what-compare.is-live .what-compare__range{display:block}.what-compare.is-live .what-compare__frame{cursor:ew-resize;touch-action:pan-y;user-select:none}.what-compare.is-live .what-compare__frame img{pointer-events:none;-webkit-user-drag:none}.what-compare figcaption{margin-top:6px;color:var(--mist);font-size:12.5px;line-height:1.45}