.img-compare{position:relative;width:100%;overflow:hidden;border-radius:var(--tl-radius-l);border:1px solid var(--tl-line-bright);background:var(--tl-bg-1);touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize}.img-compare-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.img-compare-img--after{clip-path:inset(0 0 0 var(--pos))}.img-compare-img--flat{filter:saturate(.08) contrast(.92) brightness(.82)}.img-compare-divider{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:var(--tl-gradient);box-shadow:0 0 12px #e8332e99}.img-compare-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:var(--tl-bg-0);border:1px solid var(--tl-accent);color:var(--tl-accent-hot);font-size:12px;letter-spacing:-2px}.img-compare-chip{position:absolute;top:10px;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.12em;background:#0a0c16bf;border:1px solid var(--tl-line-bright);color:var(--tl-ink-2);pointer-events:none}.img-compare-chip--before{left:10px}.img-compare-chip--after{right:10px;color:var(--tl-accent-hot);border-color:var(--tl-accent-dim)}.img-compare-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;pointer-events:none}.img-compare:has(.img-compare-range:focus-visible){outline:2px solid var(--tl-accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}