@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&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{background:#0fb8ac;min-height:100vh}.App,body{align-items:center;display:flex;justify-content:center}.App{background-color:#fbfcf8;background-image:linear-gradient(90deg,#2c3e50,#4ca1af);bottom:0;flex-direction:column;font-family:Arial,sans-serif;left:0;padding:2rem;position:absolute;right:0;text-align:center;top:0}button[type=submit]{background:#51bf81;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:51px;margin:24px 24px 0;min-width:200px;text-transform:uppercase}button[type=submit]:active{transform:scale(.98)}button[type=submit]:disabled{opacity:.6;pointer-events:none;transform:scale(.98)}form{background:#133a5d;background:radial-gradient(circle,#133a5d 0,#121e36 98%);border-radius:20px;box-shadow:0 3px 8px #0000003d;padding:32px;width:700px}.drag-area,form{position:relative}.drag-area{align-items:center;border:1px dashed #aaa;border-radius:20px;display:flex;flex-direction:column;height:300px;justify-content:center}.drag-area.active{background:#115189;border:2px solid #fff}.drag-area.drag-error{background-color:#58282880;border-color:red}.drag-area .icon{color:#51bf81;font-size:60px}.drag-area header{color:#fff;font-size:20px;font-weight:500}.drag-area span{color:#fff;font-size:15px;font-weight:500;margin:10px 0 15px}.drag-area button{background:#0000;border:1px solid #51bf81;border-radius:12px;color:#51bf81;cursor:pointer;font-size:16px;font-weight:500;outline:none;padding:10px 25px}.drag-area img{border-radius:5px;height:100%;object-fit:cover;width:100%}.toggle-border{background:linear-gradient(to bottom right,#fff,#dcdcdc80),#fff;border:2px solid #f0ebeb;border-radius:130px;box-shadow:0 0 0 2px #fbfbfb;cursor:pointer;height:80px;margin-bottom:45px;padding:25px;width:300px}.toggle-border:last-child{margin-bottom:0}input[type=checkbox]{display:none}.label{border-radius:80px;box-shadow:inset 0 0 16px #0000004d;cursor:pointer;display:inline-block;height:30px;position:relative;width:100px}.label,.label:after,.label:before{background:#51bf81;transition:background .5s}.label:after,.label:before{border:2px solid #f0ebeb;border-radius:50%;box-shadow:0 0 0 1px #fbfbfb,inset 1px 3px 6px #0000004d;content:"";height:20px;left:-50px;position:absolute;top:2px;width:20px}.label:before{background:#d1cac9;left:calc(100% + 30px)}input[type=checkbox]:checked+label{background:#115189}.handle{background:repeating-radial-gradient(circle at 50% 50%,#c8c8c833 0,#c8c8c833 2%,#0000 0,#0000 3%,#c8c8c833 0,#0000 0),conic-gradient(#fff 0,silver 10%,#fff 35%,silver 45%,#fff 60%,silver 70%,#fff 80%,silver 95%,#fff 100%);border:1px solid #e5e5e5;border-radius:50%;box-shadow:3px 5px 10px 0 #0006;height:40px;left:-5px;position:absolute;top:-6px;transition:left .4s;width:40px}input[type=checkbox]:checked+label>.handle{left:calc(100% - 35px)}input[type=checkbox]:checked+label:after{background:#d1cac9}input[type=checkbox]:checked+label:before{background:#115189}.toggle{align-items:start;display:flex;margin-bottom:8px;span{font-weight:600;margin-top:2px}:first-child{color:#51bf81}:last-child{color:#042746}}.toggle-input{width:240px}h1{color:#fafafa;font-size:46px;font-weight:500;position:absolute;top:96px;span{color:#51bf81}}.error,.selected-file{align-items:center;bottom:12px;color:#fafafa;display:flex;gap:6px;position:absolute}.error{color:#c40707}.result-error,.result-file{align-items:center;animation:smooth-appear 1s ease forwards;bottom:-50px;color:#fafafa;display:flex;font-size:large;gap:12px;justify-content:center;left:50%;margin-top:12px;opacity:0;position:absolute;transform:translateX(-50%);a{animation:bounce 1s ease-out 1 both;color:#51bf81;i{font-size:24px;transition:transform .2s;&:hover{transform:scale(1.25)}}}}.result-error{background-color:#8c101080;border-radius:10px;bottom:0;box-shadow:0 7px 29px 0 #64646f33;color:red;font-size:large;padding:12px;transform:translate(-50%,calc(100% + 10px));width:100%}@keyframes smooth-appear{to{opacity:1}}.loader{animation:spin 1.5s infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%{transform:translateY(0)}25%{transform:translateY(6px)}50%{transform:translateY(0)}75%{transform:translateY(6px)}to{transform:translateY(0)}}
/*# sourceMappingURL=main.87c1e5fc.css.map*/