body{font-family:Roboto,sans-serif;height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.App{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.App .back{animation:fadeInDown 1s ease-in-out;bottom:69%;position:absolute;width:100%}@media(min-width:500px){.App .back{bottom:56vh;top:auto}}.App .logo{animation:fadeInDown 1s ease-in-out forwards;animation-delay:1s;opacity:0;position:absolute;top:11vh;transition:top .5s ease-in-out;width:285px}.App .content{align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%}@media(max-height:680px){.App .content{top:23%}}.App .Error{top:auto}.App .duration-error{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.App .duration-error .icon{font-size:2rem}.App .duration-error>h3{color:#be2323;font-size:1.2rem;margin:10px 0 0}.App .duration-error>p:last-child{color:#756e6e;font-size:.9rem;margin:10px 0;padding:0 15px}.App .container{animation:zoomIn 1s ease-in-out forwards;animation-delay:1s;flex-direction:column;opacity:0;width:100%}.App .container,.App .container .upload{align-items:center;display:flex;justify-content:center;position:relative}.App .container .upload{background:#f6f6f6;border-radius:20px;height:38vh;margin-bottom:20px;overflow:hidden;padding:16px;width:74%;z-index:2}.App .container .upload>div{border-radius:10px;height:calc(100% - 32px);position:absolute;width:calc(100% - 32px)}.App .container .upload .dashed{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23000' stroke-width='4' stroke-dasharray='6, 14' stroke-linecap='round'/%3E%3C/svg%3E")}.App .container .upload .preview{border-radius:13px;height:auto;max-height:100%;max-width:100%;object-fit:contain;position:relative;width:auto}.App .container .upload .input{height:calc(100% - 32px);opacity:0;position:absolute;width:calc(100% - 32px)}@media(max-height:664px){.App .container .upload{height:34vh}}.App .container button{background:#000;border:none;border-radius:8px;color:#fff;display:block;font-size:1.2rem;height:50px;margin-top:10px;width:50%}.App .powered-by{align-items:center;animation:flipInX 1s ease-in-out forwards;animation-delay:2s;bottom:30px;display:flex;opacity:0;position:fixed}.App .powered-by>span{color:#383333;font-size:.6rem;font-weight:700;margin-right:10px}.App .powered-by>img{width:208px}@media(max-height:620px){.App .powered-by{bottom:auto;margin:26px 15px 15px;position:relative}}.App .message{animation:zoomIn 1s ease-in-out forwards;animation-delay:1s;color:#060c33;max-width:70%;opacity:0;text-align:center}.App .message.Success{margin-top:40px}.App .spinner-container{align-items:center;background:#060c33;border-radius:38px;display:flex;height:50px;justify-content:center;margin-top:20px;width:50px}.App .spinner-container .spinner{animation:rotate 2s linear infinite;height:35px;left:50%;top:50%;width:35px}.App .spinner-container .spinner .path{stroke:#fff;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}to{opacity:1}}@keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{opacity:1}to{transform:perspective(400px)}}
/*# sourceMappingURL=main.51bb9c5d.css.map*/