.compare{position:relative;max-width:600px;max-height:600px;min-height:30px;width:100%;height:100%;aspect-ratio:1/1;overflow:hidden;border-radius:12px}.base,.overlay{position:absolute;inset:0;width:100%;height:100%}.overlay{clip-path:inset(0 50% 0 0)}.divider{top:0;width:4px;height:100%;background:#3540A5}.divider,.handle{position:absolute;left:50%}.handle{top:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#fff;border-radius:50%;cursor:ew-resize;display:flex;align-items:center;justify-content:center;border:4px solid #3540a5;gap:2px;box-shadow:0 2px 8px rgba(0,0,0,.15)}