@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bad+Script&family=Cairo&family=Ms+Madi&family=Nanum+Gothic+Coding&family=Oswald&display=swap);@import url(https://fonts.googleapis.com/css2?family=Changa&family=Gulzar&family=Kufam&family=Noto+Kufi+Arabic&family=Reem+Kufi&family=Tajawal&display=swap);@font-face{font-family:Montserrat;src:local("Montserrat"),url(/static/media/Montserrat-Regular.3cd786652b8a2e9d41f2.ttf) format("truetype")}body{color:#0f0b0c;font-family:Imbue,Noto Kufi Arabic,serif;font-size:26px;font-weight:400;margin:0}.App,body{height:100vh;overflow:hidden}.App{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;outline:none;width:100%}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}*{box-sizing:border-box}@-webkit-keyframes toggleFullScreen{0%{background-color:#fff;border-radius:0;bottom:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:20vh;margin-bottom:25px;margin-right:25px;position:absolute;right:25%;width:15%;z-index:1}to{background-color:#fff;border-radius:0;bottom:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:100vh;position:absolute;right:25%;width:75%;z-index:1}}@keyframes toggleFullScreen{0%{background-color:#fff;border-radius:0;bottom:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:20vh;margin-bottom:25px;margin-right:25px;position:absolute;right:25%;width:15%;z-index:1}to{background-color:#fff;border-radius:0;bottom:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:100vh;position:absolute;right:25%;width:75%;z-index:1}}@-webkit-keyframes toggleMin{0%{background-color:#fff;border-radius:0;bottom:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:100vh;position:absolute;right:25%;width:75%;z-index:1}to{background-color:#fff;border-radius:0;bottom:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:20vh;margin-bottom:25px;margin-right:25px;position:absolute;right:25%;width:15%;z-index:1}}@keyframes toggleMin{0%{background-color:#fff;border-radius:0;bottom:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:100vh;position:absolute;right:25%;width:75%;z-index:1}to{background-color:#fff;border-radius:0;bottom:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:20vh;margin-bottom:25px;margin-right:25px;position:absolute;right:25%;width:15%;z-index:1}}@-webkit-keyframes toggleMinMobile{0%{background-color:#fff;border-radius:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:55vh;position:absolute;right:10px;top:0;width:100%;z-index:1}to{background-color:#fff;border-radius:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:13vh;margin-bottom:10px;margin-right:10px;position:absolute;right:0;top:40.5vh;width:40%;z-index:1}}@keyframes toggleMinMobile{0%{background-color:#fff;border-radius:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:55vh;position:absolute;right:10px;top:0;width:100%;z-index:1}to{background-color:#fff;border-radius:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:13vh;margin-bottom:10px;margin-right:10px;position:absolute;right:0;top:40.5vh;width:40%;z-index:1}}@-webkit-keyframes fullScreenImgMin{0%{margin-left:2px;margin-top:2px}to{margin-left:8px;margin-top:8px}}@keyframes fullScreenImgMin{0%{margin-left:2px;margin-top:2px}to{margin-left:8px;margin-top:8px}}.min{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:toggleMinScene;animation-name:toggleMinScene}.sceneDivFull,.sceneDivFullInitial{background-color:#fff;border-radius:0;bottom:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:100vh;position:absolute;right:25%;width:75%;z-index:1}.sceneDivFull{-webkit-animation:none;animation:none}.sceneDivFull,.sceneDivMin{-webkit-animation-duration:2s;animation-duration:2s}.sceneDivMin{-webkit-animation-name:toggleMin;animation-name:toggleMin;background-color:#fff;bottom:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:20vh;margin-bottom:25px;margin-right:25px;position:absolute;right:25%;width:15%;z-index:1}.FullScreenToggle{background-color:initial;border:transparent;cursor:pointer;height:2em;padding:0;position:absolute;width:2em}.fullScreenImg{height:20px;margin-left:2px;margin-top:2px;width:20px}.fullScreenImgMin{height:20px;margin-left:8px;margin-top:8px;width:20px}.AnnotationDiv{-webkit-animation:fadeIn 3s;animation:fadeIn 3s}.AnnotationDiv,.AnnotationDivFadeOut{border-radius:20px;color:#0f0b0c;font-family:Montserrat,Noto Kufi Arabic,sans-serif;font-size:1.5vw;font-weight:400;height:90%;left:10%;opacity:.7;padding:1%;position:absolute;top:5%;width:50%;z-index:1}.AnnotationDivFadeOut{-webkit-animation:fadeOut 2.5s;animation:fadeOut 2.5s}.AnnotationDivContainer{align-items:center;display:flex;justify-content:center;margin-left:auto;margin-right:auto;margin-top:1%;text-align:center;width:50%}.AnnotationDivBox{left:16%}.AnnotationDivBox,.AnnotationDivSticker{font-size:.8vw;padding-left:4%;padding-right:4%;position:absolute;text-align:center;top:75%;width:32%}.AnnotationDivSticker{left:55%}.LoadingOnChange{height:200px;left:calc(37.5vw - 100px);position:absolute;top:calc(50vh - 100px);width:200px}.LoadingOnChangeContainer{background-color:#fff;height:100%;opacity:1;position:absolute;width:75%}.LoadingOnChange img{width:100%}.cube{-webkit-animation:cube 2s ease infinite;animation:cube 2s ease infinite;height:40px;left:calc(50% - 20px);top:calc(50% - 20px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:40px}.cube,.cube div{position:absolute}.cube div{background-color:#189be7;border:2px solid rgba(18,77,113,.9);height:100%;width:100%}.cube div:first-of-type{-webkit-transform:translateZ(-20px) rotateY(180deg);transform:translateZ(-20px) rotateY(180deg)}.cube div:nth-of-type(2){-webkit-transform:rotateY(-270deg) translateX(50%);transform:rotateY(-270deg) translateX(50%);-webkit-transform-origin:top right;transform-origin:top right}.cube div:nth-of-type(3){-webkit-transform:rotateY(270deg) translateX(-50%);transform:rotateY(270deg) translateX(-50%);-webkit-transform-origin:center left;transform-origin:center left}.cube div:nth-of-type(4){-webkit-transform:rotateX(90deg) translateY(-50%);transform:rotateX(90deg) translateY(-50%);-webkit-transform-origin:top center;transform-origin:top center}.cube div:nth-of-type(5){-webkit-transform:rotateX(-90deg) translateY(50%);transform:rotateX(-90deg) translateY(50%);-webkit-transform-origin:bottom center;transform-origin:bottom center}.cube div:nth-of-type(6){-webkit-transform:translateZ(20px);transform:translateZ(20px)}@-webkit-keyframes cube{0%{-webkit-transform:rotate(45deg) rotateX(-25deg) rotateY(25deg);transform:rotate(45deg) rotateX(-25deg) rotateY(25deg)}50%{-webkit-transform:rotate(45deg) rotateX(-385deg) rotateY(25deg);transform:rotate(45deg) rotateX(-385deg) rotateY(25deg)}to{-webkit-transform:rotate(45deg) rotateX(-385deg) rotateY(385deg);transform:rotate(45deg) rotateX(-385deg) rotateY(385deg)}}@keyframes cube{0%{-webkit-transform:rotate(45deg) rotateX(-25deg) rotateY(25deg);transform:rotate(45deg) rotateX(-25deg) rotateY(25deg)}50%{-webkit-transform:rotate(45deg) rotateX(-385deg) rotateY(25deg);transform:rotate(45deg) rotateX(-385deg) rotateY(25deg)}to{-webkit-transform:rotate(45deg) rotateX(-385deg) rotateY(385deg);transform:rotate(45deg) rotateX(-385deg) rotateY(385deg)}}#smallboxmargin{left:12%}@media only screen and (max-width:750px){#smallboxmargin{left:0}.min{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:toggleMinScene;animation-name:toggleMinScene;height:13vh!important}.sceneDivMin{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:toggleMinMobile;animation-name:toggleMinMobile;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:13vh;margin-bottom:10px;margin-right:10px;top:40.5vh;width:40%}.sceneDivFullInitial,.sceneDivMin{background-color:#fff;position:absolute;right:0;z-index:1}.sceneDivFullInitial{bottom:50vh}.sceneDivFull,.sceneDivFullInitial{border-radius:0;box-shadow:none;height:55vh;top:0;width:100%}.sceneDivFull{-webkit-animation:none;animation:none;-webkit-animation-duration:2s;animation-duration:2s;background-color:#fff;position:absolute;right:0;z-index:1}.AnnotationDiv{-webkit-animation:fadeIn 3s;animation:fadeIn 3s;border-radius:20px;color:#0f0b0c;font-family:Montserrat,Noto Kufi Arabic,sans-serif;font-size:3.2vw;font-weight:400;height:50vh;left:0;opacity:.7;padding:1%;position:absolute;top:4%;width:100%;z-index:1}.AnnotationDivSticker{left:55%}.AnnotationDivBox,.AnnotationDivSticker{font-size:2.5vw;position:absolute;top:68%;width:40%}.AnnotationDivBox{left:22%}.LoadingOnChangeContainer{background-color:#fff;height:55vh;opacity:1;position:absolute;width:100%}.LoadingOnChange{height:150px;left:calc(50vw - 75px);position:absolute;top:calc(27.5vh - 75px);width:150px}}.App{margin:0;padding:0}.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)}}.Pcontainer{align-items:center;justify-content:center;text-align:center;width:100%}.PatternsDiv,.Pcontainer{display:flex;flex-wrap:nowrap}.PatternsDiv{height:100%;overflow-x:hidden;padding:2% 0;width:80%}.PatternBtn{background-color:#b7b7b7;border:1px solid rgba(15,11,12,.33);cursor:pointer;display:block;height:4.6vw;margin-left:2%;margin-right:2%;min-height:4.6vw;min-width:4.6vw;padding:3px;width:4.6vw}.PatternBtn img{margin-left:auto;margin-right:auto;width:100%}#EditedOp{opacity:.5}.ArrowBTNcontainer{align-items:center;display:flex;display:none;height:26px;height:1.5vw;justify-content:center;margin-left:.2vw;margin-right:.2vw;text-align:center;width:26px;width:1.5vw}.PatternsDIV:hover .ArrowBTNcontainer,.TextDIV:hover .ArrowBTNcontainer{display:block;opacity:.5}.ArrowBTNcontainer:hover{opacity:1!important}.ArrowBTNcontainer button{width:100%}.arrow{background-color:#fff;border:none;border-radius:100%;cursor:pointer;height:26px;height:100%;margin:0;outline:none;padding:0;position:relative;width:26px}.arrow,.arrow img{width:90%}@media only screen and (max-width:750px){.PatternBtn{background-color:initial;border:1px solid #000;cursor:pointer;display:block;margin-left:2%;margin-right:2%;min-height:4.6vw;min-width:18vw}.ArrowBTNcontainer{display:block!important;display:none;height:2vw;margin-left:auto;margin-right:auto;margin-top:-3vh;width:10%}.PatternsDiv{display:flex;flex-wrap:nowrap;height:100%;overflow-x:hidden;padding:2% 0;width:80%}}.FontsDiv{display:flex;flex-wrap:nowrap;height:100%;overflow-x:hidden;overflow-y:hidden;padding:2% 0;width:80%}.FontBtn{background-color:initial;border:1px solid rgba(15,11,12,.33);cursor:pointer;display:block;font-size:1.7vw;margin-left:2%;margin-right:2%;max-height:8.5vh;max-width:4.6vw;min-height:8.5vh;min-width:4.6vw;padding:0}.FontBtn img{margin-left:auto;margin-right:auto;width:70%}@media only screen and (max-width:750px){.FontBtn{background-color:initial;border:1px solid #000;cursor:pointer;display:block;font-size:6vw;margin-left:2%;margin-right:2%;max-height:8.5vh;max-width:18vw;min-height:8.5vh;min-width:18vw;padding:0}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:#000;border-radius:20px;visibility:hidden}::-webkit-scrollbar-track{display:none!important}:root{--Text-light:#000;--Text-dark:#d3d3d3;--Background-light:#fff;--Background-dark:radial-gradient(circle,#131313 0%,#000 22%,#131313 35%,#050505 76%,#0b0b0b 78%,#4b4b4b 88%,#060606 100%,#0d0d0d 0,#b6b6b6 0,#ebebeb 0);--BorderColor-dark:#fff;--BorderColor-light:hsla(0,0%,50%,.5);--BorderBtnBottom-light:#000;--BorderBtnBottom-dark:#fff;scroll-behavior:smooth;scroll-padding-top:2rem}@media (prefers-color-scheme:dark){:root{--Background:var(--Background-dark);--BorderColor:var(--BorderColor-dark);--Text:var(--Text-dark);--BorderBtnBottom:var(--BorderBtnBottom-dark)}}@media (prefers-color-scheme:light){:root{--Background:var(--Background-light);--BorderColor:var(--BorderColor-light);--Text:var(--Text-light);--BorderBtnBottom:var(--BorderBtnBottom-light)}}[color-scheme=dark]{--Background:var(--Background-dark);--Text:var(--Text-dark);--BorderColor:var(--BorderColor-dark);--BorderBtnBottom:var(--BorderBtnBottom-dark)}[color-scheme=light]{--Background:var(--Background-light);--Text:var(--Text-light);--BorderColor:var(--BorderColor-light);--BorderBtnBottom:var(--BorderBtnBottom-light)}.Screen{clear:both;width:75%}.Screen,.Tools{background:transparent;float:left;margin:0;max-height:100vh;min-height:100vh;padding:0}.Tools{color:#000;width:25%}.CMYKContainer{align-items:left;display:flex;flex-wrap:nowrap;justify-content:left;margin-left:3%;margin-right:auto;margin-top:.5%;padding:1%;text-align:left;width:90%}.CMYKContainer input{align-items:center;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #dadada;color:#333;display:flex;font-size:11px;height:21px;justify-content:center;margin-left:.8%;margin-right:.8%;text-align:center;width:22%}.CMYKContainer input:focus{border:.2px solid #000;outline:none}.CMYKContainer button{background-color:initial;border:.5px solid #000;cursor:pointer;outline:none}.CMYKContainer span{align-items:center;color:#969696;display:flex;font-family:Menlo;font-size:11px;justify-content:center;margin-left:.8%;margin-right:.8%;text-align:center;width:22%}.ToolsContainer{border:1px solid rgba(15,11,12,.07);display:block;height:100vh;margin-left:none;margin-right:none;position:relative;width:100%}.TitleContainer{color:#0f0b0c;flex-wrap:wrap;font-size:2vw;font-weight:400;height:10vh;justify-content:left;padding-bottom:3%;padding-left:5%;padding-top:3%}.TabsContainer,.TitleContainer{align-items:center;border-bottom:1px solid rgba(15,11,12,.07);display:flex;text-align:center;width:100%}.TabsContainer{height:6vh;justify-content:center}.SectionTitleContainer{align-items:left;border-bottom:1px solid rgba(15,11,12,.07);height:8vh;width:100%}.SectionTitleContainer,.SectionTitleContainer label{cursor:pointer;display:flex;justify-content:left;text-align:left}.SectionTitleContainer label{align-items:center;color:#000;font-family:Montserrat,Noto Kufi Arabic,sans-serif;font-size:1.1vw;margin-left:5%;white-space:nowrap;width:80%}.SectionTitleContainer button{align-items:center;background-color:initial;border:none;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;outline:none;padding:3%;text-align:center;width:20%}.SectionTitleContainer button img{margin-left:auto;margin-right:auto;opacity:.7;width:40%}.RealismContainer{border-radius:4px;box-shadow:0 0 15px rgba(15,11,12,.1);display:none;font-family:Montserrat,Noto Kufi Arabic,sans-serif;font-size:.7vw;line-height:1vw;opacity:.7;position:absolute;right:-13vw;text-align:center;top:7px;white-space:wrap;width:135%}.togglyt:hover .RealismContainer{display:flex}.SectionContentContainer{align-items:center;border-bottom:1px solid rgba(15,11,12,.07);display:flex;flex-wrap:nowrap;height:auto;justify-content:center;min-height:20vh!important;padding:5% 1%;text-align:center;width:100%}.SectionContentContainer.ColorPickerDIV{height:auto}.SectionContentContainer.PatternsDIV,.SectionContentContainer.TextDIV{flex-wrap:wrap;height:auto}.SectionContentContainer.LogoSec{min-height:15vh!important}.IAContainer{align-items:center;display:flex;justify-content:left;text-align:left;width:90%}.TextInputPatchi{border:1px solid rgba(15,11,12,.33);border-radius:0!important;border-right:none;height:6vh;margin-top:0;outline:none;width:80%}input[type=text]:focus{border:none;border-radius:0!important;box-sizing:border-box;outline:.5px solid rgba(15,11,12,.33)}.textSEC{padding-bottom:3vh}input[type=text i]{margin:0;padding:10px}.UploadDIVbtn{display:flex;flex-wrap:wrap;margin-left:auto;margin-right:auto;width:50%}.InUpbtnContainer,.UploadDIVbtn{align-items:left;justify-content:left;text-align:left}.InUpbtnContainer{display:inline-block;display:flex;width:100%}.UploadDIVbtn span{align-items:left;color:#000;display:flex;font-family:Montserrat,Noto Kufi Arabic,sans-serif;font-size:.6vw;justify-content:left;margin-top:8%;opacity:.7;text-align:left;white-space:wrap;width:60%}.UploadDIVbtn.lefty{margin-left:10%;width:40%}.UploadDIVbtn.lefty span{width:80%}.PatchiWebbtn{background-color:#fff;border:1px solid #000;color:#000;cursor:pointer;font-size:12px;font-weight:600;padding:15px;text-transform:uppercase;transition:all .3s;width:110px}.PatchiWebbtn.LogoBTN{padding:12px;width:100px}.AddTextBTN{background-color:#fff;border:none;border:1px solid rgba(15,11,12,.33);color:#000;cursor:pointer;font-size:12px;font-weight:600;height:6vh;text-transform:uppercase;transition:all .3s;width:110px}.AddTextBTN:hover{background-color:#000;border:1px solid #000;color:#fff}.down{width:150px}.PatchiWebbtn:hover{background-color:#000;border:1px solid #000;color:#fff}.UploadImageDIV{border:1px solid rgba(15,11,12,.33);height:110px;margin-bottom:auto;margin-left:5%;margin-top:auto;width:110px}#output2{margin-left:11.5%}.imgofcanvas{height:100px;margin-top:auto;width:100px}.UploadFormImage{align-items:center;background-color:#fff;display:flex;justify-content:center;margin-left:10%;text-align:center;width:50%}.UploadFormFile{background-color:initial!important;float:right;width:100%}.Psec{padding:2%}.Psec,.Psec2{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.Psec2{padding:5% 2% 1%}.ToolsTabsButtons{align-items:center;background-color:initial;border:none;box-sizing:border-box;color:#000;cursor:pointer;display:flex;font-family:Montserrat,Noto Kufi Arabic,sans-serif;font-size:1.1vw;font-weight:400;height:80%;justify-content:center;margin-left:auto;margin-right:auto;outline:none;padding:0;position:relative;text-align:center;width:50%}.ToolsTabsButtons:hover{border-bottom:none}.ToolsTabsButtons span{align-items:center;display:flex;height:90%;justify-content:center;text-align:center}.ToolsTabsButtons:hover span{border-bottom:.5px solid #000!important}.ToolsContentContainer{height:70vh;overflow:auto;width:100%}.ToolsContentContainer:focus::-webkit-scrollbar-thumb,.ToolsContentContainer:hover::-webkit-scrollbar-thumb{visibility:visible}.ToolsMSGContainer{align-items:left;display:flex;font-family:Montserrat,Noto Kufi Arabic,sans-serif;font-size:.7vw;height:auto;justify-content:left;margin:1.5% auto 0;opacity:.7;text-align:left;white-space:nowrap;width:100%}.FooterSectionContainer{bottom:0;height:20vh;position:absolute;width:100%}.FooterP1{align-items:left;bottom:8vh;display:flex;flex-wrap:nowrap;height:auto;justify-content:left;margin-bottom:1.8%;position:absolute;text-align:left;width:100%}.PatchiDown{background-color:initial;border:none;cursor:pointer;outline:none;width:30%}.PatchiDown span{display:none}.PatchiDown img{width:90%}.DownloadDIV{align-items:stretch;display:flex;justify-content:right;padding-right:5%;text-align:right;width:40%}.DownloadDIV span{border-radius:4px;box-shadow:0 0 15px rgba(15,11,12,.1);display:none;font-family:Montserrat,Noto Kufi Arabic,sans-serif;font-size:.7vw;opacity:.7;position:absolute;right:.9vw;top:-20px;white-space:nowrap}.DownloadDIV:hover span{display:block}.CheckBoxDIV{align-items:center;display:flex;justify-content:left;margin:.5% auto 1%;padding:2%;text-align:left;width:60%}.FooterP2{background-color:initial;bottom:0;height:8vh;position:absolute;width:100%}.FooterP2 button{align-items:center;background-color:#000;border:1px solid #000;color:#fff;cursor:pointer;display:flex;font-family:Montserrat,Noto Kufi Arabic,sans-serif;font-size:12px;font-weight:600;height:100%;justify-content:center;outline:none;text-align:center;text-transform:capitalize;text-transform:uppercase;transition:all .3s;width:100%}.FooterP2 button:hover{background-color:#fff;border:1px solid #000;color:#000;outline:none}input[type=file]::-webkit-file-upload-button{background-color:#000;border:none;border-radius:0;color:#fff;cursor:pointer;height:100%;padding:2%;width:50%}input[type=file]::file-selector-button{background-color:#000;border:none;border-radius:0;color:#fff;cursor:pointer;height:100%;padding:2%;width:50%}.Policy{color:#000;font-family:Montserrat,Noto Kufi Arabic,sans-serif;font-size:.7vw;margin-left:10px;opacity:.7}.FontsDIVMain{align-items:center;display:flex;height:auto;justify-content:center;margin-bottom:2.5vh;margin-top:2.5vh;text-align:center;width:100%}.ChromePickerContainer{margin-bottom:2.5vh;margin-left:auto;margin-right:auto;position:relative;width:100%}.CustomPicker{box-shadow:none!important;width:100%!important}.MSGBDIV{justify-content:left;margin-left:auto;margin-right:auto;width:96%}.MSGBDIV,.MSGButtun{align-items:center;display:flex;text-align:center}.MSGButtun{background-color:initial;border:none;box-sizing:border-box;cursor:pointer;font-family:Montserrat,Noto Kufi Arabic,sans-serif;justify-content:center;margin:2% 2% 2% 1%;padding:1%;white-space:nowrap;width:auto}.MSGButtun:hover{background-color:#000;color:#fff}.MSGButtuninfo{border:none;border-radius:50%;cursor:pointer;height:14px;margin:2%;outline:none;padding:0;width:14px}.MSGButtuninfo img{height:14px;opacity:.8;width:14px}.textPicker{margin-left:auto;margin-right:auto;width:70%!important}.TextInfoONhover{background-color:#fff;box-shadow:0 0 15px rgba(15,11,12,.25);color:rgba(0,0,0,.7);display:none;font-family:Montserrat,Noto Kufi Arabic,sans-serif;font-size:.6vw;margin-left:-8vw;margin-top:-9vh;padding:1.6%;position:absolute;width:16vw}.MSGButtuninfo:hover .TextInfoONhover{display:block}input[type=checkbox]{accent-color:#000;background-color:#000;cursor:pointer}.ChocolateContainer{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:20%;padding:2%;position:relative;text-align:center;width:100%}.ChocolateContainer label{color:#000;font-size:1.4vw;width:100%}.qsnContainer{margin-top:2.5vh;width:100%}.CheckBoxContainerPattern{align-items:left;display:flex;flex-wrap:nowrap;justify-content:left;margin:0;padding:.5%;text-align:left;width:75%}.CheckBoxContainerPattern span{align-items:center;color:#000;display:flex;font-family:Montserrat,Noto Kufi Arabic,sans-serif;font-size:.74vw;justify-content:center;margin-left:3%;opacity:.8;text-align:center}.PatchiWebbtn.qsn{margin-left:5%;margin-right:5%;width:30%}.switchToggle{display:inline-block;height:25px;position:relative;width:50px}.switchToggle input{height:0;opacity:0;width:0}.switchToggleRealism{display:inline-block;height:25px;position:relative;width:50px}.switchToggleRealism input{height:0;opacity:0;width:0}.sliderToggle{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.sliderToggle:before{background-color:#fff;content:"";height:20px;left:7%;position:absolute;transition:.4s;width:20px}.sliderToggleInput:checked+.sliderToggle{background-color:#4dc771}.sliderToggleInput:focus+.sliderToggle{box-shadow:0 0 1px #4dc771}.sliderToggleInput:checked+.sliderToggle:before{-webkit-transform:translateX(93%);transform:translateX(93%)}.sliderToggle.round{border-radius:34px}.sliderToggle.round:before{border-radius:50%}.sliderToggleRealism{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.sliderToggleRealism:before{background-color:#fff;content:"";height:20px;left:7%;position:absolute;transition:.4s;width:20px}.sliderToggleRealismInput:checked+.sliderToggleRealism{background-color:#4dc771}.sliderToggleRealismInput:focus+.sliderToggleRealism{box-shadow:0 0 1px #4dc771}.sliderToggleRealismInput:checked+.sliderToggleRealism:before{-webkit-transform:translateX(93%);transform:translateX(93%)}.sliderToggleRealism.round{border-radius:34px}.sliderToggleRealism.round:before{border-radius:50%}.togglyt{bottom:13vh;padding:2%;position:absolute;width:40%}.togglyt,.togglyt span{align-items:center;display:flex}.togglyt span{color:#000;font-family:Montserrat,Noto Kufi Arabic,sans-serif;font-size:.74vw;justify-content:center;margin-left:6%;opacity:.8;text-align:center}@-webkit-keyframes footerFadeIn{0%{opacity:.3}to{opacity:1}}@keyframes footerFadeIn{0%{opacity:.3}to{opacity:1}}@media only screen and (max-width:750px){.UploadDIVbtn{margin-left:10%}.UploadDIVbtn span{font-size:2.5vw}.Screen{clear:none;max-height:55vh;min-height:55vh;padding:0}.Screen,.Tools{background:transparent;float:none;margin:0;width:100%}.Tools{box-sizing:border-box;color:#000;max-height:45vh;min-height:45vh;padding:1% 0}.ToolsContainer{background-color:#fff;border:1px solid rgba(15,11,12,.07);display:block;height:43vh;margin-left:auto;margin-right:auto;position:relative;width:96%;z-index:9}.TitleContainer{align-items:flex-start;color:#0f0b0c;font-size:4vw;font-weight:400;height:6vh;justify-content:left;padding-bottom:1%;padding-left:5%;padding-top:1%}.TabsContainer,.TitleContainer{border-bottom:1px solid rgba(15,11,12,.07);display:flex;text-align:center;width:100%}.TabsContainer{align-items:center;height:4vh;justify-content:center}.ToolsTabsButtons{font-size:3vw}.SectionTitleContainer{height:5vh}.SectionTitleContainer label{font-size:3vw}.SectionTitleContainer button{width:30%}.SectionTitleContainer button img{width:18%}.SectionContentContainer.LogoSec{height:18vh!important}.ToolsContentContainer{height:22.5vh;overflow-y:auto;width:100%}.FooterSectionContainer{bottom:0;height:auto;position:absolute;width:100%}.FooterP2{background-color:initial;bottom:0;height:5vh;position:relative;width:100%}.PatchiWebbtn{background-color:#fff;border:1px solid #000;color:#000;cursor:pointer;font-size:10px;font-weight:600;padding:12px;text-transform:uppercase;transition:all .3s;width:100px}.down{width:120px}.FooterP1{flex-wrap:nowrap;margin-bottom:.5%;padding:1%}.Policy{font-size:3vw;white-space:nowrap}.ChromePickerContainer{margin-bottom:2.5vh;margin-left:auto;margin-right:auto;position:relative;width:80%}.ATcontainer{display:flex;flex-direction:row;margin-right:10%;margin-top:-45%;width:30%}.SectionContentContainer.PatternsDIV{min-height:10vh!important}.ToolsMSGContainer{align-items:left;display:flex;font-family:Montserrat,Noto Kufi Arabic,sans-serif;font-size:2vw;height:auto;justify-content:left;margin:.5% auto 0;opacity:.7;text-align:left;white-space:nowrap;width:100%}.AddTextBTN{background-color:#fff;border:none;border:1px solid rgba(15,11,12,.33);color:#000;cursor:pointer;font-size:12px;font-weight:600;height:6vh;padding:5px;text-transform:uppercase;transition:all .3s;width:110px}}.canvasdiv2FrontBack,.canvasdiv2LeftRight,.canvasdiv2Top{position:absolute}.sidesContainer{align-items:center;display:flex;height:80%;justify-content:center;text-align:center;width:100%}.canvasdiv2Chocolate{position:absolute}.canvasdiv{align-items:center;-webkit-animation:anim1 .5s;animation:anim1 .5s;background-color:initial;background-position:50%;background-repeat:space;background-repeat:repeat;background-size:auto;display:inline-block;height:100vh;justify-content:center;outline:none;padding:10px!important;touch-action:none;width:100%!important}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.ScreenshotContainerInitial{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:none;animation-name:none;-webkit-animation:fadeIn 6s;animation:fadeIn 6s}.ScreenshotContainer,.ScreenshotContainerInitial{background-color:#fff;bottom:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:20vh;margin-bottom:25px;margin-right:25px;position:absolute;right:25%;width:15%;z-index:1}.ScreenshotContainer{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:none;animation-name:none}.ScreenshotContainer img,.ScreenshotContainerInitial img{margin-left:auto;margin-right:auto;width:auto}.CanvasFakeContent{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.CanvasFakeContent img{margin-top:10%;opacity:1;position:absolute;width:40%}.CanvasFakeContent span{font-size:1.4vw;position:absolute;text-transform:uppercase;top:5%;z-index:9}.CurrentSideContainer{align-items:center;display:flex;justify-content:center;margin-left:auto;margin-right:auto;margin-top:3%;text-align:center;text-transform:uppercase;width:50%}#canvas2d_diecut{border:2px dotted grey!important;position:absolute}#canvas2d_back,#canvas2d_bottom,#canvas2d_chocolate,#canvas2d_front,#canvas2d_left,#canvas2d_right,#canvas2d_top{border:1px solid #000!important;position:static!important}.SlideLeftContainer{height:auto;left:5%;opacity:.7;position:absolute;top:40%;width:10%}.SlideLeftContainer button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;height:10%!important;justify-content:center;margin:0;outline:none;padding:0;text-align:center;width:100%}.SlideLeftContainer span{font-size:1vw;margin-bottom:20%;position:absolute;white-space:nowrap;width:100%}.SlideLeftContainer button img{margin-top:50%;width:30%}.SlideRightContainer{height:auto;left:60%;opacity:.7;position:absolute;top:40%;width:10%}.SlideRightContainer button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;justify-content:center;margin:0;outline:none;padding:0;text-align:center;width:100%}.SlideRightContainer span{font-size:1vw;margin-bottom:20%;position:absolute;white-space:nowrap;width:100%}.SlideRightContainer button img{margin-top:50%;width:30%}@media only screen and (max-width:750px){.SlideLeftContainer,.SlideRightContainer{display:none}.CanvasFakeContent span{font-size:4vw}.ScreenshotContainer{-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-name:none;animation-name:none;background-color:#fff;bottom:auto;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:13vh;margin-bottom:auto;margin-right:10px;position:absolute;right:0;top:40.5vh;width:40%;z-index:1}.ScreenshotContainer img{margin-left:auto;margin-right:auto}.sidesContainer{align-items:center;display:flex;height:40%;justify-content:center;text-align:center;width:100%}}.PopUpModal{background-color:rgba(0,0,0,.4);bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:999}.PopUpContainer,.PopUpModal{align-items:center;box-sizing:border-box;display:flex;justify-content:center;text-align:center}.PopUpContainer{-webkit-animation:scale-up-center .5s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .5s cubic-bezier(.39,.575,.565,1) both;background-color:#fff;border:1px solid grey;box-shadow:0 0 15px rgba(15,11,12,.15);flex-wrap:wrap;height:25%;margin-left:-25%;margin-top:-8%;padding:1.2%;width:30%}.MsgPOP{align-items:center;color:#0f0b0c;display:flex;flex-wrap:wrap;font-family:Montserrat,Noto Kufi Arabic,sans-serif;font-size:1.1vw;font-weight:400;height:auto;justify-content:center;line-height:4vh;text-align:center;width:100%}.DynamicMSG{font-size:.9vw;width:100%}.btnPOP{display:flex;height:25%;justify-content:space-around;width:100%}.PopUpbtn{background-color:#fff;border:1px solid #000;color:#000;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase;transition:all .3s;width:36%}.PopUpbtn:hover{background-color:#000;border:1px solid #000;color:#fff}.blackedbtn{background-color:#000!important;color:#fff!important}.blackedbtn:hover{background-color:#fff!important;border:1px solid #000!important;color:#000!important}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (max-width:750px){.PopUpContainer{align-items:center;-webkit-animation:scale-up-center .5s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .5s cubic-bezier(.39,.575,.565,1) both;background-color:#fff;border:1px solid grey;box-shadow:0 0 15px rgba(15,11,12,.15);box-sizing:border-box;display:flex;flex-wrap:wrap;height:25%;justify-content:center;margin-left:0;margin-top:0;padding:1%;text-align:center;width:90%}.MsgPOP{font-size:4vw}.DynamicMSG{font-size:3vw}}