@wix/design-system-illustrations 2.35.2 → 2.36.0

package/dist/esm/animated/index.js

@@ -14,7 +14,9 @@ import { ResponsiveBehaviorElementsScaleProportionally } from "./ResponsiveBehav
 import { ResponsiveBehaviorElementsStretch } from "./ResponsiveBehaviorElementsStretch";
 import { ResponsiveBehaviorHeaderFadeOut } from "./ResponsiveBehaviorHeaderFadeOut";
 import { ResponsiveBehaviorHeaderFreeze } from "./ResponsiveBehaviorHeaderFreeze";
+import { ResponsiveBehaviorHeaderScrollWithSite } from "./ResponsiveBehaviorHeaderScrollWithSite";
 import { ResponsiveBehaviorScaleProportionally } from "./ResponsiveBehaviorScaleProportionally";
+import { ResponsiveBehaviorSectionAutoHeight } from "./ResponsiveBehaviorSectionAutoHeight";
 import { ResponsiveBehaviorSectionFixedHeight } from "./ResponsiveBehaviorSectionFixedHeight";
 import { ResponsiveBehaviorTextCustomScale } from "./ResponsiveBehaviorTextCustomScale";
 import { ResponsiveBehaviorTextFixed } from "./ResponsiveBehaviorTextFixed";
@@ -40,7 +42,9 @@ export {
   ResponsiveBehaviorElementsStretch,
   ResponsiveBehaviorHeaderFadeOut,
   ResponsiveBehaviorHeaderFreeze,
+  ResponsiveBehaviorHeaderScrollWithSite,
   ResponsiveBehaviorScaleProportionally,
+  ResponsiveBehaviorSectionAutoHeight,
   ResponsiveBehaviorSectionFixedHeight,
   ResponsiveBehaviorTextCustomScale,
   ResponsiveBehaviorTextFixed,

package/dist/types/animated/ResponsiveBehaviorHeaderScrollWithSite.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type ResponsiveBehaviorHeaderScrollWithSiteHandle = {
+    play: () => void;
+    pause: () => void;
+    reset: () => void;
+};
+export declare const ResponsiveBehaviorHeaderScrollWithSite: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<ResponsiveBehaviorHeaderScrollWithSiteHandle>>;

package/dist/types/animated/ResponsiveBehaviorSectionAutoHeight.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type ResponsiveBehaviorSectionAutoHeightHandle = {
+    play: () => void;
+    pause: () => void;
+    reset: () => void;
+};
+export declare const ResponsiveBehaviorSectionAutoHeight: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<ResponsiveBehaviorSectionAutoHeightHandle>>;

package/dist/types/animated/index.d.ts

@@ -30,8 +30,12 @@ export { ResponsiveBehaviorHeaderFadeOut } from './ResponsiveBehaviorHeaderFadeO
 export type { ResponsiveBehaviorHeaderFadeOutHandle } from './ResponsiveBehaviorHeaderFadeOut';
 export { ResponsiveBehaviorHeaderFreeze } from './ResponsiveBehaviorHeaderFreeze';
 export type { ResponsiveBehaviorHeaderFreezeHandle } from './ResponsiveBehaviorHeaderFreeze';
+export { ResponsiveBehaviorHeaderScrollWithSite } from './ResponsiveBehaviorHeaderScrollWithSite';
+export type { ResponsiveBehaviorHeaderScrollWithSiteHandle } from './ResponsiveBehaviorHeaderScrollWithSite';
 export { ResponsiveBehaviorScaleProportionally } from './ResponsiveBehaviorScaleProportionally';
 export type { ResponsiveBehaviorScaleProportionallyHandle } from './ResponsiveBehaviorScaleProportionally';
+export { ResponsiveBehaviorSectionAutoHeight } from './ResponsiveBehaviorSectionAutoHeight';
+export type { ResponsiveBehaviorSectionAutoHeightHandle } from './ResponsiveBehaviorSectionAutoHeight';
 export { ResponsiveBehaviorSectionFixedHeight } from './ResponsiveBehaviorSectionFixedHeight';
 export type { ResponsiveBehaviorSectionFixedHeightHandle } from './ResponsiveBehaviorSectionFixedHeight';
 export { ResponsiveBehaviorTextCustomScale } from './ResponsiveBehaviorTextCustomScale';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/design-system-illustrations",
-  "version": "2.35.2",
+  "version": "2.36.0",
   "license": "MIT",
   "description": "Wix Design System Illustrations",
   "scripts": {
@@ -10,7 +10,7 @@
   },
   "devDependencies": {
     "@typescript-eslint/parser": "^8.58.1",
-    "@wix/design-system-tokens": "1.226.0",
+    "@wix/design-system-tokens": "1.227.0",
     "dom-serializer": "^1.0.1",
     "domutils": "^2.8.0",
     "esbuild": "^0.25.0",
@@ -53,5 +53,5 @@
     "access": "public"
   },
   "packageManager": "yarn@4.0.2",
-  "falconPackageHash": "5bba69f2dffe6fa7f129652cdc889f404ccef5ef033c6fc18f63070b"
+  "falconPackageHash": "26735e8cd84da9acc58536a951b7485f3a24aa91ce96209be400f6d0"
 }

package/src/animated/ResponsiveBehaviorElementsFixed.html

@@ -10,123 +10,116 @@ svg {
 }
 
 :root {
-  --color-1: #303030;
-  --color-2: #002294;
-  --color-3: #B8C4FF;
-  --color-4: #F8F6F6;
-  --color-5: #EAEFFF;
+  --color-1: #B8C4FF;
+  --color-2: #303030;
+  --color-3: #EAEFFF;
+  --color-4: #002294;
+  --color-5: #f8f6f6;
+  --color-6: #0d8ae0;
 }
 
-.Frame-2147240028 {
+.Vector_4 {
   transform-box: fill-box;
   transform-origin: 50% 50%;
-  animation: Frame-2147240028-transform 3375ms linear infinite both;
+  animation: Vector_4-transform 3375ms linear infinite both;
 }
 
-@keyframes Frame-2147240028-transform {
+@keyframes Vector_4-transform {
   0% {
-    transform: scale(0.56, 0.56);
+    transform: translate(-37.2px, 0px);
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
-  49.392593% {
-    transform: scale(1, 1);
+  49.382716% {
+    transform: translate(0px, 0px);
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
-  98.755556% {
-    transform: scale(0.56, 0.56);
+  98.765432% {
+    transform: translate(-37.2px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   100% {
-    transform: scale(0.56, 0.56);
+    transform: translate(-37.2px, 0px);
   }
 }
 
-.node-14-3 {
+.Vector_5 {
   transform-box: fill-box;
   transform-origin: 50% 50%;
-  animation: node-14-3-transform 3375ms linear infinite both;
+  animation: Vector_5-transform 3375ms linear infinite both;
 }
 
-@keyframes node-14-3-transform {
+@keyframes Vector_5-transform {
   0% {
-    transform: translate(37px, -0.081044px);
+    transform: translate(37.2px, 0px);
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   49.382716% {
-    transform: translate(0px, -0.081044px);
+    transform: translate(0px, 0px);
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   98.765432% {
-    transform: translate(37px, -0.081044px);
+    transform: translate(37.2px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   100% {
-    transform: translate(37px, -0.081044px);
+    transform: translate(37.2px, 0px);
   }
 }
 
-.node-15 {
+.rect-msbreia1-12 {
   transform-box: fill-box;
   transform-origin: 50% 50%;
-  animation: node-15-transform 3375ms linear infinite both;
+  animation: rect-msbreia1-12-transform 3375ms linear infinite both;
+}
+
+.rect-msbreia1-12-shape {
+  animation:
+    rect-msbreia1-12-width 3375ms linear infinite both,
+    rect-msbreia1-12-height 3375ms linear infinite both;
 }
 
-@keyframes node-15-transform {
+@keyframes rect-msbreia1-12-transform {
   0% {
-    transform: translate(-37px, 0px);
+    transform: translate(-23.6px, 8px);
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   49.382716% {
-    transform: translate(0px, 0px);
+    transform: translate(13.5px, 8px);
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   98.765432% {
-    transform: translate(-37px, 0px);
+    transform: translate(-23.6px, 8px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   100% {
-    transform: translate(-37px, 0px);
+    transform: translate(-23.6px, 8px);
   }
 }
 
-.node-3 {
-  transform-box: fill-box;
-  transform-origin: 50% 50%;
-  animation: node-3-transform 3375ms linear infinite both;
-}
-
-.node-3-shape {
-  animation: node-3-width 3375ms linear infinite both;
-}
-
-@keyframes node-3-transform {
+@keyframes rect-msbreia1-12-width {
   0% {
-    transform: translate(0px, 0px);
+    width: 147px;
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
-  49.392593% {
-    transform: translate(-37px, 0px);
+  49.382716% {
+    width: 73px;
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
-  98.755556% {
-    transform: translate(0px, 0px);
+  98.765432% {
+    width: 147px;
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
   }
   100% {
-    transform: translate(0px, 0px);
+    width: 147px;
   }
 }
 
-@keyframes node-3-width {
+@keyframes rect-msbreia1-12-height {
   0% {
-    width: 73px;
-    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
-  }
-  49.392593% {
-    width: 147px;
-    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
-  }
-  98.755556% {
-    width: 73px;
+    height: 81px;
   }
   100% {
-    width: 73px;
+    height: 81px;
   }
 }
     </style>
@@ -134,96 +127,53 @@ svg {
   <body>
     <svg xmlns="http://www.w3.org/2000/svg" width="236" height="127" viewBox="0 0 236 127" fill="none">
       <defs>
-        <linearGradient id="paint0_linear_4125_12361" x1="110.482" y1="60.3398" x2="133.552" y2="78.8708" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.325264" stop-color="#B8C4FF" /><stop offset="1" stop-color="#002294" /></linearGradient>
-        <linearGradient id="paint0_linear_4125_12403" x1="113.562" y1="61.7065" x2="126.645" y2="72.2151" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.325264" stop-color="#B8C4FF" /><stop offset="1" stop-color="#002294" /></linearGradient>
-        <linearGradient id="paint1_linear_4125_12361" x1="95.2177" y1="37.3346" x2="140.84" y2="82.5369" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.5" stop-color="#B8C4FF" /><stop offset="0.95" stop-color="#002294" /></linearGradient>
-        <linearGradient id="paint1_linear_4125_12403" x1="104.902" y1="48.661" x2="130.774" y2="74.2946" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.5" stop-color="#B8C4FF" /><stop offset="0.95" stop-color="#002294" /></linearGradient>
-        <linearGradient id="paint2_linear_4125_12361" x1="113.012" y1="41.6462" x2="94.9412" y2="64.7056" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
-        <linearGradient id="paint2_linear_4125_12403" x1="114.992" y1="51.1105" x2="104.744" y2="64.1871" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
-        <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_4125_12361" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
+        <linearGradient id="paint0_linear_4408_18955" x1="110.357" y1="60.3438" x2="133.427" y2="78.8747" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.325264" stop-color="#B8C4FF" /><stop offset="1" stop-color="#002294" /></linearGradient>
+        <linearGradient id="paint1_linear_4408_18955" x1="95.0927" y1="37.3424" x2="140.715" y2="82.5447" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.5" stop-color="#B8C4FF" /><stop offset="0.95" stop-color="#002294" /></linearGradient>
+        <linearGradient id="paint2_linear_4408_18955" x1="112.887" y1="41.654" x2="94.8162" y2="64.7134" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
+        <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_4408_18955" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
     <feFlood flood-opacity="0" result="BackgroundImageFix"/>
     <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-    <feGaussianBlur stdDeviation="1.01565" result="effect1_foregroundBlur_4125_12361"/>
+    <feGaussianBlur stdDeviation="1.01565" result="effect1_foregroundBlur_4408_18955"/>
     </filter>
-        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_4125_12361">
-    <rect x="44.5" y="23" width="147" height="81" rx="6" fill="white"/>
-    </clipPath>
-        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_4125_12361">
-    <rect x="44.8125" y="23" width="147" height="81" rx="6" fill="white"/>
-    </clipPath>
-        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip2_4125_12361">
-    <rect x="89.6719" y="42.668" width="57.2851" height="41.6619" rx="3.9058" fill="white"/>
-    </clipPath>
-        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip3_4125_12361">
-    <rect x="89.6719" y="42.668" width="57.2851" height="42.5019" rx="3.69581" fill="white"/>
+        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_4408_18955">
+    <rect x="81.6875" y="23" width="73" height="81" rx="6" fill="white"/>
     </clipPath>
-        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip4_4125_12361">
-    <rect x="94.8828" y="47.875" width="11.7174" height="11.7174" rx="5.8587" fill="white"/>
-    </clipPath>
-        <filter xmlns="http://www.w3.org/2000/svg" id="filter0_i_4125_12403" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
-    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-    <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"/>
-    <feOffset dx="1" dy="1"/>
-    <feGaussianBlur stdDeviation="1.5"/>
-    <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-    <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"/>
-    <feBlend mode="normal" in2="shape" result="effect1_innerShadow_4125_12403"/>
-    </filter>
-        <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_4125_12403" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
-    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-    <feGaussianBlur stdDeviation="0.575959" result="effect1_foregroundBlur_4125_12403"/>
-    </filter>
-        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_4125_12403">
-    <rect x="101.758" y="51.6875" width="32.4856" height="23.6259" rx="2.21493" fill="white"/>
+        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_4408_18955">
+    <rect x="89.5469" y="42.6719" width="57.2851" height="41.6619" rx="3.9058" fill="white"/>
     </clipPath>
-        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_4125_12403">
-    <rect x="101.758" y="51.6875" width="32.4856" height="24.1022" rx="2.09584" fill="white"/>
+        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip2_4408_18955">
+    <rect x="89.5469" y="42.6719" width="57.2851" height="42.5019" rx="3.69581" fill="white"/>
     </clipPath>
-        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip2_4125_12403">
-    <rect x="104.711" y="54.6406" width="6.64478" height="6.64478" rx="3.32239" fill="white"/>
+        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip3_4408_18955">
+    <rect x="94.7578" y="47.8828" width="11.7174" height="11.7174" rx="5.8587" fill="white"/>
     </clipPath>
       </defs>
       <g fill="none">
-        <path display="none" d="M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z" fill="var(--color-1)" />
+        <path display="none" d="M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z" fill="var(--color-2)" />
+        <g class="rect-msbreia1-12">
+          <rect class="rect-msbreia1-12-shape" x="68" y="15" width="100" height="97" rx="6" ry="6" fill="var(--color-5)" stroke="var(--color-6)" stroke-width="0" opacity="0.57" />
+        </g>
         <g fill="none">
-          <g fill="none">
-            <g fill="none" clip-path="url(#clip0_4125_12361)">
-              <g class="node-3">
-                <rect class="node-3-shape" x="81.5" y="23" width="73" height="81" rx="6" fill="var(--color-4)" fill-opacity="0.25" />
-              </g>
-              <g class="Frame-2147240028" fill="none">
-                <g fill="none" />
+          <g fill="none" clip-path="url(#clip0_4408_18955)">
+            <g fill="none">
+              <g fill="none">
                 <g fill="none">
-                  <g fill="none">
+                  <g fill="none" clip-path="url(#clip1_4408_18955)">
                     <g fill="none">
-                      <g fill="none" clip-path="url(#clip1_4125_12361)">
-                        <g fill="none">
-                          <g fill="none">
-                            <g fill="none">
-                              <g fill="none" clip-path="url(#clip2_4125_12361)">
-                                <g fill="none">
-                                  <g fill="none" clip-path="url(#clip3_4125_12361)">
-                                    <rect x="89.6719" y="42.668" width="57.2851" height="42.5019" rx="3.69581" fill="var(--color-5)" />
-                                  </g>
-                                </g>
-                                <g fill="none">
-                                  <g fill="none">
-                                    <path d="M119.091 51.7305L103.07 77.0863L131.643 72.9157L119.091 51.7305Z" fill="url(#paint0_linear_4125_12361)" />
-                                    <path d="M147.883 60.7829C147.883 60.7829 125.917 51.9748 124.845 51.5285C123.774 51.0823 117.127 49.0176 119.092 54.9706C121.045 60.8862 122.115 63.1612 122.541 64.1714C122.966 65.1815 124.699 69.2975 120.34 70.8162C115.398 72.5369 88.75 80.7082 88.75 80.7082V85.401H147.883V60.7829Z" fill="url(#paint1_linear_4125_12361)" />
-                                  </g>
-                                  <g fill="none">
-                                    <g fill="none" clip-path="url(#clip4_4125_12361)">
-                                      <rect x="94.8828" y="47.875" width="11.7174" height="11.7174" rx="5.8587" fill="var(--color-2)" />
-                                      <g fill="none" filter="url(#filter1_f_4125_12361)">
-                                        <path d="M103.526 39.9477C102.962 40.0598 102.405 40.2153 101.863 40.4142C99.6365 41.2387 97.6628 42.8081 96.3614 45.0176C93.3864 50.0622 95.042 56.5243 100.059 59.4498C105.077 62.3753 111.555 60.6539 114.53 55.6094C117.505 50.5612 115.849 44.0991 110.835 41.1772C108.543 39.8392 105.952 39.474 103.526 39.9477Z" fill="url(#paint2_linear_4125_12361)" />
-                                      </g>
-                                    </g>
-                                  </g>
-                                </g>
-                              </g>
-                            </g>
+                      <g fill="none" clip-path="url(#clip2_4408_18955)">
+                        <rect x="89.5469" y="42.6719" width="57.2851" height="42.5019" rx="3.69581" fill="var(--color-3)" />
+                      </g>
+                    </g>
+                    <g fill="none">
+                      <g fill="none">
+                        <path d="M118.966 51.7344L102.945 77.0902L131.518 72.9196L118.966 51.7344Z" fill="url(#paint0_linear_4408_18955)" />
+                        <path d="M147.758 60.7908C147.758 60.7908 125.792 51.9826 124.72 51.5363C123.649 51.0901 117.002 49.0254 118.967 54.9784C120.92 60.8941 121.99 63.169 122.416 64.1792C122.841 65.1894 124.574 69.3053 120.215 70.8241C115.273 72.5447 88.625 80.716 88.625 80.716V85.4088H147.758V60.7908Z" fill="url(#paint1_linear_4408_18955)" />
+                      </g>
+                      <g fill="none">
+                        <g fill="none" clip-path="url(#clip3_4408_18955)">
+                          <rect x="94.7578" y="47.8828" width="11.7174" height="11.7174" rx="5.8587" fill="var(--color-4)" />
+                          <g fill="none" filter="url(#filter1_f_4408_18955)">
+                            <path d="M103.401 39.9555C102.837 40.0676 102.28 40.2231 101.738 40.422C99.5115 41.2465 97.5378 42.8159 96.2364 45.0254C93.2614 50.07 94.917 56.5321 99.9344 59.4576C104.952 62.3831 111.43 60.6618 114.405 55.6172C117.38 50.569 115.724 44.1069 110.71 41.185C108.418 39.847 105.827 39.4818 103.401 39.9555Z" fill="url(#paint2_linear_4408_18955)" />
                           </g>
                         </g>
                       </g>
@@ -234,34 +184,15 @@ svg {
             </g>
           </g>
         </g>
-      </g>
-      <g display="none">
-        <g fill="none" filter="url(#filter0_i_4125_12403)">
-          <path d="M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z" fill="var(--color-1)" />
-          <rect x="81.5" y="23" width="73" height="81" rx="6" fill="var(--color-4)" fill-opacity="0.25" />
-          <g fill="none" clip-path="url(#clip0_4125_12403)">
-            <g fill="none" clip-path="url(#clip1_4125_12403)">
-              <rect x="101.758" y="51.6875" width="32.4856" height="24.1022" rx="2.09584" fill="var(--color-5)" />
-            </g>
-            <path d="M118.444 56.8242L109.359 71.2032L125.563 68.8381L118.444 56.8242Z" fill="url(#paint0_linear_4125_12403)" />
-            <path d="M134.768 61.9583C134.768 61.9583 122.311 56.9633 121.704 56.7102C121.096 56.4571 117.327 55.2863 118.441 58.6621C119.548 62.0168 120.155 63.3069 120.396 63.8798C120.638 64.4526 121.62 66.7867 119.148 67.648C116.346 68.6238 101.234 73.2576 101.234 73.2576V75.9188H134.768V61.9583Z" fill="url(#paint1_linear_4125_12403)" />
-            <g fill="none" clip-path="url(#clip2_4125_12403)">
-              <rect x="104.711" y="54.6406" width="6.64478" height="6.64478" rx="3.32239" fill="var(--color-2)" />
-              <g fill="none" filter="url(#filter1_f_4125_12403)">
-                <path d="M109.612 50.1473C109.293 50.2108 108.977 50.299 108.669 50.4118C107.407 50.8794 106.287 51.7694 105.549 53.0223C103.862 55.883 104.801 59.5476 107.646 61.2066C110.492 62.8656 114.165 61.8895 115.852 59.0288C117.539 56.166 116.601 52.5015 113.757 50.8445C112.458 50.0857 110.988 49.8786 109.612 50.1473Z" fill="url(#paint2_linear_4125_12403)" />
-              </g>
-            </g>
+        <g fill="none">
+          <g class="Vector_4">
+            <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-1)" />
+          </g>
+          <g class="Vector_5">
+            <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-1)" />
           </g>
-          <path d="M79 58.5H77V68.5H79V58.5Z" fill="var(--color-3)" />
-          <path d="M159 58.5H157V68.5H159V58.5Z" fill="var(--color-3)" />
         </g>
       </g>
-      <g class="node-15">
-        <path d="M 196.000011 67.918951 V 59.918951 C 196.000011 59.366651 195.552011 58.918951 195.000011 58.918951 C 194.447011 58.918951 194.000011 59.366651 194.000011 59.918951 V 67.918951 C 194.000011 68.471251 194.447011 68.918951 195.000011 68.918951 C 195.552011 68.918951 196.000011 68.471251 196.000011 67.918951 Z" fill="var(--color-3)" />
-      </g>
-      <g class="node-14-3">
-        <path d="M 41.999999 68.000003 V 60.000003 C 41.999999 59.447703 41.552299 59.000003 40.999999 59.000003 C 40.447799 59.000003 39.999999 59.447703 39.999999 60.000003 V 68.000003 C 39.999999 68.552303 40.447799 69.000003 40.999999 69.000003 C 41.552299 69.000003 41.999999 68.552303 41.999999 68.000003 Z" fill="var(--color-3)" />
-      </g>
     </svg>
   </body>
 </html>