:root{font-family:New Gothic,sans-serif;line-height:1.5;font-weight:400;color:#242424;background-color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;letter-spacing:1.5px;color:#242424}#app{text-align:center}.mode.svelte-z1bbr.svelte-z1bbr{display:flex;justify-content:center;gap:1rem}.gridInput.svelte-z1bbr.svelte-z1bbr{margin-bottom:1rem}.gridInput.svelte-z1bbr input.svelte-z1bbr{padding:.25rem .5rem;margin-left:.25rem}.grid.svelte-z1bbr.svelte-z1bbr{display:grid;grid-template-columns:repeat(var(--size),1fr);border:1px solid #242424;width:450px;height:450px}.cell.svelte-z1bbr.svelte-z1bbr{border:1px solid #242424;padding:0;box-sizing:border-box}button.svelte-z1bbr.svelte-z1bbr{margin:1rem;padding:.5rem 1rem;border-radius:5px;border:solid 1px #242424;background-color:#fff}button.svelte-z1bbr.svelte-z1bbr:hover{background-color:#242424;color:#fff;cursor:pointer}@media (min-width: 800px){.grid.svelte-z1bbr.svelte-z1bbr{width:600px;height:600px}}h4.svelte-18503qp{margin:0 0 1rem;text-align:center}.buttons.svelte-18503qp{display:flex;justify-content:center;align-items:center;gap:.25rem}.count.svelte-18503qp{cursor:default}.count.svelte-18503qp:hover{background-color:#fff}.reset.svelte-18503qp{font-size:.75rem;margin:1rem 0;padding:.5rem 1rem;border-radius:5px;border:solid 1px #242424;background-color:#fff}.reset.svelte-18503qp:hover{background-color:#242424;color:#fff;cursor:pointer}button.svelte-18503qp{text-align:center;background-color:#fff;border:none;padding:.5rem 1rem;font-size:1rem;border-radius:5px;cursor:pointer}button.svelte-18503qp:hover{background-color:#e1e1e1}.colorPallete.svelte-3oyshi.svelte-3oyshi{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}.colorPallete.svelte-3oyshi p.svelte-3oyshi{margin:0;padding:0;font-size:small;max-width:250px}.colorGrid.svelte-3oyshi.svelte-3oyshi{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.colorPill.svelte-3oyshi.svelte-3oyshi{border:none;width:2rem;height:2rem;cursor:pointer;box-shadow:5px 5px 5px #00000026}.colorPill.svelte-3oyshi.svelte-3oyshi:disabled{opacity:.5;cursor:not-allowed}.tools.svelte-3oyshi.svelte-3oyshi{display:flex;gap:1rem}.tools.svelte-3oyshi button.svelte-3oyshi{width:3rem;height:3rem;border-radius:50%;font-size:1em;background-color:#fff;color:#000;cursor:pointer;transition:border-color .25s;border:1px solid transparent}.currentColor.svelte-3oyshi.svelte-3oyshi{display:flex;justify-content:center;align-items:center}@media (min-width: 800px){.colorPill.svelte-3oyshi.svelte-3oyshi{width:2.5rem;height:2.5rem}.tools.svelte-3oyshi button.svelte-3oyshi{width:3.5rem;height:3.5rem}.colorPallete.svelte-3oyshi.svelte-3oyshi{margin:1rem}.colorGrid.svelte-3oyshi.svelte-3oyshi{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}}header.svelte-vqqqib.svelte-vqqqib{font-size:x-small;text-align:left;padding:.5rem 1.5rem;border-bottom:solid 2px #f1f2f5}h1.svelte-vqqqib.svelte-vqqqib{font-size:2em;background:linear-gradient(to right,#7f9146,#558c72,#2c869b,#4d78ac,#9067b5,#cb58b7,#d86082,#e26459,#ee6c2b);background-size:20% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px}main.svelte-vqqqib.svelte-vqqqib{display:flex;flex-direction:column;gap:2rem}.panel.svelte-vqqqib.svelte-vqqqib{background-color:#f1f2f5;padding:1rem 2rem;border-radius:10px;margin:.5rem 1rem}.grid.svelte-vqqqib.svelte-vqqqib,.footerWrapper.svelte-vqqqib.svelte-vqqqib{display:flex;justify-content:center}footer.svelte-vqqqib.svelte-vqqqib{text-align:center;font-size:small;letter-spacing:2px;padding:1rem;margin:1rem;background:linear-gradient(to right,#7f9146,#558c72,#2c869b,#4d78ac,#9067b5,#cb58b7,#d86082,#e26459,#ee6c2b);border-radius:10px;width:100%;color:#fff}footer.svelte-vqqqib a.svelte-vqqqib{text-decoration:none;color:#000}footer.svelte-vqqqib a i.svelte-vqqqib{margin-right:.25rem;margin-left:.3rem}footer.svelte-vqqqib a.svelte-vqqqib:hover{color:#f1f2f5}@media (min-width: 800px){main.svelte-vqqqib.svelte-vqqqib{flex-direction:row}.panel.svelte-vqqqib.svelte-vqqqib{height:100vh;display:flex;place-items:center}.grid.svelte-vqqqib.svelte-vqqqib{width:100%;margin-top:2rem}footer.svelte-vqqqib.svelte-vqqqib{width:80%}h1.svelte-vqqqib.svelte-vqqqib{background-size:10% 100%}}@media (min-width: 1200px){h1.svelte-vqqqib.svelte-vqqqib{background-size:8% 100%}}