body{height:100lvh;overflow:hidden;position:relative}.App,body{margin:0;padding:0}.App{bottom:0;left:0;position:absolute;right:0;top:0}.App:before{background:radial-gradient(rgba(45,250,130,.4),rgba(15,238,64,.4));background-repeat:no-repeat;bottom:15%;box-shadow:0 0 18rem 18rem rgba(1,185,57,.5);left:5%}.App:after,.App:before{aspect-ratio:1/1;border-radius:50%;content:"";-webkit-filter:blur(30px);filter:blur(30px);height:45%;position:absolute;z-index:10}.App:after{background:radial-gradient(rgba(247,46,247,.4),rgba(253,63,253,.4));background-repeat:no-repeat;box-shadow:0 0 25rem 6rem rgba(255,46,255,.4);right:5%;top:15%}.App .Mask{background-color:hsla(0,4%,95%,.396);height:100dvh;position:absolute;width:100%;z-index:100}.App .Mask .Container{aspect-ratio:3/2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.08);border-radius:16px;display:flex;left:50%;max-height:90%;max-width:60%;overflow:scroll;padding:15px;position:absolute;scrollbar-width:none;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70%}.App .Mask .Container>section{flex:1 1;padding:10px;position:relative}.App .Mask .Container>section .Prev{aspect-ratio:1/1;background-color:rgba(0,0,0,.15);border-radius:8px;display:grid;left:50%;place-items:center;position:absolute;right:50%;top:5%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90%}.App .Mask .Container>section .Prev img{height:95%;max-height:100%;max-width:100%;width:95%}.App .Mask .Container>section .Prev+.Download{aspect-ratio:1/1;background:#3a3ac2;border-radius:50%;bottom:.8rem;box-shadow:inset 0 0 20px 5px #68fc74;height:2.5rem;padding:5px;position:absolute;right:.8rem}.App .Mask .Container .DataSection label{font-size:medium}.App .Mask .Container .DataSection button,.App .Mask .Container .DataSection input,.App .Mask .Container .DataSection select{border:0;border-radius:4px;height:1.6rem;margin-left:4px;outline:none;padding-left:4px;width:6rem}.App .Mask .Container .DataSection input{width:10rem}.App .Mask .Container .DataSection input[type=checkbox]{height:auto;width:auto}.App .Mask .Container .DataSection button{background-color:rgba(132,0,255,.849);color:wheat;font-size:medium;height:2.5rem;width:9rem}.App .Mask .Container .DataSection textarea{border:0;border-radius:4px;margin:8px;outline:none}@media only screen and (max-width:680px){::-webkit-scrollbar{width:0}body{overflow:scroll}.App .Mask .Container{aspect-ratio:unset;flex-direction:column;height:95%;max-height:none;max-width:none;padding:0;width:95%}}
/*# sourceMappingURL=main.878f94ef.css.map*/