.canvas.svelte-1p2bbzw{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr)}.cell.svelte-1p2bbzw{padding-top:100%;position:relative;grid-column-start:var(--x);grid-row-start:var(--y)}.cell.svelte-1p2bbzw:before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:var(--background);transition:all .2s ease}.cell.active.svelte-1p2bbzw:before{background-color:var(--color)}.cell.active.svelte-1p2bbzw:hover:before{transition-duration:.1s;background-color:var(--background)}.finished.svelte-1p2bbzw .cell:where(.svelte-1p2bbzw):before{transition-duration:1s}aside.svelte-zne36e{padding-top:0;min-height:calc(var(--100vh) - var(--headerHeight));transition:min-height .2s ease}header.svelte-zne36e{position:sticky;top:0;width:100%;z-index:100;display:flex;gap:1rem;padding:1rem;--background: #000;--color: #fff;--subtle: #333;--highlight: #0f0;background-color:var(--background);color:var(--color);transition:all .3s ease-in-out}@media screen and (max-width:619px){header.svelte-zne36e{align-items:flex-end}header.scrolled.svelte-zne36e{align-items:flex-start}header.svelte-zne36e nav:where(.svelte-zne36e){justify-content:stretch}header.svelte-zne36e nav:where(.svelte-zne36e) a:where(.svelte-zne36e){flex:1}}header.scrolled.svelte-zne36e{padding:.5rem 1rem}header.scrolled.svelte-zne36e .hide-on-scroll:where(.svelte-zne36e){display:none}@media screen and (min-width:620px){header.svelte-zne36e{align-items:center;padding:3rem}}p.svelte-zne36e{flex-grow:1}@media(scripting:enabled){img.svelte-1bkd54o{opacity:0;transition:opacity .5s}img.loaded.svelte-1bkd54o{opacity:1}}span.svelte-1amkofm{display:block;will-change:transform}span.active.svelte-1amkofm{pointer-events:none}li.svelte-1dbnkbd{--background: #fff;--color: #000;--subtle: #f5f5f5;--highlight: #0f0;background-color:var(--background);color:var(--color)}li.svelte-1dbnkbd:nth-child(odd){--background: #f5f5f5;--color: #000;--subtle: #fff;--highlight: #0f0;background-color:var(--background);color:var(--color)}@media screen and (min-width:1600px){li.svelte-1dbnkbd:nth-child(4n),li.svelte-1dbnkbd:nth-child(4n+1){--background: #fff;--color: #000;--subtle: #f5f5f5;--highlight: #0f0;background-color:var(--background);color:var(--color)}li.svelte-1dbnkbd:nth-child(4n+2),li.svelte-1dbnkbd:nth-child(4n+3){--background: #f5f5f5;--color: #000;--subtle: #fff;--highlight: #0f0;background-color:var(--background);color:var(--color)}}article.svelte-1dbnkbd{display:flex;flex-wrap:wrap}article.showcase-website.svelte-1dbnkbd .visual:where(.svelte-1dbnkbd) a:where(.svelte-1dbnkbd){display:block}article.showcase-website.svelte-1dbnkbd .visual:where(.svelte-1dbnkbd) img{border-radius:4px;width:100%}article.showcase-website.svelte-1dbnkbd .visual:where(.svelte-1dbnkbd){-webkit-user-select:none;user-select:none;flex:1 1 100%}@media screen and (max-width:619px){article.showcase-website.svelte-1dbnkbd .visual:where(.svelte-1dbnkbd){overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}article.showcase-website.svelte-1dbnkbd .visual:where(.svelte-1dbnkbd)::-webkit-scrollbar{display:none}article.showcase-website.svelte-1dbnkbd .visual:where(.svelte-1dbnkbd)>div:where(.svelte-1dbnkbd){width:100vh}}article.showcase-website.svelte-1dbnkbd .visual:where(.svelte-1dbnkbd)>div:where(.svelte-1dbnkbd){padding:3rem 4rem}@media screen and (min-width:620px){article.showcase-website.svelte-1dbnkbd .visual:where(.svelte-1dbnkbd)>div:where(.svelte-1dbnkbd){padding:4rem 5rem 5rem}}@media screen and (min-width:1120px){article.showcase-website.svelte-1dbnkbd .visual:where(.svelte-1dbnkbd)>div:where(.svelte-1dbnkbd){padding:5rem 12% 6rem}}@media screen and (min-width:1600px){article.showcase-website.svelte-1dbnkbd .visual:where(.svelte-1dbnkbd)>div:where(.svelte-1dbnkbd){padding:5rem 14% 7rem}}article.showcase-website.svelte-1dbnkbd .visual:where(.svelte-1dbnkbd) figure:where(.svelte-1dbnkbd){touch-action:none}header.svelte-1dbnkbd{display:flex;align-items:center;gap:.2em 1rem;flex-wrap:wrap;flex:1}@media screen and (max-width:619px){nav.svelte-1dbnkbd{order:9}}header.svelte-1dbnkbd,nav.svelte-1dbnkbd{padding:.5rem 1rem}ul.svelte-41iixe{--background: #f5f5f5;--color: #000;--subtle: #fff;--highlight: #0f0;background-color:var(--background);color:var(--color)}