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