const scrollEnd="180px",afterScrollBgColor="rgba(255, 255, 255, 0.8)",afterScrollColor="#242325",afterScrollGreen="#6f8360";gsap.registerPlugin(ScrollTrigger);let mm=gsap.matchMedia(),animationDesktop;const desktopNav=document.querySelector("#navbar-desktop"),mobileNav=document.querySelector("#navbar-mobile"),startDesktopAnimation=function(){animationDesktop=gsap.to([desktopNav,desktopNav.querySelector(".brand>*"),".nav-bg",...desktopNav.querySelectorAll("[svg-green]"),],{scrollTrigger:{trigger:"body",start:"top",end:scrollEnd,scrub:!0},backgroundColor:r=>0===r?afterScrollBgColor:null,width:r=>1===r?"90%":"100%",backdropFilter:r=>2===r?"blur(10px)":null,color:r=>r>=3?afterScrollGreen:afterScrollColor})};startDesktopAnimation(),mm.add("(max-width: 66rem)",()=>{animationDesktop?.revert();let r=gsap.to([mobileNav,".nav-bg",...mobileNav.querySelectorAll("[svg-green]")],{scrollTrigger:{trigger:"body",start:"top",end:scrollEnd,scrub:!0},backgroundColor:r=>0===r?afterScrollBgColor:null,color:r=>r>=2?afterScrollGreen:afterScrollColor,backdropFilter:r=>1===r?"blur(10px)":null});return()=>{r.revert(),startDesktopAnimation()}});