body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#171719;color:#fff;font-family:monospace;height:100vh;margin:0;min-width:320px;width:100vw}#root{align-items:center;display:flex;height:100%;justify-content:center;width:100%}code{font-family:monospace}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.uploadImageContainer{background-image:url(/static/media/bg-copy.7907ecbf9c0059388cb2.jpg);background-position:50%;background-size:cover;flex-direction:column;gap:50px;height:100%;width:100%}.logo-and-name,.uploadImageContainer{align-items:center;display:flex;justify-content:center}.logo-and-name{gap:20px}.notice{font-size:16px;margin:0;position:absolute;text-align:center;top:5px}.logo-and-name p{font-size:42px;font-weight:600;margin:0;padding:0}.inputBox{align-items:center;background-color:hsla(0,0%,49%,.334);border:2px dashed hsla(0,5%,88%,.643);border-radius:12px;display:flex;flex-direction:column;height:300px;justify-content:center;transition:background-color .3s ease;width:30%}.inputBox:hover{background-color:hsla(0,0%,75%,.371)}input[type=file]{border-radius:8x;display:none}.inputBox h4,.inputBox p{font-size:larger}.inputBox img{object-fit:contain}.custom-file-upload{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;text-align:center;width:100%}.custom-file-upload p{font-size:18px;font-weight:500;margin:0;padding:0;width:90%}#uploadButton{background-color:#0eccff;border:none;border-radius:12px;color:#fff;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:700;padding:10px 15px;transition:transform .5s ease}#uploadButton:hover{background-color:#08caff;box-shadow:0 8px 24px #fff3;transform:scale(1.05)}.loading{align-items:center;display:flex;flex-direction:column;font-size:16px;justify-content:center}@media only screen and (min-width:800px) and (max-width:1200px){.inputBox{width:50%}}@media only screen and (max-width:800px){.inputBox{width:80%}.notice{font-size:14px}.custom-file-upload p{font-size:16px;margin:0;padding:0}}.spinner{animation:spin 1s linear infinite;border:5px solid hsla(0,0%,66%,.477);border-radius:50%;border-top-color:#57bcff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.editor{align-items:center;background-image:url(/static/media/bg-copy.7907ecbf9c0059388cb2.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100%;width:100%}@media only screen and (max-width:399px){.editor{width:100%}#closeButton{display:none}}.headerNav{align-items:center;display:flex;flex-direction:row;height:10%;justify-content:space-evenly;width:100%}.logo-container{display:flex;justify-content:flex-start;width:50%}.logo-container a{align-items:center;color:#fff;display:flex;flex-direction:row;gap:10px;justify-content:center;padding-left:15px;text-decoration:none}.logo{height:50px;width:50px}.actionButtons{align-items:center;display:flex;gap:10px;height:100%;justify-content:flex-end;padding-right:20px;width:50%}.actionButtons button{border:none;border-radius:8px;color:#fff;font-family:Courier New,Courier,monospace;font-size:large;font-weight:700;margin:0}.actionButtons button:hover{background-color:#08caff;box-shadow:0 8px 24px #fff3}#closeButton{background-color:#fff;color:#000;padding:6px}#downloadButton{align-items:center;background-color:#1d6fc1;color:#fff;display:flex;gap:10px;padding:6px}#downloadButton p{margin:0}#downloadButton img{margin:0;padding:0}.editorContainer{display:flex;flex-direction:row;height:90%;justify-content:space-evenly;width:100%}.editorOptions{background-color:#292c31;border-radius:16px;height:max-content;justify-content:flex-start;list-style:none;padding:.7rem}.editorOptions,.imageAndRange{align-items:center;display:flex;flex-direction:column}.imageAndRange{gap:20px}.imageAndRange,.loadingContainer{height:100%;justify-content:center;width:93%}.loadingContainer{align-items:center;display:flex;flex-direction:column}.editingImage{height:60%;object-fit:contain;width:60%}.editorOptionButtons{background:#0000;border:none;border-radius:16px;padding:8px;transition:box-shadow .3s ease}.editorOptionButtons:hover{box-shadow:0 0 24px #fff3}.selectedOption{background-color:#0eccff}.editorOptions img{margin:0;padding:0}.Range{align-items:center;background-color:#292c31;border:none;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:10px;max-width:550px;padding:5px 0}.Range p{color:#a0947f;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:700;margin:0;padding:5px 0}.Range input{width:85%}.Range button{background-color:initial;border:none;border-radius:8px;margin:5px;padding:10px;transition:box-shadow .3s ease}.Range button:hover{box-shadow:0 0 24px #fff3}.selectImageText{font-size:larger;text-align:center}.selectImageText a{color:#0eccff;font-size:x-large}.cropContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.cropActionButtons{height:10%}.cropActionButtons button{background-color:#3a3a3a;border:none;border-radius:8px;margin:10px;padding:10px}@media only screen and (max-width:660px){.editorContainer{flex-direction:column-reverse}.editorOptions{border-radius:0;flex-direction:row;justify-content:space-evenly;padding:.7rem 0;width:100%}.imageAndRange{width:100%}.Range{width:90%}.Range p{font-size:18px}.Range button{background-color:initial;border:none;border-radius:8px;margin:0;padding:5px 10px}.Range img{height:24px;width:24px}.loadingContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.cropActionButtons{margin-top:20px}.cropActionButtons button{margin:0 10px;padding:5px}.cropActionButtons img{height:24px;width:24px}}@media only screen and (min-width:661px){.editorOptions{flex-direction:column;gap:30px;margin-left:20px;margin-top:50px}.imageAndRange{width:93%}.Range{width:50%}}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:12px;height:var(--rc-drag-handle-size);position:absolute;width:12px;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}
/*# sourceMappingURL=main.ac72758b.css.map*/