@mundogamernetwork/shared-ui 1.16.14 → 1.16.16

package/components/ui/MgHeaderUIUser.vue

@@ -344,7 +344,12 @@ const handleToggleOnline = () => {
 			width: 40px;
 			border-radius: 0;
 			background: #555;
-			color: var(--ck-highlight-marker-blue);
+			// Was a hardcoded blue (--ck-highlight-marker-blue), the same on
+			// every host regardless of that platform's own accent — fell
+			// through to the same fallback chain .plans-pricing-link already
+			// uses below, so this now actually reads as each host's own
+			// brand color instead of a fixed blue nobody configured.
+			color: var(--highlight-color, var(--header-active-fg, var(--active)));
 
 			i {
 				font-size: 1.6rem !important;
@@ -521,7 +526,9 @@ const handleToggleOnline = () => {
 			justify-content: center;
 			height: 32px !important;
 			padding: 0 12px;
-			border: 1px solid var(--ck-highlight-marker-blue);
+			// Was a hardcoded blue on every host — see the .no-avatar-wrapper
+			// comment above for why this fallback chain replaces it.
+			border: 1px solid var(--highlight-color, var(--header-active-fg, var(--active)));
 			font-weight: 400;
 			font-size: 0.75rem;
 			color: var(--active);
@@ -529,7 +536,7 @@ const handleToggleOnline = () => {
 			&:hover,
 			&:active,
 			&:focus {
-				background: var(--ck-highlight-marker-blue);
+				background: var(--highlight-color, var(--header-active-fg, var(--active)));
 			}
 		}
 
@@ -539,7 +546,8 @@ const handleToggleOnline = () => {
 			border: none;
 			font-weight: 400;
 			font-size: 0.75rem;
-			color: var(--ck-highlight-marker-blue);
+			// Was a hardcoded blue — see the .no-avatar-wrapper comment above.
+			color: var(--highlight-color, var(--header-active-fg, var(--active)));
 			width: 100%;
 			display: block;
 			text-align: center;

package/components/ui/MgPlatformSwitcherSidebar.vue

@@ -0,0 +1,293 @@
+<template>
+  <div id="sidebar-logo" data-tour="platform-switcher">
+    <div class="sidebar" :class="{ open: isOpen }">
+      <div class="sidebar-menu">
+        <p class="sidebar-menu__intro">{{ $t('sidebar.platform_switcher_intro') }}</p>
+        <ul class="menus">
+          <li v-for="system in networkSystems" :key="system.id">
+            <a class="sidebar__logo" :href="system.domain" target="_blank" rel="noopener noreferrer" :aria-label="ariaLabelFor(system)">
+              <img :src="colorMode.value === 'light' ? system.logo_light : system.logo_dark" :alt="system.name" />
+              <span class="sidebar__tooltip" role="tooltip">
+                <strong>{{ system.name }}</strong>
+                <span v-if="descriptionFor(system.slug)">{{ descriptionFor(system.slug) }}</span>
+              </span>
+            </a>
+          </li>
+        </ul>
+      </div>
+      <button aria-controls="sidebar" :aria-label="$t('sidebar.toggler_label')" class="sidebar__toggler"
+        @click="isOpen = !isOpen">
+        <MGIcon icon="double-chevron-left" />
+      </button>
+    </div>
+    <button v-if="isOpen" class="back-button" type="button" @click="isOpen = false"></button>
+  </div>
+</template>
+<script setup lang="ts">
+import { computed, onMounted, ref } from "vue";
+import { useI18n } from "vue-i18n";
+import axios from "axios";
+
+// Uncontrolled by default (own local state); pass `open`/`@update:open` to
+// let a consuming app drive it (e.g. to coordinate with its own layout
+// store), same idea as the original network-accounts SidebarLogosComponent
+// which read/wrote a Pinia store directly. shared-ui components can't
+// assume a consumer's store shape (Pinia stores aren't auto-imported by
+// this layer), so state lives here and is only mirrored out via v-model.
+const props = withDefaults(defineProps<{ open?: boolean }>(), { open: undefined });
+const emit = defineEmits<{ "update:open": [value: boolean] }>();
+const internalOpen = ref(false);
+const isOpen = computed<boolean>({
+  get: () => props.open ?? internalOpen.value,
+  set: (value: boolean) => {
+    internalOpen.value = value;
+    emit("update:open", value);
+  },
+});
+
+const colorMode = useColorMode();
+const { t, te } = useI18n();
+
+interface NetworkSystem {
+  id: number;
+  name: string;
+  domain: string;
+  logo_dark: string;
+  logo_light: string;
+  status: number;
+  slug: string;
+}
+
+// Fallback data - previous static logos
+const fallbackSystems: NetworkSystem[] = [
+  { id: 1, name: 'Mundo Gamer Academy', domain: 'https://mundogamer.academy', logo_dark: '/imgs/dark/academy.svg', logo_light: '/imgs/light/academy.svg', status: 1, slug: 'academy' },
+  { id: 2, name: 'Mundo Gamer Agency', domain: 'https://mundogamer.agency', logo_dark: '/imgs/dark/agency.svg', logo_light: '/imgs/light/agency.svg', status: 1, slug: 'agency' },
+  { id: 3, name: 'Mundo Gamer AI', domain: 'https://mundogamer.ai', logo_dark: '/imgs/dark/ai.svg', logo_light: '/imgs/light/ai.svg', status: 1, slug: 'ai' },
+  { id: 4, name: 'Mundo Gamer Club', domain: 'https://mundogamer.club', logo_dark: '/imgs/dark/club.svg', logo_light: '/imgs/light/club.svg', status: 1, slug: 'club' },
+  { id: 5, name: 'Mundo Gamer Community', domain: 'https://mundogamer.community', logo_dark: '/imgs/dark/community.svg', logo_light: '/imgs/light/community.svg', status: 1, slug: 'community' },
+  { id: 6, name: 'Mundo Gamer Jobs', domain: 'https://mundogamerjobs.com', logo_dark: '/imgs/dark/jobs.svg', logo_light: '/imgs/light/jobs.svg', status: 1, slug: 'jobs' },
+  { id: 7, name: 'Mundo Gamer Network', domain: 'https://mundogamer.network', logo_dark: '/imgs/dark/network.svg', logo_light: '/imgs/light/network.svg', status: 1, slug: 'network' },
+  { id: 8, name: 'Mundo Gamer Shop', domain: 'https://mundogamer.shop', logo_dark: '/imgs/dark/shop.svg', logo_light: '/imgs/light/shop.svg', status: 1, slug: 'shop' },
+  { id: 9, name: 'Mundo Gamer Token', domain: 'https://mundogamer.token', logo_dark: '/imgs/dark/token.svg', logo_light: '/imgs/light/token.svg', status: 1, slug: 'token' },
+  { id: 10, name: 'Mundo Gamer TV', domain: 'https://mundogamer.tv', logo_dark: '/imgs/dark/tv.svg', logo_light: '/imgs/light/tv.svg', status: 1, slug: 'tv' },
+];
+
+const networkSystems = ref<NetworkSystem[]>(fallbackSystems);
+const loading = ref(true);
+
+async function fetchNetworkSystems() {
+  try {
+    // Public, unauthenticated, cross-domain endpoint — call it with a bare
+    // axios instance instead of an app-provided $axios plugin, since not
+    // every consumer of this shared component registers one the same way.
+    const response = await axios.get('https://api.mgnetwork.xyz/api/v1/network-systems', {
+      params: {
+        'filter[status]': 1,
+        sort: 'name',
+        order: 'asc',
+        per_page: 'all',
+        page: 1
+      }
+    });
+
+    const apiData = response.data.data || response.data;
+    networkSystems.value = apiData.map((system: any) => {
+      // Extract platform name from url_image filename (e.g. ".../community.png" → "community")
+      const fromUrl = (system.url_image || '').split('/').pop()?.replace(/\.\w+$/, '') || '';
+      // Fallback: extract from full name (e.g. "Mundo Gamer Community" → "community")
+      const fromName = (system.name || '').toLowerCase().replace(/mundo gamer\s*/i, '').trim();
+      const slug = fromUrl || fromName;
+      return {
+        id: system.id,
+        name: system.name,
+        domain: system.prod_url,
+        logo_dark: slug ? `/imgs/dark/${slug}.svg` : (system.url_reduced_image_src || ''),
+        logo_light: slug ? `/imgs/light/${slug}.svg` : (system.url_reduced_image_src || ''),
+        status: system.status ? 1 : 0,
+        slug
+      };
+    });
+  } catch (error) {
+    console.error('Error fetching network systems (using fallback):', error);
+    // Keep fallback data - already set in the initial ref value
+  } finally {
+    loading.value = false;
+  }
+}
+
+// Not every platform has a one-line description yet (e.g. a brand-new
+// system added before its copy is translated) — fall back to no
+// description line rather than rendering the raw i18n key path.
+function descriptionFor(slug: string): string {
+  const key = `sidebar.platform_descriptions.${slug}`;
+  return te(key) ? t(key) : '';
+}
+
+function ariaLabelFor(system: NetworkSystem): string {
+  const description = descriptionFor(system.slug);
+  return description ? `${system.name} — ${description}` : system.name;
+}
+
+onMounted(() => {
+  fetchNetworkSystems();
+});
+</script>
+
+<style scoped lang="scss">
+#sidebar-logo {
+  z-index: 36;
+  // fixed (not absolute) + all four insets pinned: absolute with no `top`
+  // falls back to its "static position" — roughly where it would sit in
+  // normal flow — so on a real page with content above it in the DOM, the
+  // whole panel renders far down the page instead of pinned to the
+  // viewport's right edge, and its `height: 100%` then has no definite
+  // containing-block height to resolve against, stretching the page.
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+
+  .sidebar {
+    display: inline-flex;
+    padding: 12px 24px;
+    align-items: center;
+    gap: 10px;
+    background: var(--sidebar-bg);
+    transition: ease 0.5s;
+
+    &.open {
+      display: flex;
+      max-width: 104px;
+      flex-direction: column;
+      align-items: center;
+      gap: 20px;
+      background-color: var(--bg2, var(--sidebar-bg));
+      height: 100%;
+
+      .sidebar-menu {
+        display: grid;
+      }
+
+      .sidebar__logo {
+        img {
+          width: 42px;
+          height: 42px;
+          flex-shrink: 0;
+        }
+      }
+
+      .sidebar__toggler {
+        transform: rotate(180deg);
+        margin-bottom: 40px;
+      }
+    }
+
+    &:not(.open) {
+      display: inline-flex;
+      padding: 12px 24px;
+      align-items: center;
+      gap: 10px;
+      width: 72px;
+      max-height: 48px;
+      height: 48px;
+      background-color: var(--bg2, var(--sidebar-bg));
+      margin-top: 60vh;
+
+      .sidebar-menu {
+        display: none;
+      }
+
+      .sidebar__toggler {
+        margin-left: auto;
+        margin-right: 0.75rem;
+      }
+    }
+
+    &__toggler {
+      color: var(--sidebar-toggler-fg);
+      background: transparent;
+      border: 0;
+      outline: 0;
+      transition: color 0.5s ease-out;
+
+      &:hover {
+        color: var(--sidebar-toggler-active-fg);
+      }
+    }
+
+    &__logo {
+      position: relative;
+      display: inline-flex;
+    }
+
+    &__tooltip {
+      position: absolute;
+      right: calc(100% + 12px);
+      top: 50%;
+      transform: translateY(-50%);
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+      width: max-content;
+      max-width: 220px;
+      padding: 8px 12px;
+      background: var(--bg2, var(--sidebar-bg));
+      color: var(--sidebar-toggler-active-fg);
+      font-size: 12px;
+      line-height: 1.4;
+      pointer-events: none;
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 0.15s ease-out;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
+      z-index: 1;
+
+      strong {
+        font-size: 13px;
+      }
+    }
+
+    // Sass expands every `&` in a selector to the FULL resolved parent
+    // chain, not just the immediate BEM block — `&__logo:hover &__tooltip`
+    // compiles to `#sidebar-logo .sidebar__logo:hover #sidebar-logo
+    // .sidebar__tooltip` (the ancestor prefix duplicated), which can never
+    // match since #sidebar-logo can't nest inside itself. Writing the
+    // tooltip side as a literal class avoids the second `&` expansion.
+    &__logo:hover .sidebar__tooltip,
+    &__logo:focus-visible .sidebar__tooltip {
+      opacity: 1;
+      visibility: visible;
+    }
+
+    .sidebar-menu__intro {
+      width: 100%;
+      margin: 0;
+      padding: 0 4px;
+      color: var(--sidebar-toggler-fg);
+      font-size: 11px;
+      line-height: 1.4;
+      text-align: center;
+    }
+
+    .menus {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 16px;
+      padding-left: 0;
+      list-style: none;
+    }
+  }
+
+  .back-button {
+    position: fixed;
+    width: 100vw;
+    height: 100vh;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 35;
+    border: none;
+    display: none;
+  }
+}
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mundogamernetwork/shared-ui",
-  "version": "1.16.14",
+  "version": "1.16.16",
   "description": "Mundo Gamer Network - Shared UI Layer (Nuxt 3)",
   "type": "module",
   "main": "./nuxt.config.ts",

package/public/imgs/dark/academy.svg

@@ -0,0 +1,22 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_ACA_Abreviado_S fundo">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M17.5498 8.4751L12.9748 16.5751V8.4751H8.9248L5.9248 20.6251L5.5498 21.9751H8.9248L9.8248 18.4501L10.2748 16.5751V21.9751H13.4248L17.1748 15.3001L15.4498 21.9751H19.1248L22.4248 8.4751H17.5498Z" fill="white"/>
+<path id="Vector_2" d="M35.6246 11.6251L36.4496 8.4751H26.9996L21.5996 14.7751L23.3996 21.9751H33.0746L34.1996 17.4751L35.3246 12.9751H29.4746L28.6496 16.1251H31.1246L30.5996 18.3751H26.0246L25.4246 15.7501L28.9496 11.6251H35.6246Z" fill="white"/>
+</g>
+<path id="Vector_3" d="M35.8499 24.375H8.3999L6.1499 33.525H33.5999L35.8499 24.375Z" fill="#FF7700"/>
+<g id="Group_3">
+<g id="Group_4">
+<path id="Vector_4" d="M17.2496 26.1001H15.8996L15.2246 27.3001H17.4746L17.2496 26.1001Z" fill="white"/>
+<path id="Vector_5" d="M17.6247 27.75H15.0747L12.8247 31.725H14.6247L15.8247 29.475H16.2747L16.7247 31.725H18.3747L17.6247 27.75Z" fill="white"/>
+</g>
+<g id="Group_5">
+<path id="Vector_6" d="M28.0497 26.1001H26.6247L25.9497 27.3001H28.2747L28.0497 26.1001Z" fill="white"/>
+<path id="Vector_7" d="M28.3495 27.75H25.7995L23.6245 31.725H25.4245L26.5495 29.475H27.0745L27.4495 31.725H29.1745L28.3495 27.75Z" fill="white"/>
+</g>
+</g>
+<path id="Vector_8" d="M20.55 30.1501L20.325 28.8001L21.6 27.3001H23.775L24.075 26.1001H20.775L18.75 28.6501L19.425 31.7251H22.65L23.025 30.1501H20.55Z" fill="white"/>
+</g>
+</g>
+</svg>

package/public/imgs/dark/agency.svg

@@ -0,0 +1,18 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_AG_Abreviado_S fundo">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M17.5498 8.4751L12.9748 16.5751V8.4751H8.9248L5.9248 20.6251L5.5498 21.9751H8.9248L9.8248 18.4501L10.2748 16.5751V21.9751H13.4248L17.1748 15.3001L15.4498 21.9751H19.1248L22.4248 8.4751H17.5498Z" fill="white"/>
+<path id="Vector_2" d="M35.6246 11.6251L36.4496 8.4751H26.9996L21.5996 14.7751L23.3996 21.9751H33.0746L34.1996 17.4751L35.3246 12.9751H29.4746L28.6496 16.1251H31.1246L30.5996 18.3751H26.0246L25.4246 15.7501L28.9496 11.6251H35.6246Z" fill="white"/>
+</g>
+<path id="Vector_3" d="M35.9249 24.375H8.3999L6.1499 33.525H33.5999L35.9249 24.375Z" fill="#FCB216"/>
+<g id="Group_3">
+<path id="Vector_4" d="M26.6999 27.4501L27.0749 26.1001H23.0999L20.7749 28.7251L21.5249 31.7251H25.6499L26.6249 27.9751H24.2249L23.9249 29.3251H24.8249L24.5999 30.2251H22.6499L22.4249 29.1751L23.9249 27.4501H26.6999Z" fill="white"/>
+<g id="Group_4">
+<path id="Vector_5" d="M19.3497 26.1001H17.9997L17.3247 27.3001H19.5747L19.3497 26.1001Z" fill="white"/>
+<path id="Vector_6" d="M19.7248 27.75H17.0998L14.9248 31.725H16.7248L17.8498 29.475H18.3748L18.8248 31.725H20.4748L19.7248 27.75Z" fill="white"/>
+</g>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/dark/ai.svg

@@ -0,0 +1,21 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_AI_Abreviado_S fundo">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M17.5498 8.4751L12.9748 16.5751V8.4751H8.9248L5.9248 20.6251L5.5498 21.9751H8.9248L9.8248 18.4501L10.2748 16.5751V21.9751H13.4248L17.1748 15.3001L15.4498 21.9751H19.1248L22.4248 8.4751H17.5498Z" fill="white"/>
+<path id="Vector_2" d="M35.6246 11.6251L36.4496 8.4751H26.9996L21.5996 14.7751L23.3996 21.9751H33.0746L34.1996 17.4751L35.3246 12.9751H29.4746L28.6496 16.1251H31.1246L30.5996 18.3751H26.0246L25.4246 15.7501L28.9496 11.6251H35.6246Z" fill="white"/>
+</g>
+<path id="Vector_3" d="M35.9249 24.375H8.3999L6.1499 33.525H33.5999L35.9249 24.375Z" fill="#5A87D7"/>
+<g id="Group_3">
+<g id="Group_4">
+<path id="Vector_4" d="M20.6249 26.1753H19.1999L18.5249 27.3753H20.8499L20.6249 26.1753Z" fill="white"/>
+<path id="Vector_5" d="M20.9247 27.9004H18.3747L16.1997 31.8754H17.9247L19.1247 29.5504H19.6497L20.0247 31.8754H21.7497L20.9247 27.9004Z" fill="white"/>
+</g>
+<g id="Group_5">
+<path id="Vector_6" d="M25.4996 27.4505L25.7996 26.2505H24.1496L23.8496 27.4505H25.4996Z" fill="white"/>
+<path id="Vector_7" d="M23.7746 27.9004L22.7246 31.8754H24.4496L25.4246 27.9004H23.7746Z" fill="white"/>
+</g>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/dark/club.svg

@@ -0,0 +1,21 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_CLUB_Abreviado_S fundo">
+<g id="Group">
+<path id="Vector" d="M35.8499 24.375H8.3999L6.1499 33.525H33.5999L35.8499 24.375Z" fill="#583CF0"/>
+<g id="Group_2">
+<path id="Vector_2" d="M18.075 26.1001H16.425L15 31.7251H19.125L19.5 30.1501H17.1L18.075 26.1001Z" fill="white"/>
+<path id="Vector_3" d="M25.7246 28.8001L26.4746 31.8001H30.5246L31.1246 29.4751L30.3746 28.8001L31.4246 28.1251L31.9496 26.1001H28.0496L25.7246 28.8001ZM29.4746 30.3751H27.5996L27.3746 29.2501H29.6996L29.4746 30.3751ZM29.9996 28.2001H27.7496L28.5746 27.2251H30.2246L29.9996 28.2001Z" fill="white"/>
+<g id="Group_3">
+<path id="Vector_4" d="M23.0998 30.15H21.8248L22.4248 27.75H21.1498L20.1748 31.725H23.9998L24.9748 27.75H23.6998L23.0998 30.15Z" fill="white"/>
+<path id="Vector_5" d="M24.1496 26.1001L23.8496 27.3001H25.0496L25.3496 26.1001H24.1496Z" fill="white"/>
+<path id="Vector_6" d="M22.8748 26.1001H21.5998L21.2998 27.3001H22.5748L22.8748 26.1001Z" fill="white"/>
+</g>
+<path id="Vector_7" d="M11.9248 30.1501L11.6998 28.8001L12.8998 27.3001H15.0748L15.3748 26.1001H12.1498L10.0498 28.6501L10.7998 31.7251H14.0248L14.3998 30.1501H11.9248Z" fill="white"/>
+</g>
+<g id="Group_4">
+<path id="Vector_8" d="M17.5498 8.4751L12.9748 16.5751V8.4751H8.9248L5.9248 20.6251L5.5498 21.9751H8.9248L9.8248 18.4501L10.2748 16.5751V21.9751H13.4248L17.1748 15.3001L15.4498 21.9751H19.1248L22.4248 8.4751H17.5498Z" fill="white"/>
+<path id="Vector_9" d="M35.6246 11.6251L36.4496 8.4751H26.9996L21.5996 14.7751L23.3996 21.9751H33.0746L34.1996 17.4751L35.3246 12.9751H29.4746L28.6496 16.1251H31.1246L30.5996 18.3751H26.0246L25.4246 15.7501L28.9496 11.6251H35.6246Z" fill="white"/>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/dark/community.svg

@@ -0,0 +1,23 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_COM_Abreviado_S fundo">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M17.5498 8.4751L12.9748 16.5751V8.4751H8.9248L5.9248 20.6251L5.5498 21.9751H8.9248L9.8248 18.4501L10.2748 16.5751V21.9751H13.4248L17.1748 15.3001L15.4498 21.9751H19.1248L22.4248 8.4751H17.5498Z" fill="white"/>
+<path id="Vector_2" d="M35.6246 11.6251L36.4496 8.4751H26.9996L21.5996 14.7751L23.3996 21.9751H33.0746L34.1996 17.4751L35.3246 12.9751H29.4746L28.6496 16.1251H31.1246L30.5996 18.3751H26.0246L25.4246 15.7501L28.9496 11.6251H35.6246Z" fill="white"/>
+</g>
+<path id="Vector_3" d="M35.8499 24.375H8.3999L6.1499 33.525H33.5999L35.8499 24.375Z" fill="#1C395C"/>
+<g id="Group_3">
+<g id="Group_4">
+<path id="Vector_4" d="M23.1748 26.1001H19.3498L19.0498 27.3001H22.8748L23.1748 26.1001Z" fill="white"/>
+<path id="Vector_5" d="M21.5248 27.75L20.9248 30.15H19.6498L20.1748 27.75H18.9748L17.9248 31.725H21.7498L22.7248 27.75H21.5248Z" fill="white"/>
+</g>
+<g id="Group_5">
+<path id="Vector_6" d="M28.9498 26.1001H27.2998L26.5498 27.3001H28.7248L28.9498 26.1001Z" fill="white"/>
+<path id="Vector_7" d="M25.5748 29.1L25.6498 27.75H23.7748L22.7998 31.725H23.9998L24.5998 29.325L24.4498 31.725H25.4998L26.6998 29.475L26.0998 31.725H27.5998L28.5748 27.75H26.3248L25.5748 29.1Z" fill="white"/>
+<path id="Vector_8" d="M25.7246 26.1001H24.1496L23.8496 27.3001H25.6496L25.7246 26.1001Z" fill="white"/>
+</g>
+<path id="Vector_9" d="M14.8498 30.1501L14.6248 28.8001L15.8998 27.3001H18.0748L18.3748 26.1001H15.0748L13.0498 28.6501L13.7248 31.7251H16.9498L17.3248 30.1501H14.8498Z" fill="white"/>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/dark/jobs.svg

@@ -0,0 +1,27 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_JOBS_Abreviado_S fundo">
+<g id="Group">
+<path id="Vector" d="M17.5097 8.47754L13.0083 16.5956V8.47754H8.95413L5.91108 20.6206L5.5708 21.9817H8.95413L9.84858 18.4234L10.3055 16.5859V21.9817H13.4555L17.1597 15.2636L15.4875 21.9817H19.0944L22.4486 8.47754H17.5097Z" fill="white"/>
+<path id="Vector_2" d="M35.6417 11.6275L36.4292 8.47754H26.989L21.564 14.7775L23.3626 21.9817H33.0556L34.1737 17.49L35.2917 12.9789L29.4487 12.9887L28.6709 16.1192H31.1306L30.5667 18.3942H26.0362L25.4042 15.7692L28.9723 11.6275H35.6417Z" fill="white"/>
+</g>
+<path id="Vector_3" d="M35.875 24.3638H8.40977L6.13477 33.5221H33.6L35.875 24.3638Z" fill="#808485"/>
+<g id="Group_2">
+<g id="Group_3">
+<path id="Vector_4" d="M21.3694 26.1235H17.5778L17.2764 27.3194H21.0778L21.3694 26.1235Z" fill="white"/>
+<path id="Vector_5" d="M19.7166 27.8057L19.1235 30.1584H17.8402L18.4235 27.8057H17.1596L16.168 31.7626H19.9694L20.9513 27.8057H19.7166Z" fill="white"/>
+</g>
+<g id="Group_4">
+<path id="Vector_6" d="M12.7267 26.1235L12.4253 27.3194H16.5281L16.8197 26.1235H12.7267Z" fill="white"/>
+<path id="Vector_7" d="M12.843 30.7612L12.2402 31.7626H13.9125L14.5055 30.7612H12.843Z" fill="white"/>
+<path id="Vector_8" d="M10.5779 29.75L9.9751 30.7611H11.6376L12.2404 29.75H10.5779Z" fill="white"/>
+<path id="Vector_9" d="M11.6376 30.7612L12.2404 31.7626H10.5682L9.9751 30.7612H11.6376Z" fill="white"/>
+<path id="Vector_10" d="M14.5058 30.7612L15.2544 27.8057H13.5919L12.8433 30.7612H14.5058Z" fill="white"/>
+</g>
+<path id="Vector_11" d="M22.4096 26.1235L22.1082 27.3194H23.3916H25.1707H26.6096L26.911 26.1235H22.4096ZM24.9666 28.2041H23.168L23.2652 27.8055H21.9819L21.7388 28.7777L20.9805 31.7721H25.5013L26.1138 29.293L25.336 28.7971L26.3666 28.2819L26.4832 27.8055H25.0541L24.9666 28.2041ZM24.4513 30.4305H22.5944L22.886 29.3124H24.6749L24.4513 30.4305Z" fill="white"/>
+<g id="Group_5">
+<path id="Vector_12" d="M27.9518 26.1235L27.6504 27.3194H31.7337L32.0254 26.1235H27.9518Z" fill="white"/>
+<path id="Vector_13" d="M27.5142 27.864L27.1545 29.3126H29.6531L29.4392 30.1584H26.9406L26.785 30.7904L26.542 31.7626H30.6156L31.617 27.8057H27.5337L27.5142 27.864Z" fill="white"/>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/dark/network.svg

@@ -0,0 +1,28 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_NET_Abreviado_S fundo 1">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M17.5498 8.4751L12.9748 16.5751V8.4751H8.9248L5.9248 20.6251L5.5498 21.9751H8.9248L9.8248 18.4501L10.2748 16.5751V21.9751H13.4248L17.1748 15.3001L15.4498 21.9751H19.1248L22.4248 8.4751H17.5498Z" fill="white"/>
+<path id="Vector_2" d="M35.6246 11.6251L36.4496 8.4751H26.9996L21.5996 14.7751L23.3996 21.9751H33.0746L34.1996 17.4751L35.3246 12.9751H29.4746L28.6496 16.1251H31.1246L30.5996 18.3751H26.0246L25.4246 15.7501L28.9496 11.6251H35.6246Z" fill="white"/>
+</g>
+<path id="Vector_3" d="M35.8499 24.375H8.3999L6.1499 33.525H33.5999L35.8499 24.375Z" fill="#EE3831"/>
+<g id="Group_3">
+<g id="Group_4">
+<path id="Vector_4" d="M16.6498 27.3001L16.4248 26.1001H14.4748L14.1748 27.3001H16.6498Z" fill="white"/>
+<path id="Vector_5" d="M18.4499 27.3001L18.7499 26.1001H17.3249L17.0249 27.3001H18.4499Z" fill="white"/>
+<path id="Vector_6" d="M16.7998 28.425L16.7248 27.75H14.0248L13.0498 31.725H14.5498L15.1498 29.325L15.8998 31.725H17.3248L18.2998 27.75H16.9498L16.7998 28.425Z" fill="white"/>
+</g>
+<g id="Group_5">
+<g id="Group_6">
+<path id="Vector_7" d="M18.375 31.725H22.425L22.8 30.15H20.475L20.7 29.325H23.025L23.4 27.75H19.35L18.375 31.725Z" fill="white"/>
+<path id="Vector_8" d="M19.5 27.3001H23.475L23.775 26.1001H19.8L19.5 27.3001Z" fill="white"/>
+</g>
+</g>
+<g id="Group_7">
+<path id="Vector_9" d="M24.8249 26.1001L24.5249 27.3001H28.5749L28.8749 26.1001H24.8249Z" fill="white"/>
+<path id="Vector_10" d="M24.6748 31.725H26.3248L27.2998 27.75H25.6498L24.6748 31.725Z" fill="white"/>
+</g>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/dark/shop.svg

@@ -0,0 +1,23 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_SHOP_Abreviado_S fundo">
+<g id="Group">
+<path id="Vector" d="M35.8499 24.375H8.3999L6.1499 33.525H33.5999L35.8499 24.375Z" fill="#42BA8A"/>
+<g id="Group_2">
+<g id="Group_3">
+<path id="Vector_2" d="M26.2495 26.1001H22.4245L22.1245 27.3001H25.9495L26.2495 26.1001Z" fill="white"/>
+<path id="Vector_3" d="M24.5997 27.75L23.9997 30.15H22.7247L23.3247 27.75H22.0497L21.0747 31.725H24.8247L25.7997 27.75H24.5997Z" fill="white"/>
+</g>
+<g id="Group_4">
+<path id="Vector_4" d="M11.9999 26.1001L11.7749 27.3001H15.8249L16.1249 26.1001H11.9999Z" fill="white"/>
+<path id="Vector_5" d="M11.6249 27.825L11.2499 29.325H13.7249L13.4999 30.15H11.0249L10.8749 30.75L10.6499 31.725H14.6999L15.6749 27.75H11.6249V27.825Z" fill="white"/>
+</g>
+<path id="Vector_6" d="M21.375 26.1001H19.8L19.35 27.7501H18.45L18.825 26.1001H17.175L15.75 31.7251H17.475L18 29.5501H18.9L18.375 31.7251H20.025L21.375 26.1001Z" fill="white"/>
+<path id="Vector_7" d="M30.6748 26.1751C30.5248 26.1001 30.2998 26.1001 29.9998 26.1001H27.2998L26.9998 27.3001H29.6998C29.8498 27.3001 29.9998 27.3751 29.9998 27.5251C29.9998 27.6751 29.8498 27.7501 29.6998 27.7501H26.8498L25.7998 31.7251H27.5248L28.1248 29.3251H29.8498C30.0748 29.2501 30.2998 29.1751 30.4498 29.1001C30.9748 28.7251 31.2748 28.2001 31.2748 27.5251C31.3498 27.3751 31.4248 26.4751 30.6748 26.1751Z" fill="white"/>
+</g>
+<g id="Group_5">
+<path id="Vector_8" d="M17.5498 8.4751L12.9748 16.5751V8.4751H8.9248L5.9248 20.6251L5.5498 21.9751H8.9248L9.8248 18.4501L10.2748 16.5751V21.9751H13.4248L17.1748 15.3001L15.4498 21.9751H19.1248L22.4248 8.4751H17.5498Z" fill="white"/>
+<path id="Vector_9" d="M35.6246 11.6251L36.4496 8.4751H26.9996L21.5996 14.7751L23.3996 21.9751H33.0746L34.1996 17.4751L35.3246 12.9751H29.4746L28.6496 16.1251H31.1246L30.5996 18.3751H26.0246L25.4246 15.7501L28.9496 11.6251H35.6246Z" fill="white"/>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/dark/token.svg

@@ -0,0 +1,36 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_TOKEN_Abreviado_S fundo">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M17.5498 8.4751L12.9748 16.5751V8.4751H8.9248L5.9248 20.6251L5.5498 21.9751H8.9248L9.8248 18.4501L10.2748 16.5751V21.9751H13.4248L17.1748 15.3001L15.4498 21.9751H19.1248L22.4248 8.4751H17.5498Z" fill="white"/>
+<path id="Vector_2" d="M35.6246 11.6251L36.4496 8.4751H26.9996L21.5996 14.7751L23.3996 21.9751H33.0746L34.1996 17.4751L35.3246 12.9751H29.4746L28.6496 16.1251H31.1246L30.5996 18.3751H26.0246L25.4246 15.7501L28.9496 11.6251H35.6246Z" fill="white"/>
+</g>
+<path id="Vector_3" d="M35.9249 24.375H8.3999L6.1499 33.525H33.5999L35.9249 24.375Z" fill="#13151A"/>
+<g id="Group_3">
+<g id="Group_4">
+<path id="Vector_4" d="M22.2002 26.1001L20.3252 28.6501L21.0002 31.7251H22.7252L22.1252 28.6501L24.0752 26.1001H22.2002Z" fill="white"/>
+<path id="Vector_5" d="M19.05 26.1001L17.625 31.7251H19.35L20.775 26.1001H19.05Z" fill="white"/>
+</g>
+<g id="Group_5">
+<g id="Group_6">
+<path id="Vector_6" d="M23.6997 31.725H27.6747L28.1247 30.15H25.7997L26.0247 29.325H28.3497L28.7247 27.75H24.6747L23.6997 31.725Z" fill="white"/>
+<path id="Vector_7" d="M24.8247 27.3001H28.7997L29.0997 26.1001H25.1247L24.8247 27.3001Z" fill="white"/>
+</g>
+</g>
+<g id="Group_7">
+<path id="Vector_8" d="M9.0749 26.1001L8.7749 27.3001H12.8249L13.1249 26.1001H9.0749Z" fill="white"/>
+<path id="Vector_9" d="M8.9248 31.725H10.5748L11.6248 27.75H9.8998L8.9248 31.725Z" fill="white"/>
+</g>
+<g id="Group_8">
+<path id="Vector_10" d="M14.1745 26.1001L13.8745 27.3001H17.6995L17.9995 26.1001H14.1745Z" fill="white"/>
+<path id="Vector_11" d="M15.7497 30.15H14.4747L15.0747 27.75H13.7997L12.8247 31.725H16.5747L17.5497 27.75H16.3497L15.7497 30.15Z" fill="white"/>
+</g>
+<g id="Group_9">
+<path id="Vector_12" d="M32.3251 27.3001L32.1751 26.1001H30.1501L29.8501 27.3001H32.3251Z" fill="white"/>
+<path id="Vector_13" d="M34.1252 27.3001L34.4252 26.1001H33.0002L32.7002 27.3001H34.1252Z" fill="white"/>
+<path id="Vector_14" d="M32.4751 28.425L32.4001 27.75H29.7751L28.7251 31.725H30.3001L30.8251 29.325L31.5751 31.725H33.0001L34.0501 27.75H32.6251L32.4751 28.425Z" fill="white"/>
+</g>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/dark/tv.svg

@@ -0,0 +1,26 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_TV_Abreviado_S fundo">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M17.4748 8.4751L12.9748 16.5751V8.4751H8.9248L5.9248 20.6251L5.5498 21.9751H8.9248L9.8248 18.4501L10.2748 16.5751V21.9751H13.4248L17.1748 15.3001L15.4498 21.9751H19.1248L22.4248 8.4751H17.4748Z" fill="white"/>
+<path id="Vector_2" d="M35.6246 11.6251L36.4496 8.4751H26.9996L21.5996 14.7751L23.3996 21.9751H33.0746L34.1996 17.4751L35.3246 12.9751H29.4746L28.6496 16.1251H31.1246L30.5996 18.3751H26.0246L25.4246 15.7501L28.9496 11.6251H35.6246Z" fill="white"/>
+</g>
+<path id="Vector_3" d="M35.8499 24.375H8.3999L6.1499 33.525H33.5999L35.8499 24.375Z" fill="#6B15AC"/>
+<g id="Group_3">
+<g id="Group_4">
+<g id="Group_5">
+<g id="Group_6">
+<path id="Vector_4" d="M23.1745 29.0252L22.9495 27.8252H21.3745L22.1245 31.8002H23.6995L25.4245 27.8252H23.8495L23.1745 29.0252Z" fill="white"/>
+<path id="Vector_5" d="M22.6497 26.1001H21.0747L21.2997 27.3001H22.8747L22.6497 26.1001Z" fill="white"/>
+<path id="Vector_6" d="M24.6747 26.1001L24.0747 27.3001H25.7247L26.3997 26.1001H24.6747Z" fill="white"/>
+</g>
+</g>
+</g>
+<g id="Group_7">
+<path id="Vector_7" d="M15.8996 26.1001L15.5996 27.3001H19.7246L20.0246 26.1001H15.8996Z" fill="white"/>
+<path id="Vector_8" d="M15.8247 31.7252H17.4747L18.4497 27.8252H16.7997L15.8247 31.7252Z" fill="white"/>
+</g>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/dark/ventures.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56">
+<g fill="#FFFFFF"><polygon points="23.4,11.3 17.3,22.1 17.3,11.3 11.9,11.3 7.9,27.5 7.9,27.5 7.9,27.5 7.4,29.3 11.9,29.3 13.1,24.6 13.7,22.1 13.7,29.3 17.9,29.3 22.9,20.4 20.6,29.3 25.5,29.3 29.9,11.3"></polygon><polygon points="47.5,15.5 48.6,11.3 36,11.3 28.8,19.7 31.2,29.3 44.1,29.3 45.6,23.3 45.6,23.3 47.1,17.3 39.3,17.3 38.2,21.5 41.5,21.5 40.8,24.5 34.7,24.5 33.9,21 38.6,15.5"></polygon></g>
+<path d="M49.25,32.5H8.65L5.65,44.7H46.25L49.25,32.5z" fill="#134E4A"></path>
+<path d="M11.083 37.183L10.950 35.973L12.217 35.973L12.350 37.181L11.083 37.183ZM11.131 37.639L12.404 37.639L12.528 38.711L12.955 37.636L14.339 37.636L13.029 41.217L11.521 41.217L11.131 37.639ZM14.486 37.189L13.134 37.186L13.626 35.973L14.941 35.973L14.486 37.189ZM14.975 35.973L14.703 37.181L18.361 37.181L18.635 35.973L14.975 35.973ZM14.610 37.636L13.815 41.220L17.472 41.217L17.798 39.737L15.566 39.737L15.741 38.965L17.976 38.965L18.259 37.636L14.610 37.636ZM19.124 41.217L17.716 41.217L18.875 35.973L20.646 35.973L21.150 38.168L21.639 35.970L22.999 35.973L21.834 41.220L20.476 41.217L19.616 39.008L19.124 41.217ZM25.805 37.636L24.269 37.636L23.472 41.217L25.016 41.217L25.805 37.636ZM23.294 35.973L23.022 37.186L27.231 37.186L27.499 35.973L23.294 35.973ZM27.355 37.639L26.563 41.220L30.206 41.217L31.001 37.639L29.578 37.639L29.112 39.749L28.306 39.749L28.767 37.639L27.355 37.639ZM29.946 35.973L29.675 37.186L31.103 37.183L31.366 35.970L29.946 35.973ZM27.729 35.973L27.457 37.186L28.880 37.183L29.140 35.973L27.729 35.973ZM31.688 35.973L31.403 37.172L34.070 37.183L34.172 37.214L34.265 37.277L34.305 37.362L34.305 37.432L34.265 37.517L34.189 37.565L34.096 37.602L33.915 37.627L31.309 37.625L30.512 41.222L32.025 41.222L32.548 39.005L33.252 41.222L34.828 41.222L34.135 38.943L34.723 38.691Q35.462 38.269 35.462 37.384L35.462 37.384Q35.462 37.045 35.357 36.649L35.357 36.649Q35.204 36.072 34.559 36.001L34.559 36.001L34.296 35.973L31.688 35.973ZM36.361 35.973L36.090 37.181L39.747 37.181L40.021 35.973L36.361 35.973ZM35.996 37.636L35.201 41.220L38.859 41.217L39.184 39.737L36.952 39.737L37.128 38.965L39.362 38.965L39.645 37.636L35.996 37.636ZM40.205 35.973L39.934 37.189L43.687 37.189L43.950 35.973L40.205 35.973ZM39.832 37.642L39.535 38.982L41.600 38.982L41.427 39.757L39.365 39.754L39.043 41.217L42.790 41.217L43.585 37.642L39.832 37.642Z" fill="#FFFFFF"></path>
+</svg>

package/public/imgs/light/academy.svg

@@ -0,0 +1,22 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_ACA_Abreviado_S fundo">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M17.5498 8.47461L12.9748 16.5746V8.47461H8.9248L5.9248 20.6246L5.5498 21.9746H8.9248L9.8248 18.4496L10.2748 16.5746V21.9746H13.4248L17.1748 15.2996L15.4498 21.9746H19.1248L22.4248 8.47461H17.5498Z" fill="#0D0D0D"/>
+<path id="Vector_2" d="M35.6246 11.6246L36.4496 8.47461H26.9996L21.5996 14.7746L23.3996 21.9746H33.0746L34.1996 17.4746L35.3246 12.9746H29.4746L28.6496 16.1246H31.1246L30.5996 18.3746H26.0246L25.4246 15.7496L28.9496 11.6246H35.6246Z" fill="#0D0D0D"/>
+</g>
+<path id="Vector_3" d="M35.8499 24.375H8.3999L6.1499 33.525H33.5999L35.8499 24.375Z" fill="#FF851A"/>
+<g id="Group_3">
+<g id="Group_4">
+<path id="Vector_4" d="M17.2496 26.0996H15.8996L15.2246 27.2996H17.4746L17.2496 26.0996Z" fill="white"/>
+<path id="Vector_5" d="M17.6247 27.75H15.0747L12.8247 31.725H14.6247L15.8247 29.475H16.2747L16.7247 31.725H18.3747L17.6247 27.75Z" fill="white"/>
+</g>
+<g id="Group_5">
+<path id="Vector_6" d="M28.0497 26.0996H26.6247L25.9497 27.2996H28.2747L28.0497 26.0996Z" fill="white"/>
+<path id="Vector_7" d="M28.3495 27.75H25.7995L23.6245 31.725H25.4245L26.5495 29.475H27.0745L27.4495 31.725H29.1745L28.3495 27.75Z" fill="white"/>
+</g>
+</g>
+<path id="Vector_8" d="M20.55 30.1496L20.325 28.7996L21.6 27.2996H23.775L24.075 26.0996H20.775L18.75 28.6496L19.425 31.7246H22.65L23.025 30.1496H20.55Z" fill="white"/>
+</g>
+</g>
+</svg>

package/public/imgs/light/agency.svg

@@ -0,0 +1,18 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_AG_Abreviado_S fundo">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M17.5498 8.47461L12.9748 16.5746V8.47461H8.9248L5.9248 20.6246L5.5498 21.9746H8.9248L9.8248 18.4496L10.2748 16.5746V21.9746H13.4248L17.1748 15.2996L15.4498 21.9746H19.1248L22.4248 8.47461H17.5498Z" fill="#0D0D0D"/>
+<path id="Vector_2" d="M35.6246 11.6246L36.4496 8.47461H26.9996L21.5996 14.7746L23.3996 21.9746H33.0746L34.1996 17.4746L35.3246 12.9746H29.4746L28.6496 16.1246H31.1246L30.5996 18.3746H26.0246L25.4246 15.7496L28.9496 11.6246H35.6246Z" fill="#0D0D0D"/>
+</g>
+<path id="Vector_3" d="M35.9249 24.375H8.3999L6.1499 33.525H33.5999L35.9249 24.375Z" fill="#FCBB2F"/>
+<g id="Group_3">
+<path id="Vector_4" d="M26.6999 27.4496L27.0749 26.0996H23.0999L20.7749 28.7246L21.5249 31.7246H25.6499L26.6249 27.9746H24.2249L23.9249 29.3246H24.8249L24.5999 30.2246H22.6499L22.4249 29.1746L23.9249 27.4496H26.6999Z" fill="white"/>
+<g id="Group_4">
+<path id="Vector_5" d="M19.3497 26.0996H17.9997L17.3247 27.2996H19.5747L19.3497 26.0996Z" fill="white"/>
+<path id="Vector_6" d="M19.7248 27.75H17.0998L14.9248 31.725H16.7248L17.8498 29.475H18.3748L18.8248 31.725H20.4748L19.7248 27.75Z" fill="white"/>
+</g>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/light/ai.svg

@@ -0,0 +1,21 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_AI_Abreviado_S fundo">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M17.5498 8.47461L12.9748 16.5746V8.47461H8.9248L5.9248 20.6246L5.5498 21.9746H8.9248L9.8248 18.4496L10.2748 16.5746V21.9746H13.4248L17.1748 15.2996L15.4498 21.9746H19.1248L22.4248 8.47461H17.5498Z" fill="#0D0D0D"/>
+<path id="Vector_2" d="M35.6246 11.6246L36.4496 8.47461H26.9996L21.5996 14.7746L23.3996 21.9746H33.0746L34.1996 17.4746L35.3246 12.9746H29.4746L28.6496 16.1246H31.1246L30.5996 18.3746H26.0246L25.4246 15.7496L28.9496 11.6246H35.6246Z" fill="#0D0D0D"/>
+</g>
+<path id="Vector_3" d="M35.9249 24.375H8.3999L6.1499 33.525H33.5999L35.9249 24.375Z" fill="#6F97DC"/>
+<g id="Group_3">
+<g id="Group_4">
+<path id="Vector_4" d="M20.6249 26.1738H19.1999L18.5249 27.3738H20.8499L20.6249 26.1738Z" fill="white"/>
+<path id="Vector_5" d="M20.9247 27.8984H18.3747L16.1997 31.8734H17.9247L19.1247 29.5484H19.6497L20.0247 31.8734H21.7497L20.9247 27.8984Z" fill="white"/>
+</g>
+<g id="Group_5">
+<path id="Vector_6" d="M25.4996 27.448L25.7996 26.248H24.1496L23.8496 27.448H25.4996Z" fill="white"/>
+<path id="Vector_7" d="M23.7746 27.8984L22.7246 31.8734H24.4496L25.4246 27.8984H23.7746Z" fill="white"/>
+</g>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/light/club.svg

@@ -0,0 +1,21 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_CLUB_Abreviado_S fundo">
+<g id="Group">
+<path id="Vector" d="M35.8499 24.375H8.3999L6.1499 33.525H33.5999L35.8499 24.375Z" fill="#6B54F2"/>
+<g id="Group_2">
+<path id="Vector_2" d="M18.075 26.0996H16.425L15 31.7246H19.125L19.5 30.1496H17.1L18.075 26.0996Z" fill="white"/>
+<path id="Vector_3" d="M25.7246 28.7996L26.4746 31.7996H30.5246L31.1246 29.4746L30.3746 28.7996L31.4246 28.1246L31.9496 26.0996H28.0496L25.7246 28.7996ZM29.4746 30.3746H27.5996L27.3746 29.2496H29.6996L29.4746 30.3746ZM29.9996 28.1996H27.7496L28.5746 27.2246H30.2246L29.9996 28.1996Z" fill="white"/>
+<g id="Group_3">
+<path id="Vector_4" d="M23.0998 30.15H21.8248L22.4248 27.75H21.1498L20.1748 31.725H23.9998L24.9748 27.75H23.6998L23.0998 30.15Z" fill="white"/>
+<path id="Vector_5" d="M24.1496 26.0996L23.8496 27.2996H25.0496L25.3496 26.0996H24.1496Z" fill="white"/>
+<path id="Vector_6" d="M22.8748 26.0996H21.5998L21.2998 27.2996H22.5748L22.8748 26.0996Z" fill="white"/>
+</g>
+<path id="Vector_7" d="M11.9248 30.1496L11.6998 28.7996L12.8998 27.2996H15.0748L15.3748 26.0996H12.1498L10.0498 28.6496L10.7998 31.7246H14.0248L14.3998 30.1496H11.9248Z" fill="white"/>
+</g>
+<g id="Group_4">
+<path id="Vector_8" d="M17.5498 8.47461L12.9748 16.5746V8.47461H8.9248L5.9248 20.6246L5.5498 21.9746H8.9248L9.8248 18.4496L10.2748 16.5746V21.9746H13.4248L17.1748 15.2996L15.4498 21.9746H19.1248L22.4248 8.47461H17.5498Z" fill="#0D0D0D"/>
+<path id="Vector_9" d="M35.6246 11.6246L36.4496 8.47461H26.9996L21.5996 14.7746L23.3996 21.9746H33.0746L34.1996 17.4746L35.3246 12.9746H29.4746L28.6496 16.1246H31.1246L30.5996 18.3746H26.0246L25.4246 15.7496L28.9496 11.6246H35.6246Z" fill="#0D0D0D"/>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/light/community.svg

@@ -0,0 +1,23 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_COM_Abreviado_S fundo">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M17.5498 8.47461L12.9748 16.5746V8.47461H8.9248L5.9248 20.6246L5.5498 21.9746H8.9248L9.8248 18.4496L10.2748 16.5746V21.9746H13.4248L17.1748 15.2996L15.4498 21.9746H19.1248L22.4248 8.47461H17.5498Z" fill="#0D0D0D"/>
+<path id="Vector_2" d="M35.6246 11.6246L36.4496 8.47461H26.9996L21.5996 14.7746L23.3996 21.9746H33.0746L34.1996 17.4746L35.3246 12.9746H29.4746L28.6496 16.1246H31.1246L30.5996 18.3746H26.0246L25.4246 15.7496L28.9496 11.6246H35.6246Z" fill="#0D0D0D"/>
+</g>
+<path id="Vector_3" d="M35.8499 24.375H8.3999L6.1499 33.525H33.5999L35.8499 24.375Z" fill="#224570"/>
+<g id="Group_3">
+<g id="Group_4">
+<path id="Vector_4" d="M23.1748 26.0996H19.3498L19.0498 27.2996H22.8748L23.1748 26.0996Z" fill="white"/>
+<path id="Vector_5" d="M21.5248 27.75L20.9248 30.15H19.6498L20.1748 27.75H18.9748L17.9248 31.725H21.7498L22.7248 27.75H21.5248Z" fill="white"/>
+</g>
+<g id="Group_5">
+<path id="Vector_6" d="M28.9498 26.0996H27.2998L26.5498 27.2996H28.7248L28.9498 26.0996Z" fill="white"/>
+<path id="Vector_7" d="M25.5748 29.1L25.6498 27.75H23.7748L22.7998 31.725H23.9998L24.5998 29.325L24.4498 31.725H25.4998L26.6998 29.475L26.0998 31.725H27.5998L28.5748 27.75H26.3248L25.5748 29.1Z" fill="white"/>
+<path id="Vector_8" d="M25.7246 26.0996H24.1496L23.8496 27.2996H25.6496L25.7246 26.0996Z" fill="white"/>
+</g>
+<path id="Vector_9" d="M14.8498 30.1496L14.6248 28.7996L15.8998 27.2996H18.0748L18.3748 26.0996H15.0748L13.0498 28.6496L13.7248 31.7246H16.9498L17.3248 30.1496H14.8498Z" fill="white"/>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/light/jobs.svg

@@ -0,0 +1,27 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_JOBS_Abreviado_S fundo">
+<g id="Group">
+<path id="Vector" d="M17.5097 8.47852L13.0083 16.5966V8.47852H8.95413L5.91108 20.6216L5.5708 21.9827H8.95413L9.84858 18.4243L10.3055 16.5868V21.9827H13.4555L17.1597 15.2646L15.4875 21.9827H19.0944L22.4486 8.47852H17.5097Z" fill="#0D0D0D"/>
+<path id="Vector_2" d="M35.6417 11.6285L36.4292 8.47852H26.989L21.564 14.7785L23.3626 21.9827H33.0556L34.1737 17.491L35.2917 12.9799L29.4487 12.9896L28.6709 16.1202H31.1306L30.5667 18.3952H26.0362L25.4042 15.7702L28.9723 11.6285H35.6417Z" fill="#0D0D0D"/>
+</g>
+<path id="Vector_3" d="M35.875 24.3633H8.40977L6.13477 33.5216H33.6L35.875 24.3633Z" fill="#808485"/>
+<g id="Group_2">
+<g id="Group_3">
+<path id="Vector_4" d="M21.3694 26.123H17.5778L17.2764 27.3189H21.0778L21.3694 26.123Z" fill="white"/>
+<path id="Vector_5" d="M19.7166 27.8047L19.1235 30.1575H17.8402L18.4235 27.8047H17.1596L16.168 31.7616H19.9694L20.9513 27.8047H19.7166Z" fill="white"/>
+</g>
+<g id="Group_4">
+<path id="Vector_6" d="M12.7267 26.123L12.4253 27.3189H16.5281L16.8197 26.123H12.7267Z" fill="white"/>
+<path id="Vector_7" d="M12.843 30.7598L12.2402 31.7612H13.9125L14.5055 30.7598H12.843Z" fill="white"/>
+<path id="Vector_8" d="M10.5779 29.75L9.9751 30.7611H11.6376L12.2404 29.75H10.5779Z" fill="white"/>
+<path id="Vector_9" d="M11.6376 30.7598L12.2404 31.7612H10.5682L9.9751 30.7598H11.6376Z" fill="white"/>
+<path id="Vector_10" d="M14.5058 30.7602L15.2544 27.8047H13.5919L12.8433 30.7602H14.5058Z" fill="white"/>
+</g>
+<path id="Vector_11" d="M22.4096 26.123L22.1082 27.3189H23.3916H25.1707H26.6096L26.911 26.123H22.4096ZM24.9666 28.2036H23.168L23.2652 27.805H21.9819L21.7388 28.7772L20.9805 31.7717H25.5013L26.1138 29.2925L25.336 28.7967L26.3666 28.2814L26.4832 27.805H25.0541L24.9666 28.2036ZM24.4513 30.43H22.5944L22.886 29.3119H24.6749L24.4513 30.43Z" fill="white"/>
+<g id="Group_5">
+<path id="Vector_12" d="M27.9518 26.123L27.6504 27.3189H31.7337L32.0254 26.123H27.9518Z" fill="white"/>
+<path id="Vector_13" d="M27.5142 27.863L27.1545 29.3116H29.6531L29.4392 30.1575H26.9406L26.785 30.7894L26.542 31.7616H30.6156L31.617 27.8047H27.5337L27.5142 27.863Z" fill="white"/>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/light/network.svg

@@ -0,0 +1,28 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_NET_Abreviado_S fundo 1">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M17.5498 8.47461L12.9748 16.5746V8.47461H8.9248L5.9248 20.6246L5.5498 21.9746H8.9248L9.8248 18.4496L10.2748 16.5746V21.9746H13.4248L17.1748 15.2996L15.4498 21.9746H19.1248L22.4248 8.47461H17.5498Z" fill="#0D0D0D"/>
+<path id="Vector_2" d="M35.6246 11.6246L36.4496 8.47461H26.9996L21.5996 14.7746L23.3996 21.9746H33.0746L34.1996 17.4746L35.3246 12.9746H29.4746L28.6496 16.1246H31.1246L30.5996 18.3746H26.0246L25.4246 15.7496L28.9496 11.6246H35.6246Z" fill="#0D0D0D"/>
+</g>
+<path id="Vector_3" d="M35.8499 24.375H8.3999L6.1499 33.525H33.5999L35.8499 24.375Z" fill="#EE3831"/>
+<g id="Group_3">
+<g id="Group_4">
+<path id="Vector_4" d="M16.6498 27.2996L16.4248 26.0996H14.4748L14.1748 27.2996H16.6498Z" fill="white"/>
+<path id="Vector_5" d="M18.4499 27.2996L18.7499 26.0996H17.3249L17.0249 27.2996H18.4499Z" fill="white"/>
+<path id="Vector_6" d="M16.7998 28.425L16.7248 27.75H14.0248L13.0498 31.725H14.5498L15.1498 29.325L15.8998 31.725H17.3248L18.2998 27.75H16.9498L16.7998 28.425Z" fill="white"/>
+</g>
+<g id="Group_5">
+<g id="Group_6">
+<path id="Vector_7" d="M18.375 31.725H22.425L22.8 30.15H20.475L20.7 29.325H23.025L23.4 27.75H19.35L18.375 31.725Z" fill="white"/>
+<path id="Vector_8" d="M19.5 27.2996H23.475L23.775 26.0996H19.8L19.5 27.2996Z" fill="white"/>
+</g>
+</g>
+<g id="Group_7">
+<path id="Vector_9" d="M24.8249 26.0996L24.5249 27.2996H28.5749L28.8749 26.0996H24.8249Z" fill="white"/>
+<path id="Vector_10" d="M24.6748 31.725H26.3248L27.2998 27.75H25.6498L24.6748 31.725Z" fill="white"/>
+</g>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/light/shop.svg

@@ -0,0 +1,23 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_SHOP_Abreviado_S fundo">
+<g id="Group">
+<path id="Vector" d="M35.8499 24.375H8.3999L6.1499 33.525H33.5999L35.8499 24.375Z" fill="#53C296"/>
+<g id="Group_2">
+<g id="Group_3">
+<path id="Vector_2" d="M26.2495 26.0996H22.4245L22.1245 27.2996H25.9495L26.2495 26.0996Z" fill="white"/>
+<path id="Vector_3" d="M24.5997 27.75L23.9997 30.15H22.7247L23.3247 27.75H22.0497L21.0747 31.725H24.8247L25.7997 27.75H24.5997Z" fill="white"/>
+</g>
+<g id="Group_4">
+<path id="Vector_4" d="M11.9999 26.0996L11.7749 27.2996H15.8249L16.1249 26.0996H11.9999Z" fill="white"/>
+<path id="Vector_5" d="M11.6249 27.825L11.2499 29.325H13.7249L13.4999 30.15H11.0249L10.8749 30.75L10.6499 31.725H14.6999L15.6749 27.75H11.6249V27.825Z" fill="white"/>
+</g>
+<path id="Vector_6" d="M21.375 26.0996H19.8L19.35 27.7496H18.45L18.825 26.0996H17.175L15.75 31.7246H17.475L18 29.5496H18.9L18.375 31.7246H20.025L21.375 26.0996Z" fill="white"/>
+<path id="Vector_7" d="M30.6748 26.1746C30.5248 26.0996 30.2998 26.0996 29.9998 26.0996H27.2998L26.9998 27.2996H29.6998C29.8498 27.2996 29.9998 27.3746 29.9998 27.5246C29.9998 27.6746 29.8498 27.7496 29.6998 27.7496H26.8498L25.7998 31.7246H27.5248L28.1248 29.3246H29.8498C30.0748 29.2496 30.2998 29.1746 30.4498 29.0996C30.9748 28.7246 31.2748 28.1996 31.2748 27.5246C31.3498 27.3746 31.4248 26.4746 30.6748 26.1746Z" fill="white"/>
+</g>
+<g id="Group_5">
+<path id="Vector_8" d="M17.5498 8.47461L12.9748 16.5746V8.47461H8.9248L5.9248 20.6246L5.5498 21.9746H8.9248L9.8248 18.4496L10.2748 16.5746V21.9746H13.4248L17.1748 15.2996L15.4498 21.9746H19.1248L22.4248 8.47461H17.5498Z" fill="#0D0D0D"/>
+<path id="Vector_9" d="M35.6246 11.6246L36.4496 8.47461H26.9996L21.5996 14.7746L23.3996 21.9746H33.0746L34.1996 17.4746L35.3246 12.9746H29.4746L28.6496 16.1246H31.1246L30.5996 18.3746H26.0246L25.4246 15.7496L28.9496 11.6246H35.6246Z" fill="#0D0D0D"/>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/light/token.svg

@@ -0,0 +1,36 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_TOKEN_Abreviado_S fundo">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M17.5498 8.47461L12.9748 16.5746V8.47461H8.9248L5.9248 20.6246L5.5498 21.9746H8.9248L9.8248 18.4496L10.2748 16.5746V21.9746H13.4248L17.1748 15.2996L15.4498 21.9746H19.1248L22.4248 8.47461H17.5498Z" fill="#0D0D0D"/>
+<path id="Vector_2" d="M35.6246 11.6246L36.4496 8.47461H26.9996L21.5996 14.7746L23.3996 21.9746H33.0746L34.1996 17.4746L35.3246 12.9746H29.4746L28.6496 16.1246H31.1246L30.5996 18.3746H26.0246L25.4246 15.7496L28.9496 11.6246H35.6246Z" fill="#0D0D0D"/>
+</g>
+<path id="Vector_3" d="M35.9249 24.375H8.3999L6.1499 33.525H33.5999L35.9249 24.375Z" fill="#0D0D0D"/>
+<g id="Group_3">
+<g id="Group_4">
+<path id="Vector_4" d="M22.2002 26.0996L20.3252 28.6496L21.0002 31.7246H22.7252L22.1252 28.6496L24.0752 26.0996H22.2002Z" fill="white"/>
+<path id="Vector_5" d="M19.05 26.0996L17.625 31.7246H19.35L20.775 26.0996H19.05Z" fill="white"/>
+</g>
+<g id="Group_5">
+<g id="Group_6">
+<path id="Vector_6" d="M23.6997 31.725H27.6747L28.1247 30.15H25.7997L26.0247 29.325H28.3497L28.7247 27.75H24.6747L23.6997 31.725Z" fill="white"/>
+<path id="Vector_7" d="M24.8247 27.2996H28.7997L29.0997 26.0996H25.1247L24.8247 27.2996Z" fill="white"/>
+</g>
+</g>
+<g id="Group_7">
+<path id="Vector_8" d="M9.0749 26.0996L8.7749 27.2996H12.8249L13.1249 26.0996H9.0749Z" fill="white"/>
+<path id="Vector_9" d="M8.9248 31.725H10.5748L11.6248 27.75H9.8998L8.9248 31.725Z" fill="white"/>
+</g>
+<g id="Group_8">
+<path id="Vector_10" d="M14.1745 26.0996L13.8745 27.2996H17.6995L17.9995 26.0996H14.1745Z" fill="white"/>
+<path id="Vector_11" d="M15.7497 30.15H14.4747L15.0747 27.75H13.7997L12.8247 31.725H16.5747L17.5497 27.75H16.3497L15.7497 30.15Z" fill="white"/>
+</g>
+<g id="Group_9">
+<path id="Vector_12" d="M32.3251 27.2996L32.1751 26.0996H30.1501L29.8501 27.2996H32.3251Z" fill="white"/>
+<path id="Vector_13" d="M34.1252 27.2996L34.4252 26.0996H33.0002L32.7002 27.2996H34.1252Z" fill="white"/>
+<path id="Vector_14" d="M32.4751 28.425L32.4001 27.75H29.7751L28.7251 31.725H30.3001L30.8251 29.325L31.5751 31.725H33.0001L34.0501 27.75H32.6251L32.4751 28.425Z" fill="white"/>
+</g>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/light/tv.svg

@@ -0,0 +1,26 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Logo_MG_TV_Abreviado_S fundo">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M17.4748 8.47461L12.9748 16.5746V8.47461H8.9248L5.9248 20.6246L5.5498 21.9746H8.9248L9.8248 18.4496L10.2748 16.5746V21.9746H13.4248L17.1748 15.2996L15.4498 21.9746H19.1248L22.4248 8.47461H17.4748Z" fill="#0D0D0D"/>
+<path id="Vector_2" d="M35.6246 11.6246L36.4496 8.47461H26.9996L21.5996 14.7746L23.3996 21.9746H33.0746L34.1996 17.4746L35.3246 12.9746H29.4746L28.6496 16.1246H31.1246L30.5996 18.3746H26.0246L25.4246 15.7496L28.9496 11.6246H35.6246Z" fill="#0D0D0D"/>
+</g>
+<path id="Vector_3" d="M35.8499 24.375H8.3999L6.1499 33.525H33.5999L35.8499 24.375Z" fill="#7918C3"/>
+<g id="Group_3">
+<g id="Group_4">
+<g id="Group_5">
+<g id="Group_6">
+<path id="Vector_4" d="M23.1745 29.0242L22.9495 27.8242H21.3745L22.1245 31.7992H23.6995L25.4245 27.8242H23.8495L23.1745 29.0242Z" fill="white"/>
+<path id="Vector_5" d="M22.6497 26.0996H21.0747L21.2997 27.2996H22.8747L22.6497 26.0996Z" fill="white"/>
+<path id="Vector_6" d="M24.6747 26.0996L24.0747 27.2996H25.7247L26.3997 26.0996H24.6747Z" fill="white"/>
+</g>
+</g>
+</g>
+<g id="Group_7">
+<path id="Vector_7" d="M15.8996 26.0996L15.5996 27.2996H19.7246L20.0246 26.0996H15.8996Z" fill="white"/>
+<path id="Vector_8" d="M15.8247 31.7242H17.4747L18.4497 27.8242H16.7997L15.8247 31.7242Z" fill="white"/>
+</g>
+</g>
+</g>
+</g>
+</svg>

package/public/imgs/light/ventures.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56">
+<g fill="#0B0C10"><polygon points="23.4,11.3 17.3,22.1 17.3,11.3 11.9,11.3 7.9,27.5 7.9,27.5 7.9,27.5 7.4,29.3 11.9,29.3 13.1,24.6 13.7,22.1 13.7,29.3 17.9,29.3 22.9,20.4 20.6,29.3 25.5,29.3 29.9,11.3"></polygon><polygon points="47.5,15.5 48.6,11.3 36,11.3 28.8,19.7 31.2,29.3 44.1,29.3 45.6,23.3 45.6,23.3 47.1,17.3 39.3,17.3 38.2,21.5 41.5,21.5 40.8,24.5 34.7,24.5 33.9,21 38.6,15.5"></polygon></g>
+<path d="M49.25,32.5H8.65L5.65,44.7H46.25L49.25,32.5z" fill="#134E4A"></path>
+<path d="M11.083 37.183L10.950 35.973L12.217 35.973L12.350 37.181L11.083 37.183ZM11.131 37.639L12.404 37.639L12.528 38.711L12.955 37.636L14.339 37.636L13.029 41.217L11.521 41.217L11.131 37.639ZM14.486 37.189L13.134 37.186L13.626 35.973L14.941 35.973L14.486 37.189ZM14.975 35.973L14.703 37.181L18.361 37.181L18.635 35.973L14.975 35.973ZM14.610 37.636L13.815 41.220L17.472 41.217L17.798 39.737L15.566 39.737L15.741 38.965L17.976 38.965L18.259 37.636L14.610 37.636ZM19.124 41.217L17.716 41.217L18.875 35.973L20.646 35.973L21.150 38.168L21.639 35.970L22.999 35.973L21.834 41.220L20.476 41.217L19.616 39.008L19.124 41.217ZM25.805 37.636L24.269 37.636L23.472 41.217L25.016 41.217L25.805 37.636ZM23.294 35.973L23.022 37.186L27.231 37.186L27.499 35.973L23.294 35.973ZM27.355 37.639L26.563 41.220L30.206 41.217L31.001 37.639L29.578 37.639L29.112 39.749L28.306 39.749L28.767 37.639L27.355 37.639ZM29.946 35.973L29.675 37.186L31.103 37.183L31.366 35.970L29.946 35.973ZM27.729 35.973L27.457 37.186L28.880 37.183L29.140 35.973L27.729 35.973ZM31.688 35.973L31.403 37.172L34.070 37.183L34.172 37.214L34.265 37.277L34.305 37.362L34.305 37.432L34.265 37.517L34.189 37.565L34.096 37.602L33.915 37.627L31.309 37.625L30.512 41.222L32.025 41.222L32.548 39.005L33.252 41.222L34.828 41.222L34.135 38.943L34.723 38.691Q35.462 38.269 35.462 37.384L35.462 37.384Q35.462 37.045 35.357 36.649L35.357 36.649Q35.204 36.072 34.559 36.001L34.559 36.001L34.296 35.973L31.688 35.973ZM36.361 35.973L36.090 37.181L39.747 37.181L40.021 35.973L36.361 35.973ZM35.996 37.636L35.201 41.220L38.859 41.217L39.184 39.737L36.952 39.737L37.128 38.965L39.362 38.965L39.645 37.636L35.996 37.636ZM40.205 35.973L39.934 37.189L43.687 37.189L43.950 35.973L40.205 35.973ZM39.832 37.642L39.535 38.982L41.600 38.982L41.427 39.757L39.365 39.754L39.043 41.217L42.790 41.217L43.585 37.642L39.832 37.642Z" fill="#FFFFFF"></path>
+</svg>