:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-bg: #242424}*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding-bottom:1em;display:flex;place-items:center;min-width:320px;min-height:100vh;background:var(--main-bg)}#root{max-width:1280px;width:100%;min-height:100%;margin:0 auto;padding:2rem}.footer{position:absolute;left:0;right:0;bottom:0;padding-bottom:1em;text-align:center}.footer p{margin:.5em}.footer a{color:inherit}.footer a:hover{text-decoration:underline}@media(max-width:820px){.footer{position:static;margin-top:2em}}.main{width:100%;max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.identicon{text-align:center}.identicon input{display:block;margin:1em auto 0;padding:.3em .6em;font-size:1.5em;color:#fff;text-align:inherit;background:#373839;border:none;border-radius:3px}.size{margin-top:1em;font-size:1em;color:#fff;font-weight:700}.identicon select{padding:.2em .1em;font:inherit;background:var(--main-bg);border:none}.range{margin-top:1.5em;display:flex;align-items:center}.range:first-of-type{margin-top:0}.opacity{margin-top:.5em}.opacity:last-of-type{margin-bottom:0}.range label{width:100px;display:inline-block}.range input{width:200px}@media(max-width:820px){#root{padding:1em}.main{flex-direction:column;justify-content:center}.ranges{margin-top:3em}}