.ba.svelte-1jfl7r7{margin:0}.frame.svelte-1jfl7r7{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);background:var(--grey-100);cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.frame.svelte-1jfl7r7:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}.img-after.svelte-1jfl7r7,.img-before.svelte-1jfl7r7{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.before-clip.svelte-1jfl7r7{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0);pointer-events:none}.tag.svelte-1jfl7r7{position:absolute;top:.7rem;padding:.3em .7em;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:700;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;transition:opacity .2s ease;pointer-events:none}.tag.hide.svelte-1jfl7r7{opacity:0}.tag-before.svelte-1jfl7r7{left:.7rem;background:#1a1913c7}.tag-after.svelte-1jfl7r7{right:.7rem;background:var(--orange);color:var(--charcoal)}.divider.svelte-1jfl7r7{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;transform:translate(-50%);background:#fff;box-shadow:0 0 0 1px #1a191326;pointer-events:none}.grip.svelte-1jfl7r7{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--charcoal);box-shadow:var(--shadow-md);transition:transform .15s ease}.frame.svelte-1jfl7r7:hover .grip:where(.svelte-1jfl7r7),.frame.dragging.svelte-1jfl7r7 .grip:where(.svelte-1jfl7r7),.frame.svelte-1jfl7r7:focus-visible .grip:where(.svelte-1jfl7r7){transform:translate(-50%,-50%) scale(1.1);color:var(--accent-text)}figcaption.svelte-1jfl7r7{margin-top:var(--sp-3);color:var(--ink-soft);font-size:.95rem}