From 6bdc2eeeb6743b37b3dece00361f8e44f44ac702 Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Mon, 13 Nov 2023 16:09:51 +0100
Subject: [PATCH 001/161] =?UTF-8?q?=F0=9F=9A=A7=20wip:=20customize=20colle?=
 =?UTF-8?q?ction?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/collection/CustomizeModal.vue      | 63 +++++++++++++++++++
 .../HeroButtonCustomizeCollection.vue         | 48 ++++++++++++++
 components/collection/HeroButtons.vue         | 12 ++--
 composables/transaction/types.ts              |  1 +
 pnpm-lock.yaml                                |  2 +-
 .../general/collectionByIdMinimal.graphql     |  1 +
 6 files changed, 119 insertions(+), 8 deletions(-)
 create mode 100644 components/collection/CustomizeModal.vue
 create mode 100644 components/collection/HeroButtonCustomizeCollection.vue

diff --git a/components/collection/CustomizeModal.vue b/components/collection/CustomizeModal.vue
new file mode 100644
index 0000000000..c03e9ed550
--- /dev/null
+++ b/components/collection/CustomizeModal.vue
@@ -0,0 +1,63 @@
+<template>
+  <NeoModal :value="value" @close="value = false">
+    <div class="py-4 px-5 limit-width">
+      <div class="is-flex mb-3 is-size-6">
+        {{ 'Customize Collection' }}
+      </div>
+      <div class="has-text-grey is-size-7 mb-5">
+        This will update the Maximum items in your collection
+      </div>
+      <!-- collection max nfts -->
+      <NeoField
+        :label="$t('Maximum NFTs in collection')"
+        data-testid="collection-maxAmount"
+        required>
+        <div class="w-full">
+          <NeoInput
+            v-model="max"
+            type="number"
+            :placeholder="`${min} is the minimum`"
+            :min="min" />
+        </div>
+      </NeoField>
+      <div class="is-flex is-justify-content-flex-end">
+        <NeoButton
+          class="has-text-weight-bold mr-4"
+          variant="text"
+          no-shadow
+          @click="emit('customize')">
+          <span class="has-text-k-green">
+            {{ $t('Update') }}
+          </span>
+        </NeoButton>
+        <NeoButton
+          class="has-text-weight-bold"
+          variant="text"
+          no-shadow
+          :label="$t('cancel')"
+          @click="value = false" />
+      </div>
+    </div>
+  </NeoModal>
+</template>
+
+<script setup lang="ts">
+import { NeoButton, NeoField, NeoInput, NeoModal } from '@kodadot1/brick'
+
+const props = defineProps<{
+  modelValue: boolean
+  min: number
+}>()
+const emit = defineEmits(['update:value', 'customize'])
+
+const value = useVModel(props, 'modelValue')
+
+const min = computed(() => props.min || 1)
+const max = ref(undefined)
+</script>
+
+<style lang="scss" scoped>
+.limit-width {
+  max-width: 314px;
+}
+</style>
diff --git a/components/collection/HeroButtonCustomizeCollection.vue b/components/collection/HeroButtonCustomizeCollection.vue
new file mode 100644
index 0000000000..2aca241755
--- /dev/null
+++ b/components/collection/HeroButtonCustomizeCollection.vue
@@ -0,0 +1,48 @@
+<template>
+  <NeoDropdownItem @click="customizeCollectionModalActive = true">
+    {{ $i18n.t('moreActions.customize') }}
+  </NeoDropdownItem>
+
+  <CollectionCustomizeModal
+    v-model="customizeCollectionModalActive"
+    :min="min"
+    @customize="closeAndCustomize" />
+</template>
+
+<script setup lang="ts">
+import { Collections } from '@/composables/transaction/types'
+import { NeoDropdownItem } from '@kodadot1/brick'
+
+withDefaults(
+  defineProps<{
+    min: number
+  }>(),
+  {
+    min: undefined,
+  },
+)
+
+const route = useRoute()
+const { $i18n, $updateLoader } = useNuxtApp()
+const { transaction } = useTransaction()
+const { urlPrefix } = usePrefix()
+// const { accountId } = useAuth()
+
+const customizeCollectionModalActive = ref(false)
+
+const customizeCollection = async () => {
+  $updateLoader(true)
+  const id = route.params.id.toString()
+
+  await transaction({
+    interaction: Collections.SET_MAX_SUPPLY,
+    urlPrefix: urlPrefix.value,
+    collectionId: id,
+  })
+}
+
+const closeAndCustomize = () => {
+  customizeCollectionModalActive.value = false
+  customizeCollection()
+}
+</script>
diff --git a/components/collection/HeroButtons.vue b/components/collection/HeroButtons.vue
index be00e802ff..881082267e 100644
--- a/components/collection/HeroButtons.vue
+++ b/components/collection/HeroButtons.vue
@@ -63,11 +63,10 @@
 
           <!-- related: #5792 -->
           <div v-if="isOwner">
-            <HeroButtonDeleteNfts />
-            <HeroButtonDeleteCollection />
-            <!-- <NeoDropdownItem>
-                {{ $i18n.t('moreActions.customize') }}
-              </NeoDropdownItem> -->
+            <CollectionHeroButtonDeleteNfts />
+            <CollectionHeroButtonDeleteCollection />
+            <CollectionHeroButtonCustomizeCollection
+              :min="collectionNftCount" />
           </div>
           <NeoDropdownItem disabled>
             {{ $i18n.t('moreActions.reportCollection') }}
@@ -96,8 +95,6 @@ import {
   NeoModal,
 } from '@kodadot1/brick'
 import { useCollectionMinimal } from '@/components/collection/utils/useCollectionDetails'
-import HeroButtonDeleteCollection from './HeroButtonDeleteCollection.vue'
-import HeroButtonDeleteNfts from './HeroButtonDeleteNfts.vue'
 
 const route = useRoute()
 const { isCurrentOwner } = useAuth()
@@ -114,6 +111,7 @@ const { collection } = useCollectionMinimal({
   collectionId: collectionId.value,
 })
 const collectionIssuer = computed(() => collection.value?.issuer)
+const collectionNftCount = computed(() => collection.value?.nftCount)
 
 const { twitter } = useIdentity({
   address: collectionIssuer,
diff --git a/composables/transaction/types.ts b/composables/transaction/types.ts
index 2525ee686e..c1d856d55e 100644
--- a/composables/transaction/types.ts
+++ b/composables/transaction/types.ts
@@ -180,6 +180,7 @@ export interface ActionMintCollection {
 
 export enum Collections {
   DELETE = 'delete',
+  SET_MAX_SUPPLY = 'setCollectionMaxSupply',
 }
 
 export type ActionsInteractions = Interaction | ShoppingActions | Collections
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 65794c6461..c05acea267 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: '6.0'
+lockfileVersion: '6.1'
 
 settings:
   autoInstallPeers: false
diff --git a/queries/subsquid/general/collectionByIdMinimal.graphql b/queries/subsquid/general/collectionByIdMinimal.graphql
index 3c45c88c22..970e7afe89 100644
--- a/queries/subsquid/general/collectionByIdMinimal.graphql
+++ b/queries/subsquid/general/collectionByIdMinimal.graphql
@@ -10,6 +10,7 @@ query collectionByIdMinimal($id: String!) {
       name
       type
     }
+    nftCount
     metadata
     name
     currentOwner

From 733304a4b9c373591c7e4477598499e78094a97d Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Thu, 23 Nov 2023 17:03:57 +0700
Subject: [PATCH 002/161] fix: show migrate waiting

---
 components/migrate/landing/content/Waiting.vue | 15 +--------------
 locales/en.json                                |  4 +---
 2 files changed, 2 insertions(+), 17 deletions(-)

diff --git a/components/migrate/landing/content/Waiting.vue b/components/migrate/landing/content/Waiting.vue
index 9d913a2f2f..3a73283e09 100644
--- a/components/migrate/landing/content/Waiting.vue
+++ b/components/migrate/landing/content/Waiting.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="mt-8 pt-4">
-    <!-- <div class="is-flex is-relative section-title">
+    <div class="is-flex is-relative section-title">
       <img src="/migrate/state-waiting.svg" alt="Ready" />
       <p>{{ $t('migrate.waiting.title') }}</p>
     </div>
@@ -52,19 +52,6 @@
           </div>
         </div>
       </div>
-    </div> -->
-
-    <div class="mt-8 pt-4">
-      <hr />
-      <p class="has-text-grey mb-2">
-        {{ $t('migrate.migrationNotPossible') }}
-      </p>
-      <p>
-        <span v-dompurify-html="$t('migrate.migrationNotPossibleLabel')"></span>
-        <strong v-for="collection in collections" :key="collection.id">
-          &nbsp;{{ collection.name }},
-        </strong>
-      </p>
     </div>
   </div>
 </template>
diff --git a/locales/en.json b/locales/en.json
index d583347be1..b46173a270 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -1477,8 +1477,6 @@
       "cta": "Migrate Items",
       "own": "You Own <strong>{0}</strong> From This Collection"
     },
-    "migrationNotPossible": "Migration Not Possible:",
-    "migrationNotPossibleLabel": "Migration Is <strong>Not Possible</strong> For  Following Collections That You Own:",
     "homeButton": "Migration Homepage",
     "review": "Review",
     "reviewCtaUncheck": "Acknowledge Before Proceeding",
@@ -1523,7 +1521,7 @@
       "finalizingItems": "Finalizing {0} Items"
     }
   },
-  "transactionSteps" : {
+  "transactionSteps": {
     "completed": "Completed",
     "error": "Failed to Sign",
     "loading": "Transaction in Progress",

From 2b367566ad4e105db644031f13982e1e5615eefd Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Thu, 23 Nov 2023 17:06:28 +0700
Subject: [PATCH 003/161] Add 'Migrate' menu item to WalletAssetMenu.vue

---
 components/common/ConnectWallet/WalletAssetMenu.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/components/common/ConnectWallet/WalletAssetMenu.vue b/components/common/ConnectWallet/WalletAssetMenu.vue
index 85415e2888..6dd8e72f54 100644
--- a/components/common/ConnectWallet/WalletAssetMenu.vue
+++ b/components/common/ConnectWallet/WalletAssetMenu.vue
@@ -83,6 +83,10 @@ const menus = ref([
     label: 'Onchain Identity',
     to: '/identity',
   },
+  {
+    label: 'Migrate',
+    to: '/migrate',
+  },
 ])
 
 watchEffect(() => {

From f27b3bcee122987258a92f450d154ac16701b998 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Thu, 23 Nov 2023 17:43:16 +0700
Subject: [PATCH 004/161] Fix image rendering issue in Ready and Waiting
 components

---
 components/migrate/landing/content/Ready.vue  | 15 ++++++++++--
 .../migrate/landing/content/Waiting.vue       | 23 +++++++++++++++----
 2 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/components/migrate/landing/content/Ready.vue b/components/migrate/landing/content/Ready.vue
index 322b3786d6..83465d5ecf 100644
--- a/components/migrate/landing/content/Ready.vue
+++ b/components/migrate/landing/content/Ready.vue
@@ -18,12 +18,12 @@
         <div
           class="collection-card-banner"
           :style="{
-            backgroundImage: `url(${sanitizeIpfsUrl(collection.meta?.image)})`,
+            backgroundImage: `url(${entities[collection.id]?.image})`,
           }"></div>
         <div
           class="collection-card-avatar"
           :style="{
-            backgroundImage: `url(${sanitizeIpfsUrl(collection.meta?.image)})`,
+            backgroundImage: `url(${entities[collection.id]?.image})`,
           }"></div>
 
         <div class="collection-card-info">
@@ -68,4 +68,15 @@ defineProps<{
 }>()
 
 const { collections } = await useCollectionReady()
+
+const { urlPrefix } = usePrefix()
+const entities = reactive({})
+watchEffect(() => {
+  collections.value.forEach(async (collection) => {
+    entities[collection.id] = await getNftMetadata(
+      collection as unknown as MinimalNFT,
+      urlPrefix.value,
+    )
+  })
+})
 </script>
diff --git a/components/migrate/landing/content/Waiting.vue b/components/migrate/landing/content/Waiting.vue
index 3a73283e09..b4e0abd17f 100644
--- a/components/migrate/landing/content/Waiting.vue
+++ b/components/migrate/landing/content/Waiting.vue
@@ -17,22 +17,22 @@
         <div
           class="collection-card-banner"
           :style="{
-            backgroundImage: `url(${sanitizeIpfsUrl(collection.meta?.image)})`,
+            backgroundImage: `url(${entities[collection.id]?.image})`,
           }"></div>
         <div
           class="collection-card-avatar"
           :style="{
-            backgroundImage: `url(${sanitizeIpfsUrl(collection.meta?.image)})`,
+            backgroundImage: `url(${entities[collection.id]?.image})`,
           }"></div>
 
         <div class="collection-card-info">
           <p class="is-size-5 has-text-weight-bold">{{ collection.name }}</p>
-          <p>
+          <!-- <p>
             <span class="has-text-grey mr-2">
               {{ $t('migrate.waiting.status') }}
             </span>
             <a href="#!" class="has-text-k-blue">Another nice name </a>
-          </p>
+          </p> -->
         </div>
 
         <div class="collection-card-info">
@@ -45,7 +45,9 @@
                 "></p>
             </div>
             <div>
-              <NeoButton variant="pill" @click="toReview(collection.id)">
+              <NeoButton
+                variant="pill"
+                @click="toReview(collection.id, collection.nfts?.length)">
                 {{ $t('migrate.waiting.cta') }}
               </NeoButton>
             </div>
@@ -97,4 +99,15 @@ const collections = computed(() => {
 
   return []
 })
+
+const { urlPrefix } = usePrefix()
+const entities = reactive({})
+watchEffect(() => {
+  collections.value.forEach(async (collection) => {
+    entities[collection.id] = await getNftMetadata(
+      collection as unknown as MinimalNFT,
+      urlPrefix.value,
+    )
+  })
+})
 </script>

From 9ad25474f7cd051acd7d279572512f4d647c09b2 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Thu, 23 Nov 2023 18:37:19 +0700
Subject: [PATCH 005/161] Fix migration button visibility

---
 components/migrate/landing/content/Waiting.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/migrate/landing/content/Waiting.vue b/components/migrate/landing/content/Waiting.vue
index b4e0abd17f..6dc55980c9 100644
--- a/components/migrate/landing/content/Waiting.vue
+++ b/components/migrate/landing/content/Waiting.vue
@@ -44,13 +44,14 @@
                   $t('migrate.waiting.own', [collection.nfts?.length])
                 "></p>
             </div>
-            <div>
+            <!-- TODO: how to check if owner already migrate it -->
+            <!-- <div>
               <NeoButton
                 variant="pill"
                 @click="toReview(collection.id, collection.nfts?.length)">
                 {{ $t('migrate.waiting.cta') }}
               </NeoButton>
-            </div>
+            </div> -->
           </div>
         </div>
       </div>

From 3374f99fd552a4453f55719c8f4eb75dce94746e Mon Sep 17 00:00:00 2001
From: Shashkov Danil <shashkovdanil@gmail.com>
Date: Sat, 25 Nov 2023 14:21:36 +0000
Subject: [PATCH 006/161] MediaItem to tailwindcss

---
 assets/styles/global.scss                     |  6 --
 components/massmint/OverviewTable.vue         |  5 --
 .../ui/src/components/MediaItem/MediaItem.vue | 72 ++++---------------
 .../components/MediaItem/type/AudioMedia.vue  | 11 ++-
 .../components/MediaItem/type/IFrameMedia.vue | 10 +--
 .../components/MediaItem/type/ImageMedia.vue  | 19 ++---
 .../components/MediaItem/type/JsonMedia.vue   |  4 +-
 .../components/MediaItem/type/ModelMedia.vue  | 45 ++----------
 .../components/MediaItem/type/ObjectMedia.vue | 10 +--
 .../components/MediaItem/type/VideoMedia.vue  | 39 +---------
 libs/ui/src/components/TheImage/TheImage.vue  |  1 +
 11 files changed, 37 insertions(+), 185 deletions(-)

diff --git a/assets/styles/global.scss b/assets/styles/global.scss
index f9d41b85dd..98bf9938a3 100644
--- a/assets/styles/global.scss
+++ b/assets/styles/global.scss
@@ -336,12 +336,6 @@ a.has-text-grey {
   }
 }
 
-.border-k-grey {
-  @include ktheme() {
-    border-color: theme('k-grey') !important;
-  }
-}
-
 .border-top-k-shade {
   @include ktheme() {
     border-top: 1px solid theme('k-shade');
diff --git a/components/massmint/OverviewTable.vue b/components/massmint/OverviewTable.vue
index 58fc4b6e67..8742a34e5b 100644
--- a/components/massmint/OverviewTable.vue
+++ b/components/massmint/OverviewTable.vue
@@ -175,11 +175,6 @@ useIntersectionObserver(sentinel, handleIntersection, { threshold: 0.66 })
 <style scoped lang="scss">
 @import '@/assets/styles/abstracts/variables';
 
-.border-k-grey {
-  @include ktheme() {
-    border-color: theme('k-grey');
-  }
-}
 .border-k-shade {
   @include ktheme() {
     border-color: theme('k-shade');
diff --git a/libs/ui/src/components/MediaItem/MediaItem.vue b/libs/ui/src/components/MediaItem/MediaItem.vue
index fa15360064..dcc08c2020 100644
--- a/libs/ui/src/components/MediaItem/MediaItem.vue
+++ b/libs/ui/src/components/MediaItem/MediaItem.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="mediaItem" class="media-object" style="height: fit-content">
+  <div ref="mediaItem" class="h-fit">
     <component
       :is="resolveComponent"
       :src="properSrc"
@@ -19,29 +19,24 @@
       :autoplay="autoplay" />
     <div
       v-if="isLewd && isLewdBlurredLayer"
-      class="nsfw-blur is-capitalized is-flex is-align-items-center is-justify-content-center is-flex-direction-column">
+      class="backdrop-blur-3xl absolute top-0 w-full h-full text-text-color capitalize flex items-center justify-center flex-col px-2">
       <NeoIcon icon="eye-slash" class="mb-3" />
-      <span class="has-text-weight-bold">
+      <span class="font-bold">
         {{ $t('lewd.explicit') }}
       </span>
-      <span class="nsfw-desc text-align-center">{{
-        $t('lewd.explicitDesc')
-      }}</span>
+      <span class="text-center max-w-xs">{{ $t('lewd.explicitDesc') }}</span>
     </div>
     <div
       v-if="isInteractive"
-      class="k-shade border-k-grey is-flex is-align-items-center is-justify-content-center border is-rounded absolute-position image is-24x24">
-      <NeoIcon
-        icon="code"
-        pack="far"
-        class="is-size-7 has-text-weight-medium" />
+      class="w-6 h-6 absolute top-3 right-3 flex items-center justify-center rounded-full bg-k-shade border-default border-k-grey">
+      <NeoIcon icon="code" pack="far" class="font-medium text-xs/none" />
     </div>
     <NeoButton
       v-if="isLewd"
       rounded
       no-shadow
-      class="nsfw-action no-border px-4 py-1 is-size-6"
-      :class="{ hide: isLewdBlurredLayer }"
+      class="absolute left-1/2 bottom-5 -translate-x-1/2 text-text-color bg-background-color border-none px-4 py-1 text-base"
+      :class="{ 'text-background-color bg-text-color': isLewdBlurredLayer }"
       :label="
         isLewdBlurredLayer ? $t('lewd.showContent') : $t('lewd.hideContent')
       "
@@ -50,7 +45,6 @@
 </template>
 
 <script lang="ts" setup>
-import type { ComputedOptions, ConcreteComponent, MethodOptions } from 'vue'
 import { computed, defineAsyncComponent, ref, watch } from 'vue'
 import { useElementHover, useElementVisibility } from '@vueuse/core'
 import { NeoButton, NeoIcon } from '@kodadot1/brick'
@@ -65,6 +59,8 @@ import IFrameMedia from './type/IFrameMedia.vue'
 import ObjectMedia from './type/ObjectMedia.vue'
 import Media from './type/UnknownMedia.vue'
 
+import type { ImageComponent } from '../TheImage/TheImage.vue'
+
 const props = withDefaults(
   defineProps<{
     src?: string
@@ -83,10 +79,7 @@ const props = withDefaults(
     autoplay?: boolean
     // props for image component
     sizes?: string
-    imageComponent?:
-      | string
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
-      | ConcreteComponent<{}, any, any, ComputedOptions, MethodOptions>
+    imageComponent?: ImageComponent
   }>(),
   {
     src: '',
@@ -156,6 +149,7 @@ const resolveComponent = computed(() => {
     ? modelComponent.value
     : components[mediaType + SUFFIX]
 })
+
 const properSrc = computed(() => props.src || props.placeholder)
 
 const updateComponent = async () => {
@@ -180,45 +174,3 @@ const isMediaItemHovering = useElementHover(mediaItem)
 
 defineExpose({ isLewdBlurredLayer })
 </script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/abstracts/variables';
-.media-object {
-  .nsfw-blur {
-    backdrop-filter: blur(60px);
-    position: absolute;
-    top: 0;
-    height: 100%;
-    width: 100%;
-    @include ktheme() {
-      color: theme('text-color');
-    }
-
-    .nsfw-desc {
-      max-width: 18.75rem;
-    }
-  }
-  .nsfw-action {
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-    bottom: 1.25rem;
-    @include ktheme() {
-      color: theme('text-color') !important;
-      background: theme('background-color') !important;
-    }
-    &.hide {
-      @include ktheme() {
-        color: theme('background-color') !important;
-        background: theme('text-color') !important;
-      }
-    }
-  }
-
-  .absolute-position {
-    position: absolute;
-    right: 0.75rem;
-    top: 0.75rem;
-  }
-}
-</style>
diff --git a/libs/ui/src/components/MediaItem/type/AudioMedia.vue b/libs/ui/src/components/MediaItem/type/AudioMedia.vue
index 26f45fa999..b8d00a45a8 100644
--- a/libs/ui/src/components/MediaItem/type/AudioMedia.vue
+++ b/libs/ui/src/components/MediaItem/type/AudioMedia.vue
@@ -6,15 +6,13 @@
       :src="playerCover"
       :placeholder="placeholder"
       :alt="alt"
-      :is-detail="isDetail"
-      :original="original"
-      :is-dark-mode="isDarkMode" />
+      :original="original" />
 
     <NeoAudioPlayer
       v-show="!hoverOnCoverPlay"
       ref="audioPlayer"
       :src="animationSrc"
-      class="w-full border-top" />
+      class="w-full border-t border-t-border-color" />
   </div>
 </template>
 
@@ -35,11 +33,10 @@ const props = withDefaults(
     alt?: string
     original: boolean
     placeholder: string
-    isDetail?: boolean
-    isDarkMode?: boolean
   }>(),
   {
     parentHovering: undefined,
+    alt: '',
   },
 )
 
@@ -54,7 +51,7 @@ if (props.hoverOnCoverPlay) {
   if (props.parentHovering !== undefined) {
     watchDebounced(
       () => props.parentHovering,
-      (hovering) => handleCoverHover(hovering),
+      (hovering) => handleCoverHover(Boolean(hovering)),
       { debounce: computed(() => (props.parentHovering ? hoverDelay : 0)) },
     )
   } else {
diff --git a/libs/ui/src/components/MediaItem/type/IFrameMedia.vue b/libs/ui/src/components/MediaItem/type/IFrameMedia.vue
index 1c79463730..2923f3f965 100644
--- a/libs/ui/src/components/MediaItem/type/IFrameMedia.vue
+++ b/libs/ui/src/components/MediaItem/type/IFrameMedia.vue
@@ -1,7 +1,7 @@
 <template>
   <iframe
     title="html-embed"
-    class="iframe-model__wrapper is-flex"
+    class="w-full h-full aspect-square flex"
     :src="animationSrc || src"
     :alt="alt"
     sandbox="allow-scripts allow-same-origin allow-modals"
@@ -15,11 +15,3 @@ defineProps<{
   alt?: string
 }>()
 </script>
-
-<style scoped>
-.iframe-model__wrapper {
-  height: 100%;
-  aspect-ratio: 1;
-  width: 100%;
-}
-</style>
diff --git a/libs/ui/src/components/MediaItem/type/ImageMedia.vue b/libs/ui/src/components/MediaItem/type/ImageMedia.vue
index b118ebec23..e58a8905a4 100644
--- a/libs/ui/src/components/MediaItem/type/ImageMedia.vue
+++ b/libs/ui/src/components/MediaItem/type/ImageMedia.vue
@@ -1,16 +1,15 @@
 <template>
   <figure
-    class="image-container"
     :class="{
-      'is-square image': !original,
-      'is-detail': isDetail,
+      'relative pt-[100%]': !original,
     }">
     <TheImage
       :image-component="imageComponent"
       :image-component-props="{ sizes }"
       :src="src"
       :alt="alt"
-      class="is-block image-media__image no-border-radius"
+      class="block rounded-none"
+      :class="{ 'object-cover absolute inset-0 w-full h-full': !original }"
       data-testid="type-image"
       @error.once="onError" />
   </figure>
@@ -25,15 +24,15 @@ const props = withDefaults(
   defineProps<{
     imageComponent?: ImageComponent
     sizes?: string
-    src?: string
+    src: string
     alt?: string
     original: boolean
     placeholder: string
-    isDetail?: boolean
-    isDarkMode?: boolean
   }>(),
   {
+    imageComponent: 'img',
     sizes: '450px md:350px lg:270px',
+    alt: '',
   },
 )
 
@@ -46,9 +45,3 @@ const onError = (e: Event) => {
   }
 }
 </script>
-
-<style>
-.image-container.is-square > img {
-  object-fit: cover;
-}
-</style>
diff --git a/libs/ui/src/components/MediaItem/type/JsonMedia.vue b/libs/ui/src/components/MediaItem/type/JsonMedia.vue
index f95ddda4b1..a9d09db944 100644
--- a/libs/ui/src/components/MediaItem/type/JsonMedia.vue
+++ b/libs/ui/src/components/MediaItem/type/JsonMedia.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
-    <div v-for="item in items" :key="item.key" class="columns">
-      <div class="column">
+    <div v-for="item in items" :key="item.key">
+      <div class="py-3">
         <b>{{ item.key }}</b
         >: {{ item.value }}
       </div>
diff --git a/libs/ui/src/components/MediaItem/type/ModelMedia.vue b/libs/ui/src/components/MediaItem/type/ModelMedia.vue
index 9118935af3..8d5584eca6 100644
--- a/libs/ui/src/components/MediaItem/type/ModelMedia.vue
+++ b/libs/ui/src/components/MediaItem/type/ModelMedia.vue
@@ -1,8 +1,12 @@
 <template>
-  <div class="view-model__wrapper">
-    <div class="view-model__overflow" />
+  <div class="w-full h-full z-10 min-w-0 relative">
+    <div class="h-0 w-full pb-[100%]" />
     <model-viewer
-      class="view-model__component"
+      class="inset-0 min-w-0 h-full w-full flex items-center justify-center absolute"
+      :style="{
+        '--poster-color': 'transparent',
+        '--progress-bar-color': 'lightpink',
+      }"
       :src="animationSrc"
       auto-rotate
       ar-modes="webxr scene-viewer quick-look"
@@ -22,38 +26,3 @@ defineProps<{
   disableOperation?: boolean
 }>()
 </script>
-
-<style lang="scss" scoped>
-.view-model {
-  &__wrapper {
-    height: 100%;
-    width: 100%;
-    z-index: 1;
-    min-width: 0;
-    position: relative;
-    box-sizing: border-box;
-  }
-
-  &__overflow {
-    height: 0;
-    width: 100%;
-    padding-bottom: 100%;
-  }
-
-  &__component {
-    inset: 0;
-    min-width: 0;
-    height: 100%;
-    width: 100%;
-    display: flex;
-    align-items: center;
-    position: absolute;
-    box-sizing: border-box;
-    -moz-box-align: center;
-    -moz-box-pack: center;
-    justify-content: center;
-    --poster-color: transparent;
-    --progress-bar-color: lightpink;
-  }
-}
-</style>
diff --git a/libs/ui/src/components/MediaItem/type/ObjectMedia.vue b/libs/ui/src/components/MediaItem/type/ObjectMedia.vue
index cf5ca27e51..8a85d10c04 100644
--- a/libs/ui/src/components/MediaItem/type/ObjectMedia.vue
+++ b/libs/ui/src/components/MediaItem/type/ObjectMedia.vue
@@ -1,5 +1,5 @@
 <template>
-  <object class="iframe-model__wrapper" :type="mimeType" :data="src" />
+  <object class="w-full h-full min-h-[37em]" :type="mimeType" :data="src" />
 </template>
 
 <script lang="ts" setup>
@@ -8,11 +8,3 @@ defineProps<{
   mimeType?: string
 }>()
 </script>
-
-<style scoped>
-.iframe-model__wrapper {
-  height: 100%;
-  min-height: 37em;
-  width: 100%;
-}
-</style>
diff --git a/libs/ui/src/components/MediaItem/type/VideoMedia.vue b/libs/ui/src/components/MediaItem/type/VideoMedia.vue
index 86439c2dcd..f445d20e3b 100644
--- a/libs/ui/src/components/MediaItem/type/VideoMedia.vue
+++ b/libs/ui/src/components/MediaItem/type/VideoMedia.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="video__wrapper">
-    <div class="video__overflow" />
+  <div class="w-full h-full z-10 min-w-0 relative">
+    <div class="h-0 w-full pb-[100%]" />
     <video
-      class="video__component"
+      class="absolute inset-0 min-w-0 w-full h-full flex items-center justify-center"
       :controls="controls"
       playsinline
       loop
@@ -41,36 +41,3 @@ const autoPlay = computed(() =>
 )
 const controls = computed(() => !props.preview)
 </script>
-
-<style lang="scss" scoped>
-.video {
-  &__wrapper {
-    height: 100%;
-    width: 100%;
-    z-index: 1;
-    min-width: 0;
-    position: relative;
-    box-sizing: border-box;
-  }
-
-  &__overflow {
-    height: 0;
-    width: 100%;
-    padding-bottom: 100%;
-  }
-
-  &__component {
-    inset: 0;
-    min-width: 0;
-    height: 100%;
-    width: 100%;
-    display: flex;
-    align-items: center;
-    position: absolute;
-    box-sizing: border-box;
-    -moz-box-align: center;
-    -moz-box-pack: center;
-    justify-content: center;
-  }
-}
-</style>
diff --git a/libs/ui/src/components/TheImage/TheImage.vue b/libs/ui/src/components/TheImage/TheImage.vue
index 19bcd7a61c..371aaa5fbc 100644
--- a/libs/ui/src/components/TheImage/TheImage.vue
+++ b/libs/ui/src/components/TheImage/TheImage.vue
@@ -10,6 +10,7 @@ import type {
   MethodOptions,
   ReservedProps,
 } from 'vue'
+import { computed } from 'vue'
 
 export type ImageComponent =
   | 'img'

From 0ab18e7c693e957fbf576ba01d1744d6e8b582f3 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Mon, 27 Nov 2023 18:16:17 +0700
Subject: [PATCH 007/161] check migrated button

---
 .../migrate/landing/content/Waiting.vue       | 28 +++++++++++++------
 components/migrate/steps/SignLoader1.vue      | 14 +++++-----
 .../general/collectionMigrateWaiting.graphql  |  1 +
 3 files changed, 28 insertions(+), 15 deletions(-)

diff --git a/components/migrate/landing/content/Waiting.vue b/components/migrate/landing/content/Waiting.vue
index 6dc55980c9..aea8c8211a 100644
--- a/components/migrate/landing/content/Waiting.vue
+++ b/components/migrate/landing/content/Waiting.vue
@@ -27,12 +27,15 @@
 
         <div class="collection-card-info">
           <p class="is-size-5 has-text-weight-bold">{{ collection.name }}</p>
-          <!-- <p>
+          <p v-if="entities[collection.id]?.migrated[0]?.issuer" class="flex">
             <span class="has-text-grey mr-2">
               {{ $t('migrate.waiting.status') }}
             </span>
-            <a href="#!" class="has-text-k-blue">Another nice name </a>
-          </p> -->
+            <Avatar
+              :value="entities[collection.id]?.migrated[0]?.issuer"
+              :size="26"
+              class="mr-2" />
+          </p>
         </div>
 
         <div class="collection-card-info">
@@ -44,14 +47,13 @@
                   $t('migrate.waiting.own', [collection.nfts?.length])
                 "></p>
             </div>
-            <!-- TODO: how to check if owner already migrate it -->
-            <!-- <div>
+            <div v-if="entities[collection.id]?.migrated[0]?.issuer">
               <NeoButton
                 variant="pill"
                 @click="toReview(collection.id, collection.nfts?.length)">
                 {{ $t('migrate.waiting.cta') }}
               </NeoButton>
-            </div> -->
+            </div>
           </div>
         </div>
       </div>
@@ -60,8 +62,9 @@
 </template>
 
 <script setup lang="ts">
-// import { NeoButton } from '@kodadot1/brick'
+import { NeoButton } from '@kodadot1/brick'
 import collectionMigrateWaiting from '@/queries/subsquid/general/collectionMigrateWaiting.graphql'
+import waifuApi from '@/services/waifu'
 
 defineProps<{
   toReview: (string, number) => void
@@ -74,6 +77,7 @@ type Collections = {
   collectionEntities?: {
     id: string
     name: string
+    currentOwner: string
     nfts?: {
       id: string
     }[]
@@ -105,10 +109,18 @@ const { urlPrefix } = usePrefix()
 const entities = reactive({})
 watchEffect(() => {
   collections.value.forEach(async (collection) => {
-    entities[collection.id] = await getNftMetadata(
+    const metadata = await getNftMetadata(
       collection as unknown as MinimalNFT,
       urlPrefix.value,
     )
+    const migrated = await waifuApi(
+      `/relocations/owners/${collection.currentOwner}`,
+    )
+
+    entities[collection.id] = {
+      ...metadata,
+      migrated: migrated.filter((item) => item.collection === collection.id),
+    }
   })
 })
 </script>
diff --git a/components/migrate/steps/SignLoader1.vue b/components/migrate/steps/SignLoader1.vue
index 54ff2d89f4..140e1826c2 100644
--- a/components/migrate/steps/SignLoader1.vue
+++ b/components/migrate/steps/SignLoader1.vue
@@ -102,12 +102,12 @@ const fromCollection = collections.value.find(
   (collection) => collection.id === route.query.collectionId,
 )
 
-const deleteRelocations = async () => {
-  const relocationsId = `${from}-${fromAccountId}`
-  return await waifuApi(`/relocations/${relocationsId}`, {
-    method: 'DELETE',
-  })
-}
+// const deleteRelocations = async () => {
+//   const relocationsId = `${from}-${fromAccountId}`
+//   return await waifuApi(`/relocations/${relocationsId}`, {
+//     method: 'DELETE',
+//   })
+// }
 
 const startStep1 = async () => {
   step1Iterations.value -= 1
@@ -124,7 +124,7 @@ const startStep1 = async () => {
     issuer: fromAccountId, // accountId.value
   }
 
-  await deleteRelocations()
+  // await deleteRelocations()
 
   if (nextId.value && fromCollection?.metadata) {
     const createArgs = createArgsForNftPallet(accountId.value)
diff --git a/queries/subsquid/general/collectionMigrateWaiting.graphql b/queries/subsquid/general/collectionMigrateWaiting.graphql
index 5187bb973b..fd15a29b94 100644
--- a/queries/subsquid/general/collectionMigrateWaiting.graphql
+++ b/queries/subsquid/general/collectionMigrateWaiting.graphql
@@ -4,6 +4,7 @@ query collectionByAccount($account: String!) {
   ) {
     id
     name
+    currentOwner
     nfts(where: { currentOwner_eq: $account }) {
       id
     }

From 9bd87d73cf839893b515202a94b8e3606fe4ac2e Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Tue, 28 Nov 2023 15:48:45 +0700
Subject: [PATCH 008/161] fix: migrate empty item

---
 components/migrate/landing/content/Ready.vue |  2 +-
 components/migrate/steps/Index.vue           | 16 +-------
 components/migrate/steps/Review.vue          | 18 +--------
 components/migrate/steps/SignLoader1.vue     | 22 ++++++----
 components/migrate/steps/SignLoader2.vue     |  2 +-
 components/migrate/steps/SignLoader3.vue     | 42 +++++++++++++-------
 6 files changed, 47 insertions(+), 55 deletions(-)

diff --git a/components/migrate/landing/content/Ready.vue b/components/migrate/landing/content/Ready.vue
index 83465d5ecf..ee394b653f 100644
--- a/components/migrate/landing/content/Ready.vue
+++ b/components/migrate/landing/content/Ready.vue
@@ -14,7 +14,7 @@
         v-for="collection in collections"
         :key="collection.id"
         class="collection-card"
-        :class="{ 'collection-card-empty': !collection.nftsOwned?.length }">
+        :class="{ 'collection-card-empty': !collection.nfts?.length }">
         <div
           class="collection-card-banner"
           :style="{
diff --git a/components/migrate/steps/Index.vue b/components/migrate/steps/Index.vue
index d15b00224e..1b478107c0 100644
--- a/components/migrate/steps/Index.vue
+++ b/components/migrate/steps/Index.vue
@@ -34,7 +34,7 @@
 
         <div
           v-if="accountId"
-          class="rounded shade-border-color is-flex is-justify-content-start is-flex-grow-1 pl-3">
+          class="rounded-full border border-k-shade is-flex is-justify-content-start is-flex-grow-1 pl-3">
           <IdentityItem
             :label="$t('confirmPurchase.connectedWith')"
             hide-identity-popover
@@ -96,17 +96,3 @@ onBeforeMount(() => {
   }
 })
 </script>
-
-<style scoped lang="scss">
-@import '@/assets/styles/abstracts/variables';
-
-.rounded {
-  border-radius: 10rem;
-}
-
-.shade-border-color {
-  @include ktheme() {
-    border: 1px solid theme('k-shade');
-  }
-}
-</style>
diff --git a/components/migrate/steps/Review.vue b/components/migrate/steps/Review.vue
index 156b6bf02e..493135f632 100644
--- a/components/migrate/steps/Review.vue
+++ b/components/migrate/steps/Review.vue
@@ -25,7 +25,7 @@
       <p>{{ collection?.nftsOwned?.length }}/{{ collection?.nfts?.length }}</p>
     </div>
 
-    <div class="shade-border-color p-2 is-flex is-size-7 has-text-grey">
+    <div class="border border-k-shade p-2 is-flex is-size-7 has-text-grey">
       <NeoIcon icon="circle-info" class="mr-2" />
       <p>{{ $t('migrate.reviewNotes') }}</p>
     </div>
@@ -176,7 +176,7 @@
       :label="checkBalances.label"
       variant="k-accent"
       :disabled="checkBalances.disabled"
-      class="mt-4 btn-submit is-capitalized"
+      class="mt-4 h-14 is-capitalized"
       expanded
       @click="toSign()" />
   </div>
@@ -289,17 +289,3 @@ const toSign = () => {
   })
 }
 </script>
-
-<style scoped lang="scss">
-@import '@/assets/styles/abstracts/variables';
-
-.shade-border-color {
-  @include ktheme() {
-    border: 1px solid theme('k-shade');
-  }
-}
-
-.btn-submit {
-  height: 3.5rem;
-}
-</style>
diff --git a/components/migrate/steps/SignLoader1.vue b/components/migrate/steps/SignLoader1.vue
index 140e1826c2..66e6edfa13 100644
--- a/components/migrate/steps/SignLoader1.vue
+++ b/components/migrate/steps/SignLoader1.vue
@@ -84,6 +84,7 @@ const router = useRouter()
 const to = route.query.destination as Prefix
 const from = route.query.source as Prefix
 const fromAccountId = route.query.accountId?.toString()
+const itemCount = route.query.itemCount?.toString()
 
 const api = await apiInstance.value
 const { steps, updateSteps } = inject('steps') as {
@@ -155,18 +156,25 @@ const startStep1 = async () => {
 const validationStep1 = async () => {
   step1Iterations.value -= 1
 
+  router.push({
+    query: {
+      ...route.query,
+      nextCollectionId: nextId.value,
+    },
+  })
+
   try {
     await waifuApi('/relocations', {
       method: 'POST',
       body: relocationsBody.value,
     })
-    updateSteps('step2')
-    router.push({
-      query: {
-        ...route.query,
-        nextCollectionId: nextId.value,
-      },
-    })
+
+    // skip step2 if no items
+    if (itemCount === '0') {
+      updateSteps('step3-burn')
+    } else {
+      updateSteps('step2')
+    }
   } catch (error) {
     $consola.log(error)
   }
diff --git a/components/migrate/steps/SignLoader2.vue b/components/migrate/steps/SignLoader2.vue
index 2f55758a64..d287daa30e 100644
--- a/components/migrate/steps/SignLoader2.vue
+++ b/components/migrate/steps/SignLoader2.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="mb-5">
+  <div v-if="itemCount !== '0'" class="mb-5">
     <div class="is-flex is-align-items-center mb-4">
       <div class="mr-5">
         <NeoIcon v-if="iterations === 0" v-bind="iconSuccess" class="fa-2x" />
diff --git a/components/migrate/steps/SignLoader3.vue b/components/migrate/steps/SignLoader3.vue
index 7a63bac4de..bf3e15865f 100644
--- a/components/migrate/steps/SignLoader3.vue
+++ b/components/migrate/steps/SignLoader3.vue
@@ -31,7 +31,7 @@
 
 <script setup lang="ts">
 import type { Prefix } from '@kodadot1/static'
-import { NFTs } from '@/composables/transaction/types'
+// import { NFTs } from '@/composables/transaction/types'
 import { NeoIcon } from '@kodadot1/brick'
 import {
   type Steps,
@@ -41,7 +41,8 @@ import {
 } from '@/composables/useMigrate'
 
 const route = useRoute()
-const { transaction, status } = useTransaction()
+// const { transaction, status } = useTransaction()
+const { status } = useTransaction()
 
 const from = route.query.source as Prefix
 const fromAccountId = route.query.accountId?.toString()
@@ -81,17 +82,17 @@ const { data } = useGraphql({
   },
 })
 
-const burnItems = async (ids: string[]) => {
-  await transaction(
-    {
-      interaction: NFTs.BURN_MULTIPLE,
-      nftIds: ids,
-      urlPrefix: from,
-    },
-    from,
-  )
-  updateSteps('step3-burn')
-}
+// const burnItems = async (ids: string[]) => {
+//   await transaction(
+//     {
+//       interaction: NFTs.BURN_MULTIPLE,
+//       nftIds: ids,
+//       urlPrefix: from,
+//     },
+//     from,
+//   )
+//   updateSteps('step3-burn')
+// }
 
 // const burnCollection = async () => {
 //   if (fromCollectionId) {
@@ -117,11 +118,16 @@ const congratsPage = () => {
 watchEffect(() => {
   const nfts = (data.value as NftIds)?.nfts
 
+  // burn items
   if (steps.value === 'step3' && nfts?.length) {
-    const ids = nfts.map((nft) => nft.id)
-    burnItems(ids)
+    // const ids = nfts.map((nft) => nft.id)
+    // burnItems(ids)
+
+    // skip burn at the moment
+    congratsPage()
   }
 
+  // ensure to burn items
   if (
     steps.value === 'step3-burn' &&
     status.value === TransactionStatus.Finalized
@@ -130,11 +136,17 @@ watchEffect(() => {
     congratsPage()
   }
 
+  // ensure to burn collection
   if (
     steps.value === 'step3-burn-collection' &&
     status.value === TransactionStatus.Finalized
   ) {
     congratsPage()
   }
+
+  // skip burn at the moment
+  if (steps.value === 'step3-burn') {
+    congratsPage()
+  }
 })
 </script>

From 106070c46b2ca956471998c0d04e76c0ec674696 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Tue, 28 Nov 2023 20:16:41 +0700
Subject: [PATCH 009/161] Refactor migration content components

---
 components/migrate/landing/content/Index.vue  | 19 ++-------------
 components/migrate/landing/content/Ready.vue  |  5 +---
 .../migrate/landing/content/Waiting.vue       | 24 ++++++++++++-------
 composables/useMigrate.ts                     | 16 +++++++++++++
 4 files changed, 34 insertions(+), 30 deletions(-)

diff --git a/components/migrate/landing/content/Index.vue b/components/migrate/landing/content/Index.vue
index 758b06340f..d4d273c295 100644
--- a/components/migrate/landing/content/Index.vue
+++ b/components/migrate/landing/content/Index.vue
@@ -35,10 +35,10 @@
 
     <div v-if="accountId">
       <!-- ready state for migration here -->
-      <MigrateLandingContentReady :key="urlPrefix" :to-review="toReview" />
+      <MigrateLandingContentReady :key="urlPrefix" />
 
       <!-- waiting state for migration here -->
-      <MigrateLandingContentWaiting :key="urlPrefix" :to-review="toReview" />
+      <MigrateLandingContentWaiting :key="urlPrefix" />
     </div>
 
     <!-- empty state collection here -->
@@ -56,23 +56,8 @@
 import { NeoIcon, NeoTooltip } from '@kodadot1/brick'
 import Identity from '@/components/identity/IdentityIndex.vue'
 
-const { sourceSelected, destinationSelected } = useMigrate()
-
 const { accountId } = useAuth()
 const { urlPrefix } = usePrefix()
-
-const toReview = (collectionId, itemCount) => {
-  navigateTo({
-    path: '/migrate/review',
-    query: {
-      accountId: accountId.value,
-      collectionId: collectionId,
-      source: sourceSelected.value?.value,
-      destination: destinationSelected.value?.value,
-      itemCount,
-    },
-  })
-}
 </script>
 
 <style lang="scss">
diff --git a/components/migrate/landing/content/Ready.vue b/components/migrate/landing/content/Ready.vue
index ee394b653f..6fb3bdf60e 100644
--- a/components/migrate/landing/content/Ready.vue
+++ b/components/migrate/landing/content/Ready.vue
@@ -63,10 +63,7 @@
 import { NeoButton } from '@kodadot1/brick'
 import { useCollectionReady } from '@/composables/useMigrate'
 
-defineProps<{
-  toReview: (string, number) => void
-}>()
-
+const { toReview } = useMigrate()
 const { collections } = await useCollectionReady()
 
 const { urlPrefix } = usePrefix()
diff --git a/components/migrate/landing/content/Waiting.vue b/components/migrate/landing/content/Waiting.vue
index aea8c8211a..5a1d52230f 100644
--- a/components/migrate/landing/content/Waiting.vue
+++ b/components/migrate/landing/content/Waiting.vue
@@ -31,10 +31,13 @@
             <span class="has-text-grey mr-2">
               {{ $t('migrate.waiting.status') }}
             </span>
-            <Avatar
-              :value="entities[collection.id]?.migrated[0]?.issuer"
-              :size="26"
-              class="mr-2" />
+            <NuxtLink
+              :to="`/${urlPrefix}/u/${
+                entities[collection.id]?.migrated[0]?.issuer
+              }`">
+              <IdentityIndex
+                :address="entities[collection.id]?.migrated[0]?.issuer" />
+            </NuxtLink>
           </p>
         </div>
 
@@ -50,7 +53,13 @@
             <div v-if="entities[collection.id]?.migrated[0]?.issuer">
               <NeoButton
                 variant="pill"
-                @click="toReview(collection.id, collection.nfts?.length)">
+                @click="
+                  toReview(
+                    collection.id,
+                    collection.nfts?.length,
+                    entities[collection.id]?.migrated[0]?.issuer,
+                  )
+                ">
                 {{ $t('migrate.waiting.cta') }}
               </NeoButton>
             </div>
@@ -66,10 +75,7 @@ import { NeoButton } from '@kodadot1/brick'
 import collectionMigrateWaiting from '@/queries/subsquid/general/collectionMigrateWaiting.graphql'
 import waifuApi from '@/services/waifu'
 
-defineProps<{
-  toReview: (string, number) => void
-}>()
-
+const { toReview } = useMigrate()
 const { accountId } = useAuth()
 const { client } = usePrefix()
 
diff --git a/composables/useMigrate.ts b/composables/useMigrate.ts
index ceac4ae8e0..d63771e2d9 100644
--- a/composables/useMigrate.ts
+++ b/composables/useMigrate.ts
@@ -197,6 +197,7 @@ export default function useMigrate() {
   const sourceSelected = useSourceSelected()
   const destinationSelected = useDestinationSelected()
   const { urlPrefix, setUrlPrefix } = usePrefix()
+  const { accountId } = useAuth()
 
   watchEffect(() => {
     const chain = sourceSelected.value?.value
@@ -218,10 +219,25 @@ export default function useMigrate() {
     }
   })
 
+  const toReview = (collectionId, itemCount, collectionOwner = '') => {
+    navigateTo({
+      path: '/migrate/review',
+      query: {
+        accountId: accountId.value,
+        collectionId: collectionId,
+        source: sourceSelected.value?.value,
+        destination: destinationSelected.value?.value,
+        itemCount,
+        collectionOwner,
+      },
+    })
+  }
+
   return {
     source,
     sourceSelected,
     destination,
     destinationSelected,
+    toReview,
   }
 }

From 6706052b507ddf54ed5ffe9dabda86ad27d523da Mon Sep 17 00:00:00 2001
From: daiagi <daiagi@gmail.com>
Date: Tue, 28 Nov 2023 20:38:55 +0700
Subject: [PATCH 010/161] ground work

---
 composables/massmint/useMassMint.ts | 156 +++++++++++++++++++++++++++-
 1 file changed, 154 insertions(+), 2 deletions(-)

diff --git a/composables/massmint/useMassMint.ts b/composables/massmint/useMassMint.ts
index 6f2c65b55d..23137a2d01 100644
--- a/composables/massmint/useMassMint.ts
+++ b/composables/massmint/useMassMint.ts
@@ -1,13 +1,18 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
 import { unwrapSafe } from '@/utils/uniquery'
 import resolveQueryPath from '@/utils/queryPathResolver'
 import { NFTToMint, Status } from '@/components/massmint/types'
 import { Interaction } from '@kodadot1/minimark/v1'
-import { MintedCollection } from '@/composables/transaction/types'
+import { MintedCollection, TokenToMint } from '@/composables/transaction/types'
 import {
   createTokensToMint,
   kusamaMintAndList,
   subscribeToCollectionLengthUpdates,
 } from './massMintHelpers'
+import nftStorageApi from '~/services/nftStorage'
+import { createMetadata, unSanitizeIpfsUrl } from '@kodadot1/minimark/utils'
+import { FetchError } from 'ofetch'
 
 export const statusTranslation = (status?: Status): string => {
   const { $i18n } = useNuxtApp()
@@ -139,7 +144,8 @@ export const useMassMint = (
       isError.value = mintAndListResults.isError.value
     })
   } else {
-    simpleMint()
+    // simpleMint()
+    constructMeta(tokens)
   }
   return {
     blockNumber,
@@ -149,3 +155,149 @@ export const useMassMint = (
     isError,
   }
 }
+
+function getFileSuffix(filename: string): string {
+  return filename.split('.').pop() as string
+}
+
+export const pinDirectory = async (files: File[]): Promise<string> => {
+  const formData = new FormData()
+  files.forEach((file) => formData.append('file', file, file.name))
+
+  const response = await nftStorageApi('/pinFile', {
+    method: 'POST',
+    body: formData,
+  }).catch((error: FetchError) => {
+    throw new Error(
+      `[NFT::STORAGE] Unable to PIN Directory for reasons ${error.data}`,
+    )
+  })
+
+  const directoryCid = response.value.cid
+  return directoryCid
+}
+
+function createFilesFromTokens(tokensToMint: TokenToMint[]): File[] {
+  return tokensToMint.map((token, index) => {
+    if (!token.file) {
+      throw new ReferenceError('No file found for token index ' + index)
+    }
+    const suffix = getFileSuffix(token.file.name)
+    return new File([token.file], `${index}.${suffix}`)
+  })
+}
+
+function batchFiles(files: File[], maxBatchSize: number): File[][] {
+  let currentBatch: File[] = []
+  let currentBatchSize = 0
+  const batches: File[][] = []
+
+  const startNewBatch = (file: File) => {
+    currentBatch = [file]
+    currentBatchSize = file.size
+  }
+
+  for (const file of files) {
+    if (currentBatchSize + file.size > maxBatchSize) {
+      batches.push(currentBatch)
+      startNewBatch(file)
+    } else {
+      currentBatch.push(file)
+      currentBatchSize += file.size
+    }
+  }
+
+  if (currentBatch.length > 0) {
+    batches.push(currentBatch)
+  }
+
+  return batches
+}
+
+export async function uploadImages(
+  tokensToMint: TokenToMint[],
+): Promise<string[]> {
+  const MAX_BATCH_SIZE = 100 * 1024 * 1024 // 100 MB in bytes
+  const files = createFilesFromTokens(tokensToMint)
+  const fileBatches = batchFiles(files, MAX_BATCH_SIZE)
+
+  const directoryCIDs = await Promise.all(fileBatches.map(pinDirectory))
+
+  return directoryCIDs.flatMap((directoryCid, batchIndex) =>
+    fileBatches[batchIndex].map(
+      (file, fileIndex) =>
+        `ipfs://${directoryCid}/${fileIndex}.${getFileSuffix(file.name)}`,
+    ),
+  )
+}
+
+function createTokenMetadata(
+  token: TokenToMint,
+  primaryHash: string,
+  enableCarbonOffset: boolean,
+  index: number,
+): File {
+  const preferencesStore = usePreferencesStore()
+  const { name, description, tags, nsfw, file } = token
+  const attributes = [
+    ...(tags || []),
+    ...nsfwAttribute(nsfw),
+    ...(enableCarbonOffset
+      ? offsetAttribute(preferencesStore.getHasCarbonOffset)
+      : []),
+  ]
+
+  const meta = createMetadata(
+    name,
+    description,
+    primaryHash,
+    undefined,
+    attributes,
+    'https://kodadot.xyz',
+    (file as File).type,
+  )
+
+  return new File([JSON.stringify(meta, null, 2)], `${index}.json`, {
+    type: 'application/json',
+  })
+}
+
+async function preheatAndUploadFiles(
+  token: TokenToMint,
+  primaryHash: string,
+): Promise<void> {
+  const { $consola } = useNuxtApp()
+  preheatFileFromIPFS(primaryHash)
+  const filePair: [File, File | null] = [token.file as File, null]
+  const hashPair: [string, string | undefined] = [primaryHash, undefined]
+  await uploadDirectWhenMultiple(filePair, hashPair).catch($consola.warn)
+}
+
+export async function constructMeta(
+  tokensToMint: TokenToMint[],
+  options?: {
+    enableCarbonOffset?: boolean
+  },
+): Promise<string[]> {
+  const { enableCarbonOffset = false } = options || {}
+  const imageHashes = await uploadImages(tokensToMint)
+
+  // Create metadata files
+  const metadataFiles = tokensToMint.map((token, index) => {
+    const imageHash = imageHashes[index]
+    return createTokenMetadata(token, imageHash, enableCarbonOffset, index)
+  })
+
+  // Upload all metadata files as a directory
+  const metaDirectoryCid = await pinDirectory(metadataFiles)
+
+  // Preheat and upload files
+  for (const [index, token] of tokensToMint.entries()) {
+    const imageHash = imageHashes[index]
+    await preheatAndUploadFiles(token, imageHash)
+  }
+
+  return metadataFiles.map((_, index) =>
+    unSanitizeIpfsUrl(`ipfs://${metaDirectoryCid}/${index}.json`),
+  )
+}

From 0040a03be24062d10430c685061884cad96e0109 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Tue, 28 Nov 2023 20:57:03 +0700
Subject: [PATCH 011/161] fix: add skeleton component on deposit

---
 components/migrate/steps/Review.vue           | 97 +++++++++++++------
 composables/useMigrate.ts                     | 14 ++-
 .../general/collectionMigrateReady.graphql    |  2 +-
 3 files changed, 77 insertions(+), 36 deletions(-)

diff --git a/components/migrate/steps/Review.vue b/components/migrate/steps/Review.vue
index 493135f632..a3a1d4f046 100644
--- a/components/migrate/steps/Review.vue
+++ b/components/migrate/steps/Review.vue
@@ -1,33 +1,41 @@
 <template>
   <div>
-    <div class="mt-5">
-      <p class="has-text-weight-bold">{{ $t('migrate.collection') }}</p>
-      <div class="is-flex mt-4">
-        <img
-          class="border mr-4"
-          :src="sanitizeIpfsUrl(collection?.meta?.image)"
-          alt="My crazy adventure"
-          width="48"
-          height="48" />
-        <div>
-          <p>{{ collection?.name }}</p>
-          <p class="has-text-grey is-size-7">
-            {{ $t('migrate.collectionName') }}
-          </p>
+    <div v-if="collectionOwner">
+      <div class="mt-6 font-bold">Migrate Items</div>
+      <hr />
+    </div>
+    <div v-else>
+      <div class="mt-5">
+        <p class="has-text-weight-bold">{{ $t('migrate.collection') }}</p>
+        <div class="is-flex mt-4">
+          <img
+            class="border mr-4"
+            :src="sanitizeIpfsUrl(collection?.meta?.image)"
+            alt="My crazy adventure"
+            width="48"
+            height="48" />
+          <div>
+            <p>{{ collection?.name }}</p>
+            <p class="has-text-grey is-size-7">
+              {{ $t('migrate.collectionName') }}
+            </p>
+          </div>
         </div>
       </div>
-    </div>
 
-    <hr />
+      <hr />
 
-    <div class="is-flex is-justify-content-space-between mb-5">
-      <p>{{ $t('migrate.ready.status') }}</p>
-      <p>{{ collection?.nftsOwned?.length }}/{{ collection?.nfts?.length }}</p>
-    </div>
+      <div class="is-flex is-justify-content-space-between mb-5">
+        <p>{{ $t('migrate.ready.status') }}</p>
+        <p>
+          {{ collection?.nftsOwned?.length }}/{{ collection?.nfts?.length }}
+        </p>
+      </div>
 
-    <div class="border border-k-shade p-2 is-flex is-size-7 has-text-grey">
-      <NeoIcon icon="circle-info" class="mr-2" />
-      <p>{{ $t('migrate.reviewNotes') }}</p>
+      <div class="border border-k-shade p-2 is-flex is-size-7 has-text-grey">
+        <NeoIcon icon="circle-info" class="mr-2" />
+        <p>{{ $t('migrate.reviewNotes') }}</p>
+      </div>
     </div>
 
     <div>
@@ -73,7 +81,10 @@
           </p>
           <div class="is-flex is-justify-content-space-between mb-5">
             <p>Burn {{ itemCount }} Items</p>
-            <p>{{ sourceNetworkFee }} {{ sourceSymbol }}</p>
+            <p v-if="sourceNetworkFee >= 0">
+              {{ sourceNetworkFee }} {{ sourceSymbol }}
+            </p>
+            <div v-else><NeoSkeleton width="100" size="small" /></div>
           </div>
 
           <!-- paid on destination chain -->
@@ -82,9 +93,15 @@
           </p>
           <div class="is-flex is-justify-content-space-between mt-1">
             <p>Migrate {{ itemCount }} Items</p>
-            <p>{{ destinationNetworkFee }} {{ destinationSymbol }}</p>
+            <p v-if="destinationSymbol && destinationNetworkFee >= 0">
+              {{ destinationNetworkFee }} {{ destinationSymbol }}
+            </p>
+            <div v-else><NeoSkeleton width="100" size="small" /></div>
           </div>
+
+          <!-- collection existential deposit -->
           <div
+            v-if="!collectionOwner"
             class="has-text-grey is-flex mt-1 is-align-items-center is-justify-content-space-between">
             <div>
               {{ $t('mint.collection.modal.existentialDeposit') }}
@@ -102,8 +119,13 @@
                 <NeoIcon icon="circle-question" />
               </NeoTooltip>
             </div>
-            <p>{{ totalCollectionDeposit }} {{ destinationSymbol }}</p>
+            <p v-if="destinationSymbol">
+              {{ totalCollectionDeposit }} {{ destinationSymbol }}
+            </p>
+            <div v-else><NeoSkeleton width="100" size="small" /></div>
           </div>
+
+          <!-- nft existential deposit -->
           <div
             class="has-text-grey is-flex mt-1 is-align-items-center is-justify-content-space-between">
             <div>
@@ -122,9 +144,13 @@
                 <NeoIcon icon="circle-question" />
               </NeoTooltip>
             </div>
-            <p>{{ destinationItemDeposit }} {{ destinationSymbol }}</p>
+            <p v-if="destinationSymbol && destinationItemDeposit >= 0">
+              {{ destinationItemDeposit }} {{ destinationSymbol }}
+            </p>
+            <div v-else><NeoSkeleton width="100" size="small" /></div>
           </div>
 
+          <!-- kodadot fee -->
           <div
             class="is-flex mt-1 has-text-grey is-align-items-center is-justify-content-space-between">
             <div>
@@ -138,7 +164,10 @@
                 <NeoIcon icon="circle-question" />
               </NeoTooltip>
             </div>
-            <div>{{ kodadotFee }} {{ destinationSymbol }}</div>
+            <div v-if="destinationSymbol">
+              {{ kodadotFee }} {{ destinationSymbol }}
+            </div>
+            <div v-else><NeoSkeleton width="100" size="small" /></div>
           </div>
         </div>
       </div>
@@ -151,21 +180,27 @@
       <div v-if="source?.value" class="has-text-k-grey is-capitalized">
         On {{ prefixToNetwork[source.value] }}
       </div>
-      <div class="is-flex is-align-items-center">
+      <div
+        v-if="sourceSymbol && sourceNetworkFee >= 0"
+        class="is-flex is-align-items-center">
         <div class="has-text-k-grey is-size-7 mr-2">${{ sourceTotalUsd }}</div>
         <div>{{ sourceNetworkFee }} {{ sourceSymbol }}</div>
       </div>
+      <div v-else><NeoSkeleton width="100" size="small" /></div>
     </div>
     <div class="pb-7 is-flex is-justify-content-space-between">
       <div v-if="destination?.value" class="has-text-k-grey is-capitalized">
         On {{ prefixToNetwork[destination.value] }}
       </div>
-      <div class="is-flex is-align-items-center">
+      <div
+        v-if="destinationSymbol && parseFloat(totalDestination.toString())"
+        class="is-flex is-align-items-center">
         <div class="has-text-k-grey is-size-7 mr-2">
           ${{ totalDestinationUsd }}
         </div>
         <div>{{ totalDestination }} {{ destinationSymbol }}</div>
       </div>
+      <div v-else><NeoSkeleton width="100" size="small" /></div>
     </div>
 
     <NeoField>
@@ -188,6 +223,7 @@ import {
   NeoCheckbox,
   NeoField,
   NeoIcon,
+  NeoSkeleton,
   NeoTooltip,
 } from '@kodadot1/brick'
 import { type Prefix } from '@kodadot1/static'
@@ -207,6 +243,7 @@ const destination = availablePrefixWithIcon().find(
 )
 const itemCount = parseInt(route.query.itemCount?.toString() || '0')
 const fromAccountId = route.query.accountId?.toString()
+const collectionOwner = route.query.collectionOwner?.toString()
 
 const collectionId = route.query.collectionId
 const { collections } = await useCollectionReady()
diff --git a/composables/useMigrate.ts b/composables/useMigrate.ts
index d63771e2d9..84eca3ebdb 100644
--- a/composables/useMigrate.ts
+++ b/composables/useMigrate.ts
@@ -106,6 +106,9 @@ export function useMigrateDeposit(
   const fiatStore = useFiatStore()
   const preferencesStore = usePreferencesStore()
 
+  const route = useRoute()
+  const collectionOwner = route.query.collectionOwner?.toString()
+
   const chainDecimals = computed(() => {
     if (chain.value?.tokenDecimals) {
       return chain.value.tokenDecimals
@@ -144,11 +147,12 @@ export function useMigrateDeposit(
   })
 
   const totalChain = computed(() => {
-    const total =
-      chainNetworkFee.value +
-      parseFloat(totalCollectionDeposit.value) +
-      chainItemDeposit.value +
-      kodadotFee.value
+    let total =
+      chainNetworkFee.value + chainItemDeposit.value + kodadotFee.value
+
+    if (!collectionOwner) {
+      total += parseFloat(totalCollectionDeposit.value)
+    }
 
     if (isNaN(total)) {
       return 0
diff --git a/queries/subsquid/general/collectionMigrateReady.graphql b/queries/subsquid/general/collectionMigrateReady.graphql
index a05dddb7e1..e5368b9388 100644
--- a/queries/subsquid/general/collectionMigrateReady.graphql
+++ b/queries/subsquid/general/collectionMigrateReady.graphql
@@ -1,4 +1,4 @@
-query collectionByAccount($account: String!) {
+query collectionMigrateReady($account: String!) {
   collectionEntities(
     where: { currentOwner_eq: $account }
     orderBy: blockNumber_DESC

From 14f5a99c49743b530c93a5901a28555c9671c4c7 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Tue, 28 Nov 2023 11:29:08 -0300
Subject: [PATCH 012/161] unecessary awaits

---
 tests/e2e/collection.spec.ts |  2 +-
 tests/e2e/explore.spec.ts    |  6 +++---
 tests/e2e/search.spec.ts     | 10 ----------
 3 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/tests/e2e/collection.spec.ts b/tests/e2e/collection.spec.ts
index cb97be7e03..0809a7aaa1 100644
--- a/tests/e2e/collection.spec.ts
+++ b/tests/e2e/collection.spec.ts
@@ -16,7 +16,7 @@ test('Collection interactions', async ({ page, Commands }) => {
     'Geometry',
   )
   //Share Button
-  const shareBtn = await page.getByTestId('share-button').first()
+  const shareBtn = page.getByTestId('share-button').first()
   await shareBtn.click()
   await page.getByTestId('hero-copy-link-dropdown').first().click()
   await Commands.copyText('http://localhost:9090/ahp/collection/38')
diff --git a/tests/e2e/explore.spec.ts b/tests/e2e/explore.spec.ts
index 87f5fd8018..e2fed7e536 100644
--- a/tests/e2e/explore.spec.ts
+++ b/tests/e2e/explore.spec.ts
@@ -35,16 +35,16 @@ test('Explore Items on ahk, sort by ascending price and filter by minimum 100 KS
   await expect(tabs.getByText('Items')).toBeVisible()
   const expandSearch = page.getByTestId('sidebar-price-filter')
   await expandSearch.click()
-  const inputMin = await expandSearch.getByTestId('input-min')
+  const inputMin = expandSearch.getByTestId('input-min')
   await inputMin.type('100')
-  const btnApply = await expandSearch.getByTestId('apply').first()
+  const btnApply = expandSearch.getByTestId('apply').first()
   await Promise.all([
     page.waitForResponse(
       (resp) => resp.url().includes('imagedelivery.net') && resp.ok(),
     ),
     btnApply.click(),
   ])
-  const exploreSort = await page.getByTestId('explore-sort-dropdown').nth(1)
+  const exploreSort = page.getByTestId('explore-sort-dropdown').nth(1)
   await exploreSort.click()
   await page.getByTestId('price_ASC').nth(1).click()
   const btnAsc = await page.$('[value="price_ASC"]')
diff --git a/tests/e2e/search.spec.ts b/tests/e2e/search.spec.ts
index 27cc50345d..b626568ee9 100644
--- a/tests/e2e/search.spec.ts
+++ b/tests/e2e/search.spec.ts
@@ -10,16 +10,6 @@ test('Check if search provide results', async ({ page }) => {
   const searchBar = page.getByTestId('search-bar')
   await searchBar.locator('input').fill('waifu')
   await page.locator('.search-suggestion-container').hover()
-  /* await Promise.all([
-    page.waitForResponse(
-      (resp) =>
-        resp
-          .url()
-          .includes(
-            'bafybeidqnzwlm5hvik7thsenuziurlnlkcfxuafbu2nfrqgcu4ladr2zhu'
-          ) && resp.status() === 302
-    ),
-  ]) */
   //check contents of Collection Tab
   const tabCollection = page.getByTestId('collection-tab')
   await expect(tabCollection.locator('.neo-skeleton-item').first()).toBeVisible(

From a13245494cd95cf857ed8499c4c7e413996d0811 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Tue, 28 Nov 2023 11:29:51 -0300
Subject: [PATCH 013/161] deprecated type command

---
 tests/e2e/explore.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/e2e/explore.spec.ts b/tests/e2e/explore.spec.ts
index e2fed7e536..db2c992b2e 100644
--- a/tests/e2e/explore.spec.ts
+++ b/tests/e2e/explore.spec.ts
@@ -36,7 +36,7 @@ test('Explore Items on ahk, sort by ascending price and filter by minimum 100 KS
   const expandSearch = page.getByTestId('sidebar-price-filter')
   await expandSearch.click()
   const inputMin = expandSearch.getByTestId('input-min')
-  await inputMin.type('100')
+  await inputMin.fill('100')
   const btnApply = expandSearch.getByTestId('apply').first()
   await Promise.all([
     page.waitForResponse(

From 9c325f256217a91207769d8ddac32e14a9d8bb60 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Tue, 28 Nov 2023 13:09:58 -0300
Subject: [PATCH 014/161] no more getByPlaceholder

---
 components/create/CreateCollection.vue    |  1 +
 components/rmrk/Create/AttributeInput.vue |  2 ++
 components/shared/AddressInput.vue        |  1 +
 tests/e2e/createcollection.spec.ts        |  2 +-
 tests/e2e/createnft.spec.ts               | 20 ++++++++++++++++----
 tests/e2e/footer.spec.ts                  |  2 +-
 tests/e2e/transfer.spec.ts                | 16 ++++------------
 7 files changed, 26 insertions(+), 18 deletions(-)

diff --git a/components/create/CreateCollection.vue b/components/create/CreateCollection.vue
index c7d0ee440a..1a51623da4 100644
--- a/components/create/CreateCollection.vue
+++ b/components/create/CreateCollection.vue
@@ -68,6 +68,7 @@
             v-model="max"
             class="mt-3"
             type="number"
+            data-testid="collection-input-maximum-nfts"
             placeholder="1 is the minimum"
             :min="1" />
         </div>
diff --git a/components/rmrk/Create/AttributeInput.vue b/components/rmrk/Create/AttributeInput.vue
index a268e541d2..665e47b2f6 100644
--- a/components/rmrk/Create/AttributeInput.vue
+++ b/components/rmrk/Create/AttributeInput.vue
@@ -11,12 +11,14 @@
       v-model="vKey"
       placeholder="Section"
       expanded
+      data-testid="attribute-input-section"
       :disabled="disabled"
       spellcheck="true" />
     <NeoInput
       v-model="vValue"
       placeholder="Value"
       expanded
+      data-testid="attribute-input-value"
       spellcheck="true"
       :disabled="disabled" />
   </NeoField>
diff --git a/components/shared/AddressInput.vue b/components/shared/AddressInput.vue
index b89429b638..e39ec77323 100644
--- a/components/shared/AddressInput.vue
+++ b/components/shared/AddressInput.vue
@@ -5,6 +5,7 @@
         v-model="inputValue"
         :icon-right="iconRight"
         :placeholder="placeholder"
+        data-testid="global-address-input"
         icon-right-clickable
         @icon-right-click="clearIconClick" />
     </NeoField>
diff --git a/tests/e2e/createcollection.spec.ts b/tests/e2e/createcollection.spec.ts
index 9b0b668f75..59936b4244 100644
--- a/tests/e2e/createcollection.spec.ts
+++ b/tests/e2e/createcollection.spec.ts
@@ -23,7 +23,7 @@ test('Fill fields to check if they work', async ({ page, Commands }) => {
   const collectionAmount = page.getByTestId('collection-maxAmount')
   await collectionAmount.locator('.o-switch').click()
   await expect(
-    collectionAmount.getByPlaceholder('1 is the minimum'),
+    collectionAmount.getByTestId('collection-input-maximum-nfts'),
   ).toBeVisible()
   //Check if button exists
   await expect(page.getByTestId('collection-create')).toBeVisible()
diff --git a/tests/e2e/createnft.spec.ts b/tests/e2e/createnft.spec.ts
index aeae373911..957189cdbb 100644
--- a/tests/e2e/createnft.spec.ts
+++ b/tests/e2e/createnft.spec.ts
@@ -49,13 +49,25 @@ test('Create NFT', async ({ page, Commands }) => {
     //add new attribute
     await page.getByTestId('button-add-attribute').click()
     //fill section
-    await page.getByTestId('attr-0').getByPlaceholder('Section').fill('BG')
+    await page
+      .getByTestId('attr-0')
+      .getByTestId('attribute-input-section')
+      .fill('BG')
     //fill value
-    await page.getByTestId('attr-0').getByPlaceholder('Value').fill('Red')
+    await page
+      .getByTestId('attr-0')
+      .getByTestId('attribute-input-value')
+      .fill('Red')
     //add new attribute
     await page.getByTestId('button-add-attribute').click()
-    await page.getByTestId('attr-1').getByPlaceholder('Section').fill('Dress')
-    await page.getByTestId('attr-1').getByPlaceholder('Value').fill('Blue')
+    await page
+      .getByTestId('attr-1')
+      .getByTestId('attribute-input-section')
+      .fill('Dress')
+    await page
+      .getByTestId('attr-1')
+      .getByTestId('attribute-input-value')
+      .fill('Blue')
     //remove last attribute
     await page.getByTestId('attribute-button-remove').last().click()
     await expect(page.getByTestId('attr-1')).not.toBeVisible()
diff --git a/tests/e2e/footer.spec.ts b/tests/e2e/footer.spec.ts
index 880a4732c0..6b2d50f852 100644
--- a/tests/e2e/footer.spec.ts
+++ b/tests/e2e/footer.spec.ts
@@ -81,7 +81,7 @@ const footerSocialMediaLinks = [
 test('Check Footer Subscription', async ({ page }) => {
   await page.goto('/')
   const footerSubscribe = page.getByTestId('footer-subscribe')
-  await footerSubscribe.getByPlaceholder('jane.doe@kodadot.xyz').fill('a')
+  await footerSubscribe.locator('input').fill('a')
   await footerSubscribe.locator('button').click()
   await expect(footerSubscribe.locator('.error')).toBeVisible()
 })
diff --git a/tests/e2e/transfer.spec.ts b/tests/e2e/transfer.spec.ts
index 723cd06e31..777bb25597 100644
--- a/tests/e2e/transfer.spec.ts
+++ b/tests/e2e/transfer.spec.ts
@@ -8,23 +8,15 @@ test('Transfer Page Functionality', async ({ page, Commands }) => {
     .getAttribute('data-key')
   await page.getByTestId('transfer-copy-sender-address').click()
   await Commands.copyText(`${UserAddress}`)
-  await page
-    .getByPlaceholder('Enter wallet address')
-    .fill('0xwer6544443653444422')
+  await page.getByTestId('global-address-input').fill('0xwer6544443653444422')
   await expect(page.getByTestId('addresschecker-infobox-invalid')).toBeVisible()
   await test.step('Add and Fill input recipients', async () => {
-    await page
-      .getByPlaceholder('Enter wallet address')
-      .nth(0)
-      .fill(`${UserAddress}`)
+    await page.getByTestId('global-address-input').nth(0).fill(`${UserAddress}`)
     await page.getByTestId('transfer-input-amount-token').nth(0).fill('1')
     //add recipient
     await page.getByTestId('transfer-icon-add-recipient').click()
     //fill polkadot Address and amount on last field
-    await page
-      .getByPlaceholder('Enter wallet address')
-      .nth(1)
-      .fill(`${UserAddress}`)
+    await page.getByTestId('global-address-input').nth(1).fill(`${UserAddress}`)
     await page.getByTestId('transfer-input-amount-token').nth(1).fill('5')
   })
   //triggers switch to send same amount
@@ -68,7 +60,7 @@ test('Transfer Page Functionality', async ({ page, Commands }) => {
         .getByText('KSM')
         .click()
       await page
-        .getByPlaceholder('Enter wallet address')
+        .getByTestId('global-address-input')
         .nth(0)
         .fill(`${UserAddress}`)
       await expect(

From d2d536a308f24c9d86faecb715ddac755f38dd29 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Tue, 28 Nov 2023 14:57:38 -0300
Subject: [PATCH 015/161] collection test readability and debug

---
 tests/e2e/collection.spec.ts | 215 +++++++++++++++++++++--------------
 1 file changed, 128 insertions(+), 87 deletions(-)

diff --git a/tests/e2e/collection.spec.ts b/tests/e2e/collection.spec.ts
index 0809a7aaa1..a009c8f2cd 100644
--- a/tests/e2e/collection.spec.ts
+++ b/tests/e2e/collection.spec.ts
@@ -4,101 +4,142 @@ const collectionName = 'Pare1d0scope'
 const collectionAddress = '/ahp/collection/38/'
 
 test('Collection interactions', async ({ page, Commands }) => {
-  await page.goto(collectionAddress)
-  await Commands.scrollDownAndStop()
-  await expect(page.getByTestId('collection-banner-name')).toContainText(
-    collectionName,
-  )
-  //description show more
-  await page.getByTestId('description-show-less-more-button').click()
-  //collection description
-  await expect(page.getByTestId('collection-description')).toContainText(
-    'Geometry',
-  )
+  await test.step('Access collection address and scroll down', async () => {
+    await page.goto(collectionAddress)
+    await Commands.scrollDownAndStop()
+  })
+  await test.step('Check collection name and description', async () => {
+    await expect(page.getByTestId('collection-banner-name')).toContainText(
+      collectionName,
+    )
+    //description show more
+    await page.getByTestId('description-show-less-more-button').click()
+    //collection description
+    await expect(page.getByTestId('collection-description')).toContainText(
+      'Geometry',
+    )
+  })
+
   //Share Button
-  const shareBtn = page.getByTestId('share-button').first()
-  await shareBtn.click()
-  await page.getByTestId('hero-copy-link-dropdown').first().click()
-  await Commands.copyText('http://localhost:9090/ahp/collection/38')
-  await shareBtn.click()
-  await page.getByTestId('hero-share-QR-dropdown').first().click()
-  await expect(page.getByTestId('hero-share-qrcode-modal')).toBeVisible()
-  await page.keyboard.press('Escape')
-  await shareBtn.click()
-  await Commands.checkNewTab(
-    'https://twitter.com',
-    await page.getByTestId('hero-share-twitter-dropdown').first().click(),
-  )
+  await test.step('Share button functionality', async () => {
+    const shareBtn = page.getByTestId('share-button').first()
+    await shareBtn.click()
+    await page.getByTestId('hero-copy-link-dropdown').first().click()
+    await Commands.copyText('http://localhost:9090/ahp/collection/38')
+    await shareBtn.click()
+    await page.getByTestId('hero-share-QR-dropdown').first().click()
+    await expect(page.getByTestId('hero-share-qrcode-modal')).toBeVisible()
+    await page.keyboard.press('Escape')
+    await shareBtn.click()
+    await Commands.checkNewTab(
+      'https://twitter.com',
+      await page.getByTestId('hero-share-twitter-dropdown').first().click(),
+    )
+  })
+
   //ITEMS TAB ----------------------------
   //Buy Now Filter
-  await page.getByTestId('filter-checkbox-buynow').nth(1).click()
-  await Commands.scrollDownAndStop()
-  for (const el of await page.locator('[class="infinite-scroll-item"]').all()) {
-    await expect(el).toContainText('DOT')
-  }
+  await test.step('Verify if checking buy now filter only yield results with price ', async () => {
+    await page.getByTestId('filter-checkbox-buynow').nth(1).click()
+    await Commands.scrollDownAndStop()
+    for (const el of await page
+      .locator('[class="infinite-scroll-item"]')
+      .all()) {
+      await expect(el).toContainText('DOT')
+    }
+  })
+
   //Buy Now Button on nft card opens wallet sidebar
-  await page.locator('[class="infinite-scroll-item"]').first().hover()
-  await page.getByTestId('item-buy').first().click()
-  await expect(page.getByTestId('wallet-connect-sidebar-modal')).toBeVisible()
-  await page.keyboard.press('Escape')
-  await expect(
-    page.getByTestId('wallet-connect-sidebar-modal'),
-  ).not.toBeVisible()
+  await test.step('Verifies if buy now button on first NFT card opens connect wallet sidebar', async () => {
+    await page.locator('[class="infinite-scroll-item"]').first().hover()
+    await page.getByTestId('item-buy').first().click()
+    await expect(page.getByTestId('wallet-connect-sidebar-modal')).toBeVisible()
+    await page.keyboard.press('Escape')
+    await expect(
+      page.getByTestId('wallet-connect-sidebar-modal'),
+    ).not.toBeVisible()
+  })
+
   //cart test
-  await page.locator('[class="infinite-scroll-item"]').nth(0).hover()
-  await page.getByTestId('item-add-to-cart').nth(0).click()
-  await page.locator('[class="infinite-scroll-item"]').nth(1).hover()
-  await page.getByTestId('item-add-to-cart').nth(1).click()
-  await page.getByTestId('navbar-button-cart').click()
-  await expect(page.getByTestId('shopping-cart-modal')).toBeVisible()
-  await expect(page.getByTestId('shopping-cart-item').nth(0)).toContainText(
-    collectionName,
-  )
-  await expect(page.getByTestId('shopping-cart-item').nth(1)).toContainText(
-    collectionName,
-  )
-  await page.getByTestId('modal-close-button').click()
+  await test.step('Add two first nfts to cart and check if they got inserted', async () => {
+    await page.locator('[class="infinite-scroll-item"]').nth(0).hover()
+    await page.getByTestId('item-add-to-cart').nth(0).click()
+    await page.locator('[class="infinite-scroll-item"]').nth(1).hover()
+    await page.getByTestId('item-add-to-cart').nth(1).click()
+    await page.getByTestId('navbar-button-cart').click()
+    await expect(page.getByTestId('shopping-cart-modal')).toBeVisible()
+    await expect(page.getByTestId('shopping-cart-item').nth(0)).toContainText(
+      collectionName,
+    )
+    await expect(page.getByTestId('shopping-cart-item').nth(1)).toContainText(
+      collectionName,
+    )
+    await page.getByTestId('modal-close-button').click()
+  })
+
   //art view
-  await page.getByTestId('advanced-filter-collapsible').first().click()
-  await page.getByTestId('filter-artview-checkbox').nth(1).click()
-  await expect(page.getByTestId('nft-name')).not.toBeVisible()
-  await page.getByTestId('filter-artview-checkbox').nth(1).click()
+  await test.step('Activates art view and check if NFT name was hidden', async () => {
+    await page.getByTestId('advanced-filter-collapsible').first().click()
+    await page.getByTestId('filter-artview-checkbox').nth(1).click()
+    await Commands.scrollDownAndStop()
+    await expect(page.getByTestId('nft-name')).not.toBeVisible()
+    await page.getByTestId('filter-artview-checkbox').nth(1).click()
+  })
+
   //ACTIVITY TAB ----------------------------
-  await page.getByTestId('collection-tab-activity').nth(1).click()
-  await Commands.scrollDownAndStop()
+  await test.step('Switches to activity tab', async () => {
+    await page.getByTestId('collection-tab-activity').nth(1).click()
+    await Commands.scrollDownAndStop()
+  })
+
   //chart
-  await expect(page.getByTestId('collection-activity-chart')).toBeVisible()
+  await test.step('Checks chart visibility', async () => {
+    await expect(page.getByTestId('collection-activity-chart')).toBeVisible()
+  })
+
   //Holders Tab
-  const holdersTab = page.getByTestId('collection-holders-container')
-  //check if nft details on Holders tab has content
-  await page.getByTestId('collection-holder-nft-details').first().click()
-  await expect(holdersTab).toContainText(collectionName)
-  //check if popover on Holders is present
-  await expect(page.getByTestId('collection-nft-holder').first()).toBeVisible()
-  await page.getByTestId('collection-nft-holder-address').first().hover()
-  await expect(page.getByTestId('identity-popover-container')).toBeVisible()
+  await test.step('Holders tab Interactions', async () => {
+    const holdersTab = page.getByTestId('collection-holders-container')
+    //check if nft details on Holders tab has content
+    await page.getByTestId('collection-holder-nft-details').first().click()
+    await expect(holdersTab).toContainText(collectionName)
+    //check if popover on Holders is present
+    await expect(
+      page.getByTestId('collection-nft-holder').first(),
+    ).toBeVisible()
+    await page.getByTestId('collection-nft-holder-address').first().hover()
+    await expect(page.getByTestId('identity-popover-container')).toBeVisible()
+  })
+
   //event filters
-  const eventTable = page.getByTestId('nfts-event-table')
-  const saleFilter = page.getByTestId('event-checkbox-filter-sale').nth(1)
-  const listingFilter = page.getByTestId('event-checkbox-filter-listing').nth(1)
-  const mintFilter = page.getByTestId('event-checkbox-filter-mint').nth(1)
-  const transferFilter = page
-    .getByTestId('event-checkbox-filter-transfer')
-    .nth(1)
-  await saleFilter.check()
-  await expect(eventTable).toContainText('Sale')
-  await saleFilter.uncheck()
-  await listingFilter.check()
-  await expect(eventTable).toContainText('List')
-  await listingFilter.uncheck()
-  await mintFilter.check()
-  await expect(eventTable).toContainText('Mint')
-  await mintFilter.uncheck()
-  await transferFilter.check()
-  await expect(eventTable).toContainText('Transfer')
-  //check if creator address redirects to proper page
-  await page.getByTestId('collection-creator-address').click()
-  await expect(page).toHaveURL(
-    '/ahp/u/15CoYMEnJhhWHvdEPXDuTBnZKXwrJzMQdcMwcHGsVx5kXYvW',
-  )
+  await test.step('Event Filters(sale,list,mint,transfer)', async () => {
+    const eventTable = page.getByTestId('nfts-event-table')
+    const saleFilter = page.getByTestId('event-checkbox-filter-sale').nth(1)
+    const listingFilter = page
+      .getByTestId('event-checkbox-filter-listing')
+      .nth(1)
+    const mintFilter = page.getByTestId('event-checkbox-filter-mint').nth(1)
+    const transferFilter = page
+      .getByTestId('event-checkbox-filter-transfer')
+      .nth(1)
+    await saleFilter.check()
+    await expect(eventTable).toContainText('Sale')
+    await saleFilter.uncheck()
+    await listingFilter.check()
+    await expect(eventTable).toContainText('List')
+    await listingFilter.uncheck()
+    await mintFilter.check()
+    await expect(eventTable).toContainText('Mint')
+    await mintFilter.uncheck()
+    await transferFilter.check()
+    await expect(eventTable).toContainText('Transfer')
+  })
+
+  //Creator link
+  await test.step('Check if creator address redirects to proper page', async () => {
+    await page.getByTestId('collection-creator-address').click()
+    await expect(page).toHaveURL(
+      '/ahp/u/15CoYMEnJhhWHvdEPXDuTBnZKXwrJzMQdcMwcHGsVx5kXYvW',
+    )
+  })
 })

From b64a68cdf357eda4399dafdc3538968da3c020dd Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Tue, 28 Nov 2023 20:05:10 -0300
Subject: [PATCH 016/161] createcollection test readability and debug

---
 tests/e2e/createcollection.spec.ts | 105 +++++++++++++++++------------
 1 file changed, 61 insertions(+), 44 deletions(-)

diff --git a/tests/e2e/createcollection.spec.ts b/tests/e2e/createcollection.spec.ts
index 59936b4244..eb93df8253 100644
--- a/tests/e2e/createcollection.spec.ts
+++ b/tests/e2e/createcollection.spec.ts
@@ -1,65 +1,82 @@
 import { expect, test } from './fixtures'
 
 test('Fill fields to check if they work', async ({ page, Commands }) => {
-  //E2E connection
-  await Commands.e2elogin()
-  //Goto
-  await page.goto('/create/collection')
-  //upload image logo
-  await page.setInputFiles('input[type="file"]', 'tests/e2e/unsplash-image.jpg')
-  //checks if Collection Name Title Exists
-  await expect(
-    page
+  await test.step('Login and goto create collection ', async () => {
+    //E2E connection
+    await Commands.e2elogin()
+    //Goto
+    await page.goto('/create/collection')
+  })
+  await test.step('Upload image ', async () => {
+    //upload image logo
+    await page.setInputFiles(
+      'input[type="file"]',
+      'tests/e2e/unsplash-image.jpg',
+    )
+  })
+  await test.step('Fill collection name and description', async () => {
+    //checks if Collection Name Title Exists
+    await expect(
+      page
+        .getByTestId('collection-name')
+        .filter({ has: page.getByText('Collection Name') }),
+    ).toHaveCount(1)
+    await page
       .getByTestId('collection-name')
-      .filter({ has: page.getByText('Collection Name') }),
-  ).toHaveCount(1)
-  await page
-    .getByTestId('collection-name')
-    .locator('input')
-    .fill('Best Collection Name')
-  // Fill collection Description
-  await page.getByTestId('collection-desc').fill('Best Collection Ever Created')
-  //active unlimited items switch
-  const collectionAmount = page.getByTestId('collection-maxAmount')
-  await collectionAmount.locator('.o-switch').click()
-  await expect(
-    collectionAmount.getByTestId('collection-input-maximum-nfts'),
-  ).toBeVisible()
-  //Check if button exists
-  await expect(page.getByTestId('collection-create')).toBeVisible()
-  await expect(
-    page
-      .getByTestId('collection-create')
-      .filter({ has: page.getByText('Not Enough Funds') }),
-  ).toHaveCount(1)
+      .locator('input')
+      .fill('Best Collection Name')
+    // Fill collection Description
+    await page
+      .getByTestId('collection-desc')
+      .fill('Best Collection Ever Created')
+  })
+  await test.step('Activate unlimited items switch and verify if input is shown', async () => {
+    //active unlimited items switch
+    const collectionAmount = page.getByTestId('collection-maxAmount')
+    await collectionAmount.locator('.o-switch').click()
+    await expect(
+      collectionAmount.getByTestId('collection-input-maximum-nfts'),
+    ).toBeVisible()
+  })
+  await test.step('Check if create collection button is on page', async () => {
+    //Check if button exists
+    await expect(page.getByTestId('collection-create')).toBeVisible()
+    await expect(
+      page
+        .getByTestId('collection-create')
+        .filter({ has: page.getByText('Not Enough Funds') }),
+    ).toHaveCount(1)
+  })
 })
 
 test('Check if chain change works using the dropdown', async ({
   page,
   Commands,
 }) => {
-  //E2E connection
-  await Commands.e2elogin()
-  await page.goto('/create/collection')
+  await test.step('Login and goto create collection', async () => {
+    await Commands.e2elogin()
+    await page.goto('/create/collection')
+  })
   expect(page.getByTestId('collection-chain')).toBeVisible()
   await page.getByTestId('collection-chain').selectOption('KusamaHub')
-  //Check if balances and deposits shows
-  await expect(page.getByTestId('collection-deposit')).toBeVisible({
-    timeout: 30000,
+  await test.step('Verify if balances are loaded', async () => {
+    //Check if balances and deposits shows
+    await expect(page.getByTestId('collection-deposit')).toBeVisible({
+      timeout: 30000,
+    })
+    await expect(page.getByTestId('collection-balance')).toBeVisible({
+      timeout: 30000,
+    })
   })
-  await expect(page.getByTestId('collection-balance')).toBeVisible({
-    timeout: 30000,
+  await test.step('Changes to RMRK2 and verifies if chain changed', async () => {
+    await page.getByTestId('collection-chain').selectOption('RMRK2')
+    await expect(page.getByTestId('chain')).toContainText('rmrk2')
   })
-  await page.getByTestId('collection-chain').selectOption('RMRK2')
 })
 
-test('Show warning message on field when collection name empty', async ({
-  page,
-}) => {
+test('Verifies error message if collection name is empty', async ({ page }) => {
   await page.goto('/create/collection')
-  // defines a variable containing the collection name data-testid
   const collectionName = page.getByTestId('collection-name')
-  // Fill and check if Collection Name works properly by checking warning
   await collectionName.locator('input').fill('Kodadot Warning Test')
   await collectionName.locator('input').fill('')
   await page.getByTestId('collection-desc').click()

From 3ffb3b786b95ba386ab39df0d94dd0697747b5ea Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Wed, 29 Nov 2023 13:32:29 +0700
Subject: [PATCH 017/161] Fix null reference error in WalletAssetNfts.vue

---
 components/common/ConnectWallet/WalletAssetNfts.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/common/ConnectWallet/WalletAssetNfts.vue b/components/common/ConnectWallet/WalletAssetNfts.vue
index f0dc9738c0..741eaa840a 100644
--- a/components/common/ConnectWallet/WalletAssetNfts.vue
+++ b/components/common/ConnectWallet/WalletAssetNfts.vue
@@ -5,11 +5,11 @@
     <div class="nfts">
       <a
         v-for="nft in nfts"
-        :key="nft.id"
-        v-safe-href="`/${urlPrefix}/gallery/${nft.id}`">
+        :key="nft?.id"
+        v-safe-href="`/${urlPrefix}/gallery/${nft?.id}`">
         <MediaItem
-          :src="sanitizeIpfsUrl(nft.meta.image)"
-          :mime-type="nft.type" />
+          :src="sanitizeIpfsUrl(nft?.meta.image)"
+          :mime-type="nft?.type" />
       </a>
     </div>
   </div>

From dbdc37fed643c9a00f191ceb131a35e3ee2d4d45 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Wed, 29 Nov 2023 14:00:39 +0700
Subject: [PATCH 018/161] Refactor collection card class in Ready.vue

---
 components/migrate/landing/content/Ready.vue | 21 +++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/components/migrate/landing/content/Ready.vue b/components/migrate/landing/content/Ready.vue
index 6fb3bdf60e..7be442f8f5 100644
--- a/components/migrate/landing/content/Ready.vue
+++ b/components/migrate/landing/content/Ready.vue
@@ -14,7 +14,10 @@
         v-for="collection in collections"
         :key="collection.id"
         class="collection-card"
-        :class="{ 'collection-card-empty': !collection.nfts?.length }">
+        :class="{
+          'collection-card-empty':
+            !collection.nfts?.length || entities[collection.id]?.hide,
+        }">
         <div
           class="collection-card-banner"
           :style="{
@@ -62,18 +65,30 @@
 <script setup lang="ts">
 import { NeoButton } from '@kodadot1/brick'
 import { useCollectionReady } from '@/composables/useMigrate'
+import waifuApi from '@/services/waifu'
 
+const { accountId } = useAuth()
 const { toReview } = useMigrate()
 const { collections } = await useCollectionReady()
 
 const { urlPrefix } = usePrefix()
 const entities = reactive({})
-watchEffect(() => {
+watchEffect(async () => {
+  const migrated = await waifuApi(`/relocations/owners/${accountId.value}`)
+
   collections.value.forEach(async (collection) => {
-    entities[collection.id] = await getNftMetadata(
+    const metadata = await getNftMetadata(
       collection as unknown as MinimalNFT,
       urlPrefix.value,
     )
+    const hide = migrated?.some((item) => {
+      return item.collection === collection.id
+    })
+
+    entities[collection.id] = {
+      ...metadata,
+      hide,
+    }
   })
 })
 </script>

From d652286b952fbc554db9e123103e38f63029de4e Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Wed, 29 Nov 2023 15:25:59 +0700
Subject: [PATCH 019/161] Refactor Review.vue component and useMigrate.ts

---
 components/migrate/steps/Review.vue           | 29 ++++++++++++++++++-
 composables/useMigrate.ts                     |  6 ++++
 .../general/collectionMigrateReady.graphql    |  6 ++++
 3 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/components/migrate/steps/Review.vue b/components/migrate/steps/Review.vue
index a3a1d4f046..6528993338 100644
--- a/components/migrate/steps/Review.vue
+++ b/components/migrate/steps/Review.vue
@@ -1,7 +1,22 @@
 <template>
   <div>
     <div v-if="collectionOwner">
-      <div class="mt-6 font-bold">Migrate Items</div>
+      <div class="my-4 font-bold">Migrate Items</div>
+      <div class="max-h-40 overflow-auto">
+        <div
+          v-for="nft in collectionAnother?.nfts"
+          :key="nft.id"
+          class="flex items-center gap-4 mb-2"
+          :class="{ hidden: nft.currentOwner !== accountId }">
+          <NuxtImg
+            :src="sanitizeIpfsUrl(nft.meta?.image)"
+            :alt="nft.name"
+            width="32"
+            height="32"
+            class="border" />
+          <p>{{ nft.name }}</p>
+        </div>
+      </div>
       <hr />
     </div>
     <div v-else>
@@ -231,6 +246,7 @@ import { prefixToNetwork } from '@/composables/useMultipleBalance'
 import { useCollectionReady, useMigrateDeposit } from '@/composables/useMigrate'
 import { availablePrefixWithIcon } from '@/utils/chain'
 
+const { urlPrefix } = usePrefix()
 const { $i18n } = useNuxtApp()
 const { accountId } = useAuth()
 
@@ -246,11 +262,22 @@ const fromAccountId = route.query.accountId?.toString()
 const collectionOwner = route.query.collectionOwner?.toString()
 
 const collectionId = route.query.collectionId
+
+// a collection where the owner is myself
 const { collections } = await useCollectionReady()
 const collection = computed(() =>
   collections.value.find((item) => item.id === collectionId),
 )
 
+// a collection where the owner is someone else
+const { collections: collectionsAnother } = await useCollectionReady(
+  urlPrefix.value,
+  collectionOwner,
+)
+const collectionAnother = computed(() =>
+  collectionsAnother.value.find((item) => item.id === collectionId),
+)
+
 // source balance and deposit
 const sourceChain = computed(() => (source?.value || 'ksm') as Prefix)
 const {
diff --git a/composables/useMigrate.ts b/composables/useMigrate.ts
index 84eca3ebdb..37982ebac4 100644
--- a/composables/useMigrate.ts
+++ b/composables/useMigrate.ts
@@ -56,6 +56,12 @@ type CollectionsReady = {
     }[]
     nfts?: {
       id: string
+      name?: string
+      currentOwner?: string
+      meta?: {
+        id: string
+        image: string
+      }
     }[]
   }[]
 }
diff --git a/queries/subsquid/general/collectionMigrateReady.graphql b/queries/subsquid/general/collectionMigrateReady.graphql
index e5368b9388..dda51b9fe1 100644
--- a/queries/subsquid/general/collectionMigrateReady.graphql
+++ b/queries/subsquid/general/collectionMigrateReady.graphql
@@ -18,6 +18,12 @@ query collectionMigrateReady($account: String!) {
     }
     nfts(where: { burned_not_eq: true }) {
       id
+      name
+      currentOwner
+      meta {
+        id
+        image
+      }
     }
   }
 }

From 5701409bfb0cd0c0d059223ed53854124ce2d8a2 Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Wed, 29 Nov 2023 16:27:29 +0800
Subject: [PATCH 020/161] fix: Loader design

---
 libs/ui/src/components/NeoButton/NeoButton.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/libs/ui/src/components/NeoButton/NeoButton.scss b/libs/ui/src/components/NeoButton/NeoButton.scss
index 6f8bacfab3..0eaaf81577 100644
--- a/libs/ui/src/components/NeoButton/NeoButton.scss
+++ b/libs/ui/src/components/NeoButton/NeoButton.scss
@@ -160,12 +160,12 @@
   &.loading-with-label.o-btn--loading {
     @apply text-k-grey #{!important};
 
-    :deep(.o-btn__label) {
-      @apply my-0 mx-[3px] #{!important};
+    .o-btn__label {
+      @apply mr-3 #{!important};
     }
 
     &::after {
-        @apply relative left-0 border-2 border-k-grey rounded-full border-r-transparent border-t-transparent my-0 ml-1 mx-[3px] h-[1em] w-[1em] #{!important};
+      @apply relative left-0 border-2 border-k-grey rounded-full border-r-transparent border-t-transparent h-[1em] w-[1em] #{!important};
     }
   }
 

From 51dcce6372ed5e1cc2590b8d4319e161184fe4f2 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Wed, 29 Nov 2023 16:02:58 +0700
Subject: [PATCH 021/161] Fix collectionOwner query parameter bug

---
 components/migrate/steps/Review.vue      |  1 -
 components/migrate/steps/Sign.vue        |  7 ++++++-
 components/migrate/steps/SignLoader1.vue |  3 ++-
 components/migrate/steps/SignLoader2.vue | 24 ++++++++++++++++++++++--
 4 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/components/migrate/steps/Review.vue b/components/migrate/steps/Review.vue
index 6528993338..7e0e656865 100644
--- a/components/migrate/steps/Review.vue
+++ b/components/migrate/steps/Review.vue
@@ -260,7 +260,6 @@ const destination = availablePrefixWithIcon().find(
 const itemCount = parseInt(route.query.itemCount?.toString() || '0')
 const fromAccountId = route.query.accountId?.toString()
 const collectionOwner = route.query.collectionOwner?.toString()
-
 const collectionId = route.query.collectionId
 
 // a collection where the owner is myself
diff --git a/components/migrate/steps/Sign.vue b/components/migrate/steps/Sign.vue
index 944d390731..7e85134c9a 100644
--- a/components/migrate/steps/Sign.vue
+++ b/components/migrate/steps/Sign.vue
@@ -31,6 +31,7 @@ const { setUrlPrefix } = usePrefix()
 const route = useRoute()
 
 const to = route.query.destination as Prefix
+const collectionOwner = route.query.collectionOwner?.toString()
 
 setUrlPrefix(to)
 
@@ -43,7 +44,11 @@ provide('steps', {
 })
 
 const signTransactions = async () => {
-  steps.value = 'step1'
+  if (collectionOwner) {
+    steps.value = 'step2'
+  } else {
+    steps.value = 'step1'
+  }
 }
 </script>
 
diff --git a/components/migrate/steps/SignLoader1.vue b/components/migrate/steps/SignLoader1.vue
index 66e6edfa13..feb7e752a6 100644
--- a/components/migrate/steps/SignLoader1.vue
+++ b/components/migrate/steps/SignLoader1.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="mb-5">
+  <div v-if="!collectionOwner" class="mb-5">
     <div class="is-flex is-align-items-center mb-4">
       <div class="mr-5">
         <NeoIcon v-bind="whichIcon()" class="fa-2x" />
@@ -85,6 +85,7 @@ const to = route.query.destination as Prefix
 const from = route.query.source as Prefix
 const fromAccountId = route.query.accountId?.toString()
 const itemCount = route.query.itemCount?.toString()
+const collectionOwner = route.query.collectionOwner?.toString()
 
 const api = await apiInstance.value
 const { steps, updateSteps } = inject('steps') as {
diff --git a/components/migrate/steps/SignLoader2.vue b/components/migrate/steps/SignLoader2.vue
index d287daa30e..28414110e5 100644
--- a/components/migrate/steps/SignLoader2.vue
+++ b/components/migrate/steps/SignLoader2.vue
@@ -61,10 +61,13 @@ const { apiInstance } = useApi()
 const { howAboutToExecute, status } = useMetaTransaction()
 const { $consola } = useNuxtApp()
 const route = useRoute()
+const router = useRouter()
 
 const from = route.query.source as Prefix
 const fromAccountId = route.query.accountId?.toString()
 const itemCount = route.query.itemCount?.toString()
+const collectionOwner = route.query.collectionOwner?.toString()
+const collectionId = route.query.collectionId
 
 const { collections } = await useCollectionReady(from, fromAccountId)
 const fromCollection = collections.value.find(
@@ -106,17 +109,25 @@ const itemLeftIcons = (index) => {
 }
 
 const startStep2 = async () => {
+  let nextCollectionId
   try {
     // eslint-disable-next-line no-restricted-syntax
     for (let index = 0; index < iterations.value; index++) {
+      const fromCollectionId = collectionOwner
+        ? collectionId
+        : fromCollection?.id
       const checkSign = await waifuApi(
-        `/relocations/${from}/${fromCollection?.id}/iterations/${index}`,
+        `/relocations/${from}/${fromCollectionId}/iterations/${index}`,
         {
           method: 'PUT',
         },
       )
 
-      const presigned = checkSign.data.map((item) => {
+      const ownerSign = checkSign.data.filter(
+        (item) => item.account === accountId.value,
+      )
+      nextCollectionId = ownerSign.to_collection
+      const presigned = ownerSign.map((item) => {
         const preSignInfo = api.createType('PalletNftsPreSignedMint', item.data)
         const create = api.tx.nfts.mintPreSigned(
           preSignInfo,
@@ -132,6 +143,15 @@ const startStep2 = async () => {
       batchPresigned[index] = presigned
     }
 
+    if (collectionOwner) {
+      router.push({
+        query: {
+          ...route.query,
+          nextCollectionId,
+        },
+      })
+    }
+
     executeStep2()
   } catch (error) {
     $consola.error('error step2', error)

From 859747909b91c472d6fd1ffa9f0408094fc5f71e Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Wed, 29 Nov 2023 16:52:37 +0700
Subject: [PATCH 022/161] Refactor conditional rendering in Ready.vue and
 Waiting.vue

---
 components/migrate/landing/content/Ready.vue   | 9 ++++++++-
 components/migrate/landing/content/Waiting.vue | 9 ++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/components/migrate/landing/content/Ready.vue b/components/migrate/landing/content/Ready.vue
index 7be442f8f5..56f7b67bad 100644
--- a/components/migrate/landing/content/Ready.vue
+++ b/components/migrate/landing/content/Ready.vue
@@ -9,7 +9,7 @@
       {{ $t('migrate.ready.desc') }}
     </div>
 
-    <div class="collection">
+    <div v-if="collections.length" class="collection">
       <div
         v-for="collection in collections"
         :key="collection.id"
@@ -59,6 +59,13 @@
         </div>
       </div>
     </div>
+    <div v-else class="text-center mt-8">
+      <p class="is-size-4 has-text-weight-bold">Nothing to Migrate</p>
+      <p>
+        It looks like you have no collections or items ready for migration at
+        this time.
+      </p>
+    </div>
   </div>
 </template>
 
diff --git a/components/migrate/landing/content/Waiting.vue b/components/migrate/landing/content/Waiting.vue
index 5a1d52230f..c55cdf545e 100644
--- a/components/migrate/landing/content/Waiting.vue
+++ b/components/migrate/landing/content/Waiting.vue
@@ -9,7 +9,7 @@
       {{ $t('migrate.waiting.desc') }}
     </div>
 
-    <div class="collection">
+    <div v-if="collections.length" class="collection">
       <div
         v-for="collection in collections"
         :key="collection.id"
@@ -67,6 +67,13 @@
         </div>
       </div>
     </div>
+    <div v-else class="text-center mt-8">
+      <p class="is-size-4 has-text-weight-bold">Nothing to Migrate</p>
+      <p>
+        It looks like you have no collections or items ready for migration at
+        this time.
+      </p>
+    </div>
   </div>
 </template>
 

From 5973601b1182505b8a542c95764354fcfbe878d7 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Wed, 29 Nov 2023 11:09:33 +0000
Subject: [PATCH 023/161] removed unused file

---
 .../components/MediaItem/MediaItem.story.vue  |   2 +
 .../ui/src/components/MediaItem/MediaItem.vue | 176 ------------------
 2 files changed, 2 insertions(+), 176 deletions(-)
 delete mode 100644 libs/ui/src/components/MediaItem/MediaItem.vue

diff --git a/libs/ui/src/components/MediaItem/MediaItem.story.vue b/libs/ui/src/components/MediaItem/MediaItem.story.vue
index 53920f91c0..95b11b4287 100644
--- a/libs/ui/src/components/MediaItem/MediaItem.story.vue
+++ b/libs/ui/src/components/MediaItem/MediaItem.story.vue
@@ -2,6 +2,8 @@
   <Story title="MediaItem">
     <Variant title="image">
       <ImageMedia
+        :original="false"
+        placeholder=""
         src="https://image-beta.w.kodadot.xyz/ipfs/bafybeig6clbsbabxkku3m4furbj4klayyx7ovwtcocmgwqmv4nxllnbxxy" />
     </Variant>
 
diff --git a/libs/ui/src/components/MediaItem/MediaItem.vue b/libs/ui/src/components/MediaItem/MediaItem.vue
deleted file mode 100644
index e06e9cba7c..0000000000
--- a/libs/ui/src/components/MediaItem/MediaItem.vue
+++ /dev/null
@@ -1,176 +0,0 @@
-<template>
-  <div ref="mediaItem" class="h-fit">
-    <component
-      :is="resolveComponent"
-      :src="properSrc"
-      :sizes="sizes"
-      :animation-src="animationSrc"
-      :alt="title"
-      :placeholder="placeholder"
-      :original="original"
-      :is-lewd="isLewd"
-      :is-detail="isDetail"
-      :disable-operation="disableOperation"
-      :player-cover="audioPlayerCover"
-      :hover-on-cover-play="audioHoverOnCoverPlay"
-      :parent-hovering="isMediaItemHovering"
-      :image-component="imageComponent"
-      :preview="preview"
-      :autoplay="autoplay" />
-    <div
-      v-if="isLewd && isLewdBlurredLayer"
-      class="backdrop-blur-3xl absolute top-0 w-full h-full text-text-color capitalize flex items-center justify-center flex-col px-2">
-      <NeoIcon icon="eye-slash" class="mb-3" />
-      <span class="font-bold">
-        {{ $t('lewd.explicit') }}
-      </span>
-      <span class="text-center max-w-xs">{{ $t('lewd.explicitDesc') }}</span>
-    </div>
-    <div
-      v-if="isInteractive"
-      class="w-6 h-6 absolute top-3 right-3 flex items-center justify-center rounded-full bg-k-shade border-default border-k-grey">
-      <NeoIcon icon="code" pack="far" class="font-medium text-xs/none" />
-    </div>
-    <NeoButton
-      v-if="isLewd"
-      rounded
-      no-shadow
-      class="absolute left-1/2 bottom-5 -translate-x-1/2 text-text-color bg-background-color border-none px-4 py-1 text-base"
-      :class="{ 'text-background-color bg-text-color': isLewdBlurredLayer }"
-      :label="
-        isLewdBlurredLayer ? $t('lewd.showContent') : $t('lewd.hideContent')
-      "
-      @click="toggleContent" />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed, defineAsyncComponent, ref, watch } from 'vue'
-import { useElementHover, useElementVisibility } from '@vueuse/core'
-import { NeoButton, NeoIcon } from '@kodadot1/brick'
-
-import { getMimeType, resolveMedia } from '@/utils/gallery/media'
-import { MediaType } from '@/components/rmrk/types'
-import ImageMedia from './type/ImageMedia.vue'
-import VideoMedia from './type/VideoMedia.vue'
-import AudioMedia from './type/AudioMedia.vue'
-import JsonMedia from './type/JsonMedia.vue'
-import IFrameMedia from './type/IFrameMedia.vue'
-import ObjectMedia from './type/ObjectMedia.vue'
-import Media from './type/UnknownMedia.vue'
-
-import type { ImageComponent } from '../TheImage/TheImage.vue'
-
-const props = withDefaults(
-  defineProps<{
-    src?: string
-    animationSrc?: string
-    mimeType?: string
-    title?: string
-    original?: boolean
-    isLewd?: boolean
-    isDetail?: boolean
-    placeholder?: string
-    disableOperation?: boolean
-    audioPlayerCover?: string
-    audioHoverOnCoverPlay?: boolean
-    // props for video component
-    preview?: boolean
-    autoplay?: boolean
-    // props for image component
-    sizes?: string
-    imageComponent?: ImageComponent
-  }>(),
-  {
-    src: '',
-    animationSrc: '',
-    mimeType: '',
-    title: 'KodaDot NFT',
-    original: false,
-    isLewd: false,
-    isDetail: false,
-    placeholder: './Koda.svg',
-    disableOperation: undefined,
-    audioPlayerCover: '',
-    imageComponent: 'img',
-  },
-)
-
-const mediaItem = ref<HTMLDivElement>()
-
-// props.mimeType may be empty string "". Add `image/png` as fallback
-const mimeType = computed(() => props.mimeType || type.value || 'image/png')
-
-const sizes = computed(() =>
-  props.sizes === 'original' ? undefined : props.sizes,
-)
-
-const targetIsVisible = useElementVisibility(mediaItem)
-const modelComponent = ref<Component>()
-const isModelComponentLoaded = ref(false)
-const shouldLoadModelComponent = computed(() => {
-  return targetIsVisible.value && mimeType.value === 'model/gltf-binary'
-})
-watch(shouldLoadModelComponent, (shouldLoad) => {
-  if (shouldLoad && !isModelComponentLoaded.value) {
-    modelComponent.value = defineAsyncComponent(
-      () => import('./type/ModelMedia.vue'),
-    )
-    isModelComponentLoaded.value = true
-  }
-})
-
-const SUFFIX = 'Media'
-
-const isInteractive = computed(() => {
-  return resolveMedia(mimeType.value) === MediaType.IFRAME && !props.isDetail
-})
-const type = ref('')
-
-const isLewdBlurredLayer = ref(props.isLewd)
-const components = {
-  ImageMedia,
-  VideoMedia,
-  AudioMedia,
-  JsonMedia,
-  IFrameMedia,
-  ObjectMedia,
-  Media,
-}
-
-const resolveComponent = computed(() => {
-  let mediaType = resolveMedia(mimeType.value)
-
-  if (mediaType === MediaType.IFRAME && !props.isDetail) {
-    mediaType = MediaType.IMAGE
-  }
-
-  return mediaType === 'Model'
-    ? modelComponent.value
-    : components[mediaType + SUFFIX]
-})
-
-const properSrc = computed(() => props.src || props.placeholder)
-
-const updateComponent = async () => {
-  if (props.animationSrc && !props.mimeType) {
-    type.value = await getMimeType(props.animationSrc)
-  }
-}
-
-watch(
-  () => props.animationSrc,
-  () => updateComponent(),
-  {
-    immediate: true,
-  },
-)
-
-const toggleContent = () => {
-  isLewdBlurredLayer.value = !isLewdBlurredLayer.value
-}
-
-const isMediaItemHovering = useElementHover(mediaItem)
-
-defineExpose({ isLewdBlurredLayer })
-</script>

From a5f8ab58325899ac61a2240002deaa74f12a2f4d Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Wed, 29 Nov 2023 18:14:41 +0700
Subject: [PATCH 024/161] * fix(Waiting.vue): fix condition for displaying
 collection cards based on entities object keys * feat(Waiting.vue): add
 filtering of migrated items based on collection id

---
 .../migrate/landing/content/Waiting.vue       | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/components/migrate/landing/content/Waiting.vue b/components/migrate/landing/content/Waiting.vue
index c55cdf545e..2c2defe26a 100644
--- a/components/migrate/landing/content/Waiting.vue
+++ b/components/migrate/landing/content/Waiting.vue
@@ -9,11 +9,12 @@
       {{ $t('migrate.waiting.desc') }}
     </div>
 
-    <div v-if="collections.length" class="collection">
+    <div v-if="Object.keys(entities).length" class="collection">
       <div
         v-for="collection in collections"
         :key="collection.id"
-        class="collection-card">
+        class="collection-card"
+        :class="{ hidden: !entities[collection.id]?.migrated[0]?.issuer }">
         <div
           class="collection-card-banner"
           :style="{
@@ -126,13 +127,15 @@ watchEffect(() => {
       collection as unknown as MinimalNFT,
       urlPrefix.value,
     )
-    const migrated = await waifuApi(
-      `/relocations/owners/${collection.currentOwner}`,
-    )
+    const migrated = (
+      await waifuApi(`/relocations/owners/${collection.currentOwner}`)
+    ).filter((item) => item.collection === collection.id)
 
-    entities[collection.id] = {
-      ...metadata,
-      migrated: migrated.filter((item) => item.collection === collection.id),
+    if (migrated.length) {
+      entities[collection.id] = {
+        ...metadata,
+        migrated,
+      }
     }
   })
 })

From 16872de17cf19674f2fa6af3189599032f1fcadf Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Wed, 29 Nov 2023 18:16:04 +0700
Subject: [PATCH 025/161] * fix(Waiting.vue): remove unnecessary condition for
 displaying issuer information * refactor(Waiting.vue): remove unnecessary
 condition for displaying issuer information

---
 components/migrate/landing/content/Waiting.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/migrate/landing/content/Waiting.vue b/components/migrate/landing/content/Waiting.vue
index 2c2defe26a..b65a641464 100644
--- a/components/migrate/landing/content/Waiting.vue
+++ b/components/migrate/landing/content/Waiting.vue
@@ -28,7 +28,7 @@
 
         <div class="collection-card-info">
           <p class="is-size-5 has-text-weight-bold">{{ collection.name }}</p>
-          <p v-if="entities[collection.id]?.migrated[0]?.issuer" class="flex">
+          <p class="flex">
             <span class="has-text-grey mr-2">
               {{ $t('migrate.waiting.status') }}
             </span>
@@ -51,7 +51,7 @@
                   $t('migrate.waiting.own', [collection.nfts?.length])
                 "></p>
             </div>
-            <div v-if="entities[collection.id]?.migrated[0]?.issuer">
+            <div>
               <NeoButton
                 variant="pill"
                 @click="

From 5bf75fc825ddd3c7bf78dec5a22d5e63b4ab3ce3 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Wed, 29 Nov 2023 11:16:07 +0000
Subject: [PATCH 026/161] Revert "removed unused file"

This reverts commit 5973601b1182505b8a542c95764354fcfbe878d7.
---
 .../components/MediaItem/MediaItem.story.vue  |   2 -
 .../ui/src/components/MediaItem/MediaItem.vue | 176 ++++++++++++++++++
 2 files changed, 176 insertions(+), 2 deletions(-)
 create mode 100644 libs/ui/src/components/MediaItem/MediaItem.vue

diff --git a/libs/ui/src/components/MediaItem/MediaItem.story.vue b/libs/ui/src/components/MediaItem/MediaItem.story.vue
index 95b11b4287..53920f91c0 100644
--- a/libs/ui/src/components/MediaItem/MediaItem.story.vue
+++ b/libs/ui/src/components/MediaItem/MediaItem.story.vue
@@ -2,8 +2,6 @@
   <Story title="MediaItem">
     <Variant title="image">
       <ImageMedia
-        :original="false"
-        placeholder=""
         src="https://image-beta.w.kodadot.xyz/ipfs/bafybeig6clbsbabxkku3m4furbj4klayyx7ovwtcocmgwqmv4nxllnbxxy" />
     </Variant>
 
diff --git a/libs/ui/src/components/MediaItem/MediaItem.vue b/libs/ui/src/components/MediaItem/MediaItem.vue
new file mode 100644
index 0000000000..e06e9cba7c
--- /dev/null
+++ b/libs/ui/src/components/MediaItem/MediaItem.vue
@@ -0,0 +1,176 @@
+<template>
+  <div ref="mediaItem" class="h-fit">
+    <component
+      :is="resolveComponent"
+      :src="properSrc"
+      :sizes="sizes"
+      :animation-src="animationSrc"
+      :alt="title"
+      :placeholder="placeholder"
+      :original="original"
+      :is-lewd="isLewd"
+      :is-detail="isDetail"
+      :disable-operation="disableOperation"
+      :player-cover="audioPlayerCover"
+      :hover-on-cover-play="audioHoverOnCoverPlay"
+      :parent-hovering="isMediaItemHovering"
+      :image-component="imageComponent"
+      :preview="preview"
+      :autoplay="autoplay" />
+    <div
+      v-if="isLewd && isLewdBlurredLayer"
+      class="backdrop-blur-3xl absolute top-0 w-full h-full text-text-color capitalize flex items-center justify-center flex-col px-2">
+      <NeoIcon icon="eye-slash" class="mb-3" />
+      <span class="font-bold">
+        {{ $t('lewd.explicit') }}
+      </span>
+      <span class="text-center max-w-xs">{{ $t('lewd.explicitDesc') }}</span>
+    </div>
+    <div
+      v-if="isInteractive"
+      class="w-6 h-6 absolute top-3 right-3 flex items-center justify-center rounded-full bg-k-shade border-default border-k-grey">
+      <NeoIcon icon="code" pack="far" class="font-medium text-xs/none" />
+    </div>
+    <NeoButton
+      v-if="isLewd"
+      rounded
+      no-shadow
+      class="absolute left-1/2 bottom-5 -translate-x-1/2 text-text-color bg-background-color border-none px-4 py-1 text-base"
+      :class="{ 'text-background-color bg-text-color': isLewdBlurredLayer }"
+      :label="
+        isLewdBlurredLayer ? $t('lewd.showContent') : $t('lewd.hideContent')
+      "
+      @click="toggleContent" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, defineAsyncComponent, ref, watch } from 'vue'
+import { useElementHover, useElementVisibility } from '@vueuse/core'
+import { NeoButton, NeoIcon } from '@kodadot1/brick'
+
+import { getMimeType, resolveMedia } from '@/utils/gallery/media'
+import { MediaType } from '@/components/rmrk/types'
+import ImageMedia from './type/ImageMedia.vue'
+import VideoMedia from './type/VideoMedia.vue'
+import AudioMedia from './type/AudioMedia.vue'
+import JsonMedia from './type/JsonMedia.vue'
+import IFrameMedia from './type/IFrameMedia.vue'
+import ObjectMedia from './type/ObjectMedia.vue'
+import Media from './type/UnknownMedia.vue'
+
+import type { ImageComponent } from '../TheImage/TheImage.vue'
+
+const props = withDefaults(
+  defineProps<{
+    src?: string
+    animationSrc?: string
+    mimeType?: string
+    title?: string
+    original?: boolean
+    isLewd?: boolean
+    isDetail?: boolean
+    placeholder?: string
+    disableOperation?: boolean
+    audioPlayerCover?: string
+    audioHoverOnCoverPlay?: boolean
+    // props for video component
+    preview?: boolean
+    autoplay?: boolean
+    // props for image component
+    sizes?: string
+    imageComponent?: ImageComponent
+  }>(),
+  {
+    src: '',
+    animationSrc: '',
+    mimeType: '',
+    title: 'KodaDot NFT',
+    original: false,
+    isLewd: false,
+    isDetail: false,
+    placeholder: './Koda.svg',
+    disableOperation: undefined,
+    audioPlayerCover: '',
+    imageComponent: 'img',
+  },
+)
+
+const mediaItem = ref<HTMLDivElement>()
+
+// props.mimeType may be empty string "". Add `image/png` as fallback
+const mimeType = computed(() => props.mimeType || type.value || 'image/png')
+
+const sizes = computed(() =>
+  props.sizes === 'original' ? undefined : props.sizes,
+)
+
+const targetIsVisible = useElementVisibility(mediaItem)
+const modelComponent = ref<Component>()
+const isModelComponentLoaded = ref(false)
+const shouldLoadModelComponent = computed(() => {
+  return targetIsVisible.value && mimeType.value === 'model/gltf-binary'
+})
+watch(shouldLoadModelComponent, (shouldLoad) => {
+  if (shouldLoad && !isModelComponentLoaded.value) {
+    modelComponent.value = defineAsyncComponent(
+      () => import('./type/ModelMedia.vue'),
+    )
+    isModelComponentLoaded.value = true
+  }
+})
+
+const SUFFIX = 'Media'
+
+const isInteractive = computed(() => {
+  return resolveMedia(mimeType.value) === MediaType.IFRAME && !props.isDetail
+})
+const type = ref('')
+
+const isLewdBlurredLayer = ref(props.isLewd)
+const components = {
+  ImageMedia,
+  VideoMedia,
+  AudioMedia,
+  JsonMedia,
+  IFrameMedia,
+  ObjectMedia,
+  Media,
+}
+
+const resolveComponent = computed(() => {
+  let mediaType = resolveMedia(mimeType.value)
+
+  if (mediaType === MediaType.IFRAME && !props.isDetail) {
+    mediaType = MediaType.IMAGE
+  }
+
+  return mediaType === 'Model'
+    ? modelComponent.value
+    : components[mediaType + SUFFIX]
+})
+
+const properSrc = computed(() => props.src || props.placeholder)
+
+const updateComponent = async () => {
+  if (props.animationSrc && !props.mimeType) {
+    type.value = await getMimeType(props.animationSrc)
+  }
+}
+
+watch(
+  () => props.animationSrc,
+  () => updateComponent(),
+  {
+    immediate: true,
+  },
+)
+
+const toggleContent = () => {
+  isLewdBlurredLayer.value = !isLewdBlurredLayer.value
+}
+
+const isMediaItemHovering = useElementHover(mediaItem)
+
+defineExpose({ isLewdBlurredLayer })
+</script>

From e7597d10563f068fa59ec48b9e4c167c678fbaee Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Wed, 29 Nov 2023 18:23:08 +0700
Subject: [PATCH 027/161] * feat(useMigrate.ts): add toReview function for
 navigating to the review page * fix(Ready.vue): remove duplicate import of
 toReview function * fix(Waiting.vue): remove duplicate import of toReview
 function

---
 components/migrate/landing/content/Ready.vue  |  3 +-
 .../migrate/landing/content/Waiting.vue       |  2 +-
 composables/useMigrate.ts                     | 34 ++++++++++---------
 3 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/components/migrate/landing/content/Ready.vue b/components/migrate/landing/content/Ready.vue
index 56f7b67bad..c736107be2 100644
--- a/components/migrate/landing/content/Ready.vue
+++ b/components/migrate/landing/content/Ready.vue
@@ -71,11 +71,10 @@
 
 <script setup lang="ts">
 import { NeoButton } from '@kodadot1/brick'
-import { useCollectionReady } from '@/composables/useMigrate'
+import { toReview, useCollectionReady } from '@/composables/useMigrate'
 import waifuApi from '@/services/waifu'
 
 const { accountId } = useAuth()
-const { toReview } = useMigrate()
 const { collections } = await useCollectionReady()
 
 const { urlPrefix } = usePrefix()
diff --git a/components/migrate/landing/content/Waiting.vue b/components/migrate/landing/content/Waiting.vue
index b65a641464..7df541c79e 100644
--- a/components/migrate/landing/content/Waiting.vue
+++ b/components/migrate/landing/content/Waiting.vue
@@ -82,8 +82,8 @@
 import { NeoButton } from '@kodadot1/brick'
 import collectionMigrateWaiting from '@/queries/subsquid/general/collectionMigrateWaiting.graphql'
 import waifuApi from '@/services/waifu'
+import { toReview } from '@/composables/useMigrate'
 
-const { toReview } = useMigrate()
 const { accountId } = useAuth()
 const { client } = usePrefix()
 
diff --git a/composables/useMigrate.ts b/composables/useMigrate.ts
index 37982ebac4..6a414ed740 100644
--- a/composables/useMigrate.ts
+++ b/composables/useMigrate.ts
@@ -202,12 +202,29 @@ const useDestinationSelected = () =>
     availablePrefixWithIcon().find((item) => item.value === 'ahp'),
   )
 
+export const toReview = (collectionId, itemCount, collectionOwner = '') => {
+  const sourceSelected = useSourceSelected()
+  const destinationSelected = useDestinationSelected()
+  const { accountId } = useAuth()
+
+  navigateTo({
+    path: '/migrate/review',
+    query: {
+      accountId: accountId.value,
+      collectionId: collectionId,
+      source: sourceSelected.value?.value,
+      destination: destinationSelected.value?.value,
+      itemCount,
+      collectionOwner,
+    },
+  })
+}
+
 // default composables
 export default function useMigrate() {
   const sourceSelected = useSourceSelected()
   const destinationSelected = useDestinationSelected()
   const { urlPrefix, setUrlPrefix } = usePrefix()
-  const { accountId } = useAuth()
 
   watchEffect(() => {
     const chain = sourceSelected.value?.value
@@ -229,25 +246,10 @@ export default function useMigrate() {
     }
   })
 
-  const toReview = (collectionId, itemCount, collectionOwner = '') => {
-    navigateTo({
-      path: '/migrate/review',
-      query: {
-        accountId: accountId.value,
-        collectionId: collectionId,
-        source: sourceSelected.value?.value,
-        destination: destinationSelected.value?.value,
-        itemCount,
-        collectionOwner,
-      },
-    })
-  }
-
   return {
     source,
     sourceSelected,
     destination,
     destinationSelected,
-    toReview,
   }
 }

From b7b1fd5e897cf12a40627a804009328ce5ad1a14 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Wed, 29 Nov 2023 20:47:28 +0700
Subject: [PATCH 028/161] * fix(Ready.vue): update click event to use
 collection.nfts instead of collection.nftsOwned * fix(SignLoader1.vue):
 remove unused itemCount variable * fix(SignLoader2.vue): update condition to
 check for collectionOwner instead of itemCount * fix(SignLoader3.vue): update
 condition to check for steps.value being 'step3' in addition to 'step3-burn'

---
 components/migrate/landing/content/Ready.vue | 2 +-
 components/migrate/steps/SignLoader1.vue     | 8 +-------
 components/migrate/steps/SignLoader2.vue     | 2 +-
 components/migrate/steps/SignLoader3.vue     | 2 +-
 4 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/components/migrate/landing/content/Ready.vue b/components/migrate/landing/content/Ready.vue
index c736107be2..64d0976bb4 100644
--- a/components/migrate/landing/content/Ready.vue
+++ b/components/migrate/landing/content/Ready.vue
@@ -51,7 +51,7 @@
             <div>
               <NeoButton
                 variant="pill"
-                @click="toReview(collection.id, collection.nftsOwned?.length)">
+                @click="toReview(collection.id, collection.nfts?.length)">
                 {{ $t('migrate.ready.cta') }}
               </NeoButton>
             </div>
diff --git a/components/migrate/steps/SignLoader1.vue b/components/migrate/steps/SignLoader1.vue
index feb7e752a6..ec505ff82b 100644
--- a/components/migrate/steps/SignLoader1.vue
+++ b/components/migrate/steps/SignLoader1.vue
@@ -84,7 +84,6 @@ const router = useRouter()
 const to = route.query.destination as Prefix
 const from = route.query.source as Prefix
 const fromAccountId = route.query.accountId?.toString()
-const itemCount = route.query.itemCount?.toString()
 const collectionOwner = route.query.collectionOwner?.toString()
 
 const api = await apiInstance.value
@@ -170,12 +169,7 @@ const validationStep1 = async () => {
       body: relocationsBody.value,
     })
 
-    // skip step2 if no items
-    if (itemCount === '0') {
-      updateSteps('step3-burn')
-    } else {
-      updateSteps('step2')
-    }
+    updateSteps('step2')
   } catch (error) {
     $consola.log(error)
   }
diff --git a/components/migrate/steps/SignLoader2.vue b/components/migrate/steps/SignLoader2.vue
index 28414110e5..2abe9682af 100644
--- a/components/migrate/steps/SignLoader2.vue
+++ b/components/migrate/steps/SignLoader2.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="itemCount !== '0'" class="mb-5">
+  <div v-if="!collectionOwner" class="mb-5">
     <div class="is-flex is-align-items-center mb-4">
       <div class="mr-5">
         <NeoIcon v-if="iterations === 0" v-bind="iconSuccess" class="fa-2x" />
diff --git a/components/migrate/steps/SignLoader3.vue b/components/migrate/steps/SignLoader3.vue
index bf3e15865f..8d6e752ce3 100644
--- a/components/migrate/steps/SignLoader3.vue
+++ b/components/migrate/steps/SignLoader3.vue
@@ -145,7 +145,7 @@ watchEffect(() => {
   }
 
   // skip burn at the moment
-  if (steps.value === 'step3-burn') {
+  if (steps.value === 'step3-burn' || steps.value === 'step3') {
     congratsPage()
   }
 })

From 7b653e2b7bd5ad809c1e028bf17ac57af3cfe0e9 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Wed, 29 Nov 2023 20:55:28 +0700
Subject: [PATCH 029/161] * refactor(WalletAssetNfts.vue): replace anchor tag
 with NuxtLink component for recent NFTs rendering

---
 components/common/ConnectWallet/WalletAssetNfts.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/common/ConnectWallet/WalletAssetNfts.vue b/components/common/ConnectWallet/WalletAssetNfts.vue
index 865b924381..37eeab55d2 100644
--- a/components/common/ConnectWallet/WalletAssetNfts.vue
+++ b/components/common/ConnectWallet/WalletAssetNfts.vue
@@ -3,14 +3,14 @@
     <hr class="my-4" />
     <p class="has-text-grey is-size-7 mb-2">Recent NFTs</p>
     <div class="nfts">
-      <a
+      <NuxtLink
         v-for="nft in nfts"
         :key="nft?.id"
-        v-safe-href="`/${urlPrefix}/gallery/${nft?.id}`">
+        :to="`/${urlPrefix}/gallery/${nft?.id}`">
         <BaseMediaItem
           :src="sanitizeIpfsUrl(nft?.meta.image)"
           :mime-type="nft?.type" />
-      </a>
+      </NuxtLink>
     </div>
   </div>
 </template>

From f076bcfe0e6db3c1d77618538db179cd11c9f23f Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Wed, 29 Nov 2023 11:04:47 -0300
Subject: [PATCH 030/161] creatnft test readability

---
 tests/e2e/createnft.spec.ts | 69 ++++++++++++++++++++++++-------------
 1 file changed, 46 insertions(+), 23 deletions(-)

diff --git a/tests/e2e/createnft.spec.ts b/tests/e2e/createnft.spec.ts
index 957189cdbb..7648d53632 100644
--- a/tests/e2e/createnft.spec.ts
+++ b/tests/e2e/createnft.spec.ts
@@ -2,48 +2,57 @@ import { expect, test } from './fixtures'
 
 test('Create NFT', async ({ page, Commands }) => {
   const numOfCopies = 5
-  await Commands.e2elogin()
-  //await page.goto('/ahk/create')
-  await page.goto('/ksm/create')
-  await page.getByTestId('create-landing-nft-button').click()
-  await expect(page).toHaveURL('/ksm/create?select=nft')
-  //Single NFT
-  await test.step('Single NFT', async () => {
+  //Login and navigation
+  await test.step('Login and navigate trough create single nft menus', async () => {
+    await Commands.e2elogin()
+    await page.goto('/ksm/create')
     await Commands.acceptCookies()
-    //select single nft creation
+    await page.getByTestId('create-landing-nft-button').click()
+    await expect(page).toHaveURL('/ksm/create?select=nft')
     await page.getByTestId('create-landing-single-nft-button').click()
-    //upload NFT image
+  })
+
+  //image upload
+  await test.step('Upload image into dropupload', async () => {
     await page.setInputFiles(
       'input[type="file"]',
       'tests/e2e/unsplash-image.jpg',
     )
-    //set name
+  })
+
+  //Fill fields
+  await test.step('Fill name, description and select Ahk on chain dropdown', async () => {
     await page
       .getByTestId('create-nft-input-name')
       .fill('Parametric NFT divergencies')
-    //set description
     await page
       .getByTestId('create-nft-input-description')
       .fill('Testing purpose NFT description using Playwright')
-    //select AHK chain on dropdown
     await page
       .getByTestId('create-nft-dropdown-select')
       .selectOption('KusamaHub')
     await expect(page.getByTestId('chain')).toHaveText('ahk')
-    //list for sale switch
+  })
+
+  //List for sale
+  await test.step('Activates list for sale switch and set a price on the input ', async () => {
     await page.getByTestId('create-nft-sale-switch').click()
-    //set price
     await page.getByTestId('create-nft-input-list-value').fill('5.5')
-    //set number of copies
+  })
+
+  //Copies
+  await test.step('Set number of copies and verifies if hashtag switch is present and click it', async () => {
     await page
       .getByTestId('create-nft-input-copies')
       .fill(numOfCopies.toString())
     await expect(
       page.getByTestId('create-nft-input-copies-switch'),
     ).toBeVisible()
-    //activate hastag switch
     await page.getByTestId('create-nft-input-copies-switch').click()
-    // - - NFT attributes interactions - -
+  })
+
+  //NFT attributes
+  await test.step('Create, fill and delete NFT attributes', async () => {
     //open NFT attribute section
     await page.getByTestId('create-nft-properties').click()
     //add new attribute
@@ -71,26 +80,37 @@ test('Create NFT', async ({ page, Commands }) => {
     //remove last attribute
     await page.getByTestId('attribute-button-remove').last().click()
     await expect(page.getByTestId('attr-1')).not.toBeVisible()
-    //royalty
+  })
+
+  //Royalty
+  await test.step('Sets a royalty percentage, activate the custom royalty switch and verifies its existance', async () => {
     const royaltyFields = page
       .getByTestId('royalty-form-input-percentage')
       .locator('input')
     await royaltyFields.fill('5')
     //royalty switch
     await page.getByTestId('royalty-form-switch').click()
-    //get user address
     const royaltyCustom = page
       .getByTestId('royalty-form-custom-address')
       .locator('input')
     await expect(royaltyCustom).toBeVisible()
-    //NSFW switch
+  })
+
+  //NSFW switch
+  await test.step('Activates NSFW switch', async () => {
     await page.getByTestId('create-nft-nsfw-switch').click()
-    //deposit check
+  })
+
+  //Deposit
+  await test.step('Check if deposits are loaded and properly calculated', async () => {
     const expectedDeposit = `${0.0077 * numOfCopies} KSM`
     await expect(
       page.getByTestId('create-nft-deposit-amount-token'),
     ).toHaveText(expectedDeposit, { timeout: 30000 })
-    //preview box
+  })
+
+  //preview box
+  await test.step('Verifies if contents of the preview box match fields from form', async () => {
     await expect(page.getByTestId('create-nft-preview-box')).toBeVisible()
     expect(
       (await page.getByTestId('nft-preview-name').innerText()).valueOf(),
@@ -98,7 +118,10 @@ test('Create NFT', async ({ page, Commands }) => {
     expect(
       (await page.getByTestId('nft-preview-price').innerText()).valueOf(),
     ).toContain('5.5')
-    //learn more link
+  })
+
+  //learn more link
+  await test.step('Click on the Learn More link and check if new tab has proper URL', async () => {
     await expect(page.getByTestId('create-nft-learn-more-link')).toBeVisible()
     await Commands.checkNewTab(
       'https://hello.kodadot.xyz/multi-chain/fees',

From 8491313a3ce2a275d73d85b5a846109968111c72 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Wed, 29 Nov 2023 21:21:19 +0700
Subject: [PATCH 031/161] * fix(Ready.vue): fix variable assignment for
 migrated and hide * fix(Waiting.vue): fix API endpoint for fetching migrated
 items * refactor(collectionMigrateWaiting.graphql): rename query to
 collectionMigrateWaiting

---
 components/migrate/landing/content/Ready.vue    | 17 ++++++++++-------
 components/migrate/landing/content/Waiting.vue  |  2 +-
 .../general/collectionMigrateWaiting.graphql    |  2 +-
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/components/migrate/landing/content/Ready.vue b/components/migrate/landing/content/Ready.vue
index 64d0976bb4..cd41b2b1be 100644
--- a/components/migrate/landing/content/Ready.vue
+++ b/components/migrate/landing/content/Ready.vue
@@ -74,22 +74,25 @@ import { NeoButton } from '@kodadot1/brick'
 import { toReview, useCollectionReady } from '@/composables/useMigrate'
 import waifuApi from '@/services/waifu'
 
-const { accountId } = useAuth()
+const { urlPrefix } = usePrefix()
 const { collections } = await useCollectionReady()
 
-const { urlPrefix } = usePrefix()
 const entities = reactive({})
 watchEffect(async () => {
-  const migrated = await waifuApi(`/relocations/owners/${accountId.value}`)
-
   collections.value.forEach(async (collection) => {
     const metadata = await getNftMetadata(
       collection as unknown as MinimalNFT,
       urlPrefix.value,
     )
-    const hide = migrated?.some((item) => {
-      return item.collection === collection.id
-    })
+    const migrated = await waifuApi(
+      `/relocations/${urlPrefix.value}-${collection.id}`,
+    )
+
+    let hide = false
+
+    if (migrated) {
+      hide = Boolean(migrated)
+    }
 
     entities[collection.id] = {
       ...metadata,
diff --git a/components/migrate/landing/content/Waiting.vue b/components/migrate/landing/content/Waiting.vue
index 7df541c79e..61b7831ada 100644
--- a/components/migrate/landing/content/Waiting.vue
+++ b/components/migrate/landing/content/Waiting.vue
@@ -128,7 +128,7 @@ watchEffect(() => {
       urlPrefix.value,
     )
     const migrated = (
-      await waifuApi(`/relocations/owners/${collection.currentOwner}`)
+      await waifuApi(`/relocations/owners/${accountId.value}`)
     ).filter((item) => item.collection === collection.id)
 
     if (migrated.length) {
diff --git a/queries/subsquid/general/collectionMigrateWaiting.graphql b/queries/subsquid/general/collectionMigrateWaiting.graphql
index fd15a29b94..b80835385a 100644
--- a/queries/subsquid/general/collectionMigrateWaiting.graphql
+++ b/queries/subsquid/general/collectionMigrateWaiting.graphql
@@ -1,4 +1,4 @@
-query collectionByAccount($account: String!) {
+query collectionMigrateWaiting($account: String!) {
   collectionEntities(
     where: { nfts_some: { currentOwner_eq: $account }, issuer_not_eq: $account }
   ) {

From 97954bba00c4e3732dd09380e00ad4b4bc157fed Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Wed, 29 Nov 2023 22:10:18 +0700
Subject: [PATCH 032/161] * feat(Ready.vue): update click event to pass an
 object with collectionId and itemCount parameters to toReview function *
 feat(Waiting.vue): update click event to pass an object with collectionId,
 itemCount, collectionOwner, and setDestination parameters to toReview
 function * fix(SignLoader2.vue): add conditional check for nextCollectionId
 before assigning value * feat(useMigrate.ts): update toReview function to
 accept an object with collectionId, itemCount, collectionOwner, and
 setDestination parameters

---
 components/migrate/landing/content/Ready.vue   |  7 ++++++-
 components/migrate/landing/content/Waiting.vue | 13 ++++++++-----
 components/migrate/steps/SignLoader2.vue       | 10 +++++++---
 composables/useMigrate.ts                      |  9 +++++++--
 4 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/components/migrate/landing/content/Ready.vue b/components/migrate/landing/content/Ready.vue
index cd41b2b1be..e0473b73e8 100644
--- a/components/migrate/landing/content/Ready.vue
+++ b/components/migrate/landing/content/Ready.vue
@@ -51,7 +51,12 @@
             <div>
               <NeoButton
                 variant="pill"
-                @click="toReview(collection.id, collection.nfts?.length)">
+                @click="
+                  toReview({
+                    collectionId: collection.id,
+                    itemCount: collection.nfts?.length,
+                  })
+                ">
                 {{ $t('migrate.ready.cta') }}
               </NeoButton>
             </div>
diff --git a/components/migrate/landing/content/Waiting.vue b/components/migrate/landing/content/Waiting.vue
index 61b7831ada..56f6c53c10 100644
--- a/components/migrate/landing/content/Waiting.vue
+++ b/components/migrate/landing/content/Waiting.vue
@@ -55,11 +55,14 @@
               <NeoButton
                 variant="pill"
                 @click="
-                  toReview(
-                    collection.id,
-                    collection.nfts?.length,
-                    entities[collection.id]?.migrated[0]?.issuer,
-                  )
+                  toReview({
+                    collectionId: collection.id,
+                    itemCount: collection.nfts?.length,
+                    collectionOwner:
+                      entities[collection.id]?.migrated[0]?.issuer,
+                    setDestination:
+                      entities[collection.id]?.migrated[0]?.to_chain,
+                  })
                 ">
                 {{ $t('migrate.waiting.cta') }}
               </NeoButton>
diff --git a/components/migrate/steps/SignLoader2.vue b/components/migrate/steps/SignLoader2.vue
index 2abe9682af..5f42ab0f5a 100644
--- a/components/migrate/steps/SignLoader2.vue
+++ b/components/migrate/steps/SignLoader2.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="!collectionOwner" class="mb-5">
+  <div class="mb-5">
     <div class="is-flex is-align-items-center mb-4">
       <div class="mr-5">
         <NeoIcon v-if="iterations === 0" v-bind="iconSuccess" class="fa-2x" />
@@ -126,7 +126,11 @@ const startStep2 = async () => {
       const ownerSign = checkSign.data.filter(
         (item) => item.account === accountId.value,
       )
-      nextCollectionId = ownerSign.to_collection
+
+      if (!nextCollectionId) {
+        nextCollectionId = ownerSign[0]?.to_collection
+      }
+
       const presigned = ownerSign.map((item) => {
         const preSignInfo = api.createType('PalletNftsPreSignedMint', item.data)
         const create = api.tx.nfts.mintPreSigned(
@@ -143,7 +147,7 @@ const startStep2 = async () => {
       batchPresigned[index] = presigned
     }
 
-    if (collectionOwner) {
+    if (collectionOwner && nextCollectionId) {
       router.push({
         query: {
           ...route.query,
diff --git a/composables/useMigrate.ts b/composables/useMigrate.ts
index 6a414ed740..4c38ac5e39 100644
--- a/composables/useMigrate.ts
+++ b/composables/useMigrate.ts
@@ -202,7 +202,12 @@ const useDestinationSelected = () =>
     availablePrefixWithIcon().find((item) => item.value === 'ahp'),
   )
 
-export const toReview = (collectionId, itemCount, collectionOwner = '') => {
+export const toReview = ({
+  collectionId,
+  itemCount,
+  collectionOwner = '',
+  setDestination = '',
+}) => {
   const sourceSelected = useSourceSelected()
   const destinationSelected = useDestinationSelected()
   const { accountId } = useAuth()
@@ -213,7 +218,7 @@ export const toReview = (collectionId, itemCount, collectionOwner = '') => {
       accountId: accountId.value,
       collectionId: collectionId,
       source: sourceSelected.value?.value,
-      destination: destinationSelected.value?.value,
+      destination: setDestination || destinationSelected.value?.value,
       itemCount,
       collectionOwner,
     },

From ac227197e476ebab83462bbccbd5fceff2397fc3 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Wed, 29 Nov 2023 14:42:10 -0300
Subject: [PATCH 033/161] transfer tests readability

---
 tests/e2e/transfer.spec.ts | 137 ++++++++++++++++++++++---------------
 1 file changed, 82 insertions(+), 55 deletions(-)

diff --git a/tests/e2e/transfer.spec.ts b/tests/e2e/transfer.spec.ts
index 777bb25597..18deb012cb 100644
--- a/tests/e2e/transfer.spec.ts
+++ b/tests/e2e/transfer.spec.ts
@@ -1,15 +1,34 @@
 import { expect, test } from './fixtures'
 
 test('Transfer Page Functionality', async ({ page, Commands }) => {
-  await Commands.e2elogin()
-  await page.goto('/dot/transfer')
-  const UserAddress = await page
-    .getByTestId('avatar-identity-icon')
-    .getAttribute('data-key')
-  await page.getByTestId('transfer-copy-sender-address').click()
-  await Commands.copyText(`${UserAddress}`)
-  await page.getByTestId('global-address-input').fill('0xwer6544443653444422')
-  await expect(page.getByTestId('addresschecker-infobox-invalid')).toBeVisible()
+  await test.step('Login and go to page', async () => {
+    await Commands.e2elogin()
+    await page.goto('/dot/transfer')
+  })
+
+  const UserAddress =
+    await test.step('Gets user address via attribute', async () => {
+      const UserAddress = await page
+        .getByTestId('avatar-identity-icon')
+        .getAttribute('data-key')
+      return UserAddress
+    })
+
+  //Copy address
+  await test.step('Copy user address and verifies clipboard content', async () => {
+    await page.getByTestId('transfer-copy-sender-address').click()
+    await Commands.copyText(`${UserAddress}`)
+  })
+
+  //Wrong address format
+  await test.step('Inserts invalid address and verifies if error message appears', async () => {
+    await page.getByTestId('global-address-input').fill('0xwer6544443653444422')
+    await expect(
+      page.getByTestId('addresschecker-infobox-invalid'),
+    ).toBeVisible()
+  })
+
+  //Fill form
   await test.step('Add and Fill input recipients', async () => {
     await page.getByTestId('global-address-input').nth(0).fill(`${UserAddress}`)
     await page.getByTestId('transfer-input-amount-token').nth(0).fill('1')
@@ -19,57 +38,65 @@ test('Transfer Page Functionality', async ({ page, Commands }) => {
     await page.getByTestId('global-address-input').nth(1).fill(`${UserAddress}`)
     await page.getByTestId('transfer-input-amount-token').nth(1).fill('5')
   })
-  //triggers switch to send same amount
-  await page.getByTestId('transfer-switch-same').click()
-  //checks if second address input converted itself according to same amount switch
-  await expect(
-    page.getByTestId('transfer-input-amount-token').nth(1),
-  ).toHaveValue('1')
+
+  //Send same amount Switch
+  await test.step('Enables same amount switch and verifies its content', async () => {
+    await page.getByTestId('transfer-switch-same').click()
+    //checks if second address input converted itself according to same amount switch
+    await expect(
+      page.getByTestId('transfer-input-amount-token').nth(1),
+    ).toHaveValue('1')
+  })
+
   await test.step('Test if total sums up', async () => {
     const total = (
       await page.getByTestId('transfer-total-amount').innerText()
     ).valueOf()
     const totalNumber = +total.split(' ')[0]
     expect(totalNumber).toBeGreaterThan(0)
-    await test.step('Recurring Payment Button', async () => {
-      await page.getByTestId('transfer-tab-usd').click()
-      await page.getByTestId('transfer-input-amount-usd').nth(0).fill('5')
-      await page.getByTestId('transfer-button-options').click()
-      await page.getByTestId('transfer-dropdown-recurring').click()
-      Commands.copyText(
-        `http://localhost:9090/dot/transfer?target=${UserAddress}&target1=${UserAddress}&usdamount=5`,
-      )
-    })
-    //removes last transfer recipient
-    await page.getByTestId('transfer-remove-recipient').last().click()
-    await test.step('Pay me Button', async () => {
-      await page.getByTestId('transfer-input-amount-usd').fill('4')
-      await page.getByTestId('transfer-button-options').click()
-      await page.getByTestId('transfer-dropdown-pay-me').click()
-      Commands.copyText(
-        `http://localhost:9090/dot/transfer?target=${UserAddress}&usdamount=4`,
-      )
-    })
-    //verify if network fee is present
-    await expect(page.getByTestId('transfer-network-fee')).toBeVisible()
-    //last step
-    await test.step('Switch to KSM and convert address to proper chain', async () => {
-      //change to KSM chain
-      await page
-        .getByTestId('transfer-token-tabs-container')
-        .getByText('KSM')
-        .click()
-      await page
-        .getByTestId('global-address-input')
-        .nth(0)
-        .fill(`${UserAddress}`)
-      await expect(
-        page.getByTestId('addresschecker-infobox-invalid'),
-      ).toBeVisible()
-      await page.getByTestId('addresschecker-button-change-to').click()
-      await expect(
-        page.getByTestId('addresschecker-infobox-convertion-success'),
-      ).toBeVisible()
-    })
+  })
+
+  //Recurring payment
+  await test.step('Switchs to USD tab, fill inputs and verifies if total sums up', async () => {
+    await page.getByTestId('transfer-tab-usd').click()
+    await page.getByTestId('transfer-input-amount-usd').nth(0).fill('5')
+    await page.getByTestId('transfer-button-options').click()
+    await page.getByTestId('transfer-dropdown-recurring').click()
+    Commands.copyText(
+      `http://localhost:9090/dot/transfer?target=${UserAddress}&target1=${UserAddress}&usdamount=5`,
+    )
+  })
+
+  //removes last transfer recipient
+  await page.getByTestId('transfer-remove-recipient').last().click()
+
+  //Pay me
+  await test.step('Verifies if pay me button provides correct clipboard format', async () => {
+    await page.getByTestId('transfer-input-amount-usd').fill('4')
+    await page.getByTestId('transfer-button-options').click()
+    await page.getByTestId('transfer-dropdown-pay-me').click()
+    Commands.copyText(
+      `http://localhost:9090/dot/transfer?target=${UserAddress}&usdamount=4`,
+    )
+  })
+
+  //verify if network fee is present
+  await expect(page.getByTestId('transfer-network-fee')).toBeVisible()
+
+  //Address conversion
+  await test.step('Switch to KSM and convert address to proper chain', async () => {
+    //change to KSM chain
+    await page
+      .getByTestId('transfer-token-tabs-container')
+      .getByText('KSM')
+      .click()
+    await page.getByTestId('global-address-input').nth(0).fill(`${UserAddress}`)
+    await expect(
+      page.getByTestId('addresschecker-infobox-invalid'),
+    ).toBeVisible()
+    await page.getByTestId('addresschecker-button-change-to').click()
+    await expect(
+      page.getByTestId('addresschecker-infobox-convertion-success'),
+    ).toBeVisible()
   })
 })

From 702b08450fd2855dcce8ffd03f5f963bbf8fa7d4 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Wed, 29 Nov 2023 14:52:58 -0300
Subject: [PATCH 034/161] prefix test readability

---
 tests/e2e/prefix.spec.ts | 53 ++++++++++++++++++++++++++--------------
 1 file changed, 34 insertions(+), 19 deletions(-)

diff --git a/tests/e2e/prefix.spec.ts b/tests/e2e/prefix.spec.ts
index 471f9e415b..2da02662de 100644
--- a/tests/e2e/prefix.spec.ts
+++ b/tests/e2e/prefix.spec.ts
@@ -1,32 +1,48 @@
 import { expect, test } from './fixtures'
 
 test('Switch network', async ({ page }) => {
-  await page.goto('/')
-  await page.waitForLoadState()
+  await test.step('Go to Landing and wait for load state', async () => {
+    await page.goto('/')
+    await page.waitForLoadState()
+  })
+
   //BSX
-  await page.getByTestId('chain-select').click()
-  await page.getByTestId('chain-dropdown-bsx').click()
-  await expect(page.getByTestId('chain')).toHaveText('bsx')
+  await test.step('Switching to BSX', async () => {
+    await page.getByTestId('chain-select').click()
+    await page.getByTestId('chain-dropdown-bsx').click()
+    await expect(page.getByTestId('chain')).toHaveText('bsx')
+  })
+
   //AHP
-  await page.getByTestId('chain-select').click()
-  await page.getByTestId('chain-dropdown-ahp').click()
-  await expect(page.getByTestId('chain')).toHaveText('ahp')
+  await test.step('Switching to AHP', async () => {
+    await page.getByTestId('chain-select').click()
+    await page.getByTestId('chain-dropdown-ahp').click()
+    await expect(page.getByTestId('chain')).toHaveText('ahp')
+  })
+
   //AHK
-  await page.getByTestId('chain-select').click()
-  await page.getByTestId('chain-dropdown-ahk').click()
-  await expect(page.getByTestId('chain')).toHaveText('ahk')
+  await test.step('Switching to AHK', async () => {
+    await page.getByTestId('chain-select').click()
+    await page.getByTestId('chain-dropdown-ahk').click()
+    await expect(page.getByTestId('chain')).toHaveText('ahk')
+  })
+
   //RMRK2
-  await page.getByTestId('chain-select').click()
-  await page.getByTestId('chain-dropdown-ksm').click()
-  await expect(page.getByTestId('chain')).toHaveText('rmrk2')
+  await test.step('Switching to RMRK2', async () => {
+    await page.getByTestId('chain-select').click()
+    await page.getByTestId('chain-dropdown-ksm').click()
+    await expect(page.getByTestId('chain')).toHaveText('rmrk2')
+  })
+
   //RMRK1
-  await page.getByTestId('chain-select').click()
-  await page.getByTestId('chain-dropdown-rmrk').click()
-  await expect(page.getByTestId('chain')).toHaveText('rmrk')
+  await test.step('Switching to RMRK1', async () => {
+    await page.getByTestId('chain-select').click()
+    await page.getByTestId('chain-dropdown-rmrk').click()
+    await expect(page.getByTestId('chain')).toHaveText('rmrk')
+  })
 })
 
 test('Check if RMRK2 NFT URL is correct', async ({ page }) => {
-  //RMRK2
   await page.goto('/ksm/explore/items?listed=false&search=Spirit+Key+%232112')
   await page.locator('[class="infinite-scroll-item"]').click()
   await expect(page).toHaveURL(
@@ -35,7 +51,6 @@ test('Check if RMRK2 NFT URL is correct', async ({ page }) => {
 })
 
 test('Check if Ahk NFT URL is correct', async ({ page }) => {
-  //AHK
   await page.goto('/ahk/explore/items?listed=false&search=Susanne')
   await page.locator('[class="infinite-scroll-item"]').click()
   await expect(page).toHaveURL('/ahk/gallery/111-2')

From 555ccccd81ca47f5b5f7f5372036ca533a50af4b Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Wed, 29 Nov 2023 15:21:30 -0300
Subject: [PATCH 035/161] search readability and improvements

---
 tests/e2e/search.spec.ts | 57 +++++++++++++++++++++++-----------------
 1 file changed, 33 insertions(+), 24 deletions(-)

diff --git a/tests/e2e/search.spec.ts b/tests/e2e/search.spec.ts
index b626568ee9..3305d14054 100644
--- a/tests/e2e/search.spec.ts
+++ b/tests/e2e/search.spec.ts
@@ -1,31 +1,40 @@
 import { expect, test } from './fixtures'
 
-function imagesHaveLoaded() {
-  return Array.from(document.images).every((i) => i.complete)
-}
-
 test('Check if search provide results', async ({ page }) => {
-  //page.route('**', route => route.continue())
-  await page.goto('/ksm')
-  const searchBar = page.getByTestId('search-bar')
-  await searchBar.locator('input').fill('waifu')
-  await page.locator('.search-suggestion-container').hover()
+  await test.step('Go to landing within Kusama chain', async () => {
+    await page.goto('/ksm')
+  })
+
+  //Search term
+  await test.step('Search for the term Waifu and hover over results', async () => {
+    const searchBar = page.getByTestId('search-bar')
+    await searchBar.locator('input').fill('waifu')
+    await page.locator('.search-suggestion-container').hover()
+  })
+
   //check contents of Collection Tab
-  const tabCollection = page.getByTestId('collection-tab')
-  await expect(tabCollection.locator('.neo-skeleton-item').first()).toBeVisible(
-    { timeout: 30000 },
-  )
-  await expect(
-    tabCollection.locator('.search-result-item').first(),
-  ).toBeVisible({ timeout: 30000 })
-  await expect(tabCollection.locator('.link-item').first()).toBeVisible({
-    timeout: 30000,
+  await test.step('Switches to Collection tab and wait for results to load', async () => {
+    const tabCollection = page.getByTestId('collection-tab')
+    await expect(
+      tabCollection.locator('.neo-skeleton-item').first(),
+    ).not.toBeVisible({ timeout: 30000 })
+    await expect(
+      tabCollection.locator('.search-result-item').first(),
+    ).toBeVisible({ timeout: 30000 })
+    await expect(tabCollection.locator('.link-item').first()).toBeVisible({
+      timeout: 30000,
+    })
   })
-  await page.waitForFunction(imagesHaveLoaded, { timeout: 30000 })
-  //switchs and check NFT results
-  await page.locator('div[aria-controls="NFTs-content"]').click()
-  const tabNft = page.getByTestId('nft-tab')
-  await expect(tabNft.locator('.search-result-item').first()).toBeVisible({
-    timeout: 30000,
+
+  //Switchs to NFT tab
+  await test.step('Switches to NFT tab and wait for results to load', async () => {
+    await page.locator('div[aria-controls="NFTs-content"]').click()
+    const tabNft = page.getByTestId('nft-tab')
+    await expect(tabNft.locator('.neo-skeleton-item').first()).not.toBeVisible({
+      timeout: 30000,
+    })
+    await expect(tabNft.locator('.search-result-item').first()).toBeVisible({
+      timeout: 30000,
+    })
   })
 })

From 4438df265ee94dca3818dad9bd0f5157403fdc6c Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Wed, 29 Nov 2023 16:01:55 -0300
Subject: [PATCH 036/161] redirect test readability and additions

---
 tests/e2e/redirect.spec.ts | 46 +++++++++++++++++++++++++++-----------
 1 file changed, 33 insertions(+), 13 deletions(-)

diff --git a/tests/e2e/redirect.spec.ts b/tests/e2e/redirect.spec.ts
index 9a50bc6ed3..9a34c3b632 100644
--- a/tests/e2e/redirect.spec.ts
+++ b/tests/e2e/redirect.spec.ts
@@ -1,17 +1,37 @@
 import { expect, test } from './fixtures'
 
-test('Should redirect from rmrk2 prefix to ksm', async ({ page }) => {
-  await page.goto(
-    '/rmrk2/gallery/17842583-22708b368d163c8007-CITY-LOWER_ART_DISTRICT-00000006',
-  )
-  // expects gallery redirection to occur
-  await expect(page).toHaveURL(
-    '/ksm/gallery/17842583-22708b368d163c8007-CITY-LOWER_ART_DISTRICT-00000006',
-  )
+test('Redirections', async ({ page }) => {
+  //Gallery
+  await test.step('Expect gallery Item url to be properly redirected', async () => {
+    await page.goto(
+      '/rmrk2/gallery/17842583-22708b368d163c8007-CITY-LOWER_ART_DISTRICT-00000006',
+    )
+    await expect(page).toHaveURL(
+      '/ksm/gallery/17842583-22708b368d163c8007-CITY-LOWER_ART_DISTRICT-00000006',
+    )
+  })
 
-  await page.goto('/rmrk2/explore/items?listed=true&sort=updatedAt_DESC')
-  // expects item redirection to occur
-  await expect(page).toHaveURL(
-    '/ksm/explore/items?listed=true&sort=updatedAt_DESC',
-  )
+  //Explore Collections
+  await test.step('Expect Explore url to be properly redirected', async () => {
+    await page.goto('/ksm/explore/collections')
+    await expect(page).toHaveURL('/ksm/explore/collectibles')
+  })
+
+  //Collection
+  await test.step('Expect collection url to be properly redirected', async () => {
+    await page.goto('/ahk/explore/gallery')
+    await expect(page).toHaveURL('/ahk/explore/items')
+  })
+
+  //Statemine
+  await test.step('Expect url with stmn to be properly redirected', async () => {
+    await page.goto('/stmn/explore/items')
+    await expect(page).toHaveURL('/ahk/explore/items')
+  })
+
+  //Transfer
+  await test.step('Expect collection that has /transfer', async () => {
+    await page.goto('/transfer')
+    await expect(page).toHaveURL('/ksm/transfer')
+  })
 })

From 936f086b51bc34841fe0448513020df6db23e744 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Wed, 29 Nov 2023 16:10:05 -0300
Subject: [PATCH 037/161] language readability

---
 tests/e2e/language.spec.ts | 82 +++++++++++++++++++++-----------------
 1 file changed, 46 insertions(+), 36 deletions(-)

diff --git a/tests/e2e/language.spec.ts b/tests/e2e/language.spec.ts
index fb951172d1..dcc31626ac 100644
--- a/tests/e2e/language.spec.ts
+++ b/tests/e2e/language.spec.ts
@@ -1,42 +1,52 @@
 import { expect, test } from './fixtures'
 
-test('Check Language translations', async ({ page, Commands }) => {
-  await Commands.e2elogin()
-  await page.goto('')
+test('Translations', async ({ page, Commands }) => {
+  await test.step('Login and go to', async () => {
+    await Commands.e2elogin()
+    await page.goto('')
+  })
+
   //DE
-  await page.getByTestId('navbar-profile-dropdown').click()
-  await page.getByTestId('sidebar-language').click()
-  await expect(page.getByRole('menu')).toBeVisible()
-  //await expect(page.getByTestId('skeleton-multiple-balances')).toHaveCount(0)
-  await page.getByTestId('sidebar-language-de').click()
-  await expect(
-    page.getByTestId('create').filter({ has: page.getByText('Erstellen') }),
-  ).toHaveCount(1)
-  await expect(
-    page
-      .getByTestId('latest-sales')
-      .filter({ has: page.getByText('Letzte Verkäufe') }),
-  ).toHaveCount(1)
+  await test.step('Check German Translation', async () => {
+    await page.getByTestId('navbar-profile-dropdown').click()
+    await page.getByTestId('sidebar-language').click()
+    await expect(page.getByRole('menu')).toBeVisible()
+    await page.getByTestId('sidebar-language-de').click()
+    await expect(
+      page.getByTestId('create').filter({ has: page.getByText('Erstellen') }),
+    ).toHaveCount(1)
+    await expect(
+      page
+        .getByTestId('latest-sales')
+        .filter({ has: page.getByText('Letzte Verkäufe') }),
+    ).toHaveCount(1)
+  })
+
   //FR
-  await page.getByTestId('sidebar-language').click()
-  await page.getByTestId('sidebar-language-fr').click()
-  await expect(
-    page.getByTestId('create').filter({ has: page.getByText('Créer') }),
-  ).toHaveCount(1)
-  await expect(
-    page
-      .getByTestId('latest-sales')
-      .filter({ has: page.getByText('Dernières ventes') }),
-  ).toHaveCount(1)
+  await test.step('Check French translation', async () => {
+    await page.getByTestId('sidebar-language').click()
+    await page.getByTestId('sidebar-language-fr').click()
+    await expect(
+      page.getByTestId('create').filter({ has: page.getByText('Créer') }),
+    ).toHaveCount(1)
+    await expect(
+      page
+        .getByTestId('latest-sales')
+        .filter({ has: page.getByText('Dernières ventes') }),
+    ).toHaveCount(1)
+  })
+
   //ES
-  await page.getByTestId('sidebar-language').click()
-  await page.getByTestId('sidebar-language-es').click()
-  await expect(
-    page.getByTestId('create').filter({ has: page.getByText('Crear') }),
-  ).toHaveCount(1)
-  await expect(
-    page
-      .getByTestId('latest-sales')
-      .filter({ has: page.getByText('Ventas más recientes') }),
-  ).toHaveCount(1)
+  await test.step('Check Spanish translation', async () => {
+    await page.getByTestId('sidebar-language').click()
+    await page.getByTestId('sidebar-language-es').click()
+    await expect(
+      page.getByTestId('create').filter({ has: page.getByText('Crear') }),
+    ).toHaveCount(1)
+    await expect(
+      page
+        .getByTestId('latest-sales')
+        .filter({ has: page.getByText('Ventas más recientes') }),
+    ).toHaveCount(1)
+  })
 })

From 1698bdf135b60dadd8091a7efdad815fbca7db72 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Wed, 29 Nov 2023 17:10:59 -0300
Subject: [PATCH 038/161] explore test improvement

---
 components/shared/gallery/NeoTag.vue |   1 +
 tests/e2e/explore.spec.ts            | 143 ++++++++++++++++-----------
 2 files changed, 87 insertions(+), 57 deletions(-)

diff --git a/components/shared/gallery/NeoTag.vue b/components/shared/gallery/NeoTag.vue
index b89722b720..b1c0baf04a 100644
--- a/components/shared/gallery/NeoTag.vue
+++ b/components/shared/gallery/NeoTag.vue
@@ -4,6 +4,7 @@
     attached
     closable
     class="tag"
+    data-testid="neo-tag-component"
     :class="[`tag--${variant}`, `tag-size--${size}`]">
     <slot></slot>
     <NeoIcon
diff --git a/tests/e2e/explore.spec.ts b/tests/e2e/explore.spec.ts
index db2c992b2e..ffa7310a61 100644
--- a/tests/e2e/explore.spec.ts
+++ b/tests/e2e/explore.spec.ts
@@ -1,65 +1,94 @@
 import { expect, test } from './fixtures'
 
-test('Explore collections at ahk and sort by newest', async ({
-  page,
-  Commands,
-}) => {
-  await page.goto('/ahk/explore/collectibles')
-  const tabs = page.getByTestId('gallery-explore-tabs').nth(1)
-  await expect(tabs.getByText('Collections')).toBeVisible()
-  await expect(tabs.getByText('Items')).toBeVisible()
-  const sortDropdown = page.getByTestId('explore-sort-dropdown').nth(1)
-  await sortDropdown.click()
-  await sortDropdown.getByText('Newest').click()
-  await page.keyboard.press('Escape')
-  await Commands.scrollDownAndStop()
-  await page.waitForFunction(() => {
-    const images = Array.from(document.querySelectorAll('img'))
-    return images.every((img) => img.complete)
+test('Explore collections', async ({ page, Commands }) => {
+  await test.step('Goto explore collections', async () => {
+    await page.goto('/ahk/explore/collectibles')
   })
-  await expect(page.getByTestId('collection-index-0').first()).toBeVisible({
-    timeout: 10000,
+
+  //Tabs
+  await test.step('Verify tab existance', async () => {
+    const tabs = page.getByTestId('gallery-explore-tabs').nth(1)
+    await expect(tabs.getByText('Collections')).toBeVisible()
+    await expect(tabs.getByText('Items')).toBeVisible()
+  })
+
+  //Sort Dropdown
+  await test.step('Sort by Newest using filter', async () => {
+    const sortDropdown = page.getByTestId('explore-sort-dropdown').nth(1)
+    await sortDropdown.click()
+    await sortDropdown.getByText('Newest').click()
+    await page.keyboard.press('Escape')
+  })
+
+  //Lazy loading mitigation
+  await test.step('Scroll down and wait for images to load', async () => {
+    await Commands.scrollDownAndStop()
+    await page.waitForFunction(() => {
+      const images = Array.from(document.querySelectorAll('img'))
+      return images.every((img) => img.complete)
+    })
+  })
+
+  //Results
+  await test.step('Verify if explore results have loaded accordingly', async () => {
+    await expect(page.getByTestId('collection-index-0').first()).toBeVisible({
+      timeout: 10000,
+    })
+    expect(
+      page.locator('[class="collection-detail__name"]').first().innerText,
+    ).not.toContain('')
   })
-  expect(
-    page.locator('[class="collection-detail__name"]').first().innerText,
-  ).not.toContain('')
 })
 
-test('Explore Items on ahk, sort by ascending price and filter by minimum 100 KSM', async ({
-  page,
-  Commands,
-}) => {
-  await page.goto('/ahk/explore/items?page=1')
-  const tabs = page.getByTestId('gallery-explore-tabs').nth(1)
-  await expect(tabs.getByText('Collections')).toBeVisible()
-  await expect(tabs.getByText('Items')).toBeVisible()
-  const expandSearch = page.getByTestId('sidebar-price-filter')
-  await expandSearch.click()
-  const inputMin = expandSearch.getByTestId('input-min')
-  await inputMin.fill('100')
-  const btnApply = expandSearch.getByTestId('apply').first()
-  await Promise.all([
-    page.waitForResponse(
-      (resp) => resp.url().includes('imagedelivery.net') && resp.ok(),
-    ),
-    btnApply.click(),
-  ])
-  const exploreSort = page.getByTestId('explore-sort-dropdown').nth(1)
-  await exploreSort.click()
-  await page.getByTestId('price_ASC').nth(1).click()
-  const btnAsc = await page.$('[value="price_ASC"]')
-  await btnAsc?.click()
-  await page.keyboard.press('Escape')
-  //active and deactive buy now, since its buggy
-  await page.getByTestId('filter-checkbox-buynow').nth(1).click()
-  await page.getByTestId('filter-checkbox-buynow').nth(1).click()
-  await Commands.scrollDownAndStop()
-  await expect(page.getByTestId('card-money').first()).toBeVisible({
-    timeout: 10000,
+test('Explore Items', async ({ page, Commands }) => {
+  await test.step('Go to explore items', async () => {
+    await page.goto('/ahk/explore/items?page=1')
+  })
+
+  //Tabs
+  await test.step('Verify tab existance', async () => {
+    const tabs = page.getByTestId('gallery-explore-tabs').nth(1)
+    await expect(tabs.getByText('Collections')).toBeVisible()
+    await expect(tabs.getByText('Items')).toBeVisible()
+  })
+
+  //Filter
+  await test.step('Apply filter of 100 KSM minium on results', async () => {
+    const expandSearch = page.getByTestId('sidebar-price-filter')
+    await expandSearch.click()
+    const inputMin = expandSearch.getByTestId('input-min')
+    await inputMin.fill('100')
+    const btnApply = expandSearch.getByTestId('apply').first()
+    await btnApply.click()
+  })
+
+  //Sort Results
+  await test.step('Sort results by price, ascending', async () => {
+    const exploreSort = page.getByTestId('explore-sort-dropdown').nth(1)
+    await exploreSort.click()
+    await page.getByTestId('price_ASC').nth(1).click()
+    const btnAsc = await page.$('[value="price_ASC"]')
+    await btnAsc?.click()
+    await page.keyboard.press('Escape')
+  })
+
+  //mitigate lazy loading
+  await test.step('Scroll down, verify first card and filter tag existance', async () => {
+    await Commands.scrollDownAndStop()
+    await expect(page.getByTestId('card-money').first()).toBeVisible({
+      timeout: 10000,
+    })
+    await expect(page.getByTestId('neo-tag-component').nth(0)).toBeVisible()
+    await expect(page.getByTestId('neo-tag-component').nth(1)).toBeVisible({
+      timeout: 10000,
+    })
+  })
+
+  //Listing price
+  await test.step('Checks if first NFT card is listed and its value is equal or greater than 100 KSM', async () => {
+    const firstCardMoney = page.getByTestId('card-money').first()
+    const moneyStr = await firstCardMoney.innerText()
+    const money = +moneyStr.split(' ')[0]
+    expect(money).toBeGreaterThanOrEqual(100)
   })
-  const firstCardMoney = page.getByTestId('card-money').first()
-  await expect(firstCardMoney).not.toBeEmpty()
-  const moneyStr = await firstCardMoney.innerText()
-  const money = +moneyStr.split(' ')[0]
-  expect(money).toBeGreaterThanOrEqual(100)
 })

From c4f9577fe7e63fb98cc56aa5c405d09bd851c03a Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Wed, 29 Nov 2023 17:11:54 -0300
Subject: [PATCH 039/161] galleryitem refactor

---
 tests/e2e/galleryitem.spec.ts | 162 ++++++++++++++++++----------------
 1 file changed, 88 insertions(+), 74 deletions(-)

diff --git a/tests/e2e/galleryitem.spec.ts b/tests/e2e/galleryitem.spec.ts
index 41318c11dd..b35daac9e2 100644
--- a/tests/e2e/galleryitem.spec.ts
+++ b/tests/e2e/galleryitem.spec.ts
@@ -1,80 +1,94 @@
 import { expect, test } from './fixtures'
 
-test('Element existance verification', async ({ page }) => {
-  await page.goto('/ahk/gallery/6-10')
-  //activity tab
-  await page
-    .getByTestId('gallery-item-tabs')
-    .locator('[aria-controls="1-content"]')
-    .click()
-  await page.getByTestId('gallery-item-activity-filter-all').click()
-  await expect(
-    page.getByTestId('gallery-item-activity-table').locator('td').first(),
-  ).toBeVisible()
-  //details tab
-  await page
-    .getByTestId('gallery-item-description-neotabs')
-    .locator('[aria-controls="2-content"]')
-    .click()
-  await expect(
-    page.getByTestId('gallery-item-details-tab-content'),
-  ).toBeVisible()
-  //chart tab
-  await page
-    .getByTestId('gallery-item-tabs')
-    .locator('[aria-controls="2-content"]')
-    .click()
-  await expect(page.getByTestId('gallery-item-chart')).toBeVisible()
-  //checks if page redirects properly to collection
-  await page.getByTestId('gallery-item-collection-link').click()
-  await expect(page).toHaveURL('/ahk/collection/6')
-})
+test('Gallery item Interactions', async ({ page }) => {
+  await test.step('Goto Ahk gallery item', async () => {
+    await page.goto('/ahk/gallery/6-10')
+  })
 
-test('Share Button Functionality', async ({ page }) => {
-  await page.goto('/ahk/gallery/6-10')
-  const shareBtn = page.getByTestId('gallery-item-share-button')
-  await shareBtn.click()
-  //Copy Link
-  await shareBtn.getByText('Copy Link').click()
-  const clipboardText1 = await page.evaluate('navigator.clipboard.readText()')
-  expect(clipboardText1).toContain('/ahk/gallery/6-10')
-  //Twitter
-  await shareBtn.click()
-  await shareBtn.getByTestId('gallery-item-share-dropdown-twitter').click()
-  const newTabPromise = page.waitForEvent('popup')
-  const newTab = await newTabPromise
-  await newTab.waitForLoadState()
-  await expect(newTab).toHaveURL(
-    'https://twitter.com/i/flow/login?redirect_after_login=%2Fintent%2Ftweet%3Ftext%3DCheck%2520out%2520this%2520awesome%2520NFT%2520on%2520KodaDot%26via%3DKodaDot%26url%3Dhttp%3A%2F%2Flocalhost%3A9090%2Fahk%2Fgallery%2F6-10',
-  )
-  await newTab.close()
-  //QR Code
-  await shareBtn.click()
-  await shareBtn.getByText('QR Code').click()
-  await expect(
-    page.getByTestId('gallery-item-share-dropdown-qrcode'),
-  ).toBeVisible()
-})
+  //Activity tab
+  await test.step('Verifies if activity tab has content', async () => {
+    await page
+      .getByTestId('gallery-item-tabs')
+      .locator('[aria-controls="1-content"]')
+      .click()
+    await page.getByTestId('gallery-item-activity-filter-all').click()
+    await expect(
+      page.getByTestId('gallery-item-activity-table').locator('td').first(),
+    ).toBeVisible()
+  })
 
-test('More Button Functionality', async ({ page }) => {
-  await page.goto('/ahk/gallery/6-10')
-  //more button
-  await page.getByTestId('gallery-item-more-button').click()
-  const downloadPromise = page.waitForEvent('download')
-  await page.getByTestId('gallery-item-more-dropdown-download').click()
-  await downloadPromise
-})
+  //Details tab
+  await test.step('Verifies if content inside details tab is visible', async () => {
+    await page
+      .getByTestId('gallery-item-description-neotabs')
+      .locator('[aria-controls="2-content"]')
+      .click()
+    await expect(
+      page.getByTestId('gallery-item-details-tab-content'),
+    ).toBeVisible()
+  })
+
+  //Chart tab
+  await test.step('Verify chart visibility', async () => {
+    await page
+      .getByTestId('gallery-item-tabs')
+      .locator('[aria-controls="2-content"]')
+      .click()
+    await expect(page.getByTestId('gallery-item-chart')).toBeVisible()
+  })
+
+  //Share Button
+  await test.step('Verify if share button options work accordingly', async () => {
+    const shareBtn = page.getByTestId('gallery-item-share-button')
+    await shareBtn.click()
+    //Copy Link
+    await shareBtn.getByText('Copy Link').click()
+    const clipboardText1 = await page.evaluate('navigator.clipboard.readText()')
+    expect(clipboardText1).toContain('/ahk/gallery/6-10')
+    //Twitter
+    await shareBtn.click()
+    await shareBtn.getByTestId('gallery-item-share-dropdown-twitter').click()
+    const newTabPromise = page.waitForEvent('popup')
+    const newTab = await newTabPromise
+    await newTab.waitForLoadState()
+    await expect(newTab).toHaveURL(
+      'https://twitter.com/i/flow/login?redirect_after_login=%2Fintent%2Ftweet%3Ftext%3DCheck%2520out%2520this%2520awesome%2520NFT%2520on%2520KodaDot%26via%3DKodaDot%26url%3Dhttp%3A%2F%2Flocalhost%3A9090%2Fahk%2Fgallery%2F6-10',
+    )
+    await newTab.close()
+    //QR Code
+    await shareBtn.click()
+    await shareBtn.getByText('QR Code').click()
+    await expect(
+      page.getByTestId('gallery-item-share-dropdown-qrcode'),
+    ).toBeVisible()
+    await page.keyboard.press('Escape')
+  })
+
+  //More Button
+  await test.step('More Button Functionality', async () => {
+    await page.getByTestId('gallery-item-more-button').click()
+    const downloadPromise = page.waitForEvent('download')
+    await page.getByTestId('gallery-item-more-dropdown-download').click()
+    await downloadPromise
+  })
+
+  //Description tab
+  await test.step('Verifies if the right text shows on the description tab', async () => {
+    await page
+      .getByTestId('gallery-item-description-neotabs')
+      .locator('[aria-controls="0-content"]')
+      .click()
+    await expect(
+      page.getByTestId('gallery-item-description-tab-content'),
+    ).toBeVisible()
+    await expect(
+      page.getByTestId('gallery-item-description-tab-content'),
+    ).toContainText('This anime waifu loves')
+  })
 
-test('Description tab', async ({ page }) => {
-  await page.goto('/ahk/gallery/6-10')
-  await page
-    .getByTestId('gallery-item-description-neotabs')
-    .locator('[aria-controls="0-content"]')
-    .click()
-  await expect(
-    page.getByTestId('gallery-item-description-tab-content'),
-  ).toBeVisible()
-  await expect(
-    page.getByTestId('gallery-item-description-tab-content'),
-  ).toContainText('This anime waifu loves')
+  //Redirection
+  await test.step('Clicks on collection link on gallery item and checks redirection', async () => {
+    await page.getByTestId('gallery-item-collection-link').click()
+    await expect(page).toHaveURL('/ahk/collection/6')
+  })
 })

From 3a8d51a842f40bc48760ea5646723d65454cf79f Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Wed, 29 Nov 2023 17:12:18 -0300
Subject: [PATCH 040/161] create collection readability

---
 tests/e2e/createcollection.spec.ts | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/tests/e2e/createcollection.spec.ts b/tests/e2e/createcollection.spec.ts
index eb93df8253..50b3724dc9 100644
--- a/tests/e2e/createcollection.spec.ts
+++ b/tests/e2e/createcollection.spec.ts
@@ -57,10 +57,15 @@ test('Check if chain change works using the dropdown', async ({
     await Commands.e2elogin()
     await page.goto('/create/collection')
   })
-  expect(page.getByTestId('collection-chain')).toBeVisible()
-  await page.getByTestId('collection-chain').selectOption('KusamaHub')
+
+  //Chain dropdown
+  await test.step('Wait for chain dropdown to be visible and select Kusamahub', async () => {
+    expect(page.getByTestId('collection-chain')).toBeVisible()
+    await page.getByTestId('collection-chain').selectOption('KusamaHub')
+  })
+
+  //Deposits and Balance
   await test.step('Verify if balances are loaded', async () => {
-    //Check if balances and deposits shows
     await expect(page.getByTestId('collection-deposit')).toBeVisible({
       timeout: 30000,
     })
@@ -68,6 +73,8 @@ test('Check if chain change works using the dropdown', async ({
       timeout: 30000,
     })
   })
+
+  //Dropdown change to RMRK2
   await test.step('Changes to RMRK2 and verifies if chain changed', async () => {
     await page.getByTestId('collection-chain').selectOption('RMRK2')
     await expect(page.getByTestId('chain')).toContainText('rmrk2')

From 857dddc12519062095898bab8f71071bcfecbe2e Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Wed, 29 Nov 2023 17:12:32 -0300
Subject: [PATCH 041/161] small details

---
 tests/e2e/opengraph.ts    | 107 --------------------------------------
 tests/e2e/sidebar.spec.ts |   6 ++-
 2 files changed, 4 insertions(+), 109 deletions(-)
 delete mode 100644 tests/e2e/opengraph.ts

diff --git a/tests/e2e/opengraph.ts b/tests/e2e/opengraph.ts
deleted file mode 100644
index 8974ac365b..0000000000
--- a/tests/e2e/opengraph.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-import { expect, test } from '@playwright/test'
-
-//checks collection metadata
-test('should render correct twitter opengraph on collection page', async ({
-  page,
-}) => {
-  await page.goto('/ahk/collection/165')
-  await expect(page.locator('[property="og:site_name"]')).toHaveAttribute(
-    'content',
-    'KodaDot - Polkadot / Kusama NFT explorer',
-  )
-  await expect(page.locator('[property="twitter:site"]')).toHaveAttribute(
-    'content',
-    '@KodaDot',
-  )
-  await expect(page.locator('[property="twitter:card"]')).toHaveAttribute(
-    'content',
-    'summary_large_image',
-  )
-  await expect(page.locator('[property="twitter:url"]')).toHaveAttribute(
-    'content',
-    'http://localhost:9090/ahk/collection/165',
-  )
-  await expect(page.locator('[property="twitter:title"]')).toHaveAttribute(
-    'content',
-    'Berlin (Generative) Waifus',
-  )
-  await expect(
-    page.locator('[property="twitter:description"]'),
-  ).toHaveAttribute('content', 'Amazing collection of generative AI waifus ❤️ ')
-  await expect(page.locator('[property="twitter:image"]')).toHaveAttribute(
-    'content',
-    'https://og-image-green-seven.vercel.app/Berlin%20(Generative)%20Waifus.jpeg?price=Items%3A1&image=https%3A%2F%2Fimage-beta.w.kodadot.xyz%2Fipfs%2Fbafybeicaq3tyi5z3uj2oqkern656y2cqnvbu6yjmzo5b23vnilndh7kezq',
-  )
-})
-
-test('Search for duplicated meta tags on collection', async ({ page }) => {
-  await page.goto('/ahk/collection/165')
-  await expect(page.locator('[property="og:site_name"]')).toHaveCount(1)
-  await expect(page.locator('[property="twitter:site"]')).toHaveCount(1)
-  await expect(page.locator('[property="twitter:card"]')).toHaveCount(1)
-  await expect(page.locator('[property="twitter:url"]')).toHaveCount(1)
-  await expect(page.locator('[property="twitter:title"]')).toHaveCount(1)
-  await expect(page.locator('[property="twitter:description"]')).toHaveCount(1)
-  await expect(page.locator('[property="twitter:image"]')).toHaveCount(1)
-})
-
-//checks Item metadata
-test('should render correct twitter opengraph on item page', async ({
-  page,
-}) => {
-  const waifuDescription = `Konnichiwa! I am your sweet anime waifu character generated by artificial intelligence during Berlin Blockchain Week.
-    Spring is already here and even summer is getting closer.
-    Let me tell you a secret about this picture:
-    This spring picture that you see is a medium-shot charcoal painting of me.
-  As you can see, I have rabbit ears.
-I am wearing flower t-shirt.
-The nostalgic lighting gives me more positive attitude towards life.
-`
-  await page.goto('/ahk/gallery/165-2')
-  await expect(page.getByTestId('metadata-link')).toHaveAttribute(
-    'href',
-    'https://image-beta.w.kodadot.xyz/ipfs/bafkreicpxyw67alyt53ql4sq5mo5vj23633igsxxyqowbui2qg4322e4wi',
-  )
-  await expect(page.locator('[property="og:site_name"]')).toHaveAttribute(
-    'content',
-    'KodaDot - Polkadot / Kusama NFT explorer',
-  )
-  await expect(page.locator('[property="twitter:site"]')).toHaveAttribute(
-    'content',
-    '@KodaDot',
-  )
-  await expect(page.locator('[property="twitter:card"]')).toHaveAttribute(
-    'content',
-    'summary_large_image',
-  )
-  await expect(page.locator('[property="twitter:url"]')).toHaveAttribute(
-    'content',
-    'http://localhost:9090/ahk/gallery/165-2',
-  )
-  await expect(page.locator('[property="twitter:title"]')).toHaveAttribute(
-    'content',
-    'Berlin summer waifu',
-  )
-  await expect(
-    page.locator('[property="twitter:description"]'),
-  ).toHaveAttribute('content', waifuDescription)
-  await expect(page.locator('[property="twitter:image"]')).toHaveAttribute(
-    'content',
-    'https://og-image-green-seven.vercel.app/Berlin%20summer%20waifu.jpeg?image=https%3A%2F%2Fimage-beta.w.kodadot.xyz%2Fipfs%2Fbafybeifjk7i2o4xycsbg2dhiciwp4idqzarhschiuimznyrj6cb77a2pry&mime=image%2Fpng',
-  )
-})
-
-test('Search for duplicated meta tags on item', async ({ page }) => {
-  await page.goto('/ahk/gallery/165-2')
-  await expect(page.getByTestId('metadata-link')).toHaveAttribute(
-    'href',
-    'https://image-beta.w.kodadot.xyz/ipfs/bafkreicpxyw67alyt53ql4sq5mo5vj23633igsxxyqowbui2qg4322e4wi',
-  )
-  await expect(page.locator('[property="og:site_name"]')).toHaveCount(1)
-  await expect(page.locator('[property="twitter:site"]')).toHaveCount(1)
-  await expect(page.locator('[property="twitter:card"]')).toHaveCount(1)
-  await expect(page.locator('[property="twitter:url"]')).toHaveCount(1)
-  await expect(page.locator('[property="twitter:title"]')).toHaveCount(1)
-  await expect(page.locator('[property="twitter:description"]')).toHaveCount(1)
-  await expect(page.locator('[property="twitter:image"]')).toHaveCount(1)
-})
diff --git a/tests/e2e/sidebar.spec.ts b/tests/e2e/sidebar.spec.ts
index 1ba4ff83f6..247f49ac35 100644
--- a/tests/e2e/sidebar.spec.ts
+++ b/tests/e2e/sidebar.spec.ts
@@ -1,9 +1,11 @@
 import { expect, test } from './fixtures'
 
-test('Sidebar Interactions', async ({ page, Commands }) => {
+test('Switches trough sidebars and check if they overlap each other', async ({
+  page,
+  Commands,
+}) => {
   await Commands.e2elogin()
   await page.goto('/ahk')
-  //checks if sidebar closes when clicking another sidebar
   //profile
   await page.getByTestId('navbar-profile-dropdown').click()
   await expect(page.getByTestId('sidebar-wallet-container')).toBeVisible()

From ab126cc7f1b1b8dd4019508ec307e43a1411cdfd Mon Sep 17 00:00:00 2001
From: daiagi <daiagi@gmail.com>
Date: Thu, 30 Nov 2023 14:59:42 +0700
Subject: [PATCH 042/161] assetHub works

---
 composables/massmint/useMassMint.ts           | 155 +-----------------
 .../massMintTokens/constructDirectoryMeta.ts  | 129 +++++++++++++++
 .../mintToken/transactionMintStatemine.ts     | 140 +++++++++++-----
 composables/transaction/mintToken/utils.ts    |  24 +++
 services/nftStorage.ts                        |  16 ++
 5 files changed, 274 insertions(+), 190 deletions(-)
 create mode 100644 composables/transaction/massMintTokens/constructDirectoryMeta.ts

diff --git a/composables/massmint/useMassMint.ts b/composables/massmint/useMassMint.ts
index 23137a2d01..5e7ac500d3 100644
--- a/composables/massmint/useMassMint.ts
+++ b/composables/massmint/useMassMint.ts
@@ -4,15 +4,12 @@ import { unwrapSafe } from '@/utils/uniquery'
 import resolveQueryPath from '@/utils/queryPathResolver'
 import { NFTToMint, Status } from '@/components/massmint/types'
 import { Interaction } from '@kodadot1/minimark/v1'
-import { MintedCollection, TokenToMint } from '@/composables/transaction/types'
+import { MintedCollection } from '@/composables/transaction/types'
 import {
   createTokensToMint,
   kusamaMintAndList,
   subscribeToCollectionLengthUpdates,
 } from './massMintHelpers'
-import nftStorageApi from '~/services/nftStorage'
-import { createMetadata, unSanitizeIpfsUrl } from '@kodadot1/minimark/utils'
-import { FetchError } from 'ofetch'
 
 export const statusTranslation = (status?: Status): string => {
   const { $i18n } = useNuxtApp()
@@ -144,8 +141,8 @@ export const useMassMint = (
       isError.value = mintAndListResults.isError.value
     })
   } else {
-    // simpleMint()
-    constructMeta(tokens)
+    simpleMint()
+    // constructMeta(tokens)
   }
   return {
     blockNumber,
@@ -155,149 +152,3 @@ export const useMassMint = (
     isError,
   }
 }
-
-function getFileSuffix(filename: string): string {
-  return filename.split('.').pop() as string
-}
-
-export const pinDirectory = async (files: File[]): Promise<string> => {
-  const formData = new FormData()
-  files.forEach((file) => formData.append('file', file, file.name))
-
-  const response = await nftStorageApi('/pinFile', {
-    method: 'POST',
-    body: formData,
-  }).catch((error: FetchError) => {
-    throw new Error(
-      `[NFT::STORAGE] Unable to PIN Directory for reasons ${error.data}`,
-    )
-  })
-
-  const directoryCid = response.value.cid
-  return directoryCid
-}
-
-function createFilesFromTokens(tokensToMint: TokenToMint[]): File[] {
-  return tokensToMint.map((token, index) => {
-    if (!token.file) {
-      throw new ReferenceError('No file found for token index ' + index)
-    }
-    const suffix = getFileSuffix(token.file.name)
-    return new File([token.file], `${index}.${suffix}`)
-  })
-}
-
-function batchFiles(files: File[], maxBatchSize: number): File[][] {
-  let currentBatch: File[] = []
-  let currentBatchSize = 0
-  const batches: File[][] = []
-
-  const startNewBatch = (file: File) => {
-    currentBatch = [file]
-    currentBatchSize = file.size
-  }
-
-  for (const file of files) {
-    if (currentBatchSize + file.size > maxBatchSize) {
-      batches.push(currentBatch)
-      startNewBatch(file)
-    } else {
-      currentBatch.push(file)
-      currentBatchSize += file.size
-    }
-  }
-
-  if (currentBatch.length > 0) {
-    batches.push(currentBatch)
-  }
-
-  return batches
-}
-
-export async function uploadImages(
-  tokensToMint: TokenToMint[],
-): Promise<string[]> {
-  const MAX_BATCH_SIZE = 100 * 1024 * 1024 // 100 MB in bytes
-  const files = createFilesFromTokens(tokensToMint)
-  const fileBatches = batchFiles(files, MAX_BATCH_SIZE)
-
-  const directoryCIDs = await Promise.all(fileBatches.map(pinDirectory))
-
-  return directoryCIDs.flatMap((directoryCid, batchIndex) =>
-    fileBatches[batchIndex].map(
-      (file, fileIndex) =>
-        `ipfs://${directoryCid}/${fileIndex}.${getFileSuffix(file.name)}`,
-    ),
-  )
-}
-
-function createTokenMetadata(
-  token: TokenToMint,
-  primaryHash: string,
-  enableCarbonOffset: boolean,
-  index: number,
-): File {
-  const preferencesStore = usePreferencesStore()
-  const { name, description, tags, nsfw, file } = token
-  const attributes = [
-    ...(tags || []),
-    ...nsfwAttribute(nsfw),
-    ...(enableCarbonOffset
-      ? offsetAttribute(preferencesStore.getHasCarbonOffset)
-      : []),
-  ]
-
-  const meta = createMetadata(
-    name,
-    description,
-    primaryHash,
-    undefined,
-    attributes,
-    'https://kodadot.xyz',
-    (file as File).type,
-  )
-
-  return new File([JSON.stringify(meta, null, 2)], `${index}.json`, {
-    type: 'application/json',
-  })
-}
-
-async function preheatAndUploadFiles(
-  token: TokenToMint,
-  primaryHash: string,
-): Promise<void> {
-  const { $consola } = useNuxtApp()
-  preheatFileFromIPFS(primaryHash)
-  const filePair: [File, File | null] = [token.file as File, null]
-  const hashPair: [string, string | undefined] = [primaryHash, undefined]
-  await uploadDirectWhenMultiple(filePair, hashPair).catch($consola.warn)
-}
-
-export async function constructMeta(
-  tokensToMint: TokenToMint[],
-  options?: {
-    enableCarbonOffset?: boolean
-  },
-): Promise<string[]> {
-  const { enableCarbonOffset = false } = options || {}
-  const imageHashes = await uploadImages(tokensToMint)
-
-  // Create metadata files
-  const metadataFiles = tokensToMint.map((token, index) => {
-    const imageHash = imageHashes[index]
-    return createTokenMetadata(token, imageHash, enableCarbonOffset, index)
-  })
-
-  // Upload all metadata files as a directory
-  const metaDirectoryCid = await pinDirectory(metadataFiles)
-
-  // Preheat and upload files
-  for (const [index, token] of tokensToMint.entries()) {
-    const imageHash = imageHashes[index]
-    await preheatAndUploadFiles(token, imageHash)
-  }
-
-  return metadataFiles.map((_, index) =>
-    unSanitizeIpfsUrl(`ipfs://${metaDirectoryCid}/${index}.json`),
-  )
-}
diff --git a/composables/transaction/massMintTokens/constructDirectoryMeta.ts b/composables/transaction/massMintTokens/constructDirectoryMeta.ts
new file mode 100644
index 0000000000..8397441e02
--- /dev/null
+++ b/composables/transaction/massMintTokens/constructDirectoryMeta.ts
@@ -0,0 +1,129 @@
+import { createMetadata, unSanitizeIpfsUrl } from '@kodadot1/minimark/utils'
+import { TokenToMint } from '../types'
+import { pinDirectory } from '@/services/nftStorage'
+
+export const constructDirectoryMeta = async (
+  tokensToMint: TokenToMint[],
+  options?: {
+    enableCarbonOffset?: boolean
+  },
+): Promise<string[]> => {
+  if (tokensToMint.map(({ file }) => file).some((file) => !file)) {
+    throw new ReferenceError('No file found for token')
+  }
+  const tokens = tokensToMint.filter((token) => Boolean(token.file))
+  const tokensMedia = tokens.map((token) => token.file) as File[]
+  const { enableCarbonOffset = false } = options ?? {}
+  const imageHashes = await uploadMediaFiles(tokensMedia)
+
+  // Create metadata files
+  const metadataFiles = tokens.map((token, index) =>
+    createTokenMetadata(token, imageHashes[index], enableCarbonOffset, index),
+  )
+
+  // Upload all metadata files as a directory
+  const metaDirectoryCid = await pinDirectory(metadataFiles)
+
+  // Preheat and upload files
+  await Promise.all(
+    tokensMedia.map((media, index) =>
+      preheatAndDirectUpload(media, imageHashes[index]),
+    ),
+  )
+
+  return metadataFiles.map((_, index) =>
+    unSanitizeIpfsUrl(`ipfs://${metaDirectoryCid}/${index}.json`),
+  )
+}
+
+const getFileSuffix = (filename: string) => filename.split('.').pop() as string
+
+const mapToSerial = (files: File[]): File[] =>
+  files.map((file, index) => {
+    const suffix = getFileSuffix(file.name)
+    return new File([file], `${index}.${suffix}`)
+  })
+
+const batchFiles = (files: File[], maxBatchSize: number): File[][] => {
+  let currentBatch: File[] = []
+  let currentBatchSize = 0
+  const batches: File[][] = []
+
+  const startNewBatch = (file: File) => {
+    currentBatch = [file]
+    currentBatchSize = file.size
+  }
+
+  for (const file of files) {
+    if (currentBatchSize + file.size > maxBatchSize) {
+      batches.push(currentBatch)
+      startNewBatch(file)
+    } else {
+      currentBatch.push(file)
+      currentBatchSize += file.size
+    }
+  }
+
+  if (currentBatch.length > 0) {
+    batches.push(currentBatch)
+  }
+
+  return batches
+}
+
+const uploadMediaFiles = async (files: File[]): Promise<string[]> => {
+  const MAX_BATCH_SIZE = 100 * 1024 * 1024 // 100 MB in bytes
+  const serialFiles = mapToSerial(files)
+  const fileBatches = batchFiles(serialFiles, MAX_BATCH_SIZE)
+
+  const directoryCIDs = await Promise.all(fileBatches.map(pinDirectory))
+
+  return directoryCIDs.flatMap((directoryCid, batchIndex) =>
+    fileBatches[batchIndex].map(
+      (file, fileIndex) =>
+        `ipfs://${directoryCid}/${fileIndex}.${getFileSuffix(file.name)}`,
+    ),
+  )
+}
+
+const createTokenMetadata = (
+  token: TokenToMint,
+  primaryHash: string,
+  enableCarbonOffset: boolean,
+  index: number,
+): File => {
+  const preferencesStore = usePreferencesStore()
+  const { name, description, tags, nsfw, file } = token
+  const attributes = [
+    ...(tags || []),
+    ...nsfwAttribute(nsfw),
+    ...(enableCarbonOffset
+      ? offsetAttribute(preferencesStore.getHasCarbonOffset)
+      : []),
+  ]
+
+  const meta = createMetadata(
+    name,
+    description,
+    primaryHash,
+    undefined,
+    attributes,
+    'https://kodadot.xyz',
+    (file as File).type,
+  )
+
+  return new File([JSON.stringify(meta, null, 2)], `${index}.json`, {
+    type: 'application/json',
+  })
+}
+
+const preheatAndDirectUpload = async (
+  media: File,
+  primaryHash: string,
+): Promise<void> => {
+  const { $consola } = useNuxtApp()
+  preheatFileFromIPFS(primaryHash)
+  const filePair: [File, File | null] = [media, null]
+  const hashPair: [string, string | undefined] = [primaryHash, undefined]
+  await uploadDirectWhenMultiple(filePair, hashPair).catch($consola.warn)
+}
diff --git a/composables/transaction/mintToken/transactionMintStatemine.ts b/composables/transaction/mintToken/transactionMintStatemine.ts
index 3dd83a36cc..5dab388f23 100644
--- a/composables/transaction/mintToken/transactionMintStatemine.ts
+++ b/composables/transaction/mintToken/transactionMintStatemine.ts
@@ -2,30 +2,18 @@ import { BaseMintedCollection } from '@/components/base/types'
 import type { ActionMintToken, MintedCollection } from '../types'
 import { TokenToMint } from '../types'
 import { constructMeta } from './constructMeta'
-import { calculateFees, expandCopies, transactionFactory } from './utils'
+import {
+  Id,
+  assignIds,
+  calculateFees,
+  expandCopies,
+  lastIndexUsed,
+  transactionFactory,
+} from './utils'
 import { canSupport } from '@/utils/support'
+import { constructDirectoryMeta } from '../massMintTokens/constructDirectoryMeta'
 
-type id = { id: number }
-
-export const assignIds = <T extends TokenToMint>(
-  tokens: T[],
-  lastTokenId: number,
-): (T & id)[] => {
-  let lastId = lastTokenId || 0
-
-  return tokens.map((token) => {
-    const { lastIndexUsed } = token.selectedCollection as MintedCollection
-
-    lastId = Math.max(lastIndexUsed, lastId)
-
-    return {
-      ...token,
-      id: ++lastId,
-    }
-  })
-}
-
-export const prepareTokenMintArgs = async (token: TokenToMint & id, api) => {
+export const singleTokenTxs = async (token: TokenToMint & Id, api) => {
   const { id: collectionId } = token.selectedCollection as BaseMintedCollection
   const { price, id: nextId, hasRoyalty, royalty } = token
 
@@ -79,17 +67,69 @@ export const prepareTokenMintArgs = async (token: TokenToMint & id, api) => {
   return txs
 }
 
-export const prepTokens = async (item: ActionMintToken, api) => {
-  const tokens = Array.isArray(item.token) ? item.token : [item.token]
+export const MultipleTokensTxs = async (
+  tokens: (TokenToMint & Id)[],
+  metadata: string[],
+  api,
+) => {
+  const { id: collectionId } = tokens[0]
+    .selectedCollection as BaseMintedCollection
+
+  const { accountId } = useAuth()
+
+  return tokens.flatMap((token, index) => {
+    const { price, id: nextId, hasRoyalty, royalty } = token
+    const tokenMetadata = metadata[index]
+
+    const create = api.tx.nfts.mint(
+      collectionId,
+      nextId,
+      accountId.value,
+      undefined,
+    )
+
+    const meta = api.tx.nfts.setMetadata(collectionId, nextId, tokenMetadata)
+
+    const list =
+      Number(price) > 0
+        ? [api.tx.nfts.setPrice(collectionId, nextId, price, undefined)]
+        : []
+
+    const txs = [create, meta, ...list]
+
+    if (royalty && isRoyaltyValid(royalty) && hasRoyalty) {
+      const setRoyaltyAmount = api.tx.nfts.setAttribute(
+        collectionId,
+        nextId,
+        'ItemOwner',
+        'royalty',
+        royalty.amount,
+      )
+
+      const setRoyaltyRecipient = api.tx.nfts.setAttribute(
+        collectionId,
+        nextId,
+        'ItemOwner',
+        'recipient',
+        royalty.address,
+      )
+      txs.push(setRoyaltyAmount, setRoyaltyRecipient)
+    }
 
-  const lastTokenId = await getNextTokenIdOnChain(
+    return txs
+  })
+}
+
+export const expandCopiesWithsIds = async (item: ActionMintToken, api) => {
+  const tokens = [item.token as TokenToMint]
+
+  const lastTokenId = await lastIndexUsed(
+    tokens[0].selectedCollection as MintedCollection,
     api,
-    (tokens[0].selectedCollection as MintedCollection).id,
   )
   const expandedTokens = expandCopies(tokens)
 
-  const tokensWithIds = assignIds(expandedTokens, lastTokenId)
-  return tokensWithIds
+  return assignIds(expandedTokens, lastTokenId)
 }
 
 export const getSupportInteraction = (
@@ -106,18 +146,42 @@ export const getSupportInteraction = (
   return canSupport(api, enabledFees, totalFees)
 }
 
-const getNextTokenIdOnChain = async (api, collectionId) => {
-  return await api.query.nfts
-    .collection(collectionId)
-    .then((res) => Number(res.toHuman().items) || 0)
-}
-
 const getArgs = async (item: ActionMintToken, api) => {
-  const tokens = await prepTokens(item, api)
-  const arg = await Promise.all(
-    tokens.map((token) => prepareTokenMintArgs(token, api)),
+  const { $consola } = useNuxtApp()
+
+  if (!Array.isArray(item.token)) {
+    const tokens = await expandCopiesWithsIds(item, api)
+    const arg = await Promise.all(
+      tokens.map((token) => singleTokenTxs(token, api)),
+    )
+    const { enabledFees, feeMultiplier } = calculateFees()
+    const supportInteraction = await getSupportInteraction(
+      item,
+      enabledFees,
+      feeMultiplier,
+      api,
+    )
+
+    return [[...arg.flat(), ...supportInteraction]]
+  }
+
+  // multiple tokens (mass mint)
+
+  const lastTokenId = await lastIndexUsed(
+    item.token[0].selectedCollection as MintedCollection,
+    api,
   )
+
+  const tokensWithIds = assignIds(item.token, lastTokenId)
+  const metadata = await constructDirectoryMeta(tokensWithIds).catch((e) => {
+    $consola.error('Error while constructing metadata for tokens:\n', e)
+    throw e
+  })
+
+  const arg = await MultipleTokensTxs(tokensWithIds, metadata, api)
+
   const { enabledFees, feeMultiplier } = calculateFees()
+
   const supportInteraction = await getSupportInteraction(
     item,
     enabledFees,
@@ -125,7 +189,7 @@ const getArgs = async (item: ActionMintToken, api) => {
     api,
   )
 
-  return [[...arg.flat(), ...supportInteraction]]
+  return [[...arg, ...supportInteraction]]
 }
 
 export const execMintStatemine = transactionFactory(getArgs)
diff --git a/composables/transaction/mintToken/utils.ts b/composables/transaction/mintToken/utils.ts
index b2d613d1b7..605f52a78e 100644
--- a/composables/transaction/mintToken/utils.ts
+++ b/composables/transaction/mintToken/utils.ts
@@ -80,3 +80,27 @@ export const expandCopies = <T extends TokenToMint>(tokens: T[]): T[] => {
       })
   })
 }
+export type Id = { id: number }
+
+export const assignIds = <T extends TokenToMint>(
+  tokens: T[],
+  lastTokenId: number,
+): (T & Id)[] =>
+  tokens.map((token, index) => {
+    const nextId = lastTokenId + 1 + index
+    return {
+      ...token,
+      id: nextId,
+    }
+  })
+
+export const lastIndexUsed = async (collection: MintedCollection, api) => {
+  const { id, lastIndexUsed } = collection
+  const lastOnChainIndex = await getNextTokenIdOnChain(api, id)
+  return Math.max(lastIndexUsed, lastOnChainIndex)
+}
+
+const getNextTokenIdOnChain = (api, collectionId) =>
+  api.query.nfts
+    .collection(collectionId)
+    .then((res) => Number(res.toHuman().items) || 0)
diff --git a/services/nftStorage.ts b/services/nftStorage.ts
index dfb6070fa5..8f829c63a9 100644
--- a/services/nftStorage.ts
+++ b/services/nftStorage.ts
@@ -80,4 +80,20 @@ export const pinFileToIPFS = async (file: Blob): Promise<string> => {
   return value.cid
 }
 
+export const pinDirectory = async (files: File[]): Promise<string> => {
+  const formData = new FormData()
+  files.forEach((file) => formData.append('file', file, file.name))
+
+  const response = await nftStorageApi('/pinFile', {
+    method: 'POST',
+    body: formData,
+  }).catch((error: FetchError) => {
+    throw new Error(
+      `[NFT::STORAGE] Unable to PIN Directory for reasons ${error.data}`,
+    )
+  })
+
+  return response.value.cid
+}
+
 export default nftStorageApi

From 0e6ff7479309f5ac9d9e9f55e85cf1f6926a8fc7 Mon Sep 17 00:00:00 2001
From: daiagi <daiagi@gmail.com>
Date: Thu, 30 Nov 2023 15:15:03 +0700
Subject: [PATCH 043/161] assetHub works

---
 composables/massmint/useMassMint.ts           | 156 +-----------------
 .../massMintTokens/constructDirectoryMeta.ts  | 129 +++++++++++++++
 .../mintToken/transactionMintStatemine.ts     | 141 +++++++++++-----
 composables/transaction/mintToken/utils.ts    |  24 +++
 services/nftStorage.ts                        |  16 ++
 5 files changed, 274 insertions(+), 192 deletions(-)
 create mode 100644 composables/transaction/massMintTokens/constructDirectoryMeta.ts

diff --git a/composables/massmint/useMassMint.ts b/composables/massmint/useMassMint.ts
index 23137a2d01..6f2c65b55d 100644
--- a/composables/massmint/useMassMint.ts
+++ b/composables/massmint/useMassMint.ts
@@ -1,18 +1,13 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-
 import { unwrapSafe } from '@/utils/uniquery'
 import resolveQueryPath from '@/utils/queryPathResolver'
 import { NFTToMint, Status } from '@/components/massmint/types'
 import { Interaction } from '@kodadot1/minimark/v1'
-import { MintedCollection, TokenToMint } from '@/composables/transaction/types'
+import { MintedCollection } from '@/composables/transaction/types'
 import {
   createTokensToMint,
   kusamaMintAndList,
   subscribeToCollectionLengthUpdates,
 } from './massMintHelpers'
-import nftStorageApi from '~/services/nftStorage'
-import { createMetadata, unSanitizeIpfsUrl } from '@kodadot1/minimark/utils'
-import { FetchError } from 'ofetch'
 
 export const statusTranslation = (status?: Status): string => {
   const { $i18n } = useNuxtApp()
@@ -144,8 +139,7 @@ export const useMassMint = (
       isError.value = mintAndListResults.isError.value
     })
   } else {
-    // simpleMint()
-    constructMeta(tokens)
+    simpleMint()
   }
   return {
     blockNumber,
@@ -155,149 +149,3 @@ export const useMassMint = (
     isError,
   }
 }
-
-function getFileSuffix(filename: string): string {
-  return filename.split('.').pop() as string
-}
-
-export const pinDirectory = async (files: File[]): Promise<string> => {
-  const formData = new FormData()
-  files.forEach((file) => formData.append('file', file, file.name))
-
-  const response = await nftStorageApi('/pinFile', {
-    method: 'POST',
-    body: formData,
-  }).catch((error: FetchError) => {
-    throw new Error(
-      `[NFT::STORAGE] Unable to PIN Directory for reasons ${error.data}`,
-    )
-  })
-
-  const directoryCid = response.value.cid
-  return directoryCid
-}
-
-function createFilesFromTokens(tokensToMint: TokenToMint[]): File[] {
-  return tokensToMint.map((token, index) => {
-    if (!token.file) {
-      throw new ReferenceError('No file found for token index ' + index)
-    }
-    const suffix = getFileSuffix(token.file.name)
-    return new File([token.file], `${index}.${suffix}`)
-  })
-}
-
-function batchFiles(files: File[], maxBatchSize: number): File[][] {
-  let currentBatch: File[] = []
-  let currentBatchSize = 0
-  const batches: File[][] = []
-
-  const startNewBatch = (file: File) => {
-    currentBatch = [file]
-    currentBatchSize = file.size
-  }
-
-  for (const file of files) {
-    if (currentBatchSize + file.size > maxBatchSize) {
-      batches.push(currentBatch)
-      startNewBatch(file)
-    } else {
-      currentBatch.push(file)
-      currentBatchSize += file.size
-    }
-  }
-
-  if (currentBatch.length > 0) {
-    batches.push(currentBatch)
-  }
-
-  return batches
-}
-
-export async function uploadImages(
-  tokensToMint: TokenToMint[],
-): Promise<string[]> {
-  const MAX_BATCH_SIZE = 100 * 1024 * 1024 // 100 MB in bytes
-  const files = createFilesFromTokens(tokensToMint)
-  const fileBatches = batchFiles(files, MAX_BATCH_SIZE)
-
-  const directoryCIDs = await Promise.all(fileBatches.map(pinDirectory))
-
-  return directoryCIDs.flatMap((directoryCid, batchIndex) =>
-    fileBatches[batchIndex].map(
-      (file, fileIndex) =>
-        `ipfs://${directoryCid}/${fileIndex}.${getFileSuffix(file.name)}`,
-    ),
-  )
-}
-
-function createTokenMetadata(
-  token: TokenToMint,
-  primaryHash: string,
-  enableCarbonOffset: boolean,
-  index: number,
-): File {
-  const preferencesStore = usePreferencesStore()
-  const { name, description, tags, nsfw, file } = token
-  const attributes = [
-    ...(tags || []),
-    ...nsfwAttribute(nsfw),
-    ...(enableCarbonOffset
-      ? offsetAttribute(preferencesStore.getHasCarbonOffset)
-      : []),
-  ]
-
-  const meta = createMetadata(
-    name,
-    description,
-    primaryHash,
-    undefined,
-    attributes,
-    'https://kodadot.xyz',
-    (file as File).type,
-  )
-
-  return new File([JSON.stringify(meta, null, 2)], `${index}.json`, {
-    type: 'application/json',
-  })
-}
-
-async function preheatAndUploadFiles(
-  token: TokenToMint,
-  primaryHash: string,
-): Promise<void> {
-  const { $consola } = useNuxtApp()
-  preheatFileFromIPFS(primaryHash)
-  const filePair: [File, File | null] = [token.file as File, null]
-  const hashPair: [string, string | undefined] = [primaryHash, undefined]
-  await uploadDirectWhenMultiple(filePair, hashPair).catch($consola.warn)
-}
-
-export async function constructMeta(
-  tokensToMint: TokenToMint[],
-  options?: {
-    enableCarbonOffset?: boolean
-  },
-): Promise<string[]> {
-  const { enableCarbonOffset = false } = options || {}
-  const imageHashes = await uploadImages(tokensToMint)
-
-  // Create metadata files
-  const metadataFiles = tokensToMint.map((token, index) => {
-    const imageHash = imageHashes[index]
-    return createTokenMetadata(token, imageHash, enableCarbonOffset, index)
-  })
-
-  // Upload all metadata files as a directory
-  const metaDirectoryCid = await pinDirectory(metadataFiles)
-
-  // Preheat and upload files
-  for (const [index, token] of tokensToMint.entries()) {
-    const imageHash = imageHashes[index]
-    await preheatAndUploadFiles(token, imageHash)
-  }
-
-  return metadataFiles.map((_, index) =>
-    unSanitizeIpfsUrl(`ipfs://${metaDirectoryCid}/${index}.json`),
-  )
-}
diff --git a/composables/transaction/massMintTokens/constructDirectoryMeta.ts b/composables/transaction/massMintTokens/constructDirectoryMeta.ts
new file mode 100644
index 0000000000..8397441e02
--- /dev/null
+++ b/composables/transaction/massMintTokens/constructDirectoryMeta.ts
@@ -0,0 +1,129 @@
+import { createMetadata, unSanitizeIpfsUrl } from '@kodadot1/minimark/utils'
+import { TokenToMint } from '../types'
+import { pinDirectory } from '@/services/nftStorage'
+
+export const constructDirectoryMeta = async (
+  tokensToMint: TokenToMint[],
+  options?: {
+    enableCarbonOffset?: boolean
+  },
+): Promise<string[]> => {
+  if (tokensToMint.map(({ file }) => file).some((file) => !file)) {
+    throw new ReferenceError('No file found for token')
+  }
+  const tokens = tokensToMint.filter((token) => Boolean(token.file))
+  const tokensMedia = tokens.map((token) => token.file) as File[]
+  const { enableCarbonOffset = false } = options ?? {}
+  const imageHashes = await uploadMediaFiles(tokensMedia)
+
+  // Create metadata files
+  const metadataFiles = tokens.map((token, index) =>
+    createTokenMetadata(token, imageHashes[index], enableCarbonOffset, index),
+  )
+
+  // Upload all metadata files as a directory
+  const metaDirectoryCid = await pinDirectory(metadataFiles)
+
+  // Preheat and upload files
+  await Promise.all(
+    tokensMedia.map((media, index) =>
+      preheatAndDirectUpload(media, imageHashes[index]),
+    ),
+  )
+
+  return metadataFiles.map((_, index) =>
+    unSanitizeIpfsUrl(`ipfs://${metaDirectoryCid}/${index}.json`),
+  )
+}
+
+const getFileSuffix = (filename: string) => filename.split('.').pop() as string
+
+const mapToSerial = (files: File[]): File[] =>
+  files.map((file, index) => {
+    const suffix = getFileSuffix(file.name)
+    return new File([file], `${index}.${suffix}`)
+  })
+
+const batchFiles = (files: File[], maxBatchSize: number): File[][] => {
+  let currentBatch: File[] = []
+  let currentBatchSize = 0
+  const batches: File[][] = []
+
+  const startNewBatch = (file: File) => {
+    currentBatch = [file]
+    currentBatchSize = file.size
+  }
+
+  for (const file of files) {
+    if (currentBatchSize + file.size > maxBatchSize) {
+      batches.push(currentBatch)
+      startNewBatch(file)
+    } else {
+      currentBatch.push(file)
+      currentBatchSize += file.size
+    }
+  }
+
+  if (currentBatch.length > 0) {
+    batches.push(currentBatch)
+  }
+
+  return batches
+}
+
+const uploadMediaFiles = async (files: File[]): Promise<string[]> => {
+  const MAX_BATCH_SIZE = 100 * 1024 * 1024 // 100 MB in bytes
+  const serialFiles = mapToSerial(files)
+  const fileBatches = batchFiles(serialFiles, MAX_BATCH_SIZE)
+
+  const directoryCIDs = await Promise.all(fileBatches.map(pinDirectory))
+
+  return directoryCIDs.flatMap((directoryCid, batchIndex) =>
+    fileBatches[batchIndex].map(
+      (file, fileIndex) =>
+        `ipfs://${directoryCid}/${fileIndex}.${getFileSuffix(file.name)}`,
+    ),
+  )
+}
+
+const createTokenMetadata = (
+  token: TokenToMint,
+  primaryHash: string,
+  enableCarbonOffset: boolean,
+  index: number,
+): File => {
+  const preferencesStore = usePreferencesStore()
+  const { name, description, tags, nsfw, file } = token
+  const attributes = [
+    ...(tags || []),
+    ...nsfwAttribute(nsfw),
+    ...(enableCarbonOffset
+      ? offsetAttribute(preferencesStore.getHasCarbonOffset)
+      : []),
+  ]
+
+  const meta = createMetadata(
+    name,
+    description,
+    primaryHash,
+    undefined,
+    attributes,
+    'https://kodadot.xyz',
+    (file as File).type,
+  )
+
+  return new File([JSON.stringify(meta, null, 2)], `${index}.json`, {
+    type: 'application/json',
+  })
+}
+
+const preheatAndDirectUpload = async (
+  media: File,
+  primaryHash: string,
+): Promise<void> => {
+  const { $consola } = useNuxtApp()
+  preheatFileFromIPFS(primaryHash)
+  const filePair: [File, File | null] = [media, null]
+  const hashPair: [string, string | undefined] = [primaryHash, undefined]
+  await uploadDirectWhenMultiple(filePair, hashPair).catch($consola.warn)
+}
diff --git a/composables/transaction/mintToken/transactionMintStatemine.ts b/composables/transaction/mintToken/transactionMintStatemine.ts
index 3dd83a36cc..63768b8fd4 100644
--- a/composables/transaction/mintToken/transactionMintStatemine.ts
+++ b/composables/transaction/mintToken/transactionMintStatemine.ts
@@ -2,30 +2,18 @@ import { BaseMintedCollection } from '@/components/base/types'
 import type { ActionMintToken, MintedCollection } from '../types'
 import { TokenToMint } from '../types'
 import { constructMeta } from './constructMeta'
-import { calculateFees, expandCopies, transactionFactory } from './utils'
+import {
+  Id,
+  assignIds,
+  calculateFees,
+  expandCopies,
+  lastIndexUsed,
+  transactionFactory,
+} from './utils'
 import { canSupport } from '@/utils/support'
+import { constructDirectoryMeta } from '../massMintTokens/constructDirectoryMeta'
 
-type id = { id: number }
-
-export const assignIds = <T extends TokenToMint>(
-  tokens: T[],
-  lastTokenId: number,
-): (T & id)[] => {
-  let lastId = lastTokenId || 0
-
-  return tokens.map((token) => {
-    const { lastIndexUsed } = token.selectedCollection as MintedCollection
-
-    lastId = Math.max(lastIndexUsed, lastId)
-
-    return {
-      ...token,
-      id: ++lastId,
-    }
-  })
-}
-
-export const prepareTokenMintArgs = async (token: TokenToMint & id, api) => {
+export const singleTokenTxs = async (token: TokenToMint & Id, api) => {
   const { id: collectionId } = token.selectedCollection as BaseMintedCollection
   const { price, id: nextId, hasRoyalty, royalty } = token
 
@@ -79,17 +67,69 @@ export const prepareTokenMintArgs = async (token: TokenToMint & id, api) => {
   return txs
 }
 
-export const prepTokens = async (item: ActionMintToken, api) => {
-  const tokens = Array.isArray(item.token) ? item.token : [item.token]
+export const multipleTokensTxs = async (
+  tokens: (TokenToMint & Id)[],
+  metadata: string[],
+  api,
+) => {
+  const { id: collectionId } = tokens[0]
+    .selectedCollection as BaseMintedCollection
+
+  const { accountId } = useAuth()
+
+  return tokens.flatMap((token, index) => {
+    const { price, id: nextId, hasRoyalty, royalty } = token
+    const tokenMetadata = metadata[index]
+
+    const create = api.tx.nfts.mint(
+      collectionId,
+      nextId,
+      accountId.value,
+      undefined,
+    )
+
+    const meta = api.tx.nfts.setMetadata(collectionId, nextId, tokenMetadata)
+
+    const list =
+      Number(price) > 0
+        ? [api.tx.nfts.setPrice(collectionId, nextId, price, undefined)]
+        : []
+
+    const txs = [create, meta, ...list]
+
+    if (royalty && isRoyaltyValid(royalty) && hasRoyalty) {
+      const setRoyaltyAmount = api.tx.nfts.setAttribute(
+        collectionId,
+        nextId,
+        'ItemOwner',
+        'royalty',
+        royalty.amount,
+      )
+
+      const setRoyaltyRecipient = api.tx.nfts.setAttribute(
+        collectionId,
+        nextId,
+        'ItemOwner',
+        'recipient',
+        royalty.address,
+      )
+      txs.push(setRoyaltyAmount, setRoyaltyRecipient)
+    }
 
-  const lastTokenId = await getNextTokenIdOnChain(
+    return txs
+  })
+}
+
+export const expandCopiesWithsIds = async (item: ActionMintToken, api) => {
+  const tokens = [item.token as TokenToMint]
+
+  const lastTokenId = await lastIndexUsed(
+    tokens[0].selectedCollection as MintedCollection,
     api,
-    (tokens[0].selectedCollection as MintedCollection).id,
   )
   const expandedTokens = expandCopies(tokens)
 
-  const tokensWithIds = assignIds(expandedTokens, lastTokenId)
-  return tokensWithIds
+  return assignIds(expandedTokens, lastTokenId)
 }
 
 export const getSupportInteraction = (
@@ -106,18 +146,43 @@ export const getSupportInteraction = (
   return canSupport(api, enabledFees, totalFees)
 }
 
-const getNextTokenIdOnChain = async (api, collectionId) => {
-  return await api.query.nfts
-    .collection(collectionId)
-    .then((res) => Number(res.toHuman().items) || 0)
-}
-
 const getArgs = async (item: ActionMintToken, api) => {
-  const tokens = await prepTokens(item, api)
-  const arg = await Promise.all(
-    tokens.map((token) => prepareTokenMintArgs(token, api)),
+  const { $consola } = useNuxtApp()
+
+  if (!Array.isArray(item.token)) {
+    // single token (with possible copies)
+    const tokens = await expandCopiesWithsIds(item, api)
+    const arg = await Promise.all(
+      tokens.map((token) => singleTokenTxs(token, api)),
+    )
+    const { enabledFees, feeMultiplier } = calculateFees()
+    const supportInteraction = await getSupportInteraction(
+      item,
+      enabledFees,
+      feeMultiplier,
+      api,
+    )
+
+    return [[...arg.flat(), ...supportInteraction]]
+  }
+
+  // multiple tokens (mass mint)
+
+  const lastTokenId = await lastIndexUsed(
+    item.token[0].selectedCollection as MintedCollection,
+    api,
   )
+
+  const tokensWithIds = assignIds(item.token, lastTokenId)
+  const metadata = await constructDirectoryMeta(tokensWithIds).catch((e) => {
+    $consola.error('Error while constructing metadata for tokens:\n', e)
+    throw e
+  })
+
+  const arg = await multipleTokensTxs(tokensWithIds, metadata, api)
+
   const { enabledFees, feeMultiplier } = calculateFees()
+
   const supportInteraction = await getSupportInteraction(
     item,
     enabledFees,
@@ -125,7 +190,7 @@ const getArgs = async (item: ActionMintToken, api) => {
     api,
   )
 
-  return [[...arg.flat(), ...supportInteraction]]
+  return [[...arg, ...supportInteraction]]
 }
 
 export const execMintStatemine = transactionFactory(getArgs)
diff --git a/composables/transaction/mintToken/utils.ts b/composables/transaction/mintToken/utils.ts
index b2d613d1b7..605f52a78e 100644
--- a/composables/transaction/mintToken/utils.ts
+++ b/composables/transaction/mintToken/utils.ts
@@ -80,3 +80,27 @@ export const expandCopies = <T extends TokenToMint>(tokens: T[]): T[] => {
       })
   })
 }
+export type Id = { id: number }
+
+export const assignIds = <T extends TokenToMint>(
+  tokens: T[],
+  lastTokenId: number,
+): (T & Id)[] =>
+  tokens.map((token, index) => {
+    const nextId = lastTokenId + 1 + index
+    return {
+      ...token,
+      id: nextId,
+    }
+  })
+
+export const lastIndexUsed = async (collection: MintedCollection, api) => {
+  const { id, lastIndexUsed } = collection
+  const lastOnChainIndex = await getNextTokenIdOnChain(api, id)
+  return Math.max(lastIndexUsed, lastOnChainIndex)
+}
+
+const getNextTokenIdOnChain = (api, collectionId) =>
+  api.query.nfts
+    .collection(collectionId)
+    .then((res) => Number(res.toHuman().items) || 0)
diff --git a/services/nftStorage.ts b/services/nftStorage.ts
index dfb6070fa5..8f829c63a9 100644
--- a/services/nftStorage.ts
+++ b/services/nftStorage.ts
@@ -80,4 +80,20 @@ export const pinFileToIPFS = async (file: Blob): Promise<string> => {
   return value.cid
 }
 
+export const pinDirectory = async (files: File[]): Promise<string> => {
+  const formData = new FormData()
+  files.forEach((file) => formData.append('file', file, file.name))
+
+  const response = await nftStorageApi('/pinFile', {
+    method: 'POST',
+    body: formData,
+  }).catch((error: FetchError) => {
+    throw new Error(
+      `[NFT::STORAGE] Unable to PIN Directory for reasons ${error.data}`,
+    )
+  })
+
+  return response.value.cid
+}
+
 export default nftStorageApi

From 5eed7f7585dbee3d1be917de70a204d026d6285b Mon Sep 17 00:00:00 2001
From: daiagi <daiagi@gmail.com>
Date: Thu, 30 Nov 2023 15:22:49 +0700
Subject: [PATCH 044/161] order!!

---
 .../{massMintTokens => mintToken}/constructDirectoryMeta.ts     | 0
 composables/transaction/mintToken/transactionMintStatemine.ts   | 2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename composables/transaction/{massMintTokens => mintToken}/constructDirectoryMeta.ts (100%)

diff --git a/composables/transaction/massMintTokens/constructDirectoryMeta.ts b/composables/transaction/mintToken/constructDirectoryMeta.ts
similarity index 100%
rename from composables/transaction/massMintTokens/constructDirectoryMeta.ts
rename to composables/transaction/mintToken/constructDirectoryMeta.ts
diff --git a/composables/transaction/mintToken/transactionMintStatemine.ts b/composables/transaction/mintToken/transactionMintStatemine.ts
index 63768b8fd4..119fd68f19 100644
--- a/composables/transaction/mintToken/transactionMintStatemine.ts
+++ b/composables/transaction/mintToken/transactionMintStatemine.ts
@@ -11,7 +11,7 @@ import {
   transactionFactory,
 } from './utils'
 import { canSupport } from '@/utils/support'
-import { constructDirectoryMeta } from '../massMintTokens/constructDirectoryMeta'
+import { constructDirectoryMeta } from './constructDirectoryMeta'
 
 export const singleTokenTxs = async (token: TokenToMint & Id, api) => {
   const { id: collectionId } = token.selectedCollection as BaseMintedCollection

From e861bbaee137898fce020d0910d2e1b65836e1f0 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Thu, 30 Nov 2023 15:33:43 +0700
Subject: [PATCH 045/161] * fix(Ready.vue): change condition for checking if
 entities should be hidden based on the presence of an id property *
 feat(Ready.vue): add support for process.env.PORT environment variable *
 fix(Waiting.vue): change condition for checking if entities should be added
 based on the presence of migrated items and collection.nfts *
 fix(collectionMigrateWaiting.graphql): add condition to exclude burned nfts
 from the query

---
 components/migrate/landing/content/Ready.vue   | 18 ++++++------------
 components/migrate/landing/content/Waiting.vue |  2 +-
 .../general/collectionMigrateWaiting.graphql   |  2 +-
 3 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/components/migrate/landing/content/Ready.vue b/components/migrate/landing/content/Ready.vue
index e0473b73e8..cd771bcf4f 100644
--- a/components/migrate/landing/content/Ready.vue
+++ b/components/migrate/landing/content/Ready.vue
@@ -9,14 +9,13 @@
       {{ $t('migrate.ready.desc') }}
     </div>
 
-    <div v-if="collections.length" class="collection">
+    <div v-if="Object.keys(entities).length" class="collection">
       <div
         v-for="collection in collections"
         :key="collection.id"
         class="collection-card"
         :class="{
-          'collection-card-empty':
-            !collection.nfts?.length || entities[collection.id]?.hide,
+          hidden: !entities[collection.id]?.id,
         }">
         <div
           class="collection-card-banner"
@@ -93,15 +92,10 @@ watchEffect(async () => {
       `/relocations/${urlPrefix.value}-${collection.id}`,
     )
 
-    let hide = false
-
-    if (migrated) {
-      hide = Boolean(migrated)
-    }
-
-    entities[collection.id] = {
-      ...metadata,
-      hide,
+    if (!migrated?.id && collection.nfts?.length) {
+      entities[collection.id] = {
+        ...metadata,
+      }
     }
   })
 })
diff --git a/components/migrate/landing/content/Waiting.vue b/components/migrate/landing/content/Waiting.vue
index 56f6c53c10..081fab4c46 100644
--- a/components/migrate/landing/content/Waiting.vue
+++ b/components/migrate/landing/content/Waiting.vue
@@ -134,7 +134,7 @@ watchEffect(() => {
       await waifuApi(`/relocations/owners/${accountId.value}`)
     ).filter((item) => item.collection === collection.id)
 
-    if (migrated.length) {
+    if (migrated.length && collection.nfts?.length) {
       entities[collection.id] = {
         ...metadata,
         migrated,
diff --git a/queries/subsquid/general/collectionMigrateWaiting.graphql b/queries/subsquid/general/collectionMigrateWaiting.graphql
index b80835385a..6625fd2ee5 100644
--- a/queries/subsquid/general/collectionMigrateWaiting.graphql
+++ b/queries/subsquid/general/collectionMigrateWaiting.graphql
@@ -5,7 +5,7 @@ query collectionMigrateWaiting($account: String!) {
     id
     name
     currentOwner
-    nfts(where: { currentOwner_eq: $account }) {
+    nfts(where: { currentOwner_eq: $account, burned_eq: false }) {
       id
     }
     metadata

From be42cbf03b5980a80d99a217ad460ea3a29c16b0 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Thu, 30 Nov 2023 13:46:11 +0500
Subject: [PATCH 046/161] fix: k-grey light dark color

---
 libs/ui/src/scss/_theme.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/ui/src/scss/_theme.scss b/libs/ui/src/scss/_theme.scss
index 55201d6db2..46feb4a2b1 100644
--- a/libs/ui/src/scss/_theme.scss
+++ b/libs/ui/src/scss/_theme.scss
@@ -73,7 +73,7 @@ $themes: (
     'k-redaccent2': #390b0b,
     'k-grey': #cccccc,
     'k-grey-fix': #999999,
-    'k-grey-light': #ECECEC,
+    'k-grey-light': #454545,
     'k-pink': #7a2a68,
     'k-yellow': #363234,
     'k-blueaccent': #2e50a2,

From 379646dd73eef988409e52c89b9a0216dabd6aeb Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Thu, 30 Nov 2023 18:42:04 +0800
Subject: [PATCH 047/161] fix: Loading screen boring

---
 components/collection/drop/DropContainer.vue             | 3 ++-
 components/collection/drop/Generative.vue                | 3 ++-
 components/collection/unlockable/UnlockableContainer.vue | 3 ++-
 components/collection/unlockable/UnlockableLoader.vue    | 4 ++--
 components/collection/voteDrop/DropContainer.vue         | 3 ++-
 5 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/components/collection/drop/DropContainer.vue b/components/collection/drop/DropContainer.vue
index 06fda0be89..8b177bc550 100644
--- a/components/collection/drop/DropContainer.vue
+++ b/components/collection/drop/DropContainer.vue
@@ -3,7 +3,8 @@
     <CollectionUnlockableLoader
       v-if="isLoading"
       model-value
-      :minted="justMinted" />
+      :minted="justMinted"
+      @model-value="isLoading = false" />
     <CountdownTimer />
     <hr class="text-color my-0" />
     <div class="container is-fluid">
diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index 9d9e2b4152..604ee67afc 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -2,8 +2,9 @@
   <div class="unlockable-container">
     <CollectionUnlockableLoader
       v-if="isLoading"
+      :minted="justMinted"
       model-value
-      :minted="justMinted" />
+      @model-value="isLoading = false" />
     <div class="container is-fluid border-top">
       <div class="columns is-desktop">
         <div class="column is-half-desktop mobile-padding">
diff --git a/components/collection/unlockable/UnlockableContainer.vue b/components/collection/unlockable/UnlockableContainer.vue
index 2e0a95532d..54624e9289 100644
--- a/components/collection/unlockable/UnlockableContainer.vue
+++ b/components/collection/unlockable/UnlockableContainer.vue
@@ -3,7 +3,8 @@
     <CollectionUnlockableLoader
       v-if="isLoading"
       model-value
-      :minted="justMinted" />
+      :minted="justMinted"
+      @model-value="isLoading = false" />
     <CountdownTimer />
     <hr class="text-color my-0" />
     <div class="container is-fluid">
diff --git a/components/collection/unlockable/UnlockableLoader.vue b/components/collection/unlockable/UnlockableLoader.vue
index 0880ce2a70..8325a5ccc6 100644
--- a/components/collection/unlockable/UnlockableLoader.vue
+++ b/components/collection/unlockable/UnlockableLoader.vue
@@ -89,10 +89,10 @@ const postTwitterUrl = computed(
       twitterText.value,
     )}`,
 )
-const emit = defineEmits(['update:modelValue'])
+const emit = defineEmits(['modelValue'])
 
 const closeLoading = () => {
-  emit('update:modelValue', false)
+  emit('modelValue', false)
 }
 const buttonLabel = computed(() =>
   $i18n.t(
diff --git a/components/collection/voteDrop/DropContainer.vue b/components/collection/voteDrop/DropContainer.vue
index 003981db73..fda3f077bf 100644
--- a/components/collection/voteDrop/DropContainer.vue
+++ b/components/collection/voteDrop/DropContainer.vue
@@ -3,7 +3,8 @@
     <CollectionUnlockableLoader
       v-if="isLoading"
       model-value
-      :minted="justMinted" />
+      :minted="justMinted"
+      @model-value="isLoading = false" />
     <CountdownTimer />
     <hr class="text-color my-0" />
     <div class="container is-fluid pb-4">

From 7c6d7457649e0e9d78acb46b4073bb0595e4af07 Mon Sep 17 00:00:00 2001
From: daiagi <daiagi@gmail.com>
Date: Thu, 30 Nov 2023 18:58:01 +0700
Subject: [PATCH 048/161] fix unit tests

---
 .../mintToken/transactionMintStatemine.ts     |  2 +-
 tests/transactionMintStatemine.spec.ts        | 55 ++++++++++---------
 2 files changed, 30 insertions(+), 27 deletions(-)

diff --git a/composables/transaction/mintToken/transactionMintStatemine.ts b/composables/transaction/mintToken/transactionMintStatemine.ts
index 119fd68f19..a1e164ea0b 100644
--- a/composables/transaction/mintToken/transactionMintStatemine.ts
+++ b/composables/transaction/mintToken/transactionMintStatemine.ts
@@ -121,7 +121,7 @@ export const multipleTokensTxs = async (
 }
 
 export const expandCopiesWithsIds = async (item: ActionMintToken, api) => {
-  const tokens = [item.token as TokenToMint]
+  const tokens = Array.isArray(item.token) ? item.token : [item.token]
 
   const lastTokenId = await lastIndexUsed(
     tokens[0].selectedCollection as MintedCollection,
diff --git a/tests/transactionMintStatemine.spec.ts b/tests/transactionMintStatemine.spec.ts
index 023664e526..1b8fbc08b8 100644
--- a/tests/transactionMintStatemine.spec.ts
+++ b/tests/transactionMintStatemine.spec.ts
@@ -1,9 +1,7 @@
-import {
-  assignIds,
-  prepTokens,
-} from '@/composables/transaction/mintToken/transactionMintStatemine'
+import { expandCopiesWithsIds } from '@/composables/transaction/mintToken/transactionMintStatemine'
 import { TokenToMint } from '@/composables/transaction/types'
 import {
+  assignIds,
   copiesToMint,
   expandCopies,
 } from '@/composables/transaction/mintToken/utils'
@@ -24,7 +22,7 @@ describe('transactionMintStatemine.ts functions', () => {
       const tokens: TokenToMint[] = [
         { selectedCollection: { lastIndexUsed: 4 } },
       ]
-      const result = assignIds(tokens)
+      const result = assignIds(tokens, 4)
       expect(result).toEqual([
         { selectedCollection: { lastIndexUsed: 4 }, id: 5 },
       ])
@@ -36,7 +34,7 @@ describe('transactionMintStatemine.ts functions', () => {
         { selectedCollection: { alreadyMinted: 2, lastIndexUsed: 2 } },
         { selectedCollection: { alreadyMinted: 2, lastIndexUsed: 2 } },
       ]
-      const result = assignIds(tokens)
+      const result = assignIds(tokens, 2)
       expect(result).toEqual([
         { selectedCollection: { alreadyMinted: 2, lastIndexUsed: 2 }, id: 3 },
         { selectedCollection: { alreadyMinted: 2, lastIndexUsed: 2 }, id: 4 },
@@ -243,7 +241,7 @@ describe('transactionMintStatemine.ts functions', () => {
       expect(result[2].name).toBe('test')
     })
   })
-  describe('prepTokens function', () => {
+  describe('expandCopiesWithsIds function', () => {
     it('should correctly prepare a single token with unique id', async () => {
       const token: TokenToMint = {
         name: 'test',
@@ -254,7 +252,7 @@ describe('transactionMintStatemine.ts functions', () => {
         token,
       }
 
-      const result = await prepTokens(item, MOCK_API)
+      const result = await expandCopiesWithsIds(item, MOCK_API)
 
       const expectedResult = [
         {
@@ -278,7 +276,7 @@ describe('transactionMintStatemine.ts functions', () => {
         token,
       }
 
-      const result = await prepTokens(item, MOCK_API)
+      const result = await expandCopiesWithsIds(item, MOCK_API)
 
       const expectedResult = [
         {
@@ -311,15 +309,15 @@ describe('transactionMintStatemine.ts functions', () => {
       const tokens: TokenToMint[] = [
         {
           name: 'test1',
-          selectedCollection: { alreadyMinted: 2, lastIndexUsed: 3 },
+          selectedCollection: { alreadyMinted: 2, lastIndexUsed: 3, id: 1234 },
         },
         {
           name: 'test2',
-          selectedCollection: { alreadyMinted: 2, lastIndexUsed: 3 },
+          selectedCollection: { alreadyMinted: 2, lastIndexUsed: 3, id: 1234 },
         },
         {
           name: 'test3',
-          selectedCollection: { alreadyMinted: 2, lastIndexUsed: 3 },
+          selectedCollection: { alreadyMinted: 2, lastIndexUsed: 3, id: 1234 },
         },
       ]
 
@@ -327,22 +325,22 @@ describe('transactionMintStatemine.ts functions', () => {
         token: tokens,
       }
 
-      const result = await prepTokens(item, MOCK_API)
+      const result = await expandCopiesWithsIds(item, MOCK_API)
 
       const expectedResult = [
         {
           name: 'test1',
-          selectedCollection: { alreadyMinted: 2, lastIndexUsed: 3 },
+          selectedCollection: { alreadyMinted: 2, lastIndexUsed: 3, id: 1234 },
           id: 4,
         },
         {
           name: 'test2',
-          selectedCollection: { alreadyMinted: 2, lastIndexUsed: 3 },
+          selectedCollection: { alreadyMinted: 2, lastIndexUsed: 3, id: 1234 },
           id: 5,
         },
         {
           name: 'test3',
-          selectedCollection: { alreadyMinted: 2, lastIndexUsed: 3 },
+          selectedCollection: { alreadyMinted: 2, lastIndexUsed: 3, id: 1234 },
           id: 6,
         },
       ]
@@ -351,22 +349,27 @@ describe('transactionMintStatemine.ts functions', () => {
     })
 
     it('should correctly prepare an array of tokens with unique ids and some have copies', async () => {
+      const selectedCollection = {
+        alreadyMinted: 6,
+        lastIndexUsed: 7,
+        id: 1234,
+      }
       const tokens: TokenToMint[] = [
         {
           name: 'test1',
           copies: 2,
           postfix: true,
-          selectedCollection: { alreadyMinted: 6, lastIndexUsed: 7 },
+          selectedCollection,
         },
         {
           name: 'test2',
-          selectedCollection: { alreadyMinted: 6, lastIndexUsed: 7 },
+          selectedCollection,
         },
         {
           name: 'test3',
           copies: 3,
           postfix: true,
-          selectedCollection: { alreadyMinted: 6, lastIndexUsed: 7 },
+          selectedCollection,
         },
       ]
 
@@ -374,47 +377,47 @@ describe('transactionMintStatemine.ts functions', () => {
         token: tokens,
       }
 
-      const result = await prepTokens(item, MOCK_API)
+      const result = await expandCopiesWithsIds(item, MOCK_API)
 
       const expectedResult = [
         {
           name: 'test1 #1',
           copies: 2,
           postfix: true,
-          selectedCollection: { alreadyMinted: 6, lastIndexUsed: 7 },
+          selectedCollection,
           id: 8,
         },
         {
           name: 'test1 #2',
           copies: 2,
           postfix: true,
-          selectedCollection: { alreadyMinted: 6, lastIndexUsed: 7 },
+          selectedCollection,
           id: 9,
         },
         {
           name: 'test2',
-          selectedCollection: { alreadyMinted: 6, lastIndexUsed: 7 },
+          selectedCollection,
           id: 10,
         },
         {
           name: 'test3 #1',
           copies: 3,
           postfix: true,
-          selectedCollection: { alreadyMinted: 6, lastIndexUsed: 7 },
+          selectedCollection,
           id: 11,
         },
         {
           name: 'test3 #2',
           copies: 3,
           postfix: true,
-          selectedCollection: { alreadyMinted: 6, lastIndexUsed: 7 },
+          selectedCollection,
           id: 12,
         },
         {
           name: 'test3 #3',
           copies: 3,
           postfix: true,
-          selectedCollection: { alreadyMinted: 6, lastIndexUsed: 7 },
+          selectedCollection,
           id: 13,
         },
       ]

From 6a3f0f8dc6dd1302d35274edef22b39cff75d36a Mon Sep 17 00:00:00 2001
From: daiagi <daiagi@gmail.com>
Date: Thu, 30 Nov 2023 19:11:18 +0700
Subject: [PATCH 049/161] refactor to reduce dupliaction and complexity

---
 .../mintToken/transactionMintStatemine.ts     | 119 ++++++++----------
 1 file changed, 55 insertions(+), 64 deletions(-)

diff --git a/composables/transaction/mintToken/transactionMintStatemine.ts b/composables/transaction/mintToken/transactionMintStatemine.ts
index a1e164ea0b..86a58526fe 100644
--- a/composables/transaction/mintToken/transactionMintStatemine.ts
+++ b/composables/transaction/mintToken/transactionMintStatemine.ts
@@ -12,37 +12,32 @@ import {
 } from './utils'
 import { canSupport } from '@/utils/support'
 import { constructDirectoryMeta } from './constructDirectoryMeta'
+import { ApiPromise } from '@polkadot/api'
+
+interface BuildTokenTxsParams {
+  token: TokenToMint
+  metadata: string
+  api: ApiPromise
+  accountId: string
+  collectionId: string
+}
 
-export const singleTokenTxs = async (token: TokenToMint & Id, api) => {
-  const { id: collectionId } = token.selectedCollection as BaseMintedCollection
+const buildTokenTxs = ({
+  token,
+  metadata,
+  api,
+  accountId,
+  collectionId,
+}: BuildTokenTxsParams) => {
   const { price, id: nextId, hasRoyalty, royalty } = token
 
-  const { accountId } = useAuth()
-  const { $consola } = useNuxtApp()
-
-  const metadata = await constructMeta(token).catch((e) => {
-    $consola.error(
-      'Error while constructing metadata for token:\n',
-      token,
-      '\n',
-      e,
-    )
-  })
-
-  const create = api.tx.nfts.mint(
-    collectionId,
-    nextId,
-    accountId.value,
-    undefined,
-  )
-
+  const create = api.tx.nfts.mint(collectionId, nextId, accountId, undefined)
   const meta = api.tx.nfts.setMetadata(collectionId, nextId, metadata)
 
   const list =
     Number(price) > 0
       ? [api.tx.nfts.setPrice(collectionId, nextId, price, undefined)]
       : []
-
   const txs = [create, meta, ...list]
 
   if (royalty && isRoyaltyValid(royalty) && hasRoyalty) {
@@ -53,7 +48,6 @@ export const singleTokenTxs = async (token: TokenToMint & Id, api) => {
       'royalty',
       royalty.amount,
     )
-
     const setRoyaltyRecipient = api.tx.nfts.setAttribute(
       collectionId,
       nextId,
@@ -67,6 +61,32 @@ export const singleTokenTxs = async (token: TokenToMint & Id, api) => {
   return txs
 }
 
+export const singleTokenTxs = async (token: TokenToMint & Id, api) => {
+  const { id: collectionId } = token.selectedCollection as BaseMintedCollection
+
+  const { accountId } = useAuth()
+  const { $consola } = useNuxtApp()
+
+  const metadata = await constructMeta(token).catch((e) => {
+    $consola.error(
+      'Error while constructing metadata for token:\n',
+      token,
+      '\n',
+      e,
+    )
+  })
+  if (!metadata) {
+    return
+  }
+  return buildTokenTxs({
+    token,
+    metadata,
+    api,
+    accountId: accountId.value,
+    collectionId,
+  })
+}
+
 export const multipleTokensTxs = async (
   tokens: (TokenToMint & Id)[],
   metadata: string[],
@@ -77,47 +97,15 @@ export const multipleTokensTxs = async (
 
   const { accountId } = useAuth()
 
-  return tokens.flatMap((token, index) => {
-    const { price, id: nextId, hasRoyalty, royalty } = token
-    const tokenMetadata = metadata[index]
-
-    const create = api.tx.nfts.mint(
+  return tokens.flatMap((token, index) =>
+    buildTokenTxs({
+      token,
+      metadata: metadata[index],
+      api,
+      accountId: accountId.value,
       collectionId,
-      nextId,
-      accountId.value,
-      undefined,
-    )
-
-    const meta = api.tx.nfts.setMetadata(collectionId, nextId, tokenMetadata)
-
-    const list =
-      Number(price) > 0
-        ? [api.tx.nfts.setPrice(collectionId, nextId, price, undefined)]
-        : []
-
-    const txs = [create, meta, ...list]
-
-    if (royalty && isRoyaltyValid(royalty) && hasRoyalty) {
-      const setRoyaltyAmount = api.tx.nfts.setAttribute(
-        collectionId,
-        nextId,
-        'ItemOwner',
-        'royalty',
-        royalty.amount,
-      )
-
-      const setRoyaltyRecipient = api.tx.nfts.setAttribute(
-        collectionId,
-        nextId,
-        'ItemOwner',
-        'recipient',
-        royalty.address,
-      )
-      txs.push(setRoyaltyAmount, setRoyaltyRecipient)
-    }
-
-    return txs
-  })
+    }),
+  )
 }
 
 export const expandCopiesWithsIds = async (item: ActionMintToken, api) => {
@@ -176,9 +164,12 @@ const getArgs = async (item: ActionMintToken, api) => {
   const tokensWithIds = assignIds(item.token, lastTokenId)
   const metadata = await constructDirectoryMeta(tokensWithIds).catch((e) => {
     $consola.error('Error while constructing metadata for tokens:\n', e)
-    throw e
   })
 
+  if (!metadata) {
+    return
+  }
+
   const arg = await multipleTokensTxs(tokensWithIds, metadata, api)
 
   const { enabledFees, feeMultiplier } = calculateFees()

From 7ee103b76fd722605a78dcd8a8c8c3728385f3ee Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Thu, 30 Nov 2023 22:16:24 +0800
Subject: [PATCH 050/161] fix: generative mint modal

---
 components/collection/drop/Generative.vue     |  6 ++++--
 .../unlockable/UnlockableLoader.vue           | 21 ++++++++++++-------
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index 604ee67afc..9e72813a89 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -2,6 +2,7 @@
   <div class="unlockable-container">
     <CollectionUnlockableLoader
       v-if="isLoading"
+      :duration="MINTING_SECOND"
       :minted="justMinted"
       model-value
       @model-value="isLoading = false" />
@@ -110,6 +111,7 @@ import { pinFileToIPFS } from '@/services/nftStorage'
 import { sanitizeIpfsUrl } from '@/utils/ipfs'
 
 const NuxtLink = resolveComponent('NuxtLink')
+const MINTING_SECOND = 120
 
 const props = defineProps({
   drop: {
@@ -221,6 +223,7 @@ const handleSubmitMint = async () => {
 
   try {
     isImageFetching.value = true
+    isLoading.value = true
 
     const imageHash = await tryCapture()
 
@@ -235,7 +238,6 @@ const handleSubmitMint = async () => {
     isImageFetching.value = false
 
     const { accountId } = useAuth()
-    isLoading.value = true
 
     const id = await doWaifu(
       {
@@ -257,7 +259,7 @@ const handleSubmitMint = async () => {
       justMinted.value = id
       toast('You will be redirected in few seconds', { duration: 3000 })
       return navigateTo(`/${urlPrefix.value}/gallery/${id}`)
-    }, 44000)
+    }, MINTING_SECOND * 1000)
   } catch (error) {
     toast($i18n.t('drops.mintPerAddress'))
     isLoading.value = false
diff --git a/components/collection/unlockable/UnlockableLoader.vue b/components/collection/unlockable/UnlockableLoader.vue
index 8325a5ccc6..046450caa7 100644
--- a/components/collection/unlockable/UnlockableLoader.vue
+++ b/components/collection/unlockable/UnlockableLoader.vue
@@ -23,8 +23,7 @@
           <span v-else>
             {{ $t('mint.unlockable.loader.viewNFTLater2') }}
             <span class="has-text-weight-bold">
-              {{ displaySeconds }}
-              {{ $t('mint.unlockable.loader.viewNFTLater3') }}
+              {{ displayDuration }}
             </span>
           </span>
         </div>
@@ -50,6 +49,7 @@
 <script lang="ts" setup>
 import { NeoButton, NeoLoading } from '@kodadot1/brick'
 import { resolveComponent } from 'vue'
+import { useCountDown } from './utils/useCountDown'
 
 const NuxtLink = resolveComponent('NuxtLink')
 const props = withDefaults(
@@ -57,25 +57,30 @@ const props = withDefaults(
     modelValue: boolean
     canCancel?: boolean
     minted?: string
+    duration?: number
   }>(),
   {
     modelValue: false,
     canCancel: true,
+    duration: 51, // second
     minted: '',
   },
 )
 const { urlPrefix } = usePrefix()
 const { $i18n } = useNuxtApp()
 const isLoading = useVModel(props, 'modelValue')
-import { useCountDown } from './utils/useCountDown'
 
-const COUNT_DOWN_SECONDS = 51
-const { seconds } = useCountDown(
-  new Date().getTime() + COUNT_DOWN_SECONDS * 1000,
+const { minutes, seconds } = useCountDown(
+  new Date().getTime() + props.duration * 1000,
 )
 
-const displaySeconds = computed(() => {
-  return seconds.value >= 0 ? seconds.value : 'few'
+const displayDuration = computed(() => {
+  if (minutes.value > 0) {
+    return `${minutes.value} minute${minutes.value > 1 ? 's' : ''}${
+      seconds.value ? ` ${seconds.value} seconds` : ''
+    }`
+  }
+  return seconds.value >= 0 ? `${seconds.value} seconds` : 'few seconds'
 })
 
 const twitterText = computed(

From bb3493ef60c76367fe4b4320120d8f1092b2d025 Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Thu, 30 Nov 2023 22:20:06 +0800
Subject: [PATCH 051/161] fix: Link new drop to landing

---
 .../collection/unlockable/UnlockableLandingMobileBanner.vue     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/collection/unlockable/UnlockableLandingMobileBanner.vue b/components/collection/unlockable/UnlockableLandingMobileBanner.vue
index c676a94dd6..8cf3098287 100644
--- a/components/collection/unlockable/UnlockableLandingMobileBanner.vue
+++ b/components/collection/unlockable/UnlockableLandingMobileBanner.vue
@@ -9,7 +9,7 @@
         alt="unlockable icon" />
       <span>{{ $t('mint.unlockable.mintLive') }}</span>
     </div>
-    <nuxt-link class="has-text-weight-bold" to="/ahp/drops/pareidoscope">
+    <nuxt-link class="has-text-weight-bold" to="/ahp/drops/snowflakes">
       {{ $t('mint.unlockable.takeMe') }}
     </nuxt-link>
   </div>

From 4039f5cfa2b6852fc60a7d00cd6cfe7c371fedf4 Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Thu, 30 Nov 2023 23:00:05 +0800
Subject: [PATCH 052/161] fix: Disabled claim till generate new

---
 components/collection/drop/GenerativePreview.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/collection/drop/GenerativePreview.vue b/components/collection/drop/GenerativePreview.vue
index cc73345639..66059389c5 100644
--- a/components/collection/drop/GenerativePreview.vue
+++ b/components/collection/drop/GenerativePreview.vue
@@ -77,9 +77,12 @@ const generativeImageUrl = ref(
 
 const isLoading = ref(false)
 
-watch([accountId], () => {
+const generateDefaultNft = () => {
   generateNft(true)
-})
+}
+onMounted(generateDefaultNft)
+watch(accountId, generateDefaultNft)
+
 const displayUrl = computed(() => {
   return generativeImageUrl.value || props.image
 })

From 0d44f58b97c42359718266e6e549aca0f98db8fc Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Fri, 1 Dec 2023 01:43:14 +0800
Subject: [PATCH 053/161] fix: rotate center

---
 libs/ui/src/components/NeoButton/NeoButton.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/ui/src/components/NeoButton/NeoButton.scss b/libs/ui/src/components/NeoButton/NeoButton.scss
index 0eaaf81577..01c7c86deb 100644
--- a/libs/ui/src/components/NeoButton/NeoButton.scss
+++ b/libs/ui/src/components/NeoButton/NeoButton.scss
@@ -165,7 +165,7 @@
     }
 
     &::after {
-      @apply relative left-0 border-2 border-k-grey rounded-full border-r-transparent border-t-transparent h-[1em] w-[1em] #{!important};
+      @apply relative left-0 border-2 border-k-grey rounded-full border-r-transparent border-t-transparent h-[1em] w-[1.11em] #{!important};
     }
   }
 

From 96fdf9dc9452efa27a4d1119dd8da28f6ebbe194 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Thu, 30 Nov 2023 14:46:43 -0300
Subject: [PATCH 054/161] share button test

---
 tests/e2e/share.spec.ts | 62 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 tests/e2e/share.spec.ts

diff --git a/tests/e2e/share.spec.ts b/tests/e2e/share.spec.ts
new file mode 100644
index 0000000000..546f55d62c
--- /dev/null
+++ b/tests/e2e/share.spec.ts
@@ -0,0 +1,62 @@
+import { expect, test } from './fixtures'
+
+const ITEM_ADDRESS_PATH = '/ahk/gallery/6-10'
+const COLLECTION_ADDRESS_PATH = '/ahp/collection/38/'
+
+test('Share Button on Gallery Item', async ({ page, Commands }) => {
+  await page.goto(ITEM_ADDRESS_PATH)
+  const shareBtn = page.getByTestId('gallery-item-share-button')
+
+  //Copy Link
+  await test.step('Clicks on copy link and verifies clipboard', async () => {
+    await shareBtn.click()
+    await shareBtn.getByText('Copy Link').click()
+    const clipboardText1 = await page.evaluate('navigator.clipboard.readText()')
+    expect(clipboardText1).toContain('/ahk/gallery/6-10')
+  })
+
+  //Twitter
+  await test.step('Clicks on twitter and verify URL', async () => {
+    await shareBtn.click()
+    await Commands.checkNewTab(
+      'https://twitter.com',
+      await shareBtn.getByTestId('gallery-item-share-dropdown-twitter').click(),
+    )
+  })
+
+  //QR Code
+  await test.step('Clicks on QR code and verify its existance', async () => {
+    await shareBtn.click()
+    await shareBtn.getByText('QR Code').click()
+    await expect(
+      page.getByTestId('gallery-item-share-dropdown-qrcode'),
+    ).toBeVisible()
+    await page.keyboard.press('Escape')
+  })
+})
+
+test('Share Button on Collection', async ({ page, Commands }) => {
+  await page.goto(COLLECTION_ADDRESS_PATH)
+  const shareBtn = page.getByTestId('share-button').first()
+  await test.step('Share button functionality', async () => {
+    //Copy
+    await shareBtn.click()
+    await page.getByTestId('hero-copy-link-dropdown').first().click()
+    await Commands.copyText('http://localhost:9090/ahp/collection/38')
+  })
+  //QR
+  await test.step('Clicks on QR code and verify its existance', async () => {
+    await shareBtn.click()
+    await page.getByTestId('hero-share-QR-dropdown').first().click()
+    await expect(page.getByTestId('hero-share-qrcode-modal')).toBeVisible()
+    await page.keyboard.press('Escape')
+  })
+  //Twitter
+  await test.step('Clicks on twitter and verify URL', async () => {
+    await shareBtn.click()
+    await Commands.checkNewTab(
+      'https://twitter.com',
+      await page.getByTestId('hero-share-twitter-dropdown').first().click(),
+    )
+  })
+})

From 00252552954efbfb5da98f977c30c314c787a400 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Thu, 30 Nov 2023 14:48:19 -0300
Subject: [PATCH 055/161] variable name and location

---
 tests/e2e/collection.spec.ts       | 40 ++++++++----------------------
 tests/e2e/createcollection.spec.ts |  8 +++---
 tests/e2e/createnft.spec.ts        |  6 +++--
 tests/e2e/explore.spec.ts          | 11 ++++----
 tests/e2e/galleryitem.spec.ts      | 33 +++---------------------
 tests/e2e/language.spec.ts         |  6 ++---
 tests/e2e/prefix.spec.ts           |  6 ++---
 tests/e2e/profile.spec.ts          | 16 +++++++-----
 tests/e2e/search.spec.ts           |  6 ++---
 tests/e2e/settings.spec.ts         |  4 ++-
 tests/e2e/sidebar.spec.ts          |  4 ++-
 tests/e2e/transfer.spec.ts         |  8 +++---
 12 files changed, 54 insertions(+), 94 deletions(-)

diff --git a/tests/e2e/collection.spec.ts b/tests/e2e/collection.spec.ts
index a009c8f2cd..4c9e6d0398 100644
--- a/tests/e2e/collection.spec.ts
+++ b/tests/e2e/collection.spec.ts
@@ -1,16 +1,15 @@
 import { expect, test } from './fixtures'
 
-const collectionName = 'Pare1d0scope'
-const collectionAddress = '/ahp/collection/38/'
+const COLLECTION_ADDRESS_PATH = '/ahp/collection/38/'
+const COLLECTION_NAME = 'Pare1d0scope'
+const COLLECTION_OWNER = '15CoYMEnJhhWHvdEPXDuTBnZKXwrJzMQdcMwcHGsVx5kXYvW'
 
 test('Collection interactions', async ({ page, Commands }) => {
-  await test.step('Access collection address and scroll down', async () => {
-    await page.goto(collectionAddress)
-    await Commands.scrollDownAndStop()
-  })
+  await page.goto(COLLECTION_ADDRESS_PATH)
+  await Commands.scrollDownAndStop()
   await test.step('Check collection name and description', async () => {
     await expect(page.getByTestId('collection-banner-name')).toContainText(
-      collectionName,
+      COLLECTION_NAME,
     )
     //description show more
     await page.getByTestId('description-show-less-more-button').click()
@@ -20,23 +19,6 @@ test('Collection interactions', async ({ page, Commands }) => {
     )
   })
 
-  //Share Button
-  await test.step('Share button functionality', async () => {
-    const shareBtn = page.getByTestId('share-button').first()
-    await shareBtn.click()
-    await page.getByTestId('hero-copy-link-dropdown').first().click()
-    await Commands.copyText('http://localhost:9090/ahp/collection/38')
-    await shareBtn.click()
-    await page.getByTestId('hero-share-QR-dropdown').first().click()
-    await expect(page.getByTestId('hero-share-qrcode-modal')).toBeVisible()
-    await page.keyboard.press('Escape')
-    await shareBtn.click()
-    await Commands.checkNewTab(
-      'https://twitter.com',
-      await page.getByTestId('hero-share-twitter-dropdown').first().click(),
-    )
-  })
-
   //ITEMS TAB ----------------------------
   //Buy Now Filter
   await test.step('Verify if checking buy now filter only yield results with price ', async () => {
@@ -69,10 +51,10 @@ test('Collection interactions', async ({ page, Commands }) => {
     await page.getByTestId('navbar-button-cart').click()
     await expect(page.getByTestId('shopping-cart-modal')).toBeVisible()
     await expect(page.getByTestId('shopping-cart-item').nth(0)).toContainText(
-      collectionName,
+      COLLECTION_NAME,
     )
     await expect(page.getByTestId('shopping-cart-item').nth(1)).toContainText(
-      collectionName,
+      COLLECTION_NAME,
     )
     await page.getByTestId('modal-close-button').click()
   })
@@ -102,7 +84,7 @@ test('Collection interactions', async ({ page, Commands }) => {
     const holdersTab = page.getByTestId('collection-holders-container')
     //check if nft details on Holders tab has content
     await page.getByTestId('collection-holder-nft-details').first().click()
-    await expect(holdersTab).toContainText(collectionName)
+    await expect(holdersTab).toContainText(COLLECTION_NAME)
     //check if popover on Holders is present
     await expect(
       page.getByTestId('collection-nft-holder').first(),
@@ -138,8 +120,6 @@ test('Collection interactions', async ({ page, Commands }) => {
   //Creator link
   await test.step('Check if creator address redirects to proper page', async () => {
     await page.getByTestId('collection-creator-address').click()
-    await expect(page).toHaveURL(
-      '/ahp/u/15CoYMEnJhhWHvdEPXDuTBnZKXwrJzMQdcMwcHGsVx5kXYvW',
-    )
+    await expect(page).toHaveURL(`/ahp/u/${COLLECTION_OWNER}`)
   })
 })
diff --git a/tests/e2e/createcollection.spec.ts b/tests/e2e/createcollection.spec.ts
index 50b3724dc9..c3d5450107 100644
--- a/tests/e2e/createcollection.spec.ts
+++ b/tests/e2e/createcollection.spec.ts
@@ -1,11 +1,13 @@
 import { expect, test } from './fixtures'
 
+const CREATE_COLLECTION_PATH = '/create/collection'
+
 test('Fill fields to check if they work', async ({ page, Commands }) => {
   await test.step('Login and goto create collection ', async () => {
     //E2E connection
     await Commands.e2elogin()
     //Goto
-    await page.goto('/create/collection')
+    await page.goto(CREATE_COLLECTION_PATH)
   })
   await test.step('Upload image ', async () => {
     //upload image logo
@@ -55,7 +57,7 @@ test('Check if chain change works using the dropdown', async ({
 }) => {
   await test.step('Login and goto create collection', async () => {
     await Commands.e2elogin()
-    await page.goto('/create/collection')
+    await page.goto(CREATE_COLLECTION_PATH)
   })
 
   //Chain dropdown
@@ -82,7 +84,7 @@ test('Check if chain change works using the dropdown', async ({
 })
 
 test('Verifies error message if collection name is empty', async ({ page }) => {
-  await page.goto('/create/collection')
+  await page.goto(CREATE_COLLECTION_PATH)
   const collectionName = page.getByTestId('collection-name')
   await collectionName.locator('input').fill('Kodadot Warning Test')
   await collectionName.locator('input').fill('')
diff --git a/tests/e2e/createnft.spec.ts b/tests/e2e/createnft.spec.ts
index 7648d53632..5a310a72d8 100644
--- a/tests/e2e/createnft.spec.ts
+++ b/tests/e2e/createnft.spec.ts
@@ -1,14 +1,16 @@
 import { expect, test } from './fixtures'
 
+const CREATE_NFT_PATH = '/ksm/create'
+
 test('Create NFT', async ({ page, Commands }) => {
   const numOfCopies = 5
   //Login and navigation
   await test.step('Login and navigate trough create single nft menus', async () => {
     await Commands.e2elogin()
-    await page.goto('/ksm/create')
+    await page.goto(CREATE_NFT_PATH)
     await Commands.acceptCookies()
     await page.getByTestId('create-landing-nft-button').click()
-    await expect(page).toHaveURL('/ksm/create?select=nft')
+    await expect(page).toHaveURL(`${CREATE_NFT_PATH}?select=nft`)
     await page.getByTestId('create-landing-single-nft-button').click()
   })
 
diff --git a/tests/e2e/explore.spec.ts b/tests/e2e/explore.spec.ts
index ffa7310a61..c392e5e921 100644
--- a/tests/e2e/explore.spec.ts
+++ b/tests/e2e/explore.spec.ts
@@ -1,9 +1,10 @@
 import { expect, test } from './fixtures'
 
+const EXPLORE_COLLECTIONS_PATH = '/ahk/explore/collectibles'
+const EXPLORE_ITEMS_PATH = '/ahk/explore/items?page=1'
+
 test('Explore collections', async ({ page, Commands }) => {
-  await test.step('Goto explore collections', async () => {
-    await page.goto('/ahk/explore/collectibles')
-  })
+  await page.goto(EXPLORE_COLLECTIONS_PATH)
 
   //Tabs
   await test.step('Verify tab existance', async () => {
@@ -41,9 +42,7 @@ test('Explore collections', async ({ page, Commands }) => {
 })
 
 test('Explore Items', async ({ page, Commands }) => {
-  await test.step('Go to explore items', async () => {
-    await page.goto('/ahk/explore/items?page=1')
-  })
+  await page.goto(EXPLORE_ITEMS_PATH)
 
   //Tabs
   await test.step('Verify tab existance', async () => {
diff --git a/tests/e2e/galleryitem.spec.ts b/tests/e2e/galleryitem.spec.ts
index b35daac9e2..361cab1554 100644
--- a/tests/e2e/galleryitem.spec.ts
+++ b/tests/e2e/galleryitem.spec.ts
@@ -1,9 +1,9 @@
 import { expect, test } from './fixtures'
 
+const COLLECTION_ADDRESS_PATH = '/ahk/gallery/6-10'
+
 test('Gallery item Interactions', async ({ page }) => {
-  await test.step('Goto Ahk gallery item', async () => {
-    await page.goto('/ahk/gallery/6-10')
-  })
+  await page.goto(COLLECTION_ADDRESS_PATH)
 
   //Activity tab
   await test.step('Verifies if activity tab has content', async () => {
@@ -37,33 +37,6 @@ test('Gallery item Interactions', async ({ page }) => {
     await expect(page.getByTestId('gallery-item-chart')).toBeVisible()
   })
 
-  //Share Button
-  await test.step('Verify if share button options work accordingly', async () => {
-    const shareBtn = page.getByTestId('gallery-item-share-button')
-    await shareBtn.click()
-    //Copy Link
-    await shareBtn.getByText('Copy Link').click()
-    const clipboardText1 = await page.evaluate('navigator.clipboard.readText()')
-    expect(clipboardText1).toContain('/ahk/gallery/6-10')
-    //Twitter
-    await shareBtn.click()
-    await shareBtn.getByTestId('gallery-item-share-dropdown-twitter').click()
-    const newTabPromise = page.waitForEvent('popup')
-    const newTab = await newTabPromise
-    await newTab.waitForLoadState()
-    await expect(newTab).toHaveURL(
-      'https://twitter.com/i/flow/login?redirect_after_login=%2Fintent%2Ftweet%3Ftext%3DCheck%2520out%2520this%2520awesome%2520NFT%2520on%2520KodaDot%26via%3DKodaDot%26url%3Dhttp%3A%2F%2Flocalhost%3A9090%2Fahk%2Fgallery%2F6-10',
-    )
-    await newTab.close()
-    //QR Code
-    await shareBtn.click()
-    await shareBtn.getByText('QR Code').click()
-    await expect(
-      page.getByTestId('gallery-item-share-dropdown-qrcode'),
-    ).toBeVisible()
-    await page.keyboard.press('Escape')
-  })
-
   //More Button
   await test.step('More Button Functionality', async () => {
     await page.getByTestId('gallery-item-more-button').click()
diff --git a/tests/e2e/language.spec.ts b/tests/e2e/language.spec.ts
index dcc31626ac..3af01cf79f 100644
--- a/tests/e2e/language.spec.ts
+++ b/tests/e2e/language.spec.ts
@@ -1,10 +1,8 @@
 import { expect, test } from './fixtures'
 
 test('Translations', async ({ page, Commands }) => {
-  await test.step('Login and go to', async () => {
-    await Commands.e2elogin()
-    await page.goto('')
-  })
+  await Commands.e2elogin()
+  await page.goto('')
 
   //DE
   await test.step('Check German Translation', async () => {
diff --git a/tests/e2e/prefix.spec.ts b/tests/e2e/prefix.spec.ts
index 2da02662de..eb92807442 100644
--- a/tests/e2e/prefix.spec.ts
+++ b/tests/e2e/prefix.spec.ts
@@ -1,10 +1,8 @@
 import { expect, test } from './fixtures'
 
 test('Switch network', async ({ page }) => {
-  await test.step('Go to Landing and wait for load state', async () => {
-    await page.goto('/')
-    await page.waitForLoadState()
-  })
+  await page.goto('/')
+  await page.waitForLoadState()
 
   //BSX
   await test.step('Switching to BSX', async () => {
diff --git a/tests/e2e/profile.spec.ts b/tests/e2e/profile.spec.ts
index 14f334cfb0..f0c42d54ff 100644
--- a/tests/e2e/profile.spec.ts
+++ b/tests/e2e/profile.spec.ts
@@ -1,9 +1,11 @@
 import { expect, test } from './fixtures'
 
+const KSM_TEST_ADDRESS = 'CmWHiv7h4m9tEzKD94DH4mqwGTvsdYQe2nouWPF7ipmHpqA'
+
 test('Profile Interactions', async ({ page, Commands }) => {
-  const testAddress = 'CmWHiv7h4m9tEzKD94DH4mqwGTvsdYQe2nouWPF7ipmHpqA'
-  await page.goto(`ahk/u/${testAddress}?tab=owned`)
+  await page.goto(`ahk/u/${KSM_TEST_ADDRESS}?tab=owned`)
   await Commands.scrollDownSlow()
+
   //test step - will check if buy now has items that are not listed
   await test.step('Buy Now', async () => {
     await Commands.acceptCookies()
@@ -13,7 +15,8 @@ test('Profile Interactions', async ({ page, Commands }) => {
       await expect(li.getByText('KSM')).toBeVisible()
     }
   })
-  //test step
+
+  //Activity
   await test.step('Activity Tab', async () => {
     await page.getByTestId('profile-tabs').last().click()
     //usually sale and buy are active when you enter the page
@@ -52,14 +55,15 @@ test('Profile Interactions', async ({ page, Commands }) => {
     //ALL
     await page.getByTestId('profile-activity-button-all').click()
   })
-  //test step
+
+  //PROFILE LINKS
   await test.step('Profile Links', async () => {
     //copy address
     await page
       .getByTestId('profile-identity-buttons')
       .getByText('Copy Address')
       .click()
-    await Commands.copyText(testAddress)
+    await Commands.copyText(KSM_TEST_ADDRESS)
     //QR Code
     await page
       .getByTestId('profile-identity-buttons')
@@ -73,7 +77,7 @@ test('Profile Interactions', async ({ page, Commands }) => {
       .getByText('Transfer')
       .click()
     await expect(page).toHaveURL(
-      `/ahk/transfer?target=${testAddress}&usdamount=10&donation=true`,
+      `/ahk/transfer?target=${KSM_TEST_ADDRESS}&usdamount=10&donation=true`,
     )
   })
 })
diff --git a/tests/e2e/search.spec.ts b/tests/e2e/search.spec.ts
index 3305d14054..e682858ac3 100644
--- a/tests/e2e/search.spec.ts
+++ b/tests/e2e/search.spec.ts
@@ -1,9 +1,9 @@
 import { expect, test } from './fixtures'
 
+const LANDING_PATH = '/ksm'
+
 test('Check if search provide results', async ({ page }) => {
-  await test.step('Go to landing within Kusama chain', async () => {
-    await page.goto('/ksm')
-  })
+  await page.goto(LANDING_PATH)
 
   //Search term
   await test.step('Search for the term Waifu and hover over results', async () => {
diff --git a/tests/e2e/settings.spec.ts b/tests/e2e/settings.spec.ts
index f09c357731..cb7cc9d25e 100644
--- a/tests/e2e/settings.spec.ts
+++ b/tests/e2e/settings.spec.ts
@@ -1,8 +1,10 @@
 import { expect, test } from './fixtures'
 
+const LANDING_PATH = '/ahk'
+
 test('Settings', async ({ page, Commands }) => {
   await Commands.e2elogin()
-  await page.goto('/ahk')
+  await page.goto(LANDING_PATH)
   //click on settings and check if page redirects correctly
   await page.getByTestId('navbar-profile-dropdown').click()
   await page.getByTestId('sidebar-link-settings').click()
diff --git a/tests/e2e/sidebar.spec.ts b/tests/e2e/sidebar.spec.ts
index 247f49ac35..0ba44c6423 100644
--- a/tests/e2e/sidebar.spec.ts
+++ b/tests/e2e/sidebar.spec.ts
@@ -1,11 +1,13 @@
 import { expect, test } from './fixtures'
 
+const LANDING_PATH = '/ahk'
+
 test('Switches trough sidebars and check if they overlap each other', async ({
   page,
   Commands,
 }) => {
   await Commands.e2elogin()
-  await page.goto('/ahk')
+  await page.goto(LANDING_PATH)
   //profile
   await page.getByTestId('navbar-profile-dropdown').click()
   await expect(page.getByTestId('sidebar-wallet-container')).toBeVisible()
diff --git a/tests/e2e/transfer.spec.ts b/tests/e2e/transfer.spec.ts
index 18deb012cb..a298f9a433 100644
--- a/tests/e2e/transfer.spec.ts
+++ b/tests/e2e/transfer.spec.ts
@@ -1,10 +1,10 @@
 import { expect, test } from './fixtures'
 
+const TRANSFER_PATH = '/dot/transfer'
+
 test('Transfer Page Functionality', async ({ page, Commands }) => {
-  await test.step('Login and go to page', async () => {
-    await Commands.e2elogin()
-    await page.goto('/dot/transfer')
-  })
+  await Commands.e2elogin()
+  await page.goto(TRANSFER_PATH)
 
   const UserAddress =
     await test.step('Gets user address via attribute', async () => {

From 05139b34842ecee460fc34575a04efd534c0f69c Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Thu, 30 Nov 2023 15:13:40 -0300
Subject: [PATCH 056/161] prefix refactor

---
 tests/e2e/prefix.spec.ts | 67 +++++++++++++++++++---------------------
 1 file changed, 32 insertions(+), 35 deletions(-)

diff --git a/tests/e2e/prefix.spec.ts b/tests/e2e/prefix.spec.ts
index eb92807442..a86bdd1b0d 100644
--- a/tests/e2e/prefix.spec.ts
+++ b/tests/e2e/prefix.spec.ts
@@ -1,43 +1,40 @@
 import { expect, test } from './fixtures'
 
+//const CHAINS2 = ['bsx', 'ahp', 'ahk', 'rmrk', 'rmrk2']
+
+const CHAINS = [
+  {
+    dropdownText: 'bsx',
+    chainIdText: 'bsx',
+  },
+  {
+    dropdownText: 'ahp',
+    chainIdText: 'ahp',
+  },
+  {
+    dropdownText: 'ahk',
+    chainIdText: 'ahk',
+  },
+  {
+    dropdownText: 'rmrk',
+    chainIdText: 'rmrk',
+  },
+  {
+    dropdownText: 'ksm',
+    chainIdText: 'rmrk2',
+  },
+]
+
 test('Switch network', async ({ page }) => {
   await page.goto('/')
   await page.waitForLoadState()
-
-  //BSX
-  await test.step('Switching to BSX', async () => {
-    await page.getByTestId('chain-select').click()
-    await page.getByTestId('chain-dropdown-bsx').click()
-    await expect(page.getByTestId('chain')).toHaveText('bsx')
-  })
-
-  //AHP
-  await test.step('Switching to AHP', async () => {
-    await page.getByTestId('chain-select').click()
-    await page.getByTestId('chain-dropdown-ahp').click()
-    await expect(page.getByTestId('chain')).toHaveText('ahp')
-  })
-
-  //AHK
-  await test.step('Switching to AHK', async () => {
-    await page.getByTestId('chain-select').click()
-    await page.getByTestId('chain-dropdown-ahk').click()
-    await expect(page.getByTestId('chain')).toHaveText('ahk')
-  })
-
-  //RMRK2
-  await test.step('Switching to RMRK2', async () => {
-    await page.getByTestId('chain-select').click()
-    await page.getByTestId('chain-dropdown-ksm').click()
-    await expect(page.getByTestId('chain')).toHaveText('rmrk2')
-  })
-
-  //RMRK1
-  await test.step('Switching to RMRK1', async () => {
-    await page.getByTestId('chain-select').click()
-    await page.getByTestId('chain-dropdown-rmrk').click()
-    await expect(page.getByTestId('chain')).toHaveText('rmrk')
-  })
+  for (const data of CHAINS) {
+    await test.step(`Switching to ${data.chainIdText}`, async () => {
+      await page.getByTestId('chain-select').click()
+      await page.getByTestId(`chain-dropdown-${data.dropdownText}`).click()
+      await expect(page.getByTestId('chain')).toHaveText(data.chainIdText)
+    })
+  }
 })
 
 test('Check if RMRK2 NFT URL is correct', async ({ page }) => {

From 4b70adf02ddace4a58efeafb5adbcc7e74a62da5 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Thu, 30 Nov 2023 15:14:02 -0300
Subject: [PATCH 057/161] remove comment

---
 tests/e2e/prefix.spec.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/tests/e2e/prefix.spec.ts b/tests/e2e/prefix.spec.ts
index a86bdd1b0d..1db6ad3f18 100644
--- a/tests/e2e/prefix.spec.ts
+++ b/tests/e2e/prefix.spec.ts
@@ -1,7 +1,5 @@
 import { expect, test } from './fixtures'
 
-//const CHAINS2 = ['bsx', 'ahp', 'ahk', 'rmrk', 'rmrk2']
-
 const CHAINS = [
   {
     dropdownText: 'bsx',

From 99b77cfde76ff096ce0e955624726970b18d854b Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Fri, 1 Dec 2023 10:19:12 +0500
Subject: [PATCH 058/161] ref: update k grey light

---
 assets/styles/abstracts/_theme.scss | 4 ++--
 libs/ui/src/scss/_theme.scss        | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/assets/styles/abstracts/_theme.scss b/assets/styles/abstracts/_theme.scss
index cfe52f4565..e5305ede0f 100644
--- a/assets/styles/abstracts/_theme.scss
+++ b/assets/styles/abstracts/_theme.scss
@@ -22,7 +22,7 @@ $themes: (
     'k-redaccent2': #ffe6e6,
     'k-grey': #999999,
     'k-grey-fix': #999999,
-    'k-grey-light': #ECECEC,
+    'k-grey-light': #f5f5f5,
     'k-pink': #ffb6ef,
     'k-yellow': #feffb6,
     'warning-yellow': #fffbcc,
@@ -72,7 +72,7 @@ $themes: (
     'k-redaccent2': #390b0b,
     'k-grey': #cccccc,
     'k-grey-fix': #999999,
-    'k-grey-light': #ECECEC,
+    'k-grey-light': #1f1f1f,
     'k-pink': #7a2a68,
     'k-yellow': #363234,
     'warning-yellow': #3f3500,
diff --git a/libs/ui/src/scss/_theme.scss b/libs/ui/src/scss/_theme.scss
index 46feb4a2b1..9b36a07054 100644
--- a/libs/ui/src/scss/_theme.scss
+++ b/libs/ui/src/scss/_theme.scss
@@ -22,7 +22,7 @@ $themes: (
     'k-redaccent2': #ffe6e6,
     'k-grey': #999999,
     'k-grey-fix': #999999,
-    'k-grey-light': #ECECEC,
+    'k-grey-light': #f5f5f5,
     'k-pink': #ffb6ef,
     'k-yellow': #feffb6,
     'k-blueaccent': #b6cbff,
@@ -73,7 +73,7 @@ $themes: (
     'k-redaccent2': #390b0b,
     'k-grey': #cccccc,
     'k-grey-fix': #999999,
-    'k-grey-light': #454545,
+    'k-grey-light': #1f1f1f,
     'k-pink': #7a2a68,
     'k-yellow': #363234,
     'k-blueaccent': #2e50a2,

From db713a2cdf62625450457e4c2446bc2cb62639f7 Mon Sep 17 00:00:00 2001
From: daiagi <daiagi@gmail.com>
Date: Fri, 1 Dec 2023 14:49:53 +0700
Subject: [PATCH 059/161] refactor - easier to read

---
 .../mintToken/transactionMintStatemine.ts     | 186 +++++++++---------
 1 file changed, 91 insertions(+), 95 deletions(-)

diff --git a/composables/transaction/mintToken/transactionMintStatemine.ts b/composables/transaction/mintToken/transactionMintStatemine.ts
index 41d99a00e2..0315c7cde4 100644
--- a/composables/transaction/mintToken/transactionMintStatemine.ts
+++ b/composables/transaction/mintToken/transactionMintStatemine.ts
@@ -1,4 +1,3 @@
-import { BaseMintedCollection } from '@/components/base/types'
 import type { ActionMintToken, MintedCollection } from '../types'
 import { TokenToMint } from '../types'
 import { constructMeta } from './constructMeta'
@@ -18,20 +17,18 @@ interface BuildTokenTxsParams {
   token: TokenToMint & Id
   metadata: string
   api: ApiPromise
-  accountId: string
-  collectionId: string
 }
 
-const buildTokenTxs = ({
-  token,
-  metadata,
-  api,
-  accountId,
-  collectionId,
-}: BuildTokenTxsParams) => {
+const buildTokenTxs = ({ token, metadata, api }: BuildTokenTxsParams) => {
+  const { accountId } = useAuth()
+  const collectionId = token.selectedCollection?.id
   const { price, id: nextId, hasRoyalty, royalty } = token
-
-  const create = api.tx.nfts.mint(collectionId, nextId, accountId, undefined)
+  const create = api.tx.nfts.mint(
+    collectionId,
+    nextId,
+    accountId.value,
+    undefined,
+  )
   const meta = api.tx.nfts.setMetadata(collectionId, nextId, metadata)
 
   const list =
@@ -57,57 +54,33 @@ const buildTokenTxs = ({
     )
     txs.push(setRoyaltyAmount, setRoyaltyRecipient)
   }
-
   return txs
 }
 
-export const singleTokenTxs = async (token: TokenToMint & Id, api) => {
-  const { id: collectionId } = token.selectedCollection as BaseMintedCollection
-
-  const { accountId } = useAuth()
-  const { $consola } = useNuxtApp()
-
-  const metadata = await constructMeta(token).catch((e) => {
-    $consola.error(
-      'Error while constructing metadata for token:\n',
-      token,
-      '\n',
-      e,
-    )
-  })
-  if (!metadata) {
-    return
-  }
-  return buildTokenTxs({
+async function handleSingleToken(item: ActionMintToken, api: ApiPromise) {
+  const tokens = await expandCopiesWithsIds(item, api)
+  const metadataList = await Promise.all(
+    tokens.map((token) => constructMeta(token)),
+  )
+  return tokens.map((token, index) => ({
     token,
-    metadata,
-    api,
-    accountId: accountId.value,
-    collectionId,
-  })
+    metadata: metadataList[index],
+  }))
 }
 
-export const multipleTokensTxs = async (
-  tokens: (TokenToMint & Id)[],
-  metadata: string[],
-  api,
-) => {
-  const { id: collectionId } = tokens[0]
-    .selectedCollection as BaseMintedCollection
-
-  const { accountId } = useAuth()
-
-  return tokens.flatMap((token, index) =>
-    buildTokenTxs({
-      token,
-      metadata: metadata[index],
-      api,
-      accountId: accountId.value,
-      collectionId,
-    }),
+async function handleMultipleTokens(item: ActionMintToken, api: ApiPromise) {
+  const tokens = item.token as TokenToMint[]
+  const lastTokenId = await lastIndexUsed(
+    tokens[0].selectedCollection as MintedCollection,
+    api,
   )
+  const tokensWithIds = assignIds(tokens, lastTokenId)
+  const metadata = await constructDirectoryMeta(tokensWithIds)
+  return tokensWithIds.map((token, index) => ({
+    token,
+    metadata: metadata[index],
+  }))
 }
-
 export const expandCopiesWithsIds = async (item: ActionMintToken, api) => {
   const tokens = Array.isArray(item.token) ? item.token : [item.token]
 
@@ -135,45 +108,7 @@ export const getSupportInteraction = (
   return canSupport(api, enabledFees, totalFees, tokenSymbol)
 }
 
-const getArgs = async (item: ActionMintToken, api) => {
-  const { $consola } = useNuxtApp()
-
-  if (!Array.isArray(item.token)) {
-    // single token (with possible copies)
-    const tokens = await expandCopiesWithsIds(item, api)
-    const arg = await Promise.all(
-      tokens.map((token) => singleTokenTxs(token, api)),
-    )
-    const { enabledFees, feeMultiplier, token: tokenSymbol } = calculateFees()
-    const supportInteraction = await getSupportInteraction(
-      item,
-      enabledFees,
-      feeMultiplier,
-      api,
-      tokenSymbol,
-    )
-
-    return [[...arg.flat(), ...supportInteraction]]
-  }
-
-  // multiple tokens (mass mint)
-
-  const lastTokenId = await lastIndexUsed(
-    item.token[0].selectedCollection as MintedCollection,
-    api,
-  )
-
-  const tokensWithIds = assignIds(item.token, lastTokenId)
-  const metadata = await constructDirectoryMeta(tokensWithIds).catch((e) => {
-    $consola.error('Error while constructing metadata for tokens:\n', e)
-  })
-
-  if (!metadata) {
-    return
-  }
-
-  const arg = await multipleTokensTxs(tokensWithIds, metadata, api)
-
+const getArgs = async (item: ActionMintToken, api: ApiPromise) => {
   const { enabledFees, feeMultiplier, token: tokenSymbol } = calculateFees()
   const supportInteraction = await getSupportInteraction(
     item,
@@ -183,7 +118,68 @@ const getArgs = async (item: ActionMintToken, api) => {
     tokenSymbol,
   )
 
-  return [[...arg, ...supportInteraction]]
+  const tokenTxsArgs = Array.isArray(item.token)
+    ? await handleMultipleTokens(item, api)
+    : await handleSingleToken(item, api)
+
+  const arg = await Promise.all(
+    tokenTxsArgs.map(({ token, metadata }) =>
+      buildTokenTxs({ token, metadata, api }),
+    ),
+  )
+
+  return [[...arg.flat(), ...supportInteraction]]
 }
 
+// const getArgs = async (item: ActionMintToken, api) => {
+//   const { $consola } = useNuxtApp()
+
+//   if (!Array.isArray(item.token)) {
+//     // single token (with possible copies)
+//     const tokens = await expandCopiesWithsIds(item, api)
+//     const arg = await Promise.all(
+//       tokens.map((token) => singleTokenTxs(token, api)),
+//     )
+//     const { enabledFees, feeMultiplier, token: tokenSymbol } = calculateFees()
+//     const supportInteraction = await getSupportInteraction(
+//       item,
+//       enabledFees,
+//       feeMultiplier,
+//       api,
+//       tokenSymbol,
+//     )
+
+//     return [[...arg.flat(), ...supportInteraction]]
+//   }
+
+//   // multiple tokens (mass mint)
+
+//   const lastTokenId = await lastIndexUsed(
+//     item.token[0].selectedCollection as MintedCollection,
+//     api,
+//   )
+
+//   const tokensWithIds = assignIds(item.token, lastTokenId)
+//   const metadata = await constructDirectoryMeta(tokensWithIds).catch((e) => {
+//     $consola.error('Error while constructing metadata for tokens:\n', e)
+//   })
+
+//   if (!metadata) {
+//     return
+//   }
+
+//   const arg = await multipleTokensTxs(tokensWithIds, metadata, api)
+
+//   const { enabledFees, feeMultiplier, token: tokenSymbol } = calculateFees()
+//   const supportInteraction = await getSupportInteraction(
+//     item,
+//     enabledFees,
+//     feeMultiplier,
+//     api,
+//     tokenSymbol,
+//   )
+
+//   return [[...arg, ...supportInteraction]]
+// }
+
 export const execMintStatemine = transactionFactory(getArgs)

From e872935cd28c0faa24afa9844498a233d3e12f7f Mon Sep 17 00:00:00 2001
From: daiagi <daiagi@gmail.com>
Date: Fri, 1 Dec 2023 14:51:19 +0700
Subject: [PATCH 060/161] delete commented code

---
 .../mintToken/transactionMintStatemine.ts     | 51 -------------------
 1 file changed, 51 deletions(-)

diff --git a/composables/transaction/mintToken/transactionMintStatemine.ts b/composables/transaction/mintToken/transactionMintStatemine.ts
index 0315c7cde4..d710b3c58b 100644
--- a/composables/transaction/mintToken/transactionMintStatemine.ts
+++ b/composables/transaction/mintToken/transactionMintStatemine.ts
@@ -131,55 +131,4 @@ const getArgs = async (item: ActionMintToken, api: ApiPromise) => {
   return [[...arg.flat(), ...supportInteraction]]
 }
 
-// const getArgs = async (item: ActionMintToken, api) => {
-//   const { $consola } = useNuxtApp()
-
-//   if (!Array.isArray(item.token)) {
-//     // single token (with possible copies)
-//     const tokens = await expandCopiesWithsIds(item, api)
-//     const arg = await Promise.all(
-//       tokens.map((token) => singleTokenTxs(token, api)),
-//     )
-//     const { enabledFees, feeMultiplier, token: tokenSymbol } = calculateFees()
-//     const supportInteraction = await getSupportInteraction(
-//       item,
-//       enabledFees,
-//       feeMultiplier,
-//       api,
-//       tokenSymbol,
-//     )
-
-//     return [[...arg.flat(), ...supportInteraction]]
-//   }
-
-//   // multiple tokens (mass mint)
-
-//   const lastTokenId = await lastIndexUsed(
-//     item.token[0].selectedCollection as MintedCollection,
-//     api,
-//   )
-
-//   const tokensWithIds = assignIds(item.token, lastTokenId)
-//   const metadata = await constructDirectoryMeta(tokensWithIds).catch((e) => {
-//     $consola.error('Error while constructing metadata for tokens:\n', e)
-//   })
-
-//   if (!metadata) {
-//     return
-//   }
-
-//   const arg = await multipleTokensTxs(tokensWithIds, metadata, api)
-
-//   const { enabledFees, feeMultiplier, token: tokenSymbol } = calculateFees()
-//   const supportInteraction = await getSupportInteraction(
-//     item,
-//     enabledFees,
-//     feeMultiplier,
-//     api,
-//     tokenSymbol,
-//   )
-
-//   return [[...arg, ...supportInteraction]]
-// }
-
 export const execMintStatemine = transactionFactory(getArgs)

From 5ed63d96f55924cbd9d06f7f6e2aaaf20af489cd Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Fri, 1 Dec 2023 08:57:00 +0100
Subject: [PATCH 061/161] =?UTF-8?q?=F0=9F=94=A7=20tx=20SetCollectionMaxSup?=
 =?UTF-8?q?ply?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/collection/CustomizeModal.vue      |  2 +-
 .../transactionSetCollectionMaxSupply.ts      | 27 +++++++++++++++++++
 composables/transaction/types.ts              | 10 +++++++
 composables/useTransaction.ts                 | 11 ++++++--
 4 files changed, 47 insertions(+), 3 deletions(-)
 create mode 100644 composables/transaction/transactionSetCollectionMaxSupply.ts

diff --git a/components/collection/CustomizeModal.vue b/components/collection/CustomizeModal.vue
index c03e9ed550..766b498994 100644
--- a/components/collection/CustomizeModal.vue
+++ b/components/collection/CustomizeModal.vue
@@ -1,7 +1,7 @@
 <template>
   <NeoModal :value="value" @close="value = false">
     <div class="py-4 px-5 limit-width">
-      <div class="is-flex mb-3 is-size-6">
+      <div class="is-flex mb-3 is-size-6 has-text-weight-bold">
         {{ 'Customize Collection' }}
       </div>
       <div class="has-text-grey is-size-7 mb-5">
diff --git a/composables/transaction/transactionSetCollectionMaxSupply.ts b/composables/transaction/transactionSetCollectionMaxSupply.ts
new file mode 100644
index 0000000000..2b2827a5cf
--- /dev/null
+++ b/composables/transaction/transactionSetCollectionMaxSupply.ts
@@ -0,0 +1,27 @@
+import { ActionSetCollectionMaxSupply, ExecuteTransactionParams } from './types'
+
+export async function execSetCollectionMaxSupply(
+  params: ActionSetCollectionMaxSupply,
+  api,
+  executeTransaction: ({
+    cb,
+    arg,
+    successMessage,
+    errorMessage,
+  }: ExecuteTransactionParams) => void,
+) {
+  const collectionId = params.collectionId.toString()
+  const maxSupply = params.max.toString()
+
+  try {
+    // item.urlPrefix === 'ahr'
+    if (params.urlPrefix === 'ahk' || params.urlPrefix === 'ahp') {
+      executeTransaction({
+        cb: api.tx.nfts.setCollectionMaxSupply,
+        arg: [collectionId, maxSupply],
+      })
+    }
+  } catch (error) {
+    warningMessage(error)
+  }
+}
diff --git a/composables/transaction/types.ts b/composables/transaction/types.ts
index c1d856d55e..919bd7cbd6 100644
--- a/composables/transaction/types.ts
+++ b/composables/transaction/types.ts
@@ -205,6 +205,15 @@ export interface ActionBurnMultipleNFTs {
   errorMessage?: string
 }
 
+export interface ActionSetCollectionMaxSupply {
+  interaction: Collections.SET_MAX_SUPPLY
+  collectionId: string
+  urlPrefix: string
+  max: number
+  successMessage?: string | ((blockNumber: string) => string)
+  errorMessage?: string
+}
+
 export type Actions =
   | ActionBuy
   | ActionList
@@ -216,3 +225,4 @@ export type Actions =
   | ActionMintCollection
   | ActionDeleteCollection
   | ActionBurnMultipleNFTs
+  | ActionSetCollectionMaxSupply
diff --git a/composables/useTransaction.ts b/composables/useTransaction.ts
index 4c4e7ee7ce..bf509c6f94 100644
--- a/composables/useTransaction.ts
+++ b/composables/useTransaction.ts
@@ -18,7 +18,8 @@ import { execMakeOfferTx } from './transaction/transactionOffer'
 import { execWithdrawOfferTx } from './transaction/transactionOfferWithdraw'
 import { execAcceptOfferTx } from './transaction/transactionOfferAccept'
 import { execMintToken } from './transaction/transactionMintToken'
-
+import { execMintCollection } from './transaction/transactionMintCollection'
+import { execSetCollectionMaxSupply } from './transaction/transactionSetCollectionMaxSupply'
 import {
   ActionAcceptOffer,
   ActionBurnMultipleNFTs,
@@ -30,6 +31,7 @@ import {
   ActionMintToken,
   ActionOffer,
   ActionSend,
+  ActionSetCollectionMaxSupply,
   ActionWithdrawOffer,
   Actions,
   Collections,
@@ -37,7 +39,6 @@ import {
   NFTs,
   ObjectMessage,
 } from './transaction/types'
-import { execMintCollection } from './transaction/transactionMintCollection'
 import { ApiPromise } from '@polkadot/api'
 import { isActionValid } from './transaction/utils'
 const { $consola } = useNuxtApp()
@@ -175,6 +176,12 @@ export const executeAction = ({
         api,
         executeTransaction,
       ),
+    [Collections.SET_MAX_SUPPLY]: () =>
+      execSetCollectionMaxSupply(
+        item as ActionSetCollectionMaxSupply,
+        api,
+        executeTransaction,
+      ),
     [NFTs.BURN_MULTIPLE]: () =>
       execBurnMultiple(item as ActionBurnMultipleNFTs, api, executeTransaction),
   }

From 29bedef85dbb4a0d5b282f5ab4cadb8838f6bfdd Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Fri, 1 Dec 2023 09:05:46 +0100
Subject: [PATCH 062/161] =?UTF-8?q?=F0=9F=94=A7=20tx=20SetCollectionMaxSup?=
 =?UTF-8?q?ply?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/collection/CustomizeModal.vue      | 21 +++++++++++++++-
 .../HeroButtonCustomizeCollection.vue         | 24 +++----------------
 2 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/components/collection/CustomizeModal.vue b/components/collection/CustomizeModal.vue
index 766b498994..5bcfaaca72 100644
--- a/components/collection/CustomizeModal.vue
+++ b/components/collection/CustomizeModal.vue
@@ -25,7 +25,7 @@
           class="has-text-weight-bold mr-4"
           variant="text"
           no-shadow
-          @click="emit('customize')">
+          @click="customizeCollection">
           <span class="has-text-k-green">
             {{ $t('Update') }}
           </span>
@@ -43,6 +43,12 @@
 
 <script setup lang="ts">
 import { NeoButton, NeoField, NeoInput, NeoModal } from '@kodadot1/brick'
+import { Collections } from '@/composables/transaction/types'
+
+const { $updateLoader } = useNuxtApp()
+const { transaction } = useTransaction()
+const { urlPrefix } = usePrefix()
+const route = useRoute()
 
 const props = defineProps<{
   modelValue: boolean
@@ -54,6 +60,19 @@ const value = useVModel(props, 'modelValue')
 
 const min = computed(() => props.min || 1)
 const max = ref(undefined)
+
+const customizeCollection = async () => {
+  $updateLoader(true)
+
+  await transaction({
+    interaction: Collections.SET_MAX_SUPPLY,
+    collectionId: route.params.id.toString(),
+    urlPrefix: urlPrefix.value,
+    max: Number(max.value),
+  })
+
+  emit('customize')
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/components/collection/HeroButtonCustomizeCollection.vue b/components/collection/HeroButtonCustomizeCollection.vue
index 2aca241755..1f0576d10e 100644
--- a/components/collection/HeroButtonCustomizeCollection.vue
+++ b/components/collection/HeroButtonCustomizeCollection.vue
@@ -6,11 +6,10 @@
   <CollectionCustomizeModal
     v-model="customizeCollectionModalActive"
     :min="min"
-    @customize="closeAndCustomize" />
+    @customize="closeModal" />
 </template>
 
 <script setup lang="ts">
-import { Collections } from '@/composables/transaction/types'
 import { NeoDropdownItem } from '@kodadot1/brick'
 
 withDefaults(
@@ -22,27 +21,10 @@ withDefaults(
   },
 )
 
-const route = useRoute()
-const { $i18n, $updateLoader } = useNuxtApp()
-const { transaction } = useTransaction()
-const { urlPrefix } = usePrefix()
-// const { accountId } = useAuth()
-
+const { $i18n } = useNuxtApp()
 const customizeCollectionModalActive = ref(false)
 
-const customizeCollection = async () => {
-  $updateLoader(true)
-  const id = route.params.id.toString()
-
-  await transaction({
-    interaction: Collections.SET_MAX_SUPPLY,
-    urlPrefix: urlPrefix.value,
-    collectionId: id,
-  })
-}
-
-const closeAndCustomize = () => {
+const closeModal = () => {
   customizeCollectionModalActive.value = false
-  customizeCollection()
 }
 </script>

From a17ccdd1dd2747d417194b67fcf6dd0b412e69ac Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Fri, 1 Dec 2023 09:10:26 +0100
Subject: [PATCH 063/161] =?UTF-8?q?=F0=9F=94=A7=20default=20set=20max?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/collection/CustomizeModal.vue                | 3 ++-
 components/collection/HeroButtonCustomizeCollection.vue | 3 +++
 components/collection/HeroButtons.vue                   | 4 +++-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/collection/CustomizeModal.vue b/components/collection/CustomizeModal.vue
index 5bcfaaca72..19bc85c2a8 100644
--- a/components/collection/CustomizeModal.vue
+++ b/components/collection/CustomizeModal.vue
@@ -53,13 +53,14 @@ const route = useRoute()
 const props = defineProps<{
   modelValue: boolean
   min: number
+  max: number
 }>()
 const emit = defineEmits(['update:value', 'customize'])
 
 const value = useVModel(props, 'modelValue')
 
 const min = computed(() => props.min || 1)
-const max = ref(undefined)
+const max = ref(props.max)
 
 const customizeCollection = async () => {
   $updateLoader(true)
diff --git a/components/collection/HeroButtonCustomizeCollection.vue b/components/collection/HeroButtonCustomizeCollection.vue
index 1f0576d10e..9403ceab3c 100644
--- a/components/collection/HeroButtonCustomizeCollection.vue
+++ b/components/collection/HeroButtonCustomizeCollection.vue
@@ -6,6 +6,7 @@
   <CollectionCustomizeModal
     v-model="customizeCollectionModalActive"
     :min="min"
+    :max="max"
     @customize="closeModal" />
 </template>
 
@@ -15,9 +16,11 @@ import { NeoDropdownItem } from '@kodadot1/brick'
 withDefaults(
   defineProps<{
     min: number
+    max: number
   }>(),
   {
     min: undefined,
+    max: undefined,
   },
 )
 
diff --git a/components/collection/HeroButtons.vue b/components/collection/HeroButtons.vue
index c70f08f1f3..9dc128700f 100644
--- a/components/collection/HeroButtons.vue
+++ b/components/collection/HeroButtons.vue
@@ -70,7 +70,8 @@
             <CollectionHeroButtonDeleteNfts />
             <CollectionHeroButtonDeleteCollection />
             <CollectionHeroButtonCustomizeCollection
-              :min="collectionNftCount" />
+              :min="collectionNftCount"
+              :max="collectionMaxCount" />
           </div>
           <NeoDropdownItem disabled>
             {{ $i18n.t('moreActions.reportCollection') }}
@@ -116,6 +117,7 @@ const { collection } = useCollectionMinimal({
 })
 const collectionIssuer = computed(() => collection.value?.issuer)
 const collectionNftCount = computed(() => collection.value?.nftCount)
+const collectionMaxCount = computed(() => collection.value?.max)
 
 const { twitter } = useIdentity({
   address: collectionIssuer,

From 2ccd763d6fcfbc25639040af6d916b953c140d77 Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Fri, 1 Dec 2023 09:12:48 +0100
Subject: [PATCH 064/161] =?UTF-8?q?=F0=9F=94=A7=20query=20collection=20max?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 queries/subsquid/general/collectionByIdMinimal.graphql | 1 +
 1 file changed, 1 insertion(+)

diff --git a/queries/subsquid/general/collectionByIdMinimal.graphql b/queries/subsquid/general/collectionByIdMinimal.graphql
index 970e7afe89..595198a294 100644
--- a/queries/subsquid/general/collectionByIdMinimal.graphql
+++ b/queries/subsquid/general/collectionByIdMinimal.graphql
@@ -11,6 +11,7 @@ query collectionByIdMinimal($id: String!) {
       type
     }
     nftCount
+    max
     metadata
     name
     currentOwner

From 55e8ac276f4947bcb1964749d8e30c05961629a1 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Fri, 1 Dec 2023 17:22:18 +0700
Subject: [PATCH 065/161] Remove unused code and refactor startStep1 function

---
 components/migrate/steps/SignLoader1.vue | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/components/migrate/steps/SignLoader1.vue b/components/migrate/steps/SignLoader1.vue
index ec505ff82b..e1673cad04 100644
--- a/components/migrate/steps/SignLoader1.vue
+++ b/components/migrate/steps/SignLoader1.vue
@@ -103,13 +103,6 @@ const fromCollection = collections.value.find(
   (collection) => collection.id === route.query.collectionId,
 )
 
-// const deleteRelocations = async () => {
-//   const relocationsId = `${from}-${fromAccountId}`
-//   return await waifuApi(`/relocations/${relocationsId}`, {
-//     method: 'DELETE',
-//   })
-// }
-
 const startStep1 = async () => {
   step1Iterations.value -= 1
   nextId.value = (await nextCollectionId())?.toString() || '0'
@@ -125,8 +118,6 @@ const startStep1 = async () => {
     issuer: fromAccountId, // accountId.value
   }
 
-  // await deleteRelocations()
-
   if (nextId.value && fromCollection?.metadata) {
     const createArgs = createArgsForNftPallet(accountId.value)
 

From ea1a005cfd0bf87a3524fd34bf602f17acb85709 Mon Sep 17 00:00:00 2001
From: daiagi <daiagi@gmail.com>
Date: Fri, 1 Dec 2023 17:53:52 +0700
Subject: [PATCH 066/161] refactor and directory upload -Remark

---
 .../mintToken/transactionMintRmrk.ts          | 92 ++++++++++++-------
 1 file changed, 57 insertions(+), 35 deletions(-)

diff --git a/composables/transaction/mintToken/transactionMintRmrk.ts b/composables/transaction/mintToken/transactionMintRmrk.ts
index 5cdb8b7ca9..38db5430bb 100644
--- a/composables/transaction/mintToken/transactionMintRmrk.ts
+++ b/composables/transaction/mintToken/transactionMintRmrk.ts
@@ -27,6 +27,8 @@ import {
 import { constructMeta } from './constructMeta'
 import { isRoyaltyValid } from '@/utils/royalty'
 import { calculateFees, copiesToMint, getNameInNotifications } from './utils'
+import { constructDirectoryMeta } from './constructDirectoryMeta'
+import { usePreferencesStore } from '@/stores/preferences'
 
 const getOnChainProperties = ({ tags, royalty, hasRoyalty }: TokenToMint) => {
   let onChainProperties = convertAttributesToProperties(tags)
@@ -88,50 +90,70 @@ const createMintInteractionObject = (
   return mint.map((nft) => createMintInteraction(Interaction.MINTNFT, nft))
 }
 
-const processSingleTokenToMint = async (
-  token: TokenToMint,
+const processTokens = async (
+  tokens: TokenToMint[],
+  metadata: string | string[],
   api,
-): Promise<{
-  arg: Extrinsic[]
-  createdNFTs: CreatedNFT[] | NewCreatedNFT[]
-}> => {
-  const metadata = await constructMeta(token, { enableCarbonOffset: true })
-  const onChainProperties = getOnChainProperties(token)
-  const mint = createMintObject(token, metadata, getUpdateNameFn(token))
-  const mintInteraction = createMintInteractionObject(mint, onChainProperties)
-
-  const { enabledFees, feeMultiplier } = calculateFees()
-
-  return {
-    arg: [
-      ...mintInteraction.map((nft) => asSystemRemark(api, nft)),
-      ...(await canSupport(api, enabledFees, feeMultiplier, 'KSM')),
-    ],
-    createdNFTs: mint,
-  }
+): Promise<
+  Array<{ arg: Extrinsic[]; createdNFTs: CreatedNFT[] | NewCreatedNFT[] }>
+> => {
+  return tokens.map((token, index) => {
+    const tokenMetadata = Array.isArray(metadata) ? metadata[index] : metadata
+    const onChainProperties = getOnChainProperties(token)
+    const mint = createMintObject(token, tokenMetadata, getUpdateNameFn(token))
+    const mintInteraction = createMintInteractionObject(mint, onChainProperties)
+
+    const arg = [...mintInteraction.map((nft) => asSystemRemark(api, nft))]
+
+    return {
+      arg,
+      createdNFTs: mint,
+    }
+  })
 }
 
 const getArgs = async (item: ActionMintToken, api) => {
+  const preferencesStore = usePreferencesStore()
+  const enableCarbonOffset = preferencesStore.getHasCarbonOffset
   const { $consola } = useNuxtApp()
-  const tokens = Array.isArray(item.token) ? item.token : [item.token]
 
-  const argsAndNftsArray = (
-    await Promise.all(
-      tokens.map((token) => {
-        return processSingleTokenToMint(token, api).catch((e) => {
-          $consola.error('Error:', e)
+  try {
+    const isMultipleTokens = Array.isArray(item.token)
+    const tokens = (
+      isMultipleTokens ? item.token : [item.token]
+    ) as TokenToMint[]
+    const metadata = isMultipleTokens
+      ? await constructDirectoryMeta(tokens, {
+          enableCarbonOffset,
         })
-      }),
+      : await constructMeta(tokens[0], { enableCarbonOffset })
+
+    const results = await processTokens(tokens, metadata, api)
+
+    const { enabledFees, feeMultiplier } = calculateFees()
+    const totalFees = feeMultiplier * tokens.length
+    const supportInteraction = await canSupport(
+      api,
+      enabledFees,
+      totalFees,
+      'KSM',
     )
-  ).filter(Boolean)
 
-  const args = argsAndNftsArray.map((argsAndNfts) => argsAndNfts?.arg).flat()
-  const createdNFTs = ref(
-    argsAndNftsArray.map((argsAndNfts) => argsAndNfts?.createdNFTs).flat(),
-  )
-  return {
-    args,
-    createdNFTs,
+    const args = results
+      .map(({ arg }) => arg)
+      .flat()
+      .concat(supportInteraction)
+    const createdNFTs = ref(
+      results.map(({ createdNFTs }) => createdNFTs).flat(),
+    )
+
+    return {
+      args,
+      createdNFTs,
+    }
+  } catch (e) {
+    $consola.error('Error:', e)
+    throw e
   }
 }
 

From 9d8e81e34cd937f23e1cfd72adaf92524784f49f Mon Sep 17 00:00:00 2001
From: daiagi <daiagi@gmail.com>
Date: Fri, 1 Dec 2023 18:03:50 +0700
Subject: [PATCH 067/161] add carbon offset

---
 .../transaction/mintToken/transactionMintStatemine.ts  | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/composables/transaction/mintToken/transactionMintStatemine.ts b/composables/transaction/mintToken/transactionMintStatemine.ts
index d710b3c58b..8af64e0ac8 100644
--- a/composables/transaction/mintToken/transactionMintStatemine.ts
+++ b/composables/transaction/mintToken/transactionMintStatemine.ts
@@ -12,6 +12,7 @@ import {
 import { SupportTokens, canSupport } from '@/utils/support'
 import { constructDirectoryMeta } from './constructDirectoryMeta'
 import { ApiPromise } from '@polkadot/api'
+import { usePreferencesStore } from '@/stores/preferences'
 
 interface BuildTokenTxsParams {
   token: TokenToMint & Id
@@ -58,9 +59,11 @@ const buildTokenTxs = ({ token, metadata, api }: BuildTokenTxsParams) => {
 }
 
 async function handleSingleToken(item: ActionMintToken, api: ApiPromise) {
+  const enableCarbonOffset = usePreferencesStore().getHasCarbonOffset
+
   const tokens = await expandCopiesWithsIds(item, api)
   const metadataList = await Promise.all(
-    tokens.map((token) => constructMeta(token)),
+    tokens.map((token) => constructMeta(token, { enableCarbonOffset })),
   )
   return tokens.map((token, index) => ({
     token,
@@ -69,13 +72,16 @@ async function handleSingleToken(item: ActionMintToken, api: ApiPromise) {
 }
 
 async function handleMultipleTokens(item: ActionMintToken, api: ApiPromise) {
+  const enableCarbonOffset = usePreferencesStore().getHasCarbonOffset
   const tokens = item.token as TokenToMint[]
   const lastTokenId = await lastIndexUsed(
     tokens[0].selectedCollection as MintedCollection,
     api,
   )
   const tokensWithIds = assignIds(tokens, lastTokenId)
-  const metadata = await constructDirectoryMeta(tokensWithIds)
+  const metadata = await constructDirectoryMeta(tokensWithIds, {
+    enableCarbonOffset,
+  })
   return tokensWithIds.map((token, index) => ({
     token,
     metadata: metadata[index],

From 434e14faedab8beb68c8b063581a9f4fcfc5bf25 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Fri, 1 Dec 2023 18:22:08 +0700
Subject: [PATCH 068/161] * refactor(Review.vue): simplify code by removing
 unnecessary optional chaining and nullish coalescing operator

---
 components/migrate/steps/Review.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/migrate/steps/Review.vue b/components/migrate/steps/Review.vue
index 7e0e656865..72309d2861 100644
--- a/components/migrate/steps/Review.vue
+++ b/components/migrate/steps/Review.vue
@@ -40,11 +40,11 @@
 
       <hr />
 
-      <div class="is-flex is-justify-content-space-between mb-5">
+      <div
+        v-if="collection?.nftsOwned && collection.nfts"
+        class="is-flex is-justify-content-space-between mb-5">
         <p>{{ $t('migrate.ready.status') }}</p>
-        <p>
-          {{ collection?.nftsOwned?.length }}/{{ collection?.nfts?.length }}
-        </p>
+        <p>{{ collection.nftsOwned.length }}/{{ collection.nfts.length }}</p>
       </div>
 
       <div class="border border-k-shade p-2 is-flex is-size-7 has-text-grey">

From 5fb83e4a0ca51b033fd1d38a852d17f1e69419b1 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Fri, 1 Dec 2023 18:22:33 +0700
Subject: [PATCH 069/161] Fix conditional rendering bug in Review.vue

---
 components/migrate/steps/Review.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/migrate/steps/Review.vue b/components/migrate/steps/Review.vue
index 72309d2861..2bd02f4a9d 100644
--- a/components/migrate/steps/Review.vue
+++ b/components/migrate/steps/Review.vue
@@ -41,7 +41,7 @@
       <hr />
 
       <div
-        v-if="collection?.nftsOwned && collection.nfts"
+        v-if="collection?.nftsOwned && collection?.nfts"
         class="is-flex is-justify-content-space-between mb-5">
         <p>{{ $t('migrate.ready.status') }}</p>
         <p>{{ collection.nftsOwned.length }}/{{ collection.nfts.length }}</p>

From 3cda51c0dbdfb19a503510b0fcb6bd3b5657eae3 Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Fri, 1 Dec 2023 20:33:29 +0800
Subject: [PATCH 070/161] fix: Add Swirls and Snowflakes to sidebar

---
 composables/popularCollections/constants.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/composables/popularCollections/constants.ts b/composables/popularCollections/constants.ts
index a4caeefc0a..9a27a25f8d 100644
--- a/composables/popularCollections/constants.ts
+++ b/composables/popularCollections/constants.ts
@@ -54,6 +54,8 @@ export const POPULAR_COLLECTIONS = {
     'u-31848', // Ajuna Network Promo Collection
   ],
   ahp: [
+    '46', // Snowflakes
+    '40', // Swirls
     '38', // Generativ Art - Pare1d0scope
     '10', // Kodachain - Berlin Onchain Exhibition
     '11', // Kodachain - Sub0 Opening Party 2023

From a0d0d2291122addcf3948388483647bed8a26d49 Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Fri, 1 Dec 2023 21:14:47 +0800
Subject: [PATCH 071/161] chore: wathc method

---
 components/collection/drop/GenerativePreview.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/components/collection/drop/GenerativePreview.vue b/components/collection/drop/GenerativePreview.vue
index 66059389c5..fef2c54c21 100644
--- a/components/collection/drop/GenerativePreview.vue
+++ b/components/collection/drop/GenerativePreview.vue
@@ -77,12 +77,6 @@ const generativeImageUrl = ref(
 
 const isLoading = ref(false)
 
-const generateDefaultNft = () => {
-  generateNft(true)
-}
-onMounted(generateDefaultNft)
-watch(accountId, generateDefaultNft)
-
 const displayUrl = computed(() => {
   return generativeImageUrl.value || props.image
 })
@@ -96,6 +90,16 @@ const generateNft = (isDefault: boolean = false) => {
     isLoading.value = false
   }, 3000)
 }
+
+watch(
+  accountId,
+  () => {
+    generateNft(true)
+  },
+  {
+    immediate: true,
+  },
+)
 </script>
 
 <style scoped lang="scss">

From c9330f8fb2376c818cddca1240a1a66c2cd0f2bf Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Fri, 1 Dec 2023 23:18:43 +0800
Subject: [PATCH 072/161] fix: When switching from transfer on polkadot,
 refresh network

---
 middleware/prefix.global.ts             | 9 +++++++++
 pages/[prefix]/explore/collectibles.vue | 2 +-
 pages/[prefix]/explore/items.vue        | 2 +-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/middleware/prefix.global.ts b/middleware/prefix.global.ts
index 36754f27e3..c0db293132 100644
--- a/middleware/prefix.global.ts
+++ b/middleware/prefix.global.ts
@@ -15,6 +15,15 @@ export default defineNuxtRouteMiddleware((route) => {
     (prefix) => location.hostname.startsWith(`${prefix}.`),
   )
 
+  if (
+    [urlPrefix.value, prefixInPath].includes('dot') &&
+    route.path !== '/dot/transfer'
+  ) {
+    setUrlPrefix('ahp')
+    navigateTo(route.path.replace(prefixInPath, 'ahp'))
+    return
+  }
+
   if (rmrk2ChainPrefixInHostname) {
     // fixed chain domain (for example: rmrk2.kodadot.xyz)
 
diff --git a/pages/[prefix]/explore/collectibles.vue b/pages/[prefix]/explore/collectibles.vue
index 5615ed7f5d..a0c20e05db 100644
--- a/pages/[prefix]/explore/collectibles.vue
+++ b/pages/[prefix]/explore/collectibles.vue
@@ -12,7 +12,7 @@ const { urlPrefix } = usePrefix()
 
 const checkRouteAvailability = () => {
   if (!explorerVisible(urlPrefix.value)) {
-    navigateTo('/')
+    navigateTo('/ahp/explore/collectibles')
   }
 }
 
diff --git a/pages/[prefix]/explore/items.vue b/pages/[prefix]/explore/items.vue
index d439b461f2..a9b35483e5 100644
--- a/pages/[prefix]/explore/items.vue
+++ b/pages/[prefix]/explore/items.vue
@@ -17,7 +17,7 @@ const isSidebarOpen = computed(() => preferencesStore.getsidebarFilterCollapse)
 
 const checkRouteAvailability = () => {
   if (!explorerVisible(urlPrefix.value)) {
-    navigateTo('/')
+    navigateTo('/ahp/explore/items')
   }
 }
 

From 47da901162400fa8ae636b1682d929d2f3f4f0ac Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Fri, 1 Dec 2023 15:31:19 +0000
Subject: [PATCH 073/161] Migrated NeoAutocomplete to tailwindcss

---
 .../NeoAutocomplete/NeoAutocomplete.scss          | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss b/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss
index 6d7d102ff6..95d2144e96 100644
--- a/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss
+++ b/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss
@@ -2,21 +2,12 @@
 @import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/helpers.scss';
-@import '../../scss/variable.scss';
 
-
-.o-acp{
+.o-acp {
   &__item {
-    white-space: normal;
+    @apply whitespace-normal;
   }
   &__menu {
-    margin-top: 1rem;
-    padding: 0;
-    @include ktheme() {
-      box-shadow: theme('primary-shadow');
-      border: 1px solid theme('border-color');
-      color: theme('text-color');
-      background: theme('background-color');
-    }
+    @apply mt-4 p-0 shadow-primary border border-border-color text-text-color bg-background-color;
   }
 }

From 5c9354d5fbee3f9ca723616288b88e5514a08520 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Fri, 1 Dec 2023 15:38:14 +0000
Subject: [PATCH 074/161] Migrated NeoAvatar to tailwindcss

---
 libs/ui/src/components/NeoAvatar/NeoAvatar.scss |  4 ----
 libs/ui/src/components/NeoAvatar/NeoAvatar.vue  | 10 ++++------
 2 files changed, 4 insertions(+), 10 deletions(-)
 delete mode 100644 libs/ui/src/components/NeoAvatar/NeoAvatar.scss

diff --git a/libs/ui/src/components/NeoAvatar/NeoAvatar.scss b/libs/ui/src/components/NeoAvatar/NeoAvatar.scss
deleted file mode 100644
index 39dbc59f36..0000000000
--- a/libs/ui/src/components/NeoAvatar/NeoAvatar.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.neo-avatar {
-  max-width: none !important;
-  object-fit: cover;
-}
diff --git a/libs/ui/src/components/NeoAvatar/NeoAvatar.vue b/libs/ui/src/components/NeoAvatar/NeoAvatar.vue
index 54d26433a2..532a143167 100644
--- a/libs/ui/src/components/NeoAvatar/NeoAvatar.vue
+++ b/libs/ui/src/components/NeoAvatar/NeoAvatar.vue
@@ -5,7 +5,7 @@
     :image-component="imageComponent"
     :src="avatar"
     :alt="name"
-    class="border neo-avatar"
+    :class="className"
     :width="size"
     :height="size"
     :style="customStyle"
@@ -17,7 +17,7 @@
     :width="size"
     :height="size"
     :style="customStyle"
-    class="border neo-avatar" />
+    :class="className" />
 </template>
 
 <script setup lang="ts">
@@ -37,8 +37,6 @@ const customStyle = computed(() => ({
   width: `${props.size}px`,
   height: `${props.size}px`,
 }))
-</script>
 
-<style lang="scss">
-@import './NeoAvatar.scss';
-</style>
+const className = 'border-default border-border-color max-w-none object-cover'
+</script>

From 641158eaa6eea4cea522e5c43e6fc00163fba48c Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Fri, 1 Dec 2023 15:38:49 +0000
Subject: [PATCH 075/161] Fixed border class

---
 libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss b/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss
index 95d2144e96..223b848d1e 100644
--- a/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss
+++ b/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss
@@ -8,6 +8,6 @@
     @apply whitespace-normal;
   }
   &__menu {
-    @apply mt-4 p-0 shadow-primary border border-border-color text-text-color bg-background-color;
+    @apply mt-4 p-0 shadow-primary border-default border-border-color text-text-color bg-background-color;
   }
 }

From 638bc15ece17886ba12725d64508fb0c805e5b18 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Fri, 1 Dec 2023 15:49:11 +0000
Subject: [PATCH 076/161] Migrated NeoCheckbox to tailwindcss

---
 .../src/components/NeoCheckbox/NeoCheckbox.scss  | 16 ++--------------
 1 file changed, 2 insertions(+), 14 deletions(-)

diff --git a/libs/ui/src/components/NeoCheckbox/NeoCheckbox.scss b/libs/ui/src/components/NeoCheckbox/NeoCheckbox.scss
index e91c9b81a9..e5d23ba426 100644
--- a/libs/ui/src/components/NeoCheckbox/NeoCheckbox.scss
+++ b/libs/ui/src/components/NeoCheckbox/NeoCheckbox.scss
@@ -1,5 +1,3 @@
-@import '../../scss/variable.scss';
-@import '../../scss/theme.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/expressions.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
@@ -9,21 +7,11 @@ $checkbox-checkmark-color: #000;
 
 .neo-checkbox {
   .o-chk__check {
-    border-radius: 0;
-    @include ktheme() {
-      border: 1px solid theme('border-color');
-      color: theme('text-color');
-      background-color: theme('background-color');
-    }
+    @apply rounded-none border-default border-border-color text-text-color bg-background-color;
   }
 
   .o-chk__check--checked {
-    background-size: 10px;
-    background-repeat: no-repeat;
-    background-position: center;
-    @include ktheme() {
-      background-color: theme('k-primary');
-    }
+    @apply bg-[length:10px] bg-no-repeat bg-center bg-k-primary;
   }
 }
 

From 6ef347a2a7bd33244fa6d528d3b5ce7d29c1369e Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Fri, 1 Dec 2023 16:24:57 +0000
Subject: [PATCH 077/161] Migrated NeoCollapsible to tailwindcss

---
 .../NeoCollapsible/NeoCollapsible.scss        | 55 -------------------
 .../NeoCollapsible/NeoCollapsible.story.vue   | 16 ++++++
 .../NeoCollapsible/NeoCollapsible.vue         | 27 +++++----
 3 files changed, 29 insertions(+), 69 deletions(-)
 delete mode 100644 libs/ui/src/components/NeoCollapsible/NeoCollapsible.scss
 create mode 100644 libs/ui/src/components/NeoCollapsible/NeoCollapsible.story.vue

diff --git a/libs/ui/src/components/NeoCollapsible/NeoCollapsible.scss b/libs/ui/src/components/NeoCollapsible/NeoCollapsible.scss
deleted file mode 100644
index ff9f731db6..0000000000
--- a/libs/ui/src/components/NeoCollapsible/NeoCollapsible.scss
+++ /dev/null
@@ -1,55 +0,0 @@
-@import '../../scss/variable.scss';
-
-.neo-collapse {
-
-  .active-collpase {
-    @include ktheme() {
-      background-color: theme('background-color-inverse');
-      .card-header-title,
-      .card-header-icon {
-        color: theme('text-color-inverse');
-      }
-    }
-  }
-
-  &.card {
-    max-width: 100%;
-    position: relative;
-    border-radius: 0;
-    box-shadow: none;
-    @include ktheme() {
-      border-bottom: 1px solid theme('border-color');
-    }
-  }
-
-  .card-header {
-    border-radius: 0;
-  }
-
-  .card-header-title {
-    font-weight: 700;
-    padding: 0.75rem;
-    margin: 0;
-  }
-
-  .card-header-icon{
-    position: absolute;
-    right: 0;
-  }
-
-  .card-content {
-    padding: 0;
-    background-color: transparent;
-    @include ktheme() {
-      color: theme('text-color');
-    }
-  }
-
-  &.disabled {
-    pointer-events: none;
-    cursor: inherit;
-    @include ktheme() {
-      background-color: theme('k-shade');
-    }
-  }
-}
diff --git a/libs/ui/src/components/NeoCollapsible/NeoCollapsible.story.vue b/libs/ui/src/components/NeoCollapsible/NeoCollapsible.story.vue
new file mode 100644
index 0000000000..ca19edc544
--- /dev/null
+++ b/libs/ui/src/components/NeoCollapsible/NeoCollapsible.story.vue
@@ -0,0 +1,16 @@
+<template>
+  <Story title="NeoCollapsible">
+    <Variant>
+      <NeoCollapsible>
+        <div>Text</div>
+        <template #content>
+          <div>Content</div>
+        </template>
+      </NeoCollapsible>
+    </Variant>
+  </Story>
+</template>
+
+<script lang="ts" setup>
+import NeoCollapsible from './NeoCollapsible.vue'
+</script>
diff --git a/libs/ui/src/components/NeoCollapsible/NeoCollapsible.vue b/libs/ui/src/components/NeoCollapsible/NeoCollapsible.vue
index c47fae9978..b03703d7a7 100644
--- a/libs/ui/src/components/NeoCollapsible/NeoCollapsible.vue
+++ b/libs/ui/src/components/NeoCollapsible/NeoCollapsible.vue
@@ -1,26 +1,29 @@
 <template>
   <o-collapse
-    class="neo-collapse card"
-    :class="{ disabled: disabled }"
+    class="neo-collapse max-w-full relative rounded-none shadow-none border-b border-b-border-color"
+    :class="{ 'pointer-events-none cursor-default bg-k-shade': disabled }"
     animation="slide"
     :open="false"
     content-class="collapse-content">
     <template #trigger="props">
-      <div
-        class="card-header"
-        role="button"
-        :class="{ 'active-collpase': props.open }">
+      <button
+        class="rounded-none flex items-stretch w-full cursor-pointer text-base p-0"
+        type="button"
+        :class="{
+          'bg-background-color-inverse group active': props.open,
+          'bg-transparent': !props.open,
+        }">
         <p
-          class="card-header-title is-flex is-justify-content-center is-align-items-center is-flex-grow-1 px-7">
+          class="text-text-color group-[.active]:text-text-color-inverse font-bold p-3 m-0 flex justify-center items-center grow px-7">
           <slot />
         </p>
         <a
-          class="card-header-icon is-flex is-justify-content-center is-align-items-center">
+          class="text-text-color group-[.active]:text-text-color-inverse absolute right-0 flex justify-center items-center">
           <o-icon :icon="props.open ? 'chevron-up' : 'chevron-down'"> </o-icon>
         </a>
-      </div>
+      </button>
     </template>
-    <div class="card-content">
+    <div class="p-0 bg-transparent text-text-color">
       <div class="content">
         <slot name="content" />
       </div>
@@ -34,7 +37,3 @@ defineProps<{
   disabled?: boolean
 }>()
 </script>
-
-<style lang="scss">
-@import './NeoCollapsible.scss';
-</style>

From b4632749727c4db432caff0fb8accc2dad223de8 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Fri, 1 Dec 2023 19:33:02 +0000
Subject: [PATCH 078/161] Migrated NeoDropdown to tailwindcss

---
 .../components/NeoDropdown/NeoDropdown.scss   | 28 ++++---------------
 .../NeoDropdown/NeoDropdownItem.vue           |  4 ---
 2 files changed, 6 insertions(+), 26 deletions(-)

diff --git a/libs/ui/src/components/NeoDropdown/NeoDropdown.scss b/libs/ui/src/components/NeoDropdown/NeoDropdown.scss
index 97f8f2c645..4d0ac6d978 100644
--- a/libs/ui/src/components/NeoDropdown/NeoDropdown.scss
+++ b/libs/ui/src/components/NeoDropdown/NeoDropdown.scss
@@ -2,7 +2,6 @@
 @import '@oruga-ui/oruga-next/src/scss/utilities/_variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/_animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/_helpers.scss';
-@import '../../scss/variable.scss';
 
 $dropdown-menu-padding: 0;
 $dropdown-menu-margin: 1rem 0;
@@ -15,42 +14,27 @@ $dropdown-item-hover-background-color: #ffe5f3;
 @import '@oruga-ui/oruga-next/src/scss/components/_dropdown.scss';
 
 .o-drop__item {
-  @include ktheme() {
-    border-bottom: 1px solid theme('border-color');
-    color: theme('text-color')!important;
-  }
+  @apply border-b border-b-border-color text-text-color;
 
   &:hover {
-    @include ktheme() {
-      background: theme('k-accentHover');
-    }
+    @apply bg-k-accent-hover;
   }
 
   &.is-active,
   &--active,
   &[active='true'] {
-    @include ktheme() {
-      color: theme('text-color-inverse') !important;
-      background: theme('background-color-inverse') !important;
-    }
+    @apply text-text-color-inverse bg-background-color-inverse;
   }
 
   .o-tip {
-    width: 100%;
+    @apply w-full;
   }
 }
 
 .o-drop__menu {
-  @include ktheme() {
-    box-shadow: theme('primary-shadow');
-    border: 1px solid theme('border-color');
-    color: theme('text-color');
-    background: theme('background-color');
-  }
+  @apply shadow-primary border-default border-border-color text-text-color bg-background-color;
 
   &.no-shadow {
-    box-shadow: none !important;
+    @apply shadow-none;
   }
-
 }
-
diff --git a/libs/ui/src/components/NeoDropdown/NeoDropdownItem.vue b/libs/ui/src/components/NeoDropdown/NeoDropdownItem.vue
index 85e3ed691f..45e376c7a4 100644
--- a/libs/ui/src/components/NeoDropdown/NeoDropdownItem.vue
+++ b/libs/ui/src/components/NeoDropdown/NeoDropdownItem.vue
@@ -12,10 +12,6 @@ export default {
           [this.computedClass('itemDisabledClass', 'o-drop__item--disabled')]:
             this.parent.disabled || this.disabled,
         },
-        // {
-        //   [this.computedClass('itemActiveClass', 'o-drop__item--active')]:
-        //     this.isActive,
-        // },
       ]
     },
   },

From 3245680fa2d4e3e3365f379026cd1a92de677405 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Fri, 1 Dec 2023 20:04:50 +0000
Subject: [PATCH 079/161] Migrated NeoIcon to tailwindcss

---
 libs/ui/src/components/NeoIcon/NeoIcon.scss | 23 ++++++---------------
 libs/ui/tailwind.config.js                  |  4 ++++
 2 files changed, 10 insertions(+), 17 deletions(-)

diff --git a/libs/ui/src/components/NeoIcon/NeoIcon.scss b/libs/ui/src/components/NeoIcon/NeoIcon.scss
index fee8a8b498..c2df5c3e79 100644
--- a/libs/ui/src/components/NeoIcon/NeoIcon.scss
+++ b/libs/ui/src/components/NeoIcon/NeoIcon.scss
@@ -1,5 +1,3 @@
-@import '../../scss/theme';
-
 @import '@oruga-ui/oruga-next/src/scss/utilities/_expressions.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/_variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/_animations.scss';
@@ -7,26 +5,17 @@
 @import '@oruga-ui/oruga-next/src/scss/components/_icon.scss';
 
 .o-icon--success {
-  @include ktheme() {
-    color: theme('k-green');
-  }
+  @apply text-k-green;
 }
+
 .o-icon--primary {
-  @include ktheme() {
-    color: theme('k-primary');
-  }
+  @apply text-k-primary;
 }
 
 .o-icon--k-grey {
-  @include ktheme() {
-    color: theme('k-grey');
-  }
+  @apply text-k-grey;
 }
 
-
 .o-icon--spin {
-  animation-name: icon-spin;
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
-  animation-duration: var(--oruga-icon-spin-duration, 1.5s)
-}
\ No newline at end of file
+  @apply animate-icon-spin;
+}
diff --git a/libs/ui/tailwind.config.js b/libs/ui/tailwind.config.js
index 87039c6e1e..352bd175e2 100644
--- a/libs/ui/tailwind.config.js
+++ b/libs/ui/tailwind.config.js
@@ -67,6 +67,10 @@ module.exports = {
       lineHeight: {
         4.5: '1.125rem',
       },
+      animation: {
+        'icon-spin':
+          'icon-spin infinite linear var(--oruga-icon-spin-duration, 1.5s)',
+      },
     },
   },
   plugins: [],

From 06b8d3d63e36c1ee1438345b715167f5ac738fb2 Mon Sep 17 00:00:00 2001
From: Shashkov Danil <shashkovdanil@gmail.com>
Date: Fri, 1 Dec 2023 22:20:04 +0000
Subject: [PATCH 080/161] Migrated NeoInput to tailwindcss

---
 libs/ui/src/components/NeoInput/NeoField.scss | 25 ++++++-------------
 libs/ui/src/components/NeoInput/NeoInput.scss | 22 +++++-----------
 2 files changed, 13 insertions(+), 34 deletions(-)

diff --git a/libs/ui/src/components/NeoInput/NeoField.scss b/libs/ui/src/components/NeoInput/NeoField.scss
index 17e2ea203d..0d6e41d504 100644
--- a/libs/ui/src/components/NeoInput/NeoField.scss
+++ b/libs/ui/src/components/NeoInput/NeoField.scss
@@ -1,5 +1,3 @@
-@import '../../scss/variable.scss';
-@import '../../scss/theme.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/expressions.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
@@ -12,39 +10,30 @@ $field-label-font-weight: 700;
 
 .o-field {
   &--error .o-input {
-    @include ktheme() {
-      border-color: theme('k-red') !important;
-    }
+    @apply border-k-red;
+
     &::placeholder {
-      @include ktheme() {
-        color: theme('k-red') !important;
-      }
+      @apply text-k-red;
     }
   }
 
   .o-field__label {
-    margin-bottom: 0.75rem;
-    @include ktheme() {
-      color: theme('text-color');
-    }
+    @apply mb-3 text-text-color;
   }
 
   &.o-field--focused {
     input,
     textarea {
-      outline: none;
+      @apply outline-none;
     }
   }
 
   .o-field__message-danger {
-    @include ktheme() {
-      color: theme('k-red');
-    }
+    @apply text-k-red;
   }
 
   .o-field--addons > :not(:first-child):not(:last-child) button,
   .o-field--addons > button:not(:first-child):not(:last-child) {
-    border-right: 0;
-    border-left: 0;
+    @apply border-l-0 border-r-0;
   }
 }
diff --git a/libs/ui/src/components/NeoInput/NeoInput.scss b/libs/ui/src/components/NeoInput/NeoInput.scss
index 95d5088bff..c9d5ccfae9 100644
--- a/libs/ui/src/components/NeoInput/NeoInput.scss
+++ b/libs/ui/src/components/NeoInput/NeoInput.scss
@@ -1,5 +1,3 @@
-@import '../../scss/variable.scss';
-@import '../../scss/theme.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/expressions.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
@@ -14,25 +12,17 @@ $input-textarea-padding: 0.75rem 1rem;
 
 .neo-input {
   .o-input {
-    outline: none;
-    box-shadow: none;
-    @include ktheme() {
-      border: 1px solid theme('k-grey-fix');
-      background-color: theme('background-color');
-      color: theme('text-color');
+    @apply outline-none shadow-none border-default border-k-grey-fix bg-background-color text-text-color;
 
-      &:focus {
-        border: 1px solid theme('text-color');
-      }
+    &:focus {
+      @apply border-default border-text-color;
     }
 
     &--danger {
-      @include ktheme() {
-        border: 1px solid theme('k-red');
+      @apply border-default border-k-red;
 
-        &:focus {
-          border: 1px solid theme('k-red');
-        }
+      &:focus {
+        @apply border-default border-k-red;
       }
     }
   }

From b310d58a4faadf8c104d86f84f9565deaa44d090 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Sat, 2 Dec 2023 10:17:47 +0500
Subject: [PATCH 081/161] add: hover white button

---
 components/collection/drop/DropConfirmModal.vue | 2 +-
 libs/ui/src/scss/tailwind.scss                  | 3 +++
 libs/ui/tailwind.config.js                      | 1 +
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/collection/drop/DropConfirmModal.vue b/components/collection/drop/DropConfirmModal.vue
index 1ea79e9515..12897ec971 100644
--- a/components/collection/drop/DropConfirmModal.vue
+++ b/components/collection/drop/DropConfirmModal.vue
@@ -99,7 +99,7 @@ const confirm = () => {
   &:not(:disabled) {
     @include shineEffect(var(--k-accent-light-3), lightgrey);
     &:hover {
-      color: var(--k-accent) !important;
+      color: var(--k-accent2) !important;
     }
   }
 }
diff --git a/libs/ui/src/scss/tailwind.scss b/libs/ui/src/scss/tailwind.scss
index e5947797c1..bba9631c31 100644
--- a/libs/ui/src/scss/tailwind.scss
+++ b/libs/ui/src/scss/tailwind.scss
@@ -18,6 +18,7 @@
     --background-color-inverse: #191718;
     --link-hover: #6b6b6b;
     --k-accent: #ff7ac3;
+    --k-accent2: #ff7ac3;
     --k-accent-light: #ffe5f3;
     --k-accent-hover: #ffe5f3;
     --k-accent-light-2: #ffe5f3;
@@ -68,6 +69,7 @@
       --link-hover: #cccccc;
       --border-color: var(--white);
       --k-accent: #191718;
+      --k-accent2: var(--white);
       --k-accent-hover: #363234;
       --k-accent-light-2: #363234;
       --k-accent-light-2-dark: var(--white);
@@ -110,6 +112,7 @@
     --link-hover: #cccccc;
     --border-color: var(--white);
     --k-accent: #191718;
+    --k-accent2: var(--white);
     --k-accent-hover: #363234;
     --k-accent-light-2: #363234;
     --k-accent-light-2-dark: var(--white);
diff --git a/libs/ui/tailwind.config.js b/libs/ui/tailwind.config.js
index 87039c6e1e..d90acded66 100644
--- a/libs/ui/tailwind.config.js
+++ b/libs/ui/tailwind.config.js
@@ -11,6 +11,7 @@ module.exports = {
         'background-color-inverse': 'var(--background-color-inverse)',
         'link-hover': 'var(--link-hover)',
         'k-accent': 'var(--k-accent)',
+        'k-accent2': 'var(--k-accent2)',
         'k-accent-light': 'var(--k-accent-light)',
         'k-accent-hover': 'var(--k-accent-hover)',
         'k-accent-light-2': 'var(--k-accent-light-2)',

From 854d471d71c56f305079b8bfe0b9be176c63bee9 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Sat, 2 Dec 2023 12:05:45 +0500
Subject: [PATCH 082/161] fix: shine over text

---
 assets/styles/abstracts/_animations.scss        | 11 +++++++++--
 components/collection/drop/DropConfirmModal.vue |  2 +-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/assets/styles/abstracts/_animations.scss b/assets/styles/abstracts/_animations.scss
index 72a2137d4d..9e869c4bc2 100644
--- a/assets/styles/abstracts/_animations.scss
+++ b/assets/styles/abstracts/_animations.scss
@@ -105,7 +105,8 @@
   animation: dots 1.5s infinite;
 }
 
-@mixin shineEffect($shineColor, $shineHover) {
+@mixin shineEffect($shineColor, $shineHover, $overChild: true) {
+  position: relative;
   overflow: hidden;
 
   &::before,
@@ -117,7 +118,7 @@
     background-color: $shineColor;
     transform: skewX(-30deg);
     transition: background-color 0.3s;
-    z-index: 0;
+    z-index: 1;
   }
 
   &::before {
@@ -138,6 +139,12 @@
       background-color: $shineHover
     }
   }
+
+  @if not $overChild {
+    > :first-child {
+      z-index: 2;
+    }
+  }
 }
 
 @keyframes shine1 {
diff --git a/components/collection/drop/DropConfirmModal.vue b/components/collection/drop/DropConfirmModal.vue
index 12897ec971..12c79aebe0 100644
--- a/components/collection/drop/DropConfirmModal.vue
+++ b/components/collection/drop/DropConfirmModal.vue
@@ -97,7 +97,7 @@ const confirm = () => {
 
 .shine {
   &:not(:disabled) {
-    @include shineEffect(var(--k-accent-light-3), lightgrey);
+    @include shineEffect(var(--k-accent-light-3), lightgrey, false);
     &:hover {
       color: var(--k-accent2) !important;
     }

From 9d9fc7dc10fd47429e623faaf6cb0cfb8d57f284 Mon Sep 17 00:00:00 2001
From: newraina <newraina@users.noreply.github.com>
Date: Sat, 2 Dec 2023 18:52:05 +0900
Subject: [PATCH 083/161] fix: incorrect bg color on hover state

---
 components/common/NotificationBox/NotificationItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/common/NotificationBox/NotificationItem.vue b/components/common/NotificationBox/NotificationItem.vue
index 5d98f00d4f..0c9d064b13 100644
--- a/components/common/NotificationBox/NotificationItem.vue
+++ b/components/common/NotificationBox/NotificationItem.vue
@@ -1,7 +1,7 @@
 <template>
   <nuxt-link
     :to="`/${urlPrefix}/gallery/${event.nft.id}`"
-    class="is-flex py-3 px-6">
+    class="is-flex py-3 px-6 notify-item">
     <img
       v-if="avatar"
       :src="avatar"

From 706e8275b3811c40607742bd53ffe8f4cc1f0f9b Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Sat, 2 Dec 2023 11:43:54 +0100
Subject: [PATCH 084/161] =?UTF-8?q?=F0=9F=94=A7=20switch=20to=20tailwind?=
 =?UTF-8?q?=20&=20fix=20histoire=20darkmode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 libs/ui/histoire.config.ts                    |  4 +-
 .../src/components/NeoSwitch/NeoSwitch.scss   | 23 +++------
 libs/ui/src/scss/tailwind.scss                | 49 ++-----------------
 3 files changed, 14 insertions(+), 62 deletions(-)

diff --git a/libs/ui/histoire.config.ts b/libs/ui/histoire.config.ts
index 9328aa1517..fb51a14dcc 100644
--- a/libs/ui/histoire.config.ts
+++ b/libs/ui/histoire.config.ts
@@ -5,8 +5,10 @@ import { resolve } from 'path'
 import { searchForWorkspaceRoot } from 'vite'
 
 export default defineConfig({
-  sandboxDarkClass: 'dark-mode',
   setupFile: '/src/histoire.setup.ts',
+  theme: {
+    darkClass: 'dark-mode',
+  },
   plugins: [HstVue()],
   vite: {
     // https://stackoverflow.com/questions/74902697/error-the-request-url-is-outside-of-vite-serving-allow-list-after-git-init
diff --git a/libs/ui/src/components/NeoSwitch/NeoSwitch.scss b/libs/ui/src/components/NeoSwitch/NeoSwitch.scss
index aab2e5f3ba..803c8af81d 100644
--- a/libs/ui/src/components/NeoSwitch/NeoSwitch.scss
+++ b/libs/ui/src/components/NeoSwitch/NeoSwitch.scss
@@ -6,29 +6,22 @@
 
 $switch-padding: 0;
 $switch-width: 3rem;
+$switch-background: #{var(--background-color)};
+$switch-border-color: #{var(--border-color)};
+$switch-active-background-color: #{var(--toggle-primary)};
+$switch-action-background: #{var(--toggle-active-switch)};
+$switch-action-checked-background: #{var(--background-color)};
 
 @import '@oruga-ui/oruga-next/src/scss/components/_switch.scss';
 
 .o-switch {
-  @include ktheme() {
-    --oruga-switch-background: #{theme('background-color')};
-    --oruga-switch-border-color: #{theme('border-color')};
-    --oruga-switch-active-background-color: #{theme('toggle-primary')};
-    --oruga-switch-action-background: #{theme('toggle-active-switch')};
-    --oruga-switch-action-checked-background: #{theme('background-color')};
-  }
   &__check-switch {
-    height: 1.5rem;
-    width: 1.5rem;
-    border: 1px solid var(--oruga-switch-border-color);
-    margin-left: -1px;
-    box-shadow: none;
+    @apply h-6 w-6 shadow-none border border-border-color -ml-px;
   }
   &__check {
-    height: 1.5rem;
-    border: 1px solid;
+    @apply h-6 border;
   }
   &__check--checked &__check-switch {
-    background-color: var(--oruga-switch-action-checked-background);
+    @apply bg-background-color;
   }
 }
diff --git a/libs/ui/src/scss/tailwind.scss b/libs/ui/src/scss/tailwind.scss
index e5947797c1..548e2b90a1 100644
--- a/libs/ui/src/scss/tailwind.scss
+++ b/libs/ui/src/scss/tailwind.scss
@@ -10,7 +10,7 @@
   }
 
   :root,
-  :root.light-mode {
+  :root .light-mode {
     --text-color: var(--black);
     --text-color-inverse: var(--white);
     --border-color: var(--black);
@@ -58,54 +58,11 @@
     --toggle-active-switch: #d9d9d9;
   }
 
-  @media (prefers-color-scheme: dark) {
-    :root {
-      --black: #191718;
-      --text-color: var(--white);
-      --text-color-inverse: var(--black);
-      --background-color: var(--black);
-      --background-color-inverse: var(--white);
-      --link-hover: #cccccc;
-      --border-color: var(--white);
-      --k-accent: #191718;
-      --k-accent-hover: #363234;
-      --k-accent-light-2: #363234;
-      --k-accent-light-2-dark: var(--white);
-      --k-accent-light-2-dark-head: var(--white);
-      --k-accent-light-2-dark-paragraph: #b9b9b9;
-      --k-red-accent: #b52c2c;
-      --k-red-accent-2: #390b0b;
-      --k-grey: #cccccc;
-      --k-grey-fix: #999999;
-      --k-pink: #7a2a68;
-      --k-yellow: #363234;
-      --k-blue-accent: #2e50a2;
-      --k-aqua-blue: #106153;
-      --k-green-accent: #056a02;
-      --k-green-accent-2: #0a3009;
-      --k-blue-light: #363234;
-      --k-primary-light: #363234;
-      --k-shade: #999999;
-      --primary-shadow: 4px 4px #fff;
-      --disabled: var(--black);
-      --card-border-color: #6b6b6b;
-      --card-border-color-light: #6b6b6b;
-      --green-border-color: #056a02;
-      --blue-accent-bg-color: #363234;
-      --blue-light-hover-color: #363234;
-      --blue-light-cards: #121d39;
-      --card-hover-opacity: 0.8;
-      --separator-line-color: #6b6b6b;
-      --toggle-primary: var(--white);
-      --toggle-active-switch: #363234;
-    }
-  }
-
-  :root.dark-mode {
+  :root .dark-mode {
     --black: #191718;
     --text-color: var(--white);
     --text-color-inverse: var(--black);
-    --background-color: var(--black);
+    --background-color: #191718;
     --background-color-inverse: var(--white);
     --link-hover: #cccccc;
     --border-color: var(--white);

From 5230d9c141c20fa3cb71d95bc41c2747aa009a85 Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Sat, 2 Dec 2023 11:55:32 +0100
Subject: [PATCH 085/161] =?UTF-8?q?=F0=9F=94=A7=20histoire=20darkmode=20va?=
 =?UTF-8?q?rs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 libs/ui/src/scss/tailwind.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/ui/src/scss/tailwind.scss b/libs/ui/src/scss/tailwind.scss
index 548e2b90a1..103da551a2 100644
--- a/libs/ui/src/scss/tailwind.scss
+++ b/libs/ui/src/scss/tailwind.scss
@@ -58,7 +58,7 @@
     --toggle-active-switch: #d9d9d9;
   }
 
-  :root .dark-mode {
+  .dark-mode {
     --black: #191718;
     --text-color: var(--white);
     --text-color-inverse: var(--black);

From 3632ccff30d475a4cf65d0b8a04fc0fcf8a8cab9 Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Sat, 2 Dec 2023 22:27:09 +0800
Subject: [PATCH 086/161] fix: 1 decimal in usd price

---
 components/common/confirmPurchaseModal/ConfirmPurchaseModal.vue | 2 +-
 components/common/shoppingCart/ShoppingCartModal.vue            | 2 +-
 .../gallery/GalleryItemAction/GalleryItemActionSection.vue      | 2 +-
 composables/useMigrate.ts                                       | 2 +-
 utils/calculation.ts                                            | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/common/confirmPurchaseModal/ConfirmPurchaseModal.vue b/components/common/confirmPurchaseModal/ConfirmPurchaseModal.vue
index 87aefe7b9a..9a32db1a54 100644
--- a/components/common/confirmPurchaseModal/ConfirmPurchaseModal.vue
+++ b/components/common/confirmPurchaseModal/ConfirmPurchaseModal.vue
@@ -120,7 +120,7 @@ const disabled = computed(() => !isLogIn.value)
 
 const priceUSD = computed(() => {
   const { nfts, royalties } = totalPriceUsd(items.value)
-  return (nfts + royalties).toFixed(2)
+  return (nfts + royalties).toFixed(1)
 })
 
 const onClose = () => {
diff --git a/components/common/shoppingCart/ShoppingCartModal.vue b/components/common/shoppingCart/ShoppingCartModal.vue
index 87703cd0bd..adfd857e6d 100644
--- a/components/common/shoppingCart/ShoppingCartModal.vue
+++ b/components/common/shoppingCart/ShoppingCartModal.vue
@@ -121,7 +121,7 @@ const numberOfItems = computed(() => items.value.length)
 
 const priceUSD = computed(() => {
   const { nfts, royalties } = totalPriceUsd(items.value)
-  return (nfts + royalties).toFixed(2)
+  return (nfts + royalties).toFixed(1)
 })
 
 const isOpen = computed({
diff --git a/components/gallery/GalleryItemAction/GalleryItemActionSection.vue b/components/gallery/GalleryItemAction/GalleryItemActionSection.vue
index 6f0477f695..68f95af063 100644
--- a/components/gallery/GalleryItemAction/GalleryItemActionSection.vue
+++ b/components/gallery/GalleryItemAction/GalleryItemActionSection.vue
@@ -50,7 +50,7 @@ watchEffect(async () => {
     )
     const price = roundTo(tokenAmount, 4)
     priceChain.value = `${price} ${chainSymbol.value}`
-    priceUsd.value = `${roundTo(tokenAmount * tokenPrice, 4)}`
+    priceUsd.value = `${roundTo(tokenAmount * tokenPrice, 1)}`
   }
 })
 </script>
diff --git a/composables/useMigrate.ts b/composables/useMigrate.ts
index ceac4ae8e0..fd4539e724 100644
--- a/composables/useMigrate.ts
+++ b/composables/useMigrate.ts
@@ -160,7 +160,7 @@ export function useMigrateDeposit(
   const totalChainUsd = computed(() => {
     const amount =
       parseFloat(totalChain.value.toString()) * chainTokenPrice.value
-    return parseFloat(amount.toString()).toFixed(2)
+    return parseFloat(amount.toString()).toFixed(1)
   })
 
   return {
diff --git a/utils/calculation.ts b/utils/calculation.ts
index 836da19cb7..d0809358f8 100644
--- a/utils/calculation.ts
+++ b/utils/calculation.ts
@@ -6,7 +6,7 @@ export function calculateExactUsdFromToken(
   token: number,
   price: number,
 ): number {
-  return Number((token * price).toFixed(2))
+  return Number((token * price).toFixed(1))
 }
 
 export function calculateTokenFromUsd(tokenPrice: number, usd: number): number {

From e0fbe5db427ee2249211dbbf71d3bdb19dde00eb Mon Sep 17 00:00:00 2001
From: Shashkov Danil <shashkovdanil@gmail.com>
Date: Sat, 2 Dec 2023 16:41:29 +0000
Subject: [PATCH 087/161] added import

---
 libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss b/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss
index 223b848d1e..76e75a35de 100644
--- a/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss
+++ b/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss
@@ -2,6 +2,7 @@
 @import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/helpers.scss';
+@import '../../scss/tailwind.scss';
 
 .o-acp {
   &__item {

From 9963bd024aabab937e022a819006364ebb4da283 Mon Sep 17 00:00:00 2001
From: Shashkov Danil <shashkovdanil@gmail.com>
Date: Sat, 2 Dec 2023 16:42:55 +0000
Subject: [PATCH 088/161] added import

---
 libs/ui/src/components/NeoCheckbox/NeoCheckbox.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/libs/ui/src/components/NeoCheckbox/NeoCheckbox.scss b/libs/ui/src/components/NeoCheckbox/NeoCheckbox.scss
index e5d23ba426..df8aabe582 100644
--- a/libs/ui/src/components/NeoCheckbox/NeoCheckbox.scss
+++ b/libs/ui/src/components/NeoCheckbox/NeoCheckbox.scss
@@ -2,6 +2,7 @@
 @import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/helpers.scss';
+@import '../../scss/tailwind.scss';
 
 $checkbox-checkmark-color: #000;
 

From 7dd13575a27fc95825c6e198e9b6b55c077a2389 Mon Sep 17 00:00:00 2001
From: Shashkov Danil <shashkovdanil@gmail.com>
Date: Sat, 2 Dec 2023 16:43:50 +0000
Subject: [PATCH 089/161] added import

---
 libs/ui/src/components/NeoDropdown/NeoDropdown.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/libs/ui/src/components/NeoDropdown/NeoDropdown.scss b/libs/ui/src/components/NeoDropdown/NeoDropdown.scss
index 4d0ac6d978..abda72075e 100644
--- a/libs/ui/src/components/NeoDropdown/NeoDropdown.scss
+++ b/libs/ui/src/components/NeoDropdown/NeoDropdown.scss
@@ -2,6 +2,7 @@
 @import '@oruga-ui/oruga-next/src/scss/utilities/_variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/_animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/_helpers.scss';
+@import '../../scss/tailwind.scss';
 
 $dropdown-menu-padding: 0;
 $dropdown-menu-margin: 1rem 0;

From 9c0595271a967ee17ae7d8cb97316cb15eb22d30 Mon Sep 17 00:00:00 2001
From: Shashkov Danil <shashkovdanil@gmail.com>
Date: Sat, 2 Dec 2023 16:44:33 +0000
Subject: [PATCH 090/161] added import

---
 libs/ui/src/components/NeoIcon/NeoIcon.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/libs/ui/src/components/NeoIcon/NeoIcon.scss b/libs/ui/src/components/NeoIcon/NeoIcon.scss
index c2df5c3e79..3c2ef256b4 100644
--- a/libs/ui/src/components/NeoIcon/NeoIcon.scss
+++ b/libs/ui/src/components/NeoIcon/NeoIcon.scss
@@ -3,6 +3,7 @@
 @import '@oruga-ui/oruga-next/src/scss/utilities/_animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/_helpers.scss';
 @import '@oruga-ui/oruga-next/src/scss/components/_icon.scss';
+@import '../../scss/tailwind.scss';
 
 .o-icon--success {
   @apply text-k-green;

From 94ceb46496300fa56a901c7102977c6561771d2c Mon Sep 17 00:00:00 2001
From: Shashkov Danil <shashkovdanil@gmail.com>
Date: Sat, 2 Dec 2023 16:45:10 +0000
Subject: [PATCH 091/161] added import

---
 libs/ui/src/components/NeoInput/NeoField.scss | 1 +
 libs/ui/src/components/NeoInput/NeoInput.scss | 1 +
 2 files changed, 2 insertions(+)

diff --git a/libs/ui/src/components/NeoInput/NeoField.scss b/libs/ui/src/components/NeoInput/NeoField.scss
index 0d6e41d504..ae833cf002 100644
--- a/libs/ui/src/components/NeoInput/NeoField.scss
+++ b/libs/ui/src/components/NeoInput/NeoField.scss
@@ -2,6 +2,7 @@
 @import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/helpers.scss';
+@import '../../scss/tailwind.scss';
 
 $field-margin-bottom: 0.5rem;
 $field-label-font-weight: 700;
diff --git a/libs/ui/src/components/NeoInput/NeoInput.scss b/libs/ui/src/components/NeoInput/NeoInput.scss
index c9d5ccfae9..21d8f9addc 100644
--- a/libs/ui/src/components/NeoInput/NeoInput.scss
+++ b/libs/ui/src/components/NeoInput/NeoInput.scss
@@ -2,6 +2,7 @@
 @import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/helpers.scss';
+@import '../../scss/tailwind.scss';
 
 $input-border-radius: 0;
 $input-height: 3rem;

From 7636c04dbc7bce908042dd0982f10cda9a4f90f5 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Sun, 3 Dec 2023 10:32:09 +0500
Subject: [PATCH 092/161] add: listing fees

---
 assets/styles/global.scss                     |  6 ++++
 .../autoTeleport/AutoTeleportActionButton.vue |  2 +-
 .../common/listingCart/ListingCartModal.vue   | 32 ++++++++++++++-----
 .../autoTeleport/useAutoTeleportTransition.ts |  2 ++
 .../useAutoTeleportTransitionDetails.ts       |  1 +
 locales/en.json                               |  1 +
 utils/teleport.ts                             |  1 +
 7 files changed, 36 insertions(+), 9 deletions(-)

diff --git a/assets/styles/global.scss b/assets/styles/global.scss
index 98bf9938a3..68739e1511 100644
--- a/assets/styles/global.scss
+++ b/assets/styles/global.scss
@@ -342,6 +342,12 @@ a.has-text-grey {
   }
 }
 
+.border-bottom-k-shade {
+  @include ktheme() {
+    border-bottom: 1px solid theme('k-shade');
+  }
+}
+
 .has-text-k-shade {
   @include ktheme() {
     color: theme('k-shade');
diff --git a/components/common/autoTeleport/AutoTeleportActionButton.vue b/components/common/autoTeleport/AutoTeleportActionButton.vue
index fc5ae972e8..d6766632b4 100644
--- a/components/common/autoTeleport/AutoTeleportActionButton.vue
+++ b/components/common/autoTeleport/AutoTeleportActionButton.vue
@@ -293,7 +293,7 @@ watchSyncEffect(() => {
   }
 })
 
-defineExpose({ hasBalances })
+defineExpose({ hasBalances, optimalTransition })
 </script>
 
 <style lang="scss" scoped>
diff --git a/components/common/listingCart/ListingCartModal.vue b/components/common/listingCart/ListingCartModal.vue
index 296398c644..5b87ac8d75 100644
--- a/components/common/listingCart/ListingCartModal.vue
+++ b/components/common/listingCart/ListingCartModal.vue
@@ -30,14 +30,21 @@
             @setFixedPrice="setFixedPrice" />
         </div>
 
-        <div
-          class="is-flex border-top is-justify-content-space-between py-4 px-6">
-          {{ $t('listingCart.potentialEarnings') }}
-          <div class="is-flex">
-            <span class="ml-2 has-text-grey"
-              >{{ totalNFTsPrice.toFixed(4) }} {{ chainSymbol }}</span
-            >
-            <span class="has-text-weight-bold ml-2"> ${{ priceUSD }} </span>
+        <div class="border-top pt-5 pb-4 px-6">
+          <div class="is-flex is-justify-content-space-between">
+            {{ $t('listingCart.potentialEarnings') }}
+            <div class="is-flex">
+              <span class="ml-2 has-text-grey"
+                >{{ totalNFTsPrice.toFixed(4) }} {{ chainSymbol }}</span
+              >
+              <span class="has-text-weight-bold ml-2"> ${{ priceUSD }} </span>
+            </div>
+          </div>
+
+          <div
+            class="is-flex is-justify-content-space-between has-text-grey pb-4 mt-3 border-bottom-k-shade">
+            <span>{{ $t('listingCart.listingFees') }}</span>
+            <span class="ml-2">{{ teleportTransitionTxFees }}</span>
           </div>
         </div>
 
@@ -63,6 +70,7 @@ import { usePreferencesStore } from '@/stores/preferences'
 import { TokenToList } from '@/composables/transaction/types'
 import { ListCartItem, useListingCartStore } from '@/stores/listingCart'
 import { calculateBalance } from '@/utils/format/balance'
+import format from '@/utils/format/balance'
 import { warningMessage } from '@/utils/notification'
 import { useFiatStore } from '@/stores/fiat'
 import { calculateExactUsdFromToken } from '@/utils/calculation'
@@ -94,6 +102,14 @@ const loadingAutoTeleport = computed(
   () => !autoteleportButton.value?.hasBalances,
 )
 
+const teleportTransitionTxFees = computed(() =>
+  format(
+    autoteleportButton.value?.optimalTransition.txFees || 0,
+    decimals.value,
+    chainSymbol.value,
+  ),
+)
+
 function setFixedPrice() {
   const rate = Number(fixedPrice.value) || 0
 
diff --git a/composables/autoTeleport/useAutoTeleportTransition.ts b/composables/autoTeleport/useAutoTeleportTransition.ts
index 43f5b2f5a3..5e56595341 100644
--- a/composables/autoTeleport/useAutoTeleportTransition.ts
+++ b/composables/autoTeleport/useAutoTeleportTransition.ts
@@ -29,6 +29,7 @@ export default function ({
     hasEnoughInRichestChain,
     sourceChain,
     chainSymbol,
+    txFees,
   } = useAutoTeleportTransitionDetails(actions, neededAmount, fees)
 
   const { formatted: amountFormatted, usd: amountUsd } = useAmount(
@@ -66,6 +67,7 @@ export default function ({
       amountFormatted: amountFormatted.value,
       amountUsd: amountUsd.value,
       token: chainSymbol.value as string,
+      txFees: txFees.value,
     }
   })
 
diff --git a/composables/autoTeleport/useAutoTeleportTransitionDetails.ts b/composables/autoTeleport/useAutoTeleportTransitionDetails.ts
index 46fe99720f..b0a9f44dc9 100644
--- a/composables/autoTeleport/useAutoTeleportTransitionDetails.ts
+++ b/composables/autoTeleport/useAutoTeleportTransitionDetails.ts
@@ -205,6 +205,7 @@ export default function (
     hasEnoughInCurrentChain,
     hasEnoughInRichestChain,
     sourceChain: richestChain,
+    txFees: totalFees,
     chainSymbol,
   }
 }
diff --git a/locales/en.json b/locales/en.json
index a847260539..f6145d0d5b 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -1452,6 +1452,7 @@
     "fixedPrice": "Fixed Price",
     "collectionFloorPrice": "Collection Floor Price",
     "potentialEarnings": "Potential Earnings",
+    "listingFees": "Listing Fees",
     "listForSale": "List For Sale",
     "chooseAPrice": "Choose a price",
     "floorPrice": "Floor Price",
diff --git a/utils/teleport.ts b/utils/teleport.ts
index 44b19f9e7e..af0f58bde9 100644
--- a/utils/teleport.ts
+++ b/utils/teleport.ts
@@ -49,6 +49,7 @@ export type TeleportTransition = {
   amountFormatted: string
   amountUsd: string
   token: string
+  txFees: number
 }
 
 export const allowedTransitions = {

From 9e1b36155c9cc2007844eb3b88a7ed861262822c Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Sun, 3 Dec 2023 10:32:51 +0500
Subject: [PATCH 093/161] fix: modal width class

---
 components/common/listingCart/ListingCartModal.vue | 1 -
 components/shared/modals/ModalBody.vue             | 4 +++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/common/listingCart/ListingCartModal.vue b/components/common/listingCart/ListingCartModal.vue
index 5b87ac8d75..67e2dc0998 100644
--- a/components/common/listingCart/ListingCartModal.vue
+++ b/components/common/listingCart/ListingCartModal.vue
@@ -5,7 +5,6 @@
       :value="preferencesStore.listingCartModalOpen"
       scroll="clip"
       append-to-body
-      container-class="modal-width"
       @close="onClose">
       <ModalBody
         modal-max-height="70vh"
diff --git a/components/shared/modals/ModalBody.vue b/components/shared/modals/ModalBody.vue
index 497e3e7b8d..275b899a3a 100644
--- a/components/shared/modals/ModalBody.vue
+++ b/components/shared/modals/ModalBody.vue
@@ -91,6 +91,7 @@ withDefaults(
   }>(),
   {
     modalWidth: '25rem',
+    modalMaxWidth: '30rem',
     modalMaxHeight: '70vh',
     scrollable: true,
     contentClass: 'pt-4 pb-5 px-6',
@@ -108,7 +109,8 @@ $t-padding: 1.5rem;
 $b-padding: 1.25rem;
 
 .modal-width {
-  min-width: v-bind(modalWidth);
+  width: v-bind(modalWidth);
+  max-width: v-bind(modalMaxHeight);
 }
 
 .limit-height {

From 43d8f0e11a4f558c6aa4c26125940fb10ba06b48 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Sun, 3 Dec 2023 10:37:05 +0500
Subject: [PATCH 094/161] removed: duplicate import

---
 components/common/listingCart/ListingCartModal.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/common/listingCart/ListingCartModal.vue b/components/common/listingCart/ListingCartModal.vue
index 67e2dc0998..0d0928bce6 100644
--- a/components/common/listingCart/ListingCartModal.vue
+++ b/components/common/listingCart/ListingCartModal.vue
@@ -68,8 +68,7 @@ import ModalBody from '@/components/shared/modals/ModalBody.vue'
 import { usePreferencesStore } from '@/stores/preferences'
 import { TokenToList } from '@/composables/transaction/types'
 import { ListCartItem, useListingCartStore } from '@/stores/listingCart'
-import { calculateBalance } from '@/utils/format/balance'
-import format from '@/utils/format/balance'
+import format, { calculateBalance } from '@/utils/format/balance'
 import { warningMessage } from '@/utils/notification'
 import { useFiatStore } from '@/stores/fiat'
 import { calculateExactUsdFromToken } from '@/utils/calculation'

From 5d63148e1156c3ae6d9f46bb963a197b1c83c78c Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Sun, 3 Dec 2023 11:01:19 +0500
Subject: [PATCH 095/161] add: simplified autoteleport button

---
 .../autoTeleport/AutoTeleportActionButton.vue | 38 +++++++++----------
 1 file changed, 18 insertions(+), 20 deletions(-)

diff --git a/components/common/autoTeleport/AutoTeleportActionButton.vue b/components/common/autoTeleport/AutoTeleportActionButton.vue
index fc5ae972e8..ac08a09be1 100644
--- a/components/common/autoTeleport/AutoTeleportActionButton.vue
+++ b/components/common/autoTeleport/AutoTeleportActionButton.vue
@@ -46,23 +46,7 @@
       no-shadow
       :disabled="isDisabled"
       class="is-flex is-flex-grow-1 btn-height is-capitalized"
-      @click="submit" />
-
-    <div v-if="showAutoTeleport" class="is-flex is-justify-content-center mt-4">
-      <span
-        v-if="hasAvailableTeleportTransition"
-        class="has-text-grey is-capitalized"
-        >{{ $t('or') }}</span
-      >
-
-      <NeoButton
-        variant="text"
-        no-shadow
-        class="ml-2"
-        @click="onRampActive = true"
-        >+ {{ $t('autoTeleport.addFundsViaOnramp') }}
-      </NeoButton>
-    </div>
+      @click="handleSubmit" />
   </div>
 
   <AutoTeleportModal
@@ -197,6 +181,8 @@ const confirmButtonTitle = computed(() => {
   return $i18n.t(`autoTeleport.steps.${interaction}.confirm`)
 })
 
+const showAddFunds = computed(() => hasBalances.value && hasNoFundsAtAll.value)
+
 const autoTeleportLabel = computed(() => {
   if (hasEnoughInCurrentChain.value || props.disabled) {
     return props.label
@@ -206,8 +192,8 @@ const autoTeleportLabel = computed(() => {
     return $i18n.t('autoTeleport.checking')
   }
 
-  if (hasNoFundsAtAll.value) {
-    return $i18n.t('autoTeleport.insufficientFunds')
+  if (showAddFunds.value) {
+    return `+ ${$i18n.t('autoTeleport.addFundsViaOnramp')}`
   }
 
   if (allowAutoTeleport.value) {
@@ -225,10 +211,14 @@ const autoTeleportLabel = computed(() => {
 })
 
 const isDisabled = computed(() => {
-  if (props.disabled || hasNoFundsAtAll.value) {
+  if (props.disabled) {
     return true
   }
 
+  if (showAddFunds.value) {
+    return false
+  }
+
   if (hasEnoughInCurrentChain.value) {
     return false
   }
@@ -265,6 +255,14 @@ const actionRun = async (interaction, isRetry = false) => {
   }
 }
 
+const handleSubmit = () => {
+  if (showAddFunds.value) {
+    onRampActive.value = true
+  } else {
+    submit()
+  }
+}
+
 const submit = () => {
   emit('confirm', {
     autoteleport: allowAutoTeleport.value && autoTeleport.value,

From add3a7eb7372d030ff6c39845cd5accaa6fb72ef Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Mon, 4 Dec 2023 10:17:45 +0500
Subject: [PATCH 096/161] add: shop voucher icon

---
 .../collection/drop/DropConfirmModal.vue      | 24 +++++++++++++++++++
 components/landing/SignupBanner.vue           |  7 ++----
 composables/useShopVoucherIcon.ts             |  9 +++++++
 locales/en.json                               |  5 +++-
 4 files changed, 39 insertions(+), 6 deletions(-)
 create mode 100644 composables/useShopVoucherIcon.ts

diff --git a/components/collection/drop/DropConfirmModal.vue b/components/collection/drop/DropConfirmModal.vue
index 1ea79e9515..629a32ffd9 100644
--- a/components/collection/drop/DropConfirmModal.vue
+++ b/components/collection/drop/DropConfirmModal.vue
@@ -15,6 +15,22 @@
         {{ $t('drops.subscribe') }}
       </p>
 
+      <div class="mb-5">
+        <div class="is-capitalized is-flex is-align-items-center">
+          <span>{{ $t('drops.plusGetA') }}</span>
+
+          <div class="voucher px-2 is-flex is-align-items-center">
+            <img :src="voucherIcon" alt="shop voucher" />
+          </div>
+
+          <span>{{ $t('drops.voucherToOurShop') }}</span>
+        </div>
+
+        <p class="has-text-k-grey is-capitalized mt-3 is-size-7">
+          ({{ $t('drops.justConfirmSubscriptionViaEmail') }})
+        </p>
+      </div>
+
       <form @submit.prevent="confirm">
         <NeoInput
           ref="emailInput"
@@ -55,6 +71,8 @@ const props = defineProps<{ modelValue: boolean }>()
 
 const isModalActive = useVModel(props, 'modelValue')
 
+const { voucherIcon } = useShopVoucherIcon()
+
 const emailInput = ref()
 const email = ref()
 const agree = ref(false)
@@ -95,6 +113,12 @@ const confirm = () => {
   width: 25rem;
 }
 
+.voucher {
+  img {
+    width: 58px;
+  }
+}
+
 .shine {
   &:not(:disabled) {
     @include shineEffect(var(--k-accent-light-3), lightgrey);
diff --git a/components/landing/SignupBanner.vue b/components/landing/SignupBanner.vue
index a8c38c9ace..20fe030174 100644
--- a/components/landing/SignupBanner.vue
+++ b/components/landing/SignupBanner.vue
@@ -7,7 +7,7 @@
         </h3>
 
         <div class="ml-4 is-relative signup-banner-voucher is-flex-shrink-0">
-          <img :src="logoSrc" alt="signup voucher" />
+          <img :src="voucherIcon" alt="signup voucher" />
           <img
             src="/signup-voucher-blur.svg"
             alt="signup voucher blur"
@@ -48,11 +48,8 @@ import { usePreferencesStore } from '@/stores/preferences'
 
 const { $i18n } = useNuxtApp()
 const preferencesStore = usePreferencesStore()
-const { isDarkMode } = useTheme()
 
-const logoSrc = computed(() =>
-  isDarkMode.value ? '/signup-voucher-dark.svg' : '/signup-voucher.svg',
-)
+const { voucherIcon } = useShopVoucherIcon()
 
 const email = ref()
 const loading = ref(false)
diff --git a/composables/useShopVoucherIcon.ts b/composables/useShopVoucherIcon.ts
new file mode 100644
index 0000000000..a6d45eae4a
--- /dev/null
+++ b/composables/useShopVoucherIcon.ts
@@ -0,0 +1,9 @@
+export const useShopVoucherIcon = () => {
+  const { isDarkMode } = useTheme()
+
+  const voucherIcon = computed(() =>
+    isDarkMode.value ? '/signup-voucher-dark.svg' : '/signup-voucher.svg',
+  )
+
+  return { voucherIcon }
+}
diff --git a/locales/en.json b/locales/en.json
index a847260539..d3b14a858f 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -1417,7 +1417,10 @@
     "enterValidEmail": "Enter valid email address",
     "subscribeAndClaim": "Subscribe & Claim your NFT",
     "agreeToProceed": "Agree to proceed",
-    "consent": "I consent to receive updates."
+    "consent": "I consent to receive updates.",
+    "plusGetA": "+ Get a",
+    "voucherToOurShop": "Voucher to our shop",
+    "justConfirmSubscriptionViaEmail": "Just confirm your subscription via email"
   },
   "confirmPurchase": {
     "action": "Confirm Purchase",

From 6c71295fe7431d7dee5ced143372516e569d6ca1 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Mon, 4 Dec 2023 10:32:37 +0500
Subject: [PATCH 097/161] ref: icon composables

---
 components/collection/drop/DropConfirmModal.vue    |  4 ++--
 components/collection/unlockable/UnlockableTag.vue |  4 ++--
 components/gallery/UnlockableTag.vue               |  4 ++--
 components/landing/SignupBanner.vue                |  4 ++--
 composables/useIcon.ts                             | 12 +++++++++++-
 composables/useNft.ts                              |  2 +-
 composables/useShopVoucherIcon.ts                  |  9 ---------
 composables/useUnlockableIcon.ts                   |  8 --------
 8 files changed, 20 insertions(+), 27 deletions(-)
 delete mode 100644 composables/useShopVoucherIcon.ts
 delete mode 100644 composables/useUnlockableIcon.ts

diff --git a/components/collection/drop/DropConfirmModal.vue b/components/collection/drop/DropConfirmModal.vue
index 629a32ffd9..2ca54ff7cb 100644
--- a/components/collection/drop/DropConfirmModal.vue
+++ b/components/collection/drop/DropConfirmModal.vue
@@ -20,7 +20,7 @@
           <span>{{ $t('drops.plusGetA') }}</span>
 
           <div class="voucher px-2 is-flex is-align-items-center">
-            <img :src="voucherIcon" alt="shop voucher" />
+            <img :src="signUpVoucherIcon" alt="shop voucher" />
           </div>
 
           <span>{{ $t('drops.voucherToOurShop') }}</span>
@@ -71,7 +71,7 @@ const props = defineProps<{ modelValue: boolean }>()
 
 const isModalActive = useVModel(props, 'modelValue')
 
-const { voucherIcon } = useShopVoucherIcon()
+const { signUpVoucherIcon } = useIcon()
 
 const emailInput = ref()
 const email = ref()
diff --git a/components/collection/unlockable/UnlockableTag.vue b/components/collection/unlockable/UnlockableTag.vue
index 9f8060bd7b..21d766d454 100644
--- a/components/collection/unlockable/UnlockableTag.vue
+++ b/components/collection/unlockable/UnlockableTag.vue
@@ -19,9 +19,9 @@
 
 <script lang="ts" setup>
 import { NeoTooltip } from '@kodadot1/brick'
-import { useUnlockableIcon } from '@/composables/useUnlockableIcon'
+import { useIcon } from '@/composables/useIcon'
 
-const { unlockableIcon } = useUnlockableIcon()
+const { unlockableIcon } = useIcon()
 
 const props = defineProps({
   collectionId: {
diff --git a/components/gallery/UnlockableTag.vue b/components/gallery/UnlockableTag.vue
index c6bc76c279..0301babada 100644
--- a/components/gallery/UnlockableTag.vue
+++ b/components/gallery/UnlockableTag.vue
@@ -33,7 +33,7 @@
 import { NeoTooltip } from '@kodadot1/brick'
 import { NFT } from '@/components/rmrk/service/scheme'
 import { useWindowSize } from '@vueuse/core'
-import { useUnlockableIcon } from '@/composables/useUnlockableIcon'
+import { useIcon } from '@/composables/useIcon'
 
 const props = defineProps<{
   nft: NFT | undefined
@@ -42,7 +42,7 @@ const props = defineProps<{
 
 const { isCurrentOwner } = useAuth()
 const isMobile = computed(() => useWindowSize().width.value < 768)
-const { unlockableIcon } = useUnlockableIcon()
+const { unlockableIcon } = useIcon()
 
 const isOwner = computed(() => isCurrentOwner(props.nft?.currentOwner))
 </script>
diff --git a/components/landing/SignupBanner.vue b/components/landing/SignupBanner.vue
index 20fe030174..e1fbb011d4 100644
--- a/components/landing/SignupBanner.vue
+++ b/components/landing/SignupBanner.vue
@@ -7,7 +7,7 @@
         </h3>
 
         <div class="ml-4 is-relative signup-banner-voucher is-flex-shrink-0">
-          <img :src="voucherIcon" alt="signup voucher" />
+          <img :src="signUpVoucherIcon" alt="signup voucher" />
           <img
             src="/signup-voucher-blur.svg"
             alt="signup voucher blur"
@@ -49,7 +49,7 @@ import { usePreferencesStore } from '@/stores/preferences'
 const { $i18n } = useNuxtApp()
 const preferencesStore = usePreferencesStore()
 
-const { voucherIcon } = useShopVoucherIcon()
+const { signUpVoucherIcon } = useIcon()
 
 const email = ref()
 const loading = ref(false)
diff --git a/composables/useIcon.ts b/composables/useIcon.ts
index 1e1a5f6be2..47bc1b28f9 100644
--- a/composables/useIcon.ts
+++ b/composables/useIcon.ts
@@ -1,4 +1,6 @@
 export const useIcon = () => {
+  const { isDarkMode } = useTheme()
+
   const getTokenIconBySymbol = (token: string) => {
     switch (token.toLowerCase()) {
       case 'bsx':
@@ -12,5 +14,13 @@ export const useIcon = () => {
     }
   }
 
-  return { getTokenIconBySymbol }
+  const signUpVoucherIcon = computed(() =>
+    isDarkMode.value ? '/signup-voucher-dark.svg' : '/signup-voucher.svg',
+  )
+
+  const unlockableIcon = computed(() =>
+    isDarkMode.value ? '/unlockable-dark.svg' : '/unlockable.svg',
+  )
+
+  return { getTokenIconBySymbol, signUpVoucherIcon, unlockableIcon }
 }
diff --git a/composables/useNft.ts b/composables/useNft.ts
index 8d1ebd068c..996c657b84 100644
--- a/composables/useNft.ts
+++ b/composables/useNft.ts
@@ -97,7 +97,7 @@ export function useNftCardIcon<
   },
 >(nft: Ref<T>) {
   const isAudio = ref(false)
-  const { unlockableIcon } = useUnlockableIcon()
+  const { unlockableIcon } = useIcon()
 
   const cardIcon = computed(() => {
     if (isAudio) {
diff --git a/composables/useShopVoucherIcon.ts b/composables/useShopVoucherIcon.ts
deleted file mode 100644
index a6d45eae4a..0000000000
--- a/composables/useShopVoucherIcon.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export const useShopVoucherIcon = () => {
-  const { isDarkMode } = useTheme()
-
-  const voucherIcon = computed(() =>
-    isDarkMode.value ? '/signup-voucher-dark.svg' : '/signup-voucher.svg',
-  )
-
-  return { voucherIcon }
-}
diff --git a/composables/useUnlockableIcon.ts b/composables/useUnlockableIcon.ts
deleted file mode 100644
index 6b35d206b2..0000000000
--- a/composables/useUnlockableIcon.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export const useUnlockableIcon = () => {
-  const { isDarkMode } = useTheme()
-  const unlockableIcon = computed(() =>
-    isDarkMode.value ? '/unlockable-dark.svg' : '/unlockable.svg',
-  )
-
-  return { unlockableIcon }
-}

From cee27e4214db266bf068ff3498a516ba952ef9ba Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Mon, 4 Dec 2023 08:46:23 +0100
Subject: [PATCH 098/161] =?UTF-8?q?=F0=9F=92=85=20collection=20max=20suppl?=
 =?UTF-8?q?y?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/collection/CollectionInfo.vue             | 5 +++++
 components/collection/utils/types.ts                 | 1 +
 components/collection/utils/useCollectionDetails.ts  | 1 +
 locales/en.json                                      | 4 +++-
 queries/subsquid/general/collectionStatsById.graphql | 1 +
 5 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/components/collection/CollectionInfo.vue b/components/collection/CollectionInfo.vue
index 09552aa925..eb9e2242ff 100644
--- a/components/collection/CollectionInfo.vue
+++ b/components/collection/CollectionInfo.vue
@@ -34,6 +34,10 @@
             :value="stats.uniqueOwners" />
         </div>
         <div>
+          <CollectionInfoLine
+            v-if="isAssetHub"
+            :title="$t('activity.totalSupply')"
+            :value="stats.maxSupply || $t('unlimited')" />
           <CollectionInfoLine :title="$t('activity.floor')">
             <CommonTokenMoney
               :value="stats.collectionFloorPrice"
@@ -71,6 +75,7 @@ import {
 const route = useRoute()
 const { urlPrefix } = usePrefix()
 const { availableChains } = useChain()
+const { isAssetHub } = useIsChain(urlPrefix)
 const collectionId = computed(() => route.params.id)
 const chain = computed(
   () =>
diff --git a/components/collection/utils/types.ts b/components/collection/utils/types.ts
index 93b9664853..478ecfdd31 100644
--- a/components/collection/utils/types.ts
+++ b/components/collection/utils/types.ts
@@ -8,6 +8,7 @@ export type Stats = {
   uniqueOwners?: number
   uniqueOwnersPercent?: string
   collectionTradedVolumeNumber?: string | number
+  maxSupply?: number
 }
 
 export type CollectionEntityMinimal = {
diff --git a/components/collection/utils/useCollectionDetails.ts b/components/collection/utils/useCollectionDetails.ts
index e8cb1c17f0..379df9d173 100644
--- a/components/collection/utils/useCollectionDetails.ts
+++ b/components/collection/utils/useCollectionDetails.ts
@@ -49,6 +49,7 @@ export const useCollectionDetails = ({ collectionId }) => {
       const listedNfts = data.value.stats.listed
 
       stats.value = {
+        maxSupply: data.value.stats.max,
         listedCount: data.value.stats.listed.length,
         collectionLength: data.value.stats.base.length,
         collectionFloorPrice:
diff --git a/locales/en.json b/locales/en.json
index a847260539..353ae1b527 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -869,6 +869,7 @@
     "totalItems": "Σ Items",
     "todayTraded": "24H",
     "totalTraded": "Σ VOLUME TRADED",
+    "totalSupply": "Total Supply",
     "highestSale": "HIGHEST SALE",
     "totalBuys": "Σ BUYS",
     "unique": "UNIQUE",
@@ -992,7 +993,8 @@
       "copy": "Kodadot link successfully copied"
     },
     "builtOn": "Built on",
-    "signStuckText": "Stuck? Make sure to check for any popups and SIGN the transaction."
+    "signStuckText": "Stuck? Make sure to check for any popups and SIGN the transaction.",
+    "unlimited": "Unlimited"
   },
   "cookies": {
     "notice": "We use cookies for better service",
diff --git a/queries/subsquid/general/collectionStatsById.graphql b/queries/subsquid/general/collectionStatsById.graphql
index 442269cd35..e9aa7b80d6 100644
--- a/queries/subsquid/general/collectionStatsById.graphql
+++ b/queries/subsquid/general/collectionStatsById.graphql
@@ -1,6 +1,7 @@
 query collectionStatsById($id: String!) {
   stats: collectionEntityById(id: $id) {
     id
+    max
     base: nfts(where: { burned_eq: false }) {
       id
       currentOwner

From 5bff99f898786a55f5eb7d5b564e1dd4265a04ac Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Mon, 4 Dec 2023 16:47:12 +0800
Subject: [PATCH 099/161] fix: switch chain

---
 middleware/prefix.global.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/middleware/prefix.global.ts b/middleware/prefix.global.ts
index c0db293132..3c64684474 100644
--- a/middleware/prefix.global.ts
+++ b/middleware/prefix.global.ts
@@ -17,7 +17,7 @@ export default defineNuxtRouteMiddleware((route) => {
 
   if (
     [urlPrefix.value, prefixInPath].includes('dot') &&
-    route.path !== '/dot/transfer'
+    route.name !== 'prefix-transfer'
   ) {
     setUrlPrefix('ahp')
     navigateTo(route.path.replace(prefixInPath, 'ahp'))

From 105df75e05d831d363c9e9e8018e613577619863 Mon Sep 17 00:00:00 2001
From: Shashkov Danil <shashkovdanil@gmail.com>
Date: Mon, 4 Dec 2023 11:47:34 +0000
Subject: [PATCH 100/161] removed unneeded import style

---
 libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss b/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss
index 76e75a35de..223b848d1e 100644
--- a/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss
+++ b/libs/ui/src/components/NeoAutocomplete/NeoAutocomplete.scss
@@ -2,7 +2,6 @@
 @import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/helpers.scss';
-@import '../../scss/tailwind.scss';
 
 .o-acp {
   &__item {

From 4c5ab8983b1bc9e85b05b34bc03b53114e925553 Mon Sep 17 00:00:00 2001
From: kkukelka <kkukelka@users.noreply.github.com>
Date: Mon, 4 Dec 2023 11:53:33 +0000
Subject: [PATCH 101/161] [skip ci] updated code diagram

---
 .github/diagram.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/diagram.svg b/.github/diagram.svg
index 4f67a3cfcf..c7789877d1 100644
--- a/.github/diagram.svg
+++ b/.github/diagram.svg
@@ -1 +1 @@
-<svg width="1000" height="1000" style="background:white;font-family:sans-serif;overflow:visible" xmlns="http://www.w3.org/2000/svg"><defs><filter id="glow" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="4" result="coloredBlur"></feGaussianBlur><feMerge><feMergeNode in="coloredBlur"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter></defs><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(183.2258395217579, 394.05103875769794)"><circle r="53.7609453102539" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(277.5753939357054, 470.2607027790857)"><circle r="51.538233153082075" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(510.2251631887271, 699.4363257546488)"><circle r="20.75235130896802" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(325.3323026593299, 336.58064085977014)"><circle r="13.69053537615587" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(286.16180425518104, 342.14262338350966)"><circle r="9.841680159182014" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(298.31893516696476, 231.647078884405)"><circle r="78.92086972769683" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(466.14387896583185, 672.8754975369492)"><circle r="14.793383789825011" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(336.71270556849595, 528.5256849326338)"><circle r="15.772722641407691" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(159.5108765553341, 525.2736069697795)"><circle r="62.74896181266162" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(261.5536738920773, 395.7339719465998)"><circle r="8.708860989681355" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(296.9719959818031, 695.3445245174714)"><circle r="139.88636529272063" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(562.0284877010826, 708.122080726496)"><circle r="15.777825601083977" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(497.68598232471487, 811.4683146332848)"><circle r="75.98415446110056" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(613.0076022898821, 412.66127858876933)"><circle r="268.0155937928094" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(672.7755988684088, 778.0717030362003)"><circle r="86.24447132738817" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(182.4225672666697, 376.8644587420583)"><circle style="transition:all 0.5s ease-out" r="4.980236260648405" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(174.6152103277515, 409.21945788558264)"><circle style="transition:all 0.5s ease-out" r="4.6669657162855405" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(178.77685143107612, 388.9068044623029)"><circle style="transition:all 0.5s ease-out" r="4.365270384367909" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(188.59275614168092, 395.32802727626495)"><circle style="transition:all 0.5s ease-out" r="4.183312837537838" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(164.96343705283277, 353.7714813451193)"><circle r="6.534730354752418" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(166.5679510351212, 430.99323517373153)"><circle r="10.236741124680721" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(203.06766301622525, 367.1164085020323)"><circle r="9.554724105649413" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(198.22564164439555, 435.13120431250235)"><circle style="transition:all 0.5s ease-out" r="3.982910031085284" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(215.56998815777695, 405.48598338499096)"><circle r="16.454941322348972" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(147.05886304352538, 390.1171423173688)"><circle r="14.380652172618804" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(187.03322133371523, 408.0880562737662)"><circle style="transition:all 0.5s ease-out" r="3.8922382473346406" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(172.8196051806474, 370.3650480824165)"><circle style="transition:all 0.5s ease-out" r="3.632696670065115" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(190.46957653525428, 349.3590034637217)"><circle style="transition:all 0.5s ease-out" r="3.5894073814954432" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(187.07658456636256, 422.51544042128984)"><circle style="transition:all 0.5s ease-out" r="3.575400935769265" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(172.02430639267251, 397.71229198698427)"><circle style="transition:all 0.5s ease-out" r="3.540687483296048" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(171.46902583738392, 380.66373901361806)"><circle style="transition:all 0.5s ease-out" r="3.4962591591587007" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(208.38539923001787, 432.589719825355)"><circle style="transition:all 0.5s ease-out" r="2.999512818023098" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(188.2304148475762, 436.553748011061)"><circle style="transition:all 0.5s ease-out" r="2.8934058914622516" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(144.97496870671, 365.00916192365577)"><circle style="transition:all 0.5s ease-out" r="2.7342888770484115" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(188.35675798828825, 385.4483183911322)"><circle style="transition:all 0.5s ease-out" r="2.590773083855164" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(180.69654570474034, 401.0399062432779)"><circle style="transition:all 0.5s ease-out" r="2.548717162522995" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(181.35724690856725, 359.5068874460349)"><circle style="transition:all 0.5s ease-out" r="2.5151799491312943" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(196.52222749291948, 386.2439715594234)"><circle style="transition:all 0.5s ease-out" r="2.4133716419857327" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(196.9227612850462, 425.13235982258016)"><circle style="transition:all 0.5s ease-out" r="2.1476501568970083" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(231.27610834626967, 386.4268768704659)"><circle style="transition:all 0.5s ease-out" r="2.1095714489684623" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(158.09350586812303, 412.2804031582546)"><circle style="transition:all 0.5s ease-out" r="1.9822273972367288" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(164.942311334512, 410.42170407611195)"><circle style="transition:all 0.5s ease-out" r="1.933933221844258" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(183.20922092918522, 366.87228343257414)"><circle style="transition:all 0.5s ease-out" r="1.889515469247537" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(183.48113819212327, 442.9347799578612)"><circle style="transition:all 0.5s ease-out" r="1.8679437784546191" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(182.0079501059094, 415.51426554316055)"><circle style="transition:all 0.5s ease-out" r="1.8345849560328638" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(147.0612689619127, 424.1030608642291)"><circle style="transition:all 0.5s ease-out" r="1.8482095958844122" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(222.84030469903104, 365.22048240368053)"><circle style="transition:all 0.5s ease-out" r="1.7659779057994114" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(180.89464809254878, 346.4123358502846)"><circle style="transition:all 0.5s ease-out" r="1.709336337897947" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(161.44479090846534, 369.95466204868507)"><circle style="transition:all 0.5s ease-out" r="1.726188565999036" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(218.4348596064756, 379.13484495855835)"><circle style="transition:all 0.5s ease-out" r="1.5306430749145665" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(191.60343424784693, 429.50781577791463)"><circle style="transition:all 0.5s ease-out" r="1.5606095673511138" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(165.703488548163, 374.8152717289297)"><circle style="transition:all 0.5s ease-out" r="1.5593724608805513" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(191.31895427830176, 415.39945572488085)"><circle style="transition:all 0.5s ease-out" r="1.5179824515561071" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(204.85576925851086, 438.31200242379083)"><circle style="transition:all 0.5s ease-out" r="1.4975028293628303" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(166.8156162331671, 404.057677825405)"><circle style="transition:all 0.5s ease-out" r="1.5000780725882263" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(226.50752834906987, 370.4324984466369)"><circle style="transition:all 0.5s ease-out" r="1.4543531123593416" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(182.83427698865782, 352.4953403522707)"><circle style="transition:all 0.5s ease-out" r="1.4754317926328926" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(137.34583828494917, 412.1147160796279)"><circle style="transition:all 0.5s ease-out" r="1.4530255419207678" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(151.57118531703875, 363.30240896216316)"><circle style="transition:all 0.5s ease-out" r="1.4180725392729046" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(155.73569292773308, 367.54262056673696)"><circle style="transition:all 0.5s ease-out" r="1.3252117678315225" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(229.9710757343681, 377.955606599044)"><circle style="transition:all 0.5s ease-out" r="1.3222960068338792" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(229.06735627362076, 382.84877974081576)"><circle style="transition:all 0.5s ease-out" r="1.2487349526163816" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(150.63993996010043, 418.99873879856636)"><circle style="transition:all 0.5s ease-out" r="1.186932489080353" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(221.56341033762388, 372.8466281440055)"><circle style="transition:all 0.5s ease-out" r="1.1804108326399878" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(151.95977358406668, 413.60875723245897)"><circle style="transition:all 0.5s ease-out" r="1.147246588450177" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(223.92689049418638, 380.73382636324055)"><circle style="transition:all 0.5s ease-out" r="1.1096216633145664" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(202.6289352673185, 428.1161466320257)"><circle style="transition:all 0.5s ease-out" r="1.1026428414841924" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(142.27839774684907, 413.63300204158304)"><circle style="transition:all 0.5s ease-out" r="1.0283829479890516" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(226.01770246067662, 375.85547123750564)"><circle style="transition:all 0.5s ease-out" r="0.9979055508574168" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(187.28387275650147, 356.43177031605694)"><circle style="transition:all 0.5s ease-out" r="0.958446915237764" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(147.07023121831614, 415.2203033887741)"><circle style="transition:all 0.5s ease-out" r="0.8195099097621429" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(186.03171917911212, 429.9814430084791)"><circle style="transition:all 0.5s ease-out" r="0.8312010839587317" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(215.3055668756093, 431.41211336049554)"><circle style="transition:all 0.5s ease-out" r="0.8218614494873933" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(194.42536150484224, 419.7533848896592)"><circle style="transition:all 0.5s ease-out" r="0.6305190285643925" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(261.50480150280794, 443.9869884383571)"><circle style="transition:all 0.5s ease-out" r="7.611494388554464" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(282.42356280270997, 458.11538116471985)"><circle style="transition:all 0.5s ease-out" r="7.611240836883361" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(283.55119950662254, 504.47835037170165)"><circle style="transition:all 0.5s ease-out" r="6.649608671669854" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(289.4121357759146, 440.13355846743553)"><circle r="8.861569210122745" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(254.24331350366484, 481.42980444042513)"><circle r="22.670592959037595" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(306.0999101680069, 480.416270697627)"><circle r="18.25979881385418" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(247.92664402566447, 447.8439756076198)"><circle style="transition:all 0.5s ease-out" r="3.3038421380569716" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(309.17515430076475, 445.3077916520462)"><circle style="transition:all 0.5s ease-out" r="2.9278839885516206" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(274.422020198153, 447.42245024745034)"><circle style="transition:all 0.5s ease-out" r="2.554767538188274" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(320.4988010232271, 455.01644787708375)"><circle style="transition:all 0.5s ease-out" r="2.017928691182354" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(301.3032118978744, 452.6979777068343)"><circle style="transition:all 0.5s ease-out" r="2.0054574174685955" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(269.8655548857217, 453.713778304203)"><circle style="transition:all 0.5s ease-out" r="2.001604469783967" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(314.26034453031014, 451.55488875130936)"><circle style="transition:all 0.5s ease-out" r="1.9168938304755274" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(294.7177539006567, 455.2377524966926)"><circle style="transition:all 0.5s ease-out" r="1.8534231735076148" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(307.876130896134, 452.694313241581)"><circle style="transition:all 0.5s ease-out" r="1.36820273653214" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(294.2176088254655, 505.102995382388)"><circle style="transition:all 0.5s ease-out" r="0.8381375136811736" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(503.66584697468005, 700.2812098644886)"><circle style="transition:all 0.5s ease-out" r="5.079988996072686" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(516.9676682886105, 700.3246304588781)"><circle style="transition:all 0.5s ease-out" r="5.021912604479971" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(512.9612917229693, 711.6915493606033)"><circle style="transition:all 0.5s ease-out" r="3.82522052697917" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(510.4420830449861, 690.6129182296138)"><circle style="transition:all 0.5s ease-out" r="3.4785508634251556" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(500.8426345149803, 689.3623674108917)"><circle style="transition:all 0.5s ease-out" r="2.9982257496016778" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(519.7192564082765, 689.2939517667575)"><circle style="transition:all 0.5s ease-out" r="2.680110942957078" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(498.4048203668246, 709.1447007690589)"><circle style="transition:all 0.5s ease-out" r="2.4561736868388833" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(521.9207544249213, 709.4168592455449)"><circle style="transition:all 0.5s ease-out" r="2.3771146237315905" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(525.0287611261599, 694.9371583757031)"><circle style="transition:all 0.5s ease-out" r="2.280149817359489" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(495.253453686586, 695.1715507403438)"><circle style="transition:all 0.5s ease-out" r="2.1850653753461446" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(494.96148028787263, 702.7066761257545)"><circle style="transition:all 0.5s ease-out" r="2.1422517818148186" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(525.4651329545081, 703.1866958801777)"><circle style="transition:all 0.5s ease-out" r="2.057703987655604" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(514.6797793391052, 684.05215166128)"><circle style="transition:all 0.5s ease-out" r="1.73622138996796" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(506.2196004824548, 683.9234205756038)"><circle style="transition:all 0.5s ease-out" r="1.730654779326732" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(504.92502086249755, 709.726847664296)"><circle style="transition:all 0.5s ease-out" r="1.2502794614969088" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(319.5424985519485, 338.4823126865439)"><circle style="transition:all 0.5s ease-out" r="3.2042058112320886" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(333.03619652245317, 337.9451329541598)"><circle style="transition:all 0.5s ease-out" r="3.128630033464052" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(326.6002600346399, 344.53052465808526)"><circle style="transition:all 0.5s ease-out" r="2.902063817727926" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(326.1304935608365, 332.6383385293457)"><circle style="transition:all 0.5s ease-out" r="2.4005429975441612" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(319.17176024040333, 330.3670880797534)"><circle style="transition:all 0.5s ease-out" r="1.7194674947944875" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(332.64307448211287, 330.314543920016)"><circle style="transition:all 0.5s ease-out" r="1.3237546901310626" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(282.8472751453288, 341.29694951604006)"><circle style="transition:all 0.5s ease-out" r="3.679149778516296" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(291.2299192384332, 341.29694951604006)"><circle style="transition:all 0.5s ease-out" r="1.961675484196475" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(288.5176216980237, 347.0496952101129)"><circle style="transition:all 0.5s ease-out" r="1.6565875220225663" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(236.31794948097377, 224.53084648836344)"><circle r="13.512833469944468" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#6594b9;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(314.0475009605516, 229.57341734195202)"><circle r="60.056196578973044" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(245.91862510904218, 263.20408872415857)"><circle r="14.751944903136401" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(246.93177005652637, 190.65918531832364)"><circle r="10.189232314105272" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(244.21762020372213, 242.68933635660673)"><circle style="transition:all 0.5s ease-out" r="3.977091313542829" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(244.86876258455675, 207.46237169382553)"><circle style="transition:all 0.5s ease-out" r="2.2148910115425835" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(250.8810237828554, 248.95366436509062)"><circle style="transition:all 0.5s ease-out" r="1.9685499625317149" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(250.42415960846768, 210.91935748658318)"><circle style="transition:all 0.5s ease-out" r="1.1639468348091333" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(260.5415527802595, 272.17393297350606)"><circle style="transition:all 0.5s ease-out" r="1.0991368140345437" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(251.11167155023674, 204.94245349361464)"><circle style="transition:all 0.5s ease-out" r="0.9564312517759037" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(247.84244176151896, 215.49717560408345)"><circle style="transition:all 0.5s ease-out" r="0.8916885615300727" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(462.00155164498204, 672.6932312541026)"><circle style="transition:all 0.5s ease-out" r="2.978852991827501" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(470.1664356724954, 671.4197070503992)"><circle style="transition:all 0.5s ease-out" r="2.054888427858866" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(467.83579019489247, 677.9539858666045)"><circle style="transition:all 0.5s ease-out" r="1.6785760236786904" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(469.3732618201859, 663.2109580406951)"><circle style="transition:all 0.5s ease-out" r="1.6448965677419471" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(459.58696506741484, 664.9593251099526)"><circle style="transition:all 0.5s ease-out" r="1.5556552387618465" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(458.43683333943096, 679.5215382942564)"><circle style="transition:all 0.5s ease-out" r="1.5167105766352151" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(474.45015638459444, 666.6609890354375)"><circle style="transition:all 0.5s ease-out" r="1.4609728694281487" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(472.5947474337459, 681.0629708895985)"><circle style="transition:all 0.5s ease-out" r="1.411251563989953" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(456.0307636928106, 669.419096199715)"><circle style="transition:all 0.5s ease-out" r="1.147246588450177" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(455.57441298258937, 674.6958944693977)"><circle style="transition:all 0.5s ease-out" r="1.1096216633145664" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(476.88083425072904, 671.6530281443802)"><circle style="transition:all 0.5s ease-out" r="1.0283829479890516" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(474.3467169856236, 676.0980584574207)"><circle style="transition:all 0.5s ease-out" r="1.0189566909043963" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(464.9110716682912, 666.3671420205447)"><circle style="transition:all 0.5s ease-out" r="0.7883018094494246" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(463.51646932802737, 681.5912994979586)"><circle style="transition:all 0.5s ease-out" r="0.7684671386207307" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(464.05702897607995, 661.9354209308186)"><circle style="transition:all 0.5s ease-out" r="0.6973725649540089" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(332.65090579583745, 528.5256849326338)"><circle r="8.969104038357608" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(347.05271902204936, 528.5256849326338)"><circle style="transition:all 0.5s ease-out" r="2.690890357462697" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(344.2254278367992, 534.812916188179)"><circle style="transition:all 0.5s ease-out" r="1.4609728694281487" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(344.22369795110853, 522.2435836763602)"><circle style="transition:all 0.5s ease-out" r="1.4570046243370782" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(137.211280277158, 490.1639167139666)"><circle style="transition:all 0.5s ease-out" r="7.614029440877394" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(173.78442853021687, 515.094744984885)"><circle style="transition:all 0.5s ease-out" r="7.612254992895442" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(185.9451802836105, 536.9692980804292)"><circle style="transition:all 0.5s ease-out" r="5.701136235210251" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(196.9108222496305, 522.1013223253519)"><circle style="transition:all 0.5s ease-out" r="5.15690577682711" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(174.9926930246218, 529.9717842382468)"><circle style="transition:all 0.5s ease-out" r="4.172688827092205" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(193.25950426982922, 500.45923439810076)"><circle r="8.309756005469213" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(179.12574016137566, 556.7935764479856)"><circle r="6.720506840064127" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(208.1207543233133, 541.1688184348124)"><circle r="8.606240295949299" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(163.13614255974358, 488.583067254624)"><circle r="9.797643257494249" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(212.03041229775016, 509.6992932132434)"><circle style="transition:all 0.5s ease-out" r="3.9766060360944304" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(132.48482537438434, 536.3590302808561)"><circle r="30.25401899602293" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(173.67925851522492, 539.7223881449842)"><circle style="transition:all 0.5s ease-out" r="2.455387836974955" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(206.40745732887953, 517.3143041692626)"><circle style="transition:all 0.5s ease-out" r="2.289441075701951" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(186.442078422644, 518.1847093700347)"><circle style="transition:all 0.5s ease-out" r="2.194759199557751" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(162.65335745104392, 508.88981191053875)"><circle style="transition:all 0.5s ease-out" r="1.9822273972367288" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(187.7920553676671, 526.4729612871544)"><circle style="transition:all 0.5s ease-out" r="1.7920133823985762" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(144.97040931220204, 480.6401802517174)"><circle style="transition:all 0.5s ease-out" r="1.4701904553122565" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(181.7068885350614, 524.3820920185896)"><circle style="transition:all 0.5s ease-out" r="1.442360990124469" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(175.73879201383411, 503.4932206244541)"><circle style="transition:all 0.5s ease-out" r="1.1589620288847742" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(127.50962271586071, 496.87013487387236)"><circle style="transition:all 0.5s ease-out" r="0.9823123173363656" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(205.88305204422247, 523.5152642743002)"><circle style="transition:all 0.5s ease-out" r="0.7324651826316745" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(257.93844415850276, 395.7339719465998)"><circle style="transition:all 0.5s ease-out" r="2.351812425715224" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(265.2763957329883, 395.7339719465998)"><circle style="transition:all 0.5s ease-out" r="2.244320318378744" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(272.43689714716385, 695.3445245174714)"><circle r="108.22253749906324" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(408.7588979603754, 695.3445245174714)"><circle r="20.97073435513018" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(558.252599247808, 708.5057713699686)"><circle style="transition:all 0.5s ease-out" r="3.4147188192510547" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(567.4317393989379, 709.5803427558917)"><circle style="transition:all 0.5s ease-out" r="2.6270197791092817" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(562.5843762318049, 716.3474917340961)"><circle style="transition:all 0.5s ease-out" r="2.312923137040198" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(563.8407882114324, 702.0996486171701)"><circle style="transition:all 0.5s ease-out" r="1.8864489016828028" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(554.957519872361, 700.5077775265187)"><circle style="transition:all 0.5s ease-out" r="1.8070275211152336" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(555.3967616552205, 716.4252226462488)"><circle style="transition:all 0.5s ease-out" r="1.6751233439372382" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(570.0660012597461, 700.4675580780332)"><circle style="transition:all 0.5s ease-out" r="1.6785760236786904" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(569.4668814382302, 716.3880551798125)"><circle style="transition:all 0.5s ease-out" r="1.6577520828145653" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(551.1351207024292, 705.6043007292295)"><circle style="transition:all 0.5s ease-out" r="1.5972772834929816" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(551.4099410025719, 711.6838822166086)"><circle style="transition:all 0.5s ease-out" r="1.577827215217215" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(573.0301618321866, 705.821518279682)"><circle style="transition:all 0.5s ease-out" r="1.5381894299841283" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(560.2103225845332, 696.9455291647724)"><circle style="transition:all 0.5s ease-out" r="1.4543531123593416" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(479.3354563836334, 824.4584657639567)"><circle style="transition:all 0.5s ease-out" r="4.548010555145878" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(488.61593736815536, 853.3019902359879)"><circle style="transition:all 0.5s ease-out" r="4.424987177669752" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(472.8455841426714, 833.9488482405811)"><circle style="transition:all 0.5s ease-out" r="4.389078721806929" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(501.2139828775914, 842.4412692060368)"><circle style="transition:all 0.5s ease-out" r="4.3484382288752075" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(473.42269812564507, 778.0393070125837)"><circle style="transition:all 0.5s ease-out" r="4.223257574764776" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(483.69972384969554, 839.0279342286703)"><circle style="transition:all 0.5s ease-out" r="4.160182543945726" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(518.9820910938225, 796.7356960211672)"><circle r="37.08870505631559" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(496.2576804508763, 874.8786796169416)"><circle r="9.55770545437006" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(448.62624335083655, 808.7785281893516)"><circle r="23.850734680883303" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(448.0842206241387, 845.0620051181271)"><circle style="transition:all 0.5s ease-out" r="3.977091313542829" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(463.9050076940728, 862.5917444541501)"><circle r="11.7080634985969" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(530.6320731868794, 859.4576310007736)"><circle r="14.774023139165356" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(476.7625154398229, 761.2332531475405)"><circle style="transition:all 0.5s ease-out" r="3.747235025573238" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(451.31115032960923, 772.9874319589209)"><circle style="transition:all 0.5s ease-out" r="3.6135210111906515" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(475.5519242346512, 844.4731210515776)"><circle style="transition:all 0.5s ease-out" r="3.3294446791061167" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(493.226837549129, 836.160886340022)"><circle style="transition:all 0.5s ease-out" r="2.9554380637282502" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(498.3826035662684, 855.3759537410053)"><circle style="transition:all 0.5s ease-out" r="2.740633761148528" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(467.0860684541254, 842.3362027443244)"><circle style="transition:all 0.5s ease-out" r="2.715875947887979" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(465.40065252207984, 772.2261235431122)"><circle style="transition:all 0.5s ease-out" r="2.468713263868917" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(466.7050047440082, 764.275442871002)"><circle style="transition:all 0.5s ease-out" r="2.3900690227776242" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(486.99584696267544, 830.5254187593155)"><circle style="transition:all 0.5s ease-out" r="2.332035095538791" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(506.2922802477522, 857.9250214587466)"><circle style="transition:all 0.5s ease-out" r="2.2919685183214873" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(491.61365754694833, 844.2586451029243)"><circle style="transition:all 0.5s ease-out" r="2.222719042661171" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(509.67445596680886, 848.6774192864666)"><circle style="transition:all 0.5s ease-out" r="2.195638334061086" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(431.60654600421157, 837.0393069779566)"><circle style="transition:all 0.5s ease-out" r="2.129602356618832" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(459.24197498352265, 776.8012375675238)"><circle style="transition:all 0.5s ease-out" r="1.9996752120153993" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(473.3160097258292, 787.4462783859738)"><circle style="transition:all 0.5s ease-out" r="1.990970417648732" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(551.651392322111, 831.5052757670943)"><circle style="transition:all 0.5s ease-out" r="1.8272065321730775" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(472.4939653039619, 768.8682824822835)"><circle style="transition:all 0.5s ease-out" r="1.7995361103300278" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(509.8671276551822, 841.7378681279888)"><circle style="transition:all 0.5s ease-out" r="1.727306201963326" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(479.5028932192145, 771.2386977643198)"><circle style="transition:all 0.5s ease-out" r="1.7239511203846476" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(547.1455959981599, 840.8477149280291)"><circle style="transition:all 0.5s ease-out" r="1.6612408669249379" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(480.1278076467043, 851.0609716004343)"><circle style="transition:all 0.5s ease-out" r="1.67050867031058" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(439.819511504366, 842.2277001021373)"><circle style="transition:all 0.5s ease-out" r="1.618879309755873" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(491.694090922446, 758.2653645228966)"><circle style="transition:all 0.5s ease-out" r="1.5281193418295553" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(458.8089859647312, 769.2891616854066)"><circle style="transition:all 0.5s ease-out" r="1.5456989429529522" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(483.53298872432765, 766.2670781122865)"><circle style="transition:all 0.5s ease-out" r="1.49104526228209" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(437.25788805427015, 775.9558065687611)"><circle style="transition:all 0.5s ease-out" r="1.4923390111261683" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(464.8767758063296, 780.3675531070862)"><circle style="transition:all 0.5s ease-out" r="1.4688771987256444" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(541.4131992801651, 838.0644010383587)"><circle style="transition:all 0.5s ease-out" r="1.503932669279279" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(484.1297843457828, 860.6146480176453)"><circle style="transition:all 0.5s ease-out" r="1.4819573963133104" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(496.89866607358834, 754.9717387595996)"><circle style="transition:all 0.5s ease-out" r="1.442360990124469" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(443.29984567036513, 774.9325471584507)"><circle style="transition:all 0.5s ease-out" r="1.4356554168939784" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(503.4102568578226, 850.8173798964616)"><circle style="transition:all 0.5s ease-out" r="1.3822359522909493" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(464.1934729173278, 835.6727726220697)"><circle style="transition:all 0.5s ease-out" r="1.348310879909287" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(516.112522409303, 842.2218194463024)"><circle style="transition:all 0.5s ease-out" r="1.336811216754427" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(546.364097179134, 834.8219314806597)"><circle style="transition:all 0.5s ease-out" r="1.2142588203806683" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(434.2563958575238, 840.0218540687029)"><circle style="transition:all 0.5s ease-out" r="1.1656036994696626" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(495.9723748886237, 849.0471707355405)"><circle style="transition:all 0.5s ease-out" r="1.052496193404884" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(444.8572811024158, 852.7092382124913)"><circle style="transition:all 0.5s ease-out" r="1.0170609558839994" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(487.6650075126217, 762.3261971912349)"><circle style="transition:all 0.5s ease-out" r="1.0189566909043963" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(440.4246085738771, 847.7858707600581)"><circle style="transition:all 0.5s ease-out" r="0.7759645565394223" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(572.5909382735833, 329.13177384933425)"><circle style="transition:all 0.5s ease-out" r="6.805659370109232" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(611.9396633144744, 498.5858071808847)"><circle style="transition:all 0.5s ease-out" r="5.625828795149769" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(525.92055352313, 482.64133700072006)"><circle r="11.048015356179137" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(623.5268192539731, 378.554298680161)"><circle r="16.638607322264676" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(631.0541238863924, 325.3393226604252)"><circle r="13.06471481948446" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(621.321100063294, 349.42746912493783)"><circle style="transition:all 0.5s ease-out" r="3.9959711666263535" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(699.0522886466724, 384.25562861720294)"><circle r="13.004873626400144" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(760.9396841223448, 321.4802291969795)"><circle r="61.29777992133767" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(620.1266647442311, 473.73024067441276)"><circle r="12.005402406388363" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(554.8071642207243, 353.68270118978256)"><circle r="15.636080517164265" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(712.9166645386567, 460.94680276518807)"><circle r="24.743935458510045" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(663.0066945178697, 381.4546418739252)"><circle r="9.34823392307755" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(567.413809036985, 427.74733104724197)"><circle r="44.109244002451135" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(557.8397010729193, 494.246922627227)"><circle r="9.182712152078764" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(653.2805897247189, 431.4287633105379)"><circle r="27.927135846422836" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(594.3641094070819, 377.8117910011516)"><circle style="transition:all 0.5s ease-out" r="3.9911386927739745" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(671.3089034112398, 342.4937927795018)"><circle r="16.8821822294689" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(486.41207521969847, 289.6342166573761)"><circle r="63.175355376049595" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(584.0576078559985, 373.47740590670554)"><circle style="transition:all 0.5s ease-out" r="3.9896878092266896" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(663.5898312094037, 509.76171455865284)"><circle r="30.71322111901374" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(666.2450203793532, 286.17720969687383)"><circle r="25.76772707911796" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(726.8637252590188, 553.5685026231114)"><circle r="32.310482446369406" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(589.7763455736682, 291.7991121612803)"><circle r="26.241347923907835" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(589.9141271810355, 491.0516705348196)"><circle r="9.081563051662314" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(730.6434151728697, 410.80779724456335)"><circle r="14.522307085700621" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(514.654001273013, 553.7568634478238)"><circle r="47.217871685524884" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(610.9645826262838, 543.6785192362025)"><circle r="17.969172390574467" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(516.743641481547, 375.99124567049455)"><circle r="14.410654492809835" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(708.0028946788434, 231.29699391822183)"><circle r="29.259372061425033" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(812.4510596872461, 448.7319187041678)"><circle r="62.33657717552672" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(742.917105355411, 499.4426095020089)"><circle r="10.237752428822917" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(430.22595690173824, 440.4641620291566)"><circle r="80.13149437266742" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(644.5068782688232, 470.9424895182138)"><circle style="transition:all 0.5s ease-out" r="3.982910031085284" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(656.8459603580264, 582.010665985896)"><circle r="27.91338612984643" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(528.8276210691415, 351.7627215192929)"><circle style="transition:all 0.5s ease-out" r="3.981940835297463" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(623.4810165544116, 221.10601907643934)"><circle r="38.15101430643396" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(676.3357106970032, 468.3818639803029)"><circle style="transition:all 0.5s ease-out" r="3.980971403552044" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(596.2841412677573, 344.63127585242745)"><circle r="13.083323869381235" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(543.5460245853568, 377.3219475121521)"><circle style="transition:all 0.5s ease-out" r="3.9800017356766064" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(576.810250014219, 520.5850170834748)"><circle r="9.334443168231934" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(491.1080491419688, 372.285450828384)"><circle style="transition:all 0.5s ease-out" r="2.929201964755464" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(666.5285064886099, 467.9826768188338)"><circle style="transition:all 0.5s ease-out" r="2.634355788306319" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(701.9087372528957, 494.4966167218627)"><circle style="transition:all 0.5s ease-out" r="1.9646246346727314" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(659.1762188980589, 469.02717363033327)"><circle style="transition:all 0.5s ease-out" r="1.5568952989338558" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(520.1581582558892, 352.121020030962)"><circle style="transition:all 0.5s ease-out" r="1.4949231498773963" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(703.866307747799, 808.403375102779)"><circle style="transition:all 0.5s ease-out" r="5.9010731308364806" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(716.2246094569978, 816.906219771327)"><circle style="transition:all 0.5s ease-out" r="5.900746083803733" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(712.4683353691821, 831.416294119495)"><circle style="transition:all 0.5s ease-out" r="5.897801844410223" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(714.373034611442, 790.915552242313)"><circle style="transition:all 0.5s ease-out" r="5.897147369365828" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(679.3190353720129, 832.1184995282123)"><circle style="transition:all 0.5s ease-out" r="3.9882363978614124" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(703.8751062688395, 821.4901640435061)"><circle style="transition:all 0.5s ease-out" r="3.9872684967677117" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(733.8428491691292, 816.7363235019109)"><circle style="transition:all 0.5s ease-out" r="3.9858162044242285" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(689.275524952272, 827.0602750442513)"><circle style="transition:all 0.5s ease-out" r="3.985331989369969" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(726.2767431681569, 808.5310434881378)"><circle style="transition:all 0.5s ease-out" r="3.9848477154767696" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#237346;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(743.176244783258, 800.5675435272518)"><circle r="6.111377778270868" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(716.1270022327823, 803.8584520375667)"><circle style="transition:all 0.5s ease-out" r="3.9824254626753053" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(693.7877611257802, 816.7153967695482)"><circle style="transition:all 0.5s ease-out" r="3.9804865991413623" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(733.1066153067833, 766.0434424497892)"><circle r="15.900803481967907" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(699.4047360994033, 831.7317328569743)"><circle style="transition:all 0.5s ease-out" r="3.9795168131361924" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(648.236872853033, 766.794839353658)"><circle r="55.00082537994316" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#199f4b;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(726.4285902810522, 825.0783894660633)"><circle style="transition:all 0.5s ease-out" r="3.976120699418907" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(725.0735654113901, 797.7561421658091)"><circle style="transition:all 0.5s ease-out" r="3.64859940187424" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(668.7883455594903, 830.5876902362954)"><circle style="transition:all 0.5s ease-out" r="3.455729497700046" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(705.8502147794976, 797.7054729644273)"><circle style="transition:all 0.5s ease-out" r="1.8155512831394136" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(681.0829153076517, 823.3144631962801)"><circle style="transition:all 0.5s ease-out" r="1.801679691924192" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(723.1360219765106, 833.3792652217528)"><circle style="transition:all 0.5s ease-out" r="1.7539158230271148" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(685.9210178592009, 819.4550803306595)"><circle style="transition:all 0.5s ease-out" r="1.1901799164600315" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(724.3983896637221, 789.9504553531053)"><circle style="transition:all 0.5s ease-out" r="0.9862337393848716" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(711.4986414028424, 777.9580339710008)"><circle style="transition:all 0.5s ease-out" r="0.6633336226127678" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(710.5480016437087, 782.3747672208585)"><circle style="transition:all 0.5s ease-out" r="0.6545473588848164" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#199f4b;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(675.6784221910676, 824.8259456879957)"><circle style="transition:all 0.5s ease-out" r="0.6243674763081907" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#cb171e;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(302.45457240963395, 386.91015669545976)"><circle style="transition:all 0.5s ease-out" r="7.615550067216334" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(318.8810624960763, 385.9423894796712)"><circle style="transition:all 0.5s ease-out" r="5.512514072272108" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(312.6756377941957, 400.21536362183105)"><circle style="transition:all 0.5s ease-out" r="3.98339454054892" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(311.7715631348989, 370.4779809381814)"><circle style="transition:all 0.5s ease-out" r="3.9814561489302247" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(296.60665873989285, 374.5206073381044)"><circle style="transition:all 0.5s ease-out" r="3.978546790741981" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(298.41201370189276, 398.90049489154995)"><circle style="transition:all 0.5s ease-out" r="3.2549982529829933" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(320.401500216738, 374.97648478328745)"><circle style="transition:all 0.5s ease-out" r="3.02322475079606" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(321.0605438383316, 396.7451340401394)"><circle style="transition:all 0.5s ease-out" r="2.037913381808793" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(292.0757003069851, 394.021434061294)"><circle style="transition:all 0.5s ease-out" r="1.7583116089264539" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(304.5130402002997, 374.6540994340001)"><circle style="transition:all 0.5s ease-out" r="1.6295729407277595" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(304.9935114246476, 398.5761275266294)"><circle style="transition:all 0.5s ease-out" r="1.1320057354598976" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(324.88630326242793, 392.3239546700703)"><circle style="transition:all 0.5s ease-out" r="1.005611499662119" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(309.9477198723979, 377.91166952200945)"><circle style="transition:all 0.5s ease-out" r="0.8764075770310463" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(325.37033719024043, 379.75915198216506)"><circle style="transition:all 0.5s ease-out" r="0.925669752150397" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(312.396116749691, 392.965407871874)"><circle style="transition:all 0.5s ease-out" r="0.8630942829995181" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(314.73952792718023, 377.4486802780109)"><circle style="transition:all 0.5s ease-out" r="0.7377158963164462" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(291.19340567407824, 388.5645872278131)"><circle style="transition:all 0.5s ease-out" r="0.569402314917747" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(292.9165894114495, 380.81069614847405)"><circle style="transition:all 0.5s ease-out" r="0.504721207242925" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(326.52892580723335, 388.247427210754)"><circle style="transition:all 0.5s ease-out" r="0.4690477027385263" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#cb171e;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(326.62164206761986, 383.9166125447044)"><circle style="transition:all 0.5s ease-out" r="0.5123114257471537" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(288.5155586129293, 385.8419756934216)"><circle style="transition:all 0.5s ease-out" r="0.4026282381016569" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(305.65467238757077, 403.31019057740275)"><circle style="transition:all 0.5s ease-out" r="0.4480033455996441" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(291.6441577779546, 384.5571185149418)"><circle style="transition:all 0.5s ease-out" r="0.25615571287357697" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(316.3708473653723, 394.4685890966124)"><circle style="transition:all 0.5s ease-out" r="0.18638065778526128" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(162.47545002005222, 353.7355194357097)"><circle style="transition:all 0.5s ease-out" r="1.3046646044968286" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(167.5120730858066, 353.7355194357097)"><circle style="transition:all 0.5s ease-out" r="0.9901396308659667" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(165.26023316679522, 357.1735681528301)"><circle style="transition:all 0.5s ease-out" r="0.3779030938495074" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(165.25823514163096, 350.33710682579414)"><circle style="transition:all 0.5s ease-out" r="0.3459078614458652" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(162.57590543113437, 430.99323517373153)"><circle style="transition:all 0.5s ease-out" r="3.502876690302281" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(171.4417371406193, 430.99323517373153)"><circle style="transition:all 0.5s ease-out" r="2.6211361887910516" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(167.7298805732965, 436.70191453339504)"><circle style="transition:all 0.5s ease-out" r="1.4463694119063517" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(199.72330795831226, 367.1164085020323)"><circle style="transition:all 0.5s ease-out" r="3.4685502173448435" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(207.9071226487659, 367.1164085020323)"><circle style="transition:all 0.5s ease-out" r="1.9734456427171814" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(207.18683130842038, 405.3617006622173)"><circle style="transition:all 0.5s ease-out" r="5.070863259968234" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(225.03327636007057, 405.0065607842301)"><circle style="transition:all 0.5s ease-out" r="3.9795168131361924" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(217.04206190745805, 411.5138836110331)"><circle style="transition:all 0.5s ease-out" r="3.2573689730736657" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(216.69641871437088, 400.73613497792036)"><circle style="transition:all 0.5s ease-out" r="2.3312073989393256" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(212.10326242010132, 394.73454097627024)"><circle style="transition:all 0.5s ease-out" r="2.158406401927519" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(209.63099244178935, 415.19056550592023)"><circle style="transition:all 0.5s ease-out" r="2.0773060558984064" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(222.61387958063895, 396.34114299562896)"><circle style="transition:all 0.5s ease-out" r="1.8398371424335143" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(224.1637052684385, 412.92563481481596)"><circle style="transition:all 0.5s ease-out" r="0.8028563025300449" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(206.45514944887242, 396.6101107835882)"><circle style="transition:all 0.5s ease-out" r="0.7324651826316745" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(143.75202563213156, 390.1171423173688)"><circle r="8.331995930833406" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(156.7617683895546, 390.1171423173688)"><circle style="transition:all 0.5s ease-out" r="1.935927996198009" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(154.81394784772303, 395.86730253701865)"><circle style="transition:all 0.5s ease-out" r="1.3933607671550723" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(286.428061473978, 438.88427495038326)"><circle style="transition:all 0.5s ease-out" r="2.8847219802489374" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(293.7041851768643, 438.88427495038326)"><circle style="transition:all 0.5s ease-out" r="1.6495828922457607" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(291.1856973107446, 444.305614764484)"><circle style="transition:all 0.5s ease-out" r="1.5863659636938297" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(246.52443631486497, 481.5355755946757)"><circle style="transition:all 0.5s ease-out" r="4.241496733585277" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(262.33979668422745, 480.182466859154)"><circle style="transition:all 0.5s ease-out" r="3.7826040083240415" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(256.10477789250706, 488.7558964765329)"><circle style="transition:all 0.5s ease-out" r="3.6204572705299842" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(256.99063181238705, 469.35436467803544)"><circle style="transition:all 0.5s ease-out" r="3.5335946435538115" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(243.27803981098603, 469.5276183009397)"><circle style="transition:all 0.5s ease-out" r="3.464096218438751" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(242.3131972802063, 492.57494902460377)"><circle style="transition:all 0.5s ease-out" r="3.344481330499883" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(266.827081211003, 470.82815933304295)"><circle style="transition:all 0.5s ease-out" r="3.2162291398214684" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(265.17687495823446, 492.8188217024247)"><circle style="transition:all 0.5s ease-out" r="3.1224555059666814" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(237.74913383575787, 476.8758475908504)"><circle style="transition:all 0.5s ease-out" r="2.55929593324249" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(237.46040702847063, 485.05894023574007)"><circle style="transition:all 0.5s ease-out" r="2.499787026410218" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(271.1844680730668, 478.3924724760291)"><circle style="transition:all 0.5s ease-out" r="2.4593145751896737" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(270.8696775695321, 486.2925644005114)"><circle style="transition:all 0.5s ease-out" r="2.347705887877081" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(250.02874957143726, 464.43972673049154)"><circle style="transition:all 0.5s ease-out" r="1.7887796714045296" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(250.16393442357165, 494.8233002640578)"><circle style="transition:all 0.5s ease-out" r="1.6624021679174636" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(254.37048290820763, 477.19473132615246)"><circle style="transition:all 0.5s ease-out" r="1.5319033823120443" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(258.49062952352665, 496.5506438364652)"><circle style="transition:all 0.5s ease-out" r="1.3310241280381814" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(250.1399246403887, 473.16913289763795)"><circle style="transition:all 0.5s ease-out" r="1.1078810792417308" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(248.65001372613642, 489.35951783369234)"><circle style="transition:all 0.5s ease-out" r="0.672005018399466" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(302.1269605110592, 479.9766974009988)"><circle style="transition:all 0.5s ease-out" r="4.17315130299577" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(312.376720250623, 481.02067587714663)"><circle style="transition:all 0.5s ease-out" r="2.9093696313243496" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(307.42208868831636, 488.7191321737303)"><circle style="transition:all 0.5s ease-out" r="2.849044428524714" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(308.8663277418158, 472.34939422133385)"><circle style="transition:all 0.5s ease-out" r="2.776314222212688" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(296.8194721581186, 471.7931151171268)"><circle style="transition:all 0.5s ease-out" r="2.591517879927429" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(299.34853900868575, 491.1906346134915)"><circle style="transition:all 0.5s ease-out" r="2.544928373208852" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(316.95042873385097, 473.51206362145655)"><circle style="transition:all 0.5s ease-out" r="2.398934593345133" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(315.31414505081926, 489.7198878253812)"><circle style="transition:all 0.5s ease-out" r="2.1655475509725015" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(293.05574410635353, 478.48600545463506)"><circle style="transition:all 0.5s ease-out" r="2.0735866150348152" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(293.98297906974227, 485.64614944825036)"><circle style="transition:all 0.5s ease-out" r="2.0623880455892842" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(319.35595487845694, 484.3953421978547)"><circle style="transition:all 0.5s ease-out" r="1.4194328010142172" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(320.2901509396693, 478.9884519810654)"><circle style="transition:all 0.5s ease-out" r="0.9979055508574168" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(302.63044625900994, 472.3212854619575)"><circle style="transition:all 0.5s ease-out" r="0.30435833966545267" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(232.99512263149043, 225.54881825548733)"><circle style="transition:all 0.5s ease-out" r="1.4806545763724108" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(240.55559598089704, 225.47581717646133)"><circle style="transition:all 0.5s ease-out" r="1.4369990347986272" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(236.8566642251985, 230.2867779829082)"><circle style="transition:all 0.5s ease-out" r="1.431616997032214" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(236.76457968802134, 220.75448558622455)"><circle style="transition:all 0.5s ease-out" r="1.4180725392729046" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(230.89445447772448, 219.9355301154989)"><circle style="transition:all 0.5s ease-out" r="1.309094717769633" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(231.31316650317484, 232.24832694269517)"><circle style="transition:all 0.5s ease-out" r="1.2487349526163816" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(242.45901270613922, 220.03593668668788)"><circle style="transition:all 0.5s ease-out" r="1.1217301303714393" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(242.24893776980412, 232.16319805417956)"><circle style="transition:all 0.5s ease-out" r="1.0778611861014626" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(227.82960090119323, 228.00732788453965)"><circle style="transition:all 0.5s ease-out" r="1.0395816405870344" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(245.49563326990915, 228.073069865489)"><circle style="transition:all 0.5s ease-out" r="0.9442469166709757" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(226.5092352083247, 223.0586650752195)"><circle style="transition:all 0.5s ease-out" r="0.8916885615300727" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(246.31979780168203, 223.27453312605846)"><circle style="transition:all 0.5s ease-out" r="0.7298256598753491" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(269.74819164506476, 228.6309250958918)"><circle r="9.77143639006788" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(352.15696742134145, 221.7171107726568)"><circle r="10.64435225591809" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(312.3939152606549, 248.3553720715059)"><circle r="24.86630543355384" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(323.6629314008669, 198.88926347377213)"><circle r="13.51832986803481" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(291.68585880226186, 208.63601548189573)"><circle r="7.571437278511634" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(242.41342635139324, 263.11826840538913)"><circle style="transition:all 0.5s ease-out" r="1.4289183763536695" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(248.442277915204, 262.67938051109354)"><circle style="transition:all 0.5s ease-out" r="1.4180725392729046" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(245.81486365729367, 267.98622532679553)"><circle style="transition:all 0.5s ease-out" r="1.307619680999484" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(245.8762377800065, 257.4391996215241)"><circle style="transition:all 0.5s ease-out" r="1.2205996406246005" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(240.2338455453994, 257.26304864895724)"><circle style="transition:all 0.5s ease-out" r="1.2316175268235852" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(251.48536395656566, 257.268649498801)"><circle style="transition:all 0.5s ease-out" r="1.198259981523468" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(240.17047575713113, 268.8640593298424)"><circle style="transition:all 0.5s ease-out" r="1.212668434864654" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(251.4423160340531, 267.5989178405508)"><circle style="transition:all 0.5s ease-out" r="1.142188900683719" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(236.8548383272288, 261.665676441033)"><circle style="transition:all 0.5s ease-out" r="1.1182839467115675" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(254.14705053530196, 262.10176016546495)"><circle style="transition:all 0.5s ease-out" r="1.1182839467115675" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(256.07317627271226, 266.56222219614847)"><circle style="transition:all 0.5s ease-out" r="1.1061377562431634" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(235.75041515221017, 266.5543990855245)"><circle style="transition:all 0.5s ease-out" r="1.0956195672110285" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(248.5124313230064, 252.78581899060774)"><circle style="transition:all 0.5s ease-out" r="1.0652541888290847" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(243.25175507477852, 252.79300292124802)"><circle style="transition:all 0.5s ease-out" r="1.0543282160157401" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(251.38560160624144, 272.6133191452496)"><circle style="transition:all 0.5s ease-out" r="0.9193939526561444" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(242.11975638707898, 273.4932294222847)"><circle style="transition:all 0.5s ease-out" r="0.8335196409979395" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(246.7107371935348, 273.1223152391446)"><circle style="transition:all 0.5s ease-out" r="0.7056257819949764" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(255.7699986548781, 258.1159520458329)"><circle style="transition:all 0.5s ease-out" r="0.7137835765002658" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(236.23269587463935, 257.62004057946507)"><circle style="transition:all 0.5s ease-out" r="0.6212688592842041" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(245.4575247424407, 189.87896663181385)"><circle style="transition:all 0.5s ease-out" r="0.8450170067549814" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(250.1836474217727, 190.13394182957842)"><circle style="transition:all 0.5s ease-out" r="0.6862138839530145" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(248.13595443840077, 194.17678418453642)"><circle style="transition:all 0.5s ease-out" r="0.6456415376643605" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(248.18759292019797, 186.09600585385868)"><circle style="transition:all 0.5s ease-out" r="0.6181547100533435" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(243.79187721452752, 185.5216755185156)"><circle style="transition:all 0.5s ease-out" r="0.6150247926758484" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(243.7043848115854, 194.16710697939212)"><circle style="transition:all 0.5s ease-out" r="0.5861038696421512" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(252.58725036549487, 186.3576671453922)"><circle style="transition:all 0.5s ease-out" r="0.5893873904018194" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(252.54655081253702, 193.91637900670128)"><circle style="transition:all 0.5s ease-out" r="0.5727815868102359" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(240.98558873778558, 188.8540723455629)"><circle style="transition:all 0.5s ease-out" r="0.5416096348777276" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(239.62034617378282, 192.87244962376522)"><circle style="transition:all 0.5s ease-out" r="0.5123114257471537" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(254.56299943881734, 190.15714709336498)"><circle style="transition:all 0.5s ease-out" r="0.4931168696924359" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(330.52164109232405, 528.5256849326338)"><circle style="transition:all 0.5s ease-out" r="4.098020504452614" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(338.11983571548586, 528.5256849326338)"><circle style="transition:all 0.5s ease-out" r="0.7583552883176075" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(190.81523869203704, 500.40515912129456)"><circle style="transition:all 0.5s ease-out" r="3.1230735080520935" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(197.41522625813684, 500.40515912129456)"><circle style="transition:all 0.5s ease-out" r="0.7350952276561283" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(196.07025529979484, 504.3938840695806)"><circle style="transition:all 0.5s ease-out" r="0.7324651826316745" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(196.05554769224307, 496.4644000340196)"><circle style="transition:all 0.5s ease-out" r="0.6918157228917302" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(176.46056204125776, 556.7935764479856)"><circle style="transition:all 0.5s ease-out" r="1.313509889554641" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(181.8101594661261, 556.7935764479856)"><circle style="transition:all 0.5s ease-out" r="1.2942687049220984" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(208.20034872846938, 541.1122510131643)"><circle style="transition:all 0.5s ease-out" r="1.1371087173087682" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(213.5953902872105, 541.2671282200154)"><circle style="transition:all 0.5s ease-out" r="1.0598052825648785" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(210.84220587307985, 545.7604818292278)"><circle style="transition:all 0.5s ease-out" r="1.0094424144858498" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(211.10409175314612, 536.6344052601695)"><circle style="transition:all 0.5s ease-out" r="0.9998376060076994" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(203.60654964241502, 538.4341381750328)"><circle style="transition:all 0.5s ease-out" r="0.9803457241379581" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(203.83938120356933, 544.0126727310525)"><circle style="transition:all 0.5s ease-out" r="0.9003041100562758" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(161.38225729896976, 488.583067254624)"><circle style="transition:all 0.5s ease-out" r="5.30193916632885" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(169.80899114126822, 488.583067254624)"><circle style="transition:all 0.5s ease-out" r="0.382975845578011" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(127.35174345931433, 538.105756864073)"><circle style="transition:all 0.5s ease-out" r="3.980971403552044" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(152.02311962305757, 534.378754402109)"><circle r="7.615627139669603" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(138.04639871535065, 541.0682587242443)"><circle style="transition:all 0.5s ease-out" r="3.978546790741981" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(133.452681355504, 520.940855756618)"><circle r="8.754692585900083" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(143.26801692999837, 553.8800950674711)"><circle r="6.680615500688907" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(148.93169525619356, 519.8873626838505)"><circle style="transition:all 0.5s ease-out" r="3.977091313542829" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(121.98488992803614, 553.528402504012)"><circle r="7.128513116300147" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(113.9760529978536, 532.8410726390169)"><circle r="8.413884154254887" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(155.89268098773437, 548.46649012491)"><circle style="transition:all 0.5s ease-out" r="0.9003041100562758" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(139.35818782211402, 533.3167220327081)"><circle style="transition:all 0.5s ease-out" r="0.7218491836575005" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(145.05187134665744, 543.4326100631856)"><circle style="transition:all 0.5s ease-out" r="0.42592047132376626" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(267.0893816958736, 695.3445245174714)"><circle r="100.1332032173814" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(373.9410097797411, 695.3445245174714)"><circle style="transition:all 0.5s ease-out" r="3.9766060360944304" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(371.0984122888326, 702.9624969516004)"><circle style="transition:all 0.5s ease-out" r="1.41261839391226" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(370.5772768928566, 688.5830774157181)"><circle style="transition:all 0.5s ease-out" r="0.8335196409979395" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(370.1474514453588, 684.2505604023821)"><circle style="transition:all 0.5s ease-out" r="0.7784476494669282" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(394.50901426713534, 695.3445245174714)"><circle style="transition:all 0.5s ease-out" r="3.9790318314985216" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(414.1088392070697, 695.3445245174714)"><circle r="12.878974278044268" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(398.3205769520514, 703.2071917824395)"><circle style="transition:all 0.5s ease-out" r="2.016972100139653" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(398.8967468117523, 689.3002604367073)"><circle style="transition:all 0.5s ease-out" r="0.7481067727929147" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(402.44678009918493, 706.5398117598403)"><circle style="transition:all 0.5s ease-out" r="0.5451612115214619" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(401.01955377376567, 685.8942071511486)"><circle style="transition:all 0.5s ease-out" r="0.5234904457739132" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(405.35907012561125, 708.6727038563222)"><circle style="transition:all 0.5s ease-out" r="0.32282076883218036" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(489.8141281834113, 795.3769897276597)"><circle style="transition:all 0.5s ease-out" r="4.889113567133028" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(546.0394479031477, 798.9353237395524)"><circle style="transition:all 0.5s ease-out" r="4.341775993878072" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(517.1552674535735, 815.6490545787308)"><circle r="15.087325723763561" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(520.6446619871482, 779.9319676130938)"><circle r="12.785188066803025" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(501.2960138589221, 792.1182401609857)"><circle style="transition:all 0.5s ease-out" r="3.880817481542502" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(492.1311756229861, 807.0997373111744)"><circle style="transition:all 0.5s ease-out" r="3.8613746356439607" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(541.9927196263892, 788.7919675570427)"><circle style="transition:all 0.5s ease-out" r="3.378925919189713" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(537.0027805724643, 802.0098666419264)"><circle style="transition:all 0.5s ease-out" r="2.004494874856168" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(498.3345989669205, 800.6120049414598)"><circle style="transition:all 0.5s ease-out" r="1.9148792278900555" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(531.9456562687689, 797.0367512744753)"><circle style="transition:all 0.5s ease-out" r="1.889515469247537" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(540.2528500490885, 808.2687926091897)"><circle style="transition:all 0.5s ease-out" r="1.8502967897690221" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(535.8093693804024, 792.6790036191226)"><circle style="transition:all 0.5s ease-out" r="0.7245177664503218" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(508.5884975645233, 794.8641741752608)"><circle style="transition:all 0.5s ease-out" r="0.7110747106502582" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(492.50560059152195, 874.8786796169416)"><circle style="transition:all 0.5s ease-out" r="3.063806764624089" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(500.6923966306962, 874.8786796169416)"><circle style="transition:all 0.5s ease-out" r="2.381170444158585" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(433.0765735207497, 803.9177244210949)"><circle style="transition:all 0.5s ease-out" r="4.559029886779924" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(460.50875979115034, 796.8487111698331)"><circle style="transition:all 0.5s ease-out" r="4.012838996638152" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(451.7753103776479, 817.6903527839657)"><circle r="11.00731640397967" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(450.28096547386576, 793.6364574884946)"><circle style="transition:all 0.5s ease-out" r="3.6065714118673964" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(441.65883098077865, 797.8909413528434)"><circle style="transition:all 0.5s ease-out" r="2.808107754057514" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(459.9747951324861, 861.5401963733696)"><circle style="transition:all 0.5s ease-out" r="4.897789906818975" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(470.1992108590843, 861.5401963733696)"><circle style="transition:all 0.5s ease-out" r="2.5848069893876198" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(467.07020795224935, 868.4773323455329)"><circle style="transition:all 0.5s ease-out" r="2.283532830818327" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(527.9646052333602, 859.6186206828316)"><circle style="transition:all 0.5s ease-out" r="4.615822760082926" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(539.5358185786167, 859.4077677897445)"><circle style="transition:all 0.5s ease-out" r="2.9153334974353875" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(535.3342153352127, 867.1157405437062)"><circle style="transition:all 0.5s ease-out" r="2.832740750012927" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(535.3671509342868, 851.7330762430125)"><circle style="transition:all 0.5s ease-out" r="2.7588814602264744" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(527.7336044789995, 850.3292691565288)"><circle style="transition:all 0.5s ease-out" r="2.241739155571446" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(527.8439234577972, 868.7746498114411)"><circle style="transition:all 0.5s ease-out" r="2.093961783095653" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(522.5773515047617, 484.15578928273897)"><circle style="transition:all 0.5s ease-out" r="2.7991592325162244" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(532.7933533843016, 482.6324682007248)"><circle style="transition:all 0.5s ease-out" r="1.9656067015347012" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(528.9875524745955, 488.20017980906846)"><circle style="transition:all 0.5s ease-out" r="1.5802715655830923" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(527.5421824601053, 478.5327985446689)"><circle style="transition:all 0.5s ease-out" r="1.498791004077902" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(521.6602301990508, 476.77213222536176)"><circle style="transition:all 0.5s ease-out" r="1.4410223717478066" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(617.2392428814591, 378.554298680161)"><circle style="transition:all 0.5s ease-out" r="7.609212119358983" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(632.5069407885279, 378.554298680161)"><circle style="transition:all 0.5s ease-out" r="4.916666957318305" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(626.6984089625319, 385.4341047003065)"><circle style="transition:all 0.5s ease-out" r="1.3454451787313482" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(627.0208072413424, 324.8792598559222)"><circle style="transition:all 0.5s ease-out" r="6.263425464095215" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(638.6946164436544, 324.8792598559222)"><circle style="transition:all 0.5s ease-out" r="2.668564907825116" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(635.7623071435622, 331.928538021264)"><circle style="transition:all 0.5s ease-out" r="2.224454864122651" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(695.0646644169699, 384.25562861720294)"><circle style="transition:all 0.5s ease-out" r="6.275430566306006" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(706.6986286281742, 384.25562861720294)"><circle style="transition:all 0.5s ease-out" r="2.6167148145067505" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(703.636412982684, 390.47261901952066)"><circle style="transition:all 0.5s ease-out" r="1.5716997077381853" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(703.6305863295624, 378.0621809969818)"><circle style="transition:all 0.5s ease-out" r="1.5531721482105103" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(744.0790628679999, 301.30279996182423)"><circle style="transition:all 0.5s ease-out" r="4.653299608714684" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(793.0493734542973, 322.79494245882603)"><circle style="transition:all 0.5s ease-out" r="4.418440366601576" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(781.4201892717175, 320.761146389324)"><circle style="transition:all 0.5s ease-out" r="4.130386761771868" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(741.0297425588445, 279.10343017915596)"><circle r="11.476856521013671" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(716.8073730126916, 339.39631431896663)"><circle r="10.667464050271807" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(763.6264065559028, 309.6329015528739)"><circle r="9.12155492873577" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(717.2532146866761, 302.91900045630314)"><circle r="10.831720214244498" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(791.9376661528769, 301.9377490819124)"><circle r="12.394214617496726" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(760.2328064412173, 354.15868143578194)"><circle r="25.6116832320759" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(721.5681116890204, 284.0758101311068)"><circle style="transition:all 0.5s ease-out" r="3.9911386927739745" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(771.1245749900696, 281.65661174217684)"><circle r="7.932840966296977" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(706.8741049624775, 316.35875645750434)"><circle style="transition:all 0.5s ease-out" r="3.9901714956937915" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(804.5380432836184, 339.4848036031005)"><circle r="11.128069077397178" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(738.1901678918629, 318.5080211796978)"><circle style="transition:all 0.5s ease-out" r="3.9605585234638667" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(786.8194776209931, 330.4166186181576)"><circle style="transition:all 0.5s ease-out" r="3.9144868529600365" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(729.4295017401063, 324.70717726301774)"><circle style="transition:all 0.5s ease-out" r="3.7600883082398395" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(747.8833016093887, 322.0306679953749)"><circle style="transition:all 0.5s ease-out" r="3.4271298652897437" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(758.6683324181074, 289.76536995959907)"><circle style="transition:all 0.5s ease-out" r="3.432194176202356" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(705.9855706346253, 325.3808208452714)"><circle style="transition:all 0.5s ease-out" r="3.205410173541572" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(705.6889954968212, 321.1011893367183)"><circle style="transition:all 0.5s ease-out" r="2.819766817954227" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(725.7026282154756, 278.1336442816796)"><circle style="transition:all 0.5s ease-out" r="2.4356591882045966" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(807.8485436123352, 318.936994479455)"><circle style="transition:all 0.5s ease-out" r="2.315424947546639" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(751.4090138546957, 294.8054613015699)"><circle style="transition:all 0.5s ease-out" r="2.3003732715645135" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(733.8386425952121, 332.66791230885855)"><circle style="transition:all 0.5s ease-out" r="2.2708205433494126" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(774.2210008980373, 294.31945733103413)"><circle style="transition:all 0.5s ease-out" r="2.2657156574395523" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(735.919635172898, 297.64971874022723)"><circle style="transition:all 0.5s ease-out" r="2.159300337108495" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(745.7627001700923, 313.6607023549905)"><circle style="transition:all 0.5s ease-out" r="1.9478537434636085" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(739.6863167321874, 327.4581274507022)"><circle style="transition:all 0.5s ease-out" r="1.8966515120632683" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(740.2099066557163, 309.8426338185789)"><circle style="transition:all 0.5s ease-out" r="1.742877854215049" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(729.6830284700359, 316.1171907355696)"><circle style="transition:all 0.5s ease-out" r="1.7339968901563663" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(766.3685876324436, 292.6487948330765)"><circle style="transition:all 0.5s ease-out" r="1.6519210690284856" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(735.6973903404928, 304.93762638671024)"><circle style="transition:all 0.5s ease-out" r="1.6224516847725052" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(733.6982088630242, 311.0658708978084)"><circle style="transition:all 0.5s ease-out" r="1.6236407297725395" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(721.4308533538924, 321.639299703232)"><circle style="transition:all 0.5s ease-out" r="1.6129077685285782" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(754.9855879190529, 264.97725204004547)"><circle style="transition:all 0.5s ease-out" r="1.4819573963133104" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(812.2928078108231, 313.6457273058804)"><circle style="transition:all 0.5s ease-out" r="1.3780409928373607" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(704.9456109389547, 331.71935187207396)"><circle style="transition:all 0.5s ease-out" r="1.3752372442709118" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(758.139024396392, 267.3190286594796)"><circle style="transition:all 0.5s ease-out" r="1.332473256532739" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(615.1919139221588, 473.55563702260736)"><circle style="transition:all 0.5s ease-out" r="4.325744766237376" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(625.8235253723444, 473.55563702260736)"><circle style="transition:all 0.5s ease-out" r="3.5640478535565867" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(621.1463426852619, 480.6924943602726)"><circle style="transition:all 0.5s ease-out" r="2.2270560595513555" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(621.1209100038318, 466.86504010360915)"><circle style="transition:all 0.5s ease-out" r="1.8720718360383424" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(549.1198890849747, 353.68270118978256)"><circle style="transition:all 0.5s ease-out" r="7.206986551023112" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(563.3850601869432, 353.68270118978256)"><circle style="transition:all 0.5s ease-out" r="4.316365720553765" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(558.4240399309128, 361.51506223366755)"><circle style="transition:all 0.5s ease-out" r="2.213147688949339" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(704.0143223409028, 471.92418236523645)"><circle style="transition:all 0.5s ease-out" r="7.610480131185906" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(726.1148196727759, 463.3448633863104)"><circle style="transition:all 0.5s ease-out" r="5.187501969869137" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(719.0443771250615, 474.1145552321289)"><circle style="transition:all 0.5s ease-out" r="4.467955546791266" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(723.1103546806291, 449.19211466777267)"><circle style="transition:all 0.5s ease-out" r="4.111185358708437" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(704.0328636496529, 449.480424364131)"><circle r="7.238772520035539" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(714.8114940625625, 463.7268765566187)"><circle style="transition:all 0.5s ease-out" r="2.922606140206997" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(731.0309116009475, 454.20956920954865)"><circle style="transition:all 0.5s ease-out" r="2.4173666317124356" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(728.2913623608069, 473.08421430110224)"><circle style="transition:all 0.5s ease-out" r="2.1557223722029257" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(718.5220330416587, 457.1177625777991)"><circle style="transition:all 0.5s ease-out" r="1.4302683231605078" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(660.4751590929912, 381.4546418739252)"><circle style="transition:all 0.5s ease-out" r="4.074879667807513" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(668.452483600873, 381.4546418739252)"><circle style="transition:all 0.5s ease-out" r="1.1606260096826513" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(541.4948725531522, 419.6114918096212)"><circle r="13.943398744970828" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(582.3833504751093, 425.2599581011167)"><circle r="25.934455864198952" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(550.2984929512418, 450.97271555596865)"><circle r="12.258723551459273" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(556.5097498616244, 402.1510082986666)"><circle style="transition:all 0.5s ease-out" r="3.562423031108999" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(551.8207558157904, 434.149252501903)"><circle style="transition:all 0.5s ease-out" r="2.2852224594851793" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(554.011832372372, 494.246922627227)"><circle style="transition:all 0.5s ease-out" r="2.613024621139893" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(561.823635109255, 494.246922627227)"><circle style="transition:all 0.5s ease-out" r="2.4569592853514846" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(637.7794355664724, 421.4572964355722)"><circle style="transition:all 0.5s ease-out" r="6.495751419954548" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(665.6037896494593, 415.1774207369489)"><circle style="transition:all 0.5s ease-out" r="4.5318571812693005" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(658.5264703337775, 440.66576623266695)"><circle r="14.304448505268574" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(651.0828802919937, 410.222308496393)"><circle style="transition:all 0.5s ease-out" r="3.607106471793472" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(648.9793351924102, 418.5456824773071)"><circle style="transition:all 0.5s ease-out" r="2.0689279108455487" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(656.2581557345942, 416.8682945772498)"><circle style="transition:all 0.5s ease-out" r="1.876190810954105" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(636.0190361094047, 432.7650132963421)"><circle style="transition:all 0.5s ease-out" r="1.8112944161258047" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(667.1236455529596, 342.55538444185055)"><circle style="transition:all 0.5s ease-out" r="3.938570180890516" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(677.8349672999249, 342.3720164753518)"><circle style="transition:all 0.5s ease-out" r="3.57432124347958" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(671.8368681047182, 351.38988826115076)"><circle style="transition:all 0.5s ease-out" r="2.8252367878245197" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(671.7026243527831, 333.69945410124694)"><circle style="transition:all 0.5s ease-out" r="2.778398803326464" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(663.5312404277513, 333.9726996092412)"><circle style="transition:all 0.5s ease-out" r="2.3452385136926317" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(663.6712103592428, 351.2987808695906)"><circle style="transition:all 0.5s ease-out" r="2.226189332116486" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(679.4806562932198, 334.02566082567944)"><circle style="transition:all 0.5s ease-out" r="2.1141405932621207" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(679.7140816190492, 350.9480770035526)"><circle style="transition:all 0.5s ease-out" r="1.9606914482759163" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(659.6336408312931, 345.74497405205705)"><circle style="transition:all 0.5s ease-out" r="1.7626964327149999" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(659.369693810188, 339.5083819110333)"><circle style="transition:all 0.5s ease-out" r="1.5753790722139813" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(683.3400399310843, 346.35317353300053)"><circle style="transition:all 0.5s ease-out" r="1.2471885310291602" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(684.0543356534937, 338.69544110502886)"><circle style="transition:all 0.5s ease-out" r="0.5828018497348312" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(448.9399552567639, 289.6342166573761)"><circle r="18.57450645409692" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(508.55094615330444, 289.6342166573761)"><circle r="33.90775548342547" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(469.78619964837236, 307.05053964423877)"><circle style="transition:all 0.5s ease-out" r="1.4609728694281485" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(645.7266441019237, 519.1137865332428)"><circle style="transition:all 0.5s ease-out" r="5.58727640602808" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(652.1983455690913, 495.34541533204634)"><circle style="transition:all 0.5s ease-out" r="5.371012117365589" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(663.8549628220411, 526.6271887754517)"><circle style="transition:all 0.5s ease-out" r="4.755446875667922" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(651.8192835003979, 507.89390442939344)"><circle style="transition:all 0.5s ease-out" r="3.9804865991413623" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(641.9771521904664, 502.63292687753244)"><circle style="transition:all 0.5s ease-out" r="3.9800017356766064" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(675.3148162689557, 505.0335299390785)"><circle r="11.928148155309062" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(652.5263659026525, 529.6788852102962)"><circle style="transition:all 0.5s ease-out" r="3.776987666683903" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(657.6277558362941, 518.30659866806)"><circle style="transition:all 0.5s ease-out" r="2.4221519217108796" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(638.1523496392205, 511.18942826469396)"><circle style="transition:all 0.5s ease-out" r="2.235704853493868" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(673.0663706411643, 525.8918938948557)"><circle style="transition:all 0.5s ease-out" r="1.2852910101645263" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(661.3061455785596, 286.53865887043105)"><circle r="17.815643699066804" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(685.4879018210881, 287.06169226160296)"><circle style="transition:all 0.5s ease-out" r="3.5045291206278417" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(683.5822682500024, 294.9314937542608)"><circle style="transition:all 0.5s ease-out" r="3.345635196785895" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(684.3977113447266, 279.0037848795555)"><circle style="transition:all 0.5s ease-out" r="3.249063884778308" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(680.1541897634188, 272.43519325629717)"><circle style="transition:all 0.5s ease-out" r="3.215028830341404" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(680.4105656294038, 301.44461961414373)"><circle style="transition:all 0.5s ease-out" r="1.9409059627501408" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(721.2977563097257, 553.5685026231114)"><circle r="19.615784538058232" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(750.043874276586, 553.5685026231114)"><circle style="transition:all 0.5s ease-out" r="2.001604469783967" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(575.6374158630613, 291.7991121612803)"><circle r="9.360599382909257" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(600.5078543717733, 291.7991121612803)"><circle r="12.768020295411189" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(585.800440933336, 302.6688700474208)"><circle style="transition:all 0.5s ease-out" r="2.778398803326464" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(585.8167792714315, 281.108725665475)"><circle style="transition:all 0.5s ease-out" r="2.6591468402212297" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(587.2624392014718, 491.0516705348196)"><circle style="transition:all 0.5s ease-out" r="3.6880562417070437" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(594.9730928379383, 491.0516705348196)"><circle style="transition:all 0.5s ease-out" r="1.2807785643678846" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(722.9181764774894, 412.1069204271606)"><circle style="transition:all 0.5s ease-out" r="3.784134291176067" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(738.4106684475113, 411.9798968539658)"><circle style="transition:all 0.5s ease-out" r="3.76265369593559" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(730.7304748012025, 418.17519306035916)"><circle style="transition:all 0.5s ease-out" r="2.910032886691754" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(730.6410143860679, 407.3214186379913)"><circle style="transition:all 0.5s ease-out" r="2.1040753785384974" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(724.5804983038694, 403.30868839134104)"><circle style="transition:all 0.5s ease-out" r="1.9744233220651017" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(736.5934072623285, 403.36170224424654)"><circle style="transition:all 0.5s ease-out" r="1.8450743780275451" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(525.7141507781964, 551.8348738989317)"><circle style="transition:all 0.5s ease-out" r="6.882638389434321" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(541.7617798440424, 557.6189007417498)"><circle style="transition:all 0.5s ease-out" r="6.005777495961525" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(524.4178965081147, 580.6713865987094)"><circle r="15.587028061880128" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(528.0829741978445, 529.519791825512)"><circle r="10.065581126968526" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(491.6489086026945, 547.4655529933713)"><circle r="20.36803151825656" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(497.6931693095132, 578.5362602160654)"><circle style="transition:all 0.5s ease-out" r="3.8358006764013712" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(537.4422576158004, 546.607367649197)"><circle style="transition:all 0.5s ease-out" r="2.6226083238067406" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(603.7655662856423, 543.6999513263455)"><circle r="7.770124147416794" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(622.1944192657265, 544.1185436593032)"><circle style="transition:all 0.5s ease-out" r="3.7307182067689926" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(621.020222884897, 550.9035559652447)"><circle style="transition:all 0.5s ease-out" r="2.587045887156349" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(621.9515207277155, 537.3016074345592)"><circle style="transition:all 0.5s ease-out" r="2.2657156574395523" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(614.8593654109509, 531.5471501002208)"><circle style="transition:all 0.5s ease-out" r="2.227922449803757" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(614.6226798394545, 556.0756589139872)"><circle style="transition:all 0.5s ease-out" r="2.04358739756496" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(618.6614680415845, 536.4451648819288)"><circle style="transition:all 0.5s ease-out" r="1.6991447750153301" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(618.2038317776116, 551.3120302220676)"><circle style="transition:all 0.5s ease-out" r="1.47150253987087" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(609.2311700286821, 530.2846612511521)"><circle style="transition:all 0.5s ease-out" r="1.4636123889594008" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(609.2429379107197, 557.5088159896911)"><circle style="transition:all 0.5s ease-out" r="1.0321293463636125" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(511.81170197819915, 376.6493939159284)"><circle style="transition:all 0.5s ease-out" r="4.676879621703825" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(525.6281394612708, 375.9373542135573)"><circle style="transition:all 0.5s ease-out" r="2.643862169024726" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(522.1936993392467, 383.3377372821534)"><circle style="transition:all 0.5s ease-out" r="2.381170444158585" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(522.1663221429362, 368.5870829047522)"><circle style="transition:all 0.5s ease-out" r="2.3509916919873124" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(514.583275878, 367.0221231177975)"><circle style="transition:all 0.5s ease-out" r="2.3028887160247042" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(515.2259963921294, 385.5413109987836)"><circle style="transition:all 0.5s ease-out" r="1.8586221267032341" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(692.3889619466789, 241.49575124021587)"><circle style="transition:all 0.5s ease-out" r="7.609719349444496" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(720.7515117698725, 246.96195347957243)"><circle style="transition:all 0.5s ease-out" r="6.062387242090507" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(709.0527611365443, 252.8667607990304)"><circle style="transition:all 0.5s ease-out" r="4.664070191077581" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(711.675741857392, 222.48700252794254)"><circle r="13.862564192390925" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(704.0579451022807, 244.99051201315876)"><circle style="transition:all 0.5s ease-out" r="2.6620482560763623" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(790.0441309360388, 438.4091214252035)"><circle style="transition:all 0.5s ease-out" r="6.6365357482925225" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(857.6923645276293, 456.4854940724944)"><circle r="13.435666567426635" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(814.9782594433585, 480.09044887499226)"><circle r="27.87637766754838" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(833.3082892235142, 444.36295149680393)"><circle style="transition:all 0.5s ease-out" r="3.980971403552044" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(853.1863083887845, 486.2143983063072)"><circle style="transition:all 0.5s ease-out" r="3.9804865991413623" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(813.191600481097, 431.3015905061181)"><circle r="10.814288827480505" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(783.5071533696257, 414.7936750264164)"><circle r="14.73215926817563" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(841.3702465349836, 426.34556049357866)"><circle r="13.297846647931925" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(770.5549381036625, 453.3625034000481)"><circle r="17.1853337968061" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(792.3926669555312, 450.6931756992251)"><circle style="transition:all 0.5s ease-out" r="3.451258953140565" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(852.6719012929642, 478.30683255811664)"><circle style="transition:all 0.5s ease-out" r="2.0930399420722874" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(825.4235086600357, 446.7983168516395)"><circle style="transition:all 0.5s ease-out" r="1.090322423042924" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(836.1836436250354, 452.0259160109333)"><circle style="transition:all 0.5s ease-out" r="1.0036905590357685" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(739.6242748421753, 499.4426095020089)"><circle style="transition:all 0.5s ease-out" r="4.203103085195614" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(748.4911178558024, 499.4426095020089)"><circle style="transition:all 0.5s ease-out" r="1.921921098039916" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(409.5404081340474, 440.99407024341883)"><circle style="transition:all 0.5s ease-out" r="4.578460659052348" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(412.2062773170071, 426.12827181253203)"><circle style="transition:all 0.5s ease-out" r="4.121967891993746" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(419.51470967681166, 488.06099300498175)"><circle r="11.028413586181923" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(413.8032772639823, 399.36651403102115)"><circle r="9.751771242851698" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(377.6970825002288, 426.5269270776173)"><circle r="22.785113039740008" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(381.60207931293655, 477.44532395749667)"><circle r="16.04231522168459" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(464.58468679207004, 439.7133482339913)"><circle r="42.76456199528186" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(453.5387581603618, 493.0991970211455)"><circle style="transition:all 0.5s ease-out" r="3.978061690844946" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(411.70288222594746, 452.4733971139591)"><circle style="transition:all 0.5s ease-out" r="3.901647578031969" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(393.1756752919102, 396.4193587393946)"><circle style="transition:all 0.5s ease-out" r="3.30967828840697" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(402.394733694097, 448.4325398522611)"><circle style="transition:all 0.5s ease-out" r="2.5358121825761266" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(439.7577347332934, 494.0280821046552)"><circle style="transition:all 0.5s ease-out" r="2.3054014158621925" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(433.48720583221933, 397.0355954538721)"><circle style="transition:all 0.5s ease-out" r="2.3045641536534056" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(445.3026266240756, 488.7298265814479)"><circle style="transition:all 0.5s ease-out" r="2.159300337108495" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(408.6526510639874, 417.8643532392088)"><circle style="transition:all 0.5s ease-out" r="1.759408839366421" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(439.5090999691522, 485.189587832252)"><circle style="transition:all 0.5s ease-out" r="1.4302683231605078" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(644.6010979433185, 582.0474346975941)"><circle r="12.668468510961056" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(670.6271542817884, 582.0195021823134)"><circle r="11.132189373297983" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(656.1420623955044, 600.5399045495088)"><circle style="transition:all 0.5s ease-out" r="2.9338102188133113" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(668.7661669407634, 562.5532059733084)"><circle style="transition:all 0.5s ease-out" r="2.0948832184683446" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(652.0560524146455, 562.5230703382443)"><circle style="transition:all 0.5s ease-out" r="1.609314207951433" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(664.0379943260731, 598.4240893714472)"><circle style="transition:all 0.5s ease-out" r="1.4636123889594008" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(663.1651589216965, 565.656729797933)"><circle style="transition:all 0.5s ease-out" r="1.408513925012374" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(659.8881217279959, 594.091469945177)"><circle style="transition:all 0.5s ease-out" r="1.3237546901310626" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(659.7376445933892, 570.3620120477887)"><circle style="transition:all 0.5s ease-out" r="1.20628592510086" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(646.2694495497583, 560.8671293524849)"><circle style="transition:all 0.5s ease-out" r="1.2110759608554396" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(657.3777466729669, 565.2875462663749)"><circle style="transition:all 0.5s ease-out" r="1.1901799164600315" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(644.8092219934443, 243.8392578287178)"><circle style="transition:all 0.5s ease-out" r="3.9790318314985216" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(634.739531158186, 242.5542323533428)"><circle style="transition:all 0.5s ease-out" r="3.978546790741981" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(633.3402566635832, 250.67878288443433)"><circle style="transition:all 0.5s ease-out" r="3.978061690844946" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(632.4858949779156, 213.86378223908937)"><circle r="18.964954495947932" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(614.319083527409, 244.0850603031907)"><circle r="10.412838292588127" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(651.1460272444886, 235.47581081201227)"><circle style="transition:all 0.5s ease-out" r="3.9766060360944304" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(598.5450208288463, 221.0207287027162)"><circle r="10.214872718905667" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(592.2145607366618, 346.27285251472836)"><circle style="transition:all 0.5s ease-out" r="4.028678264823373" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(603.9043045697359, 344.78341108651233)"><circle style="transition:all 0.5s ease-out" r="2.8449772680949024" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(599.7908649767273, 352.0174792557147)"><circle style="transition:all 0.5s ease-out" r="2.290283866481723" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(598.1472380041159, 339.21453427773304)"><circle style="transition:all 0.5s ease-out" r="1.9744233220651017" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(591.5029481422462, 337.3502203558425)"><circle style="transition:all 0.5s ease-out" r="1.7561150913807466" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(573.5942662209957, 520.5850170834748)"><circle style="transition:all 0.5s ease-out" r="3.3766405446170014" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(581.5577999740318, 520.5850170834748)"><circle style="transition:all 0.5s ease-out" r="1.8450743780275451" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#199f4b;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(740.909328676863, 800.5675435272518)"><circle style="transition:all 0.5s ease-out" r="1.1026428414841924" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#237346;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(745.649797039938, 800.5675435272518)"><circle style="transition:all 0.5s ease-out" r="0.896006691199288" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(725.8418319875693, 766.0434424497892)"><circle style="transition:all 0.5s ease-out" r="5.894201332362328" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(740.3717260543415, 766.0434424497892)"><circle style="transition:all 0.5s ease-out" r="5.893873904018194" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(630.5725600733048, 759.8085455847327)"><circle style="transition:all 0.5s ease-out" r="5.905976663076794" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(660.1064121732338, 764.5677487709831)"><circle style="transition:all 0.5s ease-out" r="5.905649887595144" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(647.0699716771377, 777.0685884397662)"><circle style="transition:all 0.5s ease-out" r="5.905323094031129" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(652.4165586045222, 748.9555512416237)"><circle style="transition:all 0.5s ease-out" r="5.9049962823817435" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(645.315302960504, 762.1779252074267)"><circle style="transition:all 0.5s ease-out" r="5.904669452643987" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(632.2397460313331, 774.7454768070553)"><circle style="transition:all 0.5s ease-out" r="5.904342604814857" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(667.1511257395109, 751.3165294383388)"><circle style="transition:all 0.5s ease-out" r="5.904015738891346" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(661.8483917278264, 779.6165094996494)"><circle style="transition:all 0.5s ease-out" r="5.903688854870449" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(617.2911594275506, 773.0903978936262)"><circle style="transition:all 0.5s ease-out" r="5.9033619527491625" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(607.8634069744716, 786.0691206424905)"><circle style="transition:all 0.5s ease-out" r="5.903035032524476" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(673.7946972519819, 770.5831015985002)"><circle style="transition:all 0.5s ease-out" r="5.9027080941933825" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(680.8733866535414, 799.3513214808711)"><circle style="transition:all 0.5s ease-out" r="5.902381137752874" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(647.0857457126777, 734.9293007082615)"><circle style="transition:all 0.5s ease-out" r="5.90205416319994" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(637.6842579988679, 746.5924090754968)"><circle style="transition:all 0.5s ease-out" r="5.901727170531571" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(652.4513748719884, 791.2895461171848)"><circle style="transition:all 0.5s ease-out" r="5.901400159744755" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(637.7059141554712, 788.7711132509718)"><circle style="transition:all 0.5s ease-out" r="5.9010731308364806" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(632.2872108504131, 732.5633991853524)"><circle style="transition:all 0.5s ease-out" r="5.900746083803733" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(680.8586908525969, 757.3742042294232)"><circle style="transition:all 0.5s ease-out" r="5.900419018643501" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(656.7152953736655, 808.5895976360979)"><circle style="transition:all 0.5s ease-out" r="5.900091935352767" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(615.7130219740001, 758.2078665454906)"><circle style="transition:all 0.5s ease-out" r="5.899764833928519" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(675.7488639557663, 785.434846531308)"><circle style="transition:all 0.5s ease-out" r="5.899437714367738" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(676.6660585515729, 739.6995629723149)"><circle style="transition:all 0.5s ease-out" r="5.899110576667408" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(622.8149897169423, 787.0015192755912)"><circle style="transition:all 0.5s ease-out" r="5.898783420824511" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(622.7935696974127, 744.9985131729502)"><circle style="transition:all 0.5s ease-out" r="5.8984562468360275" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(689.4854029899083, 787.386521412319)"><circle style="transition:all 0.5s ease-out" r="5.898129054698939" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(615.1675347216386, 798.9181588376312)"><circle style="transition:all 0.5s ease-out" r="5.897801844410223" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(689.4873253768441, 746.205543147934)"><circle style="transition:all 0.5s ease-out" r="5.8974746159668605" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(608.0967258172612, 744.1155999842454)"><circle style="transition:all 0.5s ease-out" r="5.896820104604102" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(688.6019715585013, 773.0409122751208)"><circle style="transition:all 0.5s ease-out" r="5.896492821678661" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(602.4406900823544, 772.1192458352838)"><circle style="transition:all 0.5s ease-out" r="5.896165520586478" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(693.8502242897067, 760.07978064542)"><circle style="transition:all 0.5s ease-out" r="5.895838201324528" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(603.0416937002128, 757.6791491456324)"><circle style="transition:all 0.5s ease-out" r="5.895510863889785" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(666.2678813000119, 797.0458895943973)"><circle style="transition:all 0.5s ease-out" r="5.8951835082792226" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(642.8700078798553, 802.8373572660722)"><circle style="transition:all 0.5s ease-out" r="5.894856134489811" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(661.8714677177221, 737.3037496842792)"><circle style="transition:all 0.5s ease-out" r="5.894528742518523" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(618.1174328478554, 731.8853806328784)"><circle style="transition:all 0.5s ease-out" r="5.893873904018194" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(628.8480814556978, 800.0250128998241)"><circle style="transition:all 0.5s ease-out" r="5.205699226347904" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(671.8644954833183, 808.7146510061806)"><circle style="transition:all 0.5s ease-out" r="3.880817481542502" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(141.19200507035617, 389.51944556339083)"><circle style="transition:all 0.5s ease-out" r="2.961309152744822" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(148.09821502625508, 389.51944556339083)"><circle style="transition:all 0.5s ease-out" r="1.2030819727625008" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(146.1267989006531, 394.04997756975877)"><circle style="transition:all 0.5s ease-out" r="0.9959697477719297" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(266.668822633644, 228.83322231781094)"><circle style="transition:all 0.5s ease-out" r="1.9606914482759163" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(276.0258930382251, 228.6381517535018)"><circle style="transition:all 0.5s ease-out" r="1.5394435593648959" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(271.7356266916442, 232.99203818015363)"><circle style="transition:all 0.5s ease-out" r="1.3919750276106995" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(271.55750096441625, 224.63610427431695)"><circle style="transition:all 0.5s ease-out" r="1.2792708786606128" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(266.4472782417967, 222.6965486920434)"><circle style="transition:all 0.5s ease-out" r="1.0265046214019151" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(266.6216400078819, 234.8251194445071)"><circle style="transition:all 0.5s ease-out" r="0.8786068466797834" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(351.5870811593289, 222.02925525737285)"><circle style="transition:all 0.5s ease-out" r="2.1186998838567317" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(358.6922169697024, 221.42704307996036)"><circle style="transition:all 0.5s ease-out" r="1.810228635264992" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(355.9202550886204, 227.47099720634742)"><circle style="transition:all 0.5s ease-out" r="1.6401968536576899" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(354.9535044300881, 216.13835813149777)"><circle style="transition:all 0.5s ease-out" r="1.4662471568687767" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(346.7693075903228, 217.25924779154337)"><circle style="transition:all 0.5s ease-out" r="1.4609728694281487" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(346.1975915142219, 225.80901181822352)"><circle style="transition:all 0.5s ease-out" r="1.2640951235715876" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(309.5499842356716, 249.42907875920403)"><circle style="transition:all 0.5s ease-out" r="2.2588911971862298" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(322.87724230187285, 246.2381929492424)"><circle style="transition:all 0.5s ease-out" r="2.034121911767999" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(313.80048272039187, 255.52382982234164)"><circle style="transition:all 0.5s ease-out" r="1.9919394955438599" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(311.46301318353267, 242.28039902216676)"><circle style="transition:all 0.5s ease-out" r="1.9577363728236807" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(304.6822409978485, 240.2526163312167)"><circle style="transition:all 0.5s ease-out" r="1.9468627213982062" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(304.23720845214893, 254.57002637427976)"><circle style="transition:all 0.5s ease-out" r="1.9438866237783885" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(322.7318113591761, 237.8983401003258)"><circle style="transition:all 0.5s ease-out" r="1.8669103378341865" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(320.23644776839143, 252.76727538270458)"><circle style="transition:all 0.5s ease-out" r="1.8229768817500982" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(302.77503964324416, 246.91076668565483)"><circle style="transition:all 0.5s ease-out" r="1.784458941250665" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(298.03214282140465, 251.64487612122215)"><circle style="transition:all 0.5s ease-out" r="1.7183447604307078" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(325.251104118742, 257.28410306442424)"><circle style="transition:all 0.5s ease-out" r="1.7205894965418083" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(331.6098302741327, 253.03849736437812)"><circle style="transition:all 0.5s ease-out" r="1.6589158260837686" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(309.12662932769496, 235.12834773969448)"><circle style="transition:all 0.5s ease-out" r="1.6519210690284856" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(308.5303649446213, 259.7472398186356)"><circle style="transition:all 0.5s ease-out" r="1.5839310183388435" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(313.8610845780963, 230.91418703078023)"><circle style="transition:all 0.5s ease-out" r="1.4570046243370782" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(316.22243033852317, 247.7296604183652)"><circle style="transition:all 0.5s ease-out" r="1.432964401562962" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(315.12967447139124, 236.83335763852637)"><circle style="transition:all 0.5s ease-out" r="1.407143108215579" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(314.2104359940047, 262.0808686987193)"><circle style="transition:all 0.5s ease-out" r="1.3738332242578388" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(296.7392691825212, 235.01531812411926)"><circle style="transition:all 0.5s ease-out" r="1.2987342801382489" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(317.90831172482183, 242.04834423589332)"><circle style="transition:all 0.5s ease-out" r="1.3046646044968286" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(319.280673384673, 259.00209858618774)"><circle style="transition:all 0.5s ease-out" r="1.2987342801382489" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(327.7597484828706, 234.64301596097872)"><circle style="transition:all 0.5s ease-out" r="1.2717056385867298" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(298.2854848048177, 240.17949403058492)"><circle style="transition:all 0.5s ease-out" r="1.2656208877039878" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(302.7906387474645, 261.66753854356085)"><circle style="transition:all 0.5s ease-out" r="1.2867916423278913" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(298.65137821106305, 257.7332048532086)"><circle style="transition:all 0.5s ease-out" r="1.2394274816038489" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(327.4191946218442, 262.48267807370945)"><circle style="transition:all 0.5s ease-out" r="1.2425377185684083" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(292.25152621062387, 249.4484836348682)"><circle style="transition:all 0.5s ease-out" r="1.228479642675742" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(296.6532223717682, 245.66431672409686)"><circle style="transition:all 0.5s ease-out" r="1.2564385108956395" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(329.2509577808867, 247.24906625604117)"><circle style="transition:all 0.5s ease-out" r="1.2363094201066873" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(327.5946123362756, 241.85855515431126)"><circle style="transition:all 0.5s ease-out" r="1.2078847143049705" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(332.45755026817136, 243.29966720731204)"><circle style="transition:all 0.5s ease-out" r="1.175495845993656" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(292.1812209181069, 244.0640096764938)"><circle style="transition:all 0.5s ease-out" r="1.2030819727625008" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(319.32164566253977, 264.63433447922995)"><circle style="transition:all 0.5s ease-out" r="1.14049802055502" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(323.71570656337025, 230.93952675832648)"><circle style="transition:all 0.5s ease-out" r="1.0938567027268786" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(311.5299347301464, 267.0394562970044)"><circle style="transition:all 0.5s ease-out" r="1.0652541888290847" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(305.00258839911214, 230.90374097878566)"><circle style="transition:all 0.5s ease-out" r="1.0652541888290847" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(316.32340698569146, 268.75636628345325)"><circle style="transition:all 0.5s ease-out" r="1.090322423042924" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(306.3258633820082, 265.9117978209545)"><circle style="transition:all 0.5s ease-out" r="1.0652541888290847" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(318.56726987980113, 228.39640214110523)"><circle style="transition:all 0.5s ease-out" r="0.9744221307883404" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(309.20713933592606, 227.7644678148691)"><circle style="transition:all 0.5s ease-out" r="1.0302578500889061" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(293.02631322211744, 254.81531025478316)"><circle style="transition:all 0.5s ease-out" r="0.9940301748547266" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(326.0283928013617, 251.51265448145173)"><circle style="transition:all 0.5s ease-out" r="0.9214906348606325" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(294.6280222953349, 259.3747862794706)"><circle style="transition:all 0.5s ease-out" r="0.9604583485419593" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(319.1760127184702, 233.07983166618027)"><circle style="transition:all 0.5s ease-out" r="0.925669752150397" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(323.71082867489207, 266.0331344525857)"><circle style="transition:all 0.5s ease-out" r="0.8764075770310463" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(297.6411591844416, 263.2198878600753)"><circle style="transition:all 0.5s ease-out" r="0.9235825572687126" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(301.5542598279006, 266.28443418201846)"><circle style="transition:all 0.5s ease-out" r="0.9151861779279464" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(300.20006041616267, 231.16856335388508)"><circle style="transition:all 0.5s ease-out" r="0.7931829818469147" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(293.49315447662553, 239.14405360446176)"><circle style="transition:all 0.5s ease-out" r="0.840436935049158" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(333.48070202648796, 248.1428401582251)"><circle style="transition:all 0.5s ease-out" r="0.7784476494669282" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(330.8169508387165, 258.591140664912)"><circle style="transition:all 0.5s ease-out" r="0.7907461620118053" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(331.1130435304761, 238.4878191765943)"><circle style="transition:all 0.5s ease-out" r="0.7056257819949764" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(301.6985702711195, 235.20452429998227)"><circle style="transition:all 0.5s ease-out" r="0.7110747106502582" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(321.76960946924424, 200.80447710443175)"><circle style="transition:all 0.5s ease-out" r="1.8229768817500982" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(328.17922711663266, 200.37395453826034)"><circle style="transition:all 0.5s ease-out" r="1.397509741401633" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(325.7440396708807, 205.85868313226084)"><circle style="transition:all 0.5s ease-out" r="1.404397460510476" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(325.7049236124581, 195.07097659508008)"><circle style="transition:all 0.5s ease-out" r="1.2564385108956395" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(320.07619631338605, 194.8326384897623)"><circle style="transition:all 0.5s ease-out" r="1.178774780803639" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(316.17122151886207, 204.9887360783971)"><circle style="transition:all 0.5s ease-out" r="1.1539556900207317" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(329.56014119349027, 191.23943257899577)"><circle style="transition:all 0.5s ease-out" r="1.1556268794409317" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(331.2427152445419, 204.95018102731595)"><circle style="transition:all 0.5s ease-out" r="1.1096216633145664" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(314.89800524308555, 194.62821412531872)"><circle style="transition:all 0.5s ease-out" r="1.0688713611694522" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(315.8333487156407, 199.6574536180091)"><circle style="transition:all 0.5s ease-out" r="1.0227376192597806" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(331.5600242371728, 196.01494467014388)"><circle style="transition:all 0.5s ease-out" r="0.9024451454461848" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(333.56758247524374, 200.46247615963316)"><circle style="transition:all 0.5s ease-out" r="0.7858498538690926" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(320.24110314519294, 189.71561787507258)"><circle style="transition:all 0.5s ease-out" r="0.7403272881862055" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(320.65401285888504, 207.14403636523554)"><circle style="transition:all 0.5s ease-out" r="0.6456415376643605" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(324.7781414493731, 190.08691658595376)"><circle style="transition:all 0.5s ease-out" r="0.6118788651774201" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(288.86458263153014, 208.63601548189573)"><circle style="transition:all 0.5s ease-out" r="2.008342277388319" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(295.06511049484595, 208.63601548189573)"><circle style="transition:all 0.5s ease-out" r="1.4503667555359283" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(148.95420160467194, 534.378754402109)"><circle style="transition:all 0.5s ease-out" r="1.804890290892369" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(155.19891932914572, 534.378754402109)"><circle style="transition:all 0.5s ease-out" r="1.6980086031898465" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(130.02974750105446, 520.8737847256093)"><circle style="transition:all 0.5s ease-out" r="2.5892828489985544" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(137.41291818539614, 520.8737847256093)"><circle style="transition:all 0.5s ease-out" r="2.0520690049515378" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(134.16992023340734, 525.7984205807932)"><circle style="transition:all 0.5s ease-out" r="1.1026428414841924" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(141.04980975624287, 553.8800950674711)"><circle style="transition:all 0.5s ease-out" r="1.7205894965418083" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(146.35951584173597, 553.8800950674711)"><circle style="transition:all 0.5s ease-out" r="0.8472977585597116" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(119.31957009232049, 551.9985226043683)"><circle style="transition:all 0.5s ease-out" r="1.313509889554641" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(124.67065775223044, 551.9985226043683)"><circle style="transition:all 0.5s ease-out" r="1.2957589399637148" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(122.01283048611073, 556.6207018587243)"><circle style="transition:all 0.5s ease-out" r="1.2942687049220984" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(110.7758258926088, 532.8410726390169)"><circle style="transition:all 0.5s ease-out" r="2.471838218618479" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(117.81880063166787, 532.8410726390169)"><circle style="transition:all 0.5s ease-out" r="1.829317690049022" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(284.71376855855095, 612.8974207998509)"><circle style="transition:all 0.5s ease-out" r="3.9916222034296673" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(300.047893827924, 612.8974207998509)"><circle r="8.600684235551762" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(263.38799303970234, 704.6037038521423)"><circle r="87.41979073624226" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(289.3031039632307, 606.4243286905183)"><circle style="transition:all 0.5s ease-out" r="1.2014767926310308" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(284.53782363319584, 605.1856408801107)"><circle style="transition:all 0.5s ease-out" r="0.9803457241379581" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(292.69703550431245, 603.8395699467858)"><circle style="transition:all 0.5s ease-out" r="0.32282076883218036" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(410.12802994381343, 695.9559883733349)"><circle style="transition:all 0.5s ease-out" r="2.8692937553277114" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(418.54449993253456, 695.9559883733349)"><circle style="transition:all 0.5s ease-out" r="2.8053574030018495" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(414.3957421456144, 702.5581801275514)"><circle style="transition:all 0.5s ease-out" r="2.250331518059908" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(414.3943499209468, 689.5721908375153)"><circle style="transition:all 0.5s ease-out" r="2.0670614892560404" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(408.10020875953296, 689.1400530873024)"><circle style="transition:all 0.5s ease-out" r="1.5000780725882263" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(420.5464160460545, 689.3589946216059)"><circle style="transition:all 0.5s ease-out" r="1.3468787914755334" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(408.35562792240387, 702.3776562304016)"><circle style="transition:all 0.5s ease-out" r="1.0506609763270962" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(420.21685416524804, 702.1255398756505)"><circle style="transition:all 0.5s ease-out" r="0.8450170067549814" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(512.1774489532673, 818.2437060214335)"><circle style="transition:all 0.5s ease-out" r="4.185157738548157" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(525.6220711145933, 815.3466359930957)"><circle style="transition:all 0.5s ease-out" r="3.615122867646658" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(520.8676156813023, 823.92646346681)"><circle style="transition:all 0.5s ease-out" r="3.015554823637591" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(519.590186691297, 807.9048719486962)"><circle style="transition:all 0.5s ease-out" r="2.774923631480714" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(511.06010645668357, 808.3617828398811)"><circle style="transition:all 0.5s ease-out" r="2.587045887156349" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(514.5148431482522, 782.18749211637)"><circle style="transition:all 0.5s ease-out" r="2.478854963207698" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(528.3084316293515, 781.1811857834788)"><circle style="transition:all 0.5s ease-out" r="2.4632350536471708" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(521.7105422710534, 785.6051316105827)"><circle style="transition:all 0.5s ease-out" r="2.286910839811167" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(521.1547165722139, 777.9365561686192)"><circle style="transition:all 0.5s ease-out" r="2.201782446947173" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(514.571746538107, 774.4604717912121)"><circle style="transition:all 0.5s ease-out" r="2.0539490502427564" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(526.8408061898791, 774.3584336999173)"><circle style="transition:all 0.5s ease-out" r="1.3164451108451771" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(446.9895940432528, 817.2758830249865)"><circle style="transition:all 0.5s ease-out" r="3.4618670700621945" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(456.1571947363332, 817.2758830249865)"><circle style="transition:all 0.5s ease-out" r="2.963914792626621" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(452.0099679991365, 823.8685228480701)"><circle style="transition:all 0.5s ease-out" r="2.0828727636615665" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(451.98980136387485, 811.13995888451)"><circle style="transition:all 0.5s ease-out" r="1.711592888501436" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(738.0847161884697, 280.65339717509084)"><circle style="transition:all 0.5s ease-out" r="2.632157132375938" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(747.9794508612673, 278.8719357603366)"><circle style="transition:all 0.5s ease-out" r="2.227922449803757" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(744.3139966667514, 285.1709165395736)"><circle style="transition:all 0.5s ease-out" r="1.8627708419694315" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(742.3711695575677, 274.37994379028527)"><circle style="transition:all 0.5s ease-out" r="1.7616012499856553" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(735.8603842749646, 273.5620838277907)"><circle style="transition:all 0.5s ease-out" r="1.6033070417541782" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(712.9266604325393, 339.39631431896663)"><circle style="transition:all 0.5s ease-out" r="4.044932639727861" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(722.2232150676153, 339.39631431896663)"><circle style="transition:all 0.5s ease-out" r="2.509803164956558" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(718.8041648479692, 345.1309040114966)"><circle style="transition:all 0.5s ease-out" r="1.4248608621250425" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(760.1245518432964, 309.1987853933667)"><circle style="transition:all 0.5s ease-out" r="2.851075833009919" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(767.8506706386487, 309.1987853933667)"><circle style="transition:all 0.5s ease-out" r="2.1332241319507745" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(764.6018182945654, 314.5399927673292)"><circle style="transition:all 0.5s ease-out" r="1.376639832339968" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(764.5625880606412, 304.3851536747463)"><circle style="transition:all 0.5s ease-out" r="0.954411331354809" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(714.8217997558909, 303.25612003281157)"><circle style="transition:all 0.5s ease-out" r="2.379548945540744" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(723.9314791532453, 302.901732491421)"><circle style="transition:all 0.5s ease-out" r="1.987089380005769" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(719.9010204877159, 308.551940812502)"><circle style="transition:all 0.5s ease-out" r="1.7583116089264539" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(719.4792317123381, 297.9975347508136)"><circle style="transition:all 0.5s ease-out" r="1.442360990124469" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(713.737127534207, 296.47411588709576)"><circle style="transition:all 0.5s ease-out" r="1.3237546901310626" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(714.0389833831612, 309.8160239157974)"><circle style="transition:all 0.5s ease-out" r="1.056157060783147" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(786.6489145424009, 304.1878410363574)"><circle style="transition:all 0.5s ease-out" r="2.788798336139308" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(799.3731870065943, 302.35893367750106)"><circle style="transition:all 0.5s ease-out" r="2.4679314069169664" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(793.8945487262573, 307.98566600513186)"><circle style="transition:all 0.5s ease-out" r="2.190358234231918" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(794.7440801005455, 296.2240178046011)"><circle style="transition:all 0.5s ease-out" r="2.023658741593529" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(787.5212199158708, 296.2477039794403)"><circle style="transition:all 0.5s ease-out" r="1.998709884799109" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(792.9853626010254, 301.92279329736454)"><circle style="transition:all 0.5s ease-out" r="0.7403272881862055" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(742.4509026279494, 354.15868143578194)"><circle style="transition:all 0.5s ease-out" r="5.087960588416345" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(766.6916764448295, 354.15868143578194)"><circle r="16.41099439807217" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(747.0378592861596, 363.5663344251643)"><circle style="transition:all 0.5s ease-out" r="2.6365526107492143" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(748.2283709862984, 348.7448210592627)"><circle style="transition:all 0.5s ease-out" r="0.0878606846679784" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(767.8764464323484, 281.65661174217684)"><circle style="transition:all 0.5s ease-out" r="1.9428935781841932" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(774.4383779834496, 281.65661174217684)"><circle style="transition:all 0.5s ease-out" r="1.877219142525397" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(800.0922755737699, 338.31730390795843)"><circle style="transition:all 0.5s ease-out" r="3.789740041633646" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(809.7089832897623, 338.31730390795843)"><circle style="transition:all 0.5s ease-out" r="3.0851488439671546" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(805.5287186337358, 345.39530738618123)"><circle style="transition:all 0.5s ease-out" r="2.3932966664126365" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(701.1878310290374, 449.480424364131)"><circle style="transition:all 0.5s ease-out" r="1.6519210690284856" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(707.0556941338772, 449.480424364131)"><circle style="transition:all 0.5s ease-out" r="1.4741232054196654" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(535.4442915836887, 418.546040054594)"><circle style="transition:all 0.5s ease-out" r="5.057906948809964" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(547.6567759699067, 418.546040054594)"><circle style="transition:all 0.5s ease-out" r="4.4127586070163805" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(542.1216275470915, 427.4545693143429)"><circle style="transition:all 0.5s ease-out" r="3.333499680653078" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(542.0714900379409, 410.81319679140853)"><circle style="transition:all 0.5s ease-out" r="2.3844101333359253" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(567.6445973017559, 414.1843651536142)"><circle style="transition:all 0.5s ease-out" r="4.498089512778092" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(596.9427031445997, 413.42289955310264)"><circle style="transition:all 0.5s ease-out" r="4.170375678276996" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(582.8680508563996, 434.57995332311083)"><circle r="12.919568003990866" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(586.9990224593537, 411.9267710326425)"><circle style="transition:all 0.5s ease-out" r="2.973665607844694" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(577.8530914336735, 412.11929362505117)"><circle style="transition:all 0.5s ease-out" r="2.973665607844694" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(582.2503459692443, 404.9646856571951)"><circle style="transition:all 0.5s ease-out" r="2.638747604283894" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(562.5302410359702, 430.0644691076114)"><circle style="transition:all 0.5s ease-out" r="2.5082648239202396" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(602.613084759776, 428.1631022344243)"><circle style="transition:all 0.5s ease-out" r="2.4974699052327636" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(562.1007662076, 422.45276617433666)"><circle style="transition:all 0.5s ease-out" r="2.4585297292864294" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(602.653446599079, 420.79295103717476)"><circle style="transition:all 0.5s ease-out" r="2.177988221936768" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(545.6855205688435, 451.74487167010045)"><circle style="transition:all 0.5s ease-out" r="4.030593946465076" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(557.4754849035853, 450.8679811695189)"><circle style="transition:all 0.5s ease-out" r="2.6292227310931398" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(553.087270788124, 457.5902427811719)"><circle style="transition:all 0.5s ease-out" r="2.200905766662789" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(552.140526107031, 445.1276340959702)"><circle style="transition:all 0.5s ease-out" r="2.01026321735628" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(546.0486741473279, 443.40021754307)"><circle style="transition:all 0.5s ease-out" r="1.1234492580167068" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(652.3531607678971, 439.33631904885505)"><circle style="transition:all 0.5s ease-out" r="5.247791528832652" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(665.1498828359919, 439.33631904885505)"><circle style="transition:all 0.5s ease-out" r="4.807111708870584" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(659.1411145981775, 448.6608481521933)"><circle style="transition:all 0.5s ease-out" r="3.543956313796812" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(445.40181756550015, 290.13206832375374)"><circle style="transition:all 0.5s ease-out" r="6.046768668078741" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(458.87223376602384, 290.13206832375374)"><circle style="transition:all 0.5s ease-out" r="4.68182870205334" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(453.38425664551613, 300.38159317714866)"><circle style="transition:all 0.5s ease-out" r="4.202643905308386" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(453.30958986954914, 280.7706397595018)"><circle style="transition:all 0.5s ease-out" r="3.465767138811715" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(444.16152669676654, 278.07884126427194)"><circle style="transition:all 0.5s ease-out" r="3.3282851998165226" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(444.27413929204255, 301.0529470023763)"><circle style="transition:all 0.5s ease-out" r="2.190358234231918" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(460.81737465717214, 281.5829019219868)"><circle style="transition:all 0.5s ease-out" r="1.3440100367989323" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(493.2756610169758, 289.6342166573761)"><circle r="11.503741388078637" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(523.6190520208922, 289.6342166573761)"><circle r="11.710920656819633" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(508.31472552959843, 301.7646143013622)"><circle style="transition:all 0.5s ease-out" r="0.6890204964186805" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(670.8940797215678, 506.25421577236494)"><circle style="transition:all 0.5s ease-out" r="3.061916498059808" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(682.0317844494049, 505.09843286129717)"><circle style="transition:all 0.5s ease-out" r="2.8252367878245197" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(677.2921702282922, 511.9048834621921)"><circle style="transition:all 0.5s ease-out" r="2.274217434617537" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(676.00276370758, 499.41486539924296)"><circle style="transition:all 0.5s ease-out" r="2.267418563097045" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(669.434590711758, 499.02975157744595)"><circle style="transition:all 0.5s ease-out" r="1.1388046298354937" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(650.5763185840542, 286.53865887043105)"><circle style="transition:all 0.5s ease-out" r="4.343997874169799" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(667.0210528679252, 286.53865887043105)"><circle r="9.358917579309619" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(654.8490248076752, 296.0687998900675)"><circle style="transition:all 0.5s ease-out" r="3.358301560161949" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(720.3458101293911, 553.8267405433351)"><circle style="transition:all 0.5s ease-out" r="5.149415713648448" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(732.9652231535971, 553.8267405433351)"><circle style="transition:all 0.5s ease-out" r="4.728178480165896" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(727.0661124592158, 564.3798715067653)"><circle style="transition:all 0.5s ease-out" r="4.62000186710473" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(727.0629140979953, 543.3853245485874)"><circle style="transition:all 0.5s ease-out" r="4.524185452899692" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(715.4258648790296, 542.5630822473888)"><circle style="transition:all 0.5s ease-out" r="4.400057474067518" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(715.7322261087766, 564.7632185605154)"><circle style="transition:all 0.5s ease-out" r="3.978546790741981" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(572.5016216885068, 291.7991121612803)"><circle style="transition:all 0.5s ease-out" r="3.482986377963198" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(580.4913116562203, 291.7991121612803)"><circle style="transition:all 0.5s ease-out" r="1.7648847593586705" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(599.3730099446205, 292.1718924978978)"><circle style="transition:all 0.5s ease-out" r="3.0078653385585583" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(607.7045128857866, 292.1718924978978)"><circle style="transition:all 0.5s ease-out" r="2.5818187722159043" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(603.9377501401701, 298.7605024669294)"><circle style="transition:all 0.5s ease-out" r="2.2657156574395523" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(603.9323997683649, 285.7071986555449)"><circle style="transition:all 0.5s ease-out" r="2.161087098140005" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(597.0044894748651, 284.688607330433)"><circle style="transition:all 0.5s ease-out" r="2.099484329257093" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(597.2961348377974, 299.27857378678607)"><circle style="transition:all 0.5s ease-out" r="1.6542559409627464" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(517.4178597120804, 582.4430092989502)"><circle style="transition:all 0.5s ease-out" r="5.3641808242955324" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(532.3466472752881, 580.6788932489895)"><circle style="transition:all 0.5s ease-out" r="4.658273741197074" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(526.4095397872993, 589.8944548982507)"><circle style="transition:all 0.5s ease-out" r="3.151370596206404" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(526.4920504240096, 571.4286395812303)"><circle style="transition:all 0.5s ease-out" r="3.114410319358149" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(518.2768835253065, 572.0076193716059)"><circle style="transition:all 0.5s ease-out" r="1.9675693647311276" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(523.9587530518533, 528.4133872907228)"><circle style="transition:all 0.5s ease-out" r="3.05371182197563" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(532.5124655621889, 528.4133872907228)"><circle style="transition:all 0.5s ease-out" r="2.758181857968434" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(528.5010505732398, 534.7919331060767)"><circle style="transition:all 0.5s ease-out" r="2.0350704415056153" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(487.1921187740361, 546.4783663313286)"><circle r="13.06140019636565" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(506.11841130884545, 546.4783663313286)"><circle style="transition:all 0.5s ease-out" r="3.1230735080520935" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(503.96859984447315, 555.1747440599836)"><circle style="transition:all 0.5s ease-out" r="3.0932701367402404" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(503.5912620578513, 538.6359156406335)"><circle style="transition:all 0.5s ease-out" r="2.3746778064598764" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(600.7949649562727, 543.6999513263455)"><circle style="transition:all 0.5s ease-out" r="2.057703987655604" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(607.1941796884937, 543.6999513263455)"><circle style="transition:all 0.5s ease-out" r="1.5996919141738026" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(705.6539854628599, 221.6868817450158)"><circle style="transition:all 0.5s ease-out" r="5.04606484839524" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(718.0943392112498, 221.6868817450158)"><circle style="transition:all 0.5s ease-out" r="4.652470069603232" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(712.2139993597444, 230.43940718618063)"><circle style="transition:all 0.5s ease-out" r="3.1501455735765576" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(852.2403414671518, 456.7264574368285)"><circle style="transition:all 0.5s ease-out" r="4.704855576195681" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(865.1523648318652, 455.6610890006335)"><circle style="transition:all 0.5s ease-out" r="3.243118657684155" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(860.4681232523931, 463.7750623714003)"><circle style="transition:all 0.5s ease-out" r="2.929201964755464" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(859.2041613448574, 450.09959137188866)"><circle style="transition:all 0.5s ease-out" r="1.7036818852950657" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(853.622753946301, 447.7930561678447)"><circle style="transition:all 0.5s ease-out" r="1.1506060292823503" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(795.9543697279776, 484.3105998889298)"><circle style="transition:all 0.5s ease-out" r="5.39002206976109" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(830.9246669335602, 483.6330717941819)"><circle style="transition:all 0.5s ease-out" r="3.978061690844946" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(814.0574865830231, 495.23212954708987)"><circle r="9.706726510184696" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(819.0197245416764, 467.66199046369553)"><circle r="9.232054019418628" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(804.5048691801185, 478.77678969482974)"><circle style="transition:all 0.5s ease-out" r="2.881375045625879" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(809.4009306062726, 431.3015905061181)"><circle style="transition:all 0.5s ease-out" r="4.2818001222644755" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(818.8443100185573, 431.3015905061181)"><circle style="transition:all 0.5s ease-out" r="2.4197604596286424" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(776.8284051797252, 414.31261665754096)"><circle style="transition:all 0.5s ease-out" r="5.294289770535179" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(789.9868745835629, 414.31261665754096)"><circle style="transition:all 0.5s ease-out" r="5.122360802910883" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(783.5549055848419, 423.4631452371725)"><circle style="transition:all 0.5s ease-out" r="3.3207387162950033" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(783.5493046070912, 405.6955038323854)"><circle style="transition:all 0.5s ease-out" r="2.892071602301392" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(836.1281909624973, 425.8022060928695)"><circle style="transition:all 0.5s ease-out" r="5.36813684300677" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(848.4061701905983, 424.58641289146357)"><circle style="transition:all 0.5s ease-out" r="3.3857727872428183" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(844.7018101207702, 433.25906353111463)"><circle style="transition:all 0.5s ease-out" r="2.963914792626621" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(843.8977563539297, 418.3909728233242)"><circle style="transition:all 0.5s ease-out" r="1.090322423042924" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(838.9928627095468, 416.9517749187137)"><circle style="transition:all 0.5s ease-out" r="0.9483257560316343" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(766.442544080341, 453.46701552140826)"><circle style="transition:all 0.5s ease-out" r="4.326636948316831" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(778.0475075676234, 453.37836736134744)"><circle style="transition:all 0.5s ease-out" r="4.077246994834491" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(771.277508890922, 463.63567695987626)"><circle style="transition:all 0.5s ease-out" r="3.8867803288207377" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(770.4494762723165, 444.1575558458499)"><circle style="transition:all 0.5s ease-out" r="2.6085894983596605" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(762.4626985031051, 444.59681579093564)"><circle style="transition:all 0.5s ease-out" r="2.255471223692465" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(778.217202724007, 444.20067204152895)"><circle style="transition:all 0.5s ease-out" r="2.241739155571446" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(762.296319171055, 462.1659415430716)"><circle style="transition:all 0.5s ease-out" r="2.0530092428038302" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(779.6093091545453, 461.84074699416465)"><circle style="transition:all 0.5s ease-out" r="1.7812115155544992" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(758.5028952879102, 450.25230189591497)"><circle style="transition:all 0.5s ease-out" r="1.7384430433271605" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(417.04818069440483, 488.06099300498175)"><circle style="transition:all 0.5s ease-out" r="5.820065773383508" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(426.705684865391, 488.06099300498175)"><circle style="transition:all 0.5s ease-out" r="1.0956195672110285" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(410.0742849867679, 399.54941451424077)"><circle style="transition:all 0.5s ease-out" r="3.7094485560735264" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(419.97424377900023, 398.99349476191793)"><circle style="transition:all 0.5s ease-out" r="1.4819573963133104" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(416.91044996568985, 404.1973990943778)"><circle style="transition:all 0.5s ease-out" r="1.3568716699130887" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(416.2388102280348, 395.2603449272624)"><circle style="transition:all 0.5s ease-out" r="0.5991299907617341" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(412.83492015323793, 392.74232141456184)"><circle style="transition:all 0.5s ease-out" r="0.434888201498943" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(369.1249076865164, 426.3287663412201)"><circle style="transition:all 0.5s ease-out" r="5.964181049128361" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(383.68184879982175, 429.1947628281332)"><circle style="transition:all 0.5s ease-out" r="5.447362449414658" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(380.3146322969486, 442.1108307281289)"><circle style="transition:all 0.5s ease-out" r="3.982910031085284" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(378.84693337546963, 417.6482558536113)"><circle style="transition:all 0.5s ease-out" r="3.8698617321594706" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(369.5501218392115, 412.70404350484984)"><circle style="transition:all 0.5s ease-out" r="3.740017892672518" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(368.37168019135163, 439.68368022892787)"><circle style="transition:all 0.5s ease-out" r="3.6586353800980445" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(387.8635032222887, 413.9306367432667)"><circle style="transition:all 0.5s ease-out" r="3.5979996316865543" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(392.25152527692774, 435.2628831827416)"><circle style="transition:all 0.5s ease-out" r="2.8101687508517035" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(362.619770888055, 418.23029941407736)"><circle style="transition:all 0.5s ease-out" r="2.575831938020246" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(361.953197811838, 433.8162098863173)"><circle style="transition:all 0.5s ease-out" r="2.4356591882045966" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(395.05503830455484, 427.6245157084113)"><circle style="transition:all 0.5s ease-out" r="2.3924901637220324" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(394.02510216151927, 420.054332707545)"><circle style="transition:all 0.5s ease-out" r="2.220981864558617" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(377.6242723275175, 408.9437472339657)"><circle style="transition:all 0.5s ease-out" r="2.201782446947173" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(375.29090276609173, 435.30736823488155)"><circle style="transition:all 0.5s ease-out" r="1.7528151540620929" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(388.51721281653977, 441.3367978442343)"><circle style="transition:all 0.5s ease-out" r="1.4436983673150012" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(388.28298866336155, 420.83961071791595)"><circle style="transition:all 0.5s ease-out" r="0.9172924780164318" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(374.79649300393646, 477.2448194555501)"><circle style="transition:all 0.5s ease-out" r="6.233775946292963" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(388.91812322655005, 476.70527410791084)"><circle style="transition:all 0.5s ease-out" r="5.688936928288224" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(382.7787862720657, 486.76131800906177)"><circle style="transition:all 0.5s ease-out" r="3.6523000759854334" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(382.04981533971045, 467.55038731679923)"><circle style="transition:all 0.5s ease-out" r="3.1372539561956985" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(375.03078179732506, 467.20680073490456)"><circle style="transition:all 0.5s ease-out" r="0.8764075770310463" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(457.85987424163153, 415.68404287670563)"><circle style="transition:all 0.5s ease-out" r="3.9872684967677117" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(478.7411754284262, 434.0278836340784)"><circle r="18.956136552471655" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(445.9624995646861, 447.1948906652706)"><circle r="19.695697197222803" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(447.3497501986666, 420.7218409306643)"><circle style="transition:all 0.5s ease-out" r="3.2938969510236795" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(474.4298888177285, 459.88199175984306)"><circle style="transition:all 0.5s ease-out" r="2.706622510602339" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(455.27989954754895, 425.051730334909)"><circle style="transition:all 0.5s ease-out" r="2.529716471397575" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(467.6309307589629, 455.90025491813674)"><circle style="transition:all 0.5s ease-out" r="1.9724674787697434" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(639.3310979167421, 580.1799470228873)"><circle style="transition:all 0.5s ease-out" r="4.335548671349871" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(650.3194996899149, 580.1799470228873)"><circle style="transition:all 0.5s ease-out" r="3.9110342714313853" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(645.2165887394938, 588.6823089835175)"><circle style="transition:all 0.5s ease-out" r="3.2632882383103423" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(666.2033455164586, 580.5558506180872)"><circle style="transition:all 0.5s ease-out" r="3.7307182067689926" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(675.7440954113985, 580.5558506180872)"><circle style="transition:all 0.5s ease-out" r="3.0682128577793404" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(671.5765709117351, 587.7919421620533)"><circle style="transition:all 0.5s ease-out" r="2.5403743671027064" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(622.2528392419348, 215.1067283401215)"><circle style="transition:all 0.5s ease-out" r="5.383214900351232" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(643.0867703914032, 214.10645307313743)"><circle style="transition:all 0.5s ease-out" r="5.361301886305097" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(633.0896971547086, 222.8634936502791)"><circle style="transition:all 0.5s ease-out" r="4.73674218101031" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(635.3006746328064, 203.64384563775167)"><circle style="transition:all 0.5s ease-out" r="4.483047849012271" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(624.6724273118319, 203.83338708973312)"><circle style="transition:all 0.5s ease-out" r="2.944971672062599" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(632.6089035266148, 212.9418773293254)"><circle style="transition:all 0.5s ease-out" r="1.996777830326484" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(623.7959184148407, 225.22660659479732)"><circle style="transition:all 0.5s ease-out" r="1.660078753549468" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(610.6201197586828, 242.6150822926378)"><circle style="transition:all 0.5s ease-out" r="3.6906716992669644" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(619.4175157166896, 242.6150822926378)"><circle style="transition:all 0.5s ease-out" r="2.364905428348274" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(616.2218177491396, 249.20052379877575)"><circle style="transition:all 0.5s ease-out" r="2.213147688949339" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(594.5382908736111, 221.0207287027162)"><circle style="transition:all 0.5s ease-out" r="3.4663239332789293" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(603.382254177321, 221.0207287027162)"><circle style="transition:all 0.5s ease-out" r="2.635820540039351" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(599.5844668295655, 225.9615211614328)"><circle style="transition:all 0.5s ease-out" r="0.8541034723766201" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(297.7491635526211, 612.431180139484)"><circle style="transition:all 0.5s ease-out" r="3.513328956504238" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(304.9444617209625, 612.431180139484)"><circle style="transition:all 0.5s ease-out" r="0.940150381445606" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(303.4142010054511, 616.657027588597)"><circle style="transition:all 0.5s ease-out" r="0.8124144523165913" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(249.887379009776, 715.7080111182333)"><circle style="transition:all 0.5s ease-out" r="3.993555660652968" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(260.61582588493513, 715.7080111182333)"><circle style="transition:all 0.5s ease-out" r="3.9930723841145435" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(255.25234047320475, 731.1886969373398)"><circle r="9.648594653639604" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(255.25231479343475, 700.8319665985305)"><circle r="9.078519289898882" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(236.81723135685553, 708.5515412331678)"><circle r="8.16576039476172" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(273.2820438431514, 708.5749792531401)"><circle r="7.8017253434648435" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(234.2579967859607, 728.1195548854633)"><circle r="8.827081650708957" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(276.8869393804372, 728.235571328309)"><circle r="9.444806247850066" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(269.731178434363, 694.482208527595)"><circle style="transition:all 0.5s ease-out" r="3.9896878092266896" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(238.7035982102671, 689.5016364410578)"><circle r="8.2354939997524" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(241.61474346244287, 745.8804167882854)"><circle r="7.655301379914424" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(268.5975796424364, 746.8204989797454)"><circle r="8.163142013180178" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(289.96113793807325, 714.1394521715173)"><circle r="7.03927524416096" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(216.7153461971175, 715.1476684981114)"><circle r="10.248854355926223" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(262.35173670478815, 686.7088177735371)"><circle style="transition:all 0.5s ease-out" r="3.986784458101677" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(252.17152898819728, 673.8899350659074)"><circle r="9.64089221457303" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(289.81573618087657, 690.6419069326819)"><circle r="13.716901029756134" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(221.1755644956633, 695.196753387288)"><circle r="7.452725773492329" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(254.3013333002993, 759.3271951972822)"><circle r="8.089778158394479" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(273.23948743384085, 671.5660238298923)"><circle r="8.81302995411914" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(222.76210934421465, 744.5707957095195)"><circle r="8.500946372435472" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(286.32737617358015, 744.861674775121)"><circle r="6.9327149383337705" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(296.24914489766763, 729.9706563069664)"><circle r="7.253167162794049" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(204.58774010727365, 734.2659768299266)"><circle r="9.64974516098239" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(224.48695874738985, 678.0249570537965)"><circle r="7.2936205717221565" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(306.1691618651065, 747.7661838078033)"><circle r="10.378711159450043" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(235.16493837581504, 664.9992494842612)"><circle r="6.8076098061534855" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(306.76369244262776, 708.2910865933555)"><circle r="8.010173946989736" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(232.06050343822378, 756.6236999461132)"><circle style="transition:all 0.5s ease-out" r="3.9800017356766064" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(238.75199834108062, 769.3839283467175)"><circle r="7.686494146990634" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(280.374174788131, 761.0026261082506)"><circle r="7.529271527608768" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(266.6763849227632, 777.8025365362231)"><circle r="11.40531242437265" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(204.3474390127296, 699.2856539339537)"><circle r="7.1232183853096975" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(312.7667415352338, 725.205603223732)"><circle r="7.196195745350483" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(203.86002153380434, 678.8196204977872)"><circle r="10.606799546275896" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(260.5431012458995, 641.277079220941)"><circle r="21.28747737788922" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(291.9991792162584, 666.3700800647316)"><circle r="7.911118116262984" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(764.2056572085363, 354.2529007837323)"><circle style="transition:all 0.5s ease-out" r="4.486490389622478" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(775.8971681401691, 354.2529007837323)"><circle style="transition:all 0.5s ease-out" r="4.463201711618695" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(770.0732149785665, 363.50636972341505)"><circle style="transition:all 0.5s ease-out" r="3.7286484600317302" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(770.0716955718964, 345.9155850687183)"><circle style="transition:all 0.5s ease-out" r="2.965867520274025" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(761.6624373165055, 344.53837654377503)"><circle style="transition:all 0.5s ease-out" r="2.813600390609732" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(580.0125818349912, 434.57995332311083)"><circle style="transition:all 0.5s ease-out" r="7.322280152190897" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(591.5612404237862, 434.57995332311083)"><circle style="transition:all 0.5s ease-out" r="1.4845596062125805" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(488.9656836543424, 289.6342166573761)"><circle style="transition:all 0.5s ease-out" r="4.45194519505371" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(499.09851562722525, 289.6342166573761)"><circle style="transition:all 0.5s ease-out" r="2.93906794743754" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(518.8946519264825, 287.97562948078803)"><circle style="transition:all 0.5s ease-out" r="3.9620200741096423" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(528.9676932021889, 287.97562948078803)"><circle style="transition:all 0.5s ease-out" r="3.369202371205131" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(524.4750143399428, 295.70989737158374)"><circle style="transition:all 0.5s ease-out" r="2.833421942940897" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(663.7142154565314, 286.53865887043105)"><circle style="transition:all 0.5s ease-out" r="3.310261337524222" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(671.7022236206452, 286.53865887043105)"><circle style="transition:all 0.5s ease-out" r="1.935927996198009" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(482.15562419063906, 545.3662710211865)"><circle style="transition:all 0.5s ease-out" r="5.161768489625424" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(493.61784040432985, 545.3662710211865)"><circle style="transition:all 0.5s ease-out" r="3.558628893673754" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(489.2925751182346, 553.5427394479764)"><circle style="transition:all 0.5s ease-out" r="2.9495552883337046" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(489.157961778316, 538.3810900004412)"><circle style="transition:all 0.5s ease-out" r="1.987089380005769" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(810.2034746075254, 493.0727980969454)"><circle style="transition:all 0.5s ease-out" r="2.547202323065237" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(817.9798998652899, 493.0727980969454)"><circle style="transition:all 0.5s ease-out" r="2.487404104307587" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(814.1510274687598, 499.7383218238677)"><circle style="transition:all 0.5s ease-out" r="2.457744632753785" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(815.2282572503005, 467.66199046369553)"><circle style="transition:all 0.5s ease-out" r="2.6987678976511695" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(823.0894018545233, 467.66199046369553)"><circle style="transition:all 0.5s ease-out" r="2.420557876180072" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(466.765268222927, 432.7893634813389)"><circle style="transition:all 0.5s ease-out" r="4.174538423294338" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(484.24980251824417, 432.7893634813389)"><circle r="10.56817704163127" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(470.372047422294, 443.01923553126505)"><circle style="transition:all 0.5s ease-out" r="3.9307224616496836" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(471.2637007161284, 425.6851198215272)"><circle style="transition:all 0.5s ease-out" r="1.4923390111261683" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(441.1080497293096, 447.1948906652706)"><circle r="12.099428531454768" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(459.4328375113367, 447.1948906652706)"><circle style="transition:all 0.5s ease-out" r="3.4835404201806477" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(455.86559083299215, 453.8967936793307)"><circle style="transition:all 0.5s ease-out" r="1.3667914904252492" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(251.48695313665905, 730.8497257568598)"><circle style="transition:all 0.5s ease-out" r="3.126161685913354" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(259.75064819842373, 730.8497257568598)"><circle style="transition:all 0.5s ease-out" r="2.3957145454597315" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(256.23870411496006, 736.4942279056357)"><circle style="transition:all 0.5s ease-out" r="1.510335136153997" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(252.0238218781196, 700.8319665985305)"><circle style="transition:all 0.5s ease-out" r="3.1082075441921346" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(259.7314317528227, 700.8319665985305)"><circle style="transition:all 0.5s ease-out" r="1.8575835001193592" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(256.8583526582543, 705.4265314728287)"><circle style="transition:all 0.5s ease-out" r="0.8195099097621429" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(234.16403746429154, 708.5515412331678)"><circle style="transition:all 0.5s ease-out" r="2.7707476718061383" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(240.95888844385746, 708.5515412331678)"><circle style="transition:all 0.5s ease-out" r="1.2822844773681943" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(270.3117188414983, 708.4221134851401)"><circle style="transition:all 0.5s ease-out" r="2.0856505458654047" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(276.73888013192914, 708.4221134851401)"><circle style="transition:all 0.5s ease-out" r="1.5996919141738026" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(273.9342518303821, 712.760165175563)"><circle style="transition:all 0.5s ease-out" r="0.8242062800711252" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(231.26225846613173, 728.1195548854633)"><circle style="transition:all 0.5s ease-out" r="3.0895245004883862" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(238.71843070164488, 728.1195548854633)"><circle style="transition:all 0.5s ease-out" r="1.6248289046331823" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(273.60712909894073, 727.4458656078789)"><circle style="transition:all 0.5s ease-out" r="3.3294446791061167" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(281.6013175828059, 727.4458656078789)"><circle style="transition:all 0.5s ease-out" r="1.922924974367466" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(278.8219542174742, 733.0080250879411)"><circle style="transition:all 0.5s ease-out" r="1.5531721482105103" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(278.66842545930103, 722.9770313049153)"><circle style="transition:all 0.5s ease-out" r="0.6805659370109229" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(235.38901638258267, 688.3572190322026)"><circle style="transition:all 0.5s ease-out" r="1.987089380005769" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(242.06280375530855, 688.3572190322026)"><circle style="transition:all 0.5s ease-out" r="1.944879162328525" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(238.76489272250535, 693.5391669033786)"><circle style="transition:all 0.5s ease-out" r="1.455679472062606" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(238.56762694565106, 744.9764609282228)"><circle style="transition:all 0.5s ease-out" r="1.7351094965526273" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(244.7219811926626, 744.9764609282228)"><circle style="transition:all 0.5s ease-out" r="1.6774259200673511" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(241.69723227007967, 749.6474331168822)"><circle style="transition:all 0.5s ease-out" r="1.145563173620472" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(265.9578220160057, 745.910826178097)"><circle style="transition:all 0.5s ease-out" r="2.6292227310931398" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(272.6231322824126, 745.910826178097)"><circle style="transition:all 0.5s ease-out" r="1.2942687049220984" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(270.4659767838258, 750.6441412803206)"><circle style="transition:all 0.5s ease-out" r="1.1656036994696626" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(287.38875173024644, 714.1394521715173)"><circle style="transition:all 0.5s ease-out" r="1.7250702059425422" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(293.0571175592116, 714.1394521715173)"><circle style="transition:all 0.5s ease-out" r="1.2014767926310308" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(212.52672394031237, 715.1476684981114)"><circle style="transition:all 0.5s ease-out" r="3.3184132687294903" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(221.40466888104277, 715.1476684981114)"><circle style="transition:all 0.5s ease-out" r="2.8177128416093464" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(217.36996883659265, 720.7670543029578)"><circle style="transition:all 0.5s ease-out" r="1.3582932226025044" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(248.31864364841482, 672.3917920662319)"><circle style="transition:all 0.5s ease-out" r="2.765169915426145" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(256.31691277345567, 672.3917920662319)"><circle style="transition:all 0.5s ease-out" r="2.491280379223111" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(252.57318303374674, 678.683786902502)"><circle style="transition:all 0.5s ease-out" r="2.0884246333861674" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(286.99797807274285, 690.5649146143556)"><circle style="transition:all 0.5s ease-out" r="3.9722358712324977" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(297.0720578663643, 690.5649146143556)"><circle style="transition:all 0.5s ease-out" r="3.3600250919973305" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(292.59650009110834, 698.2961392416056)"><circle style="transition:all 0.5s ease-out" r="2.8313778724983845" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(292.59239172654407, 682.9143089251587)"><circle style="transition:all 0.5s ease-out" r="2.7637737174500203" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(285.47984082700873, 682.3617680639485)"><circle style="transition:all 0.5s ease-out" r="1.62838822741905" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(286.0577355107952, 698.1876677715736)"><circle style="transition:all 0.5s ease-out" r="0.966467531347762" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(218.30973193059012, 695.196753387288)"><circle style="transition:all 0.5s ease-out" r="1.8450743780275451" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(224.39154828888667, 695.196753387288)"><circle style="transition:all 0.5s ease-out" r="1.4949231498773963" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(251.31991093269687, 759.3271951972822)"><circle style="transition:all 0.5s ease-out" r="2.366536960400463" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(258.0387796758955, 759.3271951972822)"><circle style="transition:all 0.5s ease-out" r="1.6105129524066273" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(269.81207298111474, 671.4091817671095)"><circle style="transition:all 0.5s ease-out" r="2.640209919499643" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(277.25086762698413, 671.4091817671095)"><circle style="transition:all 0.5s ease-out" r="2.0567658959781028" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(274.0216167171541, 676.4156078279242)"><circle style="transition:all 0.5s ease-out" r="1.1589620288847742" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(220.42673129853145, 744.5707957095195)"><circle style="transition:all 0.5s ease-out" r="3.423749496360667" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(227.55676825577115, 744.5707957095195)"><circle style="transition:all 0.5s ease-out" r="0.9644686304874172" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(283.70324000922153, 743.7210271894027)"><circle style="transition:all 0.5s ease-out" r="1.3295734201106146" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(289.0310707706194, 743.7210271894027)"><circle style="transition:all 0.5s ease-out" r="1.2564385108956395" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(286.43663204637187, 748.0241795789669)"><circle style="transition:all 0.5s ease-out" r="1.0265046214019151" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(294.0263945398243, 729.9706563069664)"><circle style="transition:all 0.5s ease-out" r="2.288597974559128" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(299.90865228742257, 729.9706563069664)"><circle style="transition:all 0.5s ease-out" r="0.8518409426475327" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(201.04997570051427, 733.9356178417909)"><circle style="transition:all 0.5s ease-out" r="2.1040753785384974" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(207.8545918027799, 733.9356178417909)"><circle style="transition:all 0.5s ease-out" r="1.9587218933355461" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(204.5908780468751, 739.4589300651907)"><circle style="transition:all 0.5s ease-out" r="1.7149721472473474" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(204.58441946476688, 728.7706698965283)"><circle style="transition:all 0.5s ease-out" r="1.41261839391226" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(221.79328954926626, 677.1827507263331)"><circle style="transition:all 0.5s ease-out" r="1.7295393072293257" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(227.59567181492537, 677.1827507263331)"><circle style="transition:all 0.5s ease-out" r="1.3310241280381814" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(225.05522554024336, 681.5509137941552)"><circle style="transition:all 0.5s ease-out" r="0.9803457241379581" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(301.7522633654942, 747.3648242322407)"><circle style="transition:all 0.5s ease-out" r="3.2017957275430353" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(309.9607416478969, 747.3648242322407)"><circle style="transition:all 0.5s ease-out" r="2.2648637244681145" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(306.6996695650461, 753.4665901937559)"><circle style="transition:all 0.5s ease-out" r="1.9118533436274148" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(306.65844510277475, 741.6996757040209)"><circle style="transition:all 0.5s ease-out" r="1.5506850815257511" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(232.52536204952597, 664.9992494842612)"><circle style="transition:all 0.5s ease-out" r="1.4262146494728214" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(237.96206244048366, 664.9992494842612)"><circle style="transition:all 0.5s ease-out" r="1.2686669110932767" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(303.493081417158, 708.2910865933555)"><circle style="transition:all 0.5s ease-out" r="1.9977440911284168" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(310.132345948952, 708.2910865933555)"><circle style="transition:all 0.5s ease-out" r="1.8997016102739324" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(235.7294644569049, 768.5991337340413)"><circle style="transition:all 0.5s ease-out" r="1.8219179348807535" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(241.94745716314, 768.5991337340413)"><circle style="transition:all 0.5s ease-out" r="1.6542559409627464" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(238.98879930976966, 773.2256929755209)"><circle style="transition:all 0.5s ease-out" r="1.0956195672110285" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(277.4701610327778, 760.9231780225722)"><circle style="transition:all 0.5s ease-out" r="1.8823523737174186" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(283.6274948905848, 760.9231780225722)"><circle style="transition:all 0.5s ease-out" r="1.5331626536979843" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(280.8413404050752, 765.0548835466502)"><circle style="transition:all 0.5s ease-out" r="0.708355485735224" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(263.01940870204953, 777.8025365362231)"><circle style="transition:all 0.5s ease-out" r="5.006517373267398" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(273.05381171122644, 777.8025365362231)"><circle style="transition:all 0.5s ease-out" r="2.2860668055178643" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(270.1827979858161, 783.696472526429)"><circle style="transition:all 0.5s ease-out" r="1.5281193418295553" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(201.64116280174875, 699.2856539339537)"><circle style="transition:all 0.5s ease-out" r="1.6751233439372382" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(207.39347177186264, 699.2856539339537)"><circle style="transition:all 0.5s ease-out" r="1.3353667957850717" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(204.79820350810255, 703.0663119225442)"><circle style="transition:all 0.5s ease-out" r="0.5085304779419996" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(310.0136550072621, 724.2213602979657)"><circle style="transition:all 0.5s ease-out" r="1.5306430749145665" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(315.67253513145863, 724.2213602979657)"><circle style="transition:all 0.5s ease-out" r="1.3864182188903733" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(312.9764524631254, 728.6214193410719)"><circle style="transition:all 0.5s ease-out" r="1.0321293463636125" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(200.35588798665776, 678.8196204977872)"><circle style="transition:all 0.5s ease-out" r="4.3608471687377355" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(209.59177811773787, 678.8196204977872)"><circle style="transition:all 0.5s ease-out" r="2.1332241319507745" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(246.62537447201296, 641.277079220941)"><circle style="transition:all 0.5s ease-out" r="4.627931773611111" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(266.5419424347064, 641.277079220941)"><circle r="12.54681735869072" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(250.9942241954016, 650.3815054027708)"><circle style="transition:all 0.5s ease-out" r="2.7286365942553354" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(288.93783506698185, 664.9823246895398)"><circle style="transition:all 0.5s ease-out" r="1.8080951888722645" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(295.1834830620203, 664.9823246895398)"><circle style="transition:all 0.5s ease-out" r="1.6957339757746226" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(292.16797557490617, 670.0640222088426)"><circle style="transition:all 0.5s ease-out" r="1.47150253987087" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(479.90587655460416, 432.7893634813389)"><circle style="transition:all 0.5s ease-out" r="3.482432247599662" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(489.10314418103957, 432.7893634813389)"><circle style="transition:all 0.5s ease-out" r="2.9730165484442206" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(435.90531969770603, 445.2549873432408)"><circle style="transition:all 0.5s ease-out" r="3.8049864759045176" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(446.0938417483331, 445.2549873432408)"><circle style="transition:all 0.5s ease-out" r="3.641716744330885" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(441.15361579242534, 453.40525227634214)"><circle style="transition:all 0.5s ease-out" r="3.147080930790971" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(441.1257993541463, 439.2485523517171)"><circle style="transition:all 0.5s ease-out" r="1.411251563989953" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(263.3812510342808, 641.4248150549793)"><circle style="transition:all 0.5s ease-out" r="2.551744143592755" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(271.0035365522802, 641.4248150549793)"><circle style="transition:all 0.5s ease-out" r="2.3287225440150583" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(267.40541846483313, 647.6255917164308)"><circle style="transition:all 0.5s ease-out" r="2.098564914135596" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(267.39603778349885, 635.6034837222784)"><circle style="transition:all 0.5s ease-out" r="1.7779581584723718" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(261.355980542528, 634.8728100205805)"><circle style="transition:all 0.5s ease-out" r="1.5643150167320259" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(261.16720153444527, 647.7404236240841)"><circle style="transition:all 0.5s ease-out" r="1.3988899982727816" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(272.979237609399, 635.6177206897911)"><circle style="transition:all 0.5s ease-out" r="1.0634409888953635" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(273.20103438911906, 647.0646768503369)"><circle style="transition:all 0.5s ease-out" r="0.9823123173363656" stroke-width="0" stroke="#374151"></circle></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(183.2258395217579, 394.05103875769794)"><path fill="none" d="M 0 58.7609453102539 A 58.7609453102539 58.7609453102539 0 0 1 0 -58.7609453102539 A 58.7609453102539 58.7609453102539 0 0 1 0 58.7609453102539" id="CircleText--1" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--1" startOffset="50%">utils</textPath></text><path fill="none" d="M 0 58.7609453102539 A 58.7609453102539 58.7609453102539 0 0 1 0 -58.7609453102539 A 58.7609453102539 58.7609453102539 0 0 1 0 58.7609453102539" id="CircleText--2" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--2" startOffset="50%">utils</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(277.5753939357054, 470.2607027790857)"><path fill="none" d="M 0 56.538233153082075 A 56.538233153082075 56.538233153082075 0 0 1 0 -56.538233153082075 A 56.538233153082075 56.538233153082075 0 0 1 0 56.538233153082075" id="CircleText--3" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--3" startOffset="50%">tests</textPath></text><path fill="none" d="M 0 56.538233153082075 A 56.538233153082075 56.538233153082075 0 0 1 0 -56.538233153082075 A 56.538233153082075 56.538233153082075 0 0 1 0 56.538233153082075" id="CircleText--4" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--4" startOffset="50%">tests</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(510.2251631887271, 699.4363257546488)"><path fill="none" d="M 0 25.752351308968016 A 25.752351308968016 25.752351308968016 0 0 1 0 -25.752351308968016 A 25.752351308968016 25.752351308968016 0 0 1 0 25.752351308968016" id="CircleText--5" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--5" startOffset="50%">stores</textPath></text><path fill="none" d="M 0 25.752351308968016 A 25.752351308968016 25.752351308968016 0 0 1 0 -25.752351308968016 A 25.752351308968016 25.752351308968016 0 0 1 0 25.752351308968016" id="CircleText--6" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--6" startOffset="50%">stores</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(298.31893516696476, 231.647078884405)"><path fill="none" d="M 0 83.92086972769683 A 83.92086972769683 83.92086972769683 0 0 1 0 -83.92086972769683 A 83.92086972769683 83.92086972769683 0 0 1 0 83.92086972769683" id="CircleText--7" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--7" startOffset="50%">queries</textPath></text><path fill="none" d="M 0 83.92086972769683 A 83.92086972769683 83.92086972769683 0 0 1 0 -83.92086972769683 A 83.92086972769683 83.92086972769683 0 0 1 0 83.92086972769683" id="CircleText--8" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--8" startOffset="50%">queries</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(159.5108765553341, 525.2736069697795)"><path fill="none" d="M 0 67.74896181266162 A 67.74896181266162 67.74896181266162 0 0 1 0 -67.74896181266162 A 67.74896181266162 67.74896181266162 0 0 1 0 67.74896181266162" id="CircleText--9" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--9" startOffset="50%">pages</textPath></text><path fill="none" d="M 0 67.74896181266162 A 67.74896181266162 67.74896181266162 0 0 1 0 -67.74896181266162 A 67.74896181266162 67.74896181266162 0 0 1 0 67.74896181266162" id="CircleText--10" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--10" startOffset="50%">pages</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(296.9719959818031, 695.3445245174714)"><path fill="none" d="M 0 144.88636529272063 A 144.88636529272063 144.88636529272063 0 0 1 0 -144.88636529272063 A 144.88636529272063 144.88636529272063 0 0 1 0 144.88636529272063" id="CircleText--11" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--11" startOffset="50%">libs</textPath></text><path fill="none" d="M 0 144.88636529272063 A 144.88636529272063 144.88636529272063 0 0 1 0 -144.88636529272063 A 144.88636529272063 144.88636529272063 0 0 1 0 144.88636529272063" id="CircleText--12" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--12" startOffset="50%">libs</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(497.68598232471487, 811.4683146332848)"><path fill="none" d="M 0 80.98415446110056 A 80.98415446110056 80.98415446110056 0 0 1 0 -80.98415446110056 A 80.98415446110056 80.98415446110056 0 0 1 0 80.98415446110056" id="CircleText--13" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--13" startOffset="50%">composables</textPath></text><path fill="none" d="M 0 80.98415446110056 A 80.98415446110056 80.98415446110056 0 0 1 0 -80.98415446110056 A 80.98415446110056 80.98415446110056 0 0 1 0 80.98415446110056" id="CircleText--14" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--14" startOffset="50%">composables</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(613.0076022898821, 412.66127858876933)"><path fill="none" d="M 0 273.0155937928094 A 273.0155937928094 273.0155937928094 0 0 1 0 -273.0155937928094 A 273.0155937928094 273.0155937928094 0 0 1 0 273.0155937928094" id="CircleText--15" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--15" startOffset="50%">components</textPath></text><path fill="none" d="M 0 273.0155937928094 A 273.0155937928094 273.0155937928094 0 0 1 0 -273.0155937928094 A 273.0155937928094 273.0155937928094 0 0 1 0 273.0155937928094" id="CircleText--16" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--16" startOffset="50%">components</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(672.7755988684088, 778.0717030362003)"><path fill="none" d="M 0 91.24447132738817 A 91.24447132738817 91.24447132738817 0 0 1 0 -91.24447132738817 A 91.24447132738817 91.24447132738817 0 0 1 0 91.24447132738817" id="CircleText--17" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--17" startOffset="50%">public</textPath></text><path fill="none" d="M 0 91.24447132738817 A 91.24447132738817 91.24447132738817 0 0 1 0 -91.24447132738817 A 91.24447132738817 91.24447132738817 0 0 1 0 91.24447132738817" id="CircleText--18" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--18" startOffset="50%">public</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(215.56998815777695, 405.48598338499096)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--19" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--19" startOffset="50%">config</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--20" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--20" startOffset="50%">config</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(254.24331350366484, 481.42980444042513)"><path fill="none" d="M 0 23.67059295903759 A 23.67059295903759 23.67059295903759 0 0 1 0 -23.67059295903759 A 23.67059295903759 23.67059295903759 0 0 1 0 23.67059295903759" id="CircleText--21" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--21" startOffset="50%">e2e</textPath></text><path fill="none" d="M 0 23.67059295903759 A 23.67059295903759 23.67059295903759 0 0 1 0 -23.67059295903759 A 23.67059295903759 23.67059295903759 0 0 1 0 23.67059295903759" id="CircleText--22" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--22" startOffset="50%">e2e</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(314.0475009605516, 229.57341734195202)"><path fill="none" d="M 0 61.056196578973044 A 61.056196578973044 61.056196578973044 0 0 1 0 -61.056196578973044 A 61.056196578973044 61.056196578973044 0 0 1 0 61.056196578973044" id="CircleText--23" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--23" startOffset="50%">subsquid</textPath></text><path fill="none" d="M 0 61.056196578973044 A 61.056196578973044 61.056196578973044 0 0 1 0 -61.056196578973044 A 61.056196578973044 61.056196578973044 0 0 1 0 61.056196578973044" id="CircleText--24" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--24" startOffset="50%">subsquid</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(132.48482537438434, 536.3590302808561)"><path fill="none" d="M 0 31.25401899602293 A 31.25401899602293 31.25401899602293 0 0 1 0 -31.25401899602293 A 31.25401899602293 31.25401899602293 0 0 1 0 31.25401899602293" id="CircleText--25" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--25" startOffset="50%">[prefix]</textPath></text><path fill="none" d="M 0 31.25401899602293 A 31.25401899602293 31.25401899602293 0 0 1 0 -31.25401899602293 A 31.25401899602293 31.25401899602293 0 0 1 0 31.25401899602293" id="CircleText--26" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--26" startOffset="50%">[prefix]</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(272.43689714716385, 695.3445245174714)"><path fill="none" d="M 0 109.22253749906324 A 109.22253749906324 109.22253749906324 0 0 1 0 -109.22253749906324 A 109.22253749906324 109.22253749906324 0 0 1 0 109.22253749906324" id="CircleText--27" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--27" startOffset="50%">ui</textPath></text><path fill="none" d="M 0 109.22253749906324 A 109.22253749906324 109.22253749906324 0 0 1 0 -109.22253749906324 A 109.22253749906324 109.22253749906324 0 0 1 0 109.22253749906324" id="CircleText--28" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--28" startOffset="50%">ui</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(408.7588979603754, 695.3445245174714)"><path fill="none" d="M 0 21.970734355130176 A 21.970734355130176 21.970734355130176 0 0 1 0 -21.970734355130176 A 21.970734355130176 21.970734355130176 0 0 1 0 21.970734355130176" id="CircleText--29" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--29" startOffset="50%">static</textPath></text><path fill="none" d="M 0 21.970734355130176 A 21.970734355130176 21.970734355130176 0 0 1 0 -21.970734355130176 A 21.970734355130176 21.970734355130176 0 0 1 0 21.970734355130176" id="CircleText--30" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--30" startOffset="50%">static</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(518.9820910938225, 796.7356960211672)"><path fill="none" d="M 0 38.08870505631559 A 38.08870505631559 38.08870505631559 0 0 1 0 -38.08870505631559 A 38.08870505631559 38.08870505631559 0 0 1 0 38.08870505631559" id="CircleText--31" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--31" startOffset="50%">transaction</textPath></text><path fill="none" d="M 0 38.08870505631559 A 38.08870505631559 38.08870505631559 0 0 1 0 -38.08870505631559 A 38.08870505631559 38.08870505631559 0 0 1 0 38.08870505631559" id="CircleText--32" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--32" startOffset="50%">transaction</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(448.62624335083655, 808.7785281893516)"><path fill="none" d="M 0 24.850734680883306 A 24.850734680883306 24.850734680883306 0 0 1 0 -24.850734680883306 A 24.850734680883306 24.850734680883306 0 0 1 0 24.850734680883306" id="CircleText--33" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--33" startOffset="50%">massmint</textPath></text><path fill="none" d="M 0 24.850734680883306 A 24.850734680883306 24.850734680883306 0 0 1 0 -24.850734680883306 A 24.850734680883306 24.850734680883306 0 0 1 0 24.850734680883306" id="CircleText--34" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--34" startOffset="50%">massmint</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(623.5268192539731, 378.554298680161)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--35" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--35" startOffset="50%">transfer</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--36" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--36" startOffset="50%">transfer</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(760.9396841223448, 321.4802291969795)"><path fill="none" d="M 0 62.29777992133768 A 62.29777992133768 62.29777992133768 0 0 1 0 -62.29777992133768 A 62.29777992133768 62.29777992133768 0 0 1 0 62.29777992133768" id="CircleText--37" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--37" startOffset="50%">shared</textPath></text><path fill="none" d="M 0 62.29777992133768 A 62.29777992133768 62.29777992133768 0 0 1 0 -62.29777992133768 A 62.29777992133768 62.29777992133768 0 0 1 0 62.29777992133768" id="CircleText--38" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--38" startOffset="50%">shared</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(712.9166645386567, 460.94680276518807)"><path fill="none" d="M 0 25.743935458510045 A 25.743935458510045 25.743935458510045 0 0 1 0 -25.743935458510045 A 25.743935458510045 25.743935458510045 0 0 1 0 25.743935458510045" id="CircleText--39" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--39" startOffset="50%">search</textPath></text><path fill="none" d="M 0 25.743935458510045 A 25.743935458510045 25.743935458510045 0 0 1 0 -25.743935458510045 A 25.743935458510045 25.743935458510045 0 0 1 0 25.743935458510045" id="CircleText--40" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--40" startOffset="50%">search</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(567.413809036985, 427.74733104724197)"><path fill="none" d="M 0 45.109244002451135 A 45.109244002451135 45.109244002451135 0 0 1 0 -45.109244002451135 A 45.109244002451135 45.109244002451135 0 0 1 0 45.109244002451135" id="CircleText--41" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--41" startOffset="50%">rmrk</textPath></text><path fill="none" d="M 0 45.109244002451135 A 45.109244002451135 45.109244002451135 0 0 1 0 -45.109244002451135 A 45.109244002451135 45.109244002451135 0 0 1 0 45.109244002451135" id="CircleText--42" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--42" startOffset="50%">rmrk</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(653.2805897247189, 431.4287633105379)"><path fill="none" d="M 0 28.927135846422836 A 28.927135846422836 28.927135846422836 0 0 1 0 -28.927135846422836 A 28.927135846422836 28.927135846422836 0 0 1 0 28.927135846422836" id="CircleText--43" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--43" startOffset="50%">profile</textPath></text><path fill="none" d="M 0 28.927135846422836 A 28.927135846422836 28.927135846422836 0 0 1 0 -28.927135846422836 A 28.927135846422836 28.927135846422836 0 0 1 0 28.927135846422836" id="CircleText--44" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--44" startOffset="50%">profile</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(671.3089034112398, 342.4937927795018)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--45" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--45" startOffset="50%">navbar</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--46" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--46" startOffset="50%">navbar</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(486.41207521969847, 289.6342166573761)"><path fill="none" d="M 0 64.1753553760496 A 64.1753553760496 64.1753553760496 0 0 1 0 -64.1753553760496 A 64.1753553760496 64.1753553760496 0 0 1 0 64.1753553760496" id="CircleText--47" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--47" startOffset="50%">migrate</textPath></text><path fill="none" d="M 0 64.1753553760496 A 64.1753553760496 64.1753553760496 0 0 1 0 -64.1753553760496 A 64.1753553760496 64.1753553760496 0 0 1 0 64.1753553760496" id="CircleText--48" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--48" startOffset="50%">migrate</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(663.5898312094037, 509.76171455865284)"><path fill="none" d="M 0 31.71322111901374 A 31.71322111901374 31.71322111901374 0 0 1 0 -31.71322111901374 A 31.71322111901374 31.71322111901374 0 0 1 0 31.71322111901374" id="CircleText--49" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--49" startOffset="50%">massmint</textPath></text><path fill="none" d="M 0 31.71322111901374 A 31.71322111901374 31.71322111901374 0 0 1 0 -31.71322111901374 A 31.71322111901374 31.71322111901374 0 0 1 0 31.71322111901374" id="CircleText--50" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--50" startOffset="50%">massmint</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(666.2450203793532, 286.17720969687383)"><path fill="none" d="M 0 26.76772707911796 A 26.76772707911796 26.76772707911796 0 0 1 0 -26.76772707911796 A 26.76772707911796 26.76772707911796 0 0 1 0 26.76772707911796" id="CircleText--51" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--51" startOffset="50%">landing</textPath></text><path fill="none" d="M 0 26.76772707911796 A 26.76772707911796 26.76772707911796 0 0 1 0 -26.76772707911796 A 26.76772707911796 26.76772707911796 0 0 1 0 26.76772707911796" id="CircleText--52" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--52" startOffset="50%">landing</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(726.8637252590188, 553.5685026231114)"><path fill="none" d="M 0 33.310482446369406 A 33.310482446369406 33.310482446369406 0 0 1 0 -33.310482446369406 A 33.310482446369406 33.310482446369406 0 0 1 0 33.310482446369406" id="CircleText--53" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--53" startOffset="50%">items</textPath></text><path fill="none" d="M 0 33.310482446369406 A 33.310482446369406 33.310482446369406 0 0 1 0 -33.310482446369406 A 33.310482446369406 33.310482446369406 0 0 1 0 33.310482446369406" id="CircleText--54" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--54" startOffset="50%">items</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(589.7763455736682, 291.7991121612803)"><path fill="none" d="M 0 27.24134792390784 A 27.24134792390784 27.24134792390784 0 0 1 0 -27.24134792390784 A 27.24134792390784 27.24134792390784 0 0 1 0 27.24134792390784" id="CircleText--55" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--55" startOffset="50%">identity</textPath></text><path fill="none" d="M 0 27.24134792390784 A 27.24134792390784 27.24134792390784 0 0 1 0 -27.24134792390784 A 27.24134792390784 27.24134792390784 0 0 1 0 27.24134792390784" id="CircleText--56" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--56" startOffset="50%">identity</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(514.654001273013, 553.7568634478238)"><path fill="none" d="M 0 48.217871685524884 A 48.217871685524884 48.217871685524884 0 0 1 0 -48.217871685524884 A 48.217871685524884 48.217871685524884 0 0 1 0 48.217871685524884" id="CircleText--57" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--57" startOffset="50%">gallery</textPath></text><path fill="none" d="M 0 48.217871685524884 A 48.217871685524884 48.217871685524884 0 0 1 0 -48.217871685524884 A 48.217871685524884 48.217871685524884 0 0 1 0 48.217871685524884" id="CircleText--58" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--58" startOffset="50%">gallery</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(610.9645826262838, 543.6785192362025)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--59" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--59" startOffset="50%">explore</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--60" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--60" startOffset="50%">explore</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(708.0028946788434, 231.29699391822183)"><path fill="none" d="M 0 30.259372061425033 A 30.259372061425033 30.259372061425033 0 0 1 0 -30.259372061425033 A 30.259372061425033 30.259372061425033 0 0 1 0 30.259372061425033" id="CircleText--61" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--61" startOffset="50%">create</textPath></text><path fill="none" d="M 0 30.259372061425033 A 30.259372061425033 30.259372061425033 0 0 1 0 -30.259372061425033 A 30.259372061425033 30.259372061425033 0 0 1 0 30.259372061425033" id="CircleText--62" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--62" startOffset="50%">create</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(812.4510596872461, 448.7319187041678)"><path fill="none" d="M 0 63.33657717552671 A 63.33657717552671 63.33657717552671 0 0 1 0 -63.33657717552671 A 63.33657717552671 63.33657717552671 0 0 1 0 63.33657717552671" id="CircleText--63" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--63" startOffset="50%">common</textPath></text><path fill="none" d="M 0 63.33657717552671 A 63.33657717552671 63.33657717552671 0 0 1 0 -63.33657717552671 A 63.33657717552671 63.33657717552671 0 0 1 0 63.33657717552671" id="CircleText--64" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--64" startOffset="50%">common</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(430.22595690173824, 440.4641620291566)"><path fill="none" d="M 0 81.13149437266742 A 81.13149437266742 81.13149437266742 0 0 1 0 -81.13149437266742 A 81.13149437266742 81.13149437266742 0 0 1 0 81.13149437266742" id="CircleText--65" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--65" startOffset="50%">collection</textPath></text><path fill="none" d="M 0 81.13149437266742 A 81.13149437266742 81.13149437266742 0 0 1 0 -81.13149437266742 A 81.13149437266742 81.13149437266742 0 0 1 0 81.13149437266742" id="CircleText--66" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--66" startOffset="50%">collection</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(656.8459603580264, 582.010665985896)"><path fill="none" d="M 0 28.91338612984643 A 28.91338612984643 28.91338612984643 0 0 1 0 -28.91338612984643 A 28.91338612984643 28.91338612984643 0 0 1 0 28.91338612984643" id="CircleText--67" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--67" startOffset="50%">carousel</textPath></text><path fill="none" d="M 0 28.91338612984643 A 28.91338612984643 28.91338612984643 0 0 1 0 -28.91338612984643 A 28.91338612984643 28.91338612984643 0 0 1 0 28.91338612984643" id="CircleText--68" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--68" startOffset="50%">carousel</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(623.4810165544116, 221.10601907643934)"><path fill="none" d="M 0 39.15101430643396 A 39.15101430643396 39.15101430643396 0 0 1 0 -39.15101430643396 A 39.15101430643396 39.15101430643396 0 0 1 0 39.15101430643396" id="CircleText--69" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--69" startOffset="50%">bsx</textPath></text><path fill="none" d="M 0 39.15101430643396 A 39.15101430643396 39.15101430643396 0 0 1 0 -39.15101430643396 A 39.15101430643396 39.15101430643396 0 0 1 0 39.15101430643396" id="CircleText--70" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--70" startOffset="50%">bsx</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(648.236872853033, 766.794839353658)"><path fill="none" d="M 0 56.000825379943166 A 56.000825379943166 56.000825379943166 0 0 1 0 -56.000825379943166 A 56.000825379943166 56.000825379943166 0 0 1 0 56.000825379943166" id="CircleText--71" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--71" startOffset="50%">blog</textPath></text><path fill="none" d="M 0 56.000825379943166 A 56.000825379943166 56.000825379943166 0 0 1 0 -56.000825379943166 A 56.000825379943166 56.000825379943166 0 0 1 0 56.000825379943166" id="CircleText--72" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--72" startOffset="50%">blog</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(312.3939152606549, 248.3553720715059)"><path fill="none" d="M 0 21.86630543355384 A 21.86630543355384 21.86630543355384 0 0 1 0 -21.86630543355384 A 21.86630543355384 21.86630543355384 0 0 1 0 21.86630543355384" id="CircleText--73" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--73" startOffset="50%">general</textPath></text><path fill="none" d="M 0 21.86630543355384 A 21.86630543355384 21.86630543355384 0 0 1 0 -21.86630543355384 A 21.86630543355384 21.86630543355384 0 0 1 0 21.86630543355384" id="CircleText--74" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--74" startOffset="50%">general</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(267.0893816958736, 695.3445245174714)"><path fill="none" d="M 0 97.1332032173814 A 97.1332032173814 97.1332032173814 0 0 1 0 -97.1332032173814 A 97.1332032173814 97.1332032173814 0 0 1 0 97.1332032173814" id="CircleText--75" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--75" startOffset="50%">src</textPath></text><path fill="none" d="M 0 97.1332032173814 A 97.1332032173814 97.1332032173814 0 0 1 0 -97.1332032173814 A 97.1332032173814 97.1332032173814 0 0 1 0 97.1332032173814" id="CircleText--76" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--76" startOffset="50%">src</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(760.2328064412173, 354.15868143578194)"><path fill="none" d="M 0 22.611683232075904 A 22.611683232075904 22.611683232075904 0 0 1 0 -22.611683232075904 A 22.611683232075904 22.611683232075904 0 0 1 0 22.611683232075904" id="CircleText--77" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--77" startOffset="50%">filters</textPath></text><path fill="none" d="M 0 22.611683232075904 A 22.611683232075904 22.611683232075904 0 0 1 0 -22.611683232075904 A 22.611683232075904 22.611683232075904 0 0 1 0 22.611683232075904" id="CircleText--78" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--78" startOffset="50%">filters</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(582.3833504751093, 425.2599581011167)"><path fill="none" d="M 0 22.934455864198952 A 22.934455864198952 22.934455864198952 0 0 1 0 -22.934455864198952 A 22.934455864198952 22.934455864198952 0 0 1 0 22.934455864198952" id="CircleText--79" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--79" startOffset="50%">Gallery</textPath></text><path fill="none" d="M 0 22.934455864198952 A 22.934455864198952 22.934455864198952 0 0 1 0 -22.934455864198952 A 22.934455864198952 22.934455864198952 0 0 1 0 22.934455864198952" id="CircleText--80" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--80" startOffset="50%">Gallery</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(448.9399552567639, 289.6342166573761)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--81" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--81" startOffset="50%">steps</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--82" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--82" startOffset="50%">steps</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(508.55094615330444, 289.6342166573761)"><path fill="none" d="M 0 30.90775548342547 A 30.90775548342547 30.90775548342547 0 0 1 0 -30.90775548342547 A 30.90775548342547 30.90775548342547 0 0 1 0 30.90775548342547" id="CircleText--83" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--83" startOffset="50%">landing</textPath></text><path fill="none" d="M 0 30.90775548342547 A 30.90775548342547 30.90775548342547 0 0 1 0 -30.90775548342547 A 30.90775548342547 30.90775548342547 0 0 1 0 30.90775548342547" id="CircleText--84" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--84" startOffset="50%">landing</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(721.2977563097257, 553.5685026231114)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--85" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--85" startOffset="50%">ItemsGrid</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--86" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--86" startOffset="50%">ItemsGrid</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(814.9782594433585, 480.09044887499226)"><path fill="none" d="M 0 24.876377667548383 A 24.876377667548383 24.876377667548383 0 0 1 0 -24.876377667548383 A 24.876377667548383 24.876377667548383 0 0 1 0 24.876377667548383" id="CircleText--87" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--87" startOffset="50%">listingCart</textPath></text><path fill="none" d="M 0 24.876377667548383 A 24.876377667548383 24.876377667548383 0 0 1 0 -24.876377667548383 A 24.876377667548383 24.876377667548383 0 0 1 0 24.876377667548383" id="CircleText--88" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--88" startOffset="50%">listingCart</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(377.6970825002288, 426.5269270776173)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--89" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--89" startOffset="50%">unlockable</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--90" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--90" startOffset="50%">unlockable</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(381.60207931293655, 477.44532395749667)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--91" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--91" startOffset="50%">drop</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--92" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--92" startOffset="50%">drop</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(464.58468679207004, 439.7133482339913)"><path fill="none" d="M 0 39.76456199528186 A 39.76456199528186 39.76456199528186 0 0 1 0 -39.76456199528186 A 39.76456199528186 39.76456199528186 0 0 1 0 39.76456199528186" id="CircleText--93" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--93" startOffset="50%">activity</textPath></text><path fill="none" d="M 0 39.76456199528186 A 39.76456199528186 39.76456199528186 0 0 1 0 -39.76456199528186 A 39.76456199528186 39.76456199528186 0 0 1 0 39.76456199528186" id="CircleText--94" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--94" startOffset="50%">activity</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(632.4858949779156, 213.86378223908937)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--95" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--95" startOffset="50%">Offer</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--96" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--96" startOffset="50%">Offer</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(263.38799303970234, 704.6037038521423)"><path fill="none" d="M 0 80.41979073624226 A 80.41979073624226 80.41979073624226 0 0 1 0 -80.41979073624226 A 80.41979073624226 80.41979073624226 0 0 1 0 80.41979073624226" id="CircleText--97" transform="rotate(4)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:12px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--97" startOffset="50%">components</textPath></text><path fill="none" d="M 0 80.41979073624226 A 80.41979073624226 80.41979073624226 0 0 1 0 -80.41979073624226 A 80.41979073624226 80.41979073624226 0 0 1 0 80.41979073624226" id="CircleText--98" transform="rotate(4)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:12px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--98" startOffset="50%">components</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(766.6916764448295, 354.15868143578194)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--99" transform="rotate(4)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:12px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--99" startOffset="50%">modules</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--100" transform="rotate(4)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:12px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--100" startOffset="50%">modules</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(445.9624995646861, 447.1948906652706)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--101" transform="rotate(4)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:12px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--101" startOffset="50%">events</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--102" transform="rotate(4)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:12px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--102" startOffset="50%">events</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(260.5431012458995, 641.277079220941)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--103" transform="rotate(5)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:11px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--103" startOffset="50%">MediaItem</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--104" transform="rotate(5)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:11px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--104" startOffset="50%">MediaItem</textPath></text></g><g transform="translate(940, 770)"><g transform="translate(0, 0)"><circle r="5" fill="#6594b9"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.ahk</text></g><g transform="translate(0, 15)"><circle r="5" fill="#237346"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.csv</text></g><g transform="translate(0, 30)"><circle r="5" fill="#0060ac"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.filters</text></g><g transform="translate(0, 45)"><circle r="5" fill="#e10098"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.graphql</text></g><g transform="translate(0, 60)"><circle r="5" fill="#f1e05a"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.js</text></g><g transform="translate(0, 75)"><circle r="5" fill="#f1e05a"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.mjs</text></g><g transform="translate(0, 90)"><circle r="5" fill="#c6538c"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.scss</text></g><g transform="translate(0, 105)"><circle r="5" fill="#e38c00"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.tab</text></g><g transform="translate(0, 120)"><circle r="5" fill="#0060ac"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.ts</text></g><g transform="translate(0, 135)"><circle r="5" fill="#199f4b"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.txt</text></g><g transform="translate(0, 150)"><circle r="5" fill="#0060ac"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.ui</text></g><g transform="translate(0, 165)"><circle r="5" fill="#41b883"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.vue</text></g><g transform="translate(0, 180)"><circle r="5" fill="#0060ac"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.xml</text></g><g transform="translate(0, 195)"><circle r="5" fill="#cb171e"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.yaml</text></g><g fill="#9CA3AF" style="font-weight:300;font-style:italic;font-size:12px">each dot sized by file size</g></g></svg>
\ No newline at end of file
+<svg width="1000" height="1000" style="background:white;font-family:sans-serif;overflow:visible" xmlns="http://www.w3.org/2000/svg"><defs><filter id="glow" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="4" result="coloredBlur"></feGaussianBlur><feMerge><feMergeNode in="coloredBlur"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter></defs><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(540.5697710913915, 253.44102520655733)"><circle r="60.78683855919733" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(709.9137431549292, 524.229833437309)"><circle r="52.33102143907996" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(627.6013733085811, 567.7530131688485)"><circle r="23.49207244111831" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(631.292320451693, 462.76140295329725)"><circle r="14.903712012647294" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(583.7218525797848, 382.93374588775777)"><circle r="11.134115475940511" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(678.0757695411975, 161.02978898163863)"><circle r="88.89409580150578" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(565.5329174431446, 343.3525212806462)"><circle r="16.723658933265718" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(607.4936602781471, 420.79435372144604)"><circle r="17.832491422096133" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(413.99314181631206, 177.1605063385172)"><circle r="71.01501943732305" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(671.264445750517, 456.64120939627674)"><circle r="9.849848991033708" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(702.2075115168344, 749.2839325045687)"><circle r="156.89625839909502" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(625.0452140671379, 510.7871578048297)"><circle r="17.848104198057893" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(703.5996871328973, 349.88464558736837)"><circle r="85.69625801321746" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(320.52216703702885, 522.6939807535833)"><circle r="270.9076318209252" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(865.4158804326206, 466.3409597491793)"><circle r="97.65219699621262" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(547.2827312713171, 253.77679933246938)"><circle style="transition:all 0.5s ease-out" r="5.650504888154459" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(538.5423287832174, 265.01849955123)"><circle style="transition:all 0.5s ease-out" r="5.295072605508754" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(546.0755678116477, 286.57973359116795)"><circle style="transition:all 0.5s ease-out" r="4.955782064443608" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(544.5083880446199, 239.7193621609943)"><circle style="transition:all 0.5s ease-out" r="4.746326961225191" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(522.2293708070587, 218.64281941409544)"><circle r="7.376016198229533" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(521.3855523050007, 291.0659946689721)"><circle r="11.583359957078516" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(558.0629920831385, 219.90994424224994)"><circle r="10.80955319407583" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(525.6913038431841, 266.80667931885387)"><circle style="transition:all 0.5s ease-out" r="4.518952801005613" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(578.0724404902594, 264.73397547153934)"><circle r="18.620769855175762" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(499.32578605547764, 248.5426293059753)"><circle r="16.252989904858453" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(547.6991051453942, 274.1190278326806)"><circle style="transition:all 0.5s ease-out" r="4.416077890963896" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(533.0219209641491, 235.6370815514804)"><circle style="transition:all 0.5s ease-out" r="4.216353960109582" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(581.4362080597848, 222.68274509677943)"><circle style="transition:all 0.5s ease-out" r="4.121605726534926" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(551.1930845182695, 297.67991513889933)"><circle style="transition:all 0.5s ease-out" r="4.0724903183763965" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(558.3117821728526, 288.87647597641853)"><circle style="transition:all 0.5s ease-out" r="4.056598805223337" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(535.9574722885699, 247.9648654281174)"><circle style="transition:all 0.5s ease-out" r="3.966805676505986" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(541.814099769278, 302.7724849111819)"><circle style="transition:all 0.5s ease-out" r="3.403204376917415" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(490.1947739798976, 274.25083142694035)"><circle style="transition:all 0.5s ease-out" r="3.282816974428793" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(526.564750823957, 243.82190161809015)"><circle style="transition:all 0.5s ease-out" r="3.102285083835937" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(538.5288655984791, 209.1473345736436)"><circle style="transition:all 0.5s ease-out" r="2.926749313084515" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(504.4989417876099, 212.3086246207382)"><circle style="transition:all 0.5s ease-out" r="2.891738068563906" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(503.6135206964163, 221.21089449752927)"><circle style="transition:all 0.5s ease-out" r="2.8536872255341783" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(562.8794577823359, 297.7563759763752)"><circle style="transition:all 0.5s ease-out" r="2.7381769752020335" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(586.3787640556496, 231.09176588851744)"><circle style="transition:all 0.5s ease-out" r="2.436693175679233" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(559.9401681066023, 241.4930534884426)"><circle style="transition:all 0.5s ease-out" r="2.393489617851068" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(525.9912849509726, 252.21267438789994)"><circle style="transition:all 0.5s ease-out" r="2.2490068766459608" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(538.163167632908, 276.32801889180445)"><circle style="transition:all 0.5s ease-out" r="2.1942129954237437" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(532.2628897319461, 256.5207600675663)"><circle style="transition:all 0.5s ease-out" r="2.1438172481071445" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(499.11830787464504, 290.25905158310144)"><circle style="transition:all 0.5s ease-out" r="2.119342316017221" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(548.9384312050584, 264.51145243714234)"><circle style="transition:all 0.5s ease-out" r="2.0814938728325867" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(497.3853432329686, 275.3523176166045)"><circle style="transition:all 0.5s ease-out" r="2.096952194496728" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(576.5517339207346, 230.62384016629792)"><circle style="transition:all 0.5s ease-out" r="2.0036532941096192" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(553.0858641857549, 244.6725242109515)"><circle style="transition:all 0.5s ease-out" r="1.9812096743458674" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(523.0586999501907, 236.4356667418405)"><circle style="transition:all 0.5s ease-out" r="1.9393885806403248" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(589.6298295833346, 237.9635322669843)"><circle style="transition:all 0.5s ease-out" r="1.9585088778065283" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(573.1578510194169, 293.2516805445999)"><circle style="transition:all 0.5s ease-out" r="1.7366457581870784" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(532.4094364658963, 204.15520319842895)"><circle style="transition:all 0.5s ease-out" r="1.770645312250706" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(554.1462390449677, 280.87561188171463)"><circle style="transition:all 0.5s ease-out" r="1.769241708928849" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(516.4621384655542, 268.6752111665729)"><circle style="transition:all 0.5s ease-out" r="1.722281195859117" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(571.8896307284635, 235.7482892201716)"><circle style="transition:all 0.5s ease-out" r="1.7019671433558714" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(566.872572921089, 291.28893615761257)"><circle style="transition:all 0.5s ease-out" r="1.6500882569412858" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(503.48259055217625, 278.7272885497546)"><circle style="transition:all 0.5s ease-out" r="1.6740038263416093" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(495.9823228522829, 222.25481048563287)"><circle style="transition:all 0.5s ease-out" r="1.648582014494154" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(540.6691711839285, 230.9864302171289)"><circle style="transition:all 0.5s ease-out" r="1.6089248372076068" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(509.56904108866524, 206.65125266241492)"><circle style="transition:all 0.5s ease-out" r="1.5035663330150741" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(589.3291534237716, 225.3216054317508)"><circle style="transition:all 0.5s ease-out" r="1.500258152256653" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(566.3392213512836, 238.74607797904108)"><circle style="transition:all 0.5s ease-out" r="1.416796831411676" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(594.9644421111072, 241.6865650876633)"><circle style="transition:all 0.5s ease-out" r="1.3466766395104073" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(532.5034178558607, 272.6801273828931)"><circle style="transition:all 0.5s ease-out" r="1.3392772613149753" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(578.1581812113392, 214.70988864949842)"><circle style="transition:all 0.5s ease-out" r="1.3016495838115638" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(506.6312598483088, 273.4954965951134)"><circle style="transition:all 0.5s ease-out" r="1.2589608814551951" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(523.3198179612556, 258.3662646580538)"><circle style="transition:all 0.5s ease-out" r="1.2510428099416648" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(538.0483305775489, 225.616111721344)"><circle style="transition:all 0.5s ease-out" r="1.1667885960394728" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(582.8782679955852, 236.87011408834374)"><circle style="transition:all 0.5s ease-out" r="1.1322093768102022" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(501.2492318143217, 284.23137392328124)"><circle style="transition:all 0.5s ease-out" r="1.087440172744424" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(511.87755644359817, 272.2647782634178)"><circle style="transition:all 0.5s ease-out" r="0.9298042318978494" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(579.020264629837, 292.88659310141963)"><circle style="transition:all 0.5s ease-out" r="0.9430688710612712" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(577.6173835916622, 236.67019420457146)"><circle style="transition:all 0.5s ease-out" r="0.9324722552639706" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(541.9729165887195, 294.43892392514823)"><circle style="transition:all 0.5s ease-out" r="0.7153778789831239" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(731.8693899529136, 526.3000121677716)"><circle style="transition:all 0.5s ease-out" r="8.635605080336267" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(747.8973425172939, 538.8375884719197)"><circle style="transition:all 0.5s ease-out" r="8.635317394650162" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(749.0983804964067, 517.4288568067931)"><circle style="transition:all 0.5s ease-out" r="7.544221677480324" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(722.7953053273606, 495.4877225259224)"><circle r="10.02181437582503" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(688.8029310354194, 533.1677790865203)"><circle r="26.40607300351099" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(733.1883447570203, 543.7097275390913)"><circle style="transition:all 0.5s ease-out" r="3.747829269497908" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(698.0819946312189, 495.99290771217153)"><circle style="transition:all 0.5s ease-out" r="3.3219353306556063" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(736.279783196537, 512.2322060977559)"><circle style="transition:all 0.5s ease-out" r="2.8977455439453594" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(756.8143516008374, 527.8820315727148)"><circle style="transition:all 0.5s ease-out" r="2.288427720018738" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(742.2464518813098, 506.35943601401)"><circle style="transition:all 0.5s ease-out" r="2.274271238525678" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(722.000350290245, 516.306204003064)"><circle style="transition:all 0.5s ease-out" r="2.269897635942514" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(725.5133738102455, 538.780448105999)"><circle style="transition:all 0.5s ease-out" r="2.173737776276561" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(689.460864442809, 496.0994970719198)"><circle style="transition:all 0.5s ease-out" r="2.1016857269183578" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(742.5606693139579, 499.341458050624)"><circle style="transition:all 0.5s ease-out" r="1.5507420920489186" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(703.9551775798225, 500.60821323772166)"><circle style="transition:all 0.5s ease-out" r="0.9483227772908507" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(620.3097701114019, 568.6153505812679)"><circle style="transition:all 0.5s ease-out" r="5.763682916188071" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(634.9543272706846, 567.912957936184)"><circle style="transition:all 0.5s ease-out" r="5.697790272263929" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(629.8063079428239, 580.1091472671736)"><circle style="transition:all 0.5s ease-out" r="4.3400405432071745" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(627.1971962612774, 557.6710838866207)"><circle style="transition:all 0.5s ease-out" r="3.9467140972381665" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(616.6160324616314, 556.8145770357668)"><circle style="transition:all 0.5s ease-out" r="3.401744087480127" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(638.8286930615006, 556.6198439117018)"><circle style="transition:all 0.5s ease-out" r="3.0408155740795197" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(613.5394299895885, 578.5112919529786)"><circle style="transition:all 0.5s ease-out" r="2.7867395636030596" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(639.9002821713977, 578.4053518274449)"><circle style="transition:all 0.5s ease-out" r="2.69704028044445" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(644.8190007728465, 562.8393572836152)"><circle style="transition:all 0.5s ease-out" r="2.5870253968708004" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(610.1705339323737, 563.2112667158823)"><circle style="transition:all 0.5s ease-out" r="2.4791439478260724" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(609.8640283023678, 571.1595547498364)"><circle style="transition:all 0.5s ease-out" r="2.430568256459832" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(645.2106133399191, 572.1809881618634)"><circle style="transition:all 0.5s ease-out" r="2.334641537489853" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(633.1089179209976, 550.7291966799472)"><circle style="transition:all 0.5s ease-out" r="1.9698919765013314" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(622.0212819944885, 550.1701847546017)"><circle style="transition:all 0.5s ease-out" r="1.9635761796209212" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(620.9202666535106, 578.9794479387318)"><circle style="transition:all 0.5s ease-out" r="1.4185492091147527" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(622.9458250301295, 463.02584720631233)"><circle style="transition:all 0.5s ease-out" r="3.5496989243265005" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(639.9069953944861, 462.6598166176708)"><circle style="transition:all 0.5s ease-out" r="3.3076957227957613" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(632.1240513442373, 468.37753932219204)"><circle style="transition:all 0.5s ease-out" r="3.292640133838324" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(631.571037928475, 459.10803343028294)"><circle style="transition:all 0.5s ease-out" r="2.7236217785543824" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(625.2864502293176, 454.8007478724609)"><circle style="transition:all 0.5s ease-out" r="1.9508832464695136" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(624.7793734390702, 470.89650829270215)"><circle style="transition:all 0.5s ease-out" r="1.501913153479412" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(579.9714385216536, 381.980305868495)"><circle style="transition:all 0.5s ease-out" r="4.174310759516474" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(589.4615332266509, 381.980305868495)"><circle style="transition:all 0.5s ease-out" r="2.22568896982044" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(586.3939748758363, 388.48897547470864)"><circle style="transition:all 0.5s ease-out" r="1.879540527988022" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(607.8953981804382, 153.1124887504125)"><circle r="15.268546831706923" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#6594b9;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(696.179866501019, 158.33436425608517)"><circle r="67.59044476730652" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(618.2412571315231, 195.84376680873032)"><circle r="16.668508570708568" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(619.8717578976137, 114.69979716328857)"><circle r="11.502059175971624" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(618.8090485408368, 172.93786323228682)"><circle style="transition:all 0.5s ease-out" r="4.5123509672379605" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(618.3633360794203, 134.2011990713761)"><circle style="transition:all 0.5s ease-out" r="2.512983688412667" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(636.0820988835122, 206.90779459709046)"><circle style="transition:all 0.5s ease-out" r="2.2334886546955754" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(624.9764131496418, 136.6317415362765)"><circle style="transition:all 0.5s ease-out" r="1.3205974446651325" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(624.5773895489996, 179.79332567612624)"><circle style="transition:all 0.5s ease-out" r="1.2470649213023695" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(625.5597631830016, 131.1578077019421)"><circle style="transition:all 0.5s ease-out" r="1.0851532297866955" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(622.5409709743602, 141.591942532388)"><circle style="transition:all 0.5s ease-out" r="1.0116970986796325" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(560.8270713229851, 344.247916614153)"><circle style="transition:all 0.5s ease-out" r="3.3797640333680423" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(569.7268728225313, 344.8323032351499)"><circle style="transition:all 0.5s ease-out" r="2.331447043581991" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(565.7796973989231, 351.13647270772003)"><circle style="transition:all 0.5s ease-out" r="1.9044883677266418" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(566.6320605436902, 338.11302507181915)"><circle style="transition:all 0.5s ease-out" r="1.8662761383381157" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(557.4274597702097, 336.6270548034853)"><circle style="transition:all 0.5s ease-out" r="1.7650242018362514" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(557.6121859024404, 351.9014501302504)"><circle style="transition:all 0.5s ease-out" r="1.7208381447503955" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(573.2872851129899, 337.1547979099998)"><circle style="transition:all 0.5s ease-out" r="1.6575989387077805" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(572.4792625236396, 351.42052233837217)"><circle style="transition:all 0.5s ease-out" r="1.6011858561309782" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(553.4429456784255, 341.4637941674728)"><circle style="transition:all 0.5s ease-out" r="1.3016495838115638" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(553.6739083613367, 347.1908283450179)"><circle style="transition:all 0.5s ease-out" r="1.2589608814551951" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(576.0165559925409, 342.5253033824416)"><circle style="transition:all 0.5s ease-out" r="1.1667885960394728" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(577.2534816298098, 347.8881657830457)"><circle style="transition:all 0.5s ease-out" r="1.1560936994630384" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(562.5452918318836, 333.7739647018321)"><circle style="transition:all 0.5s ease-out" r="0.8943959672818912" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(561.9672763922063, 355.6997526095594)"><circle style="transition:all 0.5s ease-out" r="0.8718918332194084" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(569.4723277921249, 332.98898820475716)"><circle style="transition:all 0.5s ease-out" r="0.7912289459585604" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(602.8963808666074, 420.79435372144604)"><circle r="10.145117034895934" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(619.1838248008733, 420.79435372144604)"><circle style="transition:all 0.5s ease-out" r="3.0522319237095212" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(615.9812395627633, 427.9064765319825)"><circle style="transition:all 0.5s ease-out" r="1.6575989387077805" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(615.979278886965, 413.6880527566154)"><circle style="transition:all 0.5s ease-out" r="1.6530966245381369" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(429.3973968241856, 212.79942818103876)"><circle style="transition:all 0.5s ease-out" r="8.63876899057561" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(463.6685931150032, 169.14371767932195)"><circle style="transition:all 0.5s ease-out" r="8.636755727254146" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(451.0669313407529, 212.13438130488927)"><circle style="transition:all 0.5s ease-out" r="6.468427696820928" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(441.622783402144, 168.04391610857104)"><circle style="transition:all 0.5s ease-out" r="5.850951596404739" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(423.869715638862, 165.57398537756814)"><circle style="transition:all 0.5s ease-out" r="4.734273110802635" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(450.6026155063687, 145.98213227179616)"><circle r="9.393351930302615" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(438.9563336114955, 189.91948652801423)"><circle r="7.593890788695013" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(469.417002016011, 195.82762225046304)"><circle r="9.531983470422388" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(414.8426579442387, 140.03240034129337)"><circle r="11.085165792171102" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(477.46903919555206, 175.29790526789628)"><circle style="transition:all 0.5s ease-out" r="4.511800378380168" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(383.16362909931905, 190.16866139992064)"><circle r="34.273590868697376" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(433.04856574989185, 160.00050139923962)"><circle style="transition:all 0.5s ease-out" r="2.7858479495781254" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(450.68763862355746, 175.2768997232378)"><circle style="transition:all 0.5s ease-out" r="2.5975671258036255" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(431.1908047723724, 172.9630793268342)"><circle style="transition:all 0.5s ease-out" r="2.4901424222409116" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(417.1643646775643, 219.7793570398529)"><circle style="transition:all 0.5s ease-out" r="2.2490068766459608" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(455.1760080560087, 181.6937010992602)"><circle style="transition:all 0.5s ease-out" r="2.03319277378279" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(476.79887594276425, 166.03011798332312)"><circle style="transition:all 0.5s ease-out" r="1.66805707992222" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(432.1302765043693, 152.40985547774596)"><circle style="transition:all 0.5s ease-out" r="1.636482166434512" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(441.2662774869442, 207.23455394319828)"><circle style="transition:all 0.5s ease-out" r="1.314941755101837" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(426.584266530418, 157.03540308328166)"><circle style="transition:all 0.5s ease-out" r="1.1145175169020614" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(423.87438493601377, 174.34369844693555)"><circle style="transition:all 0.5s ease-out" r="0.8310445284626655" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(667.1730245033157, 456.64120939627674)"><circle style="transition:all 0.5s ease-out" r="2.668332768171948" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(675.4778260065192, 456.64120939627674)"><circle style="transition:all 0.5s ease-out" r="2.5463737593710833" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(674.4768151434062, 749.2839325045687)"><circle r="121.13131508894955" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(827.3559500741426, 749.2839325045687)"><circle r="23.713572905069725" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(620.5337362552646, 510.9884324494475)"><circle style="transition:all 0.5s ease-out" r="3.8742911721499316" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(630.5702380131348, 511.5943850355021)"><circle style="transition:all 0.5s ease-out" r="2.9805790983102516" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(625.9137104365758, 519.0688094347388)"><circle style="transition:all 0.5s ease-out" r="2.6242095370129346" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(626.7607792152736, 504.19427038353024)"><circle style="transition:all 0.5s ease-out" r="2.140337964372895" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(616.3139505535219, 502.89479681375326)"><circle style="transition:all 0.5s ease-out" r="2.050227601001782" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(618.0987657171163, 519.6266451051032)"><circle style="transition:all 0.5s ease-out" r="1.9005710066346668" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(634.0053560188984, 504.25417440783264)"><circle style="transition:all 0.5s ease-out" r="1.9044883677266418" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(633.6190998121644, 519.0570494126792)"><circle style="transition:all 0.5s ease-out" r="1.8808618220197408" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(612.2066667482932, 508.5276777525351)"><circle style="transition:all 0.5s ease-out" r="1.8122479789623673" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(612.7759747685824, 515.2565141261339)"><circle style="transition:all 0.5s ease-out" r="1.7901802094600325" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(638.0983046357302, 509.64578929604545)"><circle style="transition:all 0.5s ease-out" r="1.7452077448031018" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(622.0376770277538, 499.0407975725793)"><circle style="transition:all 0.5s ease-out" r="1.6500882569412858" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(698.8768409541805, 397.1931304468945)"><circle style="transition:all 0.5s ease-out" r="5.29413417881011" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(676.7396396975321, 317.24079797655656)"><circle style="transition:all 0.5s ease-out" r="5.11659442906792" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(716.0316080184306, 387.6798066487395)"><circle style="transition:all 0.5s ease-out" r="5.020527213740739" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(685.336469804433, 365.87524938422075)"><circle style="transition:all 0.5s ease-out" r="4.93367587040902" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(704.0453535798805, 382.63445617504016)"><circle style="transition:all 0.5s ease-out" r="4.791647689227656" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(691.4100115929486, 383.9415090746993)"><circle style="transition:all 0.5s ease-out" r="4.72008366067349" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(730.3904369748899, 334.3490931000688)"><circle r="41.72695598391968" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(760.1181509943516, 393.8668202935674)"><circle r="10.844240281625648" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(647.8951024356016, 351.001759005588)"><circle r="26.980473008540805" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(694.19848824214, 293.1551139801034)"><circle style="transition:all 0.5s ease-out" r="4.5123509672379605" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(719.6056729467222, 414.459942091659)"><circle r="13.251696376542847" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(669.4669129147974, 406.22455697347345)"><circle r="16.823411628550293" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(667.6656165586054, 308.58498521631884)"><circle style="transition:all 0.5s ease-out" r="4.251559307812526" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(656.8122284846942, 304.6395109064363)"><circle style="transition:all 0.5s ease-out" r="4.099849298017691" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(645.077277112258, 390.2483172050891)"><circle style="transition:all 0.5s ease-out" r="3.7775403514048524" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(693.670823495903, 373.32977655388856)"><circle style="transition:all 0.5s ease-out" r="3.353197790572288" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(772.430232476153, 367.3869098725024)"><circle style="transition:all 0.5s ease-out" r="3.1094838986604008" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(672.07594123727, 299.01717061892344)"><circle style="transition:all 0.5s ease-out" r="3.081394037551976" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(659.254777103778, 314.44128186023084)"><circle style="transition:all 0.5s ease-out" r="2.8009667884966767" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(688.5411411537167, 301.85829930976666)"><circle style="transition:all 0.5s ease-out" r="2.7117381564691487" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(683.9492033953838, 309.0762964977471)"><circle style="transition:all 0.5s ease-out" r="2.6458936919940568" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(738.2256198037223, 391.98023532630793)"><circle style="transition:all 0.5s ease-out" r="2.600434726079754" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(681.4940993959513, 381.1666016753546)"><circle style="transition:all 0.5s ease-out" r="2.521865260648449" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(739.2340621271871, 400.15675840899934)"><circle style="transition:all 0.5s ease-out" r="2.491139875684575" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(678.2792115945413, 373.5486948294417)"><circle style="transition:all 0.5s ease-out" r="2.413129896465884" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(637.8305733820448, 314.5170720868917)"><circle style="transition:all 0.5s ease-out" r="2.268802917944943" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(765.9804416768662, 373.02180766050617)"><circle style="transition:all 0.5s ease-out" r="2.2589265826578235" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(666.4115238377307, 318.3412713549877)"><circle style="transition:all 0.5s ease-out" r="2.0731224185672485" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(676.7340645749227, 305.88812838733327)"><circle style="transition:all 0.5s ease-out" r="2.0417279533855726" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(726.0353794303032, 386.37053339442986)"><circle style="transition:all 0.5s ease-out" r="1.9597769315993374" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(778.7108859418215, 354.37354652558133)"><circle style="transition:all 0.5s ease-out" r="1.9559703039880576" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(674.1804795556637, 379.6547224899565)"><circle style="transition:all 0.5s ease-out" r="1.8848201466127203" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(733.0904713872415, 386.3538135089414)"><circle style="transition:all 0.5s ease-out" r="1.8953352638867365" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(696.6411729163871, 407.24218808535585)"><circle style="transition:all 0.5s ease-out" r="1.836757329242994" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(676.3952277139493, 327.11368818604706)"><circle style="transition:all 0.5s ease-out" r="1.7337823666958088" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(645.0109505262673, 313.81944144717494)"><circle style="transition:all 0.5s ease-out" r="1.7537279308981444" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(648.5740244905014, 308.2094462682925)"><circle style="transition:all 0.5s ease-out" r="1.6917186458715476" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(664.1151385546788, 299.41043447272597)"><circle style="transition:all 0.5s ease-out" r="1.6931865148209124" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(703.0730730254531, 290.15846267319927)"><circle style="transition:all 0.5s ease-out" r="1.6665670777669641" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(772.2104426865722, 376.5613182735874)"><circle style="transition:all 0.5s ease-out" r="1.7063405136750176" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(708.3237120770564, 393.8473648630576)"><circle style="transition:all 0.5s ease-out" r="1.6814076830191955" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(637.2407122606066, 386.67205939073466)"><circle style="transition:all 0.5s ease-out" r="1.636482166434512" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(651.635817825897, 314.0360951781489)"><circle style="transition:all 0.5s ease-out" r="1.6288741188773808" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(728.3265864048955, 392.72307257925127)"><circle style="transition:all 0.5s ease-out" r="1.5682651577630113" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(681.158762945276, 300.76228347277487)"><circle style="transition:all 0.5s ease-out" r="1.5297742554662164" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(775.369967609387, 360.14963029267307)"><circle style="transition:all 0.5s ease-out" r="1.516726901993832" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(695.2434000583867, 413.49133440220794)"><circle style="transition:all 0.5s ease-out" r="1.3776807044797388" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(740.155334356098, 385.0282150940593)"><circle style="transition:all 0.5s ease-out" r="1.3224772996305096" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(692.9143582215548, 418.77238731714516)"><circle style="transition:all 0.5s ease-out" r="1.1941471396828802" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(691.8454792653928, 392.30529077283467)"><circle style="transition:all 0.5s ease-out" r="1.1539428256010815" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(679.3908484408529, 332.415835294354)"><circle style="transition:all 0.5s ease-out" r="1.1560936994630384" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(668.2384696670781, 380.18039805506305)"><circle style="transition:all 0.5s ease-out" r="0.8803982964434218" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(347.3434391659775, 391.0596086164606)"><circle style="transition:all 0.5s ease-out" r="7.732213776798811" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(331.76487965369114, 487.1047819910586)"><circle style="transition:all 0.5s ease-out" r="6.3829849515563195" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(323.24032645044423, 513.5129159593074)"><circle r="12.492755445093717" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(262.1010360820211, 437.84043129528163)"><circle r="18.846825854989405" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(186.2636523479773, 448.90127863230606)"><circle r="15.24050150630804" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(345.3603531659982, 525.5599709509645)"><circle style="transition:all 0.5s ease-out" r="4.532675738155623" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(200.50818361167714, 571.2881175603975)"><circle r="14.724043533802725" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(472.02040802003444, 411.72179320005876)"><circle r="70.1137463204663" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(376.5979307519967, 396.72366860685344)"><circle r="13.58982105786613" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(226.23577070247015, 473.43120632619355)"><circle r="17.70937326915802" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(335.56476246254965, 433.70361186603134)"><circle r="28.032118095607917" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(386.0439802189097, 447.1498991928234)"><circle r="10.57527238390674" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(340.2475608181682, 587.9379294547714)"><circle r="49.73674050382479" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(372.26609232917406, 359.58548744239823)"><circle r="10.387473748023778" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(383.88309149856656, 503.2264029853841)"><circle r="31.66466262777399" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(294.567460515833, 478.18907226483634)"><circle r="19.108399507902767" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(279.83649447440735, 335.17948626965)"><circle r="71.41030018681273" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(120.96308343734964, 405.9709867349378)"><circle r="36.71921260443304" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(178.63859796550008, 513.8875194794099)"><circle r="29.142901704652832" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(255.0593080043207, 535.3977197264578)"><circle r="36.6273870034085" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(166.53261376834934, 341.01111165441347)"><circle r="29.744982692239233" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(288.5138206922349, 639.4393635138753)"><circle r="10.272711424225676" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(261.5592682082095, 601.8187684216035)"><circle r="16.43217966097707" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(114.95336035832187, 583.6394214351435)"><circle r="53.49475669637214" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(310.63010884579825, 678.1008172023537)"><circle r="20.37490322977811" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(217.9404081713772, 416.08624113387367)"><circle r="16.525033449270943" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(406.5316862952652, 314.9363600712659)"><circle r="33.05019619868335" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(207.24825328319673, 684.2784560795229)"><circle r="70.57410146313276" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(539.9413010897584, 479.2131016530426)"><circle r="11.58450736830558" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(490.08732183068526, 581.8056150662738)"><circle r="88.33445166499568" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(188.74033503314723, 420.8597025165475)"><circle style="transition:all 0.5s ease-out" r="4.518952801005613" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(86.9482624762083, 489.11726679827086)"><circle r="31.932708128122226" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(172.37946439857484, 472.3934593060649)"><circle style="transition:all 0.5s ease-out" r="4.517853165315648" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(387.856909336063, 684.2686448534173)"><circle r="43.17075666194481" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(159.17927569052222, 440.6319502626716)"><circle style="transition:all 0.5s ease-out" r="4.516753261911566" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(143.20930524908354, 465.96913027905174)"><circle r="16.786916078613416" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(136.52095192297114, 515.9414080215041)"><circle style="transition:all 0.5s ease-out" r="4.515653090597739" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(180.83447286319762, 398.57787541707324)"><circle r="10.559625590544297" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(427.22180447212423, 497.74975454510627)"><circle style="transition:all 0.5s ease-out" r="3.323430687621126" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(276.6932756327156, 578.5793630565006)"><circle style="transition:all 0.5s ease-out" r="2.9889024295053885" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(426.1816812821599, 507.92542334122135)"><circle style="transition:all 0.5s ease-out" r="2.229035033804123" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(396.74689819528953, 384.31242109895595)"><circle style="transition:all 0.5s ease-out" r="1.7664311563855588" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(140.88956528869835, 502.76862095975633)"><circle style="transition:all 0.5s ease-out" r="1.6961184417178066" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(891.879923088808, 510.3891748732055)"><circle style="transition:all 0.5s ease-out" r="6.695273241275349" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(919.9113214911948, 499.56269718559133)"><circle style="transition:all 0.5s ease-out" r="6.694902178385863" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(926.36498031847, 514.8346553820224)"><circle style="transition:all 0.5s ease-out" r="6.691561686446479" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(904.99786681371, 492.30819585920824)"><circle style="transition:all 0.5s ease-out" r="6.690819128414293" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(900.9383124463627, 524.7619899775643)"><circle style="transition:all 0.5s ease-out" r="4.524996020630036" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(894.5335571161842, 535.1933744615425)"><circle style="transition:all 0.5s ease-out" r="4.523897853881518" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(908.299230044228, 478.32108289271656)"><circle style="transition:all 0.5s ease-out" r="4.522250103743493" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(912.2499738219117, 517.7153840617839)"><circle style="transition:all 0.5s ease-out" r="4.521700720262908" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(929.093354758414, 487.6633403019385)"><circle style="transition:all 0.5s ease-out" r="4.521151270024503" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#237346;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(945.4851497941994, 499.0493988890818)"><circle r="6.902781660323736" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(877.5585909542762, 519.3982477741708)"><circle style="transition:all 0.5s ease-out" r="4.518403016612678" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(888.7064046408229, 524.4349493107261)"><circle style="transition:all 0.5s ease-out" r="4.516203209755607" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(930.5248612749109, 456.61151342804123)"><circle r="18.00972416183535" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(907.2973517314941, 506.51007004144685)"><circle style="transition:all 0.5s ease-out" r="4.515102904413474" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(836.2464016786226, 456.3223917805049)"><circle r="62.31577817557649" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#199f4b;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(878.7728481863955, 531.5647583585147)"><circle style="transition:all 0.5s ease-out" r="4.511249722324126" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(917.4071250727709, 485.78449723165755)"><circle style="transition:all 0.5s ease-out" r="4.1396487387776375" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(858.0484984465829, 527.904774396111)"><circle style="transition:all 0.5s ease-out" r="3.92082130182944" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(902.7942130982183, 515.1860346747688)"><circle style="transition:all 0.5s ease-out" r="2.0598985395802702" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(869.9811566809609, 527.3397820953401)"><circle style="transition:all 0.5s ease-out" r="2.04416003042812" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(895.2603638998235, 499.07087837964485)"><circle style="transition:all 0.5s ease-out" r="1.9899678273769004" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(868.6442575396646, 520.8801792618601)"><circle style="transition:all 0.5s ease-out" r="1.3503611242060016" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(929.7806906591239, 504.38535909780626)"><circle style="transition:all 0.5s ease-out" r="1.118966706316765" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(936.3560274087322, 483.3124422527827)"><circle style="transition:all 0.5s ease-out" r="0.7526088484329565" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(881.4198818337559, 511.90309170110845)"><circle style="transition:all 0.5s ease-out" r="0.7426400791728136" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#199f4b;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(863.626032769173, 522.4524298899232)"><circle style="transition:all 0.5s ease-out" r="0.7083984157058378" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#cb171e;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(512.835287959127, 152.30474382374888)"><circle style="transition:all 0.5s ease-out" r="8.640494271488311" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(532.818434972337, 151.25772590562977)"><circle style="transition:all 0.5s ease-out" r="6.737440452729604" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(529.2730965477245, 168.0178543781061)"><circle style="transition:all 0.5s ease-out" r="4.526642771222779" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(529.7699490341294, 136.54244970141033)"><circle style="transition:all 0.5s ease-out" r="4.519502518518869" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(517.4291472550794, 136.59086833494013)"><circle style="transition:all 0.5s ease-out" r="4.517303247090093" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(516.8973963219374, 168.6472017072457)"><circle style="transition:all 0.5s ease-out" r="4.514002330867712" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(543.2594568517954, 142.93344570988114)"><circle style="transition:all 0.5s ease-out" r="3.6930745002487124" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(541.5675394743985, 161.69009888959187)"><circle style="transition:all 0.5s ease-out" r="3.4301075969714296" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(507.5622675729158, 139.17517907752367)"><circle style="transition:all 0.5s ease-out" r="2.310037526402695" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(508.0537235005985, 164.99934489712462)"><circle style="transition:all 0.5s ease-out" r="1.996200125214096" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(523.6263660380828, 143.88005429564336)"><circle style="transition:all 0.5s ease-out" r="1.8502333524037222" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(522.6043089967297, 161.982794922812)"><circle style="transition:all 0.5s ease-out" r="1.2843575298177226" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(546.9042340732211, 156.29431517264194)"><circle style="transition:all 0.5s ease-out" r="1.1409524361973429" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(547.6094320980026, 149.44103537277408)"><circle style="transition:all 0.5s ease-out" r="0.9943595120494921" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(538.0354982510997, 168.51271699933685)"><circle style="transition:all 0.5s ease-out" r="1.0526144458297786" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(538.4660334346809, 136.77623848872517)"><circle style="transition:all 0.5s ease-out" r="0.9792544389032642" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(503.9904300858322, 160.72673100351102)"><circle style="transition:all 0.5s ease-out" r="0.8370019131708047" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(501.9945714149006, 147.13601310855842)"><circle style="transition:all 0.5s ease-out" r="0.6460357291062133" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(542.7769987571816, 154.586508505313)"><circle style="transition:all 0.5s ease-out" r="0.572649468704133" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(543.2332286460587, 150.2953289563146)"><circle style="transition:all 0.5s ease-out" r="0.5321748203079422" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#cb171e;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(524.1998733610764, 157.17509197195056)"><circle style="transition:all 0.5s ease-out" r="0.5812612221462722" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(536.2927840823837, 141.46752468365614)"><circle style="transition:all 0.5s ease-out" r="0.4568162449397988" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(534.4248832722709, 161.5866632907294)"><circle style="transition:all 0.5s ease-out" r="0.5131624018204041" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(504.1342502948952, 143.85470889953717)"><circle style="transition:all 0.5s ease-out" r="0.2906306110731362" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(501.22753618265523, 151.05744833170755)"><circle style="transition:all 0.5s ease-out" r="0.2114648307339434" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(519.4240003057143, 218.60200334727844)"><circle style="transition:all 0.5s ease-out" r="1.4802538151376041" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(525.117747371484, 218.60200334727844)"><circle style="transition:all 0.5s ease-out" r="1.1233982749716336" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(522.5730101893644, 222.48463904290927)"><circle style="transition:all 0.5s ease-out" r="0.4287634496214287" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(522.5707350036557, 214.76435395745236)"><circle style="transition:all 0.5s ease-out" r="0.392462116184111" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(516.8666011563522, 291.0659946689721)"><circle style="transition:all 0.5s ease-out" r="3.974313832769529" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(526.9049136256004, 291.0659946689721)"><circle style="transition:all 0.5s ease-out" r="2.9739036608183094" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(522.7034844112158, 297.52474530972864)"><circle style="transition:all 0.5s ease-out" r="1.641030064503382" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(554.2789013718391, 219.90994424224994)"><circle style="transition:all 0.5s ease-out" r="3.935367507115924" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(563.5434070780847, 219.90994424224994)"><circle style="transition:all 0.5s ease-out" r="2.239043223469231" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(568.8010169525459, 264.82982724140714)"><circle style="transition:all 0.5s ease-out" r="5.753328986420992" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(589.0366705940882, 264.3170692372637)"><circle style="transition:all 0.5s ease-out" r="4.515102904413474" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(579.8203548533029, 271.05458157297346)"><circle style="transition:all 0.5s ease-out" r="3.695764285383334" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(583.7607493318415, 255.39073383510978)"><circle style="transition:all 0.5s ease-out" r="2.6449545992610184" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(575.3909588494246, 255.51828931558148)"><circle style="transition:all 0.5s ease-out" r="2.448897057572012" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(571.8337949423499, 275.72636372117387)"><circle style="transition:all 0.5s ease-out" r="2.356881763982537" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(579.4932390239742, 262.0774273501286)"><circle style="transition:all 0.5s ease-out" r="2.0874529284631147" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(587.430925985092, 272.79319270978334)"><circle style="transition:all 0.5s ease-out" r="0.910909287131088" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(568.9283392381587, 255.0452203997613)"><circle style="transition:all 0.5s ease-out" r="0.8310445284626655" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(495.5842623297495, 248.5426293059753)"><circle r="9.421371203469837" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(510.2922047467777, 248.5426293059753)"><circle style="transition:all 0.5s ease-out" r="2.1964762378979406" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(508.0862153090953, 255.0461357333769)"><circle style="transition:all 0.5s ease-out" r="1.5808872137217291" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(719.4198676348487, 494.0760182274125)"><circle style="transition:all 0.5s ease-out" r="3.2729643328690243" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(727.6545201185255, 494.0760182274125)"><circle style="transition:all 0.5s ease-out" r="1.8715931751472954" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(724.8071163858491, 500.208793750109)"><circle style="transition:all 0.5s ease-out" r="1.7998681514532802" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(681.4476562579505, 534.1414509920738)"><circle style="transition:all 0.5s ease-out" r="4.812857785364088" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(694.2426624594525, 534.5231366394565)"><circle style="transition:all 0.5s ease-out" r="4.786979235702136" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(687.5456965886871, 544.8278528250132)"><circle style="transition:all 0.5s ease-out" r="4.292267273898744" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(688.2120806231817, 524.0399560720282)"><circle style="transition:all 0.5s ease-out" r="4.108323822071858" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(674.1038098084799, 520.5069699879284)"><circle style="transition:all 0.5s ease-out" r="4.006066511881881" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(699.447258862576, 523.8018192716893)"><circle style="transition:all 0.5s ease-out" r="3.9309460993239687" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(676.263832080885, 544.7483675586262)"><circle style="transition:all 0.5s ease-out" r="3.791325842935733" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(703.5846016489073, 546.4248532449269)"><circle style="transition:all 0.5s ease-out" r="3.5503987171227176" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(705.5275640184866, 536.4452624945736)"><circle style="transition:all 0.5s ease-out" r="3.4603929268859077" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(671.258696977913, 530.1916623780106)"><circle style="transition:all 0.5s ease-out" r="2.914841536189182" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(708.5895337347755, 527.5295673707791)"><circle style="transition:all 0.5s ease-out" r="2.8318396585309697" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(668.825329426879, 538.6160079442083)"><circle style="transition:all 0.5s ease-out" r="2.698881892322028" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(696.4011029230255, 514.4980646794733)"><circle style="transition:all 0.5s ease-out" r="2.659006165822281" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(682.4758206574976, 516.6697385583728)"><circle style="transition:all 0.5s ease-out" r="2.0307475621058133" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(695.4664824625555, 549.8581240042804)"><circle style="transition:all 0.5s ease-out" r="1.8861377421225423" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(681.4582018219784, 551.7559096201716)"><circle style="transition:all 0.5s ease-out" r="1.7309142384016223" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(689.0699711049602, 515.2618460634367)"><circle style="transition:all 0.5s ease-out" r="1.5118051143206352" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(696.1981696490569, 543.5553540273462)"><circle style="transition:all 0.5s ease-out" r="1.2589608814551951" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(680.2688724286869, 525.449943662438)"><circle style="transition:all 0.5s ease-out" r="0.7656986792905455" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(605.072754603895, 154.74102787911096)"><circle style="transition:all 0.5s ease-out" r="1.6799295221330126" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(611.5907512395722, 154.6830203352471)"><circle style="transition:all 0.5s ease-out" r="1.6303985685501838" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(608.4308559992712, 160.31132175152746)"><circle style="transition:all 0.5s ease-out" r="1.6242921854157846" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(608.3315402942807, 149.12943642138762)"><circle style="transition:all 0.5s ease-out" r="1.6089248372076068" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(602.0379876237483, 149.13716433991848)"><circle style="transition:all 0.5s ease-out" r="1.485280158345627" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(602.2209378762849, 160.9331065508397)"><circle style="transition:all 0.5s ease-out" r="1.416796831411676" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(614.4112106143136, 149.25373274393542)"><circle style="transition:all 0.5s ease-out" r="1.2726989751343105" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(614.4614806091943, 160.75715790353243)"><circle style="transition:all 0.5s ease-out" r="1.2229258979021462" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(599.1478122220069, 156.01855559850435)"><circle style="transition:all 0.5s ease-out" r="1.1794944726192327" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(617.3278798507525, 156.06991221476838)"><circle style="transition:all 0.5s ease-out" r="1.0713290573044962" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(596.799918840122, 151.21327730337103)"><circle style="transition:all 0.5s ease-out" r="1.0116970986796325" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(619.202269052438, 151.3690311949224)"><circle style="transition:all 0.5s ease-out" r="0.8280497636650881" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(648.8480626770934, 157.39712930277517)"><circle r="11.031684849865469" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(737.0608538327058, 148.33193496949977)"><circle r="12.02333882409614" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(695.1049821243477, 179.4824472312788)"><circle r="27.88089611941612" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(705.091363750267, 124.88835834368814)"><circle r="15.272167601916799" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(669.9723355817779, 133.47597972527097)"><circle r="8.541832908821386" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(614.6489382861605, 195.3447164236403)"><circle style="transition:all 0.5s ease-out" r="1.621230368960233" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(621.0500562338956, 195.95336294785065)"><circle style="transition:all 0.5s ease-out" r="1.6089248372076068" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(617.8048653906686, 201.34317925818942)"><circle style="transition:all 0.5s ease-out" r="1.48360660270615" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(618.3624286231275, 190.37270504393518)"><circle style="transition:all 0.5s ease-out" r="1.3848749085110514" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(612.4419931405595, 189.5207045967223)"><circle style="transition:all 0.5s ease-out" r="1.3973756447344345" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(622.2237949787857, 185.8526318573786)"><circle style="transition:all 0.5s ease-out" r="1.35952865055376" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(611.7673083330894, 200.83078287325299)"><circle style="transition:all 0.5s ease-out" r="1.3758762758016663" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(624.9391519477762, 200.65893959823464)"><circle style="transition:all 0.5s ease-out" r="1.2959112035517857" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(608.7006614306805, 194.0388245635586)"><circle style="transition:all 0.5s ease-out" r="1.2687889844036608" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(628.4745132097777, 193.2993836777514)"><circle style="transition:all 0.5s ease-out" r="1.2687889844036608" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(630.3214718578342, 198.7009343473589)"><circle style="transition:all 0.5s ease-out" r="1.255008090280931" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(606.2636073763738, 199.14941698322284)"><circle style="transition:all 0.5s ease-out" r="1.2430743033218217" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(627.6726836307903, 187.7014721024406)"><circle style="transition:all 0.5s ease-out" r="1.208622178965076" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(616.1197099596519, 185.04442810074798)"><circle style="transition:all 0.5s ease-out" r="1.1962257263554945" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(621.9336285305361, 205.31157568103302)"><circle style="transition:all 0.5s ease-out" r="1.0431312395100754" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(612.1830027322853, 206.3366207394516)"><circle style="transition:all 0.5s ease-out" r="0.9456994727431682" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(617.1090999903269, 206.78313340107658)"><circle style="transition:all 0.5s ease-out" r="0.8005929280654892" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(623.7177830944779, 191.01009065502285)"><circle style="transition:all 0.5s ease-out" r="0.8098486451271324" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(607.165634294747, 189.10684075144914)"><circle style="transition:all 0.5s ease-out" r="0.7048827691131447" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(618.1766621025092, 113.98097432928488)"><circle style="transition:all 0.5s ease-out" r="0.9587442196208211" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(623.1092263018819, 114.19672434988243)"><circle style="transition:all 0.5s ease-out" r="0.778568465964934" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(620.641631726805, 118.20989292617527)"><circle style="transition:all 0.5s ease-out" r="0.7325356616902855" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(620.9977861137236, 110.02032545039495)"><circle style="transition:all 0.5s ease-out" r="0.7013494999005051" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(616.4344882519237, 109.44719939099704)"><circle style="transition:all 0.5s ease-out" r="0.6977983403740384" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(616.0451765067404, 118.30825385727226)"><circle style="transition:all 0.5s ease-out" r="0.664985074412522" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(625.5621346949341, 110.24957892900593)"><circle style="transition:all 0.5s ease-out" r="0.668710510141237" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(625.6274125851564, 118.08023294696322)"><circle style="transition:all 0.5s ease-out" r="0.6498698027018355" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(613.5277815612259, 112.89856680850095)"><circle style="transition:all 0.5s ease-out" r="0.6145025515214624" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(611.8127673368512, 116.94596910427781)"><circle style="transition:all 0.5s ease-out" r="0.5812612221462722" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(627.6471044180198, 114.15823337065665)"><circle style="transition:all 0.5s ease-out" r="0.5594833531583826" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(600.4909143064019, 420.79435372144604)"><circle style="transition:all 0.5s ease-out" r="4.64955549903006" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(609.0909838534677, 420.79435372144604)"><circle style="transition:all 0.5s ease-out" r="0.8604190723751979" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(447.8434371835757, 145.92068827147892)"><circle style="transition:all 0.5s ease-out" r="3.5433945700030893" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(455.31095526920035, 145.92068827147892)"><circle style="transition:all 0.5s ease-out" r="0.8340285399611101" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(453.79397330256586, 150.42739314759245)"><circle style="transition:all 0.5s ease-out" r="0.8310445284626655" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(453.77723992983056, 141.46840257190513)"><circle style="transition:all 0.5s ease-out" r="0.7849242323682217" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(435.94282734761606, 189.91948652801423)"><circle style="transition:all 0.5s ease-out" r="1.4902895491551256" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(441.9916706484808, 189.91948652801423)"><circle style="transition:all 0.5s ease-out" r="1.4684587760492118" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(466.83686525444404, 197.19130784647336)"><circle style="transition:all 0.5s ease-out" r="1.2003721017911835" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(475.8845194842216, 195.3877440941904)"><circle style="transition:all 0.5s ease-out" r="1.1431277526359762" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(471.9814915276712, 199.22656663217953)"><circle style="transition:all 0.5s ease-out" r="1.1322093768102022" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(470.8175613253663, 193.37677562504504)"><circle style="transition:all 0.5s ease-out" r="1.1100504948504302" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(465.6973208507062, 191.89056899266254)"><circle style="transition:all 0.5s ease-out" r="1.0214721769115842" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(412.8630915351712, 140.03240034129337)"><circle style="transition:all 0.5s ease-out" r="6.0155044074431645" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(422.4032098395121, 140.03240034129337)"><circle style="transition:all 0.5s ease-out" r="0.4345189212372616" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(377.3795890318528, 193.01251810498331)"><circle style="transition:all 0.5s ease-out" r="4.516753261911566" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(405.8214113535862, 189.6331641333601)"><circle r="8.609481488351603" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(389.30598978005895, 195.28553026974572)"><circle style="transition:all 0.5s ease-out" r="4.514002330867712" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(385.3649921409685, 172.79037928338278)"><circle r="9.90171857212391" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(394.30637876544483, 211.11413507534303)"><circle r="7.548630645131994" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(403.1811118586894, 172.4073454283555)"><circle style="transition:all 0.5s ease-out" r="4.5123509672379605" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(370.1534547085189, 209.3995945219973)"><circle r="8.05520534289439" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(362.0354295881596, 185.31128299207228)"><circle r="9.594224190208132" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(408.984848799412, 205.93112626241677)"><circle style="transition:all 0.5s ease-out" r="1.0214721769115842" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(403.3282190114826, 174.58157088825604)"><circle style="transition:all 0.5s ease-out" r="0.818999767741133" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(396.46495693417336, 198.7187051812076)"><circle style="transition:all 0.5s ease-out" r="0.4832432798813956" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(668.4199672771957, 749.2839325045687)"><circle r="111.98437224707872" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(788.0062348783151, 749.2839325045687)"><circle style="transition:all 0.5s ease-out" r="4.511800378380168" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(786.7622382920446, 760.6281046043998)"><circle style="transition:all 0.5s ease-out" r="3.8102809562535156" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(785.3250768320812, 739.8442887203352)"><circle style="transition:all 0.5s ease-out" r="2.2111308480086227" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#f1e05a;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(783.4152074666192, 733.896476125286)"><circle style="transition:all 0.5s ease-out" r="0.9456994727431682" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(782.9513995455592, 767.4149893716911)"><circle style="transition:all 0.5s ease-out" r="0.883215578192779" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(811.2470247959116, 749.2839325045687)"><circle style="transition:all 0.5s ease-out" r="4.514552651178305" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(833.4155502131512, 749.2839325045687)"><circle r="14.563877790400745" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(815.5688531142079, 758.1830751489908)"><circle style="transition:all 0.5s ease-out" r="2.288427720018738" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(816.221461921777, 742.4490510734045)"><circle style="transition:all 0.5s ease-out" r="0.8487912531236945" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(820.2398213126743, 761.9442880579717)"><circle style="transition:all 0.5s ease-out" r="0.6185321196254188" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(818.620190941051, 738.6029288661988)"><circle style="transition:all 0.5s ease-out" r="0.5939447785078649" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(823.5288780629289, 764.3498803660348)"><circle style="transition:all 0.5s ease-out" r="0.36626783084514264" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(705.5339804208962, 334.4806966260144)"><circle style="transition:all 0.5s ease-out" r="5.5471183823376835" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(753.3440834775905, 336.9067772565659)"><circle style="transition:all 0.5s ease-out" r="4.926116993792099" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(730.8002634510502, 355.8642176122007)"><circle r="17.20792857761942" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(730.0174414992292, 315.08062102530357)"><circle r="14.10948286221463" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(704.9267687789055, 321.3445742662928)"><circle style="transition:all 0.5s ease-out" r="4.4031200533117225" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(702.942823773501, 347.3487968237787)"><circle style="transition:all 0.5s ease-out" r="4.379358985312226" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(758.795499345945, 326.2099628405008)"><circle style="transition:all 0.5s ease-out" r="3.8697999827284884" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(762.0206806066651, 345.13641259655424)"><circle style="transition:all 0.5s ease-out" r="3.833681059261131" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(716.5081480395972, 333.4617723079025)"><circle style="transition:all 0.5s ease-out" r="2.274271238525678" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(749.6187043540734, 327.3091856733848)"><circle style="transition:all 0.5s ease-out" r="2.172594606186309" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(743.9243162598927, 332.9288490457683)"><circle style="transition:all 0.5s ease-out" r="2.099320294849858" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(712.8287817313828, 328.28443363914226)"><circle style="transition:all 0.5s ease-out" r="0.8220275036408188" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(754.1931158110854, 345.7985535301375)"><circle style="transition:all 0.5s ease-out" r="0.8067752046464528" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(755.8714615501826, 393.8668202935674)"><circle style="transition:all 0.5s ease-out" r="3.5074558617962883" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(765.1706543439781, 393.8668202935674)"><circle style="transition:all 0.5s ease-out" r="2.701641956338684" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(630.4293696702435, 344.0243752513615)"><circle style="transition:all 0.5s ease-out" r="5.172610155876075" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(661.8943063520743, 337.531328322158)"><circle style="transition:all 0.5s ease-out" r="4.552909777603318" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(650.5647400753458, 359.40233358128705)"><circle r="12.450182255840778" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(650.3948645164043, 335.0834286207049)"><circle style="transition:all 0.5s ease-out" r="4.091964381943117" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(640.4231270367362, 338.3010371646148)"><circle style="transition:all 0.5s ease-out" r="3.186038926735692" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(715.1567007532674, 413.27278311191907)"><circle style="transition:all 0.5s ease-out" r="5.556962433350708" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(726.7364432326389, 413.27278311191907)"><circle style="transition:all 0.5s ease-out" r="2.9326850703602942" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(723.1960180598086, 421.12518710353817)"><circle style="transition:all 0.5s ease-out" r="2.590863715594131" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(664.771180014181, 406.4670513909503)"><circle style="transition:all 0.5s ease-out" r="5.373777704869711" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(679.982570350319, 406.25962418463774)"><circle style="transition:all 0.5s ease-out" r="3.3076957227957613" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(674.1055109456707, 413.94929491295585)"><circle style="transition:all 0.5s ease-out" r="3.2139871719134883" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(673.9068571547122, 398.83677497841205)"><circle style="transition:all 0.5s ease-out" r="3.1301874772540965" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(665.788680440733, 395.566311287065)"><circle style="transition:all 0.5s ease-out" r="2.548324256600301" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(666.0598148396475, 417.1534166072037)"><circle style="transition:all 0.5s ease-out" r="2.3757791140314595" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(319.5174469228208, 515.0874289486632)"><circle style="transition:all 0.5s ease-out" r="3.175886062079381" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(331.0043236931134, 513.5428851347102)"><circle style="transition:all 0.5s ease-out" r="2.2301492728308734" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(326.5563974518655, 519.2326811486729)"><circle style="transition:all 0.5s ease-out" r="1.7929535344526408" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(325.22481044752413, 509.3688435022074)"><circle style="transition:all 0.5s ease-out" r="1.7005068538177133" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(319.10064900964386, 507.0869543770478)"><circle style="transition:all 0.5s ease-out" r="1.634963389154714" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(254.9776085291179, 437.84043129528163)"><circle style="transition:all 0.5s ease-out" r="8.633303326425763" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(272.27938689627706, 437.84043129528163)"><circle style="transition:all 0.5s ease-out" r="5.578380065072966" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(265.69829733554946, 445.62678105826706)"><circle style="transition:all 0.5s ease-out" r="1.5265228718638195" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(181.69531943366374, 448.4977060948325)"><circle style="transition:all 0.5s ease-out" r="7.564282196419005" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(195.37741221336782, 448.4977060948325)"><circle style="transition:all 0.5s ease-out" r="3.027715607624623" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(192.15376692314481, 456.5155701636134)"><circle style="transition:all 0.5s ease-out" r="2.523834698871802" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(195.99424889110517, 571.2881175603975)"><circle style="transition:all 0.5s ease-out" r="7.120013837570296" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(209.17324493707767, 571.2881175603975)"><circle style="transition:all 0.5s ease-out" r="2.968887232741754" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(205.70765206210578, 578.3230253353346)"><circle style="transition:all 0.5s ease-out" r="1.7832280270432987" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(205.70103082442924, 564.2799274529808)"><circle style="transition:all 0.5s ease-out" r="1.762206922782862" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(455.7312595604796, 388.48476052867966)"><circle style="transition:all 0.5s ease-out" r="5.279567235162906" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(461.2295546787202, 401.790785413269)"><circle style="transition:all 0.5s ease-out" r="5.01309929546408" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(447.68468276064635, 411.9552576760352)"><circle style="transition:all 0.5s ease-out" r="4.686277792034268" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(469.09010315219507, 367.6851530290329)"><circle r="12.979719037984045" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(428.17521222147707, 442.8360509271564)"><circle r="13.350392365173578" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(489.79607348391113, 398.03058328113144)"><circle r="10.297079618726562" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(432.71415697376926, 373.44160199699564)"><circle r="12.247049592349988" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(524.7439305174712, 405.4682595650401)"><circle r="14.020653479099154" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(481.75131693405467, 448.25220504590436)"><circle r="29.309492883583623" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(459.469478567601, 414.41237753243524)"><circle style="transition:all 0.5s ease-out" r="4.528288922960771" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(501.1362334125082, 373.3792845099159)"><circle r="8.969387762700682" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(468.1728315600968, 391.43688291941004)"><circle style="transition:all 0.5s ease-out" r="4.5271915549759285" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(417.8346953436354, 406.91544763688745)"><circle r="12.715286637108683" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(470.6047757198492, 409.4231517138684)"><circle style="transition:all 0.5s ease-out" r="4.473646102319508" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(449.297872613773, 423.75508897460884)"><circle style="transition:all 0.5s ease-out" r="4.441320840948873" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(439.90705583112936, 403.50313317631014)"><circle style="transition:all 0.5s ease-out" r="4.266142458638187" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(450.29920409546685, 398.98572719919224)"><circle style="transition:all 0.5s ease-out" r="3.8883725676176235" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(526.5639668054268, 431.10029804548736)"><circle style="transition:all 0.5s ease-out" r="3.894118462404373" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(438.4193507756291, 465.5761344355944)"><circle style="transition:all 0.5s ease-out" r="3.6368125739839003" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(490.23997194883657, 355.14544118837983)"><circle style="transition:all 0.5s ease-out" r="3.1992671340117664" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(502.06486702463707, 414.6815392536103)"><circle style="transition:all 0.5s ease-out" r="2.7634641066278554" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(508.0756516480847, 388.53329397594945)"><circle style="transition:all 0.5s ease-out" r="2.627048055459858" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(409.7147022092122, 428.4171847971649)"><circle style="transition:all 0.5s ease-out" r="2.609970638995916" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(440.03159156249296, 419.1370131134534)"><circle style="transition:all 0.5s ease-out" r="2.5764405359047844" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(435.48386338761543, 394.55887125508934)"><circle style="transition:all 0.5s ease-out" r="2.5706486053060185" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(443.78626827321716, 392.01718889421824)"><circle style="transition:all 0.5s ease-out" r="2.449911303653009" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(447.8960109023045, 357.21712217467996)"><circle style="transition:all 0.5s ease-out" r="2.210007020313149" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(487.26030825061116, 378.29698155046947)"><circle style="transition:all 0.5s ease-out" r="2.151913700303795" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(447.13305785705757, 466.85415664001346)"><circle style="transition:all 0.5s ease-out" r="1.9774443057077178" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(507.8382934750116, 420.06622506899976)"><circle style="transition:all 0.5s ease-out" r="1.967368090805701" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(444.29733724471527, 458.9763412066574)"><circle style="transition:all 0.5s ease-out" r="1.8742460371097995" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(518.2463032964262, 427.90764409805666)"><circle style="transition:all 0.5s ease-out" r="1.8408104948836084" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(518.2192340645882, 434.77938228830516)"><circle style="transition:all 0.5s ease-out" r="1.8421595683478558" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(446.9028642088535, 432.9185770231051)"><circle style="transition:all 0.5s ease-out" r="1.829982103906545" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(438.0029001645177, 411.96039214834383)"><circle style="transition:all 0.5s ease-out" r="1.6814076830191955" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(512.2736105169239, 425.09100419862256)"><circle style="transition:all 0.5s ease-out" r="1.5635056167176582" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(452.1204381454462, 380.0978911877898)"><circle style="transition:all 0.5s ease-out" r="1.5603245236628864" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(514.4382699651633, 384.8759932711504)"><circle style="transition:all 0.5s ease-out" r="1.5118051143206352" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(371.00938315011194, 396.5330397889739)"><circle style="transition:all 0.5s ease-out" r="4.907928192015239" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(383.0511240781808, 396.5330397889739)"><circle style="transition:all 0.5s ease-out" r="4.043717760393145" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(377.7545857577784, 404.61226310158787)"><circle style="transition:all 0.5s ease-out" r="2.526785978031202" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(377.7256805173531, 388.9602445297017)"><circle style="transition:all 0.5s ease-out" r="2.1240259511571282" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(219.7934363538202, 473.43120632619355)"><circle style="transition:all 0.5s ease-out" r="8.176943944847622" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(235.957762135148, 473.43120632619355)"><circle style="transition:all 0.5s ease-out" r="4.897286860819726" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(230.3383797537007, 482.2990517999733)"><circle style="transition:all 0.5s ease-out" r="2.5110057395124135" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(323.6030018588029, 444.9192360688599)"><circle style="transition:all 0.5s ease-out" r="8.634741994523274" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(354.6423528103448, 435.3260143120519)"><circle style="transition:all 0.5s ease-out" r="5.885665599776214" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(343.30661655296086, 447.5799339161084)"><circle style="transition:all 0.5s ease-out" r="5.069278511279691" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(348.8088009761489, 422.0181750020811)"><circle style="transition:all 0.5s ease-out" r="4.7703432888233275" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(328.1092153004005, 420.76721854331635)"><circle r="8.18190762259114" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(336.9761982227874, 437.8777311958811)"><circle style="transition:all 0.5s ease-out" r="3.3159471593501855" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(343.52930842590115, 431.33712939402915)"><circle style="transition:all 0.5s ease-out" r="2.7427096334530545" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(353.95763789797957, 446.81244700048944)"><circle style="transition:all 0.5s ease-out" r="2.445851795804292" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(334.72021519954706, 452.4916995278962)"><circle style="transition:all 0.5s ease-out" r="1.622761999315013" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(383.18210304714455, 447.1498991928234)"><circle style="transition:all 0.5s ease-out" r="4.623300236481111" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(392.2123279432211, 447.1498991928234)"><circle style="transition:all 0.5s ease-out" r="1.3168296839349525" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(310.59555857574514, 579.0511927971138)"><circle r="15.781687194111084" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(357.5783582311841, 585.1498401501603)"><circle r="29.18310894390296" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(320.6673893042753, 614.3408171733312)"><circle r="13.865847659359233" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(327.88987031676515, 560.4296977351678)"><circle style="transition:all 0.5s ease-out" r="4.041874260064652" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(323.1356692498853, 595.0988827008063)"><circle style="transition:all 0.5s ease-out" r="2.5927807441328463" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(367.93341394889546, 359.58548744239823)"><circle style="transition:all 0.5s ease-out" r="2.964700392084731" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(376.775840209089, 359.58548744239823)"><circle style="transition:all 0.5s ease-out" r="2.78763089244837" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(365.6481157275494, 492.22872685615135)"><circle style="transition:all 0.5s ease-out" r="7.369986729487147" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(400.0015431342954, 486.136287532027)"><circle style="transition:all 0.5s ease-out" r="5.172610155876075" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(388.99342989915186, 513.1130638036938)"><circle r="16.245051065572955" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(382.6581137963861, 480.58559588822584)"><circle style="transition:all 0.5s ease-out" r="4.092571453288635" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(378.1273058580518, 489.0944527998283)"><circle style="transition:all 0.5s ease-out" r="2.3473760403386796" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(389.5806689807276, 486.976127604436)"><circle style="transition:all 0.5s ease-out" r="2.1286992812317687" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(364.2928673259441, 504.7708023146848)"><circle style="transition:all 0.5s ease-out" r="2.0550687591020464" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(289.5285536321362, 477.7865190613864)"><circle style="transition:all 0.5s ease-out" r="4.468645440640954" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(301.2525585968837, 477.80156594196575)"><circle style="transition:all 0.5s ease-out" r="4.055373801781477" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(295.753409487368, 486.7052770116908)"><circle style="transition:all 0.5s ease-out" r="3.2054732836545803" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(295.7776539827843, 468.9459893578295)"><circle style="transition:all 0.5s ease-out" r="3.1523315758105617" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(286.78956077822795, 467.82675732319683)"><circle style="transition:all 0.5s ease-out" r="2.6608741015397097" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(286.6566106911108, 487.56815105092846)"><circle style="transition:all 0.5s ease-out" r="2.5258026014701094" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(304.50247911133346, 468.74174528127384)"><circle style="transition:all 0.5s ease-out" r="2.398673703668442" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(304.4682204485957, 486.81572256576254)"><circle style="transition:all 0.5s ease-out" r="2.310037526402695" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(281.06787912982134, 482.28909776871217)"><circle style="transition:all 0.5s ease-out" r="1.9999301816439867" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(280.67896106230455, 474.6961457127345)"><circle style="transition:all 0.5s ease-out" r="1.7874025813952812" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(308.86604221750736, 481.5721637271135)"><circle style="transition:all 0.5s ease-out" r="1.4150422835789176" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(308.7341397760146, 475.2116247642713)"><circle style="transition:all 0.5s ease-out" r="0.6612386498152546" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(237.4925808507905, 335.17948626965)"><circle r="21.032139626478696" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(304.8857575692446, 335.17948626965)"><circle r="38.32679015525828" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(261.0855787025149, 354.8602824296053)"><circle style="transition:all 0.5s ease-out" r="1.65759893870778" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(94.92625562620167, 411.7429631125155)"><circle style="transition:all 0.5s ease-out" r="6.455741100911385" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(120.39228891634215, 424.96232118138016)"><circle style="transition:all 0.5s ease-out" r="6.093873590559295" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(109.63477947954584, 414.95455268691796)"><circle style="transition:all 0.5s ease-out" r="5.399144345760791" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(105.63762787812834, 402.46337124925674)"><circle style="transition:all 0.5s ease-out" r="4.516203209755607" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(99.29138249402692, 392.0066619770593)"><circle style="transition:all 0.5s ease-out" r="4.515653090597739" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(132.96023369780565, 398.62458390402355)"><circle r="15.307632208321978" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(100.83313606496137, 424.4286398072691)"><circle style="transition:all 0.5s ease-out" r="4.332592774923231" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(132.42306148217625, 424.4455160903859)"><circle style="transition:all 0.5s ease-out" r="2.7481389550981117" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(92.59807523315558, 399.7739378510469)"><circle style="transition:all 0.5s ease-out" r="2.5365987760373847" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(139.5032991431551, 422.2717704971622)"><circle style="transition:all 0.5s ease-out" r="1.4582728118786255" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(172.66685865167776, 514.3765257340974)"><circle r="20.151174278494782" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(200.77661785127484, 515.015013555526)"><circle style="transition:all 0.5s ease-out" r="3.976188656601822" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(198.49345485669298, 524.1428937475442)"><circle style="transition:all 0.5s ease-out" r="3.795909881383623" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(199.52300517205006, 505.6329065834727)"><circle style="transition:all 0.5s ease-out" r="3.686341450892472" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(194.58355139666662, 498.0195832350484)"><circle style="transition:all 0.5s ease-out" r="3.6477257645275674" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(194.75778197120934, 531.5887266718133)"><circle style="transition:all 0.5s ease-out" r="2.2021241676072494" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(248.77119270972423, 535.3977197264578)"><circle r="22.30502477209485" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(281.38145624477414, 535.3977197264578)"><circle style="transition:all 0.5s ease-out" r="2.270991826237898" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(150.46702810968603, 341.01111165441347)"><circle r="10.58930205791546" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(178.66696331409503, 341.01111165441347)"><circle r="14.520538170833092" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(161.94653550500857, 353.3207825655619)"><circle style="transition:all 0.5s ease-out" r="3.1523315758105617" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(161.96539733665566, 328.9049900253161)"><circle style="transition:all 0.5s ease-out" r="3.017030002716032" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(285.515620149039, 639.4393635138753)"><circle style="transition:all 0.5s ease-out" r="4.18441590536932" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(294.2432840854344, 639.4393635138753)"><circle style="transition:all 0.5s ease-out" r="1.4531530553656808" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(252.50842729534986, 603.083332077664)"><circle style="transition:all 0.5s ease-out" r="4.293424687233492" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(270.6518011950238, 602.9539917728597)"><circle style="transition:all 0.5s ease-out" r="4.26905311085551" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(261.6367830814728, 608.8448975252984)"><circle style="transition:all 0.5s ease-out" r="3.301681725597725" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(261.56677315746566, 599.1406453707033)"><circle style="transition:all 0.5s ease-out" r="2.387253854886256" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(255.7500014160524, 593.9023975437694)"><circle style="transition:all 0.5s ease-out" r="2.240152484485244" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(267.2776374972492, 594.0046551447692)"><circle style="transition:all 0.5s ease-out" r="2.0933950211221157" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(126.46266591687072, 582.0068995437075)"><circle style="transition:all 0.5s ease-out" r="7.85746705895827" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(143.54479746615013, 587.5369224571218)"><circle style="transition:all 0.5s ease-out" r="6.810787273910596" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(125.20405839102759, 614.8511819692854)"><circle r="17.64280385033361" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(129.1327487943872, 555.8104467577565)"><circle r="11.562699715559724" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(88.23132178956826, 577.3871087787517)"><circle r="23.0510186342343" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(95.7347053723236, 611.6770357748541)"><circle style="transition:all 0.5s ease-out" r="4.35204462953937" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(139.36899764240752, 575.2402455534428)"><circle style="transition:all 0.5s ease-out" r="2.9755739241686463" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(302.1586669293247, 678.4487258480278)"><circle r="8.896320295707113" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(322.80632160417605, 677.0532781897282)"><circle style="transition:all 0.5s ease-out" r="4.232819561241146" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(322.4732318840258, 686.3618544044692)"><circle style="transition:all 0.5s ease-out" r="2.9352252917723263" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(322.53153330072354, 669.296156451938)"><circle style="transition:all 0.5s ease-out" r="2.5706486053060185" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(313.37194116438945, 663.5090472204656)"><circle style="transition:all 0.5s ease-out" r="2.5277689720298855" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(311.6187541422993, 693.1246014433641)"><circle style="transition:all 0.5s ease-out" r="2.318625056114958" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(317.8977939782074, 669.0888914557266)"><circle style="transition:all 0.5s ease-out" r="1.9278253790426039" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(316.4257112451803, 689.5758491000104)"><circle style="transition:all 0.5s ease-out" r="1.6695457523112596" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(306.9574062445496, 662.8217210378128)"><circle style="transition:all 0.5s ease-out" r="1.6605936998462367" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(305.86751494851626, 693.5889710196292)"><circle style="transition:all 0.5s ease-out" r="1.171039206095004" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(213.2582092739209, 416.7437059356718)"><circle style="transition:all 0.5s ease-out" r="5.318479459084671" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(228.15364988246657, 416.1699226288958)"><circle style="transition:all 0.5s ease-out" r="3.311448924641751" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(222.44573508134675, 423.7380691675251)"><circle style="transition:all 0.5s ease-out" r="2.99968823321162" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(221.86682543334234, 409.5330246430089)"><circle style="transition:all 0.5s ease-out" r="2.6674015754134666" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(214.3611806958392, 405.77772853147644)"><circle style="transition:all 0.5s ease-out" r="2.612824626331918" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(214.94958255402466, 427.103778165558)"><circle style="transition:all 0.5s ease-out" r="2.1087661031569866" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(389.00281836536226, 327.24072673746815)"><circle style="transition:all 0.5s ease-out" r="8.633878822431898" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(421.67752198339883, 332.4731936179022)"><circle style="transition:all 0.5s ease-out" r="6.878297926544095" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(408.4289055149503, 339.6219705816024)"><circle style="transition:all 0.5s ease-out" r="5.291787383988114" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(410.69100695786284, 304.9536327066822)"><circle r="15.625592982071797" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(403.0221202972791, 329.9884550497111)"><circle style="transition:all 0.5s ease-out" r="3.0203219076807706" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(182.4168900024234, 672.1321567571689)"><circle style="transition:all 0.5s ease-out" r="7.529718616453027" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(258.79220608398, 693.4461543822493)"><circle r="15.22120505329521" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(210.12776801504734, 720.1625292482124)"><circle r="31.574680464083226" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(227.5766577512687, 681.1643930420352)"><circle style="transition:all 0.5s ease-out" r="4.516753261911566" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(254.10007384221808, 720.4322703983228)"><circle style="transition:all 0.5s ease-out" r="4.516203209755607" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(208.43831084528344, 665.6616119510728)"><circle r="12.253205677939242" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(176.50619798058267, 643.8530419918296)"><circle r="16.78740961979201" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(241.1908525504045, 658.6660380964989)"><circle r="15.052389362708297" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(159.46532209423054, 689.9776139516191)"><circle r="19.452495988454814" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(185.7632218801575, 686.1784601134511)"><circle style="transition:all 0.5s ease-out" r="3.915749085861362" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(234.9826704575025, 687.9736386754495)"><circle style="transition:all 0.5s ease-out" r="2.3747332063804936" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(235.6285343595349, 677.2807666381278)"><circle style="transition:all 0.5s ease-out" r="1.2370642392508377" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(238.3338355740848, 682.1563491802203)"><circle style="transition:all 0.5s ease-out" r="1.1387729644150866" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(536.215669390506, 479.2131016530426)"><circle style="transition:all 0.5s ease-out" r="4.768780693392808" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(546.2551292709815, 479.2131016530426)"><circle style="transition:all 0.5s ease-out" r="2.180584211422096" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(415.76964624906, 611.7934449340235)"><circle style="transition:all 0.5s ease-out" r="5.194656032408779" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(463.6000469853937, 607.1108555608681)"><circle style="transition:all 0.5s ease-out" r="4.784383682057049" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(451.09359360251887, 607.1769133874855)"><circle style="transition:all 0.5s ease-out" r="4.528837507240809" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(434.26373581675676, 535.0034115872407)"><circle r="12.487221065972301" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(433.89164986354194, 630.4285628923186)"><circle r="11.023317888602204" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(481.28065175989525, 640.6817163764435)"><circle r="25.803344307403982" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(425.4892735411246, 585.2692725489889)"><circle r="20.643611772643258" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(503.2776434857757, 559.9259104898945)"><circle r="49.78633905927889" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(441.8200030578278, 557.002702009998)"><circle style="transition:all 0.5s ease-out" r="4.513451943457159" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(455.41356608872945, 596.5450444561789)"><circle style="transition:all 0.5s ease-out" r="3.755113687001555" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(444.7488986387789, 649.2987849547044)"><circle style="transition:all 0.5s ease-out" r="2.8770962627428647" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(418.64967035771366, 615.5887018589257)"><circle style="transition:all 0.5s ease-out" r="2.6156754996582254" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(455.7259011112117, 616.7027401015017)"><circle style="transition:all 0.5s ease-out" r="2.614725553921555" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(441.80481086271516, 611.3173140078184)"><circle style="transition:all 0.5s ease-out" r="2.449911303653009" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(454.1472526802269, 526.1081979275384)"><circle style="transition:all 0.5s ease-out" r="1.996200125214096" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(472.9295910136156, 609.431951753938)"><circle style="transition:all 0.5s ease-out" r="1.634963389154714" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(72.5209301340206, 489.13834177993743)"><circle r="14.505360393116067" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(103.08876382201976, 489.1102832469795)"><circle r="12.792205271515485" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(86.25032314232271, 508.9710631292431)"><circle style="transition:all 0.5s ease-out" r="3.328659146818026" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(90.81513777412663, 465.5247170680118)"><circle style="transition:all 0.5s ease-out" r="2.376824561436967" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(86.3406498999937, 471.4235438545707)"><circle style="transition:all 0.5s ease-out" r="1.8259049014317383" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(94.3156259873094, 506.6109595375227)"><circle style="transition:all 0.5s ease-out" r="1.6605936998462367" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(93.97633671355169, 471.9656851659905)"><circle style="transition:all 0.5s ease-out" r="1.5980797700709564" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(90.03278832748934, 501.8870639905506)"><circle style="transition:all 0.5s ease-out" r="1.501913153479412" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(99.37297077339285, 468.91145502333273)"><circle style="transition:all 0.5s ease-out" r="1.4026989998010104" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(80.86278525396025, 468.1144631654922)"><circle style="transition:all 0.5s ease-out" r="1.3740694775490563" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(89.9932657923158, 476.6497828548156)"><circle style="transition:all 0.5s ease-out" r="1.3503611242060016" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(410.994484692011, 707.0737307049262)"><circle style="transition:all 0.5s ease-out" r="4.514552651178305" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(398.7717574010784, 708.4433977258772)"><circle style="transition:all 0.5s ease-out" r="4.514002330867712" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(404.35555008266704, 715.879374571372)"><circle style="transition:all 0.5s ease-out" r="4.513451943457159" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(398.21133564214, 676.3036368461038)"><circle r="21.473087553529833" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(376.65825184492536, 710.3554368831268)"><circle r="11.78183896497845" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(419.8211645829153, 700.0752115188019)"><circle style="transition:all 0.5s ease-out" r="4.511800378380168" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(359.24574147246926, 684.0246439188392)"><circle r="11.558548376410256" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(138.86588894888956, 466.2291661754944)"><circle style="transition:all 0.5s ease-out" r="5.4005245539583" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(152.42529727559057, 465.94089020355864)"><circle style="transition:all 0.5s ease-out" r="4.570880784925314" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(146.55156657327404, 475.2296406547821)"><circle style="transition:all 0.5s ease-out" r="3.2278705504556924" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(146.1472950401335, 457.70020015047567)"><circle style="transition:all 0.5s ease-out" r="2.5985233441779263" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(138.4707372765123, 455.47329848944247)"><circle style="transition:all 0.5s ease-out" r="2.270991826237898" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(138.32607097283812, 476.70382838254307)"><circle style="transition:all 0.5s ease-out" r="1.9937095439258248" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(177.1960303542453, 398.57787541707324)"><circle style="transition:all 0.5s ease-out" r="3.8310881059315043" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(186.21060845695933, 398.57787541707324)"><circle style="transition:all 0.5s ease-out" r="2.0933950211221157" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#199f4b;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(942.9235059194777, 499.0493988890818)"><circle style="transition:all 0.5s ease-out" r="1.2510428099416648" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#237346;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(948.2812400919713, 499.0493988890818)"><circle style="transition:all 0.5s ease-out" r="1.0165963868913948" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(922.2927086856683, 456.61151342804123)"><circle style="transition:all 0.5s ease-out" r="6.687476596932304" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(938.7573853596734, 456.61151342804123)"><circle style="transition:all 0.5s ease-out" r="6.687105101412369" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(826.1960248454423, 455.42810177064234)"><circle style="transition:all 0.5s ease-out" r="6.700836718878218" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(842.1972639154822, 459.678185632083)"><circle style="transition:all 0.5s ease-out" r="6.700465964086728" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(831.515271144998, 472.35076665451777)"><circle style="transition:all 0.5s ease-out" r="6.700095188779243" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(838.2448857692091, 443.5828598395186)"><circle style="transition:all 0.5s ease-out" r="6.6997243929523576" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(822.2029888857315, 439.320191810903)"><circle style="transition:all 0.5s ease-out" r="6.699353576602664" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(815.4767226840769, 468.097956248695)"><circle style="transition:all 0.5s ease-out" r="6.6989827397267545" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(866.4618126816072, 436.5156714061751)"><circle style="transition:all 0.5s ease-out" r="6.698611882321221" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(860.3660022004094, 487.1317752539907)"><circle style="transition:all 0.5s ease-out" r="6.698241004382652" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(810.1802524915728, 451.215122453059)"><circle style="transition:all 0.5s ease-out" r="6.697870105907638" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(799.4305412649421, 463.85935413917207)"><circle style="transition:all 0.5s ease-out" r="6.697499186892767" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(854.291407128243, 447.79653133460675)"><circle style="transition:all 0.5s ease-out" r="6.697128247334624" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(871.0121633343497, 474.40767322343567)"><circle style="transition:all 0.5s ease-out" r="6.696757287229799" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(845.9224731303188, 415.7104212671426)"><circle style="transition:all 0.5s ease-out" r="6.696386306574874" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(833.9128333827412, 427.56443886218153)"><circle style="transition:all 0.5s ease-out" r="6.696015305366436" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(847.555002681057, 476.5846995053959)"><circle style="transition:all 0.5s ease-out" r="6.695644283601067" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(819.808291028656, 484.1146321441463)"><circle style="transition:all 0.5s ease-out" r="6.695273241275349" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(829.8823353852545, 411.47138820721165)"><circle style="transition:all 0.5s ease-out" r="6.694902178385863" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(870.4106969452384, 452.6323374884648)"><circle style="transition:all 0.5s ease-out" r="6.694531094929194" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(835.8361837759844, 488.3718028756134)"><circle style="transition:all 0.5s ease-out" r="6.694159990901915" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(793.9378486479676, 447.82848553026224)"><circle style="transition:all 0.5s ease-out" r="6.69378886630061" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(858.2170264069382, 463.8784163726192)"><circle style="transition:all 0.5s ease-out" r="6.693417721121855" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(849.9435299044022, 431.8090221816149)"><circle style="transition:all 0.5s ease-out" r="6.693046555362226" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(803.7766573651602, 479.8682666707869)"><circle style="transition:all 0.5s ease-out" r="6.6926753690183" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(806.1503286874625, 435.1215758692379)"><circle style="transition:all 0.5s ease-out" r="6.692304162086651" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(886.3850908994841, 472.303034169468)"><circle style="transition:all 0.5s ease-out" r="6.6919329345638525" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(787.6150661892411, 476.42963847452154)"><circle style="transition:all 0.5s ease-out" r="6.691561686446479" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(877.904222558197, 424.1669381800896)"><circle style="transition:all 0.5s ease-out" r="6.691190417731103" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(800.5629913796649, 419.508409770228)"><circle style="transition:all 0.5s ease-out" r="6.690447818492621" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(886.6313946552646, 456.0973031968571)"><circle style="transition:all 0.5s ease-out" r="6.690076487962656" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(783.7794941775579, 460.41227940183995)"><circle style="transition:all 0.5s ease-out" r="6.689705136820966" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(882.6798810544848, 439.9957118123397)"><circle style="transition:all 0.5s ease-out" r="6.689333765064118" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(789.619970843079, 431.91834111080357)"><circle style="transition:all 0.5s ease-out" r="6.688962372688679" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(876.9522603497348, 489.6788589810836)"><circle style="transition:all 0.5s ease-out" r="6.688590959691214" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(808.1129843117924, 495.8737270529315)"><circle style="transition:all 0.5s ease-out" r="6.688219526068288" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(861.8659538891089, 420.28735662143794)"><circle style="transition:all 0.5s ease-out" r="6.687848071816464" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(817.889483539832, 423.3024300104791)"><circle style="transition:all 0.5s ease-out" r="6.687105101412369" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(824.3711232984548, 499.2430343926688)"><circle style="transition:all 0.5s ease-out" r="5.906311946917762" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#CED6E0;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(848.4707882389173, 495.06150205667274)"><circle style="transition:all 0.5s ease-out" r="4.4031200533117225" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(492.6898806691789, 247.8704129110481)"><circle style="transition:all 0.5s ease-out" r="3.3598590442660248" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(500.50483430200717, 247.8704129110481)"><circle style="transition:all 0.5s ease-out" r="1.3649996129018889" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(498.2776280700388, 252.99222700846838)"><circle style="transition:all 0.5s ease-out" r="1.1300130422942123" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(645.0581764533663, 157.54730057704293)"><circle style="transition:all 0.5s ease-out" r="2.2066321030673928" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(655.9264810134512, 157.3320808183185)"><circle style="transition:all 0.5s ease-out" r="1.7466306620756018" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(650.8608552776274, 161.43826880282322)"><circle style="transition:all 0.5s ease-out" r="1.5793149734384608" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(650.7014399183088, 153.64904173296637)"><circle style="transition:all 0.5s ease-out" r="1.451442456708735" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(645.527144900292, 150.99276720490803)"><circle style="transition:all 0.5s ease-out" r="1.1646574735371076" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(645.6465647928247, 163.9236973126743)"><circle style="transition:all 0.5s ease-out" r="0.9968547719629125" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(736.5101574195687, 148.850599593039)"><circle style="transition:all 0.5s ease-out" r="2.387253854886256" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(744.1086268377928, 148.02943300132287)"><circle style="transition:all 0.5s ease-out" r="2.0538595393685766" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(741.2903268909994, 154.56247943199298)"><circle style="transition:all 0.5s ease-out" r="1.8609439099023177" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(739.974931496524, 142.46591317449844)"><circle style="transition:all 0.5s ease-out" r="1.6769692916002368" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(731.5624104672169, 143.55837820705452)"><circle style="transition:all 0.5s ease-out" r="1.6575989387077805" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(730.6746839131076, 152.75551736765075)"><circle style="transition:all 0.5s ease-out" r="1.4342242618633338" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(690.1979967934134, 178.9488886073283)"><circle style="transition:all 0.5s ease-out" r="2.5619361579329882" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(695.4236910788276, 185.09471168642935)"><circle style="transition:all 0.5s ease-out" r="2.3068089608467592" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(702.6352841860514, 182.17587232293698)"><circle style="transition:all 0.5s ease-out" r="2.2753633256179215" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(697.7106953683793, 176.26731632367398)"><circle style="transition:all 0.5s ease-out" r="2.2212197103511997" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(686.7343364261372, 171.69676374547507)"><circle style="transition:all 0.5s ease-out" r="2.2077576487172568" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(684.7692358592809, 184.77800900041336)"><circle style="transition:all 0.5s ease-out" r="2.2043792876734654" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(705.140441680701, 175.00409367034027)"><circle style="transition:all 0.5s ease-out" r="2.118169789058307" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(707.9867193927375, 187.49041797141953)"><circle style="transition:all 0.5s ease-out" r="2.0671220516593807" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(677.4952033108568, 182.81064616398328)"><circle style="transition:all 0.5s ease-out" r="2.0233941973592655" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(682.585165506023, 177.75763411155282)"><circle style="transition:all 0.5s ease-out" r="1.9496094081055066" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(709.8703102312713, 180.51896487599905)"><circle style="transition:all 0.5s ease-out" r="1.9508832464695136" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(714.8484611533495, 185.48456308845942)"><circle style="transition:all 0.5s ease-out" r="1.8808618220197408" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(693.8261048759902, 170.098735389537)"><circle style="transition:all 0.5s ease-out" r="1.8729200758280804" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(689.880566385652, 189.84304134453814)"><circle style="transition:all 0.5s ease-out" r="1.7957225763101798" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(700.5429283684875, 169.7692991360862)"><circle style="transition:all 0.5s ease-out" r="1.6530966245381369" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(701.2972355554017, 189.1432678233656)"><circle style="transition:all 0.5s ease-out" r="1.6258209313404446" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(693.1228168331187, 160.39787287109542)"><circle style="transition:all 0.5s ease-out" r="1.5965244609238263" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(695.865892369699, 192.4948944114808)"><circle style="transition:all 0.5s ease-out" r="1.5571369319298678" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(676.1439027877641, 176.2250660829424)"><circle style="transition:all 0.5s ease-out" r="1.4735253538713635" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(711.4079147472265, 172.37170149945555)"><circle style="transition:all 0.5s ease-out" r="1.4802538151376041" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(706.7170572788918, 168.39600184130916)"><circle style="transition:all 0.5s ease-out" r="1.4735253538713635" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(689.3497665036786, 165.36740856158042)"><circle style="transition:all 0.5s ease-out" r="1.4428590434366955" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(705.5550482204336, 193.7832591499682)"><circle style="transition:all 0.5s ease-out" r="1.4735253538713635" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(683.9713084027483, 192.36782228636147)"><circle style="transition:all 0.5s ease-out" r="1.4359553720430698" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(674.5025414529431, 190.73407257484254)"><circle style="transition:all 0.5s ease-out" r="1.4062367078150848" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(711.5985277132398, 193.11058484338136)"><circle style="transition:all 0.5s ease-out" r="1.4097655382262897" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(671.6253422208, 180.0736058806782)"><circle style="transition:all 0.5s ease-out" r="1.3938154462241852" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(679.9112993801076, 171.43319910814463)"><circle style="transition:all 0.5s ease-out" r="1.4237934015249079" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(713.7052074360126, 166.74105802416196)"><circle style="transition:all 0.5s ease-out" r="1.4009267956823543" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(717.2208400206351, 171.50026311871324)"><circle style="transition:all 0.5s ease-out" r="1.3686347714369083" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(715.2905080318686, 176.95864012285818)"><circle style="transition:all 0.5s ease-out" r="1.3337007877067335" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(673.1619288049151, 171.02162825065412)"><circle style="transition:all 0.5s ease-out" r="1.3631783984645511" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(700.302793090873, 196.60571784063558)"><circle style="transition:all 0.5s ease-out" r="1.2920714582124264" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(702.692438348951, 164.06364446266343)"><circle style="transition:all 0.5s ease-out" r="1.241074182471421" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(683.8653408104667, 198.2103169539754)"><circle style="transition:all 0.5s ease-out" r="1.208622178965076" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(684.7942241756509, 161.69480780562438)"><circle style="transition:all 0.5s ease-out" r="1.208622178965076" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(693.275985465194, 197.89879967795756)"><circle style="transition:all 0.5s ease-out" r="1.2350543853820073" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(697.539839095517, 201.59003494355028)"><circle style="transition:all 0.5s ease-out" r="1.2065649482329417" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(699.2052674147542, 159.7442410701995)"><circle style="transition:all 0.5s ease-out" r="1.1055654240043111" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(697.1342225664866, 164.80955743190523)"><circle style="transition:all 0.5s ease-out" r="1.1667885960394728" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(679.6430061883473, 188.6927771848723)"><circle style="transition:all 0.5s ease-out" r="1.0455101051753413" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(718.8476929691553, 181.03558200523105)"><circle style="transition:all 0.5s ease-out" r="1.087440172744424" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(672.0888930574635, 185.65976532636267)"><circle style="transition:all 0.5s ease-out" r="1.050251671928022" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(678.7067580903794, 194.36754166810445)"><circle style="transition:all 0.5s ease-out" r="0.9943595120494921" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(709.1675854394114, 198.2179260105807)"><circle style="transition:all 0.5s ease-out" r="1.0455101051753413" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(705.8889378097746, 159.61806465423808)"><circle style="transition:all 0.5s ease-out" r="1.0359618676843507" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(688.4754957881107, 195.5739806954425)"><circle style="transition:all 0.5s ease-out" r="0.8999340757266402" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(682.8313971088828, 166.68277470810162)"><circle style="transition:all 0.5s ease-out" r="0.950938845094972" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(676.7349811299415, 166.93448680973648)"><circle style="transition:all 0.5s ease-out" r="0.883215578192779" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(709.2958243552089, 163.45761644638378)"><circle style="transition:all 0.5s ease-out" r="0.897169294766621" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(716.2961282371602, 190.91906946919494)"><circle style="transition:all 0.5s ease-out" r="0.8005929280654892" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(679.5691448134992, 162.94957723990495)"><circle style="transition:all 0.5s ease-out" r="0.8067752046464528" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(700.4874283117238, 124.66084228787726)"><circle style="transition:all 0.5s ease-out" r="2.068323517643798" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(708.6061588647442, 124.74549646847167)"><circle style="transition:all 0.5s ease-out" r="1.5855945806083696" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(704.8859262876358, 129.92730056517695)"><circle style="transition:all 0.5s ease-out" r="1.5934092882760102" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(704.9831233302718, 119.70031447752568)"><circle style="transition:all 0.5s ease-out" r="1.42553717854281" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(699.0330412345284, 118.21726388410939)"><circle style="transition:all 0.5s ease-out" r="1.3374210202824737" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(698.8862133344079, 131.04238026810424)"><circle style="transition:all 0.5s ease-out" r="1.3092616345729071" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(711.0171548774925, 119.14573588391056)"><circle style="transition:all 0.5s ease-out" r="1.3111577422058902" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(710.9246980754177, 130.3297236413278)"><circle style="transition:all 0.5s ease-out" r="1.2589608814551951" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(694.6195537932233, 121.90261595779448)"><circle style="transition:all 0.5s ease-out" r="1.2127261710089956" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(694.4805041568765, 127.47399069428226)"><circle style="transition:all 0.5s ease-out" r="1.1603834867413385" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(714.3031316894237, 123.59934692040946)"><circle style="transition:all 0.5s ease-out" r="1.0239013650671713" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(715.9040416386852, 128.43842832323028)"><circle style="transition:all 0.5s ease-out" r="0.8916140135216493" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(703.0086815276504, 114.5969531490523)"><circle style="transition:all 0.5s ease-out" r="0.8399647610665064" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(702.4490913823576, 134.8869925102899)"><circle style="transition:all 0.5s ease-out" r="0.7325356616902855" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(707.7134815649699, 115.12368563180736)"><circle style="transition:all 0.5s ease-out" r="0.6942290159931637" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(666.7817227004887, 133.47597972527097)"><circle style="transition:all 0.5s ease-out" r="2.261125051871746" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#e10098;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(673.7785081214798, 133.47597972527097)"><circle style="transition:all 0.5s ease-out" r="1.645565393458963" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(402.34982757102944, 189.6331641333601)"><circle style="transition:all 0.5s ease-out" r="2.0478027301343436" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(409.4142615715508, 189.6331641333601)"><circle style="transition:all 0.5s ease-out" r="1.9265362947265838" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(381.4917376716638, 172.7218717431802)"><circle style="transition:all 0.5s ease-out" r="2.937763316709792" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(389.84784413067814, 172.7218717431802)"><circle style="transition:all 0.5s ease-out" r="2.3282481666440598" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(386.17850224412234, 178.29113014081145)"><circle style="transition:all 0.5s ease-out" r="1.2510428099416648" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(391.7999993495906, 211.11413507534303)"><circle style="transition:all 0.5s ease-out" r="1.9521562536173573" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(397.80358250689244, 211.11413507534303)"><circle style="transition:all 0.5s ease-out" r="0.9613319280239598" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(367.13978756149254, 207.6697997235637)"><circle style="transition:all 0.5s ease-out" r="1.4902895491551256" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(373.19032166173844, 207.6697997235637)"><circle style="transition:all 0.5s ease-out" r="1.470149575430294" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(370.1851554380647, 212.89610241043124)"><circle style="transition:all 0.5s ease-out" r="1.4684587760492118" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(358.3189312660603, 185.31128299207228)"><circle style="transition:all 0.5s ease-out" r="2.78763089244837" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(366.3681079684382, 185.31128299207228)"><circle style="transition:all 0.5s ease-out" r="2.1714508342690872" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(691.3745870102562, 663.2276242455499)"><circle style="transition:all 0.5s ease-out" r="4.901850260033945" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(711.8613995963847, 663.2276242455499)"><circle r="12.494867350434133" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(662.093019729347, 761.8174453159271)"><circle r="94.85436243315392" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(696.7436104541238, 655.5665586884882)"><circle style="transition:all 0.5s ease-out" r="1.3631783984645511" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(691.3154643758018, 654.0542706962335)"><circle style="transition:all 0.5s ease-out" r="1.1815988355280516" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(700.2644181591685, 652.2753749302482)"><circle style="transition:all 0.5s ease-out" r="0.36626783084514264" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(828.909389189439, 749.9775701053521)"><circle style="transition:all 0.5s ease-out" r="3.255459689360087" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(838.4378622721931, 749.9775701053521)"><circle style="transition:all 0.5s ease-out" r="3.1829184177335454" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(833.7410967116346, 757.4503426750409)"><circle style="transition:all 0.5s ease-out" r="2.5531939806225274" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(833.7395136762956, 742.7526043885842)"><circle style="transition:all 0.5s ease-out" r="2.345258425076487" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(826.6190156479595, 742.2628571296942)"><circle style="transition:all 0.5s ease-out" r="1.7019671433558714" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(840.6988320743801, 742.5112351995454)"><circle style="transition:all 0.5s ease-out" r="1.5281494283954336" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(826.9088321538403, 757.2448585051375)"><circle style="transition:all 0.5s ease-out" r="1.1920649286137392" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(840.3248069891545, 756.9588133906509)"><circle style="transition:all 0.5s ease-out" r="0.9587442196208211" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(726.328762239852, 357.7524030491025)"><circle style="transition:all 0.5s ease-out" r="4.752081038014224" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(740.8183040682454, 355.3985103118131)"><circle style="transition:all 0.5s ease-out" r="4.179069166030925" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(735.3634356419067, 364.84997125027843)"><circle style="transition:all 0.5s ease-out" r="3.537078979057443" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(732.7250789286, 348.6734829589966)"><circle style="transition:all 0.5s ease-out" r="3.1483886954984865" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(723.5571091433158, 347.22647745373934)"><circle style="transition:all 0.5s ease-out" r="2.9352252917723263" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(729.4203687651928, 315.31270226564726)"><circle style="transition:all 0.5s ease-out" r="3.0391811662355224" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(738.4438304772224, 314.82524150021004)"><circle style="transition:all 0.5s ease-out" r="2.7947512894688686" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(734.56663910211, 322.48812644649746)"><circle style="transition:all 0.5s ease-out" r="2.5946963563218586" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(733.7688975384433, 307.7344115170685)"><circle style="transition:all 0.5s ease-out" r="2.4981108983588465" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(723.0340310214848, 309.5985103763731)"><circle style="transition:all 0.5s ease-out" r="2.330381239163515" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(722.772555547539, 320.1966456330015)"><circle style="transition:all 0.5s ease-out" r="2.009843155299925" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(645.1528355190119, 358.9320164728979)"><circle style="transition:all 0.5s ease-out" r="3.9277849037187216" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(655.5335307644295, 358.9320164728979)"><circle style="transition:all 0.5s ease-out" r="3.3628153660383906" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(650.8383742282357, 366.3938705047856)"><circle style="transition:all 0.5s ease-out" r="2.3631976710561036" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(650.8154477520263, 351.98843287272496)"><circle style="transition:all 0.5s ease-out" r="1.941948830706398" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(465.66480849912676, 369.25755638212587)"><circle style="transition:all 0.5s ease-out" r="2.9864078659080433" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(476.9416627366905, 367.4208682915465)"><circle style="transition:all 0.5s ease-out" r="2.5277689720298855" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(472.53999309469265, 373.9072727258904)"><circle style="transition:all 0.5s ease-out" r="2.113473176208207" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(470.7335935945404, 362.8263484991599)"><circle style="transition:all 0.5s ease-out" r="1.9986876029706653" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(463.8500162070195, 361.46047291095385)"><circle style="transition:all 0.5s ease-out" r="1.8190892565134935" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(422.5993322283621, 441.80484944651766)"><circle style="transition:all 0.5s ease-out" r="4.589864055869942" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(434.31439881300327, 441.80484944651766)"><circle style="transition:all 0.5s ease-out" r="4.03510755311082" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(428.9422943475666, 450.2080880921583)"><circle style="transition:all 0.5s ease-out" r="2.848459091875009" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(428.8840347648312, 434.9522891322167)"><circle style="transition:all 0.5s ease-out" r="1.6181627590805197" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(485.8332814156333, 397.53411368447865)"><circle style="transition:all 0.5s ease-out" r="3.213214114254221" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(494.5569161194873, 397.53411368447865)"><circle style="transition:all 0.5s ease-out" r="2.420325613939358" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(490.8739339715935, 403.5717941694093)"><circle style="transition:all 0.5s ease-out" r="1.5619158800414763" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(490.83039286103656, 392.09496002333793)"><circle style="transition:all 0.5s ease-out" r="1.0828614569438562" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(428.92949088601836, 373.62054811492703)"><circle style="transition:all 0.5s ease-out" r="2.698881892322028" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(440.2546113260064, 373.24121709972167)"><circle style="transition:all 0.5s ease-out" r="2.254523212812512" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(435.0683322384832, 378.5836704162481)"><circle style="transition:all 0.5s ease-out" r="1.9949552232375654" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(434.72715214487204, 368.8058863172098)"><circle style="transition:all 0.5s ease-out" r="1.636482166434512" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(428.94016993554794, 366.2197613744219)"><circle style="transition:all 0.5s ease-out" r="1.501913153479412" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(429.04117394578185, 380.71685113034425)"><circle style="transition:all 0.5s ease-out" r="1.1983007074923462" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(521.5500784821443, 406.76256402361116)"><circle style="transition:all 0.5s ease-out" r="3.1641307371189944" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(533.1555901295997, 405.1845402258487)"><circle style="transition:all 0.5s ease-out" r="2.8000797047726085" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(528.4825693247051, 412.2625935829424)"><circle style="transition:all 0.5s ease-out" r="2.485149149876965" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(526.7943409576683, 399.8666288625425)"><circle style="transition:all 0.5s ease-out" r="2.296014287852678" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(519.1613566352637, 398.47425064634075)"><circle style="transition:all 0.5s ease-out" r="2.2677076714809523" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(522.1754641265268, 413.93946783836196)"><circle style="transition:all 0.5s ease-out" r="0.8399647610665064" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(461.3530729307054, 448.25220504590436)"><circle style="transition:all 0.5s ease-out" r="5.821153904573932" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(489.1175183264588, 448.25220504590436)"><circle r="18.853196515519013" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(466.56332021804207, 459.0169982882762)"><circle style="transition:all 0.5s ease-out" r="3.0481595644260318" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(467.9472715051772, 442.11107459993934)"><circle style="transition:all 0.5s ease-out" r="0.09968547719629128" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(497.46131991314144, 373.3792845099159)"><circle style="transition:all 0.5s ease-out" r="2.2043792876734654" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(504.8856601880119, 373.3792845099159)"><circle style="transition:all 0.5s ease-out" r="2.129866011536541" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(412.73756182034424, 405.68009755205645)"><circle style="transition:all 0.5s ease-out" r="4.3804933873479115" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(423.77042434498577, 405.68009755205645)"><circle style="transition:all 0.5s ease-out" r="3.5622741616331814" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(418.97906604558705, 413.7298172929107)"><circle style="transition:all 0.5s ease-out" r="2.715400194810777" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(324.8916486905796, 420.76721854331635)"><circle style="transition:all 0.5s ease-out" r="1.8742460371097995" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(331.5285088253405, 420.76721854331635)"><circle style="transition:all 0.5s ease-out" r="1.672519121990664" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(303.748515722527, 577.8421839036023)"><circle style="transition:all 0.5s ease-out" r="5.738628940941077" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(317.58389249136593, 577.8421839036023)"><circle style="transition:all 0.5s ease-out" r="5.006652852237452" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(311.31403302416686, 587.931627118189)"><circle style="transition:all 0.5s ease-out" r="3.782141098209502" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(311.25706247535686, 569.0868517692292)"><circle style="transition:all 0.5s ease-out" r="2.7053176613804926" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(340.53229209884313, 572.3370676346269)"><circle style="transition:all 0.5s ease-out" r="4.8585805757783955" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(371.902596532472, 569.1817048164988)"><circle style="transition:all 0.5s ease-out" r="4.7316486452143955" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(358.2550366897912, 592.1364749598065)"><circle r="14.627256993730441" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(360.8087504646577, 567.1083652797249)"><circle style="transition:all 0.5s ease-out" r="3.3738785016346995" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(350.87127913757683, 567.5432524177374)"><circle style="transition:all 0.5s ease-out" r="3.373142088114712" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(379.3365964630201, 577.1299173779179)"><circle style="transition:all 0.5s ease-out" r="2.993885321149554" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(334.72340202824785, 589.8742220344675)"><circle style="transition:all 0.5s ease-out" r="2.8449683318725523" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(380.9215287971625, 585.7305305738147)"><circle style="transition:all 0.5s ease-out" r="2.8327167964360163" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(336.227067528468, 581.9249977284854)"><circle style="transition:all 0.5s ease-out" r="2.4701087707640137" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(315.57886158236533, 615.0857060176787)"><circle style="transition:all 0.5s ease-out" r="4.573054289938745" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(328.776239610344, 614.2305799490675)"><circle style="transition:all 0.5s ease-out" r="2.9830785361484757" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(323.7510049487502, 621.306059241293)"><circle style="transition:all 0.5s ease-out" r="2.4971162294369313" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(322.8757752607208, 608.1653094152805)"><circle style="transition:all 0.5s ease-out" r="2.2808159174902034" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(316.45040779107063, 606.07941260116)"><circle style="transition:all 0.5s ease-out" r="1.2746494727923636" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(381.9430183735957, 511.64866348684234)"><circle style="transition:all 0.5s ease-out" r="5.954069271770615" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(396.4970037416775, 511.64866348684234)"><circle style="transition:all 0.5s ease-out" r="5.509821120650721" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(389.61203167180645, 522.226126252472)"><circle style="transition:all 0.5s ease-out" r="4.020922186512403" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(233.4783831194862, 335.74345557518114)"><circle style="transition:all 0.5s ease-out" r="6.860577315677333" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(248.7409913475761, 335.74345557518114)"><circle style="transition:all 0.5s ease-out" r="5.311935936752117" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(242.52459625660055, 347.35435507819335)"><circle style="transition:all 0.5s ease-out" r="4.768259714454956" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(242.43976531742982, 325.1402463394589)"><circle style="transition:all 0.5s ease-out" r="3.93220986598556" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(232.08163601185564, 322.08780466068015)"><circle style="transition:all 0.5s ease-out" r="3.7762248227731416" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(232.20904899888623, 348.1143264341004)"><circle style="transition:all 0.5s ease-out" r="2.485149149876965" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(250.9370640925154, 326.06248897893994)"><circle style="transition:all 0.5s ease-out" r="1.5248945803370926" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(287.61409469977457, 335.17948626965)"><circle r="13.020880349071088" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(321.9237613866743, 335.17948626965)"><circle r="13.254539401111431" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(304.6194167400273, 348.87869626707146)"><circle style="transition:all 0.5s ease-out" r="0.7817528083588294" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(125.67058416113346, 399.9451200535328)"><circle style="transition:all 0.5s ease-out" r="3.4747217373597756" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(142.01830208467737, 399.51939907413276)"><circle style="transition:all 0.5s ease-out" r="3.2054732836545803" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(134.13127386144885, 404.4437197591939)"><circle style="transition:all 0.5s ease-out" r="2.9071607809779594" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(133.90008340525458, 395.71035778416785)"><circle style="transition:all 0.5s ease-out" r="2.5802946001922025" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(127.13965626571976, 390.82124447330546)"><circle style="transition:all 0.5s ease-out" r="2.572580697728572" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(127.48523155527758, 407.7067540753756)"><circle style="transition:all 0.5s ease-out" r="1.2959112035517857" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(139.97741758755868, 392.10823104555976)"><circle style="transition:all 0.5s ease-out" r="1.2843575298177226" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(160.53441725626138, 514.3765257340974)"><circle style="transition:all 0.5s ease-out" r="4.928637907417925" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(179.14054404692592, 514.3765257340974)"><circle r="10.58739390758618" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(165.37936512291031, 525.1678207713281)"><circle style="transition:all 0.5s ease-out" r="3.8102809562535156" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(247.5509612342406, 535.7468284647438)"><circle style="transition:all 0.5s ease-out" r="5.933589101979399" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(261.9391690444886, 535.7468284647438)"><circle style="transition:all 0.5s ease-out" r="5.364523732608166" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(255.29849080437813, 547.739213145846)"><circle style="transition:all 0.5s ease-out" r="5.253623258818599" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(255.293723068139, 523.8950986506698)"><circle style="transition:all 0.5s ease-out" r="5.133076159161713" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(242.12169177931784, 522.8251712102441)"><circle style="transition:all 0.5s ease-out" r="4.992242328307147" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(242.45247589226994, 548.287737543148)"><circle style="transition:all 0.5s ease-out" r="4.514002330867712" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(146.91956759607555, 341.01111165441347)"><circle style="transition:all 0.5s ease-out" r="3.951746568644538" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(155.9638221661608, 341.01111165441347)"><circle style="transition:all 0.5s ease-out" r="2.002413025780246" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(177.44578156201828, 341.4855613040197)"><circle style="transition:all 0.5s ease-out" r="3.4126810273500348" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(186.877852246891, 341.4855613040197)"><circle style="transition:all 0.5s ease-out" r="2.929294681862249" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(182.61443632659467, 348.9429094953961)"><circle style="transition:all 0.5s ease-out" r="2.5706486053060185" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(182.6100545454692, 334.1294017688882)"><circle style="transition:all 0.5s ease-out" r="2.485149149876965" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(174.6665991441912, 332.97303773078823)"><circle style="transition:all 0.5s ease-out" r="2.4519385371845352" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(175.0997048188014, 349.5301130341114)"><circle style="transition:all 0.5s ease-out" r="1.8768951494384656" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(118.9545515244538, 616.3760317227039)"><circle style="transition:all 0.5s ease-out" r="6.086122903068869" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(134.55847804986965, 615.0948626314148)"><circle style="transition:all 0.5s ease-out" r="5.285210814791479" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(128.1862352751981, 625.3316081238003)"><circle style="transition:all 0.5s ease-out" r="3.5755000418257556" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(126.61024411915419, 606.0842918596201)"><circle style="transition:all 0.5s ease-out" r="3.5335654399176497" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(117.73300567473075, 604.9414852689672)"><circle style="transition:all 0.5s ease-out" r="2.2323760824448753" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(124.46547888176488, 554.6618014902919)"><circle style="transition:all 0.5s ease-out" r="3.666068108629493" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(134.35103568458504, 554.6618014902919)"><circle style="transition:all 0.5s ease-out" r="3.129393718530226" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(129.88582377571697, 561.9279112551034)"><circle style="transition:all 0.5s ease-out" r="2.3089618394869054" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(83.1849908054316, 576.2692993580811)"><circle r="14.792272548042433" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(104.61075289913757, 576.2692993580811)"><circle style="transition:all 0.5s ease-out" r="3.5433945700030893" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(102.17607356900464, 586.1158316517523)"><circle style="transition:all 0.5s ease-out" r="3.5095800908363555" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(101.74802523213681, 567.3916875679469)"><circle style="transition:all 0.5s ease-out" r="2.6942755023928235" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(298.68708314676786, 678.4487258480278)"><circle style="transition:all 0.5s ease-out" r="2.334641537489853" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(306.03835595464477, 678.4487258480278)"><circle style="transition:all 0.5s ease-out" r="1.9265362947265838" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(403.8511384453399, 303.9524094056895)"><circle style="transition:all 0.5s ease-out" r="5.622738111329398" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(417.8604514661306, 303.9524094056895)"><circle style="transition:all 0.5s ease-out" r="5.296479933800848" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(411.13875525399345, 313.8774786604464)"><circle style="transition:all 0.5s ease-out" r="3.6004263702574613" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(252.69902508500255, 693.4637965538018)"><circle style="transition:all 0.5s ease-out" r="5.398224010912928" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(267.29491470324587, 692.4012293618782)"><circle style="transition:all 0.5s ease-out" r="3.65452995951839" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(261.9079048646199, 701.0353386723226)"><circle style="transition:all 0.5s ease-out" r="3.323430687621126" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(260.6924146189662, 686.6041578341947)"><circle style="transition:all 0.5s ease-out" r="1.9329731195255826" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(254.8940139390033, 683.8055893621918)"><circle style="transition:all 0.5s ease-out" r="1.3054611573695594" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(188.15595504258573, 724.9076491645458)"><circle style="transition:all 0.5s ease-out" r="6.096319128852064" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(227.02624886082893, 724.6553967315853)"><circle style="transition:all 0.5s ease-out" r="4.513451943457159" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(208.51937113567945, 737.6290251126303)"><circle r="11.034286560202728" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(215.09525105357457, 706.2037863350635)"><circle r="10.44345632555681" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(198.73123937331633, 718.7341404246248)"><circle style="transition:all 0.5s ease-out" r="3.269166948677162" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(204.11277109616617, 665.6616119510728)"><circle style="transition:all 0.5s ease-out" r="4.8375709531615305" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(214.8209292862752, 665.6616119510728)"><circle style="transition:all 0.5s ease-out" r="2.780492261287035" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(168.92915206356292, 643.2200403911029)"><circle style="transition:all 0.5s ease-out" r="6.093873590559295" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(183.93512801341765, 643.2200403911029)"><circle style="transition:all 0.5s ease-out" r="5.822007383634976" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(176.66573162577248, 653.7037371716154)"><circle style="transition:all 0.5s ease-out" r="3.845327712095838" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(176.6555130815096, 633.43810073898)"><circle style="transition:all 0.5s ease-out" r="3.281303109015375" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(235.26404619937614, 658.2108016657909)"><circle style="transition:all 0.5s ease-out" r="6.108125427582791" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(249.13754276240414, 657.0780179486931)"><circle style="transition:all 0.5s ease-out" r="3.8414494179047396" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(244.81338829465864, 666.5411249436742)"><circle style="transition:all 0.5s ease-out" r="3.3628153660383906" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(243.22095755707355, 651.287704952297)"><circle style="transition:all 0.5s ease-out" r="1.2370642392508377" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(238.55000994287772, 648.3592838902687)"><circle style="transition:all 0.5s ease-out" r="1.0759568501518975" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(154.2188605233798, 690.5172202810853)"><circle style="transition:all 0.5s ease-out" r="4.908940449052303" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(166.96588182852946, 689.8890906913037)"><circle style="transition:all 0.5s ease-out" r="4.653294157780503" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(161.36082083912723, 700.7989187262193)"><circle style="transition:all 0.5s ease-out" r="4.409885414617816" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(160.37410481596203, 681.3586054685301)"><circle style="transition:all 0.5s ease-out" r="2.92590036475249" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(151.77643101709285, 680.130811434085)"><circle style="transition:all 0.5s ease-out" r="2.559025417181053" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(168.8434933526486, 679.7057301207452)"><circle style="transition:all 0.5s ease-out" r="2.543445208937642" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(149.16650091843744, 699.6419051887791)"><circle style="transition:all 0.5s ease-out" r="2.3293149470742147" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(170.77302968502636, 698.9445331619818)"><circle style="transition:all 0.5s ease-out" r="2.020937130032326" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(145.85457667305408, 685.0359115050021)"><circle style="transition:all 0.5s ease-out" r="1.9724126326527558" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(431.4756140256047, 535.0034115872407)"><circle style="transition:all 0.5s ease-out" r="6.609004299159804" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(442.4177876037468, 535.0034115872407)"><circle style="transition:all 0.5s ease-out" r="1.2430743033218217" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(430.02067671858276, 630.5747171293976)"><circle style="transition:all 0.5s ease-out" r="4.208687319529299" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(440.20296219086606, 629.9724785884165)"><circle style="transition:all 0.5s ease-out" r="1.6814076830191955" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(437.3418504928476, 635.7206888831934)"><circle style="transition:all 0.5s ease-out" r="1.5394872054612123" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(436.54172539854704, 625.786555055141)"><circle style="transition:all 0.5s ease-out" r="0.6797643252768799" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(432.9814476211593, 623.2470383180857)"><circle style="transition:all 0.5s ease-out" r="0.4934179383792013" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(473.81172743967204, 641.1383620029734)"><circle style="transition:all 0.5s ease-out" r="6.728215879750675" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(489.96995247101086, 640.5285137778978)"><circle style="transition:all 0.5s ease-out" r="6.180499586170056" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(484.67360606901093, 658.6485423013393)"><circle style="transition:all 0.5s ease-out" r="4.518952801005613" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(486.8300703062134, 626.3783832295927)"><circle style="transition:all 0.5s ease-out" r="4.390689816631716" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(467.28714726929377, 628.607111409221)"><circle style="transition:all 0.5s ease-out" r="4.320534644288428" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(468.2251863380945, 654.0133196115288)"><circle style="transition:all 0.5s ease-out" r="4.143847470737403" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(497.25171268267763, 630.0520269783267)"><circle style="transition:all 0.5s ease-out" r="3.6183219279626573" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(493.64122883916656, 652.5625628689077)"><circle style="transition:all 0.5s ease-out" r="3.1883773042444177" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(461.68831244299906, 637.3070865071282)"><circle style="transition:all 0.5s ease-out" r="2.922502105342449" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(461.9948329804684, 646.1272643257839)"><circle style="transition:all 0.5s ease-out" r="2.7634641066278554" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(500.4804603155056, 646.5980651872735)"><circle style="transition:all 0.5s ease-out" r="2.7126541295256614" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(501.4217631885832, 638.2829718503266)"><circle style="transition:all 0.5s ease-out" r="2.519894283199519" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(477.13809953808294, 629.1620762744752)"><circle style="transition:all 0.5s ease-out" r="2.4981108983588465" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(482.61409162110755, 649.2674282436577)"><circle style="transition:all 0.5s ease-out" r="2.049015524276865" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(477.09659566897585, 653.3840275879099)"><circle style="transition:all 0.5s ease-out" r="1.634963389154714" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(481.9942052626846, 633.8343816974228)"><circle style="transition:all 0.5s ease-out" r="1.0407469364162936" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(415.33571649177344, 587.931547301063)"><circle style="transition:all 0.5s ease-out" r="7.146829998691785" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(436.3313639948463, 586.1683874644388)"><circle style="transition:all 0.5s ease-out" r="6.764304210216887" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(428.0390418196055, 598.5089963931034)"><circle style="transition:all 0.5s ease-out" r="4.160600026658499" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(426.5476098734119, 576.9216384634019)"><circle style="transition:all 0.5s ease-out" r="3.5713287395596085" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(416.71404906546115, 574.237816641137)"><circle style="transition:all 0.5s ease-out" r="3.5475987176989077" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(426.3221906284532, 590.4033592218171)"><circle style="transition:all 0.5s ease-out" r="0.9968547719629125" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(491.13735043843485, 539.7589383359546)"><circle style="transition:all 0.5s ease-out" r="4.523897853881518" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(519.156677126759, 553.8492839787134)"><circle r="22.82703904159937" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(480.4319094112601, 568.6706665519289)"><circle r="22.32415755418884" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(479.7187599580579, 538.7726656043286)"><circle style="transition:all 0.5s ease-out" r="3.737208407139533" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(511.387374154738, 583.1250137193314)"><circle style="transition:all 0.5s ease-out" r="3.0805877065064946" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(497.78764610647113, 531.2559324500841)"><circle style="transition:all 0.5s ease-out" r="3.0708952198497146" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(504.3407128486142, 578.3385989518172)"><circle style="transition:all 0.5s ease-out" r="2.23793341263353" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(66.55549425338866, 487.11372674425223)"><circle style="transition:all 0.5s ease-out" r="5.115623261852365" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(79.1986160821892, 487.11372674425223)"><circle style="transition:all 0.5s ease-out" r="4.437403591287739" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(73.4976600758325, 496.7890315818326)"><circle style="transition:all 0.5s ease-out" r="3.7024801991279097" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(97.84617101776324, 487.55196305251013)"><circle style="transition:all 0.5s ease-out" r="4.232819561241146" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(108.87692972647002, 487.55196305251013)"><circle style="transition:all 0.5s ease-out" r="3.707844171805181" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(103.83633346794348, 495.8553992412634)"><circle style="transition:all 0.5s ease-out" r="2.9156937044682247" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(387.6155537865954, 677.5510616872618)"><circle style="transition:all 0.5s ease-out" r="6.107718693743313" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(410.5444717821468, 677.4917355301216)"><circle style="transition:all 0.5s ease-out" r="6.082856501168184" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(399.1306698009605, 686.6604179224322)"><circle style="transition:all 0.5s ease-out" r="5.3742399852013225" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(399.09126788355394, 668.8488807831371)"><circle style="transition:all 0.5s ease-out" r="5.0864020216936705" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(388.19408633861013, 664.9623396632642)"><circle style="transition:all 0.5s ease-out" r="3.341322772164948" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(409.2558812818332, 666.0162874970017)"><circle style="transition:all 0.5s ease-out" r="2.2655155900875434" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(388.866878390522, 688.6738017127387)"><circle style="transition:all 0.5s ease-out" r="1.88350162938482" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(372.47171510408003, 708.6934577192387)"><circle style="transition:all 0.5s ease-out" r="4.187383366138976" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(382.43238134772514, 708.6934577192387)"><circle style="transition:all 0.5s ease-out" r="2.683187901845674" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(378.8166649119288, 716.1470496416595)"><circle style="transition:all 0.5s ease-out" r="2.5110057395124135" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(354.7101296687503, 684.0246439188392)"><circle style="transition:all 0.5s ease-out" r="3.932841597030841" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(364.72363055733035, 684.0246439188392)"><circle style="transition:all 0.5s ease-out" r="2.990564315888737" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(360.42459738459587, 689.6118404916836)"><circle style="transition:all 0.5s ease-out" r="0.9690535936593201" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(706.4787849042922, 663.2276242455499)"><circle style="transition:all 0.5s ease-out" r="4.022157682681216" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(717.4286047668961, 663.2276242455499)"><circle style="transition:all 0.5s ease-out" r="3.83756720426224" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(712.0900182187945, 669.1781720805311)"><circle style="transition:all 0.5s ease-out" r="1.0666811869818873" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(712.0876204231748, 657.4718033014173)"><circle style="transition:all 0.5s ease-out" r="0.9244450850598417" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(640.0424371647302, 761.1154359923808)"><circle style="transition:all 0.5s ease-out" r="4.53157943248276" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(652.1951427530485, 761.1154359923808)"><circle style="transition:all 0.5s ease-out" r="4.531031180175087" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(646.1193381740936, 771.6390380576935)"><circle style="transition:all 0.5s ease-out" r="4.530482861521156" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(646.1196262257386, 743.6027250478971)"><circle r="10.915511772835721" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(628.5097640585054, 774.7932616242894)"><circle r="10.269258015627663" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(662.7718977621169, 774.2385413847471)"><circle r="9.233654817556191" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(625.5970701414601, 753.0436996577645)"><circle r="8.584375761822667" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(668.3428314754716, 752.6376264326171)"><circle r="9.983980463529418" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(646.6125758718301, 790.6161027319823)"><circle r="10.683818518892139" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(628.7464351987708, 737.1516394182057)"><circle style="transition:all 0.5s ease-out" r="4.526642771222779" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(665.5584483457287, 730.0338311315797)"><circle r="9.700567289608266" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(608.9458746368194, 764.7034469463882)"><circle r="8.653146401973666" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(683.6444377320277, 768.8644905867633)"><circle r="9.229517865651978" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(668.1070088312342, 793.8034853056811)"><circle r="7.955560864424281" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(622.6883683249716, 799.061266695285)"><circle r="11.597103456137967" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(636.4696456072236, 727.7850114652554)"><circle style="transition:all 0.5s ease-out" r="4.523348670528493" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(610.2355403496399, 736.4939659932933)"><circle r="10.905836654355358" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(648.0701633145222, 707.7689859030351)"><circle r="15.521233580537315" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(685.1596458680735, 738.8215935552616)"><circle r="8.690299368816738" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(592.6884072234387, 751.5841637513855)"><circle r="9.147446458045529" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(689.3070015267626, 790.8280196471999)"><circle r="10.362125132619067" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(602.7652056143245, 785.146759814214)"><circle r="9.61395203764024" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(697.4060335841501, 754.1420281870855)"><circle r="7.833114505304408" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(623.5188746609078, 718.7138010556389)"><circle r="8.19823957854931" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(657.2532926353961, 812.8884643793441)"><circle r="10.909743985515215" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(635.6072644156054, 818.0055939126453)"><circle r="8.242812687235297" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(620.1223300046917, 695.9410033702177)"><circle r="11.736365878647101" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(683.1002271144241, 719.4576878786091)"><circle r="7.692716569220654" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(674.9845798455729, 701.3535586082342)"><circle r="9.057128657419419" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(593.7468054674189, 770.4775222587548)"><circle style="transition:all 0.5s ease-out" r="4.515653090597739" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(703.9568085562246, 774.2267902405074)"><circle r="8.688639491431328" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(679.6427760744831, 810.551097862279)"><circle r="8.511319403161135" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(600.0598529176349, 713.0631306518248)"><circle r="11.549100362778132" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(716.1689018017665, 758.296273416766)"><circle r="8.294047794202221" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(578.5798805075085, 766.2768139043933)"><circle r="8.132154062613951" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(598.0844515275098, 809.4065976207515)"><circle r="12.003222953669372" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(717.6678540241172, 722.9801087431514)"><circle r="23.963818204127712" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(586.2553552027379, 731.7614971484431)"><circle r="8.602858503734101" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(486.5713222147693, 448.09705076007674)"><circle style="transition:all 0.5s ease-out" r="5.090307879072234" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(499.81560994733246, 448.09705076007674)"><circle style="transition:all 0.5s ease-out" r="5.063884877830543" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(493.2186016875042, 458.8153236924069)"><circle style="transition:all 0.5s ease-out" r="4.431801514074617" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(493.2164734280045, 438.65570519889775)"><circle style="transition:all 0.5s ease-out" r="3.365030902920461" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(483.627348340303, 437.0308651631358)"><circle style="transition:all 0.5s ease-out" r="3.2706864314218507" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(355.0256290887786, 592.1364749598065)"><circle style="transition:all 0.5s ease-out" r="8.307754417057364" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(368.1078385946788, 592.1364749598065)"><circle style="transition:all 0.5s ease-out" r="1.684360113182401" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(282.73442272136816, 335.17948626965)"><circle style="transition:all 0.5s ease-out" r="5.051113395004192" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(294.210255582609, 335.17948626965)"><circle style="transition:all 0.5s ease-out" r="3.3346244905762203" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(316.57384094392796, 333.3038260302761)"><circle style="transition:all 0.5s ease-out" r="4.495251354362028" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(327.9818361346287, 333.3038260302761)"><circle style="transition:all 0.5s ease-out" r="3.82264886067826" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(322.89477265470305, 342.06100137343844)"><circle style="transition:all 0.5s ease-out" r="3.2147600436745485" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(175.39902032119775, 514.3765257340974)"><circle style="transition:all 0.5s ease-out" r="3.7557752061975616" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(184.44136674095373, 514.3765257340974)"><circle style="transition:all 0.5s ease-out" r="2.1964762378979406" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(77.47705681383322, 575.0076333734582)"><circle style="transition:all 0.5s ease-out" r="5.856468760852072" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(90.51315574573938, 575.0076333734582)"><circle style="transition:all 0.5s ease-out" r="4.089535195393654" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(85.54158433747928, 584.2857465522728)"><circle style="transition:all 0.5s ease-out" r="3.3465232776811127" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(85.39357291334252, 567.0834222649283)"><circle style="transition:all 0.5s ease-out" r="2.254523212812512" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(204.1120980002563, 735.1550403810298)"><circle style="transition:all 0.5s ease-out" r="2.8900193533638934" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(212.95632719208908, 735.1550403810298)"><circle style="transition:all 0.5s ease-out" r="2.8641148628084157" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(208.5599563039154, 742.7508827540252)"><circle style="transition:all 0.5s ease-out" r="2.8221731489452617" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(210.8038731919248, 706.2037863350635)"><circle style="transition:all 0.5s ease-out" r="3.0619834882465717" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(219.70228202965137, 706.2037863350635)"><circle style="transition:all 0.5s ease-out" r="2.7463303738195615" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(512.7431944835897, 542.9226300520143)"><circle style="transition:all 0.5s ease-out" r="4.736371636220765" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(525.148687204561, 542.9226300520143)"><circle style="transition:all 0.5s ease-out" r="4.579026109090048" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(519.1958977989156, 561.6267267409477)"><circle r="11.959402411858605" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(519.0656858687416, 535.8057558549098)"><circle style="transition:all 0.5s ease-out" r="1.6931865148209124" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(474.9125480906604, 568.6706665519289)"><circle r="13.714701257928633" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(495.69165815701905, 568.6706665519289)"><circle style="transition:all 0.5s ease-out" r="3.974313832769529" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(491.6234749570652, 576.2647899700487)"><circle style="transition:all 0.5s ease-out" r="1.5507420920489186" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(641.857793083636, 743.2252357375703)"><circle style="transition:all 0.5s ease-out" r="3.546898372470941" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(651.2129299175908, 743.2252357375703)"><circle style="transition:all 0.5s ease-out" r="2.7181434858234" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(647.2384171258001, 749.6112651791359)"><circle style="transition:all 0.5s ease-out" r="1.71360466109262" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(624.8571288783971, 774.7932616242894)"><circle style="transition:all 0.5s ease-out" r="3.5265278598589225" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(633.5813394061946, 774.7932616242894)"><circle style="transition:all 0.5s ease-out" r="2.1075876922780643" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(630.3312239157177, 779.9877630446597)"><circle style="transition:all 0.5s ease-out" r="0.9298042318978494" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(659.771988631552, 774.2385413847471)"><circle style="transition:all 0.5s ease-out" r="3.1436507113308734" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(667.4605959612779, 774.2385413847471)"><circle style="transition:all 0.5s ease-out" r="1.4548616427346412" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(622.2376322205478, 752.7330907885262)"><circle style="transition:all 0.5s ease-out" r="2.1205141946337367" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(629.263228975267, 752.7330907885262)"><circle style="transition:all 0.5s ease-out" r="1.8149875844250387" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(626.0110510803768, 757.5840136732179)"><circle style="transition:all 0.5s ease-out" r="0.9351326665340066" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(664.954276333077, 752.6376264326171)"><circle style="transition:all 0.5s ease-out" r="3.505330345474355" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(673.3932093087761, 752.6376264326171)"><circle style="transition:all 0.5s ease-out" r="1.8435076545643867" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(642.9015727170319, 789.7263220069386)"><circle style="transition:all 0.5s ease-out" r="3.7775403514048524" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(651.950931239254, 789.7263220069386)"><circle style="transition:all 0.5s ease-out" r="2.181723195156812" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(648.8073812691576, 796.0188256901242)"><circle style="transition:all 0.5s ease-out" r="1.762206922782862" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(648.6327906343768, 784.6746272692791)"><circle style="transition:all 0.5s ease-out" r="0.7721603860799502" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(661.610556252624, 729.001080084547)"><circle style="transition:all 0.5s ease-out" r="2.529733814123707" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(669.6352648979855, 729.001080084547)"><circle style="transition:all 0.5s ease-out" r="2.4048798555774122" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(665.7350730966751, 734.9895638222055)"><circle style="transition:all 0.5s ease-out" r="1.6515931257054368" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(605.4990179639767, 763.6841131849415)"><circle style="transition:all 0.5s ease-out" r="1.9686304381225024" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(612.4609268543651, 763.6841131849415)"><circle style="transition:all 0.5s ease-out" r="1.903183476605491" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(609.039438939048, 768.9657319443272)"><circle style="transition:all 0.5s ease-out" r="1.2997396054036707" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(680.6596182809357, 767.8381560777361)"><circle style="transition:all 0.5s ease-out" r="2.9830785361484757" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(688.2012505687939, 767.8381560777361)"><circle style="transition:all 0.5s ease-out" r="1.4684587760492118" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(685.7636421397445, 773.1902202938545)"><circle style="transition:all 0.5s ease-out" r="1.3224772996305096" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(665.1987829449395, 793.8034853056811)"><circle style="transition:all 0.5s ease-out" r="1.9572400024690535" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(671.6092963215335, 793.8034853056811)"><circle style="transition:all 0.5s ease-out" r="1.3631783984645511" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(617.9463841153369, 799.061266695285)"><circle style="transition:all 0.5s ease-out" r="3.765024270842792" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(627.9984400836447, 799.061266695285)"><circle style="transition:all 0.5s ease-out" r="3.196936721804498" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(623.4308681547055, 805.4186980776092)"><circle style="transition:all 0.5s ease-out" r="1.5411000788270368" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(605.8744517696393, 734.8002970251559)"><circle style="transition:all 0.5s ease-out" r="3.137322268654544" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(614.9284401290224, 734.8002970251559)"><circle style="transition:all 0.5s ease-out" r="2.826571115068087" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(610.691176584607, 741.9211180567464)"><circle style="transition:all 0.5s ease-out" r="2.3694967431031735" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(644.8716227884385, 707.6816366741626)"><circle style="transition:all 0.5s ease-out" r="4.506842051782389" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(656.2807962667241, 707.6816366741626)"><circle style="transition:all 0.5s ease-out" r="3.812236450842731" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(651.213154523994, 716.435357356754)"><circle style="transition:all 0.5s ease-out" r="3.21244087056254" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(651.2084847614727, 699.0193911763117)"><circle style="transition:all 0.5s ease-out" r="3.135738162384074" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(643.1593909854628, 698.3936593850777)"><circle style="transition:all 0.5s ease-out" r="1.8475460113305064" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(643.8151289548497, 716.3106787958807)"><circle style="transition:all 0.5s ease-out" r="1.0965402491592036" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(681.753654470341, 738.8215935552616)"><circle style="transition:all 0.5s ease-out" r="2.1942129954237437" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(688.8989063513275, 738.8215935552616)"><circle style="transition:all 0.5s ease-out" r="1.8609439099023177" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(589.3160947558493, 751.5841637513855)"><circle style="transition:all 0.5s ease-out" r="2.6850390147956587" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(596.9184937260646, 751.5841637513855)"><circle style="transition:all 0.5s ease-out" r="1.8272649797591956" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(685.1292381277891, 790.8280196471999)"><circle style="transition:all 0.5s ease-out" r="3.094266757985111" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(693.9463157725779, 790.8280196471999)"><circle style="transition:all 0.5s ease-out" r="2.6327159111432774" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(689.9182652955286, 796.5990482906041)"><circle style="transition:all 0.5s ease-out" r="1.314941755101837" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(600.1258858016847, 785.146759814214)"><circle style="transition:all 0.5s ease-out" r="3.8845372493399664" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(608.1947903514947, 785.146759814214)"><circle style="transition:all 0.5s ease-out" r="1.0942723248095976" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(694.439084203399, 752.8539168116357)"><circle style="transition:all 0.5s ease-out" r="1.5085150013580162" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(700.4632313589603, 752.8539168116357)"><circle style="transition:all 0.5s ease-out" r="1.42553717854281" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(697.5299707174426, 757.7182433080726)"><circle style="transition:all 0.5s ease-out" r="1.1646574735371076" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(621.0073406133148, 718.7138010556389)"><circle style="transition:all 0.5s ease-out" r="2.5966105552958427" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(627.6605327040339, 718.7138010556389)"><circle style="transition:all 0.5s ease-out" r="0.9664865597627915" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(653.249792369244, 812.5136274614889)"><circle style="transition:all 0.5s ease-out" r="2.387253854886256" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(660.9494790676305, 812.5136274614889)"><circle style="transition:all 0.5s ease-out" r="2.2223378678397645" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(657.2568621746035, 818.762329415211)"><circle style="transition:all 0.5s ease-out" r="1.9457828893861016" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(657.2495146275234, 806.6715531592614)"><circle style="transition:all 0.5s ease-out" r="1.6027366418272897" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(632.561370932756, 817.0562622790919)"><circle style="transition:all 0.5s ease-out" r="1.962310580920555" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(639.1239374431774, 817.0562622790919)"><circle style="transition:all 0.5s ease-out" r="1.510160953840385" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(636.2518147585714, 821.9942830788109)"><circle style="transition:all 0.5s ease-out" r="1.1122862483639773" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(615.1267502364619, 695.4855852419328)"><circle style="transition:all 0.5s ease-out" r="3.629975168850077" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(624.4165023953042, 695.4855852419328)"><circle style="transition:all 0.5s ease-out" r="2.569682014331706" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(620.7256970492358, 702.3899486073914)"><circle style="transition:all 0.5s ease-out" r="2.1691614811452062" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(620.6789269040306, 689.0766464806136)"><circle style="transition:all 0.5s ease-out" r="1.7593851324653142" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(680.1157682799444, 719.4576878786091)"><circle style="transition:all 0.5s ease-out" r="1.6181627590805197" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(686.2634373613348, 719.4576878786091)"><circle style="transition:all 0.5s ease-out" r="1.4394113466494574" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(671.2841580595983, 701.3535586082342)"><circle style="transition:all 0.5s ease-out" r="2.266611895784463" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(678.7962392291876, 701.3535586082342)"><circle style="transition:all 0.5s ease-out" r="2.1553742981442805" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(700.5378266349344, 773.342761257995)"><circle style="transition:all 0.5s ease-out" r="2.0671220516593807" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(707.5719388116927, 773.342761257995)"><circle style="transition:all 0.5s ease-out" r="1.8768951494384656" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(704.2253967023112, 778.5739710717259)"><circle style="transition:all 0.5s ease-out" r="1.2430743033218217" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(676.358280029361, 810.4685052976484)"><circle style="transition:all 0.5s ease-out" r="2.1356901022873624" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(683.3235695435759, 810.4685052976484)"><circle style="transition:all 0.5s ease-out" r="1.7395044362671297" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(680.1726138078853, 815.1381335133922)"><circle style="transition:all 0.5s ease-out" r="0.8036900109186371" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(595.9257285666528, 712.5474759937478)"><circle style="transition:all 0.5s ease-out" r="4.292846019573039" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(605.9024082889612, 712.5474759937478)"><circle style="transition:all 0.5s ease-out" r="2.5937387270748773" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(602.3475310467699, 719.22785111957)"><circle style="transition:all 0.5s ease-out" r="1.88350162938482" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(713.1087662313319, 758.296273416766)"><circle style="transition:all 0.5s ease-out" r="2.1438172481071445" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(719.8577665377039, 758.296273416766)"><circle style="transition:all 0.5s ease-out" r="1.515088082604401" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(716.9953158260646, 762.6161230536652)"><circle style="transition:all 0.5s ease-out" r="0.5769714128005407" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#c6538c;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(575.466613222514, 765.16626265111)"><circle style="transition:all 0.5s ease-out" r="1.7366457581870784" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(581.8663642540389, 765.16626265111)"><circle style="transition:all 0.5s ease-out" r="1.5730102976774254" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(578.817754185287, 770.1405182190921)"><circle style="transition:all 0.5s ease-out" r="1.171039206095004" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(594.1190784257402, 809.4065976207515)"><circle style="transition:all 0.5s ease-out" r="4.947754876239337" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(604.5772538915794, 809.4065976207515)"><circle style="transition:all 0.5s ease-out" r="2.420325613939358" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(701.801279822791, 722.9801087431514)"><circle style="transition:all 0.5s ease-out" r="5.007149027141028" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(724.2200505390884, 722.9801087431514)"><circle r="14.321526713496006" style="transition:all 0.5s ease-out" stroke="#290819" stroke-opacity="0.2" stroke-width="1" fill="white"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(706.372701438924, 733.335697738899)"><circle style="transition:all 0.5s ease-out" r="3.2224785662942192" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(582.792819275666, 731.7614971484431)"><circle style="transition:all 0.5s ease-out" r="2.050227601001782" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(589.8506302915698, 731.7614971484431)"><circle style="transition:all 0.5s ease-out" r="1.9174884392416425" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(514.2777082229705, 561.6267267409477)"><circle style="transition:all 0.5s ease-out" r="3.951117860253216" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(524.692063146999, 561.6267267409477)"><circle style="transition:all 0.5s ease-out" r="3.373142088114712" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(469.05384052434215, 566.4669679671936)"><circle style="transition:all 0.5s ease-out" r="4.36515408578973" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(480.6911300064937, 566.4669679671936)"><circle style="transition:all 0.5s ease-out" r="4.182040420701364" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#0060ac;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(475.04453773347166, 575.7234048225148)"><circle style="transition:all 0.5s ease-out" r="3.570633048749549" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(475.01354832703026, 559.6478113974291)"><circle style="transition:all 0.5s ease-out" r="1.6011858561309782" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(720.9686788473102, 723.1280879743406)"><circle style="transition:all 0.5s ease-out" r="2.968887232741754" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(729.8769921693718, 723.1280879743406)"><circle style="transition:all 0.5s ease-out" r="2.849331113659366" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(725.5332196254669, 730.04189618804)"><circle style="transition:all 0.5s ease-out" r="2.22568896982044" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(725.5320117744479, 716.3215729427196)"><circle style="transition:all 0.5s ease-out" r="2.1356901022873624" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(718.4688430326227, 715.5990155683271)"><circle style="transition:all 0.5s ease-out" r="1.8742460371097995" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(718.4849113899397, 730.5309841876265)"><circle style="transition:all 0.5s ease-out" r="1.7494730246752903" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(731.8721842460943, 716.3621934306204)"><circle style="transition:all 0.5s ease-out" r="1.1145175169020614" stroke-width="0" stroke="#374151"></circle></g><g style="fill:#41b883;transition:transform 0s ease-out, fill 0.1s ease-out" transform="translate(731.8275094667355, 729.7714061195198)"><circle style="transition:all 0.5s ease-out" r="0.9843152190612513" stroke-width="0" stroke="#374151"></circle></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(540.5697710913915, 253.44102520655733)"><path fill="none" d="M 0 65.78683855919732 A 65.78683855919732 65.78683855919732 0 0 1 0 -65.78683855919732 A 65.78683855919732 65.78683855919732 0 0 1 0 65.78683855919732" id="CircleText--1" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--1" startOffset="50%">utils</textPath></text><path fill="none" d="M 0 65.78683855919732 A 65.78683855919732 65.78683855919732 0 0 1 0 -65.78683855919732 A 65.78683855919732 65.78683855919732 0 0 1 0 65.78683855919732" id="CircleText--2" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--2" startOffset="50%">utils</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(709.9137431549292, 524.229833437309)"><path fill="none" d="M 0 57.33102143907996 A 57.33102143907996 57.33102143907996 0 0 1 0 -57.33102143907996 A 57.33102143907996 57.33102143907996 0 0 1 0 57.33102143907996" id="CircleText--3" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--3" startOffset="50%">tests</textPath></text><path fill="none" d="M 0 57.33102143907996 A 57.33102143907996 57.33102143907996 0 0 1 0 -57.33102143907996 A 57.33102143907996 57.33102143907996 0 0 1 0 57.33102143907996" id="CircleText--4" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--4" startOffset="50%">tests</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(627.6013733085811, 567.7530131688485)"><path fill="none" d="M 0 28.49207244111831 A 28.49207244111831 28.49207244111831 0 0 1 0 -28.49207244111831 A 28.49207244111831 28.49207244111831 0 0 1 0 28.49207244111831" id="CircleText--5" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--5" startOffset="50%">stores</textPath></text><path fill="none" d="M 0 28.49207244111831 A 28.49207244111831 28.49207244111831 0 0 1 0 -28.49207244111831 A 28.49207244111831 28.49207244111831 0 0 1 0 28.49207244111831" id="CircleText--6" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--6" startOffset="50%">stores</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(678.0757695411975, 161.02978898163863)"><path fill="none" d="M 0 93.89409580150578 A 93.89409580150578 93.89409580150578 0 0 1 0 -93.89409580150578 A 93.89409580150578 93.89409580150578 0 0 1 0 93.89409580150578" id="CircleText--7" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--7" startOffset="50%">queries</textPath></text><path fill="none" d="M 0 93.89409580150578 A 93.89409580150578 93.89409580150578 0 0 1 0 -93.89409580150578 A 93.89409580150578 93.89409580150578 0 0 1 0 93.89409580150578" id="CircleText--8" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--8" startOffset="50%">queries</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(565.5329174431446, 343.3525212806462)"><path fill="none" d="M 0 21.723658933265718 A 21.723658933265718 21.723658933265718 0 0 1 0 -21.723658933265718 A 21.723658933265718 21.723658933265718 0 0 1 0 21.723658933265718" id="CircleText--9" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--9" startOffset="50%">plugins</textPath></text><path fill="none" d="M 0 21.723658933265718 A 21.723658933265718 21.723658933265718 0 0 1 0 -21.723658933265718 A 21.723658933265718 21.723658933265718 0 0 1 0 21.723658933265718" id="CircleText--10" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--10" startOffset="50%">plugins</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(607.4936602781471, 420.79435372144604)"><path fill="none" d="M 0 22.832491422096133 A 22.832491422096133 22.832491422096133 0 0 1 0 -22.832491422096133 A 22.832491422096133 22.832491422096133 0 0 1 0 22.832491422096133" id="CircleText--11" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--11" startOffset="50%">params</textPath></text><path fill="none" d="M 0 22.832491422096133 A 22.832491422096133 22.832491422096133 0 0 1 0 -22.832491422096133 A 22.832491422096133 22.832491422096133 0 0 1 0 22.832491422096133" id="CircleText--12" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--12" startOffset="50%">params</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(413.99314181631206, 177.1605063385172)"><path fill="none" d="M 0 76.01501943732305 A 76.01501943732305 76.01501943732305 0 0 1 0 -76.01501943732305 A 76.01501943732305 76.01501943732305 0 0 1 0 76.01501943732305" id="CircleText--13" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--13" startOffset="50%">pages</textPath></text><path fill="none" d="M 0 76.01501943732305 A 76.01501943732305 76.01501943732305 0 0 1 0 -76.01501943732305 A 76.01501943732305 76.01501943732305 0 0 1 0 76.01501943732305" id="CircleText--14" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--14" startOffset="50%">pages</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(702.2075115168344, 749.2839325045687)"><path fill="none" d="M 0 161.89625839909502 A 161.89625839909502 161.89625839909502 0 0 1 0 -161.89625839909502 A 161.89625839909502 161.89625839909502 0 0 1 0 161.89625839909502" id="CircleText--15" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--15" startOffset="50%">libs</textPath></text><path fill="none" d="M 0 161.89625839909502 A 161.89625839909502 161.89625839909502 0 0 1 0 -161.89625839909502 A 161.89625839909502 161.89625839909502 0 0 1 0 161.89625839909502" id="CircleText--16" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--16" startOffset="50%">libs</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(625.0452140671379, 510.7871578048297)"><path fill="none" d="M 0 22.848104198057893 A 22.848104198057893 22.848104198057893 0 0 1 0 -22.848104198057893 A 22.848104198057893 22.848104198057893 0 0 1 0 22.848104198057893" id="CircleText--17" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--17" startOffset="50%">layouts</textPath></text><path fill="none" d="M 0 22.848104198057893 A 22.848104198057893 22.848104198057893 0 0 1 0 -22.848104198057893 A 22.848104198057893 22.848104198057893 0 0 1 0 22.848104198057893" id="CircleText--18" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--18" startOffset="50%">layouts</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(703.5996871328973, 349.88464558736837)"><path fill="none" d="M 0 90.69625801321746 A 90.69625801321746 90.69625801321746 0 0 1 0 -90.69625801321746 A 90.69625801321746 90.69625801321746 0 0 1 0 90.69625801321746" id="CircleText--19" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--19" startOffset="50%">composables</textPath></text><path fill="none" d="M 0 90.69625801321746 A 90.69625801321746 90.69625801321746 0 0 1 0 -90.69625801321746 A 90.69625801321746 90.69625801321746 0 0 1 0 90.69625801321746" id="CircleText--20" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--20" startOffset="50%">composables</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(320.52216703702885, 522.6939807535833)"><path fill="none" d="M 0 275.9076318209252 A 275.9076318209252 275.9076318209252 0 0 1 0 -275.9076318209252 A 275.9076318209252 275.9076318209252 0 0 1 0 275.9076318209252" id="CircleText--21" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--21" startOffset="50%">components</textPath></text><path fill="none" d="M 0 275.9076318209252 A 275.9076318209252 275.9076318209252 0 0 1 0 -275.9076318209252 A 275.9076318209252 275.9076318209252 0 0 1 0 275.9076318209252" id="CircleText--22" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--22" startOffset="50%">components</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(865.4158804326206, 466.3409597491793)"><path fill="none" d="M 0 102.65219699621262 A 102.65219699621262 102.65219699621262 0 0 1 0 -102.65219699621262 A 102.65219699621262 102.65219699621262 0 0 1 0 102.65219699621262" id="CircleText--23" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--23" startOffset="50%">public</textPath></text><path fill="none" d="M 0 102.65219699621262 A 102.65219699621262 102.65219699621262 0 0 1 0 -102.65219699621262 A 102.65219699621262 102.65219699621262 0 0 1 0 102.65219699621262" id="CircleText--24" transform="rotate(1)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:15px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--24" startOffset="50%">public</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(578.0724404902594, 264.73397547153934)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--25" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--25" startOffset="50%">config</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--26" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--26" startOffset="50%">config</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(499.32578605547764, 248.5426293059753)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--27" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--27" startOffset="50%">api</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--28" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--28" startOffset="50%">api</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(688.8029310354194, 533.1677790865203)"><path fill="none" d="M 0 27.40607300351099 A 27.40607300351099 27.40607300351099 0 0 1 0 -27.40607300351099 A 27.40607300351099 27.40607300351099 0 0 1 0 27.40607300351099" id="CircleText--29" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--29" startOffset="50%">e2e</textPath></text><path fill="none" d="M 0 27.40607300351099 A 27.40607300351099 27.40607300351099 0 0 1 0 -27.40607300351099 A 27.40607300351099 27.40607300351099 0 0 1 0 27.40607300351099" id="CircleText--30" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--30" startOffset="50%">e2e</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(696.179866501019, 158.33436425608517)"><path fill="none" d="M 0 68.59044476730652 A 68.59044476730652 68.59044476730652 0 0 1 0 -68.59044476730652 A 68.59044476730652 68.59044476730652 0 0 1 0 68.59044476730652" id="CircleText--31" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--31" startOffset="50%">subsquid</textPath></text><path fill="none" d="M 0 68.59044476730652 A 68.59044476730652 68.59044476730652 0 0 1 0 -68.59044476730652 A 68.59044476730652 68.59044476730652 0 0 1 0 68.59044476730652" id="CircleText--32" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--32" startOffset="50%">subsquid</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(383.16362909931905, 190.16866139992064)"><path fill="none" d="M 0 35.273590868697376 A 35.273590868697376 35.273590868697376 0 0 1 0 -35.273590868697376 A 35.273590868697376 35.273590868697376 0 0 1 0 35.273590868697376" id="CircleText--33" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--33" startOffset="50%">[prefix]</textPath></text><path fill="none" d="M 0 35.273590868697376 A 35.273590868697376 35.273590868697376 0 0 1 0 -35.273590868697376 A 35.273590868697376 35.273590868697376 0 0 1 0 35.273590868697376" id="CircleText--34" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--34" startOffset="50%">[prefix]</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(674.4768151434062, 749.2839325045687)"><path fill="none" d="M 0 122.13131508894955 A 122.13131508894955 122.13131508894955 0 0 1 0 -122.13131508894955 A 122.13131508894955 122.13131508894955 0 0 1 0 122.13131508894955" id="CircleText--35" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--35" startOffset="50%">ui</textPath></text><path fill="none" d="M 0 122.13131508894955 A 122.13131508894955 122.13131508894955 0 0 1 0 -122.13131508894955 A 122.13131508894955 122.13131508894955 0 0 1 0 122.13131508894955" id="CircleText--36" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--36" startOffset="50%">ui</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(827.3559500741426, 749.2839325045687)"><path fill="none" d="M 0 24.713572905069725 A 24.713572905069725 24.713572905069725 0 0 1 0 -24.713572905069725 A 24.713572905069725 24.713572905069725 0 0 1 0 24.713572905069725" id="CircleText--37" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--37" startOffset="50%">static</textPath></text><path fill="none" d="M 0 24.713572905069725 A 24.713572905069725 24.713572905069725 0 0 1 0 -24.713572905069725 A 24.713572905069725 24.713572905069725 0 0 1 0 24.713572905069725" id="CircleText--38" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--38" startOffset="50%">static</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(730.3904369748899, 334.3490931000688)"><path fill="none" d="M 0 42.72695598391968 A 42.72695598391968 42.72695598391968 0 0 1 0 -42.72695598391968 A 42.72695598391968 42.72695598391968 0 0 1 0 42.72695598391968" id="CircleText--39" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--39" startOffset="50%">transaction</textPath></text><path fill="none" d="M 0 42.72695598391968 A 42.72695598391968 42.72695598391968 0 0 1 0 -42.72695598391968 A 42.72695598391968 42.72695598391968 0 0 1 0 42.72695598391968" id="CircleText--40" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--40" startOffset="50%">transaction</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(647.8951024356016, 351.001759005588)"><path fill="none" d="M 0 27.980473008540805 A 27.980473008540805 27.980473008540805 0 0 1 0 -27.980473008540805 A 27.980473008540805 27.980473008540805 0 0 1 0 27.980473008540805" id="CircleText--41" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--41" startOffset="50%">massmint</textPath></text><path fill="none" d="M 0 27.980473008540805 A 27.980473008540805 27.980473008540805 0 0 1 0 -27.980473008540805 A 27.980473008540805 27.980473008540805 0 0 1 0 27.980473008540805" id="CircleText--42" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--42" startOffset="50%">massmint</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(262.1010360820211, 437.84043129528163)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--43" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--43" startOffset="50%">transfer</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--44" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--44" startOffset="50%">transfer</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(472.02040802003444, 411.72179320005876)"><path fill="none" d="M 0 71.1137463204663 A 71.1137463204663 71.1137463204663 0 0 1 0 -71.1137463204663 A 71.1137463204663 71.1137463204663 0 0 1 0 71.1137463204663" id="CircleText--45" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--45" startOffset="50%">shared</textPath></text><path fill="none" d="M 0 71.1137463204663 A 71.1137463204663 71.1137463204663 0 0 1 0 -71.1137463204663 A 71.1137463204663 71.1137463204663 0 0 1 0 71.1137463204663" id="CircleText--46" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--46" startOffset="50%">shared</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(226.23577070247015, 473.43120632619355)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--47" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--47" startOffset="50%">series</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--48" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--48" startOffset="50%">series</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(335.56476246254965, 433.70361186603134)"><path fill="none" d="M 0 29.032118095607913 A 29.032118095607913 29.032118095607913 0 0 1 0 -29.032118095607913 A 29.032118095607913 29.032118095607913 0 0 1 0 29.032118095607913" id="CircleText--49" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--49" startOffset="50%">search</textPath></text><path fill="none" d="M 0 29.032118095607913 A 29.032118095607913 29.032118095607913 0 0 1 0 -29.032118095607913 A 29.032118095607913 29.032118095607913 0 0 1 0 29.032118095607913" id="CircleText--50" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--50" startOffset="50%">search</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(340.2475608181682, 587.9379294547714)"><path fill="none" d="M 0 50.73674050382479 A 50.73674050382479 50.73674050382479 0 0 1 0 -50.73674050382479 A 50.73674050382479 50.73674050382479 0 0 1 0 50.73674050382479" id="CircleText--51" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--51" startOffset="50%">rmrk</textPath></text><path fill="none" d="M 0 50.73674050382479 A 50.73674050382479 50.73674050382479 0 0 1 0 -50.73674050382479 A 50.73674050382479 50.73674050382479 0 0 1 0 50.73674050382479" id="CircleText--52" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--52" startOffset="50%">rmrk</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(383.88309149856656, 503.2264029853841)"><path fill="none" d="M 0 32.66466262777399 A 32.66466262777399 32.66466262777399 0 0 1 0 -32.66466262777399 A 32.66466262777399 32.66466262777399 0 0 1 0 32.66466262777399" id="CircleText--53" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--53" startOffset="50%">profile</textPath></text><path fill="none" d="M 0 32.66466262777399 A 32.66466262777399 32.66466262777399 0 0 1 0 -32.66466262777399 A 32.66466262777399 32.66466262777399 0 0 1 0 32.66466262777399" id="CircleText--54" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--54" startOffset="50%">profile</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(294.567460515833, 478.18907226483634)"><path fill="none" d="M 0 20.108399507902767 A 20.108399507902767 20.108399507902767 0 0 1 0 -20.108399507902767 A 20.108399507902767 20.108399507902767 0 0 1 0 20.108399507902767" id="CircleText--55" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--55" startOffset="50%">navbar</textPath></text><path fill="none" d="M 0 20.108399507902767 A 20.108399507902767 20.108399507902767 0 0 1 0 -20.108399507902767 A 20.108399507902767 20.108399507902767 0 0 1 0 20.108399507902767" id="CircleText--56" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--56" startOffset="50%">navbar</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(279.83649447440735, 335.17948626965)"><path fill="none" d="M 0 72.41030018681273 A 72.41030018681273 72.41030018681273 0 0 1 0 -72.41030018681273 A 72.41030018681273 72.41030018681273 0 0 1 0 72.41030018681273" id="CircleText--57" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--57" startOffset="50%">migrate</textPath></text><path fill="none" d="M 0 72.41030018681273 A 72.41030018681273 72.41030018681273 0 0 1 0 -72.41030018681273 A 72.41030018681273 72.41030018681273 0 0 1 0 72.41030018681273" id="CircleText--58" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--58" startOffset="50%">migrate</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(120.96308343734964, 405.9709867349378)"><path fill="none" d="M 0 37.71921260443304 A 37.71921260443304 37.71921260443304 0 0 1 0 -37.71921260443304 A 37.71921260443304 37.71921260443304 0 0 1 0 37.71921260443304" id="CircleText--59" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--59" startOffset="50%">massmint</textPath></text><path fill="none" d="M 0 37.71921260443304 A 37.71921260443304 37.71921260443304 0 0 1 0 -37.71921260443304 A 37.71921260443304 37.71921260443304 0 0 1 0 37.71921260443304" id="CircleText--60" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--60" startOffset="50%">massmint</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(178.63859796550008, 513.8875194794099)"><path fill="none" d="M 0 30.14290170465283 A 30.14290170465283 30.14290170465283 0 0 1 0 -30.14290170465283 A 30.14290170465283 30.14290170465283 0 0 1 0 30.14290170465283" id="CircleText--61" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--61" startOffset="50%">landing</textPath></text><path fill="none" d="M 0 30.14290170465283 A 30.14290170465283 30.14290170465283 0 0 1 0 -30.14290170465283 A 30.14290170465283 30.14290170465283 0 0 1 0 30.14290170465283" id="CircleText--62" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--62" startOffset="50%">landing</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(255.0593080043207, 535.3977197264578)"><path fill="none" d="M 0 37.6273870034085 A 37.6273870034085 37.6273870034085 0 0 1 0 -37.6273870034085 A 37.6273870034085 37.6273870034085 0 0 1 0 37.6273870034085" id="CircleText--63" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--63" startOffset="50%">items</textPath></text><path fill="none" d="M 0 37.6273870034085 A 37.6273870034085 37.6273870034085 0 0 1 0 -37.6273870034085 A 37.6273870034085 37.6273870034085 0 0 1 0 37.6273870034085" id="CircleText--64" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--64" startOffset="50%">items</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(166.53261376834934, 341.01111165441347)"><path fill="none" d="M 0 30.744982692239233 A 30.744982692239233 30.744982692239233 0 0 1 0 -30.744982692239233 A 30.744982692239233 30.744982692239233 0 0 1 0 30.744982692239233" id="CircleText--65" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--65" startOffset="50%">identity</textPath></text><path fill="none" d="M 0 30.744982692239233 A 30.744982692239233 30.744982692239233 0 0 1 0 -30.744982692239233 A 30.744982692239233 30.744982692239233 0 0 1 0 30.744982692239233" id="CircleText--66" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--66" startOffset="50%">identity</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(114.95336035832187, 583.6394214351435)"><path fill="none" d="M 0 54.49475669637215 A 54.49475669637215 54.49475669637215 0 0 1 0 -54.49475669637215 A 54.49475669637215 54.49475669637215 0 0 1 0 54.49475669637215" id="CircleText--67" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--67" startOffset="50%">gallery</textPath></text><path fill="none" d="M 0 54.49475669637215 A 54.49475669637215 54.49475669637215 0 0 1 0 -54.49475669637215 A 54.49475669637215 54.49475669637215 0 0 1 0 54.49475669637215" id="CircleText--68" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--68" startOffset="50%">gallery</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(310.63010884579825, 678.1008172023537)"><path fill="none" d="M 0 21.374903229778113 A 21.374903229778113 21.374903229778113 0 0 1 0 -21.374903229778113 A 21.374903229778113 21.374903229778113 0 0 1 0 21.374903229778113" id="CircleText--69" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--69" startOffset="50%">explore</textPath></text><path fill="none" d="M 0 21.374903229778113 A 21.374903229778113 21.374903229778113 0 0 1 0 -21.374903229778113 A 21.374903229778113 21.374903229778113 0 0 1 0 21.374903229778113" id="CircleText--70" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--70" startOffset="50%">explore</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(217.9404081713772, 416.08624113387367)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--71" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--71" startOffset="50%">drops</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--72" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--72" startOffset="50%">drops</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(406.5316862952652, 314.9363600712659)"><path fill="none" d="M 0 34.05019619868335 A 34.05019619868335 34.05019619868335 0 0 1 0 -34.05019619868335 A 34.05019619868335 34.05019619868335 0 0 1 0 34.05019619868335" id="CircleText--73" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--73" startOffset="50%">create</textPath></text><path fill="none" d="M 0 34.05019619868335 A 34.05019619868335 34.05019619868335 0 0 1 0 -34.05019619868335 A 34.05019619868335 34.05019619868335 0 0 1 0 34.05019619868335" id="CircleText--74" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--74" startOffset="50%">create</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(207.24825328319673, 684.2784560795229)"><path fill="none" d="M 0 71.57410146313276 A 71.57410146313276 71.57410146313276 0 0 1 0 -71.57410146313276 A 71.57410146313276 71.57410146313276 0 0 1 0 71.57410146313276" id="CircleText--75" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--75" startOffset="50%">common</textPath></text><path fill="none" d="M 0 71.57410146313276 A 71.57410146313276 71.57410146313276 0 0 1 0 -71.57410146313276 A 71.57410146313276 71.57410146313276 0 0 1 0 71.57410146313276" id="CircleText--76" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--76" startOffset="50%">common</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(490.08732183068526, 581.8056150662738)"><path fill="none" d="M 0 89.33445166499568 A 89.33445166499568 89.33445166499568 0 0 1 0 -89.33445166499568 A 89.33445166499568 89.33445166499568 0 0 1 0 89.33445166499568" id="CircleText--77" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--77" startOffset="50%">collection</textPath></text><path fill="none" d="M 0 89.33445166499568 A 89.33445166499568 89.33445166499568 0 0 1 0 -89.33445166499568 A 89.33445166499568 89.33445166499568 0 0 1 0 89.33445166499568" id="CircleText--78" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--78" startOffset="50%">collection</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(86.9482624762083, 489.11726679827086)"><path fill="none" d="M 0 32.93270812812223 A 32.93270812812223 32.93270812812223 0 0 1 0 -32.93270812812223 A 32.93270812812223 32.93270812812223 0 0 1 0 32.93270812812223" id="CircleText--79" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--79" startOffset="50%">carousel</textPath></text><path fill="none" d="M 0 32.93270812812223 A 32.93270812812223 32.93270812812223 0 0 1 0 -32.93270812812223 A 32.93270812812223 32.93270812812223 0 0 1 0 32.93270812812223" id="CircleText--80" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--80" startOffset="50%">carousel</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(387.856909336063, 684.2686448534173)"><path fill="none" d="M 0 44.17075666194481 A 44.17075666194481 44.17075666194481 0 0 1 0 -44.17075666194481 A 44.17075666194481 44.17075666194481 0 0 1 0 44.17075666194481" id="CircleText--81" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--81" startOffset="50%">bsx</textPath></text><path fill="none" d="M 0 44.17075666194481 A 44.17075666194481 44.17075666194481 0 0 1 0 -44.17075666194481 A 44.17075666194481 44.17075666194481 0 0 1 0 44.17075666194481" id="CircleText--82" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--82" startOffset="50%">bsx</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(143.20930524908354, 465.96913027905174)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--83" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--83" startOffset="50%">base</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--84" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--84" startOffset="50%">base</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(930.5248612749109, 456.61151342804123)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--85" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--85" startOffset="50%">drop</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--86" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--86" startOffset="50%">drop</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(836.2464016786226, 456.3223917805049)"><path fill="none" d="M 0 63.3157781755765 A 63.3157781755765 63.3157781755765 0 0 1 0 -63.3157781755765 A 63.3157781755765 63.3157781755765 0 0 1 0 63.3157781755765" id="CircleText--87" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--87" startOffset="50%">blog</textPath></text><path fill="none" d="M 0 63.3157781755765 A 63.3157781755765 63.3157781755765 0 0 1 0 -63.3157781755765 A 63.3157781755765 63.3157781755765 0 0 1 0 63.3157781755765" id="CircleText--88" transform="rotate(2)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:14px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--88" startOffset="50%">blog</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(695.1049821243477, 179.4824472312788)"><path fill="none" d="M 0 24.88089611941612 A 24.88089611941612 24.88089611941612 0 0 1 0 -24.88089611941612 A 24.88089611941612 24.88089611941612 0 0 1 0 24.88089611941612" id="CircleText--89" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--89" startOffset="50%">general</textPath></text><path fill="none" d="M 0 24.88089611941612 A 24.88089611941612 24.88089611941612 0 0 1 0 -24.88089611941612 A 24.88089611941612 24.88089611941612 0 0 1 0 24.88089611941612" id="CircleText--90" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--90" startOffset="50%">general</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(668.4199672771957, 749.2839325045687)"><path fill="none" d="M 0 108.98437224707872 A 108.98437224707872 108.98437224707872 0 0 1 0 -108.98437224707872 A 108.98437224707872 108.98437224707872 0 0 1 0 108.98437224707872" id="CircleText--91" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--91" startOffset="50%">src</textPath></text><path fill="none" d="M 0 108.98437224707872 A 108.98437224707872 108.98437224707872 0 0 1 0 -108.98437224707872 A 108.98437224707872 108.98437224707872 0 0 1 0 108.98437224707872" id="CircleText--92" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--92" startOffset="50%">src</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(481.75131693405467, 448.25220504590436)"><path fill="none" d="M 0 26.309492883583623 A 26.309492883583623 26.309492883583623 0 0 1 0 -26.309492883583623 A 26.309492883583623 26.309492883583623 0 0 1 0 26.309492883583623" id="CircleText--93" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--93" startOffset="50%">filters</textPath></text><path fill="none" d="M 0 26.309492883583623 A 26.309492883583623 26.309492883583623 0 0 1 0 -26.309492883583623 A 26.309492883583623 26.309492883583623 0 0 1 0 26.309492883583623" id="CircleText--94" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--94" startOffset="50%">filters</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(357.5783582311841, 585.1498401501603)"><path fill="none" d="M 0 26.18310894390296 A 26.18310894390296 26.18310894390296 0 0 1 0 -26.18310894390296 A 26.18310894390296 26.18310894390296 0 0 1 0 26.18310894390296" id="CircleText--95" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--95" startOffset="50%">Gallery</textPath></text><path fill="none" d="M 0 26.18310894390296 A 26.18310894390296 26.18310894390296 0 0 1 0 -26.18310894390296 A 26.18310894390296 26.18310894390296 0 0 1 0 26.18310894390296" id="CircleText--96" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--96" startOffset="50%">Gallery</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(237.4925808507905, 335.17948626965)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--97" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--97" startOffset="50%">steps</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--98" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--98" startOffset="50%">steps</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(304.8857575692446, 335.17948626965)"><path fill="none" d="M 0 35.32679015525828 A 35.32679015525828 35.32679015525828 0 0 1 0 -35.32679015525828 A 35.32679015525828 35.32679015525828 0 0 1 0 35.32679015525828" id="CircleText--99" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--99" startOffset="50%">landing</textPath></text><path fill="none" d="M 0 35.32679015525828 A 35.32679015525828 35.32679015525828 0 0 1 0 -35.32679015525828 A 35.32679015525828 35.32679015525828 0 0 1 0 35.32679015525828" id="CircleText--100" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--100" startOffset="50%">landing</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(248.77119270972423, 535.3977197264578)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--101" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--101" startOffset="50%">ItemsGrid</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--102" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--102" startOffset="50%">ItemsGrid</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(210.12776801504734, 720.1625292482124)"><path fill="none" d="M 0 28.57468046408323 A 28.57468046408323 28.57468046408323 0 0 1 0 -28.57468046408323 A 28.57468046408323 28.57468046408323 0 0 1 0 28.57468046408323" id="CircleText--103" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--103" startOffset="50%">listingCart</textPath></text><path fill="none" d="M 0 28.57468046408323 A 28.57468046408323 28.57468046408323 0 0 1 0 -28.57468046408323 A 28.57468046408323 28.57468046408323 0 0 1 0 28.57468046408323" id="CircleText--104" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--104" startOffset="50%">listingCart</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(481.28065175989525, 640.6817163764435)"><path fill="none" d="M 0 22.803344307403982 A 22.803344307403982 22.803344307403982 0 0 1 0 -22.803344307403982 A 22.803344307403982 22.803344307403982 0 0 1 0 22.803344307403982" id="CircleText--105" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--105" startOffset="50%">unlockable</textPath></text><path fill="none" d="M 0 22.803344307403982 A 22.803344307403982 22.803344307403982 0 0 1 0 -22.803344307403982 A 22.803344307403982 22.803344307403982 0 0 1 0 22.803344307403982" id="CircleText--106" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--106" startOffset="50%">unlockable</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(425.4892735411246, 585.2692725489889)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--107" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--107" startOffset="50%">drop</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--108" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--108" startOffset="50%">drop</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(503.2776434857757, 559.9259104898945)"><path fill="none" d="M 0 46.78633905927889 A 46.78633905927889 46.78633905927889 0 0 1 0 -46.78633905927889 A 46.78633905927889 46.78633905927889 0 0 1 0 46.78633905927889" id="CircleText--109" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--109" startOffset="50%">activity</textPath></text><path fill="none" d="M 0 46.78633905927889 A 46.78633905927889 46.78633905927889 0 0 1 0 -46.78633905927889 A 46.78633905927889 46.78633905927889 0 0 1 0 46.78633905927889" id="CircleText--110" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--110" startOffset="50%">activity</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(398.21133564214, 676.3036368461038)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--111" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--111" startOffset="50%">Offer</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--112" transform="rotate(3)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:13px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--112" startOffset="50%">Offer</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(662.093019729347, 761.8174453159271)"><path fill="none" d="M 0 87.85436243315392 A 87.85436243315392 87.85436243315392 0 0 1 0 -87.85436243315392 A 87.85436243315392 87.85436243315392 0 0 1 0 87.85436243315392" id="CircleText--113" transform="rotate(4)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:12px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--113" startOffset="50%">components</textPath></text><path fill="none" d="M 0 87.85436243315392 A 87.85436243315392 87.85436243315392 0 0 1 0 -87.85436243315392 A 87.85436243315392 87.85436243315392 0 0 1 0 87.85436243315392" id="CircleText--114" transform="rotate(4)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:12px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--114" startOffset="50%">components</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(489.1175183264588, 448.25220504590436)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--115" transform="rotate(4)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:12px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--115" startOffset="50%">modules</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--116" transform="rotate(4)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:12px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--116" startOffset="50%">modules</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(480.4319094112601, 568.6706665519289)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--117" transform="rotate(4)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:12px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--117" startOffset="50%">events</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--118" transform="rotate(4)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:12px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--118" startOffset="50%">events</textPath></text></g><g style="pointer-events:none;transition:all 0.5s ease-out" transform="translate(717.6678540241172, 722.9801087431514)"><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--119" transform="rotate(5)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:11px;transition:all 0.5s ease-out" fill="#374151" stroke="white" stroke-width="6"><textPath href="#CircleText--119" startOffset="50%">MediaItem</textPath></text><path fill="none" d="M 0 20 A 20 20 0 0 1 0 -20 A 20 20 0 0 1 0 20" id="CircleText--120" transform="rotate(5)" style="pointer-events:none"></path><text text-anchor="middle" style="font-size:11px;transition:all 0.5s ease-out" fill="#374151"><textPath href="#CircleText--120" startOffset="50%">MediaItem</textPath></text></g><g transform="translate(940, 770)"><g transform="translate(0, 0)"><circle r="5" fill="#6594b9"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.ahk</text></g><g transform="translate(0, 15)"><circle r="5" fill="#237346"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.csv</text></g><g transform="translate(0, 30)"><circle r="5" fill="#0060ac"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.filters</text></g><g transform="translate(0, 45)"><circle r="5" fill="#e10098"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.graphql</text></g><g transform="translate(0, 60)"><circle r="5" fill="#f1e05a"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.js</text></g><g transform="translate(0, 75)"><circle r="5" fill="#f1e05a"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.mjs</text></g><g transform="translate(0, 90)"><circle r="5" fill="#c6538c"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.scss</text></g><g transform="translate(0, 105)"><circle r="5" fill="#e38c00"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.tab</text></g><g transform="translate(0, 120)"><circle r="5" fill="#0060ac"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.ts</text></g><g transform="translate(0, 135)"><circle r="5" fill="#199f4b"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.txt</text></g><g transform="translate(0, 150)"><circle r="5" fill="#0060ac"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.ui</text></g><g transform="translate(0, 165)"><circle r="5" fill="#41b883"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.vue</text></g><g transform="translate(0, 180)"><circle r="5" fill="#0060ac"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.xml</text></g><g transform="translate(0, 195)"><circle r="5" fill="#cb171e"></circle><text x="10" style="font-size:14px;font-weight:300" dominant-baseline="middle">.yaml</text></g><g fill="#9CA3AF" style="font-weight:300;font-style:italic;font-size:12px">each dot sized by file size</g></g></svg>
\ No newline at end of file

From afd98cdbf874395da4eacd72eb7a8b9f57128e39 Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Mon, 4 Dec 2023 13:22:26 +0100
Subject: [PATCH 102/161] Update components/collection/CollectionInfo.vue

Co-authored-by: Ramo <36627808+prury@users.noreply.github.com>
---
 components/collection/CollectionInfo.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/collection/CollectionInfo.vue b/components/collection/CollectionInfo.vue
index eb9e2242ff..c20d405f4e 100644
--- a/components/collection/CollectionInfo.vue
+++ b/components/collection/CollectionInfo.vue
@@ -37,7 +37,7 @@
           <CollectionInfoLine
             v-if="isAssetHub"
             :title="$t('activity.totalSupply')"
-            :value="stats.maxSupply || $t('unlimited')" />
+            :value="stats.maxSupply || $t('helper.unlimited')" />
           <CollectionInfoLine :title="$t('activity.floor')">
             <CommonTokenMoney
               :value="stats.collectionFloorPrice"

From 27a56a399322fa66ea4adb56508e5b4ad0fb00e3 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Mon, 4 Dec 2023 17:42:28 +0500
Subject: [PATCH 103/161] fix: no shone on hover

---
 components/collection/drop/DropConfirmModal.vue | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/components/collection/drop/DropConfirmModal.vue b/components/collection/drop/DropConfirmModal.vue
index 12c79aebe0..33a477e873 100644
--- a/components/collection/drop/DropConfirmModal.vue
+++ b/components/collection/drop/DropConfirmModal.vue
@@ -95,12 +95,11 @@ const confirm = () => {
   width: 25rem;
 }
 
-.shine {
-  &:not(:disabled) {
-    @include shineEffect(var(--k-accent-light-3), lightgrey, false);
-    &:hover {
-      color: var(--k-accent2) !important;
-    }
+.shine:not(:hover):not(:disabled) {
+  @include shineEffect(var(--k-accent-light-3), lightgrey, false);
+
+  &:hover {
+    color: var(--k-accent2) !important;
   }
 }
 </style>

From 85d81fe89212951739c6c0d916545e63bcf9ed17 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Mon, 4 Dec 2023 17:51:17 +0500
Subject: [PATCH 104/161] reF: use inline width property

---
 components/collection/drop/DropConfirmModal.vue | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/components/collection/drop/DropConfirmModal.vue b/components/collection/drop/DropConfirmModal.vue
index 2ca54ff7cb..ce5376ba77 100644
--- a/components/collection/drop/DropConfirmModal.vue
+++ b/components/collection/drop/DropConfirmModal.vue
@@ -19,8 +19,8 @@
         <div class="is-capitalized is-flex is-align-items-center">
           <span>{{ $t('drops.plusGetA') }}</span>
 
-          <div class="voucher px-2 is-flex is-align-items-center">
-            <img :src="signUpVoucherIcon" alt="shop voucher" />
+          <div class="px-2 is-flex is-align-items-center">
+            <img width="58" :src="signUpVoucherIcon" alt="shop voucher" />
           </div>
 
           <span>{{ $t('drops.voucherToOurShop') }}</span>
@@ -113,12 +113,6 @@ const confirm = () => {
   width: 25rem;
 }
 
-.voucher {
-  img {
-    width: 58px;
-  }
-}
-
 .shine {
   &:not(:disabled) {
     @include shineEffect(var(--k-accent-light-3), lightgrey);

From 7dddc6c68b680ea28cc476f945f5ea28a64d50f4 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Mon, 4 Dec 2023 17:54:32 +0500
Subject: [PATCH 105/161] =?UTF-8?q?ref:=20getTokenIconBySymbol=C2=A0useIco?=
 =?UTF-8?q?n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 composables/useIcon.ts | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/composables/useIcon.ts b/composables/useIcon.ts
index 47bc1b28f9..f03e6f9a86 100644
--- a/composables/useIcon.ts
+++ b/composables/useIcon.ts
@@ -1,19 +1,19 @@
+const getTokenIconBySymbol = (token: string) => {
+  switch (token.toLowerCase()) {
+    case 'bsx':
+      return '/token/bsx.svg'
+    case 'dot':
+      return '/token/dot.svg'
+    case 'ksm':
+      return '/token/ksm.svg'
+    default:
+      return '/token/ksm.svg'
+  }
+}
+
 export const useIcon = () => {
   const { isDarkMode } = useTheme()
 
-  const getTokenIconBySymbol = (token: string) => {
-    switch (token.toLowerCase()) {
-      case 'bsx':
-        return '/token/bsx.svg'
-      case 'dot':
-        return '/token/dot.svg'
-      case 'ksm':
-        return '/token/ksm.svg'
-      default:
-        return '/token/ksm.svg'
-    }
-  }
-
   const signUpVoucherIcon = computed(() =>
     isDarkMode.value ? '/signup-voucher-dark.svg' : '/signup-voucher.svg',
   )

From d926e4c23fcb3930cada3d013d9e8ceff82cc41b Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Mon, 4 Dec 2023 13:40:04 +0000
Subject: [PATCH 106/161] Revert "added import"

This reverts commit 9963bd024aabab937e022a819006364ebb4da283.
---
 libs/ui/src/components/NeoCheckbox/NeoCheckbox.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/libs/ui/src/components/NeoCheckbox/NeoCheckbox.scss b/libs/ui/src/components/NeoCheckbox/NeoCheckbox.scss
index df8aabe582..e5d23ba426 100644
--- a/libs/ui/src/components/NeoCheckbox/NeoCheckbox.scss
+++ b/libs/ui/src/components/NeoCheckbox/NeoCheckbox.scss
@@ -2,7 +2,6 @@
 @import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/helpers.scss';
-@import '../../scss/tailwind.scss';
 
 $checkbox-checkmark-color: #000;
 

From 83bc4269c14176953952b0046c8a6d6b49efde35 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Mon, 4 Dec 2023 13:44:50 +0000
Subject: [PATCH 107/161] Revert "added import"

This reverts commit 7dd13575a27fc95825c6e198e9b6b55c077a2389.
---
 libs/ui/src/components/NeoDropdown/NeoDropdown.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/libs/ui/src/components/NeoDropdown/NeoDropdown.scss b/libs/ui/src/components/NeoDropdown/NeoDropdown.scss
index abda72075e..4d0ac6d978 100644
--- a/libs/ui/src/components/NeoDropdown/NeoDropdown.scss
+++ b/libs/ui/src/components/NeoDropdown/NeoDropdown.scss
@@ -2,7 +2,6 @@
 @import '@oruga-ui/oruga-next/src/scss/utilities/_variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/_animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/_helpers.scss';
-@import '../../scss/tailwind.scss';
 
 $dropdown-menu-padding: 0;
 $dropdown-menu-margin: 1rem 0;

From cd142d9f658fe4be4dc53ef63a0866506d5fa99c Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Mon, 4 Dec 2023 14:45:49 +0100
Subject: [PATCH 108/161] =?UTF-8?q?=F0=9F=94=A7=20collection=20set=20max?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 composables/transaction/transactionSetCollectionMaxSupply.ts | 2 +-
 composables/transaction/utils.ts                             | 3 +++
 composables/useTransaction.ts                                | 1 +
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/composables/transaction/transactionSetCollectionMaxSupply.ts b/composables/transaction/transactionSetCollectionMaxSupply.ts
index 2b2827a5cf..dee43ddf38 100644
--- a/composables/transaction/transactionSetCollectionMaxSupply.ts
+++ b/composables/transaction/transactionSetCollectionMaxSupply.ts
@@ -1,6 +1,6 @@
 import { ActionSetCollectionMaxSupply, ExecuteTransactionParams } from './types'
 
-export async function execSetCollectionMaxSupply(
+export function execSetCollectionMaxSupply(
   params: ActionSetCollectionMaxSupply,
   api,
   executeTransaction: ({
diff --git a/composables/transaction/utils.ts b/composables/transaction/utils.ts
index 31c4eb6e6e..fcc233ce49 100644
--- a/composables/transaction/utils.ts
+++ b/composables/transaction/utils.ts
@@ -11,6 +11,7 @@ import {
   ActionMintToken,
   ActionOffer,
   ActionSend,
+  ActionSetCollectionMaxSupply,
   ActionWithdrawOffer,
   Actions,
   Collections,
@@ -71,6 +72,8 @@ export function isActionValid(action: Actions): boolean {
       Boolean(action.collection),
     [Collections.DELETE]: (action: ActionDeleteCollection) =>
       Boolean(action.collectionId),
+    [Collections.SET_MAX_SUPPLY]: (action: ActionSetCollectionMaxSupply) =>
+      Boolean(action.collectionId),
     [NFTs.BURN_MULTIPLE]: (action: ActionBurnMultipleNFTs) =>
       hasContent(action.nftIds),
   }
diff --git a/composables/useTransaction.ts b/composables/useTransaction.ts
index bf509c6f94..bed97bbdc5 100644
--- a/composables/useTransaction.ts
+++ b/composables/useTransaction.ts
@@ -188,6 +188,7 @@ export const executeAction = ({
 
   if (!isActionValid(item)) {
     $consola.warn(`Invalid action: ${JSON.stringify(item)}`)
+    console.log(item)
     throw createError({
       statusCode: 404,
       statusMessage: 'Interaction Not Found',

From a9bc3e62b4434acc4ca08b84021dff0efe3dbcb7 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Mon, 4 Dec 2023 13:46:04 +0000
Subject: [PATCH 109/161] Revert "added import"

This reverts commit 9c0595271a967ee17ae7d8cb97316cb15eb22d30.
---
 libs/ui/src/components/NeoIcon/NeoIcon.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/libs/ui/src/components/NeoIcon/NeoIcon.scss b/libs/ui/src/components/NeoIcon/NeoIcon.scss
index 3c2ef256b4..c2df5c3e79 100644
--- a/libs/ui/src/components/NeoIcon/NeoIcon.scss
+++ b/libs/ui/src/components/NeoIcon/NeoIcon.scss
@@ -3,7 +3,6 @@
 @import '@oruga-ui/oruga-next/src/scss/utilities/_animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/_helpers.scss';
 @import '@oruga-ui/oruga-next/src/scss/components/_icon.scss';
-@import '../../scss/tailwind.scss';
 
 .o-icon--success {
   @apply text-k-green;

From e7c48eec881640d5f50fdc5d07a4f54bd1a6a626 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Mon, 4 Dec 2023 13:47:12 +0000
Subject: [PATCH 110/161] Revert "added import"

This reverts commit 94ceb46496300fa56a901c7102977c6561771d2c.
---
 libs/ui/src/components/NeoInput/NeoField.scss | 1 -
 libs/ui/src/components/NeoInput/NeoInput.scss | 1 -
 2 files changed, 2 deletions(-)

diff --git a/libs/ui/src/components/NeoInput/NeoField.scss b/libs/ui/src/components/NeoInput/NeoField.scss
index ae833cf002..0d6e41d504 100644
--- a/libs/ui/src/components/NeoInput/NeoField.scss
+++ b/libs/ui/src/components/NeoInput/NeoField.scss
@@ -2,7 +2,6 @@
 @import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/helpers.scss';
-@import '../../scss/tailwind.scss';
 
 $field-margin-bottom: 0.5rem;
 $field-label-font-weight: 700;
diff --git a/libs/ui/src/components/NeoInput/NeoInput.scss b/libs/ui/src/components/NeoInput/NeoInput.scss
index 21d8f9addc..c9d5ccfae9 100644
--- a/libs/ui/src/components/NeoInput/NeoInput.scss
+++ b/libs/ui/src/components/NeoInput/NeoInput.scss
@@ -2,7 +2,6 @@
 @import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/helpers.scss';
-@import '../../scss/tailwind.scss';
 
 $input-border-radius: 0;
 $input-height: 3rem;

From c0c077dad070a82038da84940f588b2936b26c71 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Mon, 4 Dec 2023 13:57:25 +0000
Subject: [PATCH 111/161] InputItems to tailwindcss

---
 .../NeoInputitems/NeoInputitems.scss          | 34 ++++++-------------
 1 file changed, 10 insertions(+), 24 deletions(-)

diff --git a/libs/ui/src/components/NeoInputitems/NeoInputitems.scss b/libs/ui/src/components/NeoInputitems/NeoInputitems.scss
index a02e97f674..b1d4510a8f 100644
--- a/libs/ui/src/components/NeoInputitems/NeoInputitems.scss
+++ b/libs/ui/src/components/NeoInputitems/NeoInputitems.scss
@@ -13,38 +13,24 @@ $autocomplete-menu-border-radius: 0;
 @import '@oruga-ui/oruga-next/src/scss/components/inputitems.scss';
 
 .o-inputit__container {
-  padding-top: 0;
-  @include ktheme() {
-    background-color: theme('background-color');
-  }
+  @apply pt-0 bg-background-color;
+
   .o-input.neo-input {
-    outline: none;
-    box-shadow: none;
-    @include ktheme() {
-      border: 1px solid theme('k-grey-fix');
-      background-color: theme('background-color');
-      color: theme('text-color');
-
-      &:focus {
-        border: 1px solid theme('text-color');
-      }
+    @apply outline-none shadow-none border-default border-k-grey-fix bg-background-color text-text-color;
+
+    &:focus {
+      @apply border-text-color;
     }
   }
 
   .o-acp__menu {
-    width: 100% !important;
-    @include ktheme() {
-      box-shadow: theme('primary-shadow');
-      border: 1px solid theme('border-color');
-      background: theme('background-color');
-    }
+    @apply w-full shadow-primary border-default border-border-color bg-background-color;
 
     .o-acp__item {
-      color: inherit;
+      @apply text-inherit;
+
       &:hover {
-        @include ktheme() {
-          color: theme('k-hovergrey');
-        }
+        @apply text-k-hover-grey;
       }
     }
   }

From dea78295f453f8d74f252cf775c5c41118d3c6fd Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Mon, 4 Dec 2023 15:01:49 +0100
Subject: [PATCH 112/161] =?UTF-8?q?=F0=9F=94=A7=20collection=20set=20max?=
 =?UTF-8?q?=20loader?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/collection/CustomizeModal.vue | 2 ++
 composables/useTransaction.ts            | 1 -
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/collection/CustomizeModal.vue b/components/collection/CustomizeModal.vue
index 19bc85c2a8..eafc7a98ce 100644
--- a/components/collection/CustomizeModal.vue
+++ b/components/collection/CustomizeModal.vue
@@ -71,6 +71,8 @@ const customizeCollection = async () => {
     urlPrefix: urlPrefix.value,
     max: Number(max.value),
   })
+    .then(() => $updateLoader(false))
+    .catch(() => $updateLoader(false))
 
   emit('customize')
 }
diff --git a/composables/useTransaction.ts b/composables/useTransaction.ts
index bed97bbdc5..bf509c6f94 100644
--- a/composables/useTransaction.ts
+++ b/composables/useTransaction.ts
@@ -188,7 +188,6 @@ export const executeAction = ({
 
   if (!isActionValid(item)) {
     $consola.warn(`Invalid action: ${JSON.stringify(item)}`)
-    console.log(item)
     throw createError({
       statusCode: 404,
       statusMessage: 'Interaction Not Found',

From 21b68c5be6dd8210ad969fd5ce792d6d21456ceb Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Mon, 4 Dec 2023 15:20:04 +0100
Subject: [PATCH 113/161] =?UTF-8?q?=F0=9F=94=A7=20collection=20set=20max?=
 =?UTF-8?q?=20disabled=20quick=20and=20dirty?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/collection/CustomizeModal.vue                | 9 +++++----
 components/collection/HeroButtonCustomizeCollection.vue | 4 +++-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/components/collection/CustomizeModal.vue b/components/collection/CustomizeModal.vue
index eafc7a98ce..9343755ed2 100644
--- a/components/collection/CustomizeModal.vue
+++ b/components/collection/CustomizeModal.vue
@@ -46,7 +46,7 @@ import { NeoButton, NeoField, NeoInput, NeoModal } from '@kodadot1/brick'
 import { Collections } from '@/composables/transaction/types'
 
 const { $updateLoader } = useNuxtApp()
-const { transaction } = useTransaction()
+const { transaction, status } = useTransaction()
 const { urlPrefix } = usePrefix()
 const route = useRoute()
 
@@ -63,6 +63,7 @@ const min = computed(() => props.min || 1)
 const max = ref(props.max)
 
 const customizeCollection = async () => {
+  emit('customize')
   $updateLoader(true)
 
   await transaction({
@@ -71,10 +72,10 @@ const customizeCollection = async () => {
     urlPrefix: urlPrefix.value,
     max: Number(max.value),
   })
-    .then(() => $updateLoader(false))
-    .catch(() => $updateLoader(false))
 
-  emit('customize')
+  if (status.value === TransactionStatus.Finalized) {
+    $updateLoader(false)
+  }
 }
 </script>
 
diff --git a/components/collection/HeroButtonCustomizeCollection.vue b/components/collection/HeroButtonCustomizeCollection.vue
index 9403ceab3c..a236c0f621 100644
--- a/components/collection/HeroButtonCustomizeCollection.vue
+++ b/components/collection/HeroButtonCustomizeCollection.vue
@@ -1,5 +1,7 @@
 <template>
-  <NeoDropdownItem @click="customizeCollectionModalActive = true">
+  <NeoDropdownItem
+    :disabled="max"
+    @click="customizeCollectionModalActive = true">
     {{ $i18n.t('moreActions.customize') }}
   </NeoDropdownItem>
 

From e0f22ca024b323634da4d37ab03006690cc51cf4 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Mon, 4 Dec 2023 14:43:45 +0000
Subject: [PATCH 114/161] Fixed NeoAvatar size bug

---
 .../components/MediaItem/type/ImageMedia.vue  | 22 +++++++++++++++++--
 .../ui/src/components/NeoAvatar/NeoAvatar.vue |  7 ++++--
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/libs/ui/src/components/MediaItem/type/ImageMedia.vue b/libs/ui/src/components/MediaItem/type/ImageMedia.vue
index 04330b9927..e95ea6ada6 100644
--- a/libs/ui/src/components/MediaItem/type/ImageMedia.vue
+++ b/libs/ui/src/components/MediaItem/type/ImageMedia.vue
@@ -7,7 +7,7 @@
     <TheImage
       v-if="status === 'ok'"
       :image-component="imageComponent"
-      :image-component-props="{ sizes }"
+      :image-component-props="imageComponentProps"
       :src="src"
       :alt="alt"
       class="block rounded-none"
@@ -35,13 +35,18 @@
 
 <script lang="ts" setup>
 import consola from 'consola'
+import { computed, defineProps, withDefaults } from 'vue'
 
 import TheImage from '../../TheImage/TheImage.vue'
-import type { ImageComponent } from '../../TheImage/TheImage.vue'
+import type {
+  ImageComponent,
+  ImageComponentProps,
+} from '../../TheImage/TheImage.vue'
 
 const props = withDefaults(
   defineProps<{
     imageComponent?: ImageComponent
+    imageComponentProps?: ImageComponentProps
     sizes?: string
     src: string
     alt?: string
@@ -50,6 +55,7 @@ const props = withDefaults(
   }>(),
   {
     imageComponent: 'img',
+    imageComponentProps: undefined,
     sizes: '450px md:350px lg:270px',
     src: '',
     alt: '',
@@ -63,4 +69,16 @@ const onError = async (phase: Status) => {
   consola.log('[KODADOT::IMAGE] unable to load:', `${phase}:`, props.src)
   status.value = phase
 }
+
+// Ignore sizes if width and height are provided
+const sizes = computed(() =>
+  props.imageComponentProps?.width && props.imageComponentProps?.height
+    ? undefined
+    : props.sizes,
+)
+
+const imageComponentProps = computed(() => ({
+  ...(props.imageComponentProps || {}),
+  sizes: sizes.value,
+}))
 </script>
diff --git a/libs/ui/src/components/NeoAvatar/NeoAvatar.vue b/libs/ui/src/components/NeoAvatar/NeoAvatar.vue
index 54d26433a2..f12c297f95 100644
--- a/libs/ui/src/components/NeoAvatar/NeoAvatar.vue
+++ b/libs/ui/src/components/NeoAvatar/NeoAvatar.vue
@@ -3,11 +3,14 @@
     v-if="avatar"
     :placeholder="placeholder"
     :image-component="imageComponent"
+    :image-component-props="{
+      width: size,
+      height: size,
+      fit: 'cover',
+    }"
     :src="avatar"
     :alt="name"
     class="border neo-avatar"
-    :width="size"
-    :height="size"
     :style="customStyle"
     :original="true" />
   <img

From b38208cce5428551343659934e1e0918021ed951 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Mon, 4 Dec 2023 15:32:32 +0000
Subject: [PATCH 115/161] Fixed colors

---
 .../components/NeoDropdown/NeoDropdown.scss   | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/libs/ui/src/components/NeoDropdown/NeoDropdown.scss b/libs/ui/src/components/NeoDropdown/NeoDropdown.scss
index 4d0ac6d978..9ba7345b53 100644
--- a/libs/ui/src/components/NeoDropdown/NeoDropdown.scss
+++ b/libs/ui/src/components/NeoDropdown/NeoDropdown.scss
@@ -7,23 +7,25 @@ $dropdown-menu-padding: 0;
 $dropdown-menu-margin: 1rem 0;
 $dropdown-menu-border-radius: 0;
 
-$dropdown-menu-box-shadow: 4px 4px hsl(0deg, 0%, 4%);
-$dropdown-item-hover-color: #1f1f1f;
-$dropdown-item-hover-background-color: #ffe5f3;
+$dropdown-menu-box-shadow: var(--primary-shadow);
+$dropdown-menu-background: var(--background-color);
+$dropdown-item-color: var(--text-color);
+$dropdown-item-hover-color: var(--text-color);
+$dropdown-item-hover-background-color: var(--k-accent-hover);
 
 @import '@oruga-ui/oruga-next/src/scss/components/_dropdown.scss';
 
 .o-drop__item {
-  @apply border-b border-b-border-color text-text-color;
-
-  &:hover {
-    @apply bg-k-accent-hover;
-  }
+  @apply border-b border-b-border-color;
 
   &.is-active,
   &--active,
   &[active='true'] {
     @apply text-text-color-inverse bg-background-color-inverse;
+
+    &:hover {
+      @apply text-text-color-inverse bg-background-color-inverse;
+    }
   }
 
   .o-tip {
@@ -32,7 +34,7 @@ $dropdown-item-hover-background-color: #ffe5f3;
 }
 
 .o-drop__menu {
-  @apply shadow-primary border-default border-border-color text-text-color bg-background-color;
+  @apply border-default border-border-color text-text-color;
 
   &.no-shadow {
     @apply shadow-none;

From 10d4b192a8ad6edf2157a345dd7e8ef22328c878 Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Mon, 4 Dec 2023 16:45:06 +0100
Subject: [PATCH 116/161] =?UTF-8?q?=F0=9F=94=A7=20NeoCheckbox=20story?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/NeoCheckbox/NeoCheckbox.story.vue   | 10 ++++++++--
 libs/ui/src/components/NeoCheckbox/NeoCheckbox.vue     |  2 ++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/libs/ui/src/components/NeoCheckbox/NeoCheckbox.story.vue b/libs/ui/src/components/NeoCheckbox/NeoCheckbox.story.vue
index 5fbd6e171d..d78ecd890a 100644
--- a/libs/ui/src/components/NeoCheckbox/NeoCheckbox.story.vue
+++ b/libs/ui/src/components/NeoCheckbox/NeoCheckbox.story.vue
@@ -1,8 +1,14 @@
 <template>
-  <Story title="NeoButton" :layout="{ type: 'grid', width: '200px' }">
-    <Variant title="small neo button">
+  <Story title="NeoCheckbox" :layout="{ type: 'grid', width: '200px' }">
+    <Variant title="Small NeoCheckbox">
+      <NeoCheckbox size="small"> {{ label }} </NeoCheckbox>
+    </Variant>
+    <Variant title="Default NeoCheckbox">
       <NeoCheckbox> {{ label }} </NeoCheckbox>
     </Variant>
+    <Variant title="Large NeoCheckbox">
+      <NeoCheckbox size="large"> {{ label }} </NeoCheckbox>
+    </Variant>
   </Story>
 </template>
 
diff --git a/libs/ui/src/components/NeoCheckbox/NeoCheckbox.vue b/libs/ui/src/components/NeoCheckbox/NeoCheckbox.vue
index 0a5cffb123..18d99fdeb8 100644
--- a/libs/ui/src/components/NeoCheckbox/NeoCheckbox.vue
+++ b/libs/ui/src/components/NeoCheckbox/NeoCheckbox.vue
@@ -5,6 +5,7 @@
     :native-value="checkboxValue"
     :disabled="disabled"
     :label-class="labelClass"
+    :size="size"
     @update:modelValue="updateValue">
     <slot />
   </o-checkbox>
@@ -17,6 +18,7 @@ const props = defineProps<{
   disabled?: boolean
   modelValue: boolean
   labelClass?: string
+  size?: string
 }>()
 
 const emit = defineEmits(['update:modelValue'])

From 997c16b6a67256e1bbe46b5907d8c47c8ed21284 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Mon, 4 Dec 2023 16:00:26 +0000
Subject: [PATCH 117/161] Remove unneeded margins

---
 components/massmint/OverviewTable.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/components/massmint/OverviewTable.vue b/components/massmint/OverviewTable.vue
index 8742a34e5b..56aea77383 100644
--- a/components/massmint/OverviewTable.vue
+++ b/components/massmint/OverviewTable.vue
@@ -196,4 +196,8 @@ useIntersectionObserver(sentinel, handleIntersection, { threshold: 0.66 })
   white-space: nowrap;
   max-width: 90%;
 }
+
+.column figure {
+  margin: 0;
+}
 </style>

From 5ede30601f1c0f35f33dd08bdbf1de22b0df653f Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Mon, 4 Dec 2023 16:58:38 +0000
Subject: [PATCH 118/161] Improved blur UI

---
 components/base/MediaItem.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/base/MediaItem.vue b/components/base/MediaItem.vue
index 9e258d2a32..73b5c5b1e8 100644
--- a/components/base/MediaItem.vue
+++ b/components/base/MediaItem.vue
@@ -192,9 +192,8 @@ defineExpose({ isLewdBlurredLayer })
     top: 0;
     height: 100%;
     width: 100%;
-    @include ktheme() {
-      color: theme('text-color');
-    }
+    background-color: rgb(0 0 0 / 50%);
+    color: #fff;
 
     .nsfw-desc {
       max-width: 18.75rem;

From 681f47c3839dbb19bc955497e68ffdd6c047fda7 Mon Sep 17 00:00:00 2001
From: Shashkov Danil <shashkovdanil@gmail.com>
Date: Mon, 4 Dec 2023 23:11:13 +0000
Subject: [PATCH 119/161] NeoLoading to tailwindcss and added icons to historie

---
 libs/ui/package.json                          |  2 ++
 .../src/components/NeoLoading/NeoLoading.scss |  7 +----
 .../NeoLoading/NeoLoading.story.vue           |  2 +-
 .../src/components/NeoLoading/NeoLoading.vue  |  2 +-
 libs/ui/src/histoire.setup.ts                 | 27 +++++++++++++++++++
 pnpm-lock.yaml                                |  8 +++++-
 6 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/libs/ui/package.json b/libs/ui/package.json
index cd489c6ae7..66449e23a6 100644
--- a/libs/ui/package.json
+++ b/libs/ui/package.json
@@ -22,6 +22,8 @@
     "vite": "^4.5.0"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/vue-fontawesome": "^3.0.5",
     "@google/model-viewer": "^3.3.0",
     "@vueuse/core": "^9.13.0",
     "bulma": "0.9.4",
diff --git a/libs/ui/src/components/NeoLoading/NeoLoading.scss b/libs/ui/src/components/NeoLoading/NeoLoading.scss
index ccd948fb36..77ec705f8e 100644
--- a/libs/ui/src/components/NeoLoading/NeoLoading.scss
+++ b/libs/ui/src/components/NeoLoading/NeoLoading.scss
@@ -1,13 +1,8 @@
-@import '../../scss/theme';
 @import '@oruga-ui/oruga-next/src/scss/utilities/expressions.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/helpers.scss';
-@import '../../scss/variable.scss';
 
+$loading-overlay: rgb(0 0 0 / 0.5);
 
 @import '@oruga-ui/oruga-next/src/scss/components/loading.scss';
-
-.o-load__overlay {
-  background-color: rgba(0, 0, 0, 0.5);
-}
diff --git a/libs/ui/src/components/NeoLoading/NeoLoading.story.vue b/libs/ui/src/components/NeoLoading/NeoLoading.story.vue
index e3cccac322..f875fe5215 100644
--- a/libs/ui/src/components/NeoLoading/NeoLoading.story.vue
+++ b/libs/ui/src/components/NeoLoading/NeoLoading.story.vue
@@ -1,7 +1,7 @@
 <template>
   <Story title="NeoLoading" :layout="{ type: 'grid', width: '200px' }">
     <Variant title="Loading">
-      <NeoLoading> Neo Loader</NeoLoading>
+      <NeoLoading :active="true" />
     </Variant>
   </Story>
 </template>
diff --git a/libs/ui/src/components/NeoLoading/NeoLoading.vue b/libs/ui/src/components/NeoLoading/NeoLoading.vue
index b0f791a4af..8bc75d0dd3 100644
--- a/libs/ui/src/components/NeoLoading/NeoLoading.vue
+++ b/libs/ui/src/components/NeoLoading/NeoLoading.vue
@@ -1,7 +1,7 @@
 <template>
   <OLoading v-bind="$attrs">
     <slot>
-      <NeoIcon icon="spinner-third" spin size="large" class="has-text-white" />
+      <NeoIcon icon="spinner-third" spin size="large" class="text-white" />
     </slot>
   </OLoading>
 </template>
diff --git a/libs/ui/src/histoire.setup.ts b/libs/ui/src/histoire.setup.ts
index 630885e02e..ce74f6fc83 100644
--- a/libs/ui/src/histoire.setup.ts
+++ b/libs/ui/src/histoire.setup.ts
@@ -1 +1,28 @@
 import './histoire.scss'
+
+import { defineSetupVue3 } from '@histoire/plugin-vue'
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+import { Neo } from './'
+
+export const setupVue3 = defineSetupVue3(({ app }) => {
+  const script = document.createElement('script')
+  script.src = 'https://kit.fontawesome.com/54f29b7997.js'
+  script.crossOrigin = 'anonymous'
+  script.async = true
+
+  document.body.appendChild(script)
+
+  app.component('FontAwesomeIcon', FontAwesomeIcon).use(Neo, {
+    customIconPacks: {
+      fass: {
+        iconPrefix: 'fa-fw fa-',
+      },
+      fasr: {
+        iconPrefix: 'fa-fw fa-',
+      },
+      fab: {
+        iconPrefix: 'fa-fw fa-',
+      },
+    },
+  })
+})
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 652b015650..1552fa2c0c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: '6.1'
+lockfileVersion: '6.0'
 
 settings:
   autoInstallPeers: false
@@ -384,6 +384,12 @@ importers:
 
   libs/ui:
     dependencies:
+      '@fortawesome/fontawesome-svg-core':
+        specifier: ^6.4.2
+        version: 6.4.2
+      '@fortawesome/vue-fontawesome':
+        specifier: ^3.0.5
+        version: 3.0.5(@fortawesome/fontawesome-svg-core@6.4.2)(vue@3.3.9)
       '@google/model-viewer':
         specifier: ^3.3.0
         version: 3.3.0(three@0.158.0)

From 3f2f9b243ec6d38c62073dea8001008e14d626e8 Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Tue, 5 Dec 2023 09:18:29 +0100
Subject: [PATCH 120/161] =?UTF-8?q?=E2=AC=86=EF=B8=8F=20minimark=20package?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 composables/transaction/transactionBurn.ts | 13 +++++------
 package.json                               |  2 +-
 pnpm-lock.yaml                             | 26 ++++++++++++++++------
 3 files changed, 26 insertions(+), 15 deletions(-)

diff --git a/composables/transaction/transactionBurn.ts b/composables/transaction/transactionBurn.ts
index 4f3ba8dfd9..82d8110c2b 100644
--- a/composables/transaction/transactionBurn.ts
+++ b/composables/transaction/transactionBurn.ts
@@ -191,13 +191,12 @@ export async function execBurnCollection(
     if (params.urlPrefix === 'ksm') {
       executeTransaction({
         cb: api.tx.system.remark,
-        arg: [collectionId, {}],
-        // arg: [
-        //   createNewInteraction({
-        //     action: NewInteraction.DESTROY,
-        //     payload: { id: collectionId },
-        //   }),
-        // ],
+        arg: [
+          createNewInteraction({
+            action: NewInteraction.DESTROY,
+            payload: { id: collectionId },
+          }),
+        ],
       })
     }
 
diff --git a/package.json b/package.json
index 20f6603a77..dc22cb8039 100644
--- a/package.json
+++ b/package.json
@@ -63,7 +63,7 @@
     "@fortawesome/fontawesome-svg-core": "^6.4.2",
     "@fortawesome/vue-fontawesome": "^3.0.5",
     "@kodadot1/brick": "workspace:*",
-    "@kodadot1/minimark": "^0.1.10",
+    "@kodadot1/minimark": "^0.1.13",
     "@kodadot1/minipfs": "0.4.1-rc.0",
     "@kodadot1/static": "workspace:*",
     "@kodadot1/sub-api": "0.2.0-rc.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 652b015650..fd89005502 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: '6.1'
+lockfileVersion: '6.0'
 
 settings:
   autoInstallPeers: false
@@ -24,8 +24,8 @@ importers:
         specifier: workspace:*
         version: link:libs/ui
       '@kodadot1/minimark':
-        specifier: ^0.1.10
-        version: 0.1.10(@polkadot/api@10.9.1)(@polkadot/util-crypto@12.4.2)
+        specifier: ^0.1.13
+        version: 0.1.13(@polkadot/api@10.9.1)(@polkadot/util-crypto@12.4.2)
       '@kodadot1/minipfs':
         specifier: 0.4.1-rc.0
         version: 0.4.1-rc.0
@@ -3265,14 +3265,14 @@ packages:
     engines: {node: '>=14.0'}
     dev: false
 
-  /@kodadot1/minimark@0.1.10(@polkadot/api@10.9.1)(@polkadot/util-crypto@12.4.2):
-    resolution: {integrity: sha512-7BSZvFpaKjjbsexj0mJWlqmXlgfvF/xbIrxrcNuDTr1aCL1RnCqFGSC0nY30cc0qNW8hAUwGo4B4G9a/pr//xg==}
+  /@kodadot1/minimark@0.1.13(@polkadot/api@10.9.1)(@polkadot/util-crypto@12.4.2):
+    resolution: {integrity: sha512-AUCZoCutnzVpwzWRkdtGvUV1yLCJLb9spgc7oau1ryaWRcaVLaa0mzruu3zyznYr17KuEtdvSGzAL0fpqBurtg==}
     peerDependencies:
       '@polkadot/api': ~10.x
     dependencies:
       '@polkadot/api': 10.9.1
-      '@polkadot/keyring': 12.4.2(@polkadot/util-crypto@12.4.2)(@polkadot/util@12.4.2)
-      '@polkadot/util': 12.4.2
+      '@polkadot/keyring': 12.6.1(@polkadot/util-crypto@12.4.2)(@polkadot/util@12.6.1)
+      '@polkadot/util': 12.6.1
       nanoid: 3.3.4
       slugify: 1.6.6
     transitivePeerDependencies:
@@ -4994,6 +4994,18 @@ packages:
       tslib: 2.6.2
     dev: false
 
+  /@polkadot/keyring@12.6.1(@polkadot/util-crypto@12.4.2)(@polkadot/util@12.6.1):
+    resolution: {integrity: sha512-cicTctZr5Jy5vgNT2FsNiKoTZnz6zQkgDoIYv79NI+p1Fhwc9C+DN/iMCnk3Cm9vR2gSAd2fSV+Y5iKVDhAmUw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@polkadot/util': 12.6.1
+      '@polkadot/util-crypto': 12.6.1
+    dependencies:
+      '@polkadot/util': 12.6.1
+      '@polkadot/util-crypto': 12.4.2(@polkadot/util@12.4.2)
+      tslib: 2.6.2
+    dev: false
+
   /@polkadot/keyring@12.6.1(@polkadot/util-crypto@12.6.1)(@polkadot/util@12.6.1):
     resolution: {integrity: sha512-cicTctZr5Jy5vgNT2FsNiKoTZnz6zQkgDoIYv79NI+p1Fhwc9C+DN/iMCnk3Cm9vR2gSAd2fSV+Y5iKVDhAmUw==}
     engines: {node: '>=18'}

From 4df3a8ccec1db0f4ae9b910b3d884a854fbdd79d Mon Sep 17 00:00:00 2001
From: newraina <newraina@users.noreply.github.com>
Date: Tue, 5 Dec 2023 20:53:33 +0900
Subject: [PATCH 121/161] feat: gallery item page view counter

---
 components/gallery/GalleryItem.vue | 15 ++++++++++++---
 composables/usePageViews.ts        | 22 ++++++++++++++++++++++
 plugins/icons.ts                   |  4 ++++
 utils/constants.ts                 |  1 +
 4 files changed, 39 insertions(+), 3 deletions(-)
 create mode 100644 composables/usePageViews.ts

diff --git a/components/gallery/GalleryItem.vue b/components/gallery/GalleryItem.vue
index 6687954202..d74034ce84 100644
--- a/components/gallery/GalleryItem.vue
+++ b/components/gallery/GalleryItem.vue
@@ -74,7 +74,7 @@
         <div
           class="is-flex is-flex-direction-column is-justify-content-space-between h-full">
           <!-- title section -->
-          <div class="pb-4">
+          <div class="pb-2">
             <div class="is-flex is-justify-content-space-between">
               <div class="name-container">
                 <h1 class="title" data-testid="item-title">
@@ -102,10 +102,18 @@
             </div>
 
             <div
-              class="is-flex is-flex-direction-row is-flex-wrap-wrap py-4 pt-8">
+              class="text-k-hover-grey flex items-center"
+              :class="{ 'my-4': isMobile, 'my-6': !isMobile }">
+              <NeoIcon pack="fasl" icon="eye" class="mr-1" />
+              <span v-if="pageViewCount === null">--</span>
+              <span v-else>{{ pageViewCount }}</span>
+            </div>
+
+            <div class="is-flex is-flex-direction-row is-flex-wrap-wrap">
               <IdentityItem
                 v-if="nft?.issuer"
-                class="gallery-avatar mr-4"
+                class="gallery-avatar"
+                :class="{ 'mr-4': isMobile, 'mr-8': !isMobile }"
                 :label="$t('creator')"
                 :prefix="urlPrefix"
                 :account="nft?.issuer"
@@ -203,6 +211,7 @@ const { placeholder } = useTheme()
 const mediaItemRef = ref<{ isLewdBlurredLayer: boolean } | null>(null)
 const galleryDescriptionRef = ref<{ isLewd: boolean } | null>(null)
 const preferencesStore = usePreferencesStore()
+const pageViewCount = usePageViews()
 
 const galleryItem = useGalleryItem()
 const { nft, nftMetadata, nftImage, nftAnimation, nftMimeType, nftResources } =
diff --git a/composables/usePageViews.ts b/composables/usePageViews.ts
new file mode 100644
index 0000000000..c67e9e22fa
--- /dev/null
+++ b/composables/usePageViews.ts
@@ -0,0 +1,22 @@
+import { $fetch } from 'ofetch'
+
+export default function usePageViews() {
+  const count = ref<number | null>(null)
+  const route = useRoute()
+
+  const cleanPath = computed(() => route.path.replace(/\/$/, ''))
+  const counterApi = computed(() => `${URLS.koda.counter}/${cleanPath.value}`)
+
+  onMounted(async () => {
+    const rawCount = await $fetch(counterApi.value, {
+      method: 'POST',
+      responseType: 'text',
+    })
+
+    if (rawCount) {
+      count.value = Number.parseInt(rawCount)
+    }
+  })
+
+  return count
+}
diff --git a/plugins/icons.ts b/plugins/icons.ts
index 3f57f0daae..dee3017abc 100644
--- a/plugins/icons.ts
+++ b/plugins/icons.ts
@@ -18,6 +18,10 @@ export default defineNuxtPlugin((nuxtApp) => {
       fasr: {
         iconPrefix: 'fa-fw fa-',
       },
+      // fa-sharp light
+      fasl: {
+        iconPrefix: 'fa-fw fa-',
+      },
       // fa brands
       fab: {
         iconPrefix: 'fa-fw fa-',
diff --git a/utils/constants.ts b/utils/constants.ts
index 947bfad9da..d7f12decc1 100644
--- a/utils/constants.ts
+++ b/utils/constants.ts
@@ -63,6 +63,7 @@ export const URLS = {
     search: 'https://polysearch.w.kodadot.xyz',
     baseUrl: 'https://kodadot.xyz',
     newsletter: 'https://newsletter.w.kodadot.xyz',
+    counter: 'https://counter.kodadot.workers.dev',
   },
   providers: {
     coingecko: 'https://api.coingecko.com/api/v3',

From 60ab3c1836a23f742fdbb3e06f9bb755c0250b0b Mon Sep 17 00:00:00 2001
From: newraina <newraina@users.noreply.github.com>
Date: Tue, 5 Dec 2023 21:05:47 +0900
Subject: [PATCH 122/161] format page view count in GalleryItem.

---
 components/gallery/GalleryItem.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/gallery/GalleryItem.vue b/components/gallery/GalleryItem.vue
index d74034ce84..5bc14d8702 100644
--- a/components/gallery/GalleryItem.vue
+++ b/components/gallery/GalleryItem.vue
@@ -106,7 +106,7 @@
               :class="{ 'my-4': isMobile, 'my-6': !isMobile }">
               <NeoIcon pack="fasl" icon="eye" class="mr-1" />
               <span v-if="pageViewCount === null">--</span>
-              <span v-else>{{ pageViewCount }}</span>
+              <span v-else>{{ formatNumber(pageViewCount) }}</span>
             </div>
 
             <div class="is-flex is-flex-direction-row is-flex-wrap-wrap">
@@ -196,7 +196,7 @@ import { convertMarkdownToText } from '@/utils/markdown'
 import { exist } from '@/utils/exist'
 import { sanitizeIpfsUrl } from '@/utils/ipfs'
 import { generateNftImage } from '@/utils/seoImageGenerator'
-import { formatBalanceEmptyOnZero } from '@/utils/format/balance'
+import { formatBalanceEmptyOnZero, formatNumber } from '@/utils/format/balance'
 import { MediaType } from '@/components/rmrk/types'
 import { resolveMedia } from '@/utils/gallery/media'
 import UnlockableTag from './UnlockableTag.vue'

From ca54aa4398eef83eda3cbc6ec52574d52a53a8fa Mon Sep 17 00:00:00 2001
From: newraina <newraina@users.noreply.github.com>
Date: Tue, 5 Dec 2023 22:00:42 +0900
Subject: [PATCH 123/161] Update components/gallery/GalleryItem.vue

Co-authored-by: roiLeo <medina.leo42@gmail.com>
---
 components/gallery/GalleryItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/gallery/GalleryItem.vue b/components/gallery/GalleryItem.vue
index 5bc14d8702..c7dd359c22 100644
--- a/components/gallery/GalleryItem.vue
+++ b/components/gallery/GalleryItem.vue
@@ -113,7 +113,7 @@
               <IdentityItem
                 v-if="nft?.issuer"
                 class="gallery-avatar"
-                :class="{ 'mr-4': isMobile, 'mr-8': !isMobile }"
+                :class="isMobile ? 'mr-4' : 'mr-8'"
                 :label="$t('creator')"
                 :prefix="urlPrefix"
                 :account="nft?.issuer"

From 13d20e51d307723362f5100fe79fb9e564fb0517 Mon Sep 17 00:00:00 2001
From: newraina <newraina@users.noreply.github.com>
Date: Tue, 5 Dec 2023 22:00:53 +0900
Subject: [PATCH 124/161] Update components/gallery/GalleryItem.vue

Co-authored-by: roiLeo <medina.leo42@gmail.com>
---
 components/gallery/GalleryItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/gallery/GalleryItem.vue b/components/gallery/GalleryItem.vue
index c7dd359c22..8b739a67ce 100644
--- a/components/gallery/GalleryItem.vue
+++ b/components/gallery/GalleryItem.vue
@@ -103,7 +103,7 @@
 
             <div
               class="text-k-hover-grey flex items-center"
-              :class="{ 'my-4': isMobile, 'my-6': !isMobile }">
+              :class="isMobile ? 'my-4' : 'my-6'">
               <NeoIcon pack="fasl" icon="eye" class="mr-1" />
               <span v-if="pageViewCount === null">--</span>
               <span v-else>{{ formatNumber(pageViewCount) }}</span>

From 81f8ab13775a50c5a5bc1593e1631141ecba8db5 Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Tue, 5 Dec 2023 21:43:44 +0800
Subject: [PATCH 125/161] fix: Links not visible in Description

---
 assets/styles/components/_content-markdown.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/assets/styles/components/_content-markdown.scss b/assets/styles/components/_content-markdown.scss
index 812f016975..b4c3c62962 100644
--- a/assets/styles/components/_content-markdown.scss
+++ b/assets/styles/components/_content-markdown.scss
@@ -4,4 +4,7 @@
   code {
     font-family: monospace;
   }
+  a {
+    color: var(--k-blue) !important;
+  }
 }

From adafd5387f129802f160de308d398182e7fd72c5 Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Tue, 5 Dec 2023 21:44:00 +0800
Subject: [PATCH 126/161] fix: Show more link collection

---
 libs/ui/src/components/NeoButton/NeoButton.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/ui/src/components/NeoButton/NeoButton.scss b/libs/ui/src/components/NeoButton/NeoButton.scss
index 01c7c86deb..4f64899447 100644
--- a/libs/ui/src/components/NeoButton/NeoButton.scss
+++ b/libs/ui/src/components/NeoButton/NeoButton.scss
@@ -149,7 +149,7 @@
     @apply border-none w-min text-k-grey underline-offset-4;
 
     &:hover {
-      @apply text-text-color bg-none;
+      @apply text-text-color bg-transparent;
     }
   }
 

From 89bee26a7caee7f6ab2e20f3fce4e80c356e530e Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Tue, 5 Dec 2023 12:24:42 -0300
Subject: [PATCH 127/161] import

---
 components/collection/drop/Generative.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index d77d13400e..34a585e7ec 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -106,6 +106,7 @@ import UnlockableTag from '@/components/collection/unlockable/UnlockableTag.vue'
 import { ConnectWalletModalConfig } from '@/components/common/ConnectWallet/useConnectWallet'
 import CarouselTypeLatestMints from '@/components/carousel/CarouselTypeLatestMints.vue'
 import { NeoButton } from '@kodadot1/brick'
+import { NeoIcon } from '@kodadot1/brick'
 import { createUnlockableMetadata } from '../unlockable/utils'
 import GenerativePreview from '@/components/collection/drop/GenerativePreview.vue'
 import { DropItem } from '@/params/types'

From 07133b7c0af1a9651cca23862dedb308fe58cb6f Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Tue, 5 Dec 2023 12:31:32 -0300
Subject: [PATCH 128/161] code smell

---
 components/collection/drop/Generative.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index 34a585e7ec..1e35757aef 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -105,8 +105,7 @@ import UnlockableSlider from '@/components/collection/unlockable/UnlockableSlide
 import UnlockableTag from '@/components/collection/unlockable/UnlockableTag.vue'
 import { ConnectWalletModalConfig } from '@/components/common/ConnectWallet/useConnectWallet'
 import CarouselTypeLatestMints from '@/components/carousel/CarouselTypeLatestMints.vue'
-import { NeoButton } from '@kodadot1/brick'
-import { NeoIcon } from '@kodadot1/brick'
+import { NeoButton, NeoIcon } from '@kodadot1/brick'
 import { createUnlockableMetadata } from '../unlockable/utils'
 import GenerativePreview from '@/components/collection/drop/GenerativePreview.vue'
 import { DropItem } from '@/params/types'

From f0e843dd7671548f377018938f97164ccb08a985 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Tue, 5 Dec 2023 20:34:27 +0000
Subject: [PATCH 129/161] Added gasless drop modal feature

---
 components/collection/drop/AddFundsModal.vue | 163 +++++++++++++++++++
 components/collection/drop/Generative.vue    |  61 ++++++-
 composables/useMultipleBalance.ts            |   2 +
 locales/en.json                              |  19 ++-
 4 files changed, 239 insertions(+), 6 deletions(-)
 create mode 100644 components/collection/drop/AddFundsModal.vue

diff --git a/components/collection/drop/AddFundsModal.vue b/components/collection/drop/AddFundsModal.vue
new file mode 100644
index 0000000000..b5d5553228
--- /dev/null
+++ b/components/collection/drop/AddFundsModal.vue
@@ -0,0 +1,163 @@
+<template>
+  <NeoModal
+    :value="modelValue"
+    :can-cancel="['outside', 'escape']"
+    scroll="clip"
+    content-class="add-funds-modal"
+    @close="onClose">
+    <ModalBody
+      :title="$t('mint.unlockable.addFundsModal.title')"
+      @close="onClose">
+      <div
+        class="rounded border shade-border-color is-flex is-justify-content-start is-flex-grow-1 pl-3 mb-6">
+        <IdentityItem
+          :label="$t('confirmPurchase.connectedWith')"
+          hide-identity-popover
+          disable-identity-link
+          :prefix="urlPrefix"
+          :account="accountId"
+          class="identity-name-font-weight-regular"
+          data-testid="item-creator" />
+      </div>
+      <p
+        v-dompurify-html="
+          $t('mint.unlockable.addFundsModal.textP1', [
+            `${minimumFunds} ${token}`,
+          ])
+        "
+        class="mb-4" />
+      <p class="mb-4">{{ $t('mint.unlockable.addFundsModal.textP2') }}</p>
+      <NeoTooltip multiline multiline-width="256px" content-class="p-4">
+        <div
+          class="is-flex is-justify-items-space-between is-align-items-center has-text-grey add-funds-note">
+          <NeoIcon icon="circle-info" class="mr-3" />
+          <p class="is-size-7">
+            {{ $t('mint.unlockable.addFundsModal.howToAddFunds') }}
+          </p>
+        </div>
+        <template #content>
+          <h3 class="tooltip__title">
+            {{ $t('mint.unlockable.addFundsModal.tooltip.title', [token]) }}
+          </h3>
+          <p
+            v-dompurify-html="
+              $t('mint.unlockable.addFundsModal.tooltip.onramp', [token])
+            "
+            class="tooltip__text mb-2" />
+          <p
+            v-dompurify-html="
+              $t('mint.unlockable.addFundsModal.tooltip.exchange')
+            "
+            class="tooltip__text mb-2"></p>
+          <p
+            v-dompurify-html="
+              $t('mint.unlockable.addFundsModal.tooltip.transfer', [token])
+            "
+            class="tooltip__text mb-6" />
+          <p class="tooltip__note has-text-grey">
+            {{ $t('mint.unlockable.addFundsModal.tooltip.note') }}
+          </p>
+        </template>
+      </NeoTooltip>
+      <div class="is-flex">
+        <NeoButton
+          class="is-flex-1 h-14 is-capitalized shine"
+          no-shadow
+          variant="k-accent"
+          @click="onShowRamp">
+          {{ $t('autoTeleport.addFundsViaOnramp') }}
+        </NeoButton>
+      </div>
+    </ModalBody>
+  </NeoModal>
+  <OnRampModal v-model="onRampActive" @close="onRampActive = false" />
+</template>
+
+<script setup lang="ts">
+import { NeoButton, NeoIcon, NeoModal, NeoTooltip } from '@kodadot1/brick'
+import ModalBody from '@/components/shared/modals/ModalBody.vue'
+import OnRampModal from '@/components/shared/OnRampModal.vue'
+import { prefixToToken } from '@/components/common/shoppingCart/utils'
+
+type Props = {
+  modelValue: boolean
+  minimumFunds: number
+}
+
+withDefaults(defineProps<Props>(), {
+  modelValue: false,
+})
+
+const { urlPrefix } = usePrefix()
+const { accountId } = useAuth()
+
+const token = computed(() => prefixToToken[urlPrefix.value])
+
+const onRampActive = ref(false)
+
+const emit = defineEmits(['confirm', 'update:modelValue'])
+
+const onClose = () => {
+  emit('update:modelValue', false)
+}
+
+const onShowRamp = () => {
+  onRampActive.value = true
+  onClose()
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/styles/abstracts/variables';
+
+.shade-border-color {
+  @include ktheme() {
+    border-color: theme('k-shade');
+  }
+}
+
+.rounded {
+  border-radius: 10rem;
+}
+
+.add-funds-note {
+  cursor: default;
+  margin-bottom: 16px;
+}
+.tooltip {
+  &__title {
+    font-size: 16px;
+    font-weight: 700;
+    line-height: normal;
+    margin-bottom: 12px;
+    text-align: left;
+  }
+
+  &__text {
+    font-size: 12px;
+    font-weight: 400;
+    letter-spacing: 0.24px;
+    line-height: normal;
+    text-align: left;
+  }
+
+  &__note {
+    font-style: italic;
+    text-align: left;
+  }
+}
+
+.add-funds-modal {
+  .o-tip {
+    display: flex;
+  }
+
+  .o-tip__trigger > * {
+    height: initial;
+  }
+
+  .limit-height__scrollabe {
+    overflow-y: initial !important;
+  }
+}
+</style>
diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index d77d13400e..34fa42afc6 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -64,14 +64,24 @@
                   :to="`/${urlPrefix}/gallery/${hasUserMinted}`" />
               </div>
 
-              <div v-else>
+              <div v-else class="is-flex">
+                <div class="is-flex is-align-items-center mr-5">
+                  <NeoIcon icon="circle-info" class="mr-3" />
+                  <div
+                    v-dompurify-html="
+                      $t('mint.unlockable.minimumFundsDescription', [
+                        `${minimumFunds} ${token}`,
+                      ])
+                    "
+                    class="minimum-funds-description" />
+                </div>
                 <NeoButton
                   ref="root"
                   class="my-2 mint-button"
                   variant="k-accent"
                   :loading="isImageFetching"
                   :disabled="mintButtonDisabled"
-                  :label="$t('mint.unlockable.mintThisNft')"
+                  :label="$t('mint.unlockable.claimNftNow')"
                   @click="handleSubmitMint" />
               </div>
             </div>
@@ -97,6 +107,10 @@
     v-model="isConfirmModalActive"
     @confirm="handleConfirmMint"
     @close="closeConfirmModal" />
+  <CollectionDropAddFundsModal
+    v-model="isAddFundModalActive"
+    :minimum-funds="minimumFunds"
+    @close="isAddFundModalActive = false" />
 </template>
 
 <script setup lang="ts">
@@ -105,7 +119,7 @@ import UnlockableSlider from '@/components/collection/unlockable/UnlockableSlide
 import UnlockableTag from '@/components/collection/unlockable/UnlockableTag.vue'
 import { ConnectWalletModalConfig } from '@/components/common/ConnectWallet/useConnectWallet'
 import CarouselTypeLatestMints from '@/components/carousel/CarouselTypeLatestMints.vue'
-import { NeoButton } from '@kodadot1/brick'
+import { NeoButton, NeoIcon } from '@kodadot1/brick'
 import { createUnlockableMetadata } from '../unlockable/utils'
 import GenerativePreview from '@/components/collection/drop/GenerativePreview.vue'
 import { DropItem } from '@/params/types'
@@ -115,6 +129,10 @@ import { makeScreenshot } from '@/services/capture'
 import { pinFileToIPFS } from '@/services/nftStorage'
 import { sanitizeIpfsUrl } from '@/utils/ipfs'
 import newsletterApi from '@/utils/newsletter'
+import { formatBsxBalanceToNumber } from '@/utils/format/balance'
+import type { Prefix } from '@kodadot1/static'
+import { prefixToToken } from '@/components/common/shoppingCart/utils'
+import { useIdentityStore } from '@/stores/identity'
 
 const NuxtLink = resolveComponent('NuxtLink')
 const MINTING_SECOND = 120
@@ -128,6 +146,20 @@ const props = defineProps({
   },
 })
 
+const defaultMinimumFunds = 0.2
+const minimumFundsDict: Record<Prefix, number> = {
+  ahp: defaultMinimumFunds,
+  ahk: defaultMinimumFunds,
+  bsx: defaultMinimumFunds,
+  rmrk: defaultMinimumFunds,
+  ksm: defaultMinimumFunds,
+  dot: defaultMinimumFunds,
+}
+const minimumFunds = computed(
+  () => minimumFundsDict[urlPrefix.value] || defaultMinimumFunds,
+)
+const { getAuthBalance } = useIdentityStore()
+
 const collectionId = computed(() => props.drop?.collection)
 const disabledByBackend = computed(() => props.drop?.disabled)
 const defaultImage = computed(() => props.drop?.image)
@@ -147,6 +179,15 @@ const justMinted = ref('')
 const isLoading = ref(false)
 const isImageFetching = ref(false)
 const isConfirmModalActive = ref(false)
+const isAddFundModalActive = ref(false)
+
+const isRequireFunds = computed(
+  () =>
+    props.drop.meta &&
+    formatBsxBalanceToNumber(props.drop.meta) > Number(getAuthBalance),
+)
+
+const token = computed(() => prefixToToken[urlPrefix.value])
 
 const handleSelectImage = (image: string) => {
   selectedImage.value = image
@@ -228,7 +269,11 @@ const handleSubmitMint = async () => {
     return false
   }
 
-  openConfirmModal()
+  if (isRequireFunds.value) {
+    openAddFundModal()
+  } else {
+    openConfirmModal()
+  }
 }
 
 const closeConfirmModal = () => {
@@ -239,6 +284,10 @@ const openConfirmModal = () => {
   isConfirmModalActive.value = true
 }
 
+const openAddFundModal = () => {
+  isAddFundModalActive.value = true
+}
+
 const subscribe = async (email: string) => {
   try {
     await newsletterApi.subscribe(email)
@@ -321,4 +370,8 @@ const handleConfirmMint = async ({ email }) => {
 .order-1 {
   order: 1;
 }
+
+.minimum-funds-description {
+  max-width: 308px;
+}
 </style>
diff --git a/composables/useMultipleBalance.ts b/composables/useMultipleBalance.ts
index f0b872c13c..27c3199db9 100644
--- a/composables/useMultipleBalance.ts
+++ b/composables/useMultipleBalance.ts
@@ -110,6 +110,8 @@ export default function (refetchPeriodically: boolean = false) {
       chainName,
     })
 
+    identityStore.setBalance(prefix, currentBalance)
+
     identityStore.multiBalanceNetwork = currentNetwork.value
 
     return wsProvider.disconnect()
diff --git a/locales/en.json b/locales/en.json
index e915020f33..fcee8b59bd 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -603,6 +603,8 @@
       "onlyOneExample": "Example Of Drop",
       "mintThisNft": "Mint This NFT",
       "seeYourNft": "See Your NFT",
+      "minimumFundsDescription": "Holding a Minimum of <strong>{0}</strong> in Your Wallet is Required for This Free Mint.",
+      "claimNftNow": "Claim NFT Now",
       "nftAlreadyMinted": "NFT Already Minted",
       "yourVariation": "Your Unique Variation",
       "loader": {
@@ -620,7 +622,20 @@
       "ayeVotersOnly": "For Aye Voters Only",
       "eligible": "You Are Eligible",
       "exclusive": "Exclusive Access Only",
-      "howItemWork": "How unlockable item works"
+      "howItemWork": "How unlockable item works",
+      "addFundsModal": {
+        "title": "Action Required",
+        "textP1": "To participate in this free, gasless drop, your wallet must hold a minimum of <strong>{0}</<strong>",
+        "textP2": "Please add funds to continue",
+        "howToAddFunds": "How to add funds",
+        "tooltip": {
+          "title": "Adding {0} to Your Wallet",
+          "onramp": "<strong>Onramp:</strong> Buy {0} with fiat via onramp in your wallet.",
+          "exchange": "<strong>Exchange:</strong> Purchase on a crypto exchange and transfer to your wallet.",
+          "transfer": "<strong>Transfer:</strong> Move {0} from another account to your wallet.",
+          "note": "Transactions may require a network confirmation"
+        }
+      }
     },
     "blockchain": {
       "label": "Select Blockchain",
@@ -1061,7 +1076,7 @@
     "receiveValue": "You will receive {0} {1} on {2} to",
     "insufficientBalance": "Insufficient {0} Balance",
     "insufficientAmountAfterFees": "Insufficient amount after fees",
-    "proceedToConfirmation":"Proceed To Confirmation",
+    "proceedToConfirmation": "Proceed To Confirmation",
     "artistProfile": "Go to artist's profile",
     "usdInput": "USD Value (approx)",
     "btnCopyPayment": "Copy Payment link",

From 672ebf6b05799a6a315c561b0599f78facc0ceda Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Tue, 5 Dec 2023 21:00:01 +0000
Subject: [PATCH 130/161] Used chain from drop

---
 components/collection/drop/AddFundsModal.vue |  4 +---
 components/collection/drop/Generative.vue    | 10 ++++++----
 stores/identity.ts                           |  5 ++++-
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/components/collection/drop/AddFundsModal.vue b/components/collection/drop/AddFundsModal.vue
index b5d5553228..0fe3caf9b9 100644
--- a/components/collection/drop/AddFundsModal.vue
+++ b/components/collection/drop/AddFundsModal.vue
@@ -77,11 +77,11 @@
 import { NeoButton, NeoIcon, NeoModal, NeoTooltip } from '@kodadot1/brick'
 import ModalBody from '@/components/shared/modals/ModalBody.vue'
 import OnRampModal from '@/components/shared/OnRampModal.vue'
-import { prefixToToken } from '@/components/common/shoppingCart/utils'
 
 type Props = {
   modelValue: boolean
   minimumFunds: number
+  token: string
 }
 
 withDefaults(defineProps<Props>(), {
@@ -91,8 +91,6 @@ withDefaults(defineProps<Props>(), {
 const { urlPrefix } = usePrefix()
 const { accountId } = useAuth()
 
-const token = computed(() => prefixToToken[urlPrefix.value])
-
 const onRampActive = ref(false)
 
 const emit = defineEmits(['confirm', 'update:modelValue'])
diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index 34fa42afc6..d96ba7d3a5 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -110,6 +110,7 @@
   <CollectionDropAddFundsModal
     v-model="isAddFundModalActive"
     :minimum-funds="minimumFunds"
+    :token="token"
     @close="isAddFundModalActive = false" />
 </template>
 
@@ -156,9 +157,9 @@ const minimumFundsDict: Record<Prefix, number> = {
   dot: defaultMinimumFunds,
 }
 const minimumFunds = computed(
-  () => minimumFundsDict[urlPrefix.value] || defaultMinimumFunds,
+  () => minimumFundsDict[props.drop.chain] || defaultMinimumFunds,
 )
-const { getAuthBalance } = useIdentityStore()
+const { getAuthBalanceByChain } = useIdentityStore()
 
 const collectionId = computed(() => props.drop?.collection)
 const disabledByBackend = computed(() => props.drop?.disabled)
@@ -184,10 +185,11 @@ const isAddFundModalActive = ref(false)
 const isRequireFunds = computed(
   () =>
     props.drop.meta &&
-    formatBsxBalanceToNumber(props.drop.meta) > Number(getAuthBalance),
+    formatBsxBalanceToNumber(props.drop.meta) >
+      Number(getAuthBalanceByChain(props.drop.chain)),
 )
 
-const token = computed(() => prefixToToken[urlPrefix.value])
+const token = computed(() => prefixToToken[props.drop.chain])
 
 const handleSelectImage = (image: string) => {
   selectedImage.value = image
diff --git a/stores/identity.ts b/stores/identity.ts
index e099ad3083..d58b5eeece 100644
--- a/stores/identity.ts
+++ b/stores/identity.ts
@@ -4,7 +4,7 @@ import { defineStore } from 'pinia'
 import consola from 'consola'
 import { emptyObject } from '@/utils/empty'
 import { formatAddress } from '@/utils/account'
-import { Prefix } from '@kodadot1/static'
+import type { Prefix } from '@kodadot1/static'
 import { getKusamaAssetId } from '@/utils/api/bsx/query'
 
 const DEFAULT_BALANCE_STATE = {
@@ -125,6 +125,9 @@ export const useIdentityStore = defineStore('identity', {
         ? state.auth.balance[urlPrefix.value] || '0'
         : '0'
     },
+    getAuthBalanceByChain: (state) => (prefix: Prefix) => {
+      return state.auth.balance ? state.auth.balance[prefix] || '0' : '0'
+    },
     getTotalUsd: (state) => {
       if (
         state.multiBalances &&

From bef27ea032889748cc4ac9bfe8bfe5c1fdf4a606 Mon Sep 17 00:00:00 2001
From: Preschian Febryantara <preschian@users.noreply.github.com>
Date: Wed, 6 Dec 2023 06:11:35 +0700
Subject: [PATCH 131/161] fix(carousel.ts): add optional chaining to
 nft.resources array access

---
 utils/carousel.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/utils/carousel.ts b/utils/carousel.ts
index bf01a73311..9d43915679 100644
--- a/utils/carousel.ts
+++ b/utils/carousel.ts
@@ -18,7 +18,7 @@ export const formatNFT = (nfts, chain?: string): CarouselNFT[] => {
   return data.map((nft) => {
     const timestamp = nft.updatedAt || nft.timestamp
     const metaImage =
-      nft.meta.image || nft.resources?.[0].thumb || nft.resources?.[0].src
+      nft.meta.image || nft.resources?.[0]?.thumb || nft.resources?.[0]?.src
     const metaAnimationUrl = nft.meta.animationUrl
     const name = nft.name || nft.meta.name
 

From c79083e50d936b9bafadbaf8db2d210b6c54a12a Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 5 Dec 2023 23:41:13 +0000
Subject: [PATCH 132/161] Bump vite from 4.4.11 to 4.4.12

Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 4.4.11 to 4.4.12.
- [Release notes](https://github.com/vitejs/vite/releases)
- [Changelog](https://github.com/vitejs/vite/blob/v4.4.12/packages/vite/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite/commits/v4.4.12/packages/vite)

---
updated-dependencies:
- dependency-name: vite
  dependency-type: direct:production
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 libs/ui/package.json |   2 +-
 pnpm-lock.yaml       | 161 +++++++++++++++++--------------------------
 2 files changed, 63 insertions(+), 100 deletions(-)

diff --git a/libs/ui/package.json b/libs/ui/package.json
index 66449e23a6..eadaf3fabb 100644
--- a/libs/ui/package.json
+++ b/libs/ui/package.json
@@ -19,7 +19,7 @@
     "histoire": "^0.17.6",
     "postcss": "^8.4.31",
     "tailwindcss": "^3.3.5",
-    "vite": "^4.5.0"
+    "vite": "^4.4.12"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.4.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d3e5100229..2fee735c71 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: '6.0'
+lockfileVersion: '6.1'
 
 settings:
   autoInstallPeers: false
@@ -94,7 +94,7 @@ importers:
         version: 20.10.0
       '@vitejs/plugin-vue':
         specifier: ^4.5.0
-        version: 4.5.0(vite@4.4.11)(vue@3.3.9)
+        version: 4.5.0(vite@4.4.12)(vue@3.3.9)
       apollo-boost:
         specifier: ^0.4.9
         version: 0.4.9(graphql@16.8.1)
@@ -136,7 +136,7 @@ importers:
         version: 5.1.0
       nuxt:
         specifier: ^3.8.2
-        version: 3.8.2(@types/node@20.10.0)(eslint@8.54.0)(rollup@2.79.1)(sass@1.69.5)(typescript@4.9.5)(vite@4.4.11)
+        version: 3.8.2(@types/node@20.10.0)(eslint@8.54.0)(rollup@2.79.1)(sass@1.69.5)(typescript@4.9.5)(vite@4.4.12)
       nuxt-speedkit:
         specifier: 3.0.0-next.27
         version: 3.0.0-next.27(rollup@2.79.1)(vue@3.3.9)
@@ -172,7 +172,7 @@ importers:
         version: 1.4.3
       vite:
         specifier: '*'
-        version: 4.4.11(@types/node@20.10.0)(sass@1.69.5)
+        version: 4.4.12(@types/node@20.10.0)(sass@1.69.5)
       vue-apollo:
         specifier: ^3.1.1
         version: 3.1.1(graphql-tag@2.12.6)
@@ -257,7 +257,7 @@ importers:
         version: 6.12.0(eslint@8.54.0)(typescript@4.9.5)
       '@vite-pwa/nuxt':
         specifier: ^0.3.2
-        version: 0.3.2(rollup@2.79.1)(vite@4.4.11)(workbox-window@6.6.0)
+        version: 0.3.2(rollup@2.79.1)(vite@4.4.12)(workbox-window@6.6.0)
       '@vitest/coverage-istanbul':
         specifier: ^0.34.6
         version: 0.34.6(vitest@0.34.6)
@@ -320,7 +320,7 @@ importers:
         version: 12.5.0
       nuxt-simple-sitemap:
         specifier: ^3.4.1
-        version: 3.4.1(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.11)(vue@3.3.9)
+        version: 3.4.1(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.12)(vue@3.3.9)
       postcss:
         specifier: ^8.4.31
         version: 8.4.31
@@ -411,13 +411,13 @@ importers:
     devDependencies:
       '@histoire/plugin-vue':
         specifier: ^0.17.6
-        version: 0.17.6(histoire@0.17.6)(vite@4.5.0)(vue@3.3.9)
+        version: 0.17.6(histoire@0.17.6)(vite@4.4.12)(vue@3.3.9)
       '@oruga-ui/oruga-next':
         specifier: ^0.7.0
         version: 0.7.0(vue@3.3.9)
       '@vitejs/plugin-vue':
         specifier: ^4.5.0
-        version: 4.5.0(vite@4.5.0)(vue@3.3.9)
+        version: 4.5.0(vite@4.4.12)(vue@3.3.9)
       autoprefixer:
         specifier: ^10.4.16
         version: 10.4.16(postcss@8.4.31)
@@ -429,7 +429,7 @@ importers:
         version: 8.7.1(eslint@8.54.0)
       histoire:
         specifier: ^0.17.6
-        version: 0.17.6(@types/node@20.10.0)(sass@1.69.5)(vite@4.5.0)
+        version: 0.17.6(@types/node@20.10.0)(sass@1.69.5)(vite@4.4.12)
       postcss:
         specifier: ^8.4.31
         version: 8.4.31
@@ -437,8 +437,8 @@ importers:
         specifier: ^3.3.5
         version: 3.3.5
       vite:
-        specifier: ^4.5.0
-        version: 4.5.0(@types/node@20.10.0)(sass@1.69.5)
+        specifier: ^4.4.12
+        version: 4.4.12(@types/node@20.10.0)(sass@1.69.5)
 
 packages:
 
@@ -2963,11 +2963,11 @@ packages:
       '@hapi/hoek': 9.3.0
     dev: true
 
-  /@histoire/app@0.17.6(vite@4.5.0):
+  /@histoire/app@0.17.6(vite@4.4.12):
     resolution: {integrity: sha512-SiuH/mMa2dqZmXuxqNzFB9oyQnP7OiC+kwXIvjxTcKAKT/u/Z63jUwgkhKzhKRmsdW5fgYKUa2kfLSF0FqOntg==}
     dependencies:
-      '@histoire/controls': 0.17.6(vite@4.5.0)
-      '@histoire/shared': 0.17.6(vite@4.5.0)
+      '@histoire/controls': 0.17.6(vite@4.4.12)
+      '@histoire/shared': 0.17.6(vite@4.4.12)
       '@histoire/vendors': 0.17.6
       '@types/flexsearch': 0.7.6
       flexsearch: 0.7.21
@@ -2976,7 +2976,7 @@ packages:
       - vite
     dev: true
 
-  /@histoire/controls@0.17.6(vite@4.5.0):
+  /@histoire/controls@0.17.6(vite@4.4.12):
     resolution: {integrity: sha512-weJ4fSt2eux2448WwibSki27vaMzxqjJtmvL8Q2fuHUTRaOSuLzsRjxMab3RHjCVgVt5lixpYbUuAbKchVM03A==}
     dependencies:
       '@codemirror/commands': 6.3.0
@@ -2986,24 +2986,24 @@ packages:
       '@codemirror/state': 6.3.1
       '@codemirror/theme-one-dark': 6.1.2
       '@codemirror/view': 6.22.0
-      '@histoire/shared': 0.17.6(vite@4.5.0)
+      '@histoire/shared': 0.17.6(vite@4.4.12)
       '@histoire/vendors': 0.17.6
     transitivePeerDependencies:
       - vite
     dev: true
 
-  /@histoire/plugin-vue@0.17.6(histoire@0.17.6)(vite@4.5.0)(vue@3.3.9):
+  /@histoire/plugin-vue@0.17.6(histoire@0.17.6)(vite@4.4.12)(vue@3.3.9):
     resolution: {integrity: sha512-DVGoYXPDcoJ55crD4cAXA0OGAS8fWHvKjvOApY1NLLN4DgRjxqHBVE6xCX/9Ai1VTM3izG6FJgXiXAbRVgv5KQ==}
     peerDependencies:
       histoire: ^0.17.6
       vue: ^3.2.47
     dependencies:
-      '@histoire/controls': 0.17.6(vite@4.5.0)
-      '@histoire/shared': 0.17.6(vite@4.5.0)
+      '@histoire/controls': 0.17.6(vite@4.4.12)
+      '@histoire/shared': 0.17.6(vite@4.4.12)
       '@histoire/vendors': 0.17.6
       change-case: 4.1.2
       globby: 13.2.2
-      histoire: 0.17.6(@types/node@20.10.0)(sass@1.69.5)(vite@4.5.0)
+      histoire: 0.17.6(@types/node@20.10.0)(sass@1.69.5)(vite@4.4.12)
       launch-editor: 2.6.1
       pathe: 1.1.1
       vue: 3.3.9(typescript@4.9.5)
@@ -3011,7 +3011,7 @@ packages:
       - vite
     dev: true
 
-  /@histoire/shared@0.17.6(vite@4.5.0):
+  /@histoire/shared@0.17.6(vite@4.4.12):
     resolution: {integrity: sha512-ZcAawiwZ/LIU2eB2fy+AT/OjCTVa5TkVg08TL/KoACgMiQWt5BFJDhuvlupT8RcB4dDfVYE9AputZ2vFeciMvA==}
     peerDependencies:
       vite: ^2.9.0 || ^3.0.0 || ^4.0.0
@@ -3022,7 +3022,7 @@ packages:
       chokidar: 3.5.3
       pathe: 1.1.1
       picocolors: 1.0.0
-      vite: 4.5.0(@types/node@20.10.0)(sass@1.69.5)
+      vite: 4.4.12(@types/node@20.10.0)(sass@1.69.5)
     dev: true
 
   /@histoire/vendors@0.17.6:
@@ -3593,7 +3593,7 @@ packages:
   /@nuxt/devalue@2.0.2:
     resolution: {integrity: sha512-GBzP8zOc7CGWyFQS6dv1lQz8VVpz5C2yRszbXufwG/9zhStTIH50EtD87NmWbTMwXDvZLNg8GIpb1UFdH93JCA==}
 
-  /@nuxt/devtools-kit@1.0.0(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.11):
+  /@nuxt/devtools-kit@1.0.0(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.12):
     resolution: {integrity: sha512-cNloBepQYCBW6x/ctfCvyYRZudxhfgh5w5JDswpCzn7KXmm8U6abG2jyT0FXIaceW1d5QYMpGCN1RUw24wSvOA==}
     peerDependencies:
       nuxt: ^3.7.4
@@ -3602,14 +3602,14 @@ packages:
       '@nuxt/kit': 3.8.2(rollup@2.79.1)
       '@nuxt/schema': 3.8.1(rollup@2.79.1)
       execa: 7.2.0
-      nuxt: 3.8.2(@types/node@20.10.0)(eslint@8.54.0)(rollup@2.79.1)(sass@1.69.5)(typescript@4.9.5)(vite@4.4.11)
-      vite: 4.4.11(@types/node@20.10.0)(sass@1.69.5)
+      nuxt: 3.8.2(@types/node@20.10.0)(eslint@8.54.0)(rollup@2.79.1)(sass@1.69.5)(typescript@4.9.5)(vite@4.4.12)
+      vite: 4.4.12(@types/node@20.10.0)(sass@1.69.5)
     transitivePeerDependencies:
       - rollup
       - supports-color
     dev: true
 
-  /@nuxt/devtools-kit@1.0.3(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.11):
+  /@nuxt/devtools-kit@1.0.3(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.12):
     resolution: {integrity: sha512-a/ZAVmrD5yOfUYhRVfC9afMkczzL8J8zdf0h6QHbTd33rJW/jmjwTn++RTdnbSD2gg2fSBRi/h8y17RmqIdb9g==}
     peerDependencies:
       nuxt: ^3.8.1
@@ -3618,8 +3618,8 @@ packages:
       '@nuxt/kit': 3.8.2(rollup@2.79.1)
       '@nuxt/schema': 3.8.2(rollup@2.79.1)
       execa: 7.2.0
-      nuxt: 3.8.2(@types/node@20.10.0)(eslint@8.54.0)(rollup@2.79.1)(sass@1.69.5)(typescript@4.9.5)(vite@4.4.11)
-      vite: 4.4.11(@types/node@20.10.0)(sass@1.69.5)
+      nuxt: 3.8.2(@types/node@20.10.0)(eslint@8.54.0)(rollup@2.79.1)(sass@1.69.5)(typescript@4.9.5)(vite@4.4.12)
+      vite: 4.4.12(@types/node@20.10.0)(sass@1.69.5)
     transitivePeerDependencies:
       - rollup
       - supports-color
@@ -3639,7 +3639,7 @@ packages:
       rc9: 2.1.1
       semver: 7.5.4
 
-  /@nuxt/devtools@1.0.3(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.11):
+  /@nuxt/devtools@1.0.3(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.12):
     resolution: {integrity: sha512-2mXvQiS3KTMF0fO80Y9WLx95yubRoIp2wSCarmhhqInPe8/0K9VZ4TUiTGF20ti45h0ky3OAxiVSmLfViwDWjg==}
     hasBin: true
     peerDependencies:
@@ -3647,7 +3647,7 @@ packages:
       vite: '*'
     dependencies:
       '@antfu/utils': 0.7.6
-      '@nuxt/devtools-kit': 1.0.3(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.11)
+      '@nuxt/devtools-kit': 1.0.3(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.12)
       '@nuxt/devtools-wizard': 1.0.3
       '@nuxt/kit': 3.8.2(rollup@2.79.1)
       birpc: 0.2.14
@@ -3666,7 +3666,7 @@ packages:
       local-pkg: 0.5.0
       magicast: 0.3.2
       nitropack: 2.8.0
-      nuxt: 3.8.2(@types/node@20.10.0)(eslint@8.54.0)(rollup@2.79.1)(sass@1.69.5)(typescript@4.9.5)(vite@4.4.11)
+      nuxt: 3.8.2(@types/node@20.10.0)(eslint@8.54.0)(rollup@2.79.1)(sass@1.69.5)(typescript@4.9.5)(vite@4.4.12)
       nypm: 0.3.3
       ofetch: 1.3.3
       ohash: 1.1.3
@@ -3680,9 +3680,9 @@ packages:
       simple-git: 3.21.0
       sirv: 2.0.3
       unimport: 3.5.0(rollup@2.79.1)
-      vite: 4.4.11(@types/node@20.10.0)(sass@1.69.5)
-      vite-plugin-inspect: 0.7.42(@nuxt/kit@3.8.2)(rollup@2.79.1)(vite@4.4.11)
-      vite-plugin-vue-inspector: 4.0.0(vite@4.4.11)
+      vite: 4.4.12(@types/node@20.10.0)(sass@1.69.5)
+      vite-plugin-inspect: 0.7.42(@nuxt/kit@3.8.2)(rollup@2.79.1)(vite@4.4.12)
+      vite-plugin-vue-inspector: 4.0.0(vite@4.4.12)
       which: 3.0.1
       ws: 8.14.2
     transitivePeerDependencies:
@@ -5089,7 +5089,7 @@ packages:
     dependencies:
       '@babel/runtime': 7.22.15
       '@polkadot/util': 10.4.2
-      '@substrate/ss58-registry': 1.43.0
+      '@substrate/ss58-registry': 1.44.0
     dev: false
 
   /@polkadot/networks@12.4.2:
@@ -5123,7 +5123,7 @@ packages:
     dependencies:
       '@babel/runtime': 7.22.15
       '@polkadot/util': 8.7.1
-      '@substrate/ss58-registry': 1.43.0
+      '@substrate/ss58-registry': 1.44.0
     dev: false
 
   /@polkadot/rpc-augment@10.11.1:
@@ -8085,13 +8085,13 @@ packages:
       - encoding
       - supports-color
 
-  /@vite-pwa/nuxt@0.3.2(rollup@2.79.1)(vite@4.4.11)(workbox-window@6.6.0):
+  /@vite-pwa/nuxt@0.3.2(rollup@2.79.1)(vite@4.4.12)(workbox-window@6.6.0):
     resolution: {integrity: sha512-VqYSaQvNMQx26Z/2L32gWIT5aJIkJw+Dot/ttqsmHMUv3CnbKBv+o1x5XFC24Zk1as5XKDocwyS2LF8+mhN8Hg==}
     dependencies:
       '@nuxt/kit': 3.8.2(rollup@2.79.1)
       pathe: 1.1.1
       ufo: 1.3.2
-      vite-plugin-pwa: 0.17.2(vite@4.4.11)(workbox-window@6.6.0)
+      vite-plugin-pwa: 0.17.2(vite@4.4.12)(workbox-window@6.6.0)
     transitivePeerDependencies:
       - '@types/babel__core'
       - rollup
@@ -8115,16 +8115,15 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@vitejs/plugin-vue@4.5.0(vite@4.4.11)(vue@3.3.9):
+  /@vitejs/plugin-vue@4.5.0(vite@4.4.12)(vue@3.3.9):
     resolution: {integrity: sha512-a2WSpP8X8HTEww/U00bU4mX1QpLINNuz/2KMNpLsdu3BzOpak3AGI1CJYBTXcc4SPhaD0eNRUp7IyQK405L5dQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^4.0.0 || ^5.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 4.4.11(@types/node@20.10.0)(sass@1.69.5)
+      vite: 4.4.12(@types/node@20.10.0)(sass@1.69.5)
       vue: 3.3.9(typescript@4.9.5)
-    dev: false
 
   /@vitejs/plugin-vue@4.5.0(vite@4.5.0)(vue@3.3.9):
     resolution: {integrity: sha512-a2WSpP8X8HTEww/U00bU4mX1QpLINNuz/2KMNpLsdu3BzOpak3AGI1CJYBTXcc4SPhaD0eNRUp7IyQK405L5dQ==}
@@ -8455,7 +8454,7 @@ packages:
       '@vueuse/core': 10.5.0(vue@3.3.9)
       '@vueuse/metadata': 10.5.0
       local-pkg: 0.5.0
-      nuxt: 3.8.2(@types/node@20.10.0)(eslint@8.54.0)(rollup@2.79.1)(sass@1.69.5)(typescript@4.9.5)(vite@4.4.11)
+      nuxt: 3.8.2(@types/node@20.10.0)(eslint@8.54.0)(rollup@2.79.1)(sass@1.69.5)(typescript@4.9.5)(vite@4.4.12)
       vue-demi: 0.14.6(vue@3.3.9)
     transitivePeerDependencies:
       - '@vue/composition-api'
@@ -8473,7 +8472,7 @@ packages:
       '@vueuse/core': 9.13.0(vue@3.3.9)
       '@vueuse/metadata': 9.13.0
       local-pkg: 0.4.3
-      nuxt: 3.8.2(@types/node@20.10.0)(eslint@8.54.0)(rollup@2.79.1)(sass@1.69.5)(typescript@4.9.5)(vite@4.4.11)
+      nuxt: 3.8.2(@types/node@20.10.0)(eslint@8.54.0)(rollup@2.79.1)(sass@1.69.5)(typescript@4.9.5)(vite@4.4.12)
       vue-demi: 0.14.6(vue@3.3.9)
     transitivePeerDependencies:
       - '@vue/composition-api'
@@ -12263,16 +12262,16 @@ packages:
       tslib: 2.6.2
     dev: true
 
-  /histoire@0.17.6(@types/node@20.10.0)(sass@1.69.5)(vite@4.5.0):
+  /histoire@0.17.6(@types/node@20.10.0)(sass@1.69.5)(vite@4.4.12):
     resolution: {integrity: sha512-L9xLR0BFk+KIcpfDOPw5i0o4eq1ANj+f0i3xWS6F5yToV0jSu9Dh8eaagSrR1QbUpLoc7Kjhjq408Ecoop3JcA==}
     hasBin: true
     peerDependencies:
       vite: ^2.9.0 || ^3.0.0 || ^4.0.0
     dependencies:
       '@akryum/tinypool': 0.3.1
-      '@histoire/app': 0.17.6(vite@4.5.0)
-      '@histoire/controls': 0.17.6(vite@4.5.0)
-      '@histoire/shared': 0.17.6(vite@4.5.0)
+      '@histoire/app': 0.17.6(vite@4.4.12)
+      '@histoire/controls': 0.17.6(vite@4.4.12)
+      '@histoire/shared': 0.17.6(vite@4.4.12)
       '@histoire/vendors': 0.17.6
       '@types/flexsearch': 0.7.6
       '@types/markdown-it': 12.2.3
@@ -12299,7 +12298,7 @@ packages:
       sade: 1.8.1
       shiki-es: 0.2.0
       sirv: 2.0.3
-      vite: 4.5.0(@types/node@20.10.0)(sass@1.69.5)
+      vite: 4.4.12(@types/node@20.10.0)(sass@1.69.5)
       vite-node: 0.34.6(@types/node@20.10.0)(sass@1.69.5)
     transitivePeerDependencies:
       - '@types/node'
@@ -15025,10 +15024,10 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /nuxt-simple-sitemap@3.4.1(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.11)(vue@3.3.9):
+  /nuxt-simple-sitemap@3.4.1(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.12)(vue@3.3.9):
     resolution: {integrity: sha512-1F7OeXQ1rnwWgHgHDeDejlslgyNMHRq1JWzFjRaE6O2QN3R6Rh5RcLzqfynQQ0HFtvv0eJ54E9+MCbvGYVFBuA==}
     dependencies:
-      '@nuxt/devtools-kit': 1.0.0(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.11)
+      '@nuxt/devtools-kit': 1.0.0(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.12)
       '@nuxt/kit': 3.8.0(rollup@2.79.1)
       chalk: 5.3.0
       defu: 6.1.3
@@ -15105,7 +15104,7 @@ packages:
       - vue
     dev: false
 
-  /nuxt@3.8.2(@types/node@20.10.0)(eslint@8.54.0)(rollup@2.79.1)(sass@1.69.5)(typescript@4.9.5)(vite@4.4.11):
+  /nuxt@3.8.2(@types/node@20.10.0)(eslint@8.54.0)(rollup@2.79.1)(sass@1.69.5)(typescript@4.9.5)(vite@4.4.12):
     resolution: {integrity: sha512-HUAyifmqTs2zcQBGvcby3KNs2pBAk+l7ZbLjD1oCNqQQ+wBuZ1qgLC4Ebu++y4g3o3Y8WAWSvpafbKRLQZziPw==}
     engines: {node: ^14.18.0 || >=16.10.0}
     hasBin: true
@@ -15119,7 +15118,7 @@ packages:
         optional: true
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.0.3(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.11)
+      '@nuxt/devtools': 1.0.3(nuxt@3.8.2)(rollup@2.79.1)(vite@4.4.12)
       '@nuxt/kit': 3.8.2(rollup@2.79.1)
       '@nuxt/schema': 3.8.2(rollup@2.79.1)
       '@nuxt/telemetry': 2.5.2(rollup@2.79.1)
@@ -16679,6 +16678,7 @@ packages:
     hasBin: true
     optionalDependencies:
       fsevents: 2.3.3
+    dev: true
 
   /rollup@3.29.4:
     resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==}
@@ -18833,7 +18833,7 @@ packages:
       vscode-languageserver-textdocument: 1.0.11
       vscode-uri: 3.0.8
 
-  /vite-plugin-inspect@0.7.42(@nuxt/kit@3.8.2)(rollup@2.79.1)(vite@4.4.11):
+  /vite-plugin-inspect@0.7.42(@nuxt/kit@3.8.2)(rollup@2.79.1)(vite@4.4.12):
     resolution: {integrity: sha512-JCyX86wr3siQc+p9Kd0t8VkFHAJag0RaQVIpdFGSv5FEaePEVB6+V/RGtz2dQkkGSXQzRWrPs4cU3dRKg32bXw==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -18852,12 +18852,12 @@ packages:
       open: 9.1.0
       picocolors: 1.0.0
       sirv: 2.0.3
-      vite: 4.4.11(@types/node@20.10.0)(sass@1.69.5)
+      vite: 4.4.12(@types/node@20.10.0)(sass@1.69.5)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
-  /vite-plugin-pwa@0.17.2(vite@4.4.11)(workbox-window@6.6.0):
+  /vite-plugin-pwa@0.17.2(vite@4.4.12)(workbox-window@6.6.0):
     resolution: {integrity: sha512-aVH9sxcTDumiWYiNcLrFqu+FdL79I2cT5EhlVe5V6nGcC64yQNGT1jamMytwi+OdfXl4VYic0LtoJ6JHMkM3ZQ==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
@@ -18867,7 +18867,7 @@ packages:
       debug: 4.3.4(supports-color@9.4.0)
       fast-glob: 3.3.2
       pretty-bytes: 6.1.1
-      vite: 4.4.11(@types/node@20.10.0)(sass@1.69.5)
+      vite: 4.4.12(@types/node@20.10.0)(sass@1.69.5)
       workbox-build: 7.0.0
       workbox-window: 6.6.0
     transitivePeerDependencies:
@@ -18875,7 +18875,7 @@ packages:
       - supports-color
     dev: true
 
-  /vite-plugin-vue-inspector@4.0.0(vite@4.4.11):
+  /vite-plugin-vue-inspector@4.0.0(vite@4.4.12):
     resolution: {integrity: sha512-xNjMbRj3YrebuuInTvlC8ghPtzT+3LjMIQPeeR/5CaFd+WcbA9wBnECZmlcP3GITCVED0SxGmTyoJ3iVKsK4vQ==}
     peerDependencies:
       vite: ^3.0.0-0 || ^4.0.0-0
@@ -18889,12 +18889,12 @@ packages:
       '@vue/compiler-dom': 3.3.9
       kolorist: 1.8.0
       magic-string: 0.30.5
-      vite: 4.4.11(@types/node@20.10.0)(sass@1.69.5)
+      vite: 4.4.12(@types/node@20.10.0)(sass@1.69.5)
     transitivePeerDependencies:
       - supports-color
 
-  /vite@4.4.11(@types/node@20.10.0)(sass@1.69.5):
-    resolution: {integrity: sha512-ksNZJlkcU9b0lBwAGZGGaZHCMqHsc8OpgtoYhsQ4/I2v5cnpmmmqe5pM4nv/4Hn6G/2GhTdj0DhZh2e+Er1q5A==}
+  /vite@4.4.12(@types/node@20.10.0)(sass@1.69.5):
+    resolution: {integrity: sha512-KtPlUbWfxzGVul8Nut8Gw2Qe8sBzWY+8QVc5SL8iRFnpnrcoCaNlzO40c1R6hPmcdTwIPEDkq0Y9+27a5tVbdQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -18924,47 +18924,10 @@ packages:
       '@types/node': 20.10.0
       esbuild: 0.18.20
       postcss: 8.4.31
-      rollup: 3.29.0
-      sass: 1.69.5
-    optionalDependencies:
-      fsevents: 2.3.3
-
-  /vite@4.4.11(@types/node@20.9.4)(sass@1.69.5):
-    resolution: {integrity: sha512-ksNZJlkcU9b0lBwAGZGGaZHCMqHsc8OpgtoYhsQ4/I2v5cnpmmmqe5pM4nv/4Hn6G/2GhTdj0DhZh2e+Er1q5A==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      '@types/node': 20.9.4
-      esbuild: 0.18.20
-      postcss: 8.4.31
-      rollup: 3.29.0
+      rollup: 3.29.4
       sass: 1.69.5
     optionalDependencies:
       fsevents: 2.3.3
-    dev: true
 
   /vite@4.5.0(@types/node@20.10.0)(sass@1.69.5):
     resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==}
@@ -19092,7 +19055,7 @@ packages:
       strip-literal: 1.3.0
       tinybench: 2.5.0
       tinypool: 0.7.0
-      vite: 4.4.11(@types/node@20.9.4)(sass@1.69.5)
+      vite: 4.5.0(@types/node@20.9.4)(sass@1.69.5)
       vite-node: 0.34.6(@types/node@20.9.4)(sass@1.69.5)
       why-is-node-running: 2.2.2
     transitivePeerDependencies:

From 9936f528c4c0caec32adce79b10922e3ed3c8c80 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Wed, 6 Dec 2023 16:07:51 +0500
Subject: [PATCH 133/161] add: working new drop modal confirm flow

---
 assets/styles/global.scss                     |   5 +
 .../collection/drop/DropConfirmModal.vue      | 123 --------------
 components/collection/drop/Generative.vue     | 104 ++++++++----
 .../collection/drop/modal/ClaimingDrop.vue    |  33 ++++
 .../drop/modal/DropConfirmModal.vue           |  80 +++++++++
 .../collection/drop/modal/EmailSignup.vue     | 104 ++++++++++++
 .../collection/drop/modal/SuccessfulDrop.vue  | 157 ++++++++++++++++++
 .../unlockable/UnlockableLoader.vue           |  11 +-
 .../unlockable/utils/useCountDown.ts          |  11 ++
 .../GalleryItemButton/GalleryItemShareBtn.vue |   7 +-
 components/shared/SkeletonLoader.vue          |  60 +++++++
 composables/useSocialShare.ts                 |  31 ++++
 locales/en.json                               |  13 +-
 services/waifu.ts                             |  15 +-
 14 files changed, 577 insertions(+), 177 deletions(-)
 delete mode 100644 components/collection/drop/DropConfirmModal.vue
 create mode 100644 components/collection/drop/modal/ClaimingDrop.vue
 create mode 100644 components/collection/drop/modal/DropConfirmModal.vue
 create mode 100644 components/collection/drop/modal/EmailSignup.vue
 create mode 100644 components/collection/drop/modal/SuccessfulDrop.vue
 create mode 100644 components/shared/SkeletonLoader.vue
 create mode 100644 composables/useSocialShare.ts

diff --git a/assets/styles/global.scss b/assets/styles/global.scss
index 68739e1511..2afdcf6af0 100644
--- a/assets/styles/global.scss
+++ b/assets/styles/global.scss
@@ -550,6 +550,11 @@ a.has-text-grey {
   border-radius: 50%;
 }
 
+.is-rounded-small {
+  border-radius: 4rem;
+}
+
+
 .w-half {
   width: 50%;
 }
diff --git a/components/collection/drop/DropConfirmModal.vue b/components/collection/drop/DropConfirmModal.vue
deleted file mode 100644
index ca9b5e187e..0000000000
--- a/components/collection/drop/DropConfirmModal.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<template>
-  <NeoModal
-    :value="isModalActive"
-    :can-cancel="['outside', 'escape']"
-    scroll="clip"
-    class="top"
-    content-class="modal-width"
-    @close="onClose">
-    <ModalBody :title="$t('drops.finalizeClaimNow')" @close="onClose">
-      <div>
-        <ModalIdentityItem />
-      </div>
-
-      <p class="py-5 is-capitalized">
-        {{ $t('drops.subscribe') }}
-      </p>
-
-      <div class="mb-5">
-        <div class="is-capitalized is-flex is-align-items-center">
-          <span>{{ $t('drops.plusGetA') }}</span>
-
-          <div class="px-2 is-flex is-align-items-center">
-            <img width="58" :src="signUpVoucherIcon" alt="shop voucher" />
-          </div>
-
-          <span>{{ $t('drops.voucherToOurShop') }}</span>
-        </div>
-
-        <p class="has-text-k-grey is-capitalized mt-3 is-size-7">
-          ({{ $t('drops.justConfirmSubscriptionViaEmail') }})
-        </p>
-      </div>
-
-      <form @submit.prevent="confirm">
-        <NeoInput
-          ref="emailInput"
-          v-model="email"
-          type="email"
-          required
-          :placeholder="$t('mint.nft.email.placeholder')" />
-
-        <div class="pt-5">
-          <NeoCheckbox v-model="agree" class="is-capitalized">
-            {{ $t('drops.consent') }}
-          </NeoCheckbox>
-        </div>
-
-        <div class="is-flex is-justify-content-space-between pt-4">
-          <NeoButton
-            class="is-flex is-flex-1 h-14 is-capitalized shine"
-            :disabled="disabled"
-            no-shadow
-            variant="k-accent"
-            native-type="submit">
-            {{ submitButtonText }}
-          </NeoButton>
-        </div>
-      </form>
-    </ModalBody>
-  </NeoModal>
-</template>
-
-<script setup lang="ts">
-import { NeoButton, NeoCheckbox, NeoInput, NeoModal } from '@kodadot1/brick'
-import ModalBody from '@/components/shared/modals/ModalBody.vue'
-import ModalIdentityItem from '@/components/shared/ModalIdentityItem.vue'
-
-const emit = defineEmits(['confirm', 'completed', 'close'])
-const { $i18n } = useNuxtApp()
-const props = defineProps<{ modelValue: boolean }>()
-
-const isModalActive = useVModel(props, 'modelValue')
-
-const { signUpVoucherIcon } = useIcon()
-
-const emailInput = ref()
-const email = ref()
-const agree = ref(false)
-
-const invalidEmail = computed(() => !emailInput.value?.checkHtml5Validity())
-
-const disabled = computed(
-  () => invalidEmail.value || email.value === '' || !agree.value,
-)
-
-const submitButtonText = computed(() => {
-  if (invalidEmail.value) {
-    return $i18n.t('drops.enterValidEmail')
-  }
-
-  if (!agree.value) {
-    return $i18n.t('drops.agreeToProceed')
-  }
-
-  return $i18n.t('drops.subscribeAndClaim')
-})
-
-const onClose = () => {
-  emit('close')
-}
-
-const confirm = () => {
-  emit('confirm', { email: email.value })
-  email.value = ''
-}
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/abstracts/variables';
-@import '@/assets/styles/abstracts/animations';
-
-.modal-width {
-  width: 25rem;
-}
-
-.shine:not(:hover):not(:disabled) {
-  @include shineEffect(var(--k-accent-light-3), lightgrey, false);
-
-  &:hover {
-    color: var(--k-accent2) !important;
-  }
-}
-</style>
diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index d77d13400e..3bbf5c3517 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -1,11 +1,5 @@
 <template>
   <div class="unlockable-container">
-    <CollectionUnlockableLoader
-      v-if="isLoading"
-      :duration="MINTING_SECOND"
-      :minted="justMinted"
-      model-value
-      @model-value="isLoading = false" />
     <div class="container is-fluid border-top">
       <div class="columns is-desktop">
         <div class="column is-half-desktop mobile-padding">
@@ -93,10 +87,16 @@
     </div>
   </div>
 
-  <CollectionDropConfirmModal
+  <DropConfirmModal
     v-model="isConfirmModalActive"
+    :claiming="isLoading"
+    :minting-seconds="MINTING_SECOND"
+    :minted-nft="mintedNft"
     @confirm="handleConfirmMint"
-    @close="closeConfirmModal" />
+    @close="closeConfirmModal"
+    @list="handleList" />
+
+  <ListingCartModal />
 </template>
 
 <script setup lang="ts">
@@ -109,15 +109,19 @@ import { NeoButton } from '@kodadot1/brick'
 import { createUnlockableMetadata } from '../unlockable/utils'
 import GenerativePreview from '@/components/collection/drop/GenerativePreview.vue'
 import { DropItem } from '@/params/types'
-import { doWaifu } from '@/services/waifu'
+import { DoResult, doWaifu } from '@/services/waifu'
 import { useDropStatus } from '@/components/drops/useDrops'
 import { makeScreenshot } from '@/services/capture'
 import { pinFileToIPFS } from '@/services/nftStorage'
 import { sanitizeIpfsUrl } from '@/utils/ipfs'
 import newsletterApi from '@/utils/newsletter'
+import DropConfirmModal from './modal/DropConfirmModal.vue'
+import ListingCartModal from '@/components/common/listingCart/ListingCartModal.vue'
+import { nftToListingCartItem } from '@/components/common/shoppingCart/utils'
+import { fetchNft } from '@/components/items/ItemsGrid/useNftActions'
 
 const NuxtLink = resolveComponent('NuxtLink')
-const MINTING_SECOND = 120
+const MINTING_SECOND = 30
 
 const props = defineProps({
   drop: {
@@ -134,20 +138,32 @@ const defaultImage = computed(() => props.drop?.image)
 const { currentAccountMintedToken, mintedDropCount, fetchDropStatus } =
   useDropStatus(props.drop.alias)
 
+const listingCartStore = useListingCartStore()
+const preferencesStore = usePreferencesStore()
+
 const { neoModal } = useProgrammatic()
 const { $i18n } = useNuxtApp()
 const root = ref()
 
 const { toast } = useToast()
 const { accountId } = useAuth()
+
 const { urlPrefix } = usePrefix()
 const selectedImage = ref<string>('')
 const { isLogIn } = useAuth()
-const justMinted = ref('')
 const isLoading = ref(false)
 const isImageFetching = ref(false)
 const isConfirmModalActive = ref(false)
 
+export type DropMintedNft = DoResult & {
+  id: string
+  collectionName: string
+  name: string
+}
+
+const mintedNft = ref<DropMintedNft>()
+const mintedNftWithMetadata = ref<NFTWithMetadata>()
+
 const handleSelectImage = (image: string) => {
   selectedImage.value = image
 }
@@ -169,7 +185,7 @@ const totalAvailableMintCount = computed(
 const hasUserMinted = computed(() =>
   currentAccountMintedToken.value
     ? `${collectionId.value}-${currentAccountMintedToken.value.id}`
-    : justMinted.value,
+    : mintedNft.value?.id,
 )
 
 const mintedCount = computed(() =>
@@ -199,13 +215,6 @@ const collectionName = computed(
   () => collectionData.value?.collectionEntity?.name,
 )
 
-const scrollToTop = () => {
-  window.scroll({
-    top: 0,
-    behavior: 'smooth',
-  })
-}
-
 const tryCapture = async () => {
   try {
     const imgFile = await makeScreenshot(sanitizeIpfsUrl(selectedImage.value))
@@ -267,7 +276,7 @@ const submitMint = async (email: string) => {
 
     const { accountId } = useAuth()
 
-    const id = await doWaifu(
+    const { result } = await doWaifu(
       {
         address: accountId.value,
         metadata: hash,
@@ -275,37 +284,64 @@ const submitMint = async (email: string) => {
         email,
       },
       props.drop.id,
-    ).then((res) => {
-      toast('mint success', { duration: 20000 })
-      scrollToTop()
-      return `${collectionId.value}-${res.result.sn}`
-    })
+    )
 
-    fetchDropStatus()
+    await fetchDropStatus()
 
-    setTimeout(() => {
-      isLoading.value = false
-      justMinted.value = id
-      toast('You will be redirected in few seconds', { duration: 3000 })
-      return navigateTo(`/${urlPrefix.value}/gallery/${id}`)
-    }, MINTING_SECOND * 1000)
+    const id = `${collectionId.value}-${result.sn}`
+
+    isLoading.value = false
+
+    mintedNft.value = {
+      ...result,
+      id,
+      name: 'TODO',
+      collectionName: collectionName.value,
+    }
   } catch (error) {
     toast($i18n.t('drops.mintPerAddress'))
-    isLoading.value = false
     isImageFetching.value = false
+    throw error
   }
 }
 
 const handleConfirmMint = async ({ email }) => {
   try {
-    closeConfirmModal()
     isLoading.value = true
     await subscribe(email)
     await submitMint(email)
   } catch (error) {
     isLoading.value = false
+    isConfirmModalActive.value = false
   }
 }
+
+const handleList = async () => {
+  isConfirmModalActive.value = false
+
+  if (!mintedNftWithMetadata.value) {
+    mintedNftWithMetadata.value = await fetchNft(mintedNft.value?.id)
+  }
+
+  if (!listingCartStore.isItemInCart(mintedNftWithMetadata.value?.id)) {
+    const floorPrice =
+      mintedNftWithMetadata.value?.collection.floorPrice[0]?.price || '0'
+
+    listingCartStore.setItem(
+      nftToListingCartItem(mintedNftWithMetadata.value, floorPrice),
+    )
+  }
+
+  preferencesStore.listingCartModalOpen = true
+}
+
+const clear = () => {
+  isConfirmModalActive.value = false
+  preferencesStore.listingCartModalOpen = false
+  listingCartStore.removeItem(mintedNftWithMetadata.value?.id)
+}
+
+onBeforeUnmount(clear)
 </script>
 
 <style scoped lang="scss">
diff --git a/components/collection/drop/modal/ClaimingDrop.vue b/components/collection/drop/modal/ClaimingDrop.vue
new file mode 100644
index 0000000000..cf2ee1a9b3
--- /dev/null
+++ b/components/collection/drop/modal/ClaimingDrop.vue
@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <ModalIdentityItem />
+  </div>
+
+  <p class="py-5 is-capitalized">
+    {{ $t('drops.stayTuned') }}
+  </p>
+
+  <div class="height">
+    <SkeletonLoader :title="$t('drops.preparingYourNft')" :subtitle="est" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import ModalIdentityItem from '@/components/shared/ModalIdentityItem.vue'
+import SkeletonLoader from '@/components/shared/SkeletonLoader.vue'
+import { useCountDown } from '@/components/collection/unlockable/utils/useCountDown'
+
+const props = defineProps<{ mintingSeconds: number }>()
+
+const { displayDuration } = useCountDown(
+  new Date().getTime() + props.mintingSeconds * 1000,
+)
+
+const est = computed(() => `Est ~ ${displayDuration.value}`)
+</script>
+
+<style lang="scss" scoped>
+.height {
+  height: 200px;
+}
+</style>
diff --git a/components/collection/drop/modal/DropConfirmModal.vue b/components/collection/drop/modal/DropConfirmModal.vue
new file mode 100644
index 0000000000..56ee38fdbf
--- /dev/null
+++ b/components/collection/drop/modal/DropConfirmModal.vue
@@ -0,0 +1,80 @@
+<template>
+  <NeoModal
+    :value="isModalActive"
+    :can-cancel="['outside', 'escape']"
+    scroll="clip"
+    class="top"
+    content-class="modal-width"
+    @close="onClose">
+    <ModalBody :title="title" @close="onClose">
+      <transition name="fade">
+        <EmailSignup v-if="needsEmail" @confirm="handleEmailSignupConfirm" />
+
+        <ClaimingDrop
+          v-else-if="claimingDrop"
+          :minting-seconds="mintingSeconds" />
+
+        <SuccessfulDrop
+          v-else-if="successfulDrop && mintedNft"
+          :minted-nft="mintedNft"
+          @list="$emit('list')" />
+      </transition>
+    </ModalBody>
+  </NeoModal>
+</template>
+<script setup lang="ts">
+import { NeoModal } from '@kodadot1/brick'
+import ModalBody from '@/components/shared/modals/ModalBody.vue'
+import EmailSignup from './EmailSignup.vue'
+import ClaimingDrop from './ClaimingDrop.vue'
+import SuccessfulDrop from './SuccessfulDrop.vue'
+import { DropMintedNft } from '../Generative.vue'
+
+const emit = defineEmits(['confirm', 'completed', 'close', 'list'])
+const props = defineProps<{
+  modelValue: boolean
+  claiming: boolean
+  mintingSeconds: number
+  mintedNft?: DropMintedNft
+}>()
+
+const { $i18n } = useNuxtApp()
+
+const isModalActive = useVModel(props, 'modelValue')
+
+const email = ref<string>()
+
+const successfulDrop = computed(() => !!props.mintedNft)
+const claimingDrop = computed(() => props.claiming)
+const needsEmail = computed(
+  () => !email.value && !claimingDrop.value && !successfulDrop.value,
+)
+
+const title = computed(() => {
+  if (needsEmail.value) {
+    return $i18n.t('drops.finalizeClaimNow')
+  }
+
+  if (claimingDrop.value) {
+    return $i18n.t('drops.claimingDrop')
+  }
+
+  return $i18n.t('success')
+})
+
+const onClose = () => {
+  emit('close')
+}
+
+const handleEmailSignupConfirm = (value: string) => {
+  email.value = value
+  confirm()
+}
+
+const confirm = () => {
+  emit('confirm', { email: email.value })
+  email.value = undefined
+}
+</script>
+
+<style scoped></style>
diff --git a/components/collection/drop/modal/EmailSignup.vue b/components/collection/drop/modal/EmailSignup.vue
new file mode 100644
index 0000000000..5be9ab8fc7
--- /dev/null
+++ b/components/collection/drop/modal/EmailSignup.vue
@@ -0,0 +1,104 @@
+<template>
+  <div>
+    <ModalIdentityItem />
+  </div>
+
+  <p class="py-5 is-capitalized">
+    {{ $t('drops.subscribe') }}
+  </p>
+
+  <div class="mb-5">
+    <div class="is-capitalized is-flex is-align-items-center">
+      <span>{{ $t('drops.plusGetA') }}</span>
+
+      <div class="px-2 is-flex is-align-items-center">
+        <img width="58" :src="signUpVoucherIcon" alt="shop voucher" />
+      </div>
+
+      <span>{{ $t('drops.voucherToOurShop') }}</span>
+    </div>
+
+    <p class="has-text-k-grey is-capitalized mt-3 is-size-7">
+      ({{ $t('drops.justConfirmSubscriptionViaEmail') }})
+    </p>
+  </div>
+
+  <form @submit.prevent="confirm">
+    <NeoInput
+      ref="emailInput"
+      v-model="email"
+      type="email"
+      required
+      :placeholder="$t('mint.nft.email.placeholder')" />
+
+    <div class="pt-5">
+      <NeoCheckbox v-model="agree" class="is-capitalized">
+        {{ $t('drops.consent') }}
+      </NeoCheckbox>
+    </div>
+
+    <div class="is-flex is-justify-content-space-between pt-4">
+      <NeoButton
+        class="is-flex is-flex-1 h-14 is-capitalized shine"
+        :disabled="disabled"
+        no-shadow
+        variant="k-accent"
+        native-type="submit">
+        {{ submitButtonText }}
+      </NeoButton>
+    </div>
+  </form>
+</template>
+
+<script setup lang="ts">
+import { NeoButton, NeoCheckbox, NeoInput } from '@kodadot1/brick'
+import ModalIdentityItem from '@/components/shared/ModalIdentityItem.vue'
+
+const emit = defineEmits(['confirm'])
+
+const { $i18n } = useNuxtApp()
+const { signUpVoucherIcon } = useIcon()
+
+const emailInput = ref()
+const email = ref()
+const agree = ref(false)
+
+const invalidEmail = computed(() => !emailInput.value?.checkHtml5Validity())
+
+const disabled = computed(
+  () => invalidEmail.value || email.value === '' || !agree.value,
+)
+
+const submitButtonText = computed(() => {
+  if (invalidEmail.value) {
+    return $i18n.t('drops.enterValidEmail')
+  }
+
+  if (!agree.value) {
+    return $i18n.t('drops.agreeToProceed')
+  }
+
+  return $i18n.t('drops.subscribeAndClaim')
+})
+
+const confirm = () => {
+  emit('confirm', email.value)
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/styles/abstracts/variables';
+@import '@/assets/styles/abstracts/animations';
+
+.modal-width {
+  width: 25rem;
+}
+
+.shine:not(:hover):not(:disabled) {
+  @include shineEffect(var(--k-accent-light-3), lightgrey, false);
+
+  &:hover {
+    color: var(--k-accent2) !important;
+  }
+}
+</style>
diff --git a/components/collection/drop/modal/SuccessfulDrop.vue b/components/collection/drop/modal/SuccessfulDrop.vue
new file mode 100644
index 0000000000..ead297361d
--- /dev/null
+++ b/components/collection/drop/modal/SuccessfulDrop.vue
@@ -0,0 +1,157 @@
+<template>
+  <div
+    class="border border-k-shade is-rounded-small py-2 px-5 is-flex mb-7 is-flex is-align-items-center is-justify-content-space-between">
+    <div class="has-text-k-green is-flex">
+      <NeoIcon icon="check" />
+
+      <p class="ml-3 is-size-7">{{ $t('confirmed') }}</p>
+    </div>
+
+    <div class="is-flex is-align-items-center">
+      <a
+        v-safe-href="txUrl"
+        class="has-text-link ml-3 is-size-7"
+        target="_blank"
+        rel="nofollow noopener noreferrer">
+        {{ $t('helper.viewTx') }}
+        <NeoIcon icon="arrow-up-right" />
+      </a>
+
+      <NeoIcon
+        class="has-text-k-grey opacity-20 mx-2 circle"
+        icon="circle"
+        pack="fass"
+        size="small" />
+
+      <NeoIcon
+        v-clipboard:copy="txUrl"
+        icon="copy"
+        pack="fass"
+        class="has-text-k-grey is-clickable"
+        data-testid="tx-clipboard"
+        @click="toast($t('general.copyToClipboard'))" />
+    </div>
+  </div>
+
+  <BaseMediaItem
+    class="border border-k-shade"
+    :src="sanitizeIpfsUrl(mintedNft.image)"
+    preview
+    is-detail />
+
+  <div class="py-5 border-bottom-k-shade">
+    <p class="is-size-6 is-capitalized has-text-weight-bold text-center">
+      {{ $t('drops.youSuccessfullyClaimedNft', [1]) }}
+    </p>
+    <p class="is-capitalized is-size-7 text-center mt-2">
+      {{ $t('drops.artBy', [mintedNft.name]) }}
+      <span class="has-text-k-blue">{{ mintedNft.collectionName }}</span>
+    </p>
+  </div>
+
+  <div class="mt-5 mb-6">
+    <div
+      class="is-flex is-justify-content-space-around px-8 is-align-items-center w-full">
+      <NeoButton variant="icon" no-shadow @click="handleShareOnX">
+        <div class="is-flex is-flex-direction-column has-text-k-grey">
+          <NeoIcon pack="fab" icon="x-twitter" />
+          <span class="text-center mt-1">X</span>
+        </div>
+      </NeoButton>
+
+      <NeoButton
+        variant="icon"
+        no-shadow
+        class="mx-7"
+        @click="handleShareOnTelegram">
+        <div class="is-flex is-flex-direction-column has-text-k-grey">
+          <NeoIcon pack="fab" icon="telegram" />
+          <span class="text-center mt-1">Telegram</span>
+        </div>
+      </NeoButton>
+
+      <NeoButton
+        v-clipboard:copy="nftFullUrl"
+        variant="icon"
+        no-shadow
+        @click="toast($t('general.copyToClipboard'))">
+        <div class="is-flex is-flex-direction-column has-text-k-grey">
+          <NeoIcon icon="link" />
+          <span class="text-center mt-1">{{ $t('general.copy') }}</span>
+        </div>
+      </NeoButton>
+    </div>
+  </div>
+
+  <div class="is-flex">
+    <NeoButton
+      class="border-k-grey hover-button w-full"
+      rounded
+      no-shadow
+      @click="viewNft"
+      >{{ $t('drops.viewNft') }}</NeoButton
+    >
+
+    <NeoButton
+      class="border-k-grey hover-button w-full ml-4"
+      rounded
+      no-shadow
+      @click="listNft"
+      >{{ $t('drops.listNft') }}</NeoButton
+    >
+  </div>
+</template>
+
+<script setup lang="ts">
+import { NeoButton, NeoIcon } from '@kodadot1/brick'
+import { DropMintedNft } from '../Generative.vue'
+import { Prefix } from '@kodadot1/static'
+const { getExtrinsicUrl } = useExplorer()
+
+const { $i18n } = useNuxtApp()
+
+const emit = defineEmits(['list'])
+const props = defineProps<{
+  mintedNft: DropMintedNft
+}>()
+
+const sharingTxt = $i18n.t('sharing.nft')
+
+const { toast } = useToast()
+const { shareOnX, shareOnTelegram } = useSocialShare()
+
+const txUrl = computed(() =>
+  getExtrinsicUrl(
+    props.mintedNft.txHash || '',
+    props.mintedNft.chain as Prefix,
+  ),
+)
+
+const nftPath = computed(
+  () => `/${props.mintedNft.chain}/gallery/${props.mintedNft.id}`,
+)
+
+const nftFullUrl = computed(() => `${window.location.origin}${nftPath.value}`)
+
+const viewNft = () => {
+  navigateTo(nftPath.value)
+}
+
+const listNft = () => {
+  emit('list')
+}
+
+const handleShareOnX = () => {
+  shareOnX(sharingTxt, nftFullUrl.value)
+}
+
+const handleShareOnTelegram = () => {
+  shareOnTelegram(sharingTxt, nftFullUrl.value)
+}
+</script>
+
+<style scoped>
+.circle {
+  font-size: 0.5rem;
+}
+</style>
diff --git a/components/collection/unlockable/UnlockableLoader.vue b/components/collection/unlockable/UnlockableLoader.vue
index 046450caa7..59026d18d7 100644
--- a/components/collection/unlockable/UnlockableLoader.vue
+++ b/components/collection/unlockable/UnlockableLoader.vue
@@ -70,19 +70,10 @@ const { urlPrefix } = usePrefix()
 const { $i18n } = useNuxtApp()
 const isLoading = useVModel(props, 'modelValue')
 
-const { minutes, seconds } = useCountDown(
+const { displayDuration } = useCountDown(
   new Date().getTime() + props.duration * 1000,
 )
 
-const displayDuration = computed(() => {
-  if (minutes.value > 0) {
-    return `${minutes.value} minute${minutes.value > 1 ? 's' : ''}${
-      seconds.value ? ` ${seconds.value} seconds` : ''
-    }`
-  }
-  return seconds.value >= 0 ? `${seconds.value} seconds` : 'few seconds'
-})
-
 const twitterText = computed(
   () =>
     `Just minted an exclusive NFT with unlockable items on @Kodadot! 🎉 So excited to add this unique collectible to my collection. Do not miss your chance! \n\n ${location.href}`,
diff --git a/components/collection/unlockable/utils/useCountDown.ts b/components/collection/unlockable/utils/useCountDown.ts
index 902cfe8585..ecc2af0c38 100644
--- a/components/collection/unlockable/utils/useCountDown.ts
+++ b/components/collection/unlockable/utils/useCountDown.ts
@@ -21,9 +21,20 @@ export const useCountDown = (countDownTime: number) => {
   onBeforeMount(() => {
     clearInterval(timer.value)
   })
+
+  const displayDuration = computed(() => {
+    if (minutes.value > 0) {
+      return `${minutes.value} minute${minutes.value > 1 ? 's' : ''}${
+        seconds.value ? ` ${seconds.value} seconds` : ''
+      }`
+    }
+    return seconds.value >= 0 ? `${seconds.value} seconds` : 'few seconds'
+  })
+
   return {
     hours,
     minutes,
     seconds,
+    displayDuration,
   }
 }
diff --git a/components/gallery/GalleryItemButton/GalleryItemShareBtn.vue b/components/gallery/GalleryItemButton/GalleryItemShareBtn.vue
index 6199a96095..31fa9b9aa2 100644
--- a/components/gallery/GalleryItemButton/GalleryItemShareBtn.vue
+++ b/components/gallery/GalleryItemButton/GalleryItemShareBtn.vue
@@ -51,17 +51,16 @@ const route = useRoute()
 const { $i18n } = useNuxtApp()
 const { toast } = useToast()
 
+const { shareOnX } = useSocialShare()
+
 const isModalActive = ref(false)
 const sharingTxt = $i18n.t('sharing.nft')
 const realworldFullPathShare = ref(`${window.location.origin}${route.fullPath}`)
-const twitterUri = ref(
-  `https://twitter.com/intent/tweet?text=${sharingTxt}&via=KodaDot&url=${realworldFullPathShare.value}`,
-)
 
 const label = computed(() => (isMobileDevice ? '' : 'Share'))
 const icon = computed(() => (isMobileDevice ? 'share' : ''))
 
 const actionTwitterShare = (): void => {
-  window.open(twitterUri.value, '_blank')
+  shareOnX(sharingTxt, realworldFullPathShare.value)
 }
 </script>
diff --git a/components/shared/SkeletonLoader.vue b/components/shared/SkeletonLoader.vue
new file mode 100644
index 0000000000..2c26669502
--- /dev/null
+++ b/components/shared/SkeletonLoader.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="is-relative h-full skeleton-container">
+    <NeoSkeleton
+      class="skeleton-backdrop"
+      rounded
+      border-radius="20px"
+      no-margin
+      full-size
+      variant="k-grey-light" />
+
+    <div class="skeleton-content is-flex">
+      <NeoIcon
+        icon="spinner-third"
+        class="spinner has-text-k-grey mr-6"
+        size="large"
+        spin></NeoIcon>
+
+      <div>
+        <p class="is-capitalized has-text-weight-bold is-size-6">
+          {{ title || $t('general.doingSomeMagic') }}
+        </p>
+        <p class="is-capitalized is-size-6 has-text-k-grey">
+          {{ subtitle || $t('general.pleaseWait') }}
+          <span v-if="!subtitle" class="dots" />
+        </p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { NeoIcon, NeoSkeleton } from '@kodadot1/brick'
+
+withDefaults(
+  defineProps<{
+    title?: string
+    subtitle?: string
+  }>(),
+  {},
+)
+</script>
+
+<style scoped lang="scss">
+.skeleton {
+  &-backdrop {
+    z-index: 2;
+  }
+
+  &-content {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 3;
+  }
+}
+</style>
diff --git a/composables/useSocialShare.ts b/composables/useSocialShare.ts
new file mode 100644
index 0000000000..4d24d64027
--- /dev/null
+++ b/composables/useSocialShare.ts
@@ -0,0 +1,31 @@
+export default function () {
+  const route = useRoute()
+
+  const realworldFullPathShare = ref(
+    `${window.location.origin}${route.fullPath}`,
+  )
+
+  const open = (url: string) => {
+    window.open(url, '_blank')
+  }
+
+  const shareOnX = (
+    text: string,
+    url: string = realworldFullPathShare.value,
+  ) => {
+    open(`https://twitter.com/intent/tweet?text=${text}&via=KodaDot&url=${url}`)
+  }
+
+  const shareOnTelegram = (
+    text: string,
+    url: string = realworldFullPathShare.value,
+  ) => {
+    open(
+      `https://t.me/share/url?url=${encodeURIComponent(
+        url,
+      )}&text=${encodeURIComponent(text)}`,
+    )
+  }
+
+  return { shareOnX, shareOnTelegram }
+}
diff --git a/locales/en.json b/locales/en.json
index e915020f33..2453d3ce39 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -46,6 +46,7 @@
   "Maximum NFTs in collection": "Maximum NFTs in collection",
   "name": "Name",
   "simple": "Simple",
+  "confirmed": "Confirmed",
   "creative": "Creative",
   "multipleNFTS": "Multiple NFT's",
   "about": "About",
@@ -972,7 +973,8 @@
     "supports": "Supports",
     "chooseProvider": "Choose A Provider",
     "doingSomeMagic": "Doing some magic",
-    "pleaseWait": "Please wait"
+    "pleaseWait": "Please wait",
+    "copy": "Copy"
   },
   "fiatOnRamp": {
     "agree": "I agree to the",
@@ -1422,7 +1424,14 @@
     "consent": "I consent to receive updates.",
     "plusGetA": "+ Get a",
     "voucherToOurShop": "Voucher to our shop",
-    "justConfirmSubscriptionViaEmail": "Just confirm your subscription via email"
+    "justConfirmSubscriptionViaEmail": "Just confirm your subscription via email",
+    "claimingDrop": "Claiming drop",
+    "stayTuned": "Stay tuned — Your unique NFT is finalizing!",
+    "preparingYourNft": "Preparing Your NFT",
+    "youSuccessfullyClaimedNft": "You successfully claimed {0} NFT",
+    "artBy": "{0} By",
+    "viewNft": "View NFT",
+    "listNft": "List NFT"
   },
   "confirmPurchase": {
     "action": "Confirm Purchase",
diff --git a/services/waifu.ts b/services/waifu.ts
index c5c9921fd5..b5102978f4 100644
--- a/services/waifu.ts
+++ b/services/waifu.ts
@@ -62,12 +62,19 @@ type DoRequest = {
   email?: string
 }
 
+export type DoResult = {
+  sn: string
+  collection: string
+  chain: string
+  txHash?: string
+  timestamp?: string
+  image?: string
+}
+
 type DoResponse = {
-  result: {
-    sn: string
-    collection: string
-  }
+  result: DoResult
 }
+
 export const doWaifu = async (body: DoRequest, campaign: string) => {
   const value = await api<DoResponse>(`do/${campaign}`, {
     method: 'POST',

From 8259dbaea6dbf0fdff0156fbcde7b9500398764f Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Wed, 6 Dec 2023 16:41:01 +0500
Subject: [PATCH 134/161] ref: modal skeleton loader

---
 .../collection/drop/modal/ClaimingDrop.vue    |  4 +-
 .../drop/modal/DropConfirmModal.vue           |  2 -
 components/shared/SkeletonLoader.vue          |  6 +-
 components/shared/modals/ModalBody.vue        | 62 +++++--------------
 4 files changed, 22 insertions(+), 52 deletions(-)

diff --git a/components/collection/drop/modal/ClaimingDrop.vue b/components/collection/drop/modal/ClaimingDrop.vue
index cf2ee1a9b3..957bf7c49f 100644
--- a/components/collection/drop/modal/ClaimingDrop.vue
+++ b/components/collection/drop/modal/ClaimingDrop.vue
@@ -7,7 +7,7 @@
     {{ $t('drops.stayTuned') }}
   </p>
 
-  <div class="height">
+  <div class="min-height">
     <SkeletonLoader :title="$t('drops.preparingYourNft')" :subtitle="est" />
   </div>
 </template>
@@ -27,7 +27,7 @@ const est = computed(() => `Est ~ ${displayDuration.value}`)
 </script>
 
 <style lang="scss" scoped>
-.height {
+.min-height {
   height: 200px;
 }
 </style>
diff --git a/components/collection/drop/modal/DropConfirmModal.vue b/components/collection/drop/modal/DropConfirmModal.vue
index 56ee38fdbf..22be7d66a6 100644
--- a/components/collection/drop/modal/DropConfirmModal.vue
+++ b/components/collection/drop/modal/DropConfirmModal.vue
@@ -76,5 +76,3 @@ const confirm = () => {
   email.value = undefined
 }
 </script>
-
-<style scoped></style>
diff --git a/components/shared/SkeletonLoader.vue b/components/shared/SkeletonLoader.vue
index 2c26669502..e2ad5ad1a1 100644
--- a/components/shared/SkeletonLoader.vue
+++ b/components/shared/SkeletonLoader.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="is-relative h-full skeleton-container">
+  <div class="h-full skeleton-container">
     <NeoSkeleton
       class="skeleton-backdrop"
       rounded
@@ -42,6 +42,10 @@ withDefaults(
 
 <style scoped lang="scss">
 .skeleton {
+  &-container {
+    position: relative;
+  }
+
   &-backdrop {
     z-index: 2;
   }
diff --git a/components/shared/modals/ModalBody.vue b/components/shared/modals/ModalBody.vue
index 275b899a3a..43f5a0d860 100644
--- a/components/shared/modals/ModalBody.vue
+++ b/components/shared/modals/ModalBody.vue
@@ -36,32 +36,8 @@
         },
         contentClass,
       ]">
-      <div v-if="loading" class="skeleton-container">
-        <NeoSkeleton
-          class="skeleton-backdrop"
-          rounded
-          border-radius="20px"
-          no-margin
-          full-size
-          variant="k-grey-light" />
-
-        <div class="skeleton-content is-flex">
-          <NeoIcon
-            icon="spinner-third"
-            class="spinner has-text-k-grey mr-6"
-            size="large"
-            spin></NeoIcon>
-
-          <div>
-            <p class="is-capitalized has-text-weight-bold is-size-6">
-              {{ $t('general.doingSomeMagic') }}
-            </p>
-            <p class="is-capitalized is-size-6 has-text-k-grey">
-              {{ $t('general.pleaseWait') }}
-              <span class="dots" />
-            </p>
-          </div>
-        </div>
+      <div v-if="loading">
+        <SkeletonLoader class="modal-skeleton" />
       </div>
 
       <div
@@ -77,7 +53,8 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon, NeoSkeleton } from '@kodadot1/brick'
+import { NeoButton, NeoSkeleton } from '@kodadot1/brick'
+import SkeletonLoader from '@/components/shared/SkeletonLoader.vue'
 
 const emits = defineEmits(['close'])
 withDefaults(
@@ -101,7 +78,7 @@ withDefaults(
 const onClose = () => emits('close')
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 @import '@/assets/styles/abstracts/variables';
 
 $x-padding: 2rem;
@@ -125,25 +102,16 @@ $b-padding: 1.25rem;
   }
 }
 
-.skeleton {
-  &-backdrop {
-    top: $t-padding;
-    left: $x-padding;
-    width: calc(100% - $x-padding * 2);
-    height: calc(100% - ($t-padding + $b-padding));
-    max-height: v-bind(modalMaxHeight) !important;
-    z-index: 2;
-  }
-
-  &-content {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 3;
+.modal-skeleton {
+  position: unset !important;
+  .skeleton {
+    &-backdrop {
+      top: $t-padding;
+      left: $x-padding;
+      width: calc(100% - $x-padding * 2);
+      height: calc(100% - ($t-padding + $b-padding));
+      max-height: v-bind(modalMaxHeight) !important;
+    }
   }
 }
 

From 7faf9f9b929b7621c2d08e958da79b236fd0fb7e Mon Sep 17 00:00:00 2001
From: newraina <newraina@users.noreply.github.com>
Date: Wed, 6 Dec 2023 20:43:01 +0900
Subject: [PATCH 135/161] Add neutral color palette to tailwind config

---
 libs/ui/tailwind.config.js | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/libs/ui/tailwind.config.js b/libs/ui/tailwind.config.js
index d90acded66..c7972a924d 100644
--- a/libs/ui/tailwind.config.js
+++ b/libs/ui/tailwind.config.js
@@ -50,6 +50,22 @@ module.exports = {
         'separator-line-color': 'var(--separator-line-color)',
         'toggle-primary': 'var(--toggle-primary)',
         'toggle-active-switch': 'var(--toggle-active-switch)',
+
+        neutral: {
+          1: '#ffffff',
+          2: '#fcfcfc',
+          3: '#f5f5f5',
+          4: '#f0f0f0',
+          5: '#d9d9d9',
+          6: '#bfbfbf',
+          7: '#8c8c8c',
+          8: '#595959',
+          9: '#454545',
+          10: '#262626',
+          11: '#1f1f1f',
+          12: '#141414',
+          13: '#000000',
+        },
       },
       boxShadow: {
         primary: 'var(--primary-shadow)',

From 922c2c96381af788667ef5044907ed4cf357693b Mon Sep 17 00:00:00 2001
From: newraina <newraina@users.noreply.github.com>
Date: Wed, 6 Dec 2023 20:46:34 +0900
Subject: [PATCH 136/161] change the color of page view count

---
 components/gallery/GalleryItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/gallery/GalleryItem.vue b/components/gallery/GalleryItem.vue
index 8b739a67ce..2cb77bde0f 100644
--- a/components/gallery/GalleryItem.vue
+++ b/components/gallery/GalleryItem.vue
@@ -102,7 +102,7 @@
             </div>
 
             <div
-              class="text-k-hover-grey flex items-center"
+              class="text-neutral-7 flex items-center"
               :class="isMobile ? 'my-4' : 'my-6'">
               <NeoIcon pack="fasl" icon="eye" class="mr-1" />
               <span v-if="pageViewCount === null">--</span>

From 4f5e1fe2414c54f9e06538c1ad3597e3811117c4 Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Wed, 6 Dec 2023 20:29:37 +0800
Subject: [PATCH 137/161] fix: Deduplicate drop information - Total available
 items

---
 components/collection/drop/DropContainer.vue  |  6 -----
 components/collection/drop/Generative.vue     |  8 -------
 .../unlockable/UnlockableContainer.vue        | 24 +++----------------
 .../collection/voteDrop/DropContainer.vue     |  5 ----
 locales/en.json                               |  1 -
 5 files changed, 3 insertions(+), 41 deletions(-)

diff --git a/components/collection/drop/DropContainer.vue b/components/collection/drop/DropContainer.vue
index 8b177bc550..c788eaeb7b 100644
--- a/components/collection/drop/DropContainer.vue
+++ b/components/collection/drop/DropContainer.vue
@@ -14,12 +14,6 @@
             :collection-id="collectionId"
             :description="description" />
           <hr class="mb-4" />
-
-          <div
-            class="is-flex is-justify-content-space-between is-align-items-center my-5">
-            <div>Total available items</div>
-            <div>{{ totalAvailableMintCount }} / {{ totalCount }}</div>
-          </div>
           <UnlockableTag :collection-id="collectionId" />
 
           <div>
diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index 1e35757aef..e6abadc21f 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -14,11 +14,6 @@
             :description="description" />
           <hr class="mb-4" />
 
-          <div
-            class="is-flex is-justify-content-space-between is-align-items-center my-5">
-            <div>{{ $t('mint.unlockable.totalAvailableItem') }}</div>
-            <div>{{ totalAvailableMintCount }} / {{ maxCount }}</div>
-          </div>
           <UnlockableTag :collection-id="collectionId" />
 
           <div>
@@ -162,9 +157,6 @@ const { data: collectionData } = useGraphql({
 const maxCount = computed(
   () => collectionData.value?.collectionEntity?.max || 200,
 )
-const totalAvailableMintCount = computed(
-  () => maxCount.value - mintedCount.value,
-)
 
 const hasUserMinted = computed(() =>
   currentAccountMintedToken.value
diff --git a/components/collection/unlockable/UnlockableContainer.vue b/components/collection/unlockable/UnlockableContainer.vue
index 54624e9289..cb17c5a282 100644
--- a/components/collection/unlockable/UnlockableContainer.vue
+++ b/components/collection/unlockable/UnlockableContainer.vue
@@ -15,11 +15,6 @@
             :description="description" />
           <hr class="mb-4" />
 
-          <div
-            class="is-flex is-justify-content-space-between is-align-items-center my-5">
-            <span class="">Total available items</span>
-            <span class="">{{ totalAvailableMintCount }} / {{ maxCount }}</span>
-          </div>
           <UnlockableTag :collection-id="collectionId" />
 
           <div>
@@ -133,8 +128,9 @@ const isLoading = ref(false)
 const { isLogIn } = useAuth()
 const { hours, minutes, seconds } = useCountDown(countDownTime)
 const justMinted = ref('')
-const { currentAccountMintedToken, mintedDropCount, fetchDropStatus } =
-  useDropStatus(props.drop.alias)
+const { currentAccountMintedToken, fetchDropStatus } = useDropStatus(
+  props.drop.alias,
+)
 
 onMounted(async () => {
   const res = await getLatestWaifuImages()
@@ -159,26 +155,12 @@ const handleSelectImage = (image: string) => {
   selectedImage.value = image
 }
 
-const { data: collectionData } = useGraphql({
-  queryName: 'unlockableCollectionById',
-  variables: {
-    id: collectionId.value,
-  },
-})
-
 const hasUserMinted = computed(() =>
   currentAccountMintedToken.value
     ? `${collectionId.value}-${currentAccountMintedToken.value.id}`
     : justMinted.value,
 )
 
-const maxCount = computed(
-  () => collectionData.value?.collectionEntity?.max || 300,
-)
-const totalAvailableMintCount = computed(
-  () => maxCount.value - Math.min(mintedDropCount.value, maxCount.value),
-)
-
 const { data, refetch } = useGraphql({
   queryName: 'collectionMintedBetween',
   variables: {
diff --git a/components/collection/voteDrop/DropContainer.vue b/components/collection/voteDrop/DropContainer.vue
index fda3f077bf..d03c42c51d 100644
--- a/components/collection/voteDrop/DropContainer.vue
+++ b/components/collection/voteDrop/DropContainer.vue
@@ -15,11 +15,6 @@
             :description="VOTE_DROP_DESCRIPTION" />
           <hr class="mb-4" />
 
-          <div
-            class="is-flex is-justify-content-space-between is-align-items-center my-5">
-            <span> {{ $t('mint.unlockable.totalAvailableItem') }}</span>
-            <span>{{ totalAvailableMintCount }} / {{ totalCount }}</span>
-          </div>
           <UnlockableTag :collection-id="collectionId" />
 
           <div>
diff --git a/locales/en.json b/locales/en.json
index e915020f33..6bc9e6fd53 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -616,7 +616,6 @@
       },
       "open": "Open",
       "phase": "Mint Phase",
-      "totalAvailableItem": "Total available items",
       "ayeVotersOnly": "For Aye Voters Only",
       "eligible": "You Are Eligible",
       "exclusive": "Exclusive Access Only",

From d8820037c0a0e7d7b0cfc398c1e80f8ebaf8e153 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Wed, 6 Dec 2023 18:18:20 +0500
Subject: [PATCH 138/161] fix: use real nft name

---
 components/collection/drop/Generative.vue | 2 +-
 services/waifu.ts                         | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index 3bbf5c3517..fabe0ad8ae 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -295,7 +295,7 @@ const submitMint = async (email: string) => {
     mintedNft.value = {
       ...result,
       id,
-      name: 'TODO',
+      name: result.name,
       collectionName: collectionName.value,
     }
   } catch (error) {
diff --git a/services/waifu.ts b/services/waifu.ts
index b5102978f4..bfb595b619 100644
--- a/services/waifu.ts
+++ b/services/waifu.ts
@@ -69,6 +69,7 @@ export type DoResult = {
   txHash?: string
   timestamp?: string
   image?: string
+  name: string
 }
 
 type DoResponse = {

From 114b689af1daffa938e20e4fdc372670d9dafb84 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Wed, 6 Dec 2023 18:18:54 +0500
Subject: [PATCH 139/161] add: collection name as link

---
 components/collection/drop/modal/SuccessfulDrop.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/components/collection/drop/modal/SuccessfulDrop.vue b/components/collection/drop/modal/SuccessfulDrop.vue
index ead297361d..ce21c583ad 100644
--- a/components/collection/drop/modal/SuccessfulDrop.vue
+++ b/components/collection/drop/modal/SuccessfulDrop.vue
@@ -45,7 +45,13 @@
     </p>
     <p class="is-capitalized is-size-7 text-center mt-2">
       {{ $t('drops.artBy', [mintedNft.name]) }}
-      <span class="has-text-k-blue">{{ mintedNft.collectionName }}</span>
+      <a
+        v-safe-href="collectionUrl"
+        class="has-text-link"
+        target="_blank"
+        rel="nofollow noopener noreferrer">
+        {{ mintedNft.collectionName }}
+      </a>
     </p>
   </div>
 
@@ -127,6 +133,10 @@ const txUrl = computed(() =>
   ),
 )
 
+const collectionUrl = computed(
+  () => `/${props.mintedNft.chain}/collection/${props.mintedNft.collection}`,
+)
+
 const nftPath = computed(
   () => `/${props.mintedNft.chain}/gallery/${props.mintedNft.id}`,
 )

From 15105b2ce4cbf18af717d5a49940e1f8d5ef579e Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Wed, 6 Dec 2023 12:34:25 +0000
Subject: [PATCH 140/161] Used minimum from meta

---
 components/collection/drop/Generative.vue | 25 ++++++++---------------
 1 file changed, 8 insertions(+), 17 deletions(-)

diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index d96ba7d3a5..3cbe015e80 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -65,7 +65,9 @@
               </div>
 
               <div v-else class="is-flex">
-                <div class="is-flex is-align-items-center mr-5">
+                <div
+                  v-if="minimumFunds"
+                  class="is-flex is-align-items-center mr-5">
                   <NeoIcon icon="circle-info" class="mr-3" />
                   <div
                     v-dompurify-html="
@@ -131,7 +133,6 @@ import { pinFileToIPFS } from '@/services/nftStorage'
 import { sanitizeIpfsUrl } from '@/utils/ipfs'
 import newsletterApi from '@/utils/newsletter'
 import { formatBsxBalanceToNumber } from '@/utils/format/balance'
-import type { Prefix } from '@kodadot1/static'
 import { prefixToToken } from '@/components/common/shoppingCart/utils'
 import { useIdentityStore } from '@/stores/identity'
 
@@ -147,17 +148,8 @@ const props = defineProps({
   },
 })
 
-const defaultMinimumFunds = 0.2
-const minimumFundsDict: Record<Prefix, number> = {
-  ahp: defaultMinimumFunds,
-  ahk: defaultMinimumFunds,
-  bsx: defaultMinimumFunds,
-  rmrk: defaultMinimumFunds,
-  ksm: defaultMinimumFunds,
-  dot: defaultMinimumFunds,
-}
-const minimumFunds = computed(
-  () => minimumFundsDict[props.drop.chain] || defaultMinimumFunds,
+const minimumFunds = computed<number | undefined>(
+  () => props.drop.meta && formatBsxBalanceToNumber(props.drop.meta),
 )
 const { getAuthBalanceByChain } = useIdentityStore()
 
@@ -184,9 +176,8 @@ const isAddFundModalActive = ref(false)
 
 const isRequireFunds = computed(
   () =>
-    props.drop.meta &&
-    formatBsxBalanceToNumber(props.drop.meta) >
-      Number(getAuthBalanceByChain(props.drop.chain)),
+    minimumFunds.value &&
+    minimumFunds.value > Number(getAuthBalanceByChain(props.drop.chain)),
 )
 
 const token = computed(() => prefixToToken[props.drop.chain])
@@ -374,6 +365,6 @@ const handleConfirmMint = async ({ email }) => {
 }
 
 .minimum-funds-description {
-  max-width: 308px;
+  max-width: 314px;
 }
 </style>

From cd6ce07178d14535fdb6793eb8b0bfef8604dbf5 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Wed, 6 Dec 2023 13:21:51 +0000
Subject: [PATCH 141/161] Fixed TS error

---
 components/collection/drop/Generative.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index 3cbe015e80..055452723c 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -110,6 +110,7 @@
     @confirm="handleConfirmMint"
     @close="closeConfirmModal" />
   <CollectionDropAddFundsModal
+    v-if="minimumFunds"
     v-model="isAddFundModalActive"
     :minimum-funds="minimumFunds"
     :token="token"

From e2d255a78d5097c3082717922f0236fdc3fe61a5 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Wed, 6 Dec 2023 18:29:44 +0500
Subject: [PATCH 142/161] fix: mobile voucher

---
 components/collection/drop/modal/EmailSignup.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/components/collection/drop/modal/EmailSignup.vue b/components/collection/drop/modal/EmailSignup.vue
index 5be9ab8fc7..b5f67e422b 100644
--- a/components/collection/drop/modal/EmailSignup.vue
+++ b/components/collection/drop/modal/EmailSignup.vue
@@ -8,10 +8,10 @@
   </p>
 
   <div class="mb-5">
-    <div class="is-capitalized is-flex is-align-items-center">
+    <div class="is-capitalized is-flex is-align-items-center voucher-container">
       <span>{{ $t('drops.plusGetA') }}</span>
 
-      <div class="px-2 is-flex is-align-items-center">
+      <div class="is-flex is-align-items-center">
         <img width="58" :src="signUpVoucherIcon" alt="shop voucher" />
       </div>
 
@@ -101,4 +101,13 @@ const confirm = () => {
     color: var(--k-accent2) !important;
   }
 }
+
+.voucher-container {
+  gap: 0.5rem;
+
+  @include mobile {
+    flex-direction: column !important;
+    align-items: flex-start !important;
+  }
+}
 </style>

From dc0eda937b00037fdc131c5d731728924b737b68 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Wed, 6 Dec 2023 18:33:56 +0500
Subject: [PATCH 143/161] styles: added is-size-8 class

---
 assets/styles/global.scss                           | 4 ++++
 components/collection/drop/modal/SuccessfulDrop.vue | 8 +-------
 components/shared/SkeletonLoader.vue                | 2 +-
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/assets/styles/global.scss b/assets/styles/global.scss
index 2afdcf6af0..7164593029 100644
--- a/assets/styles/global.scss
+++ b/assets/styles/global.scss
@@ -572,6 +572,10 @@ a.has-text-grey {
   font-size: 1.6rem;
 }
 
+.is-size-8 {
+  font-size: 0.5rem;
+}
+
 .is-max-width-fit-content {
   max-width: fit-content;
 }
diff --git a/components/collection/drop/modal/SuccessfulDrop.vue b/components/collection/drop/modal/SuccessfulDrop.vue
index ce21c583ad..d6d66c35e1 100644
--- a/components/collection/drop/modal/SuccessfulDrop.vue
+++ b/components/collection/drop/modal/SuccessfulDrop.vue
@@ -18,7 +18,7 @@
       </a>
 
       <NeoIcon
-        class="has-text-k-grey opacity-20 mx-2 circle"
+        class="has-text-k-grey opacity-20 mx-2 is-size-8"
         icon="circle"
         pack="fass"
         size="small" />
@@ -159,9 +159,3 @@ const handleShareOnTelegram = () => {
   shareOnTelegram(sharingTxt, nftFullUrl.value)
 }
 </script>
-
-<style scoped>
-.circle {
-  font-size: 0.5rem;
-}
-</style>
diff --git a/components/shared/SkeletonLoader.vue b/components/shared/SkeletonLoader.vue
index e2ad5ad1a1..92200baf39 100644
--- a/components/shared/SkeletonLoader.vue
+++ b/components/shared/SkeletonLoader.vue
@@ -13,7 +13,7 @@
         icon="spinner-third"
         class="spinner has-text-k-grey mr-6"
         size="large"
-        spin></NeoIcon>
+        spin />
 
       <div>
         <p class="is-capitalized has-text-weight-bold is-size-6">

From 784af4a99d96986123411c24b634ac80a41652a4 Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Wed, 6 Dec 2023 15:07:47 +0000
Subject: [PATCH 144/161] Tooltip overlap fix

---
 components/collection/drop/AddFundsModal.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/components/collection/drop/AddFundsModal.vue b/components/collection/drop/AddFundsModal.vue
index 0fe3caf9b9..37a2c03664 100644
--- a/components/collection/drop/AddFundsModal.vue
+++ b/components/collection/drop/AddFundsModal.vue
@@ -7,6 +7,7 @@
     @close="onClose">
     <ModalBody
       :title="$t('mint.unlockable.addFundsModal.title')"
+      :scrollable="false"
       @close="onClose">
       <div
         class="rounded border shade-border-color is-flex is-justify-content-start is-flex-grow-1 pl-3 mb-6">
@@ -153,9 +154,5 @@ const onShowRamp = () => {
   .o-tip__trigger > * {
     height: initial;
   }
-
-  .limit-height__scrollabe {
-    overflow-y: initial !important;
-  }
 }
 </style>

From 036f7f7c17b19df5ce5f04277974ed3021bb73de Mon Sep 17 00:00:00 2001
From: Danil Shashkov <shashkovdanil@gmail.com>
Date: Wed, 6 Dec 2023 20:33:09 +0000
Subject: [PATCH 145/161] Fixed condition

---
 components/collection/drop/Generative.vue | 35 ++++++++++++++---------
 components/collection/unlockable/const.ts |  3 ++
 stores/identity.ts                        | 15 ++++++++++
 3 files changed, 40 insertions(+), 13 deletions(-)

diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index d07f555e16..00b73c2404 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -105,7 +105,6 @@
     @confirm="handleConfirmMint"
     @close="closeConfirmModal" />
   <CollectionDropAddFundsModal
-    v-if="minimumFunds"
     v-model="isAddFundModalActive"
     :minimum-funds="minimumFunds"
     :token="token"
@@ -131,6 +130,10 @@ import newsletterApi from '@/utils/newsletter'
 import { formatBsxBalanceToNumber } from '@/utils/format/balance'
 import { prefixToToken } from '@/components/common/shoppingCart/utils'
 import { useIdentityStore } from '@/stores/identity'
+import {
+  DOT_EXISTENTIAL_DEPOSIT,
+  KSM_EXISTENTIAL_DEPOSIT,
+} from '@/components/collection/unlockable/const'
 
 const NuxtLink = resolveComponent('NuxtLink')
 const MINTING_SECOND = 120
@@ -144,10 +147,12 @@ const props = defineProps({
   },
 })
 
-const minimumFunds = computed<number | undefined>(
-  () => props.drop.meta && formatBsxBalanceToNumber(props.drop.meta),
+useMultipleBalance(true)
+
+const minimumFunds = computed<number>(
+  () => (props.drop.meta && formatBsxBalanceToNumber(props.drop.meta)) || 0,
 )
-const { getAuthBalanceByChain } = useIdentityStore()
+const store = useIdentityStore()
 
 const collectionId = computed(() => props.drop?.collection)
 const disabledByBackend = computed(() => props.drop?.disabled)
@@ -170,12 +175,6 @@ const isImageFetching = ref(false)
 const isConfirmModalActive = ref(false)
 const isAddFundModalActive = ref(false)
 
-const isRequireFunds = computed(
-  () =>
-    minimumFunds.value &&
-    minimumFunds.value > Number(getAuthBalanceByChain(props.drop.chain)),
-)
-
 const token = computed(() => prefixToToken[props.drop.chain])
 
 const handleSelectImage = (image: string) => {
@@ -255,10 +254,20 @@ const handleSubmitMint = async () => {
     return false
   }
 
-  if (isRequireFunds.value) {
-    openAddFundModal()
-  } else {
+  const dropChainBalance = Number(store.getAuthBalanceByChain(props.drop.chain))
+  const relayChainBalance = Number(
+    store.getAuthBalanceByRelayChain(props.drop.chain),
+  )
+  const existentialDeposit =
+    token.value === 'KSM' ? KSM_EXISTENTIAL_DEPOSIT : DOT_EXISTENTIAL_DEPOSIT
+
+  if (
+    dropChainBalance >= minimumFunds.value ||
+    relayChainBalance >= existentialDeposit + minimumFunds.value
+  ) {
     openConfirmModal()
+  } else {
+    openAddFundModal()
   }
 }
 
diff --git a/components/collection/unlockable/const.ts b/components/collection/unlockable/const.ts
index 451772909a..bcb5b88ef8 100644
--- a/components/collection/unlockable/const.ts
+++ b/components/collection/unlockable/const.ts
@@ -6,3 +6,6 @@ export const countDownTime = endOfHour(now).getTime()
 export const slidesCountOnTimeCountdown = 10
 
 export const DISPLAY_SLIDE_IMAGE_COUNT = 4
+
+export const DOT_EXISTENTIAL_DEPOSIT = 1
+export const KSM_EXISTENTIAL_DEPOSIT = 0.000333
diff --git a/stores/identity.ts b/stores/identity.ts
index d58b5eeece..a3935805a9 100644
--- a/stores/identity.ts
+++ b/stores/identity.ts
@@ -19,6 +19,16 @@ const DEFAULT_BALANCE_STATE = {
   // movr: '0',
 }
 
+const prefixToToken = {
+  ksm: 'KSM',
+  rmrk: 'KSM',
+  bsx: 'KSM',
+  ahk: 'KSM',
+  ahp: 'DOT',
+  dot: 'DOT',
+  ahr: 'ROC',
+}
+
 export interface IdentityMap {
   [address: string]: Registration
 }
@@ -128,6 +138,11 @@ export const useIdentityStore = defineStore('identity', {
     getAuthBalanceByChain: (state) => (prefix: Prefix) => {
       return state.auth.balance ? state.auth.balance[prefix] || '0' : '0'
     },
+    getAuthBalanceByRelayChain: (state) => (prefix: Prefix) => {
+      const relayChain = prefixToToken[prefix] === 'DOT' ? 'dot' : 'ksm'
+
+      return state.auth.balance ? state.auth.balance[relayChain] || '0' : '0'
+    },
     getTotalUsd: (state) => {
       if (
         state.multiBalances &&

From cb3df5c92fbd26a0c47b1b0995d082dcef9c4eee Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Thu, 7 Dec 2023 08:41:36 +0500
Subject: [PATCH 146/161] ref: use countdown getFormattedDuration

---
 .../unlockable/utils/useCountDown.ts          | 26 +++++++++++++------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/components/collection/unlockable/utils/useCountDown.ts b/components/collection/unlockable/utils/useCountDown.ts
index ecc2af0c38..ecee00fd54 100644
--- a/components/collection/unlockable/utils/useCountDown.ts
+++ b/components/collection/unlockable/utils/useCountDown.ts
@@ -1,3 +1,18 @@
+const getFormattedDuration = ({
+  seconds,
+  minutes,
+}: {
+  seconds: number
+  minutes: number
+}) => {
+  if (minutes > 0) {
+    return `${minutes} minute${minutes > 1 ? 's' : ''}${
+      seconds ? ` ${seconds} seconds` : ''
+    }`
+  }
+  return seconds >= 0 ? `${seconds} seconds` : 'few seconds'
+}
+
 export const useCountDown = (countDownTime: number) => {
   const hours = ref(0)
   const minutes = ref(0)
@@ -22,14 +37,9 @@ export const useCountDown = (countDownTime: number) => {
     clearInterval(timer.value)
   })
 
-  const displayDuration = computed(() => {
-    if (minutes.value > 0) {
-      return `${minutes.value} minute${minutes.value > 1 ? 's' : ''}${
-        seconds.value ? ` ${seconds.value} seconds` : ''
-      }`
-    }
-    return seconds.value >= 0 ? `${seconds.value} seconds` : 'few seconds'
-  })
+  const displayDuration = computed(() =>
+    getFormattedDuration({ seconds: seconds.value, minute$: minutes.value }),
+  )
 
   return {
     hours,

From 56a9db769e5a38b196b24f02b4d7c3b181bbeb0a Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Thu, 7 Dec 2023 13:14:57 +0800
Subject: [PATCH 147/161] fix: Make claim button active when wallet is not
 connected

---
 components/collection/drop/Generative.vue     | 46 ++++++++++++-------
 .../src/components/NeoButton/NeoButton.scss   |  2 +-
 2 files changed, 30 insertions(+), 18 deletions(-)

diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index 1e35757aef..3a6afd76bf 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -69,9 +69,16 @@
                   ref="root"
                   class="my-2 mint-button"
                   variant="k-accent"
-                  :loading="isImageFetching"
+                  :loading="isImageFetching || isWalletConnecting"
                   :disabled="mintButtonDisabled"
-                  :label="$t('mint.unlockable.mintThisNft')"
+                  :loading-with-label="isWalletConnecting"
+                  :label="
+                    $t(
+                      isWalletConnecting
+                        ? 'shoppingCart.wallet'
+                        : 'mint.unlockable.mintThisNft',
+                    )
+                  "
                   @click="handleSubmitMint" />
               </div>
             </div>
@@ -103,7 +110,6 @@
 import UnlockableCollectionInfo from '@/components/collection/unlockable/UnlockableCollectionInfo.vue'
 import UnlockableSlider from '@/components/collection/unlockable/UnlockableSlider.vue'
 import UnlockableTag from '@/components/collection/unlockable/UnlockableTag.vue'
-import { ConnectWalletModalConfig } from '@/components/common/ConnectWallet/useConnectWallet'
 import CarouselTypeLatestMints from '@/components/carousel/CarouselTypeLatestMints.vue'
 import { NeoButton, NeoIcon } from '@kodadot1/brick'
 import { createUnlockableMetadata } from '../unlockable/utils'
@@ -127,14 +133,14 @@ const props = defineProps({
     },
   },
 })
-
+const isWalletConnecting = ref(false)
 const collectionId = computed(() => props.drop?.collection)
 const disabledByBackend = computed(() => props.drop?.disabled)
 const defaultImage = computed(() => props.drop?.image)
 const { currentAccountMintedToken, mintedDropCount, fetchDropStatus } =
   useDropStatus(props.drop.alias)
-
-const { neoModal } = useProgrammatic()
+const instance = getCurrentInstance()
+const { doAfterLogin } = useDoAfterlogin(instance)
 const { $i18n } = useNuxtApp()
 const root = ref()
 
@@ -183,13 +189,14 @@ const mintedPercent = computed(() => {
 
 const mintCountAvailable = computed(() => mintedCount.value < maxCount.value)
 
-const mintButtonDisabled = computed(() =>
-  Boolean(
-    !mintCountAvailable.value ||
-      !selectedImage.value ||
-      !accountId.value ||
-      disabledByBackend.value,
-  ),
+const mintButtonDisabled = computed(
+  () =>
+    isLogIn.value &&
+    Boolean(
+      !mintCountAvailable.value ||
+        !selectedImage.value ||
+        disabledByBackend.value,
+    ),
 )
 
 const description = computed(
@@ -217,11 +224,18 @@ const tryCapture = async () => {
   }
 }
 
+const clearWalletConnecting = () => {
+  isWalletConnecting.value = false
+}
+
 const handleSubmitMint = async () => {
   if (!isLogIn.value) {
-    neoModal.open({
-      ...ConnectWalletModalConfig,
+    isWalletConnecting.value = true
+    doAfterLogin({
+      onLoginSuccess: clearWalletConnecting,
+      onCancel: clearWalletConnecting,
     })
+
     return
   }
   if (isLoading.value || isImageFetching.value) {
@@ -265,8 +279,6 @@ const submitMint = async (email: string) => {
 
     isImageFetching.value = false
 
-    const { accountId } = useAuth()
-
     const id = await doWaifu(
       {
         address: accountId.value,
diff --git a/libs/ui/src/components/NeoButton/NeoButton.scss b/libs/ui/src/components/NeoButton/NeoButton.scss
index 4f64899447..b808201af9 100644
--- a/libs/ui/src/components/NeoButton/NeoButton.scss
+++ b/libs/ui/src/components/NeoButton/NeoButton.scss
@@ -165,7 +165,7 @@
     }
 
     &::after {
-      @apply relative left-0 border-2 border-k-grey rounded-full border-r-transparent border-t-transparent h-[1em] w-[1.11em] #{!important};
+      @apply relative left-0 top-0 border-2 border-k-grey rounded-full border-r-transparent border-t-transparent h-[1em] w-[1.11em] #{!important};
     }
   }
 

From bf44ec89cb6760a5ecc93275ece18992ac2b3269 Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Thu, 7 Dec 2023 13:22:24 +0800
Subject: [PATCH 148/161] fix: loading center

---
 libs/ui/src/components/NeoButton/NeoButton.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/libs/ui/src/components/NeoButton/NeoButton.scss b/libs/ui/src/components/NeoButton/NeoButton.scss
index b808201af9..d5e4698577 100644
--- a/libs/ui/src/components/NeoButton/NeoButton.scss
+++ b/libs/ui/src/components/NeoButton/NeoButton.scss
@@ -164,6 +164,10 @@
       @apply mr-3 #{!important};
     }
 
+    .o-btn__wrapper {
+      @apply w-auto #{!important};
+    }
+
     &::after {
       @apply relative left-0 top-0 border-2 border-k-grey rounded-full border-r-transparent border-t-transparent h-[1em] w-[1.11em] #{!important};
     }

From 5dd030476a47fb5a38e405460afa32fdc54fe1ee Mon Sep 17 00:00:00 2001
From: Jarsen <31397967+Jarsen136@users.noreply.github.com>
Date: Thu, 7 Dec 2023 13:29:01 +0800
Subject: [PATCH 149/161] fix: loading icon

---
 libs/ui/src/components/NeoButton/NeoButton.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/ui/src/components/NeoButton/NeoButton.scss b/libs/ui/src/components/NeoButton/NeoButton.scss
index d5e4698577..042865cc1e 100644
--- a/libs/ui/src/components/NeoButton/NeoButton.scss
+++ b/libs/ui/src/components/NeoButton/NeoButton.scss
@@ -169,7 +169,7 @@
     }
 
     &::after {
-      @apply relative left-0 top-0 border-2 border-k-grey rounded-full border-r-transparent border-t-transparent h-[1em] w-[1.11em] #{!important};
+      @apply relative left-0 top-0 border-2 border-k-grey rounded-full border-r-transparent border-t-transparent #{!important};
     }
   }
 

From 44586ff89166638b2512965c90e46afcdc668b06 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Thu, 7 Dec 2023 11:04:09 +0500
Subject: [PATCH 150/161] add: listing subscription

---
 components/collection/drop/Generative.vue     | 23 +++++++++++++++++--
 .../drop/modal/DropConfirmModal.vue           |  2 ++
 .../collection/drop/modal/SuccessfulDrop.vue  | 13 ++++++++++-
 locales/en.json                               |  3 ++-
 4 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index e848514717..a68aa16e99 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -87,6 +87,7 @@
     :claiming="isLoading"
     :minting-seconds="MINTING_SECOND"
     :minted-nft="mintedNft"
+    :can-list-nft="canListMintedNft"
     @confirm="handleConfirmMint"
     @close="closeConfirmModal"
     @list="handleList" />
@@ -116,7 +117,7 @@ import { nftToListingCartItem } from '@/components/common/shoppingCart/utils'
 import { fetchNft } from '@/components/items/ItemsGrid/useNftActions'
 
 const NuxtLink = resolveComponent('NuxtLink')
-const MINTING_SECOND = 30
+const MINTING_SECOND = 59
 
 const props = defineProps({
   drop: {
@@ -170,6 +171,8 @@ const { data: collectionData } = useGraphql({
   },
 })
 
+const canListMintedNft = computed(() => Boolean(mintedNftWithMetadata.value))
+
 const maxCount = computed(
   () => collectionData.value?.collectionEntity?.max || 200,
 )
@@ -249,6 +252,15 @@ const subscribe = async (email: string) => {
   }
 }
 
+const subscribeToMintedNft = (id: string, onReady: (data) => void) => {
+  useSubscriptionGraphql({
+    query: `nftEntityById(id: "${id}") {
+    id
+  }`,
+    onChange: onReady,
+  })
+}
+
 const submitMint = async (email: string) => {
   try {
     isImageFetching.value = true
@@ -282,6 +294,13 @@ const submitMint = async (email: string) => {
 
     const id = `${collectionId.value}-${result.sn}`
 
+    subscribeToMintedNft(id, async () => {
+      mintedNftWithMetadata.value = await fetchNft(id)
+      if (mintedNftWithMetadata.value) {
+        toast($i18n.t('drops.canList'))
+      }
+    })
+
     isLoading.value = false
 
     mintedNft.value = {
@@ -312,7 +331,7 @@ const handleList = async () => {
   isConfirmModalActive.value = false
 
   if (!mintedNftWithMetadata.value) {
-    mintedNftWithMetadata.value = await fetchNft(mintedNft.value?.id)
+    return
   }
 
   if (!listingCartStore.isItemInCart(mintedNftWithMetadata.value?.id)) {
diff --git a/components/collection/drop/modal/DropConfirmModal.vue b/components/collection/drop/modal/DropConfirmModal.vue
index 22be7d66a6..bee2a51302 100644
--- a/components/collection/drop/modal/DropConfirmModal.vue
+++ b/components/collection/drop/modal/DropConfirmModal.vue
@@ -17,6 +17,7 @@
         <SuccessfulDrop
           v-else-if="successfulDrop && mintedNft"
           :minted-nft="mintedNft"
+          :can-list-nft="canListNft"
           @list="$emit('list')" />
       </transition>
     </ModalBody>
@@ -36,6 +37,7 @@ const props = defineProps<{
   claiming: boolean
   mintingSeconds: number
   mintedNft?: DropMintedNft
+  canListNft: boolean
 }>()
 
 const { $i18n } = useNuxtApp()
diff --git a/components/collection/drop/modal/SuccessfulDrop.vue b/components/collection/drop/modal/SuccessfulDrop.vue
index d6d66c35e1..a0684620a0 100644
--- a/components/collection/drop/modal/SuccessfulDrop.vue
+++ b/components/collection/drop/modal/SuccessfulDrop.vue
@@ -100,6 +100,7 @@
 
     <NeoButton
       class="border-k-grey hover-button w-full ml-4"
+      :disabled="!canListNft"
       rounded
       no-shadow
       @click="listNft"
@@ -119,6 +120,7 @@ const { $i18n } = useNuxtApp()
 const emit = defineEmits(['list'])
 const props = defineProps<{
   mintedNft: DropMintedNft
+  canListNft: boolean
 }>()
 
 const sharingTxt = $i18n.t('sharing.nft')
@@ -144,7 +146,7 @@ const nftPath = computed(
 const nftFullUrl = computed(() => `${window.location.origin}${nftPath.value}`)
 
 const viewNft = () => {
-  navigateTo(nftPath.value)
+  window.open(nftFullUrl.value, '_blank')
 }
 
 const listNft = () => {
@@ -158,4 +160,13 @@ const handleShareOnX = () => {
 const handleShareOnTelegram = () => {
   shareOnTelegram(sharingTxt, nftFullUrl.value)
 }
+
+watch(
+  () => props.canListNft,
+  (canListNft) => {
+    if (canListNft) {
+      toast($i18n.t('drops.canList'))
+    }
+  },
+)
 </script>
diff --git a/locales/en.json b/locales/en.json
index dbfa8a3298..9a3ef31159 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -1430,7 +1430,8 @@
     "youSuccessfullyClaimedNft": "You successfully claimed {0} NFT",
     "artBy": "{0} By",
     "viewNft": "View NFT",
-    "listNft": "List NFT"
+    "listNft": "List NFT",
+    "canList": "NFT ready for listing!"
   },
   "confirmPurchase": {
     "action": "Confirm Purchase",

From 38b07334f633cde121f9d0c2dacd13678550623b Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Thu, 7 Dec 2023 11:05:21 +0500
Subject: [PATCH 151/161] fix: move list toast to successful drop

---
 components/collection/drop/Generative.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index a68aa16e99..3ed844cb25 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -296,9 +296,6 @@ const submitMint = async (email: string) => {
 
     subscribeToMintedNft(id, async () => {
       mintedNftWithMetadata.value = await fetchNft(id)
-      if (mintedNftWithMetadata.value) {
-        toast($i18n.t('drops.canList'))
-      }
     })
 
     isLoading.value = false

From 2f7c280c0484411d3c71e4dd07070201c80592ea Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Thu, 7 Dec 2023 11:17:31 +0500
Subject: [PATCH 152/161] ref: reduce cc of getFormattedDuration

---
 .../unlockable/utils/useCountDown.ts          | 27 ++++++++++++-------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/components/collection/unlockable/utils/useCountDown.ts b/components/collection/unlockable/utils/useCountDown.ts
index ecee00fd54..a2567985a2 100644
--- a/components/collection/unlockable/utils/useCountDown.ts
+++ b/components/collection/unlockable/utils/useCountDown.ts
@@ -1,16 +1,23 @@
-const getFormattedDuration = ({
-  seconds,
-  minutes,
-}: {
+type Duration = {
   seconds: number
   minutes: number
-}) => {
-  if (minutes > 0) {
-    return `${minutes} minute${minutes > 1 ? 's' : ''}${
-      seconds ? ` ${seconds} seconds` : ''
-    }`
+}
+
+const pluralize = (count: number, singular: string, plural: string): string =>
+  count === 1 ? singular : plural
+
+const formatTimeUnit = (value: number, unit: string): string =>
+  value > 0 ? `${value} ${pluralize(value, unit, unit + 's')}` : ''
+
+const getFormattedDuration = ({ seconds, minutes }: Duration): string => {
+  const formattedMinutes = formatTimeUnit(minutes, 'minute')
+  const formattedSeconds = formatTimeUnit(seconds, 'second')
+
+  if (formattedMinutes && formattedSeconds) {
+    return `${formattedMinutes} ${formattedSeconds}`
   }
-  return seconds >= 0 ? `${seconds} seconds` : 'few seconds'
+
+  return formattedMinutes || formattedSeconds || 'few seconds'
 }
 
 export const useCountDown = (countDownTime: number) => {

From 3267ef68b05e44fefea77d9f49918502f6c3475d Mon Sep 17 00:00:00 2001
From: Viki Val <viktorko99@gmail.com>
Date: Thu, 7 Dec 2023 12:09:11 +0100
Subject: [PATCH 153/161] :bug: Berlin (Blockchain) Waifus is always good
 default

---
 components/collection/unlockable/utils.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/collection/unlockable/utils.ts b/components/collection/unlockable/utils.ts
index 890cc9e4de..1f572c3c18 100644
--- a/components/collection/unlockable/utils.ts
+++ b/components/collection/unlockable/utils.ts
@@ -19,7 +19,7 @@ export const unlockableDesc = (value: number) => `
 export async function createUnlockableMetadata(
   imageHash: string,
   description: string,
-  name: string = UNLOCKABLE_NAME,
+  name: string,
   mimeType: string = 'image/png',
   animationUrl?: string,
 ) {

From e470db0214849db8f896541bae8b58f07950d64c Mon Sep 17 00:00:00 2001
From: Viki Val <viktorko99@gmail.com>
Date: Thu, 7 Dec 2023 12:09:31 +0100
Subject: [PATCH 154/161] :zap: use default name from D1

---
 components/collection/drop/Generative.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index d77d13400e..6e77fca058 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -131,6 +131,7 @@ const props = defineProps({
 const collectionId = computed(() => props.drop?.collection)
 const disabledByBackend = computed(() => props.drop?.disabled)
 const defaultImage = computed(() => props.drop?.image)
+const defaultName = computed(() => props.drop?.name)
 const { currentAccountMintedToken, mintedDropCount, fetchDropStatus } =
   useDropStatus(props.drop.alias)
 
@@ -258,7 +259,7 @@ const submitMint = async (email: string) => {
     const hash = await createUnlockableMetadata(
       imageHash,
       description.value,
-      collectionName.value,
+      collectionName.value || defaultName.value,
       'text/html',
       selectedImage.value,
     )

From a4b4b5823d066de4618075540aff9024ed4c0a3e Mon Sep 17 00:00:00 2001
From: Viki Val <viktorko99@gmail.com>
Date: Thu, 7 Dec 2023 12:16:12 +0100
Subject: [PATCH 155/161] :label: minted

---
 params/types.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/params/types.ts b/params/types.ts
index e3a58e835f..dca8246b02 100644
--- a/params/types.ts
+++ b/params/types.ts
@@ -70,4 +70,5 @@ export type DropItem = {
   type: DropType
   meta: string
   disabled: number
+  max?: number
 }

From 0155f478accd21d8215221d22f01d44058deadbd Mon Sep 17 00:00:00 2001
From: Viki Val <viktorko99@gmail.com>
Date: Thu, 7 Dec 2023 12:17:02 +0100
Subject: [PATCH 156/161] :zap: use optionally max from D1

---
 components/collection/drop/Generative.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index 6e77fca058..ad45d62e8f 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -132,6 +132,7 @@ const collectionId = computed(() => props.drop?.collection)
 const disabledByBackend = computed(() => props.drop?.disabled)
 const defaultImage = computed(() => props.drop?.image)
 const defaultName = computed(() => props.drop?.name)
+const defaultMax = computed(() => props.drop?.max || 255)
 const { currentAccountMintedToken, mintedDropCount, fetchDropStatus } =
   useDropStatus(props.drop.alias)
 
@@ -161,7 +162,7 @@ const { data: collectionData } = useGraphql({
 })
 
 const maxCount = computed(
-  () => collectionData.value?.collectionEntity?.max || 200,
+  () => collectionData.value?.collectionEntity?.max || defaultMax.value,
 )
 const totalAvailableMintCount = computed(
   () => maxCount.value - mintedCount.value,

From 034368c58bc701fc231231bc13117f38bcec6db8 Mon Sep 17 00:00:00 2001
From: Viki Val <viktorko99@gmail.com>
Date: Thu, 7 Dec 2023 13:41:50 +0100
Subject: [PATCH 157/161] :wrench: drop cannot resolve sooner than 2 min

---
 components/collection/drop/Generative.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index 3ed844cb25..9ed1a2bb7d 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -117,7 +117,7 @@ import { nftToListingCartItem } from '@/components/common/shoppingCart/utils'
 import { fetchNft } from '@/components/items/ItemsGrid/useNftActions'
 
 const NuxtLink = resolveComponent('NuxtLink')
-const MINTING_SECOND = 59
+const MINTING_SECOND = 120
 
 const props = defineProps({
   drop: {

From 417f0afea1d1c02f49f458480b0132e6c57457e8 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Thu, 7 Dec 2023 18:47:39 +0500
Subject: [PATCH 158/161] fix: typo

---
 components/collection/unlockable/utils/useCountDown.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/collection/unlockable/utils/useCountDown.ts b/components/collection/unlockable/utils/useCountDown.ts
index a2567985a2..141c687627 100644
--- a/components/collection/unlockable/utils/useCountDown.ts
+++ b/components/collection/unlockable/utils/useCountDown.ts
@@ -45,7 +45,7 @@ export const useCountDown = (countDownTime: number) => {
   })
 
   const displayDuration = computed(() =>
-    getFormattedDuration({ seconds: seconds.value, minute$: minutes.value }),
+    getFormattedDuration({ seconds: seconds.value, minutes: minutes.value }),
   )
 
   return {

From 6c5975a54c159ba23f481532cffa7abac657e2b3 Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Thu, 7 Dec 2023 15:40:12 +0100
Subject: [PATCH 159/161] =?UTF-8?q?=F0=9F=94=A7=20add=20new=20live=20drop?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/carousel/CarouselTypeGenerative.vue                  | 2 +-
 .../collection/unlockable/UnlockableLandingMobileBanner.vue     | 2 +-
 components/collection/unlockable/UnlockableLandingTag.vue       | 2 +-
 composables/popularCollections/constants.ts                     | 1 +
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/carousel/CarouselTypeGenerative.vue b/components/carousel/CarouselTypeGenerative.vue
index 354f18916d..971302fe04 100644
--- a/components/carousel/CarouselTypeGenerative.vue
+++ b/components/carousel/CarouselTypeGenerative.vue
@@ -12,6 +12,6 @@ import { useCarouselGenerativeNftEvents } from './utils/useCarouselEvents'
 
 const { nfts, ids } = await useCarouselGenerativeNftEvents(
   ['176'],
-  ['38', '40', '46'],
+  ['38', '40', '46', '50'],
 )
 </script>
diff --git a/components/collection/unlockable/UnlockableLandingMobileBanner.vue b/components/collection/unlockable/UnlockableLandingMobileBanner.vue
index 8cf3098287..367a8930a0 100644
--- a/components/collection/unlockable/UnlockableLandingMobileBanner.vue
+++ b/components/collection/unlockable/UnlockableLandingMobileBanner.vue
@@ -9,7 +9,7 @@
         alt="unlockable icon" />
       <span>{{ $t('mint.unlockable.mintLive') }}</span>
     </div>
-    <nuxt-link class="has-text-weight-bold" to="/ahp/drops/snowflakes">
+    <nuxt-link class="has-text-weight-bold" to="/ahp/drops/motherboard">
       {{ $t('mint.unlockable.takeMe') }}
     </nuxt-link>
   </div>
diff --git a/components/collection/unlockable/UnlockableLandingTag.vue b/components/collection/unlockable/UnlockableLandingTag.vue
index 25f98b5050..bcaeb02bd6 100644
--- a/components/collection/unlockable/UnlockableLandingTag.vue
+++ b/components/collection/unlockable/UnlockableLandingTag.vue
@@ -14,7 +14,7 @@
     <div class="separator mx-2" />
     <nuxt-link
       class="is-flex is-align-items-center has-text-weight-bold my-2"
-      to="/ahp/drops/snowflakes">
+      to="/ahp/drops/motherboard">
       {{ $t('mint.unlockable.takeMe') }}
     </nuxt-link>
   </div>
diff --git a/composables/popularCollections/constants.ts b/composables/popularCollections/constants.ts
index 9a27a25f8d..f428cbda22 100644
--- a/composables/popularCollections/constants.ts
+++ b/composables/popularCollections/constants.ts
@@ -54,6 +54,7 @@ export const POPULAR_COLLECTIONS = {
     'u-31848', // Ajuna Network Promo Collection
   ],
   ahp: [
+    '50', // .motherboard
     '46', // Snowflakes
     '40', // Swirls
     '38', // Generativ Art - Pare1d0scope

From 47e3126611046d3432278ff4a3f7042a11b8bfbc Mon Sep 17 00:00:00 2001
From: Matej yangwao <5887929+yangwao@users.noreply.github.com>
Date: Thu, 7 Dec 2023 16:03:55 +0100
Subject: [PATCH 160/161] adding wallstreet to landing

---
 components/carousel/CarouselTypeGenerative.vue                  | 2 +-
 .../collection/unlockable/UnlockableLandingMobileBanner.vue     | 2 +-
 components/collection/unlockable/UnlockableLandingTag.vue       | 2 +-
 composables/popularCollections/constants.ts                     | 1 +
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/carousel/CarouselTypeGenerative.vue b/components/carousel/CarouselTypeGenerative.vue
index 971302fe04..521e26875c 100644
--- a/components/carousel/CarouselTypeGenerative.vue
+++ b/components/carousel/CarouselTypeGenerative.vue
@@ -12,6 +12,6 @@ import { useCarouselGenerativeNftEvents } from './utils/useCarouselEvents'
 
 const { nfts, ids } = await useCarouselGenerativeNftEvents(
   ['176'],
-  ['38', '40', '46', '50'],
+  ['38', '40', '46', '49, '50'],
 )
 </script>
diff --git a/components/collection/unlockable/UnlockableLandingMobileBanner.vue b/components/collection/unlockable/UnlockableLandingMobileBanner.vue
index 367a8930a0..2541cbb2b3 100644
--- a/components/collection/unlockable/UnlockableLandingMobileBanner.vue
+++ b/components/collection/unlockable/UnlockableLandingMobileBanner.vue
@@ -9,7 +9,7 @@
         alt="unlockable icon" />
       <span>{{ $t('mint.unlockable.mintLive') }}</span>
     </div>
-    <nuxt-link class="has-text-weight-bold" to="/ahp/drops/motherboard">
+    <nuxt-link class="has-text-weight-bold" to="/ahp/drops/wallstreet">
       {{ $t('mint.unlockable.takeMe') }}
     </nuxt-link>
   </div>
diff --git a/components/collection/unlockable/UnlockableLandingTag.vue b/components/collection/unlockable/UnlockableLandingTag.vue
index bcaeb02bd6..c2d7e40147 100644
--- a/components/collection/unlockable/UnlockableLandingTag.vue
+++ b/components/collection/unlockable/UnlockableLandingTag.vue
@@ -14,7 +14,7 @@
     <div class="separator mx-2" />
     <nuxt-link
       class="is-flex is-align-items-center has-text-weight-bold my-2"
-      to="/ahp/drops/motherboard">
+      to="/ahp/drops/wallstreet">
       {{ $t('mint.unlockable.takeMe') }}
     </nuxt-link>
   </div>
diff --git a/composables/popularCollections/constants.ts b/composables/popularCollections/constants.ts
index f428cbda22..bc7897d608 100644
--- a/composables/popularCollections/constants.ts
+++ b/composables/popularCollections/constants.ts
@@ -55,6 +55,7 @@ export const POPULAR_COLLECTIONS = {
   ],
   ahp: [
     '50', // .motherboard
+    '49', // wallstreet
     '46', // Snowflakes
     '40', // Swirls
     '38', // Generativ Art - Pare1d0scope

From 2c4d14363a0a911d1c1ba4b590bfda0026cb6e82 Mon Sep 17 00:00:00 2001
From: Matej yangwao <5887929+yangwao@users.noreply.github.com>
Date: Thu, 7 Dec 2023 16:08:35 +0100
Subject: [PATCH 161/161] good dogie

---
 components/carousel/CarouselTypeGenerative.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/carousel/CarouselTypeGenerative.vue b/components/carousel/CarouselTypeGenerative.vue
index 521e26875c..cbde2acf1b 100644
--- a/components/carousel/CarouselTypeGenerative.vue
+++ b/components/carousel/CarouselTypeGenerative.vue
@@ -12,6 +12,6 @@ import { useCarouselGenerativeNftEvents } from './utils/useCarouselEvents'
 
 const { nfts, ids } = await useCarouselGenerativeNftEvents(
   ['176'],
-  ['38', '40', '46', '49, '50'],
+  ['38', '40', '46', '49', '50'],
 )
 </script>