@wix/design-system-illustrations 2.37.10 → 2.38.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/ResponsiveBehaviorElementsAutoHeight.js +88 -0
- package/dist/cjs/animated/animated.global.css +397 -0
- package/dist/cjs/animated/index.js +3 -0
- package/dist/esm/animated/ResponsiveBehaviorElementsAutoHeight.js +44 -0
- package/dist/esm/animated/animated.global.css +397 -0
- package/dist/esm/animated/index.js +2 -0
- package/dist/types/animated/ResponsiveBehaviorElementsAutoHeight.d.ts +7 -0
- package/dist/types/animated/index.d.ts +2 -0
- package/package.json +3 -3
- package/src/animated/ResponsiveBehaviorElementsAutoHeight.html +494 -0
|
@@ -0,0 +1,494 @@
|
|
|
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
|
+
}
|
|
18
|
+
|
|
19
|
+
.Illustration-Background-Shape {
|
|
20
|
+
transform-box: fill-box;
|
|
21
|
+
transform-origin: 50% 50%;
|
|
22
|
+
animation: Illustration-Background-Shape-transform 3333ms linear infinite both;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@keyframes Illustration-Background-Shape-transform {
|
|
26
|
+
0% {
|
|
27
|
+
transform: translate(0px, 0px);
|
|
28
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
29
|
+
}
|
|
30
|
+
50.005001% {
|
|
31
|
+
transform: translate(37px, 9px);
|
|
32
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
33
|
+
}
|
|
34
|
+
100% {
|
|
35
|
+
transform: translate(0.000001px, 0px);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.Rectangle-1000002724 {
|
|
40
|
+
transform-box: fill-box;
|
|
41
|
+
transform-origin: 50% 50%;
|
|
42
|
+
animation: Rectangle-1000002724-transform 3333ms linear infinite both;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.Rectangle-1000002724-shape {
|
|
46
|
+
animation: Rectangle-1000002724-width 3333ms linear infinite both;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
@keyframes Rectangle-1000002724-transform {
|
|
50
|
+
0% {
|
|
51
|
+
transform: translate(-26.5px, 0px);
|
|
52
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
53
|
+
}
|
|
54
|
+
50.005001% {
|
|
55
|
+
transform: translate(0px, 0px);
|
|
56
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
57
|
+
}
|
|
58
|
+
100% {
|
|
59
|
+
transform: translate(-26.499999px, 0px);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
@keyframes Rectangle-1000002724-width {
|
|
64
|
+
0% {
|
|
65
|
+
width: 98px;
|
|
66
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
67
|
+
}
|
|
68
|
+
50.005001% {
|
|
69
|
+
width: 45px;
|
|
70
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
71
|
+
}
|
|
72
|
+
100% {
|
|
73
|
+
width: 97.999999px;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.Rectangle-1000002727 {
|
|
78
|
+
transform-box: fill-box;
|
|
79
|
+
transform-origin: 50% 50%;
|
|
80
|
+
animation: Rectangle-1000002727-transform 3333ms linear infinite both;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.Rectangle-1000002727-shape {
|
|
84
|
+
animation: Rectangle-1000002727-width 3333ms linear infinite both;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
@keyframes Rectangle-1000002727-transform {
|
|
88
|
+
0% {
|
|
89
|
+
transform: translate(-7.69445px, 0px);
|
|
90
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
91
|
+
}
|
|
92
|
+
50.005001% {
|
|
93
|
+
transform: translate(0px, 0px);
|
|
94
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
95
|
+
}
|
|
96
|
+
100% {
|
|
97
|
+
transform: translate(-7.69445px, 0px);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
@keyframes Rectangle-1000002727-width {
|
|
102
|
+
0% {
|
|
103
|
+
width: 60.3889px;
|
|
104
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
105
|
+
}
|
|
106
|
+
50.005001% {
|
|
107
|
+
width: 45px;
|
|
108
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
109
|
+
}
|
|
110
|
+
100% {
|
|
111
|
+
width: 60.3889px;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.Rectangle-1000002727-2 {
|
|
116
|
+
transform-box: fill-box;
|
|
117
|
+
transform-origin: 50% 50%;
|
|
118
|
+
animation:
|
|
119
|
+
Rectangle-1000002727-2-transform 3333ms linear infinite both,
|
|
120
|
+
Rectangle-1000002727-2-opacity 3333ms linear infinite both;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.Rectangle-1000002727-2-shape {
|
|
124
|
+
animation: Rectangle-1000002727-2-width 3333ms linear infinite both;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
@keyframes Rectangle-1000002727-2-transform {
|
|
128
|
+
0% {
|
|
129
|
+
transform: translate(22.505px, 7.5px);
|
|
130
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
131
|
+
}
|
|
132
|
+
50.005001% {
|
|
133
|
+
transform: translate(0px, 7.5px);
|
|
134
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
135
|
+
}
|
|
136
|
+
100% {
|
|
137
|
+
transform: translate(22.505px, 7.5px);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
@keyframes Rectangle-1000002727-2-opacity {
|
|
142
|
+
0% {
|
|
143
|
+
opacity: 0;
|
|
144
|
+
animation-timing-function: steps(1, jump-end);
|
|
145
|
+
}
|
|
146
|
+
24.992499% {
|
|
147
|
+
opacity: 1;
|
|
148
|
+
animation-timing-function: steps(1, jump-end);
|
|
149
|
+
}
|
|
150
|
+
77.49775% {
|
|
151
|
+
opacity: 0;
|
|
152
|
+
animation-timing-function: steps(1, jump-end);
|
|
153
|
+
}
|
|
154
|
+
100% {
|
|
155
|
+
opacity: 0;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
@keyframes Rectangle-1000002727-2-width {
|
|
160
|
+
0% {
|
|
161
|
+
width: 0px;
|
|
162
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
163
|
+
}
|
|
164
|
+
50.005001% {
|
|
165
|
+
width: 45px;
|
|
166
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
167
|
+
}
|
|
168
|
+
100% {
|
|
169
|
+
width: 0.000001px;
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.Rectangle-1000002727-2-2 {
|
|
174
|
+
transform-box: fill-box;
|
|
175
|
+
transform-origin: 50% 50%;
|
|
176
|
+
animation:
|
|
177
|
+
Rectangle-1000002727-2-2-transform 3333ms linear infinite both,
|
|
178
|
+
Rectangle-1000002727-2-2-opacity 3333ms linear infinite both;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.Rectangle-1000002727-2-2-shape {
|
|
182
|
+
animation: Rectangle-1000002727-2-2-width 3333ms linear infinite both;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
@keyframes Rectangle-1000002727-2-2-transform {
|
|
186
|
+
0% {
|
|
187
|
+
transform: translate(22.505px, 15px);
|
|
188
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
189
|
+
}
|
|
190
|
+
50.005001% {
|
|
191
|
+
transform: translate(5.1px, 15px);
|
|
192
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
193
|
+
}
|
|
194
|
+
100% {
|
|
195
|
+
transform: translate(22.505px, 15px);
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
@keyframes Rectangle-1000002727-2-2-opacity {
|
|
200
|
+
0% {
|
|
201
|
+
opacity: 0;
|
|
202
|
+
animation-timing-function: steps(1, jump-end);
|
|
203
|
+
}
|
|
204
|
+
26.252625% {
|
|
205
|
+
opacity: 1;
|
|
206
|
+
animation-timing-function: steps(1, jump-end);
|
|
207
|
+
}
|
|
208
|
+
75.007501% {
|
|
209
|
+
opacity: 0;
|
|
210
|
+
animation-timing-function: steps(1, jump-end);
|
|
211
|
+
}
|
|
212
|
+
100% {
|
|
213
|
+
opacity: 0;
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
@keyframes Rectangle-1000002727-2-2-width {
|
|
218
|
+
0% {
|
|
219
|
+
width: 0px;
|
|
220
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
221
|
+
}
|
|
222
|
+
50.005001% {
|
|
223
|
+
width: 34.938px;
|
|
224
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
225
|
+
}
|
|
226
|
+
100% {
|
|
227
|
+
width: 0.000001px;
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.Vector {
|
|
232
|
+
transform-box: fill-box;
|
|
233
|
+
transform-origin: 50% 50%;
|
|
234
|
+
animation: Vector-transform 3333ms linear infinite both;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
@keyframes Vector-transform {
|
|
238
|
+
0% {
|
|
239
|
+
transform: translate(0px, 0px);
|
|
240
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
241
|
+
}
|
|
242
|
+
50.005001% {
|
|
243
|
+
transform: translate(37px, 0px);
|
|
244
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
245
|
+
}
|
|
246
|
+
100% {
|
|
247
|
+
transform: translate(0.000001px, 0px);
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
.Vector_2 {
|
|
252
|
+
transform-box: fill-box;
|
|
253
|
+
transform-origin: 50% 50%;
|
|
254
|
+
animation: Vector_2-transform 3333ms linear infinite both;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
@keyframes Vector_2-transform {
|
|
258
|
+
0% {
|
|
259
|
+
transform: translate(0px, 0px);
|
|
260
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
261
|
+
}
|
|
262
|
+
50.005001% {
|
|
263
|
+
transform: translate(-37px, 0px);
|
|
264
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
265
|
+
}
|
|
266
|
+
100% {
|
|
267
|
+
transform: translate(-0.000001px, 0px);
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
.node-3 {
|
|
272
|
+
transform-box: fill-box;
|
|
273
|
+
transform-origin: 50% 50%;
|
|
274
|
+
animation: node-3-transform 3333ms linear infinite both;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
.node-3-shape {
|
|
278
|
+
animation: node-3-width 3333ms linear infinite both;
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
@keyframes node-3-transform {
|
|
282
|
+
0% {
|
|
283
|
+
transform: translate(0px, 0px);
|
|
284
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
285
|
+
}
|
|
286
|
+
50.005001% {
|
|
287
|
+
transform: translate(37px, 0px);
|
|
288
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
289
|
+
}
|
|
290
|
+
100% {
|
|
291
|
+
transform: translate(0.000001px, 0px);
|
|
292
|
+
}
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
@keyframes node-3-width {
|
|
296
|
+
0% {
|
|
297
|
+
width: 147px;
|
|
298
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
299
|
+
}
|
|
300
|
+
50.015002% {
|
|
301
|
+
width: 73px;
|
|
302
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
303
|
+
}
|
|
304
|
+
100% {
|
|
305
|
+
width: 147px;
|
|
306
|
+
}
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
.node-6-shape {
|
|
310
|
+
animation: node-6-height 3333ms linear infinite both;
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
@keyframes node-6-height {
|
|
314
|
+
0% {
|
|
315
|
+
height: 56px;
|
|
316
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
317
|
+
}
|
|
318
|
+
50.005001% {
|
|
319
|
+
height: 71px;
|
|
320
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
321
|
+
}
|
|
322
|
+
100% {
|
|
323
|
+
height: 56px;
|
|
324
|
+
}
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
.node-7-3 {
|
|
328
|
+
transform-box: fill-box;
|
|
329
|
+
transform-origin: 73.5px 0px;
|
|
330
|
+
animation: node-7-3-transform 3333ms linear infinite both;
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
.node-7-3-shape {
|
|
334
|
+
animation:
|
|
335
|
+
node-7-3-width 3333ms linear infinite both,
|
|
336
|
+
node-7-3-height 3333ms linear infinite both;
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
@keyframes node-7-3-transform {
|
|
340
|
+
0% {
|
|
341
|
+
transform: translate(0px, -12.5px);
|
|
342
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
343
|
+
}
|
|
344
|
+
50.015002% {
|
|
345
|
+
transform: translate(37px, -12.5px);
|
|
346
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
347
|
+
}
|
|
348
|
+
100% {
|
|
349
|
+
transform: translate(0px, -12.5px);
|
|
350
|
+
}
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
@keyframes node-7-3-width {
|
|
354
|
+
0% {
|
|
355
|
+
width: 147px;
|
|
356
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
357
|
+
}
|
|
358
|
+
50.015002% {
|
|
359
|
+
width: 73px;
|
|
360
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
361
|
+
}
|
|
362
|
+
100% {
|
|
363
|
+
width: 147px;
|
|
364
|
+
}
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
@keyframes node-7-3-height {
|
|
368
|
+
0% {
|
|
369
|
+
height: 56px;
|
|
370
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
371
|
+
}
|
|
372
|
+
50.005001% {
|
|
373
|
+
height: 71px;
|
|
374
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
375
|
+
}
|
|
376
|
+
100% {
|
|
377
|
+
height: 56px;
|
|
378
|
+
}
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
.node-8 {
|
|
382
|
+
transform-box: fill-box;
|
|
383
|
+
transform-origin: 50% 50%;
|
|
384
|
+
animation: node-8-transform 3333ms linear infinite both;
|
|
385
|
+
}
|
|
386
|
+
|
|
387
|
+
@keyframes node-8-transform {
|
|
388
|
+
0% {
|
|
389
|
+
transform: translate(0px, 0px);
|
|
390
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
391
|
+
}
|
|
392
|
+
50.005001% {
|
|
393
|
+
transform: translate(0px, 15px);
|
|
394
|
+
animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
|
|
395
|
+
}
|
|
396
|
+
100% {
|
|
397
|
+
transform: translate(0px, 0px);
|
|
398
|
+
}
|
|
399
|
+
}
|
|
400
|
+
</style>
|
|
401
|
+
</head>
|
|
402
|
+
<body>
|
|
403
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="236" height="127" viewBox="0 0 236 127">
|
|
404
|
+
<defs>
|
|
405
|
+
<linearGradient id="paint0_linear_4538_18970" 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>
|
|
406
|
+
<linearGradient id="paint1_linear_4538_18970" x1="180.327" y1="11.1745" x2="134.477" y2="92.0395" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
|
|
407
|
+
<filter xmlns="http://www.w3.org/2000/svg" id="filter0_f_4538_18970" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
|
|
408
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
409
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
410
|
+
<feGaussianBlur stdDeviation="9.17343" result="effect1_foregroundBlur_4538_18970"/>
|
|
411
|
+
</filter>
|
|
412
|
+
<filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_4538_18970" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
|
|
413
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
414
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
415
|
+
<feGaussianBlur stdDeviation="3.72612" result="effect1_foregroundBlur_4538_18970"/>
|
|
416
|
+
</filter>
|
|
417
|
+
<clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_4538_18970">
|
|
418
|
+
<rect x="44.5" y="23" width="147" height="81" rx="6" fill="white"/>
|
|
419
|
+
</clipPath>
|
|
420
|
+
<clipPath xmlns="http://www.w3.org/2000/svg" id="clip2_4538_18970">
|
|
421
|
+
<rect x="108.25" y="56" width="19" height="7" rx="3.5" fill="white"/>
|
|
422
|
+
</clipPath>
|
|
423
|
+
<mask id="am-node-7-3" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="236" height="127"><g class="node-7-3"> <rect class="node-7-3-shape" x="44.6865" y="35.5002" width="147" height="71" rx="6" ry="6" fill="var(--color-4)" /></g></mask>
|
|
424
|
+
</defs>
|
|
425
|
+
<g>
|
|
426
|
+
<g fill="none">
|
|
427
|
+
<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)" />
|
|
428
|
+
<g fill="none">
|
|
429
|
+
<g fill="none" clip-path="url(#clip0_4538_18970)">
|
|
430
|
+
<g class="node-3">
|
|
431
|
+
<rect class="node-3-shape" x="44.5" y="23" width="147" height="81" rx="6" fill="var(--color-4)" fill-opacity="0.25" />
|
|
432
|
+
</g>
|
|
433
|
+
<g fill="none">
|
|
434
|
+
<g fill="none" />
|
|
435
|
+
</g>
|
|
436
|
+
</g>
|
|
437
|
+
</g>
|
|
438
|
+
<g fill="none">
|
|
439
|
+
<g fill="none">
|
|
440
|
+
<g class="Vector">
|
|
441
|
+
<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)" />
|
|
442
|
+
</g>
|
|
443
|
+
<g class="Vector_2">
|
|
444
|
+
<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)" />
|
|
445
|
+
</g>
|
|
446
|
+
</g>
|
|
447
|
+
<g mask="url(#am-node-7-3)">
|
|
448
|
+
<g fill="none">
|
|
449
|
+
<g fill="none" opacity="0.5">
|
|
450
|
+
<rect x="44.5" y="30.7051" width="147" height="45.6057" rx="6" fill="var(--color-4)" />
|
|
451
|
+
</g>
|
|
452
|
+
<g fill="none">
|
|
453
|
+
<g fill="none">
|
|
454
|
+
<g>
|
|
455
|
+
<rect class="node-6-shape" x="44" y="23" width="147" height="56" rx="6" fill="var(--color-1)" />
|
|
456
|
+
</g>
|
|
457
|
+
<g class="Illustration-Background-Shape" fill="none" filter="url(#filter0_f_4538_18970)">
|
|
458
|
+
<path d="M 356.484 85.0215 L 356.484004 -3.7344 L 44.501004 -3.734414 L 44.501 85.021486 Z" fill="url(#paint0_linear_4538_18970)" />
|
|
459
|
+
</g>
|
|
460
|
+
</g>
|
|
461
|
+
</g>
|
|
462
|
+
<g fill="none">
|
|
463
|
+
<g fill="none">
|
|
464
|
+
<g class="Rectangle-1000002724">
|
|
465
|
+
<rect class="Rectangle-1000002724-shape" x="95.25" y="39" width="45" height="1.5" rx="0.75" fill="var(--color-1)" />
|
|
466
|
+
</g>
|
|
467
|
+
<g class="Rectangle-1000002727">
|
|
468
|
+
<rect class="Rectangle-1000002727-shape" x="95.24915" y="46.5" width="45" height="1.5" rx="0.75" fill="var(--color-1)" />
|
|
469
|
+
</g>
|
|
470
|
+
<g class="Rectangle-1000002727-2">
|
|
471
|
+
<rect class="Rectangle-1000002727-2-shape" x="95.24915" y="46.5" width="45" height="1.5" rx="0.75" fill="var(--color-1)" />
|
|
472
|
+
</g>
|
|
473
|
+
<g class="Rectangle-1000002727-2-2">
|
|
474
|
+
<rect class="Rectangle-1000002727-2-2-shape" x="95.24915" y="46.5" width="45" height="1.5" rx="0.75" fill="var(--color-1)" />
|
|
475
|
+
</g>
|
|
476
|
+
</g>
|
|
477
|
+
<g fill="none">
|
|
478
|
+
<g class="node-8" fill="none" clip-path="url(#clip2_4538_18970)">
|
|
479
|
+
<rect x="108.25" y="56" width="19" height="7" rx="3.5" fill="var(--color-1)" />
|
|
480
|
+
<g fill="none" filter="url(#filter1_f_4538_18970)">
|
|
481
|
+
<path d="M108.387 5.73047H192.216V66.3816H108.387V5.73047Z" fill="url(#paint1_linear_4538_18970)" />
|
|
482
|
+
</g>
|
|
483
|
+
</g>
|
|
484
|
+
</g>
|
|
485
|
+
</g>
|
|
486
|
+
</g>
|
|
487
|
+
</g>
|
|
488
|
+
</g>
|
|
489
|
+
</g>
|
|
490
|
+
</g>
|
|
491
|
+
<image style="transform-box: fill-box; transform-origin: 50% 50%; transform: scale(0.5, 0.5)" display="none" href="assets/image.png" x="-118" y="-63.5" width="472" height="254" preserveAspectRatio="xMidYMid meet" />
|
|
492
|
+
</svg>
|
|
493
|
+
</body>
|
|
494
|
+
</html>
|