@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);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}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{align-items:center;background:#e3f2fd;display:flex;justify-content:center;min-height:100vh;padding:10px}.container{background:#fff;border-radius:10px;box-shadow:0 10px 20px #00e2ff;padding:30px 35px 35px;width:850px}.container.disable .controls .reset-filter,.container.disable .controls .save-img,.container.disable .editor-panel{opacity:.5;pointer-events:none}.container h2{font-size:22px;font-weight:500;margin-top:-8px}.container .wrapper{display:flex;margin:20px 0;min-height:335px}.wrapper .editor-panel{border:1px solid #ccc;border-radius:5px;padding:15px 20px;width:280px}.editor-panel .title{display:block;font-size:16px;margin-bottom:12px}.controls,.editor-panel .options{display:flex;flex-wrap:wrap;justify-content:space-between}.editor-panel button{background:#fff;border:1px solid #aaa;border-radius:3px;color:#6c757d;font-size:14px;height:40px;margin-bottom:8px;outline:none}.editor-panel .filter button{width:calc(50% - 4px)}.editor-panel button:hover{background:#f5f5f5}.filter button.active{background:#5372f0;border-color:#5372f0;color:#fff}.filter .slider{margin-top:12px}.filter .slider .filter-info{color:#464646;display:flex;font-size:14px;justify-content:space-between}.filter .slider input{accent-color:#5372f0;height:5px;width:100%}.editor-panel .rotate{margin-top:17px}.editor-panel .rotate button{align-items:center;display:flex;justify-content:center;width:calc(25% - 3px)}.rotate .options button:nth-child(3),.rotate .options button:nth-child(4){font-size:18px}.rotate .options button:active{background:#5372f0;border-color:#5372f0;color:#fff}.wrapper .preview-img{align-items:center;border-radius:5px;display:flex;flex-grow:1;justify-content:center;margin-left:20px;overflow:hidden}.preview-img img{height:100%;max-height:335px;max-width:490px;object-fit:contain;width:100%}.controls button{background:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;outline:none;padding:11px 20px;text-transform:uppercase;transition:all .3s ease}.controls .reset-filter{border:1px solid #6c757d;color:#6c757d}.controls .reset-filter:hover{background:#6c757d;color:#fff}.controls .choose-img{background:#6c757d;border:1px solid #6c757d}.controls .save-img{background:#5372f0;border:1px solid #5372f0;margin-left:5px}@media screen and (max-width:760px){.container{padding:25px}.container .wrapper{flex-wrap:wrap-reverse}.wrapper .editor-panel{width:100%}.wrapper .preview-img{margin:0 0 15px;width:100%}}@media screen and (max-width:500px){.controls button{margin-bottom:10px;width:100%}.controls .row{width:100%}.controls .row .save-img{margin-left:0}}
/*# sourceMappingURL=main.5bb198ee.css.map*/