body,html{margin:0;padding:0;background:#7286d3;font-family:sans-serif;line-height:1.2;font-size:16px;height:100%}*{box-sizing:border-box}.limit{width:100%;max-width:600px;margin-left:auto;margin-right:auto}.hide{display:none!important}.main,.main .top,.main footer{display:flex;justify-content:center;align-items:center;flex-direction:column}.main{position:relative;min-height:100%}.main .top,.main footer{width:100%}.main,.main .top{flex-grow:1}.main .footer{flex-shrink:1}footer{font-size:.75rem;font-weight:300;display:block;padding-bottom:1.25rem}body,footer a,footer a:visited,html{color:#fff}p{width:100%}#finished p,.progress .log p,.text-center{text-align:center}.menu{position:fixed;top:0;background:rgba(0,0,0,.5);user-select:none;z-index:10;transform:translateY(0);opacity:1}.menu.hidden{opacity:0}.menu.hidden ul{transform:translateY(100%)}.menu,.menu>ul,.menu>ul>li{transition:all 150ms ease}.menu,.menu>ul{bottom:0;left:0;right:0}.menu>ul{position:absolute;background:#fff2f2;padding:0;list-style:none;border-radius:5px 5px 0 0;margin:0 auto}.menu>ul>li{display:flex;align-items:center;padding:20px;color:#404040}.menu>ul>li:not(.meta):not(.unselectable),.menu>ul>li:not(.meta):not(.unselectable):hover{cursor:pointer}.menu>ul>li>i{padding-right:.5em}.menu>ul>li.meta{opacity:.75;font-weight:700;justify-content:center}.menu li:not(.meta).selected,.menu li:not(.meta):hover{background-color:#8ea7e9;color:#fff}.toastify.toastify.toastify{text-align:center;position:fixed;bottom:2rem!important;left:1rem;right:1rem;padding:1rem 2rem;z-index:2000;border-radius:2rem;width:calc(100% - 20px);max-width:600px;margin:0 auto;transition:all 150ms ease;transform:translateY(300%) scale(0);opacity:0;display:flex;justify-content:space-between;align-items:center;box-shadow:12px 12px 16px 0 rgba(0,0,0,.25),-8px -8px 12px 0 rgba(255,255,255,.3)}.toastify.toastify.toastify .toast-close{border:0;background:0 0;color:#fff;transition:transform 150ms ease}.toastify.toastify.toastify .toast-close:hover{cursor:pointer;transform:scale(1.1)}.toastify.toastify.toastify.show{transform:translate(0) scale(1);opacity:1}.intro{padding:2rem;width:100%;text-align:center;user-select:none;transition:transform 150ms ease}#finished .row,.intro .row{display:flex;flex-direction:row}.intro .row,.intro p{margin-bottom:2rem}.intro:hover{transform:scale(1.1);cursor:pointer}.intro:active{transform:scale(1.2)}.spacer{flex-grow:1}.intro i{font-size:6rem;display:flex;flex-shrink:1;justify-content:center;align-items:center;overflow:hidden;border-radius:.75rem}.settings{padding:2rem 1rem;width:100%}.settings .label{width:100%;text-align:center;opacity:.75;font-weight:700;margin-top:2rem;margin-bottom:2rem}#finished button,.settings .value{transition:all 150ms ease;border-radius:2rem;box-shadow:12px 12px 16px 0 rgba(0,0,0,.25),-8px -8px 12px 0 rgba(255,255,255,.3)}.settings .value{width:100%;max-width:360px;text-align:center;padding:1rem;font-weight:700;margin:0 auto;background:#7286d3}.settings .value:hover{transform:scale(1.1)}.settings .value:active{transform:scale(1.2)}.progress,.progress .log .log-overlay{bottom:0;left:0;right:0;background:#fff2f2}.progress{--fill:var(--darkest);--color:var(--light);--size:100px;--thick:6px;position:fixed;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 150ms ease;color:rgba(0,0,0,.25)}.progress.init,.progress.show{pointer-events:all;opacity:1}.progress .eta,.progress .info{padding:1rem;font-size:1.5rem}.progress .log{overflow-y:hidden;max-height:20rem;position:relative;padding:1rem;padding-top:0}.progress .log .log-overlay{position:absolute;top:25%;background:linear-gradient(180deg,transparent 0,#fff2f2 100%)}.main img{max-height:600px;max-width:600px;margin-bottom:10px}@media screen and (max-width:600px){.main img{--max:calc(100vw - 20px);max-width:var(--max);max-height:var(--max)}.palette{width:100%;border-radius:0}}#finished,#privacy{padding:1rem}#privacy>a{display:block;text-align:left;color:#fff;width:100%}#privacy ul{padding-left:1rem;margin:0;margin-top:1rem}#privacy ul li{margin-bottom:1rem}#privacy ul li .name{font-weight:700}i.emoji-icon{font-style:normal!important}#finished{color:#837171}#finished h2{font-size:2rem}#finished button{border:0;padding:.5rem;background-color:#fff2f2}#finished button.close{position:absolute;top:2rem;right:2rem;height:4rem;width:4rem;font-size:2rem}#finished button#product-hunt{padding:1rem 2rem;margin:1rem auto;color:#fff;background-color:#ff6154}#finished button#convert-more{color:#fff;background-color:#7286d3}#finished button#convert-more,#finished button#download-result{padding:1rem 2rem;margin:1rem auto}#finished button:hover{cursor:pointer;transform:scale(1.1)}#finished .row{gap:2rem}#finished button,p.bigger{font-size:1.25rem}p.small{font-size:.75rem}body.is-dragging .dragging-overlay,body.is-dragging .dragging-overlay-backdrop{visibility:visible;opacity:1}.dragging-overlay,.dragging-overlay-backdrop{position:fixed;left:0;top:0;right:0;bottom:0;transition:all 150ms ease;visibility:hidden;opacity:0}.dragging-overlay{z-index:1000;border:.5rem dashed #ff6154;border-radius:.5rem;display:flex;justify-content:center;align-items:center;font-size:3rem;color:#837171}.dragging-overlay-backdrop{backdrop-filter:blur(10px);filter:blur(10px);z-index:999;background-color:rgba(255,242,242,.5)}
//# sourceMappingURL=style.css.map