@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes progressgenerate{0%{opacity:0}30%{opacity:1}70.1%{opacity:1}100%{opacity:0}}html{font-size:16px !important}#photoSwapBtn,#videoSwapBtn{position:relative}.step_m_icon{display:none}.arrow_icon,.arrow_icon_video{position:absolute;right:20px;display:none}.upload-opration-box{margin-left:-19px}.face-swap-box{background:transparent linear-gradient(0deg, #f2f6ff 0%, #fff 100%) 0% 0% no-repeat padding-box;display:flex;flex-direction:column;align-items:center}.face-swap-title{margin-top:42px}#videoPlayerZoomIn{min-width:550px;min-height:396px}.change-btn:hover{background:#f1ecff 0% 0% no-repeat padding-box}.change-btn-active:hover{background:transparent linear-gradient(90deg, #734afe 0%, #ff1a7d 100%) 0% 0% no-repeat padding-box;opacity:0.8}.change-box{margin-bottom:26px}#templatesImgBox,#templatesVideoBox{margin-top:8px;justify-content:space-between}.mian-title{text-align:center;font:normal normal 600 58px/87px Poppins;letter-spacing:0px;color:#000000;opacity:1;margin-bottom:0.5rem}#photoWarningTips{display:none}.warning-tips{margin-top:8px}.warning-tips span{font:normal normal normal 13px/20px Poppins;letter-spacing:0px;color:#656565;margin-left:6px}.template-container{margin-bottom:40px;padding:10px 20px 20px 20px;font:normal normal 500 18px/27px Poppins;letter-spacing:0px;color:#000000;opacity:1;width:985px;height:167px;background:#ffffff 0% 0% no-repeat padding-box;box-shadow:2px 2px 8px #0000a112;border-radius:8px;opacity:1}.template-box{margin-top:32px;width:100%;display:flex;justify-content:center}#templatesImgBox img{object-fit:cover;border-radius:8px;cursor:pointer;width:105px;height:105px}#templatesVideoBox img{border-radius:8px;object-fit:cover;cursor:pointer;width:105px;height:105px}#templatesVideoBox div{cursor:pointer;border-radius:8px;width:105px;height:105px;display:flex;justify-content:center;align-items:center}.mt18{margin-top:18px}.photo-appeal-box{margin-top:18px;position:relative}#uploadTips,#videoUploadTips{margin-top:16px}.rotate-loading{animation:rotate 1s linear infinite}.loading-box{display:none;font:normal normal 500 14px/21px Poppins;letter-spacing:0px;color:#ffffff;opacity:1;z-index:9;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.sub-title{text-align:center;font:normal normal normal 16px/25px Poppins;letter-spacing:0px;color:#000000;opacity:1;margin-bottom:16px}.flex-center{display:flex;justify-content:center}.change-container{width:458px;height:62px;padding:8px;background:#ffffff 0% 0% no-repeat padding-box;box-shadow:0px 6px 20px #ab59fd33;opacity:1;border-radius:10px}.change-btn{cursor:pointer;width:217px;height:46px;font:normal normal 500 16px/40px Poppins;border-radius:8px}.flex{display:flex}#photoChange{margin-right:8px}.flex-all-center{display:flex;justify-content:center;align-items:center}.change-btn-active{background:transparent linear-gradient(90deg, #734afe 0%, #ff1a7d 100%) 0% 0% no-repeat padding-box;border:2px solid #da5ffe8e;color:#ffffff}.video-img-temp:hover{transform:scale(1.2)}.img-temp-container{width:105px;height:105px;border-radius:8px;overflow:hidden}.mr14{margin-right:14px}.video-img-temp{transition:transform 0.3s ease}.photo-opration-box{margin-right:67px}.video-player-temp{border-radius:8px}#gifVideo{display:none;width:550px;height:396px;object-fit:contain}.step-btn{pointer-events:none;margin-top:8px;width:280px;height:46px;background:transparent linear-gradient(90deg, #734afe 0%, #ff1a7d 100%) 0% 0% no-repeat padding-box;box-shadow:0px 8px 12px #ab59fd3b;border:2px solid #da5ffe8e;border-radius:8px;opacity:0.3;font:normal normal 500 16px/40px Poppins;letter-spacing:0px;color:#ffffff}#videoPlayerPhoto{margin:0}.step-opration-box .active{pointer-events:auto;cursor:pointer;font:normal normal 500 16px/40px Poppins;letter-spacing:0px;color:#ffffff;opacity:1;background:transparent linear-gradient(90deg, #734afe 0%, #ff1a7d 100%) 0% 0% no-repeat padding-box;box-shadow:0px 8px 12px #ab59fd3b;border:2px solid #da5ffe8e;border-radius:8px;opacity:1}.step-opration-box .active:hover{opacity:0.75}#faceSwapBanner{border-radius:12px;width:550px;height:396px;display:none;object-fit:contain}.finishedBtn{padding:0 20px 0 14px;display:inline-flex;cursor:pointer;height:46px;background:transparent linear-gradient(91deg, #20d2a9 0%, #00bcd3 50%, #1ab4ce 100%) 0% 0% no-repeat padding-box;box-shadow:0px 4px 10px #a7265d36;border:2px solid #1bf9d4;border-radius:8px;font:normal normal 500 13px/70px Poppins;letter-spacing:0px;color:#ffffff;opacity:1;margin-right:12px}.finishedBtn:hover{opacity:0.8}.finishedBtn:last-child{margin-right:0}.finishedBtn span{margin-left:8px}#photoFinishedBtns{margin-top:5px;display:none}.download-content{width:100%;letter-spacing:0px;color:#000000;opacity:1}.download-content span{font:normal normal bold 18px / 27px Poppins}#videoPlayer{width:100%;object-fit:contain}#videoPlayer.poster{width:100%;object-fit:contain}.progress-container{margin-top:19px;width:100%;height:11px;background:#ece4fd;border-radius:10px;opacity:1;position:relative;width:100%}.progress-bar{height:100%;background:linear-gradient(90deg, #734afe 0%, #a87cf7 100%);border:1px solid #ece4fd;opacity:1;border-radius:10px;width:0;transition:width 0.5s ease}.zoom-in-box,.zoom-in-video{z-index:1000;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);opacity:1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}#close_zoom_in_icon,#close_zoom_in_icon_video{position:absolute;top:44px;right:44px;cursor:pointer;opacity:0.8}#close_zoom_in_icon:hover,#close_zoom_in_icon_video:hover{opacity:1}.mt24{margin-top:24px}.zoom-in-box{display:none}#zoomInPhoto{max-height:594px}#playIcon{z-index:99;cursor:pointer;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#playIcon:hover{opacity:0.85}.warning-tips{display:none}#videoFinishedBtns{margin-top:12px;display:none}video{transition:filter 0.5s}.video-parent-box{position:relative}#vedioFaceSwap,.zoom-in-video{display:none}.video-parent-box #zoomInPlayIcon{z-index:1001;position:absolute;cursor:pointer;top:50%;left:50%;transform:translate(-50%, -50%)}.video-banner-box{border-radius:12px;width:550px;height:396px;background-color:#b39ffc29;background-position:center;background-repeat:no-repeat;background-size:contain}.video-play-box{position:relative;width:100%}.swaping-animation-div{display:none;margin-left:6px}.swaping-animation-div span{width:8px;height:8px;border-radius:8px;display:block;transform:scale(0.3);background:white;margin:0 -1px;animation:progressgenerate 1.5s linear infinite}.swaping-animation-div span:nth-child(2){animation-delay:0.2s}.swaping-animation-div span:nth-child(3){animation-delay:0.3s}