canvas.svelte-1t3ljd4{display:block;position:absolute;top:0;left:0;width:100dvw;height:100dvh;width:100vw;height:100vh;touch-action:none}.preview.svelte-1t3ljd4{position:absolute;top:calc(var(--y) - var(--size) / 2);left:calc(var(--x) - var(--size) / 2);width:var(--size);height:var(--size);border:2px solid var(--color);border-radius:50%;pointer-events:none}.container.svelte-1iz32zh{position:fixed;left:0;top:0;width:100%;height:100%}.controls.svelte-1iz32zh{position:absolute;right:0;top:0;padding:1em}.show-menu.svelte-1iz32zh{width:5em}.modal-background.svelte-1iz32zh{position:fixed;display:flex;justify-content:center;align-items:center;left:0;top:0;width:100%;height:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.menu.svelte-1iz32zh{position:relative;background:var(--bg-2);width:calc(100% - 2em);max-width:28em;padding:1em 1em .5em;border-radius:1em;box-sizing:border-box;-webkit-user-select:none;user-select:none}.colors.svelte-1iz32zh{display:grid;align-items:center;grid-template-columns:repeat(9,1fr);grid-gap:.5em}.color.svelte-1iz32zh{aspect-ratio:1;border-radius:50%;background:var(--color, #fff);transform:none;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.2));transition:all .1s}.color[aria-current=true].svelte-1iz32zh{transform:translate(1px,1px);filter:none;box-shadow:inset 3px 3px 4px #0003}.menu.svelte-1iz32zh label:where(.svelte-1iz32zh){display:flex;width:100%;margin:1em 0 0}.menu.svelte-1iz32zh input:where(.svelte-1iz32zh){flex:1}[data-tippy-root]{background-color:#000;color:#fff;padding:.5rem;border-radius:.5rem}