@layer base{.diff{isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:var(--radius-box,.5rem);width:100%;display:grid;position:relative;overflow:hidden}.diff-item-1,.diff-item-2{grid-area:1/1;min-width:0;overflow:hidden}.diff-item-1>*,.diff-item-2>*{object-fit:cover;width:100%;height:100%;display:block}.diff-item-1{z-index:1;width:100%;clip-path:inset(0 calc(100% - var(--diff-pos,50%)) 0 0)}.diff-resizer{z-index:2;background-color:var(--color-base-100);width:2px;justify-content:center;align-items:center;display:flex;position:absolute;inset-block:0;inset-inline-start:var(--diff-pos,50%);translate:-50%}@supports (color:color-mix(in lab,red,red)){.diff-resizer{background-color:color-mix(in oklab,var(--color-base-100) 85%,transparent)}}.diff-resizer{cursor:ew-resize;touch-action:none}.diff-grip{width:1.75rem;height:1.75rem;color:var(--color-base-content);background-color:var(--color-base-100);border-radius:9999px;place-items:center;display:grid;box-shadow:0 1px 4px oklab(0 none none/.25)}.diff-grip svg{flex-shrink:0;width:1rem;height:1rem}.diff-resizer:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:-2px}}