window.__STYLEGALLERY_ASSETS__={};
const main = document.querySelector("main");
const group = document.querySelector("#group");
for (let i = 0; i < 4; i++) {
  if (i > 0) {
    const clone = group.cloneNode(true);
    const path = clone.querySelector(".shape");
    path.id = "shape" + (i + 1);
    main.append(clone);
  }
}
gsap.set(".morph-shapeIndex", {
  innerHTML: (i) => ["default", "3", "6", "9"][i]
});
gsap.to(".shape", {
  delay: (i) => i * 0.25,
  duration: 2,
  ease: "power3.inOut",
  yoyo: true,
  repeat: -1,
  morphSVG: (i) => [
    { shape: "#shapeNew" },
    { shape: "#shapeNew", shapeIndex: 3 },
    { shape: "#shapeNew", shapeIndex: 6 },
    { shape: "#shapeNew", shapeIndex: 9 }
  ][i]
});