.cmp{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;margin:0 auto;position:relative}.cmp img{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%;display:block}.cmp-after{position:absolute;inset:0}.cmp-line{background:var(--salt);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;transform:translate(-.5px)}.cmp-line i{background:var(--salt);width:44px;height:44px;margin-top:-22px;position:absolute;top:50%;left:-22px}.cmp-line i:before{content:"⟷";color:#000;place-items:center;font-size:24px;font-style:normal;display:grid;position:absolute;inset:0}.cmp-tag{pointer-events:none;background:#000;padding:3px 8px;font-size:16px;line-height:1.3;position:absolute;top:0}.cmp-tag-l{left:0}.cmp-tag-r{right:0}.cmp-range{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.cmp:has(.cmp-range:focus-visible){outline:2px solid var(--salt);outline-offset:3px}.tabs{border-bottom:1px solid var(--seam);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.tabs button{border:0;border-right:1px solid var(--seam);cursor:pointer;background:0 0;min-height:60px;padding:8px;font-size:20px}.tabs button:last-child{border-right:0}.tabs button[aria-selected=true]{background:var(--salt);color:#000}