canvas.svelte-o4ydsk{position:absolute;left:0;top:0;width:100%;height:100%}.preview.svelte-o4ydsk{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);transform:translate(-50%,-50%);background:var(--color);border-radius:50%;opacity:.5;pointer-events:none}.container.svelte-fq8hyh{position:fixed;left:0;top:0;width:100%;height:100%}.controls.svelte-fq8hyh{position:absolute;left:0;top:0;padding:1em}.show-menu.svelte-fq8hyh{width:5em}.modal-background.svelte-fq8hyh{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-fq8hyh{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-fq8hyh{display:grid;align-items:center;grid-template-columns:repeat(9,1fr);grid-gap:.5em}.color.svelte-fq8hyh{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-fq8hyh{transform:translate(1px,1px);filter:none;box-shadow:inset 3px 3px 4px #0003}.menu.svelte-fq8hyh label:where(.svelte-fq8hyh){display:flex;width:100%;margin:1em 0 0}.menu.svelte-fq8hyh input:where(.svelte-fq8hyh){flex:1}