.title{flex-direction:column}.hands,.title{display:flex;align-items:center;justify-content:center}.hands .hand{animation:rotation 2s linear infinite}.instructions{display:flex;align-items:center;justify-content:center;margin:1rem 0;width:100%;font-size:1.05rem}.instructions .instructions-list{padding-inline-start:1rem!important;max-width:28rem;background:rgba(0,0,0,.2);padding:1rem}.instructions .instructions-list .instructions-step{list-style-type:none;display:flex;margin-bottom:.25rem}.instructions .instructions-list .instructions-step .hand-pointer{margin-right:.5rem}@keyframes rotation{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}.upload{display:flex;justify-content:center;align-items:center;flex-flow:column;margin:0 auto}.upload .measure{position:absolute;left:-10000px;top:-10000px}.upload .canvas-container{display:flex;justify-content:flex-end;position:relative;width:100%;max-width:30rem;margin-top:1rem}.upload .canvas-container .canvas{width:100%;height:100%}.upload .canvas-container .canvas:hover{cursor:crosshair}.upload .canvas-container .color-picker{z-index:10;position:absolute;width:50px;height:50px;border:3px solid #000;background-color:#fff}.upload .upload-button-container{display:flex;align-items:center;justify-content:center;margin:1rem 0;background-color:#000;padding:1rem 0;text-decoration:none;height:3rem;max-width:30rem;cursor:pointer;width:100%;text-align:center}.upload .upload-button-container:hover{text-decoration:underline}.upload .upload-button-container.disabled{pointer-events:none}.upload .upload-button-container .upload-label{cursor:pointer;font-size:1.25rem}.upload .upload-button-container .upload-label.disabled{pointer-events:none}.upload .upload-button-container .upload-button{display:none}.predict-model{margin-top:3rem}.predict-model .predict-model-button{display:flex;align-items:center;justify-content:center;margin:1rem auto;background-color:#000;padding:1rem;text-decoration:none;height:3rem;max-width:28rem;cursor:pointer;font-size:1.25rem}.predict-model .predict-model-button:hover{text-decoration:underline}.predict-model .predict-model-button.disabled{pointer-events:none}.predict-results{display:flex;flex-direction:column;align-items:center;padding:1rem;font-size:1.5rem;margin:3rem auto 0;max-width:28rem;background:rgba(0,0,0,.2);position:relative}.predict-results .predict-result{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.25rem}.train-results{display:flex;flex-direction:column;align-items:center;padding:1rem;font-size:1.5rem;margin:3rem auto 0;max-width:28rem;background:rgba(0,0,0,.2);position:relative}.train-results .train-result{width:100%;padding:.25rem}.train-inputs,.train-results .train-result{display:flex;justify-content:space-between;align-items:center}.train-inputs{margin:2rem auto;max-width:30rem}.train-inputs .input-group{display:flex;flex-flow:column;justify-content:center;align-items:center}.train-inputs .input-group .input-container{display:flex;flex-flow:column;justify-content:flex-start;margin-bottom:.5rem}.train-inputs .input-group .input-container .label{font-size:1.25rem}.train-inputs .input-group .input-container .input{border:2px solid #000;font-size:1.25rem;padding-left:3px;max-width:11.5rem}.train-model{display:flex;justify-content:space-between;align-items:center;max-width:30rem;margin:2rem auto 3rem}.train-model .train-model-button{width:10rem;height:3rem;color:#fff;background-color:#000;font-family:Oswald,sans-serif;font-size:1.25rem;display:flex;align-items:center;justify-content:center;padding:1rem;text-decoration:none}.train-model .train-model-button:hover{text-decoration:underline;cursor:pointer}.train-model .train-model-button.disabled{pointer-events:none}@media screen and (max-width:450px){.train-inputs,.train-model{flex-flow:column}.train-model-button{display:flex!important;align-items:center!important;justify-content:center!important;margin:1rem auto!important;background-color:#000!important;padding:1rem 0!important;text-decoration:none!important;height:3rem!important;max-width:28rem!important;cursor:pointer!important;width:100%!important;font-size:1.25rem!important}.input-container,.input-group{width:100%}.input{max-width:100%!important}}html{height:100%}html body{background-image:radial-gradient(circle farthest-corner at center,#b77beb 0,#e438ed 100%);color:#fff;font-family:Oswald,sans-serif;font-size:1rem;padding:1rem}html body h1{font-size:3rem}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{margin:0!important;padding:0!important}.divider{position:relative;margin:2rem 0;height:1px}.divider:before{content:"";position:absolute;top:0;left:5%;right:5%;width:90%;height:1px;background-image:linear-gradient(90deg,transparent,#690883,transparent)}.loader{width:2.5rem;height:2.5rem;border-radius:50%;perspective:800px}.loader .inner{position:absolute;box-sizing:border-box;width:100%;height:100%;border-radius:50%}.loader .inner.one{left:0;top:0;animation:rotate-one 1s linear infinite;border-bottom:3px solid #efeffa}.loader .inner.two{right:0;top:0;animation:rotate-two 1s linear infinite;border-right:3px solid #efeffa}.loader .inner.three{right:0;bottom:0;animation:rotate-three 1s linear infinite;border-top:3px solid #efeffa}@keyframes rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0deg)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)}}@keyframes rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0deg)}to{transform:rotateX(50deg) rotateY(10deg) rotate(1turn)}}@keyframes rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0deg)}to{transform:rotateX(35deg) rotateY(55deg) rotate(1turn)}}
/*# sourceMappingURL=/App.3e15a6b7.css.map */