body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,html{height:100%;margin:0;padding:0}body{font-family:"Roboto",sans-serif;background:linear-gradient(0deg,#4f6072,#8699aa);display:flex;justify-content:center;align-items:center}.upload{position:relative;width:400px;min-height:445px;box-sizing:border-box;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.2);padding-bottom:20px;background:#fff;-webkit-animation:fadeup .5s ease .5s both;animation:fadeup .5s ease .5s both;transform:translateY(20px);opacity:0}.upload .upload-files header{background:#4db6ac;border-top-left-radius:5px;border-top-right-radius:5px;text-align:center}.upload .upload-files header p{color:#fff;font-size:40px;margin:0;padding:50px 0}.upload .upload-files header p i{transform:translateY(20px);opacity:0;font-size:30px;-webkit-animation:fadeup .5s ease 1s both;animation:fadeup .5s ease 1s both}.upload .upload-files header p .up{font-weight:700;transform:translateX(-20px);display:inline-block;opacity:0;-webkit-animation:faderight .5s ease 1.5s both;animation:faderight .5s ease 1.5s both}.upload .upload-files header p .load{display:inline-block;font-weight:100;margin-left:-8px;transform:translateX(-20px);opacity:0;-webkit-animation:faderight 1s ease 1.5s both;animation:faderight 1s ease 1.5s both}.upload .upload-files .body{text-align:center;padding:50px 0 30px}.upload .upload-files .body.hidden{display:none}.upload .upload-files .body input{visibility:hidden}.upload .upload-files .body i{font-size:65px;color:#d3d3d3}.upload .upload-files .body p{font-size:14px;padding-top:15px;line-height:1.4}.upload .upload-files .body p a,.upload .upload-files .body p b{color:#4db6ac}.upload .upload-files .body.active{border:2px dashed #4db6ac}.upload .upload-files .body.active i{box-shadow:0 0 0 -3px #fff,0 0 0 #d3d3d3,0 0 0 -3px #fff,0 0 0 #d3d3d3;-webkit-animation:file .5s ease both;animation:file .5s ease both}@-webkit-keyframes file{50%{box-shadow:-8px 8px 0 -3px #fff,-8px 8px 0 #d3d3d3,-8px 8px 0 -3px #fff,-8px 8px 0 #d3d3d3}75%,to{box-shadow:-8px 8px 0 -3px #fff,-8px 8px 0 #d3d3d3,-16px 16px 0 -3px #fff,-16px 16px 0 #d3d3d3}}@keyframes file{50%{box-shadow:-8px 8px 0 -3px #fff,-8px 8px 0 #d3d3d3,-8px 8px 0 -3px #fff,-8px 8px 0 #d3d3d3}75%,to{box-shadow:-8px 8px 0 -3px #fff,-8px 8px 0 #d3d3d3,-16px 16px 0 -3px #fff,-16px 16px 0 #d3d3d3}}.upload .upload-files .body.active .pointer-none{pointer-events:none}.upload .upload-files footer{width:100%;margin:0 auto;height:0}.upload .upload-files footer .divider{margin:0 auto;width:0;border-top:4px solid #46aba1;text-align:center;overflow:hidden;transition:width .5s ease}.upload .upload-files footer .divider span{display:inline-block;transform:translateY(-25px);font-size:12px;padding-top:8px}.upload .upload-files footer.hasFiles{height:auto}.upload .upload-files footer.hasFiles .divider{width:100%}.upload .upload-files footer.hasFiles .divider span{transform:translateY(0);transition:transform .5s ease .5s}.upload .upload-files footer .list-files{width:320px;margin:15px auto 0;padding-left:5px;text-align:center;overflow-x:hidden;overflow-y:auto;max-height:210px}.upload .upload-files footer .list-files::-webkit-scrollbar-track{background-color:hsla(0,0%,82.7%,.25)}.upload .upload-files footer .list-files::-webkit-scrollbar{width:4px;background-color:hsla(0,0%,82.7%,.25)}.upload .upload-files footer .list-files::-webkit-scrollbar-thumb{background-color:rgba(77,182,172,.5)}.upload .upload-files footer .list-files .file{width:300px;min-height:50px;display:flex;justify-content:space-between;align-items:center;opacity:0;-webkit-animation:fade .35s ease both;animation:fade .35s ease both}.upload .upload-files footer .list-files .file .name{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:80px;text-align:left}.upload .upload-files footer .list-files .file .progress{width:175px;height:5px;border:1px solid #d3d3d3;border-radius:2px;background:linear-gradient(270deg,rgba(77,182,172,.2),rgba(77,182,172,.8)) no-repeat;background-size:100% 100%}.upload .upload-files footer .list-files .file .progress.active{-webkit-animation:progress 30s linear;animation:progress 30s linear}@-webkit-keyframes progress{0%{background-size:0 100%}to{background-size:100% 100%}}@keyframes progress{0%{background-size:0 100%}to{background-size:100% 100%}}.upload .upload-files footer .list-files .file .done{cursor:pointer;width:40px;height:40px;background:#4db6ac;border-radius:50%;margin-left:-10px;transform:scale(0);position:relative}.upload .upload-files footer .list-files .file .done:before{content:"View";position:absolute;top:0;left:-5px;font-size:24px;opacity:0}.upload .upload-files footer .list-files .file .done:hover:before{transition:all .25s ease;top:-30px;opacity:1}.upload .upload-files footer .list-files .file .done.anim{-webkit-animation:done1 .5s ease forwards;animation:done1 .5s ease forwards}.upload .upload-files footer .list-files .file .done.anim #path{-webkit-animation:done2 2.5s ease .5s forwards;animation:done2 2.5s ease .5s forwards}.upload .upload-files footer .list-files .file .done #path{stroke-dashoffset:7387.59423828125;stroke-dasharray:7387.59423828125 7387.59423828125;stroke:#fff;fill:transparent;stroke-width:50px}@-webkit-keyframes done2{to{stroke-dashoffset:0}}@keyframes done2{to{stroke-dashoffset:0}}@-webkit-keyframes done1{50%{transform:scale(.5);opacity:1}80%{transform:scale(.25);opacity:1}to{transform:scale(.5);opacity:1}}@keyframes done1{50%{transform:scale(.5);opacity:1}80%{transform:scale(.25);opacity:1}to{transform:scale(.5);opacity:1}}.upload .upload-files footer .importar{outline:none;position:absolute;left:0;right:0;bottom:20px;border:1px solid #4db6ac;color:#4db6ac;background:transparent;padding:8px 15px;font-size:12px;border-radius:4px;font-family:Roboto;line-height:1;cursor:pointer;transform:translateY(15px);opacity:0;visibility:hidden;margin:auto auto auto calc(50% - 40px)}.upload .upload-files footer .importar.active{transition:transform .5s ease 1.5s,opacity .5s ease 1.5s,background;transform:translateY(0);opacity:1;visibility:visible}.upload .upload-files footer .importar:hover{background:#4db6ac;color:#fff}@-webkit-keyframes fadeup{to{transform:translateY(0);opacity:1}}@keyframes fadeup{to{transform:translateY(0);opacity:1}}@-webkit-keyframes faderight{to{transform:translateX(0);opacity:1}}@keyframes faderight{to{transform:translateX(0);opacity:1}}@-webkit-keyframes fade{to{opacity:1}}@keyframes fade{to{opacity:1}}@media (max-width:400px){.upload{width:100%;height:100%}}.example{background:#fff;border-radius:4px;padding:30px 50px;margin:20px 0}.App,.example{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#f1f1f1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background:#f1f1f1}
/*# sourceMappingURL=main.0652d243.chunk.css.map */