.sampler.svelte-vudkwe{background-size:14px 14px;place-items:center;width:fit-content;max-width:100%;margin:0 auto;display:grid;position:relative}.sampler.svelte-vudkwe>canvas:where(.svelte-vudkwe){cursor:crosshair;touch-action:none;max-width:100%;max-height:60vh;display:block}.sampler.svelte-vudkwe>canvas:where(.svelte-vudkwe):focus-visible{outline:3px solid var(--focus);outline-offset:2px}.loupe.svelte-vudkwe{pointer-events:none;width:110px;height:110px;box-shadow:0 0 0 3px var(--bg), 0 0 0 4px var(--separator-strong), var(--shadow-lg);border-radius:50%;position:absolute;overflow:hidden;transform:translate(-50%,calc(-100% - 18px))}.loupe.flip.svelte-vudkwe{transform:translate(-50%,18px)}.loupe.svelte-vudkwe canvas:where(.svelte-vudkwe){width:100%;height:100%;image-rendering:pixelated;display:block}.ring.svelte-vudkwe{width:calc(var(--n) * 10px);height:calc(var(--n) * 10px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff,0 0 0 2px #000}