window.__STYLEGALLERY_ASSETS__={};
gsap.timeline({
  paused: true,
  scrollTrigger: {
    markers: true,
    trigger: "#trigger-container",
    start: "0 60%",
    end: "100% 40%",
    toggleActions: "play reverse play reverse",
    //onEnter, onLeave, onEnterBack, onLeaveBack
    onEnter: () => text.innerText = "onEnter",
    onLeave: () => text.innerText = "onLeave",
    onEnterBack: () => text.innerText = "onEnterBack",
    onLeaveBack: () => text.innerText = "onLeaveBack"
  }
}).to("#knob", {
  duration: 1,
  x: 93,
  ease: "expo.inOut"
});
let inZone = false;
ScrollTrigger.create({
  start: 0,
  end: "max",
  onUpdate: (self) => {
    if (self.direction !== self.prevDirection && !inZone) {
      gsap.to("#arrow", {
        rotation: self.direction === 1 ? 0 : -180,
        duration: 0.2
      });
      self.prevDirection = self.direction;
    }
  }
});