.compare-container{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;cursor:ew-resize;-moz-user-select:none;user-select:none;touch-action:none;-webkit-user-select:none;--compare-pos:50%}.compare-layer,.compare-media{position:absolute;inset:0}.compare-media{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;pointer-events:none}.compare-left{z-index:1;-webkit-clip-path:polygon(0 0,var(--compare-pos) 0,var(--compare-pos) 100%,0 100%);clip-path:polygon(0 0,var(--compare-pos) 0,var(--compare-pos) 100%,0 100%)}.compare-right{z-index:2;-webkit-clip-path:polygon(var(--compare-pos) 0,100% 0,100% 100%,var(--compare-pos) 100%);clip-path:polygon(var(--compare-pos) 0,100% 0,100% 100%,var(--compare-pos) 100%)}.compare-handle{width:44px;left:var(--compare-pos);transform:translateX(-50%);z-index:3;pointer-events:none}.compare-handle,.handle-line{position:absolute;top:0;bottom:0}.handle-line{width:2px;margin-left:21px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.handle-arrows{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:40px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.arrow{position:relative;font-size:22px;font-weight:700;color:#fff;line-height:1}.handle-arrows.pulse .arrow:after,.handle-arrows.pulse .arrow:before{content:"";position:absolute;left:30%;top:55%;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border-radius:50%;border:2px solid hsla(0,0%,100%,.85);background:transparent;animation:arrowPulse 1.3s ease-out infinite}.handle-arrows.pulse .arrow:after{animation-delay:.3s}@keyframes arrowPulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.7);opacity:0}}.compare-label{position:absolute;bottom:12px;background:hsla(0,0%,100%,.9);padding:6px 12px;border-radius:6px;font-weight:600;font-size:12px;color:#111;box-shadow:0 1px 2px rgba(0,0,0,.15);z-index:3;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease-out,transform .18s ease-out}.compare-label.left{left:12px}.compare-label.right{right:12px}.compare-label.visible{opacity:1;transform:translateY(0)}