@wix/design-system-illustrations 2.35.2 → 2.36.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/animated/HeaderScrollEffectDisappear.js +1 -1
- package/dist/cjs/animated/HeaderScrollEffectFadeOut.js +1 -1
- package/dist/cjs/animated/HeaderScrollEffectMoveWithPage.js +1 -1
- package/dist/cjs/animated/HeaderScrollEffectStayFixed.js +1 -1
- package/dist/cjs/animated/LimitScaling2.js +1 -4
- package/dist/cjs/animated/MaxMin.js +1 -3
- package/dist/cjs/animated/MobileAlgoFast.js +1 -2
- package/dist/cjs/animated/ResponsiveBehaviorElementsFixed.js +2 -5
- package/dist/cjs/animated/ResponsiveBehaviorElementsRelativeWidth.js +1 -1
- package/dist/cjs/animated/ResponsiveBehaviorElementsScaleProportionally.js +1 -1
- package/dist/cjs/animated/ResponsiveBehaviorElementsStretch.js +1 -4
- package/dist/cjs/animated/ResponsiveBehaviorHeaderFadeOut.js +7 -11
- package/dist/cjs/animated/ResponsiveBehaviorHeaderFreeze.js +7 -11
- package/dist/cjs/animated/ResponsiveBehaviorHeaderScrollWithSite.js +89 -0
- package/dist/cjs/animated/ResponsiveBehaviorScaleProportionally.js +1 -1
- package/dist/cjs/animated/ResponsiveBehaviorSectionAutoHeight.js +89 -0
- package/dist/cjs/animated/ResponsiveBehaviorSectionFixedHeight.js +1 -2
- package/dist/cjs/animated/ResponsiveBehaviorTextCustomScale.js +1 -1
- package/dist/cjs/animated/ResponsiveBehaviorTextFixed.js +1 -2
- package/dist/cjs/animated/ResponsiveBehaviorTextHug.js +1 -2
- package/dist/cjs/animated/ResponsiveBehaviorTextScaleProportionally.js +1 -1
- package/dist/cjs/animated/ResponsiveBehaviorWarp.js +1 -1
- package/dist/cjs/animated/SectionFixedHeight.js +1 -2
- package/dist/cjs/animated/SectionScale.js +1 -1
- package/dist/cjs/animated/animated.global.css +408 -123
- package/dist/cjs/animated/index.js +6 -0
- package/dist/esm/animated/HeaderScrollEffectDisappear.js +1 -1
- package/dist/esm/animated/HeaderScrollEffectFadeOut.js +1 -1
- package/dist/esm/animated/HeaderScrollEffectMoveWithPage.js +1 -1
- package/dist/esm/animated/HeaderScrollEffectStayFixed.js +1 -1
- package/dist/esm/animated/LimitScaling2.js +1 -4
- package/dist/esm/animated/MaxMin.js +1 -3
- package/dist/esm/animated/MobileAlgoFast.js +1 -2
- package/dist/esm/animated/ResponsiveBehaviorElementsFixed.js +2 -5
- package/dist/esm/animated/ResponsiveBehaviorElementsRelativeWidth.js +1 -1
- package/dist/esm/animated/ResponsiveBehaviorElementsScaleProportionally.js +1 -1
- package/dist/esm/animated/ResponsiveBehaviorElementsStretch.js +1 -4
- package/dist/esm/animated/ResponsiveBehaviorHeaderFadeOut.js +7 -11
- package/dist/esm/animated/ResponsiveBehaviorHeaderFreeze.js +7 -11
- package/dist/esm/animated/ResponsiveBehaviorHeaderScrollWithSite.js +45 -0
- package/dist/esm/animated/ResponsiveBehaviorScaleProportionally.js +1 -1
- package/dist/esm/animated/ResponsiveBehaviorSectionAutoHeight.js +45 -0
- package/dist/esm/animated/ResponsiveBehaviorSectionFixedHeight.js +1 -2
- package/dist/esm/animated/ResponsiveBehaviorTextCustomScale.js +1 -1
- package/dist/esm/animated/ResponsiveBehaviorTextFixed.js +1 -2
- package/dist/esm/animated/ResponsiveBehaviorTextHug.js +1 -2
- package/dist/esm/animated/ResponsiveBehaviorTextScaleProportionally.js +1 -1
- package/dist/esm/animated/ResponsiveBehaviorWarp.js +1 -1
- package/dist/esm/animated/SectionFixedHeight.js +1 -2
- package/dist/esm/animated/SectionScale.js +1 -1
- package/dist/esm/animated/animated.global.css +408 -123
- package/dist/esm/animated/index.js +4 -0
- package/dist/types/animated/ResponsiveBehaviorHeaderScrollWithSite.d.ts +7 -0
- package/dist/types/animated/ResponsiveBehaviorSectionAutoHeight.d.ts +7 -0
- package/dist/types/animated/index.d.ts +4 -0
- package/package.json +3 -3
- package/src/animated/ResponsiveBehaviorElementsFixed.html +90 -159
- package/src/animated/ResponsiveBehaviorHeaderFadeOut.html +156 -151
- package/src/animated/ResponsiveBehaviorHeaderFreeze.html +128 -158
- package/src/animated/ResponsiveBehaviorHeaderScrollWithSite.html +257 -0
- package/src/animated/ResponsiveBehaviorSectionAutoHeight.html +313 -0
|
@@ -25,22 +25,18 @@ const ResponsiveBehaviorHeaderFreeze = forwardRef(
|
|
|
25
25
|
"svg",
|
|
26
26
|
{
|
|
27
27
|
ref: svgRef,
|
|
28
|
-
viewBox: "0 0
|
|
28
|
+
viewBox: "0 0 236 127",
|
|
29
29
|
fill: "none",
|
|
30
|
-
width:
|
|
31
|
-
height:
|
|
30
|
+
width: 236,
|
|
31
|
+
height: 127,
|
|
32
32
|
xmlns: "http://www.w3.org/2000/svg",
|
|
33
33
|
className: ["ResponsiveBehaviorHeaderFreeze-root", className].filter(Boolean).join(" "),
|
|
34
34
|
...props
|
|
35
35
|
},
|
|
36
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_4262_18141`, x1: "100.596", y1: "-3.15637", x2: "-24.9289", y2: "96.4678", 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}-paint0_linear_4262_18380`, x1: "35", y1: "0", x2: "35", y2: "8", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#002294" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294", stopOpacity: "0" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_4262_18141`, x1: "65.1667", y1: "55.2161", x2: "77.9328", y2: "66.4026", 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_4262_18141`, x1: "56.0899", y1: "42.6729", x2: "80.8831", y2: "69.4708", 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_4262_18141`, x1: "67.4247", y1: "45.8313", x2: "59.7261", y2: "55.6552", 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_4262_18141`, x1: "84.8141", y1: "25.5535", x2: "17.7609", y2: "115.963", 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_4262_18141`, x1: "95.4738", y1: "38.7805", x2: "39.4116", y2: "107.748", 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_4262_18141`, x1: "118.268", y1: "45.6851", x2: "68.7679", y2: "106.675", 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_4262_18141`, x1: "156.487", y1: "16.1102", x2: "49.2604", y2: "177.814", 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_4262_18141`, x1: "85.8144", y1: "100.202", x2: "62.9962", y2: "140.446", 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_4262_18141`, 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_4262_18141" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_4262_18141`, 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_4262_18141" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_4262_18141`, 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_4262_18141" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter3_f_4262_18141`, 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_4262_18141" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter4_f_4262_18141`, 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_4262_18141" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter5_f_4262_18141`, 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_4262_18141" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter6_f_4262_18141`, 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_4262_18141" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_4262_18141` }, /* @__PURE__ */ React.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "105.132", rx: "3", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_4262_18141` }, /* @__PURE__ */ React.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "101", rx: "3", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_4262_18141` }, /* @__PURE__ */ React.createElement("rect", { x: "56.7012", y: "46.0234", width: "24", height: "21", rx: "3", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip3_4262_18141` }, /* @__PURE__ */ React.createElement("rect", { width: "80", height: "35", fill: "white", transform: "translate(45.7012 40.0234)" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip4_4262_18141` }, /* @__PURE__ */ React.createElement("rect", { x: "59.7012", y: "49.0234", width: "5", height: "5", rx: "2.5", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip5_4262_18141` }, /* @__PURE__ */ React.createElement("rect", { x: "12.5", y: "77.0234", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip6_4262_18141` }, /* @__PURE__ */ React.createElement("rect", { x: "41.5", y: "77.0234", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip7_4262_18141` }, /* @__PURE__ */ React.createElement("rect", { x: "70.5", y: "77.0234", width: "27", height: "21", rx: "2", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip8_4262_18141` }, /* @__PURE__ */ React.createElement("path", { d: "M23.0742 109.023L86.9448 109.023V131.023C86.9448 132.68 85.6017 134.023 83.9448 134.023H26.0742C24.4174 134.023 23.0742 132.68 23.0742 131.023L23.0742 109.023Z", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip9_4262_18141` }, /* @__PURE__ */ React.createElement("rect", { x: "50.291", y: "124.117", width: "9.43666", height: "3.48353", rx: "1.74177", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-Rectangle-1430107365-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "114", height: "114" }, /* @__PURE__ */ React.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "44", rx: "3", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-Rectangle-1430107365-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "114", height: "114" }, /* @__PURE__ */ React.createElement("rect", { x: "23", y: "33.0234", width: "64", height: "44", rx: "3", fill: "var(--color-3)" }))),
|
|
37
|
-
/* @__PURE__ */ React.createElement("g", {
|
|
38
|
-
/* @__PURE__ */ React.createElement("g",
|
|
39
|
-
/* @__PURE__ */ React.createElement("g",
|
|
40
|
-
/* @__PURE__ */ React.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(18.291003px, 21.32403px)" } }),
|
|
41
|
-
/* @__PURE__ */ React.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(22.944799px, 32.9453px)" } }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }))),
|
|
42
|
-
/* @__PURE__ */ React.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(23.044199px, 32.968371px)" }, opacity: "0", className: "ResponsiveBehaviorHeaderFreeze-import-ms1xlqss-3" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(-0.04895px, -0.132812px)" }, d: "M0 3C0 1.34315 1.34315 0 3 0H61C62.6569 0 64 1.34315 64 3V6.93262H0V3Z", fill: "var(--color-2)" })))),
|
|
43
|
-
/* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "75", y: "35.9922", width: "6", height: "1.0001", rx: "0.50005", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { x: "66", y: "35.9922", width: "6", height: "1.0001", rx: "0.50005", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { x: "57", y: "35.9922", width: "6", height: "1.0001", rx: "0.50005", fill: "var(--color-1)" }))
|
|
36
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_4371_16309`, x1: "178.227", y1: "-83.0937", x2: "-110.087", y2: "145.731", 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_4371_16309`, x1: "95.39", y1: "44.9158", x2: "123.428", y2: "69.4849", 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_4371_16309`, x1: "75.4543", y1: "17.3794", x2: "129.908", y2: "76.2359", 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_4371_16309`, x1: "100.35", y1: "24.3133", x2: "83.4414", y2: "45.8896", 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_4371_16309`, x1: "138.978", y1: "-27.1478", x2: "-8.29128", y2: "171.419", 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_4371_16309`, x1: "162.389", y1: "1.90174", x2: "39.2589", y2: "153.375", 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_4371_16309`, x1: "212.458", y1: "17.0772", x2: "103.741", y2: "151.031", 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_4371_16309`, x1: "307.169", y1: "-61.1983", x2: "66.9405", y2: "309.011", 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_4371_16309`, x1: "141.161", y1: "135.036", x2: "91.0452", y2: "223.425", 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_4371_16309`, 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: "13.7813", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_4371_16309`, 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.71335", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_4371_16309`, 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: "11.2456", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter3_f_4371_16309`, 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: "11.2456", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter4_f_4371_16309`, 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: "11.2456", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter5_f_4371_16309`, 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: "13.7813", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter6_f_4371_16309`, 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: "4.07281", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { width: "147", height: "210.525", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { width: "147", height: "231.984", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { x: "76.7969", y: "24.7422", width: "52.7113", height: "46.1224", rx: "6.58892", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip3_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { width: "175.704", height: "76.8707", fill: "white", transform: "translate(52.6367 11.5625)" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip4_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { x: "83.3867", y: "31.3281", width: "10.9815", height: "10.9815", rx: "5.49077", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip5_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { x: "-19.8438", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip6_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { x: "43.8477", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip7_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { x: "107.543", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip8_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { width: "146.703", height: "57.4219", fill: "white", transform: "translate(0.167969 153.172)" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip9_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { x: "63.1367", y: "187.57", width: "20.7258", height: "7.65129", rx: "3.82565", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-1-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(82.5px, 41.6px) scale(1, 1)" }, x: "-41.5", y: "-18.5", width: "147", height: "81", rx: "6", ry: "6", fill: "var(--color-4)", opacity: "1" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-1-2-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(82.5px, 41.5px) scale(1, 1)" }, x: "-41.5", y: "-18.5", width: "147", height: "81", rx: "6", ry: "6", fill: "var(--color-4)", opacity: "1" }))),
|
|
37
|
+
/* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2-2)` }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorHeaderFreeze-import-msvsnwyw-7" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4371_16309)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "-0.21875", y: "0.101562", width: "147", height: "211.591", rx: "0", ry: "0", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { fill: "none", opacity: "0.5", clipPath: `url(#${uid}-clip1_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "147", height: "231.984", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "-1.14453", y: "-113.258", width: "209.016", height: "336.055", fill: `url(#${uid}-paint0_linear_4371_16309)` }))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4371_16309)` }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip3_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "52.6367", y: "11.5625", width: "175.704", height: "76.8707", fill: "var(--color-1)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M106.633 34.6094L85.7109 64.9634L123.026 59.9707L106.633 34.6094Z", fill: `url(#${uid}-paint1_linear_4371_16309)` }), /* @__PURE__ */ React.createElement("path", { d: "M162.428 52.6287C162.428 52.6287 115.546 34.9055 114.147 34.3712C112.748 33.837 104.067 31.3653 106.633 38.4918C109.184 45.5736 110.581 48.297 111.137 49.5063C111.692 50.7156 113.955 55.6428 108.262 57.461C101.809 59.5209 67.0078 69.3029 67.0078 69.3029V74.9207H162.428V52.6287Z", fill: `url(#${uid}-paint2_linear_4371_16309)` })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip4_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "83.3867", y: "31.3281", width: "10.9815", height: "10.9815", rx: "5.49077", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_4371_16309)` }, /* @__PURE__ */ React.createElement("path", { d: "M91.474 22.724C90.9464 22.8289 90.4255 22.9744 89.9181 23.1605C87.8346 23.932 85.9879 25.4005 84.7702 27.4679C81.9866 32.188 83.5357 38.2345 88.2304 40.9718C92.925 43.7092 98.9862 42.0986 101.77 37.3784C104.553 32.6549 103.004 26.6084 98.3131 23.8745C96.1687 22.6225 93.7436 22.2808 91.474 22.724Z", fill: `url(#${uid}-paint3_linear_4371_16309)` })))))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "17.4961", y: "37.9219", width: "50.515", height: "2.19631", rx: "1.09815", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { x: "17.4961", y: "46.7031", width: "50.515", height: "2.19631", rx: "1.09815", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { x: "17.4961", y: "55.4922", width: "26.3557", height: "2.19631", rx: "1.09815", fill: "var(--color-1)" }))), /* @__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}-clip5_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "-19.8438", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "-19.4297", y: "-42.8281", width: "184.587", height: "174.692", fill: `url(#${uid}-paint4_linear_4371_16309)` }))))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip6_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "43.8477", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "44.2617", y: "-10.9141", width: "137.649", height: "142.779", fill: `url(#${uid}-paint5_linear_4371_16309)` }))))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip7_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "107.543", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter4_f_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "107.961", y: "5.75781", width: "121.767", height: "126.107", fill: `url(#${uid}-paint6_linear_4371_16309)` })))))), /* @__PURE__ */ React.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(-0.1px, 0px)" }, fill: "none", opacity: "0.5", clipPath: `url(#${uid}-clip8_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "0.019469", y: "153.172", width: "147", height: "57.4219", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter5_f_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "-2.29688", y: "-88", width: "360.609", height: "298.594", fill: `url(#${uid}-paint7_linear_4371_16309)` }))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "41.3281", y: "168.547", width: "64.3447", height: "2.18608", rx: "1.09304", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { x: "55.9531", y: "177.469", width: "35.0971", height: "2.18608", rx: "1.09304", fill: "var(--color-1)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip9_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "63.1367", y: "187.57", width: "20.7258", height: "7.65129", rx: "3.82565", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter6_f_4371_16309)` }, /* @__PURE__ */ React.createElement("path", { d: "M62.5273 129.086H154.156V195.38H62.5273V129.086Z", fill: `url(#${uid}-paint8_linear_4371_16309)` })))))))),
|
|
38
|
+
/* @__PURE__ */ React.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(190.8px, 33.5px)" } }, /* @__PURE__ */ React.createElement("path", { d: "M4 58.125C4 59.1605 3.10468 60 2.00025 60C0.895815 60 0.000495434 59.1605 0.000495434 58.125L0.000495434 1.875C0.000495434 0.839466 0.895815 0 2.00025 0C3.10468 0 4 0.839466 4 1.875L4 58.125Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorHeaderFreeze-node-2-3" }, /* @__PURE__ */ React.createElement("line", { x1: "2", y1: "8.48682", x2: "2", y2: "17.4596", fill: "none", stroke: "var(--color-1)", strokeWidth: "4", strokeLinecap: "round" }))),
|
|
39
|
+
/* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2-2-2)` }, /* @__PURE__ */ React.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(-0.1px, 0px)" }, fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "41.0132", y: "22.979", width: "147.39", height: "15.9656", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { x: "160.768", y: "29.812", width: "13.8178", height: "2.30296", rx: "1.15148", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("rect", { x: "140.041", y: "29.812", width: "13.8178", height: "2.30296", rx: "1.15148", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("rect", { x: "119.314", y: "29.812", width: "13.8178", height: "2.30296", rx: "1.15148", fill: "var(--color-2)" })))
|
|
44
40
|
);
|
|
45
41
|
}
|
|
46
42
|
);
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React, { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
|
|
2
|
+
const ResponsiveBehaviorHeaderScrollWithSite = forwardRef(
|
|
3
|
+
({ className, ...props }, ref) => {
|
|
4
|
+
const svgRef = useRef(null);
|
|
5
|
+
const uid = useId().replace(/:/g, "");
|
|
6
|
+
useImperativeHandle(
|
|
7
|
+
ref,
|
|
8
|
+
() => ({
|
|
9
|
+
play: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.play()),
|
|
10
|
+
pause: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.pause()),
|
|
11
|
+
reset: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
|
|
12
|
+
a.currentTime = 0;
|
|
13
|
+
a.pause();
|
|
14
|
+
})
|
|
15
|
+
}),
|
|
16
|
+
[]
|
|
17
|
+
);
|
|
18
|
+
useEffect(() => {
|
|
19
|
+
svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
|
|
20
|
+
a.currentTime = 0;
|
|
21
|
+
a.pause();
|
|
22
|
+
});
|
|
23
|
+
}, []);
|
|
24
|
+
return /* @__PURE__ */ React.createElement(
|
|
25
|
+
"svg",
|
|
26
|
+
{
|
|
27
|
+
ref: svgRef,
|
|
28
|
+
viewBox: "0 0 236 127",
|
|
29
|
+
fill: "none",
|
|
30
|
+
width: 236,
|
|
31
|
+
height: 127,
|
|
32
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
33
|
+
className: ["ResponsiveBehaviorHeaderScrollWithSite-root", className].filter(Boolean).join(" "),
|
|
34
|
+
...props
|
|
35
|
+
},
|
|
36
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_4371_16309`, x1: "178.227", y1: "-83.0937", x2: "-110.087", y2: "145.731", 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_4371_16309`, x1: "95.39", y1: "44.9158", x2: "123.428", y2: "69.4849", 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_4371_16309`, x1: "75.4543", y1: "17.3794", x2: "129.908", y2: "76.2359", 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_4371_16309`, x1: "100.35", y1: "24.3133", x2: "83.4414", y2: "45.8896", 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_4371_16309`, x1: "138.978", y1: "-27.1478", x2: "-8.29128", y2: "171.419", 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_4371_16309`, x1: "162.389", y1: "1.90174", x2: "39.2589", y2: "153.375", 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_4371_16309`, x1: "212.458", y1: "17.0772", x2: "103.741", y2: "151.031", 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_4371_16309`, x1: "307.169", y1: "-61.1983", x2: "66.9405", y2: "309.011", 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_4371_16309`, x1: "141.161", y1: "135.036", x2: "91.0452", y2: "223.425", 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_4371_16309`, 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: "13.7813", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_4371_16309`, 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.71335", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_4371_16309`, 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: "11.2456", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter3_f_4371_16309`, 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: "11.2456", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter4_f_4371_16309`, 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: "11.2456", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter5_f_4371_16309`, 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: "13.7813", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter6_f_4371_16309`, 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: "4.07281", result: "effect1_foregroundBlur_4371_16309" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { width: "147", height: "210.525", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { width: "147", height: "231.984", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip2_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { x: "76.7969", y: "24.7422", width: "52.7113", height: "46.1224", rx: "6.58892", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip3_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { width: "175.704", height: "76.8707", fill: "white", transform: "translate(52.6367 11.5625)" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip4_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { x: "83.3867", y: "31.3281", width: "10.9815", height: "10.9815", rx: "5.49077", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip5_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { x: "-19.8438", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip6_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { x: "43.8477", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip7_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { x: "107.543", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip8_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { width: "146.703", height: "57.4219", fill: "white", transform: "translate(0.167969 153.172)" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip9_4371_16309` }, /* @__PURE__ */ React.createElement("rect", { x: "63.1367", y: "187.57", width: "20.7258", height: "7.65129", rx: "3.82565", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-1-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(82.5px, 41.6px) scale(1, 1)" }, x: "-41.5", y: "-18.5", width: "147", height: "81", rx: "6", ry: "6", fill: "var(--color-4)", opacity: "1" }))),
|
|
37
|
+
/* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-2-2)` }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorHeaderScrollWithSite-import-msvsnwyw-7" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4371_16309)` }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "-0.21875", y: "0.101562", width: "147", height: "211.591", rx: "0", ry: "0", fill: "var(--color-3)" })), /* @__PURE__ */ React.createElement("g", { fill: "none", opacity: "0.5", clipPath: `url(#${uid}-clip1_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "147", height: "231.984", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "-1.14453", y: "-113.258", width: "209.016", height: "336.055", fill: `url(#${uid}-paint0_linear_4371_16309)` }))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4371_16309)` }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip3_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "52.6367", y: "11.5625", width: "175.704", height: "76.8707", fill: "var(--color-1)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M106.633 34.6094L85.7109 64.9634L123.026 59.9707L106.633 34.6094Z", fill: `url(#${uid}-paint1_linear_4371_16309)` }), /* @__PURE__ */ React.createElement("path", { d: "M162.428 52.6287C162.428 52.6287 115.546 34.9055 114.147 34.3712C112.748 33.837 104.067 31.3653 106.633 38.4918C109.184 45.5736 110.581 48.297 111.137 49.5063C111.692 50.7156 113.955 55.6428 108.262 57.461C101.809 59.5209 67.0078 69.3029 67.0078 69.3029V74.9207H162.428V52.6287Z", fill: `url(#${uid}-paint2_linear_4371_16309)` })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip4_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "83.3867", y: "31.3281", width: "10.9815", height: "10.9815", rx: "5.49077", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_4371_16309)` }, /* @__PURE__ */ React.createElement("path", { d: "M91.474 22.724C90.9464 22.8289 90.4255 22.9744 89.9181 23.1605C87.8346 23.932 85.9879 25.4005 84.7702 27.4679C81.9866 32.188 83.5357 38.2345 88.2304 40.9718C92.925 43.7092 98.9862 42.0986 101.77 37.3784C104.553 32.6549 103.004 26.6084 98.3131 23.8745C96.1687 22.6225 93.7436 22.2808 91.474 22.724Z", fill: `url(#${uid}-paint3_linear_4371_16309)` })))))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "17.4961", y: "37.9219", width: "50.515", height: "2.19631", rx: "1.09815", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { x: "17.4961", y: "46.7031", width: "50.515", height: "2.19631", rx: "1.09815", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { x: "17.4961", y: "55.4922", width: "26.3557", height: "2.19631", rx: "1.09815", fill: "var(--color-1)" }))), /* @__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}-clip5_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "-19.8438", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "-19.4297", y: "-42.8281", width: "184.587", height: "174.692", fill: `url(#${uid}-paint4_linear_4371_16309)` }))))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip6_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "43.8477", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter3_f_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "44.2617", y: "-10.9141", width: "137.649", height: "142.779", fill: `url(#${uid}-paint5_linear_4371_16309)` }))))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip7_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "107.543", y: "85.8984", width: "59.3003", height: "46.1224", rx: "4.39261", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter4_f_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "107.961", y: "5.75781", width: "121.767", height: "126.107", fill: `url(#${uid}-paint6_linear_4371_16309)` })))))), /* @__PURE__ */ React.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(-0.1px, 0px)" }, fill: "none", opacity: "0.5", clipPath: `url(#${uid}-clip8_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "0.019469", y: "153.172", width: "147", height: "57.4219", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter5_f_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "-2.29688", y: "-88", width: "360.609", height: "298.594", fill: `url(#${uid}-paint7_linear_4371_16309)` }))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "41.3281", y: "168.547", width: "64.3447", height: "2.18608", rx: "1.09304", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { x: "55.9531", y: "177.469", width: "35.0971", height: "2.18608", rx: "1.09304", fill: "var(--color-1)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip9_4371_16309)` }, /* @__PURE__ */ React.createElement("rect", { x: "63.1367", y: "187.57", width: "20.7258", height: "7.65129", rx: "3.82565", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter6_f_4371_16309)` }, /* @__PURE__ */ React.createElement("path", { d: "M62.5273 129.086H154.156V195.38H62.5273V129.086Z", fill: `url(#${uid}-paint8_linear_4371_16309)` })))))), /* @__PURE__ */ React.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(-41.1px, -23px)" }, fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "41.0132", y: "22.979", width: "147.39", height: "15.9656", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { x: "160.768", y: "29.812", width: "13.8178", height: "2.30296", rx: "1.15148", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("rect", { x: "140.041", y: "29.812", width: "13.8178", height: "2.30296", rx: "1.15148", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("rect", { x: "119.314", y: "29.812", width: "13.8178", height: "2.30296", rx: "1.15148", fill: "var(--color-2)" })))),
|
|
38
|
+
/* @__PURE__ */ React.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(190.8px, 33.5px)" } }, /* @__PURE__ */ React.createElement("path", { d: "M4 58.125C4 59.1605 3.10468 60 2.00025 60C0.895815 60 0.000495434 59.1605 0.000495434 58.125L0.000495434 1.875C0.000495434 0.839466 0.895815 0 2.00025 0C3.10468 0 4 0.839466 4 1.875L4 58.125Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorHeaderScrollWithSite-node-2-3" }, /* @__PURE__ */ React.createElement("line", { x1: "2", y1: "8.48682", x2: "2", y2: "17.4596", fill: "none", stroke: "var(--color-1)", strokeWidth: "4", strokeLinecap: "round" })))
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
ResponsiveBehaviorHeaderScrollWithSite.displayName = "ResponsiveBehaviorHeaderScrollWithSite";
|
|
43
|
+
export {
|
|
44
|
+
ResponsiveBehaviorHeaderScrollWithSite
|
|
45
|
+
};
|
|
@@ -34,7 +34,7 @@ const ResponsiveBehaviorScaleProportionally = forwardRef(
|
|
|
34
34
|
...props
|
|
35
35
|
},
|
|
36
36
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5963`, 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}-paint1_linear_1118_5963`, x1: "180.625", y1: "18.6735", x2: "134.776", y2: "99.5385", 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_1118_5963`, 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_5963" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_1118_5963`, 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_5963" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5963` }, /* @__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_5963` }, /* @__PURE__ */ React.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-rect-mrxanv9k-m`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorScaleProportionally-rect-mrxanv9k-m" }, " ", /* @__PURE__ */ React.createElement("rect", { x: "44.5", y: "33.5", width: "147", height: "60", rx: "4", fill: "var(--color-5)", stroke: "var(--color-6)", className: "ResponsiveBehaviorScaleProportionally-rect-mrxanv9k-m-shape", strokeWidth: "0" })))),
|
|
37
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("
|
|
37
|
+
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorScaleProportionally-node-3-2" }, /* @__PURE__ */ React.createElement("rect", { x: "81.6865", y: "23", width: "73", height: "81", rx: "6", fill: "var(--color-3)", className: "ResponsiveBehaviorScaleProportionally-node-3-2-shape", fillOpacity: "0.25" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorScaleProportionally-node-4" }, /* @__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-4)" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorScaleProportionally-node-5" }, /* @__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-4)" })), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-rect-mrxanv9k-m)` }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ResponsiveBehaviorScaleProportionally-node-8", clipPath: `url(#${uid}-clip0_1118_5963)` }, /* @__PURE__ */ React.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_5963)` }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorScaleProportionally-node-11" }, /* @__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_5963)` })))), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorScaleProportionally-node-12" }, /* @__PURE__ */ React.createElement("rect", { x: "101.68655", y: "53.2649", width: "33", height: "1.66238", rx: "0.831192", fill: "var(--color-1)", className: "ResponsiveBehaviorScaleProportionally-node-12-shape" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorScaleProportionally-node-13" }, /* @__PURE__ */ React.createElement("rect", { x: "109.1856", y: "59.0569", width: "18", height: "1.66238", rx: "0.831192", fill: "var(--color-1)", className: "ResponsiveBehaviorScaleProportionally-node-13-shape" })), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ResponsiveBehaviorScaleProportionally-node-14", clipPath: `url(#${uid}-clip1_1118_5963)` }, /* @__PURE__ */ React.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_1118_5963)` }, /* @__PURE__ */ React.createElement("path", { d: "M108.685 13.2295H192.515V73.8807H108.685V13.2295Z", fill: `url(#${uid}-paint1_linear_1118_5963)` })), /* @__PURE__ */ React.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "6", fill: "var(--color-3)", opacity: "0" })))))))
|
|
38
38
|
);
|
|
39
39
|
}
|
|
40
40
|
);
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React, { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
|
|
2
|
+
const ResponsiveBehaviorSectionAutoHeight = forwardRef(
|
|
3
|
+
({ className, ...props }, ref) => {
|
|
4
|
+
const svgRef = useRef(null);
|
|
5
|
+
const uid = useId().replace(/:/g, "");
|
|
6
|
+
useImperativeHandle(
|
|
7
|
+
ref,
|
|
8
|
+
() => ({
|
|
9
|
+
play: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.play()),
|
|
10
|
+
pause: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => a.pause()),
|
|
11
|
+
reset: () => svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
|
|
12
|
+
a.currentTime = 0;
|
|
13
|
+
a.pause();
|
|
14
|
+
})
|
|
15
|
+
}),
|
|
16
|
+
[]
|
|
17
|
+
);
|
|
18
|
+
useEffect(() => {
|
|
19
|
+
svgRef.current?.getAnimations({ subtree: true }).forEach((a) => {
|
|
20
|
+
a.currentTime = 0;
|
|
21
|
+
a.pause();
|
|
22
|
+
});
|
|
23
|
+
}, []);
|
|
24
|
+
return /* @__PURE__ */ React.createElement(
|
|
25
|
+
"svg",
|
|
26
|
+
{
|
|
27
|
+
ref: svgRef,
|
|
28
|
+
viewBox: "0 0 236 127",
|
|
29
|
+
fill: "none",
|
|
30
|
+
width: 236,
|
|
31
|
+
height: 127,
|
|
32
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
33
|
+
className: ["ResponsiveBehaviorSectionAutoHeight-root", className].filter(Boolean).join(" "),
|
|
34
|
+
...props
|
|
35
|
+
},
|
|
36
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_4410_18988`, x1: "76.168", y1: "28.0035", x2: "-100.144", y2: "92.0086", 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_4410_19017`, x1: "4.85092", y1: "0.499255", x2: "4.85092", y2: "8.98454", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.04", stopColor: "#626262" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.45", stopColor: "#EAEFFF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint1_linear_4410_18988`, x1: "180.44", y1: "19.9831", x2: "134.59", y2: "100.848", 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_4410_19017`, x1: "4.85092", y1: "73.8836", x2: "4.85092", y2: "65.3983", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.04", stopColor: "#626262" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.45", stopColor: "#EAEFFF" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_4410_18988`, 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: "9.17343", result: "effect1_foregroundBlur_4410_18988" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_4410_18988`, 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_4410_18988" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_4410_18988` }, /* @__PURE__ */ React.createElement("rect", { x: "44.5", y: "23.3359", width: "147", height: "81.0415", rx: "6", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_4410_18988` }, /* @__PURE__ */ React.createElement("rect", { x: "108.5", y: "68.0469", width: "19", height: "7", rx: "3.5", fill: "white" }))),
|
|
37
|
+
/* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorSectionAutoHeight-rect-msbreia1-12" }, /* @__PURE__ */ React.createElement("rect", { x: "76.2475", y: "23.3", width: "83.505", height: "81", rx: "6", ry: "6", fill: "var(--color-5)", stroke: "var(--color-6)", opacity: "0.57", className: "ResponsiveBehaviorSectionAutoHeight-rect-msbreia1-12-shape", strokeWidth: "0" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorSectionAutoHeight-Vector" }, /* @__PURE__ */ React.createElement("path", { d: "M42 67.8594V59.8594C42 59.3071 41.5523 58.8594 41 58.8594C40.4477 58.8594 40 59.3071 40 59.8594V67.8594C40 68.4117 40.4477 68.8594 41 68.8594C41.5523 68.8594 42 68.4117 42 67.8594Z", fill: "var(--color-2)" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorSectionAutoHeight-Vector_2" }, /* @__PURE__ */ React.createElement("path", { d: "M196 67.8594V59.8594C196 59.3071 195.552 58.8594 195 58.8594C194.448 58.8594 194 59.3071 194 59.8594V67.8594C194 68.4117 194.448 68.8594 195 68.8594C195.552 68.8594 196 68.4117 196 67.8594Z", fill: "var(--color-2)" }))), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ResponsiveBehaviorSectionAutoHeight-Group-2147222115" }, /* @__PURE__ */ React.createElement("g", { fill: "none", opacity: "0.5" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4410_18988)` }, /* @__PURE__ */ React.createElement("rect", { x: "44.5", y: "23.3359", width: "147", height: "81.0415", rx: "6", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_4410_18988)` }, /* @__PURE__ */ React.createElement("path", { d: "M 356.484 104.375 L 356.484004 15.6191 L 44.501004 15.619086 L 44.501 104.374986 Z", fill: `url(#${uid}-paint0_linear_4410_18988)` })))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("rect", { x: "93.1406", y: "54.5781", width: "49.7295", height: "1.5", rx: "0.75", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { x: "104.438", y: "60.3672", width: "27.1252", height: "1.5", rx: "0.75", fill: "var(--color-1)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4410_18988)` }, /* @__PURE__ */ React.createElement("rect", { x: "108.5", y: "68.0469", width: "19", height: "7", rx: "3.5", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_4410_18988)` }, /* @__PURE__ */ React.createElement("path", { d: "M108.5 14.5391H192.329V75.1902H108.5V14.5391Z", fill: `url(#${uid}-paint1_linear_4410_18988)` })))))))),
|
|
38
|
+
/* @__PURE__ */ React.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(113.152572px, 26.667997px)" } }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorSectionAutoHeight-group-mtiokycx-8" }, /* @__PURE__ */ React.createElement("path", { d: "M5.35096 73.8834L5.35096 65.3981L4.35096 65.3981L4.35096 73.8834L5.35096 73.8834Z", fill: `url(#${uid}-paint1_linear_4410_19017)` }), /* @__PURE__ */ React.createElement("path", { d: "M4.85069 64.8985C4.70243 64.8985 4.5619 64.9644 4.46691 65.0782L1.96691 68.0782L2.73448 68.7189L4.85069 66.1788L6.96691 68.7189L7.73448 68.0782L5.23448 65.0782L5.15538 65.0021C5.06881 64.9355 4.9619 64.8985 4.85069 64.8985Z", fill: "var(--color-4)" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorSectionAutoHeight-group-mtiol0y9-9" }, /* @__PURE__ */ React.createElement("path", { d: "M5.35096 0.499398L5.35096 8.98475L4.35096 8.98475L4.35096 0.499398L5.35096 0.499398Z", fill: `url(#${uid}-paint0_linear_4410_19017)` }), /* @__PURE__ */ React.createElement("path", { d: "M4.85069 9.48427C4.70243 9.48427 4.5619 9.4184 4.46691 9.30458L1.96691 6.30458L2.73448 5.66395L4.85069 8.20399L6.96691 5.66395L7.73448 6.30458L5.23448 9.30458L5.15538 9.38075C5.06881 9.44728 4.9619 9.48427 4.85069 9.48427Z", fill: "var(--color-4)" })))
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
ResponsiveBehaviorSectionAutoHeight.displayName = "ResponsiveBehaviorSectionAutoHeight";
|
|
43
|
+
export {
|
|
44
|
+
ResponsiveBehaviorSectionAutoHeight
|
|
45
|
+
};
|
|
@@ -34,8 +34,7 @@ const ResponsiveBehaviorSectionFixedHeight = forwardRef(
|
|
|
34
34
|
...props
|
|
35
35
|
},
|
|
36
36
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_1118_5963`, 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_5980`, x1: "72.6142", y1: "9.26832", x2: "-18.2597", y2: "104.292", 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_5963`, x1: "180.625", y1: "18.6735", x2: "134.776", y2: "99.5385", 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_5980`, x1: "180.417", y1: "18.5925", x2: "134.568", y2: "99.4575", 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_i_1118_5980`, 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_5980" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5980`, 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: "11.6304", result: "effect1_foregroundBlur_1118_5980" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_1118_5980`, 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_5980" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5980` }, /* @__PURE__ */ React.createElement("rect", { x: "81.4805", y: "33.498", width: "73", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip1_1118_5980` }, /* @__PURE__ */ React.createElement("rect", { x: "108.477", y: "66.6545", width: "19", height: "7", rx: "3.5", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter1_f_1118_5963`, 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_5963" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter2_f_1118_5963`, 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_5963" })), /* @__PURE__ */ React.createElement("clipPath", { id: `${uid}-clip0_1118_5963` }, /* @__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_5963` }, /* @__PURE__ */ React.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "white" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-7-3`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorSectionFixedHeight-node-7-3" }, " ", /* @__PURE__ */ React.createElement("rect", { x: "81.6865", y: "33.498", width: "73", height: "60.0044", rx: "4", ry: "4", fill: "var(--color-4)", className: "ResponsiveBehaviorSectionFixedHeight-node-7-3-shape" })))),
|
|
37
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("
|
|
38
|
-
/* @__PURE__ */ React.createElement("g", { display: "none", opacity: "0.5" }, /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_i_1118_5980)` }, /* @__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-3)" }), /* @__PURE__ */ React.createElement("rect", { x: "81.4805", y: "23.5", width: "73", height: "80", rx: "6", fill: "var(--color-4)", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_1118_5980)` }, /* @__PURE__ */ React.createElement("rect", { x: "81.4805", y: "33.498", width: "73", height: "60.0044", rx: "4", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_5980)` }, /* @__PURE__ */ React.createElement("path", { d: "M 184.384 93.502 L 184.384004 8.8873 L 81.127004 8.887295 L 81.127 93.501995 Z", fill: `url(#${uid}-paint0_linear_1118_5980)` }))), /* @__PURE__ */ React.createElement("rect", { x: "93.1138", y: "53.3459", width: "49.7295", height: "1.5", rx: "0.75", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { x: "104.415", y: "58.8528", width: "27.1252", height: "1.5", rx: "0.75", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_1118_5980)` }, /* @__PURE__ */ React.createElement("rect", { x: "108.477", y: "66.6545", width: "19", height: "7", rx: "3.5", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_1118_5980)` }, /* @__PURE__ */ React.createElement("path", { d: "M108.477 13.1484H192.307V73.7996H108.477V13.1484Z", fill: `url(#${uid}-paint1_linear_1118_5980)` }))), /* @__PURE__ */ React.createElement("path", { d: "M79 67.5V59.5C79 58.9477 78.5523 58.5 78 58.5C77.4477 58.5 77 58.9477 77 59.5V67.5C77 68.0523 77.4477 68.5 78 68.5C78.5523 68.5 79 68.0523 79 67.5Z", fill: "var(--color-2)" }), /* @__PURE__ */ React.createElement("path", { d: "M159 67.5V59.5C159 58.9477 158.552 58.5 158 58.5C157.448 58.5 157 58.9477 157 59.5V67.5C157 68.0523 157.448 68.5 158 68.5C158.552 68.5 159 68.0523 159 67.5Z", fill: "var(--color-2)" })))
|
|
37
|
+
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorSectionFixedHeight-node-3-2" }, /* @__PURE__ */ React.createElement("rect", { x: "81.6865", y: "23", width: "73", height: "81", rx: "6", fill: "var(--color-4)", className: "ResponsiveBehaviorSectionFixedHeight-node-3-2-shape", fillOpacity: "0.25" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorSectionFixedHeight-node-4" }, /* @__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-2)" })), /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorSectionFixedHeight-node-5" }, /* @__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-2)" })), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-7-3)` }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ResponsiveBehaviorSectionFixedHeight-node-8", clipPath: `url(#${uid}-clip0_1118_5963)` }, /* @__PURE__ */ React.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter1_f_1118_5963)` }, /* @__PURE__ */ React.createElement("g", { className: "ResponsiveBehaviorSectionFixedHeight-node-11" }, /* @__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_5963)` })))), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("rect", { x: "93.3218", y: "53.2649", width: "49.7295", height: "1.66238", rx: "0.831192", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { x: "104.623", y: "59.0569", width: "27.1252", height: "1.66238", rx: "0.831192", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_1118_5963)` }, /* @__PURE__ */ React.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter2_f_1118_5963)` }, /* @__PURE__ */ React.createElement("path", { d: "M108.685 13.2295H192.515V73.8807H108.685V13.2295Z", fill: `url(#${uid}-paint1_linear_1118_5963)` }))))))))
|
|
39
38
|
);
|
|
40
39
|
}
|
|
41
40
|
);
|
|
@@ -34,7 +34,7 @@ const ResponsiveBehaviorTextCustomScale = forwardRef(
|
|
|
34
34
|
...props
|
|
35
35
|
},
|
|
36
36
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_32_4819`, x1: "5", y1: "45.5", x2: "84.5", y2: "-15", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.15", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.42", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.82", stopColor: "#EAEFFF" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-1-3`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("path", { d: "M6.18515 12.0503H3.43622V2.94047H5.6057e-05V0.62306H9.62131V2.94047H6.18515V12.0503ZM15.3982 9.36529L16.7088 10.9795C16.3039 11.395 15.7658 11.72 15.0946 11.9544C14.434 12.1888 13.7201 12.306 12.953 12.306C11.9621 12.306 11.099 12.1249 10.3639 11.7626C9.62867 11.4004 9.05331 10.8943 8.63778 10.2443C8.2329 9.59437 8.03046 8.84321 8.03046 7.99083C8.03046 7.12779 8.22757 6.3713 8.6218 5.72136C9.01602 5.06077 9.54876 4.54934 10.22 4.18708C10.9019 3.82482 11.6584 3.64369 12.4895 3.64369C13.3099 3.64369 14.0397 3.82482 14.679 4.18708C15.3183 4.53869 15.8191 5.03413 16.1814 5.67342C16.5436 6.30205 16.7247 7.03723 16.7247 7.87895V8.75797H10.8433C10.9925 9.25875 11.2642 9.63699 11.6584 9.8927C12.0633 10.1378 12.5534 10.2603 13.1288 10.2603C13.9918 10.2603 14.7483 9.96196 15.3982 9.36529ZM12.4735 5.67342C12.058 5.67342 11.701 5.8066 11.4027 6.07297C11.1044 6.32869 10.9019 6.7016 10.7954 7.19172H14.0717C13.9971 6.72291 13.8213 6.35532 13.5443 6.08895C13.2779 5.81193 12.921 5.67342 12.4735 5.67342ZM19.4604 12.0503H16.4398L19.4924 7.81502L16.6795 3.8994H19.6842L21.1865 6.23279L22.7048 3.8994H25.7254L22.8966 7.81502L25.9332 12.0503H22.9126L21.1865 9.41324L19.4604 12.0503ZM31.7943 12.0503H29.6846C28.0332 12.0503 27.2074 11.2245 27.2074 9.57306V6.04101H25.9448V3.8994H27.2074V1.88565H29.9084V3.8994H31.7144V6.04101H29.9084V9.04565C29.9084 9.35464 29.967 9.57306 30.0842 9.70092C30.2014 9.81812 30.4092 9.87672 30.7075 9.87672H31.7943V12.0503ZM38.4555 12.0503H35.7065V0.62306H40.4852C41.3376 0.62306 42.0887 0.777554 42.7387 1.08654C43.3886 1.39553 43.8947 1.82705 44.257 2.3811C44.6192 2.92449 44.8004 3.56377 44.8004 4.29895C44.8004 5.02348 44.6192 5.66276 44.257 6.21681C43.8947 6.77086 43.3886 7.20238 42.7387 7.51136C42.0887 7.82035 41.3376 7.97485 40.4852 7.97485H38.4555V12.0503ZM40.4852 2.90851H38.4555V5.6894H40.4852C40.954 5.6894 41.3269 5.56687 41.6039 5.32181C41.881 5.0661 42.0195 4.72514 42.0195 4.29895C42.0195 3.87276 41.881 3.53714 41.6039 3.29208C41.3269 3.03636 40.954 2.90851 40.4852 2.90851ZM51.2734 3.75556V6.15288H50.762C49.9948 6.15288 49.4195 6.33934 49.0359 6.71226C48.663 7.08517 48.4765 7.69249 48.4765 8.53422V12.0503H45.7755V3.8994H48.4605V5.30583C48.6417 4.89029 48.8654 4.57065 49.1318 4.3469C49.4088 4.12315 49.7018 3.96866 50.0108 3.88342C50.3304 3.79818 50.6288 3.75556 50.9058 3.75556H51.2734ZM58.8715 9.36529L60.1821 10.9795C59.7772 11.395 59.2391 11.72 58.5679 11.9544C57.9073 12.1888 57.1934 12.306 56.4263 12.306C55.4354 12.306 54.5723 12.1249 53.8372 11.7626C53.102 11.4004 52.5266 10.8943 52.1111 10.2443C51.7062 9.59437 51.5038 8.84321 51.5038 7.99083C51.5038 7.12779 51.7009 6.3713 52.0951 5.72136C52.4893 5.06077 53.0221 4.54934 53.6933 4.18708C54.3752 3.82482 55.1317 3.64369 55.9628 3.64369C56.7832 3.64369 57.513 3.82482 58.1523 4.18708C58.7916 4.53869 59.2924 5.03413 59.6547 5.67342C60.0169 6.30205 60.198 7.03723 60.198 7.87895V8.75797H54.3166C54.4658 9.25875 54.7375 9.63699 55.1317 9.8927C55.5366 10.1378 56.0267 10.2603 56.6021 10.2603C57.4651 10.2603 58.2216 9.96196 58.8715 9.36529ZM55.9468 5.67342C55.5313 5.67342 55.1743 5.8066 54.876 6.07297C54.5777 6.32869 54.3752 6.7016 54.2687 7.19172H57.545C57.4704 6.72291 57.2946 6.35532 57.0176 6.08895C56.7512 5.81193 56.3943 5.67342 55.9468 5.67342ZM66.0503 12.0503H63.4452L59.993 3.8994H62.7579L64.7717 9.41324L66.8014 3.8994H69.5024L66.0503 12.0503ZM71.5002 2.95645C71.074 2.95645 70.7117 2.81794 70.4134 2.54092C70.1151 2.25324 69.9659 1.90163 69.9659 1.4861C69.9659 1.05991 70.1151 0.708298 70.4134 0.431274C70.7117 0.143596 71.074 -0.000243286 71.5002 -0.000243286C71.937 -0.000243286 72.2993 0.143596 72.587 0.431274C72.8853 0.708298 73.0345 1.05991 73.0345 1.4861C73.0345 1.90163 72.8853 2.25324 72.587 2.54092C72.2993 2.81794 71.937 2.95645 71.5002 2.95645ZM72.8587 12.0503H70.1577V3.8994H72.8587V12.0503ZM81.2091 9.36529L82.5196 10.9795C82.1147 11.395 81.5767 11.72 80.9054 11.9544C80.2448 12.1888 79.5309 12.306 78.7638 12.306C77.7729 12.306 76.9099 12.1249 76.1747 11.7626C75.4395 11.4004 74.8642 10.8943 74.4486 10.2443C74.0437 9.59437 73.8413 8.84321 73.8413 7.99083C73.8413 7.12779 74.0384 6.3713 74.4326 5.72136C74.8269 5.06077 75.3596 4.54934 76.0309 4.18708C76.7128 3.82482 77.4693 3.64369 78.3003 3.64369C79.1207 3.64369 79.8506 3.82482 80.4899 4.18708C81.1292 4.53869 81.6299 5.03413 81.9922 5.67342C82.3545 6.30205 82.5356 7.03723 82.5356 7.87895V8.75797H76.6542C76.8033 9.25875 77.075 9.63699 77.4693 9.8927C77.8741 10.1378 78.3643 10.2603 78.9396 10.2603C79.8026 10.2603 80.5591 9.96196 81.2091 9.36529ZM78.2843 5.67342C77.8688 5.67342 77.5119 5.8066 77.2135 6.07297C76.9152 6.32869 76.7128 6.7016 76.6062 7.19172H79.8826C79.808 6.72291 79.6322 6.35532 79.3551 6.08895C79.0888 5.81193 78.7318 5.67342 78.2843 5.67342ZM93.4303 12.0503H90.8731L89.2749 7.4794L87.7087 12.0503H85.1515L82.6583 3.8994H85.2794L86.574 9.17351L88.284 3.8994H90.3617L92.0558 9.14154L93.3504 3.8994H95.9235L93.4303 12.0503Z", fill: "var(--color-1)", className: "ResponsiveBehaviorTextCustomScale-node-1-3" }))),
|
|
37
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("
|
|
37
|
+
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M42.5 67V59C42.5 58.4477 42.0523 58 41.5 58C40.9477 58 40.5 58.4477 40.5 59V67C40.5 67.5523 40.9477 68 41.5 68C42.0523 68 42.5 67.5523 42.5 67Z", fill: "var(--color-2)", className: "ResponsiveBehaviorTextCustomScale-node-3" }), /* @__PURE__ */ React.createElement("path", { d: "M196.5 67V59C196.5 58.4477 196.052 58 195.5 58C194.948 58 194.5 58.4477 194.5 59V67C194.5 67.5523 194.948 68 195.5 68C196.052 68 196.5 67.5523 196.5 67Z", fill: "var(--color-2)", className: "ResponsiveBehaviorTextCustomScale-node-4" }), /* @__PURE__ */ React.createElement("rect", { x: "81.5", y: "22.5", width: "74", height: "81", rx: "6", fill: "var(--color-4)", className: "ResponsiveBehaviorTextCustomScale-node-5", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("rect", { x: "95", y: "54.5", width: "46", height: "17", fill: "var(--color-5)", className: "ResponsiveBehaviorTextCustomScale-node-6", fillOpacity: "0.5" }), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-1-3)` }, /* @__PURE__ */ React.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(67.500003px, 54.500001px)" }, x: "0", y: "0", width: "102", height: "18", fill: `url(#${uid}-paint0_linear_32_4819)` })), /* @__PURE__ */ React.createElement("rect", { x: "61", y: "74", width: "4", height: "4", rx: "1", fill: "var(--color-2)", className: "ResponsiveBehaviorTextCustomScale-node-10" }), /* @__PURE__ */ React.createElement("rect", { x: "171", y: "74", width: "4", height: "4", rx: "1", fill: "var(--color-2)", className: "ResponsiveBehaviorTextCustomScale-node-11" }), /* @__PURE__ */ React.createElement("rect", { x: "61", y: "48", width: "4", height: "4", rx: "1", fill: "var(--color-2)", className: "ResponsiveBehaviorTextCustomScale-node-12" }), /* @__PURE__ */ React.createElement("rect", { x: "171", y: "48", width: "4", height: "4", rx: "1", fill: "var(--color-2)", className: "ResponsiveBehaviorTextCustomScale-node-13" })))
|
|
38
38
|
);
|
|
39
39
|
}
|
|
40
40
|
);
|
|
@@ -34,8 +34,7 @@ const ResponsiveBehaviorTextFixed = forwardRef(
|
|
|
34
34
|
...props
|
|
35
35
|
},
|
|
36
36
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: `${uid}-paint0_linear_25_2825`, x1: "16.977", y1: "3.59372", x2: "-14.8481", y2: "23.6597", 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_32_4819`, x1: "5", y1: "45.5", x2: "84.5", y2: "-15", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.15", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.42", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.82", stopColor: "#EAEFFF" })), /* @__PURE__ */ React.createElement("filter", { id: `${uid}-filter0_f_25_2825`, 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.1637", result: "effect1_foregroundBlur_25_2825" })), /* @__PURE__ */ React.createElement("mask", { id: `${uid}-am-node-7`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "236", height: "127" }, /* @__PURE__ */ React.createElement("path", { d: "M108.228 69H105.479V59.8902H102.043V57.5728H111.664V59.8902H108.228V69ZM117.441 66.315L118.751 67.9292C118.346 68.3447 117.808 68.6697 117.137 68.9041C116.477 69.1385 115.763 69.2557 114.996 69.2557C114.005 69.2557 113.142 69.0746 112.406 68.7123C111.671 68.3501 111.096 67.844 110.68 67.194C110.275 66.5441 110.073 65.7929 110.073 64.9405C110.073 64.0775 110.27 63.321 110.664 62.6711C111.059 62.0105 111.591 61.499 112.263 61.1368C112.945 60.7745 113.701 60.5934 114.532 60.5934C115.352 60.5934 116.082 60.7745 116.722 61.1368C117.361 61.4884 117.862 61.9838 118.224 62.6231C118.586 63.2518 118.767 63.9869 118.767 64.8287V65.7077H112.886C113.035 66.2085 113.307 66.5867 113.701 66.8424C114.106 67.0875 114.596 67.21 115.171 67.21C116.034 67.21 116.791 66.9117 117.441 66.315ZM114.516 62.6231C114.101 62.6231 113.744 62.7563 113.445 63.0227C113.147 63.2784 112.945 63.6513 112.838 64.1414H116.114C116.04 63.6726 115.864 63.305 115.587 63.0387C115.321 62.7616 114.964 62.6231 114.516 62.6231ZM121.503 69H118.482L121.535 64.7647L118.722 60.8491H121.727L123.229 63.1825L124.747 60.8491H127.768L124.939 64.7647L127.976 69H124.955L123.229 66.3629L121.503 69ZM133.837 69H131.727C130.076 69 129.25 68.1743 129.25 66.5228V62.9907H127.987V60.8491H129.25V58.8354H131.951V60.8491H133.757V62.9907H131.951V65.9954C131.951 66.3043 132.01 66.5228 132.127 66.6506C132.244 66.7678 132.452 66.8264 132.75 66.8264H133.837V69Z", fill: "var(--color-5)" }))),
|
|
37
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("
|
|
38
|
-
/* @__PURE__ */ React.createElement("g", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(92.154051px, 45.672599px)" }, display: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", filter: `url(#${uid}-filter0_f_25_2825)` }, /* @__PURE__ */ React.createElement("path", { d: "M 46.3645 26.1101 L 46.364501 6.3274 L 6.327401 6.327398 L 6.3274 26.110098 Z", fill: `url(#${uid}-paint0_linear_25_2825)` })))
|
|
37
|
+
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M42.5 67V59C42.5 58.4477 42.0523 58 41.5 58C40.9477 58 40.5 58.4477 40.5 59V67C40.5 67.5523 40.9477 68 41.5 68C42.0523 68 42.5 67.5523 42.5 67Z", fill: "var(--color-1)", className: "ResponsiveBehaviorTextFixed-node-3" }), /* @__PURE__ */ React.createElement("path", { d: "M196.5 67V59C196.5 58.4477 196.052 58 195.5 58C194.948 58 194.5 58.4477 194.5 59V67C194.5 67.5523 194.948 68 195.5 68C196.052 68 196.5 67.5523 196.5 67Z", fill: "var(--color-1)", className: "ResponsiveBehaviorTextFixed-node-4" }), /* @__PURE__ */ React.createElement("rect", { x: "81.5", y: "22.5", width: "74", height: "81", rx: "6", fill: "var(--color-3)", className: "ResponsiveBehaviorTextFixed-node-5", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("rect", { x: "94.5", y: "47", width: "47", height: "32", fill: "var(--color-4)", className: "ResponsiveBehaviorTextFixed-node-6", fillOpacity: "0.5" }), /* @__PURE__ */ React.createElement("g", { mask: `url(#${uid}-am-node-7)` }, /* @__PURE__ */ React.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(99px, 52px)" }, x: "0", y: "0", width: "102", height: "18", fill: `url(#${uid}-paint0_linear_32_4819)`, opacity: "1" }))), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(-1px, 0px)" }, x: "93.5", y: "74", width: "4", height: "4", rx: "1", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(1px, 0px)" }, x: "138.5", y: "74", width: "4", height: "4", rx: "1", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(-1px, 0px)" }, x: "93.5", y: "48", width: "4", height: "4", rx: "1", fill: "var(--color-1)" }), /* @__PURE__ */ React.createElement("rect", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(1px, 0px)" }, x: "138.5", y: "48", width: "4", height: "4", rx: "1", fill: "var(--color-1)" })))
|
|
39
38
|
);
|
|
40
39
|
}
|
|
41
40
|
);
|