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/6ae873381f2cb84546d3aee2_hero-desktop-fixed2.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/6ae87335b8aed007468f52c8_hero-mobile-fixed2.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];((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)? ((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];((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)? ((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)=>{((e = e.currentTime),1 === desktopStep && 300 <= e? (desktopStep = 2): 2 === desktopStep && 600 <= e? (desktopStep = 3): 3 === desktopStep && 900 <= e && (desktopStep = 4));}),lottieMobile2.addEventListener("enterFrame",(e)=>{((e = e.currentTime),1 === mobileStep && 351 <= e? (mobileStep = 2): 2 === mobileStep && 675 <= e? (mobileStep = 3): 3 === mobileStep && 1040 <= e && (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));}));