*{font:Poppins-Regular!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.showNotification{align-items:baseline;background-color:#7d7d8b;border-radius:10px;color:#fff;display:flex!important;flex-direction:column;gap:10px;padding:8px;position:fixed;right:15px;top:15px;width:295px;z-index:1000;button{background:#fff8dc;background-color:#04aa6d;border:1px solid #04aa6d;border-radius:5px;box-sizing:inherit;color:#fff;cursor:pointer;font-size:15px;line-height:1.5}}*{touch-action:pan-x pan-y}:root{--primary-color:#fff;--primary-shade-color:#ccc;--secondary-color:#272727;--highlight-color:#1f86ff;--disable-color:#666}hr{color:#000!important}#defaultToast{background-color:#272727;background-color:var(--secondary-color);border:1px solid #000;color:#fff;color:var(--primary-color);padding:3px;svg{color:#fff;color:var(--primary-color)}}.loader{background-color:none;display:none;height:100dvh;position:absolute;width:100vw;z-index:1000}.loader,.loader-image-container{align-items:center;justify-content:center}.loader-image-container{background-color:#fff;border:1px solid #000;display:flex;flex-direction:column;height:25%;text-align:center;width:50%}.loader-image{height:70%}.transparent-modal{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:none;display:flex;height:100dvh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:1000}.loading{background-color:#000;border-radius:10px;color:#fff;padding:2px 20px}.toast-box{display:flex;flex-direction:column;justify-content:space-around}.toast-buttons{display:flex;gap:10px;justify-content:end;button{background-color:#bbb;border:none;border-radius:5px;box-shadow:-2px 2px 5px #000;color:#000;cursor:pointer;font-size:12px;margin-top:10px;padding:4px 10px;transition:background-color .3s ease}button:hover{background-color:#505050;color:#fff}}.image-upload-button{font-size:11px;padding:10px 0;pointer-events:none;width:100%!important}.image-upload-button::-webkit-file-upload-button:hover{background-color:#000;color:#fff}.image-upload-button::-webkit-file-upload-button{background-color:#272727;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:8px 15px;pointer-events:auto;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.default-btn{background-color:#272727;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;margin-top:10px;padding:8px 15px;transition:background-color .3s ease}.default-btn:hover{background-color:#000;color:#fff}button:disabled,button:disabled:hover{background-color:initial;border:1px solid grey;color:grey;cursor:auto}.main-body{display:flex;flex-direction:column}.collage-body,.expand-collage-body{display:flex;height:90dvh;width:100vw}.toolBox{justify-content:space-evenly;max-width:6vw;padding:2px}.hide-toolBox,.toolBox{align-items:center;display:flex;flex-direction:column;height:100%}.hide-toolBox{gap:10px;padding:10px 0;width:6vw}.toolBox-btn{align-items:center;background:none;border:none;color:#272727;color:var(--secondary-color);cursor:pointer;display:flex;flex-direction:column;font-size:1.5rem;justify-content:center;width:100%}.toolBox-btn-title{font-size:.45rem;font-weight:700}.toolBox-btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.highlited-btn{align-items:center;border:none;border-left:2px solid #1f86ff;border-left:2px solid var(--highlight-color);color:#1f86ff;color:var(--highlight-color);cursor:pointer;display:flex;flex-direction:column;font-size:1.5rem;width:100%}.toolBox button:disabled{border:none;box-shadow:none;color:#acacac;cursor:auto}.selectedToolBox{align-items:start;background-color:#ccc;background-color:var(--primary-shade-color);display:flex;flex-direction:row-reverse;font-weight:700;height:100%;justify-content:flex-start;overflow:hidden;padding:10px 0 10px 10px;width:25vw}.selectedToolBox-upper{height:100%;overflow-y:scroll;padding:0;width:100%}.selectedToolBox input{width:90%}.selectedToolBox .closeButton{background-color:#272727;border:none;border-radius:15px;box-shadow:3px 3px 5px #000;color:#f0f8ff;cursor:pointer;font-size:1.2rem;height:10%;padding:2px;width:100%}.selectedToolBox .closeButton:hover{background-color:#000;color:#fff}.canvas{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:space-around;width:70vw}.inputVal{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding:30px}.frame img{cursor:pointer}.fabric-section{align-items:center;display:flex;flex-grow:2;height:90%;justify-content:center;width:100%}.tools{background-color:#131313;float:left;height:100%;margin:0;text-align:center;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}#fabric{border:2px solid #272727;border:2px solid var(--secondary-color)}.modal{background-color:#fff;height:100dvh;left:0;position:absolute;top:0;z-index:999}.configModal,.modal{display:flex;flex-direction:column;width:100vw}.configModal{align-items:center;align-self:center;height:90dvh;padding:20px}.frames{border:none;display:flex;justify-content:space-evenly;overflow-x:scroll;width:80%}.choose-frame-icon{align-self:center;height:20px;position:relative;top:10px}.frame{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:80%}::-webkit-scrollbar{height:2px;width:2px}::-webkit-scrollbar-thumb{background:#444;border-radius:10px;height:2px;width:2px}::-webkit-scrollbar-track{background-color:initial}.cross-icon-left{align-self:center;cursor:pointer;font-size:20px;height:20%}.cross-icon-down{display:none}@media (max-width:1024px) and (orientation:portrait){.loader-image-container{font-size:.9rem;height:15%;width:85%}.loader-image{height:50%}.toolBox{flex-direction:row;gap:15px;height:10dvh;justify-content:normal;max-width:100vw;overflow-x:scroll}.hide-toolBox{display:none;height:0;width:0}.toolBox-btn{font-size:1.2rem;height:35px}.toolBox-btn-icon{width:40px}.toolBox-btn-title{white-space:nowrap}.highlited-btn{border-left:0;height:35px;padding:0 5px}.collage-body{height:92dvh}.collage-body,.expand-collage-body{display:flex;flex-direction:column-reverse;width:100vw}.expand-collage-body{height:100dvh}.selectedToolBox{align-items:center;display:flex;flex-direction:column;flex-grow:1;flex-shrink:2;max-height:30dvh;min-height:10dvh;width:100%}.cross-icon-left{display:none;font-size:30px}.cross-icon-down{align-self:center;cursor:pointer;display:inline;display:initial;font-size:20px;width:20%}.selectedToolBox-upper{font-size:.7rem;padding-right:20px;width:100%}.selectedToolBox-upper::-webkit-scrollbar{height:8px;width:8px}.selectedToolBox-upper::-webkit-scrollbar-thumb{background:#444;border-radius:5px;height:2px;margin-top:10px;width:10px}.selectedToolBox-upper::-webkit-scrollbar-track{background-color:grey;border:.5px solid grey;border-radius:5px}.close-icon{background-color:#3c3b4f;border:1px solid #000;border-radius:0 0 20px 20px;border-top-color:#3c3b4f;bottom:21dvh;font-size:20px;position:absolute;right:37vw;width:25vw;z-index:1}.selectedToolBox .closeButton{position:absolute;right:5px;top:5px}.canvas{width:100%}.configModal{font-size:.7rem;overflow-y:scroll}.frames{align-items:center;height:100%;justify-content:center}.frame,.frames{flex-direction:column}.frame{justify-content:space-around;max-height:30%;img{flex-grow:1}}.inputVal{flex-direction:column}.inputVal input{width:100%}}@media (max-width:768px) and (orientation:landscape){.configModal{font-size:.7rem;overflow-y:scroll}.toolBox{max-width:15vw;overflow-y:scroll}.toolBox-btn{font-size:.8rem}.expand-collage-body{display:flex;height:90dvh;width:100vw}.selectedToolBox{width:25vw}.selectedToolBox-upper{font-size:12px;height:85%;overflow-y:scroll;padding:0;width:100%}.toolbar{padding:0 10px;top:10dvh;width:50vw}.canvas{width:60%}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}}.Toastify__toast{--y:0;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;touch-action:none;z-index:0}.Toastify__toast--stacked{position:absolute;-webkit-transform:translate3d(0,var(--y),0) scale(var(--s));transform:translate3d(0,var(--y),0) scale(var(--s));transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{-webkit-transform-origin:top;transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{-webkit-transform-origin:bottom;transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;-webkit-transform:scaleY(3);transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.Toastify--animate-icon{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:hsla(0,0%,100%,.7);background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@-webkit-keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}.Toastify__progress-bar{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:100%;left:0;opacity:.7;position:absolute;-webkit-transform-origin:left;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{-webkit-animation:Toastify__trackProgress linear 1 forwards;animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);left:auto;right:0;-webkit-transform-origin:right;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{-webkit-animation:Toastify__spin .65s linear infinite;animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@-webkit-keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,var(--y),0);transform:translate3d(-20px,var(--y),0)}to{opacity:0;-webkit-transform:translate3d(2000px,var(--y),0);transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,var(--y),0);transform:translate3d(-20px,var(--y),0)}to{opacity:0;-webkit-transform:translate3d(2000px,var(--y),0);transform:translate3d(2000px,var(--y),0)}}@-webkit-keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,var(--y),0);transform:translate3d(20px,var(--y),0)}to{opacity:0;-webkit-transform:translate3d(-2000px,var(--y),0);transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,var(--y),0);transform:translate3d(20px,var(--y),0)}to{opacity:0;-webkit-transform:translate3d(-2000px,var(--y),0);transform:translate3d(-2000px,var(--y),0)}}@-webkit-keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,calc(var(--y) - 10px),0);transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,calc(var(--y) + 20px),0);transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,calc(var(--y) - 10px),0);transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,calc(var(--y) + 20px),0);transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,calc(var(--y) - 10px),0);transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,calc(var(--y) + 20px),0);transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,calc(var(--y) - 10px),0);transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,calc(var(--y) + 20px),0);transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{-webkit-animation-name:Toastify__bounceInLeft;animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{-webkit-animation-name:Toastify__bounceInRight;animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{-webkit-animation-name:Toastify__bounceInDown;animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{-webkit-animation-name:Toastify__bounceInUp;animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{-webkit-animation-name:Toastify__bounceOutLeft;animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{-webkit-animation-name:Toastify__bounceOutRight;animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{-webkit-animation-name:Toastify__bounceOutUp;animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{-webkit-animation-name:Toastify__bounceOutDown;animation-name:Toastify__bounceOutDown}@-webkit-keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3);transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3);transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{-webkit-animation-name:Toastify__zoomIn;animation-name:Toastify__zoomIn}.Toastify__zoom-exit{-webkit-animation-name:Toastify__zoomOut;animation-name:Toastify__zoomOut}@-webkit-keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes Toastify__flipOut{0%{-webkit-transform:translate3d(0,var(--y),0) perspective(400px);transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;-webkit-transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}@keyframes Toastify__flipOut{0%{-webkit-transform:translate3d(0,var(--y),0) perspective(400px);transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;-webkit-transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{-webkit-animation-name:Toastify__flipIn;animation-name:Toastify__flipIn}.Toastify__flip-exit{-webkit-animation-name:Toastify__flipOut;animation-name:Toastify__flipOut}@-webkit-keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@-webkit-keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@-webkit-keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@-webkit-keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}}@-webkit-keyframes Toastify__slideOutRight{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(110%,var(--y),0);transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutRight{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(110%,var(--y),0);transform:translate3d(110%,var(--y),0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutLeft{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(-110%,var(--y),0);transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(-110%,var(--y),0);transform:translate3d(-110%,var(--y),0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutDown{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutUp{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{-webkit-transform:translate3d(0,var(--y),0);transform:translate3d(0,var(--y),0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{-webkit-animation-name:Toastify__slideInLeft;animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{-webkit-animation-name:Toastify__slideInRight;animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{-webkit-animation-name:Toastify__slideInDown;animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{-webkit-animation-name:Toastify__slideInUp;animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:Toastify__slideOutLeft;animation-name:Toastify__slideOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:Toastify__slideOutRight;animation-name:Toastify__slideOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:Toastify__slideOutUp;animation-name:Toastify__slideOutUp;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:Toastify__slideOutDown;animation-name:Toastify__slideOutDown;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.upload-modal{display:none}.upload-modal.open{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);height:90dvh;left:0;position:absolute;top:10dvh;width:100vw;z-index:999}.modal-content,.upload-modal.open{align-items:center;display:flex;justify-content:center}.modal-content{flex-direction:column;gap:5px;height:60%;padding:20px;text-align:center;transition:border .3s ease-in-out;width:50%;.default-btn{font-size:large}p{opacity:60%}}.modal-content.dragging{border:2px dashed var(--secondary-color)}.upload-modal-input-button{display:none}.upload-file-image{height:60px;opacity:50%}@media (max-width:1024px) and (orientation:portrait){.modal-content{height:45dvh;width:100vw}.upload-Image{font-size:1rem}}.previewModal{background-color:rgba(0,0,0,.95);height:100dvh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:1000}.previewImage,.previewModal{align-items:center;display:flex;flex-direction:column}.previewImage{max-height:100dvh;max-width:100vw}.preview-Image{height:90dvh;width:auto}.close{align-items:center;align-self:flex-end;background-color:#1e1e1e;border:1px solid #fff;border-radius:50%;color:#ccc;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;left:5px;padding:8px;position:relative;top:25px;z-index:999}.close:focus,.close:hover{color:#fff;cursor:pointer;text-decoration:none}@media (max-width:768px) and (orientation:portrait){.preview-Image{height:auto;width:94vw}}@media only screen and (min-width:768px) and (max-width:1024px){.preview-Image{height:auto;width:auto}}*{box-sizing:border-box;margin:0;padding:0}.header{color:#000}.header,.noHeader{align-items:center;border-bottom:1px solid var(--primary-shade-color);display:flex;height:10dvh;justify-content:space-between;padding:0 20px;width:100vw}.noHeader{z-index:100}img{height:50%}.header-btns{display:flex;gap:5px}.header-btn{background-color:#272727;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:8px 15px;transition:background-color .3s ease}.icon{height:30px}.header-btn:hover{background-color:#000;color:#fff}.header-ul{display:flex;gap:10px;list-style:none}li button{background-color:#c0c0fa;border:none;border-radius:30%;box-shadow:0 1px 2px #000;cursor:pointer;height:30px;padding:5px;text-align:center;transition:all .5s}li button:hover{background-color:#a0a0ff;height:35px}#menuCheckBox,.menuIcon{display:none}@media (max-width:1024px) and (orientation:portrait){.header{height:8dvh;padding:0 8px}.logo-img{height:30px}.header-icon-title,.noHeader{display:none}.header-btns{height:5dvh;justify-content:flex-end;width:35vw}.header-btn{background-color:initial;border:1px solid #969696;border-radius:20%;color:var(--secondary-color);font-size:18px;padding:2px 10px}}@media (max-width:768px) and (orientation:landscape){.menuIcon{font-size:1.3rem}.header-btn{font-size:8px;padding:2px 5px}}.downloadImage{width:100%}.shapes{display:flex;gap:10px;overflow-x:scroll}.shape-image{background-color:#fff;height:50px;width:50px}.filter-box{padding:0 10px 0 0}.upper-filters{display:flex;gap:10px;overflow-x:scroll;width:100%}.upper-filters::-webkit-scrollbar{height:5px;width:2px}.upper-filters::-webkit-scrollbar-track{background-color:gray}.highlighted-filter{color:#f82c92}.lower-filters{display:flex;flex-direction:column;width:100%}.lower-filters input[type=range]{cursor:pointer}.scroll-btns{display:flex;font-size:1.6rem;justify-content:space-between;padding:5px}.left-scroll-btn,.right-scroll-btn{bottom:120px;cursor:pointer;position:relative}.hidden-scroll-btn{visibility:hidden}.effect{align-content:center;align-items:center;display:flex;flex-direction:column;text-align:center}.effect,.effectImage{border-radius:5px;width:80px}.effectImage{cursor:pointer;height:80px}.filter-btns{display:flex;gap:10px;height:10%;padding:10px 0}@media (max-width:1024px) and (orientation:portrait){.left-scroll-btn,.right-scroll-btn{bottom:75px}}.templates{display:flex;flex-wrap:wrap;gap:5px;width:100%}.templates img{box-shadow:0 0 2px var(--secondary-color);cursor:pointer;margin:3px;width:45%}@media (max-width:1024px) and (orientation:portrait){.templates img{width:23%}.templates{flex-wrap:nowrap;overflow-x:scroll;padding-bottom:5px}.templates::-webkit-scrollbar-track{background-color:grey;border:.5px solid grey;border-radius:5px}.templates::-webkit-scrollbar{height:3px}}.text-editor{border-radius:5px;box-shadow:-2px 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;margin-bottom:20px;padding:10px}.fontIcon{align-items:center;display:flex;font-size:1rem;justify-content:space-around;padding:5px;width:100%}.dropdown{border:none;border-radius:5px;padding:8px;width:100%}.input-group{margin-bottom:15px}.input-group label{font-weight:700;margin-bottom:5px}.input-group input[type=number],.input-group input[type=text]{border:none;border-radius:5px;font-size:14px;padding:8px;width:100%}.green-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.green-btn:hover{background-color:#45a049}.select-wrapper{display:inline-block;position:relative}.select-wrapper select{display:none}.select-styled{background-color:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;display:block;padding:5px 10px}.select-styled:hover{background-color:#f2f2f2}.select-styled:hover+.select-options{display:block}.select-options{background-color:#fff;border:1px solid #ccc;border-radius:0 0 5px 5px;border-top:none;display:none;left:0;position:absolute;top:100%;width:100%}.select-options div{cursor:pointer;padding:8px 10px}.select-options div:hover{background-color:#f2f2f2}.text-icon{cursor:pointer}.text-icon-highlighted{color:var(--highlight-color);cursor:pointer}@media (max-width:768px) and (orientation:portrait){.input-group{display:flex;flex-direction:column;gap:5px;.default-btn{align-self:flex-start}label{font-size:larger}}.block{align-items:center;display:flex;justify-content:space-between;width:100%;input{border:none;border-radius:4px;width:60%!important}.dropdown{border:none;border-radius:5px;height:auto;width:60%}}.text-icon:hover{-webkit-transform:none;-webkit-transform:initial;transform:none}}@media only screen and (min-width:769px) and (max-width:1024px) and (orientation:portrait){.block{align-items:center;display:flex;justify-content:space-evenly;width:30%}.text-icon:hover{-webkit-transform:none;-webkit-transform:initial;transform:none}input{border:none;border-radius:4px;max-width:55%}.dropdown{border:none;border-radius:5px;height:20px;width:95%}.input-group{display:flex;flex-wrap:wrap;gap:20px}}.canvasObj{border:2px solid #000;width:100%}.background-img{background-color:#272727;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:8px 15px;transition:background-color .3s ease}.background-img:hover{background-color:#000;color:#fff}.background-img:disabled{background-color:initial;border:1px solid grey;color:grey;cursor:auto}.layer-images{border:1px solid #000;max-height:30px;max-width:30px}.toolbar{color:#444;display:flex;height:6dvh;justify-content:center;width:100%;z-index:1}.toolbar-items{align-items:center;background-color:var(--primary-shade-color);display:flex;font-size:1.5rem;gap:20px;height:100%;justify-content:space-between;max-width:80vw;overflow-x:scroll;padding:5px 10px}.toolbar-icons{cursor:pointer;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.toolbar-icons:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.crop{position:absolute;z-index:10000}@media (max-width:1024px) and (orientation:portrait){.toolbar{border:none;overflow-x:scroll;width:100vw}.toolbar-items{max-width:100vw}.toolbar-icons:hover{-webkit-transform:none;-webkit-transform:initial;transform:none}.toolbar-icons{cursor:pointer;font-size:1.2rem;min-width:20px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}}@media (max-width:768px) and (orientation:landscape){.toolbar{font-size:.9rem}}.crop-page{background-color:transparent;height:100dvh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:100}.crop-page,.cropModal{align-items:center;display:flex;flex-direction:column}.cropModal{background-color:rgba(0,0,0,.9);height:70dvh;max-height:500px;max-width:600px;width:90vw}.crop-btn{box-shadow:0 0 2px #fff;margin-top:0}.crop-btn:hover{border:1px solid #fff}.crop-buttons{background-color:#000;max-width:600px;width:90vw;z-index:1}.crop-buttons,.rotate-image{align-items:center;display:flex;justify-content:space-around}.rotate-image{color:#fff;flex-direction:column;font-size:.8rem;height:100%}#rotationRange{cursor:pointer}@media (max-width:768px) and (orientation:portrait){.cropModal{height:50dvh;width:90vw}}
/*!
 * Cropper.js v1.6.1
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2023-09-17T03:44:17.565Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.toast-container{background-color:var(--secondary-color);border-radius:5px;color:var(--primary-color);display:flex;flex-direction:column;padding:5px;position:absolute;width:300px;z-index:1000}.toast-close{display:flex;height:0;justify-content:flex-end;width:100%;svg{bottom:5px;cursor:pointer;font-size:1.2rem;left:5px;position:relative}}.toast-content{display:flex;justify-content:space-between;width:100%}.toast-icon{align-self:center;width:10%}.toast-message{align-items:center;display:flex;min-width:80%;padding:0 10px}.toast-container.success{background-color:#78ff78;border:1px solid green;color:#000}.toast-container.warn{border:1px solid #f0ad4e}.toast-container.error{border:1px solid #d9534f}.toast-container.info{border:1px solid #5bc0de}.toast-container.top-center{top:10px}.toast-container.bottom-center,.toast-container.top-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.toast-container.bottom-center{bottom:10px}.toast-container.top-left{left:10px;top:10px}.toast-container.top-right{right:10px;top:10px}.toast-container.bottom-left{bottom:10px;left:10px}.toast-container.bottom-right{bottom:10px;right:10px}*{font-family:Poppins-Regular}@font-face{font-family:Poppins-Regular;src:url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf)}.studio-header{align-items:center;display:flex;height:10dvh;padding-left:15px;width:100vw}.studio-section{display:flex;flex-direction:row;gap:5px;height:87dvh;justify-content:center;overflow-y:scroll;width:100vw}.blur-background{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:none;height:100dvh;left:0;position:absolute;top:0;width:100vw;z-index:1}#myModal2{align-items:center;display:none;height:100%;justify-content:center;position:fixed;width:100%;z-index:1000}#myModalContent1{background-color:#fff;border:2px solid #888;color:#000;margin:auto;padding:20px;text-align:center;width:80%}.modal-body1{flex:1 1 auto;padding:1rem;position:relative}.studio-options{font-size:.6rem;justify-content:space-around;min-height:100%;overflow:scroll;padding:5px;width:50%}.studio-options,.title{align-items:center;display:flex;flex-direction:column}.line{border-bottom:3px solid #000;height:0;width:30%}.studio-image{border-radius:5px;cursor:pointer;-webkit-filter:drop-shadow(3px 3px 5px rgba(0,0,0,.4));filter:drop-shadow(3px 3px 5px rgb(0 0 0/.4));flex-grow:1;transition:box-shadow .3s ease,-webkit-transform .2s ease;transition:box-shadow .3s ease,transform .2s ease;transition:box-shadow .3s ease,transform .2s ease,-webkit-transform .2s ease}#progressdiv{display:none}.studio-instruction{display:flex;flex-direction:column;flex-grow:1;font-size:.85rem;justify-content:center;max-height:60%;max-width:550px;min-height:30%;overflow:scroll;padding:5px 20px;ul{display:flex;flex-direction:column;justify-content:space-evenly}}.studio-image-container{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;max-height:60%;overflow-y:scroll;width:90%}.studio-footer{display:flex;font-size:x-small;height:3dvh;justify-content:center;width:100vw}@media (max-width:1024px) and (orientation:portrait){.studio-section{flex-direction:column;justify-content:center;overflow:scroll}.studio-options{align-items:center;flex-direction:row;height:50%;min-height:0;min-height:auto;padding:0;width:95%}.studio-instruction{height:100%;max-height:none;overflow-y:scroll;padding:5px 10px 5px 25px;width:55%}.studio-image-container{display:flex;flex-direction:column;font-size:1.9vw;gap:20px;height:100%;justify-content:center;max-height:none;width:45%}.studio-image{flex-grow:0;height:auto;width:90%}}@media (min-width:769px) and (max-width:1024px) and (orientation:portrait){.studio-instruction{font-size:1.25rem}}@media (max-width:768px) and (orientation:portrait){.studio-instruction{font-size:.669rem}}@media (max-width:1024px) and (orientation:landscape){.studio-header{max-height:15dvh}.studio-section{height:auto;min-height:87dvh;overflow-y:scroll}.studio-image{height:auto;width:70%}}.maintenance-page{align-items:center;display:flex;flex-direction:column;height:100dvh;justify-content:center;width:100vw}@media (max-width:786px){.maintenance-page{font-size:3vw}.maintenance-image{width:90vw}}