@font-face{font-family:IBM Plex Mono;src:url(/stippler-v1/fonts/ibmplexmono.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:VT323;src:url(/stippler-v1/fonts/VT323.ttf) format("truetype");font-weight:400;font-style:normal}:root{font-family:IBM Plex Mono,Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#1a1a1a;background-color:#ffeedf;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}#export-text{font-family:IBM Plex Mono,Inter,Avenir,Helvetica,Arial,sans-serif;color:#1a1a1a;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}#export-text:hover{color:#fff;transition-timing-function:cubic-bezier(.7,0,.2,1);transition-duration:.5s}#image-form{padding:1rem;display:flex;flex-direction:column;justify-content:center;color:#1a1a1a;gap:1rem}#container{position:relative;width:500px;height:500px}.dot{position:absolute;width:2px;height:2px;background-color:#000;border-radius:50%}#stippler,#stippling{display:block;margin:0 auto}@media screen and (max-width: 768px){#stippling{transform:scale(.75)}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}#github{justify-content:center;align-items:center;display:flex;margin-top:.5rem}svg{opacity:.75;width:1.5rem;height:auto;display:inline-block;margin-left:1rem;margin-right:1rem;transform:translateY(0);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.75s}svg:hover{opacity:1;transform:translateY(-5px);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.225s}#handle{background-image:linear-gradient(to right,#252525,#e4c1a2,#303030);border-radius:9999px;width:8rem;height:.1rem;margin-top:6rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto}label,#export-btn{font-size:.75rem;padding:.1rem .5rem;border:1px;border-style:solid;border-color:#2b2222;display:flex;flex-direction:column;height:auto;justify-content:space-between;position:relative;background-size:200% 100%;background-image:linear-gradient(to right,#ffeedf 49.8%,#2b2222 50%);-webkit-transition:background-position 1s;-moz-transition:background-position 1s;transition:background-position 1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}label:hover,#export-btn:hover{cursor:pointer;color:#fff;transition-property:all;background-position:-100% 0;transition-timing-function:cubic-bezier(.7,0,.2,1);transition-duration:.5s}body{margin:0;display:flex;justify-content:center;flex-direction:column;place-items:center;min-width:320px;min-height:100vh}h1{font-family:VT323,monospace;font-size:6em;line-height:1.1}p{font-size:.7rem}.wrapper{width:3.3rem;height:3.3rem;overflow:hidden;display:flex;justify-content:center;align-items:center}.loader{--c: no-repeat linear-gradient(#1a1a1a 0 0);background:var(--c),var(--c),var(--c),var(--c),var(--c),var(--c),var(--c),var(--c),var(--c);background-size:8px 8px;animation:l32-1 1s infinite,l32-2 1s infinite}@keyframes l32-1{0%,to{width:22.5px;height:22.5px}35%,65%{width:32.5px;height:32.5px}}@keyframes l32-2{0%,40%{background-position:0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0,50% 0,50% 50%}60%,to{background-position:0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0,50% 0,0 0,50% 50%}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}