.ImageUpload-module__TI0O-G__main{background-color:var(--color-secondary);border-radius:2em;flex-direction:column;align-items:center;gap:2em;max-width:700px;padding:2em;display:flex}.ImageUpload-module__TI0O-G__cropperAndSlider{flex-direction:column;align-items:center;gap:.4rem;width:100%;display:flex}.ImageUpload-module__TI0O-G__cropper{width:100%;height:100%;position:relative;overflow:hidden}.ImageUpload-module__TI0O-G__bottom{gap:1em;width:100%;display:flex}.ImageUpload-module__TI0O-G__dragAndDrop{text-align:center;cursor:pointer;border:2px dashed gray;border-radius:2em;align-content:center;width:100%}.ImageUpload-module__TI0O-G__imagePrep{flex-direction:row;justify-content:center;gap:5em;display:flex}
.page-module__jKgfEW__page{grid-template-columns:auto;gap:1em;padding:1em;display:grid}.page-module__jKgfEW__page p,.page-module__jKgfEW__page h1,.page-module__jKgfEW__page h2,.page-module__jKgfEW__page h3,.page-module__jKgfEW__page ul{margin:0}.page-module__jKgfEW__title{font-size:2em}.page-module__jKgfEW__description{font-size:1em}.page-module__jKgfEW__description span{color:var(--color-primary);cursor:pointer;font-weight:700}.page-module__jKgfEW__models{margin-top:1em}.page-module__jKgfEW__modelButtons{align-items:center;gap:.4em;margin-top:.4em;display:flex}.page-module__jKgfEW__modelButtons button{all:unset;color:var(--color-background);cursor:pointer;background:#474747;border-radius:10em;padding:.4em 1em}.page-module__jKgfEW__modelButtons button.page-module__jKgfEW__active{background:#1d1d1f!important}.page-module__jKgfEW__modelButtons span{font-size:1.5em;font-weight:600}.page-module__jKgfEW__loadButton{background:var(--color-primary)!important}.page-module__jKgfEW__cached{flex-direction:column;margin-top:.4em;display:flex}.page-module__jKgfEW__uploadSection{grid-template-rows:30em;grid-template-columns:1fr 1fr;gap:4em;padding:2em 4em;display:grid}.page-module__jKgfEW__croppedImage{text-align:center;object-fit:contain;align-content:center;width:100%;height:100%;margin:auto}.page-module__jKgfEW__predictSection{margin-bottom:10em}.page-module__jKgfEW__predict{align-items:center;gap:1em;margin-top:1em;display:flex}.page-module__jKgfEW__predict select{border-radius:.6em;padding:.6em 1em}.page-module__jKgfEW__predict button{all:unset;cursor:pointer;background:var(--color-detail);border-radius:10em;padding:.6em 1.2em;font-weight:600}.page-module__jKgfEW__predict button.page-module__jKgfEW__disabled{cursor:not-allowed;background:#959595}.page-module__jKgfEW__resultWrapper{grid-template-columns:1fr 1fr;justify-content:center;gap:2em;padding:2em 4em;display:none}.page-module__jKgfEW__resultWrapper.page-module__jKgfEW__open{display:grid}.page-module__jKgfEW__result{grid-template-rows:30em 2em auto;justify-items:center;gap:.6em;display:grid}.page-module__jKgfEW__result canvas{height:100%}.page-module__jKgfEW__angleWrapper{gap:.4em;display:grid}.page-module__jKgfEW__angleBar{grid-template-columns:1fr minmax(12em,auto);gap:2em;display:grid}.page-module__jKgfEW__angleBar strong{grid-template-columns:auto auto;align-items:center;gap:.4em;display:grid}.page-module__jKgfEW__angleBar span{grid-template-columns:2em 1fr 2em;align-items:center;gap:.4em;display:grid}.page-module__jKgfEW__angleBackground{background:linear-gradient(90deg,red 0%,#dbdb00 15%,#00a800 40% 60%,#dbdb00 85%,red 100%);border-radius:.4em;height:.5em;margin-top:.2em;position:relative}.page-module__jKgfEW__angleBackground div{background:#000;border-radius:50%;width:.8em;height:.8em;position:absolute;top:50%;transform:translate(-50%,-50%)}.page-module__jKgfEW__rangeText{color:var(--color-secondary);margin-top:.2em;font-size:.8em}.page-module__jKgfEW__recommendations{border:1px solid #0006;border-radius:2em;grid-template-rows:min-content auto;align-content:center;justify-items:center;padding:1em;display:grid}.page-module__jKgfEW__recommendations.page-module__jKgfEW__results{grid-template-rows:min-content 1fr}.page-module__jKgfEW__recommendations.page-module__jKgfEW__results .page-module__jKgfEW__top{justify-self:start}.page-module__jKgfEW__recommendations .page-module__jKgfEW__top{grid-template-rows:auto auto;grid-template-columns:min-content auto;align-items:center;gap:.6em;display:grid}.page-module__jKgfEW__recommendations .page-module__jKgfEW__top>div{flex-flow:column;grid-column:1/3;gap:.2em;display:flex}.page-module__jKgfEW__recommendations .page-module__jKgfEW__top select,.page-module__jKgfEW__recommendations .page-module__jKgfEW__top input{border:1px solid #000;border-radius:.4em;margin-left:.4em;padding:.2em}.page-module__jKgfEW__recommendations .page-module__jKgfEW__top input{width:14em}.page-module__jKgfEW__recommendations .page-module__jKgfEW__top button{all:unset;cursor:pointer;background:var(--color-secondary);color:var(--color-background);white-space:nowrap;border-radius:10em;grid-row-start:2;padding:.6em 1em}.page-module__jKgfEW__recommendations .page-module__jKgfEW__top p{grid-row-start:2;font-size:.8em}.page-module__jKgfEW__rightModal{background:var(--color-background);border:1px solid #000;border-radius:1em;flex-direction:column;justify-content:space-between;width:25em;height:calc(100vh - 9em);margin:0 auto;padding:1em;display:flex;position:fixed;right:1em}.page-module__jKgfEW__rightModal>h2{font-size:2em}.page-module__jKgfEW__rightModal h3{font-size:1.4em}.page-module__jKgfEW__rightModal p{margin:.5em 0}.page-module__jKgfEW__examplePicture{border-radius:1em;width:100%;height:auto}.page-module__jKgfEW__rightModal .page-module__jKgfEW__cross{cursor:pointer;position:absolute;top:1em;right:1em}.page-module__jKgfEW__openTutorial{writing-mode:vertical-rl;text-orientation:upright;cursor:pointer;background:#fff;border:2px solid #00000059;border-right-width:0;border-top-left-radius:1em;border-bottom-left-radius:1em;padding:1.5em .4em;font-weight:600;position:fixed;top:50%;right:0;transform:translateY(-50%)}
.FeedbackBox-module__Ov1ZLG__feedback{justify-content:space-evenly;justify-self:start;align-items:center;margin-top:1em;display:grid}.FeedbackBox-module__Ov1ZLG__feedback>div{grid-template-rows:min-content auto;height:100%;display:grid}.FeedbackBox-module__Ov1ZLG__feedback strong{font-size:1.5em}.FeedbackBox-module__Ov1ZLG__feedback ul{flex-direction:column;gap:1em;margin:1em 0;display:flex}.FeedbackBox-module__Ov1ZLG__error{color:#8e0000}
