@wix/design-system-illustrations 2.28.7 → 2.30.0

package/dist/cjs/animated/ResponsiveBehaviorElementsScaleProportionally.js

@@ -0,0 +1,88 @@
+"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 ResponsiveBehaviorElementsScaleProportionally_exports = {};
+__export(ResponsiveBehaviorElementsScaleProportionally_exports, {
+  ResponsiveBehaviorElementsScaleProportionally: () => ResponsiveBehaviorElementsScaleProportionally
+});
+module.exports = __toCommonJS(ResponsiveBehaviorElementsScaleProportionally_exports);
+var import_react = __toESM(require("react"));
+const ResponsiveBehaviorElementsScaleProportionally = (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 236 127",
+        fill: "none",
+        width: 236,
+        height: 127,
+        xmlns: "http://www.w3.org/2000/svg",
+        className: ["ResponsiveBehaviorElementsScaleProportionally-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__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}-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("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("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("mask", { id: `${uid}-am-rect-mrxa8x22-k`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k" }, "  ", /* @__PURE__ */ import_react.default.createElement("rect", { x: "99", y: "49.5", width: "38", height: "28", rx: "4", ry: "4", fill: "var(--color-6)", stroke: "var(--color-7)", className: "ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-shape", strokeWidth: "0" })))),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { display: "none", 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: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorElementsScaleProportionally-node-4" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "var(--color-3)", className: "ResponsiveBehaviorElementsScaleProportionally-node-4-shape", fillOpacity: "0.25" })), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorElementsScaleProportionally-node-5" }, /* @__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: "var(--color-4)" })), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorElementsScaleProportionally-node-6" }, /* @__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: "var(--color-4)" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-rect-mrxa8x22-k)` }, /* @__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: "var(--color-5)" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorElementsScaleProportionally-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: "ResponsiveBehaviorElementsScaleProportionally-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: "var(--color-1)" }), /* @__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)` })))))))
+    );
+  }
+);
+ResponsiveBehaviorElementsScaleProportionally.displayName = "ResponsiveBehaviorElementsScaleProportionally";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ResponsiveBehaviorElementsScaleProportionally
+});

package/dist/cjs/animated/ResponsiveBehaviorElementsStretch.js

@@ -0,0 +1,91 @@
+"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 ResponsiveBehaviorElementsStretch_exports = {};
+__export(ResponsiveBehaviorElementsStretch_exports, {
+  ResponsiveBehaviorElementsStretch: () => ResponsiveBehaviorElementsStretch
+});
+module.exports = __toCommonJS(ResponsiveBehaviorElementsStretch_exports);
+var import_react = __toESM(require("react"));
+const ResponsiveBehaviorElementsStretch = (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 236 127",
+        fill: "none",
+        width: 236,
+        height: 127,
+        xmlns: "http://www.w3.org/2000/svg",
+        className: ["ResponsiveBehaviorElementsStretch-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_6692`, x1: "222.994", y1: "10.335", x2: "138.356", y2: "137.03", 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}-paint0_linear_1118_6732`, x1: "147.905", y1: "58.6208", x2: "174.737", y2: "72.9207", 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_1118_6777`, x1: "144.179", y1: "56.3543", x2: "182.339", y2: "76.7204", 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_1118_6806`, x1: "139.002", y1: "57.3548", x2: "170.43", y2: "69.7891", 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_1118_6692`, x1: "147.905", y1: "58.6208", x2: "174.737", y2: "72.9207", 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_1118_6732`, x1: "134.048", y1: "27.1475", x2: "191.352", y2: "64.8175", 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_1118_6777`, x1: "124.459", y1: "11.6289", x2: "205.937", y2: "65.2663", 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_1118_6806`, x1: "124.384", y1: "12.6294", x2: "194.31", y2: "46.7545", 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_1118_6692`, x1: "134.048", y1: "27.1475", x2: "191.352", y2: "64.8175", 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_1118_6732`, x1: "155.954", y1: "34.0604", x2: "131.437", y2: "65.3448", 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_1118_6777`, x1: "155.784", y1: "21.3952", x2: "120.757", y2: "66.0916", 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_1118_6806`, x1: "148.479", y1: "24.8399", x2: "121.434", y2: "59.3508", 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}-paint3_linear_1118_6692`, x1: "155.954", y1: "34.0604", x2: "131.437", y2: "65.3448", 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}-paint3_linear_1118_6732`, x1: "127.923", y1: "33.7779", x2: "121.923", y2: "27.7779", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.04", stopColor: "#626262" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.45", stopColor: "#EAEFFF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint4_linear_1118_6732`, x1: "180.72", y1: "33.7779", x2: "186.72", y2: "27.7779", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.04", stopColor: "#626262" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.45", stopColor: "#EAEFFF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint5_linear_1118_6732`, x1: "127.923", y1: "92.2431", x2: "121.923", y2: "98.2431", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.04", stopColor: "#626262" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.45", stopColor: "#EAEFFF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint6_linear_1118_6732`, x1: "180.72", y1: "92.2431", x2: "186.72", y2: "98.2431", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.04", stopColor: "#626262" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.45", stopColor: "#EAEFFF" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_1118_6732`, 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_1118_6732" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip3_1118_6732` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "131.358", y: "41.5703", width: "15.8969", height: "16.0312", rx: "7.94845", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter0_i_1118_6777`, 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_1118_6777" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_1118_6777`, 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.96865", result: "effect1_foregroundBlur_1118_6777" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_1118_6777` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M117.297 22H185.297C188.611 22 191.297 24.6863 191.297 28V97C191.297 100.314 188.611 103 185.297 103H117.297V22Z", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip1_1118_6777` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "74", height: "82", fill: "white", transform: "translate(117.297 21.9409)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip2_1118_6777` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "120.645", y: "32.1245", width: "22.7121", height: "22.7812", rx: "11.356", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter0_i_1118_6692`, 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_1118_6692" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_1118_6692`, 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_1118_6692" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter2_f_1118_6692`, 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_1118_6692" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_1118_6692` }, /* @__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_1118_6692` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.8135", y: "23", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip2_1118_6692` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "73.5", height: "80.9229", fill: "white", transform: "translate(118.313 22.918)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip3_1118_6692` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M118.297 23H212.297C215.611 23 218.297 25.6863 218.297 29V105H118.297V23Z", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip4_1118_6692` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "129.015", y: "34.4458", width: "52", height: "57", rx: "4", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip5_1118_6692` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "99.6205", height: "57.3288", fill: "white", transform: "translate(129.015 34.4458)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip6_1118_6692` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "131.358", y: "41.5703", width: "15.8969", height: "16.0312", rx: "7.94845", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter0_i_1118_6806`, 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_1118_6806" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_1118_6806`, 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.52003", result: "effect1_foregroundBlur_1118_6806" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_1118_6806` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip1_1118_6806` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M118 23H148.5C151.814 23 154.5 25.6863 154.5 29V98C154.5 101.314 151.814 104 148.5 104H118V23Z", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip2_1118_6806` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "74", height: "82", fill: "white", transform: "translate(118 22.9409)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip3_1118_6806` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "121.347", y: "33.1245", width: "17.5364", height: "17.5898", rx: "8.76822", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-rect-ms4j0ude-2l-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorElementsStretch-rect-ms4j0ude-2l-2" }, "  ", /* @__PURE__ */ import_react.default.createElement("rect", { x: "57.5", y: "21.5", width: "121", height: "84", rx: "0", ry: "0", fill: "var(--color-7)", stroke: "var(--color-8)", strokeWidth: "0" }))), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-rect-ms4j0ude-2l`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorElementsStretch-rect-ms4j0ude-2l" }, "  ", /* @__PURE__ */ import_react.default.createElement("rect", { x: "57.5", y: "21.5", width: "121", height: "84", rx: "0", ry: "0", fill: "var(--color-7)", stroke: "var(--color-8)", strokeWidth: "0" }))), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-rect-ms4irdz2-2j`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorElementsStretch-rect-ms4irdz2-2j" }, "  ", /* @__PURE__ */ import_react.default.createElement("rect", { x: "82.5", y: "23", width: "71", height: "81", rx: "6", ry: "6", fill: "var(--color-7)", stroke: "var(--color-8)", opacity: "1", className: "ResponsiveBehaviorElementsStretch-rect-ms4irdz2-2j-shape", strokeWidth: "0" }))), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-rect-ms4ikjuk-2h`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorElementsStretch-rect-ms4ikjuk-2h" }, "  ", /* @__PURE__ */ import_react.default.createElement("rect", { x: "128.5", y: "17", width: "53", height: "93", rx: "4", fill: "var(--color-7)", stroke: "var(--color-8)", className: "ResponsiveBehaviorElementsStretch-rect-ms4ikjuk-2h-shape", strokeWidth: "0" })))),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { display: "none", 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: "var(--color-4)" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorElementsStretch-node-4-3" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "var(--color-5)", className: "ResponsiveBehaviorElementsStretch-node-4-3-shape", fillOpacity: "0.25" })), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorElementsStretch-node-5-3" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M42 67.5V59.5C42 58.9477 41.5523 58.5 41 58.5C40.4477 58.5 40 58.9477 40 59.5V67.5C40 68.0523 40.4477 68.5 41 68.5C41.5523 68.5 42 68.0523 42 67.5Z", fill: "var(--color-2)" })), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorElementsStretch-node-6-3" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 67.5V59.5C196 58.9477 195.552 58.5 195 58.5C194.448 58.5 194 58.9477 194 59.5V67.5C194 68.0523 194.448 68.5 195 68.5C195.552 68.5 196 68.0523 196 67.5Z", fill: "var(--color-6)" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-rect-ms4j0ude-2l-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0", className: "ResponsiveBehaviorElementsStretch-node-3-2-2", clipPath: `url(#${uid}-clip0_1118_6692)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_1118_6692)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_1118_6692)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip3_1118_6692)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M118.297 23H212.297C215.611 23 218.297 25.6863 218.297 29V105H118.297V23Z", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_6692)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M118.297 1H240.297V105H118.297V1Z", fill: `url(#${uid}-paint0_linear_1118_6692)` })))))))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: "0", className: "ResponsiveBehaviorElementsStretch-group-ms1m0qvo-w" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M127.57 34.1313L121.57 28.1313L122.277 27.4242L128.277 33.4242L127.57 34.1313Z", fill: `url(#${uid}-paint3_linear_1118_6732)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M121.57 27.4243C121.675 27.3195 121.821 27.2667 121.969 27.28L125.858 27.6336L125.768 28.6293L122.475 28.3296L122.775 31.6221L121.779 31.7119L121.426 27.8228L121.428 27.713C121.442 27.6047 121.491 27.503 121.57 27.4243Z", fill: "var(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("g", { opacity: "0", className: "ResponsiveBehaviorElementsStretch-group-ms1m0ii6-v" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M181.074 34.1313L187.074 28.1313L186.367 27.4242L180.367 33.4242L181.074 34.1313Z", fill: `url(#${uid}-paint4_linear_1118_6732)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M187.073 27.4243C186.969 27.3195 186.823 27.2667 186.675 27.28L182.786 27.6336L182.876 28.6293L186.168 28.3296L185.868 31.6221L186.864 31.7119L187.218 27.8228L187.216 27.713C187.202 27.6047 187.152 27.503 187.073 27.4243Z", fill: "var(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("g", { opacity: "0", className: "ResponsiveBehaviorElementsStretch-group-ms1m0bzn-u" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M127.569 91.8896L121.569 97.8897L122.276 98.5968L128.276 92.5968L127.569 91.8896Z", fill: `url(#${uid}-paint5_linear_1118_6732)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M121.57 98.5967C121.675 98.7015 121.821 98.7543 121.968 98.741L125.857 98.3874L125.768 97.3917L122.475 97.6914L122.775 94.3989L121.779 94.3091L121.426 98.1982L121.428 98.308C121.442 98.4163 121.491 98.518 121.57 98.5967Z", fill: "var(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("g", { opacity: "0", className: "ResponsiveBehaviorElementsStretch-group-ms1lzzjb-t" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M181.074 91.8896L187.074 97.8897L186.367 98.5968L180.367 92.5968L181.074 91.8896Z", fill: `url(#${uid}-paint6_linear_1118_6732)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M187.073 98.5967C186.968 98.7015 186.822 98.7543 186.675 98.741L182.786 98.3874L182.875 97.3917L186.168 97.6914L185.868 94.3989L186.864 94.3091L187.218 98.1982L187.215 98.308C187.201 98.4163 187.152 98.518 187.073 98.5967Z", fill: "var(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-rect-ms4j0ude-2l)` }, /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-rect-ms4irdz2-2j)` }, /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(0px, 0px)" } }, /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-rect-ms4ikjuk-2h)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ResponsiveBehaviorElementsStretch-node-7-4" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "121.32525", y: "34.4458", width: "115", height: "57.3288", fill: "var(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorElementsStretch-node-10-3" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M155.72 46.8418L141.177 81.5326L167.114 75.8265L155.72 46.8418Z", fill: `url(#${uid}-paint0_linear_1118_6732)` })), /* @__PURE__ */ import_react.default.createElement("g", { className: "ResponsiveBehaviorElementsStretch-node-11-3" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M181.854 59.2286C181.854 59.2286 161.914 47.1776 160.942 46.5671C159.97 45.9565 153.936 43.1317 155.72 51.2763C157.492 59.3699 158.464 62.4824 158.85 63.8645C159.236 65.2466 160.809 70.8778 156.852 72.9557C152.366 75.3099 128.177 86.4894 128.177 86.4894V92.9099H181.854V59.2286Z", fill: `url(#${uid}-paint1_linear_1118_6732)` })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ResponsiveBehaviorElementsStretch-node-12-3", clipPath: `url(#${uid}-clip3_1118_6732)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "131.358", y: "41.5703", width: "15.8969", height: "16.0312", rx: "7.94845", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_6732)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M143.084 31.756C142.319 31.9081 141.564 32.1191 140.828 32.3889C137.807 33.5075 135.129 35.6367 133.364 38.6343C129.328 45.4782 131.574 54.2453 138.381 58.2143C145.188 62.1833 153.976 59.848 158.012 53.0041C162.049 46.1552 159.802 37.3881 153 33.4241C149.891 31.6088 146.375 31.1133 143.084 31.756Z", fill: `url(#${uid}-paint2_linear_1118_6732)` }))))))))))),
+      /* @__PURE__ */ import_react.default.createElement("g", { display: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_i_1118_6777)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8.00001C0 3.58173 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V117.495C236 121.914 232.418 125.495 228 125.495H8C3.58172 125.495 0 121.914 0 117.495V8.00001Z", fill: "var(--color-4)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.0146", y: "22", width: "147", height: "81", rx: "6", fill: "var(--color-5)", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M42 67.0542V59.0542C42 58.5019 41.5523 58.0542 41 58.0542C40.4477 58.0542 40 58.5019 40 59.0542V67.0542C40 67.6065 40.4477 68.0542 41 68.0542C41.5523 68.0542 42 67.6065 42 67.0542Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 67.0542V59.0542C196 58.5019 195.552 58.0542 195 58.0542C194.448 58.0542 194 58.5019 194 59.0542V67.0542C194 67.6065 194.448 68.0542 195 68.0542C195.552 68.0542 196 67.6065 196 67.0542Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_1118_6777)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_1118_6777)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "117.297", y: "21.9409", width: "74", height: "82", fill: "var(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("path", { d: "M155.3 39.6157L134.604 88.9132L171.515 80.8046L155.3 39.6157Z", fill: `url(#${uid}-paint0_linear_1118_6777)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M192.491 57.2177C192.491 57.2177 164.115 40.0927 162.731 39.2251C161.347 38.3575 152.761 34.3432 155.299 45.9171C157.822 57.4186 159.204 61.8416 159.754 63.8056C160.303 65.7696 162.542 73.7718 156.911 76.7247C150.528 80.0701 116.104 95.9568 116.104 95.9568V105.081H192.491V57.2177Z", fill: `url(#${uid}-paint1_linear_1118_6777)` }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_1118_6777)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "120.645", y: "32.1245", width: "22.7121", height: "22.7812", rx: "11.356", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_6777)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M137.397 18.1029C136.304 18.3202 135.225 18.6216 134.174 19.0071C129.858 20.6053 126.032 23.6473 123.51 27.93C117.744 37.708 120.953 50.2336 130.678 55.9042C140.403 61.5747 152.959 58.2383 158.726 48.4603C164.492 38.6753 161.283 26.1496 151.565 20.4861C147.123 17.8927 142.099 17.1847 137.397 18.1029Z", fill: `url(#${uid}-paint2_linear_1118_6777)` })))))),
+      /* @__PURE__ */ import_react.default.createElement("g", { display: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_i_1118_6692)` }, /* @__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: "var(--color-4)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_1118_6692)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.5", y: "23", width: "147", height: "81", rx: "6", fill: "var(--color-5)", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_1118_6692)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_1118_6692)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip3_1118_6692)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M118.297 23H212.297C215.611 23 218.297 25.6863 218.297 29V105H118.297V23Z", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_6692)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M118.297 1H240.297V105H118.297V1Z", fill: `url(#${uid}-paint0_linear_1118_6692)` }))))))), /* @__PURE__ */ import_react.default.createElement("path", { d: "M42 67.5V59.5C42 58.9477 41.5523 58.5 41 58.5C40.4477 58.5 40 58.9477 40 59.5V67.5C40 68.0523 40.4477 68.5 41 68.5C41.5523 68.5 42 68.0523 42 67.5Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 67.5V59.5C196 58.9477 195.552 58.5 195 58.5C194.448 58.5 194 58.9477 194 59.5V67.5C194 68.0523 194.448 68.5 195 68.5C195.552 68.5 196 68.0523 196 67.5Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip4_1118_6692)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip5_1118_6692)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "129.015", y: "34.4458", width: "99.6205", height: "57.3288", fill: "var(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("path", { d: "M155.72 46.8418L141.177 81.5326L167.114 75.8265L155.72 46.8418Z", fill: `url(#${uid}-paint1_linear_1118_6692)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M181.854 59.2286C181.854 59.2286 161.914 47.1776 160.942 46.5671C159.97 45.9565 153.936 43.1317 155.72 51.2763C157.492 59.3699 158.464 62.4824 158.85 63.8645C159.236 65.2466 160.809 70.8778 156.852 72.9557C152.366 75.3099 128.177 86.4894 128.177 86.4894V92.9099H181.854V59.2286Z", fill: `url(#${uid}-paint2_linear_1118_6692)` }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip6_1118_6692)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "131.358", y: "41.5703", width: "15.8969", height: "16.0312", rx: "7.94845", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_1118_6692)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M143.084 31.756C142.319 31.9081 141.564 32.1191 140.828 32.3889C137.807 33.5075 135.129 35.6367 133.364 38.6343C129.328 45.4782 131.574 54.2453 138.381 58.2143C145.188 62.1833 153.976 59.848 158.012 53.0041C162.049 46.1552 159.802 37.3881 153 33.4241C149.891 31.6088 146.375 31.1133 143.084 31.756Z", fill: `url(#${uid}-paint3_linear_1118_6692)` })))))),
+      /* @__PURE__ */ import_react.default.createElement("g", { display: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_i_1118_6806)` }, /* @__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: "var(--color-4)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M79 67.5V59.5C79 58.9477 78.5523 58.5 78 58.5C77.4477 58.5 77 58.9477 77 59.5V67.5C77 68.0523 77.4477 68.5 78 68.5C78.5523 68.5 79 68.0523 79 67.5Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M159 67.5V59.5C159 58.9477 158.552 58.5 158 58.5C157.448 58.5 157 58.9477 157 59.5V67.5C157 68.0523 157.448 68.5 158 68.5C158.552 68.5 159 68.0523 159 67.5Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_1118_6806)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "51.5", y: "23", width: "147", height: "81", rx: "6", fill: "var(--color-5)", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_1118_6806)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_1118_6806)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "118", y: "22.9409", width: "74", height: "82", fill: "var(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("path", { d: "M147.247 40.6162L131.905 89.9137L159.268 81.805L147.247 40.6162Z", fill: `url(#${uid}-paint0_linear_1118_6806)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M174.819 58.2182C174.819 58.2182 153.783 41.0932 152.757 40.2255C151.731 39.3579 145.366 35.3437 147.248 46.9176C149.118 58.419 150.142 62.8421 150.55 64.8061C150.957 66.7701 152.616 74.7723 148.442 77.7252C143.71 81.0706 118.19 96.9573 118.19 96.9573V106.081H174.819V58.2182Z", fill: `url(#${uid}-paint1_linear_1118_6806)` }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip3_1118_6806)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "121.347", y: "33.1245", width: "17.5364", height: "17.5898", rx: "8.76822", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_6806)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M134.282 22.2978C133.438 22.4656 132.605 22.6983 131.794 22.996C128.461 24.2299 125.507 26.5788 123.56 29.8855C119.107 37.4353 121.585 47.1066 129.094 51.4849C136.603 55.8632 146.298 53.2871 150.75 45.7373C155.203 38.1821 152.725 28.5108 145.221 24.1379C141.791 22.1355 137.912 21.5889 134.282 22.2978Z", fill: `url(#${uid}-paint2_linear_1118_6806)` })))))))
+    );
+  }
+);
+ResponsiveBehaviorElementsStretch.displayName = "ResponsiveBehaviorElementsStretch";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ResponsiveBehaviorElementsStretch
+});

package/dist/cjs/animated/ResponsiveBehaviorHeaderFadeOut.js

@@ -0,0 +1,94 @@
+"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 ResponsiveBehaviorHeaderFadeOut_exports = {};
+__export(ResponsiveBehaviorHeaderFadeOut_exports, {
+  ResponsiveBehaviorHeaderFadeOut: () => ResponsiveBehaviorHeaderFadeOut
+});
+module.exports = __toCommonJS(ResponsiveBehaviorHeaderFadeOut_exports);
+var import_react = __toESM(require("react"));
+const ResponsiveBehaviorHeaderFadeOut = (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: ["ResponsiveBehaviorHeaderFadeOut-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4262_18141`, x1: "100.596", y1: "-3.15637", x2: "-24.9289", y2: "96.4678", 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}-paint0_linear_4262_18380`, x1: "35", y1: "0", x2: "35", y2: "8", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#002294" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294", stopOpacity: "0" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint1_linear_4262_18141`, x1: "65.1667", y1: "55.2161", x2: "77.9328", y2: "66.4026", 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_4262_18141`, x1: "56.0899", y1: "42.6729", x2: "80.8831", y2: "69.4708", 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_4262_18141`, x1: "67.4247", y1: "45.8313", x2: "59.7261", y2: "55.6552", 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_4262_18141`, x1: "84.8141", y1: "25.5535", x2: "17.7609", y2: "115.963", 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_4262_18141`, x1: "95.4738", y1: "38.7805", x2: "39.4116", y2: "107.748", 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_4262_18141`, x1: "118.268", y1: "45.6851", x2: "68.7679", y2: "106.675", 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_4262_18141`, x1: "156.487", y1: "16.1102", x2: "49.2604", y2: "177.814", 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_4262_18141`, x1: "85.8144", y1: "100.202", x2: "62.9962", y2: "140.446", 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_4262_18141`, 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_4262_18141" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4262_18141`, 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_4262_18141" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter2_f_4262_18141`, 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_4262_18141" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter3_f_4262_18141`, 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_4262_18141" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter4_f_4262_18141`, 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_4262_18141" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter5_f_4262_18141`, 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_4262_18141" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter6_f_4262_18141`, 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_4262_18141" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "105.132", rx: "3", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip1_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "101", rx: "3", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip2_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "56.7012", y: "46.0234", width: "24", height: "21", rx: "3", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip3_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "80", height: "35", fill: "white", transform: "translate(45.7012 40.0234)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip4_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "59.7012", y: "49.0234", width: "5", height: "5", rx: "2.5", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip5_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "12.5", y: "77.0234", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip6_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "41.5", y: "77.0234", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip7_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "70.5", y: "77.0234", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip8_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M23.0742 109.023L86.9448 109.023V131.023C86.9448 132.68 85.6017 134.023 83.9448 134.023H26.0742C24.4174 134.023 23.0742 132.68 23.0742 131.023L23.0742 109.023Z", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip9_4262_18141` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "50.291", y: "124.117", width: "9.43666", height: "3.48353", rx: "1.74177", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-Rectangle-1430107365-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "114", height: "114" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "44", rx: "3", fill: "var(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-Rectangle-1430107365-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "114", height: "114" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "44", rx: "3", fill: "var(--color-3)" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__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-4)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "44", rx: "3", fill: "var(--color-3)" }), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-Rectangle-1430107365-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ResponsiveBehaviorHeaderFadeOut-node-2", clipPath: `url(#${uid}-clip0_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "101", rx: "3", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "22.502", y: "-16.2891", width: "91", height: "146.31", fill: `url(#${uid}-paint0_linear_4262_18141)` })))), /* @__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_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip3_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "45.7012", y: "40.0234", width: "80", height: "35", fill: "var(--color-2)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M70.2859 50.5234L60.7598 64.3439L77.7497 62.0707L70.2859 50.5234Z", fill: `url(#${uid}-paint1_linear_4262_18141)` }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M95.6897 58.7223C95.6897 58.7223 74.3439 50.6527 73.7069 50.4095C73.07 50.1662 69.1175 49.0408 70.286 52.2856C71.4472 55.51 72.0834 56.75 72.3364 57.3006C72.5894 57.8512 73.6196 60.0946 71.0277 60.9224C68.0895 61.8603 52.2441 66.3142 52.2441 66.3142V68.872H95.6897V58.7223Z", fill: `url(#${uid}-paint2_linear_4262_18141)` })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip4_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "59.7012", y: "49.0234", width: "5", height: "5", rx: "2.5", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M63.3834 45.1077C63.1432 45.1554 62.906 45.2217 62.675 45.3064C61.7263 45.6577 60.8855 46.3263 60.3311 47.2676C59.0637 49.4167 59.769 52.1697 61.9065 53.4161C64.0441 54.6624 66.8038 53.9291 68.0712 51.78C69.3386 49.6293 68.6333 46.8763 66.4973 45.6315C65.5209 45.0614 64.4167 44.9058 63.3834 45.1077Z", fill: `url(#${uid}-paint3_linear_4262_18141)` })))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "29.7012", y: "52.0234", width: "23", height: "1.00015", rx: "0.500074", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "29.7012", y: "56.0234", width: "23", height: "1.00015", rx: "0.500074", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "29.7012", y: "60.0234", width: "12", height: "1.00015", rx: "0.500074", fill: "var(--color-2)" }))), /* @__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}-clip5_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "12.5", y: "77.0234", width: "27", height: "21", rx: "2", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "12.6895", y: "18.4141", width: "84.0442", height: "79.5391", fill: `url(#${uid}-paint4_linear_4262_18141)` }))))), /* @__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}-clip6_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "41.5", y: "77.0234", width: "27", height: "21", rx: "2", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "41.6895", y: "32.9453", width: "62.6729", height: "65.0088", fill: `url(#${uid}-paint5_linear_4262_18141)` }))))), /* @__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}-clip7_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "70.5", y: "77.0234", width: "27", height: "21", rx: "2", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter4_f_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "70.6895", y: "40.5312", width: "55.4416", height: "57.418", fill: `url(#${uid}-paint6_linear_4262_18141)` })))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip8_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M23.0742 109.023L86.9448 109.023V131.023C86.9448 132.68 85.6017 134.023 83.9448 134.023H26.0742C24.4174 134.023 23.0742 132.68 23.0742 131.023L23.0742 109.023Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter5_f_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "22.4766", y: "4.25", width: "156.157", height: "132.133", fill: `url(#${uid}-paint7_linear_4262_18141)` })))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "40.3613", y: "115.453", width: "29.2968", height: "0.995511", rx: "0.497756", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "47.0195", y: "119.516", width: "15.9801", height: "0.995511", rx: "0.497756", fill: "var(--color-2)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip9_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "50.291", y: "124.117", width: "9.43666", height: "3.48353", rx: "1.74177", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: `url(#${uid}-filter6_f_4262_18141)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M50.0117 97.4922H91.7313V127.677H50.0117V97.4922Z", fill: `url(#${uid}-paint8_linear_4262_18141)` }))))))), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-Rectangle-1430107365-2-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(22.994876px, 32.907767px)" }, d: "M0 3C0 1.34315 1.34315 0 3 0H61C62.6569 0 64 1.34315 64 3V8H0V3Z", fill: `url(#${uid}-paint0_linear_4262_18380)` }))), /* @__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-1)" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "90", y1: "42", x2: "90", y2: "48", fill: "none", stroke: "var(--color-2)", className: "ResponsiveBehaviorHeaderFadeOut-Line-9", strokeWidth: "2", strokeLinecap: "round" })),
+      /* @__PURE__ */ import_react.default.createElement("g", null),
+      /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", mask: "url(#mask0_4262_18274)" })),
+      /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(18.291003px, 21.32403px)" } }),
+      /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(22.944799px, 32.9453px)" } }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }))),
+      /* @__PURE__ */ import_react.default.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(23.044199px, 32.968371px)" }, opacity: "0", className: "ResponsiveBehaviorHeaderFadeOut-import-ms1xlqss-3" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(-0.04895px, -0.132812px)" }, d: "M0 3C0 1.34315 1.34315 0 3 0H61C62.6569 0 64 1.34315 64 3V6.93262H0V3Z", fill: "var(--color-2)" })))),
+      /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "75", y: "35.9922", width: "6", height: "1.0001", rx: "0.50005", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "66", y: "35.9922", width: "6", height: "1.0001", rx: "0.50005", fill: "var(--color-1)" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "57", y: "35.9922", width: "6", height: "1.0001", rx: "0.50005", fill: "var(--color-1)" }))
+    );
+  }
+);
+ResponsiveBehaviorHeaderFadeOut.displayName = "ResponsiveBehaviorHeaderFadeOut";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ResponsiveBehaviorHeaderFadeOut
+});