.canvas.svelte-gkvy5f.svelte-gkvy5f{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr)}.cell.svelte-gkvy5f.svelte-gkvy5f{padding-top:100%;position:relative;grid-column-start:var(--x);grid-row-start:var(--y)}.cell.svelte-gkvy5f.svelte-gkvy5f: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-gkvy5f.svelte-gkvy5f:before{background-color:var(--color)}.cell.active.svelte-gkvy5f.svelte-gkvy5f:hover:before{transition-duration:.1s;background-color:var(--background)}.finished.svelte-gkvy5f .cell.svelte-gkvy5f:before{transition-duration:1s}aside.svelte-18mikcl.svelte-18mikcl{padding-top:0;min-height:calc(var(--100vh) - var(--headerHeight));transition:min-height .2s ease}header.svelte-18mikcl.svelte-18mikcl{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-18mikcl.svelte-18mikcl{align-items:flex-end}header.scrolled.svelte-18mikcl.svelte-18mikcl{align-items:flex-start}header.svelte-18mikcl nav.svelte-18mikcl{justify-content:stretch}header.svelte-18mikcl nav a.svelte-18mikcl{flex:1}}header.scrolled.svelte-18mikcl.svelte-18mikcl{padding:.5rem 1rem}header.scrolled.svelte-18mikcl .hide-on-scroll.svelte-18mikcl{display:none}@media screen and (min-width: 620px){header.svelte-18mikcl.svelte-18mikcl{align-items:center;padding:3rem}}p.svelte-18mikcl.svelte-18mikcl{flex-grow:1}img.lazyload.svelte-19n4shz,img.lazyloading{opacity:0;transition:opacity .4s}img.lazyloaded{opacity:1}span.svelte-1idqk0z{display:block;will-change:transform}span.active.svelte-1idqk0z{pointer-events:none}li.svelte-g86k4m.svelte-g86k4m.svelte-g86k4m{--background:#fff;--color:#000;--subtle:#f5f5f5;--highlight:#0f0;background-color:var(--background);color:var(--color)}li.svelte-g86k4m.svelte-g86k4m.svelte-g86k4m: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-g86k4m.svelte-g86k4m.svelte-g86k4m:nth-child(4n),li.svelte-g86k4m.svelte-g86k4m.svelte-g86k4m:nth-child(4n+1){--background:#fff;--color:#000;--subtle:#f5f5f5;--highlight:#0f0;background-color:var(--background);color:var(--color)}li.svelte-g86k4m.svelte-g86k4m.svelte-g86k4m:nth-child(4n+2),li.svelte-g86k4m.svelte-g86k4m.svelte-g86k4m:nth-child(4n+3){--background:#f5f5f5;--color:#000;--subtle:#fff;--highlight:#0f0;background-color:var(--background);color:var(--color)}}article.svelte-g86k4m.svelte-g86k4m.svelte-g86k4m{display:flex;flex-wrap:wrap}article.showcase-website.svelte-g86k4m .visual.svelte-g86k4m.svelte-g86k4m{-webkit-user-select:none;user-select:none;flex:1 1 100%}article.showcase-website.svelte-g86k4m .visual a.svelte-g86k4m.svelte-g86k4m{display:block}article.showcase-website.svelte-g86k4m .visual.svelte-g86k4m img{border-radius:4px;width:100%}@media screen and (max-width: 619px){article.showcase-website.svelte-g86k4m .visual.svelte-g86k4m.svelte-g86k4m{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}article.showcase-website.svelte-g86k4m .visual.svelte-g86k4m.svelte-g86k4m::-webkit-scrollbar{display:none}article.showcase-website.svelte-g86k4m .visual.svelte-g86k4m>div.svelte-g86k4m{width:100vh}}article.showcase-website.svelte-g86k4m .visual.svelte-g86k4m>div.svelte-g86k4m{padding:3rem 4rem}@media screen and (min-width: 620px){article.showcase-website.svelte-g86k4m .visual.svelte-g86k4m>div.svelte-g86k4m{padding:4rem 5rem 5rem}}@media screen and (min-width: 1120px){article.showcase-website.svelte-g86k4m .visual.svelte-g86k4m>div.svelte-g86k4m{padding:5rem 12% 6rem}}@media screen and (min-width: 1600px){article.showcase-website.svelte-g86k4m .visual.svelte-g86k4m>div.svelte-g86k4m{padding:5rem 14% 7rem}}article.showcase-website.svelte-g86k4m .visual figure.svelte-g86k4m.svelte-g86k4m{touch-action:none}header.svelte-g86k4m.svelte-g86k4m.svelte-g86k4m{display:flex;align-items:center;gap:.2em 1rem;flex-wrap:wrap;flex:1}header.svelte-g86k4m h3 a.svelte-g86k4m.svelte-g86k4m:hover{text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:.15em}@media screen and (max-width: 619px){nav.svelte-g86k4m.svelte-g86k4m.svelte-g86k4m{order:9}}header.svelte-g86k4m.svelte-g86k4m.svelte-g86k4m,nav.svelte-g86k4m.svelte-g86k4m.svelte-g86k4m{padding:.5rem 1rem}ul.svelte-1xkexlb{--background:#f5f5f5;--color:#000;--subtle:#fff;--highlight:#0f0;background-color:var(--background);color:var(--color)}