@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{align-items:center;background:grey;display:flex;justify-content:center;min-height:100vh}.wrapper{background:#fff;border-radius:9px;height:310px;padding:30px;transition:height .2s ease;width:390px}.wrapper.active{height:545px}.wrapper .upload-box{align-items:center;border:2px dashed #afafaf;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:250px;justify-content:center}.wrapper.active .upload-box{border:none}.upload-box p{font-size:1.06rem;margin-top:20px}.wrapper.active .upload-box p{display:none}.wrapper.active .upload-box img{border-radius:5px;height:100%;object-fit:cover;width:100%}.wrapper .content{margin-top:28px;opacity:0;pointer-events:none}.wrapper.active .content{opacity:1;pointer-events:auto;transition:opacity .5s ease .05s}.content .row{display:flex;justify-content:space-between}.content .row .column{width:calc(50% - 15px)}.row .column label{font-size:1.06rem}.row .quality label,.row .ratio label{white-space:nowrap}.sizes .column input{border:1px solid #aaa;border-radius:4px;font-size:1.2rem;height:49px;margin-top:7px;outline:none;padding:0 15px;width:100%}.sizes .column input:focus{border:2px solid #927dfc;padding:0 14px}.content .checkboxes{margin-top:20px}.checkboxes .column{align-items:center;display:flex}.checkboxes .column input{accent-color:#927dfc;height:17px;margin-right:8px;width:17px}.Button{-webkit-column-gap:4px;column-gap:4px;display:flex}.content .download-btn,.preview-btn{background:#927dfc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.06rem;margin:30px 0 10px;outline:none;padding:15px 0;text-transform:uppercase;width:100%}.imagesize{-webkit-animation:updown 5s infinite;animation:updown 5s infinite;height:78%;width:60%}@-webkit-keyframes updown{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(20%);transform:translateY(20%)}}@keyframes updown{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(20%);transform:translateY(20%)}}.img{-webkit-animation:none;animation:none;height:300px;object-fit:contain;width:200px}#myModal{background-color:rgba(0,0,0,.9);display:none;height:100%;left:50%;overflow:auto;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.modal-content{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-name:zoom;animation-name:zoom;display:block;margin:auto}@-webkit-keyframes zoom{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoom{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.close{color:#4a4545;font-size:40px;font-weight:700;position:absolute;right:35px;top:15px;transition:.3s}.close:focus,.close:hover{color:#070707;cursor:pointer;text-decoration:none}
/*# sourceMappingURL=main.f4ad8f89.css.map*/