const colorPrimary=window.getComputedStyle(document.querySelector("body")).getPropertyValue("--black");const scrollEnd="80px";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.querySelector(".brand>img"),desktopNav],{scrollTrigger:{trigger:"body",start:"top",end:scrollEnd,scrub:!0,},width:(r)=>(r===0?"80%":"100%"),backgroundColor:(r)=>(r===1?colorPrimary:null),},);};(startDesktopAnimation(),mm.add("(max-width:66rem)",()=>{animationDesktop?.revert();let r=gsap.to(mobileNav,{scrollTrigger:{trigger:"body",start:"top",end:scrollEnd,scrub:!0,},backgroundColor:colorPrimary,});return()=>{(r.revert(),startDesktopAnimation());};}));