@wix/design-system-illustrations 2.29.0 → 2.31.1

package/dist/cjs/StoreWrap.js

@@ -42,9 +42,9 @@ const StoreWrap = (props) => /* @__PURE__ */ import_react.default.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     ...props
   },
-  /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#StoreWrap__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "14", height: "42", x: "15", y: "43", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(-90 15 43)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#StoreWrap__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#StoreWrap__c)", d: "M14.999.063H72V42.92H14.999z", transform: "rotate(-.06 14.999 .063)" }))),
-  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M18 33h10v2H18zM18 37h10v2H18zM31 33h10v2H31zM31 37h10v2H31zM44 33h10v2H44z" }),
-  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "StoreWrap__c", x1: "63.916", x2: "30.89", y1: "3.909", y2: "59.96", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "StoreWrap__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "14", height: "42", x: "15", y: "43", fill: "#fff", rx: "3", transform: "rotate(-90 15 43)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "StoreWrap__b", width: "69.045", height: "54.922", x: "8.999", y: "-6", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_8622", stdDeviation: "3" })))
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#StoreWrap__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "14", height: "42", x: "15", y: "43", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(-90 15 43)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#StoreWrap__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#StoreWrap__c)", d: "M14.999.063H72V42.92H14.999z", transform: "rotate(-.06 14.999 .063)" }))),
+  /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M18 33h10v2H18zM18 37h10v2H18zM31 33h10v2H31zM31 37h10v2H31zM44 33h10v2H44z" }),
+  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "StoreWrap__c", x1: "63.916", x2: "30.89", y1: "3.909", y2: "59.96", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "StoreWrap__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "14", height: "42", x: "15", y: "43", fill: "#fff", rx: "3", transform: "rotate(-90 15 43)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "StoreWrap__b", width: "69.045", height: "54.922", x: "8.999", y: "-6", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1574_17189", stdDeviation: "3" })))
 );
 StoreWrap.displayName = "StoreWrap";
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/animated/ElementsFixedHeight.js

@@ -35,6 +35,7 @@ var import_react = __toESM(require("react"));
 const ElementsFixedHeight = (0, import_react.forwardRef)(
   ({ className, ...props }, ref) => {
     const svgRef = (0, import_react.useRef)(null);
+    const uid = (0, import_react.useId)().replace(/:/g, "");
     (0, import_react.useImperativeHandle)(
       ref,
       () => ({
@@ -75,8 +76,8 @@ const ElementsFixedHeight = (0, import_react.forwardRef)(
         className: ["ElementsFixedHeight-root", className].filter(Boolean).join(" "),
         ...props
       },
-      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedHeight-paint0_linear_16_18", x1: "104.586", y1: "59.1065", x2: "137.096", y2: "91.7971", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedHeight-paint1_linear_16_18", x1: "78.2891", y1: "27.4515", x2: "139.642", y2: "103.55", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedHeight-paint2_linear_16_18", x1: "111.677", y1: "34.4475", x2: "87.1605", y2: "65.7319", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsFixedHeight-filter0_i_16_18", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_16_18" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsFixedHeight-filter1_f_16_18", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.37792", result: "effect1_foregroundBlur_16_18" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedHeight-clip0_16_18" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.2646", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedHeight-clip1_16_18" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.5781", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedHeight-clip2_16_18" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", rx: "4", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedHeight-clip3_16_18" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "white" }))),
-      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsFixedHeight-filter0_i_16_18)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip0_16_18)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.2646", y: "22.9559", width: "73", height: "81", rx: "6", fill: "#F8F6F6", className: "ElementsFixedHeight-node-4-3", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedHeight-crop-node-16" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip1_16_18)" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip2_16_18)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", fill: "#EAEFFF", className: "ElementsFixedHeight-node-7-3" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedHeight-group-mrw4nj39-4" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M119.417 47.2596L91.8188 82.1505L141.04 76.4115L119.417 47.2596Z", fill: "url(#ElementsFixedHeight-paint0_linear_16_18)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M169.012 59.7176C169.012 59.7176 131.172 47.5971 129.327 46.983C127.481 46.369 116.031 43.5279 119.416 51.7194C122.78 59.8597 124.623 62.9902 125.356 64.3802C126.089 65.7703 129.074 71.4339 121.565 73.5239C113.053 75.8916 67.1477 87.1357 67.1477 87.1357V93.5932H169.012V59.7176Z", fill: "url(#ElementsFixedHeight-paint1_linear_16_18)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ElementsFixedHeight-node-10-3", clipPath: "url(#ElementsFixedHeight-clip3_16_18)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsFixedHeight-filter1_f_16_18)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M98.8074 32.1431C98.0424 32.2952 97.2871 32.5062 96.5515 32.776C93.5305 33.8946 90.8528 36.0238 89.0873 39.0214C85.0512 45.8653 87.2973 54.6324 94.1043 58.6014C100.911 62.5704 109.7 60.2351 113.736 53.3912C117.772 46.5424 115.526 37.7753 108.724 33.8112C105.614 31.996 102.098 31.5005 98.8074 32.1431Z", fill: "url(#ElementsFixedHeight-paint2_linear_16_18)" }))))))), /* @__PURE__ */ import_react.default.createElement("path", { d: "M41.7646 67.4559V59.4559C41.7646 58.9036 41.3169 58.4559 40.7646 58.4559C40.2124 58.4559 39.7646 58.9036 39.7646 59.4559V67.4559C39.7646 68.0082 40.2124 68.4559 40.7646 68.4559C41.3169 68.4559 41.7646 68.0082 41.7646 67.4559Z", fill: "#B8C4FF", className: "ElementsFixedHeight-node-14-3" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M195.765 67.4559V59.4559C195.765 58.9036 195.317 58.4559 194.765 58.4559C194.212 58.4559 193.765 58.9036 193.765 59.4559V67.4559C193.765 68.0082 194.212 68.4559 194.765 68.4559C195.317 68.4559 195.765 68.0082 195.765 67.4559Z", fill: "#B8C4FF", className: "ElementsFixedHeight-node-15" })))
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_16_18`, x1: "104.586", y1: "59.1065", x2: "137.096", y2: "91.7971", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint1_linear_16_18`, x1: "78.2891", y1: "27.4515", x2: "139.642", y2: "103.55", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint2_linear_16_18`, x1: "111.677", y1: "34.4475", x2: "87.1605", y2: "65.7319", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter0_i_16_18`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_16_18" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_16_18`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.37792", result: "effect1_foregroundBlur_16_18" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_16_18` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.2646", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip1_16_18` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.5781", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip2_16_18` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", rx: "4", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip3_16_18` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "white" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_i_16_18)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_16_18)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.2646", y: "22.9559", width: "73", height: "81", rx: "6", fill: "#F8F6F6", className: "ElementsFixedHeight-node-4-3", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedHeight-crop-node-16" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_16_18)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_16_18)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", fill: "#EAEFFF", className: "ElementsFixedHeight-node-7-3" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedHeight-group-mrw4nj39-4" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M119.417 47.2596L91.8188 82.1505L141.04 76.4115L119.417 47.2596Z", fill: `url(#${uid}-paint0_linear_16_18)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M169.012 59.7176C169.012 59.7176 131.172 47.5971 129.327 46.983C127.481 46.369 116.031 43.5279 119.416 51.7194C122.78 59.8597 124.623 62.9902 125.356 64.3802C126.089 65.7703 129.074 71.4339 121.565 73.5239C113.053 75.8916 67.1477 87.1357 67.1477 87.1357V93.5932H169.012V59.7176Z", fill: `url(#${uid}-paint1_linear_16_18)` })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ElementsFixedHeight-node-10-3", clipPath: `url(#${uid}-clip3_16_18)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_16_18)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M98.8074 32.1431C98.0424 32.2952 97.2871 32.5062 96.5515 32.776C93.5305 33.8946 90.8528 36.0238 89.0873 39.0214C85.0512 45.8653 87.2973 54.6324 94.1043 58.6014C100.911 62.5704 109.7 60.2351 113.736 53.3912C117.772 46.5424 115.526 37.7753 108.724 33.8112C105.614 31.996 102.098 31.5005 98.8074 32.1431Z", fill: `url(#${uid}-paint2_linear_16_18)` }))))))), /* @__PURE__ */ import_react.default.createElement("path", { d: "M41.7646 67.4559V59.4559C41.7646 58.9036 41.3169 58.4559 40.7646 58.4559C40.2124 58.4559 39.7646 58.9036 39.7646 59.4559V67.4559C39.7646 68.0082 40.2124 68.4559 40.7646 68.4559C41.3169 68.4559 41.7646 68.0082 41.7646 67.4559Z", fill: "#B8C4FF", className: "ElementsFixedHeight-node-14-3" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M195.765 67.4559V59.4559C195.765 58.9036 195.317 58.4559 194.765 58.4559C194.212 58.4559 193.765 58.9036 193.765 59.4559V67.4559C193.765 68.0082 194.212 68.4559 194.765 68.4559C195.317 68.4559 195.765 68.0082 195.765 67.4559Z", fill: "#B8C4FF", className: "ElementsFixedHeight-node-15" })))
     );
   }
 );

package/dist/cjs/animated/ElementsFixedMargins.js

@@ -35,6 +35,7 @@ var import_react = __toESM(require("react"));
 const ElementsFixedMargins = (0, import_react.forwardRef)(
   ({ className, ...props }, ref) => {
     const svgRef = (0, import_react.useRef)(null);
+    const uid = (0, import_react.useId)().replace(/:/g, "");
     (0, import_react.useImperativeHandle)(
       ref,
       () => ({
@@ -75,8 +76,8 @@ const ElementsFixedMargins = (0, import_react.forwardRef)(
         className: ["ElementsFixedMargins-root", className].filter(Boolean).join(" "),
         ...props
       },
-      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedMargins-paint0_linear_25_1905", x1: "104.289", y1: "59.2165", x2: "136.799", y2: "91.907", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedMargins-paint1_linear_25_1905", x1: "77.9922", y1: "27.5615", x2: "139.345", y2: "103.66", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedMargins-paint2_linear_25_1905", x1: "111.38", y1: "34.5575", x2: "86.8637", y2: "65.8419", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsFixedMargins-filter0_i_25_1905", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_25_1905" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsFixedMargins-filter1_f_25_1905", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.37792", result: "effect1_foregroundBlur_25_1905" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedMargins-clip1_25_1905" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68", y: "34.5", width: "100", height: "58", rx: "4", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedMargins-clip2_25_1905" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "86.7842", y: "42.0673", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "white" }))),
-      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsFixedMargins-filter0_i_25_1905)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "#F8F6F6", className: "ElementsFixedMargins-node-4", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M42 68V60C42 59.4477 41.5523 59 41 59C40.4477 59 40 59.4477 40 60V68C40 68.5523 40.4477 69 41 69C41.5523 69 42 68.5523 42 68Z", fill: "#B8C4FF", className: "ElementsFixedMargins-node-5" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 68V60C196 59.4477 195.552 59 195 59C194.448 59 194 59.4477 194 60V68C194 68.5523 194.448 69 195 69C195.552 69 196 68.5523 196 68Z", fill: "#B8C4FF", className: "ElementsFixedMargins-node-6" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedMargins-crop-mrxa8x22-k" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedMargins-clip1_25_1905)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68", y: "34.5", width: "100", height: "58", rx: "4", fill: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedMargins-group-mrx7juoz-d" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M119.12 47.3696L91.522 82.2605L140.743 76.5215L119.12 47.3696Z", fill: "url(#ElementsFixedMargins-paint0_linear_25_1905)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M168.715 59.8276C168.715 59.8276 130.875 47.7071 129.03 47.093C127.184 46.479 115.734 43.6378 119.119 51.8294C122.483 59.9697 124.326 63.1002 125.059 64.4902C125.792 65.8802 128.777 71.5439 121.268 73.6339C112.756 76.0016 66.8508 87.2457 66.8508 87.2457V93.7032H168.715V59.8276Z", fill: "url(#ElementsFixedMargins-paint1_linear_25_1905)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ElementsFixedMargins-node-11", clipPath: "url(#ElementsFixedMargins-clip2_25_1905)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "86.7842", y: "42.0673", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsFixedMargins-filter1_f_25_1905)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M98.5106 32.2531C97.7455 32.4052 96.9903 32.6162 96.2546 32.886C93.2336 34.0046 90.556 36.1338 88.7904 39.1314C84.7543 45.9753 87.0004 54.7424 93.8074 58.7114C100.614 62.6804 109.403 60.3451 113.439 53.5012C117.475 46.6523 115.229 37.8852 108.427 33.9212C105.318 32.1059 101.801 31.6104 98.5106 32.2531Z", fill: "url(#ElementsFixedMargins-paint2_linear_25_1905)" })))))))
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_25_1905`, x1: "104.289", y1: "59.2165", x2: "136.799", y2: "91.907", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint1_linear_25_1905`, x1: "77.9922", y1: "27.5615", x2: "139.345", y2: "103.66", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint2_linear_25_1905`, x1: "111.38", y1: "34.5575", x2: "86.8637", y2: "65.8419", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter0_i_25_1905`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_25_1905" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_25_1905`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.37792", result: "effect1_foregroundBlur_25_1905" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip1_25_1905` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68", y: "34.5", width: "100", height: "58", rx: "4", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip2_25_1905` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "86.7842", y: "42.0673", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "white" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_i_25_1905)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "#F8F6F6", className: "ElementsFixedMargins-node-4", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M42 68V60C42 59.4477 41.5523 59 41 59C40.4477 59 40 59.4477 40 60V68C40 68.5523 40.4477 69 41 69C41.5523 69 42 68.5523 42 68Z", fill: "#B8C4FF", className: "ElementsFixedMargins-node-5" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 68V60C196 59.4477 195.552 59 195 59C194.448 59 194 59.4477 194 60V68C194 68.5523 194.448 69 195 69C195.552 69 196 68.5523 196 68Z", fill: "#B8C4FF", className: "ElementsFixedMargins-node-6" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedMargins-crop-mrxa8x22-k" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_25_1905)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68", y: "34.5", width: "100", height: "58", rx: "4", fill: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedMargins-group-mrx7juoz-d" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M119.12 47.3696L91.522 82.2605L140.743 76.5215L119.12 47.3696Z", fill: `url(#${uid}-paint0_linear_25_1905)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M168.715 59.8276C168.715 59.8276 130.875 47.7071 129.03 47.093C127.184 46.479 115.734 43.6378 119.119 51.8294C122.483 59.9697 124.326 63.1002 125.059 64.4902C125.792 65.8802 128.777 71.5439 121.268 73.6339C112.756 76.0016 66.8508 87.2457 66.8508 87.2457V93.7032H168.715V59.8276Z", fill: `url(#${uid}-paint1_linear_25_1905)` })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ElementsFixedMargins-node-11", clipPath: `url(#${uid}-clip2_25_1905)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "86.7842", y: "42.0673", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_25_1905)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M98.5106 32.2531C97.7455 32.4052 96.9903 32.6162 96.2546 32.886C93.2336 34.0046 90.556 36.1338 88.7904 39.1314C84.7543 45.9753 87.0004 54.7424 93.8074 58.7114C100.614 62.6804 109.403 60.3451 113.439 53.5012C117.475 46.6523 115.229 37.8852 108.427 33.9212C105.318 32.1059 101.801 31.6104 98.5106 32.2531Z", fill: `url(#${uid}-paint2_linear_25_1905)` })))))))
     );
   }
 );

package/dist/cjs/animated/ElementsScale.js

@@ -35,6 +35,7 @@ var import_react = __toESM(require("react"));
 const ElementsScale = (0, import_react.forwardRef)(
   ({ className, ...props }, ref) => {
     const svgRef = (0, import_react.useRef)(null);
+    const uid = (0, import_react.useId)().replace(/:/g, "");
     (0, import_react.useImperativeHandle)(
       ref,
       () => ({
@@ -75,8 +76,8 @@ const ElementsScale = (0, import_react.forwardRef)(
         className: ["ElementsScale-root", className].filter(Boolean).join(" "),
         ...props
       },
-      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsScale-paint0_linear_4125_12361", x1: "110.482", y1: "60.3398", x2: "133.552", y2: "78.8708", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsScale-paint0_linear_4125_12403", x1: "113.562", y1: "61.7065", x2: "126.645", y2: "72.2151", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsScale-paint1_linear_4125_12361", x1: "95.2177", y1: "37.3346", x2: "140.84", y2: "82.5369", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsScale-paint1_linear_4125_12403", x1: "104.902", y1: "48.661", x2: "130.774", y2: "74.2946", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsScale-paint2_linear_4125_12361", x1: "113.012", y1: "41.6462", x2: "94.9412", y2: "64.7056", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsScale-paint2_linear_4125_12403", x1: "114.992", y1: "51.1105", x2: "104.744", y2: "64.1871", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsScale-filter0_i_4125_12361", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_4125_12361" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsScale-filter1_f_4125_12361", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.01565", result: "effect1_foregroundBlur_4125_12361" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip0_4125_12361" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.5", y: "23", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip1_4125_12361" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.8125", y: "23", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip2_4125_12361" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "41.6619", rx: "3.9058", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip3_4125_12361" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "42.5019", rx: "3.69581", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip4_4125_12361" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "94.8828", y: "47.875", width: "11.7174", height: "11.7174", rx: "5.8587", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsScale-filter0_i_4125_12403", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_4125_12403" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsScale-filter1_f_4125_12403", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "0.575959", result: "effect1_foregroundBlur_4125_12403" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip0_4125_12403" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "101.758", y: "51.6875", width: "32.4856", height: "23.6259", rx: "2.21493", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip1_4125_12403" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "101.758", y: "51.6875", width: "32.4856", height: "24.1022", rx: "2.09584", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip2_4125_12403" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "104.711", y: "54.6406", width: "6.64478", height: "6.64478", rx: "3.32239", fill: "white" }))),
-      /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsScale-filter0_i_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip0_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "#f8f6f6", className: "ElementsScale-node-3", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ElementsScale-Frame-2147240028" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip1_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip2_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip3_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "42.5019", rx: "3.69581", fill: "#eaefff" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M119.091 51.7305L103.07 77.0863L131.643 72.9157L119.091 51.7305Z", fill: "url(#ElementsScale-paint0_linear_4125_12361)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M147.883 60.7829C147.883 60.7829 125.917 51.9748 124.845 51.5285C123.774 51.0823 117.127 49.0176 119.092 54.9706C121.045 60.8862 122.115 63.1612 122.541 64.1714C122.966 65.1815 124.699 69.2975 120.34 70.8162C115.398 72.5369 88.75 80.7082 88.75 80.7082V85.401H147.883V60.7829Z", fill: "url(#ElementsScale-paint1_linear_4125_12361)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip4_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "94.8828", y: "47.875", width: "11.7174", height: "11.7174", rx: "5.8587", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsScale-filter1_f_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M103.526 39.9477C102.962 40.0598 102.405 40.2153 101.863 40.4142C99.6365 41.2387 97.6628 42.8081 96.3614 45.0176C93.3864 50.0622 95.042 56.5243 100.059 59.4498C105.077 62.3753 111.555 60.6539 114.53 55.6094C117.505 50.5612 115.849 44.0991 110.835 41.1772C108.543 39.8392 105.952 39.474 103.526 39.9477Z", fill: "url(#ElementsScale-paint2_linear_4125_12361)" })))))))))))))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M42 59H40V69H42V59Z", fill: "#b8c4ff", className: "ElementsScale-Vector_4" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 59H194V69H196V59Z", fill: "#b8c4ff", className: "ElementsScale-Vector_5" }))))
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4125_12361`, x1: "110.482", y1: "60.3398", x2: "133.552", y2: "78.8708", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4125_12403`, x1: "113.562", y1: "61.7065", x2: "126.645", y2: "72.2151", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint1_linear_4125_12361`, x1: "95.2177", y1: "37.3346", x2: "140.84", y2: "82.5369", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint1_linear_4125_12403`, x1: "104.902", y1: "48.661", x2: "130.774", y2: "74.2946", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint2_linear_4125_12361`, x1: "113.012", y1: "41.6462", x2: "94.9412", y2: "64.7056", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint2_linear_4125_12403`, x1: "114.992", y1: "51.1105", x2: "104.744", y2: "64.1871", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter0_i_4125_12361`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_4125_12361" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4125_12361`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.01565", result: "effect1_foregroundBlur_4125_12361" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_4125_12361` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.5", y: "23", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip1_4125_12361` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.8125", y: "23", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip2_4125_12361` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "41.6619", rx: "3.9058", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip3_4125_12361` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "42.5019", rx: "3.69581", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip4_4125_12361` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "94.8828", y: "47.875", width: "11.7174", height: "11.7174", rx: "5.8587", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter0_i_4125_12403`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_4125_12403" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4125_12403`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "0.575959", result: "effect1_foregroundBlur_4125_12403" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_4125_12403` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "101.758", y: "51.6875", width: "32.4856", height: "23.6259", rx: "2.21493", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip1_4125_12403` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "101.758", y: "51.6875", width: "32.4856", height: "24.1022", rx: "2.09584", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip2_4125_12403` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "104.711", y: "54.6406", width: "6.64478", height: "6.64478", rx: "3.32239", fill: "white" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_i_4125_12361)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4125_12361)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "#f8f6f6", className: "ElementsScale-node-3", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ElementsScale-Frame-2147240028" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4125_12361)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4125_12361)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip3_4125_12361)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "42.5019", rx: "3.69581", fill: "#eaefff" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M119.091 51.7305L103.07 77.0863L131.643 72.9157L119.091 51.7305Z", fill: `url(#${uid}-paint0_linear_4125_12361)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M147.883 60.7829C147.883 60.7829 125.917 51.9748 124.845 51.5285C123.774 51.0823 117.127 49.0176 119.092 54.9706C121.045 60.8862 122.115 63.1612 122.541 64.1714C122.966 65.1815 124.699 69.2975 120.34 70.8162C115.398 72.5369 88.75 80.7082 88.75 80.7082V85.401H147.883V60.7829Z", fill: `url(#${uid}-paint1_linear_4125_12361)` })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip4_4125_12361)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "94.8828", y: "47.875", width: "11.7174", height: "11.7174", rx: "5.8587", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_4125_12361)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M103.526 39.9477C102.962 40.0598 102.405 40.2153 101.863 40.4142C99.6365 41.2387 97.6628 42.8081 96.3614 45.0176C93.3864 50.0622 95.042 56.5243 100.059 59.4498C105.077 62.3753 111.555 60.6539 114.53 55.6094C117.505 50.5612 115.849 44.0991 110.835 41.1772C108.543 39.8392 105.952 39.474 103.526 39.9477Z", fill: `url(#${uid}-paint2_linear_4125_12361)` })))))))))))))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M42 59H40V69H42V59Z", fill: "#b8c4ff", className: "ElementsScale-Vector_4" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 59H194V69H196V59Z", fill: "#b8c4ff", className: "ElementsScale-Vector_5" }))))
     );
   }
 );

package/dist/cjs/animated/HeaderScrollEffectDisappear.js

@@ -0,0 +1,89 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var HeaderScrollEffectDisappear_exports = {};
+__export(HeaderScrollEffectDisappear_exports, {
+  HeaderScrollEffectDisappear: () => HeaderScrollEffectDisappear
+});
+module.exports = __toCommonJS(HeaderScrollEffectDisappear_exports);
+var import_react = __toESM(require("react"));
+const HeaderScrollEffectDisappear = (0, import_react.forwardRef)(
+  ({ className, ...props }, ref) => {
+    const svgRef = (0, import_react.useRef)(null);
+    const uid = (0, import_react.useId)().replace(/:/g, "");
+    (0, import_react.useImperativeHandle)(
+      ref,
+      () => ({
+        play: () => {
+          var _a;
+          return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.play());
+        },
+        pause: () => {
+          var _a;
+          return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.pause());
+        },
+        reset: () => {
+          var _a;
+          return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
+            a.currentTime = 0;
+            a.pause();
+          });
+        }
+      }),
+      []
+    );
+    (0, import_react.useEffect)(() => {
+      var _a;
+      (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
+        a.currentTime = 0;
+        a.pause();
+      });
+    }, []);
+    return /* @__PURE__ */ import_react.default.createElement(
+      "svg",
+      {
+        ref: svgRef,
+        viewBox: "0 0 114 114",
+        fill: "none",
+        width: 114,
+        height: 114,
+        xmlns: "http://www.w3.org/2000/svg",
+        className: ["HeaderScrollEffectDisappear-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_25_3275`, x1: "77.5963", y1: "-36.1769", x2: "-47.9284", y2: "63.4473", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint1_linear_25_3275`, x1: "42.1667", y1: "22.1887", x2: "54.9328", y2: "33.3753", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint2_linear_25_3275`, x1: "33.0899", y1: "9.64945", x2: "57.8831", y2: "36.4474", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint3_linear_25_3275`, x1: "44.4252", y1: "12.8078", x2: "36.7265", y2: "22.6317", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint4_linear_25_3275`, x1: "61.8141", y1: "-7.47193", x2: "-5.23913", y2: "82.9374", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint5_linear_25_3275`, x1: "72.4738", y1: "5.75411", x2: "16.4116", y2: "74.7216", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint6_linear_25_3275`, x1: "95.268", y1: "12.6636", x2: "45.7679", y2: "73.6539", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint7_linear_25_3275`, x1: "133.485", y1: "-16.9103", x2: "26.259", y2: "144.793", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint8_linear_25_3275`, x1: "62.8153", y1: "67.1683", x2: "39.9971", y2: "107.413", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter0_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "6", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "0.780106", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter2_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "5.12023", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter3_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "5.12023", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter4_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "5.12023", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter5_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "6", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter6_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.85439", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "64", height: "105.132", rx: "3", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip1_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "64", height: "101", rx: "3", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip2_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "33.7017", y: "13", width: "24", height: "21", rx: "3", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip3_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "80", height: "35", fill: "white", transform: "translate(22.7017 7)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip4_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "36.7017", y: "16", width: "5", height: "5", rx: "2.5", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip5_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-10.5", y: "44", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip6_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "18.5", y: "44", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip7_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "47.5", y: "44", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip8_25_3275` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0.0737305 76L63.9443 76V98C63.9443 99.6569 62.6012 101 60.9443 101L3.07373 101C1.41688 101 0.0737305 99.6569 0.0737305 98L0.0737305 76Z", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip9_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "27.291", y: "91.0879", width: "9.43666", height: "3.48371", rx: "1.74185", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "114", height: "114" }, /* @__PURE__ */ import_react.default.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(23px, 33.000002px) scale(0.99, 0.99)" }, x: "0", y: "0", width: "64", height: "44", rx: "4", fill: "var(--color-2)" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("path", { display: "none", d: "M0 8C0 3.58172 3.58172 0 8 0H106C110.418 0 114 3.58172 114 8V106C114 110.418 110.418 114 106 114H8C3.58172 114 0 110.418 0 106V8Z", fill: "var(--color-3)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M91 72.8438C91 73.4823 90.5523 74 90 74C89.4477 74 89 73.4823 89 72.8438V38.1562C89 37.5177 89.4477 37 90 37C90.5523 37 91 37.5177 91 38.1562V72.8438Z", fill: "var(--color-4)" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "90", y1: "42", x2: "90", y2: "48", fill: "none", stroke: "var(--color-5)", className: "HeaderScrollEffectDisappear-node-27", strokeWidth: "2", strokeLinecap: "round" })),
+      /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { className: "HeaderScrollEffectDisappear-import-ms35em94-29" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "64", height: "100.968", rx: "3", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "HeaderScrollEffectDisappear-node-2", clipPath: `url(#${uid}-clip0_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "64", height: "101", rx: "3", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-0.497559", y: "-49.3096", width: "91", height: "146.31", fill: `url(#${uid}-paint0_linear_25_3275)` })))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip3_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "22.7017", y: "7", width: "80", height: "35", fill: "var(--color-5)" })), /* @__PURE__ */ import_react.default.createElement("path", { d: "M47.2859 17.4961L37.7598 31.3166L54.7497 29.0433L47.2859 17.4961Z", fill: `url(#${uid}-paint1_linear_25_3275)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M72.6897 25.6988C72.6897 25.6988 51.3439 17.6293 50.7069 17.386C50.07 17.1428 46.1175 16.0174 47.286 19.2621C48.4472 22.4865 49.0834 23.7265 49.3364 24.2771C49.5894 24.8278 50.6196 27.0712 48.0277 27.899C45.0895 28.8369 29.2441 33.2907 29.2441 33.2907V35.8486H72.6897V25.6988Z", fill: `url(#${uid}-paint2_linear_25_3275)` }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip4_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "36.7017", y: "16", width: "5", height: "5", rx: "2.5", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M40.3839 12.0842C40.1436 12.132 39.9065 12.1982 39.6755 12.283C38.7268 12.6342 37.886 13.3028 37.3316 14.2441C36.0642 16.3933 36.7695 19.1463 38.907 20.3926C41.0445 21.639 43.8042 20.9056 45.0717 18.7565C46.3391 16.6059 45.6338 13.8528 43.4978 12.608C42.5214 12.038 41.4172 11.8824 40.3839 12.0842Z", fill: `url(#${uid}-paint3_linear_25_3275)` })))), /* @__PURE__ */ import_react.default.createElement("rect", { x: "6.70166", y: "19", width: "23", height: "1", rx: "0.5", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "6.70166", y: "23", width: "23", height: "1", rx: "0.5", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "6.70166", y: "27", width: "12", height: "1", rx: "0.5", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip5_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-10.5", y: "44", width: "27", height: "21", rx: "2", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-10.3105", y: "-14.6113", width: "84.0442", height: "79.5391", fill: `url(#${uid}-paint4_linear_25_3275)` }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip6_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "18.5", y: "44", width: "27", height: "21", rx: "2", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "18.6895", y: "-0.081055", width: "62.6729", height: "65.0088", fill: `url(#${uid}-paint5_linear_25_3275)` }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip7_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "47.5", y: "44", width: "27", height: "21", rx: "2", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter4_f_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "47.6895", y: "7.50977", width: "55.4416", height: "57.418", fill: `url(#${uid}-paint6_linear_25_3275)` }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip8_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0.0737305 76L63.9443 76V98C63.9443 99.6569 62.6012 101 60.9443 101L3.07373 101C1.41688 101 0.0737305 99.6569 0.0737305 98L0.0737305 76Z", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter5_f_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-0.524902", y: "-28.7705", width: "156.157", height: "132.133", fill: `url(#${uid}-paint7_linear_25_3275)` })))), /* @__PURE__ */ import_react.default.createElement("rect", { x: "17.3608", y: "82.4277", width: "29.2968", height: "0.995345", rx: "0.497673", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "24.0193", y: "86.4912", width: "15.9801", height: "0.995345", rx: "0.497673", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip9_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "27.291", y: "91.0879", width: "9.43666", height: "3.48371", rx: "1.74185", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter6_f_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M27.0127 64.459H68.7322V94.6434H27.0127V64.459Z", fill: `url(#${uid}-paint8_linear_25_3275)` })))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: "0", className: "HeaderScrollEffectDisappear-group-ms35x0sm-2c" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "64", height: "6.93262", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "52", y: "2.9668", width: "6", height: "1", rx: "0.5", fill: "var(--color-4)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "43", y: "2.9668", width: "6", height: "1", rx: "0.5", fill: "var(--color-4)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "34", y: "2.9668", width: "6", height: "1", rx: "0.5", fill: "var(--color-4)" }))))
+    );
+  }
+);
+HeaderScrollEffectDisappear.displayName = "HeaderScrollEffectDisappear";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HeaderScrollEffectDisappear
+});

package/dist/cjs/animated/HeaderScrollEffectFadeOut.js

@@ -0,0 +1,89 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var HeaderScrollEffectFadeOut_exports = {};
+__export(HeaderScrollEffectFadeOut_exports, {
+  HeaderScrollEffectFadeOut: () => HeaderScrollEffectFadeOut
+});
+module.exports = __toCommonJS(HeaderScrollEffectFadeOut_exports);
+var import_react = __toESM(require("react"));
+const HeaderScrollEffectFadeOut = (0, import_react.forwardRef)(
+  ({ className, ...props }, ref) => {
+    const svgRef = (0, import_react.useRef)(null);
+    const uid = (0, import_react.useId)().replace(/:/g, "");
+    (0, import_react.useImperativeHandle)(
+      ref,
+      () => ({
+        play: () => {
+          var _a;
+          return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.play());
+        },
+        pause: () => {
+          var _a;
+          return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => a.pause());
+        },
+        reset: () => {
+          var _a;
+          return (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
+            a.currentTime = 0;
+            a.pause();
+          });
+        }
+      }),
+      []
+    );
+    (0, import_react.useEffect)(() => {
+      var _a;
+      (_a = svgRef.current) == null ? void 0 : _a.getAnimations({ subtree: true }).forEach((a) => {
+        a.currentTime = 0;
+        a.pause();
+      });
+    }, []);
+    return /* @__PURE__ */ import_react.default.createElement(
+      "svg",
+      {
+        ref: svgRef,
+        viewBox: "0 0 114 114",
+        fill: "none",
+        width: 114,
+        height: 114,
+        xmlns: "http://www.w3.org/2000/svg",
+        className: ["HeaderScrollEffectFadeOut-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_25_3275`, x1: "77.5963", y1: "-36.1769", x2: "-47.9284", y2: "63.4473", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint1_linear_25_3275`, x1: "42.1667", y1: "22.1887", x2: "54.9328", y2: "33.3753", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint2_linear_25_3275`, x1: "33.0899", y1: "9.64945", x2: "57.8831", y2: "36.4474", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint3_linear_25_3275`, x1: "44.4252", y1: "12.8078", x2: "36.7265", y2: "22.6317", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint4_linear_25_3275`, x1: "61.8141", y1: "-7.47193", x2: "-5.23913", y2: "82.9374", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint5_linear_25_3275`, x1: "72.4738", y1: "5.75411", x2: "16.4116", y2: "74.7216", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint6_linear_25_3275`, x1: "95.268", y1: "12.6636", x2: "45.7679", y2: "73.6539", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint7_linear_25_3275`, x1: "133.485", y1: "-16.9103", x2: "26.259", y2: "144.793", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint8_linear_25_3275`, x1: "62.8153", y1: "67.1683", x2: "39.9971", y2: "107.413", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter0_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "6", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "0.780106", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter2_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "5.12023", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter3_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "5.12023", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter4_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "5.12023", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter5_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "6", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter6_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.85439", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "64", height: "105.132", rx: "3", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip1_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "64", height: "101", rx: "3", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip2_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "33.7017", y: "13", width: "24", height: "21", rx: "3", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip3_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "80", height: "35", fill: "white", transform: "translate(22.7017 7)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip4_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "36.7017", y: "16", width: "5", height: "5", rx: "2.5", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip5_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-10.5", y: "44", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip6_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "18.5", y: "44", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip7_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "47.5", y: "44", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip8_25_3275` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0.0737305 76L63.9443 76V98C63.9443 99.6569 62.6012 101 60.9443 101L3.07373 101C1.41688 101 0.0737305 99.6569 0.0737305 98L0.0737305 76Z", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip9_25_3275` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "27.291", y: "91.0879", width: "9.43666", height: "3.48371", rx: "1.74185", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "114", height: "114" }, /* @__PURE__ */ import_react.default.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(23px, 33.000002px) scale(0.99, 0.99)" }, x: "0", y: "0", width: "64", height: "44", rx: "4", fill: "var(--color-2)" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("path", { display: "none", d: "M0 8C0 3.58172 3.58172 0 8 0H106C110.418 0 114 3.58172 114 8V106C114 110.418 110.418 114 106 114H8C3.58172 114 0 110.418 0 106V8Z", fill: "var(--color-3)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M91 72.8438C91 73.4823 90.5523 74 90 74C89.4477 74 89 73.4823 89 72.8438V38.1562C89 37.5177 89.4477 37 90 37C90.5523 37 91 37.5177 91 38.1562V72.8438Z", fill: "var(--color-4)" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "90", y1: "42", x2: "90", y2: "48", fill: "none", stroke: "var(--color-5)", className: "HeaderScrollEffectFadeOut-node-27", strokeWidth: "2", strokeLinecap: "round" })),
+      /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { className: "HeaderScrollEffectFadeOut-import-ms35em94-29" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "64", height: "100.968", rx: "3", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "HeaderScrollEffectFadeOut-node-2", clipPath: `url(#${uid}-clip0_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "64", height: "101", rx: "3", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-0.497559", y: "-49.3096", width: "91", height: "146.31", fill: `url(#${uid}-paint0_linear_25_3275)` })))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip3_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "22.7017", y: "7", width: "80", height: "35", fill: "var(--color-5)" })), /* @__PURE__ */ import_react.default.createElement("path", { d: "M47.2859 17.4961L37.7598 31.3166L54.7497 29.0433L47.2859 17.4961Z", fill: `url(#${uid}-paint1_linear_25_3275)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M72.6897 25.6988C72.6897 25.6988 51.3439 17.6293 50.7069 17.386C50.07 17.1428 46.1175 16.0174 47.286 19.2621C48.4472 22.4865 49.0834 23.7265 49.3364 24.2771C49.5894 24.8278 50.6196 27.0712 48.0277 27.899C45.0895 28.8369 29.2441 33.2907 29.2441 33.2907V35.8486H72.6897V25.6988Z", fill: `url(#${uid}-paint2_linear_25_3275)` }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip4_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "36.7017", y: "16", width: "5", height: "5", rx: "2.5", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M40.3839 12.0842C40.1436 12.132 39.9065 12.1982 39.6755 12.283C38.7268 12.6342 37.886 13.3028 37.3316 14.2441C36.0642 16.3933 36.7695 19.1463 38.907 20.3926C41.0445 21.639 43.8042 20.9056 45.0717 18.7565C46.3391 16.6059 45.6338 13.8528 43.4978 12.608C42.5214 12.038 41.4172 11.8824 40.3839 12.0842Z", fill: `url(#${uid}-paint3_linear_25_3275)` })))), /* @__PURE__ */ import_react.default.createElement("rect", { x: "6.70166", y: "19", width: "23", height: "1", rx: "0.5", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "6.70166", y: "23", width: "23", height: "1", rx: "0.5", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "6.70166", y: "27", width: "12", height: "1", rx: "0.5", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip5_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-10.5", y: "44", width: "27", height: "21", rx: "2", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-10.3105", y: "-14.6113", width: "84.0442", height: "79.5391", fill: `url(#${uid}-paint4_linear_25_3275)` }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip6_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "18.5", y: "44", width: "27", height: "21", rx: "2", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "18.6895", y: "-0.081055", width: "62.6729", height: "65.0088", fill: `url(#${uid}-paint5_linear_25_3275)` }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip7_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "47.5", y: "44", width: "27", height: "21", rx: "2", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter4_f_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "47.6895", y: "7.50977", width: "55.4416", height: "57.418", fill: `url(#${uid}-paint6_linear_25_3275)` }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip8_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0.0737305 76L63.9443 76V98C63.9443 99.6569 62.6012 101 60.9443 101L3.07373 101C1.41688 101 0.0737305 99.6569 0.0737305 98L0.0737305 76Z", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter5_f_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "-0.524902", y: "-28.7705", width: "156.157", height: "132.133", fill: `url(#${uid}-paint7_linear_25_3275)` })))), /* @__PURE__ */ import_react.default.createElement("rect", { x: "17.3608", y: "82.4277", width: "29.2968", height: "0.995345", rx: "0.497673", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "24.0193", y: "86.4912", width: "15.9801", height: "0.995345", rx: "0.497673", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip9_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "27.291", y: "91.0879", width: "9.43666", height: "3.48371", rx: "1.74185", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter6_f_25_3275)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M27.0127 64.459H68.7322V94.6434H27.0127V64.459Z", fill: `url(#${uid}-paint8_linear_25_3275)` })))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: "0", className: "HeaderScrollEffectFadeOut-group-ms35x0sm-2c" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "64", height: "6.93262", fill: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "52", y: "2.9668", width: "6", height: "1", rx: "0.5", fill: "var(--color-4)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "43", y: "2.9668", width: "6", height: "1", rx: "0.5", fill: "var(--color-4)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "34", y: "2.9668", width: "6", height: "1", rx: "0.5", fill: "var(--color-4)" }))))
+    );
+  }
+);
+HeaderScrollEffectFadeOut.displayName = "HeaderScrollEffectFadeOut";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HeaderScrollEffectFadeOut
+});