.comparison-labels{justify-content:space-between;gap:16px;margin:16px 0 10px;display:flex}.comparison-labels p{gap:2px;font-size:.8rem;display:grid}.comparison-labels p:last-child{text-align:right}.comparison-labels strong{color:var(--ink);font-size:.9rem}.comparison-stage{border:1px solid var(--line);background:repeating-conic-gradient(#eceef3 0% 25%,#fff 0% 50%) 0/20px 20px;border-radius:12px;height:clamp(260px,45vw,560px);position:relative;overflow:hidden}.comparison-stage img{object-fit:contain;width:100%;height:100%}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:repeating-conic-gradient(#eceef3 0% 25%,#fff 0% 50%) 0/20px 20px;position:absolute;inset:0}.comparison-divider{top:0;bottom:0;left:var(--split);pointer-events:none;background:#fff;width:2px;position:absolute;box-shadow:0 0 0 1px #20283e55}.comparison-divider span{color:#fff;background:#20283e;border:2px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #20283e44}.comparison-stage .comparison-range{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.comparison-stage:focus-within{outline:3px solid var(--blue);outline-offset:4px}@media (forced-colors:active){.comparison-divider{background:canvastext}.comparison-divider span{border-color:canvastext}}