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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image_editor{align-items:center;background-color:#e1e6ef;display:flex;height:100vh;justify-content:center;width:100vw}.image_editor .card{background-color:#fff;box-shadow:0 8px 16px 0 #c9c9c9;height:80%;padding:28px;width:700px}.image_editor .card .card_header{padding-bottom:15px;text-align:center}.image_editor .card .card_header h2{color:#4a55f3;text-transform:uppercase}.image_editor .card .card_body{display:flex;justify-content:center}.image_editor .card .card_body .sidebar .reset{margin-top:20px}.image_editor .card .card_body .sidebar .reset .save{background-color:#20a720!important;margin-left:5px}.image_editor .card .card_body .sidebar .reset .detect{background-color:#2040a7!important;margin-left:5px}.image_editor .card .card_body .sidebar .reset button{background-color:#f23555;border:1px solid #dad7d7;border-radius:3px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;outline:none;padding:8px;text-transform:capitalize}.image_editor .card .card_body .sidebar span{color:#404040;display:block;font-size:15px;margin-bottom:4px}.image_editor .card .card_body .sidebar .side_body{border:1px solid #c3c5c4;height:300px;margin-right:8px;padding:10px;width:250px}.image_editor .card .card_body .sidebar .side_body .filter_key{grid-gap:8px;display:grid;grid-template-columns:repeat(2,1fr)}.image_editor .card .card_body .sidebar .side_body .filter_key button.active{background-color:#545dd8;color:#fff}.image_editor .card .card_body .sidebar .side_body .filter_key button{background-repeat:3px;border:1px solid #dad7d7;color:#404040;cursor:pointer;padding:8px;text-transform:capitalize}.image_editor .card .card_body .sidebar .side_body .filter_slider{margin:15px 0}.image_editor .card .card_body .sidebar .side_body .filter_slider .label_bar{display:flex;justify-content:space-between;margin-bottom:4px}.image_editor .card .card_body .sidebar .side_body .filter_slider .label_bar label,.image_editor .card .card_body .sidebar .side_body .filter_slider .label_bar span{color:#404040;font-size:15px;text-transform:capitalize}.image_editor .card .card_body .sidebar .side_body .filter_slider input{width:100%}.image_editor .card .card_body .sidebar .side_body .rotate label{color:#404040;display:block;font-size:15px;margin-bottom:8px}.image_editor .card .card_body .sidebar .side_body .rotate .icon{grid-gap:5px;display:grid;grid-template-columns:repeat(4,1fr)}.image_editor .card .card_body .sidebar .side_body .rotate .icon div{align-items:center;border:1px solid #b3c2c2;cursor:pointer;display:flex;justify-content:center;padding:8px 5px}.image_editor .card .card_body .image_section{background-color:#f0f0f0;height:300px;margin-left:8px;width:350px}.image_editor .card .card_body .image_section .image{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.image_editor .card .card_body .image_section .image img{height:100%;object-fit:scale-down;transition:all .5s;width:100%}.image_editor .card .card_body .image_section .image label{align-items:center;border:dotted;border-color:#c5c9c5;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.image_editor .card .card_body .image_section .image label svg{color:#b4acac;font-size:40px}.image_editor .card .card_body .image_section .image label span{color:#404040}.image_editor .card .card_body .image_section .image_select{display:flex;justify-content:flex-end;margin:20px 0}.image_editor .card .card_body .image_section .image_select input{display:none}.image_editor .card .card_body .image_section .image_select button,.image_editor .card .card_body .image_section .image_select label{border:1px solid #dad7d7;border-radius:3px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;outline:none;padding:8px;text-transform:capitalize}.image_editor .card .card_body .image_section .image_select .redo,.image_editor .card .card_body .image_section .image_select .undo{background-color:#4a55f3;color:#fff;font-size:18px;margin-left:5px;padding:5px 10px}.image_editor .card .card_body .image_section .image_select label{background-color:#115811;margin-left:5px}.image_editor .card .card_body .image_section .image_select .crop{background-color:#8e33b7;margin-left:5px}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;overflow:hidden;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}.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-selection{-webkit-box-shadow:0 0 0 9999em #00000080;box-shadow:0 0 0 9999em #00000080;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--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}@-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}}.ReactCrop__crop-selection:focus{border-color:#00f;border-style:solid;outline:none}.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{position:absolute}.ReactCrop__drag-handle:after{background-color:#0003;border:1px solid #ffffffb3;content:"";display:block;height:10px;outline:1px solid #0000;position:absolute;width:10px}.ReactCrop__drag-handle:focus:after{background:#2dbfff;border-color:#00f}.ReactCrop .ord-nw{cursor:nw-resize;left:0;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-nw:after{left:0;top:0}.ReactCrop .ord-n{cursor:n-resize;left:50%;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{cursor:ne-resize;margin-right:-5px;margin-top:-5px;right:0;top:0}.ReactCrop .ord-ne:after{right:0;top:0}.ReactCrop .ord-e{cursor:e-resize;margin-right:-5px;margin-top:-5px;right:0;top:50%}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;cursor:se-resize;margin-bottom:-5px;margin-right:-5px;right:0}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;cursor:s-resize;left:50%;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;cursor:sw-resize;left:0;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;margin-left:-5px;margin-top:-5px;top:50%}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;left:0;margin-top:-3px;top:0;width:100%}.ReactCrop__drag-bar.ord-e{height:100%;margin-right:-3px;right:0;top:0;width:6px}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;left:0;margin-bottom:-3px;width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;margin-left:-3px;top:0;width:6px}.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;width:24px}}
/*# sourceMappingURL=main.1eaa2e0f.css.map*/