:root{--bg:#fbfbfb;--fg:#000;--fg-lighter:#2e2e2e;--gray-darker:#6f6f6f;--gray:#888;--light-gray:#dedede;--lighter-gray:#f5f5f5;--lightest-gray:#fafafa;--white:#fff;--header-bg:#f9f9f9;--gray-alpha:rgba(19,20,21,0.5);--selection:hsl(0 0% 0%/0.071);--light-gray-border:#e5e5e5}*{font-family:"Mulish",sans-serif}.app{display:flex}canvas{position:absolute}.navbar{height:50px;width:100%;background-color:#fafafa;background-color:var(--lightest-gray);color:#2e2e2e;color:var(--fg-lighter);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--light-gray-border);padding:0 100px;font-size:20px}.main,.navbar{display:flex;justify-content:center;align-items:center}.main{flex-direction:column;background-color:#fbfbfb;background-color:var(--bg);padding:0 40px}.addImage{border:2px dashed #888;border:2px dashed var(--gray);border-radius:15px;width:100%;max-width:400px;height:150px;margin-bottom:30px;box-shadow:4.1px 5.9px 7.1px rgba(0,0,0,.019),13.8px 19.7px 23.9px rgba(0,0,0,.025),62px 40px 107px rgba(0,0,0,.04)}.addImageContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.demoImageLink{margin-bottom:20px}.demoImageLink,.demoImageLink:hover{color:#2e2e2e;color:var(--fg-lighter)}.demoImg{width:65px;height:65px;border-radius:15%;border:1px solid #e5e5e5;border:1px solid var(--light-gray-border);margin:0 10px;object-fit:cover;cursor:pointer}.addImg{width:60px;cursor:pointer}button{border:none;padding:11px 16px;border-radius:10px;color:#fff;cursor:pointer}.container{width:100%;max-width:1200px;height:100vh;display:flex;align-items:center;justify-content:space-around}.left{width:calc(100% - 350px)}.imageContainer,.left{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.imageContainer{background-color:#fafafa;background-color:var(--lightest-gray);border:1px solid #e5e5e5;border:1px solid var(--light-gray-border);padding:20px;border-radius:10px;position:relative;box-shadow:4.1px 5.9px 7.1px rgba(0,0,0,.019),13.8px 19.7px 23.9px rgba(0,0,0,.025),62px 88px 107px rgba(0,0,0,.04)}.selectedImage{width:700px;border-radius:2px}.reset{font-family:"Mulish",sans-serif;display:flex;justify-content:center;align-items:center;color:grey;padding-top:20px;cursor:pointer}.reset:hover{color:#2e2e2e;color:var(--fg-lighter)}.reset span{width:18px;height:18px;margin-right:5px}.CircularProgress{position:absolute;top:50%}.panelContainer{background-color:#f5f5f5;background-color:var(--lighter-gray);border:1px solid #e5e5e5;border:1px solid var(--light-gray-border);border-radius:15px;width:350px;flex-direction:column;justify-content:center;font-family:"Mulish",sans-serif;font-weight:600;font-size:.875rem;line-height:1.25rem;box-shadow:4.1px 5.9px 7.1px rgba(0,0,0,.019),13.8px 19.7px 23.9px rgba(0,0,0,.025),62px 88px 107px rgba(0,0,0,.04)}.panelContainer,.sliderPanel{display:flex;align-items:center}.sliderPanel{justify-content:space-between;border-bottom:1px solid hsla(0,0%,90.2%,.5);height:50px;width:100%}.sliderName{width:150px;padding-left:20px}.sliderElement{width:200px;padding-right:20px}.checkboxContainer{display:flex;justify-content:space-between;align-items:center;border:1px solid hsla(0,0%,90.2%,.5);width:100%;height:50px}.checkboxrName{margin-left:100px}.checkboxrElement{margin-right:100px}.Buttons{display:flex;justify-content:space-evenly;align-items:center;width:100%;height:80px}.Buttons button{width:150px;background-color:#6495ed}.Buttons button:disabled{color:#f5f5f5;color:var(--lighter-gray);cursor:not-allowed}@media (max-width:1200px){.imageContainer{padding:5px;border-radius:0}.panelContainer{width:350px}.checkboxrName{margin-left:75px}.checkboxrElement{margin-right:75px}.main{padding:0 10px}}@media (max-width:1074px){.selectedImage{width:600px;border-radius:0}.container{flex-direction:column;justify-content:flex-start}.imageContainer{padding:5px;border-radius:0}.left{margin:10px 0 20px;width:100%}.panelContainer{width:350px}.checkboxrName{margin-left:75px}.checkboxrElement{margin-right:75px}}@media (max-width:640px){.selectedImage{width:375px}.addImage{margin-bottom:15ps}}
/*# sourceMappingURL=main.565de25c.chunk.css.map */