@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.AiHeadshot{font-family:Poppins,sans-serif;margin-top:5.2vw;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:calc(100vh - 5.2vw);height:calc(100svh - 5.2vw)}.AiHeadshot .leftContainer{background-color:#deeded;width:40%;height:100%;gap:2vh}.AiHeadshot .rightContainer{background-color:#e8e0e6;width:60%;height:100%}.AiHeadshot .templateModal{position:absolute;top:0;right:0;left:0;bottom:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index:3}.AiHeadshot .showTemplateModal{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:1024px){.AiHeadshot{margin-top:5.2vw;height:calc(100vh - 5.2vw);height:calc(100svh - 5.2vw)}.AiHeadshot .leftContainer{width:100%;height:100%;gap:1.3125vh;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 0 1.5vh}.AiHeadshot .rightContainer{display:none}.AiHeadshot .templatesModal{position:absolute;top:0;right:0;left:0;bottom:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index:3}.AiHeadshot .showTemplateModal{-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:480px){.AiHeadshot{margin-top:13vw;height:calc(100vh - 13vw);height:calc(100svh - 13vw)}.AiHeadshot .leftContainer{width:100%;height:100%;gap:1vh;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 0 2vh}.AiHeadshot .rightContainer{display:none}.AiHeadshot .templatesModal{position:absolute;top:0;right:0;left:0;bottom:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index:3}.AiHeadshot .showTemplateModal{-webkit-transform:translateY(0);transform:translateY(0)}}.DemoTemplates{width:100%;gap:1.8vh}.DemoTemplates .categoryContainerHeadshot{width:60vh;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1vh}.DemoTemplates .categoryContainerHeadshot .categoryBtn,.DemoTemplates .categoryContainerHeadshot .moreCategoryBtn{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) padding-box,-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) border-box;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#ff93df,#7a21bb) border-box;border:.3vh solid transparent;width:25.3vh;padding:.8vh 0;font-size:2vh;border-radius:1vh;font-weight:600;font-family:Poppins,sans-serif}.DemoTemplates .categoryContainerHeadshot .categoryBtn:hover,.DemoTemplates .categoryContainerHeadshot .selectedCategory{background:-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) padding-box,-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) border-box;background:linear-gradient(90deg,#ff93df,#7a21bb) padding-box,linear-gradient(90deg,#ff93df,#7a21bb) border-box;border:.3vh solid transparent;color:#fff}.DemoTemplates .categoryContainerHeadshot .dropDown{width:30.4vh!important;-moz-text-align-last:center;text-align-last:center;cursor:pointer;outline:none;padding:.8vh 0}.DemoTemplates .categoryContainerHeadshot .dropDown .option{text-align:left;background-color:var(--themeColor1);color:#fff}.DemoTemplates .categoryContainerHeadshot .dropDownNotSelected{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) padding-box,-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) border-box;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#ff93df,#7a21bb) border-box;color:var(--themeColor1)}.DemoTemplates .categoryContainerHeadshot .dropDownNotSelected:hover{background:-webkit-gradient(linear,left top,right top,from(#fff),to(#fff)) padding-box,-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) border-box;background:linear-gradient(90deg,#fff,#fff) padding-box,linear-gradient(90deg,#ff93df,#7a21bb) border-box;color:var(--themeColor1)}.DemoTemplates .categoryContainerHeadshot .moreCategoryBtn{width:20.4vh!important;color:var(--themeColor1);gap:1.5vh}.DemoTemplates .categoryContainerHeadshot .moreCategoryBtn .moreIcon{width:2.4vh}.DemoTemplates .templateContainer{width:60vh;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.4vh}.DemoTemplates .templateContainer .templateCard{border:.3vh solid transparent;width:16.4vh;border-radius:1vh;cursor:pointer;position:relative}.DemoTemplates .templateContainer .templateCard .img{border-radius:1vh}.DemoTemplates .templateContainer .templateCard .tickContainer2{position:absolute;top:0;left:0;width:7vh;visibility:hidden}.DemoTemplates .templateContainer .templateCard .showTick2{visibility:visible}.DemoTemplates .templateContainer .templateCard .blurImg{-webkit-filter:blur(1px);filter:blur(1px)}.DemoTemplates .templateContainer .addTemplateContainer,.DemoTemplates .templateContainer .moreTemplatesContainer{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;gap:1vh}.DemoTemplates .templateContainer .addTemplateContainer .moreIcon02,.DemoTemplates .templateContainer .moreTemplatesContainer .moreIcon02{width:4vh}.DemoTemplates .templateContainer .addTemplateContainer .boxTitle,.DemoTemplates .templateContainer .moreTemplatesContainer .boxTitle{font-size:2vh;font-weight:500;color:#fff;text-align:center;line-height:2vh}.DemoTemplates .templateContainer .addTemplateContainer .oneZeroOne,.DemoTemplates .templateContainer .moreTemplatesContainer .oneZeroOne{font-size:3.5vh}.DemoTemplates .templateContainer .addTemplateContainer .plusIcon,.DemoTemplates .templateContainer .moreTemplatesContainer .plusIcon{position:absolute;top:-.8vh;right:-.8vh;width:3vh}.DemoTemplates .templateContainer .moreTemplatesContainer{gap:1.5vh}.DemoTemplates .templateContainer .addTemplateContainer .boxTitle{color:var(--themeColor1)}@media(min-width:480px)and (max-width:1024px){.DemoTemplates{width:100%;height:calc(70% - 3.5vh);gap:2.5vh;background-color:#e8e0e6}.DemoTemplates .headingHeadshot{width:80%;text-align:center}.DemoTemplates .titleHeadshot{font-size:3.4vh}.DemoTemplates .subTitle{font-size:1.9vh}.DemoTemplates .categoryContainerHeadshot{width:80%;gap:.91vh}.DemoTemplates .categoryContainerHeadshot .categoryBtn,.DemoTemplates .categoryContainerHeadshot .moreCategoryBtn{border:.28vh solid transparent;width:23.5vh;padding:.74vh 0;font-size:1.9vh;border-radius:.91vh}.DemoTemplates .categoryContainerHeadshot .categoryBtn:hover,.DemoTemplates .categoryContainerHeadshot .selectedCategory{border:.28vh solid transparent}.DemoTemplates .categoryContainerHeadshot .dropDown{width:27.3vh!important;padding:.74vh 0}.DemoTemplates .categoryContainerHeadshot .moreCategoryBtn{width:19.3vh!important;gap:1.05vh}.DemoTemplates .categoryContainerHeadshot .moreCategoryBtn .moreIcon{width:2.2vh}.DemoTemplates .templateContainer{width:80%;gap:1.29vh}.DemoTemplates .templateContainer .templateCard{border:.28vh solid transparent;width:15.03vh;border-radius:.91vh}.DemoTemplates .templateContainer .templateCard .img{border-radius:.91vh}.DemoTemplates .templateContainer .templateCard .tickContainer2{top:0;left:0;width:6.6vh}.DemoTemplates .templateContainer .addTemplateContainer,.DemoTemplates .templateContainer .moreTemplatesContainer{gap:.91vh}.DemoTemplates .templateContainer .addTemplateContainer .moreIcon02,.DemoTemplates .templateContainer .moreTemplatesContainer .moreIcon02{width:3.67vh}.DemoTemplates .templateContainer .addTemplateContainer .boxTitle,.DemoTemplates .templateContainer .moreTemplatesContainer .boxTitle{font-size:1.84vh;line-height:1.84vh}.DemoTemplates .templateContainer .addTemplateContainer .oneZeroOne,.DemoTemplates .templateContainer .moreTemplatesContainer .oneZeroOne{font-size:3vh}.DemoTemplates .templateContainer .addTemplateContainer .plusIcon,.DemoTemplates .templateContainer .moreTemplatesContainer .plusIcon{top:-.74vh;right:-.74vh;width:2.75vh}.DemoTemplates .templateContainer .moreTemplatesContainer{gap:1.05vh}}@media(max-width:480px){.DemoTemplates{width:100%;height:calc(70% - 3.5vh);gap:1.2vh;background-color:#e8e0e6}.DemoTemplates .headingHeadshot{width:90%;padding:1vh;gap:.5vh}.DemoTemplates .headingHeadshot .titleHeadshot{font-size:2.9vh}.DemoTemplates .headingHeadshot .subTitle{font-size:1.7vh;text-align:center}.DemoTemplates .categoryContainerHeadshot{width:100%;gap:.83vh}.DemoTemplates .categoryContainerHeadshot .categoryBtn,.DemoTemplates .categoryContainerHeadshot .moreCategoryBtn{border:.25vh solid transparent;width:21vh;padding:.67vh 0;font-size:1.9vh;border-radius:.83vh}.DemoTemplates .categoryContainerHeadshot .categoryBtn:hover,.DemoTemplates .categoryContainerHeadshot .selectedCategory{border:.25vh solid transparent}.DemoTemplates .categoryContainerHeadshot .dropDown{width:25.1vh!important;padding:.595vh 0}.DemoTemplates .categoryContainerHeadshot .moreCategoryBtn{width:17.1vh!important;gap:1.05vh}.DemoTemplates .categoryContainerHeadshot .moreCategoryBtn .moreIcon{width:2vh}.DemoTemplates .templateContainer{width:100%;gap:1.17vh}.DemoTemplates .templateContainer .templateCard{border:.25vh solid transparent;width:13.67vh;border-radius:.83vh}.DemoTemplates .templateContainer .templateCard .img{border-radius:.83vh}.DemoTemplates .templateContainer .templateCard .tickContainer2{top:0;left:0;width:6vh}.DemoTemplates .templateContainer .addTemplateContainer,.DemoTemplates .templateContainer .moreTemplatesContainer{gap:.83vh}.DemoTemplates .templateContainer .addTemplateContainer .moreIcon02,.DemoTemplates .templateContainer .moreTemplatesContainer .moreIcon02{width:3.33vh}.DemoTemplates .templateContainer .addTemplateContainer .boxTitle,.DemoTemplates .templateContainer .moreTemplatesContainer .boxTitle{font-size:1.67vh;line-height:1.67vh}.DemoTemplates .templateContainer .addTemplateContainer .oneZeroOne,.DemoTemplates .templateContainer .moreTemplatesContainer .oneZeroOne{font-size:3vh}.DemoTemplates .templateContainer .addTemplateContainer .plusIcon,.DemoTemplates .templateContainer .moreTemplatesContainer .plusIcon{top:-.67vh;right:-.67vh;width:2.5vh}.DemoTemplates .templateContainer .moreTemplatesContainer{gap:1.1vh}}.Swap{padding:1vh;gap:1.8vh;position:relative}.Swap .vibrate{-webkit-animation:vibrate 2s ease-in-out;animation:vibrate 2s ease-in-out;border-color:red!important}.Swap .bestResultDiv{background-color:#fff;padding:1vh 1.5vh;border-radius:.5vh;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:51vh;gap:1vh}.Swap .bestResultDiv .imgPlusIcon{font-size:4vh}.Swap .bestResultDiv .hintWrapper{gap:1vh}.Swap .bestResultDiv .hintWrapper .croppedImg{width:5.5vh;height:auto;border-radius:.5vh}.Swap .bestResultDiv .hintHeading{font-size:1.8vh;font-weight:400;font-style:normal}.Swap .uploadContainerHeadshot{border-radius:1vh;background-color:#fff;height:24vh;width:52.5vh;padding:2vh 1.6vh;gap:1vh}.Swap .uploadContainerHeadshot .popUpContainer{position:absolute;z-index:1;right:-80%;top:10%}.Swap .uploadContainerHeadshot .popUpContainer .popUpWrapper{position:relative}.Swap .uploadContainerHeadshot .popUpContainer .popUpWrapper .popUpImgBox{width:40vh;height:auto}.Swap .uploadContainerHeadshot .popUpContainer .popUpWrapper .popUpCross{width:3vh;height:auto;position:absolute;top:3%;right:2.5%;cursor:pointer}.Swap .uploadContainerHeadshot .popUpContainer .popUpWrapper .popUpArrow{width:10vh;height:auto;position:absolute;top:-8vh;left:-6vh}.Swap .uploadContainerHeadshot .uploadContainerChild{border:.3vh dashed #8228bd;cursor:pointer;border-radius:.5vh;width:100%;height:100%;gap:1vh;padding:.5vh}.Swap .uploadContainerHeadshot .uploadContainerChild .hintBtn{position:absolute;top:13%;right:7%;cursor:default}.Swap .uploadContainerHeadshot .uploadContainerChild .hintBtn .hintIcon{font-size:3vh;color:#8228bd}.Swap .uploadContainerHeadshot .uploadContainerChild .dragHint{text-align:center;font-size:1.8vh;font-weight:400}.Swap .uploadContainerHeadshot .uploadContainerChild .chooseTxt{width:18vh;font-size:1.8vh;font-weight:500;color:#7a21bb;border-radius:.5vh;position:relative}.Swap .uploadContainerHeadshot .uploadContainerChild .chooseTxt:after{content:"";width:100%;height:.3vh;border-radius:1vh;position:absolute;bottom:0;left:0;background-color:#7a21bb}.Swap .uploadContainerHeadshot .uploadIcon{width:5.5vh;height:auto}.Swap .uploadContainerHeadshot .headshotnote{text-align:center;width:90%;font-size:1.5vh;font-weight:400;color:#5c5b5b}.Swap .uploadContainerHeadshot .croppedImgContainer{padding:1vh;width:100%;gap:2vh;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.Swap .uploadContainerHeadshot .croppedImgContainer .addNewFace{border:.23vh solid #b8b5b5;background-color:#fbf6f6;width:10vh;padding:.3vh;height:100%;border-radius:.5vh}.Swap .uploadContainerHeadshot .croppedImgContainer .addNewFace .imgPlusIcon{font-size:3.4vh;color:#3c3b3b}.Swap .uploadContainerHeadshot .croppedImgContainer .addNewFace .uploadNewTxt{color:#8e8e8e;font-size:1.4vh;text-align:center;font-weight:400}.Swap .uploadContainerHeadshot .croppedImgContainer .croppedWrapper{border:.4vh solid #7a21bb;position:relative;width:11vh;height:auto;border-radius:.5vh}.Swap .uploadContainerHeadshot .croppedImgContainer .croppedWrapper .checkIcon{position:absolute;bottom:0;left:0;font-size:2vh;color:#fff}.Swap .uploadContainerHeadshot .croppedImgContainer .croppedWrapper .crossIcon{font-size:3vh;cursor:pointer;fill:#fff;position:absolute;top:-1.5%;right:-1.5%}.Swap .uploadContainerHeadshot .uploadTemplate,.Swap .uploadContainerHeadshot .uploadUserImage{gap:1vh}.Swap .uploadContainerHeadshot .uploadTemplate .title,.Swap .uploadContainerHeadshot .uploadUserImage .title{font-size:2.2vh;font-weight:600}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer{width:12vh;height:12vh;background:-webkit-gradient(linear,left top,right top,from(#fff),to(#fff)) padding-box,-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) border-box;background:linear-gradient(90deg,#fff,#fff) padding-box,linear-gradient(90deg,#ff93df,#7a21bb) border-box;border:.3vh solid transparent;border-radius:50%;cursor:pointer;position:relative}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .img,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .img{border-radius:50%}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .blurImg,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .blurImg{-webkit-filter:blur(2px);filter:blur(2px)}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .loaderContainer,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .loaderContainer{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:rgba(0,0,0,.4);visibility:hidden}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .loaderContainer .loader,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .loaderContainer .loader{width:70%;height:70%;display:inline-block;position:relative}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .loaderContainer .loader:after,.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .loaderContainer .loader:before,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .loaderContainer .loader:after,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .loaderContainer .loader:before{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border-radius:50%;background:#fff;position:absolute;left:0;top:0;-webkit-animation:animloader 2s linear infinite;animation:animloader 2s linear infinite}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .loaderContainer .loader:after,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .loaderContainer .loader:after{-webkit-animation-delay:1s;animation-delay:1s}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .showLoader,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .showLoader{visibility:visible}.Swap .uploadContainerHeadshot .arrowIconContainer{width:10vh}.Swap .generateBtn{font-size:2.7vh;background:-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) padding-box,-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) border-box;background:linear-gradient(90deg,#ff93df,#7a21bb) padding-box,linear-gradient(90deg,#ff93df,#7a21bb) border-box;border:.3vh solid transparent;color:#fff;padding:.8vh 4vh;border-radius:4.5vw;font-weight:600}@-webkit-keyframes animloader{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes animloader{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@media(min-width:481px)and (max-width:1024px){.Swap{gap:2vh}.Swap .uploadContainerHeadshot{gap:1.65vw;height:20vh}.Swap .uploadContainerHeadshot .uploadContainerChild .hintBtn{top:16%;right:8%}.Swap .uploadContainerHeadshot .uploadContainerChild .chooseTxt:after{content:"";width:100%;height:.2vh;border-radius:1vh;position:absolute;bottom:0;left:0;background-color:#7a21bb}.Swap .uploadContainerHeadshot .popUpContainer{width:100%;left:0;right:0;top:-13%}.Swap .uploadContainerHeadshot .popUpContainer .popUpArrow{top:30%!important;left:-20%!important;-webkit-transform:rotate(-60deg);transform:rotate(-60deg);display:none}.Swap .uploadContainerHeadshot .uploadTemplate,.Swap .uploadContainerHeadshot .uploadUserImage{gap:.91vh}.Swap .uploadContainerHeadshot .uploadTemplate .title,.Swap .uploadContainerHeadshot .uploadUserImage .title{font-size:2.01vh;font-weight:600}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer{width:16.5vh;height:16.5vh;background:-webkit-gradient(linear,left top,right top,from(#fff),to(#fff)) padding-box,-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) border-box;background:linear-gradient(90deg,#fff,#fff) padding-box,linear-gradient(90deg,#ff93df,#7a21bb) border-box;border:.275vh solid transparent;border-radius:50%;cursor:pointer;position:relative}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .img,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .img{border-radius:50%}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .blurImg,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .blurImg{-webkit-filter:blur(2px);filter:blur(2px)}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .loaderContainer,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .loaderContainer{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:rgba(0,0,0,.4);visibility:hidden}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .loaderContainer .loader,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .loaderContainer .loader{width:70%;height:70%;display:inline-block;position:relative}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .loaderContainer .loader:after,.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .loaderContainer .loader:before,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .loaderContainer .loader:after,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .loaderContainer .loader:before{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border-radius:50%;background:#fff;position:absolute;left:0;top:0;-webkit-animation:animloader 2s linear infinite;animation:animloader 2s linear infinite}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .loaderContainer .loader:after,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .loaderContainer .loader:after{-webkit-animation-delay:1s;animation-delay:1s}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .showLoader,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .showLoader{visibility:visible}.Swap .uploadContainerHeadshot .arrowIconContainer{width:9.17vh}.Swap .uploadContainerHeadshot .croppedImgContainer{width:100%;gap:1.2vh}.Swap .uploadContainerHeadshot .croppedImgContainer .croppedWrapper{width:9vh}.Swap .generateBtn{background:-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) padding-box,-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) border-box;background:linear-gradient(90deg,#ff93df,#7a21bb) padding-box,linear-gradient(90deg,#ff93df,#7a21bb) border-box;border:.275vh solid transparent;color:#fff;padding:1.2vh 6.67vh;font-size:2.5vh;border-radius:2.93vh;font-weight:600}}@media (max-width:480px){.Swap{gap:2.67vh}.Swap .bestResultDiv{width:44vh}.Swap .uploadContainerHeadshot{gap:2vw;padding:1.2vh;max-width:44vh;height:18vh}.Swap .uploadContainerHeadshot .uploadContainerChild{gap:.5vh}.Swap .uploadContainerHeadshot .uploadContainerChild .dragHint{font-size:1.8vh}.Swap .uploadContainerHeadshot .uploadContainerChild .chooseTxt:after{content:"";width:100%;height:.15vh;border-radius:1vh;position:absolute;bottom:0;left:0;background-color:#7a21bb}.Swap .uploadContainerHeadshot .popUpContainer{width:100%;left:0;top:-17%}.Swap .uploadContainerHeadshot .popUpContainer .popUpWrapper .popUpArrow{top:30%;left:-20%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);display:none}.Swap .uploadContainerHeadshot .uploadIcon{width:4.4vh;height:auto}.Swap .uploadContainerHeadshot .headshotnote{text-align:center;font-size:1.7vh;color:#5c5b5b}.Swap .uploadContainerHeadshot .croppedImgContainer{width:100%;gap:1.2vh;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.Swap .uploadContainerHeadshot .croppedImgContainer .bestResultDiv{gap:.8vh}.Swap .uploadContainerHeadshot .croppedImgContainer .bestResultDiv .imgPlusIcon{font-size:3.5vh}.Swap .uploadContainerHeadshot .croppedImgContainer .croppedWrapper{width:9vh;height:auto;border-radius:.5vh}.Swap .uploadContainerHeadshot .uploadTemplate,.Swap .uploadContainerHeadshot .uploadUserImage{gap:.83vh}.Swap .uploadContainerHeadshot .uploadTemplate .title,.Swap .uploadContainerHeadshot .uploadUserImage .title{font-size:1.83vh;font-weight:600}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer{width:15vh;height:15vh;background:-webkit-gradient(linear,left top,right top,from(#fff),to(#fff)) padding-box,-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) border-box;background:linear-gradient(90deg,#fff,#fff) padding-box,linear-gradient(90deg,#ff93df,#7a21bb) border-box;border:.25vh solid transparent;border-radius:50%;cursor:pointer;position:relative}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .img,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .img{border-radius:50%}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .blurImg,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .blurImg{-webkit-filter:blur(2px);filter:blur(2px)}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .loaderContainer,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .loaderContainer{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:rgba(0,0,0,.4);visibility:hidden}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .loaderContainer .loader,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .loaderContainer .loader{width:83.33%;height:83.33%;display:inline-block;position:relative}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .loaderContainer .loader:after,.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .loaderContainer .loader:before,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .loaderContainer .loader:after,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .loaderContainer .loader:before{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border-radius:50%;background:#fff;position:absolute;left:0;top:0;-webkit-animation:animloader 2s linear infinite;animation:animloader 2s linear infinite}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .loaderContainer .loader:after,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .loaderContainer .loader:after{-webkit-animation-delay:1s;animation-delay:1s}.Swap .uploadContainerHeadshot .uploadTemplate .imgContainer .showLoader,.Swap .uploadContainerHeadshot .uploadUserImage .imgContainer .showLoader{visibility:visible}.Swap .uploadContainerHeadshot .arrowIconContainer{width:8.33vh}.Swap .generateBtn{width:100%;background:-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) padding-box,-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) border-box;background:linear-gradient(90deg,#ff93df,#7a21bb) padding-box,linear-gradient(90deg,#ff93df,#7a21bb) border-box;border:.25vh solid transparent;color:#fff;padding:1.4vh 3.33vh;font-size:2.5vh;border-radius:3.2vh;font-weight:600}}.loader{width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,#c8c6c3 94%,transparent) top/8px 8px no-repeat,conic-gradient(transparent 30%,#dedcd9);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 0);-webkit-animation:l13 1s linear infinite;animation:l13 1s linear infinite}@-webkit-keyframes l13{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes l13{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes vibrate{0%{-webkit-transform:translateX(0);transform:translateX(0)}10%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}20%{-webkit-transform:translateX(2px);transform:translateX(2px)}30%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}40%{-webkit-transform:translateX(2px);transform:translateX(2px)}50%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}60%{-webkit-transform:translateX(2px);transform:translateX(2px)}70%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}80%{-webkit-transform:translateX(2px);transform:translateX(2px)}90%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes vibrate{0%{-webkit-transform:translateX(0);transform:translateX(0)}10%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}20%{-webkit-transform:translateX(2px);transform:translateX(2px)}30%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}40%{-webkit-transform:translateX(2px);transform:translateX(2px)}50%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}60%{-webkit-transform:translateX(2px);transform:translateX(2px)}70%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}80%{-webkit-transform:translateX(2px);transform:translateX(2px)}90%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.OutputImage{background-image:url(/_next/static/media/bg.6a94e9e1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:2vw;padding:4vw;margin-top:5.2vw;min-height:100vh}.OutputImage .uploadBtn{gap:.3vw}.OutputImage .uploadBtn .uploadIcon{font-size:1.5vw}.OutputImage .mainContainer{border-radius:2vw;background-color:#fff;-webkit-box-shadow:0 0 1vw rgba(0,0,0,.5);box-shadow:0 0 1vw rgba(0,0,0,.5);max-width:70vw;min-width:60vw;height:30vw}.OutputImage .mainContainer .parentContainer{width:100%;height:100%;padding:3vw;gap:1vw;position:relative}.OutputImage .mainContainer .parentContainer .close{position:absolute;width:1.7vw;cursor:pointer;top:5%;right:2%}.OutputImage .mainContainer .parentContainer .leftContainer{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent{position:relative;overflow:hidden;--position:50%;height:100%}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .imgContainer{border:.15vw solid var(--themeColor2);position:relative;height:100%}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .imgContainer .sliderImg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .imgContainer .beforeImg{position:absolute;inset:0;width:var(--position)}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .slider{position:absolute;opacity:0;inset:0;height:100%;width:100%;cursor:pointer}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .sliderLine{position:absolute;left:var(--position);width:.15vw;height:100%;background-color:#fff;z-index:10;-webkit-transform:translate(-50%);transform:translate(-50%);pointer-events:none}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .sliderBtn{position:absolute;top:70%;left:var(--position);width:1.5vw;z-index:20;pointer-events:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-filter:drop-shadow(0 0 .2vw rgba(0,0,0,.8));filter:drop-shadow(0 0 .2vw rgba(0,0,0,.8))}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .hoverTxt{position:absolute;top:0;z-index:2;color:#fff;padding:.3vw .5vw;font-size:.6vw;background-color:#000;border-radius:.3vw}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .before{top:3%;left:2%}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .right{top:3%;right:2%}.OutputImage .mainContainer .parentContainer .rightContainer{width:25%;gap:2vw}.OutputImage .mainContainer .parentContainer .rightContainer .btn{gap:.5vw;width:100%}.OutputImage .mainContainer .parentContainer .rightContainer .btn .btnIcon{width:1.3vw}@media (max-width:480px){.OutputImage{min-height:100vh;background-color:#f4f4ff;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:6vw 3vw;margin-top:13.5vw;gap:5vw}.OutputImage .uploadBtn{gap:1.3vw}.OutputImage .uploadBtn .uploadIcon{font-size:4.2vw}.OutputImage .mainContainer{border-radius:5vw;-webkit-box-shadow:0 0 2vw rgba(0,0,0,.5);box-shadow:0 0 2vw rgba(0,0,0,.5);width:100%;max-width:100%;min-width:100%;min-height:130vw;height:auto;max-height:auto}.OutputImage .mainContainer .parentContainer{width:100%;height:auto;min-height:130vw;padding:4vw 2vw;gap:5vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.OutputImage .mainContainer .parentContainer .closeParent{height:10vw;width:10vw;padding:2vw;border-radius:50%;border:.6vw solid var(--themeColor2);background-color:#fff;justify-self:flex-start}.OutputImage .mainContainer .parentContainer .closeParent .close{position:static;width:3.7vw;height:3.7vw}.OutputImage .mainContainer .parentContainer .leftContainer{width:100%;height:auto}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent{width:100%;height:auto;max-height:100%}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .imgContainer{border:.6vw solid var(--themeColor2);width:100%;height:auto;max-height:100%}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .imgContainer .sliderImg{width:100%;height:auto;max-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .sliderLine{width:.6vw}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .sliderBtn{width:5vw;-webkit-filter:drop-shadow(0 0 .8vw rgba(0,0,0,.8));filter:drop-shadow(0 0 .8vw rgba(0,0,0,.8))}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .hoverTxt{padding:.1vw 2.5vw;font-size:2.7vw;border-radius:1vw}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .before{top:2vw;left:2vw}.OutputImage .mainContainer .parentContainer .leftContainer .sliderParent .right{top:2vw;right:2vw}.OutputImage .mainContainer .parentContainer .rightContainer{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:3vw}.OutputImage .mainContainer .parentContainer .rightContainer .btn{width:34vw;gap:1vw}.OutputImage .mainContainer .parentContainer .rightContainer .btn .btnIcon{width:4vw}}.loaderOutput_Loading__1nqr_{margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.loaderOutput_Loading__1nqr_,.loaderOutput_ldsRing__MVApT{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.loaderOutput_ldsRing__MVApT{display:inline-block;position:relative;width:10vw;height:10vw;display:-webkit-box;display:-ms-flexbox;display:flex}.loaderOutput_ldsRing__MVApT div{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) padding-box,-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) border-box;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#ff93df,#7a21bb) border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:4vw;height:4vw;border-radius:50%;-webkit-animation:loaderOutput_lds-ring__aAbTW 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:loaderOutput_lds-ring__aAbTW 1.2s cubic-bezier(.5,0,.5,1) infinite;border:.4vw solid transparent;border-top-color:#fff}.loaderOutput_ldsRing__MVApT div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.loaderOutput_ldsRing__MVApT div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.loaderOutput_ldsRing__MVApT div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes loaderOutput_lds-ring__aAbTW{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loaderOutput_lds-ring__aAbTW{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:480px){.loaderOutput_ldsRing__MVApT div{width:10vw;height:10vw;border:1vw solid transparent}}.Output{width:100%;height:100%;gap:3.5vh}.Output .headingHeadshot{width:65vh;text-align:center;padding:.5vh;gap:1.2vh}.Output .headingHeadshot .headH2{font-size:4.5vh;color:#282727}.Output .headingHeadshot .title{font-size:2.2vh;font-weight:400;color:#6a6a6a}.Output .headingHeadshot .title .u{cursor:pointer;color:var(--themeColor1)}.Output .templateContainerHeadshot{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) padding-box,-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) border-box;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#ff93df,#7a21bb) border-box;border:.15vw solid transparent;width:50vh;max-width:100%;max-height:80%;position:relative}.Output .templateContainerHeadshot .headshotOutputImg{-o-object-fit:contain;object-fit:contain}.Output .templateContainerHeadshot .blurImg{-webkit-filter:blur(2px);filter:blur(2px)}.Output .templateContainerHeadshot .loadingContainerHeadshot{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.4);visibility:hidden;z-index:2}.Output .templateContainerHeadshot .loadingContainerHeadshot .loadingTxtHeadshot{padding:2vw}.Output .templateContainerHeadshot .loadingContainerHeadshot .loadingTxtHeadshot .loadingParaHeadshot{color:#fff;text-align:center}.Output .templateContainerHeadshot .loadingContainerHeadshot .loaderHeadshot{width:3vw;height:3vw;border-radius:50%;display:inline-block;border-top:3px solid #fff;border-right:3px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}.Output .templateContainerHeadshot .showLoadingHeadshot{visibility:visible}.Output .templateContainerHeadshot .shareOptionsContainer{background:-webkit-gradient(linear,left bottom,left top,from(rgba(122,33,187,.8)),color-stop(rgba(255,147,223,.502)),color-stop(transparent),color-stop(transparent),to(transparent));background:linear-gradient(0deg,rgba(122,33,187,.8),rgba(255,147,223,.502),transparent,transparent,transparent);position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:2vh;z-index:1}.Output .templateContainerHeadshot .shareOptionsContainer .imgSwitch{width:7vh;height:auto!important;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-o-object-fit:cover;object-fit:cover}.Output .templateContainerHeadshot .shareOptionsContainer .imgSwitch .img{border:.2vh solid #fff;width:100%;height:auto!important;-o-object-fit:cover;object-fit:cover}.Output .templateContainerHeadshot .shareOptionsContainer .shareOptions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4vh}.Output .templateContainerHeadshot .shareOptionsContainer .shareOptions .download,.Output .templateContainerHeadshot .shareOptionsContainer .shareOptions .share{width:5vh;height:5vh;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.Output .templateContainerHeadshot .shareOptionsContainer .close{display:none}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:1024px){.Output{width:100%;height:calc(70% - 1.75vh);background:transparent;background-color:#e8e0e6}.Output .headingHeadshot{display:none}.Output .templateContainerHeadshot{border:.375vw solid transparent;width:34.67vh;max-width:100%;max-height:90%}.Output .templateContainerHeadshot .headshotOutputImg{-o-object-fit:contain;object-fit:contain}.Output .templateContainerHeadshot .loadingContainerHeadshot .loaderHeadshot{width:7.875vw;height:7.875vw;border-radius:50%}.Output .templateContainerHeadshot .shareOptionsContainer{padding:2.11vh}.Output .templateContainerHeadshot .shareOptionsContainer .imgSwitch{width:9.03vh}.Output .templateContainerHeadshot .shareOptionsContainer .imgSwitch .img{border:.32vh solid #fff}.Output .templateContainerHeadshot .shareOptionsContainer .shareOptions{gap:4.21vh}.Output .templateContainerHeadshot .shareOptionsContainer .shareOptions .download,.Output .templateContainerHeadshot .shareOptionsContainer .shareOptions .share{width:5.82vh;height:5.82vh}.Output .templateContainerHeadshot .shareOptionsContainer .close{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:3%;right:3%;font-size:5vh;cursor:pointer;color:#fff}}@media (max-width:480px){.Output{width:100%;height:calc(70% - 3.5vh);background:transparent;background-color:#e8e0e6}.Output .headingHeadshot{display:none}.Output .templateContainerHeadshot{border:.525vw solid transparent;width:35vh;max-width:100%;max-height:90%}.Output .templateContainerHeadshot .headshotOutputImg{-o-object-fit:contain;object-fit:contain}.Output .templateContainerHeadshot .loadingContainerHeadshot .loaderHeadshot{width:10.5vw;height:10.5vw;border-radius:50%}.Output .templateContainerHeadshot .shareOptionsContainer{padding:1.92vh}.Output .templateContainerHeadshot .shareOptionsContainer .imgSwitch{width:8.21vh}.Output .templateContainerHeadshot .shareOptionsContainer .imgSwitch .img{border:.29vh solid #fff}.Output .templateContainerHeadshot .shareOptionsContainer .shareOptions{gap:3.83vh}.Output .templateContainerHeadshot .shareOptionsContainer .shareOptions .download,.Output .templateContainerHeadshot .shareOptionsContainer .shareOptions .share{width:5.29vh;height:5.29vh}.Output .templateContainerHeadshot .shareOptionsContainer .close{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:3%;right:3%;font-size:6vh;cursor:pointer;color:#fff;font-weight:600}}.TemplatesModal{height:calc(100svh - 5.2vw);position:fixed;top:0;left:0;right:0;bottom:0;padding:1.5vw;margin:5.2vw auto}.TemplatesModal .parent{border-radius:1vw;background:-webkit-gradient(linear,left top,right top,from(#e8e0e6),to(#deeded));background:linear-gradient(90deg,#e8e0e6,#deeded);height:100%;padding:2.5vw;gap:1vw;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);position:relative}.TemplatesModal .parent,.TemplatesModal .parent .categoriesContainer{width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.TemplatesModal .parent .categoriesContainer{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1vh;gap:.5vw}.TemplatesModal .parent .categoriesContainer .categoryBtn{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) padding-box,-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) border-box;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#ff93df,#7a21bb) border-box;border:.15vw solid transparent;width:8.3vw;padding:.4vw 0;font-size:1vw;border-radius:.5vw;font-weight:600}.TemplatesModal .parent .categoriesContainer .categoryBtn:hover,.TemplatesModal .parent .categoriesContainer .selectedCategory{background:-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) padding-box,-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) border-box;background:linear-gradient(90deg,#ff93df,#7a21bb) padding-box,linear-gradient(90deg,#ff93df,#7a21bb) border-box;border:.3vh solid transparent;color:#fff}.TemplatesModal .parent .categoriesContainer .dropDown{-moz-text-align-last:center;text-align-last:center;cursor:pointer;outline:none}.TemplatesModal .parent .categoriesContainer .dropDown .option{text-align:left;color:#fff;background-color:var(--themeColor1)}.TemplatesModal .parent .categoriesContainer .clearFilter{cursor:pointer;font-size:1vw;font-weight:500;text-decoration:underline}.TemplatesModal .parent .templateContainer{width:100%;overflow-y:scroll;gap:.7vw;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.TemplatesModal .parent .templateContainer .singleTemplateContainer{border:.15vw solid transparent;width:10.5vw;cursor:pointer;border-radius:.5vw;-o-object-fit:cover;object-fit:cover;position:relative}.TemplatesModal .parent .templateContainer .singleTemplateContainer .tickTemp{width:7vh;position:absolute;top:0;left:0}.TemplatesModal .parent .templateContainer .singleTemplateContainer .img{border-radius:.5vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear,left bottom,left top,from(#000),color-stop(35%,transparent));background:linear-gradient(0deg,#000,transparent 35%);border-radius:.5vw;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;overflow:hidden;padding:.5vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .swapFace{color:#fff;background:-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) padding-box,-webkit-gradient(linear,left top,right top,from(#ff93df),to(#7a21bb)) border-box;background:linear-gradient(90deg,#ff93df,#7a21bb) padding-box,linear-gradient(90deg,#ff93df,#7a21bb) border-box;border:.15vw solid transparent;width:8.3vw;padding:.2vw 0;font-size:1vw;border-radius:20px;font-weight:500;-webkit-transform:translateY(130%);transform:translateY(130%);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer:hover .swapFace{-webkit-transform:translateY(0);transform:translateY(0)}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free{position:absolute;top:.2vw;right:.2vw;background-color:#eedb47;padding:.2vw .5vw;border-radius:.2vw;overflow:hidden}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free .freeTxt{color:var(--themeColor1);font-weight:600;font-size:.8vw;font-style:italic}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free .freeTxt .span{-webkit-animation:glow 2s ease-in-out infinite;animation:glow 2s ease-in-out infinite}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free .freeTxt .span2{-webkit-animation-delay:.25s;animation-delay:.25s}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free .freeTxt .span3{-webkit-animation-delay:.5s;animation-delay:.5s}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free .freeTxt .span4{-webkit-animation-delay:.75s;animation-delay:.75s}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free .freeTxt .span5{-webkit-animation-delay:1s;animation-delay:1s}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free .freeTxt .span6{-webkit-animation-delay:1.25s;animation-delay:1.25s}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free .freeTxt .span7{-webkit-animation-delay:1.5s;animation-delay:1.5s}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free:after{content:"";width:.5vw;height:110%;background-color:hsla(0,0%,100%,.7);-webkit-box-shadow:0 0 20px #fff,0 0 40px hsla(0,0%,100%,.8),0 0 60px hsla(0,0%,100%,.6),0 0 80px hsla(0,0%,100%,.4);box-shadow:0 0 20px #fff,0 0 40px hsla(0,0%,100%,.8),0 0 60px hsla(0,0%,100%,.6),0 0 80px hsla(0,0%,100%,.4);position:absolute;left:0;-webkit-transform:rotate(10deg);transform:rotate(10deg);-webkit-animation-name:free;animation-name:free;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.TemplatesModal .parent .closeBtn{position:absolute;top:.5vw;right:1vw;font-size:2vw;cursor:pointer;color:var(--themeColor1)}@-webkit-keyframes free{0%{left:-1.1vw}to{left:8vw}}@keyframes free{0%{left:-1.1vw}to{left:8vw}}@-webkit-keyframes glow{0%,to{color:#fff;text-shadow:0 0 12px var(--themeColor1),0 0 50px var(--themeColor1),0 0 100px var(--themeColor1)}10%,90%{color:#212121;text-shadow:none}}@keyframes glow{0%,to{color:#fff;text-shadow:0 0 12px var(--themeColor1),0 0 50px var(--themeColor1),0 0 100px var(--themeColor1)}10%,90%{color:#212121;text-shadow:none}}.templateContainer::-webkit-scrollbar{width:7px}.templateContainer::-webkit-scrollbar-track{background:rgba(122,33,187,.2);border-radius:10px}.templateContainer::-webkit-scrollbar-thumb{background:-webkit-gradient(linear,left top,left bottom,from(var(--themeColor2)),to(var(--themeColor1)));background:linear-gradient(to bottom,var(--themeColor2),var(--themeColor1));border-radius:10px}@media (max-width:1024px){.TemplatesModal{height:calc(100svh - 5.2vw);padding:2.8125vw 2.8125vw 2vw}.TemplatesModal .parent{width:90%;border-radius:1.875vw;padding:3vw;gap:1.875vw;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.TemplatesModal .parent .categoriesContainer{width:90%;gap:.875vw}.TemplatesModal .parent .categoriesContainer .categoryBtn{border:.2625vw solid transparent;width:21.7875vw;padding:1.4vw 0;font-size:2.625vw;border-radius:1.225vw}.TemplatesModal .parent .categoriesContainer .selectedCategory{border:.2625vw solid transparent}.TemplatesModal .parent .categoriesContainer .clearFilter{font-size:2.625vw}.TemplatesModal .parent .templateContainer{width:90%;gap:1.125vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer{border:.375vw solid transparent;width:21.2vw;border-radius:1.225vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer .tickTemp{width:6vh}.TemplatesModal .parent .templateContainer .singleTemplateContainer .img{border-radius:1.225vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer{border-radius:1.225vw;padding:.9375vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .swapFace{border:.375vw solid transparent;width:15.5625vw;padding:.45vw 0;font-size:2.625vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free{top:.5vw;right:.5vw;padding:.375vw .9375vw;border-radius:.375vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free .freeTxt{font-size:1.5vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free:after{width:.9375vw}.TemplatesModal .parent .closeBtn{top:1vw;right:1vw;font-size:6vw;cursor:pointer;color:var(--themeColor1)}@-webkit-keyframes free{0%{left:-1.1vw}to{left:12vw}}@keyframes free{0%{left:-1.1vw}to{left:12vw}}}@media (max-width:480px){.TemplatesModal{height:calc(100svh - 13vw);width:100%;margin-top:12.5vw}.TemplatesModal .parent{width:100%;height:98%;border-radius:2.5vw;padding:8vw 1.25vw 1.25vw;gap:2.5vw;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.TemplatesModal .parent .categoriesContainer{width:100%;gap:1.75vw}.TemplatesModal .parent .categoriesContainer .categoryBtn{border:.525vw solid transparent;width:27.05vw;padding:1.4vw 0;font-size:3.5vw;border-radius:1.75vw}.TemplatesModal .parent .categoriesContainer .selectedCategory{border:.525vw solid transparent}.TemplatesModal .parent .categoriesContainer .clearFilter{font-size:3vw}.TemplatesModal .parent .templateContainer{width:100%;gap:1.5vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer{border:.375vw solid transparent;width:26.9vw;border-radius:1.5vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer .tickTemp{width:5.5vh}.TemplatesModal .parent .templateContainer .singleTemplateContainer .img{border-radius:1.5vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer{border-radius:1.5vw;padding:1.25vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .swapFace{border:.375vw solid transparent;width:20.75vw;padding:.6vw 0;font-size:3vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free{top:.5vw;right:.5vw;padding:.5vw 1.25vw;border-radius:.5vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free .freeTxt{font-size:2vw}.TemplatesModal .parent .templateContainer .singleTemplateContainer .overImgContainer .free:after{width:1.25vw}.TemplatesModal .parent .closeBtn{top:1vw;right:1vw;font-size:6vw;cursor:pointer;color:var(--themeColor1)}@-webkit-keyframes free{0%{left:-1.1vw}to{left:12vw}}@keyframes free{0%{left:-1.1vw}to{left:12vw}}}
/*# sourceMappingURL=a9603312afdbb46b.css.map*/