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