.backdrop.svelte-1uha8ag{position:relative;background-color:#fdfdfd;background-image:url(../../../assets/bg0.png);background-size:40em;background-repeat:repeat-y;background-position:0 0}.backdrop.svelte-1uha8ag:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(../../../assets/bg0.png);background-size:40em;background-repeat:repeat-y;background-position:0 0;transform:scaleX(-1);pointer-events:none}.square.svelte-1uha8ag{width:10rem;height:10rem;cursor:default;animation-delay:calc(var(--i) * .15s);animation-fill-mode:both}@media(max-width:480px){.square.svelte-1uha8ag{width:7.5rem;height:7.5rem}}.square.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:100%;height:100%;overflow:visible}.frame.svelte-1uha8ag{fill:transparent;stroke:rgb(var(--color-surface-400));stroke-width:3;stroke-dasharray:400;stroke-dashoffset:0;animation:svelte-1uha8ag-draw 1.1s ease-out both;animation-delay:calc(.2s + var(--i) * .15s);transition:stroke .3s ease,fill .3s ease,stroke-width .3s ease,opacity .3s ease}.letter.svelte-1uha8ag{font-size:46px;font-weight:700;fill:currentColor;stroke:transparent;stroke-width:0;transform-box:fill-box;transform-origin:center;transition:transform .3s ease,fill .3s ease,stroke .3s ease,stroke-width .3s ease}@keyframes svelte-1uha8ag-draw{0%{stroke-dashoffset:400}}.square.svelte-1uha8ag{animation-name:svelte-1uha8ag-settle;animation-duration:.7s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.square.svelte-1uha8ag .frame:where(.svelte-1uha8ag){transition:stroke .35s ease,fill .35s ease,rx .4s cubic-bezier(.22,1,.36,1)}.square.svelte-1uha8ag:hover .frame:where(.svelte-1uha8ag){stroke:rgb(var(--color-primary-500));rx:46}.square.svelte-1uha8ag:hover .letter:where(.svelte-1uha8ag){fill:rgb(var(--color-primary-500));transform:scale(.94)}@keyframes svelte-1uha8ag-settle{0%{opacity:0;transform:translateY(10px) scale(.94)}}