.cn7-image-compare-block{width:100%;min-width:0}.cn7-image-compare,.cn7-image-compare *{box-sizing:border-box}.cn7-image-compare{--cn7-divider-position:50%;aspect-ratio:16/9;isolation:isolate;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#050505;border-radius:3px;width:100%;position:relative;overflow:hidden}.cn7-image-compare:focus-visible{outline-offset:5px;outline:2px solid #f1e9dc}.cn7-image-compare img{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cn7-image-compare__overlay{clip-path:inset(0 0 0 var(--cn7-divider-position));pointer-events:none;position:absolute;inset:0}.cn7-image-compare__divider{z-index:2;top:0;bottom:0;left:var(--cn7-divider-position);pointer-events:none;background:#fff;width:2px;position:absolute;transform:translate(-50%);box-shadow:0 0 12px #0009}.cn7-image-compare__handle{aspect-ratio:1;color:#141414;background:#f4f0e9;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:clamp(34px,4.5vw,48px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 18px #0008}.cn7-image-compare__handle svg{width:19px;height:19px}@media (prefers-reduced-motion:reduce){.cn7-image-compare *{transition:none!important}}.cn7-image-compare__labels{letter-spacing:.2em;text-transform:uppercase;color:#c0a17bd1;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:18px;padding:0 2px;font-size:10px;font-weight:500;line-height:1.4;display:flex}.cn7-image-compare__labels span:last-child{text-align:right}@media (max-width:820px){.cn7-image-compare__labels{letter-spacing:.13em;gap:12px;margin-top:14px;font-size:9px}}@media (max-width:390px){.cn7-image-compare__labels{letter-spacing:.1em;font-size:8px}}