SVG Animation in CSS
SVG stands for Scalable Vector Graphics.Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation.
SVG images are defined in a vector graphics format and stored in XML text files. SVG images can thus be scaled in size without loss of quality, and SVG files can be searched, indexed, scripted, and compressed.
Perhaps the most fundamental difference between PNG and SVG is that one is a raster file type and the other is vector. A PNG is a raster,that is pixel-based image format. If you scale up a raster image too far, it becomes grainy and pixelated. Similarly, if the image is too small, it can become indistinct.
While PNGs are capable of handling very high resolutions, they’re not infinitely expandable.On the other hand, SVG files are vector-based, built from a complex mathematical network of lines, dots, curves and shapes.They can expand to any size without losing their resolution.
SVG Animation
SVG is an image format that is based on XML, much like how HTML works. It defines different elements for a number of familiar geometric shapes that can be combined in the markup to produce two-dimensional graphics,due to this we can use CSS or Javascript to animate these elements inside an SVG.
While regular bitmap or raster images are made up of many small pixels, SVGs only contain a set of instructions that a processor uses to re-draw and scale the image when it loads.Because they’re vector files based on points and shapes, SVG animations are scalable.
Better yet, because they’re code-based rather than pixel-based, they’re easier to modify and adapt later.The best part of SVGs, though? They’re small and quick to load. This makes SVG animations perfect for a wide range of uses in modern web design.
The 2 main css properties that comes handy when animating SVGs are transform-origin and transform-box,below we discuss both.
-------------------------------------------------------------------------------------------------------------------
Tranfrom-Origin Property
The transform-origin property of CSS is used to specify the origin of rotation of an element. It is the point about which an element is rotated. This property defines the origin of the transformation axes relative to the element to which the transformation is applied. The initial (default) value for transform-origin is 50% 50% 0, which is the center of the element.
NOTE : This property must be used together with the transform property.
Example] In the below Image you can see how the same element rotates in different ways when we change its origin.
Example] In the below Example we rotate a box about its top right corner as the center of rotation.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<style>
body {
background-color: black;
}
#box {
height: 150px;
width: 150px;
border-radius: 10px;
background-color: rgb(255, 110, 110);
margin-top: 250px;
margin-left: 700px;
padding: 5px;
box-shadow: 1px 1px 17px 1px rgb(172, 171, 171);
/* Center the text */
display: flex;
justify-content: center;
align-items: center;
font-size: 25px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
/* Add animation*/
animation: box-animation 4s linear infinite;
/* Changing Origin */
transform-origin: top right;
}
@keyframes box-animation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
</style>
<body>
<div id="box">BOX</div>
</body>
</html>
Tranfrom-Box Property
All transformations defined by the transform and transform-origin properties are relative to the position and dimensions of the reference box of the element. The transform-box CSS property defines the layout box to which the transform and transform-origin properties relate.
- content-box - The content box is used as the reference box. The reference box of a
<table>is the border box of its table wrapper box, not its table box.
- border-box - The border box is used as the reference box. The reference box of a
<table>is the border box of its table wrapper box, not its table box.
- fill-box - The object bounding box is used as the reference box.
- stroke-box - The stroke bounding box is used as the reference box.
- view-box - The nearest SVG viewport is used as the reference box. If a
viewBoxattribute is specified for the SVG viewport creating element, the reference box is positioned at the origin of the coordinate system established by theviewBoxattribute, and the dimension of the reference box is set to the width and height values of theviewBoxattribute.
NOTE : In the CSS if we have an animation that uses a transform to rotate the element infinitely in fixed center position then the transform-box: fill-box is used to make the transform-origin the center of the bounding box, so the element spins in place. Without it, the transform origin is the center of the SVG canvas, and so you get a very different effect.
-------------------------------------------------------------------------------------------------------------------
Steps to Create SVG animation
1] Download or Create an SVG Image.
2] Open the Image in a Image editor or UI design software (like Figma)
3] Edit or Remove elements from the Image as per your need.
4] NOTE : Change the names of the elements you want to animate,these will be treated as Ids inside HTML.
5] Export the SVG Image and copy the XML inside the body tag of HTML.
6] Animate the selected elements using CSS Keyframes.
Example] Below is an example svg animation where we added some animation to the circles.
<html>
<head>
<title>SVG</title>
<style>
body {
background-color: rgb(214, 0, 0);
}
/* selecting the main <svg> tag*/
svg {
margin-left: 35%;
margin-top: 150px;
transform: scale(1.8, 1.8);
}
/* selecting the element from svg image */
#right-circle {
animation-name: circle-animation;
animation-timing-function: cubic-bezier(0.07, 0.32, 0.13, 1);
animation-direction: alternate;
animation-duration: 1.5s;
animation-iteration-count: infinite;
/* Change svg element color */
fill: #ffff;
}
/* selecting the element from svg image */
#left-circle {
animation-name: circle-animation;
animation-timing-function: cubic-bezier(0.07, 0.32, 0.13, 1);
animation-direction: alternate-reverse;
animation-duration: 1.5s;
animation-iteration-count: infinite;
/* Change svg element color */
fill: #ffff;
}
/* creating animation for svg elements */
@keyframes circle-animation {
from {
transform: translateY(30px);
}
to {
transform: translateY(5px);
}
}
</style>
</head>
<body>
<div class="SVG">
<svg
width="314"
height="243"
viewBox="0 0 314 243"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="undraw_connection_re_lcud 1" clip-path="url(#clip0_1_3)">
<path
id="Vector"
d="M41.5172 107.861C29.9005 103.141 20.5412 94.1924 15.3554 82.8468C12.4532 76.4194 11.0014 69.434 10.1474
62.4417C9.30948 55.5815 9.08535 48.3391 12.0062 42.0658C13.6055 38.631 16.0739 35.6659 19.1709 33.4593C22.2679
31.2528 25.888 29.8802 29.6782 29.4752C33.4684 29.0702 37.2996 29.6466 40.7983 31.1484C44.2971 32.6501 47.3441
35.0259 49.6424 38.0442C51.6206 40.6421 53.0232 43.7682 53.0879 47.0242C53.2234 53.8539 47.7397 59.3857 45.3703
65.7995C42.9217 72.4274 43.8923 79.7377 44.3828 86.78C44.8732 93.8223 44.6723 101.464 40.4158 107.12"
fill="#F2F2F2"
/>
<path
id="Vector_2"
d="M249.861 192.344C262.057 189.392 272.655 181.924 279.486 171.471C283.321 165.543 285.805 158.85 287.699 152.061C289.557 145.401 290.866 138.273 288.919 131.638C287.853 128.006 285.857 124.709 283.126 122.07C280.395 119.431 277.021 117.539 273.334 116.579C269.647 115.619 265.772 115.624 262.087 116.592C258.401 117.561 255.032 119.461 252.306 122.106C249.96 124.383 248.104 127.267 247.551 130.477C246.392 137.211 250.984 143.491 252.364 150.183C253.791 157.098 251.734 164.184 250.191 171.075C248.649 177.967 247.701 185.553 251.061 191.774"
fill="#F2F2F2"
/>
<path
id="Vector_3"
d="M156.554 182.222C139.134 182.435 122.133 176.919 108.205 166.535C94.568 156.387 84.5435 142.191 79.5858 126.005L80.2728 125.8C90.3024 158.918 121.668 181.827 156.547 181.51C166.977 181.435 177.286 179.296 186.873 175.218L187.155 175.872C177.481 179.988 167.078 182.146 156.554 182.222V182.222Z"
fill="#E6E6E6"
/>
<path
id="Vector_4"
d="M230.93 79.122C220.284 46.3794 189.82 24.5921 155.125 24.9072C144.844 24.982 134.678 27.0621 125.204 31.0291L124.925 30.3732C137.598 25.0873 151.432 23.1429 165.084 24.7287C178.737 26.3146 191.744 31.3768 202.842 39.4241C216.35 49.2792 226.411 63.0845 231.613 78.9034L230.93 79.122Z"
fill="#E6E6E6"
/>
<path
id="right-circle"
d="M253.6 206.257C220.975 206.553 194.193 180.45 193.899 148.068C193.605 115.686 219.908 89.101 252.533 88.8047C285.159 88.5084 311.94 114.612 312.234 146.994C312.528 179.375 286.225 205.961 253.6 206.257ZM252.54 89.5165C220.31 89.8092 194.326 116.073 194.616 148.062C194.907 180.051 221.364 205.838 253.594 205.545C285.823 205.253 311.808 178.99 311.517 147C311.227 115.011 284.77 89.2238 252.54 89.5165Z"
fill="#3F3D56"
/>
<path
id="left-circle"
d="M60.2344 119.739C27.6092 120.035 0.827432 93.9316 0.533344 61.5498C0.239257 29.168 26.5425 2.58249 59.1677 2.28619C91.793 1.9899 118.575 28.0933 118.869 60.4751C119.163 92.8569 92.8596 119.442 60.2344 119.739ZM59.1742 2.99803C26.9445 3.29073 0.960007 29.5541 1.25053 61.5433C1.54105 93.5325 27.9982 119.32 60.2279 119.027C92.4576 118.734 118.442 92.4708 118.152 60.4816C117.861 28.4924 91.4039 2.70532 59.1742 2.99803V2.99803Z"
fill="#3F3D56"
/>
<path
id="Vector_5"
d="M55.1036 61.3844L49.9702 71.5038L55.1559 74.3923C55.1559 74.3923 58.5923 63.0467 58.6926 62.6164C59.2243 62.3951 59.6758 62.0188 59.9873 61.5373C60.2989 61.0558 60.4558 60.4918 60.4374 59.9198C60.419 59.3479 60.2261 58.795 59.8842 58.3343C59.5423 57.8736 59.0675 57.5268 58.5227 57.3398C57.9779 57.1528 57.3886 57.1343 56.833 57.2869C56.2773 57.4395 55.7814 57.7559 55.4108 58.1943C55.0402 58.6327 54.8124 59.1724 54.7576 59.742C54.7027 60.3117 54.8234 60.8844 55.1036 61.3844L55.1036 61.3844Z"
fill="#A0616A"
/>
<path
id="Vector_6"
d="M28.3022 62.9979C30.7107 71.5474 39.1374 76.9148 46.1532 83.3777C47.0125 83.6683 47.9234 83.7777 48.8278 83.6989C49.7322 83.6201 50.6101 83.3549 51.4054 82.9202C52.2007 82.4855 52.8959 81.8909 53.4465 81.1744C53.9971 80.4578 54.391 79.6352 54.6031 78.759L56.865 69.6305L50.9043 69.5265L48.4623 72.2092L40.4313 66.6378L28.3022 62.9979Z"
fill="#3F3D56"
/>
<path
id="Vector_7"
d="M244.353 156.736C245.366 156.792 246.316 157.239 247.002 157.98C247.687 158.721 248.055 159.699 248.025 160.705C248.016 160.909 247.99 161.113 247.947 161.313L259.502 168.393L253.175 171.239L243.172 164.079C242.35 163.838 241.631 163.334 241.129 162.644C240.626 161.955 240.367 161.12 240.393 160.27C240.412 159.786 240.527 159.31 240.731 158.871C240.936 158.431 241.225 158.036 241.584 157.707C241.942 157.378 242.362 157.123 242.82 156.955C243.278 156.788 243.764 156.711 244.251 156.73C244.285 156.732 244.319 156.734 244.353 156.736Z"
fill="#FFB6B6"
/>
<path
id="Vector_8"
d="M255.511 165.163L252.716 171.021L264.04 178.11C264.846 178.619 265.77 178.915 266.723 178.969C267.677 179.024 268.629 178.836 269.488 178.423V178.423C270.533 177.914 271.384 177.083 271.911 176.053C272.439 175.024 272.615 173.852 272.413 172.714L268.572 152.046C268.313 150.599 267.506 149.306 266.317 148.432C265.127 147.559 263.645 147.171 262.176 147.348V147.348C260.73 147.518 259.412 148.251 258.511 149.386C257.61 150.521 257.2 151.964 257.372 153.399C257.378 153.455 257.386 153.511 257.394 153.567C257.424 153.765 257.464 153.962 257.515 154.157L261.637 168.843L255.511 165.163Z"
fill="#6C63FF"
/>
<path
id="Vector_9"
d="M245.299 167.621L240.96 156.8C240.812 156.43 240.818 156.017 240.977 155.651C241.136 155.285 241.435 154.996 241.807 154.848L244.183 153.909C244.557 153.762 244.973 153.768 245.342 153.926C245.711 154.083 246.001 154.38 246.15 154.75L250.489 165.57C250.637 165.94 250.631 166.354 250.472 166.72C250.313 167.086 250.015 167.374 249.642 167.522L247.266 168.461C246.893 168.608 246.476 168.602 246.107 168.445C245.738 168.287 245.448 167.991 245.299 167.621Z"
fill="#3F3D56"
/>
<path
id="Vector_10"
d="M242.307 155.29C242.106 155.37 241.945 155.525 241.859 155.723C241.774 155.92 241.771 156.143 241.85 156.342L246.189 167.162C246.269 167.362 246.426 167.522 246.624 167.606C246.823 167.691 247.048 167.695 247.249 167.615L249.625 166.677C249.826 166.597 249.987 166.441 250.072 166.244C250.158 166.047 250.161 165.824 250.081 165.625L245.743 154.804C245.662 154.605 245.506 154.445 245.307 154.36C245.108 154.275 244.884 154.272 244.683 154.351L242.307 155.29Z"
fill="#6C63FF"
/>
<path
id="Vector_11"
d="M254.938 190.193L271.04 190.047L270.894 174.065L254.792 174.211L254.938 190.193Z"
fill="#FFB8B8"
/>
<path
id="Vector_12"
d="M217.034 221.625L210.866 219.628L207.593 236.273L211.772 237.626L217.034 221.625Z"
fill="#FFB6B6"
/>
<path
id="Vector_13"
d="M227.911 218.366L221.611 219.905L227.693 235.752L231.962 234.709L227.911 218.366Z"
fill="#FFB6B6"
/>
<path
id="Vector_14"
d="M270.5 194.227C273.921 215.553 230.829 203.318 230.829 203.318L217.521 221.891L209.619 220.539C209.619 220.539 213.068 209.43 219.273 194.524C222.029 187.904 254.011 189.225 254.011 189.225L254.628 184.049L272.913 183.527L270.5 194.227Z"
fill="#2F2E41"
/>
<path
id="Vector_15"
d="M229.431 198.749L217.728 199.122C219.75 215.124 221.462 221.499 221.462 221.499L228.256 219.301L229.431 198.749Z"
fill="#2F2E41"
/>
<path
id="Vector_16"
d="M260.882 148.183L264.086 144.019L268.707 143.778L269.204 147.663L271.504 148.69C273.87 157.295 274.305 166.309 272.779 175.099C272.475 175.389 272.254 175.754 272.139 176.157C272.024 176.56 272.019 176.985 272.126 177.39L272.28 177.977L272.266 177.998C271.785 178.766 271.628 179.691 271.829 180.572V180.572L272.94 182.492C273.339 183.182 273.582 183.95 273.651 184.743C273.721 185.536 273.615 186.334 273.343 187.083C273.07 187.831 272.636 188.511 272.071 189.077C271.507 189.642 270.825 190.078 270.073 190.355C263.37 192.836 257.075 193.794 252.35 187.047L250.668 163.403L260.882 148.183Z"
fill="#6C63FF"
/>
<path
id="Vector_17"
d="M264.25 145.115C268.971 145.073 272.764 141.239 272.721 136.554C272.678 131.868 268.817 128.104 264.096 128.147C259.375 128.19 255.582 132.023 255.625 136.709C255.667 141.395 259.529 145.158 264.25 145.115Z"
fill="#FFB8B8"
/>
<path
id="Vector_18"
d="M268.371 126.365C271.991 126.401 274.892 129.707 274.851 133.749C277.554 136.499 276.699 139.901 274.494 143.551C270.405 144.06 269.451 144.265 265.874 145.751L265.381 143.561L264.335 146.428C263.426 146.854 262.525 147.32 261.631 147.827C260.958 144.893 261.092 142.034 262.805 139.529C264.327 137.303 260.551 134.712 257.871 135.108L257.891 133.076L257.236 135.101C256.197 135.874 255.037 135.608 253.845 135.067L253.845 135.067C251.831 125.159 266.704 122.309 268.371 126.365Z"
fill="#2F2E41"
/>
<path
id="Vector_19"
d="M213.692 240.419L210.949 240.089L210.774 237.46L209.205 239.879L201.93 239.003C201.581 238.961 201.255 238.809 200.999 238.57C200.743 238.331 200.571 238.018 200.508 237.675C200.445 237.332 200.493 236.978 200.647 236.664C200.801 236.351 201.052 236.094 201.363 235.932L207.66 232.649L207.978 230.05L214.044 231.148L213.692 240.419Z"
fill="#2F2E41"
/>
<path
id="Vector_20"
d="M233.571 238.741L230.834 239.116L229.989 236.618L229.094 239.354L221.834 240.349C221.486 240.396 221.132 240.332 220.823 240.166C220.514 240 220.267 239.74 220.118 239.424C219.969 239.109 219.925 238.754 219.993 238.412C220.061 238.07 220.238 237.758 220.497 237.523L225.742 232.755L225.382 230.162L231.53 229.688L233.571 238.741Z"
fill="#2F2E41"
/>
<path
id="Vector_21"
d="M245.402 158.711C246.415 158.768 247.365 159.214 248.051 159.956C248.736 160.697 249.104 161.675 249.074 162.681C249.065 162.885 249.039 163.088 248.996 163.288L260.551 170.369L254.224 173.215L244.221 166.055C243.399 165.814 242.68 165.309 242.177 164.62C241.675 163.931 241.416 163.096 241.441 162.245C241.461 161.761 241.576 161.286 241.78 160.846C241.985 160.407 242.274 160.011 242.632 159.682C242.991 159.354 243.411 159.098 243.869 158.931C244.326 158.763 244.813 158.687 245.3 158.706C245.334 158.707 245.368 158.709 245.402 158.711Z"
fill="#FFB6B6"
/>
<path
id="Vector_22"
d="M256.559 167.139L253.765 172.996L265.089 180.086C265.895 180.594 266.819 180.89 267.772 180.945C268.726 181 269.677 180.811 270.537 180.398V180.398C271.582 179.89 272.433 179.058 272.96 178.029C273.488 176.999 273.664 175.827 273.462 174.69L269.62 154.021C269.362 152.575 268.555 151.282 267.365 150.408C266.176 149.534 264.694 149.146 263.224 149.324V149.324C262.509 149.408 261.817 149.631 261.188 149.981C260.559 150.331 260.006 150.8 259.56 151.362C259.114 151.923 258.784 152.567 258.588 153.255C258.393 153.944 258.336 154.664 258.42 155.374C258.427 155.43 258.435 155.486 258.443 155.542C258.473 155.741 258.513 155.938 258.564 156.132L262.686 170.819L256.559 167.139Z"
fill="#6C63FF"
/>
<path
id="Vector_23"
d="M41.0971 167.971L44.7235 169.555L52.608 156.425L47.2558 154.087L41.0971 167.971Z"
fill="#A0616A"
/>
<path
id="Vector_24"
d="M39.3035 171.67L50.4549 176.542L50.517 176.402C51.0238 175.259 51.0526 173.964 50.5971 172.8C50.1416 171.637 49.239 170.7 48.088 170.197L48.0877 170.197L46.7313 167.773L42.2503 167.647L41.2768 167.221L39.3035 171.67Z"
fill="#2F2E41"
/>
<path
id="Vector_25"
d="M85.668 149.808L89.4727 148.71L87.0204 133.621L81.4044 135.241L85.668 149.808Z"
fill="#A0616A"
/>
<path
id="Vector_26"
d="M86.6869 153.786L98.3878 150.411L98.3449 150.264C97.994 149.065 97.1777 148.054 96.0755 147.453C94.9734 146.851 93.6756 146.709 92.4677 147.057L92.4674 147.057L89.8591 146.065L86.3423 148.824L85.3209 149.119L86.6869 153.786Z"
fill="#2F2E41"
/>
<path
id="Vector_27"
d="M27.5335 106.181C27.6565 108.981 33.7271 116.484 36.8936 117.539C37.4318 117.718 37.7463 117.817 37.7463 117.817L38.842 117.477L52.1105 113.361C54.4526 114.7 61.4086 115.329 67.1141 115.623C71.6553 115.856 74.2066 118.188 74.2066 118.188C75.6373 128.283 79.5644 135.617 84.0982 144.632L89.4322 143.662L84.0788 109.974C83.9632 109.247 83.6348 108.569 83.1343 108.025C82.6339 107.482 81.9835 107.096 81.264 106.916L44.8727 97.82C44.8727 97.82 42.8673 97.4786 38.6628 99.5388C31.741 102.931 27.4453 104.144 27.5335 106.181Z"
fill="#2F2E41"
/>
<path
id="Vector_28"
d="M34.4659 105.576C33.2713 108.116 35.1615 117.554 37.4783 119.942L38.0912 120.348L38.2982 120.453C39.7168 125.062 54.6129 138.446 54.6129 138.446C49.68 144.801 45.3029 152.539 43.3969 161.181L49.186 163.222L65.2097 139.008C65.6294 138.373 65.8459 137.628 65.8306 136.869C65.8154 136.111 65.5691 135.375 65.1243 134.758L58.413 125.45L47.4274 104.79C39.7101 104.623 35.3362 103.729 34.4659 105.576Z"
fill="#2F2E41"
/>
<path
id="Vector_29"
d="M27.7606 107.28C27.7427 107.28 27.3098 106.185 27.3012 106.183C27.1571 106.144 25.2086 105.971 25.6174 102.769L26.1455 99.243L25.5705 96.1393L24.6424 95.2348L26.1073 93.7543L25.141 87.1083L24.6722 73.7887C23.7577 69.2203 23.9476 65.0326 28.1581 62.9787L32.9656 58.4715L38.4816 58.3551L44.7738 61.9809L47.8606 67.9535L49.1845 84.2039L50.0811 86.2298L50.0065 86.298C50.0007 86.3032 49.4204 86.8337 49.1603 87.1248C49.0346 87.3054 49.2856 88.6434 49.5909 89.7786L49.9946 92.584L49.0476 93.2688L50.3 94.7104L53.7299 100.348L53.5271 100.299C53.2985 100.245 51.2027 103.43 27.9156 107.161C27.8082 107.179 27.8053 107.28 27.7606 107.28Z"
fill="#3F3D56"
/>
<path
id="Vector_30"
d="M54.1427 71.8453L52.2032 70.8631C51.8989 70.7085 51.6688 70.4405 51.5634 70.1177C51.458 69.795 51.4859 69.4439 51.6409 69.1415L56.183 60.3082C56.3387 60.0061 56.6088 59.7777 56.934 59.673C57.2591 59.5684 57.6128 59.596 57.9175 59.7499L59.857 60.7321C60.1613 60.8867 60.3914 61.1547 60.4968 61.4774C60.6022 61.8002 60.5743 62.1513 60.4193 62.4536L55.8773 71.287C55.7215 71.5891 55.4514 71.8175 55.1263 71.9221C54.8011 72.0268 54.4474 71.9992 54.1427 71.8453Z"
fill="#3F3D56"
/>
<path
id="Vector_31"
d="M57.4589 60.0855C57.2947 60.0026 57.1041 59.9877 56.9289 60.0441C56.7536 60.1005 56.6081 60.2236 56.5242 60.3863L51.9822 69.2197C51.8986 69.3827 51.8836 69.5719 51.9404 69.7458C51.9972 69.9197 52.1212 70.0641 52.2852 70.1474L54.2247 71.1297C54.3888 71.2126 54.5794 71.2275 54.7547 71.1711C54.9299 71.1146 55.0754 70.9916 55.1594 70.8288L59.7014 61.9954C59.7849 61.8325 59.8 61.6433 59.7432 61.4694C59.6864 61.2955 59.5624 61.151 59.3984 61.0677L57.4589 60.0855Z"
fill="#6C63FF"
/>
<path
id="Vector_32"
d="M33.4006 56.3512C37.3019 58.2897 42.0242 56.7222 43.9482 52.85C45.8723 48.9778 44.2694 44.2674 40.3681 42.3289C36.4669 40.3904 31.7445 41.9579 29.8205 45.8301C27.8964 49.7023 29.4993 54.4127 33.4006 56.3512Z"
fill="#A0616A"
/>
<path
id="Vector_33"
d="M33.0508 54.4176C32.7025 54.1478 32.2699 54.0079 31.8283 54.0224C31.6914 54.046 31.5612 54.0982 31.4462 54.1755C31.3312 54.2528 31.2341 54.3534 31.1612 54.4708C31.1206 54.5224 31.0676 54.5632 31.0071 54.5894C30.9466 54.6156 30.8805 54.6264 30.8147 54.6208C29.9733 54.6589 28.1654 53.1255 28.0156 50.1365C27.9444 48.716 27.0659 46.3192 28.4178 45.0044C28.5044 44.478 29.5199 39.0362 34.3187 38.8429C39.2316 38.6432 42.5119 39.5933 43.3146 41.4452C43.8738 42.9161 44.3025 44.4327 44.5959 45.9777L44.769 46.8963L44.3762 46.047C44.3688 46.0311 43.6527 44.5105 42.3457 44.013C42.3268 44.2617 42.2654 44.5054 42.164 44.7336C41.7473 45.6515 40.6815 46.2578 39.4486 46.2782C38.5965 46.2599 37.7547 46.0882 36.9643 45.7715C37.0547 45.8984 37.1061 46.0485 37.1124 46.2038C37.1187 46.359 37.0797 46.5128 37 46.6465C36.9202 46.7803 36.8033 46.8883 36.6631 46.9575C36.523 47.0268 36.3656 47.0544 36.2101 47.0369L35.9819 47.0108C35.91 47.0026 35.8374 47.0196 35.7768 47.0589C35.7162 47.0981 35.6713 47.1573 35.6501 47.2259C35.6288 47.2946 35.6324 47.3685 35.6602 47.4348C35.6881 47.5011 35.7384 47.5557 35.8026 47.589L36.0043 47.6936L35.7617 47.8128C34.7851 48.2559 33.9839 49.0077 33.4834 49.9507C32.9829 50.8936 32.8113 51.9746 32.9954 53.0246L33.2938 54.6076L33.0508 54.4176Z"
fill="#2F2E41"
/>
<path
id="Vector_34"
d="M184.516 241.62C184.301 241.631 184.086 241.577 183.903 241.464C183.72 241.351 183.575 241.185 183.49 240.988C183.405 240.791 183.383 240.573 183.427 240.363C183.471 240.153 183.579 239.962 183.736 239.815L183.806 239.529C183.796 239.507 183.787 239.484 183.777 239.461C183.555 238.954 183.187 238.523 182.719 238.222C182.251 237.922 181.704 237.765 181.146 237.772C180.589 237.78 180.046 237.95 179.586 238.262C179.126 238.575 178.769 239.015 178.56 239.528C177.725 241.575 176.658 243.628 176.41 245.787C176.301 246.742 176.359 247.707 176.583 248.642C174.539 244.321 173.456 239.615 173.406 234.842C173.395 233.644 173.451 232.447 173.574 231.255C173.676 230.278 173.821 229.308 174.009 228.345C175.036 223.116 177.298 218.203 180.609 214.01C182.221 213.117 183.52 211.755 184.329 210.108C184.622 209.516 184.828 208.885 184.939 208.234C184.756 208.26 184.57 208.276 184.388 208.29C184.331 208.293 184.271 208.297 184.214 208.3L184.192 208.301C183.991 208.312 183.792 208.265 183.617 208.166C183.443 208.067 183.301 207.919 183.209 207.742C183.117 207.564 183.078 207.364 183.098 207.166C183.118 206.967 183.195 206.778 183.32 206.622C183.398 206.525 183.476 206.428 183.554 206.331C183.673 206.181 183.795 206.034 183.913 205.884C183.927 205.87 183.94 205.855 183.952 205.839C184.088 205.668 184.224 205.5 184.361 205.33C184.106 204.944 183.764 204.622 183.363 204.39C181.974 203.599 180.073 204.173 179.086 205.422C178.096 206.672 177.923 208.414 178.285 209.961C178.639 211.276 179.216 212.523 179.991 213.646C179.917 213.742 179.84 213.835 179.766 213.931C178.412 215.692 177.235 217.58 176.252 219.568C176.475 217.349 176.164 215.108 175.345 213.031C174.516 211.096 172.981 209.474 171.626 207.807C170 205.804 166.709 206.714 166.449 209.274C166.447 209.299 166.444 209.323 166.442 209.348C166.642 209.458 166.837 209.574 167.029 209.698C167.27 209.854 167.457 210.079 167.567 210.343C167.677 210.607 167.703 210.898 167.644 211.178C167.584 211.457 167.441 211.712 167.232 211.909C167.024 212.107 166.761 212.237 166.477 212.283L166.447 212.288C166.525 212.998 166.656 213.702 166.841 214.393C167.376 216.322 168.307 218.121 169.575 219.676C170.843 221.231 172.421 222.509 174.21 223.431C174.328 223.489 174.442 223.548 174.56 223.603C173.58 226.44 172.976 229.392 172.763 232.384C172.643 234.149 172.667 235.921 172.835 237.682L172.826 237.62C172.424 235.664 171.355 233.905 169.798 232.64C167.486 230.79 164.237 230.13 161.747 228.649C161.483 228.483 161.176 228.397 160.863 228.399C160.55 228.401 160.245 228.492 159.982 228.66C159.72 228.829 159.512 229.069 159.382 229.351C159.252 229.634 159.207 229.947 159.251 230.255C159.254 230.276 159.258 230.298 159.261 230.32C159.632 230.466 159.993 230.635 160.342 230.825C160.542 230.935 160.738 231.051 160.929 231.174C161.17 231.331 161.357 231.556 161.467 231.82C161.577 232.084 161.604 232.375 161.544 232.654C161.484 232.934 161.341 233.189 161.132 233.386C160.924 233.583 160.661 233.714 160.377 233.76L160.348 233.764C160.327 233.768 160.309 233.771 160.288 233.774C160.932 235.263 161.83 236.63 162.941 237.817C164.314 239.253 165.969 240.395 167.802 241.174C169.636 241.953 171.611 242.352 173.606 242.347L173.609 242.346C174.172 244.677 174.977 246.943 176.011 249.108L184.374 249.032C184.403 248.94 184.429 248.844 184.455 248.752C183.682 248.807 182.904 248.768 182.14 248.636C182.754 247.875 183.367 247.107 183.981 246.346C183.995 246.332 184.007 246.317 184.019 246.301C184.331 245.912 184.645 245.525 184.956 245.135L184.956 245.135C184.962 243.949 184.814 242.768 184.516 241.62L184.516 241.62Z"
fill="#E6E6E6"
/>
<path
id="Vector_35"
d="M198.06 45.186C198.223 45.3269 198.338 45.5141 198.39 45.7221C198.442 45.9302 198.428 46.149 198.35 46.3491C198.273 46.5491 198.135 46.7206 197.956 46.8404C197.777 46.9602 197.565 47.0225 197.349 47.0188L197.099 47.175C197.09 47.198 197.081 47.221 197.072 47.2441C196.874 47.7613 196.834 48.325 196.958 48.8644C197.082 49.4038 197.364 49.8948 197.768 50.2759C198.172 50.6569 198.68 50.9109 199.229 51.0059C199.779 51.101 200.344 51.0329 200.854 50.8101C202.891 49.922 205.1 49.1913 206.795 47.8167C207.545 47.2088 208.182 46.4765 208.679 45.6524C207.104 50.1625 204.57 54.2839 201.249 57.7371C200.415 58.6027 199.533 59.4214 198.607 60.1894C197.847 60.8183 197.061 61.4127 196.248 61.9726C191.836 65.0065 186.762 66.9584 181.442 67.668C179.66 67.1899 177.773 67.2656 176.035 67.885C175.408 68.106 174.818 68.4159 174.281 68.8049C174.429 68.9132 174.574 69.03 174.714 69.1469C174.758 69.1838 174.803 69.2228 174.846 69.2597L174.862 69.2738C175.014 69.4052 175.124 69.5773 175.179 69.7693C175.234 69.9612 175.232 70.165 175.173 70.3559C175.114 70.5469 175.001 70.7169 174.847 70.8455C174.694 70.9741 174.505 71.0558 174.306 71.0808C174.182 71.0963 174.057 71.1118 173.933 71.1271C173.743 71.1523 173.553 71.1733 173.362 71.1985C173.343 71.1992 173.323 71.2011 173.303 71.204C173.085 71.2319 172.87 71.2577 172.652 71.2856C172.564 71.7384 172.582 72.2054 172.705 72.65C173.144 74.1786 174.909 75.0849 176.494 74.8735C178.082 74.6642 179.431 73.5363 180.259 72.1779C180.931 70.9903 181.394 69.698 181.629 68.3562C181.75 68.3388 181.87 68.3257 181.991 68.3083C184.198 67.9852 186.369 67.4481 188.471 66.7048C186.75 68.14 185.397 69.96 184.523 72.0153C183.756 73.9755 183.715 76.2011 183.512 78.3334C183.269 80.8945 186.265 82.5219 188.251 80.8689C188.27 80.8529 188.289 80.8369 188.309 80.8208C188.242 80.6039 188.184 80.3848 188.134 80.1638C188.071 79.8849 188.095 79.5938 188.203 79.3286C188.31 79.0635 188.495 78.8367 188.734 78.6779C188.974 78.5191 189.256 78.4358 189.544 78.4388C189.831 78.4418 190.112 78.531 190.347 78.6948L190.372 78.7115C190.816 78.1488 191.217 77.5534 191.57 76.9305C192.544 75.1783 193.142 73.2455 193.328 71.2532C193.513 69.2609 193.282 67.2521 192.649 65.3527C192.606 65.2295 192.565 65.1084 192.52 64.9873C195.217 63.6338 197.725 61.938 199.982 59.9426C201.309 58.7614 202.537 57.4757 203.656 56.098L203.619 56.1493C202.53 57.8287 202.059 59.8294 202.285 61.8135C202.639 64.7405 204.501 67.4635 205.242 70.2494C205.316 70.5511 205.474 70.8258 205.7 71.0409C205.925 71.2561 206.208 71.4027 206.514 71.4636C206.821 71.5245 207.139 71.4972 207.43 71.3847C207.722 71.2722 207.975 71.0794 208.159 70.8289C208.172 70.8108 208.185 70.7926 208.198 70.7745C208.035 70.4134 207.895 70.0426 207.779 69.6642C207.713 69.4472 207.655 69.2282 207.604 69.0071C207.542 68.7282 207.566 68.4372 207.673 68.172C207.78 67.9069 207.966 67.6801 208.205 67.5213C208.444 67.3625 208.726 67.2791 209.014 67.2821C209.302 67.2851 209.582 67.3744 209.818 67.5381L209.842 67.5549C209.859 67.5672 209.874 67.5774 209.892 67.5896C210.477 66.0769 210.796 64.4756 210.835 62.8556C210.861 60.8759 210.48 58.9117 209.715 57.0834C208.949 55.2552 207.816 53.6014 206.384 52.2235L206.381 52.2214C207.617 50.1625 208.634 47.9817 209.416 45.7142L203.375 39.9754C203.289 40.0214 203.203 40.0717 203.119 40.1198C203.712 40.6161 204.241 41.1826 204.696 41.8067C203.721 41.9268 202.742 42.0513 201.767 42.1715C201.747 42.1722 201.728 42.1741 201.708 42.177C201.211 42.2405 200.714 42.2997 200.218 42.3632L200.217 42.3634C199.379 43.2084 198.654 44.157 198.06 45.1857L198.06 45.186Z"
fill="#E6E6E6"
/>
<path
id="Vector_36"
d="M54.1008 69.7283L46.637 78.3006L50.9566 82.3568C50.9566 82.3568 57.0758 72.1846 57.2787 71.7916C57.8487 71.7056 58.379 71.4499 58.7994 71.0582C59.2198 70.6666 59.5106 70.1576 59.6332 69.5984C59.7558 69.0393 59.7045 68.4564 59.4861 67.9268C59.2677 67.3973 58.8924 66.9461 58.41 66.6329C57.9275 66.3196 57.3606 66.1592 56.7843 66.1727C56.2079 66.1862 55.6492 66.3731 55.1822 66.7086C54.7151 67.0442 54.3616 67.5125 54.1685 68.0517C53.9754 68.5909 53.9518 69.1755 54.1008 69.7283V69.7283Z"
fill="#A0616A"
/>
<path
id="Vector_37"
d="M27.7125 64.8083C27.9484 73.6829 34.8023 80.9275 40.0188 88.8932C40.7808 89.3829 41.6374 89.7094 42.5338 89.8518C43.4302 89.9942 44.3468 89.9494 45.2248 89.7202C46.1028 89.4911 46.923 89.0826 47.633 88.5209C48.343 87.9592 48.9271 87.2566 49.3479 86.4582L53.7836 78.1521L48.0285 76.609L45.0013 78.6199L38.5813 71.2733L27.7125 64.8083Z"
fill="#3F3D56"
/>
</g>
<defs>
<clipPath id="clip0_1_3">
<rect
width="310.912"
height="239.543"
fill="white"
transform="translate(0 2.82355) rotate(-0.520339)"
/>
</clipPath>
</defs>
</svg>
</div>
</body>
</html>
Example] Below is an example we try to animate multiple elements inside a single svg image. We also make use of transform-origin and transform-box properties to animate objects in their center place.
<!DOCTYPE html>
<html lang="en">
<head>
<title>SVG</title>
</head>
<style>
body {
background-color: rgb(20, 20, 20);
}
svg {
transform: scale(1.5, 1.5);
margin-left: 385px;
margin-top: 140px;
}
/* --------------------------------------------------------- */
@keyframes wheel-animation { to { transform: rotate(360deg);}}
#giant-wheel {
animation: wheel-animation 20s linear;
animation-iteration-count: infinite;
/* transform origin */
transform-origin: center center;
transform-box: fill-box;
}
#giant-wheel-cabins{
animation: wheel-animation 180s linear;
animation-iteration-count: infinite;
/* transform origin */
transform-origin: center center;
transform-box: fill-box;
}
/* --------------------------------------------------------- */
@keyframes baloon-animation {
from {transform: scale(1,1);}
to { transform: scale(1.2,1.25)}
}
#baloons {
animation: baloon-animation 2s ease-in-out;
animation-direction: alternate;
animation-iteration-count: infinite;
/* transform origin */
transform-origin: center center;
transform-box: fill-box;
}
/* --------------------------------------------------------- */
@keyframes tree-animation {
from{ transform: rotate(2deg);}
to { transform: translateX(6px)}
}
#left-tree,#right-tree {
animation: tree-animation 2s ease-in-out;
animation-direction: alternate-reverse;
animation-iteration-count: infinite;
/* transform origin */
transform-origin: center center;
transform-box: fill-box;
}
</style>
<body>
<div id="svg-container">
<svg width="713" height="381" viewBox="0 0 713 381" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="giant_wheel 1" clip-path="url(#clip0_2_3)">
<path id="right-tree" d="M712.046 225.224C712.046 193.641 686.426 118.697 654.822 118.697C623.218 118.697 597.598 193.641 597.598 225.224C597.609 240.393 603.643 254.938 614.373 265.661C625.104 276.383 639.653 282.407 654.822 282.407C669.992 282.407 684.541 276.383 695.271 265.661C706.002 254.938 712.035 240.393 712.046 225.224H712.046Z" fill="#539755"/>
<path id="Vector" d="M654.822 351.941C654.649 351.941 654.482 351.872 654.36 351.749C654.237 351.627 654.168 351.46 654.168 351.287V217.702C654.168 217.528 654.237 217.362 654.36 217.239C654.482 217.116 654.649 217.047 654.822 217.047C654.996 217.047 655.162 217.116 655.285 217.239C655.408 217.362 655.477 217.528 655.477 217.702V351.287C655.477 351.46 655.408 351.627 655.285 351.749C655.162 351.872 654.996 351.941 654.822 351.941Z" fill="#CCCCCC"/>
<path id="Vector_2" d="M654.823 242.66C654.729 242.66 654.636 242.64 654.551 242.601C654.465 242.562 654.389 242.505 654.328 242.434L621.417 204.481C621.304 204.349 621.247 204.179 621.259 204.006C621.272 203.833 621.352 203.672 621.483 203.558C621.614 203.445 621.785 203.388 621.958 203.4C622.131 203.412 622.292 203.492 622.406 203.623L655.317 241.577C655.399 241.672 655.452 241.788 655.47 241.912C655.488 242.036 655.47 242.163 655.418 242.277C655.365 242.391 655.282 242.488 655.176 242.556C655.071 242.624 654.948 242.66 654.823 242.66Z" fill="#CCCCCC"/>
<path id="Vector_3" d="M654.822 264.564C654.693 264.564 654.566 264.525 654.459 264.454C654.351 264.382 654.267 264.279 654.218 264.16C654.168 264.04 654.155 263.909 654.181 263.782C654.206 263.655 654.268 263.538 654.36 263.447L673.06 244.746C673.183 244.624 673.349 244.555 673.522 244.556C673.696 244.556 673.862 244.625 673.984 244.747C674.107 244.87 674.176 245.036 674.176 245.209C674.176 245.382 674.108 245.548 673.986 245.671L655.285 264.372C655.224 264.433 655.152 264.481 655.073 264.514C654.993 264.547 654.908 264.564 654.822 264.564V264.564Z" fill="#CCCCCC"/>
<path id="left-tree" d="M81.0464 280.584C81.0464 262.799 66.6192 220.596 48.8223 220.596C31.0254 220.596 16.5982 262.799 16.5982 280.584C16.603 289.127 20.0001 297.319 26.0428 303.358C32.0854 309.397 40.2791 312.79 48.8223 312.79C57.3656 312.79 65.5592 309.397 71.6019 303.358C77.6445 297.319 81.0417 289.127 81.0464 280.584H81.0464Z" fill="#539755"/>
<path id="Vector_4" d="M48.8223 351.941C48.7245 351.941 48.6308 351.902 48.5617 351.833C48.4926 351.764 48.4538 351.67 48.4538 351.573V276.348C48.4538 276.25 48.4926 276.157 48.5617 276.087C48.6308 276.018 48.7245 275.98 48.8223 275.98C48.92 275.98 49.0137 276.018 49.0829 276.087C49.152 276.157 49.1908 276.25 49.1908 276.348V351.573C49.1908 351.67 49.1519 351.764 49.0828 351.833C49.0137 351.902 48.92 351.941 48.8223 351.941V351.941Z" fill="#CCCCCC"/>
<path id="Vector_5" d="M48.8225 290.403C48.7696 290.403 48.7174 290.391 48.6693 290.369C48.6212 290.348 48.5784 290.316 48.5438 290.276L30.011 268.903C29.9475 268.829 29.9158 268.733 29.9229 268.636C29.93 268.539 29.9753 268.448 30.049 268.384C30.1226 268.32 30.2186 268.288 30.3158 268.295C30.4131 268.302 30.5037 268.347 30.5679 268.42L49.1007 289.793C49.147 289.846 49.1769 289.912 49.187 289.982C49.1971 290.051 49.1869 290.123 49.1575 290.187C49.1282 290.251 49.0811 290.306 49.0216 290.344C48.9622 290.382 48.8931 290.403 48.8225 290.403V290.403Z" fill="#CCCCCC"/>
<path id="Vector_6" d="M48.8223 302.737C48.7494 302.737 48.6782 302.715 48.6176 302.675C48.557 302.634 48.5098 302.577 48.4819 302.51C48.454 302.442 48.4467 302.368 48.4609 302.297C48.4751 302.225 48.5102 302.16 48.5617 302.108L59.0924 291.577C59.1615 291.508 59.2552 291.469 59.3529 291.469C59.4507 291.469 59.5444 291.508 59.6135 291.577C59.6826 291.646 59.7214 291.74 59.7214 291.838C59.7214 291.935 59.6826 292.029 59.6135 292.098L49.0828 302.629C49.0486 302.663 49.008 302.691 48.9633 302.709C48.9186 302.728 48.8707 302.737 48.8223 302.737Z" fill="#CCCCCC"/>
<path id="Vector_7" d="M13.9204 351.453C13.9204 347.885 15.3377 344.463 17.8606 341.94C20.3835 339.417 23.8053 338 27.3732 338C30.9411 338 34.3628 339.417 36.8857 341.94C39.4086 344.463 40.8259 347.885 40.8259 351.453" fill="#F2F2F2"/>
<path id="Vector_8" d="M27.3732 351.453C27.2768 351.453 27.1843 351.414 27.1161 351.346C27.0479 351.278 27.0096 351.186 27.0096 351.089V343.999C27.0096 343.903 27.0479 343.81 27.1161 343.742C27.1843 343.674 27.2768 343.636 27.3732 343.636C27.4696 343.636 27.5621 343.674 27.6303 343.742C27.6985 343.81 27.7368 343.903 27.7368 343.999V351.089C27.7368 351.186 27.6985 351.278 27.6303 351.346C27.5621 351.414 27.4696 351.453 27.3732 351.453V351.453Z" fill="#CCCCCC"/>
<path id="Vector_9" d="M27.373 349.016C27.2861 349.017 27.2021 348.985 27.1363 348.929L22.7733 345.184C22.7369 345.153 22.707 345.115 22.6853 345.072C22.6636 345.03 22.6505 344.983 22.6468 344.936C22.6431 344.888 22.6488 344.84 22.6637 344.794C22.6786 344.749 22.7022 344.707 22.7334 344.671C22.7646 344.634 22.8026 344.605 22.8453 344.583C22.888 344.561 22.9345 344.548 22.9822 344.545C23.0299 344.541 23.0779 344.547 23.1233 344.562C23.1687 344.577 23.2107 344.601 23.2469 344.632L27.61 348.377C27.6664 348.425 27.7065 348.49 27.7252 348.562C27.7438 348.634 27.7399 348.71 27.7141 348.779C27.6883 348.849 27.6418 348.909 27.5808 348.951C27.5198 348.994 27.4473 349.016 27.373 349.016H27.373Z" fill="#CCCCCC"/>
<path id="Vector_10" d="M55.3694 351.453C55.3694 347.885 56.7868 344.463 59.3097 341.94C61.8325 339.417 65.2543 338 68.8222 338C72.3901 338 75.8118 339.417 78.3347 341.94C80.8576 344.463 82.275 347.885 82.275 351.453" fill="#F2F2F2"/>
<path id="Vector_11" d="M68.8222 351.453C68.7258 351.453 68.6333 351.414 68.5651 351.346C68.4969 351.278 68.4586 351.186 68.4586 351.089V343.999C68.4586 343.903 68.4969 343.81 68.5651 343.742C68.6333 343.674 68.7258 343.636 68.8222 343.636C68.9186 343.636 69.0111 343.674 69.0793 343.742C69.1475 343.81 69.1858 343.903 69.1858 343.999V351.089C69.1858 351.186 69.1475 351.278 69.0793 351.346C69.0111 351.414 68.9186 351.453 68.8222 351.453V351.453Z" fill="#CCCCCC"/>
<path id="Vector_12" d="M68.822 349.016C68.7352 349.017 68.6512 348.985 68.5854 348.929L64.2223 345.184C64.1491 345.121 64.1039 345.032 64.0966 344.936C64.0893 344.84 64.1205 344.745 64.1833 344.671C64.2461 344.598 64.3354 344.553 64.4315 344.546C64.5277 344.538 64.6228 344.569 64.696 344.632L69.059 348.377C69.1154 348.425 69.1556 348.49 69.1742 348.562C69.1928 348.634 69.1889 348.71 69.1631 348.779C69.1373 348.849 69.0908 348.909 69.0298 348.951C68.9688 348.994 68.8963 349.016 68.822 349.016V349.016Z" fill="#CCCCCC"/>
<path id="Vector_13" d="M304.838 161C311.465 161 316.838 155.627 316.838 149C316.838 142.373 311.465 137 304.838 137C298.21 137 292.838 142.373 292.838 149C292.838 155.627 298.21 161 304.838 161Z" fill="#3F3D56"/>
<path id="Vector_14" d="M258.381 351.695L247.838 352L299.295 144.305L308.86 147.223L258.381 351.695Z" fill="#3F3D56"/>
<path id="Vector_15" d="M351.295 351.695L361.838 352L310.381 144.305L300.816 147.223L351.295 351.695Z" fill="#3F3D56"/>
<g id="giant-wheel-cabins">
<path id="Vector_16" d="M320.838 34H287.838V52H320.838V34Z" fill="#A49A9A"/>
<path id="Vector_17" d="M302.838 38H289.838V52H302.838V38Z" fill="white"/>
<path id="Vector_18" d="M318.838 38H305.838V52H318.838V38Z" fill="white"/>
<path id="Vector_19" d="M304.338 71.5C299.3 71.4943 294.471 69.4907 290.909 65.9287C287.347 62.3668 285.343 57.5374 285.338 52.5V52C285.339 50.8069 285.814 49.6631 286.657 48.8195C287.501 47.9759 288.645 47.5013 289.838 47.5H318.838C320.031 47.5013 321.175 47.9759 322.018 48.8195C322.862 49.6631 323.336 50.8069 323.338 52V52.5C323.332 57.5374 321.328 62.3668 317.766 65.9287C314.205 69.4907 309.375 71.4943 304.338 71.5Z" fill="#A49A9A"/>
<path id="Vector_20" d="M319.602 38.5H289.074C288.648 38.5 288.229 38.3911 287.856 38.1836C287.484 37.9761 287.171 37.6769 286.947 37.3143C286.723 36.9518 286.595 36.538 286.576 36.1123C286.557 35.6866 286.647 35.263 286.838 34.8818L292.838 22.8818C293.044 22.4655 293.363 22.1154 293.758 21.8712C294.153 21.627 294.609 21.4984 295.074 21.5H313.602C314.066 21.4984 314.522 21.627 314.917 21.8712C315.313 22.1154 315.631 22.4655 315.838 22.8818L321.838 34.8818C322.028 35.263 322.118 35.6866 322.099 36.1123C322.08 36.538 321.953 36.9518 321.728 37.3143C321.504 37.6768 321.191 37.9761 320.819 38.1836C320.447 38.3911 320.028 38.5 319.602 38.5Z" fill="#FF6363"/>
<path id="Vector_21" d="M409.838 74H376.838V92H409.838V74Z" fill="#A49A9A"/>
<path id="Vector_22" d="M391.838 78H378.838V92H391.838V78Z" fill="white"/>
<path id="Vector_23" d="M407.838 78H394.838V92H407.838V78Z" fill="white"/>
<path id="Vector_24" d="M393.338 111.5C388.3 111.494 383.471 109.491 379.909 105.929C376.347 102.367 374.343 97.5374 374.338 92.5V92C374.339 90.8069 374.814 89.6631 375.657 88.8195C376.501 87.9759 377.645 87.5013 378.838 87.5H407.838C409.031 87.5013 410.175 87.9759 411.018 88.8195C411.862 89.6631 412.336 90.8069 412.338 92V92.5C412.332 97.5374 410.328 102.367 406.766 105.929C403.205 109.491 398.375 111.494 393.338 111.5Z" fill="#A49A9A"/>
<path id="Vector_25" d="M384.074 62.5C383.795 62.4991 383.522 62.5763 383.285 62.7228C383.047 62.8694 382.856 63.0794 382.732 63.3291L376.732 75.3291C376.618 75.5578 376.564 75.8119 376.575 76.0674C376.587 76.3228 376.663 76.5711 376.798 76.7886C376.932 77.0062 377.12 77.1857 377.343 77.3102C377.567 77.4347 377.818 77.5 378.074 77.5H408.602C408.857 77.5 409.109 77.4347 409.332 77.3102C409.556 77.1857 409.743 77.0062 409.878 76.7886C410.012 76.5711 410.089 76.3228 410.1 76.0674C410.112 75.8119 410.058 75.5578 409.943 75.3291L403.943 63.3291C403.819 63.0794 403.628 62.8694 403.391 62.7228C403.154 62.5763 402.88 62.4991 402.602 62.5H384.074Z" fill="#FF6363"/>
<path id="Vector_26" d="M444.838 164H411.838V182H444.838V164Z" fill="#A49A9A"/>
<path id="Vector_27" d="M426.838 168H413.838V182H426.838V168Z" fill="white"/>
<path id="Vector_28" d="M442.838 168H429.838V182H442.838V168Z" fill="white"/>
<path id="Vector_29" d="M428.338 201.5C423.3 201.494 418.471 199.491 414.909 195.929C411.347 192.367 409.343 187.537 409.338 182.5V182C409.339 180.807 409.814 179.663 410.657 178.82C411.501 177.976 412.645 177.501 413.838 177.5H442.838C444.031 177.501 445.175 177.976 446.018 178.82C446.862 179.663 447.336 180.807 447.338 182V182.5C447.332 187.537 445.328 192.367 441.766 195.929C438.205 199.491 433.375 201.494 428.338 201.5V201.5Z" fill="#A49A9A"/>
<path id="Vector_30" d="M443.602 168.5H413.074C412.648 168.5 412.229 168.391 411.856 168.184C411.484 167.976 411.171 167.677 410.947 167.314C410.723 166.952 410.595 166.538 410.576 166.112C410.557 165.687 410.647 165.263 410.838 164.882L416.838 152.882C417.044 152.466 417.363 152.115 417.758 151.871C418.153 151.627 418.609 151.498 419.074 151.5H437.602C438.066 151.498 438.522 151.627 438.917 151.871C439.313 152.115 439.631 152.466 439.838 152.882L445.838 164.882C446.028 165.263 446.118 165.687 446.099 166.112C446.08 166.538 445.953 166.952 445.728 167.314C445.504 167.677 445.191 167.976 444.819 168.184C444.447 168.391 444.028 168.5 443.602 168.5V168.5Z" fill="#FF6363"/>
<path id="Vector_31" d="M407.838 248H374.838V266H407.838V248Z" fill="#A49A9A"/>
<path id="Vector_32" d="M389.838 252H376.838V266H389.838V252Z" fill="white"/>
<path id="Vector_33" d="M405.838 252H392.838V266H405.838V252Z" fill="white"/>
<path id="Vector_34" d="M391.338 285.5C386.3 285.494 381.471 283.491 377.909 279.929C374.347 276.367 372.343 271.537 372.338 266.5V266C372.339 264.807 372.814 263.663 373.657 262.819C374.501 261.976 375.645 261.501 376.838 261.5H405.838C407.031 261.501 408.175 261.976 409.018 262.819C409.862 263.663 410.336 264.807 410.338 266V266.5C410.332 271.537 408.328 276.367 404.766 279.929C401.205 283.491 396.375 285.494 391.338 285.5Z" fill="#A49A9A"/>
<path id="Vector_35" d="M406.602 252.5H376.074C375.648 252.5 375.229 252.391 374.856 252.184C374.484 251.976 374.171 251.677 373.947 251.314C373.723 250.952 373.595 250.538 373.576 250.112C373.557 249.687 373.647 249.263 373.838 248.882L379.838 236.882C380.044 236.466 380.363 236.115 380.758 235.871C381.153 235.627 381.609 235.498 382.074 235.5H400.602C401.066 235.498 401.522 235.627 401.917 235.871C402.313 236.115 402.631 236.466 402.838 236.882L408.838 248.882C409.028 249.263 409.118 249.687 409.099 250.112C409.08 250.538 408.953 250.952 408.728 251.314C408.504 251.677 408.191 251.976 407.819 252.184C407.447 252.391 407.028 252.5 406.602 252.5V252.5Z" fill="#FF6363"/>
<path id="Vector_36" d="M199.838 92H232.838V74H199.838V92Z" fill="#A49A9A"/>
<path id="Vector_37" d="M217.838 92H230.838V78H217.838V92Z" fill="white"/>
<path id="Vector_38" d="M201.838 92H214.838V78H201.838V92Z" fill="white"/>
<path id="Vector_39" d="M216.338 111.5C211.3 111.494 206.471 109.491 202.909 105.929C199.347 102.367 197.343 97.5374 197.338 92.5V92C197.339 90.8069 197.814 89.6631 198.657 88.8195C199.501 87.9759 200.645 87.5013 201.838 87.5H230.838C232.031 87.5013 233.175 87.9759 234.018 88.8195C234.862 89.6631 235.336 90.8069 235.338 92V92.5C235.332 97.5374 233.328 102.367 229.766 105.929C226.205 109.491 221.375 111.494 216.338 111.5V111.5Z" fill="#A49A9A"/>
<path id="Vector_40" d="M231.602 78.5H201.074C200.648 78.5 200.229 78.3911 199.856 78.1836C199.484 77.9761 199.171 77.6769 198.947 77.3143C198.723 76.9518 198.595 76.538 198.576 76.1123C198.557 75.6866 198.647 75.263 198.838 74.8818L204.838 62.8818C205.044 62.4655 205.363 62.1154 205.758 61.8712C206.153 61.627 206.609 61.4984 207.074 61.5H225.602C226.066 61.4984 226.522 61.627 226.917 61.8712C227.313 62.1154 227.631 62.4655 227.838 62.8818L233.838 74.8818C234.028 75.263 234.118 75.6866 234.099 76.1123C234.08 76.538 233.952 76.9518 233.728 77.3143C233.504 77.6768 233.191 77.9761 232.819 78.1836C232.447 78.3911 232.028 78.5 231.602 78.5V78.5Z" fill="#FF6363"/>
<path id="Vector_41" d="M164.838 182H197.838V164H164.838V182Z" fill="#A49A9A"/>
<path id="Vector_42" d="M182.838 182H195.838V168H182.838V182Z" fill="white"/>
<path id="Vector_43" d="M166.838 182H179.838V168H166.838V182Z" fill="white"/>
<path id="Vector_44" d="M181.338 201.5C176.3 201.494 171.471 199.491 167.909 195.929C164.347 192.367 162.343 187.537 162.338 182.5V182C162.339 180.807 162.814 179.663 163.657 178.82C164.501 177.976 165.645 177.501 166.838 177.5H195.838C197.031 177.501 198.175 177.976 199.018 178.82C199.862 179.663 200.336 180.807 200.338 182V182.5C200.332 187.537 198.328 192.367 194.766 195.929C191.205 199.491 186.375 201.494 181.338 201.5V201.5Z" fill="#A49A9A"/>
<path id="Vector_45" d="M196.602 168.5H166.074C165.648 168.5 165.229 168.391 164.856 168.184C164.484 167.976 164.171 167.677 163.947 167.314C163.723 166.952 163.595 166.538 163.576 166.112C163.557 165.687 163.647 165.263 163.838 164.882L169.838 152.882C170.044 152.466 170.363 152.115 170.758 151.871C171.153 151.627 171.609 151.498 172.074 151.5H190.602C191.066 151.498 191.522 151.627 191.917 151.871C192.313 152.115 192.631 152.466 192.838 152.882L198.838 164.882C199.028 165.263 199.118 165.687 199.099 166.112C199.08 166.538 198.952 166.952 198.728 167.314C198.504 167.677 198.191 167.976 197.819 168.184C197.447 168.391 197.028 168.5 196.602 168.5V168.5Z" fill="#FF6363"/>
<path id="Vector_46" d="M201.838 266H234.838V248H201.838V266Z" fill="#A49A9A"/>
<path id="Vector_47" d="M219.838 266H232.838V252H219.838V266Z" fill="white"/>
<path id="Vector_48" d="M203.838 266H216.838V252H203.838V266Z" fill="white"/>
<path id="Vector_49" d="M218.338 285.5C213.3 285.494 208.471 283.491 204.909 279.929C201.347 276.367 199.343 271.537 199.338 266.5V266C199.339 264.807 199.814 263.663 200.657 262.819C201.501 261.976 202.645 261.501 203.838 261.5H232.838C234.031 261.501 235.175 261.976 236.018 262.819C236.862 263.663 237.336 264.807 237.338 266V266.5C237.332 271.537 235.328 276.367 231.766 279.929C228.205 283.491 223.375 285.494 218.338 285.5Z" fill="#A49A9A"/>
<path id="Vector_50" d="M233.602 252.5H203.074C202.648 252.5 202.229 252.391 201.856 252.184C201.484 251.976 201.171 251.677 200.947 251.314C200.723 250.952 200.595 250.538 200.576 250.112C200.557 249.687 200.647 249.263 200.838 248.882L206.838 236.882C207.044 236.466 207.363 236.115 207.758 235.871C208.153 235.627 208.609 235.498 209.074 235.5H227.602C228.066 235.498 228.522 235.627 228.917 235.871C229.313 236.115 229.631 236.466 229.838 236.882L235.838 248.882C236.028 249.263 236.118 249.687 236.099 250.112C236.08 250.538 235.952 250.952 235.728 251.314C235.504 251.677 235.191 251.976 234.819 252.184C234.447 252.391 234.028 252.5 233.602 252.5V252.5Z" fill="#FF6363"/>
<path id="Vector_51" d="M320.838 286H287.838V304H320.838V286Z" fill="#A49A9A"/>
<path id="Vector_52" d="M302.838 290H289.838V304H302.838V290Z" fill="white"/>
<path id="Vector_53" d="M318.838 290H305.838V304H318.838V290Z" fill="white"/>
<path id="Vector_54" d="M289.838 297.5C288.91 297.501 288.02 297.87 287.364 298.526C286.708 299.182 286.339 300.072 286.338 301V301.5C286.338 306.274 288.234 310.852 291.61 314.228C294.986 317.604 299.564 319.5 304.338 319.5C309.112 319.5 313.69 317.604 317.066 314.228C320.441 310.852 322.338 306.274 322.338 301.5V301C322.337 300.072 321.968 299.182 321.311 298.526C320.655 297.87 319.766 297.501 318.838 297.5H289.838Z" fill="#A49A9A"/>
<path id="Vector_55" d="M295.074 274.5C294.795 274.499 294.522 274.576 294.285 274.723C294.047 274.869 293.856 275.079 293.732 275.329L287.732 287.329C287.618 287.558 287.564 287.812 287.575 288.067C287.587 288.323 287.663 288.571 287.798 288.789C287.932 289.006 288.12 289.186 288.343 289.31C288.567 289.435 288.818 289.5 289.074 289.5H319.602C319.857 289.5 320.109 289.435 320.332 289.31C320.556 289.186 320.743 289.006 320.878 288.789C321.012 288.571 321.089 288.323 321.1 288.067C321.112 287.812 321.058 287.558 320.943 287.329L314.943 275.329C314.819 275.079 314.628 274.869 314.391 274.723C314.154 274.576 313.88 274.499 313.602 274.5H295.074Z" fill="#FF6363"/>
</g>
<path id="Vector_56" d="M529.046 322C529.312 322 529.566 321.895 529.753 321.707C529.941 321.52 530.046 321.265 530.046 321C530.046 320.735 529.941 320.48 529.753 320.293C529.566 320.105 529.312 320 529.046 320H519.546V316H529.046C529.312 316 529.566 315.895 529.753 315.707C529.941 315.52 530.046 315.265 530.046 315C530.046 314.735 529.941 314.48 529.753 314.293C529.566 314.105 529.312 314 529.046 314H448.046C447.781 314 447.527 314.105 447.339 314.293C447.152 314.48 447.046 314.735 447.046 315C447.046 315.265 447.152 315.52 447.339 315.707C447.527 315.895 447.781 316 448.046 316H457.546V320H448.046C447.781 320 447.527 320.105 447.339 320.293C447.152 320.48 447.046 320.735 447.046 321C447.046 321.265 447.152 321.52 447.339 321.707C447.527 321.895 447.781 322 448.046 322H457.546V326H448.046C447.781 326 447.527 326.105 447.339 326.293C447.152 326.48 447.046 326.735 447.046 327C447.046 327.265 447.152 327.52 447.339 327.707C447.527 327.895 447.781 328 448.046 328H457.546V332H449.046C448.516 332 448.007 332.211 447.632 332.586C447.257 332.961 447.046 333.47 447.046 334C447.046 334.53 447.257 335.039 447.632 335.414C448.007 335.789 448.516 336 449.046 336H457.138C457.079 336.16 457.048 336.329 457.046 336.5V350.5C457.046 350.898 457.204 351.279 457.486 351.561C457.767 351.842 458.149 352 458.546 352C458.944 352 459.326 351.842 459.607 351.561C459.888 351.279 460.046 350.898 460.046 350.5V336.5C460.045 336.329 460.014 336.16 459.955 336H517.138C517.079 336.16 517.048 336.329 517.046 336.5V350.5C517.046 350.898 517.204 351.279 517.486 351.561C517.767 351.842 518.149 352 518.546 352C518.944 352 519.326 351.842 519.607 351.561C519.888 351.279 520.046 350.898 520.046 350.5V336.5C520.045 336.329 520.014 336.16 519.955 336H528.046C528.577 336 529.086 335.789 529.461 335.414C529.836 335.039 530.046 334.53 530.046 334C530.046 333.47 529.836 332.961 529.461 332.586C529.086 332.211 528.577 332 528.046 332H519.546V328H529.046C529.312 328 529.566 327.895 529.754 327.707C529.941 327.52 530.046 327.265 530.046 327C530.046 326.735 529.941 326.48 529.754 326.293C529.566 326.105 529.312 326 529.046 326H519.546V322H529.046ZM459.546 316H517.546V320H459.546V316ZM517.546 332H459.546V328H517.546V332ZM517.546 326H459.546V322H517.546V326Z" fill="#3F3D56"/>
<path id="Vector_57" d="M189.046 322C189.312 322 189.566 321.895 189.754 321.707C189.941 321.52 190.046 321.265 190.046 321C190.046 320.735 189.941 320.48 189.754 320.293C189.566 320.105 189.312 320 189.046 320H179.546V316H189.046C189.312 316 189.566 315.895 189.754 315.707C189.941 315.52 190.046 315.265 190.046 315C190.046 314.735 189.941 314.48 189.754 314.293C189.566 314.105 189.312 314 189.046 314H108.046C107.781 314 107.527 314.105 107.339 314.293C107.152 314.48 107.046 314.735 107.046 315C107.046 315.265 107.152 315.52 107.339 315.707C107.527 315.895 107.781 316 108.046 316H117.546V320H108.046C107.781 320 107.527 320.105 107.339 320.293C107.152 320.48 107.046 320.735 107.046 321C107.046 321.265 107.152 321.52 107.339 321.707C107.527 321.895 107.781 322 108.046 322H117.546V326H108.046C107.781 326 107.527 326.105 107.339 326.293C107.152 326.48 107.046 326.735 107.046 327C107.046 327.265 107.152 327.52 107.339 327.707C107.527 327.895 107.781 328 108.046 328H117.546V332H109.046C108.516 332 108.007 332.211 107.632 332.586C107.257 332.961 107.046 333.47 107.046 334C107.046 334.53 107.257 335.039 107.632 335.414C108.007 335.789 108.516 336 109.046 336H117.138C117.079 336.16 117.048 336.329 117.046 336.5V350.5C117.046 350.898 117.204 351.279 117.486 351.561C117.767 351.842 118.149 352 118.546 352C118.944 352 119.326 351.842 119.607 351.561C119.888 351.279 120.046 350.898 120.046 350.5V336.5C120.045 336.329 120.014 336.16 119.955 336H177.138C177.079 336.16 177.048 336.329 177.046 336.5V350.5C177.046 350.898 177.204 351.279 177.486 351.561C177.767 351.842 178.149 352 178.546 352C178.944 352 179.326 351.842 179.607 351.561C179.888 351.279 180.046 350.898 180.046 350.5V336.5C180.045 336.329 180.014 336.16 179.955 336H188.046C188.577 336 189.086 335.789 189.461 335.414C189.836 335.039 190.046 334.53 190.046 334C190.046 333.47 189.836 332.961 189.461 332.586C189.086 332.211 188.577 332 188.046 332H179.546V328H189.046C189.312 328 189.566 327.895 189.754 327.707C189.941 327.52 190.046 327.265 190.046 327C190.046 326.735 189.941 326.48 189.754 326.293C189.566 326.105 189.312 326 189.046 326H179.546V322H189.046ZM119.546 316H177.546V320H119.546V316ZM177.546 332H119.546V328H177.546V332ZM177.546 326H119.546V322H177.546V326Z" fill="#3F3D56"/>
<path id="Vector_58" d="M504.046 316.5H501.046C500.649 316.5 500.267 316.341 499.986 316.06C499.705 315.779 499.547 315.398 499.546 315V312C499.547 311.602 499.705 311.221 499.986 310.94C500.267 310.659 500.649 310.5 501.046 310.5H504.046C504.444 310.5 504.825 310.659 505.107 310.94C505.388 311.221 505.546 311.602 505.546 312V315C505.546 315.398 505.388 315.779 505.107 316.06C504.825 316.341 504.444 316.5 504.046 316.5Z" fill="#CCCCCC"/>
<path id="Vector_59" d="M502.603 313.194C502.546 313.195 502.488 313.19 502.432 313.18C502.303 313.157 502.179 313.11 502.068 313.04C501.957 312.97 501.861 312.879 501.785 312.771C501.709 312.664 501.655 312.543 501.626 312.415C501.597 312.287 501.594 312.154 501.616 312.025L511.506 254.479C511.551 254.218 511.698 253.985 511.915 253.833C512.131 253.68 512.399 253.62 512.66 253.664C512.921 253.709 513.154 253.856 513.307 254.072C513.46 254.288 513.521 254.556 513.477 254.817L503.587 312.364C503.547 312.596 503.426 312.807 503.246 312.959C503.066 313.11 502.838 313.194 502.603 313.194V313.194Z" fill="#CCCCCC"/>
<path id="Vector_60" d="M502.6 313.194C502.365 313.194 502.137 313.11 501.957 312.959C501.777 312.807 501.656 312.596 501.616 312.364L491.727 254.817C491.682 254.556 491.742 254.287 491.895 254.071C492.049 253.854 492.281 253.707 492.543 253.662C492.804 253.617 493.073 253.678 493.289 253.831C493.506 253.984 493.653 254.217 493.698 254.479L503.587 312.025C503.609 312.154 503.606 312.287 503.577 312.415C503.548 312.543 503.494 312.664 503.418 312.771C503.342 312.879 503.246 312.97 503.135 313.04C503.024 313.11 502.9 313.157 502.771 313.18C502.715 313.19 502.658 313.195 502.6 313.194Z" fill="#CCCCCC"/>
<path id="Vector_61" d="M502.546 312C502.281 312 502.027 311.895 501.839 311.707C501.652 311.52 501.546 311.265 501.546 311V251.842C501.546 251.577 501.652 251.323 501.839 251.135C502.027 250.948 502.281 250.842 502.546 250.842C502.812 250.842 503.066 250.948 503.253 251.135C503.441 251.323 503.546 251.577 503.546 251.842V311C503.546 311.265 503.441 311.52 503.253 311.707C503.066 311.895 502.812 312 502.546 312V312Z" fill="#CCCCCC"/>
<g id="baloons">
<path id="Vector_62" d="M523.892 244.628C524.856 237.799 521.209 231.638 515.745 230.866C510.282 230.095 505.071 235.006 504.107 241.835C503.294 247.595 505.768 252.866 509.838 254.843L509.606 256.484L514.553 257.183L514.784 255.541C519.243 254.768 523.079 250.388 523.892 244.628Z" fill="#5D35FA"/>
<path id="Vector_63" d="M500.925 241.52C499.742 234.726 494.376 229.985 488.94 230.932C483.504 231.879 480.057 238.154 481.241 244.949C482.239 250.68 486.214 254.934 490.695 255.563L490.98 257.196L495.901 256.339L495.616 254.706C499.621 252.599 501.923 247.251 500.925 241.52Z" fill="#EFB441"/>
<path id="Vector_64" d="M511.917 240.479C511.917 233.582 507.444 227.991 501.927 227.991C496.409 227.991 491.936 233.582 491.936 240.479C491.936 246.296 495.122 251.169 499.429 252.558V254.216H504.424V252.558C508.731 251.169 511.917 246.296 511.917 240.479Z" fill="#F93333"/>
</g>
<path id="Vector_65" d="M710.485 353.537H1.1907C0.874916 353.537 0.572066 353.412 0.34877 353.188C0.125474 352.965 3.05176e-05 352.662 3.05176e-05 352.346C3.05176e-05 352.031 0.125474 351.728 0.34877 351.505C0.572066 351.281 0.874916 351.156 1.1907 351.156H710.485C710.8 351.156 711.103 351.281 711.327 351.505C711.55 351.728 711.675 352.031 711.675 352.346C711.675 352.662 711.55 352.965 711.327 353.188C711.103 353.412 710.8 353.537 710.485 353.537V353.537Z" fill="#CCCCCC"/>
<path id="Vector_66" d="M553.475 351.407L551.2 351.406L550.118 342.633H553.475V351.407Z" fill="#A0616A"/>
<path id="Vector_67" d="M549.251 350.757H553.962V353.519H546.814V353.195C546.814 352.874 546.877 352.557 546.999 352.262C547.122 351.966 547.301 351.697 547.528 351.471C547.754 351.244 548.023 351.065 548.318 350.942C548.614 350.82 548.931 350.757 549.251 350.757V350.757Z" fill="#2F2E41"/>
<path id="Vector_68" d="M569.978 348.83L567.909 349.775L563.28 342.245L566.333 340.85L569.978 348.83Z" fill="#A0616A"/>
<path id="Vector_69" d="M565.867 349.994L570.152 348.036L571.299 350.549L564.797 353.519L564.662 353.224C564.529 352.933 564.455 352.618 564.443 352.298C564.432 351.978 564.483 351.659 564.595 351.359C564.707 351.059 564.877 350.784 565.095 350.55C565.313 350.316 565.576 350.127 565.867 349.994Z" fill="#2F2E41"/>
<path id="Vector_70" d="M553.33 349.093H551.157C550.946 349.093 550.743 349.012 550.589 348.869C550.435 348.725 550.34 348.529 550.324 348.319L549.139 316.676C549.13 316.555 549.148 316.433 549.191 316.319C549.234 316.205 549.302 316.103 549.389 316.018C549.476 315.933 549.58 315.868 549.695 315.828C549.81 315.787 549.932 315.773 550.053 315.784L562.62 317.119C562.823 317.139 563.012 317.233 563.151 317.383C563.29 317.533 563.369 317.729 563.373 317.934L563.637 331.892C563.638 331.968 563.653 332.043 563.68 332.114L568.835 345.481C568.875 345.585 568.894 345.695 568.89 345.805C568.887 345.916 568.862 346.025 568.817 346.126C568.771 346.227 568.706 346.317 568.625 346.393C568.544 346.468 568.448 346.527 568.344 346.565L566.143 347.376C565.951 347.447 565.741 347.445 565.551 347.371C565.361 347.297 565.205 347.156 565.112 346.975L558.779 334.662C558.745 334.595 558.719 334.523 558.704 334.45L557.622 329.237C557.591 329.086 557.507 328.951 557.385 328.857C557.263 328.762 557.111 328.714 556.957 328.721C556.803 328.728 556.656 328.789 556.543 328.895C556.431 329 556.359 329.142 556.341 329.295L554.159 348.353C554.136 348.557 554.039 348.745 553.886 348.881C553.733 349.018 553.535 349.093 553.33 349.093V349.093Z" fill="#2F2E41"/>
<path id="Vector_71" d="M554.412 291.934C556.928 291.934 558.968 289.894 558.968 287.377C558.968 284.861 556.928 282.82 554.412 282.82C551.895 282.82 549.855 284.861 549.855 287.377C549.855 289.894 551.895 291.934 554.412 291.934Z" fill="#A0616A"/>
<path id="Vector_72" d="M557.553 319.563C554.614 319.527 551.738 318.705 549.224 317.183V317.183C549.094 317.103 548.989 316.989 548.92 316.854C548.851 316.719 548.82 316.567 548.831 316.415L549.939 300.576C550.01 299.507 550.331 298.47 550.874 297.547C551.418 296.624 552.17 295.841 553.071 295.26C553.931 294.691 554.913 294.331 555.937 294.209C556.961 294.087 558 294.206 558.97 294.557C559.398 294.705 559.802 294.915 560.17 295.179C561.35 296.02 562.277 297.17 562.849 298.502C563.422 299.833 563.617 301.297 563.416 302.732C562.603 308.895 563.523 317.209 563.631 318.136L563.639 318.203L563.578 318.231C561.69 319.109 559.634 319.563 557.553 319.563Z" fill="#FF6363"/>
<path id="Vector_73" d="M563.354 321.826C563.572 321.662 563.752 321.452 563.88 321.211C564.008 320.97 564.082 320.704 564.096 320.432C564.11 320.16 564.064 319.887 563.962 319.635C563.859 319.382 563.703 319.155 563.503 318.969L566.177 312.902L562.78 313.478L560.762 319.151C560.472 319.507 560.323 319.957 560.343 320.416C560.363 320.874 560.55 321.31 560.87 321.64C561.189 321.969 561.619 322.17 562.077 322.205C562.535 322.239 562.989 322.104 563.354 321.826V321.826Z" fill="#A0616A"/>
<path id="Vector_74" d="M563.61 318.078C563.495 318.078 563.38 318.054 563.274 318.007C563.169 317.961 563.074 317.893 562.996 317.807L561.999 316.72C561.902 316.613 561.834 316.484 561.802 316.344C561.769 316.203 561.773 316.057 561.814 315.919L564.097 308.192L560.623 300.898C560.471 300.578 560.434 300.214 560.517 299.869C560.592 299.567 560.756 299.293 560.988 299.086C561.221 298.878 561.51 298.746 561.82 298.706C562.129 298.667 562.443 298.722 562.72 298.865C562.997 299.007 563.225 299.23 563.372 299.505L568.068 307.124C568.251 307.42 568.358 307.756 568.38 308.103C568.402 308.45 568.339 308.797 568.196 309.114L564.372 317.587C564.315 317.713 564.228 317.823 564.119 317.906C564.009 317.99 563.88 318.046 563.743 318.067C563.699 318.074 563.655 318.078 563.61 318.078Z" fill="#FF6363"/>
<path id="Vector_75" d="M558.166 291.395C557.694 291.476 557.305 290.818 557.246 290.355C557.25 289.897 557.293 289.441 557.374 288.99C557.401 288.751 557.349 288.509 557.228 288.301C557.106 288.093 556.92 287.93 556.698 287.836C556.198 287.693 555.734 288.094 555.222 288.046C554.508 287.979 554.149 287.143 554.063 286.467C553.976 285.791 553.908 284.991 553.29 284.606C552.674 284.222 551.911 284.501 551.203 284.513C550.598 284.506 550.01 284.307 549.526 283.944C549.041 283.581 548.685 283.073 548.508 282.494C548.653 282.536 548.808 282.528 548.949 282.472C549.089 282.416 549.206 282.314 549.283 282.184C549.343 282.045 549.355 281.89 549.317 281.743C549.28 281.596 549.195 281.465 549.076 281.372L550.433 282.036C550.398 281.942 550.384 281.842 550.389 281.743C550.395 281.643 550.421 281.546 550.466 281.457C550.512 281.368 550.574 281.289 550.651 281.225C550.728 281.161 550.817 281.114 550.913 281.086C551.325 280.977 551.758 280.973 552.172 281.073C554.296 281.403 556.757 281.241 558.166 282.86C559.229 284.174 559.817 285.809 559.836 287.498C559.498 288.88 558.934 290.197 558.166 291.395V291.395Z" fill="#2F2E41"/>
<path id="Vector_76" d="M534.004 299.163C534.241 299.028 534.505 298.946 534.777 298.924C535.049 298.902 535.322 298.94 535.578 299.035C535.833 299.13 536.065 299.28 536.257 299.474C536.448 299.669 536.594 299.902 536.686 300.159L543.315 300.112L541.439 303.001L535.431 302.604C534.99 302.728 534.517 302.687 534.104 302.486C533.691 302.286 533.365 301.941 533.189 301.517C533.013 301.093 532.999 300.619 533.149 300.185C533.3 299.751 533.604 299.387 534.004 299.163V299.163Z" fill="#A0616A"/>
<path id="Vector_77" d="M537.454 302.312C537.43 302.199 537.431 302.082 537.455 301.969C537.479 301.856 537.526 301.749 537.594 301.655L538.455 300.458C538.54 300.341 538.653 300.248 538.783 300.188C538.914 300.128 539.058 300.102 539.201 300.113L546.956 299.788L553.664 295.885C553.947 295.67 554.295 295.56 554.65 295.572C554.961 295.582 555.262 295.687 555.513 295.872C555.763 296.058 555.952 296.315 556.054 296.609C556.155 296.904 556.165 297.222 556.082 297.523C555.999 297.823 555.827 298.091 555.589 298.292L549.087 304.443C548.835 304.682 548.527 304.855 548.192 304.948C547.857 305.04 547.504 305.049 547.164 304.974L538.091 302.958C537.956 302.928 537.83 302.865 537.726 302.775C537.621 302.685 537.541 302.57 537.492 302.44C537.476 302.399 537.463 302.356 537.454 302.312V302.312Z" fill="#FF6363"/>
<path id="Vector_78" d="M423.453 347.67C423.547 347.406 423.582 347.124 423.555 346.844C423.528 346.565 423.44 346.294 423.297 346.052C423.155 345.81 422.961 345.603 422.729 345.444C422.498 345.285 422.234 345.179 421.957 345.133L420.805 338.405L418.216 340.829L419.707 346.847C419.66 347.317 419.788 347.788 420.066 348.171C420.344 348.554 420.752 348.821 421.214 348.922C421.676 349.024 422.159 348.953 422.571 348.722C422.984 348.491 423.298 348.117 423.453 347.67V347.67Z" fill="#FFB8B8"/>
<path id="Vector_79" d="M421.733 344.451L419.19 345.118C419.069 345.15 418.941 345.132 418.833 345.07C418.724 345.008 418.644 344.906 418.61 344.786L414.041 328.601L412.661 324.472C412.528 324.074 412.498 323.649 412.574 323.237C412.649 322.824 412.828 322.437 413.093 322.112C413.358 321.787 413.701 321.534 414.09 321.377C414.479 321.22 414.901 321.164 415.318 321.215V321.215C415.8 321.273 416.254 321.47 416.625 321.784C416.996 322.097 417.267 322.512 417.405 322.978L421.055 335.317L422.086 343.933C422.097 344.028 422.079 344.125 422.034 344.211C421.989 344.296 421.92 344.366 421.834 344.412C421.802 344.429 421.768 344.442 421.733 344.451V344.451Z" fill="#FF6363"/>
<path id="Vector_80" d="M412.442 318.484C415.033 318.484 417.134 316.384 417.134 313.793C417.134 311.202 415.033 309.101 412.442 309.101C409.851 309.101 407.75 311.202 407.75 313.793C407.75 316.384 409.851 318.484 412.442 318.484Z" fill="#FFB8B8"/>
<path id="Vector_81" d="M398.628 377.976L396.383 377.308L397.891 368.332L401.204 369.318L398.628 377.976Z" fill="#FFB8B8"/>
<path id="Vector_82" d="M398.553 380.322L391.315 378.168L391.343 378.077C391.453 377.707 391.635 377.362 391.878 377.062C392.121 376.763 392.421 376.514 392.76 376.33C393.1 376.146 393.472 376.031 393.856 375.991C394.24 375.951 394.628 375.988 394.998 376.098H394.998L399.419 377.413L398.553 380.322Z" fill="#2F2E41"/>
<path id="Vector_83" d="M423.22 377.861L420.878 377.86L419.764 368.827L422.074 368.828L423.22 377.861Z" fill="#FFB8B8"/>
<path id="Vector_84" d="M423.817 380.131L416.266 380.13V380.035C416.266 379.649 416.342 379.267 416.49 378.91C416.637 378.554 416.854 378.229 417.127 377.957C417.4 377.684 417.724 377.467 418.08 377.319C418.437 377.172 418.819 377.096 419.205 377.096H419.205L423.817 377.096L423.817 380.131Z" fill="#2F2E41"/>
<path id="Vector_85" d="M399.491 375.32H397.14C397.014 375.32 396.89 375.292 396.775 375.239C396.661 375.185 396.56 375.107 396.48 375.01C396.399 374.914 396.341 374.8 396.309 374.678C396.277 374.556 396.272 374.429 396.295 374.305C394.795 373.638 402.869 334.919 404.776 335.67L404.839 335.579L414.445 336.363C418.748 344.974 421.471 359.223 424.02 374.098C424.051 374.222 424.055 374.351 424.03 374.475C424.005 374.6 423.953 374.718 423.878 374.821C423.802 374.923 423.704 375.007 423.592 375.068C423.48 375.128 423.355 375.162 423.228 375.168L420.586 375.296C420.408 375.306 420.23 375.259 420.08 375.162C419.929 375.065 419.812 374.924 419.746 374.757L409.624 349.453C409.604 349.398 409.567 349.35 409.518 349.318C409.469 349.285 409.411 349.27 409.352 349.273C409.293 349.273 409.236 349.292 409.189 349.327C409.142 349.361 409.106 349.41 409.088 349.465L400.304 374.743C400.245 374.911 400.135 375.057 399.99 375.161C399.844 375.264 399.67 375.32 399.491 375.32V375.32Z" fill="#2F2E41"/>
<path id="Vector_86" d="M414.646 337.121L414.573 337.115L404.346 336.343L406.14 324.934C406.336 323.66 406.94 322.484 407.86 321.582C408.78 320.679 409.967 320.099 411.244 319.926V319.926C411.323 319.915 411.402 319.904 411.481 319.894C412.485 319.762 413.505 319.89 414.445 320.266C415.384 320.642 416.211 321.253 416.846 322.041C417.497 322.833 417.932 323.78 418.111 324.789C418.291 325.798 418.207 326.836 417.869 327.804L414.646 337.121Z" fill="#FF6363"/>
<path id="Vector_87" d="M421.552 319.159C418.326 320.635 413.949 320.371 408.945 319.159C409.637 317.263 410.177 315.431 409.565 314.086C409.318 313.578 409.178 313.025 409.155 312.461C409.132 311.896 409.226 311.334 409.431 310.807C409.91 309.66 410.719 308.68 411.754 307.991C412.789 307.302 414.005 306.934 415.249 306.934V306.934C416.921 306.934 418.524 307.598 419.706 308.78C420.888 309.963 421.552 311.566 421.552 313.238L421.552 319.159Z" fill="#2F2E41"/>
<path id="Vector_88" d="M411.204 307.363H414.676V312.296H406.271C406.271 311.648 406.398 311.007 406.646 310.408C406.894 309.81 407.257 309.266 407.716 308.808C408.174 308.35 408.717 307.986 409.316 307.738C409.914 307.491 410.556 307.363 411.204 307.363V307.363Z" fill="#2F2E41"/>
<path id="Vector_89" d="M404.124 348.732C404.331 348.542 404.494 348.309 404.602 348.049C404.709 347.79 404.758 347.51 404.745 347.229C404.733 346.949 404.659 346.674 404.529 346.426C404.398 346.177 404.215 345.959 403.992 345.789L406.128 339.306L402.704 340.234L401.201 346.248C400.94 346.642 400.832 347.118 400.898 347.587C400.964 348.055 401.199 348.482 401.56 348.788C401.92 349.094 402.38 349.258 402.853 349.247C403.326 349.237 403.778 349.053 404.124 348.732V348.732Z" fill="#FFB8B8"/>
<path id="Vector_90" d="M404.113 345.082L401.555 344.48C401.433 344.45 401.328 344.375 401.261 344.27C401.194 344.164 401.172 344.036 401.197 343.914L404.747 327.475L405.463 323.181C405.532 322.767 405.704 322.378 405.964 322.048C406.224 321.719 406.563 321.461 406.95 321.298C407.336 321.135 407.758 321.073 408.175 321.116C408.592 321.16 408.991 321.309 409.336 321.548C409.735 321.825 410.043 322.213 410.224 322.664C410.405 323.114 410.45 323.608 410.353 324.084L407.795 336.694L404.668 344.789C404.633 344.879 404.572 344.956 404.492 345.01C404.412 345.065 404.318 345.094 404.222 345.094C404.185 345.094 404.149 345.09 404.113 345.082V345.082Z" fill="#FF6363"/>
<path id="Vector_91" d="M483.179 309.354C483.08 309.379 482.983 309.412 482.89 309.453L475.203 304.494L475.309 302.275L471.98 301.677L471.411 305.588C471.365 305.904 471.422 306.226 471.575 306.507C471.728 306.787 471.968 307.01 472.258 307.143L481.725 311.464C481.772 311.855 481.937 312.221 482.197 312.516C482.458 312.81 482.802 313.018 483.184 313.112C483.565 313.206 483.967 313.182 484.334 313.042C484.702 312.903 485.018 312.654 485.241 312.331C485.464 312.007 485.583 311.623 485.583 311.23C485.582 310.837 485.462 310.453 485.238 310.13C485.014 309.807 484.698 309.559 484.33 309.421C483.962 309.282 483.56 309.259 483.179 309.354H483.179Z" fill="#FFB8B8"/>
<path id="Vector_92" d="M474.89 304.358L470.767 303.597C470.65 303.575 470.539 303.528 470.441 303.46C470.344 303.391 470.262 303.302 470.202 303.199C470.141 303.096 470.104 302.982 470.092 302.863C470.08 302.744 470.094 302.625 470.133 302.512L471.486 298.558C471.598 297.957 471.945 297.425 472.45 297.08C472.954 296.735 473.575 296.605 474.176 296.717C474.777 296.83 475.308 297.177 475.654 297.681C475.999 298.186 476.129 298.807 476.017 299.408L475.87 303.571C475.865 303.69 475.836 303.807 475.782 303.913C475.729 304.02 475.653 304.114 475.56 304.189C475.467 304.263 475.359 304.317 475.243 304.346C475.127 304.375 475.007 304.379 474.89 304.358V304.358Z" fill="#3F3D56"/>
<path id="Vector_93" d="M489.224 293.632C489.201 293.732 489.186 293.833 489.18 293.935L481.257 298.506L479.331 297.397L477.278 300.085L480.496 302.379C480.756 302.564 481.069 302.66 481.389 302.652C481.708 302.645 482.016 302.533 482.267 302.336L490.437 295.89C490.805 296.027 491.207 296.048 491.588 295.95C491.969 295.853 492.311 295.642 492.569 295.346C492.827 295.049 492.989 294.681 493.033 294.29C493.077 293.9 493 293.505 492.814 293.158C492.628 292.812 492.341 292.531 491.991 292.351C491.641 292.172 491.245 292.104 490.855 292.155C490.465 292.207 490.101 292.376 489.809 292.639C489.518 292.903 489.314 293.25 489.224 293.633L489.224 293.632Z" fill="#FFB8B8"/>
<path id="Vector_94" d="M480.992 298.722L478.431 302.041C478.358 302.135 478.266 302.213 478.16 302.269C478.055 302.324 477.938 302.356 477.819 302.363C477.7 302.369 477.581 302.35 477.47 302.306C477.359 302.263 477.259 302.196 477.176 302.11L474.277 299.1C473.794 298.725 473.48 298.173 473.404 297.567C473.327 296.96 473.495 296.348 473.87 295.865C474.245 295.382 474.796 295.068 475.403 294.992C476.009 294.915 476.621 295.083 477.104 295.458L480.74 297.491C480.844 297.549 480.934 297.629 481.005 297.725C481.075 297.822 481.124 297.932 481.148 298.049C481.172 298.166 481.17 298.286 481.143 298.403C481.116 298.519 481.065 298.628 480.992 298.722V298.722Z" fill="#CCCCCC"/>
<path id="Vector_95" d="M470.505 290.798C473.007 290.798 475.035 288.77 475.035 286.268C475.035 283.766 473.007 281.738 470.505 281.738C468.004 281.738 465.975 283.766 465.975 286.268C465.975 288.77 468.004 290.798 470.505 290.798Z" fill="#FFB8B8"/>
<path id="Vector_96" d="M474.782 351.13H477.043L478.118 342.408H474.781L474.782 351.13Z" fill="#FFB8B8"/>
<path id="Vector_97" d="M474.205 350.392L478.658 350.391H478.658C479.031 350.391 479.4 350.465 479.744 350.607C480.088 350.75 480.401 350.959 480.665 351.223C480.928 351.486 481.137 351.799 481.28 352.143C481.422 352.488 481.496 352.857 481.496 353.229V353.321L474.205 353.322L474.205 350.392Z" fill="#2F2E41"/>
<path id="Vector_98" d="M467.035 351.13H469.296L470.372 342.408H467.035V351.13Z" fill="#FFB8B8"/>
<path id="Vector_99" d="M466.458 350.392L470.911 350.391H470.911C471.284 350.391 471.653 350.465 471.998 350.607C472.342 350.75 472.655 350.959 472.918 351.223C473.182 351.486 473.391 351.799 473.533 352.143C473.676 352.488 473.749 352.857 473.749 353.229V353.321L466.458 353.322L466.458 350.392Z" fill="#2F2E41"/>
<path id="Vector_100" d="M474.103 347.82L471.797 329.975C471.795 329.951 471.785 329.929 471.767 329.912C471.75 329.896 471.727 329.888 471.703 329.888C471.691 329.888 471.679 329.89 471.668 329.894C471.657 329.899 471.647 329.905 471.639 329.913C471.63 329.922 471.624 329.932 471.619 329.943C471.614 329.954 471.612 329.965 471.612 329.977L470.95 347.563C470.942 347.778 470.851 347.982 470.697 348.131C470.542 348.28 470.335 348.363 470.12 348.362H467.381C467.164 348.363 466.955 348.279 466.8 348.128C466.645 347.976 466.556 347.769 466.552 347.552L465.841 318.251L478.098 318.374L478.404 347.769C478.401 347.886 478.374 348.001 478.323 348.106C478.273 348.212 478.201 348.305 478.113 348.381C478.026 348.456 477.924 348.512 477.814 348.545C477.704 348.578 477.588 348.588 477.475 348.573L474.819 348.58C474.63 348.555 474.457 348.465 474.326 348.327C474.196 348.188 474.117 348.009 474.103 347.82V347.82Z" fill="#2F2E41"/>
<path id="Vector_101" d="M465.659 319.053C465.522 319 465.401 318.912 465.309 318.798C465.217 318.683 465.157 318.547 465.135 318.402L465.013 302.298C464.471 298.713 463.83 295.2 466.965 293.383L467.242 292.554C467.272 292.465 467.328 292.386 467.404 292.33C467.48 292.274 467.571 292.242 467.666 292.239L473.613 292.069C473.705 292.066 473.796 292.091 473.875 292.141C473.953 292.191 474.014 292.263 474.05 292.348L474.492 293.38L474.649 293.47C476.143 294.322 477.353 295.595 478.127 297.131C478.901 298.666 479.205 300.396 479.001 302.104L478.661 304.974L478.42 318.39C478.417 318.537 478.375 318.681 478.298 318.807C478.222 318.933 478.114 319.036 477.984 319.107C476.302 319.981 474.427 320.418 472.532 320.376C470.182 320.334 467.857 319.886 465.659 319.053Z" fill="#CCCCCC"/>
<path id="Vector_102" d="M470.358 290.966C469.676 290.981 468.999 290.851 468.371 290.585C467.743 290.32 467.178 289.924 466.714 289.425C466.249 288.925 465.896 288.333 465.677 287.687C465.457 287.042 465.377 286.357 465.442 285.678C465.506 284.999 465.713 284.341 466.05 283.748C466.387 283.155 466.845 282.64 467.395 282.237C467.945 281.833 468.574 281.551 469.24 281.408C469.907 281.265 470.597 281.265 471.263 281.407C472.245 280.762 473.405 280.444 474.579 280.499C475.162 280.536 475.725 280.729 476.208 281.059C476.691 281.389 477.075 281.843 477.322 282.373C477.541 282.914 477.548 283.518 477.342 284.064C477.136 284.61 476.732 285.059 476.21 285.32C475.489 285.528 474.725 285.539 473.998 285.352C473.269 285.164 472.497 285.233 471.811 285.545C471.169 285.926 470.88 286.947 471.455 287.424C471.761 287.686 471.978 288.036 472.08 288.425C472.182 288.815 472.162 289.226 472.024 289.604C471.889 289.956 471.664 290.268 471.372 290.506C471.08 290.745 470.73 290.904 470.358 290.966Z" fill="#2F2E41"/>
<path id="Vector_103" d="M207.665 377.775H209.869L210.917 369.275H207.664L207.665 377.775Z" fill="#FFB8B8"/>
<path id="Vector_104" d="M206.693 380.322L206.693 376.646L211.443 376.645C212.285 376.646 213.092 376.981 213.687 377.577C214.283 378.172 214.618 378.979 214.619 379.821V380.321L206.693 380.322Z" fill="#2F2E41"/>
<path id="Vector_105" d="M195.787 377.775H197.99L199.038 369.275H195.786L195.787 377.775Z" fill="#FFB8B8"/>
<path id="Vector_106" d="M194.815 380.322L194.814 376.646L199.564 376.645C200.406 376.646 201.214 376.981 201.809 377.577C202.404 378.172 202.739 378.979 202.74 379.821V380.321L194.815 380.322Z" fill="#2F2E41"/>
<path id="Vector_107" d="M202.241 317.349C204.855 317.349 206.975 315.23 206.975 312.615C206.975 310 204.855 307.88 202.241 307.88C199.626 307.88 197.506 310 197.506 312.615C197.506 315.23 199.626 317.349 202.241 317.349Z" fill="#FFB8B8"/>
<path id="Vector_108" d="M218.429 343.491C218.396 343.229 218.306 342.977 218.165 342.754C218.024 342.53 217.836 342.34 217.614 342.197C217.392 342.054 217.141 341.962 216.879 341.926C216.617 341.891 216.351 341.913 216.098 341.992L213.452 338.82L211.133 339.958L214.932 344.384C215.092 344.799 215.399 345.141 215.794 345.345C216.19 345.549 216.646 345.601 217.077 345.491C217.508 345.381 217.884 345.116 218.133 344.748C218.382 344.379 218.488 343.932 218.429 343.491V343.491Z" fill="#FFB8B8"/>
<path id="Vector_109" d="M195.658 346.699C195.77 346.46 195.829 346.199 195.83 345.935C195.831 345.671 195.774 345.409 195.664 345.17C195.553 344.93 195.391 344.717 195.189 344.547C194.987 344.376 194.75 344.252 194.495 344.183L193.964 340.087L191.396 339.802L192.227 345.577C192.14 346.013 192.215 346.466 192.439 346.85C192.664 347.234 193.021 347.523 193.444 347.661C193.867 347.8 194.325 347.778 194.733 347.601C195.141 347.423 195.47 347.103 195.657 346.699H195.658Z" fill="#FFB8B8"/>
<path id="Vector_110" d="M198.284 321.557C198.032 321.234 197.7 320.983 197.32 320.829C196.94 320.675 196.526 320.625 196.121 320.682C195.715 320.739 195.331 320.903 195.009 321.155C194.687 321.408 194.436 321.742 194.284 322.122L190.404 331.806C190.007 332.796 189.881 333.873 190.037 334.928L191.301 343.44C191.317 343.55 191.357 343.655 191.418 343.748C191.479 343.841 191.559 343.92 191.652 343.979C191.746 344.038 191.852 344.076 191.962 344.091C192.072 344.106 192.184 344.096 192.29 344.064L193.955 343.552C194.128 343.5 194.276 343.388 194.375 343.237C194.473 343.086 194.516 342.905 194.495 342.726V342.726C193.907 337.714 194.684 332.637 196.743 328.031L198.573 323.939C198.745 323.553 198.809 323.128 198.759 322.708C198.708 322.289 198.544 321.891 198.284 321.557V321.557Z" fill="#CCCCCC"/>
<path id="Vector_111" d="M201.088 317.349C200.375 317.365 199.667 317.229 199.011 316.951C198.355 316.674 197.764 316.26 197.279 315.738C196.794 315.216 196.425 314.598 196.195 313.923C195.966 313.248 195.883 312.532 195.95 311.823C196.017 311.113 196.234 310.426 196.586 309.806C196.937 309.186 197.416 308.648 197.991 308.226C198.566 307.805 199.223 307.509 199.92 307.36C200.617 307.211 201.337 307.21 202.034 307.359C203.06 306.684 204.273 306.352 205.499 306.41C206.109 306.448 206.697 306.65 207.202 306.995C207.706 307.34 208.108 307.814 208.366 308.369C208.595 308.934 208.603 309.565 208.387 310.136C208.172 310.707 207.75 311.175 207.204 311.448C206.45 311.666 205.652 311.678 204.892 311.481C204.13 311.286 203.323 311.357 202.607 311.683C201.935 312.082 201.633 313.149 202.235 313.647C202.554 313.922 202.781 314.287 202.888 314.694C202.994 315.101 202.974 315.531 202.829 315.926C202.688 316.294 202.453 316.619 202.148 316.869C201.842 317.119 201.477 317.284 201.088 317.349V317.349Z" fill="#2F2E41"/>
<path id="Vector_112" d="M195.214 343.304L194.374 375.175C194.371 375.281 194.39 375.387 194.43 375.485C194.47 375.584 194.53 375.673 194.606 375.747C194.682 375.821 194.773 375.879 194.872 375.917C194.972 375.954 195.078 375.971 195.184 375.965L197.951 375.824C198.127 375.815 198.295 375.746 198.427 375.628C198.558 375.51 198.645 375.35 198.673 375.175L201.963 354.475C201.978 354.386 202.022 354.305 202.089 354.246C202.157 354.187 202.243 354.153 202.332 354.15C202.422 354.147 202.51 354.176 202.581 354.231C202.651 354.286 202.701 354.364 202.72 354.451L207.175 374.382C207.198 374.489 207.245 374.589 207.31 374.676C207.376 374.764 207.459 374.836 207.554 374.889C207.65 374.942 207.756 374.974 207.864 374.982C207.973 374.991 208.083 374.977 208.185 374.94L210.931 374.773C211.09 374.716 211.226 374.609 211.318 374.468C211.41 374.327 211.454 374.16 211.442 373.991L209.045 343.002L195.214 343.304Z" fill="#2F2E41"/>
<path id="Vector_113" d="M193.866 328.166C193.749 327.017 193.861 325.856 194.198 324.751C194.535 323.646 195.088 322.619 195.826 321.731C196.565 320.842 197.473 320.11 198.497 319.577C199.522 319.043 200.642 318.719 201.794 318.624C203.879 318.476 207.116 318.423 208.183 321.157C211.398 329.39 205.77 329.19 207.709 336.324C209.648 343.457 211.361 343.866 208.7 344.381C206.04 344.896 194.076 347.937 194.567 342.916C194.869 339.83 194.328 332.984 193.866 328.166Z" fill="#CCCCCC"/>
<path id="Vector_114" d="M207.614 320.319C207.232 320.171 206.818 320.127 206.413 320.19C206.008 320.253 205.627 320.423 205.308 320.68C204.99 320.938 204.745 321.275 204.598 321.658C204.452 322.04 204.408 322.455 204.473 322.859L205.984 332.303C206.243 333.918 206.926 335.435 207.963 336.699L212.871 342.679C212.941 342.765 213.029 342.835 213.129 342.883C213.229 342.932 213.338 342.959 213.449 342.961C213.56 342.964 213.67 342.942 213.772 342.898C213.874 342.854 213.965 342.789 214.04 342.706L215.205 341.412C215.326 341.278 215.396 341.105 215.403 340.925C215.41 340.745 215.353 340.568 215.243 340.425L214.9 339.979C212.045 336.274 210.244 331.867 209.687 327.223L209.086 322.214C209.036 321.794 208.872 321.396 208.613 321.062C208.353 320.729 208.008 320.472 207.614 320.319V320.319Z" fill="#CCCCCC"/>
<path id="Vector_115" d="M218.655 345.686C218.898 345.565 219.111 345.392 219.28 345.179C219.449 344.967 219.57 344.72 219.633 344.456C219.696 344.192 219.701 343.918 219.647 343.652C219.592 343.386 219.481 343.135 219.319 342.917L220.707 329.343H217.707L216.603 342.597C216.255 342.893 216.028 343.307 215.964 343.759C215.9 344.212 216.005 344.672 216.258 345.053C216.51 345.433 216.894 345.708 217.336 345.825C217.778 345.941 218.247 345.892 218.655 345.686V345.686Z" fill="#A0616A"/>
<path id="Vector_116" d="M221.41 321.852C223.754 321.852 225.655 319.951 225.655 317.607C225.655 315.263 223.754 313.362 221.41 313.362C219.065 313.362 217.165 315.263 217.165 317.607C217.165 319.951 219.065 321.852 221.41 321.852Z" fill="#A0616A"/>
<path id="Vector_117" d="M222.209 337.248C222.039 337.248 221.874 337.192 221.739 337.089C221.603 336.986 221.506 336.842 221.461 336.678C220.748 334.542 219.869 332.466 218.831 330.468C218.514 329.816 218.338 329.104 218.316 328.38C218.293 327.655 218.424 326.933 218.7 326.263C218.976 325.592 219.39 324.988 219.916 324.488C220.442 323.989 221.068 323.607 221.752 323.367V323.367C222.4 323.138 223.088 323.041 223.774 323.083C224.46 323.124 225.131 323.303 225.747 323.608C226.363 323.914 226.912 324.339 227.36 324.861C227.809 325.382 228.148 325.987 228.359 326.642C229.155 329.396 229.481 332.264 229.322 335.127C229.313 335.297 229.248 335.46 229.138 335.59C229.027 335.72 228.877 335.81 228.711 335.847L222.376 337.23C222.321 337.242 222.265 337.248 222.209 337.248V337.248Z" fill="#FF6363"/>
<path id="Vector_118" d="M228.344 377.557H230.463L231.471 369.384H228.343L228.344 377.557Z" fill="#A0616A"/>
<path id="Vector_119" d="M235.049 380.024H227.39L227.39 376.452H231.977C232.381 376.452 232.78 376.531 233.153 376.686C233.526 376.84 233.864 377.066 234.15 377.352C234.435 377.637 234.661 377.976 234.815 378.348C234.97 378.721 235.049 379.121 235.049 379.524L235.049 380.024Z" fill="#2F2E41"/>
<path id="Vector_120" d="M207.156 374.811L209.013 375.832L213.834 369.156L211.094 367.649L207.156 374.811Z" fill="#A0616A"/>
<path id="Vector_121" d="M211.844 380.204L205.132 376.514L206.853 373.382L210.872 375.592C211.586 375.985 212.115 376.645 212.342 377.428C212.57 378.21 212.477 379.051 212.084 379.765L211.844 380.204Z" fill="#2F2E41"/>
<path id="Vector_122" d="M228.245 373.021C228.056 373.02 227.874 372.952 227.732 372.827C227.59 372.702 227.499 372.53 227.474 372.343L224.824 351.923C224.813 351.833 224.773 351.749 224.71 351.683C224.648 351.616 224.566 351.572 224.477 351.555C224.387 351.538 224.294 351.549 224.212 351.588C224.13 351.627 224.062 351.691 224.018 351.77L212.974 371.807C212.883 371.97 212.736 372.096 212.56 372.16C212.385 372.225 212.191 372.224 212.016 372.158L209.609 371.241C209.512 371.204 209.424 371.148 209.349 371.077C209.274 371.005 209.214 370.919 209.173 370.824C209.131 370.729 209.109 370.627 209.108 370.523C209.107 370.42 209.126 370.317 209.165 370.221L216.816 351.428C216.835 351.38 216.848 351.33 216.855 351.279C217.891 343.259 220.527 339.181 221.311 338.122C221.368 338.044 221.405 337.954 221.42 337.858C221.435 337.763 221.427 337.665 221.396 337.574L221.289 337.251C221.246 337.122 221.237 336.985 221.263 336.853C221.289 336.72 221.35 336.596 221.438 336.494C224.261 333.279 229.18 335.034 229.23 335.052L229.254 335.061L229.27 335.082C234.786 342.647 232.746 367.219 232.282 372.067C232.264 372.25 232.183 372.42 232.052 372.548C231.922 372.676 231.75 372.754 231.567 372.767L228.305 373.018C228.285 373.02 228.265 373.021 228.245 373.021Z" fill="#2F2E41"/>
<path id="Vector_123" d="M237.912 322.538C237.891 322.631 237.877 322.726 237.871 322.821L230.446 327.104L228.642 326.066L226.718 328.584L229.734 330.734C229.978 330.907 230.271 330.997 230.57 330.99C230.869 330.983 231.158 330.879 231.393 330.693L239.049 324.654C239.394 324.781 239.77 324.801 240.127 324.71C240.484 324.619 240.805 324.421 241.047 324.143C241.289 323.865 241.44 323.52 241.481 323.154C241.522 322.788 241.451 322.418 241.277 322.094C241.102 321.769 240.833 321.505 240.505 321.337C240.177 321.169 239.806 321.105 239.441 321.154C239.076 321.202 238.734 321.36 238.461 321.607C238.188 321.855 237.996 322.179 237.912 322.538V322.538Z" fill="#A0616A"/>
<path id="Vector_124" d="M230.198 327.307L227.799 330.417C227.73 330.506 227.644 330.578 227.545 330.63C227.446 330.682 227.337 330.712 227.226 330.719C227.114 330.725 227.002 330.707 226.898 330.666C226.794 330.625 226.7 330.562 226.623 330.482L223.906 327.661C223.456 327.309 223.163 326.793 223.093 326.225C223.022 325.658 223.18 325.086 223.53 324.634C223.881 324.183 224.396 323.889 224.963 323.816C225.53 323.744 226.103 323.899 226.555 324.248L229.962 326.153C230.06 326.208 230.144 326.283 230.21 326.373C230.276 326.463 230.322 326.567 230.344 326.676C230.367 326.786 230.365 326.899 230.34 327.008C230.315 327.117 230.267 327.219 230.198 327.307H230.198Z" fill="#FF6363"/>
<path id="Vector_125" d="M220.898 332.71L217.033 332.012C216.923 331.992 216.818 331.949 216.726 331.885C216.635 331.821 216.558 331.738 216.501 331.642C216.444 331.546 216.409 331.439 216.397 331.327C216.386 331.216 216.398 331.104 216.434 330.998L217.687 327.288C217.792 326.726 218.115 326.228 218.586 325.904C219.058 325.58 219.638 325.456 220.2 325.559C220.763 325.663 221.261 325.985 221.587 326.455C221.912 326.925 222.038 327.505 221.936 328.068L221.814 331.969C221.81 332.081 221.782 332.191 221.733 332.291C221.683 332.391 221.612 332.479 221.525 332.549C221.439 332.62 221.338 332.671 221.229 332.698C221.121 332.726 221.008 332.73 220.898 332.71V332.71Z" fill="#FF6363"/>
<path id="Vector_126" d="M222.082 316.631C223.173 317.377 224.605 318.145 225.719 317.35C226.068 317.084 226.321 316.713 226.441 316.292C226.561 315.87 226.541 315.421 226.385 315.012C225.851 313.486 224.385 312.815 222.984 312.3C221.203 311.495 219.221 311.244 217.296 311.577C215.414 312.057 213.752 313.878 214.091 315.79C214.364 317.327 215.814 318.606 215.608 320.153C215.401 321.711 213.65 322.531 212.103 322.809C210.557 323.088 208.826 323.177 207.715 324.288C206.297 325.705 206.651 328.238 207.985 329.734C209.443 331.13 211.291 332.049 213.283 332.369C215.868 332.98 218.663 333.301 221.118 332.287C223.573 331.273 225.483 328.545 224.772 325.986C224.397 324.925 223.823 323.946 223.08 323.102C222.337 322.257 221.779 321.266 221.443 320.192C221.323 319.739 221.309 319.263 221.404 318.804C221.499 318.345 221.699 317.914 221.989 317.545C222.099 317.426 222.168 317.275 222.186 317.113C222.205 316.952 222.172 316.79 222.092 316.649L222.082 316.631Z" fill="#2F2E41"/>
<g id="giant-wheel">
<path id="Vector_127" d="M305 297C222.841 297 156 230.159 156 148C156 65.8413 222.841 -1 305 -1C387.159 -1 454 65.8413 454 148C454 230.159 387.159 297 305 297ZM305 1C223.944 1 158 66.9438 158 148C158 229.056 223.944 295 305 295C386.056 295 452 229.056 452 148C452 66.9438 386.056 1 305 1Z" fill="#A49A9A"/>
<path id="Vector_128" d="M305 137C304.735 137 304.48 136.895 304.293 136.707C304.105 136.52 304 136.265 304 136V0C304 -0.265216 304.105 -0.519556 304.293 -0.707092C304.48 -0.894629 304.735 -1 305 -1C305.265 -1 305.52 -0.894629 305.707 -0.707092C305.895 -0.519556 306 -0.265216 306 0V136C306 136.265 305.895 136.52 305.707 136.707C305.52 136.895 305.265 137 305 137V137Z" fill="#A49A9A"/>
<path id="Vector_129" d="M453 149H317C316.735 149 316.48 148.895 316.293 148.707C316.105 148.52 316 148.265 316 148C316 147.735 316.105 147.48 316.293 147.293C316.48 147.105 316.735 147 317 147H453C453.265 147 453.52 147.105 453.707 147.293C453.895 147.48 454 147.735 454 148C454 148.265 453.895 148.52 453.707 148.707C453.52 148.895 453.265 149 453 149Z" fill="#A49A9A"/>
<path id="Vector_130" d="M293 149H157.064C156.799 149 156.545 148.895 156.357 148.707C156.17 148.52 156.064 148.265 156.064 148C156.064 147.735 156.17 147.48 156.357 147.293C156.545 147.105 156.799 147 157.064 147H293C293.265 147 293.52 147.105 293.707 147.293C293.895 147.48 294 147.735 294 148C294 148.265 293.895 148.52 293.707 148.707C293.52 148.895 293.265 149 293 149Z" fill="#A49A9A"/>
<path id="Vector_131" d="M305 297C304.735 297 304.48 296.895 304.293 296.707C304.105 296.52 304 296.265 304 296V160C304 159.735 304.105 159.48 304.293 159.293C304.48 159.105 304.735 159 305 159C305.265 159 305.52 159.105 305.707 159.293C305.895 159.48 306 159.735 306 160V296C306 296.265 305.895 296.52 305.707 296.707C305.52 296.895 305.265 297 305 297V297Z" fill="#A49A9A"/>
<path id="Vector_132" d="M313.817 140.874C313.619 140.874 313.426 140.815 313.261 140.705C313.097 140.596 312.969 140.439 312.893 140.257C312.818 140.074 312.798 139.873 312.836 139.679C312.875 139.485 312.97 139.307 313.11 139.167L408.853 43.4234C408.946 43.3305 409.056 43.2569 409.178 43.2066C409.299 43.1564 409.429 43.1305 409.56 43.1305C409.692 43.1305 409.822 43.1564 409.943 43.2066C410.064 43.2569 410.174 43.3305 410.267 43.4234C410.36 43.5162 410.434 43.6265 410.484 43.7478C410.534 43.8691 410.56 43.9991 410.56 44.1304C410.56 44.2617 410.534 44.3918 410.484 44.5131C410.434 44.6344 410.36 44.7446 410.267 44.8375L314.524 140.581C314.431 140.674 314.321 140.748 314.2 140.798C314.078 140.848 313.948 140.874 313.817 140.874V140.874Z" fill="#A49A9A"/>
<path id="Vector_133" d="M296.183 140.874C296.052 140.874 295.922 140.848 295.801 140.798C295.679 140.748 295.569 140.674 295.476 140.581L199.733 44.8374C199.545 44.6499 199.44 44.3956 199.44 44.1304C199.44 43.8652 199.545 43.6108 199.733 43.4233C199.92 43.2358 200.175 43.1305 200.44 43.1305C200.705 43.1305 200.959 43.2358 201.147 43.4233L296.89 139.167C297.03 139.307 297.125 139.485 297.164 139.679C297.203 139.873 297.183 140.074 297.107 140.257C297.031 140.439 296.903 140.596 296.739 140.705C296.574 140.815 296.381 140.874 296.183 140.874L296.183 140.874Z" fill="#A49A9A"/>
<path id="Vector_134" d="M409.56 252.87C409.429 252.87 409.299 252.844 409.178 252.794C409.056 252.743 408.946 252.67 408.853 252.577L313.11 156.833C312.922 156.645 312.817 156.391 312.817 156.126C312.817 155.861 312.922 155.606 313.11 155.419C313.297 155.231 313.552 155.126 313.817 155.126C314.082 155.126 314.336 155.231 314.524 155.419L410.267 251.163C410.407 251.302 410.502 251.481 410.541 251.675C410.58 251.868 410.56 252.07 410.484 252.252C410.408 252.435 410.28 252.591 410.116 252.701C409.951 252.811 409.758 252.87 409.56 252.87L409.56 252.87Z" fill="#A49A9A"/>
<path id="Vector_135" d="M200.44 252.87C200.242 252.87 200.049 252.811 199.884 252.701C199.72 252.591 199.592 252.435 199.516 252.252C199.44 252.07 199.421 251.869 199.459 251.675C199.498 251.481 199.593 251.302 199.733 251.163L295.476 155.419C295.569 155.326 295.679 155.252 295.801 155.202C295.922 155.152 296.052 155.126 296.183 155.126C296.315 155.126 296.445 155.152 296.566 155.202C296.687 155.252 296.798 155.326 296.89 155.419C296.983 155.512 297.057 155.622 297.107 155.743C297.157 155.865 297.183 155.995 297.183 156.126C297.183 156.257 297.157 156.387 297.107 156.509C297.057 156.63 296.983 156.74 296.89 156.833L201.147 252.577C201.054 252.67 200.944 252.744 200.822 252.794C200.701 252.844 200.571 252.87 200.44 252.87V252.87Z" fill="#A49A9A"/>
<path id="Vector_136" d="M305 250.5C284.727 250.5 264.91 244.489 248.054 233.226C231.198 221.963 218.06 205.955 210.302 187.225C202.544 168.496 200.515 147.886 204.469 128.003C208.424 108.12 218.187 89.8565 232.522 75.5216C246.856 61.1867 265.12 51.4245 285.003 47.4695C304.886 43.5146 325.496 45.5444 344.225 53.3024C362.954 61.0604 378.963 74.198 390.226 91.0541C401.488 107.91 407.5 127.727 407.5 148C407.469 175.175 396.66 201.229 377.445 220.445C358.229 239.66 332.175 250.469 305 250.5V250.5ZM305 47.5C285.123 47.5 265.692 53.3943 249.165 64.4373C232.638 75.4804 219.757 91.1764 212.15 109.54C204.543 127.904 202.553 148.112 206.431 167.607C210.309 187.102 219.881 205.009 233.936 219.064C247.991 233.119 265.898 242.691 285.393 246.569C304.889 250.447 325.096 248.457 343.46 240.85C361.824 233.243 377.52 220.362 388.563 203.835C399.606 187.308 405.5 167.877 405.5 148C405.47 121.355 394.872 95.81 376.031 76.9691C357.19 58.1282 331.645 47.5301 305 47.5V47.5Z" fill="#A49A9A"/>
</g>
</g>
<defs>
<clipPath id="clip0_2_3">
<rect width="712.046" height="380.322" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</body>
</html>
-------------------------------------------------------------------------------------------------------------------
Comments
Post a Comment