@autoafleveren/ui 1.3.2 → 1.4.0

package/src/modules/icons/HeroGirlIcon.vue

@@ -0,0 +1,246 @@
+<script lang="ts" setup>
+  import { computed } from 'vue';
+  import { useLayout } from '~/modules/composables';
+
+  const props = defineProps<{
+    primaryColor?: string;
+    secondaryColor?: string;
+  }>();
+
+  const { colors } = useLayout();
+
+  const primaryColorWithFallback = computed(() => props.primaryColor ?? colors.primaryColor.value);
+  const secondaryColorWithFallback = computed(() => props.secondaryColor ?? colors.primaryColorActive.value);
+</script>
+
+<template>
+  <svg
+    width="224"
+    height="377"
+    viewBox="0 0 224 377"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      :fill="secondaryColorWithFallback"
+      d="M68.8749 328.38C72.723 330.19 80.9125 335.257 83.6113 337.77C97.8265 324.35 108.84 309.191 108.84
+        309.191L111.739 177.741C103.755 218.297 89.5533 293.528 68.8749 328.38Z"
+    ></path>
+
+    <path
+      d="M59.4618 340.771L70.0941 348.965C70.6665 348.565 71.2295 348.17 71.7832 347.756C68.661 346.076
+        63.3471 342.13 60.6669 339.58C60.2668 339.994 59.8713 340.394 59.4618 340.776V340.771Z"
+      fill="white"
+    ></path>
+
+    <path
+      :fill="secondaryColorWithFallback"
+      d="M60.6632 339.576C63.3434 342.13 68.6572 346.071 71.7794 347.751C72.8264 348.323 73.6221 348.635 73.9943
+        348.556C75.9393 348.123 84.622 340.795 84.4917 338.924C84.4731 338.673 84.152 338.277 83.6076 337.765C80.9088
+        335.257 72.724 330.186 68.8713 328.375C67.7359 327.85 66.9867 327.603 66.8565 327.789C64.7346 330.776 60.1514
+        336.225 59.0672 337.305C58.7973 337.575 59.4674 338.44 60.6585 339.571L60.6632 339.576Z"
+    ></path>
+
+    <path
+      d="M68.8058 349.854C69.2385 349.561 69.6713 349.268 70.0947 348.961L59.4624 340.767C59.1413 341.078 58.8203
+        341.372 58.4945 341.655C32.1022 364.921 48.2345 363.73 68.8105 349.849L68.8058 349.854Z"
+      fill="#F5CAA4"
+    ></path>
+
+    <path
+      d="M79.5498 342.028C78.1955 342.028 77.0976 340.93 77.0976 339.575C77.0976 338.221 78.1955 337.123 79.5498
+        337.123C80.9041 337.123 82.002 338.221 82.002 339.575C82.002 340.93 80.9041 342.028 79.5498 342.028Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M69.4697 39.8415C68.4321 61.9577 41.6814 74.7397 38.8198 93.743C35.9535 112.746 63.0159 109.401 63.6534
+        129.735C64.2908 150.069 50.1221 172.874 80.8745 181.51C111.627 190.146 126.14 190.951 128.21 179.49C130.286
+        168.034 109.552 94.4363 109.552 94.4363L69.4697 39.8415Z"
+      fill="#501B1A"
+    ></path>
+
+    <path
+      d="M90.3774 58.8447C69.82 59.0169 52.7152 35.1744 72.235 13.5794C91.7593 -8.01563 154.646 -5.42386 156.544
+        32.7548C158.443 70.9381 138.146 89.2481 163.799 105.059C189.456 120.866 201.116 146.793 191.526 161.171C181.936
+        175.549 227.807 195.502 214.331 206.385C200.856 217.269 177.79 208.716 177.79 208.716L100.177 105.953L90.3727
+        58.8401L90.3774 58.8447Z"
+      fill="#642E29"
+    ></path>
+
+    <path
+      d="M131.947 65.5173C136.665 67.7554 119.989 90.7184 141.909 113.942C163.83 137.166 155.413 161.171 155.413
+        161.171C155.413 161.171 106.039 114.77 105.629 96.344C105.22 77.9178 131.952 65.5173 131.952 65.5173H131.947Z"
+      fill="#501B1A"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M91.5356 367.136C115.899 369.923 138.648 369.816 158.819 368.211C186.138 366.047 208.677 361.124 224
+        356.918C223.912 353.284 223.777 349.682 223.586 346.127C221.371 303.868 212.158 266.862 200.213 235.151C192.08
+        213.546 182.667 194.404 173.346 177.741C167.288 166.95 161.286 157.193 155.66 148.477C147.889 151.097 128.439
+        156.271 117.207 159.147C116.997 159.189 116.793 159.249 116.574 159.296C114.731 159.771 113.131 160.18 111.865
+        160.482C111.725 160.51 111.595 160.552 111.465 160.58C111.465 160.58 111.459 160.583 111.446 160.589C110.813
+        168.825 108.91 178.597 105.406 190.155C102.419 200.029 99.8879 213.109 97.8359 228.436C97.352 232.061 96.8913
+        235.797 96.4586 239.66C95.072 252.014 93.9645 265.512 93.1456 279.737C92.885 284.125 92.6524 288.578 92.4523
+        293.086C92.1917 298.703 91.987 304.412 91.8195 310.182C91.2751 328.766 91.1773 348.03 91.5263 367.14L91.5356
+        367.136Z"
+    ></path>
+
+    <path
+      d="M144.609 131.782C136.955 135.281 120.525 142.303 112.252 145.457C111.624 145.704 111.223 145.858
+        111.116 145.895C111.098 145.904 111.088 145.904 111.088 145.904C109.278 133.876 103.504 127.045 96.0031
+        123.783C93.7138 122.783 91.2569 122.118 88.7117 121.755H88.7024C88.4744 121.708 88.2371 121.68 88.0044
+        121.648C69.4665 119.312 74.5291 101.816 76.3298 92.361C78.1585 82.9059 64.027 83.669 68.9547 81.7333C72.8446
+        80.1978 77.1488 72.3387 78.0747 60.7664C78.312 57.7186 78.3213 54.4103 78.0282 50.8925C78.0282 50.8925 95.2493
+        59.9475 105.761 63.9864C106.114 64.1213 106.459 64.2423 106.789 64.3679C117.156 68.1695 117.845 75.9495 126.146
+        101.509C127.546 105.855 131.427 112.127 136.885 120.321C139.202 123.793 141.794 127.613 144.605 131.777L144.609
+        131.782Z"
+      fill="#F6CBA5"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M159.016 147.044C158.881 147.305 157.648 147.803 155.665 148.473C146.275 151.632 119.86 158.528 111.456
+        160.58C109.921 160.952 108.99 161.171 108.865 161.171C107.953 161.171 107.571 147.044 107.571 147.044C108.111
+        146.96 109.353 146.546 111.093 145.904C118.878 143.01 136.574 135.453 144.605 131.787C146.825 130.758 148.318
+        130.046 148.649 129.805C150.454 128.52 159.918 145.355 159.016 147.044Z"
+    ></path>
+
+    <path
+      :fill="secondaryColorWithFallback"
+      d="M173.337 177.736C168.121 169.621 162.523 161.306 159.996 158.882C155.008 154.112 141.119 153.461 117.207
+        159.142C128.435 156.271 147.889 151.097 155.664 148.477C161.281 157.197 167.297 166.95 173.337 177.741V177.736Z"
+    ></path>
+
+    <path
+      d="M78.0744 60.7711C78.3117 57.7233 78.321 54.415 78.0279 50.8972C78.0279 50.8972 95.249 59.9521 105.76
+        63.991C109.925 67.9741 112.814 70.9846 112.814 70.9846C112.814 70.9846 84.3282 67.8112 78.0744 60.7664V60.7711Z"
+      fill="#EAAA79"
+    ></path>
+
+    <path
+      d="M113.916 70.9846C104.456 70.0773 78.2828 62.5625 75.1745 50.9019C72.0662 39.2412 99.2775 41.7027 104.07
+        48.9569C108.863 56.2111 118.192 68.5232 118.192 68.5232L113.916 70.9846Z"
+      fill="#743B36"
+    ></path>
+
+    <path
+      d="M111.586 75.6472C112.363 62.6883 131.627 60.0546 132.795 67.3972C133.963 74.7398 118.198 84.2414 117.849
+        86.2702C117.5 88.2989 111.586 75.6472 111.586 75.6472Z"
+      fill="#F5CAA4"
+    ></path>
+
+    <path
+      d="M116.378 77.9364C115.801 73.3205 122.036 67.225 125.577 70.1611C129.118 73.0972 121.04 73.0134 121.343
+        73.8742C121.645 74.7397 118.621 74.5676 118.537 75.1678C118.449 75.7727 116.55 79.3137 116.378 77.9318V77.9364Z"
+      fill="#EAAA79"
+    ></path>
+
+    <path
+      d="M144.609 131.782C136.955 135.281 120.525 142.303 112.252 145.458C117.435 143.429 138.202 134.918 138.1
+        128.865C138.053 125.998 137.509 122.927 136.89 120.326C139.207 123.797 141.799 127.618 144.609 131.782Z"
+      fill="#EAAA79"
+    ></path>
+
+    <path
+      d="M105.63 111.978C104.685 113.816 100.884 120.773 96.0026 123.788C93.7133 122.788 91.2565 122.122 88.7112
+        121.759L88.7205 121.75C95.4024 122.378 103.052 116.739 105.625 111.983L105.63 111.978Z"
+      fill="#EAAA79"
+    ></path>
+
+    <path
+      d="M21.814 257.793C23.1634 258.681 24.5826 259.626 26.0623 260.603L35.4848 251.041C35.4848 251.041 35.4941
+        251.032 35.4941 251.022C35.5034 251.013 35.5127 251.004 35.5127 251.004C24.5314 244.764 15.1368 239.981
+        9.22735 239.706C-6.8398 238.952 -1.47478 242.372 21.8186 257.788L21.814 257.793Z"
+      fill="#F5CAA4"
+    ></path>
+
+    <path
+      d="M26.0624 260.603C26.9093 261.166 27.7747 261.743 28.6681 262.334H28.6774C30.8318 259.356 35.1406 254.158
+        37.5137 252.148C36.839 251.757 36.1736 251.376 35.5128 251.004L26.0624 260.598V260.603Z"
+      fill="white"
+    ></path>
+
+    <path
+      :fill="secondaryColorWithFallback"
+      d="M27.3923 264.516C27.9181 264.949 37.0056 271.007 37.2197 272.306C37.2616 272.575 37.8432 272.091 38.7273
+        271.138C41.2865 268.35 46.377 261.594 47.9963 258.23C48.4802 257.216 48.6523 256.508 48.3592 256.299C44.8182
+        253.814 40.5699 251.65 38.9553 251.334C38.6854 251.283 38.1782 251.595 37.5082 252.158C35.1351 254.163 30.8263
+        259.365 28.6719 262.343C27.7879 263.572 27.2621 264.419 27.3923 264.526V264.516Z"
+    ></path>
+
+    <path
+      d="M37.5087 269.318C36.5707 269.318 35.8103 268.558 35.8103 267.62C35.8103 266.682 36.5707 265.922 37.5087
+        265.922C38.4466 265.922 39.207 266.682 39.207 267.62C39.207 268.558 38.4466 269.318 37.5087 269.318Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M21.814 257.793C23.1634 258.681 24.5826 259.626 26.0623 260.603L35.4848 251.041C35.4848 251.041 35.4941
+        251.032 35.4941 251.022C35.0521 251.404 28.0632 257.425 25.7599 257.634C24.913 257.714 23.4054 257.765
+        21.814 257.793Z"
+      fill="#EAAA79"
+    ></path>
+
+    <path
+      :fill="secondaryColorWithFallback"
+      d="M91.5356 367.136C115.899 369.923 138.648 369.816 158.819 368.21C186.138 366.047 208.677 361.124 224
+        356.917C223.912 353.283 223.777 349.682 223.586 346.127C214.075 313.862 194.974 237.398 151.9 181.719L134.498
+        177.741C134.498 177.741 117.044 182.645 121.804 226.775C126.527 270.584 93.6295 279.597 93.1549 279.727C92.8943
+        284.115 92.6617 288.568 92.4616 293.077C92.201 298.693 91.9963 304.403 91.8288 310.172C91.2843 328.757
+        91.1866 348.021 91.5356 367.131V367.136Z"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M38.7279 271.133C41.4871 274.111 44.1813 277.443 46.8801 281.049C66.6092 307.395 87.013 348.323 142.934
+        371.407C170.494 382.793 185.263 374.888 192.22 358.262C203.545 331.205 194.174 281.049 185.645 253.447C171.876
+        208.884 155.618 186.433 149.658 178.755C137.83 163.512 121.139 164.745 121.665 197.6C122.056 222.103 128.44
+        256.913 119.51 272.841C116.463 278.285 111.647 281.528 104.197 281.416C88.3717 281.174 67.0326 269.249 47.9968
+        258.221C46.3775 261.585 41.2917 268.346 38.7279 271.128V271.133Z"
+    ></path>
+
+    <path
+      :fill="secondaryColorWithFallback"
+      d="M44.0776 272.05C42.4862 267.29 48.6888 263.395 47.9955 258.221C46.3762 261.585 41.2904 268.346 38.7265
+        271.128C41.4858 274.106 44.18 277.438 46.8788 281.044C45.9621 278.024 44.864 274.418 44.0776 272.045V272.05Z"
+    ></path>
+
+    <circle
+      cx="101"
+      cy="88"
+      r="7"
+      fill="#FCA573"
+    ></circle>
+
+    <ellipse
+      cx="87.2736"
+      cy="72.2784"
+      rx="2.5"
+      ry="6"
+      transform="rotate(7.61614 87.2736 72.2784)"
+      fill="#232426"
+    ></ellipse>
+
+    <ellipse
+      cx="78.1229"
+      cy="71.6489"
+      rx="2.34622"
+      ry="5.63093"
+      transform="rotate(-0.540649 78.1229 71.6489)"
+      fill="#232426"
+    ></ellipse>
+
+    <path
+      d="M81 100C83.9825 106.037 91.5579 114.489 98 100C93.75 103.333 85.25 103.333 81 100Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M81 100C83.9825 106.037 91.5579 114.489 98 100C93.75 104 84.5789 105.175 81 100Z"
+      fill="#FE9661"
+    ></path>
+  </svg>
+</template>
+

package/src/modules/icons/HeroPersonIcon.vue

@@ -0,0 +1,402 @@
+<script lang="ts" setup>
+  import { computed } from 'vue';
+  import { useLayout } from '~/modules/composables';
+
+  const props = defineProps<{
+    primaryColor?: string;
+    secondaryColor?: string;
+  }>();
+
+  const { colors } = useLayout();
+
+  const primaryColorWithFallback = computed(() => props.primaryColor ?? colors.primaryColor.value);
+  const primaryActiveColorWithFallback = computed(() => props.secondaryColor ?? colors.primaryColorActive.value);
+</script>
+
+<template>
+  <svg
+    width="497"
+    height="466"
+    viewBox="0 0 497 466"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M51.1882 264.073C49.7918 269.229 48.7013 278.982 47.8369 283.925C47.5044 283.738 47.1851 283.566 46.8793 283.402C44.8888 282.351
+        42.9605 281.464 41.0986 280.728L44.5165 264.472C46.7109 264.304 48.9318 264.166 51.1926 264.069L51.1882 264.073Z"
+      fill="white"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M221.161 295.326C194.407 357.633 135.585 336.292 92.593 311.848C84.3652 307.176 76.7226 302.384 69.9932 298.048C73.0919 293.668
+        79.3159 280.932 81.1955 272.456C81.2 272.447 81.2 272.434 81.2 272.43C81.9403 269.06 81.9934 266.37 80.8896 265.151C85.9388 265.789
+        90.8729 266.689 95.572 267.899C139.096 279.053 210.114 209.799 248.482 145.653C263.186 121.062 260.77 203.079 221.161
+        295.331V295.326Z"
+    ></path>
+
+    <path
+      d="M300.256 104.199C301.386 119.063 290.401 131.179 287.976 133.12C285.552 135.058 298.496 164.303 310.04 164.95C321.584 165.597
+        333.491 146.437 333.916 137.358C334.342 128.279 324.811 122.463 326.105 106.628C327.4 90.7935 300.256 104.203 300.256
+        104.203V104.199Z"
+      fill="#EAAA79"
+    ></path>
+
+    <path
+      d="M298.221 433.053H324.399L337.844 141.051L300.012 146.491L286.159 136.286L270.825 433.053H298.221Z"
+      fill="#EBEFF2"
+    ></path>
+
+    <path
+      d="M298.221 433.053C294.413 433.279 290.06 435.545 288.974 433.053C287.888 430.562 293.607
+        324.474 293.873 306.525C294.138 288.571 301.214 308.564 301.214 308.564L298.221 433.053Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M290.445 309.681C291.257 314.411 295.774 375.339 296.315 377.697C296.86 380.056
+        315.887 318.76 314.987 315.86C314.087 312.957 290.445 309.681 290.445 309.681Z"
+      fill="#71717A"
+    ></path>
+
+    <path
+      d="M288.309 138.746C297.951 146.579 303.922 172.61 304.357 176.379C304.791 180.147 332.604 146.899 333.092 145.653C333.58 144.407
+        333.092 129.862 333.092 129.862C333.092 129.862 318.215 132.983 314.743 139.784C311.272 146.584 307.398 145.653 307.398
+        145.653C307.398 145.653 303.727 136.72 300.19 136.791C296.652 136.862 288.305 138.751 288.305 138.751L288.309 138.746Z"
+      fill="#71717A"
+    ></path>
+
+    <path
+      :fill="primaryActiveColorWithFallback"
+      d="M278.157 441.826C276.872 447.115 273.609 451.348 268.937 454.691C241.115 474.564 163.226 462.67 153.242 452.213C141.583 440 208.119
+        310.824 216.928 246.23C225.727 181.627 245.783 128.989 277.772 125.238L288.238 132.012L288.314 138.746C294.156 154.856 287.117
+        405.054 278.162 441.826H278.157Z"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M278.157 441.826C276.871 447.115 273.609 451.348 268.936 454.691C271.631 424.187 278.139 349.042 279.194 322.461C280.537 288.779
+        269.88 263.461 261.723 257.313C253.571 251.168 278.241 236.016 277.182 220C276.122 203.983 247.347 204.737 253.762 187.829C260.181
+        170.917 283.375 132.93 277.762 125.238L285.365 126.834L288.3 138.746C294.142 154.856 287.103 405.054 278.148 441.826H278.157Z"
+    ></path>
+
+    <path
+      :fill="primaryActiveColorWithFallback"
+      d="M316.339 435.961C317.172 441.339 320.058 445.834 324.433 449.562C350.464 471.727 429.085 466.501 439.924 456.925C452.58 445.745
+        397.699 290.685 412.111 227.616C426.633 164.055 375.197 127.007 343.642 120.548L332.639 126.409L331.992 133.112C324.801 148.667
+        310.549 398.555 316.343 435.957L316.339 435.961Z"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M316.339 435.961C317.173 441.339 320.059 445.834 324.434 449.562C324.341 418.938 324.243 343.514 325.454 316.938C326.979 283.26
+        339.75 258.94 348.399 253.509C357.044 248.079 333.752 230.883 336.168 215.017C338.584 199.151 367.195 202.347 362.235
+        184.952C357.279 167.557 337.396 127.734 343.638 120.548L335.924 121.493L331.988 133.112C324.798 148.667 310.545 398.555 316.339
+        435.957V435.961Z"
+    ></path>
+
+    <path
+      d="M307.73 145.311C308.001 138.737 334.054 117.192 340.575 119.014C347.096 120.836 340.455 123.026 340.136 129.06C339.817 135.093
+        341.657 137.487 338.664 138.737C335.677 139.987 333.132 131.281 324.727 135.257C316.322 139.229 308.129 150.103 308.129
+        150.103L307.73 145.316V145.311Z"
+      fill="white"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M493.471 279.78L402.678 236.597C410.75 223.506 372.865 190.152 358.71 169.263C340.624
+        142.576 348.124 128.541 387.88 142.545C446.002 163.022 512.312 220.793 493.471 279.78Z"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M402.682 236.602C416.908 229.185 421.86 207.955 415.884 191.486C409.908 175.017
+        356.237 152.657 349.397 158.46C342.557 164.263 402.682 236.602 402.682 236.602Z"
+    ></path>
+
+    <path
+      d="M339.388 56.3352C339.366 62.3198 339.237 66.8238 339.286 67.3824C339.419 68.9828 340.106 112.236 321.372 116.705C302.638 121.173
+        290.997 108.131 284.152 80.4954L282.135 69.3773C282.135 69.3773 281.678 66.4958 281.049 62.2179C279.896 54.3891 278.176 41.8701
+        277.671 33.8551C277.476 30.8096 277.458 28.4068 277.715 27.1656C279.014 20.8706 332.233 15.3559 336.356 23.3842C336.453 23.5704
+        336.547 23.7743 336.635 23.9871C339.078 29.79 339.415 45.4875 339.388 56.3352Z"
+      fill="#F6CBA5"
+    ></path>
+
+    <path
+      d="M283.15 47.7174C293.692 51.9466 316.172 33.8508 330.885 41.5599C345.599 49.269 335.34 28.5577 308.077 33.372C280.809 38.1863
+        282.028 40.8151 281.616 43.4883C281.204 46.1614 283.15 47.7174 283.15 47.7174Z"
+      fill="#EAAA79"
+    ></path>
+
+    <path
+      d="M332.702 69.1734C333.185 59.6689 343.807 49.5083 348.728 56.1934C353.653 62.8829 336.058
+        81.0851 335.109 80.6152C334.161 80.1497 332.702 69.169 332.702 69.169V69.1734Z"
+      fill="#F5CAA4"
+    ></path>
+
+    <path
+      d="M288.346 72.8617C286.298 63.57 274.147 55.2979 270.396 62.71C266.646 70.1221 287.002
+        85.1679 287.862 84.5517C288.722 83.9355 288.346 72.8661 288.346 72.8661V72.8617Z"
+      fill="#F5CAA4"
+    ></path>
+
+    <path
+      d="M289.498 39.7864C281.802 50.6608 281.044 62.2178 281.044 62.2178C279.891 54.389
+        278.171 41.87 277.666 33.855C282.587 34.7771 289.498 39.7864 289.498 39.7864Z"
+      fill="black"
+    ></path>
+
+    <path
+      d="M339.388 56.3354C339.268 55.8832 333.487 34.3696 316.118 36.6216C302.881 38.3372
+        323.943 27.7332 336.63 23.9873C339.073 29.7902 339.41 45.4877 339.383 56.3354H339.388Z"
+      fill="black"
+    ></path>
+
+    <path
+      d="M339.286 46.4406C338.789 36.2357 351.627 4.04713 309.451 0.73119C267.279 -2.58475 251.294 5.43025 253.084
+        23.7034C254.875 41.9765 289.697 45.4964 307.873 39.2103C326.048 32.9242 339.286 46.4406 339.286 46.4406Z"
+      fill="#1F1F1F"
+    ></path>
+
+    <path
+      d="M338.692 67.4403C339.229 63.8141 345.289 59.1904 345.235 62.1206C345.182 65.0509
+        339.765 69.5593 339.162 70.9203C338.559 72.2857 338.692 67.4359 338.692 67.4359V67.4403Z"
+      fill="#EAAA79"
+    ></path>
+
+    <path
+      d="M283.5 73.0126C282.396 69.5902 275.782 66.1014 276.309 68.9253C276.837 71.7491
+        282.808 75.238 283.61 76.457C284.413 77.6806 283.5 73.0126 283.5 73.0126Z"
+      fill="#EAAA79"
+    ></path>
+
+    <path
+      d="M314 70C313.662 71.9231 312.379 76.5769 309.948 79.8077C306.909 83.8462 311.974 82.6923 314 85"
+      stroke="#EAAA79"
+    ></path>
+
+    <path
+      d="M277.767 125.238C283.663 126.112 286.158 143.01 284.163 147.452C282.169 151.894 290.286 137.935 298.292 138.999C306.298 140.062
+        305.345 152.697 307.362 151.801C309.379 150.906 310.332 141.548 301.306 131.471C292.281 121.395 277.771 125.238 277.771
+        125.238H277.767Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M280.538 382.503C281.865 382.503 282.941 381.427 282.941 380.1C282.941 378.773 281.865 377.697 280.538
+        377.697C279.211 377.697 278.136 378.773 278.136 380.1C278.136 381.427 279.211 382.503 280.538 382.503Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M282.941 331.735C284.268 331.735 285.344 330.659 285.344 329.332C285.344 328.005 284.268 326.93 282.941
+        326.93C281.614 326.93 280.538 328.005 280.538 329.332C280.538 330.659 281.614 331.735 282.941 331.735Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M320.799 334.138C322.126 334.138 323.202 333.062 323.202 331.735C323.202 330.408 322.126 329.333 320.799
+        329.333C319.472 329.333 318.396 330.408 318.396 331.735C318.396 333.062 319.472 334.138 320.799 334.138Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M320.799 381.647C322.126 381.647 323.202 380.572 323.202 379.245C323.202 377.918 322.126 376.842 320.799
+        376.842C319.472 376.842 318.396 377.918 318.396 379.245C318.396 380.572 319.472 381.647 320.799 381.647Z"
+      fill="white"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M69.9933 298.048C69.3283 298.979 68.8141 299.534 68.5082 299.587C66.1941 299.995 46.2054 290.747 47.4289 285.986C47.5575 285.467
+        47.6994 284.767 47.8413 283.925C48.7057 278.977 49.7962 269.229 51.1926 264.073C51.7467 262.016 52.3496 260.695 53.0057
+        260.691C58.3121 260.669 76.4035 260.23 80.8941 265.151C84.782 269.429 74.3333 291.922 69.9977 298.048H69.9933Z"
+    ></path>
+
+    <path
+      d="M44.5169 264.477C44.5169 264.477 44.5169 264.481 44.5125 264.486L41.1034 280.729C38.0179 279.505 35.1099 278.676 32.3791
+        278.162C16.2605 275.068 6.22405 282.373 1.73334 279.594C-6.5299 274.478 15.9059 266.667 44.5214 264.477H44.5169Z"
+      fill="#F5CAA4"
+    ></path>
+
+    <path
+      d="M360.838 249.183C360.838 249.542 360.834 249.945 360.82 250.375C360.825 249.945 360.829 249.546 360.838 249.183Z"
+      fill="#0E53E4"
+    ></path>
+
+    <path
+      :fill="primaryActiveColorWithFallback"
+      d="M92.589 311.849C84.3613 307.176 76.7187 302.384 69.9893 298.049C73.088 293.669 79.312 280.933 81.1916
+        272.457C79.7553 280.365 75.4907 291.607 79.3873 297.548C82.025 301.569 87.5752 307.159 92.589 311.849Z"
+    ></path>
+
+    <path
+      :fill="primaryActiveColorWithFallback"
+      d="M63.4063 293.194C65.7714 293.194 67.6887 291.277 67.6887 288.912C67.6887 286.547 65.7714 284.629 63.4063
+        284.629C61.0413 284.629 59.124 286.547 59.124 288.912C59.124 291.277 61.0413 293.194 63.4063 293.194Z"
+    ></path>
+
+    <path
+      d="M44.5074 264.485L41.0984 280.728C38.013 279.505 35.1048 278.676 32.374 278.161C34.3778 277.847
+        36.3195 277.452 37.3612 277.009C40.0388 275.865 44.3788 264.827 44.5118 264.485H44.5074Z"
+      fill="#EAAA79"
+    ></path>
+
+    <path
+      d="M286.088 179.632C286.008 179.641 285.924 179.632 285.84 179.61C285.476 179.512 285.263 179.14 285.365 178.776C285.445 178.484
+        289.874 137.301 295.207 121.018C295.322 120.663 295.708 120.468 296.062 120.583C296.417 120.699 296.612 121.084 296.497
+        121.439C291.173 137.691 286.757 178.843 286.678 179.135C286.602 179.415 286.363 179.605 286.092 179.632H286.088Z"
+      fill="#18181B"
+    ></path>
+
+    <path
+      d="M285.774 178.843C286.004 179.14 286.43 179.189 286.727 178.958C318.264 154.342 332.871 123.319 328.163 116.767C327.946 116.461
+        327.52 116.394 327.214 116.612C326.908 116.829 326.842 117.254 327.059 117.56C330.809 122.783 318.1 152.746 285.889 177.89C285.592
+        178.121 285.543 178.546 285.774 178.843Z"
+      fill="#18181B"
+    ></path>
+
+    <path
+      d="M279.336 223.001L261.462 216.156C260.916 215.948 260.495 215.553 260.243 215.07C259.946 214.507 259.888 213.82 260.132
+        213.177L274.415 175.868C274.632 175.301 275.054 174.867 275.559 174.618C276.113 174.348 276.769 174.299 277.39 174.539L295.264
+        181.383C295.769 181.578 296.168 181.929 296.425 182.363C296.771 182.948 296.855 183.675 296.594 184.358L282.31 221.667C282.084
+        222.261 281.637 222.708 281.096 222.948C280.559 223.187 279.925 223.223 279.331 222.996L279.336 223.001Z"
+      fill="#575757"
+    ></path>
+
+    <path
+      d="M283.946 197.014L275.391 193.738C274.965 193.574 274.628 193.282 274.411 192.918C274.114 192.422 274.043 191.801 274.265
+        191.22L277.541 182.665C277.731 182.164 278.112 181.782 278.569 181.578C279.026 181.375 279.558 181.344 280.063 181.539L288.619
+        184.815C289.12 185.005 289.501 185.386 289.705 185.843C289.909 186.3 289.94 186.832 289.745 187.337L286.469 195.893C286.278 196.394
+        285.897 196.775 285.44 196.979C284.984 197.183 284.452 197.214 283.946 197.019V197.014Z"
+      fill="#1E1E1E"
+    ></path>
+
+    <path
+      d="M269.437 198.291C270.882 198.694 272.3 199.169 273.719 199.652C275.138 200.131 276.538 200.654 277.935 201.181C279.327 201.722
+        280.723 202.268 282.093 202.857L284.154 203.748C284.833 204.067 285.52 204.364 286.189 204.706C285.462 204.511 284.753 204.276
+        284.035 204.058L281.907 203.345C280.488 202.866 279.087 202.343 277.691 201.815C276.299 201.275 274.907 200.729 273.533
+        200.14C272.154 199.554 270.784 198.96 269.437 198.295V198.291Z"
+      fill="#1E1E1E"
+    ></path>
+
+    <path
+      d="M267.868 202.392C269.313 202.795 270.732 203.269 272.151 203.753C273.569 204.231 274.97 204.754 276.366 205.282C277.758 205.823
+        279.155 206.368 280.525 206.958L282.586 207.849C283.264 208.168 283.951 208.465 284.621 208.806C283.894 208.611 283.185 208.376
+        282.466 208.159L280.338 207.445C278.92 206.967 277.519 206.443 276.123 205.916C274.731 205.375 273.339 204.83 271.964 204.24C270.586
+        203.655 269.216 203.061 267.868 202.396V202.392Z"
+      fill="#1E1E1E"
+    ></path>
+
+    <path
+      d="M266.299 206.492C267.744 206.896 269.163 207.37 270.581 207.853C272 208.332 273.401 208.855 274.797 209.383C276.189 209.923 277.585
+        210.469 278.955 211.058L281.017 211.949C281.695 212.269 282.382 212.566 283.051 212.907C282.324 212.712 281.615 212.477 280.897
+        212.26L278.769 211.546C277.35 211.067 275.95 210.544 274.553 210.017C273.161 209.476 271.769 208.93 270.395 208.341C269.016 207.756
+        267.646 207.162 266.299 206.497V206.492Z"
+      fill="#1E1E1E"
+    ></path>
+
+    <path
+      d="M316.787 136.645C316.406 137.717 282.413 246.687 282.413 246.687C282.413 246.687 416.514 181.999 415.884
+        180.173C415.255 178.351 415.463 167.92 408.295 161.284C401.126 154.647 317.988 133.271 316.787 136.645Z"
+      fill="#D3DCE2"
+    ></path>
+
+    <path
+      d="M321.295 145.918C325.037 142.882 411.632 166.537 415.361 169.369C419.089 172.198 415.884 180.173 415.884 180.173L304.356
+        180.501C304.356 180.501 314.003 150.622 316.219 147.723C318.44 144.824 321.295 145.918 321.295 145.918Z"
+      fill="#EBEFF2"
+    ></path>
+
+    <path
+      d="M377.165 329.031C375.88 329.736 367.719 329.137 356.286 327.821V327.83C322.949 323.999 261.733 314.118 261.44 312.935C261.294
+        312.305 267.429 292.897 275.258 268.692C276.304 265.474 277.377 262.162 278.472 258.802C289.909 223.621 303.426 182.771 306.555
+        174.224C312.225 158.735 315.351 153.215 318.959 154.133C327.728 156.367 417.954 170.584 415.888 180.177C414.443 186.876 398.604
+        255.371 387.468 297.091C382.636 315.155 378.686 328.198 377.165 329.035V329.031Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M333.876 285.68C330.387 284.31 327.054 282.941 323.906 281.589C304.166 273.121 291.718 265.457 294.187
+        263.107C298.119 259.343 315.683 256.214 335.623 253.031C334.528 259.237 331.744 277.062 333.876 285.676V285.68Z"
+      fill="#F6CBA5"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M493.476 279.78C492.811 281.868 492.04 283.951 491.153 286.039C478.231 316.596 426.789 312.952 379.679 300.624C372.427 298.727
+        365.281 296.621 358.392 294.404C359.083 287.87 360.014 271.845 360.502 260.066C360.506 260.013 360.506 259.955 360.506
+        259.906C360.652 256.382 360.763 253.248 360.812 250.872C360.816 250.703 360.821 250.535 360.821 250.371C360.825 249.941 360.83
+        249.542 360.839 249.178V249.005C377.05 246.292 391.737 243.362 398.883 239.851C400.639 238.982 401.884 237.892 402.687
+        236.597L493.481 279.775L493.476 279.78Z"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M360.838 249.005C360.776 257.853 359.353 285.316 358.391 294.404C358.205 296.115 358.037 297.179 357.899 297.343C356.906 298.518
+        340.867 296.031 335.379 289.115C334.719 288.287 334.231 287.107 333.876 285.675C331.744 277.058 334.533 259.237 335.623
+        253.035C335.862 251.656 336.022 250.849 336.022 250.849C339.387 248.659 360.187 243.752 360.759 246.336C360.829 246.642 360.852
+        247.582 360.843 249.005H360.838Z"
+    ></path>
+
+    <path
+      :fill="primaryActiveColorWithFallback"
+      d="M379.674 300.624C372.422 298.727 365.276 296.621 358.387 294.404C359.078 287.87 360.009 271.845 360.497
+        260.066C360.24 270.767 360.572 284.878 365.675 289.958C370.041 294.307 375.76 298.19 379.674 300.62V300.624Z"
+    ></path>
+
+    <path
+      :fill="primaryActiveColorWithFallback"
+      d="M346.275 287.755C348.78 287.755 350.81 285.724 350.81 283.22C350.81 280.715 348.78 278.685 346.275
+        278.685C343.771 278.685 341.74 280.715 341.74 283.22C341.74 285.724 343.771 287.755 346.275 287.755Z"
+    ></path>
+
+    <path
+      d="M333.876 285.68C330.387 284.31 327.054 282.941 323.906 281.589C325.963 281.376 327.861 280.999 328.96
+        280.343C332.28 278.361 329.683 262.362 335.623 253.031C334.528 259.237 331.744 277.062 333.876 285.676V285.68Z"
+      fill="#EAAA79"
+    ></path>
+
+    <circle
+      cx="329"
+      cy="81"
+      r="7"
+      fill="#FCA573"
+    ></circle>
+
+    <circle
+      cx="298"
+      cy="85"
+      r="7"
+      fill="#FCA573"
+    ></circle>
+
+    <path
+      d="M303.9 93.8193C308.661 102.29 319.903 113.763 326.79 91.8852C321.479 97.2333 310.034 98.2004 303.9 93.8193Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M303.9 93.8193C308.661 102.29 319.903 113.763 326.79 91.8852C321.561 98.2062 309.357 100.964 303.9 93.8193Z"
+      fill="#FE9661"
+    ></path>
+
+    <ellipse
+      cx="320.545"
+      cy="63.0187"
+      rx="2.5"
+      ry="6"
+      transform="rotate(0.433469 320.545 63.0187)"
+      fill="#232426"
+    ></ellipse>
+
+    <ellipse
+      cx="302.184"
+      cy="64.9246"
+      rx="2.34622"
+      ry="5.63093"
+      transform="rotate(-8.84128 302.184 64.9246)"
+      fill="#232426"
+    ></ellipse>
+  </svg>
+</template>