.body{background-image:url(/static/media/DanceAcademy.cb321bba.png);background-repeat:repeat;background-size:auto;height:100vh;margin:0;overflow:hidden}.screen{position:absolute;display:flex;opacity:1;flex-direction:row}.leftslide{left:5px;padding:5px}.camera{position:absolute;left:170%}@media screen and (max-width:800px){.screen{flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.leftslide{order:2;width:80%;margin:0 auto;left:0;top:auto}.camera{order:1;position:relative;left:0;top:0}}.rounded{border-radius:30px}.button{position:absolute;left:50px}.uploadButton{display:inline-block;padding:10px 20px;background-color:#3498db;color:#fff;border-radius:25px;cursor:pointer;width:200px;text-align:center;line-height:25px}@media screen and (max-width:1200px){.left{position:absolute;top:500px}.capture{margin-top:10px}.capture,.Upload{position:absolute;left:140%;width:200px}.Upload{margin-top:20px}.grid{position:absolute;margin-top:30px;left:140%;width:200px}}@media screen and (max-width:800px){.left{position:absolute;top:300px}.capture{margin-top:0;left:60%;bottom:250%}.capture,.Upload{position:absolute;width:200px}.Upload{margin-top:20px;left:-30%;bottom:1250%}.grid{position:absolute;margin-top:30px;left:60%;bottom:140%;width:200px}.Upload input[type=file]{position:absolute;top:0;right:0;bottom:1250%;left:0;opacity:0;cursor:pointer}}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:200px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.result{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}@keyframes fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.confirm{display:none;position:absolute;top:50%;left:290%;transform:translate(-50%,-50%);max-width:1000px;height:auto;background:#e2e2e2;border-radius:10px;padding:0;margin:0;border-top:1px solid #fff;animation:fade 1s ease 1 forwards;z-index:1}@media screen and (max-width:1500px){.imagePreview{width:150px;height:150px}.confirm{left:150%}}.confirm h1{text-align:center;font-size:1.2rem;margin:1.5rem 1rem .5rem}.confirm p{text-align:center;font-size:1rem;margin:0 2rem 4.5rem}.confirm button{background:transparent;border:none;color:#1678e5;height:3rem;font-size:1rem;width:100%;position:absolute;bottom:0;cursor:pointer}.confirm button:first-of-type{border-top:1px solid #b4b4b4;border-right:1px solid #b4b4b4;left:0;border-radius:0 0 0 10px}.confirm button:nth-of-type(2){border-top:1px solid #b4b4b4;right:0;border-radius:0 0 10px 0}.confirm button:focus,.confirm button:hover{font-weight:700;background:#efefef}.confirm button:active{background:#d6d6d6}#snackbar{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;font-size:17px}#snackbar.show{visibility:visible;animation:fadein .5s,fadeout .5s 2.5s}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.file{opacity:0;width:.1px;height:.1px;position:absolute}.file-input label{display:block;position:relative;width:200px;height:50px;border-radius:25px;background:linear-gradient(40deg,#6e81ff,#739af5);box-shadow:0 4px 7px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s ease-out}input:focus+label,input:hover+label{transform:scale(1.02)}input:focus+label{outline:1px solid #000;outline:2px auto -webkit-focus-ring-color}.file-name{position:absolute;bottom:-35px;left:10px;font-size:.85rem;color:#555}.capture{width:200px;height:50px;border-radius:25px;background:linear-gradient(40deg,#6eff8d,#1fa84a);box-shadow:0 4px 7px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s ease-out}.form-control{font-family:system-ui,sans-serif;font-weight:700;line-height:1.1;display:grid;grid-template-columns:1em auto;grid-gap:.5em;gap:.5em}.form-control+.form-control{margin-top:1em}.form-control--disabled{color:var(--form-control-disabled);cursor:not-allowed}input[type=checkbox]{-webkit-appearance:none;appearance:none;margin:0;font:inherit;color:currentColor;border:.15em solid;border-radius:.15em;transform:translateY(-.075em);display:grid;place-content:center}input[type=checkbox]:before{content:"";width:.65em;height:.65em;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);transform:scale(0);transform-origin:bottom left;transition:transform .12s ease-in-out;box-shadow:inset 1em 1em var(--form-control-color);background-color:CanvasText}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus{outline:solid currentColor;outline-offset:max(2px,.15em)}.modal-footer{display:flex;justify-content:space-between;flex-direction:column}.modal-footer button{flex:0 0 48%;width:50%}#accept{background-color:#1fa84a;color:#fff}#reject{background-color:red;color:#fff}.Upload{padding:10px;width:200px;height:50px;background:linear-gradient(40deg,#334adc,#739af5);position:relative;overflow:hidden;display:inline-block;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:16px}.Upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.Upload:hover{background-color:#45a049}.Upload{display:none}.imgupload{display:inline-block;width:200px;height:50px;border-radius:25px;padding:10px 20px;border:1px solid #ccc;background:linear-gradient(40deg,#334adc,#739af5);cursor:pointer;font-size:16px;text-align:center;color:#fff}.Upload:active{background-color:#3e8e41}.format{display:flex}.middle-centered{order:2;align-items:center;justify-content:center}@media screen and (max-width:600px){.middle-centered{order:1;align-items:flex-start;justify-content:flex-start}}
/*# sourceMappingURL=main.e92f4fae.chunk.css.map */