import { jsxs as a, jsx as r } from "react/jsx-runtime";
import { useId as i } from "react";
import s from "./index-PageSection.module.scss.js";
const c = () => {
  const e = i(), t = (o) => `${e}-gBg${o}`;
  return a("svg", {
    className: s.gradientPrimaryMeshSvg,
    viewBox: "0 0 1620 720",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg",
    preserveAspectRatio: "none",
    "aria-hidden": "true",
    children: [r("rect", {
      width: "1620",
      height: "720",
      fill: "var(--lp-hero-dynamic-gradient-primary)"
    }), r("rect", {
      width: "1620",
      height: "720",
      fill: "var(--lp-hero-dynamic-gradient-color1)"
    }), r("rect", {
      width: "1620",
      height: "720",
      fill: `url(#${t(0)})`
    }), r("rect", {
      width: "1620",
      height: "720",
      fill: `url(#${t(1)})`
    }), r("rect", {
      width: "1620",
      height: "720",
      fill: `url(#${t(2)})`
    }), r("rect", {
      width: "1620",
      height: "720",
      fill: `url(#${t(3)})`
    }), r("rect", {
      width: "1620",
      height: "720",
      fill: `url(#${t(4)})`
    }), r("rect", {
      width: "1620",
      height: "720",
      fill: `url(#${t(5)})`
    }), r("rect", {
      width: "1620",
      height: "720",
      fill: `url(#${t(6)})`
    }), r("rect", {
      width: "1620",
      height: "720",
      fill: `url(#${t(7)})`
    }), r("rect", {
      width: "1620",
      height: "720",
      fill: `url(#${t(8)})`
    }), r("rect", {
      width: "1620",
      height: "720",
      fill: `url(#${t(9)})`
    }), r("rect", {
      width: "1620",
      height: "720",
      fill: `url(#${t(10)})`
    }), a("defs", {
      children: [a("radialGradient", {
        id: t(0),
        cx: "0",
        cy: "0",
        r: "1",
        gradientUnits: "userSpaceOnUse",
        gradientTransform: "translate(852 -8.37317e-05) rotate(117.072) scale(505.371 1585.98)",
        children: [r("stop", {
          offset: "0.634769",
          stopColor: "var(--lp-hero-dynamic-gradient-primary)",
          stopOpacity: "0"
        }), r("stop", {
          offset: "0.932819",
          stopColor: "var(--lp-hero-dynamic-gradient-primary)"
        })]
      }), a("radialGradient", {
        id: t(1),
        cx: "0",
        cy: "0",
        r: "1",
        gradientUnits: "userSpaceOnUse",
        gradientTransform: "translate(782 320) rotate(121.483) scale(1022.52 3088.46)",
        children: [r("stop", {
          stopColor: "var(--lp-hero-dynamic-gradient-color3)",
          stopOpacity: "0"
        }), r("stop", {
          offset: "0.932819",
          stopColor: "var(--lp-hero-dynamic-gradient-color3)"
        })]
      }), a("radialGradient", {
        id: t(2),
        cx: "0",
        cy: "0",
        r: "1",
        gradientUnits: "userSpaceOnUse",
        gradientTransform: "translate(-142 784) rotate(-47.07) scale(352.369 1114.56)",
        children: [r("stop", {
          offset: "0.0671808",
          stopColor: "var(--lp-hero-dynamic-gradient-color3)"
        }), r("stop", {
          offset: "1",
          stopColor: "var(--lp-hero-dynamic-gradient-color3)",
          stopOpacity: "0"
        })]
      }), a("radialGradient", {
        id: t(3),
        cx: "0",
        cy: "0",
        r: "1",
        gradientUnits: "userSpaceOnUse",
        gradientTransform: "translate(1424 72.0001) rotate(103.289) scale(408.95 1108.79)",
        children: [r("stop", {
          offset: "0.0671808",
          stopColor: "var(--lp-hero-dynamic-gradient-color2)"
        }), r("stop", {
          offset: "1",
          stopColor: "var(--lp-hero-dynamic-gradient-color2)",
          stopOpacity: "0"
        })]
      }), a("radialGradient", {
        id: t(4),
        cx: "0",
        cy: "0",
        r: "1",
        gradientUnits: "userSpaceOnUse",
        gradientTransform: "translate(1504 -52) rotate(109.573) scale(286.559 668.261)",
        children: [r("stop", {
          offset: "0.0671808",
          stopColor: "var(--lp-hero-dynamic-gradient-primary)"
        }), r("stop", {
          offset: "1",
          stopColor: "var(--lp-hero-dynamic-gradient-primary)",
          stopOpacity: "0"
        })]
      }), a("radialGradient", {
        id: t(5),
        cx: "0",
        cy: "0",
        r: "1",
        gradientUnits: "userSpaceOnUse",
        gradientTransform: "translate(1510 540) rotate(124.444) scale(284.253 507.558)",
        children: [r("stop", {
          stopColor: "var(--lp-hero-dynamic-gradient-primary)"
        }), r("stop", {
          offset: "1",
          stopColor: "var(--lp-hero-dynamic-gradient-primary)",
          stopOpacity: "0"
        })]
      }), a("radialGradient", {
        id: t(6),
        cx: "0",
        cy: "0",
        r: "1",
        gradientUnits: "userSpaceOnUse",
        gradientTransform: "translate(740 68.0001) rotate(143.584) scale(303.21 861.191)",
        children: [r("stop", {
          stopColor: "var(--lp-hero-dynamic-gradient-primary)"
        }), r("stop", {
          offset: "1",
          stopColor: "var(--lp-hero-dynamic-gradient-primary)",
          stopOpacity: "0"
        })]
      }), a("radialGradient", {
        id: t(7),
        cx: "0",
        cy: "0",
        r: "1",
        gradientUnits: "userSpaceOnUse",
        gradientTransform: "translate(166 238) rotate(130.406) scale(317.805 471.409)",
        children: [r("stop", {
          stopColor: "var(--lp-hero-dynamic-gradient-primary)"
        }), r("stop", {
          offset: "0.846218",
          stopColor: "var(--lp-hero-dynamic-gradient-primary)",
          stopOpacity: "0"
        })]
      }), a("radialGradient", {
        id: t(8),
        cx: "0",
        cy: "0",
        r: "1",
        gradientUnits: "userSpaceOnUse",
        gradientTransform: "translate(278 152) rotate(122.417) scale(324.58 872.784)",
        children: [r("stop", {
          stopColor: "var(--lp-hero-dynamic-gradient-color1)",
          stopOpacity: "0.6"
        }), r("stop", {
          offset: "0.745581",
          stopColor: "var(--lp-hero-dynamic-gradient-color1)",
          stopOpacity: "0"
        })]
      }), a("radialGradient", {
        id: t(9),
        cx: "0",
        cy: "0",
        r: "1",
        gradientUnits: "userSpaceOnUse",
        gradientTransform: "translate(1526 288) rotate(113.29) scale(328.792 1881.14)",
        children: [r("stop", {
          offset: "0.0519575",
          stopColor: "var(--lp-hero-dynamic-gradient-color1)",
          stopOpacity: "0.4"
        }), r("stop", {
          offset: "0.745581",
          stopColor: "var(--lp-hero-dynamic-gradient-color1)",
          stopOpacity: "0"
        })]
      }), a("radialGradient", {
        id: t(10),
        cx: "0",
        cy: "0",
        r: "1",
        gradientUnits: "userSpaceOnUse",
        gradientTransform: "translate(1512 370) rotate(111.991) scale(112.161 519.22)",
        children: [r("stop", {
          offset: "0.0519575",
          stopColor: "var(--lp-hero-dynamic-gradient-color1)",
          stopOpacity: "0.3"
        }), r("stop", {
          offset: "1",
          stopColor: "var(--lp-hero-dynamic-gradient-color1)",
          stopOpacity: "0"
        })]
      })]
    })]
  });
};
export {
  c as GradientPrimaryMeshBackground
};
