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