:root{font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;padding-top:3rem}@media (min-width: 1200px){body{padding:0;min-height:100vh}}#app{width:100%}:root{font-family:Fira Code,Inter,Avenir,Helvetica,Arial,sans-serif}input{box-sizing:border-box}main.svelte-1oa0kyq.svelte-1oa0kyq{max-width:40rem;margin:auto}h1.svelte-1oa0kyq.svelte-1oa0kyq{text-align:center}label.svelte-1oa0kyq.svelte-1oa0kyq{width:auto;text-transform:uppercase}input.svelte-1oa0kyq.svelte-1oa0kyq{display:block;margin-bottom:.5rem}input[aria-invalid=true].svelte-1oa0kyq.svelte-1oa0kyq{border:2px solid red}.hidden.svelte-1oa0kyq.svelte-1oa0kyq{display:none;position:absolute}.container.svelte-1oa0kyq.svelte-1oa0kyq{display:flex;flex-direction:column-reverse;margin:0 1rem}.container.svelte-1oa0kyq input.svelte-1oa0kyq{width:100%}.container.svelte-1oa0kyq input[type=checkbox].svelte-1oa0kyq{width:auto}.pickers.svelte-1oa0kyq.svelte-1oa0kyq{padding:1.5rem}.canvas.svelte-1oa0kyq.svelte-1oa0kyq{position:relative;width:100%;height:100px;background-color:var(--color);border-radius:.25rem;margin-bottom:.75rem}.canvas.svelte-1oa0kyq input.svelte-1oa0kyq{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}@media (min-width: 1200px){.pickers.svelte-1oa0kyq.svelte-1oa0kyq{margin:2.5rem 2.5rem 1rem}.container.svelte-1oa0kyq.svelte-1oa0kyq{display:grid;grid-template-columns:1fr 1fr;gap:2rem}}.input-wrapper.svelte-1oa0kyq.svelte-1oa0kyq{position:relative}.input-wrapper.svelte-1oa0kyq button.svelte-1oa0kyq{position:absolute;bottom:0;left:100%;padding:2.5px;margin-left:.25rem}