@import url(https://fonts.googleapis.com/css2?family=Poppins);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans);@import url(https://fonts.googleapis.com/css2?family=Russo+One&display=swap);.app{background-color:#f5f5f5}.card{display:flex;flex-direction:column;justify-content:center;width:400.36px;height:454.96px;background:#fafafb;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:12px;margin:0 auto}@media screen and (min-width:970px){.app{display:grid;grid-template-columns:50% 50%;height:100vh}.card{margin:auto}}.container{display:flex;flex-direction:column;align-items:center;width:100%;height:90%}.container-title{display:flex;align-items:flex-start;min-height:20%}.container-error-message{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.container-error-message span{color:#c00;font-size:40px}.container-error-message .title{margin-top:0}.container-success-message{display:flex;flex-direction:column;align-items:center;margin-top:2rem;margin-bottom:1rem}.container-success-message span{color:#219653;font-size:40px}.container-success-message .title{margin-top:0}.title{font-family:Poppins;font-style:normal;font-weight:500;font-size:18px;line-height:27px;letter-spacing:-.035em;color:#4f4f4f}.subtitle{font-size:10px;line-height:15px;color:#828282}.subtitle,.text-or{font-family:Poppins;font-style:normal;font-weight:500;text-align:center;letter-spacing:-.035em}.text-or{font-size:12px;line-height:18px;color:#bdbdbd}.btn-file-picker{border:none;border-radius:4px;background:#2f80ed;border-radius:8px;padding:8px 16px;cursor:pointer;transition:background-color .3s ease;font-family:Noto Sans;font-style:normal;font-weight:500;font-size:12px;line-height:16px;text-align:center;letter-spacing:-.035em;color:#fff}.container-result{display:flex;flex-direction:column;align-items:center;width:85%;min-height:40%}.preview-image{width:100%;height:70%;border-radius:12px}.container-url{display:flex;align-items:center;width:100%;height:5%;position:relative;margin-top:2rem}.text-url{width:100%;height:34px;background:#f6f8fb;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:8px;color:#4f4f4f}.btn-copy,.text-url{position:absolute;font-family:Poppins;font-style:normal;font-weight:500;font-size:8px;line-height:12px;text-align:center;letter-spacing:-.035em}.btn-copy{right:2px;border:none;background:#2f80ed;border-radius:8px;padding:9px 20px;cursor:pointer;width:74px;height:30px;transition:background-color .3s ease;color:#fff}.container-dropzone{display:flex;flex-direction:column;align-items:center;width:85%;min-height:30%}.container-dropzone form{height:75%;width:100%}.dropzone{display:flex;flex-direction:column;align-items:center;border:1px dashed #97bef4;box-sizing:border-box;border-radius:12px;width:100%;height:85%}.dropzone .image{width:30%;margin-top:5%}.dropzone-message{font-family:Poppins;font-style:normal;font-weight:500;font-size:12px;line-height:18px;letter-spacing:-.035em;color:#bdbdbd}.progress-container{display:flex;flex-direction:column;justify-content:center;align-items:left;padding:2rem;width:400px;height:77px;background:#fafafb;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:12px}.progress-bar-title{font-family:Poppins;font-style:normal;font-weight:500;font-size:18px;line-height:27px;letter-spacing:-.035em}.progress-bar-container{width:100%}.title-box{margin:auto}.app-title{font-family:"Russo One",sans-serif;padding:1rem;margin:1rem 3rem}.heading{font-size:4rem}.app-name{font-size:5rem}.underline{height:4px;width:4rem;background:red}.sub-heading{font-size:1.5rem}.logo{margin:0 4rem}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:"Poppins","Segoe UI","Roboto","Oxygen","Helvetica Neue",serif}
/*# sourceMappingURL=main.fe29985f.chunk.css.map */