@font-face{font-family:__Press_Start_2P_ee06cb;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/dbbdd2d89d2ef0ef-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Press_Start_2P_ee06cb;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a06229eb79a83cfc-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Press_Start_2P_ee06cb;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c9e224327ce7933e-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Press_Start_2P_ee06cb;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d85064eaed4b8683-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Press_Start_2P_ee06cb;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/db234bd00cda6a96-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Press_Start_2P_Fallback_ee06cb;src:local("Arial");ascent-override:44.58%;descent-override:0.00%;line-gap-override:0.00%;size-adjust:224.32%}.__className_ee06cb{font-family:__Press_Start_2P_ee06cb,__Press_Start_2P_Fallback_ee06cb;font-weight:400;font-style:normal}.__variable_ee06cb{--font-press:"__Press_Start_2P_ee06cb","__Press_Start_2P_Fallback_ee06cb"}@font-face{font-family:__Pixelify_Sans_6900a0;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/aaf0e744731a46d3-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Pixelify_Sans_6900a0;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/9cb204d1bfdb6539-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Pixelify_Sans_6900a0;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/c565b14407d34fed-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Pixelify_Sans_Fallback_6900a0;src:local("Arial");ascent-override:81.70%;descent-override:24.87%;line-gap-override:0.00%;size-adjust:112.61%}.__className_6900a0{font-family:__Pixelify_Sans_6900a0,__Pixelify_Sans_Fallback_6900a0;font-style:normal}.__variable_6900a0{--font-pixelify:"__Pixelify_Sans_6900a0","__Pixelify_Sans_Fallback_6900a0"}.az-pixel-art{--night:#0d1030;--navy:#1d2b53;--plum:#7e2553;--green:#00e436;--blue:#29adff;--red:#ff004d;--yellow:#ffec27;--cream:#fff1e8;--mist:#a9b4d6;--bw:4px;font-family:var(--font-pixelify),ui-monospace,monospace}.az-pixel-art ::selection{background:var(--yellow);color:var(--night)}.az-pixel-art :is(canvas,img){image-rendering:pixelated}.demo .az-pixel-art :focus-visible{outline:4px solid var(--yellow);outline-offset:8px}.az-pixel-art .px-h{letter-spacing:0}.az-pixel-art .px-cap,.az-pixel-art .px-h{font-family:var(--font-press),ui-monospace,monospace;font-weight:400}.az-pixel-art .px-cap{letter-spacing:.04em;line-height:1.7;text-transform:uppercase}.az-pixel-art .px-frame{--b:var(--cream)}.az-pixel-art .px-card,.az-pixel-art .px-frame{box-shadow:0 calc(var(--bw) * -1) 0 var(--b),0 var(--bw) 0 var(--b),calc(var(--bw) * -1) 0 0 var(--b),var(--bw) 0 0 var(--b)}.az-pixel-art .px-card{--b:var(--navy);background:var(--navy)}.az-pixel-art .px-window{--b:var(--cream);background:var(--navy);box-shadow:inset 0 0 0 4px var(--night),0 -4px 0 var(--b),0 4px 0 var(--b),-4px 0 0 var(--b),4px 0 0 var(--b)}.az-pixel-art .px-dots{background:repeating-linear-gradient(90deg,var(--yellow) 0 4px,transparent 0 8px)}.az-pixel-art .px-rule{background:repeating-linear-gradient(90deg,var(--navy) 0 8px,transparent 0 12px)}.az-pixel-art .px-btn{--face:var(--yellow);--ink:var(--night);--depth:var(--plum);display:inline-grid;place-items:center;background:var(--face);color:var(--ink);font-weight:600;white-space:nowrap;box-shadow:0 -4px 0 var(--face),-4px 0 0 var(--face),4px 0 0 var(--face),0 4px 0 var(--face),0 8px 0 var(--depth)}.az-pixel-art .px-btn-ghost{--face:var(--navy);--ink:var(--cream);--depth:var(--night)}.az-pixel-art .px-btn-red{--face:var(--red);--ink:var(--night);--depth:var(--plum)}.az-pixel-art .px-btn:is(:hover:not(:disabled),.is-hover){--face:var(--cream);--ink:var(--night)}.az-pixel-art .px-btn:is(:active:not(:disabled),.is-press){transform:translateY(4px);box-shadow:0 -4px 0 var(--face),-4px 0 0 var(--face),4px 0 0 var(--face),0 4px 0 var(--face)}.az-pixel-art .px-btn:is(:disabled,.is-off){--face:var(--navy);--ink:var(--mist);--depth:transparent;cursor:not-allowed}.az-pixel-art .px-btn.is-focus{outline:4px solid var(--yellow);outline-offset:8px}.az-pixel-art .px-field{--b:var(--blue);background:var(--night);color:var(--cream);caret-color:var(--yellow);box-shadow:0 -4px 0 var(--b),0 4px 0 var(--b),-4px 0 0 var(--b),4px 0 0 var(--b)}.az-pixel-art .px-field::placeholder{color:var(--mist);opacity:1}.az-pixel-art .px-field:is(:focus,:focus-within,.is-focus){--b:var(--yellow);outline:none}.az-pixel-art .px-field:is([aria-invalid=true],.is-error){--b:var(--red)}.az-pixel-art .px-field:is(:disabled,.is-off){--b:var(--navy);color:var(--mist)}.az-pixel-art select.px-field{appearance:none;cursor:pointer}.az-pixel-art .px-check{appearance:none;display:inline-grid;place-items:center;width:24px;height:24px;margin:4px;background:var(--night);box-shadow:0 -4px 0 var(--cream),0 4px 0 var(--cream),-4px 0 0 var(--cream),4px 0 0 var(--cream);cursor:pointer}.az-pixel-art .px-check:checked{background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' shape-rendering='crispEdges'%3E%3Cpath fill='%230d1030' d='M5 1h1v1H5zM4 2h1v1H4zM0 2h1v1H0zM1 3h1v1H1zM3 3h1v1H3zM2 4h1v1H2z'/%3E%3C/svg%3E") center /16px 16px no-repeat}.az-pixel-art .px-check[type=radio]:checked{background:var(--night);box-shadow:inset 0 0 0 6px var(--night),inset 0 0 0 24px var(--yellow),0 -4px 0 var(--cream),0 4px 0 var(--cream),-4px 0 0 var(--cream),4px 0 0 var(--cream)}.az-pixel-art .px-check:is(:disabled,.is-off){opacity:.45;cursor:not-allowed}.az-pixel-art .px-switch{position:relative;display:inline-block;width:56px;height:28px;margin:4px;background:var(--night);box-shadow:0 -4px 0 var(--cream),0 4px 0 var(--cream),-4px 0 0 var(--cream),4px 0 0 var(--cream);flex-shrink:0}.az-pixel-art .px-switch:after{content:"";position:absolute;inset:4px auto 4px 4px;width:20px;background:var(--mist)}.az-pixel-art :is(.px-switch[aria-checked=true],[aria-checked=true]>.px-switch){background:var(--green)}.az-pixel-art :is(.px-switch[aria-checked=true],[aria-checked=true]>.px-switch):after{background:var(--night);transform:translateX(28px)}.az-pixel-art .px-range{appearance:none;height:28px;background:transparent;cursor:pointer}.az-pixel-art .px-range::-webkit-slider-runnable-track{height:12px;background:repeating-linear-gradient(90deg,var(--blue) 0 calc(10% - 4px),transparent 0 10%)}.az-pixel-art .px-range::-moz-range-track{height:12px;background:repeating-linear-gradient(90deg,var(--blue) 0 calc(10% - 4px),transparent 0 10%)}.az-pixel-art .px-range::-webkit-slider-thumb{appearance:none;width:20px;height:28px;margin-top:-8px;border:0;border-radius:0;background:var(--yellow);box-shadow:0 4px 0 var(--plum)}.az-pixel-art .px-range::-moz-range-thumb{width:20px;height:28px;border:0;border-radius:0;background:var(--yellow);box-shadow:0 4px 0 var(--plum)}.az-pixel-art .px-range:focus-visible{outline-offset:4px}.az-pixel-art .px-cells{background:repeating-linear-gradient(90deg,var(--night) 0 calc(100% / var(--cells) - 4px),transparent 0 calc(100% / var(--cells)))}.az-pixel-art .px-cells-fill{background:repeating-linear-gradient(90deg,var(--tone) 0 calc(100% / var(--cells) - 4px),transparent 0 calc(100% / var(--cells)));clip-path:inset(0 calc(100% - var(--on)) 0 0)}.az-pixel-art .px-dither{background:repeating-conic-gradient(var(--navy) 0 25%,var(--night) 0 50%) 0 0 /8px 8px}.az-pixel-art .px-tab{color:var(--mist)}.az-pixel-art .px-tab:is(:hover,.is-hover){color:var(--cream)}.az-pixel-art .px-tab:is([aria-selected=true],[aria-pressed=true]){background:var(--yellow);color:var(--night)}.az-pixel-art .px-row .px-row-cursor{visibility:hidden}.az-pixel-art .px-row:is(:hover,:focus-visible,.is-on) .px-row-cursor,.az-pixel-art .px-row[aria-current=true] .px-row-cursor{visibility:visible}.az-pixel-art .px-row:is(:hover,:focus-visible,.is-on){color:var(--yellow)}.az-pixel-art .px-row:is(:disabled,.is-off){color:var(--mist);cursor:not-allowed}.az-pixel-art .px-row:focus-visible{outline-offset:2px}.az-pixel-art .px-swatch[aria-checked=true]{outline:4px solid var(--cream);outline-offset:4px}.az-pixel-art .px-transparent{background:repeating-conic-gradient(#2a3561 0 25%,var(--navy) 0 50%) 0 0 /16px 16px}.az-pixel-art dialog.px-dialog::backdrop{background:repeating-conic-gradient(#0d1030cc 0 25%,#0d103066 0 50%) 0 0 /4px 4px}.az-pixel-art .px-motion-note{display:none}.az-pixel-art .px-frame-b{opacity:0}.az-pixel-art [data-paused] :is(.px-loop,.px-loop *){animation:none!important}@media (prefers-reduced-motion:reduce){.az-pixel-art .px-pause{display:none}.az-pixel-art .px-motion-note{display:block}}@media (prefers-reduced-motion:no-preference){.az-pixel-art .px-cells-fill{transition:clip-path .36s steps(6)}.az-pixel-art .cover-in{animation:px-in .4s steps(4) backwards;animation-delay:calc(var(--n, 0) * .12s)}@keyframes px-in{0%{opacity:0;transform:translateY(16px)}}.az-pixel-art .px-drop{animation:px-drop .48s steps(6) backwards;animation-delay:calc(.24s + var(--n, 0) * 28ms)}@keyframes px-drop{0%{opacity:0;transform:translateY(-48px)}}.az-pixel-art .px-shade{transform:translate(round(calc((var(--px, .5) - .5) * 32px),8px),round(calc((var(--py, .5) - .5) * 32px),8px))}.az-pixel-art .px-blink{animation:px-blink 1.2s step-end infinite}@keyframes px-blink{50%{opacity:0}}.az-pixel-art .px-bob{animation:px-bob .9s step-end infinite}@keyframes px-bob{50%{transform:translateY(-4px)}}.az-pixel-art .px-bob-1{animation:px-bob-1 1.2s step-end infinite}@keyframes px-bob-1{50%{transform:translateY(-1px)}}.az-pixel-art .px-frame-a{animation:px-flip-a var(--beat,.5s) step-end infinite}.az-pixel-art .px-frame-b{animation:px-flip-b var(--beat,.5s) step-end infinite}@keyframes px-flip-a{0%{opacity:1}50%,to{opacity:0}}@keyframes px-flip-b{0%{opacity:0}50%,to{opacity:1}}.az-pixel-art .px-march{animation:px-march 1.6s steps(8) infinite}@keyframes px-march{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}.az-pixel-art .px-dither.px-loop{animation:px-crawl .8s steps(2) infinite}@keyframes px-crawl{to{background-position:8px 0}}.az-pixel-art .px-toast-in{animation:px-in .24s steps(3) backwards}.az-pixel-art .px-hit{animation:px-hit .36s steps(3)}@keyframes px-hit{33%{transform:translateX(-4px)}66%{transform:translateX(4px)}}}