.ck-compare{max-width:780px;margin:30px auto}.ck-compare-stage{--split:50%;position:relative;aspect-ratio:16/10;overflow:hidden;background:#fff;cursor:ew-resize;touch-action:pan-y;user-select:none;border-radius:4px}.ck-compare-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;display:block}.ck-compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.ck-compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:white;box-shadow:0 0 5px #0004;transform:translateX(-50%);pointer-events:none}.ck-compare-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border:3px solid white;border-radius:50%;background:#009ed4;color:#fff;display:grid;place-items:center;font:700 18px Arial;box-shadow:0 2px 7px #0003}.ck-compare-label{position:absolute;top:46%;padding:8px 14px;background:#15354dd9;color:white;font:600 13px/1.4 Arial;letter-spacing:.05em;pointer-events:none}.ck-compare-label.before{left:12px}.ck-compare-label.after{right:12px}.ck-compare-controls{display:flex;align-items:center;gap:14px;margin-top:16px}.ck-compare-controls input{min-width:0;flex:1;accent-color:#009ed4;height:32px}.ck-compare-controls button{padding:9px 15px;background:#007fa9;color:#fff;border:0;border-radius:20px;cursor:pointer}.ck-compare:focus-within .ck-compare-stage{outline:3px solid #009ed4;outline-offset:3px}.ck-compare figcaption{font-size:14px;line-height:1.6;margin-top:12px}.ck-compare-stage .ck-simulated-colour{filter:sepia(1) saturate(4)}@media(max-width:480px){.ck-compare-label{font-size:11px;padding:6px 8px}.ck-compare-controls{gap:8px}.ck-compare-controls button{font-size:12px}}