@wix/design-system-illustrations 2.40.1 → 2.41.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 (144) hide show
  1. package/dist/cjs/AlignmentLeftToRight.js +1 -1
  2. package/dist/cjs/AlignmentRightToLeft.js +1 -1
  3. package/dist/cjs/FileShareLine.js +1 -1
  4. package/dist/cjs/FillParallaxScroll.js +3 -3
  5. package/dist/cjs/FolderBig.js +53 -0
  6. package/dist/cjs/FolderOutline.js +1 -1
  7. package/dist/cjs/GeneratePhotoshoot.js +54 -0
  8. package/dist/cjs/GlideEntrance.js +5 -8
  9. package/dist/cjs/JelloLoop.js +1 -1
  10. package/dist/cjs/MaxWidth.js +59 -0
  11. package/dist/cjs/MenuDividerDots.js +1 -1
  12. package/dist/cjs/OnlineOrderOnImage.js +1 -1
  13. package/dist/cjs/PaintScribbleDivider.js +1 -1
  14. package/dist/cjs/ShapeScroll.js +1 -1
  15. package/dist/cjs/StoreHeaderPositionMinimized.js +3 -3
  16. package/dist/cjs/StoreLayoutWithBorder.js +1 -1
  17. package/dist/cjs/StoreRight.js +1 -1
  18. package/dist/cjs/UploadMedia.js +56 -0
  19. package/dist/cjs/WiggleLoop.js +1 -1
  20. package/dist/cjs/animated/LimitScaling2.js +1 -1
  21. package/dist/cjs/animated/MaxMin.js +1 -1
  22. package/dist/cjs/animated/MobileAlgoFast.js +1 -1
  23. package/dist/cjs/animated/ResponsiveBehaviorElementsFixed.js +1 -1
  24. package/dist/cjs/animated/ResponsiveBehaviorSectionAutoHeight.js +1 -1
  25. package/dist/cjs/animated/ResponsiveBehaviorSectionFitToScreen.js +89 -0
  26. package/dist/cjs/animated/animated.global.css +285 -0
  27. package/dist/cjs/animated/index.js +3 -0
  28. package/dist/cjs/index.js +12 -0
  29. package/dist/esm/AlignmentLeftToRight.js +1 -1
  30. package/dist/esm/AlignmentRightToLeft.js +1 -1
  31. package/dist/esm/FileShareLine.js +1 -1
  32. package/dist/esm/FillParallaxScroll.js +3 -3
  33. package/dist/esm/FolderBig.js +19 -0
  34. package/dist/esm/FolderOutline.js +1 -1
  35. package/dist/esm/GeneratePhotoshoot.js +20 -0
  36. package/dist/esm/GlideEntrance.js +5 -8
  37. package/dist/esm/JelloLoop.js +1 -1
  38. package/dist/esm/MaxWidth.js +25 -0
  39. package/dist/esm/MenuDividerDots.js +1 -1
  40. package/dist/esm/OnlineOrderOnImage.js +1 -1
  41. package/dist/esm/PaintScribbleDivider.js +1 -1
  42. package/dist/esm/ShapeScroll.js +1 -1
  43. package/dist/esm/StoreHeaderPositionMinimized.js +3 -3
  44. package/dist/esm/StoreLayoutWithBorder.js +1 -1
  45. package/dist/esm/StoreRight.js +1 -1
  46. package/dist/esm/UploadMedia.js +22 -0
  47. package/dist/esm/WiggleLoop.js +1 -1
  48. package/dist/esm/animated/LimitScaling2.js +1 -1
  49. package/dist/esm/animated/MaxMin.js +1 -1
  50. package/dist/esm/animated/MobileAlgoFast.js +1 -1
  51. package/dist/esm/animated/ResponsiveBehaviorElementsFixed.js +1 -1
  52. package/dist/esm/animated/ResponsiveBehaviorSectionAutoHeight.js +1 -1
  53. package/dist/esm/animated/ResponsiveBehaviorSectionFitToScreen.js +45 -0
  54. package/dist/esm/animated/animated.global.css +285 -0
  55. package/dist/esm/animated/index.js +2 -0
  56. package/dist/esm/index.js +8 -0
  57. package/dist/types/FolderBig.d.ts +5 -0
  58. package/dist/types/GeneratePhotoshoot.d.ts +5 -0
  59. package/dist/types/MaxWidth.d.ts +5 -0
  60. package/dist/types/UploadMedia.d.ts +5 -0
  61. package/dist/types/animated/ResponsiveBehaviorSectionFitToScreen.d.ts +7 -0
  62. package/dist/types/animated/index.d.ts +2 -0
  63. package/dist/types/index.d.ts +4 -0
  64. package/package.json +3 -3
  65. package/src/AlignmentLeftToRight.svg +1 -1
  66. package/src/AlignmentRightToLeft.svg +1 -1
  67. package/src/AllSides.svg +1 -1
  68. package/src/AudioPlayerLayoutClassic.svg +1 -1
  69. package/src/AudioPlayerLayoutIcon.svg +1 -1
  70. package/src/BookingsPresetMasonry.svg +3 -3
  71. package/src/BookingsPresetSlider.svg +2 -2
  72. package/src/BookingsPresetSquares.svg +2 -2
  73. package/src/BounceEntrance.svg +1 -1
  74. package/src/ChooseTheLayoutGrid.svg +8 -8
  75. package/src/CreateAContext.svg +1 -1
  76. package/src/CreateAFunction.svg +6 -6
  77. package/src/DesignedSection.svg +3 -3
  78. package/src/DesignedSectionSmall.svg +3 -3
  79. package/src/Doc.svg +1 -1
  80. package/src/EmptyPage.svg +2 -2
  81. package/src/EmptyPageImage.svg +2 -2
  82. package/src/FileShareFill.svg +1 -1
  83. package/src/FileShareLine.svg +1 -1
  84. package/src/FillParallaxScroll.svg +49 -52
  85. package/src/FolderBig.svg +29 -0
  86. package/src/FolderOutline.svg +2 -2
  87. package/src/GeneratePhotoshoot.svg +12 -0
  88. package/src/GlideEntrance.svg +18 -13
  89. package/src/IdentityDividerLine.svg +1 -1
  90. package/src/ImageLayoutSingleColumn.svg +3 -3
  91. package/src/ImageLayoutTwoColumn.svg +3 -3
  92. package/src/ImagePositionBottom.svg +3 -3
  93. package/src/ImagePositionTop.svg +3 -3
  94. package/src/ImageSizeS.svg +1 -1
  95. package/src/JelloLoop.svg +1 -1
  96. package/src/LayoutCards.svg +3 -3
  97. package/src/LayoutList.svg +2 -2
  98. package/src/LayoutSideBySide.svg +6 -6
  99. package/src/LayoutSidebar.svg +1 -1
  100. package/src/LayoutTwoColumn.svg +1 -1
  101. package/src/LetterTwist.svg +1 -1
  102. package/src/MaxWidth.svg +57 -0
  103. package/src/MenuDividerDots.svg +1 -1
  104. package/src/MenuDividerLine.svg +1 -1
  105. package/src/OnlineOrderOnImage.svg +3 -3
  106. package/src/PaintScribbleDivider.svg +3 -3
  107. package/src/ParallaxSection.svg +2 -2
  108. package/src/PixelsDivider.svg +7 -7
  109. package/src/PresetFeatured.svg +3 -3
  110. package/src/PresetGrid.svg +3 -3
  111. package/src/PresetMasonry.svg +3 -3
  112. package/src/PresetRows.svg +2 -2
  113. package/src/PresetSlider.svg +2 -2
  114. package/src/PresetSquares.svg +2 -2
  115. package/src/PresetThumbnails.svg +5 -5
  116. package/src/PricingLayoutBelow.svg +1 -1
  117. package/src/RevealScroll.svg +1 -1
  118. package/src/ScrollEffectsDisappear.svg +1 -1
  119. package/src/ScrollEffectsFadeOut.svg +1 -1
  120. package/src/ScrollEffectsMoveWithPage.svg +1 -1
  121. package/src/ScrollEffectsStayFixed.svg +1 -1
  122. package/src/SemiCirclesDivider.svg +1 -1
  123. package/src/ShapeScroll.svg +1 -1
  124. package/src/StoreBottom.svg +3 -3
  125. package/src/StoreColumns.svg +1 -1
  126. package/src/StoreDrawer.svg +2 -2
  127. package/src/StoreGrid.svg +2 -2
  128. package/src/StoreHeaderPositionMinimized.svg +4 -3
  129. package/src/StoreLayoutWithBorder.svg +4 -1
  130. package/src/StoreLeft.svg +3 -3
  131. package/src/StoreRight.svg +3 -3
  132. package/src/StoreTabs.svg +2 -2
  133. package/src/StoreThumbnails.svg +3 -3
  134. package/src/StretchScroll.svg +4 -4
  135. package/src/UploadMedia.svg +18 -0
  136. package/src/VideoMobileLayoutCompact.svg +1 -1
  137. package/src/VideoMobileLayoutVertical.svg +1 -1
  138. package/src/WiggleLoop.svg +2 -2
  139. package/src/animated/LimitScaling2.html +1 -1
  140. package/src/animated/MaxMin.html +1 -1
  141. package/src/animated/MobileAlgoFast.html +1 -1
  142. package/src/animated/ResponsiveBehaviorElementsFixed.html +1 -1
  143. package/src/animated/ResponsiveBehaviorSectionAutoHeight.html +1 -1
  144. package/src/animated/ResponsiveBehaviorSectionFitToScreen.html +370 -0
package/src/animated/MobileAlgoFast.html CHANGED
@@ -606,7 +606,7 @@ svg {
606
606
  <g>
607
607
  <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)" />
608
608
  <g class="rect-msbreia1-12">
609
- <rect class="rect-msbreia1-12-shape" x="95" y="15" width="46" height="97" rx="6" ry="6" fill="var(--color-7)" stroke="var(--color-6)" stroke-width="0" opacity="0.5" />
609
+ <rect class="rect-msbreia1-12-shape" x="95" y="15" width="46" height="97" rx="6" ry="6" fill="var(--color-7)" stroke="var(--color-6)" stroke-width="0" opacity="0.25" />
610
610
  </g>
611
611
  <g class="node-3-2">
612
612
  <path d="M42 67.5V59.5C42 58.9477 41.5523 58.5 41 58.5C40.4477 58.5 40 58.9477 40 59.5V67.5C40 68.0523 40.4477 68.5 41 68.5C41.5523 68.5 42 68.0523 42 67.5Z" fill="var(--color-3)" />
package/src/animated/ResponsiveBehaviorElementsFixed.html CHANGED
@@ -151,7 +151,7 @@ svg {
151
151
  <g fill="none">
152
152
  <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)" />
153
153
  <g class="rect-msbreia1-12">
154
- <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.5" />
154
+ <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.25" />
155
155
  </g>
156
156
  <g fill="none">
157
157
  <g fill="none" clip-path="url(#clip0_4408_18955)">
package/src/animated/ResponsiveBehaviorSectionAutoHeight.html CHANGED
@@ -258,7 +258,7 @@ svg {
258
258
  <g fill="none">
259
259
  <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-3)" />
260
260
  <g class="rect-msbreia1-12">
261
- <rect class="rect-msbreia1-12-shape" x="76.2475" y="23.3" width="83.505" height="81" rx="6" ry="6" fill="var(--color-5)" stroke="var(--color-6)" stroke-width="0" opacity="0.57" />
261
+ <rect class="rect-msbreia1-12-shape" x="76.2475" y="23.3" width="83.505" height="81" rx="6" ry="6" fill="var(--color-5)" stroke="var(--color-6)" stroke-width="0" opacity="0.25" />
262
262
  </g>
263
263
  <g fill="none">
264
264
  <g fill="none">
package/src/animated/ResponsiveBehaviorSectionFitToScreen.html ADDED
@@ -0,0 +1,370 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <title>Animation</title>
6
+ <style>
7
+ svg {
8
+ max-width: 100%;
9
+ height: auto;
10
+ }
11
+
12
+ :root {
13
+ --color-1: #002294;
14
+ --color-2: #B8C4FF;
15
+ --color-3: #303030;
16
+ --color-4: #F8F6F6;
17
+ --color-5: #f8f6f6;
18
+ --color-6: #0d8ae0;
19
+ }
20
+
21
+ .Frame-2147240025 {
22
+ transform-box: fill-box;
23
+ transform-origin: 50% 50%;
24
+ animation: Frame-2147240025-transform 3375ms linear infinite both;
25
+ }
26
+
27
+ @keyframes Frame-2147240025-transform {
28
+ 0% {
29
+ transform: translate(0px, 0px);
30
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
31
+ }
32
+ 37.037037% {
33
+ transform: translate(0px, 0px);
34
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
35
+ }
36
+ 86.42963% {
37
+ transform: translate(37.2px, 0px);
38
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
39
+ }
40
+ 100% {
41
+ transform: translate(37.2px, 0px);
42
+ }
43
+ }
44
+
45
+ .Group-2147221957 {
46
+ transform-box: fill-box;
47
+ transform-origin: 50% 50%;
48
+ animation:
49
+ Group-2147221957-transform 3375ms linear infinite both,
50
+ Group-2147221957-opacity 3375ms linear infinite both;
51
+ }
52
+
53
+ @keyframes Group-2147221957-transform {
54
+ 0% {
55
+ transform: translate(0px, 10px);
56
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
57
+ }
58
+ 37.037037% {
59
+ transform: translate(0px, 0px);
60
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
61
+ }
62
+ 100% {
63
+ transform: translate(0px, 0px);
64
+ }
65
+ }
66
+
67
+ @keyframes Group-2147221957-opacity {
68
+ 0% {
69
+ opacity: 0;
70
+ }
71
+ 12.345679% {
72
+ opacity: 1;
73
+ }
74
+ 24.681481% {
75
+ opacity: 1;
76
+ }
77
+ 37.037037% {
78
+ opacity: 0;
79
+ }
80
+ 100% {
81
+ opacity: 0;
82
+ }
83
+ }
84
+
85
+ .Group-2147222135 {
86
+ transform-box: fill-box;
87
+ transform-origin: 50% 50%;
88
+ animation:
89
+ Group-2147222135-transform 3375ms linear infinite both,
90
+ Group-2147222135-opacity 3375ms linear infinite both;
91
+ }
92
+
93
+ @keyframes Group-2147222135-transform {
94
+ 0% {
95
+ transform: translate(0px, -10px);
96
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
97
+ }
98
+ 37.037037% {
99
+ transform: translate(0px, 0px);
100
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
101
+ }
102
+ 100% {
103
+ transform: translate(0px, 0px);
104
+ }
105
+ }
106
+
107
+ @keyframes Group-2147222135-opacity {
108
+ 0% {
109
+ opacity: 0;
110
+ }
111
+ 12.345679% {
112
+ opacity: 1;
113
+ }
114
+ 24.681481% {
115
+ opacity: 1;
116
+ }
117
+ 37.037037% {
118
+ opacity: 0;
119
+ }
120
+ 100% {
121
+ opacity: 0;
122
+ }
123
+ }
124
+
125
+ .Vector {
126
+ transform-box: fill-box;
127
+ transform-origin: 50% 50%;
128
+ animation: Vector-transform 3375ms linear infinite both;
129
+ }
130
+
131
+ @keyframes Vector-transform {
132
+ 0% {
133
+ transform: translate(0px, 0px);
134
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
135
+ }
136
+ 37.037037% {
137
+ transform: translate(0px, 0px);
138
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
139
+ }
140
+ 86.419753% {
141
+ transform: translate(37.2px, 0px);
142
+ }
143
+ 86.42963% {
144
+ transform: translate(37.2px, 0px);
145
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
146
+ }
147
+ 100% {
148
+ transform: translate(37.2px, 0px);
149
+ }
150
+ }
151
+
152
+ .Vector_2 {
153
+ transform-box: fill-box;
154
+ transform-origin: 50% 50%;
155
+ animation: Vector_2-transform 3375ms linear infinite both;
156
+ }
157
+
158
+ @keyframes Vector_2-transform {
159
+ 0% {
160
+ transform: translate(0px, 0px);
161
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
162
+ }
163
+ 37.037037% {
164
+ transform: translate(0px, 0px);
165
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
166
+ }
167
+ 86.42963% {
168
+ transform: translate(-37.2px, 0px);
169
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
170
+ }
171
+ 100% {
172
+ transform: translate(-37.2px, 0px);
173
+ }
174
+ }
175
+
176
+ .node-2 {
177
+ transform-box: fill-box;
178
+ transform-origin: 50% 50%;
179
+ animation: node-2-transform 3375ms linear infinite both;
180
+ }
181
+
182
+ .node-2-shape {
183
+ animation:
184
+ node-2-width 3375ms linear infinite both,
185
+ node-2-height 3375ms linear infinite both;
186
+ }
187
+
188
+ @keyframes node-2-transform {
189
+ 0% {
190
+ transform: translate(0px, 0px);
191
+ animation-timing-function: cubic-bezier(0.799202, 0, 0.200798, 1);
192
+ }
193
+ 37.037037% {
194
+ transform: translate(0px, -10.6px);
195
+ animation-timing-function: cubic-bezier(0.799202, 0, 0.200798, 1);
196
+ }
197
+ 86.42963% {
198
+ transform: translate(37.3px, -10.6px);
199
+ animation-timing-function: cubic-bezier(0.799202, 0, 0.200798, 1);
200
+ }
201
+ 100% {
202
+ transform: translate(37.3px, -10.6px);
203
+ }
204
+ }
205
+
206
+ @keyframes node-2-width {
207
+ 0% {
208
+ width: 147px;
209
+ animation-timing-function: cubic-bezier(0.799202, 0, 0.200798, 1);
210
+ }
211
+ 37.037037% {
212
+ width: 147px;
213
+ animation-timing-function: cubic-bezier(0.799202, 0, 0.200798, 1);
214
+ }
215
+ 86.42963% {
216
+ width: 72.6px;
217
+ animation-timing-function: cubic-bezier(0.799202, 0, 0.200798, 1);
218
+ }
219
+ 100% {
220
+ width: 72.6px;
221
+ }
222
+ }
223
+
224
+ @keyframes node-2-height {
225
+ 0% {
226
+ height: 60.0044px;
227
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
228
+ }
229
+ 37.037037% {
230
+ height: 80.9px;
231
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
232
+ }
233
+ 86.419753% {
234
+ height: 80.9px;
235
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
236
+ }
237
+ 86.42963% {
238
+ height: 81.2px;
239
+ }
240
+ 100% {
241
+ height: 81.2px;
242
+ }
243
+ }
244
+
245
+ .rect-msbreia1-12 {
246
+ animation: rect-msbreia1-12-opacity 3375ms linear infinite both;
247
+ }
248
+
249
+ .rect-msbreia1-12-shape {
250
+ animation:
251
+ rect-msbreia1-12-width 3375ms linear infinite both,
252
+ rect-msbreia1-12-height 3375ms linear infinite both;
253
+ }
254
+
255
+ @keyframes rect-msbreia1-12-opacity {
256
+ 0% {
257
+ opacity: 1;
258
+ }
259
+ 28.395062% {
260
+ opacity: 1;
261
+ }
262
+ 37.037037% {
263
+ opacity: 0;
264
+ }
265
+ 100% {
266
+ opacity: 0;
267
+ }
268
+ }
269
+
270
+ @keyframes rect-msbreia1-12-width {
271
+ 0% {
272
+ width: 147px;
273
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
274
+ }
275
+ 100% {
276
+ width: 147px;
277
+ }
278
+ }
279
+
280
+ @keyframes rect-msbreia1-12-height {
281
+ 0% {
282
+ height: 81px;
283
+ }
284
+ 100% {
285
+ height: 81px;
286
+ }
287
+ }
288
+ </style>
289
+ </head>
290
+ <body>
291
+ <svg xmlns="http://www.w3.org/2000/svg" width="236" height="127" viewBox="0 0 236 127" fill="none">
292
+ <defs>
293
+ <linearGradient id="paint0_linear_4408_18860" x1="76.168" y1="28.0035" x2="-100.144" y2="92.0086" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#D5DFFF" /><stop offset="0.85" stop-color="#B8C4FF" /></linearGradient>
294
+ <linearGradient id="paint1_linear_4408_18860" x1="118.26" y1="36.5594" x2="118.26" y2="29.3594" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#002294" stop-opacity="0" /><stop offset="0.644231" stop-color="#002294" /></linearGradient>
295
+ <linearGradient id="paint2_linear_4408_18860" x1="118.26" y1="91.1594" x2="118.26" y2="98.3594" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#002294" stop-opacity="0" /><stop offset="0.644231" stop-color="#002294" /></linearGradient>
296
+ <linearGradient id="paint3_linear_4408_18860" x1="180.44" y1="19.03" x2="134.59" y2="99.895" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
297
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter0_f_4408_18860" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
298
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
299
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
300
+ <feGaussianBlur stdDeviation="9.17343" result="effect1_foregroundBlur_4408_18860"/>
301
+ </filter>
302
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_4408_18860" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
303
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
304
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
305
+ <feGaussianBlur stdDeviation="3.72612" result="effect1_foregroundBlur_4408_18860"/>
306
+ </filter>
307
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_4408_18860">
308
+ <rect x="44.5" y="23.3359" width="147" height="81.0415" rx="6" fill="white"/>
309
+ </clipPath>
310
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_4408_18860">
311
+ <rect x="108.5" y="67.0938" width="19" height="7" rx="3.5" fill="white"/>
312
+ </clipPath>
313
+ <mask id="am-node-2" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="236" height="127"><g class="node-2"> <rect class="node-2-shape" x="44.5" y="33.5" width="147" height="60.0044" rx="6" fill="var(--color-4)" /></g></mask>
314
+ </defs>
315
+ <g fill="none">
316
+ <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-3)" />
317
+ <g class="rect-msbreia1-12">
318
+ <rect class="rect-msbreia1-12-shape" x="44.5" y="22.8" width="100" height="97" rx="6" ry="6" fill="var(--color-5)" stroke="var(--color-6)" stroke-width="0" opacity="0.25" />
319
+ </g>
320
+ <g fill="none">
321
+ <g class="Vector_2">
322
+ <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)" />
323
+ </g>
324
+ <g class="Vector">
325
+ <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)" />
326
+ </g>
327
+ </g>
328
+ <g mask="url(#am-node-2)">
329
+ <g fill="none">
330
+ <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(0px, -0.5px)" fill="none">
331
+ <g class="Frame-2147240025" fill="none">
332
+ <g fill="none" clip-path="url(#clip0_4408_18860)">
333
+ <rect style="transform-box: fill-box; transform-origin: 50% 50%; transform: scale(1.67, 1.67)" x="44.5" y="23.3359" width="147" height="81.0415" rx="6" fill="var(--color-1)" />
334
+ <g fill="none" filter="url(#filter0_f_4408_18860)">
335
+ <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(#paint0_linear_4408_18860)" />
336
+ </g>
337
+ </g>
338
+ </g>
339
+ <g fill="none">
340
+ <g fill="none">
341
+ <rect x="93.1328" y="53.625" width="49.7295" height="1.5" rx="0.75" fill="var(--color-1)" />
342
+ <rect x="104.438" y="59.5" width="27.1252" height="1.5" rx="0.75" fill="var(--color-1)" />
343
+ </g>
344
+ <g fill="none">
345
+ <g fill="none" clip-path="url(#clip1_4408_18860)">
346
+ <rect x="108.5" y="67.0938" width="19" height="7" rx="3.5" fill="var(--color-1)" />
347
+ <g fill="none" filter="url(#filter1_f_4408_18860)">
348
+ <path d="M108.5 13.5859H192.329V74.2371H108.5V13.5859Z" fill="url(#paint3_linear_4408_18860)" />
349
+ </g>
350
+ </g>
351
+ </g>
352
+ </g>
353
+ </g>
354
+ <g fill="none">
355
+ <g class="Group-2147222135" fill="none">
356
+ <path d="M118 90.3594L118 98.3594" fill="none" stroke="url(#paint2_linear_4408_18860)" />
357
+ <path d="M115 95.3594L118 98.8594L121 95.3594" fill="none" stroke="var(--color-1)" stroke-linejoin="round" />
358
+ </g>
359
+ <g class="Group-2147221957" fill="none">
360
+ <path d="M118 37.3594L118 29.3594" fill="none" stroke="url(#paint1_linear_4408_18860)" />
361
+ <path d="M115 32.3594L118 28.8594L121 32.3594" fill="none" stroke="var(--color-1)" stroke-linejoin="round" />
362
+ </g>
363
+ </g>
364
+ </g>
365
+ </g>
366
+ </g>
367
+ <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(44.497555px, 23.002202px)" />
368
+ </svg>
369
+ </body>
370
+ </html>