canvas.svelte-1hppplk{display:block;background:repeating-conic-gradient(#80808020 0 25%,#80808000 0 50%) 50% / 10px 10px;box-shadow:0 0 10px #0000001f,10px 10px 15px -10px #0000004f;border-radius:10px;max-width:100cqw;max-height:100cqw}.qr.svelte-1hppplk{container-type:inline-size;position:relative;width:100%}.container.svelte-1hppplk{display:flex;gap:1rem;flex-direction:column;max-width:max-content;margin:1em 0}input[type=text].svelte-1hppplk{margin-right:auto;width:100%}input[type=color].svelte-1hppplk{opacity:0}.data.svelte-1hppplk{display:flex;gap:.25em;align-items:center}.color.svelte-1hppplk{margin-right:auto;display:flex;flex-wrap:wrap;gap:.25em}.color.svelte-1hppplk label:where(.svelte-1hppplk){position:relative;display:block;border:4px solid color-mix(in srgb,var(--color),black 30%);border-radius:1000px;overflow:hidden;width:3em;height:3em;background-color:var(--color)}.color.svelte-1hppplk label:where(.svelte-1hppplk):is(:where(.svelte-1hppplk):hover,:where(.svelte-1hppplk):focus-visible){border:4px solid color-mix(in srgb,var(--color),black 10%)}.color.svelte-1hppplk label:where(.svelte-1hppplk):after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;z-index:-1;background:repeating-conic-gradient(#80808020 0 25%,#80808000 0 50%) 50% / 10px 10px}.save.svelte-1hppplk{display:flex;flex-wrap:wrap;gap:.5em}