@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.
Files changed (61) hide show
  1. package/dist/cjs/animated/HeaderScrollEffectDisappear.js +1 -1
  2. package/dist/cjs/animated/HeaderScrollEffectFadeOut.js +1 -1
  3. package/dist/cjs/animated/HeaderScrollEffectMoveWithPage.js +1 -1
  4. package/dist/cjs/animated/HeaderScrollEffectStayFixed.js +1 -1
  5. package/dist/cjs/animated/LimitScaling2.js +1 -4
  6. package/dist/cjs/animated/MaxMin.js +1 -3
  7. package/dist/cjs/animated/MobileAlgoFast.js +1 -2
  8. package/dist/cjs/animated/ResponsiveBehaviorElementsFixed.js +2 -5
  9. package/dist/cjs/animated/ResponsiveBehaviorElementsRelativeWidth.js +1 -1
  10. package/dist/cjs/animated/ResponsiveBehaviorElementsScaleProportionally.js +1 -1
  11. package/dist/cjs/animated/ResponsiveBehaviorElementsStretch.js +1 -4
  12. package/dist/cjs/animated/ResponsiveBehaviorHeaderFadeOut.js +7 -11
  13. package/dist/cjs/animated/ResponsiveBehaviorHeaderFreeze.js +7 -11
  14. package/dist/cjs/animated/ResponsiveBehaviorHeaderScrollWithSite.js +89 -0
  15. package/dist/cjs/animated/ResponsiveBehaviorScaleProportionally.js +1 -1
  16. package/dist/cjs/animated/ResponsiveBehaviorSectionAutoHeight.js +89 -0
  17. package/dist/cjs/animated/ResponsiveBehaviorSectionFixedHeight.js +1 -2
  18. package/dist/cjs/animated/ResponsiveBehaviorTextCustomScale.js +1 -1
  19. package/dist/cjs/animated/ResponsiveBehaviorTextFixed.js +1 -2
  20. package/dist/cjs/animated/ResponsiveBehaviorTextHug.js +1 -2
  21. package/dist/cjs/animated/ResponsiveBehaviorTextScaleProportionally.js +1 -1
  22. package/dist/cjs/animated/ResponsiveBehaviorWarp.js +1 -1
  23. package/dist/cjs/animated/SectionFixedHeight.js +1 -2
  24. package/dist/cjs/animated/SectionScale.js +1 -1
  25. package/dist/cjs/animated/animated.global.css +408 -123
  26. package/dist/cjs/animated/index.js +6 -0
  27. package/dist/esm/animated/HeaderScrollEffectDisappear.js +1 -1
  28. package/dist/esm/animated/HeaderScrollEffectFadeOut.js +1 -1
  29. package/dist/esm/animated/HeaderScrollEffectMoveWithPage.js +1 -1
  30. package/dist/esm/animated/HeaderScrollEffectStayFixed.js +1 -1
  31. package/dist/esm/animated/LimitScaling2.js +1 -4
  32. package/dist/esm/animated/MaxMin.js +1 -3
  33. package/dist/esm/animated/MobileAlgoFast.js +1 -2
  34. package/dist/esm/animated/ResponsiveBehaviorElementsFixed.js +2 -5
  35. package/dist/esm/animated/ResponsiveBehaviorElementsRelativeWidth.js +1 -1
  36. package/dist/esm/animated/ResponsiveBehaviorElementsScaleProportionally.js +1 -1
  37. package/dist/esm/animated/ResponsiveBehaviorElementsStretch.js +1 -4
  38. package/dist/esm/animated/ResponsiveBehaviorHeaderFadeOut.js +7 -11
  39. package/dist/esm/animated/ResponsiveBehaviorHeaderFreeze.js +7 -11
  40. package/dist/esm/animated/ResponsiveBehaviorHeaderScrollWithSite.js +45 -0
  41. package/dist/esm/animated/ResponsiveBehaviorScaleProportionally.js +1 -1
  42. package/dist/esm/animated/ResponsiveBehaviorSectionAutoHeight.js +45 -0
  43. package/dist/esm/animated/ResponsiveBehaviorSectionFixedHeight.js +1 -2
  44. package/dist/esm/animated/ResponsiveBehaviorTextCustomScale.js +1 -1
  45. package/dist/esm/animated/ResponsiveBehaviorTextFixed.js +1 -2
  46. package/dist/esm/animated/ResponsiveBehaviorTextHug.js +1 -2
  47. package/dist/esm/animated/ResponsiveBehaviorTextScaleProportionally.js +1 -1
  48. package/dist/esm/animated/ResponsiveBehaviorWarp.js +1 -1
  49. package/dist/esm/animated/SectionFixedHeight.js +1 -2
  50. package/dist/esm/animated/SectionScale.js +1 -1
  51. package/dist/esm/animated/animated.global.css +408 -123
  52. package/dist/esm/animated/index.js +4 -0
  53. package/dist/types/animated/ResponsiveBehaviorHeaderScrollWithSite.d.ts +7 -0
  54. package/dist/types/animated/ResponsiveBehaviorSectionAutoHeight.d.ts +7 -0
  55. package/dist/types/animated/index.d.ts +4 -0
  56. package/package.json +3 -3
  57. package/src/animated/ResponsiveBehaviorElementsFixed.html +90 -159
  58. package/src/animated/ResponsiveBehaviorHeaderFadeOut.html +156 -151
  59. package/src/animated/ResponsiveBehaviorHeaderFreeze.html +128 -158
  60. package/src/animated/ResponsiveBehaviorHeaderScrollWithSite.html +257 -0
  61. package/src/animated/ResponsiveBehaviorSectionAutoHeight.html +313 -0
@@ -10,68 +10,55 @@ svg {
10
10
  }
11
11
 
12
12
  :root {
13
- --color-1: #B8C4FF;
14
- --color-2: #002294;
15
- --color-3: white;
16
- --color-4: #2D2D2E;
13
+ --color-1: #002294;
14
+ --color-2: #B8C4FF;
15
+ --color-3: #F8F6F6;
16
+ --color-4: #D9D9D9;
17
+ --color-5: #303030;
17
18
  }
18
19
 
19
- .Line-9 {
20
+ .import-msvsnwyw-7 {
20
21
  transform-box: fill-box;
21
22
  transform-origin: 50% 50%;
22
- animation: Line-9-transform 3240ms linear infinite both;
23
+ animation: import-msvsnwyw-7-transform 3360ms linear infinite both;
23
24
  }
24
25
 
25
- @keyframes Line-9-transform {
26
+ @keyframes import-msvsnwyw-7-transform {
26
27
  0% {
27
- transform: translate(0px, 0.871px);
28
- animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
28
+ transform: translate(41px, 23px);
29
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
29
30
  }
30
- 49.382716% {
31
- transform: translate(0px, 19px);
32
- animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
31
+ 50% {
32
+ transform: translate(41px, -106.4px);
33
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
33
34
  }
34
- 98.765432% {
35
- transform: translate(0px, 0.871px);
36
- animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
35
+ 98.809524% {
36
+ transform: translate(41px, 23px);
37
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
37
38
  }
38
39
  100% {
39
- transform: translate(0px, 0.871px);
40
+ transform: translate(41px, 23px);
40
41
  }
41
42
  }
42
43
 
43
- .import-ms1xlqss-3 {
44
- animation: import-ms1xlqss-3-opacity 3240ms linear infinite both;
45
- }
46
-
47
- @keyframes import-ms1xlqss-3-opacity {
48
- 0% {
49
- opacity: 1;
50
- animation-timing-function: cubic-bezier(0.6, 0, 1, 1);
51
- }
52
- 100% {
53
- opacity: 1;
54
- }
55
- }
56
-
57
- .node-2 {
44
+ .node-2-3 {
58
45
  transform-box: fill-box;
59
46
  transform-origin: 50% 50%;
60
- animation: node-2-transform 3240ms linear infinite both;
47
+ animation: node-2-3-transform 3360ms linear infinite both;
61
48
  }
62
49
 
63
- @keyframes node-2-transform {
50
+ @keyframes node-2-3-transform {
64
51
  0% {
65
52
  transform: translate(0px, 0px);
66
- animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
53
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
67
54
  }
68
- 49.382716% {
69
- transform: translate(0px, -56.984px);
70
- animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
55
+ 50% {
56
+ transform: translate(0px, 31.965px);
57
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
71
58
  }
72
- 98.765432% {
59
+ 98.809524% {
73
60
  transform: translate(0px, 0px);
74
- animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
61
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
75
62
  }
76
63
  100% {
77
64
  transform: translate(0px, 0px);
@@ -80,211 +67,194 @@ svg {
80
67
  </style>
81
68
  </head>
82
69
  <body>
83
- <svg xmlns="http://www.w3.org/2000/svg" width="114" height="114" viewBox="0 0 114 114" fill="none">
70
+ <svg xmlns="http://www.w3.org/2000/svg" width="236" height="127" viewBox="0 0 236 127">
84
71
  <defs>
85
- <linearGradient id="paint0_linear_4262_18141" x1="100.596" y1="-3.15637" x2="-24.9289" y2="96.4678" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
86
- <linearGradient id="paint0_linear_4262_18380" x1="35" y1="0" x2="35" y2="8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#002294" /><stop offset="1" stop-color="#002294" stop-opacity="0" /></linearGradient>
87
- <linearGradient id="paint1_linear_4262_18141" x1="65.1667" y1="55.2161" x2="77.9328" y2="66.4026" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.325264" stop-color="#B8C4FF" /><stop offset="1" stop-color="#002294" /></linearGradient>
88
- <linearGradient id="paint2_linear_4262_18141" x1="56.0899" y1="42.6729" x2="80.8831" y2="69.4708" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.5" stop-color="#B8C4FF" /><stop offset="0.95" stop-color="#002294" /></linearGradient>
89
- <linearGradient id="paint3_linear_4262_18141" x1="67.4247" y1="45.8313" x2="59.7261" y2="55.6552" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
90
- <linearGradient id="paint4_linear_4262_18141" x1="84.8141" y1="25.5535" x2="17.7609" y2="115.963" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
91
- <linearGradient id="paint5_linear_4262_18141" x1="95.4738" y1="38.7805" x2="39.4116" y2="107.748" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
92
- <linearGradient id="paint6_linear_4262_18141" x1="118.268" y1="45.6851" x2="68.7679" y2="106.675" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
93
- <linearGradient id="paint7_linear_4262_18141" x1="156.487" y1="16.1102" x2="49.2604" y2="177.814" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
94
- <linearGradient id="paint8_linear_4262_18141" x1="85.8144" y1="100.202" x2="62.9962" y2="140.446" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
95
- <filter xmlns="http://www.w3.org/2000/svg" id="filter0_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
72
+ <linearGradient id="paint0_linear_4371_16309" x1="178.227" y1="-83.0937" x2="-110.087" y2="145.731" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
73
+ <linearGradient id="paint1_linear_4371_16309" x1="95.39" y1="44.9158" x2="123.428" y2="69.4849" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.325264" stop-color="#B8C4FF" /><stop offset="1" stop-color="#002294" /></linearGradient>
74
+ <linearGradient id="paint2_linear_4371_16309" x1="75.4543" y1="17.3794" x2="129.908" y2="76.2359" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.5" stop-color="#B8C4FF" /><stop offset="0.95" stop-color="#002294" /></linearGradient>
75
+ <linearGradient id="paint3_linear_4371_16309" x1="100.35" y1="24.3133" x2="83.4414" y2="45.8896" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
76
+ <linearGradient id="paint4_linear_4371_16309" x1="138.978" y1="-27.1478" x2="-8.29128" y2="171.419" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
77
+ <linearGradient id="paint5_linear_4371_16309" x1="162.389" y1="1.90174" x2="39.2589" y2="153.375" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
78
+ <linearGradient id="paint6_linear_4371_16309" x1="212.458" y1="17.0772" x2="103.741" y2="151.031" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
79
+ <linearGradient id="paint7_linear_4371_16309" x1="307.169" y1="-61.1983" x2="66.9405" y2="309.011" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
80
+ <linearGradient id="paint8_linear_4371_16309" x1="141.161" y1="135.036" x2="91.0452" y2="223.425" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
81
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter0_f_4371_16309" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
96
82
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
97
83
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
98
- <feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_4262_18141"/>
84
+ <feGaussianBlur stdDeviation="13.7813" result="effect1_foregroundBlur_4371_16309"/>
99
85
  </filter>
100
- <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
86
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_4371_16309" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
101
87
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
102
88
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
103
- <feGaussianBlur stdDeviation="0.780106" result="effect1_foregroundBlur_4262_18141"/>
89
+ <feGaussianBlur stdDeviation="1.71335" result="effect1_foregroundBlur_4371_16309"/>
104
90
  </filter>
105
- <filter xmlns="http://www.w3.org/2000/svg" id="filter2_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
91
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter2_f_4371_16309" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
106
92
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
107
93
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
108
- <feGaussianBlur stdDeviation="5.12023" result="effect1_foregroundBlur_4262_18141"/>
94
+ <feGaussianBlur stdDeviation="11.2456" result="effect1_foregroundBlur_4371_16309"/>
109
95
  </filter>
110
- <filter xmlns="http://www.w3.org/2000/svg" id="filter3_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
96
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter3_f_4371_16309" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
111
97
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
112
98
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
113
- <feGaussianBlur stdDeviation="5.12023" result="effect1_foregroundBlur_4262_18141"/>
99
+ <feGaussianBlur stdDeviation="11.2456" result="effect1_foregroundBlur_4371_16309"/>
114
100
  </filter>
115
- <filter xmlns="http://www.w3.org/2000/svg" id="filter4_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
101
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter4_f_4371_16309" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
116
102
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
117
103
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
118
- <feGaussianBlur stdDeviation="5.12023" result="effect1_foregroundBlur_4262_18141"/>
104
+ <feGaussianBlur stdDeviation="11.2456" result="effect1_foregroundBlur_4371_16309"/>
119
105
  </filter>
120
- <filter xmlns="http://www.w3.org/2000/svg" id="filter5_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
106
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter5_f_4371_16309" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
121
107
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
122
108
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
123
- <feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_4262_18141"/>
109
+ <feGaussianBlur stdDeviation="13.7813" result="effect1_foregroundBlur_4371_16309"/>
124
110
  </filter>
125
- <filter xmlns="http://www.w3.org/2000/svg" id="filter6_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
111
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter6_f_4371_16309" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
126
112
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
127
113
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
128
- <feGaussianBlur stdDeviation="1.85439" result="effect1_foregroundBlur_4262_18141"/>
114
+ <feGaussianBlur stdDeviation="4.07281" result="effect1_foregroundBlur_4371_16309"/>
129
115
  </filter>
130
- <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_4262_18141">
131
- <rect x="23" y="33.0234" width="64" height="105.132" rx="3" fill="white"/>
116
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_4371_16309">
117
+ <rect width="147" height="210.525" fill="white"/>
132
118
  </clipPath>
133
- <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_4262_18141">
134
- <rect x="23" y="33.0234" width="64" height="101" rx="3" fill="white"/>
119
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_4371_16309">
120
+ <rect width="147" height="231.984" fill="white"/>
135
121
  </clipPath>
136
- <clipPath xmlns="http://www.w3.org/2000/svg" id="clip2_4262_18141">
137
- <rect x="56.7012" y="46.0234" width="24" height="21" rx="3" fill="white"/>
122
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip2_4371_16309">
123
+ <rect x="76.7969" y="24.7422" width="52.7113" height="46.1224" rx="6.58892" fill="white"/>
138
124
  </clipPath>
139
- <clipPath xmlns="http://www.w3.org/2000/svg" id="clip3_4262_18141">
140
- <rect width="80" height="35" fill="white" transform="translate(45.7012 40.0234)"/>
125
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip3_4371_16309">
126
+ <rect width="175.704" height="76.8707" fill="white" transform="translate(52.6367 11.5625)"/>
141
127
  </clipPath>
142
- <clipPath xmlns="http://www.w3.org/2000/svg" id="clip4_4262_18141">
143
- <rect x="59.7012" y="49.0234" width="5" height="5" rx="2.5" fill="white"/>
128
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip4_4371_16309">
129
+ <rect x="83.3867" y="31.3281" width="10.9815" height="10.9815" rx="5.49077" fill="white"/>
144
130
  </clipPath>
145
- <clipPath xmlns="http://www.w3.org/2000/svg" id="clip5_4262_18141">
146
- <rect x="12.5" y="77.0234" width="27" height="21" rx="2" fill="white"/>
131
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip5_4371_16309">
132
+ <rect x="-19.8438" y="85.8984" width="59.3003" height="46.1224" rx="4.39261" fill="white"/>
147
133
  </clipPath>
148
- <clipPath xmlns="http://www.w3.org/2000/svg" id="clip6_4262_18141">
149
- <rect x="41.5" y="77.0234" width="27" height="21" rx="2" fill="white"/>
134
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip6_4371_16309">
135
+ <rect x="43.8477" y="85.8984" width="59.3003" height="46.1224" rx="4.39261" fill="white"/>
150
136
  </clipPath>
151
- <clipPath xmlns="http://www.w3.org/2000/svg" id="clip7_4262_18141">
152
- <rect x="70.5" y="77.0234" width="27" height="21" rx="2" fill="white"/>
137
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip7_4371_16309">
138
+ <rect x="107.543" y="85.8984" width="59.3003" height="46.1224" rx="4.39261" fill="white"/>
153
139
  </clipPath>
154
- <clipPath xmlns="http://www.w3.org/2000/svg" id="clip8_4262_18141">
155
- <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"/>
140
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip8_4371_16309">
141
+ <rect width="146.703" height="57.4219" fill="white" transform="translate(0.167969 153.172)"/>
156
142
  </clipPath>
157
- <clipPath xmlns="http://www.w3.org/2000/svg" id="clip9_4262_18141">
158
- <rect x="50.291" y="124.117" width="9.43666" height="3.48353" rx="1.74177" fill="white"/>
143
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip9_4371_16309">
144
+ <rect x="63.1367" y="187.57" width="20.7258" height="7.65129" rx="3.82565" fill="white"/>
159
145
  </clipPath>
160
- <mask id="am-Rectangle-1430107365-2" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="114" height="114"><rect x="23" y="33.0234" width="64" height="44" rx="3" fill="var(--color-3)" /></mask>
161
- <mask id="am-Rectangle-1430107365-2-2" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="114" height="114"><rect x="23" y="33.0234" width="64" height="44" rx="3" fill="var(--color-3)" /></mask>
146
+ <mask id="am-node-1-2-2" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="236" height="127"><rect style="transform-box: fill-box; transform-origin: 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" /></mask>
147
+ <mask id="am-node-1-2-2-2" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="236" height="127"><rect style="transform-box: fill-box; transform-origin: 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" /></mask>
162
148
  </defs>
163
- <g fill="none">
164
- <path display="none" d="M0 8C0 3.58172 3.58172 0 8 0H106C110.418 0 114 3.58172 114 8V106C114 110.418 110.418 114 106 114H8C3.58172 114 0 110.418 0 106V8Z" fill="var(--color-4)" />
165
- <rect x="23" y="33.0234" width="64" height="44" rx="3" fill="var(--color-3)" />
166
- <g mask="url(#am-Rectangle-1430107365-2)">
167
- <g class="node-2" fill="none" clip-path="url(#clip0_4262_18141)">
168
- <g fill="none" opacity="0.5">
169
- <g fill="none" clip-path="url(#clip1_4262_18141)">
170
- <rect x="23" y="33.0234" width="64" height="101" rx="3" fill="var(--color-2)" />
171
- <g fill="none" filter="url(#filter0_f_4262_18141)">
172
- <rect x="22.502" y="-16.2891" width="91" height="146.31" fill="url(#paint0_linear_4262_18141)" />
173
- </g>
149
+ <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-5)" />
150
+ <g mask="url(#am-node-1-2-2)">
151
+ <g class="import-msvsnwyw-7">
152
+ <g fill="none" clip-path="url(#clip0_4371_16309)">
153
+ <g fill="none">
154
+ <rect x="-0.21875" y="0.101562" width="147" height="211.591" rx="0" ry="0" fill="var(--color-3)" />
155
+ </g>
156
+ <g fill="none" opacity="0.5" clip-path="url(#clip1_4371_16309)">
157
+ <rect x="0" y="0" width="147" height="231.984" fill="var(--color-1)" />
158
+ <g fill="none" filter="url(#filter0_f_4371_16309)">
159
+ <rect x="-1.14453" y="-113.258" width="209.016" height="336.055" fill="url(#paint0_linear_4371_16309)" />
174
160
  </g>
175
161
  </g>
176
162
  <g fill="none">
177
163
  <g fill="none">
178
- <g fill="none" clip-path="url(#clip2_4262_18141)">
179
- <g fill="none" clip-path="url(#clip3_4262_18141)">
180
- <rect x="45.7012" y="40.0234" width="80" height="35" fill="var(--color-2)" />
164
+ <g fill="none" clip-path="url(#clip2_4371_16309)">
165
+ <g fill="none" clip-path="url(#clip3_4371_16309)">
166
+ <rect x="52.6367" y="11.5625" width="175.704" height="76.8707" fill="var(--color-1)" />
181
167
  </g>
182
168
  <g fill="none">
183
- <path d="M70.2859 50.5234L60.7598 64.3439L77.7497 62.0707L70.2859 50.5234Z" fill="url(#paint1_linear_4262_18141)" />
184
- <path d="M95.6897 58.7223C95.6897 58.7223 74.3439 50.6527 73.7069 50.4095C73.07 50.1662 69.1175 49.0408 70.286 52.2856C71.4472 55.51 72.0834 56.75 72.3364 57.3006C72.5894 57.8512 73.6196 60.0946 71.0277 60.9224C68.0895 61.8603 52.2441 66.3142 52.2441 66.3142V68.872H95.6897V58.7223Z" fill="url(#paint2_linear_4262_18141)" />
169
+ <path d="M106.633 34.6094L85.7109 64.9634L123.026 59.9707L106.633 34.6094Z" fill="url(#paint1_linear_4371_16309)" />
170
+ <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(#paint2_linear_4371_16309)" />
185
171
  </g>
186
172
  <g fill="none">
187
- <g fill="none" clip-path="url(#clip4_4262_18141)">
188
- <rect x="59.7012" y="49.0234" width="5" height="5" rx="2.5" fill="var(--color-2)" />
189
- <g fill="none" filter="url(#filter1_f_4262_18141)">
190
- <path d="M63.3834 45.1077C63.1432 45.1554 62.906 45.2217 62.675 45.3064C61.7263 45.6577 60.8855 46.3263 60.3311 47.2676C59.0637 49.4167 59.769 52.1697 61.9065 53.4161C64.0441 54.6624 66.8038 53.9291 68.0712 51.78C69.3386 49.6293 68.6333 46.8763 66.4973 45.6315C65.5209 45.0614 64.4167 44.9058 63.3834 45.1077Z" fill="url(#paint3_linear_4262_18141)" />
173
+ <g fill="none" clip-path="url(#clip4_4371_16309)">
174
+ <rect x="83.3867" y="31.3281" width="10.9815" height="10.9815" rx="5.49077" fill="var(--color-1)" />
175
+ <g fill="none" filter="url(#filter1_f_4371_16309)">
176
+ <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(#paint3_linear_4371_16309)" />
191
177
  </g>
192
178
  </g>
193
179
  </g>
194
180
  </g>
195
181
  </g>
196
182
  <g fill="none">
197
- <rect x="29.7012" y="52.0234" width="23" height="1.00015" rx="0.500074" fill="var(--color-2)" />
198
- <rect x="29.7012" y="56.0234" width="23" height="1.00015" rx="0.500074" fill="var(--color-2)" />
199
- <rect x="29.7012" y="60.0234" width="12" height="1.00015" rx="0.500074" fill="var(--color-2)" />
183
+ <rect x="17.4961" y="37.9219" width="50.515" height="2.19631" rx="1.09815" fill="var(--color-1)" />
184
+ <rect x="17.4961" y="46.7031" width="50.515" height="2.19631" rx="1.09815" fill="var(--color-1)" />
185
+ <rect x="17.4961" y="55.4922" width="26.3557" height="2.19631" rx="1.09815" fill="var(--color-1)" />
200
186
  </g>
201
187
  </g>
202
188
  <g fill="none">
203
189
  <g fill="none">
204
190
  <g fill="none">
205
- <g fill="none" clip-path="url(#clip5_4262_18141)">
206
- <rect x="12.5" y="77.0234" width="27" height="21" rx="2" fill="var(--color-2)" />
207
- <g fill="none" filter="url(#filter2_f_4262_18141)">
208
- <rect x="12.6895" y="18.4141" width="84.0442" height="79.5391" fill="url(#paint4_linear_4262_18141)" />
191
+ <g fill="none" clip-path="url(#clip5_4371_16309)">
192
+ <rect x="-19.8438" y="85.8984" width="59.3003" height="46.1224" rx="4.39261" fill="var(--color-1)" />
193
+ <g fill="none" filter="url(#filter2_f_4371_16309)">
194
+ <rect x="-19.4297" y="-42.8281" width="184.587" height="174.692" fill="url(#paint4_linear_4371_16309)" />
209
195
  </g>
210
196
  </g>
211
197
  </g>
212
198
  </g>
213
199
  <g fill="none">
214
200
  <g fill="none">
215
- <g fill="none" clip-path="url(#clip6_4262_18141)">
216
- <rect x="41.5" y="77.0234" width="27" height="21" rx="2" fill="var(--color-2)" />
217
- <g fill="none" filter="url(#filter3_f_4262_18141)">
218
- <rect x="41.6895" y="32.9453" width="62.6729" height="65.0088" fill="url(#paint5_linear_4262_18141)" />
201
+ <g fill="none" clip-path="url(#clip6_4371_16309)">
202
+ <rect x="43.8477" y="85.8984" width="59.3003" height="46.1224" rx="4.39261" fill="var(--color-1)" />
203
+ <g fill="none" filter="url(#filter3_f_4371_16309)">
204
+ <rect x="44.2617" y="-10.9141" width="137.649" height="142.779" fill="url(#paint5_linear_4371_16309)" />
219
205
  </g>
220
206
  </g>
221
207
  </g>
222
208
  </g>
223
209
  <g fill="none">
224
210
  <g fill="none">
225
- <g fill="none" clip-path="url(#clip7_4262_18141)">
226
- <rect x="70.5" y="77.0234" width="27" height="21" rx="2" fill="var(--color-2)" />
227
- <g fill="none" filter="url(#filter4_f_4262_18141)">
228
- <rect x="70.6895" y="40.5312" width="55.4416" height="57.418" fill="url(#paint6_linear_4262_18141)" />
211
+ <g fill="none" clip-path="url(#clip7_4371_16309)">
212
+ <rect x="107.543" y="85.8984" width="59.3003" height="46.1224" rx="4.39261" fill="var(--color-1)" />
213
+ <g fill="none" filter="url(#filter4_f_4371_16309)">
214
+ <rect x="107.961" y="5.75781" width="121.767" height="126.107" fill="url(#paint6_linear_4371_16309)" />
229
215
  </g>
230
216
  </g>
231
217
  </g>
232
218
  </g>
233
219
  </g>
234
- <g fill="none" opacity="0.5">
235
- <g fill="none" clip-path="url(#clip8_4262_18141)">
236
- <path d="M23.0742 109.023L86.9448 109.023V131.023C86.9448 132.68 85.6017 134.023 83.9448 134.023H26.0742C24.4174 134.023 23.0742 132.68 23.0742 131.023L23.0742 109.023Z" fill="var(--color-2)" />
237
- <g fill="none" filter="url(#filter5_f_4262_18141)">
238
- <rect x="22.4766" y="4.25" width="156.157" height="132.133" fill="url(#paint7_linear_4262_18141)" />
239
- </g>
220
+ <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(-0.1px, 0px)" fill="none" opacity="0.5" clip-path="url(#clip8_4371_16309)">
221
+ <rect x="0.019469" y="153.172" width="147" height="57.4219" fill="var(--color-1)" />
222
+ <g fill="none" filter="url(#filter5_f_4371_16309)">
223
+ <rect x="-2.29688" y="-88" width="360.609" height="298.594" fill="url(#paint7_linear_4371_16309)" />
240
224
  </g>
241
225
  </g>
242
226
  <g fill="none">
243
227
  <g fill="none">
244
- <rect x="40.3613" y="115.453" width="29.2968" height="0.995511" rx="0.497756" fill="var(--color-2)" />
245
- <rect x="47.0195" y="119.516" width="15.9801" height="0.995511" rx="0.497756" fill="var(--color-2)" />
228
+ <rect x="41.3281" y="168.547" width="64.3447" height="2.18608" rx="1.09304" fill="var(--color-1)" />
229
+ <rect x="55.9531" y="177.469" width="35.0971" height="2.18608" rx="1.09304" fill="var(--color-1)" />
246
230
  </g>
247
231
  <g fill="none">
248
- <g fill="none" clip-path="url(#clip9_4262_18141)">
249
- <rect x="50.291" y="124.117" width="9.43666" height="3.48353" rx="1.74177" fill="var(--color-2)" />
250
- <g fill="none" filter="url(#filter6_f_4262_18141)">
251
- <path d="M50.0117 97.4922H91.7313V127.677H50.0117V97.4922Z" fill="url(#paint8_linear_4262_18141)" />
232
+ <g fill="none" clip-path="url(#clip9_4371_16309)">
233
+ <rect x="63.1367" y="187.57" width="20.7258" height="7.65129" rx="3.82565" fill="var(--color-1)" />
234
+ <g fill="none" filter="url(#filter6_f_4371_16309)">
235
+ <path d="M62.5273 129.086H154.156V195.38H62.5273V129.086Z" fill="url(#paint8_linear_4371_16309)" />
252
236
  </g>
253
237
  </g>
254
238
  </g>
255
239
  </g>
256
240
  </g>
257
241
  </g>
258
- <g mask="url(#am-Rectangle-1430107365-2-2)">
259
- <g fill="none">
260
- <path style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(22.994876px, 32.907767px)" d="M0 3C0 1.34315 1.34315 0 3 0H61C62.6569 0 64 1.34315 64 3V8H0V3Z" fill="url(#paint0_linear_4262_18380)" />
261
- </g>
262
- </g>
263
- <path d="M91 72.8438C91 73.4823 90.5523 74 90 74C89.4477 74 89 73.4823 89 72.8438V38.1562C89 37.5177 89.4477 37 90 37C90.5523 37 91 37.5177 91 38.1562V72.8438Z" fill="var(--color-1)" />
264
- <line class="Line-9" x1="90" y1="42" x2="90" y2="48" fill="none" stroke="var(--color-2)" stroke-width="2" stroke-linecap="round" />
265
- </g>
266
- <g />
267
- <g>
268
- <g fill="none" mask="url(#mask0_4262_18274)" />
269
242
  </g>
270
- <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(18.291003px, 21.32403px)" />
271
- <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(22.944799px, 32.9453px)">
272
- <g fill="none">
273
- <g fill="none" />
243
+ <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(190.8px, 33.5px)">
244
+ <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)" />
245
+ <g class="node-2-3">
246
+ <line x1="2" y1="8.48682" x2="2" y2="17.4596" fill="none" stroke="var(--color-1)" stroke-width="4" stroke-linecap="round" />
274
247
  </g>
275
248
  </g>
276
- <g class="import-ms1xlqss-3" style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(23.044199px, 32.968371px)" opacity="0">
277
- <g fill="none">
278
- <g fill="none">
279
- <path style="transform-box: fill-box; transform-origin: 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)" />
280
- </g>
249
+ <image style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(0px, -42.000004px)" display="none" href="assets/image.png" x="0" y="42" width="236" height="127" preserveAspectRatio="xMidYMid meet" />
250
+ <g mask="url(#am-node-1-2-2-2)">
251
+ <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(-0.1px, 0px)" fill="none">
252
+ <rect x="41.0132" y="22.979" width="147.39" height="15.9656" fill="var(--color-1)" />
253
+ <rect x="160.768" y="29.812" width="13.8178" height="2.30296" rx="1.15148" fill="var(--color-2)" />
254
+ <rect x="140.041" y="29.812" width="13.8178" height="2.30296" rx="1.15148" fill="var(--color-2)" />
255
+ <rect x="119.314" y="29.812" width="13.8178" height="2.30296" rx="1.15148" fill="var(--color-2)" />
281
256
  </g>
282
257
  </g>
283
- <g fill="none">
284
- <rect x="75" y="35.9922" width="6" height="1.0001" rx="0.50005" fill="var(--color-1)" />
285
- <rect x="66" y="35.9922" width="6" height="1.0001" rx="0.50005" fill="var(--color-1)" />
286
- <rect x="57" y="35.9922" width="6" height="1.0001" rx="0.50005" fill="var(--color-1)" />
287
- </g>
288
258
  </svg>
289
259
  </body>
290
260
  </html>