body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--default-bg:#2c2f33;--gray:#3a3d41;--dark-bg:#1d1f21;--blue:#4ecdc4;--whiteish:#f7fff7;--pink:#ff6b6b;--pink-dark:#ff4747;--header-height:3rem;--header-padding:1rem;--footer-height:2.5rem;background-color:var(--default-bg);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}.Header{font-size:2rem;height:var(--header-height);justify-content:space-between;padding:var(--header-padding)}.Footer,.Header{align-items:center;background-color:var(--dark-bg);color:var(--whiteish);display:flex}.Footer{flex-direction:row;height:var(--footer-height);justify-content:space-evenly;text-align:center;width:100%}.githubMarker{height:1.5rem}.heartSvg{height:1rem;margin:0 .3rem}.FooterLineSpacer{height:1rem;width:10px}.FooterLineLink{color:var(--whiteish);font-weight:500;margin-left:.3rem;text-decoration:none}.parentMapper{color:var(--whiteish);height:calc(100vh - var(--header-height) - var(--footer-height) - var(--header-padding)*2)}#fileInput{display:none}.fileUploadButton{background-color:var(--pink);border-radius:8px;box-shadow:0;cursor:pointer;font-weight:500;padding:1rem 3rem;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-user-select:none;user-select:none}.fileUploadButton:hover{background-color:var(--pink-dark)}.ButtonParent{align-items:center;display:flex;height:3rem}.fullsizeImagePickerParent{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.imageArea,.midField{align-items:center;display:flex;flex-direction:column}.imageArea{background-color:var(--dark-bg);border-radius:8px;height:30vh;padding:1rem}#dropzone,.imageArea{justify-content:center;margin:1rem;width:-webkit-fill-available}#dropzone{align-items:center;border:4px dashed var(--whiteish);border-radius:16px;display:flex;flex-direction:column;height:inherit;-webkit-user-select:none;user-select:none}.cloudSVG{height:4rem}.withoutImageButton{background-color:var(--gray);border-radius:8px;cursor:pointer;padding:1rem;width:fit-content}.mapperParent{flex-direction:column;height:100%;width:100%}.mapperField,.mapperParent{align-items:center;display:flex;justify-content:center}.mapperField{height:70%;width:80%}.backgroundImage{height:100%;object-fit:contain;width:100%}#imageSizeEquivalent{height:inherit;position:absolute;width:inherit}.toolbar{align-items:center;background-color:var(--dark-bg);display:flex;flex-direction:row;justify-content:center;margin:.25rem;padding:.5rem}.toolbarGuidePlaceholder{height:2rem}.copyIcon{cursor:pointer}.mapOutputInputfield{align-items:center;background-color:var(--default-bg);border:none;color:var(--whiteish);display:flex;font-size:1rem;justify-content:center;margin-left:.3rem;margin-right:.3rem;min-width:1rem;outline:none;padding:.5em .4rem .3rem;text-align:center}.copiedDone{background-color:#000;border-radius:1rem;font-size:1.5rem;padding:2rem;position:absolute}.gridPointCentering{height:-webkit-fill-available;width:-webkit-fill-available}.baseGridPoint,.gridPointCentering{align-items:center;display:flex;justify-content:center}.baseGridPoint{cursor:pointer;-webkit-user-select:none;user-select:none}.ledGridPoint{background-color:#00000080;border-color:var(--pink)!important;color:var(--whiteish)}.rowParent{align-content:space-around;display:flex;flex-direction:column;height:inherit;justify-content:space-around;width:inherit}.columParent{height:-webkit-fill-available;justify-content:space-around}.columParent,.numberInput{align-items:center;display:flex;flex-direction:row}.numberInput{align-content:center;border:1px solid var(--default-bg);border-radius:4px;justify-content:center;margin:0 .2rem;padding-left:.3rem}.numberInputIconParent{align-content:center;align-items:center;background-color:var(--dark-bg);cursor:pointer;display:flex;flex-direction:row;padding:.7rem .3rem;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-user-select:none;user-select:none}.numberInputIconParent>img{height:1.5rem}.numberInputIconParent:hover,.value{background-color:var(--default-bg)}.value{align-items:center;border:none;color:var(--whiteish);display:flex;font-size:1rem;height:2.1rem;justify-content:center;margin-left:.3rem;min-width:1rem;outline:none;padding:.5em .4rem .3rem;text-align:center}.guideLabel{font-size:.8rem;position:absolute;transform:translateY(-3.2rem)}.warning{background-color:var(--dark-bg);border:1px solid var(--pink);border-radius:.25rem;color:var(--pink);font-weight:500;padding:.2rem;position:absolute;transform:translateY(-2rem);z-index:99}.verticalDivider{background-color:var(--gray);border-radius:.05rem;height:2rem;margin:.2rem;width:.1rem}
/*# sourceMappingURL=main.ffbee493.css.map*/