.cxCompare{background:#061e46;border-radius:22px;width:100%;overflow:hidden;box-shadow:0 24px 54px #061e4628}.cxCompareStage{isolation:isolate;touch-action:pan-y;height:clamp(340px,37vw,540px);position:relative}.cxCompareLayer{position:absolute;inset:0;overflow:hidden}.cxCompareLayer img{object-fit:cover;object-position:center 51%}.cxCompareBefore{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:2}.cxCompareTag{z-index:4;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.03em;background:#061e46cc;border-radius:99px;padding:8px 13px;font-size:12px;font-weight:800;position:absolute;top:22px}.cxCompareTagBefore{left:20px}.cxCompareTagAfter{right:20px}.cxCompareDivider{inset:0 auto 0 var(--split);z-index:5;pointer-events:none;filter:drop-shadow(0 2px 5px #0008);background:#fff;width:3px;position:absolute;transform:translate(-50%)}.cxCompareDivider span{color:#061e46;white-space:nowrap;background:#fff;border:4px solid #165dde;border-radius:50%;place-items:center;width:57px;height:57px;font-size:25px;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #0006}.cxCompareRange{opacity:0;z-index:6;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.cxCompare:focus-within{outline-offset:3px;outline:3px solid #90caff}.cxCompareFoot{letter-spacing:.12em;color:#c5d8f5;justify-content:space-between;gap:15px;padding:17px 22px;font-size:10px;font-weight:800;display:flex}.cxCompareFoot>span:last-child{color:#c5d8f5}@media (max-width:650px){.cxCompareStage{height:380px}.cxCompare{border-radius:15px}.cxCompareTag{font-size:10px;top:14px}}.cxCompareSourcePair .cxCompareLayer img{object-fit:initial;object-position:top left;width:200%!important;max-width:none!important;height:auto!important;top:0!important;bottom:auto!important;right:auto!important}.cxCompareSourcePair .cxCompareBefore img{left:0!important}.cxCompareSourcePair .cxCompareAfter img{left:-100%!important}.cxCompareSourcePair{max-width:560px;margin-inline:auto}.cxCompareSourcePair .cxCompareStage{aspect-ratio:1;height:auto}.cxCompareSourcePair .cxCompareLayer img{transform:translateY(-43%);top:50%!important}.cxCompareSourcePair .cxCompareStage{aspect-ratio:1;width:100%!important;height:auto!important}.cxCompareMatchedPair .cxCompareLayer img{transform:none;top:0!important}
