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}body{background:url(/static/media/Gradient%201.9089fa4867399242bbff.svg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;font-family:Arial,sans-serif;height:100vh;width:100%}.container{margin:0 auto;max-width:80vw}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:initial;box-shadow:0 10px 20px 0 #2eb8ad;height:60px;left:0;padding:10px;position:fixed;right:0;text-align:center;top:0;z-index:9}.header .header_inner{display:flex;justify-content:space-between}.header .logo{max-height:60px;object-fit:contain;width:100px}.image-editor{height:100vh}.download-section,.edit-section,.upload-section{margin-bottom:30px;padding:100px 0 30px;text-align:center;width:100%}.uploadImage{background-color:#fff;border:4px dashed grey;border-radius:20px;box-shadow:0 5px 15px #0006;height:500px;margin:30px auto;padding:20px;position:relative;transition:transform .3s ease;width:90%}.uploadImage.drag-over{background-color:#deeeff;border-color:#007bff}.uploadImage .upload_content{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.custom-file-input{background:linear-gradient(90deg,#6fe1b0,#0c8a80);border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:12px 30px;transition:background-color .3s ease}.custom-file-input:hover{background-color:#0c8a80}#upload{display:none}.image-preview{background:url(/static/media/Gradient%201.9089fa4867399242bbff.svg),#ffffff80;background-blend-mode:color;background-repeat:no-repeat;background-size:cover;border-radius:8px;box-shadow:inset 0 0 15px 2px #fff;height:100%;object-fit:contain;transition:opacity .3s ease,transform .3s ease;width:100%}.image-preview.show{opacity:1;transform:scale(1)}.image-preview.hide{opacity:0;transform:scale(.9)}.edit-button,.remove-button{background-color:initial;border:none;color:#f60;cursor:pointer;font-size:35px;font-weight:500;position:absolute;text-shadow:0 0 10px #fff;top:20px;transition:.3s ease}.remove-button:hover{color:#d84b04}.remove-button{left:20px}.edit-button{color:#2eb8ad;right:20px}.edit-button:hover{color:#0c8a80}.loader{animation:spin 1s linear infinite;border:5px solid #d2d2d2;border-radius:50%;border-top:4px solid #007bff;height:40px;left:50%;margin:20px auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.edit-section-inner{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 10px 15px 0 #0003;display:flex;height:600px;margin:20px auto;padding:20px;position:relative;width:90%}.edit-image-section{background-color:#fff;border:1px solid #000;border-radius:10px;height:500px;margin:30px auto;overflow:hidden;position:relative;width:60%}.cropper-container{height:100%;position:absolute;transition:transform .3s ease;width:100%}.edit-options{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 20px;text-align:start;width:40%}.edit-options .option_inner{margin:15px 0;width:100%}.edit-options label{display:inline-block;font-weight:700;margin:0 10px 0 0;text-align:left;width:95px!important}.edit-options input[type=range]{cursor:pointer;width:200px}input[type=range]{-webkit-appearance:none;appearance:none;border-radius:16px;cursor:pointer;outline:none;overflow:hidden;width:100%}input[type=range]::-webkit-slider-runnable-track{background:#ccc;border-radius:16px;height:15px}input[type=range]::-moz-range-track{background:#ccc;border-radius:16px;height:15px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;border:2px solid #f50;border-radius:50%;box-shadow:-407px 0 0 400px #f50;height:15px;width:15px}input[type=range]::-moz-range-thumb{background-color:#fff;border:1px solid #f50;border-radius:50%;box-shadow:-407px 0 0 400px #f50;height:15px;width:15px}.back-button,.next-button{background-color:initial;border:none;border-radius:5px;color:#2eb8ad;cursor:pointer;font-size:35px;padding:10px;position:absolute;text-shadow:0 0 10px #fff;top:0;transition:.3s ease}.back-button{left:0}.next-button{right:0}.download-button{background:linear-gradient(90deg,#6fe1b0,#0c8a80);border:none;border-radius:5px;box-shadow:0 0 10px 0 grey;color:#fff;cursor:pointer;font-size:20px;margin:20px;padding:10px 30px;transition:.3s ease}.back-button:hover,.next-button:hover{color:#0c8a80}.full-image-preview{border-radius:50%}.edit-image-section img{height:100%;object-fit:contain;width:auto}.preview-button,.reset-button{background-color:initial;border:0;color:#fff;cursor:pointer;font-size:30px;position:absolute;right:20px;transition:all .2s ease-in}.reset-button{top:20px}.preview-button{bottom:20px}.preview-button:hover,.reset-button:hover{color:#ccc}.cropped-image-section{margin:30px auto;text-align:center}.cropped-image-section img{border-radius:50%;box-shadow:0 4px 8px #0003;height:auto;max-width:50%}.final-preview-page{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 10px 15px 0 #0003;display:flex;height:600px;margin:20px auto;overflow:hidden;padding:20px;position:relative;width:90%}.final-preview-page .final-inner-image{position:relative;width:60%}.final-inner-image .cropped-image{border-radius:50%;width:70%}.final-preview-page .final-inner-image .custom-shape{left:50%;position:absolute;top:0;transform:translate(-50%);width:70%}.final-preview-page img{border-radius:50%;object-fit:contain;width:70%}.final-preview-page .image-sticker{height:100%;overflow-y:scroll;width:40%}.final-preview-page .image-sticker::-webkit-scrollbar{background-color:#ccc;width:5px}.final-preview-page .image-sticker::-webkit-scrollbar-thumb{background-color:#2eb8ad;border-radius:10px}.final-preview-page .image-sticker button{border:2px solid #0000;border-radius:10px;cursor:pointer;margin:20px;outline:none;padding:30px 10px;transition:all .2s}.final-preview-page .image-sticker button:hover{border:2px solid #fea46d!important}.final-preview-page .image-sticker .image_position{margin:0 auto;position:relative;width:50%}.final-preview-page .image-sticker .image_position img{width:100%}.final-preview-page .image-sticker .image_position .sticker{left:0;position:absolute;top:0;width:100%}@media (max-width:1024px){.edit-section-inner{flex-wrap:wrap;height:max-content;justify-content:center}.edit-image-section,.edit-options{width:100%}.edit-options .option_inner{width:50%}.final-preview-page{flex-wrap:wrap;height:max-content}.final-preview-page .final-inner-image,.final-preview-page .image-sticker{width:100%}.final-preview-page .image-sticker{height:300px}.final-inner-image .cropped-image,.final-preview-page .final-inner-image .custom-shape{width:50%}.final-preview-page .image-sticker .image_position{width:100%}.final-preview-page .image-sticker button{width:35%}}@media (max-width:768px){.edit-options .option_inner{text-align:center;width:100%}.final-preview-page .image-sticker button{margin:10px;padding:10px;width:40%}}@media (max-width:575px){.edit-image-section{height:400px;margin-top:50px}.preview-button,.reset-button{font-size:25px;right:auto;top:10px}.reset-button{left:10px}.preview-button{bottom:auto;right:10px}.edit-options .option_inner{margin:8px 0;text-align:start}.final-inner-image .cropped-image,.final-preview-page .final-inner-image .custom-shape{width:100%}.final-preview-page .image-sticker{height:250px}.final-preview-page .image-sticker .image_position{width:75%}.final-preview-page .image-sticker h2{font-size:small}}
/*# sourceMappingURL=main.5c474dc7.css.map*/