.bg_gradientWrapper__aeivG{position:fixed;pointer-events:none;z-index:0;top:0;left:0;width:100vw;height:100%}.bg_gradientOverlay__351hv{height:100%;width:100%;-webkit-backdrop-filter:saturate(200%) blur(24px);backdrop-filter:saturate(200%) blur(24px);background-color:hsla(0,0%,100%,.875);z-index:10000}@media (prefers-color-scheme:dark){.bg_gradientOverlay__351hv{background-color:rgba(0,0,0,.75);-webkit-backdrop-filter:saturate(150%) blur(32px);backdrop-filter:saturate(150%) blur(32px)}}.bg_gradient__jUeXV{height:100%;width:100%;position:absolute;top:0;left:0;z-index:-1}.bg_gradient__jUeXV svg{height:100%;width:100%;z-index:-1;position:relative}body{font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;margin:0}*{box-sizing:border-box}@media (prefers-color-scheme:dark){body{background-color:#1e1e1e;color:#fff}article svg{fill:#fff}article svg:hover{fill:#34b4a7!important}}main{font-size:12px;text-align:center;width:100%;padding:1rem;margin:auto;z-index:1;position:relative}h1{color:#e635ce;font-size:3rem;font-weight:900;font-style:italic;line-height:1;margin:0;padding:1rem 0}h2{color:#622aff;font-size:1.5rem}@supports (-webkit-text-fill-color:transparent){h1{-webkit-text-stroke:#e635ce;-webkit-text-stroke-width:2px;-webkit-text-fill-color:#fff;text-shadow:4px 4px 9px currentColor}@media (min-width:32em){h1{-webkit-text-stroke-width:3px}}@media (prefers-color-scheme:dark){h1{-webkit-text-fill-color:#1d1d1f;text-shadow:2px 2px 8px currentColor}}}header{padding:1rem}nav a{display:inline-flex;align-items:center;font-size:1.25rem;margin:0 1rem}a{color:#ff9300;font-weight:700;transition:.125s ease-out;transition-property:color,transform;text-underline-position:under;-webkit-text-decoration-style:wavy;text-decoration-style:wavy}a:focus,a:hover{color:#ff5236}nav a:focus,nav a:hover{transform:rotate(-2deg) scale(1.25)}nav a:focus :global(svg),nav a:hover :global(svg){transform:rotate(180deg)}nav a :global(svg){margin-right:.5rem;transition:transform .5s linear}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;width:100%;max-width:384px;text-align:center;border-radius:999px;padding:.5rem 1rem;border:2px solid #6bf;background-color:hsla(0,0%,100%,.625);margin-top:2rem;transition:.125s ease-out;transition-property:border-color,box-shadow}input:hover{box-shadow:0 0 6px #2997ff}input:focus{outline:none;border-color:#2997ff;box-shadow:0 0 12px #2997ff}article{margin-top:1rem;display:grid;grid-row-gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));justify-content:center}article div{cursor:pointer}p{color:#6e6e73;line-height:1.25;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word;word-wrap:wrap}article :global(svg){transition:.125s ease-out;transition-property:fill,transform;transform-origin:center bottom}article :global(svg:hover){fill:#ff9300;transform:scale(2)}footer{padding:2rem 1rem;color:#6e6e73;font-size:1.125rem;line-height:1.625}@media (min-width:32em){h1{font-size:4rem}}@media (min-width:48em){main{padding:2rem 0;max-width:80vw}h1{font-size:5rem}nav a{font-size:1.5rem}article{grid-column-gap:1.25rem;grid-row-gap:2rem;border-radius:1rem;padding-top:2rem}}@media (prefers-color-scheme:dark){h2{color:#6bf}article p,footer{color:#a1a1a6}input{background-color:hsla(0,0%,100%,.125);color:#fff}}