.cmp{margin:0;display:block}.cmp-stage{border:1px solid var(--rim-lo);border-radius:var(--r);background:var(--fill);aspect-ratio:1;touch-action:pan-y;position:relative;overflow:hidden}.cmp-img{object-fit:cover;width:100%;height:100%;color:var(--text-2);font-size:14px;display:block}.cmp-solo{border:1px solid var(--rim-lo);border-radius:var(--r);aspect-ratio:1}.cmp-reveal{position:absolute;inset:0}.cmp-divider{background:var(--ground);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.cmp-divider:after{content:"";border:1px solid var(--rim-lo);border-radius:var(--r-pill);background:var(--ground);width:36px;height:36px;margin:-18px 0 0 -18px;position:absolute;top:50%;left:50%}.cmp-tag{border:1px solid var(--rim-lo);border-radius:var(--r-sm);background:var(--glass);color:var(--text);pointer-events:none;transition:opacity var(--dur-1,.14s) var(--ease-out,ease);padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;position:absolute;bottom:10px}.cmp-tag--before{left:10px}.cmp-tag--after{right:10px}.cmp-range{appearance:none;cursor:ew-resize;touch-action:pan-y;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.cmp-range:disabled{cursor:default}.cmp-range::-webkit-slider-thumb{appearance:none;border-radius:var(--r-pill);cursor:ew-resize;background:0 0;width:44px;height:44px}.cmp-range::-moz-range-thumb{border-radius:var(--r-pill);cursor:ew-resize;background:0 0;border:0;width:44px;height:44px}.cmp-range:focus-visible{outline:none}.cmp-stage:has(.cmp-range:focus-visible) .cmp-divider:after{outline:2px solid var(--accent-deep);outline-offset:2px}.cmp:not(.is-ready) .cmp-divider:after{opacity:0}@media (prefers-reduced-motion:reduce){.cmp-tag{transition:none}}