@wix/design-system-illustrations 2.29.0 → 2.30.0

package/dist/esm/animated/HeaderScrollEffectStayFixed.js

@@ -0,0 +1,45 @@
+import React, { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
+const HeaderScrollEffectStayFixed = forwardRef(
+  ({ className, ...props }, ref) => {
+    const svgRef = useRef(null);
+    const uid = useId().replace(/:/g, "");
+    useImperativeHandle(
+      ref,
+      () => ({
+        play: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.play()),
+        pause: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.pause()),
+        reset: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
+          a.currentTime = 0;
+          a.pause();
+        })
+      }),
+      []
+    );
+    useEffect(() => {
+      svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
+        a.currentTime = 0;
+        a.pause();
+      });
+    }, []);
+    return /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        ref: svgRef,
+        viewBox: "0 0 114 114",
+        fill: "none",
+        width: 114,
+        height: 114,
+        xmlns: "http://www.w3.org/2000/svg",
+        className: ["HeaderScrollEffectStayFixed-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_25_3275`, x1: "77.5963", y1: "-36.1769", x2: "-47.9284", y2: "63.4473", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_25_3275`, x1: "42.1667", y1: "22.1887", x2: "54.9328", y2: "33.3753", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint2_linear_25_3275`, x1: "33.0899", y1: "9.64945", x2: "57.8831", y2: "36.4474", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint3_linear_25_3275`, x1: "44.4252", y1: "12.8078", x2: "36.7265", y2: "22.6317", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint4_linear_25_3275`, x1: "61.8141", y1: "-7.47193", x2: "-5.23913", y2: "82.9374", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint5_linear_25_3275`, x1: "72.4738", y1: "5.75411", x2: "16.4116", y2: "74.7216", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint6_linear_25_3275`, x1: "95.268", y1: "12.6636", x2: "45.7679", y2: "73.6539", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint7_linear_25_3275`, x1: "133.485", y1: "-16.9103", x2: "26.259", y2: "144.793", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint8_linear_25_3275`, x1: "62.8153", y1: "67.1683", x2: "39.9971", y2: "107.413", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "0.780106", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "5.12023", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter3_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "5.12023", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter4_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "5.12023", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter5_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter6_f_25_3275`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.85439", result: "effect1_foregroundBlur_25_3275" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_25_3275` }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "105.132", rx: "3", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_25_3275` }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "101", rx: "3", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_25_3275` }, /* @__PURE__ */ React.createElement("rect", { x: "33.7017", y: "13", width: "24", height: "21", rx: "3", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip3_25_3275` }, /* @__PURE__ */ React.createElement("rect", { width: "80", height: "35", fill: "white", transform: "translate(22.7017 7)" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip4_25_3275` }, /* @__PURE__ */ React.createElement("rect", { x: "36.7017", y: "16", width: "5", height: "5", rx: "2.5", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip5_25_3275` }, /* @__PURE__ */ React.createElement("rect", { x: "-10.5", y: "44", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip6_25_3275` }, /* @__PURE__ */ React.createElement("rect", { x: "18.5", y: "44", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip7_25_3275` }, /* @__PURE__ */ React.createElement("rect", { x: "47.5", y: "44", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip8_25_3275` }, /* @__PURE__ */ React.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__ */ React.createElement("clipPath", { id: `${uid}-clip9_25_3275` }, /* @__PURE__ */ React.createElement("rect", { x: "27.291", y: "91.0879", width: "9.43666", height: "3.48371", rx: "1.74185", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-1-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "114", height: "114" }, /* @__PURE__ */ React.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__ */ React.createElement("g", null, /* @__PURE__ */ React.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__ */ React.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__ */ React.createElement("line", { x1: "90", y1: "42", x2: "90", y2: "48", fill: "none", stroke: "var(--color-5)", className: "HeaderScrollEffectStayFixed-node-27", strokeWidth: "2", strokeLinecap: "round" })),
+      /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2)` }, /* @__PURE__ */ React.createElement("g", { className: "HeaderScrollEffectStayFixed-import-ms35em94-29" }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "64", height: "100.968", rx: "3", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "HeaderScrollEffectStayFixed-node-2", clipPath: `url(#${uid}-clip0_25_3275)` }, /* @__PURE__ */ React.createElement("g", { fill: "none", opacity: "0.5" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_25_3275)` }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "64", height: "101", rx: "3", fill: "var(--color-5)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_25_3275)` }, /* @__PURE__ */ React.createElement("rect", { x: "-0.497559", y: "-49.3096", width: "91", height: "146.31", fill: `url(#${uid}-paint0_linear_25_3275)` })))), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_25_3275)` }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip3_25_3275)` }, /* @__PURE__ */ React.createElement("rect", { x: "22.7017", y: "7", width: "80", height: "35", fill: "var(--color-5)" })), /* @__PURE__ */ React.createElement("path", { d: "M47.2859 17.4961L37.7598 31.3166L54.7497 29.0433L47.2859 17.4961Z", fill: `url(#${uid}-paint1_linear_25_3275)` }), /* @__PURE__ */ React.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__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip4_25_3275)` }, /* @__PURE__ */ React.createElement("rect", { x: "36.7017", y: "16", width: "5", height: "5", rx: "2.5", fill: "var(--color-5)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_25_3275)` }, /* @__PURE__ */ React.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__ */ React.createElement("rect", { x: "6.70166", y: "19", width: "23", height: "1", rx: "0.5", fill: "var(--color-5)" }), /* @__PURE__ */ React.createElement("rect", { x: "6.70166", y: "23", width: "23", height: "1", rx: "0.5", fill: "var(--color-5)" }), /* @__PURE__ */ React.createElement("rect", { x: "6.70166", y: "27", width: "12", height: "1", rx: "0.5", fill: "var(--color-5)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip5_25_3275)` }, /* @__PURE__ */ React.createElement("rect", { x: "-10.5", y: "44", width: "27", height: "21", rx: "2", fill: "var(--color-5)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_25_3275)` }, /* @__PURE__ */ React.createElement("rect", { x: "-10.3105", y: "-14.6113", width: "84.0442", height: "79.5391", fill: `url(#${uid}-paint4_linear_25_3275)` }))), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip6_25_3275)` }, /* @__PURE__ */ React.createElement("rect", { x: "18.5", y: "44", width: "27", height: "21", rx: "2", fill: "var(--color-5)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_25_3275)` }, /* @__PURE__ */ React.createElement("rect", { x: "18.6895", y: "-0.081055", width: "62.6729", height: "65.0088", fill: `url(#${uid}-paint5_linear_25_3275)` }))), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip7_25_3275)` }, /* @__PURE__ */ React.createElement("rect", { x: "47.5", y: "44", width: "27", height: "21", rx: "2", fill: "var(--color-5)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter4_f_25_3275)` }, /* @__PURE__ */ React.createElement("rect", { x: "47.6895", y: "7.50977", width: "55.4416", height: "57.418", fill: `url(#${uid}-paint6_linear_25_3275)` }))), /* @__PURE__ */ React.createElement("g", { fill: "none", opacity: "0.5" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip8_25_3275)` }, /* @__PURE__ */ React.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__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter5_f_25_3275)` }, /* @__PURE__ */ React.createElement("rect", { x: "-0.524902", y: "-28.7705", width: "156.157", height: "132.133", fill: `url(#${uid}-paint7_linear_25_3275)` })))), /* @__PURE__ */ React.createElement("rect", { x: "17.3608", y: "82.4277", width: "29.2968", height: "0.995345", rx: "0.497673", fill: "var(--color-5)" }), /* @__PURE__ */ React.createElement("rect", { x: "24.0193", y: "86.4912", width: "15.9801", height: "0.995345", rx: "0.497673", fill: "var(--color-5)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip9_25_3275)` }, /* @__PURE__ */ React.createElement("rect", { x: "27.291", y: "91.0879", width: "9.43666", height: "3.48371", rx: "1.74185", fill: "var(--color-5)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter6_f_25_3275)` }, /* @__PURE__ */ React.createElement("path", { d: "M27.0127 64.459H68.7322V94.6434H27.0127V64.459Z", fill: `url(#${uid}-paint8_linear_25_3275)` })))), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "64", height: "6.93262", fill: "var(--color-5)" }), /* @__PURE__ */ React.createElement("rect", { x: "52", y: "2.9668", width: "6", height: "1", rx: "0.5", fill: "var(--color-4)" }), /* @__PURE__ */ React.createElement("rect", { x: "43", y: "2.9668", width: "6", height: "1", rx: "0.5", fill: "var(--color-4)" }), /* @__PURE__ */ React.createElement("rect", { x: "34", y: "2.9668", width: "6", height: "1", rx: "0.5", fill: "var(--color-4)" }))))
+    );
+  }
+);
+HeaderScrollEffectStayFixed.displayName = "HeaderScrollEffectStayFixed";
+export {
+  HeaderScrollEffectStayFixed
+};

package/dist/esm/animated/LimitScaling2Guy.js

@@ -0,0 +1,47 @@
+import React, { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
+const LimitScaling2Guy = forwardRef(
+  ({ className, ...props }, ref) => {
+    const svgRef = useRef(null);
+    const uid = useId().replace(/:/g, "");
+    useImperativeHandle(
+      ref,
+      () => ({
+        play: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.play()),
+        pause: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.pause()),
+        reset: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
+          a.currentTime = 0;
+          a.pause();
+        })
+      }),
+      []
+    );
+    useEffect(() => {
+      svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
+        a.currentTime = 0;
+        a.pause();
+      });
+    }, []);
+    return /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        ref: svgRef,
+        viewBox: "0 0 236 127",
+        fill: "none",
+        width: 236,
+        height: 127,
+        xmlns: "http://www.w3.org/2000/svg",
+        className: ["LimitScaling2Guy-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5030-7`, x1: "105.555", y1: "20.6447", x2: "-83.1196", y2: "149.398", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5291-2`, x1: "79.8102", y1: "4.75349", x2: "45.0866", y2: "82.5648", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5291-3`, x1: "79.8102", y1: "4.75349", x2: "45.0866", y2: "82.5648", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5378-2`, x1: "80.7755", y1: "12.6561", x2: "-41.8583", y2: "117.119", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5463-3`, x1: "79.8102", y1: "12.6561", x2: "-42.5807", y2: "115.666", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5471-2`, x1: "139.815", y1: "-35.328", x2: "53.124", y2: "37.034", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5473-2`, x1: "99.2046", y1: "-59.3814", x2: "35.9782", y2: "52.1304", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5291-3`, x1: "183.183", y1: "21.2458", x2: "137.334", y2: "102.111", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5378-2`, x1: "206.863", y1: "2.25016", x2: "143.636", y2: "113.762", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5463-3`, x1: "200.823", y1: "1.71794", x2: "137.596", y2: "113.23", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5463`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.35417", result: "effect1_foregroundBlur_1118_5463" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5463`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "5.13828", result: "effect1_foregroundBlur_1118_5463" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5463` }, /* @__PURE__ */ React.createElement("rect", { x: "71.1182", y: "33.4978", width: "100", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5463` }, /* @__PURE__ */ React.createElement("rect", { x: "101.618", y: "61.0994", width: "39", height: "17", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_i_1118_5291`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.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__ */ React.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ React.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__ */ React.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_1118_5291" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5291`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.35417", result: "effect1_foregroundBlur_1118_5291" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_1118_5291`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.72612", result: "effect1_foregroundBlur_1118_5291" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5291` }, /* @__PURE__ */ React.createElement("rect", { x: "95.7417", y: "33.8999", width: "46", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5291` }, /* @__PURE__ */ React.createElement("rect", { x: "111.243", y: "64.3078", width: "15", height: "12", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5378`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.35417", result: "effect1_foregroundBlur_1118_5378" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5378`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "5.13828", result: "effect1_foregroundBlur_1118_5378" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5378` }, /* @__PURE__ */ React.createElement("rect", { x: "81.5", y: "33.498", width: "73", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5378` }, /* @__PURE__ */ React.createElement("rect", { x: "107.658", y: "61.6316", width: "20.6848", height: "17", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-msbq6at1-n`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("g", { className: "LimitScaling2Guy-rect-msbq6at1-n" }, "  ", /* @__PURE__ */ React.createElement("rect", { x: "68.5", y: "33.5", width: "99", height: "60", rx: "4", fill: "var(--color-5)", stroke: "var(--color-6)", className: "LimitScaling2Guy-rect-msbq6at1-n-shape", strokeWidth: "0" }))), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-msbqafp2-p`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("g", { className: "LimitScaling2Guy-rect-msbqafp2-p" }, "  ", /* @__PURE__ */ React.createElement("rect", { x: "99", y: "57.5", width: "38", height: "12", rx: "2", ry: "2", fill: "var(--color-5)", stroke: "var(--color-6)", className: "LimitScaling2Guy-rect-msbqafp2-p-shape", strokeWidth: "0" })))),
+      /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.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-1)" }), /* @__PURE__ */ React.createElement("g", { className: "LimitScaling2Guy-node-3" }, /* @__PURE__ */ React.createElement("path", { d: "M92.7417 67.9018V59.9018C92.7417 59.3495 92.294 58.9018 91.7417 58.9018C91.1894 58.9018 90.7417 59.3495 90.7417 59.9018V67.9018C90.7417 68.4541 91.1894 68.9018 91.7417 68.9018C92.294 68.9018 92.7417 68.4541 92.7417 67.9018Z", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { className: "LimitScaling2Guy-node-4" }, /* @__PURE__ */ React.createElement("path", { d: "M146.742 67.9018V59.9018C146.742 59.3495 146.294 58.9018 145.742 58.9018C145.189 58.9018 144.742 59.3495 144.742 59.9018V67.9018C144.742 68.4541 145.189 68.9018 145.742 68.9018C146.294 68.9018 146.742 68.4541 146.742 67.9018Z", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { className: "LimitScaling2Guy-rect-msbr3mcn-w" }, /* @__PURE__ */ React.createElement("rect", { x: "68.5", y: "23", width: "99", height: "81", rx: "6", ry: "6", fill: "var(--color-7)", stroke: "var(--color-6)", opacity: "0.57", className: "LimitScaling2Guy-rect-msbr3mcn-w-shape", strokeWidth: "0" })), /* @__PURE__ */ React.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(6.435006px, 69.899806px)" }, display: "none", d: "M 230 60.502 L 230.000005 -62.498 L 0.000005 -62.49801 L 0 60.50199 Z", fill: `url(#${uid}-paint0_linear_1118_5030-7)` }), /* @__PURE__ */ React.createElement("g", { display: "none", fill: "none", clipPath: `url(#${uid}-clip0_1118_5291)` }, /* @__PURE__ */ React.createElement("rect", { x: "95.7417", y: "33.8999", width: "46", height: "60.0044", rx: "4", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_5291)` }, /* @__PURE__ */ React.createElement("path", { d: "M 147.914 94.0004 L 147.914004 1.0004 L 94.956004 1.000398 L 94.956 94.000398 Z", fill: `url(#${uid}-paint0_linear_1118_5291-2)` }))), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-rect-msbq6at1-n)` }, /* @__PURE__ */ React.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(47.617995px, 57.305805px)" }, d: "M 140.882 59.502 L 140.882004 -33.498 L -0.117996 -33.498006 L -0.118 59.501994 Z", fill: `url(#${uid}-paint0_linear_1118_5471-2)`, opacity: "1" })), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-rect-msbqafp2-p)` }, /* @__PURE__ */ React.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(98.263817px, 64.420073px)" }, d: "M0 -66.8887H115.6V16.7486H0V-66.8887Z", fill: `url(#${uid}-paint0_linear_1118_5473-2)` })), /* @__PURE__ */ React.createElement("g", { className: "LimitScaling2Guy-node-10" }, /* @__PURE__ */ React.createElement("rect", { x: "91.7422", y: "51.4973", width: "54", height: "1.5", rx: "0.75", fill: "var(--color-2)", className: "LimitScaling2Guy-node-10-shape" })), /* @__PURE__ */ React.createElement("g", { className: "LimitScaling2Guy-node-11" }, /* @__PURE__ */ React.createElement("rect", { x: "104.24095", y: "57.1594", width: "29", height: "1.5", rx: "0.75", fill: "var(--color-2)", className: "LimitScaling2Guy-node-11-shape" })))),
+      /* @__PURE__ */ React.createElement("g", { display: "none", opacity: "0.5" }, /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_i_1118_5291)` }, /* @__PURE__ */ React.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-1)" }), /* @__PURE__ */ React.createElement("path", { d: "M92.7417 67.9018V59.9018C92.7417 59.3495 92.294 58.9018 91.7417 58.9018C91.1894 58.9018 90.7417 59.3495 90.7417 59.9018V67.9018C90.7417 68.4541 91.1894 68.9018 91.7417 68.9018C92.294 68.9018 92.7417 68.4541 92.7417 67.9018Z", fill: "var(--color-3)" }), /* @__PURE__ */ React.createElement("path", { d: "M146.742 67.9018V59.9018C146.742 59.3495 146.294 58.9018 145.742 58.9018C145.189 58.9018 144.742 59.3495 144.742 59.9018V67.9018C144.742 68.4541 145.189 68.9018 145.742 68.9018C146.294 68.9018 146.742 68.4541 146.742 67.9018Z", fill: "var(--color-3)" }), /* @__PURE__ */ React.createElement("rect", { x: "95.7417", y: "23.4018", width: "46", height: "81", rx: "6", fill: "var(--color-4)", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_1118_5291)` }, /* @__PURE__ */ React.createElement("rect", { x: "95.7417", y: "33.8999", width: "46", height: "60.0044", rx: "4", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_5291)` }, /* @__PURE__ */ React.createElement("path", { d: "M 147.914 94.0004 L 147.914004 1.0004 L 94.956004 1.000398 L 94.956 94.000398 Z", fill: `url(#${uid}-paint0_linear_1118_5291-3)` }))), /* @__PURE__ */ React.createElement("rect", { x: "108.333", y: "51.4973", width: "20.8184", height: "1.5", rx: "0.75", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("rect", { x: "113.063", y: "57.1594", width: "11.3559", height: "1.5", rx: "0.75", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_1118_5291)` }, /* @__PURE__ */ React.createElement("rect", { x: "111.243", y: "64.3078", width: "15", height: "12", rx: "2", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_1118_5291)` }, /* @__PURE__ */ React.createElement("path", { d: "M111.243 15.8018H195.072V76.4529H111.243V15.8018Z", fill: `url(#${uid}-paint1_linear_1118_5291-3)` }))))),
+      /* @__PURE__ */ React.createElement("g", { display: "none", opacity: "0.5" }, /* @__PURE__ */ React.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-1)" }), /* @__PURE__ */ React.createElement("path", { d: "M68.1182 67.5001V59.5001C68.1182 58.9478 67.6704 58.5001 67.1182 58.5001C66.5659 58.5001 66.1182 58.9478 66.1182 59.5001V67.5001C66.1182 68.0523 66.5659 68.5001 67.1182 68.5001C67.6704 68.5001 68.1182 68.0523 68.1182 67.5001Z", fill: "var(--color-3)" }), /* @__PURE__ */ React.createElement("path", { d: "M176.118 67.5001V59.5001C176.118 58.9478 175.67 58.5001 175.118 58.5001C174.566 58.5001 174.118 58.9478 174.118 59.5001V67.5001C174.118 68.0523 174.566 68.5001 175.118 68.5001C175.67 68.5001 176.118 68.0523 176.118 67.5001Z", fill: "var(--color-3)" }), /* @__PURE__ */ React.createElement("rect", { x: "71.1182", y: "23", width: "100", height: "81", rx: "6", fill: "var(--color-4)", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_1118_5463)` }, /* @__PURE__ */ React.createElement("rect", { x: "71.1182", y: "33.4978", width: "100", height: "60.0044", rx: "4", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_1118_5463)` }, /* @__PURE__ */ React.createElement("path", { d: "M 212 92.9998 L 212.000004 -0.0002 L 71.000004 -0.000206 L 71 92.999794 Z", fill: `url(#${uid}-paint0_linear_1118_5463-3)` }))), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_1118_5463)` }, /* @__PURE__ */ React.createElement("rect", { x: "101.618", y: "61.0994", width: "39", height: "17", rx: "2", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_5463)` }, /* @__PURE__ */ React.createElement("path", { d: "M101.618 -5.78931H217.218V77.8479H101.618V-5.78931Z", fill: `url(#${uid}-paint1_linear_1118_5463-3)` }))), /* @__PURE__ */ React.createElement("rect", { x: "93.6436", y: "48.9001", width: "54.9492", height: "1.5", rx: "0.75", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("rect", { x: "106.132", y: "54.4001", width: "29.9735", height: "1.5", rx: "0.75", fill: "var(--color-2)" })),
+      /* @__PURE__ */ React.createElement("g", { display: "none", opacity: "0.5" }, /* @__PURE__ */ React.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-1)" }), /* @__PURE__ */ React.createElement("path", { d: "M78.5 67.5001V59.5001C78.5 58.9478 78.0523 58.5001 77.5 58.5001C76.9477 58.5001 76.5 58.9478 76.5 59.5001V67.5001C76.5 68.0523 76.9477 68.5001 77.5 68.5001C78.0523 68.5001 78.5 68.0523 78.5 67.5001Z", fill: "var(--color-3)" }), /* @__PURE__ */ React.createElement("path", { d: "M159.5 67.5001V59.5001C159.5 58.9478 159.052 58.5001 158.5 58.5001C157.948 58.5001 157.5 58.9478 157.5 59.5001V67.5001C157.5 68.0523 157.948 68.5001 158.5 68.5001C159.052 68.5001 159.5 68.0523 159.5 67.5001Z", fill: "var(--color-3)" }), /* @__PURE__ */ React.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "var(--color-4)", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_1118_5378)` }, /* @__PURE__ */ React.createElement("rect", { x: "81.5", y: "33.498", width: "73", height: "60.0044", rx: "4", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_1118_5378)` }, /* @__PURE__ */ React.createElement("path", { d: "M 222 94.1248 L 222.000004 0.0001 L 81.000004 0.000094 L 81 94.124794 Z", fill: `url(#${uid}-paint0_linear_1118_5378-2)` }))), /* @__PURE__ */ React.createElement("rect", { x: "102.502", y: "48.821", width: "30.9961", height: "1.5", rx: "0.75", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("rect", { x: "109.547", y: "54.4832", width: "16.9077", height: "1.5", rx: "0.75", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_1118_5378)` }, /* @__PURE__ */ React.createElement("rect", { x: "107.658", y: "61.6316", width: "20.6848", height: "17", rx: "2", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_5378)` }, /* @__PURE__ */ React.createElement("path", { d: "M107.658 -5.25708H223.258V78.3801H107.658V-5.25708Z", fill: `url(#${uid}-paint1_linear_1118_5378-2)` }))))
+    );
+  }
+);
+LimitScaling2Guy.displayName = "LimitScaling2Guy";
+export {
+  LimitScaling2Guy
+};

package/dist/esm/animated/MaxMinGuy.js

@@ -0,0 +1,46 @@
+import React, { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
+const MaxMinGuy = forwardRef(
+  ({ className, ...props }, ref) => {
+    const svgRef = useRef(null);
+    const uid = useId().replace(/:/g, "");
+    useImperativeHandle(
+      ref,
+      () => ({
+        play: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.play()),
+        pause: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.pause()),
+        reset: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
+          a.currentTime = 0;
+          a.pause();
+        })
+      }),
+      []
+    );
+    useEffect(() => {
+      svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
+        a.currentTime = 0;
+        a.pause();
+      });
+    }, []);
+    return /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        ref: svgRef,
+        viewBox: "0 0 236 127",
+        fill: "none",
+        width: 236,
+        height: 127,
+        xmlns: "http://www.w3.org/2000/svg",
+        className: ["MaxMinGuy-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5030-5`, x1: "167.357", y1: "8.03", x2: "-42", y2: "124.333", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5105`, x1: "59.5049", y1: "12.586", x2: "-51.9923", y2: "82.9419", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5206`, x1: "79.8102", y1: "12.6561", x2: "-42.5807", y2: "115.666", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5020`, x1: "181.526", y1: "21.1003", x2: "135.676", y2: "101.965", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5105`, x1: "227.54", y1: "-13.9712", x2: "148.479", y2: "125.47", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5206`, x1: "227.541", y1: "-14.6005", x2: "148.48", y2: "124.84", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5020`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.72612", result: "effect1_foregroundBlur_1118_5020" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5020` }, /* @__PURE__ */ React.createElement("rect", { x: "109.585", y: "64.1624", width: "16.8295", height: "12", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5105`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.4252", result: "effect1_foregroundBlur_1118_5105" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5105` }, /* @__PURE__ */ React.createElement("rect", { x: "55.998", y: "33.498", width: "124", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5105` }, /* @__PURE__ */ React.createElement("rect", { x: "103.489", y: "60.2832", width: "29.0202", height: "20.6924", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5206`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.35417", result: "effect1_foregroundBlur_1118_5206" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5206`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.4252", result: "effect1_foregroundBlur_1118_5206" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5206` }, /* @__PURE__ */ React.createElement("rect", { x: "56", y: "33.498", width: "124", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5206` }, /* @__PURE__ */ React.createElement("rect", { x: "103.49", y: "59.6538", width: "29.0202", height: "20.6924", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-msbmexah-d`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("rect", { x: "45", y: "23", width: "146", height: "81", rx: "6", ry: "6", fill: "var(--color-5)", stroke: "var(--color-6)", strokeWidth: "0" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-msbm1tdl-9`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("g", { className: "MaxMinGuy-rect-msbm1tdl-9" }, "  ", /* @__PURE__ */ React.createElement("rect", { x: "56", y: "33.5", width: "124", height: "60", rx: "4", fill: "var(--color-5)", stroke: "var(--color-6)", className: "MaxMinGuy-rect-msbm1tdl-9-shape", strokeWidth: "0" })))),
+      /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.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-1)" }), /* @__PURE__ */ React.createElement("g", { className: "MaxMinGuy-node-2" }, /* @__PURE__ */ React.createElement("path", { d: "M65.001 67.5001V59.5001C65.001 58.9478 64.5533 58.5001 64.001 58.5001C63.4487 58.5001 63.001 58.9478 63.001 59.5001V67.5001C63.001 68.0523 63.4487 68.5001 64.001 68.5001C64.5533 68.5001 65.001 68.0523 65.001 67.5001Z", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { className: "MaxMinGuy-node-3" }, /* @__PURE__ */ React.createElement("path", { d: "M173.001 67.5001V59.5001C173.001 58.9478 172.553 58.5001 172.001 58.5001C171.449 58.5001 171.001 58.9478 171.001 59.5001V67.5001C171.001 68.0523 171.449 68.5001 172.001 68.5001C172.553 68.5001 173.001 68.0523 173.001 67.5001Z", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { className: "MaxMinGuy-rect-msbreia1-12" }, /* @__PURE__ */ React.createElement("rect", { x: "68", y: "15", width: "100", height: "97", rx: "6", ry: "6", fill: "var(--color-7)", stroke: "var(--color-6)", opacity: "0.57", className: "MaxMinGuy-rect-msbreia1-12-shape", strokeWidth: "0" })), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-rect-msbmexah-d)` }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-rect-msbm1tdl-9)` }, /* @__PURE__ */ React.createElement("g", { className: "MaxMinGuy-node-1-4" }, /* @__PURE__ */ React.createElement("path", { d: "M 230 123 L 230.000005 0 L 0.000005 -0.00001 L 0 122.99999 Z", fill: `url(#${uid}-paint0_linear_1118_5030-5)` }))))), /* @__PURE__ */ React.createElement("g", { className: "MaxMinGuy-node-8" }, /* @__PURE__ */ React.createElement("rect", { x: "88.4998", y: "50.8381", width: "59", height: "1.5", rx: "0.75", fill: "var(--color-2)", className: "MaxMinGuy-node-8-shape" })), /* @__PURE__ */ React.createElement("g", { className: "MaxMinGuy-node-9" }, /* @__PURE__ */ React.createElement("rect", { x: "101.99965", y: "56.5002", width: "32", height: "1.5", rx: "0.75", fill: "var(--color-2)", className: "MaxMinGuy-node-9-shape" })), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "MaxMinGuy-node-10", clipPath: `url(#${uid}-clip1_1118_5020)` }, /* @__PURE__ */ React.createElement("rect", { x: "109.585", y: "64.1624", width: "16.8295", height: "12", rx: "2", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_1118_5020)` }, /* @__PURE__ */ React.createElement("path", { d: "M109.586 15.6563H193.415V76.3075H109.586V15.6563Z", fill: `url(#${uid}-paint1_linear_1118_5020)` })))),
+      /* @__PURE__ */ React.createElement("g", { display: "none", opacity: "0.5" }, /* @__PURE__ */ React.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-1)" }), /* @__PURE__ */ React.createElement("path", { d: "M52.998 67.5V59.5C52.998 58.9477 52.5503 58.5 51.998 58.5C51.4458 58.5 50.998 58.9477 50.998 59.5V67.5C50.998 68.0523 51.4458 68.5 51.998 68.5C52.5503 68.5 52.998 68.0523 52.998 67.5Z", fill: "var(--color-3)" }), /* @__PURE__ */ React.createElement("path", { d: "M184.998 67.5V59.5C184.998 58.9477 184.55 58.5 183.998 58.5C183.446 58.5 182.998 58.9477 182.998 59.5V67.5C182.998 68.0523 183.446 68.5 183.998 68.5C184.55 68.5 184.998 68.0523 184.998 67.5Z", fill: "var(--color-3)" }), /* @__PURE__ */ React.createElement("rect", { x: "55.998", y: "23", width: "124", height: "81", rx: "6", fill: "var(--color-4)", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_1118_5105)` }, /* @__PURE__ */ React.createElement("rect", { x: "55.998", y: "33.498", width: "124", height: "60.0044", rx: "4", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("path", { d: "M 196.217 93.5024 L 196.217003 24.1635 L 55.998003 24.163494 L 55.998 93.502394 Z", fill: `url(#${uid}-paint0_linear_1118_5105)` })), /* @__PURE__ */ React.createElement("rect", { x: "88.5166", y: "47.2832", width: "58.9628", height: "1.5", rx: "0.75", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("rect", { x: "101.915", y: "52.7832", width: "32.1615", height: "1.5", rx: "0.75", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_1118_5105)` }, /* @__PURE__ */ React.createElement("rect", { x: "103.489", y: "60.2832", width: "29.0202", height: "20.6924", rx: "4", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_1118_5105)` }, /* @__PURE__ */ React.createElement("path", { d: "M103.489 -23.3586H248.042V81.2261H103.489V-23.3586Z", fill: `url(#${uid}-paint1_linear_1118_5105)` })))),
+      /* @__PURE__ */ React.createElement("g", { display: "none", opacity: "0.5" }, /* @__PURE__ */ React.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-1)" }), /* @__PURE__ */ React.createElement("rect", { x: "44.5", y: "23", width: "147", height: "81", rx: "6", fill: "var(--color-4)", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("path", { d: "M41.5 67.5V59.5C41.5 58.9477 41.0523 58.5 40.5 58.5C39.9477 58.5 39.5 58.9477 39.5 59.5V67.5C39.5 68.0523 39.9477 68.5 40.5 68.5C41.0523 68.5 41.5 68.0523 41.5 67.5Z", fill: "var(--color-3)" }), /* @__PURE__ */ React.createElement("path", { d: "M196.5 67.5V59.5C196.5 58.9477 196.052 58.5 195.5 58.5C194.948 58.5 194.5 58.9477 194.5 59.5V67.5C194.5 68.0523 194.948 68.5 195.5 68.5C196.052 68.5 196.5 68.0523 196.5 67.5Z", fill: "var(--color-3)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_1118_5206)` }, /* @__PURE__ */ React.createElement("rect", { x: "56", y: "33.498", width: "124", height: "60.0044", rx: "4", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_1118_5206)` }, /* @__PURE__ */ React.createElement("path", { d: "M 197 93.5024 L 197.000004 0.5024 L 56.000004 0.502394 L 56 93.502394 Z", fill: `url(#${uid}-paint0_linear_1118_5206)` }))), /* @__PURE__ */ React.createElement("rect", { x: "88.5176", y: "46.6538", width: "58.9628", height: "1.5", rx: "0.75", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("rect", { x: "101.916", y: "52.1538", width: "32.1615", height: "1.5", rx: "0.75", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_1118_5206)` }, /* @__PURE__ */ React.createElement("rect", { x: "103.49", y: "59.6538", width: "29.0202", height: "20.6924", rx: "4", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_5206)` }, /* @__PURE__ */ React.createElement("path", { d: "M103.49 -23.988H248.043V80.5968H103.49V-23.988Z", fill: `url(#${uid}-paint1_linear_1118_5206)` }))))
+    );
+  }
+);
+MaxMinGuy.displayName = "MaxMinGuy";
+export {
+  MaxMinGuy
+};

package/dist/esm/animated/MobileAlgoFastGuy.js

@@ -0,0 +1,45 @@
+import React, { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
+const MobileAlgoFastGuy = forwardRef(
+  ({ className, ...props }, ref) => {
+    const svgRef = useRef(null);
+    const uid = useId().replace(/:/g, "");
+    useImperativeHandle(
+      ref,
+      () => ({
+        play: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.play()),
+        pause: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.pause()),
+        reset: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
+          a.currentTime = 0;
+          a.pause();
+        })
+      }),
+      []
+    );
+    useEffect(() => {
+      svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
+        a.currentTime = 0;
+        a.pause();
+      });
+    }, []);
+    return /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        ref: svgRef,
+        viewBox: "0 0 236 127",
+        fill: "none",
+        width: 236,
+        height: 127,
+        xmlns: "http://www.w3.org/2000/svg",
+        className: ["MobileAlgoFastGuy-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5545`, x1: "69.8122", y1: "25.6667", x2: "-91.7874", y2: "84.3309", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5554`, x1: "256.666", y1: "-24.132", x2: "105.46", y2: "139.118", gradientUnits: "userSpaceOnUse", gradientTransform: "rotate(0)" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5635`, x1: "79.8102", y1: "12.6561", x2: "-42.5807", y2: "115.666", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5545`, x1: "152.821", y1: "29.348", x2: "114.886", y2: "96.2534", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_1118_5635`, x1: "170.559", y1: "15.3248", x2: "132.624", y2: "82.2301", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint2_linear_1118_5545`, x1: "170.746", y1: "29.3479", x2: "132.811", y2: "96.2532", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint2_linear_1118_5635`, x1: "170.559", y1: "29.7055", x2: "132.624", y2: "96.6108", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint3_linear_1118_5545`, x1: "188.67", y1: "29.3485", x2: "150.735", y2: "96.2538", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint3_linear_1118_5635`, x1: "170.559", y1: "44.087", x2: "132.624", y2: "110.992", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5545`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "8.40795", result: "effect1_foregroundBlur_1118_5545" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5545`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5545" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_1118_5545`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5545" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter3_f_1118_5545`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5545" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5545` }, /* @__PURE__ */ React.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5545` }, /* @__PURE__ */ React.createElement("rect", { x: "93.3", y: "64.9761", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_1118_5545` }, /* @__PURE__ */ React.createElement("rect", { x: "111.224", y: "64.9763", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip3_1118_5545` }, /* @__PURE__ */ React.createElement("rect", { x: "129.148", y: "64.9763", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_1118_5635`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "6.35417", result: "effect1_foregroundBlur_1118_5635" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5635`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5635" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_1118_5635`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5635" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter3_f_1118_5635`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.08289", result: "effect1_foregroundBlur_1118_5635" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5635` }, /* @__PURE__ */ React.createElement("rect", { x: "95", y: "29.0005", width: "46", height: "69", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5635` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "50.9529", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_1118_5635` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "65.334", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip3_1118_5635` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "79.7148", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-msbrdyhf-11`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("g", { className: "MobileAlgoFastGuy-rect-msbrdyhf-11" }, "  ", /* @__PURE__ */ React.createElement("rect", { x: "95", y: "15", width: "46", height: "97", rx: "4", fill: "var(--color-5)", stroke: "var(--color-6)", className: "MobileAlgoFastGuy-rect-msbrdyhf-11-shape", strokeWidth: "0" })))),
+      /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.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-1)" }), /* @__PURE__ */ React.createElement("g", { className: "MobileAlgoFastGuy-rect-msbreia1-12" }, /* @__PURE__ */ React.createElement("rect", { x: "95", y: "15", width: "46", height: "97", rx: "6", ry: "6", fill: "var(--color-7)", stroke: "var(--color-6)", opacity: "0.57", className: "MobileAlgoFastGuy-rect-msbreia1-12-shape", strokeWidth: "0" })), /* @__PURE__ */ React.createElement("g", { className: "MobileAlgoFastGuy-node-3-2" }, /* @__PURE__ */ React.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-3)" })), /* @__PURE__ */ React.createElement("g", { className: "MobileAlgoFastGuy-node-4-2" }, /* @__PURE__ */ React.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-3)" })), /* @__PURE__ */ React.createElement("g", { display: "none", fill: "none", clipPath: `url(#${uid}-clip0_1118_5545)` }, /* @__PURE__ */ React.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_1118_5545)` }, /* @__PURE__ */ React.createElement("path", { d: "M 330.543 93.502 L 330.543004 12.1524 L 44.594004 12.152388 L 44.594 93.501988 Z", fill: `url(#${uid}-paint0_linear_1118_5545)` }))), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-rect-msbrdyhf-11)` }, /* @__PURE__ */ React.createElement("g", { className: "MobileAlgoFastGuy-node-2-3" }, /* @__PURE__ */ React.createElement("path", { d: "M 285.856 60.0039 L 285.856004 -21.3457 L -0.092996 -21.345712 L -0.093 60.003888 Z", fill: `url(#${uid}-paint0_linear_1118_5554)` }))), /* @__PURE__ */ React.createElement("g", { className: "MobileAlgoFastGuy-node-11-2" }, /* @__PURE__ */ React.createElement("rect", { x: "104.1865", y: "52.0964", width: "28", height: "1.5", rx: "0.75", fill: "var(--color-2)", className: "MobileAlgoFastGuy-node-11-2-shape" })), /* @__PURE__ */ React.createElement("g", { className: "MobileAlgoFastGuy-node-12" }, /* @__PURE__ */ React.createElement("rect", { x: "110.68475", y: "57.4763", width: "15", height: "1.5", rx: "0.75", fill: "var(--color-2)", className: "MobileAlgoFastGuy-node-12-shape" })), /* @__PURE__ */ React.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(0px, 0px)" }, opacity: "0", className: "MobileAlgoFastGuy-group-msbrl69e-14" }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "MobileAlgoFastGuy-node-13", clipPath: `url(#${uid}-clip1_1118_5545)` }, /* @__PURE__ */ React.createElement("rect", { x: "93.3", y: "64.9761", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_5545)` }, /* @__PURE__ */ React.createElement("path", { d: "M93.3 24.8438H162.658V75.0248H93.3V24.8438Z", fill: `url(#${uid}-paint1_linear_1118_5545)` }))), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "MobileAlgoFastGuy-node-21", clipPath: `url(#${uid}-clip3_1118_5545)` }, /* @__PURE__ */ React.createElement("rect", { x: "129.148", y: "64.9763", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_1118_5545)` }, /* @__PURE__ */ React.createElement("path", { d: "M129.148 24.8443H198.506V75.0253H129.148V24.8443Z", fill: `url(#${uid}-paint3_linear_1118_5545)` })))), /* @__PURE__ */ React.createElement("g", { opacity: "0", className: "MobileAlgoFastGuy-group-msbrk4t8-13-2" }, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "MobileAlgoFastGuy-node-11-3", clipPath: `url(#${uid}-clip1_1118_5635)` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "50.9529", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_5635)` }, /* @__PURE__ */ React.createElement("path", { d: "M111.038 10.8206H180.396V61.0015H111.038V10.8206Z", fill: `url(#${uid}-paint1_linear_1118_5635)` }))), /* @__PURE__ */ React.createElement("g", { display: "none", fill: "none", clipPath: `url(#${uid}-clip2_1118_5635)` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "65.334", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_1118_5635)` }, /* @__PURE__ */ React.createElement("path", { d: "M111.038 25.2013H180.396V75.3823H111.038V25.2013Z", fill: `url(#${uid}-paint2_linear_1118_5635)` }))), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "MobileAlgoFastGuy-node-19-2-2", clipPath: `url(#${uid}-clip3_1118_5635)` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "79.7148", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_1118_5635)` }, /* @__PURE__ */ React.createElement("path", { d: "M111.038 39.5828H180.396V89.7638H111.038V39.5828Z", fill: `url(#${uid}-paint3_linear_1118_5635)` })))), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "MobileAlgoFastGuy-node-17", clipPath: `url(#${uid}-clip2_1118_5545)` }, /* @__PURE__ */ React.createElement("rect", { x: "111.224", y: "64.9763", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_1118_5545)` }, /* @__PURE__ */ React.createElement("path", { d: "M111.224 24.8436H180.582V75.0246H111.224V24.8436Z", fill: `url(#${uid}-paint2_linear_1118_5545)` })))),
+      /* @__PURE__ */ React.createElement("g", { display: "none", opacity: "0.5" }, /* @__PURE__ */ React.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-1)" }), /* @__PURE__ */ React.createElement("path", { d: "M92 67.5V59.5C92 58.9477 91.5523 58.5 91 58.5C90.4477 58.5 90 58.9477 90 59.5V67.5C90 68.0523 90.4477 68.5 91 68.5C91.5523 68.5 92 68.0523 92 67.5Z", fill: "var(--color-3)" }), /* @__PURE__ */ React.createElement("path", { d: "M146 67.5V59.5C146 58.9477 145.552 58.5 145 58.5C144.448 58.5 144 58.9477 144 59.5V67.5C144 68.0523 144.448 68.5 145 68.5C145.552 68.5 146 68.0523 146 67.5Z", fill: "var(--color-3)" }), /* @__PURE__ */ React.createElement("rect", { x: "95", y: "15", width: "46", height: "97", rx: "6", fill: "var(--color-4)", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_1118_5635)` }, /* @__PURE__ */ React.createElement("rect", { x: "95", y: "29.0005", width: "46", height: "69", rx: "4", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_1118_5635)` }, /* @__PURE__ */ React.createElement("path", { d: "M 236 97.9722 L 236.000004 4.9722 L 95.000004 4.972194 L 95 97.972194 Z", fill: `url(#${uid}-paint0_linear_1118_5635)` }))), /* @__PURE__ */ React.createElement("rect", { x: "103.842", y: "37.3578", width: "28.3153", height: "1.5", rx: "0.75", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("rect", { x: "110.277", y: "43.0419", width: "15.4447", height: "1.5", rx: "0.75", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_1118_5635)` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "50.9529", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_5635)` }, /* @__PURE__ */ React.createElement("path", { d: "M111.038 10.8206H180.396V61.0015H111.038V10.8206Z", fill: `url(#${uid}-paint1_linear_1118_5635)` }))), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_1118_5635)` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "65.334", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_1118_5635)` }, /* @__PURE__ */ React.createElement("path", { d: "M111.038 25.2013H180.396V75.3823H111.038V25.2013Z", fill: `url(#${uid}-paint2_linear_1118_5635)` }))), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip3_1118_5635)` }, /* @__PURE__ */ React.createElement("rect", { x: "111.038", y: "79.7148", width: "13.9242", height: "9.92844", rx: "1.65474", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_1118_5635)` }, /* @__PURE__ */ React.createElement("path", { d: "M111.038 39.5828H180.396V89.7638H111.038V39.5828Z", fill: `url(#${uid}-paint3_linear_1118_5635)` })))))
+    );
+  }
+);
+MobileAlgoFastGuy.displayName = "MobileAlgoFastGuy";
+export {
+  MobileAlgoFastGuy
+};

package/dist/esm/animated/ResponsiveBehaviorElementsFixed.js

@@ -0,0 +1,47 @@
+import React, { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
+const ResponsiveBehaviorElementsFixed = forwardRef(
+  ({ className, ...props }, ref) => {
+    const svgRef = useRef(null);
+    const uid = useId().replace(/:/g, "");
+    useImperativeHandle(
+      ref,
+      () => ({
+        play: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.play()),
+        pause: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.pause()),
+        reset: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
+          a.currentTime = 0;
+          a.pause();
+        })
+      }),
+      []
+    );
+    useEffect(() => {
+      svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
+        a.currentTime = 0;
+        a.pause();
+      });
+    }, []);
+    return /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        ref: svgRef,
+        viewBox: "0 0 236 127",
+        fill: "none",
+        width: 236,
+        height: 127,
+        xmlns: "http://www.w3.org/2000/svg",
+        className: ["ResponsiveBehaviorElementsFixed-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_4125_12361`, x1: "110.482", y1: "60.3398", x2: "133.552", y2: "78.8708", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_4125_12403`, x1: "113.562", y1: "61.7065", x2: "126.645", y2: "72.2151", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_4125_12361`, x1: "95.2177", y1: "37.3346", x2: "140.84", y2: "82.5369", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_4125_12403`, x1: "104.902", y1: "48.661", x2: "130.774", y2: "74.2946", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint2_linear_4125_12361`, x1: "113.012", y1: "41.6462", x2: "94.9412", y2: "64.7056", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint2_linear_4125_12403`, x1: "114.992", y1: "51.1105", x2: "104.744", y2: "64.1871", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_4125_12361`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.01565", result: "effect1_foregroundBlur_4125_12361" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_4125_12361` }, /* @__PURE__ */ React.createElement("rect", { x: "44.5", y: "23", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_4125_12361` }, /* @__PURE__ */ React.createElement("rect", { x: "44.8125", y: "23", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_4125_12361` }, /* @__PURE__ */ React.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "41.6619", rx: "3.9058", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip3_4125_12361` }, /* @__PURE__ */ React.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "42.5019", rx: "3.69581", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip4_4125_12361` }, /* @__PURE__ */ React.createElement("rect", { x: "94.8828", y: "47.875", width: "11.7174", height: "11.7174", rx: "5.8587", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_i_4125_12403`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.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__ */ React.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ React.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__ */ React.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_4125_12403" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_4125_12403`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "0.575959", result: "effect1_foregroundBlur_4125_12403" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_4125_12403` }, /* @__PURE__ */ React.createElement("rect", { x: "101.758", y: "51.6875", width: "32.4856", height: "23.6259", rx: "2.21493", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_4125_12403` }, /* @__PURE__ */ React.createElement("rect", { x: "101.758", y: "51.6875", width: "32.4856", height: "24.1022", rx: "2.09584", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_4125_12403` }, /* @__PURE__ */ React.createElement("rect", { x: "104.711", y: "54.6406", width: "6.64478", height: "6.64478", rx: "3.32239", fill: "white" }))),
+      /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.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-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4125_12361)` }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsFixed-node-3" }, /* @__PURE__ */ React.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "var(--color-4)", className: "ResponsiveBehaviorElementsFixed-node-3-shape", fillOpacity: "0.25" })), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ResponsiveBehaviorElementsFixed-Frame-2147240028" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4125_12361)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4125_12361)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip3_4125_12361)` }, /* @__PURE__ */ React.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "42.5019", rx: "3.69581", fill: "var(--color-5)" }))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M119.091 51.7305L103.07 77.0863L131.643 72.9157L119.091 51.7305Z", fill: `url(#${uid}-paint0_linear_4125_12361)` }), /* @__PURE__ */ React.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__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip4_4125_12361)` }, /* @__PURE__ */ React.createElement("rect", { x: "94.8828", y: "47.875", width: "11.7174", height: "11.7174", rx: "5.8587", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_4125_12361)` }, /* @__PURE__ */ React.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__ */ React.createElement("g", { display: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_i_4125_12403)` }, /* @__PURE__ */ React.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-1)" }), /* @__PURE__ */ React.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "var(--color-4)", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4125_12403)` }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4125_12403)` }, /* @__PURE__ */ React.createElement("rect", { x: "101.758", y: "51.6875", width: "32.4856", height: "24.1022", rx: "2.09584", fill: "var(--color-5)" })), /* @__PURE__ */ React.createElement("path", { d: "M118.444 56.8242L109.359 71.2032L125.563 68.8381L118.444 56.8242Z", fill: `url(#${uid}-paint0_linear_4125_12403)` }), /* @__PURE__ */ React.createElement("path", { d: "M134.768 61.9583C134.768 61.9583 122.311 56.9633 121.704 56.7102C121.096 56.4571 117.327 55.2863 118.441 58.6621C119.548 62.0168 120.155 63.3069 120.396 63.8798C120.638 64.4526 121.62 66.7867 119.148 67.648C116.346 68.6238 101.234 73.2576 101.234 73.2576V75.9188H134.768V61.9583Z", fill: `url(#${uid}-paint1_linear_4125_12403)` }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4125_12403)` }, /* @__PURE__ */ React.createElement("rect", { x: "104.711", y: "54.6406", width: "6.64478", height: "6.64478", rx: "3.32239", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_4125_12403)` }, /* @__PURE__ */ React.createElement("path", { d: "M109.612 50.1473C109.293 50.2108 108.977 50.299 108.669 50.4118C107.407 50.8794 106.287 51.7694 105.549 53.0223C103.862 55.883 104.801 59.5476 107.646 61.2066C110.492 62.8656 114.165 61.8895 115.852 59.0288C117.539 56.166 116.601 52.5015 113.757 50.8445C112.458 50.0857 110.988 49.8786 109.612 50.1473Z", fill: `url(#${uid}-paint2_linear_4125_12403)` })))), /* @__PURE__ */ React.createElement("path", { d: "M79 58.5H77V68.5H79V58.5Z", fill: "var(--color-3)" }), /* @__PURE__ */ React.createElement("path", { d: "M159 58.5H157V68.5H159V58.5Z", fill: "var(--color-3)" }))),
+      /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsFixed-node-15" }, /* @__PURE__ */ React.createElement("path", { d: "M 196.000011 67.918951 V 59.918951 C 196.000011 59.366651 195.552011 58.918951 195.000011 58.918951 C 194.447011 58.918951 194.000011 59.366651 194.000011 59.918951 V 67.918951 C 194.000011 68.471251 194.447011 68.918951 195.000011 68.918951 C 195.552011 68.918951 196.000011 68.471251 196.000011 67.918951 Z", fill: "var(--color-3)" })),
+      /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsFixed-node-14-3" }, /* @__PURE__ */ React.createElement("path", { d: "M 41.999999 68.000003 V 60.000003 C 41.999999 59.447703 41.552299 59.000003 40.999999 59.000003 C 40.447799 59.000003 39.999999 59.447703 39.999999 60.000003 V 68.000003 C 39.999999 68.552303 40.447799 69.000003 40.999999 69.000003 C 41.552299 69.000003 41.999999 68.552303 41.999999 68.000003 Z", fill: "var(--color-3)" }))
+    );
+  }
+);
+ResponsiveBehaviorElementsFixed.displayName = "ResponsiveBehaviorElementsFixed";
+export {
+  ResponsiveBehaviorElementsFixed
+};

package/dist/esm/animated/ResponsiveBehaviorElementsRelativeWidth.js

@@ -0,0 +1,44 @@
+import React, { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
+const ResponsiveBehaviorElementsRelativeWidth = forwardRef(
+  ({ className, ...props }, ref) => {
+    const svgRef = useRef(null);
+    const uid = useId().replace(/:/g, "");
+    useImperativeHandle(
+      ref,
+      () => ({
+        play: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.play()),
+        pause: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.pause()),
+        reset: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
+          a.currentTime = 0;
+          a.pause();
+        })
+      }),
+      []
+    );
+    useEffect(() => {
+      svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
+        a.currentTime = 0;
+        a.pause();
+      });
+    }, []);
+    return /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        ref: svgRef,
+        viewBox: "0 0 236 127",
+        fill: "none",
+        width: 236,
+        height: 127,
+        xmlns: "http://www.w3.org/2000/svg",
+        className: ["ResponsiveBehaviorElementsRelativeWidth-root", className].filter(Boolean).join(" "),
+        ...props
+      },
+      /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_16_18`, x1: "104.586", y1: "59.1065", x2: "137.096", y2: "91.7971", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_16_18`, x1: "78.2891", y1: "27.4515", x2: "139.642", y2: "103.55", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint2_linear_16_18`, x1: "111.677", y1: "34.4475", x2: "87.1605", y2: "65.7319", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_16_18`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.37792", result: "effect1_foregroundBlur_16_18" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_16_18` }, /* @__PURE__ */ React.createElement("rect", { x: "44.2646", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_16_18` }, /* @__PURE__ */ React.createElement("rect", { x: "44.5781", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_16_18` }, /* @__PURE__ */ React.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip3_16_18` }, /* @__PURE__ */ React.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_16_18`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.37792", result: "effect1_foregroundBlur_16_18" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_16_18` }, /* @__PURE__ */ React.createElement("rect", { x: "44.2646", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_16_18` }, /* @__PURE__ */ React.createElement("rect", { x: "44.5781", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_16_18` }, /* @__PURE__ */ React.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip3_16_18` }, /* @__PURE__ */ React.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_16_18`, filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.37792", result: "effect1_foregroundBlur_16_18" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_16_18` }, /* @__PURE__ */ React.createElement("rect", { x: "44.2646", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_16_18` }, /* @__PURE__ */ React.createElement("rect", { x: "44.5781", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_16_18` }, /* @__PURE__ */ React.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip3_16_18` }, /* @__PURE__ */ React.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-16`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsRelativeWidth-node-16" }, "  ", /* @__PURE__ */ React.createElement("rect", { x: "92.2969", y: "34.3901", width: "52", height: "58", rx: "4", fill: "var(--color-3)", className: "ResponsiveBehaviorElementsRelativeWidth-node-16-shape" })))),
+      /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.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__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_16_18)` }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsRelativeWidth-node-4-3" }, /* @__PURE__ */ React.createElement("rect", { x: "81.2646", y: "22.9559", width: "73", height: "81", rx: "6", fill: "var(--color-5)", className: "ResponsiveBehaviorElementsRelativeWidth-node-4-3-shape", fillOpacity: "0.25" })), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-16)` }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_16_18)` }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_16_18)` }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", fill: "var(--color-6)", className: "ResponsiveBehaviorElementsRelativeWidth-node-7-3-shape" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsRelativeWidth-group-mrw4nj39-4" }, /* @__PURE__ */ React.createElement("path", { d: "M119.417 47.2596L91.8188 82.1505L141.04 76.4115L119.417 47.2596Z", fill: `url(#${uid}-paint0_linear_16_18)` }), /* @__PURE__ */ React.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__ */ React.createElement("g", { fill: "none", className: "ResponsiveBehaviorElementsRelativeWidth-node-10-3", clipPath: `url(#${uid}-clip3_16_18)` }, /* @__PURE__ */ React.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_16_18)` }, /* @__PURE__ */ React.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__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsRelativeWidth-node-14-3" }, /* @__PURE__ */ React.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: "var(--color-2)" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorElementsRelativeWidth-node-15" }, /* @__PURE__ */ React.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: "var(--color-2)" }))))
+    );
+  }
+);
+ResponsiveBehaviorElementsRelativeWidth.displayName = "ResponsiveBehaviorElementsRelativeWidth";
+export {
+  ResponsiveBehaviorElementsRelativeWidth
+};