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}:root{font-size:12.5px}.app{background-color:#282c34;color:#fff}.loginContainer{height:100vh;width:100vw}.loginContainer,.loginContainer .loginForm{align-items:center;background-color:#fff1;display:flex;flex-direction:column;justify-content:center}.loginContainer .loginForm{border-radius:8px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);gap:1rem;padding:3rem}.loginContainer .loginForm h1{color:#fff;font-size:2rem;font-weight:600;margin:0 0 1rem}.loginContainer .loginForm p.error{color:red;font-size:1.2rem;font-weight:600;margin:0}.loginContainer .loginForm input{background-color:#fff;border:none;border-radius:8px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-sizing:border-box;font-size:1.2rem;padding:.6rem 1rem;width:100%}.loginContainer .loginForm input:focus{outline:none}.loginContainer .loginForm input.error{border:3px solid red}.loginContainer .loginForm button{background-color:#7284ff;border:none;border-radius:8px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);color:#fff;font-size:1.2rem;font-weight:600;padding:.6rem 1rem;width:100%}.loginContainer .loginForm button:hover{background-color:#5c6fff;cursor:pointer}.loginContainer .loginForm button:active{background-color:#4b5fff}.imageClassifierContainer{align-items:center;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.imageClassifierContainer .informationModalContainer{align-items:center;background-color:rgba(0,0,0,.8);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:.25s;width:100%;z-index:100}.imageClassifierContainer .informationModalContainer.hidden{display:none}.imageClassifierContainer .informationModal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,47%,.6);border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:1rem;max-width:50rem;padding:1rem;text-align:center}.imageClassifierContainer .informationModal h1,.imageClassifierContainer .informationModal h2,.imageClassifierContainer .informationModal h3,.imageClassifierContainer .informationModal h4,.imageClassifierContainer .informationModal p{margin:0;padding:0}.imageClassifierContainer .informationModal p{color:#e7e7e7;font-size:1.2rem}.imageContainer{background-color:#fff1;flex-direction:column;gap:1rem;height:75vh;width:100%}.imageContainer,.imageContainer .logOutContainer{align-items:center;display:flex;justify-content:center}.imageContainer .logOutContainer{flex-direction:row;gap:.5rem;position:absolute;right:15px;top:15px}.imageContainer .logOutContainer div{background-color:#fff2;padding:.4rem 1rem}.imageContainer .logOutContainer button,.imageContainer .logOutContainer div{border:none;border-radius:8px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);color:#fff;font-size:1.2rem;font-weight:600}.imageContainer .logOutContainer button{background-color:#7284ff;padding:.5rem 1rem}.imageContainer .logOutContainer button:hover{background-color:#5c6fff;cursor:pointer}.imageContainer .logOutContainer button:active{background-color:#4b5fff}.selectionContainer{position:relative}.selection{background-color:rgba(0,0,0,.2);box-shadow:0 0 12px 0 #fff}.classificationArea,.selection{border-radius:10px;position:absolute}.classificationArea{align-items:center;background-color:rgba(0,0,0,.5);border:2px dashed #fff;display:flex;flex-direction:column;justify-content:center}.classificationArea:hover{border:2px solid #fff;box-shadow:0 0 20px;cursor:pointer;opacity:1!important}.classificationArea.backgrounded{opacity:.7}.classificationArea.selected{-webkit-animation:classificationSelectedAnimation 1.5s infinite;animation:classificationSelectedAnimation 1.5s infinite;border:3px solid #4e88df;box-shadow:0 0 25px 0 #4e88df;z-index:1}.classificationArea.selected:hover{border:3px solid #4e88df;box-shadow:0 0 20px 0 #fff!important;cursor:pointer}@-webkit-keyframes classificationSelectedAnimation{0%{box-shadow:0 0 25px 0 #4e88df}50%{box-shadow:0 0 25px 0 #4e88df50}to{box-shadow:0 0 25px 0 #4e88df}}@keyframes classificationSelectedAnimation{0%{box-shadow:0 0 25px 0 #4e88df}50%{box-shadow:0 0 25px 0 #4e88df50}to{box-shadow:0 0 25px 0 #4e88df}}.classificationArea .removeAreaButton{font-size:1.8rem;font-weight:600;position:absolute;right:10px;top:0}.classificationArea span{color:#fff;font-size:2rem;font-weight:600}.mainImage{border-radius:15px;box-shadow:0 0 12px 0 #2a2a2a;image-orientation:none;max-height:60vh;max-width:80vw;opacity:1;transition:.25s}.mainImage.selected{box-shadow:0 0 20px 0 #4e88df}.mainImage.loading{opacity:0}.instructionsContainer{font-size:1.2rem;max-width:80vw;text-align:center}.instructionsContainer.hidden{opacity:0;transition:.25s}.classifierContainer{box-shadow:0 0 10px 1px #1c1c1c;box-sizing:border-box;flex-direction:column;min-height:25vh;padding:1rem;width:100%}.classifierAreaTabs,.classifierContainer{align-items:center;display:flex;gap:1rem;justify-content:center}.classifierAreaTabs{flex-direction:row;flex-wrap:wrap}.classifierAreaTab{align-items:center;background:#fff6;border:none;border-radius:10px;color:#fff;display:flex;flex-direction:row;font-size:1.2rem;font-weight:600;gap:.5rem;padding:1rem}.classifierAreaTab:hover{border-bottom:4px solid #f5f5f5;cursor:pointer}.classifierAreaTab:active{border-bottom:2px solid #e5e5e5}.classifierAreaTab.selected{border-bottom:4px solid #7284ff}.classifierAreaTab.required{background:#f776!important}.classifierSections{flex-direction:row;flex-wrap:wrap;gap:1rem}.classifierSection,.classifierSections{align-items:center;display:flex;justify-content:center}.classifierSection{background-color:#fff1;border-radius:8px;flex-direction:column;gap:.8rem;padding:1rem}@media (max-width:900px){.classifierSection{width:100%}}.classifierSection span{color:#fff;font-size:1.5rem;font-size:1.4rem;font-weight:600;text-align:center}.classifierSection.required{background:#f002;border:2px solid #f006}.classifierButtonContainer{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.classifierButtonContainer .classifierButton:first-child{border-radius:10px 0 0 10px}.classifierButtonContainer .classifierButton:last-child{border-radius:0 10px 10px 0}@media (max-width:900px){.classifierButtonContainer{gap:.5rem}.classifierButtonContainer .classifierButton{border-radius:10px!important}}.classifierControls{align-items:center;display:flex;flex-direction:row;gap:.6rem;justify-content:center}.classifierButton{background:#fff6;border:none;color:#fff;font-size:1rem;padding:1rem;transition:.15s}.classifierButton:hover{background:#fff8;cursor:pointer}.classifierButton.selected{background:#7284ffaa}.classifierButton.success{background:#258f17;border-radius:3px}.classifierButton.success:hover{box-shadow:0 0 6px 0 #258f17}.classifierButton.success:active{background:#258f17aa}.classifierButton.warning{background:#e69718;border-radius:3px}.classifierButton.warning:hover{box-shadow:0 0 6px 0 #e69718}.classifierButton.warning:active{background:#e69718aa}.classifierButton.danger{background:#cf1f1f;border-radius:3px}.classifierButton.danger:hover{box-shadow:0 0 6px 0 #cf1f1f}.classifierButton.danger:active{background:#cf1f1faa}.classifierButton.info{background:#1f8fcf;border-radius:3px}.classifierButton.info:hover{box-shadow:0 0 6px 0 #1f8fcf}.classifierButton.info:active{background:#1f8fcfaa}
/*# sourceMappingURL=main.eb534a20.css.map*/