.cmp{position:relative;width:100%;min-height:88px;max-height:520px;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:repeating-conic-gradient(color-mix(in oklab,var(--fg) 8%,transparent) 0 25%,transparent 0 50%) 0 0 /16px 16px;touch-action:none;cursor:ew-resize;user-select:none}.cmp__img{inset:0;width:100%;height:100%;object-fit:contain}.cmp__img,.cmp__tag{position:absolute;pointer-events:none}.cmp__tag{top:10px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;background:color-mix(in oklab,var(--bg) 82%,transparent);color:var(--fg);border:1px solid var(--line)}.cmp__tag--l{left:10px}.cmp__tag--r{right:10px}.cmp__handle{position:absolute;top:0;bottom:0;width:44px;margin-left:-22px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;outline:none}.cmp__handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--fg);box-shadow:0 0 0 1px color-mix(in oklab,var(--bg) 60%,transparent)}.cmp__grip{position:relative;padding:6px 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--fg);color:var(--bg)}.cmp__handle:focus-visible .cmp__grip{outline:2px solid var(--fg);outline-offset:2px}