const step1desktop=document.querySelector(".hero-anim-step1"),step2desktop=document.querySelector(".hero-anim-step2"),step1mobile=document.querySelector(".hero-anim-mobile-step1"),step2mobile=document.querySelector(".hero-anim-mobile-step2"),opacityTransition=350;let desktopStep=0,previousDesktopStep=0,mobileStep=0,previousMobileStep=0,cooldown=!1;const lottieDesktop1=lottie.loadAnimation({container:document.querySelector(".json-desktop1"),renderer:"svg",loop:!1,autoplay:!0,path:"https://cdn.prod.website-files.com/64b15882d212c06c7bf09feb/696f5c66c96966e792e993f5_1%20(1).json"}),lottieDesktop2=lottie.loadAnimation({container:document.querySelector(".json-desktop2"),renderer:"svg",loop:!1,autoplay:!1,path:"https://cdn.prod.website-files.com/64b15882d212c06c7bf09feb/697a664062480c346b6dce36_Animation%202%20Desktop.json"}),lottieMobile1=lottie.loadAnimation({container:document.querySelector(".json-mobile1"),renderer:"svg",loop:!1,autoplay:!0,path:"https://cdn.prod.website-files.com/64b15882d212c06c7bf09feb/696f5c66c96966e792e993f5_1%20(1).json"}),lottieMobile2=lottie.loadAnimation({container:document.querySelector(".json-mobile2"),renderer:"svg",loop:!1,autoplay:!1,path:"https://cdn.prod.website-files.com/64b15882d212c06c7bf09feb/697cde190bd256ee34df6696_Animation%202%20Mobile.json"}),desktopSteps=[{lottie:lottieDesktop1,frame:0},{lottie:lottieDesktop2,frame:0},{lottie:lottieDesktop2,frame:300},{lottie:lottieDesktop2,frame:600},{lottie:lottieDesktop2,frame:900},],mobileSteps=[{lottie:lottieMobile1,frame:0},{lottie:lottieMobile2,frame:0},{lottie:lottieMobile2,frame:351},{lottie:lottieMobile2,frame:675},{lottie:lottieMobile2,frame:1040},];let currentLottieDesktop=lottieDesktop1,isPausedDesktop=!1,currentLottieMobile=lottieMobile1,isPausedMobile=!1;const playDesktop1=function(){step2desktop.style.opacity="0",lottieDesktop1.goToAndStop(0,!0),setTimeout(()=>{step1desktop.style.opacity="1"},350),setTimeout(()=>{currentLottieDesktop=lottieDesktop1,lottieDesktop1.goToAndPlay(0,!0)},700)},playDesktop2=function(){step1desktop.style.opacity="0",lottieDesktop2.goToAndStop(0,!0),setTimeout(()=>{step2desktop.style.opacity="1"},350),setTimeout(()=>{currentLottieDesktop=lottieDesktop2,lottieDesktop2.goToAndPlay(0,!0)},700)},playMobile1=function(){step2mobile.style.opacity="0",lottieMobile1.goToAndStop(0,!0),setTimeout(()=>{step1mobile.style.opacity="1"},350),setTimeout(()=>{currentLottieMobile=lottieMobile1,lottieMobile1.goToAndPlay(0,!0)},700)},playMobile2=function(){step1mobile.style.opacity="0",lottieMobile2.goToAndStop(0,!0),setTimeout(()=>{step2mobile.style.opacity="1"},350),setTimeout(()=>{currentLottieMobile=lottieMobile2,lottieMobile2.goToAndPlay(0,!0)},700)};function changeDesktopStep(e){"next"===e&&(desktopStep=(desktopStep+1)%desktopSteps.length),"prev"===e&&(desktopStep=(desktopStep-1+desktopSteps.length)%desktopSteps.length),goToDesktopStep(desktopStep),isPausedDesktop=!1,document.getElementById("pause-svg").classList.remove("hide")}function changeMobileStep(e){"next"===e&&(mobileStep=(mobileStep+1)%mobileSteps.length),"prev"===e&&(mobileStep=(mobileStep-1+mobileSteps.length)%mobileSteps.length),goToMobileStep(mobileStep),isPausedMobile=!1,document.getElementById("pause-svg").classList.remove("hide")}function goToDesktopStep(e){let t=desktopSteps[previousDesktopStep],o=desktopSteps[e],i=0===t.frame&&0===o.frame||0===t.frame&&o.frame===desktopSteps[desktopSteps.length-1].frame||t.frame===desktopSteps[desktopSteps.length-1].frame&&0===o.frame;i?(step1desktop.style.opacity="0",step2desktop.style.opacity="0",o.lottie.goToAndStop(o.frame,!0),cooldown=!0,setTimeout(()=>{o.lottie===lottieDesktop1?step1desktop.style.opacity="1":step2desktop.style.opacity="1"},350),setTimeout(()=>{currentLottieDesktop=o.lottie,o.lottie.play(),cooldown=!1},700)):(currentLottieDesktop=o.lottie,o.lottie.goToAndStop(o.frame,!0),o.lottie.play()),previousDesktopStep=e}function goToMobileStep(e){let t=mobileSteps[previousMobileStep],o=mobileSteps[e],i=0===t.frame&&0===o.frame||0===t.frame&&o.frame===mobileSteps[mobileSteps.length-1].frame||t.frame===mobileSteps[mobileSteps.length-1].frame&&0===o.frame;i?(step1mobile.style.opacity="0",step2mobile.style.opacity="0",o.lottie.goToAndStop(o.frame,!0),cooldown=!0,setTimeout(()=>{o.lottie===lottieMobile1?step1mobile.style.opacity="1":step2mobile.style.opacity="1"},350),setTimeout(()=>{currentLottieMobile=o.lottie,o.lottie.play(),cooldown=!1},700)):(currentLottieMobile=o.lottie,o.lottie.goToAndStop(o.frame,!0),o.lottie.play()),previousMobileStep=e}lottieDesktop1.addEventListener("complete",()=>{0===desktopStep&&(desktopStep=1,playDesktop2())}),lottieDesktop2.addEventListener("complete",()=>{4===desktopStep&&(desktopStep=0,playDesktop1())}),lottieMobile1.addEventListener("complete",()=>{0===mobileStep&&(mobileStep=1,playMobile2())}),lottieMobile2.addEventListener("complete",()=>{4===mobileStep&&(mobileStep=0,playMobile1())}),lottieDesktop2.addEventListener("enterFrame",e=>{let t=e.currentTime;1===desktopStep&&t>=300?desktopStep=2:2===desktopStep&&t>=600?desktopStep=3:3===desktopStep&&t>=900&&(desktopStep=4)}),lottieMobile2.addEventListener("enterFrame",e=>{let t=e.currentTime;1===mobileStep&&t>=351?mobileStep=2:2===mobileStep&&t>=675?mobileStep=3:3===mobileStep&&t>=1040&&(mobileStep=4)}),document.getElementById("pause-button").addEventListener("click",()=>{currentLottieDesktop&&(isPausedDesktop?currentLottieDesktop.play():currentLottieDesktop.pause(),isPausedDesktop?document.getElementById("pause-svg").classList.remove("hide"):document.getElementById("pause-svg").classList.add("hide"),isPausedDesktop=!isPausedDesktop,isPausedMobile?currentLottieMobile.play():currentLottieMobile.pause(),isPausedMobile?document.getElementById("pause-svg").classList.remove("hide"):document.getElementById("pause-svg").classList.add("hide"),isPausedMobile=!isPausedMobile)}),document.querySelector('[control-button="next"]').addEventListener("click",()=>{cooldown||(changeDesktopStep("next"),changeMobileStep("next"),document.getElementById("pause-svg").classList.remove("hide"),isPausedDesktop=!1,isPausedMobile=!1)}),document.querySelector('[control-button="prev"]').addEventListener("click",()=>{cooldown||(changeDesktopStep("prev"),changeMobileStep("prev"),document.getElementById("pause-svg").classList.remove("hide"),isPausedDesktop=!1,isPausedMobile=!1)});