.compare{position: relative;overflow: hidden;border-radius: var(--radius);background: var(--surface-2);--pos: 50%}.compare img{display: block;width: 100%;height: auto}.compare .cmp-b{position: absolute;inset: 0}.compare input[type="range"]{position: absolute;inset: 0;width: 100%;height: 100%;opacity: 0;cursor: ew-resize;margin: 0}.compare::after{content: "";position: absolute;top: 0;bottom: 0;left: var(--pos);width: 2px;background: #fff;box-shadow: 0 0 0 1px rgba(0,0,0,.35);pointer-events: none}