-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcss-animations.html
450 lines (442 loc) · 87.9 KB
/
css-animations.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="author" content="Francesca Paris">
<meta name="description" content="UI / UX design portfolio showcasing mobile concept apps and resposive web apps">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Encode+Sans+Semi+Condensed:wght@100;200;500&family=Roboto:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Francesca Paris | CSS animations</title>
</head>
<body>
<header>
<div class="container container-sm">
<div class="row-nm">
<div class="col-6 col-md-6 col-lg-6">
<div>
<a href="index.html"><img src="img/logo-desktop.svg" alt="Francesca Paris" class="logo"></a>
</div>
</div>
<div class="col-6 col-md-6 col-lg-6">
<div class="navtoggle" id="myNavtoggle">
<nav>
<ul>
<li><a href="index.html">Work</a></li>
<li><a href="about.html">About me</a></li>
<li><a href="contact-me.html">Contact</a></li>
<li class="icon"><a href="javascript:void(0);" class="icon" onclick="menuToggle()"><svg width="26" height="40" viewBox="0 0 26 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1H25" stroke="black" stroke-width="2" stroke-linecap="round" />
<path d="M1 11H25" stroke="black" stroke-width="2" stroke-linecap="round" />
<path d="M1 21H25" stroke="black" stroke-width="2" stroke-linecap="round" />
</svg></a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
<main id="container-sm-m">
<div id="css-aniimations" class="container">
<!-- intro section -->
<div class="pb-20 row">
<div class="col-12">
<h2>Simple animations</h2>
<p>CSS nowadays allows people to animate svg images. It is a precious tool that can bring images to life and aid the user experience. Here are some simple animations I have created using the illustrations from the Undraw website.</p>
</div>
</div>
<div class="row-nm pb-20">
<div class="col-md-6 col-lg-7 space-vertical">
<svg width="715" height="688" viewBox="0 0 715 688" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-p">
<g id="undraw_ideation_re_8i2h1" clip-path="url(#clip0)">
<rect width="715" height="688" fill="white" />
<g id="circle-top" class="circle-top">
<path id="Ellipse68" d="M244.5 191C284.541 191 317 158.541 317 118.5C317 78.4594 284.541 46 244.5 46C204.459 46 172 78.4594 172 118.5C172 158.541 204.459 191 244.5 191Z" fill="#6C63FF" />
<path
d="M262.5 200C242.722 200 223.388 194.135 206.943 183.147C190.498 172.159 177.681 156.541 170.112 138.268C162.543 119.996 160.563 99.8891 164.422 80.491C168.28 61.0929 177.804 43.2746 191.789 29.2894C205.775 15.3041 223.593 5.78004 242.991 1.92152C262.389 -1.93701 282.496 0.0433283 300.768 7.61209C319.041 15.1809 334.659 27.9981 345.647 44.443C356.635 60.8879 362.5 80.2219 362.5 100C362.5 126.522 351.964 151.957 333.211 170.711C314.457 189.464 289.022 200 262.5 200V200ZM262.5 2.00005C243.117 2.00005 224.17 7.74764 208.054 18.516C191.938 29.2844 179.377 44.5899 171.96 62.4971C164.542 80.4042 162.602 100.109 166.383 119.119C170.164 138.129 179.498 155.591 193.204 169.297C206.909 183.002 224.371 192.336 243.381 196.117C262.391 199.898 282.096 197.958 300.003 190.54C317.91 183.123 333.216 170.562 343.984 154.446C354.752 138.33 360.5 119.383 360.5 100C360.5 74.0088 350.175 49.0821 331.796 30.7036C313.418 12.325 288.491 2.00005 262.5 2.00005V2.00005Z"
fill="#3F3D56" />
</g>
<path id="deco-circle"
d="M309.75 239.556C309.75 237.183 310.454 234.863 311.772 232.889C313.091 230.916 314.965 229.378 317.158 228.469C319.35 227.561 321.763 227.324 324.091 227.787C326.419 228.25 328.557 229.392 330.235 231.071C331.914 232.749 333.056 234.887 333.519 237.215C333.982 239.543 333.745 241.955 332.837 244.148C331.928 246.341 330.39 248.215 328.417 249.534C326.443 250.852 324.123 251.556 321.75 251.556C318.567 251.556 315.515 250.292 313.265 248.041C311.014 245.791 309.75 242.739 309.75 239.556ZM311.75 239.556C311.75 241.534 312.336 243.467 313.435 245.112C314.534 246.756 316.096 248.038 317.923 248.795C319.75 249.552 321.761 249.75 323.701 249.364C325.641 248.978 327.423 248.026 328.821 246.627C330.22 245.229 331.172 243.447 331.558 241.507C331.944 239.567 331.746 237.556 330.989 235.729C330.232 233.902 328.95 232.34 327.306 231.241C325.661 230.142 323.728 229.556 321.75 229.556C319.098 229.556 316.554 230.61 314.679 232.485C312.804 234.36 311.75 236.904 311.75 239.556V239.556Z"
fill="#CCCCCC" />
<path id="deco-square-b" d="M206.436 448.293L188.772 429.355L207.71 411.691L225.374 430.629L206.436 448.293ZM191.588 429.453L206.534 445.477L222.558 430.531L207.612 414.507L191.588 429.453Z" fill="#CCCCCC" />
<path id="deco-square" d="M60.55 178.887L46.174 163.474L61.591 149.1L75.9669 164.513L60.55 178.887ZM48.465 163.554L60.634 176.6L73.676 164.435L61.511 151.393L48.465 163.554Z" fill="#CCCCCC" />
<path id="link1" d="M194.697 190.134L183 213L184.803 213.866L196.5 191L194.697 190.134Z" fill="#3F3D56" />
<path id="link2" d="M217.452 317.741L216.5 319.5L289.048 357.759L290 356L217.452 317.741Z" fill="#3F3D56" />
<g id="main-square" class="main-square">
<path d="M163.5 263H50.5V376H163.5V263Z" fill="#E6E6E6" />
<path id="Rectangle" d="M195.5 377H49.5V231H195.5V377ZM51.5 375H193.5V233H51.5V375Z" fill="#3F3D56" />
</g>
<g id="triangle" class="triangle">
<path d="M316.611 354.662L343.556 401.331L370.5 448H262.723L289.667 401.331L316.611 354.662Z" fill="#6C63FF" />
<path d="M412.01 449H260.991L336.5 318.214L412.01 449ZM264.455 447H408.545L336.5 322.214L264.455 447Z" fill="#3F3D56" />
</g>
<path id="ground" d="M715 686H0V688H715V686Z" fill="#E6E6E6" />
<path id="stem"
d="M114.976 687.45C114.712 687.019 108.491 676.632 106.335 655.062C104.357 635.273 105.629 601.918 122.927 555.39C155.699 467.246 115.375 396.126 114.963 395.418L116.952 394.264C117.052 394.444 127.462 412.576 133.608 441.45C141.73 479.73 138.772 519.532 125.082 556.192C92.366 644.186 116.689 685.841 116.938 686.252L114.976 687.45Z"
fill="#3F3D56" />
<g id="grass" class="grass">
<path
d="M206.302 623.631C211.39 625.42 216.853 625.868 222.165 624.932C227.477 623.996 232.458 621.709 236.629 618.289C247.251 609.373 250.582 594.689 253.291 581.089L261.306 540.861L244.526 552.415C232.458 560.724 220.119 569.3 211.764 581.335C203.409 593.37 199.764 609.8 206.475 622.823"
fill="#E6E6E6" />
<path
d="M208.893 675.135C206.781 659.748 204.608 644.162 206.093 628.61C207.409 614.798 211.623 601.31 220.202 590.246C224.756 584.385 230.297 579.364 236.576 575.408C238.213 574.375 239.72 576.969 238.09 577.998C227.225 584.864 218.821 595.004 214.09 606.954C208.865 620.243 208.026 634.73 208.926 648.847C209.47 657.384 210.626 665.865 211.787 674.336C211.879 674.719 211.821 675.123 211.627 675.465C211.432 675.808 211.115 676.063 210.739 676.181C210.355 676.284 209.947 676.232 209.601 676.036C209.256 675.84 209.002 675.515 208.894 675.133L208.893 675.135Z"
fill="#F2F2F2" />
<path
d="M348.694 653.941C351.164 656.859 354.345 659.092 357.929 660.424C361.513 661.756 365.379 662.143 369.156 661.547C378.849 659.903 386.156 652.115 392.685 644.769L412.01 623.041L397.61 624.091C387.251 624.846 376.63 625.666 367.21 630.031C357.79 634.396 349.664 643.131 349.101 653.507"
fill="#E6E6E6" />
<path
d="M332.11 684.241C335.51 676.066 338.931 667.777 344.143 660.558C348.771 654.146 354.732 648.728 362.143 645.758C366.071 644.189 370.243 643.318 374.471 643.183C375.571 643.147 375.571 644.857 374.471 644.893C367.15 645.137 360.096 647.7 354.325 652.212C347.925 657.24 343.337 664.121 339.71 671.321C337.517 675.675 335.639 680.178 333.77 684.678C333.705 684.893 333.56 685.075 333.366 685.187C333.171 685.299 332.942 685.334 332.723 685.283C332.505 685.223 332.319 685.08 332.205 684.884C332.092 684.688 332.061 684.455 332.118 684.236L332.11 684.241Z"
fill="#F2F2F2" />
<path
d="M224.095 650.445C226.277 653.762 229.277 656.462 232.805 658.284C236.333 660.105 240.271 660.987 244.239 660.845C254.439 660.361 262.939 653.245 270.59 646.487L293.225 626.502L278.245 625.785C267.472 625.269 256.421 624.785 246.16 628.111C235.899 631.437 226.436 639.429 224.56 650.05"
fill="#E6E6E6" />
<path
d="M202.923 683.98C213.091 665.989 224.884 645.994 245.958 639.603C251.817 637.832 257.961 637.198 264.058 637.734C265.98 637.9 265.5 640.862 263.582 640.697C253.361 639.848 243.16 642.547 234.696 648.339C226.551 653.883 220.209 661.591 214.842 669.764C211.554 674.771 208.609 679.99 205.664 685.202C204.723 686.868 201.971 685.665 202.923 683.98Z"
fill="#F2F2F2" />
<path
d="M23.483 652.114C27.1653 653.408 31.1189 653.733 34.9629 653.055C38.8068 652.378 42.4117 650.723 45.43 648.248C53.117 641.796 55.53 631.167 57.488 621.324L63.288 592.212L51.145 600.574C42.412 606.587 33.483 612.793 27.436 621.503C21.389 630.213 18.75 642.103 23.608 651.527"
fill="#E6E6E6" />
<path
d="M24.521 687.36C23.292 678.407 22.028 669.34 22.89 660.291C23.656 652.255 26.107 644.406 31.099 637.97C33.7485 634.56 36.9725 631.639 40.626 629.337C41.579 628.737 42.455 630.246 41.507 630.844C35.1857 634.839 30.2964 640.738 27.544 647.691C24.504 655.423 24.016 663.852 24.544 672.065C24.861 677.032 25.532 681.965 26.209 686.895C26.2635 687.118 26.2307 687.353 26.1173 687.553C26.0039 687.753 25.8185 687.901 25.599 687.969C25.3757 688.029 25.1377 687.999 24.9366 687.885C24.7355 687.771 24.5876 687.582 24.525 687.359L24.521 687.36Z"
fill="#F2F2F2" />
<path d="M122.613 687.002C122.613 687.002 109.86 655.611 148.118 632.068L122.613 687.002Z" fill="#E6E6E6" />
<path d="M106.929 686.431C106.929 686.431 103.039 664.057 72.929 664.249L106.929 686.431Z" fill="#E6E6E6" />
</g>
<g id="round-leaves">
<path id="leaf1" d="M149.297 445.425C157.551 445.425 164.242 438.734 164.242 430.48C164.242 422.226 157.551 415.535 149.297 415.535C141.043 415.535 134.352 422.226 134.352 430.48C134.352 438.734 141.043 445.425 149.297 445.425Z"
fill="#6C63FF" />
<path id="leaf4" d="M105.61 561.539C113.864 561.539 120.555 554.848 120.555 546.594C120.555 538.34 113.864 531.649 105.61 531.649C97.3561 531.649 90.665 538.34 90.665 546.594C90.665 554.848 97.3561 561.539 105.61 561.539Z"
fill="#6C63FF" />
<path id="leaf3"
d="M141.75 504.364C141.75 501.991 142.454 499.671 143.772 497.697C145.091 495.724 146.965 494.186 149.158 493.277C151.351 492.369 153.763 492.132 156.091 492.595C158.419 493.058 160.557 494.201 162.235 495.879C163.914 497.557 165.056 499.695 165.519 502.023C165.982 504.351 165.745 506.763 164.837 508.956C163.928 511.149 162.39 513.023 160.417 514.342C158.443 515.66 156.123 516.364 153.75 516.364C150.567 516.364 147.515 515.1 145.265 512.849C143.014 510.599 141.75 507.547 141.75 504.364V504.364ZM143.75 504.364C143.75 506.342 144.336 508.275 145.435 509.92C146.534 511.564 148.096 512.846 149.923 513.603C151.75 514.36 153.761 514.558 155.701 514.172C157.641 513.786 159.423 512.834 160.821 511.435C162.22 510.037 163.172 508.255 163.558 506.315C163.944 504.375 163.746 502.364 162.989 500.537C162.232 498.71 160.95 497.148 159.306 496.049C157.661 494.951 155.728 494.364 153.75 494.364C151.098 494.364 148.554 495.418 146.679 497.293C144.804 499.168 143.75 501.712 143.75 504.364Z"
fill="#CCCCCC" />
<path id="leaf2"
d="M105.61 467.324C105.61 464.951 106.314 462.631 107.632 460.657C108.951 458.684 110.825 457.146 113.018 456.237C115.211 455.329 117.623 455.092 119.951 455.555C122.279 456.018 124.417 457.16 126.095 458.839C127.774 460.517 128.916 462.655 129.379 464.983C129.842 467.311 129.605 469.724 128.697 471.916C127.788 474.109 126.25 475.983 124.277 477.302C122.303 478.62 119.983 479.324 117.61 479.324C114.427 479.324 111.375 478.06 109.125 475.809C106.874 473.559 105.61 470.507 105.61 467.324V467.324ZM107.61 467.324C107.61 469.302 108.196 471.235 109.295 472.88C110.394 474.524 111.956 475.806 113.783 476.563C115.61 477.32 117.621 477.518 119.561 477.132C121.501 476.746 123.283 475.794 124.681 474.395C126.08 472.997 127.032 471.215 127.418 469.275C127.804 467.335 127.606 465.324 126.849 463.497C126.092 461.67 124.81 460.108 123.166 459.009C121.521 457.91 119.588 457.324 117.61 457.324C114.958 457.324 112.414 458.378 110.539 460.253C108.664 462.128 107.61 464.672 107.61 467.324Z"
fill="#CCCCCC" />
</g>
<g id="girl-ideation">
<path
d="M637.914 438.617C636.422 439.689 634.71 440.417 632.903 440.749C631.096 441.082 629.237 441.01 627.461 440.539V440.539C624.273 439.691 621.552 437.612 619.898 434.758C618.243 431.905 617.789 428.51 618.637 425.322C618.68 425.16 618.726 424.999 618.776 424.839C618.96 424.256 619.189 423.687 619.46 423.139L595.008 313.357C594.634 312.104 594.51 310.79 594.644 309.489C594.777 308.188 595.166 306.926 595.787 305.775C596.409 304.625 597.251 303.608 598.265 302.783C599.28 301.957 600.447 301.34 601.7 300.966C602.953 300.591 604.267 300.468 605.568 300.601C606.869 300.735 608.131 301.124 609.281 301.745C610.432 302.366 611.449 303.208 612.274 304.223C613.099 305.237 613.717 306.404 614.091 307.657C614.111 307.726 614.131 307.794 614.15 307.863L637.232 417.975C638.966 419.054 640.408 420.543 641.429 422.312C642.45 424.08 643.02 426.073 643.088 428.114C643.155 430.155 642.718 432.181 641.816 434.014C640.914 435.846 639.574 437.427 637.915 438.618L637.914 438.617Z"
fill="#9F616A" />
<path d="M670.386 674.144H657.124L650.814 622.989H670.388L670.386 674.144Z" fill="#A0616A" />
<path d="M673.768 687H631.005V686.459C631.005 682.045 632.759 677.812 635.88 674.691C639.001 671.569 643.234 669.816 647.648 669.815H673.768V687Z" fill="#2F2E41" />
<path d="M537.425 673.726L524.807 669.643L534.547 619.03L553.171 625.055L537.425 673.726Z" fill="#A0616A" />
<path d="M536.687 687.001L496.003 673.839L496.169 673.324C497.528 669.124 500.499 665.636 504.43 663.627C508.36 661.618 512.928 661.252 517.128 662.61V662.61L541.978 670.649L536.687 687.001Z" fill="#2F2E41" />
<path d="M596.923 283.732C609.28 283.732 619.298 273.714 619.298 261.357C619.298 249 609.28 238.982 596.923 238.982C584.566 238.982 574.548 249 574.548 261.357C574.548 273.714 584.566 283.732 596.923 283.732Z" fill="#9F616A" />
<path
d="M627.001 348.336C630.112 336.779 615.864 300.536 614.701 295.936C609.146 294.654 596.275 297.112 588.362 295.483C577.112 304.883 568.162 318.311 561.979 324.683C555.548 331.308 551.402 335.799 558.047 351.305C566.102 370.1 564.312 389.789 564.312 389.789L569.682 437.223C569.682 437.223 547.307 499.872 549.097 541.937L528.511 644.858C528.511 644.858 534.776 655.598 547.306 650.228C547.306 650.228 576.841 597.428 574.156 558.939L606.376 487.339C606.376 487.339 628.751 555.358 635.016 561.623L651.126 658.282C651.126 658.282 666.341 662.757 673.501 658.282C673.501 658.282 676.186 565.203 660.971 549.988C660.971 549.988 645.756 485.549 649.336 468.544C652.916 451.539 653.811 425.585 626.961 402.315C626.961 402.315 627.231 402.438 618.906 387.1L627.001 348.336Z"
fill="#2F2E41" />
<path
d="M608.595 226.773C607.34 226.776 606.089 226.9 604.858 227.145C602.634 226.066 600.195 225.504 597.723 225.501H597.075C584.589 225.501 574.468 236.801 574.468 250.736H578.652L579.328 245.593L580.318 250.736H583.803C582.719 254.863 582.175 259.112 582.184 263.379V289.065H588.509L592.171 279.548L591.255 289.065H631.913L635.242 280.413L634.41 289.065H638.988V268.896C638.987 245.632 625.38 226.773 608.595 226.773Z"
fill="#2F2E41" />
<path
d="M561.943 451.33C560.126 451.603 558.271 451.469 556.511 450.94C554.751 450.411 553.13 449.499 551.765 448.269C550.552 447.175 549.566 445.853 548.864 444.378C548.162 442.903 547.758 441.305 547.673 439.674C547.589 438.042 547.827 436.411 548.373 434.871C548.92 433.332 549.764 431.915 550.858 430.702C550.971 430.577 551.087 430.453 551.206 430.332C551.637 429.897 552.1 429.496 552.592 429.132L580.943 320.296C581.181 319.01 581.67 317.784 582.382 316.687C583.094 315.59 584.015 314.644 585.093 313.903C586.171 313.163 587.384 312.641 588.663 312.369C589.942 312.097 591.262 312.08 592.548 312.318C593.834 312.556 595.06 313.045 596.157 313.757C597.254 314.469 598.199 315.39 598.94 316.468C599.681 317.545 600.203 318.758 600.475 320.037C600.747 321.316 600.764 322.637 600.526 323.922C600.512 323.997 600.498 324.072 600.482 324.146L570.755 432.652C571.805 434.403 572.408 436.386 572.51 438.425C572.611 440.465 572.209 442.498 571.337 444.344C570.466 446.191 569.153 447.795 567.515 449.013C565.876 450.232 563.962 451.027 561.943 451.33V451.33Z"
fill="#9F616A" />
</g>
</g>
<defs>
<clipPath id="clip0">
<rect width="715" height="688" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<div class="col-md-6 col-lg-5 middle">
<p>This animation uses the rotation, translation and skewing CSS properties.</p>
<p> The movement is subtle so it can bring the page to life without distracting the user.</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-7 space-vertical">
<svg width="629" height="480" viewBox="0 0 629 480" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-p">
<g id="undraw_composition_re_4o4o1">
<g id="Group1">
<g id="circle">
<path id="Vector" d="M114.065 227.136C114.87 228.823 115.718 230.517 116.588 232.17L117.414 231.735C116.55 230.093 115.707 228.411 114.908 226.735L114.065 227.136Z" fill="#CCCCCC" />
<path id="Vector_2" d="M119.31 237.1C120.248 238.718 121.231 240.339 122.232 241.917L123.021 241.418C122.027 239.85 121.053 238.24 120.118 236.633L119.31 237.1Z" fill="#CCCCCC" />
<path id="Vector_3" d="M109.641 216.792C110.304 218.532 111.013 220.288 111.748 222.008L112.608 221.641C111.877 219.933 111.173 218.189 110.515 216.46L109.641 216.792Z" fill="#CCCCCC" />
<path id="Vector_4" d="M125.348 246.61C126.412 248.148 127.523 249.685 128.649 251.18L129.394 250.618C128.277 249.133 127.174 247.606 126.116 246.079L125.348 246.61Z" fill="#CCCCCC" />
<path id="Vector_5" d="M223.528 27.8712L223.641 28.7983V28.8038C225.486 28.5772 227.362 28.3873 229.219 28.2355L229.141 27.3013C227.275 27.4531 225.386 27.6446 223.528 27.8712Z" fill="#CCCCCC" />
<path id="Vector_6" d="M101.573 172.72L100.638 172.758C100.715 174.63 100.829 176.522 100.98 178.39L101.912 178.315C101.762 176.461 101.651 174.579 101.573 172.72Z" fill="#CCCCCC" />
<path id="Vector_7" d="M106.059 206.092C106.581 207.89 107.147 209.702 107.742 211.478L108.629 211.181C108.038 209.417 107.476 207.617 106.957 205.832L106.059 206.092Z" fill="#CCCCCC" />
<path id="Vector_8" d="M101.456 166.964C101.456 165.151 101.491 163.318 101.56 161.515L100.626 161.479C100.556 163.294 100.521 165.139 100.521 166.962V167.118H101.455L101.456 166.964Z" fill="#CCCCCC" />
<path id="Vector_9" d="M101.549 184.004C101.775 185.866 102.041 187.745 102.341 189.589L103.263 189.44C102.965 187.608 102.7 185.742 102.476 183.892L101.549 184.004Z" fill="#CCCCCC" />
<path id="Vector_10" d="M101.889 155.919C102.035 154.061 102.22 152.185 102.435 150.342L101.507 150.231C101.286 152.086 101.1 153.977 100.953 155.845L101.887 155.919L101.889 155.919Z" fill="#CCCCCC" />
<path id="Vector_11" d="M132.129 255.619C133.312 257.063 134.542 258.511 135.787 259.912L136.485 259.292C135.248 257.898 134.025 256.463 132.852 255.028L132.129 255.619Z" fill="#CCCCCC" />
<path id="Vector_12" d="M207.193 303.069C209.008 303.512 210.86 303.927 212.699 304.299L212.884 303.384C211.058 303.017 209.218 302.603 207.415 302.161L207.193 303.069Z" fill="#CCCCCC" />
<path id="Vector_13" d="M201.442 32.3979L201.703 33.2947C203.487 32.7739 205.308 32.2866 207.116 31.839L206.892 30.9321C205.072 31.3859 203.239 31.8755 201.442 32.3979Z" fill="#CCCCCC" />
<path id="Vector_14" d="M212.394 29.6896L212.581 30.6043L212.581 30.6051C214.401 30.2322 216.254 29.8936 218.092 29.5915L217.942 28.6699C216.092 28.9719 214.225 29.3144 212.394 29.6896Z" fill="#CCCCCC" />
<path id="Vector_15" d="M218.25 305.309C220.095 305.601 221.974 305.864 223.837 306.087L223.947 305.165C222.098 304.942 220.23 304.681 218.398 304.387L218.25 305.309Z" fill="#CCCCCC" />
<path id="Vector_16" d="M196.352 299.942C198.126 300.532 199.939 301.095 201.74 301.615L201.999 300.718C200.21 300.202 198.409 299.643 196.647 299.056L196.352 299.942Z" fill="#CCCCCC" />
<path id="Vector_17" d="M147.748 271.869C149.15 273.114 150.597 274.343 152.047 275.528L152.641 274.802C151.201 273.625 149.764 272.402 148.371 271.168L147.748 271.869Z" fill="#CCCCCC" />
<path id="Vector_18" d="M156.493 279.011C157.987 280.134 159.529 281.247 161.073 282.314L161.604 281.546C160.07 280.485 158.539 279.381 157.055 278.265L156.493 279.011Z" fill="#CCCCCC" />
<path id="Vector_19" d="M140.285 263.405L139.611 264.052C140.911 265.404 142.254 266.746 143.601 268.04L144.248 267.366C142.91 266.081 141.576 264.748 140.285 263.405Z" fill="#CCCCCC" />
<path id="Vector_20" d="M185.774 295.934C187.503 296.67 189.269 297.38 191.021 298.044L191.356 297.173C189.611 296.515 187.857 295.81 186.14 295.078L185.774 295.934Z" fill="#CCCCCC" />
<path id="Vector_21" d="M175.56 291.085C177.218 291.957 178.919 292.807 180.616 293.613L181.016 292.768C179.331 291.971 177.642 291.124 175.995 290.258L175.56 291.085Z" fill="#CCCCCC" />
<path id="Vector_22" d="M165.783 285.431C167.361 286.431 168.988 287.415 170.615 288.357L171.083 287.549C169.466 286.613 167.851 285.635 166.283 284.642L165.783 285.431Z" fill="#CCCCCC" />
<path id="Vector_23" d="M103.358 195.139C103.732 196.972 104.149 198.823 104.598 200.642L105.504 200.419C105.059 198.611 104.645 196.773 104.273 194.952L103.358 195.139Z" fill="#CCCCCC" />
<path id="Vector_24" d="M161.466 52.4789C162.995 51.4187 164.565 50.3779 166.13 49.3838L165.629 48.5952C164.054 49.5932 162.474 50.6418 160.934 51.709L161.466 52.4766V52.4789Z" fill="#CCCCCC" />
<path id="Vector_25" d="M103.213 144.793C103.509 142.956 103.842 141.101 104.21 139.278L103.295 139.094C102.924 140.928 102.586 142.796 102.29 144.646L103.213 144.794L103.213 144.793Z" fill="#CCCCCC" />
<path id="Vector_26" d="M140.183 70.6216L139.509 69.9747C138.212 71.3269 136.926 72.7235 135.685 74.1247L136.385 74.7467C137.615 73.3512 138.895 71.965 140.183 70.6216Z" fill="#CCCCCC" />
<path id="Vector_27" d="M144.145 66.6595L144.144 66.6585L144.145 66.6595Z" fill="#CCCCCC" />
<path id="Vector_28" d="M175.807 43.7681L175.371 42.9421C173.713 43.8124 172.059 44.7326 170.443 45.6667L170.91 46.4747C172.515 45.546 174.161 44.6345 175.807 43.7681Z" fill="#CCCCCC" />
<path id="Vector_29" d="M148.262 62.8573L147.639 62.1567C146.239 63.4007 144.845 64.689 143.497 65.9859L144.144 66.6585C145.483 65.3702 146.868 64.0896 148.262 62.8573Z" fill="#CCCCCC" />
<path id="Vector_30" d="M379.721 149.769C379.496 147.914 379.226 146.035 378.924 144.183L378.002 144.334C378.303 146.173 378.569 148.039 378.794 149.882L379.721 149.769Z" fill="#CCCCCC" />
<path id="Vector_31" d="M379.707 161.051L380.643 161.01C380.565 159.143 380.452 157.247 380.296 155.379L379.361 155.457C379.514 157.314 379.629 159.196 379.707 161.051Z" fill="#CCCCCC" />
<path id="Vector_32" d="M196.353 34.9699L196.057 34.084C194.28 34.6803 192.493 35.3202 190.745 35.9866L191.078 36.8592C192.815 36.1991 194.589 35.5616 196.353 34.9699Z" fill="#CCCCCC" />
<path id="Vector_33" d="M180.803 41.2567C182.476 40.4588 184.189 39.6835 185.896 38.9525L185.529 38.0962C183.81 38.8326 182.085 39.6126 180.401 40.416L180.803 41.259L180.803 41.2567Z" fill="#CCCCCC" />
<path id="Vector_34" d="M152.522 59.2188C153.961 58.0402 155.442 56.8756 156.924 55.7601L156.362 55.0143C154.87 56.1392 153.379 57.3108 151.929 58.4979L152.522 59.2203V59.2188Z" fill="#CCCCCC" />
<path id="Vector_35" d="M112.509 112.53L112.502 112.527L112.501 112.529L112.509 112.53Z" fill="#CCCCCC" />
<path id="Vector_36" d="M114.814 107.408L113.97 107.008C113.166 108.703 112.386 110.438 111.652 112.164L112.502 112.527C113.233 110.814 114.007 109.091 114.814 107.408Z" fill="#CCCCCC" />
<path id="Vector_37" d="M105.43 133.807C105.871 132.001 106.356 130.179 106.87 128.397L105.972 128.139C105.456 129.935 104.967 131.769 104.522 133.588L105.43 133.81V133.807Z" fill="#CCCCCC" />
<path id="Vector_38" d="M110.411 117.742L109.537 117.412C108.872 119.171 108.236 120.964 107.645 122.743L108.531 123.038C109.117 121.271 109.75 119.49 110.411 117.742Z" fill="#CCCCCC" />
<path id="Vector_39" d="M117.319 102.381L117.315 102.379L117.313 102.384L117.319 102.381Z" fill="#CCCCCC" />
<path id="Vector_40" d="M136.386 74.7476L136.385 74.7466L136.384 74.7476H136.386Z" fill="#CCCCCC" />
<path id="Vector_41" d="M132.759 79.0181L132.035 78.4272C130.852 79.8775 129.68 81.3729 128.554 82.8714L129.299 83.4308C130.417 81.9433 131.579 80.4589 132.759 79.0181Z" fill="#CCCCCC" />
<path id="Vector_42" d="M120.024 97.4644L119.216 96.9973C118.281 98.6227 117.362 100.288 116.491 101.947L117.315 102.379C118.179 100.73 119.09 99.0799 120.024 97.4644Z" fill="#CCCCCC" />
<path id="Vector_43" d="M129.301 83.4328L129.299 83.4311L129.297 83.4336L129.301 83.4328Z" fill="#CCCCCC" />
<path id="Vector_44" d="M126.022 87.9828L125.254 87.4518C124.19 88.9932 123.142 90.5789 122.14 92.1631L122.927 92.6611C123.922 91.0885 124.961 89.515 126.022 87.9828Z" fill="#CCCCCC" />
<path id="Vector_45" d="M122.93 92.663L122.927 92.6613L122.924 92.6655L122.93 92.663Z" fill="#CCCCCC" />
<path id="Vector_46" d="M352.552 82.6161L351.807 83.1789C352.927 84.6611 354.031 86.1877 355.091 87.7142L355.858 87.1825C354.791 85.6451 353.679 84.1084 352.552 82.6161Z" fill="#CCCCCC" />
<path id="Vector_47" d="M355.184 246.064L355.953 246.595V246.599C357.021 245.054 358.07 243.47 359.072 241.887L358.283 241.387C357.286 242.955 356.245 244.529 355.184 246.064Z" fill="#CCCCCC" />
<path id="Vector_48" d="M358.977 91.8759L358.19 92.3772C359.185 93.9427 360.163 95.551 361.097 97.1592L361.905 96.6898C360.964 95.0675 359.979 93.4514 358.977 91.8759Z" fill="#CCCCCC" />
<path id="Vector_49" d="M364.635 101.619L363.809 102.055C364.676 103.696 365.521 105.377 366.32 107.052L367.163 106.65C366.358 104.966 365.507 103.272 364.635 101.619Z" fill="#CCCCCC" />
<path id="Vector_50" d="M361.189 236.592L361.997 237.059H362C362.942 235.432 363.865 233.771 364.728 232.114L363.901 231.679C363.037 233.323 362.122 234.976 361.189 236.592Z" fill="#CCCCCC" />
<path id="Vector_51" d="M345.402 73.8974L344.701 74.5201C345.937 75.9097 347.161 77.3428 348.339 78.7806L349.061 78.1867C347.878 76.7387 346.648 75.2986 345.402 73.8974Z" fill="#CCCCCC" />
<path id="Vector_52" d="M351.901 250.615C350.784 252.098 349.619 253.583 348.439 255.026L349.162 255.617V255.614C350.35 254.164 351.523 252.671 352.648 251.177L351.901 250.615Z" fill="#CCCCCC" />
<path id="Vector_53" d="M337.028 267.369C335.687 268.656 334.301 269.935 332.909 271.168L333.53 271.866C334.931 270.625 336.325 269.338 337.674 268.043L337.028 267.369Z" fill="#CCCCCC" />
<path id="Vector_54" d="M337.573 65.775L336.926 66.4499C338.269 67.7351 339.604 69.0662 340.897 70.4075L341.568 69.7591C340.267 68.4085 338.922 67.0688 337.573 65.775Z" fill="#CCCCCC" />
<path id="Vector_55" d="M366.418 226.658L367.262 227.059V227.059C368.068 225.364 368.847 223.631 369.582 221.904L368.726 221.538C367.994 223.254 367.217 224.975 366.418 226.658Z" fill="#CCCCCC" />
<path id="Vector_56" d="M340.995 263.408L341.669 264.056L341.67 264.058C342.966 262.71 344.253 261.314 345.499 259.913L344.798 259.29C343.564 260.683 342.283 262.069 340.995 263.408Z" fill="#CCCCCC" />
<path id="Vector_57" d="M377.966 194.986L377.963 194.985V194.986H377.966Z" fill="#CCCCCC" />
<path id="Vector_58" d="M333.532 271.869L333.53 271.866L333.528 271.867L333.532 271.869Z" fill="#CCCCCC" />
<path id="Vector_59" d="M378.052 189.287C377.755 191.126 377.419 192.981 377.049 194.8L377.963 194.986C378.336 193.154 378.676 191.287 378.975 189.436L378.052 189.287Z" fill="#CCCCCC" />
<path id="Vector_60" d="M379.39 178.16C379.242 180.011 379.055 181.887 378.833 183.736L379.76 183.847C379.984 181.985 380.172 180.097 380.324 178.234L379.39 178.16Z" fill="#CCCCCC" />
<path id="Vector_61" d="M379.83 166.65V166.961C379.83 168.819 379.793 170.705 379.719 172.566L380.654 172.603H380.655C380.729 170.729 380.767 168.832 380.764 166.957V166.65H379.83Z" fill="#CCCCCC" />
<path id="Vector_62" d="M376.655 133.135L375.749 133.36C376.195 135.161 376.611 137 376.987 138.825L377.901 138.637C377.524 136.8 377.105 134.949 376.655 133.135Z" fill="#CCCCCC" />
<path id="Vector_63" d="M370.826 216.328L371.699 216.659V216.658C372.366 214.899 373.005 213.106 373.598 211.331L372.712 211.035C372.123 212.8 371.488 214.581 370.826 216.328Z" fill="#CCCCCC" />
<path id="Vector_64" d="M369.477 111.776L368.62 112.144C369.352 113.844 370.058 115.587 370.722 117.324L371.589 116.992C370.922 115.241 370.211 113.489 369.477 111.776Z" fill="#CCCCCC" />
<path id="Vector_65" d="M373.5 122.304L372.614 122.601C373.207 124.368 373.77 126.164 374.291 127.949L375.187 127.688C374.667 125.891 374.096 124.08 373.5 122.304Z" fill="#CCCCCC" />
<path id="Vector_66" d="M375.824 200.268C375.379 202.079 374.892 203.9 374.377 205.682L375.275 205.941V205.941C375.793 204.147 376.283 202.313 376.731 200.491L375.824 200.268Z" fill="#CCCCCC" />
<path id="Vector_67" d="M234.81 27.8899V27.8945C236.665 27.8182 238.551 27.7778 240.413 27.7692V26.8351C238.537 26.8382 236.64 26.8779 234.772 26.9557L234.81 27.8899Z" fill="#CCCCCC" />
<path id="Vector_68" d="M257.189 28.7438C259.036 28.9618 260.903 29.2218 262.74 29.5145L262.886 28.5943C261.035 28.297 259.158 28.0362 257.299 27.8159L257.189 28.7438Z" fill="#CCCCCC" />
<path id="Vector_69" d="M279.139 33.167C280.927 33.68 282.728 34.2374 284.493 34.8228L284.786 33.9361C283.01 33.3468 281.197 32.7863 279.397 32.2694L279.139 33.167Z" fill="#CCCCCC" />
<path id="Vector_70" d="M274.026 302.124L274.25 303.03V303.029C276.07 302.581 277.904 302.09 279.7 301.572L279.44 300.674C277.656 301.189 275.835 301.678 274.026 302.124Z" fill="#CCCCCC" />
<path id="Vector_71" d="M257.494 305.139C255.647 305.362 253.771 305.55 251.917 305.698L251.995 306.63C253.861 306.48 255.748 306.291 257.606 306.066L257.494 305.139Z" fill="#CCCCCC" />
<path id="Vector_72" d="M268.255 30.5125C270.082 30.8799 271.922 31.2894 273.726 31.7292L273.948 30.8215C272.132 30.3747 270.279 29.966 268.44 29.5962L268.255 30.5125Z" fill="#CCCCCC" />
<path id="Vector_73" d="M263.045 304.358L263.195 305.28V305.278C265.039 304.981 266.906 304.64 268.745 304.266L268.558 303.351C266.732 303.722 264.877 304.062 263.045 304.358Z" fill="#CCCCCC" />
<path id="Vector_74" d="M229.451 306.644C231.32 306.792 233.214 306.903 235.082 306.976L235.118 306.04C233.261 305.968 231.382 305.857 229.524 305.71L229.451 306.644Z" fill="#CCCCCC" />
<path id="Vector_75" d="M329.12 58.3002L328.53 59.0242C329.97 60.1981 331.408 61.4195 332.804 62.6534L333.423 61.9535C332.017 60.7135 330.57 59.4819 329.12 58.3002Z" fill="#CCCCCC" />
<path id="Vector_76" d="M251.996 306.633V306.63H251.992L251.996 306.633Z" fill="#CCCCCC" />
<path id="Vector_77" d="M246.017 27.872C247.875 27.9428 249.76 28.0518 251.611 28.1958L251.685 27.264C249.82 27.1184 247.925 27.0087 246.052 26.9378L246.017 27.872Z" fill="#CCCCCC" />
<path id="Vector_78" d="M240.722 306.151V307.085C242.592 307.084 244.49 307.046 246.365 306.972L246.327 306.038C244.465 306.112 242.58 306.151 240.722 306.151Z" fill="#CCCCCC" />
<path id="Vector_79" d="M315.034 284.625L315.534 285.415L315.537 285.417C317.113 284.416 318.694 283.369 320.236 282.303L319.705 281.535C318.17 282.594 316.599 283.634 315.034 284.625Z" fill="#CCCCCC" />
<path id="Vector_80" d="M284.789 299.004L285.085 299.89V299.889C286.861 299.297 288.648 298.659 290.4 297.993L290.067 297.12C288.328 297.781 286.553 298.415 284.789 299.004Z" fill="#CCCCCC" />
<path id="Vector_81" d="M328.65 274.803C327.206 275.983 325.721 277.145 324.242 278.259L324.804 279.005C326.294 277.884 327.787 276.713 329.241 275.526L328.65 274.803Z" fill="#CCCCCC" />
<path id="Vector_82" d="M310.541 45.49L310.073 46.2988C311.686 47.2283 313.302 48.2044 314.877 49.1993L315.376 48.4099C313.791 47.4081 312.164 46.4241 310.541 45.49Z" fill="#CCCCCC" />
<path id="Vector_83" d="M324.804 279.006L324.803 279.005L324.804 279.006Z" fill="#CCCCCC" />
<path id="Vector_84" d="M320.09 51.5246L319.56 52.2937C321.09 53.3485 322.622 54.4508 324.112 55.5694L324.673 54.8229C323.173 53.6964 321.631 52.5872 320.09 51.5246Z" fill="#CCCCCC" />
<path id="Vector_85" d="M290.122 35.8262L289.791 36.7005C291.536 37.3583 293.29 38.0612 295.007 38.7906L295.371 37.9281C293.643 37.1971 291.876 36.4887 290.122 35.8262Z" fill="#CCCCCC" />
<path id="Vector_86" d="M295.252 295.036L295.618 295.892V295.894C297.338 295.16 299.064 294.382 300.749 293.581L300.347 292.737C298.677 293.533 296.959 294.306 295.252 295.036Z" fill="#CCCCCC" />
<path id="Vector_87" d="M300.53 40.2455L300.131 41.0901C301.816 41.8872 303.506 42.7303 305.156 43.5944L305.59 42.7669C303.928 41.8966 302.227 41.0481 300.53 40.2455Z" fill="#CCCCCC" />
<path id="Vector_88" d="M305.346 290.229L305.781 291.055L305.784 291.056C307.44 290.184 309.099 289.268 310.711 288.333L310.244 287.525C308.639 288.453 306.992 289.363 305.346 290.229Z" fill="#CCCCCC" />
</g>
<g id="component-top" class="component-top">
<path id="Vector_89"
d="M216.553 55.2825C216.237 55.2783 215.934 55.1542 215.706 54.9353C215.478 54.7165 215.341 54.4191 215.323 54.1034L215.323 43.2362C215.337 42.906 215.482 42.5948 215.724 42.3704C215.967 42.146 216.288 42.0264 216.619 42.0377L264.686 42.0374C265.011 42.0277 265.327 42.1455 265.566 42.3657C265.805 42.5858 265.949 42.8908 265.966 43.2153L265.966 54.0833C265.951 54.4118 265.808 54.7213 265.567 54.9453C265.327 55.1694 265.008 55.29 264.679 55.2814H216.603C216.586 55.2822 216.569 55.2825 216.553 55.2825ZM216.58 43.1371C216.549 43.1371 216.519 43.1493 216.496 43.171C216.473 43.1927 216.459 43.2223 216.457 43.2538L216.458 54.0811C216.465 54.1096 216.481 54.1349 216.504 54.1526C216.528 54.1703 216.557 54.1792 216.586 54.178L264.686 54.1776C264.721 54.1811 264.756 54.1709 264.783 54.149C264.81 54.1272 264.828 54.0956 264.832 54.0609L264.831 43.2363C264.824 43.208 264.807 43.183 264.784 43.1654C264.761 43.1478 264.732 43.1386 264.703 43.1393L216.586 43.1371H216.58Z"
fill="#CCCCCC" />
<path id="Vector_90"
d="M216.553 34.2642C216.237 34.26 215.934 34.1359 215.706 33.917C215.478 33.6981 215.341 33.4008 215.323 33.0851L215.323 22.2179C215.338 21.8879 215.482 21.5771 215.725 21.3528C215.967 21.1285 216.289 21.0087 216.619 21.0194L264.686 21.019C265.011 21.0099 265.326 21.128 265.565 21.348C265.804 21.568 265.948 21.8726 265.966 22.197L265.966 33.065C265.953 33.394 265.81 33.7045 265.569 33.9289C265.328 34.1532 265.008 34.2733 264.679 34.2631H216.603C216.586 34.2639 216.569 34.2642 216.553 34.2642Z"
fill="#E5E5E5" />
<path id="Vector_91"
d="M216.553 13.2459C216.237 13.2416 215.934 13.1175 215.706 12.8987C215.478 12.6798 215.341 12.3825 215.323 12.0668L215.323 1.19959C215.338 0.869742 215.483 0.559224 215.725 0.335021C215.968 0.110818 216.289 -0.00910153 216.619 0.00112202L264.686 0.000741915C265.011 -0.0078413 265.326 0.110373 265.565 0.330293C265.804 0.550213 265.947 0.854534 265.966 1.17869L265.966 12.0467C265.951 12.3751 265.808 12.6845 265.567 12.9085C265.327 13.1325 265.008 13.2532 264.679 13.2448H216.603C216.586 13.2456 216.569 13.2459 216.553 13.2459Z"
fill="#6C63FF" />
<path id="Process1"
d="M217.115 72.6602V76H215.99V67.4688H219.137C220.07 67.4688 220.801 67.707 221.328 68.1836C221.859 68.6602 222.125 69.291 222.125 70.0762C222.125 70.9043 221.865 71.543 221.346 71.9922C220.83 72.4375 220.09 72.6602 219.125 72.6602H217.115ZM217.115 71.7402H219.137C219.738 71.7402 220.199 71.5996 220.52 71.3184C220.84 71.0332 221 70.623 221 70.0879C221 69.5801 220.84 69.1738 220.52 68.8691C220.199 68.5645 219.76 68.4062 219.201 68.3945H217.115V71.7402ZM226.455 70.6328C226.291 70.6055 226.113 70.5918 225.922 70.5918C225.211 70.5918 224.729 70.8945 224.475 71.5V76H223.391V69.6602H224.445L224.463 70.3926C224.818 69.8262 225.322 69.543 225.975 69.543C226.186 69.543 226.346 69.5703 226.455 69.625V70.6328ZM227.053 72.7715C227.053 72.1504 227.174 71.5918 227.416 71.0957C227.662 70.5996 228.002 70.2168 228.436 69.9473C228.873 69.6777 229.371 69.543 229.93 69.543C230.793 69.543 231.49 69.8418 232.021 70.4395C232.557 71.0371 232.824 71.832 232.824 72.8242V72.9004C232.824 73.5176 232.705 74.0723 232.467 74.5645C232.232 75.0527 231.895 75.4336 231.453 75.707C231.016 75.9805 230.512 76.1172 229.941 76.1172C229.082 76.1172 228.385 75.8184 227.85 75.2207C227.318 74.623 227.053 73.832 227.053 72.8477V72.7715ZM228.143 72.9004C228.143 73.6035 228.305 74.168 228.629 74.5938C228.957 75.0195 229.395 75.2324 229.941 75.2324C230.492 75.2324 230.93 75.0176 231.254 74.5879C231.578 74.1543 231.74 73.5488 231.74 72.7715C231.74 72.0762 231.574 71.5137 231.242 71.084C230.914 70.6504 230.477 70.4336 229.93 70.4336C229.395 70.4336 228.963 70.6465 228.635 71.0723C228.307 71.498 228.143 72.1074 228.143 72.9004ZM236.727 75.2324C237.113 75.2324 237.451 75.1152 237.74 74.8809C238.029 74.6465 238.189 74.3535 238.221 74.002H239.246C239.227 74.3652 239.102 74.7109 238.871 75.0391C238.641 75.3672 238.332 75.6289 237.945 75.8242C237.562 76.0195 237.156 76.1172 236.727 76.1172C235.863 76.1172 235.176 75.8301 234.664 75.2559C234.156 74.6777 233.902 73.8887 233.902 72.8887V72.707C233.902 72.0898 234.016 71.541 234.242 71.0605C234.469 70.5801 234.793 70.207 235.215 69.9414C235.641 69.6758 236.143 69.543 236.721 69.543C237.432 69.543 238.021 69.7559 238.49 70.1816C238.963 70.6074 239.215 71.1602 239.246 71.8398H238.221C238.189 71.4297 238.033 71.0938 237.752 70.832C237.475 70.5664 237.131 70.4336 236.721 70.4336C236.17 70.4336 235.742 70.6328 235.438 71.0312C235.137 71.4258 234.986 71.998 234.986 72.748V72.9531C234.986 73.6836 235.137 74.2461 235.438 74.6406C235.738 75.0352 236.168 75.2324 236.727 75.2324ZM243.096 76.1172C242.236 76.1172 241.537 75.8359 240.998 75.2734C240.459 74.707 240.189 73.9512 240.189 73.0059V72.8066C240.189 72.1777 240.309 71.6172 240.547 71.125C240.789 70.6289 241.125 70.2422 241.555 69.9648C241.988 69.6836 242.457 69.543 242.961 69.543C243.785 69.543 244.426 69.8145 244.883 70.3574C245.34 70.9004 245.568 71.6777 245.568 72.6895V73.1406H241.273C241.289 73.7656 241.471 74.2715 241.818 74.6582C242.17 75.041 242.615 75.2324 243.154 75.2324C243.537 75.2324 243.861 75.1543 244.127 74.998C244.393 74.8418 244.625 74.6348 244.824 74.377L245.486 74.8926C244.955 75.709 244.158 76.1172 243.096 76.1172ZM242.961 70.4336C242.523 70.4336 242.156 70.5938 241.859 70.9141C241.562 71.2305 241.379 71.6758 241.309 72.25H244.484V72.168C244.453 71.6172 244.305 71.1914 244.039 70.8906C243.773 70.5859 243.414 70.4336 242.961 70.4336ZM250.52 74.3184C250.52 74.0254 250.408 73.7988 250.186 73.6387C249.967 73.4746 249.582 73.334 249.031 73.2168C248.484 73.0996 248.049 72.959 247.725 72.7949C247.404 72.6309 247.166 72.4355 247.01 72.209C246.857 71.9824 246.781 71.7129 246.781 71.4004C246.781 70.8809 247 70.4414 247.438 70.082C247.879 69.7227 248.441 69.543 249.125 69.543C249.844 69.543 250.426 69.7285 250.871 70.0996C251.32 70.4707 251.545 70.9453 251.545 71.5234H250.455C250.455 71.2266 250.328 70.9707 250.074 70.7559C249.824 70.541 249.508 70.4336 249.125 70.4336C248.73 70.4336 248.422 70.5195 248.199 70.6914C247.977 70.8633 247.865 71.0879 247.865 71.3652C247.865 71.627 247.969 71.8242 248.176 71.957C248.383 72.0898 248.756 72.2168 249.295 72.3379C249.838 72.459 250.277 72.6035 250.613 72.7715C250.949 72.9395 251.197 73.1426 251.357 73.3809C251.521 73.6152 251.604 73.9023 251.604 74.2422C251.604 74.8086 251.377 75.2637 250.924 75.6074C250.471 75.9473 249.883 76.1172 249.16 76.1172C248.652 76.1172 248.203 76.0273 247.812 75.8477C247.422 75.668 247.115 75.418 246.893 75.0977C246.674 74.7734 246.564 74.4238 246.564 74.0488H247.648C247.668 74.4121 247.812 74.7012 248.082 74.916C248.355 75.127 248.715 75.2324 249.16 75.2324C249.57 75.2324 249.898 75.1504 250.145 74.9863C250.395 74.8184 250.52 74.5957 250.52 74.3184ZM256.707 74.3184C256.707 74.0254 256.596 73.7988 256.373 73.6387C256.154 73.4746 255.77 73.334 255.219 73.2168C254.672 73.0996 254.236 72.959 253.912 72.7949C253.592 72.6309 253.354 72.4355 253.197 72.209C253.045 71.9824 252.969 71.7129 252.969 71.4004C252.969 70.8809 253.188 70.4414 253.625 70.082C254.066 69.7227 254.629 69.543 255.312 69.543C256.031 69.543 256.613 69.7285 257.059 70.0996C257.508 70.4707 257.732 70.9453 257.732 71.5234H256.643C256.643 71.2266 256.516 70.9707 256.262 70.7559C256.012 70.541 255.695 70.4336 255.312 70.4336C254.918 70.4336 254.609 70.5195 254.387 70.6914C254.164 70.8633 254.053 71.0879 254.053 71.3652C254.053 71.627 254.156 71.8242 254.363 71.957C254.57 72.0898 254.943 72.2168 255.482 72.3379C256.025 72.459 256.465 72.6035 256.801 72.7715C257.137 72.9395 257.385 73.1426 257.545 73.3809C257.709 73.6152 257.791 73.9023 257.791 74.2422C257.791 74.8086 257.564 75.2637 257.111 75.6074C256.658 75.9473 256.07 76.1172 255.348 76.1172C254.84 76.1172 254.391 76.0273 254 75.8477C253.609 75.668 253.303 75.418 253.08 75.0977C252.861 74.7734 252.752 74.4238 252.752 74.0488H253.836C253.855 74.4121 254 74.7012 254.27 74.916C254.543 75.127 254.902 75.2324 255.348 75.2324C255.758 75.2324 256.086 75.1504 256.332 74.9863C256.582 74.8184 256.707 74.5957 256.707 74.3184ZM265.631 76H264.541V68.7754L262.355 69.5781V68.5938L265.461 67.4277H265.631V76Z"
fill="#6C63FF" />
</g>
<g id="component-left" class="component-left">
<path d="M131.661 129.597H69.3842V204.328H131.661V129.597Z" fill="#E6E6E6" />
<path d="M129.669 131.896H71.1716V202.094H129.669V131.896Z" fill="white" />
<path d="M99.4046 143.636H76.0057V146.561H99.4046V143.636Z" fill="#E6E6E6" />
<path d="M111.42 153.581H76.0057V156.506H111.42V153.581Z" fill="#6C63FF" />
<path d="M97.3331 163.525H76.0057V166.45H97.3331V163.525Z" fill="#E6E6E6" />
<path d="M120.515 173.47H76.0057V176.394H120.515V173.47Z" fill="#6C63FF" />
<path d="M120.515 183.414H76.0057V186.339H120.515V183.414Z" fill="#E6E6E6" />
<path id="Process4"
d="M8.11523 169.66V173H6.99023V164.469H10.1367C11.0703 164.469 11.8008 164.707 12.3281 165.184C12.8594 165.66 13.125 166.291 13.125 167.076C13.125 167.904 12.8652 168.543 12.3457 168.992C11.8301 169.438 11.0898 169.66 10.125 169.66H8.11523ZM8.11523 168.74H10.1367C10.7383 168.74 11.1992 168.6 11.5195 168.318C11.8398 168.033 12 167.623 12 167.088C12 166.58 11.8398 166.174 11.5195 165.869C11.1992 165.564 10.7598 165.406 10.2012 165.395H8.11523V168.74ZM17.4551 167.633C17.291 167.605 17.1133 167.592 16.9219 167.592C16.2109 167.592 15.7285 167.895 15.4746 168.5V173H14.3906V166.66H15.4453L15.4629 167.393C15.8184 166.826 16.3223 166.543 16.9746 166.543C17.1855 166.543 17.3457 166.57 17.4551 166.625V167.633ZM18.0527 169.771C18.0527 169.15 18.1738 168.592 18.416 168.096C18.6621 167.6 19.002 167.217 19.4355 166.947C19.873 166.678 20.3711 166.543 20.9297 166.543C21.793 166.543 22.4902 166.842 23.0215 167.439C23.5566 168.037 23.8242 168.832 23.8242 169.824V169.9C23.8242 170.518 23.7051 171.072 23.4668 171.564C23.2324 172.053 22.8945 172.434 22.4531 172.707C22.0156 172.98 21.5117 173.117 20.9414 173.117C20.082 173.117 19.3848 172.818 18.8496 172.221C18.3184 171.623 18.0527 170.832 18.0527 169.848V169.771ZM19.1426 169.9C19.1426 170.604 19.3047 171.168 19.6289 171.594C19.957 172.02 20.3945 172.232 20.9414 172.232C21.4922 172.232 21.9297 172.018 22.2539 171.588C22.5781 171.154 22.7402 170.549 22.7402 169.771C22.7402 169.076 22.5742 168.514 22.2422 168.084C21.9141 167.65 21.4766 167.434 20.9297 167.434C20.3945 167.434 19.9629 167.646 19.6348 168.072C19.3066 168.498 19.1426 169.107 19.1426 169.9ZM27.7266 172.232C28.1133 172.232 28.4512 172.115 28.7402 171.881C29.0293 171.646 29.1895 171.354 29.2207 171.002H30.2461C30.2266 171.365 30.1016 171.711 29.8711 172.039C29.6406 172.367 29.332 172.629 28.9453 172.824C28.5625 173.02 28.1562 173.117 27.7266 173.117C26.8633 173.117 26.1758 172.83 25.6641 172.256C25.1562 171.678 24.9023 170.889 24.9023 169.889V169.707C24.9023 169.09 25.0156 168.541 25.2422 168.061C25.4688 167.58 25.793 167.207 26.2148 166.941C26.6406 166.676 27.1426 166.543 27.7207 166.543C28.4316 166.543 29.0215 166.756 29.4902 167.182C29.9629 167.607 30.2148 168.16 30.2461 168.84H29.2207C29.1895 168.43 29.0332 168.094 28.752 167.832C28.4746 167.566 28.1309 167.434 27.7207 167.434C27.1699 167.434 26.7422 167.633 26.4375 168.031C26.1367 168.426 25.9863 168.998 25.9863 169.748V169.953C25.9863 170.684 26.1367 171.246 26.4375 171.641C26.7383 172.035 27.168 172.232 27.7266 172.232ZM34.0957 173.117C33.2363 173.117 32.5371 172.836 31.998 172.273C31.459 171.707 31.1895 170.951 31.1895 170.006V169.807C31.1895 169.178 31.3086 168.617 31.5469 168.125C31.7891 167.629 32.125 167.242 32.5547 166.965C32.9883 166.684 33.457 166.543 33.9609 166.543C34.7852 166.543 35.4258 166.814 35.8828 167.357C36.3398 167.9 36.5684 168.678 36.5684 169.689V170.141H32.2734C32.2891 170.766 32.4707 171.271 32.8184 171.658C33.1699 172.041 33.6152 172.232 34.1543 172.232C34.5371 172.232 34.8613 172.154 35.127 171.998C35.3926 171.842 35.625 171.635 35.8242 171.377L36.4863 171.893C35.9551 172.709 35.1582 173.117 34.0957 173.117ZM33.9609 167.434C33.5234 167.434 33.1562 167.594 32.8594 167.914C32.5625 168.23 32.3789 168.676 32.3086 169.25H35.4844V169.168C35.4531 168.617 35.3047 168.191 35.0391 167.891C34.7734 167.586 34.4141 167.434 33.9609 167.434ZM41.5195 171.318C41.5195 171.025 41.4082 170.799 41.1855 170.639C40.9668 170.475 40.582 170.334 40.0312 170.217C39.4844 170.1 39.0488 169.959 38.7246 169.795C38.4043 169.631 38.166 169.436 38.0098 169.209C37.8574 168.982 37.7812 168.713 37.7812 168.4C37.7812 167.881 38 167.441 38.4375 167.082C38.8789 166.723 39.4414 166.543 40.125 166.543C40.8438 166.543 41.4258 166.729 41.8711 167.1C42.3203 167.471 42.5449 167.945 42.5449 168.523H41.4551C41.4551 168.227 41.3281 167.971 41.0742 167.756C40.8242 167.541 40.5078 167.434 40.125 167.434C39.7305 167.434 39.4219 167.52 39.1992 167.691C38.9766 167.863 38.8652 168.088 38.8652 168.365C38.8652 168.627 38.9688 168.824 39.1758 168.957C39.3828 169.09 39.7559 169.217 40.2949 169.338C40.8379 169.459 41.2773 169.604 41.6133 169.771C41.9492 169.939 42.1973 170.143 42.3574 170.381C42.5215 170.615 42.6035 170.902 42.6035 171.242C42.6035 171.809 42.377 172.264 41.9238 172.607C41.4707 172.947 40.8828 173.117 40.1602 173.117C39.6523 173.117 39.2031 173.027 38.8125 172.848C38.4219 172.668 38.1152 172.418 37.8926 172.098C37.6738 171.773 37.5645 171.424 37.5645 171.049H38.6484C38.668 171.412 38.8125 171.701 39.082 171.916C39.3555 172.127 39.7148 172.232 40.1602 172.232C40.5703 172.232 40.8984 172.15 41.1445 171.986C41.3945 171.818 41.5195 171.596 41.5195 171.318ZM47.707 171.318C47.707 171.025 47.5957 170.799 47.373 170.639C47.1543 170.475 46.7695 170.334 46.2188 170.217C45.6719 170.1 45.2363 169.959 44.9121 169.795C44.5918 169.631 44.3535 169.436 44.1973 169.209C44.0449 168.982 43.9688 168.713 43.9688 168.4C43.9688 167.881 44.1875 167.441 44.625 167.082C45.0664 166.723 45.6289 166.543 46.3125 166.543C47.0312 166.543 47.6133 166.729 48.0586 167.1C48.5078 167.471 48.7324 167.945 48.7324 168.523H47.6426C47.6426 168.227 47.5156 167.971 47.2617 167.756C47.0117 167.541 46.6953 167.434 46.3125 167.434C45.918 167.434 45.6094 167.52 45.3867 167.691C45.1641 167.863 45.0527 168.088 45.0527 168.365C45.0527 168.627 45.1562 168.824 45.3633 168.957C45.5703 169.09 45.9434 169.217 46.4824 169.338C47.0254 169.459 47.4648 169.604 47.8008 169.771C48.1367 169.939 48.3848 170.143 48.5449 170.381C48.709 170.615 48.791 170.902 48.791 171.242C48.791 171.809 48.5645 172.264 48.1113 172.607C47.6582 172.947 47.0703 173.117 46.3477 173.117C45.8398 173.117 45.3906 173.027 45 172.848C44.6094 172.668 44.3027 172.418 44.0801 172.098C43.8613 171.773 43.752 171.424 43.752 171.049H44.8359C44.8555 171.412 45 171.701 45.2695 171.916C45.543 172.127 45.9023 172.232 46.3477 172.232C46.7578 172.232 47.0859 172.15 47.332 171.986C47.582 171.818 47.707 171.596 47.707 171.318ZM57.6445 170.135H58.8281V171.02H57.6445V173H56.5547V171.02H52.6699V170.381L56.4902 164.469H57.6445V170.135ZM53.9004 170.135H56.5547V165.951L56.4258 166.186L53.9004 170.135Z"
fill="#6C63FF" />
</g>
<g id="component-bottom" class="component-bottom">
<path
d="M195.412 280.228C195.173 280.228 194.943 280.323 194.774 280.492C194.605 280.661 194.51 280.891 194.51 281.13V333.04C194.51 333.279 194.605 333.508 194.774 333.677C194.943 333.846 195.173 333.941 195.412 333.942H298.333C298.572 333.941 298.801 333.846 298.97 333.677C299.139 333.508 299.234 333.279 299.234 333.04V281.13C299.234 280.891 299.139 280.661 298.97 280.492C298.801 280.323 298.572 280.228 298.333 280.228H195.412Z"
fill="#E6E6E6" />
<path
d="M196.854 281.67C196.615 281.67 196.386 281.765 196.217 281.934C196.048 282.103 195.953 282.332 195.953 282.571V331.599C195.953 331.838 196.048 332.067 196.217 332.236C196.386 332.405 196.615 332.5 196.854 332.5H296.89C297.129 332.5 297.358 332.405 297.527 332.236C297.697 332.067 297.792 331.838 297.792 331.599V282.571C297.792 282.332 297.697 282.103 297.527 281.934C297.358 281.765 297.129 281.67 296.89 281.67H196.854Z"
fill="white" />
<path
d="M226.865 313.213H205.596C205.262 313.213 204.941 313.08 204.704 312.843C204.468 312.607 204.335 312.286 204.334 311.951V290.682C204.335 290.348 204.468 290.027 204.704 289.791C204.941 289.554 205.262 289.421 205.596 289.42H226.865C227.2 289.421 227.52 289.554 227.757 289.791C227.993 290.027 228.127 290.348 228.127 290.682V311.951C228.127 312.286 227.993 312.607 227.757 312.843C227.52 313.08 227.2 313.213 226.865 313.213V313.213ZM205.596 289.782C205.357 289.782 205.128 289.877 204.959 290.046C204.79 290.215 204.695 290.444 204.695 290.683V311.952C204.695 312.191 204.79 312.42 204.959 312.589C205.128 312.758 205.357 312.853 205.596 312.854H226.865C227.104 312.853 227.333 312.758 227.502 312.589C227.671 312.42 227.766 312.191 227.767 311.952V290.682C227.766 290.443 227.671 290.214 227.502 290.045C227.333 289.876 227.104 289.781 226.865 289.781L205.596 289.782Z"
fill="#3F3D56" />
<path
d="M257.507 313.213H236.238C235.903 313.213 235.582 313.08 235.346 312.843C235.109 312.607 234.976 312.286 234.976 311.951V290.682C234.976 290.348 235.109 290.027 235.346 289.791C235.582 289.554 235.903 289.421 236.238 289.42H257.507C257.841 289.421 258.162 289.554 258.398 289.791C258.635 290.027 258.768 290.348 258.769 290.682V311.951C258.768 312.286 258.635 312.607 258.398 312.843C258.162 313.08 257.841 313.213 257.507 313.213V313.213ZM236.238 289.782C235.999 289.782 235.77 289.877 235.601 290.046C235.431 290.215 235.336 290.444 235.336 290.683V311.952C235.336 312.191 235.431 312.42 235.601 312.589C235.77 312.758 235.999 312.853 236.238 312.854H257.507C257.746 312.853 257.975 312.758 258.144 312.589C258.313 312.42 258.408 312.191 258.408 311.952V290.682C258.408 290.443 258.313 290.214 258.144 290.045C257.975 289.876 257.746 289.781 257.507 289.781L236.238 289.782Z"
fill="#E6E6E6" />
<path
d="M237.86 291.399C237.621 291.4 237.392 291.495 237.223 291.664C237.054 291.833 236.959 292.062 236.959 292.301V310.325C236.959 310.564 237.054 310.793 237.223 310.962C237.392 311.131 237.621 311.226 237.86 311.227H255.887C256.126 311.226 256.356 311.131 256.525 310.962C256.694 310.793 256.789 310.564 256.789 310.325V292.304C256.789 292.185 256.766 292.068 256.721 291.959C256.676 291.849 256.61 291.749 256.526 291.665C256.443 291.581 256.343 291.515 256.234 291.469C256.125 291.423 256.008 291.4 255.889 291.399H237.86Z"
fill="#E6E6E6" />
<path
d="M207.309 291.399C207.07 291.4 206.841 291.495 206.672 291.664C206.503 291.833 206.408 292.062 206.407 292.301V310.325C206.408 310.564 206.503 310.793 206.672 310.962C206.841 311.131 207.07 311.226 207.309 311.227H225.333C225.572 311.226 225.801 311.131 225.97 310.962C226.139 310.793 226.234 310.564 226.235 310.325V292.304C226.234 292.065 226.139 291.836 225.97 291.667C225.801 291.498 225.572 291.403 225.333 291.402L207.309 291.399Z"
fill="#3F3D56" />
<path
d="M268.409 291.399C268.17 291.4 267.941 291.495 267.772 291.664C267.603 291.833 267.508 292.062 267.507 292.301V310.325C267.507 310.444 267.53 310.561 267.575 310.671C267.62 310.78 267.687 310.88 267.77 310.964C267.854 311.048 267.953 311.115 268.062 311.16C268.172 311.206 268.289 311.229 268.407 311.23H286.433C286.672 311.23 286.901 311.135 287.071 310.965C287.24 310.796 287.335 310.567 287.335 310.328V292.304C287.335 292.065 287.24 291.836 287.071 291.667C286.901 291.498 286.672 291.403 286.433 291.402L268.409 291.399Z"
fill="#6C63FF" />
<path
d="M288.148 313.213H266.883C266.549 313.213 266.228 313.08 265.991 312.843C265.755 312.607 265.622 312.286 265.621 311.951V290.682C265.622 290.348 265.755 290.027 265.991 289.791C266.228 289.554 266.549 289.421 266.883 289.42H288.152C288.487 289.421 288.807 289.554 289.044 289.791C289.281 290.027 289.414 290.348 289.414 290.682V311.951C289.414 312.117 289.381 312.281 289.317 312.435C289.254 312.588 289.16 312.727 289.043 312.844C288.925 312.961 288.786 313.054 288.633 313.118C288.479 313.181 288.315 313.213 288.149 313.213H288.148ZM266.879 289.782C266.64 289.782 266.411 289.877 266.242 290.046C266.073 290.215 265.978 290.444 265.978 290.683V311.952C265.978 312.191 266.073 312.42 266.242 312.589C266.411 312.758 266.64 312.853 266.879 312.854H288.148C288.387 312.853 288.616 312.758 288.785 312.589C288.954 312.42 289.05 312.191 289.05 311.952V290.682C289.05 290.443 288.954 290.214 288.785 290.045C288.616 289.876 288.387 289.781 288.148 289.781L266.879 289.782Z"
fill="#6C63FF" />
<path opacity="0.8" d="M238.311 323.127C240.003 323.127 241.375 321.755 241.375 320.063C241.375 318.37 240.003 316.999 238.311 316.999C236.619 316.999 235.247 318.37 235.247 320.063C235.247 321.755 236.619 323.127 238.311 323.127Z"
fill="#E6E6E6" />
<path opacity="0.4" d="M255.614 323.127C257.307 323.127 258.678 321.755 258.678 320.063C258.678 318.37 257.307 316.999 255.614 316.999C253.922 316.999 252.55 318.37 252.55 320.063C252.55 321.755 253.922 323.127 255.614 323.127Z"
fill="#E6E6E6" />
<path opacity="0.6" d="M246.963 323.127C248.655 323.127 250.027 321.755 250.027 320.063C250.027 318.37 248.655 316.999 246.963 316.999C245.27 316.999 243.898 318.37 243.898 320.063C243.898 321.755 245.27 323.127 246.963 323.127Z"
fill="#E6E6E6" />
<path opacity="0.8" d="M207.668 323.127C209.361 323.127 210.732 321.755 210.732 320.063C210.732 318.37 209.361 316.999 207.668 316.999C205.976 316.999 204.604 318.37 204.604 320.063C204.604 321.755 205.976 323.127 207.668 323.127Z"
fill="#3F3D56" />
<path opacity="0.4" d="M224.972 323.127C226.664 323.127 228.036 321.755 228.036 320.063C228.036 318.37 226.664 316.999 224.972 316.999C223.28 316.999 221.908 318.37 221.908 320.063C221.908 321.755 223.28 323.127 224.972 323.127Z"
fill="#3F3D56" />
<path opacity="0.6" d="M216.32 323.127C218.012 323.127 219.384 321.755 219.384 320.063C219.384 318.37 218.012 316.999 216.32 316.999C214.628 316.999 213.256 318.37 213.256 320.063C213.256 321.755 214.628 323.127 216.32 323.127Z"
fill="#3F3D56" />
<path opacity="0.8" d="M268.952 323.127C270.645 323.127 272.016 321.755 272.016 320.063C272.016 318.37 270.645 316.999 268.952 316.999C267.26 316.999 265.888 318.37 265.888 320.063C265.888 321.755 267.26 323.127 268.952 323.127Z"
fill="#6C63FF" />
<path opacity="0.4" d="M286.256 323.127C287.948 323.127 289.32 321.755 289.32 320.063C289.32 318.37 287.948 316.999 286.256 316.999C284.564 316.999 283.192 318.37 283.192 320.063C283.192 321.755 284.564 323.127 286.256 323.127Z"
fill="#6C63FF" />
<path opacity="0.6" d="M277.604 323.127C279.296 323.127 280.668 321.755 280.668 320.063C280.668 318.37 279.296 316.999 277.604 316.999C275.912 316.999 274.54 318.37 274.54 320.063C274.54 321.755 275.912 323.127 277.604 323.127Z"
fill="#6C63FF" />
<path id="Process3"
d="M220.115 350.66V354H218.99V345.469H222.137C223.07 345.469 223.801 345.707 224.328 346.184C224.859 346.66 225.125 347.291 225.125 348.076C225.125 348.904 224.865 349.543 224.346 349.992C223.83 350.438 223.09 350.66 222.125 350.66H220.115ZM220.115 349.74H222.137C222.738 349.74 223.199 349.6 223.52 349.318C223.84 349.033 224 348.623 224 348.088C224 347.58 223.84 347.174 223.52 346.869C223.199 346.564 222.76 346.406 222.201 346.395H220.115V349.74ZM229.455 348.633C229.291 348.605 229.113 348.592 228.922 348.592C228.211 348.592 227.729 348.895 227.475 349.5V354H226.391V347.66H227.445L227.463 348.393C227.818 347.826 228.322 347.543 228.975 347.543C229.186 347.543 229.346 347.57 229.455 347.625V348.633ZM230.053 350.771C230.053 350.15 230.174 349.592 230.416 349.096C230.662 348.6 231.002 348.217 231.436 347.947C231.873 347.678 232.371 347.543 232.93 347.543C233.793 347.543 234.49 347.842 235.021 348.439C235.557 349.037 235.824 349.832 235.824 350.824V350.9C235.824 351.518 235.705 352.072 235.467 352.564C235.232 353.053 234.895 353.434 234.453 353.707C234.016 353.98 233.512 354.117 232.941 354.117C232.082 354.117 231.385 353.818 230.85 353.221C230.318 352.623 230.053 351.832 230.053 350.848V350.771ZM231.143 350.9C231.143 351.604 231.305 352.168 231.629 352.594C231.957 353.02 232.395 353.232 232.941 353.232C233.492 353.232 233.93 353.018 234.254 352.588C234.578 352.154 234.74 351.549 234.74 350.771C234.74 350.076 234.574 349.514 234.242 349.084C233.914 348.65 233.477 348.434 232.93 348.434C232.395 348.434 231.963 348.646 231.635 349.072C231.307 349.498 231.143 350.107 231.143 350.9ZM239.727 353.232C240.113 353.232 240.451 353.115 240.74 352.881C241.029 352.646 241.189 352.354 241.221 352.002H242.246C242.227 352.365 242.102 352.711 241.871 353.039C241.641 353.367 241.332 353.629 240.945 353.824C240.562 354.02 240.156 354.117 239.727 354.117C238.863 354.117 238.176 353.83 237.664 353.256C237.156 352.678 236.902 351.889 236.902 350.889V350.707C236.902 350.09 237.016 349.541 237.242 349.061C237.469 348.58 237.793 348.207 238.215 347.941C238.641 347.676 239.143 347.543 239.721 347.543C240.432 347.543 241.021 347.756 241.49 348.182C241.963 348.607 242.215 349.16 242.246 349.84H241.221C241.189 349.43 241.033 349.094 240.752 348.832C240.475 348.566 240.131 348.434 239.721 348.434C239.17 348.434 238.742 348.633 238.438 349.031C238.137 349.426 237.986 349.998 237.986 350.748V350.953C237.986 351.684 238.137 352.246 238.438 352.641C238.738 353.035 239.168 353.232 239.727 353.232ZM246.096 354.117C245.236 354.117 244.537 353.836 243.998 353.273C243.459 352.707 243.189 351.951 243.189 351.006V350.807C243.189 350.178 243.309 349.617 243.547 349.125C243.789 348.629 244.125 348.242 244.555 347.965C244.988 347.684 245.457 347.543 245.961 347.543C246.785 347.543 247.426 347.814 247.883 348.357C248.34 348.9 248.568 349.678 248.568 350.689V351.141H244.273C244.289 351.766 244.471 352.271 244.818 352.658C245.17 353.041 245.615 353.232 246.154 353.232C246.537 353.232 246.861 353.154 247.127 352.998C247.393 352.842 247.625 352.635 247.824 352.377L248.486 352.893C247.955 353.709 247.158 354.117 246.096 354.117ZM245.961 348.434C245.523 348.434 245.156 348.594 244.859 348.914C244.562 349.23 244.379 349.676 244.309 350.25H247.484V350.168C247.453 349.617 247.305 349.191 247.039 348.891C246.773 348.586 246.414 348.434 245.961 348.434ZM253.52 352.318C253.52 352.025 253.408 351.799 253.186 351.639C252.967 351.475 252.582 351.334 252.031 351.217C251.484 351.1 251.049 350.959 250.725 350.795C250.404 350.631 250.166 350.436 250.01 350.209C249.857 349.982 249.781 349.713 249.781 349.4C249.781 348.881 250 348.441 250.438 348.082C250.879 347.723 251.441 347.543 252.125 347.543C252.844 347.543 253.426 347.729 253.871 348.1C254.32 348.471 254.545 348.945 254.545 349.523H253.455C253.455 349.227 253.328 348.971 253.074 348.756C252.824 348.541 252.508 348.434 252.125 348.434C251.73 348.434 251.422 348.52 251.199 348.691C250.977 348.863 250.865 349.088 250.865 349.365C250.865 349.627 250.969 349.824 251.176 349.957C251.383 350.09 251.756 350.217 252.295 350.338C252.838 350.459 253.277 350.604 253.613 350.771C253.949 350.939 254.197 351.143 254.357 351.381C254.521 351.615 254.604 351.902 254.604 352.242C254.604 352.809 254.377 353.264 253.924 353.607C253.471 353.947 252.883 354.117 252.16 354.117C251.652 354.117 251.203 354.027 250.812 353.848C250.422 353.668 250.115 353.418 249.893 353.098C249.674 352.773 249.564 352.424 249.564 352.049H250.648C250.668 352.412 250.812 352.701 251.082 352.916C251.355 353.127 251.715 353.232 252.16 353.232C252.57 353.232 252.898 353.15 253.145 352.986C253.395 352.818 253.52 352.596 253.52 352.318ZM259.707 352.318C259.707 352.025 259.596 351.799 259.373 351.639C259.154 351.475 258.77 351.334 258.219 351.217C257.672 351.1 257.236 350.959 256.912 350.795C256.592 350.631 256.354 350.436 256.197 350.209C256.045 349.982 255.969 349.713 255.969 349.4C255.969 348.881 256.188 348.441 256.625 348.082C257.066 347.723 257.629 347.543 258.312 347.543C259.031 347.543 259.613 347.729 260.059 348.1C260.508 348.471 260.732 348.945 260.732 349.523H259.643C259.643 349.227 259.516 348.971 259.262 348.756C259.012 348.541 258.695 348.434 258.312 348.434C257.918 348.434 257.609 348.52 257.387 348.691C257.164 348.863 257.053 349.088 257.053 349.365C257.053 349.627 257.156 349.824 257.363 349.957C257.57 350.09 257.943 350.217 258.482 350.338C259.025 350.459 259.465 350.604 259.801 350.771C260.137 350.939 260.385 351.143 260.545 351.381C260.709 351.615 260.791 351.902 260.791 352.242C260.791 352.809 260.564 353.264 260.111 353.607C259.658 353.947 259.07 354.117 258.348 354.117C257.84 354.117 257.391 354.027 257 353.848C256.609 353.668 256.303 353.418 256.08 353.098C255.861 352.773 255.752 352.424 255.752 352.049H256.836C256.855 352.412 257 352.701 257.27 352.916C257.543 353.127 257.902 353.232 258.348 353.232C258.758 353.232 259.086 353.15 259.332 352.986C259.582 352.818 259.707 352.596 259.707 352.318ZM266.645 349.207H267.459C267.971 349.199 268.373 349.064 268.666 348.803C268.959 348.541 269.105 348.188 269.105 347.742C269.105 346.742 268.607 346.242 267.611 346.242C267.143 346.242 266.768 346.377 266.486 346.646C266.209 346.912 266.07 347.266 266.07 347.707H264.986C264.986 347.031 265.232 346.471 265.725 346.025C266.221 345.576 266.85 345.352 267.611 345.352C268.416 345.352 269.047 345.564 269.504 345.99C269.961 346.416 270.189 347.008 270.189 347.766C270.189 348.137 270.068 348.496 269.826 348.844C269.588 349.191 269.262 349.451 268.848 349.623C269.316 349.771 269.678 350.018 269.932 350.361C270.189 350.705 270.318 351.125 270.318 351.621C270.318 352.387 270.068 352.994 269.568 353.443C269.068 353.893 268.418 354.117 267.617 354.117C266.816 354.117 266.164 353.9 265.66 353.467C265.16 353.033 264.91 352.461 264.91 351.75H266C266 352.199 266.146 352.559 266.439 352.828C266.732 353.098 267.125 353.232 267.617 353.232C268.141 353.232 268.541 353.096 268.818 352.822C269.096 352.549 269.234 352.156 269.234 351.645C269.234 351.148 269.082 350.768 268.777 350.502C268.473 350.236 268.033 350.1 267.459 350.092H266.645V349.207Z"
fill="#6C63FF" />
</g>
<g id="component-add" class="component-right">
<path d="M380.767 182.532C389.365 182.532 396.336 175.561 396.336 166.963C396.336 158.364 389.365 151.393 380.767 151.393C372.168 151.393 365.197 158.364 365.197 166.963C365.197 175.561 372.168 182.532 380.767 182.532Z"
fill="#6C63FF" />
<path
d="M385.659 165.627H382.101V162.069C382.101 161.894 382.067 161.72 382.001 161.557C381.934 161.395 381.836 161.247 381.712 161.123C381.588 160.998 381.44 160.899 381.278 160.832C381.116 160.765 380.942 160.73 380.766 160.73C380.591 160.73 380.417 160.765 380.254 160.832C380.092 160.899 379.945 160.998 379.821 161.123C379.697 161.247 379.599 161.395 379.532 161.557C379.465 161.72 379.431 161.894 379.432 162.069V165.627H375.873C375.52 165.628 375.182 165.769 374.932 166.019C374.683 166.269 374.543 166.608 374.543 166.961C374.543 167.315 374.683 167.653 374.932 167.904C375.182 168.154 375.52 168.295 375.873 168.296H379.432V171.854C379.433 172.208 379.574 172.546 379.824 172.795C380.074 173.045 380.413 173.185 380.766 173.185C381.119 173.185 381.458 173.045 381.708 172.795C381.959 172.546 382.1 172.208 382.101 171.854V168.297H385.659C386.012 168.296 386.351 168.155 386.6 167.904C386.849 167.654 386.989 167.315 386.989 166.962C386.989 166.609 386.849 166.27 386.6 166.02C386.351 165.77 386.012 165.629 385.659 165.628V165.627Z"
fill="white" />
<path id="Process2"
d="M408.115 168.66V172H406.99V163.469H410.137C411.07 163.469 411.801 163.707 412.328 164.184C412.859 164.66 413.125 165.291 413.125 166.076C413.125 166.904 412.865 167.543 412.346 167.992C411.83 168.438 411.09 168.66 410.125 168.66H408.115ZM408.115 167.74H410.137C410.738 167.74 411.199 167.6 411.52 167.318C411.84 167.033 412 166.623 412 166.088C412 165.58 411.84 165.174 411.52 164.869C411.199 164.564 410.76 164.406 410.201 164.395H408.115V167.74ZM417.455 166.633C417.291 166.605 417.113 166.592 416.922 166.592C416.211 166.592 415.729 166.895 415.475 167.5V172H414.391V165.66H415.445L415.463 166.393C415.818 165.826 416.322 165.543 416.975 165.543C417.186 165.543 417.346 165.57 417.455 165.625V166.633ZM418.053 168.771C418.053 168.15 418.174 167.592 418.416 167.096C418.662 166.6 419.002 166.217 419.436 165.947C419.873 165.678 420.371 165.543 420.93 165.543C421.793 165.543 422.49 165.842 423.021 166.439C423.557 167.037 423.824 167.832 423.824 168.824V168.9C423.824 169.518 423.705 170.072 423.467 170.564C423.232 171.053 422.895 171.434 422.453 171.707C422.016 171.98 421.512 172.117 420.941 172.117C420.082 172.117 419.385 171.818 418.85 171.221C418.318 170.623 418.053 169.832 418.053 168.848V168.771ZM419.143 168.9C419.143 169.604 419.305 170.168 419.629 170.594C419.957 171.02 420.395 171.232 420.941 171.232C421.492 171.232 421.93 171.018 422.254 170.588C422.578 170.154 422.74 169.549 422.74 168.771C422.74 168.076 422.574 167.514 422.242 167.084C421.914 166.65 421.477 166.434 420.93 166.434C420.395 166.434 419.963 166.646 419.635 167.072C419.307 167.498 419.143 168.107 419.143 168.9ZM427.727 171.232C428.113 171.232 428.451 171.115 428.74 170.881C429.029 170.646 429.189 170.354 429.221 170.002H430.246C430.227 170.365 430.102 170.711 429.871 171.039C429.641 171.367 429.332 171.629 428.945 171.824C428.562 172.02 428.156 172.117 427.727 172.117C426.863 172.117 426.176 171.83 425.664 171.256C425.156 170.678 424.902 169.889 424.902 168.889V168.707C424.902 168.09 425.016 167.541 425.242 167.061C425.469 166.58 425.793 166.207 426.215 165.941C426.641 165.676 427.143 165.543 427.721 165.543C428.432 165.543 429.021 165.756 429.49 166.182C429.963 166.607 430.215 167.16 430.246 167.84H429.221C429.189 167.43 429.033 167.094 428.752 166.832C428.475 166.566 428.131 166.434 427.721 166.434C427.17 166.434 426.742 166.633 426.438 167.031C426.137 167.426 425.986 167.998 425.986 168.748V168.953C425.986 169.684 426.137 170.246 426.438 170.641C426.738 171.035 427.168 171.232 427.727 171.232ZM434.096 172.117C433.236 172.117 432.537 171.836 431.998 171.273C431.459 170.707 431.189 169.951 431.189 169.006V168.807C431.189 168.178 431.309 167.617 431.547 167.125C431.789 166.629 432.125 166.242 432.555 165.965C432.988 165.684 433.457 165.543 433.961 165.543C434.785 165.543 435.426 165.814 435.883 166.357C436.34 166.9 436.568 167.678 436.568 168.689V169.141H432.273C432.289 169.766 432.471 170.271 432.818 170.658C433.17 171.041 433.615 171.232 434.154 171.232C434.537 171.232 434.861 171.154 435.127 170.998C435.393 170.842 435.625 170.635 435.824 170.377L436.486 170.893C435.955 171.709 435.158 172.117 434.096 172.117ZM433.961 166.434C433.523 166.434 433.156 166.594 432.859 166.914C432.562 167.23 432.379 167.676 432.309 168.25H435.484V168.168C435.453 167.617 435.305 167.191 435.039 166.891C434.773 166.586 434.414 166.434 433.961 166.434ZM441.52 170.318C441.52 170.025 441.408 169.799 441.186 169.639C440.967 169.475 440.582 169.334 440.031 169.217C439.484 169.1 439.049 168.959 438.725 168.795C438.404 168.631 438.166 168.436 438.01 168.209C437.857 167.982 437.781 167.713 437.781 167.4C437.781 166.881 438 166.441 438.438 166.082C438.879 165.723 439.441 165.543 440.125 165.543C440.844 165.543 441.426 165.729 441.871 166.1C442.32 166.471 442.545 166.945 442.545 167.523H441.455C441.455 167.227 441.328 166.971 441.074 166.756C440.824 166.541 440.508 166.434 440.125 166.434C439.73 166.434 439.422 166.52 439.199 166.691C438.977 166.863 438.865 167.088 438.865 167.365C438.865 167.627 438.969 167.824 439.176 167.957C439.383 168.09 439.756 168.217 440.295 168.338C440.838 168.459 441.277 168.604 441.613 168.771C441.949 168.939 442.197 169.143 442.357 169.381C442.521 169.615 442.604 169.902 442.604 170.242C442.604 170.809 442.377 171.264 441.924 171.607C441.471 171.947 440.883 172.117 440.16 172.117C439.652 172.117 439.203 172.027 438.812 171.848C438.422 171.668 438.115 171.418 437.893 171.098C437.674 170.773 437.564 170.424 437.564 170.049H438.648C438.668 170.412 438.812 170.701 439.082 170.916C439.355 171.127 439.715 171.232 440.16 171.232C440.57 171.232 440.898 171.15 441.145 170.986C441.395 170.818 441.52 170.596 441.52 170.318ZM447.707 170.318C447.707 170.025 447.596 169.799 447.373 169.639C447.154 169.475 446.77 169.334 446.219 169.217C445.672 169.1 445.236 168.959 444.912 168.795C444.592 168.631 444.354 168.436 444.197 168.209C444.045 167.982 443.969 167.713 443.969 167.4C443.969 166.881 444.188 166.441 444.625 166.082C445.066 165.723 445.629 165.543 446.312 165.543C447.031 165.543 447.613 165.729 448.059 166.1C448.508 166.471 448.732 166.945 448.732 167.523H447.643C447.643 167.227 447.516 166.971 447.262 166.756C447.012 166.541 446.695 166.434 446.312 166.434C445.918 166.434 445.609 166.52 445.387 166.691C445.164 166.863 445.053 167.088 445.053 167.365C445.053 167.627 445.156 167.824 445.363 167.957C445.57 168.09 445.943 168.217 446.482 168.338C447.025 168.459 447.465 168.604 447.801 168.771C448.137 168.939 448.385 169.143 448.545 169.381C448.709 169.615 448.791 169.902 448.791 170.242C448.791 170.809 448.564 171.264 448.111 171.607C447.658 171.947 447.07 172.117 446.348 172.117C445.84 172.117 445.391 172.027 445 171.848C444.609 171.668 444.303 171.418 444.08 171.098C443.861 170.773 443.752 170.424 443.752 170.049H444.836C444.855 170.412 445 170.701 445.27 170.916C445.543 171.127 445.902 171.232 446.348 171.232C446.758 171.232 447.086 171.15 447.332 170.986C447.582 170.818 447.707 170.596 447.707 170.318ZM458.658 172H453.068V171.221L456.021 167.939C456.459 167.443 456.76 167.041 456.924 166.732C457.092 166.42 457.176 166.098 457.176 165.766C457.176 165.32 457.041 164.955 456.771 164.67C456.502 164.385 456.143 164.242 455.693 164.242C455.154 164.242 454.734 164.396 454.434 164.705C454.137 165.01 453.988 165.436 453.988 165.982H452.904C452.904 165.197 453.156 164.562 453.66 164.078C454.168 163.594 454.846 163.352 455.693 163.352C456.486 163.352 457.113 163.561 457.574 163.979C458.035 164.393 458.266 164.945 458.266 165.637C458.266 166.477 457.73 167.477 456.66 168.637L454.375 171.115H458.658V172Z"
fill="#6C63FF" />
</g>
<path id="ground2"
d="M590.171 458.614H11.7785C11.572 458.614 11.374 458.532 11.228 458.386C11.082 458.24 11 458.042 11 457.836C11 457.629 11.082 457.431 11.228 457.285C11.374 457.139 11.572 457.057 11.7785 457.057H590.171C590.378 457.057 590.576 457.139 590.722 457.285C590.868 457.431 590.95 457.629 590.95 457.836C590.95 458.042 590.868 458.24 590.722 458.386C590.576 458.532 590.378 458.614 590.171 458.614Z"
fill="#E6E6E6" />
<g id="person">
<path
d="M556.065 285.207C556.84 284.261 557.398 283.157 557.699 281.972C558.001 280.788 558.04 279.551 557.812 278.35C557.584 277.149 557.096 276.012 556.381 275.02C555.667 274.028 554.743 273.205 553.676 272.608L535.599 198.617L522.411 202.827L541.932 276.313C541.046 278.172 540.874 280.292 541.448 282.27C542.022 284.248 543.302 285.946 545.045 287.043C546.788 288.14 548.873 288.559 550.904 288.22C552.935 287.882 554.772 286.81 556.065 285.207V285.207Z"
fill="#FEB8B8" />
<path
d="M546.723 237.877L537.086 246.191L523.603 257.812L517.648 227.343L517.026 224.175L516.534 221.661L530.197 197.863L541.586 198.517L542.364 198.564L542.38 198.735L542.559 200.331L544.894 221.334L544.949 221.84L546.723 237.877Z"
fill="#3F3D56" />
<path d="M483.73 447.805H474.186L469.647 410.994H483.732L483.73 447.805Z" fill="#FEB8B8" />
<path d="M486.165 444.69H467.369C464.192 444.69 461.146 445.952 458.9 448.198C456.653 450.444 455.391 453.49 455.391 456.667V457.056H486.164L486.165 444.69Z" fill="#2F2E41" />
<path d="M583.373 447.027H573.829L569.289 410.215H583.374L583.373 447.027Z" fill="#FEB8B8" />
<path d="M585.807 443.912H567.011C563.835 443.912 560.788 445.174 558.542 447.42C556.296 449.666 555.034 452.712 555.034 455.888V456.277H585.807V443.912Z" fill="#2F2E41" />
<path
d="M591 430.816L565.311 434.709L527.937 308.225L488.244 435.487L459.441 431.595L496.807 283.688V272.011L501.867 254.496L501.337 249.755L497.655 216.601L496.06 202.223L495.956 201.294C495.869 200.515 496.076 199.731 496.535 199.095C496.994 198.459 497.674 198.018 498.442 197.856L510.43 195.333H530.024L541.584 198.517L542.378 198.735L542.736 198.836L542.557 200.331L539.848 223.046L539.7 224.292L537.084 246.19L536.508 250.993C559.083 267.341 559.862 283.688 559.862 283.688L591 430.816Z"
fill="#3F3D56" />
<path d="M517.859 185.485C528.419 185.485 536.979 176.925 536.979 166.365C536.979 155.806 528.419 147.246 517.859 147.246C507.3 147.246 498.74 155.806 498.74 166.365C498.74 176.925 507.3 185.485 517.859 185.485Z" fill="#FEB8B8" />
<path d="M537.941 246.595L500.119 251.542L500.826 256.945L538.648 251.998L537.941 246.595Z" fill="#CBCBCB" />
<path
d="M449.386 253.174C449.747 253.408 450.09 253.67 450.41 253.958L487.82 244.421L490.371 235.397L504.495 237.468L501.53 253.884C501.29 255.21 500.627 256.423 499.639 257.34C498.652 258.257 497.394 258.83 496.053 258.971L452.373 263.571C451.662 265.07 450.51 266.318 449.072 267.147C447.634 267.976 445.977 268.347 444.323 268.212C442.668 268.077 441.094 267.441 439.81 266.389C438.526 265.337 437.592 263.919 437.134 262.324C436.675 260.728 436.713 259.031 437.243 257.458C437.772 255.884 438.768 254.51 440.098 253.516C441.428 252.523 443.029 251.958 444.688 251.897C446.347 251.836 447.985 252.282 449.385 253.174H449.386Z"
fill="#FEB8B8" />
<path d="M506.927 202.729L500.31 197.669C498.519 196.99 496.07 198.918 495.639 200.783L486.298 238.927L505.759 252.939L508.484 248.658L506.927 202.729Z" fill="#3F3D56" />
<path
d="M501.435 161.766L502.475 160.092C505.062 159.576 507.745 159.88 510.151 160.963C512.557 162.045 514.565 163.851 515.895 166.13C516.551 163.711 520.452 163.836 521.896 165.884C523.34 167.933 523.02 170.7 522.551 173.161C522.083 175.623 521.553 178.299 522.69 180.531C523.296 181.574 524.168 182.438 525.217 183.034C526.266 183.631 527.454 183.939 528.66 183.927C531.08 183.868 533.432 183.119 535.441 181.769C539.134 179.417 542.087 176.07 543.959 172.111C545.831 168.153 546.545 163.747 546.019 159.4C545.533 156.014 544.275 152.786 542.343 149.963C543.45 149.881 544.484 149.38 545.234 148.562C545.753 147.886 546.074 147.08 546.164 146.232C546.253 145.384 546.107 144.529 545.741 143.759C545.099 142.413 544.123 141.255 542.905 140.395C543.78 141.093 544.809 141.573 545.906 141.796C547.255 141.99 548.829 141.29 549.073 139.991C549.307 138.753 548.315 137.626 547.399 136.721L545.616 134.955C545.924 134.606 546.21 134.238 546.472 133.854C547.465 132.466 548.035 130.82 548.114 129.115C548.194 127.411 547.779 125.719 546.919 124.245C548.62 127.149 547.128 130.605 544.132 132.964C544.035 133.041 543.927 133.106 543.828 133.179L542.691 132.053C541.802 131.043 540.713 130.229 539.493 129.661C538.235 129.179 536.628 129.32 535.808 130.343C534.929 131.439 535.175 133.181 534.147 134.145C533.247 134.988 531.783 134.846 530.572 134.492C529.36 134.137 528.109 133.615 526.886 133.882C526.063 134.125 525.359 134.666 524.912 135.398C524.465 136.131 524.306 137.003 524.465 137.847C524.603 138.574 524.91 139.258 525.361 139.845C521.977 139.558 518.576 139.547 515.19 139.814C511.206 140.036 507.134 140.312 503.459 141.867C499.784 143.423 496.517 146.516 495.838 150.449C495.16 154.382 497.459 161.421 501.435 161.766Z"
fill="#2F2E41" />
</g>
<g id="plant">
<path
d="M53.6283 436.486C55.2431 437.054 56.977 437.196 58.6628 436.899C60.3486 436.602 61.9295 435.876 63.2531 434.79C66.6238 431.961 67.6809 427.299 68.5411 422.983L71.0851 410.216L65.7597 413.883C61.9297 416.521 58.0141 419.242 55.3627 423.061C52.7112 426.88 51.5537 432.091 53.6843 436.228"
fill="#E6E6E6" />
<path
d="M54.4495 452.83C53.7793 447.947 53.0895 443.001 53.5597 438.065C53.8655 433.664 55.4187 429.441 58.0374 425.89C59.4825 424.03 61.2409 422.437 63.2336 421.181C63.7536 420.854 64.2316 421.677 63.7139 422.003C60.2658 424.183 57.5989 427.4 56.0975 431.193C54.4394 435.411 54.1732 440.008 54.4588 444.488C54.6317 447.197 54.9975 449.889 55.3673 452.577C55.3963 452.699 55.3781 452.827 55.3164 452.935C55.2547 453.044 55.1541 453.125 55.0349 453.163C54.9132 453.195 54.7835 453.179 54.6739 453.117C54.5643 453.054 54.4837 452.952 54.4495 452.83V452.83Z"
fill="#F2F2F2" />
<path
d="M59.2744 444.995C59.967 446.048 60.919 446.904 62.0387 447.482C63.1583 448.06 64.4079 448.339 65.6671 448.294C68.9031 448.139 71.6013 445.881 74.03 443.738L81.2137 437.396L76.4596 437.169C73.0406 437.005 69.5314 436.852 66.2774 437.906C63.0235 438.961 60.0178 441.498 59.4223 444.869"
fill="#E6E6E6" />
<path
d="M52.5548 455.637C55.7815 449.927 59.5243 443.582 66.212 441.554C68.0714 440.992 70.0212 440.79 71.9562 440.96C72.5657 441.013 72.4139 441.953 71.8052 441.901C68.5615 441.632 65.3242 442.488 62.6381 444.326C60.1129 446.159 57.9722 448.469 56.3373 451.126C55.2941 452.715 54.3592 454.372 53.4243 456.026C53.1261 456.554 52.2527 456.173 52.5548 455.637Z"
fill="#F2F2F2" />
</g>
</g>
</g>
</svg>
</div>
<div class="col-md-6 col-lg-5 ">
<p class="middle">Here the opacity property is used to emphasize one item inside the image. </p>
</div>
</div>
</div>
</main>
<footer id="contact">
<div class="container">
<div class="row-nm">
<div class="col-12">
<h3>Get in Touch</h3>
<p>Do you like my work and want to discuss opportunities? Please get in touch.</p>
</div>
</div>
<div class="row-nm">
<div class="col-12">
<a href="mailto:francescaparis90@gmail.com" class="button contact">Email me</a>
</div>
</div>
<div class="row-nm">
<div class="col-12">
<!--Social Media Layout and Placeholders-->
<a href="https://www.behance.net/francescaparis">
<!-- Behance icon -->
<svg enable-background="new 0 0 56.693 56.693" height="56.693px" id="Behance-icon" version="1.1" viewBox="0 0 56.693 56.693" width="56.693px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g>
<path style="fill:#696c65;"
d="M23.556,29.975c0,0,4.701-0.35,4.701-5.863c0-5.514-3.846-8.206-8.719-8.206h-8.97h-0.263H3.503v30.815h6.802h0.263h8.97 c0,0,9.788,0.309,9.788-9.096C29.325,37.625,29.753,29.975,23.556,29.975z M10.568,21.383h7.815h1.154c0,0,2.18,0,2.18,3.205 c0,3.207-1.283,3.672-2.736,3.672h-8.414V21.383z M19.084,41.244c-0.237,0.006-0.438,0-0.573,0h-7.943V33.01h8.97 c0,0,3.249-0.043,3.249,4.23C22.786,40.846,20.36,41.217,19.084,41.244z" />
<path style="fill:#696c65;"
d="M42.382,23.746c-11.85,0-11.84,11.84-11.84,11.84s-0.812,11.779,11.84,11.779c0,0,10.545,0.602,10.545-8.195h-5.424 c0,0,0.18,3.314-4.941,3.314c0,0-5.422,0.361-5.422-5.363h15.967C53.106,37.121,54.854,23.746,42.382,23.746z M37.079,33.01 c0,0,0.662-4.75,5.422-4.75c4.762,0,4.699,4.75,4.699,4.75H37.079z" />
<rect style="fill:#696c65;" height="3.795" width="12.711" x="35.753" y="17.721" />
</g>
</svg>
</a>
<a href="https://dribbble.com/FrancescaParis">
<!-- Dribbble icon -->
<svg enable-background="new 0 0 56.693 56.693" height="56.693px" id="Dribbble-icon" version="1.1" viewBox="0 0 56.693 56.693" width="56.693px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<path style="fill:#696c65;" clip-rule="evenodd"
d="M52.43,24.152c-0.324-1.588-0.811-3.152-1.441-4.646 c-0.619-1.467-1.387-2.879-2.279-4.199c-0.885-1.309-1.9-2.539-3.018-3.656c-1.117-1.119-2.348-2.135-3.656-3.018 c-1.32-0.895-2.734-1.66-4.199-2.281c-1.494-0.629-3.057-1.117-4.646-1.439c-1.627-0.334-3.303-0.504-4.977-0.504 c-1.676,0-3.35,0.17-4.979,0.504c-1.588,0.322-3.152,0.811-4.645,1.439c-1.465,0.621-2.879,1.387-4.201,2.281 c-1.309,0.883-2.539,1.898-3.656,3.018c-1.118,1.117-2.132,2.348-3.016,3.656c-0.893,1.32-1.66,2.732-2.279,4.199 C4.805,21,4.32,22.564,3.995,24.152c-0.333,1.625-0.502,3.301-0.502,4.976c0,1.678,0.169,3.354,0.502,4.98 c0.325,1.588,0.811,3.152,1.442,4.645c0.619,1.465,1.387,2.881,2.279,4.201c0.884,1.309,1.898,2.537,3.016,3.656 c1.117,1.117,2.348,2.131,3.656,3.016c1.322,0.893,2.736,1.66,4.201,2.279c1.492,0.633,3.057,1.115,4.645,1.441 c1.629,0.336,3.303,0.504,4.979,0.504c1.674,0,3.35-0.168,4.977-0.504c1.59-0.326,3.152-0.809,4.646-1.441 c1.465-0.619,2.879-1.387,4.199-2.279c1.309-0.885,2.539-1.898,3.656-3.016c1.117-1.119,2.133-2.348,3.018-3.656 c0.893-1.32,1.66-2.736,2.279-4.201c0.631-1.492,1.117-3.057,1.441-4.645c0.334-1.627,0.502-3.303,0.502-4.98 C52.932,27.453,52.764,25.777,52.43,24.152z M49.316,28.919c-0.305-0.066-7.449-1.604-14.703-0.692 c-0.148-0.361-0.299-0.725-0.455-1.09c-0.439-1.033-0.912-2.057-1.404-3.062c8.338-3.402,11.723-8.297,11.762-8.355 C47.477,19.314,49.268,23.908,49.316,28.919z M42.156,13.285c-0.053,0.082-3.059,4.658-11.027,7.645 c-3.609-6.631-7.574-11.898-7.891-12.316c1.596-0.387,3.26-0.596,4.975-0.596C33.559,8.018,38.436,10.01,42.156,13.285z M23.156,8.631c0,0.002-0.004,0.004-0.004,0.004s-0.023,0.006-0.062,0.014C23.111,8.643,23.135,8.639,23.156,8.631z M19.205,10.035 c0.281,0.377,4.186,5.67,7.84,12.164c-10.137,2.693-18.934,2.588-19.492,2.578C8.925,18.238,13.318,12.816,19.205,10.035z M7.102,29.128c0-0.225,0.01-0.445,0.018-0.667c0.372,0.008,10.804,0.245,21.673-3.008c0.605,1.184,1.184,2.387,1.713,3.589 c-0.279,0.078-0.557,0.162-0.832,0.252c-11.393,3.682-17.172,13.934-17.172,13.934s0.008,0.006,0.008,0.01 C9.149,39.497,7.102,34.552,7.102,29.128z M28.213,50.241c-5.109,0-9.795-1.816-13.447-4.838c0.277,0.225,0.473,0.369,0.473,0.369 s4.047-8.826,16.566-13.188c0.047-0.018,0.094-0.031,0.141-0.045c2.971,7.719,4.197,14.184,4.51,16.029 C33.922,49.646,31.137,50.241,28.213,50.241z M40.01,46.64c-0.215-1.275-1.34-7.471-4.109-15.08 c6.814-1.09,12.721,0.779,13.156,0.922C48.117,38.364,44.75,43.438,40.01,46.64z"
fill-rule="evenodd" />
</svg>
</a>
<a href="https://www.linkedin.com/in/francescaparis/" target="_blank">
<!-- LinkedIn icon -->
<svg enable-background="new 0 0 56.693 56.693" height="56.693px" id="LinkedIn-icon" version="1.1" viewBox="0 0 56.693 56.693" width="56.693px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g>
<path style="fill:#696c65;" d="M30.071,27.101v-0.077c-0.016,0.026-0.033,0.052-0.05,0.077H30.071z" />
<path style="fill:#696c65;"
d="M49.265,4.667H7.145c-2.016,0-3.651,1.596-3.651,3.563v42.613c0,1.966,1.635,3.562,3.651,3.562h42.12 c2.019,0,3.654-1.597,3.654-3.562V8.23C52.919,6.262,51.283,4.667,49.265,4.667z M18.475,46.304h-7.465V23.845h7.465V46.304z M14.743,20.777h-0.05c-2.504,0-4.124-1.725-4.124-3.88c0-2.203,1.67-3.88,4.223-3.88c2.554,0,4.125,1.677,4.175,3.88 C18.967,19.052,17.345,20.777,14.743,20.777z M45.394,46.304h-7.465V34.286c0-3.018-1.08-5.078-3.781-5.078 c-2.062,0-3.29,1.389-3.831,2.731c-0.197,0.479-0.245,1.149-0.245,1.821v12.543h-7.465c0,0,0.098-20.354,0-22.459h7.465v3.179 c0.992-1.53,2.766-3.709,6.729-3.709c4.911,0,8.594,3.211,8.594,10.11V46.304z" />
</g>
</svg>
</a>
</div>
</div>
<div class="row-nm">
<div class="col-12">
<p>Copyright Francesca Paris 2021</p>
</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="js/scripts.js"></script>
</body>