.kader.svelte-xpzdt{position:relative;aspect-ratio:var(--ratio, 1 / 1);overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.laag.svelte-xpzdt{position:absolute;top:0;right:0;bottom:0;left:0}.laag.na.svelte-xpzdt{clip-path:inset(0 0 0 var(--pos))}.laag.svelte-xpzdt picture,.laag.svelte-xpzdt img{display:block;width:100%;height:100%;object-fit:cover}.laag.svelte-xpzdt img{filter:var(--media-grade, none)}.greep.svelte-xpzdt{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;background:var(--background);box-shadow:var(--shadow-md);transform:translate(-50%);pointer-events:none}.knop.svelte-xpzdt{position:absolute;top:50%;left:50%;display:grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:5px;width:38px;height:38px;border-radius:9999px;background:var(--background);box-shadow:var(--shadow-md);transform:translate(-50%,-50%)}.knop.svelte-xpzdt:before,.knop.svelte-xpzdt:after{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent}.knop.svelte-xpzdt:before{border-right:6px solid var(--primary)}.knop.svelte-xpzdt:after{border-left:6px solid var(--primary)}.schuif.svelte-xpzdt{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.schuif.svelte-xpzdt:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-lg)}.pil.svelte-xpzdt{position:absolute;bottom:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:9999px;background:var(--black-70);color:var(--background);font-family:var(--font-role-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;pointer-events:none}.pil.voor.svelte-xpzdt{left:var(--space-3)}.pil.na.svelte-xpzdt{right:var(--space-3)}