*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--p:#3369e7;--v:220}body{width:100%;height:100vh;justify-content:center;align-items:center;font-family:Roboto,sans-serif;font-weight:700;display:flex}main{width:90vw;max-width:500px;flex-direction:column;align-items:center;gap:25px;display:flex}main>img{max-width:100%;max-height:30vh;border-radius:.7rem;box-shadow:0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d,0 -6px 16px -6px #00000008}main>p{color:var(--p);text-align:center;font-size:1.3rem}.i-box{width:100%;height:50px;color:hsl(var(--v),100%,40%);background-color:hsl(var(--v),100%,94%);border-radius:.5rem;justify-content:center;align-items:center;font-size:1rem;display:flex;position:relative;overflow:hidden}.i-box>.uploading-box{height:100%;width:var(--u);z-index:20;transition:width .15s ease-out;position:absolute;top:0;left:0%;overflow:hidden}.i-box>.uploading-box:after{content:attr(data-prompt);width:90vw;max-width:500px;height:100%;background-color:hsl(var(--v),100%,40%);color:hsl(var(--v),100%,97%);justify-content:center;align-items:center;display:flex}.i-box>.output-box{width:100%;height:100%;background-color:hsl(var(--v),100%,94%);z-index:10;justify-content:space-between;align-items:center;padding-left:20px;font-size:.7rem;display:flex;position:absolute;top:0;left:0}.i-box>.output-box>button{height:100%;background-color:hsl(var(--v),100%,40%);color:hsl(var(--v),100%,97%);border:none;justify-content:center;align-items:center;padding:20px;font-size:1rem;display:flex}.hidden{display:none!important}.no-pop{box-shadow:none!important;width:50vw!important;max-width:250px!important}.exit{transition:left .3s ease-out .8s!important;left:100%!important}