*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.imageEditor{align-items:center;background-color:#faebd7;display:flex;height:100vh;justify-content:center;width:100vw}.imageEditor .card{background-color:#fff;box-shadow:0 8px 16px 0 #c9c9c9;height:80%;padding:28px;width:700px}.imageEditor .card .card_header{padding-bottom:15px;text-align:center}.imageEditor .card .card_header h2{color:#6495ed;text-transform:uppercase}.imageEditor .card .card_body{display:flex;justify-content:center}.imageEditor .card .card_body .sidebar .reset{margin-top:20px}.imageEditor .card .card_body .sidebar .reset button{border:1px solid #dad7d7;border-radius:5px;color:#6495ed;cursor:pointer;font-weight:600;margin-left:5px;outline:none;padding:8px}.imageEditor .card .card_body .sidebar span{color:#cace59;display:block;font-size:15px;margin-bottom:4px}.imageEditor .card .card_body .sidebar .sidebody{border:1px solid #cace59;height:300px;margin-right:8px;padding:10px;width:250px}.imageEditor .card .card_body .sidebar .sidebody .filter_key{grid-gap:5px;display:grid;grid-template-columns:repeat(2,1fr)}.imageEditor .card .card_body .sidebar .sidebody .filter_key button.active{background-color:#6495ed;color:#fff}.imageEditor .card .card_body .sidebar .sidebody .filter_key button{background-repeat:3px;border:1px solid #dad7d7;color:#404040;cursor:pointer;padding:8px;text-transform:capitalize}.imageEditor .card .card_body .sidebar .sidebody .fltier_slider{margin:15px 0}.imageEditor .card .card_body .sidebar .sidebody .fltier_slider .label_bar{display:flex;justify-content:space-between;margin-bottom:4px}.imageEditor .card .card_body .sidebar .sidebody .fltier_slider .label_bar label,.imageEditor .card .card_body .sidebar .sidebody .fltier_slider .label_bar span{color:#6495ed;font-size:15px;text-transform:capitalize}.imageEditor .card .card_body .sidebar .sidebody .fltier_slider input{width:100%}.imageEditor .card .card_body .sidebar .sidebody .rotate label{color:#6495ed;display:block;font-size:15px;margin-bottom:8px}.imageEditor .card .card_body .sidebar .sidebody .rotate .icon{grid-gap:5px;display:grid;grid-template-columns:repeat(4,1fr)}.imageEditor .card .card_body .sidebar .sidebody .rotate .icon div{align-items:center;border:1px solid #dad7d7;cursor:pointer;display:flex;justify-content:center;padding:8px 5px}.imageEditor .card .card_body .Image_section{background-color:#e6ecf4;height:300px;margin-left:8px;width:350px}.imageEditor .card .card_body .Image_section .Image{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.imageEditor .card .card_body .Image_section .Image img{height:100%;object-fit:scale-down;transition:all .5s;width:100%}.imageEditor .card .card_body .Image_section .Image label{align-items:center;background-color:#f8f7f2;border:4px dotted #faebd7;cursor:pointer;display:flex;flex-flow:column;height:100%;justify-content:center;width:100%}.imageEditor .card .card_body .Image_section .Image label svg{color:#b4acac;font-size:40px}.imageEditor .card .card_body .Image_section .Image label span{color:#404040}.imageEditor .card .card_body .Image_section .Image_select{display:flex;justify-content:flex-end;margin:20px}.imageEditor .card .card_body .Image_section .Image_select input{display:none}.imageEditor .card .card_body .Image_section .Image_select button,.imageEditor .card .card_body .Image_section .Image_select label{border:1px solid #dad7d7;border-radius:5px;color:#6495ed;cursor:pointer;font-weight:600;margin-left:5px;outline:none;padding:8px}.imageEditor .card .card_body .Image_section .Image_select .crop,.imageEditor .card .card_body .Image_section .Image_select .redo,.imageEditor .card .card_body .Image_section .Image_select .undo{background-color:#6495ed;border:#fff;color:#fff;font-size:18px;margin-left:5px;padding:5px 10px}@media screen and (max-width:900px){.card_body{align-items:center;display:flex;flex-direction:column;justify-content:center}.imageEditor{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Image_section{margin-bottom:50px;margin-top:10px}}.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{border:1px dashed #fff;-webkit-box-shadow:0 0 0 9999em rgba(0,0,0,.5);box-shadow:0 0 0 9999em rgba(0,0,0,.5);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%;-webkit-box-shadow:0 0 1px 1px #fff,0 0 0 9999em rgba(0,0,0,.5);box-shadow:0 0 1px 1px #fff,0 0 0 9999em rgba(0,0,0,.5)}.ReactCrop__crop-selection:focus{border-color:blue;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:hsla(0,0%,100%,.4);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.3333%;left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666%;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.3333%;top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666%;top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{background-color:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.7);content:"";display:block;height:10px;outline:1px solid transparent;position:absolute;width:10px}.ReactCrop__drag-handle:focus:after{background:#2dbfff;border-color:blue}.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.10b0fbe7.css.map*/