@import url(https://rsms.me/inter/inter.css);#root,body,html{color:#272730;height:100%;margin:0;outline:none;overflow:hidden;padding:0;position:relative;width:100vw}body{background:#fff;display:flex;font-family:Inter var,sans-serif;justify-content:center}#root{width:100vw}h1,h2,h3{color:#272730;font-size:5em;font-weight:400;letter-spacing:-2px;line-height:.7em;margin:0 0 0 20px;padding:0}h3{font-size:2em;line-height:.9em}.picker-container{align-items:start;display:flex;left:50%;max-width:400px;min-width:300px;position:absolute;top:74px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.picker{position:relative}.hexpicker{height:90px!important;width:90px!important}.hexinput{background:transparent;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;display:block;font:inherit;margin:5px;outline:none;padding:2px;text-align:center;text-transform:uppercase;width:70px}.preset-picker{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100px}.preset-picker button{border:none;border-radius:50%;box-shadow:0 0 42px #00000064;height:20px;margin:2px;width:20px}.share{background:#f7f7f7;border:2px solid #272730;border-radius:20px;bottom:30px;color:#272730;font-size:1.6em;font-weight:400;left:50%;letter-spacing:-1px;line-height:1em;padding:10px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s ease;width:-webkit-max-content;width:max-content}.share:hover{background:#272730}.share:hover,.share:hover span svg{color:#f7f7f7}
/*# sourceMappingURL=main.ba1bd744.css.map*/