Merge branch 'develop' into firefox-extension-link

website/client/src/app.vue

@@ -0,0 +1,712 @@
+<template>
+  <div>
+    <div
+      v-if="loading"
+      id="loading-screen-inapp"
+    >
+      <div class="row">
+        <div class="col-12 text-center">
+          <!-- eslint-disable max-len -->
+          <svg
+            id="melior"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 61.91 64"
+          >
+            <path
+              d="M61.82,64H51.59c-3.08,0-3.72.37-3.67-1,0.07-1.87.67-1.94,2.63-2.49,1.63-.45,1-3.35-0.8-5.88-1.28-1.76-3.89-3.81-7.31-2.22a10.75,10.75,0,0,0-4.56,3.52c-1.68,2.33-1.59,4.54,1,4.54s5.39-1.5,6.23.64c1,2.64.33,2.89-.18,2.89H28.55v0C19.77,64,11,63.93,9,58.38c-2.82-7.68,7.43-10.64,7.75-15.46,0.13-2-1-2.85-2.34-2.85h-6V36.41H4.7v-11H8.36V29.1H12v3.65h3.65v5.08a5.76,5.76,0,0,1,3.07,5.05c-0.17,5.51-9.5,8.57-7.79,14.35,1.56,5.29,13.37,4,13,.74L23.7,56.1c-0.06-2.62-.47-6.12.08-9.22C24.64,42,27.67,37.78,33,37.74c1,0,1.78-.21,1.78-1s-1.55-.84-2.64-0.95a23.35,23.35,0,0,1-12.56-5c-2.43-2-6.21-8.3-3.74-7.83a21.74,21.74,0,0,0,4.06.4c1.24,0,4.44-.35,4.44-1.11,0-1-1.85-.42-4.57-0.68C16.48,21.22,9.6,19.83,6,9.35,4.71,5.43,3.83-1.91,6,.46c12.46,13.7,16.69,11.47,23.84,16.16,3.15,2.06,5.19,7,7,6.58,1.2-.27.46-1.37,0.64-3.93C37.66,17,38.75,16.48,36,15.79c-3.26-.81-6.52-4.38-4.39-4.33a11.89,11.89,0,0,0,5.53-.76c1.87-.81,6.43-4.28,9.18-2.89s5.08-.6,6.94-0.25c2.71,0.51,3.41,4.24,3.05,6.42-0.22,1.38-.22,1.38-2,1.28-3.61-.21-4.53,2.67-2,4.25,3.87,2.42,5.51,4.23,6.56,9.58,0.51,2.6.1,3.2-.76,2.72s-2.34-.72-0.29,4-1.29,10.28-2.39,10.9a1.3,1.3,0,0,0-.91,1.34c0,11.42,0,12.27,1.92,12.48,2.9,0.31,4.14-1.44,5.27.06C63.29,62.73,63.41,64,61.82,64ZM4.7,21.28H1v3.65H4.7V21.28Z"
+              transform="translate(-1.05)"
+              fill="#fff"
+            ></path>
+          </svg>
+          <!-- eslint-enable max-len -->
+        </div>
+        <div class="col-12 text-center">
+          <h2>{{ $t('tipTitle', {tipNumber: currentTipNumber}) }}</h2>
+          <p>{{ currentTip }}</p>
+        </div>
+      </div>
+    </div>
+    <div
+      id="app"
+      :class="{'casting-spell': castingSpell}"
+    >
+      <banned-account-modal />
+      <amazon-payments-modal v-if="!isStaticPage" />
+      <payments-success-modal />
+      <sub-cancel-modal-confirm v-if="isUserLoaded" />
+      <sub-canceled-modal v-if="isUserLoaded" />
+      <snackbars />
+      <router-view v-if="!isUserLoggedIn || isStaticPage" />
+      <template v-else>
+        <template v-if="isUserLoaded">
+          <div
+            v-show="showRestingBanner"
+            ref="restingBanner"
+            class="resting-banner"
+          >
+            <span class="content">
+              <span class="label d-inline d-sm-none">{{ $t('innCheckOutBannerShort') }}</span>
+              <span class="label d-none d-sm-inline">{{ $t('innCheckOutBanner') }}</span>
+              <span class="separator">|</span>
+              <span
+                class="resume"
+                @click="resumeDamage()"
+              >{{ $t('resumeDamage') }}</span>
+            </span>
+            <div
+              class="closepadding"
+              @click="hideBanner()"
+            >
+              <span
+                class="svg-icon inline icon-10"
+                aria-hidden="true"
+                v-html="icons.close"
+              ></span>
+            </div>
+          </div>
+          <notifications-display />
+          <app-menu />
+          <div class="container-fluid">
+            <app-header />
+            <buyModal
+              :item="selectedItemToBuy || {}"
+              :with-pin="true"
+              :generic-purchase="genericPurchase(selectedItemToBuy)"
+              @buyPressed="customPurchase($event)"
+            />
+            <selectMembersModal
+              :item="selectedSpellToBuy || {}"
+              :group="user.party"
+              @memberSelected="memberSelected($event)"
+            />
+            <div :class="{sticky: user.preferences.stickyHeader}">
+              <router-view />
+            </div>
+          </div>
+          <app-footer />
+          <audio
+            id="sound"
+            ref="sound"
+            autoplay="autoplay"
+          ></audio>
+        </template>
+      </template>
+    </div>
+  </div>
+</template>
+
+<style lang='scss' scoped>
+  @import '~@/assets/scss/colors.scss';
+
+  #app {
+    height: calc(100% - 56px); /* 56px is the menu */
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    overflow-x: hidden;
+  }
+
+  #loading-screen-inapp {
+    #melior {
+      margin: 0 auto;
+      width: 70.9px;
+      margin-bottom: 1em;
+    }
+
+    .row {
+      width: 100%;
+    }
+
+    h2 {
+      color: $white;
+      font-size: 32px;
+      font-weight: bold;
+    }
+
+    p {
+      margin: 0 auto;
+      width: 448px;
+      font-size: 24px;
+      color: #d5c8ff;
+    }
+  }
+
+  .casting-spell {
+    cursor: crosshair;
+  }
+
+  .container-fluid {
+    flex: 1 0 auto;
+  }
+
+  .notification {
+    border-radius: 1000px;
+    background-color: $green-10;
+    box-shadow: 0 2px 2px 0 rgba(26, 24, 29, 0.16), 0 1px 4px 0 rgba(26, 24, 29, 0.12);
+    padding: .5em 1em;
+    color: $white;
+    margin-top: .5em;
+    margin-bottom: .5em;
+  }
+
+  .resting-banner {
+    width: 100%;
+    min-height: 40px;
+    background-color: $blue-10;
+    top: 0;
+    z-index: 1300;
+    display: flex;
+
+    .content {
+      line-height: 1.71;
+      text-align: center;
+      color: $white;
+      padding: 8px 38px 8px 8px;
+      margin: auto;
+    }
+
+    .closepadding {
+      margin: 11px 24px;
+      display: inline-block;
+      position: relative;
+      right: 0;
+      top: 0;
+      cursor: pointer;
+    }
+
+    @media only screen and (max-width: 768px) {
+      .content {
+        font-size: 12px;
+        line-height: 1.4;
+      }
+    }
+
+    .separator {
+      color: $blue-100;
+      margin: 0px 15px;
+    }
+
+    .resume {
+      font-weight: bold;
+      cursor: pointer;
+      white-space:nowrap;
+    }
+  }
+</style>
+
+<style lang='scss'>
+  @import '~@/assets/scss/colors.scss';
+
+  .closepadding span svg path {
+    stroke: #FFF;
+    opacity: 0.48;
+  }
+
+  /* @TODO: The modal-open class is not being removed. Let's try this for now */
+  .modal {
+    overflow-y: scroll !important;
+  }
+
+  .modal-backdrop {
+    opacity: .9 !important;
+    background-color: $purple-100 !important;
+  }
+
+  /* Push progress bar above modals */
+  #nprogress .bar {
+    z-index: 1600 !important; /* Must stay above nav bar */
+  }
+</style>
+
+<script>
+import axios from 'axios';
+import { loadProgressBar } from 'axios-progress-bar';
+
+import AppMenu from './components/header/menu';
+import AppHeader from './components/header/index';
+import AppFooter from './components/appFooter';
+import notificationsDisplay from './components/notifications';
+import snackbars from './components/snackbars/notifications';
+import { mapState } from '@/libs/store';
+import * as Analytics from '@/libs/analytics';
+import BuyModal from './components/shops/buyModal.vue';
+import SelectMembersModal from '@/components/selectMembersModal.vue';
+import notifications from '@/mixins/notifications';
+import { setup as setupPayments } from '@/libs/payments';
+import amazonPaymentsModal from '@/components/payments/amazonModal';
+import paymentsSuccessModal from '@/components/payments/successModal';
+import subCancelModalConfirm from '@/components/payments/cancelModalConfirm';
+import subCanceledModal from '@/components/payments/canceledModal';
+
+import spellsMixin from '@/mixins/spells';
+import { CONSTANTS, getLocalSetting, removeLocalSetting } from '@/libs/userlocalManager';
+
+import svgClose from '@/assets/svg/close.svg';
+import bannedAccountModal from '@/components/bannedAccountModal';
+
+const COMMUNITY_MANAGER_EMAIL = process.env.EMAILS_COMMUNITY_MANAGER_EMAIL; // eslint-disable-line
+
+export default {
+  name: 'App',
+  components: {
+    AppMenu,
+    AppHeader,
+    AppFooter,
+    notificationsDisplay,
+    snackbars,
+    BuyModal,
+    SelectMembersModal,
+    amazonPaymentsModal,
+    bannedAccountModal,
+    paymentsSuccessModal,
+    subCancelModalConfirm,
+    subCanceledModal,
+  },
+  mixins: [notifications, spellsMixin],
+  data () {
+    return {
+      icons: Object.freeze({
+        close: svgClose,
+      }),
+      selectedItemToBuy: null,
+      selectedSpellToBuy: null,
+
+      audioSource: null,
+      audioSuffix: null,
+
+      loading: true,
+      currentTipNumber: 0,
+      bannerHidden: false,
+    };
+  },
+  computed: {
+    ...mapState(['isUserLoggedIn', 'browserTimezoneOffset', 'isUserLoaded']),
+    ...mapState({ user: 'user.data' }),
+    isStaticPage () {
+      return this.$route.meta.requiresLogin === false;
+    },
+    castingSpell () {
+      return this.$store.state.spellOptions.castingSpell;
+    },
+    currentTip () {
+      const numberOfTips = 35 + 1;
+      const min = 1;
+      const randomNumber = Math.random() * (numberOfTips - min) + min;
+      const tipNumber = Math.floor(randomNumber);
+      this.currentTipNumber = tipNumber; // eslint-disable-line vue/no-side-effects-in-computed-properties, max-len
+
+      return this.$t(`tip${tipNumber}`);
+    },
+    showRestingBanner () {
+      return !this.bannerHidden && this.user.preferences.sleep;
+    },
+  },
+  created () {
+    this.$root.$on('playSound', sound => {
+      const theme = this.user.preferences.sound;
+
+      if (!theme || theme === 'off') {
+        return;
+      }
+
+      const file = `/static/audio/${theme}/${sound}`;
+
+      if (this.audioSuffix === null) {
+        this.audioSource = document.createElement('source');
+        if (this.$refs.sound.canPlayType('audio/ogg')) {
+          this.audioSuffix = '.ogg';
+          this.audioSource.type = 'audio/ogg';
+        } else {
+          this.audioSuffix = '.mp3';
+          this.audioSource.type = 'audio/mp3';
+        }
+        this.audioSource.src = file + this.audioSuffix;
+        this.$refs.sound.appendChild(this.audioSource);
+      } else {
+        this.audioSource.src = file + this.audioSuffix;
+      }
+
+      this.$refs.sound.load();
+    });
+
+    // @TODO: I'm not sure these should be at the app level.
+    // Can we move these back into shop/inventory or maybe they need a lateral move?
+    this.$root.$on('buyModal::showItem', item => {
+      this.selectedItemToBuy = item;
+      this.$root.$emit('bv::show::modal', 'buy-modal');
+    });
+
+    this.$root.$on('selectMembersModal::showItem', item => {
+      this.selectedSpellToBuy = item;
+      this.$root.$emit('bv::show::modal', 'select-member-modal');
+    });
+
+    // @TODO split up this file, it's too big
+
+    loadProgressBar({
+      showSpinner: false,
+    });
+
+    // Set up Error interceptors
+    axios.interceptors.response.use(response => {
+      if (this.user && response.data && response.data.notifications) {
+        this.$set(this.user, 'notifications', response.data.notifications);
+      }
+      return response;
+    }, error => {
+      if (error.response.status >= 400) {
+        this.checkForBannedUser(error);
+
+        // Don't show errors from getting user details. These users have delete their account,
+        // but their chat message still exists.
+        const configExists = Boolean(error.response) && Boolean(error.response.config);
+        if (configExists && error.response.config.method === 'get' && error.response.config.url.indexOf('/api/v4/members/') !== -1) {
+          // @TODO: We resolve the promise because we need our caching to cache this user as tried
+          // Chat paging should help this, but maybe we can also find another solution..
+          return Promise.resolve(error);
+        }
+
+        const errorData = error.response.data;
+        const errorMessage = errorData.message || errorData;
+
+        // Check for conditions to reset the user auth
+        // TODO use a specific error like NotificationNotFound instead of checking for the string
+        const invalidUserMessage = [this.$t('invalidCredentials'), 'Missing authentication headers.'];
+        if (invalidUserMessage.indexOf(errorMessage) !== -1) {
+          this.$store.dispatch('auth:logout');
+        }
+
+        // Most server errors should return is click to dismiss errors, with some exceptions
+        let snackbarTimeout = false;
+        if (error.response.status === 502) snackbarTimeout = true;
+
+        const errorsToShow = [];
+        // show only the first error for each param
+        const paramErrorsFound = {};
+        if (errorData.errors) {
+          for (const e of errorData.errors) {
+            if (!paramErrorsFound[e.param]) {
+              errorsToShow.push(e.message);
+              paramErrorsFound[e.param] = true;
+            }
+          }
+        } else {
+          errorsToShow.push(errorMessage);
+        }
+
+        // Ignore NotificationNotFound errors, see https://github.com/HabitRPG/habitica/issues/10391
+        if (errorData.error !== 'NotificationNotFound') {
+          // dispatch as one snackbar notification
+          this.$store.dispatch('snackbars:add', {
+            title: 'Habitica',
+            text: errorsToShow.join(' '),
+            type: 'error',
+            timeout: snackbarTimeout,
+          });
+        }
+      }
+
+      return Promise.reject(error);
+    });
+
+    axios.interceptors.response.use(response => {
+      // Verify that the user was not updated from another browser/app/client
+      // If it was, sync
+      const { url } = response.config;
+      const { method } = response.config;
+
+      const isApiCall = url.indexOf('api/v4') !== -1;
+      const userV = response.data && response.data.userV;
+      const isCron = url.indexOf('/api/v4/cron') === 0 && method === 'post';
+
+      if (this.isUserLoaded && isApiCall && userV) {
+        const oldUserV = this.user._v;
+        this.user._v = userV;
+
+        // Do not sync again if already syncing
+        const isUserSync = url.indexOf('/api/v4/user') === 0 && method === 'get';
+        const isTasksSync = url.indexOf('/api/v4/tasks/user') === 0 && method === 'get';
+        // exclude chat seen requests because with real time chat they would be too many
+        const isChatSeen = url.indexOf('/chat/seen') !== -1 && method === 'post';
+        // exclude POST /api/v4/cron because the user is synced automatically after cron runs
+
+        // Something has changed on the user object that was not tracked here, sync the user
+        if (userV - oldUserV > 1 && !isCron && !isChatSeen && !isUserSync && !isTasksSync) {
+          Promise.all([
+            this.$store.dispatch('user:fetch', { forceLoad: true }),
+            this.$store.dispatch('tasks:fetchUserTasks', { forceLoad: true }),
+          ]);
+        }
+      }
+
+      // Verify the client is updated
+      // const serverAppVersion = response.data.appVersion;
+      // let serverAppVersionState = this.$store.state.serverAppVersion;
+      // if (isApiCall && !serverAppVersionState) {
+      //   this.$store.state.serverAppVersion = serverAppVersion;
+      // } else if (isApiCall && serverAppVersionState !== serverAppVersion) {
+      //   if (document.activeElement.tagName !== 'INPUT'
+      // || confirm(this.$t('habiticaHasUpdated'))) {
+      //     location.reload(true);
+      //   }
+      // }
+
+      return response;
+    });
+
+    // Setup listener for title
+    this.$store.watch(state => state.title, title => {
+      document.title = title;
+    });
+    this.$nextTick(() => {
+      // Load external scripts after the app has been rendered
+      Analytics.load();
+    });
+
+    if (this.isUserLoggedIn && !this.isStaticPage) {
+      // Load the user and the user tasks
+      Promise.all([
+        this.$store.dispatch('user:fetch'),
+        this.$store.dispatch('tasks:fetchUserTasks'),
+      ]).then(() => {
+        this.$store.state.isUserLoaded = true;
+        Analytics.setUser();
+        Analytics.updateUser();
+
+        this.hideLoadingScreen();
+
+        // Adjust the timezone offset
+        if (this.user.preferences.timezoneOffset !== this.browserTimezoneOffset) {
+          this.$store.dispatch('user:set', {
+            'preferences.timezoneOffset': this.browserTimezoneOffset,
+          });
+        }
+
+        let appState = getLocalSetting(CONSTANTS.savedAppStateValues.SAVED_APP_STATE);
+        if (appState) {
+          appState = JSON.parse(appState);
+          if (appState.paymentCompleted) {
+            removeLocalSetting(CONSTANTS.savedAppStateValues.SAVED_APP_STATE);
+            this.$root.$emit('habitica:payment-success', appState);
+          }
+        }
+        this.$nextTick(() => {
+          // Load external scripts after the app has been rendered
+          setupPayments();
+        });
+      }).catch(err => {
+        console.error('Impossible to fetch user. Clean up localStorage and refresh.', err); // eslint-disable-line no-console
+      });
+    } else {
+      this.hideLoadingScreen();
+    }
+
+    this.initializeModalStack();
+  },
+  beforeDestroy () {
+    this.$root.$off('playSound');
+    this.$root.$off('bv::modal::hidden');
+    this.$root.$off('bv::show::modal');
+    this.$root.$off('buyModal::showItem');
+    this.$root.$off('selectMembersModal::showItem');
+  },
+  mounted () {
+    // Remove the index.html loading screen and now show the inapp loading
+    const loadingScreen = document.getElementById('loading-screen');
+    if (loadingScreen) document.body.removeChild(loadingScreen);
+  },
+  methods: {
+    checkForBannedUser (error) {
+      const AUTH_SETTINGS = localStorage.getItem('habit-mobile-settings');
+      const parseSettings = JSON.parse(AUTH_SETTINGS);
+      const errorMessage = error.response.data.message;
+
+      // Case where user is not logged in
+      if (!parseSettings) {
+        return;
+      }
+
+      const bannedMessage = this.$t('accountSuspended', {
+        communityManagerEmail: COMMUNITY_MANAGER_EMAIL,
+        userId: parseSettings.auth.apiId,
+      });
+
+      if (errorMessage !== bannedMessage) return;
+
+      this.$root.$emit('bv::show::modal', 'banned-account');
+    },
+    initializeModalStack () {
+      // Manage modals
+      this.$root.$on('bv::show::modal', (modalId, data = {}) => {
+        if (data.fromRoot) return;
+        const { modalStack } = this.$store.state;
+
+        this.trackGemPurchase(modalId, data);
+
+        // Add new modal to the stack
+        const prev = modalStack[modalStack.length - 1];
+        const prevId = prev ? prev.modalId : undefined;
+        modalStack.push({ modalId, prev: prevId });
+      });
+
+      this.$root.$on('bv::modal::hidden', bvEvent => {
+        let modalId = bvEvent.target && bvEvent.target.id;
+
+        // sometimes the target isn't passed to the hidden event, fallback is the vueTarget
+        if (!modalId) {
+          modalId = bvEvent.vueTarget && bvEvent.vueTarget.id;
+        }
+
+        if (!modalId) {
+          return;
+        }
+
+        const { modalStack } = this.$store.state;
+
+        const modalOnTop = modalStack[modalStack.length - 1];
+
+        // Check for invalid modal. Event systems can send multiples
+        if (!this.validStack(modalStack)) return;
+
+        // If we are moving forward
+        if (modalOnTop && modalOnTop.prev === modalId) return;
+
+        // Remove modal from stack
+        this.$store.state.modalStack.pop();
+
+        // Get previous modal
+        const modalBefore = modalOnTop ? modalOnTop.prev : undefined;
+
+        if (modalBefore) this.$root.$emit('bv::show::modal', modalBefore, { fromRoot: true });
+      });
+    },
+    validStack (modalStack) {
+      const modalsThatCanShowTwice = ['profile'];
+      const modalCount = {};
+      const prevAndCurrent = 2;
+
+      for (const current of modalStack) {
+        if (!modalCount[current.modalId]) modalCount[current.modalId] = 0;
+        modalCount[current.modalId] += 1;
+        if (
+          modalCount[current.modalId] > prevAndCurrent
+          && modalsThatCanShowTwice.indexOf(current.modalId) === -1
+        ) {
+          this.$store.state.modalStack = [];
+          return false;
+        }
+
+        if (!current.prev) continue; // eslint-disable-line
+        if (!modalCount[current.prev]) modalCount[current.prev] = 0;
+        modalCount[current.prev] += 1;
+        if (
+          modalCount[current.prev] > prevAndCurrent
+          && modalsThatCanShowTwice.indexOf(current.prev) === -1
+        ) {
+          this.$store.state.modalStack = [];
+          return false;
+        }
+      }
+
+      return true;
+    },
+    trackGemPurchase (modalId, data) {
+      // Track opening of gems modal unless it's been already tracked
+      // For example the gems button in the menu already tracks the event by itself
+      if (modalId === 'buy-gems' && data.alreadyTracked !== true) {
+        Analytics.track({
+          hitType: 'event',
+          eventCategory: 'button',
+          eventAction: 'click',
+          eventLabel: 'Gems > Wallet',
+        });
+      }
+    },
+    itemSelected (item) {
+      this.selectedItemToBuy = item;
+    },
+    genericPurchase (item) {
+      if (!item) return false;
+
+      if (['card', 'debuffPotion'].includes(item.purchaseType)) return false;
+
+      return true;
+    },
+    customPurchase (item) {
+      if (item.purchaseType === 'card') {
+        this.selectedSpellToBuy = item;
+
+        // hide the dialog
+        this.$root.$emit('bv::hide::modal', 'buy-modal');
+        // remove the dialog from our modal-stack,
+        // the default hidden event is delayed
+        this.$root.$emit('bv::modal::hidden', {
+          target: {
+            id: 'buy-modal',
+          },
+        });
+
+        this.$root.$emit('bv::show::modal', 'select-member-modal');
+      }
+
+      if (item.purchaseType === 'debuffPotion') {
+        this.castStart(item, this.user);
+      }
+    },
+    async memberSelected (member) {
+      await this.castStart(this.selectedSpellToBuy, member);
+
+      this.selectedSpellToBuy = null;
+
+      if (this.user.party._id) {
+        this.$store.dispatch('party:getMembers', { forceLoad: true });
+      }
+
+      this.$root.$emit('bv::hide::modal', 'select-member-modal');
+    },
+    hideLoadingScreen () {
+      this.loading = false;
+    },
+    hideBanner () {
+      this.bannerHidden = true;
+    },
+    resumeDamage () {
+      this.$store.dispatch('user:sleep');
+    },
+  },
+};
+</script>
+
+<style src="intro.js/minified/introjs.min.css"></style>
+<style src="axios-progress-bar/dist/nprogress.css"></style>
+<style src="@/assets/scss/index.scss" lang="scss"></style>
+<style src="@/assets/css/sprites/spritesmith-largeSprites-0.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-0.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-1.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-2.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-3.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-4.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-5.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-6.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-7.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-8.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-9.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-10.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-11.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-12.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-13.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-14.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-15.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-16.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-17.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-18.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-19.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-20.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-21.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-22.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-23.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-24.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-25.css"></style>
+<style src="@/assets/css/sprites/spritesmith-main-26.css"></style>
+<style src="@/assets/css/sprites.css"></style>
+<style src="smartbanner.js/dist/smartbanner.min.css"></style>

website/client/src/assets/css/sprites.css

@@ -0,0 +1,161 @@
+.quest_dysheartener {
+  background: url("~@/assets/images/quest_dysheartener.gif") no-repeat;
+  width: 219px;
+  height: 219px;
+}
+
+.quest_lostMasterclasser4 {
+  background: url("~@/assets/images/quest_lostMasterclasser4.gif") no-repeat;
+  width: 219px;
+  height: 219px;
+}
+
+.Pet_HatchingPotion_Veggie {
+  background: url("~@/assets/images/Pet_HatchingPotion_Veggie.gif") no-repeat;
+  width: 68px;
+  height: 68px;
+}
+
+.Gems {
+  display:inline-block;
+  margin-right:5px;
+  border-style:none;
+  margin-left:0px;
+  margin-top:2px;
+}
+
+.inline-gems {
+  vertical-align: middle;
+  margin-left: 0px;
+  display: inline-block;
+}
+
+/* Both */
+.customize-menu .locked {
+  background-color: #727272;
+}
+
+/* These sprites are oversized until a move to 105 avatar box happens*/
+
+/* Backer */
+.weapon_special_0, .head_special_0 {
+  width: 105px;
+  height: 105px;
+  margin-left: -3px;
+  margin-top: -18px;
+}
+.slim_armor_special_0, .broad_armor_special_0, .shield_special_0 {
+  width: 90px;
+  height: 90px;
+}
+
+/* Critical */
+.weapon_special_critical {
+  background: url("~@/assets/images/weapon_special_critical.gif") no-repeat;
+  width: 90px;
+  height: 90px;
+  margin-left:-12px;
+  margin-top:12px;
+}
+
+/* This is oversized until a move to 105 avatar box happens*/
+.weapon_special_1 {
+  margin-left: -12px;
+}
+.broad_armor_special_1, .slim_armor_special_1, .head_special_1 {
+  width: 90px;
+  height: 90px;
+}
+
+.head_special_0 {
+  background: url("~@/assets/images/BackerOnly-Equip-ShadeHelmet.gif") no-repeat;
+}
+.head_special_1 {
+  background: url("~@/assets/images/ContributorOnly-Equip-CrystalHelmet.gif") no-repeat;
+  margin-top: 3px;
+}
+
+.broad_armor_special_0,.slim_armor_special_0 {
+  background: url("~@/assets/images/BackerOnly-Equip-ShadeArmor.gif") no-repeat;
+}
+.broad_armor_special_1,.slim_armor_special_1 {
+  background: url("~@/assets/images/ContributorOnly-Equip-CrystalArmor.gif") no-repeat;
+}
+
+.shield_special_0 {
+  background: url("~@/assets/images/BackerOnly-Shield-TormentedSkull.gif") no-repeat;
+}
+
+.weapon_special_0 {
+  background: url("~@/assets/images/BackerOnly-Weapon-DarkSoulsBlade.gif") no-repeat;
+}
+
+.Pet-Wolf-Cerberus {
+  width: 105px;
+  height: 72px;
+  background: url("~@/assets/images/BackerOnly-Pet-CerberusPup.gif") no-repeat;
+}
+
+.broad_armor_special_ks2019, .slim_armor_special_ks2019, .eyewear_special_ks2019, .head_special_ks2019, .shield_special_ks2019 {
+  width: 117px;
+  height: 120px;
+}
+
+.broad_armor_special_ks2019, .slim_armor_special_ks2019 {
+  background: url("~@/assets/images/BackerOnly-Equip-MythicGryphonArmor.gif") no-repeat;
+}
+
+.eyewear_special_ks2019 {
+  background: url("~@/assets/images/BackerOnly-Equip-MythicGryphonVisor.gif") no-repeat;
+}
+
+.head_special_ks2019 {
+  background: url("~@/assets/images/BackerOnly-Equip-MythicGryphonHelm.gif") no-repeat;
+}
+
+.shield_special_ks2019 {
+  background: url("~@/assets/images/BackerOnly-Equip-MythicGryphonShield.gif") no-repeat;
+}
+
+.weapon_special_ks2019 {
+  background: url("~@/assets/images/BackerOnly-Equip-MythicGryphonGlaive.gif") no-repeat;
+  width: 120px;
+  height: 120px;
+}
+
+.Pet-Gryphon-Gryphatrice {
+  background: url("~@/assets/images/BackerOnly-Pet-Gryphatrice.gif") no-repeat;
+  width: 81px;
+  height: 99px;
+}
+
+.Mount_Head_Gryphon-Gryphatrice, .Mount_Body_Gryphon-Gryphatrice {
+  width: 135px;
+  height: 135px;
+}
+
+.Mount_Head_Gryphon-Gryphatrice {
+  background: url("~@/assets/images/BackerOnly-Mount-Head-Gryphatrice.gif") no-repeat;
+}
+
+.Mount_Body_Gryphon-Gryphatrice {
+  background: url("~@/assets/images/BackerOnly-Mount-Body-Gryphatrice.gif") no-repeat;
+}
+
+/* FIXME figure out how to handle customize menu!!
+.customize-menu .f_head_0 {
+  width: 60px;
+  height: 60px;
+  background-position: -1917px -9px;
+}
+*/
+
+[class*="Mount_Head_"],
+[class*="Mount_Body_"] {
+  margin-top:18px; /* Sprite accommodates 105x123 box */
+}
+
+.Pet_Currency_Gem {
+  margin-top: 5px;
+  margin-bottom: 5px
+}

website/client/src/assets/css/sprites/spritesmith-largeSprites-0.css

@@ -0,0 +1,90 @@
+.promo_armoire_backgrounds_201910 {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: 0px -576px;
+  width: 423px;
+  height: 147px;
+}
+.promo_costume_achievement {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -376px -190px;
+  width: 144px;
+  height: 156px;
+}
+.promo_desert_pet_achievements {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -930px -592px;
+  width: 204px;
+  height: 102px;
+}
+.promo_fall_festival_2018 {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: 0px -395px;
+  width: 372px;
+  height: 180px;
+}
+.promo_fall_festival_2019 {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -376px 0px;
+  width: 360px;
+  height: 189px;
+}
+.promo_fall_skins {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: 0px -187px;
+  width: 336px;
+  height: 207px;
+}
+.customize-option.promo_fall_skins {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -25px -202px;
+  width: 60px;
+  height: 60px;
+}
+.promo_mystery_201909 {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -737px -444px;
+  width: 282px;
+  height: 147px;
+}
+.promo_seasonal_shop_fall {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -521px -190px;
+  width: 162px;
+  height: 138px;
+}
+.promo_shadow_spooky_potions {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -737px 0px;
+  width: 423px;
+  height: 147px;
+}
+.promo_spooky_sparkles {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -737px -148px;
+  width: 423px;
+  height: 147px;
+}
+.promo_take_this {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -1020px -444px;
+  width: 96px;
+  height: 69px;
+}
+.promo_witchy_familiars {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -737px -296px;
+  width: 423px;
+  height: 147px;
+}
+.scene_quest_shop {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: 0px 0px;
+  width: 375px;
+  height: 186px;
+}
+.scene_strength {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -737px -592px;
+  width: 192px;
+  height: 129px;
+}

website/client/src/assets/css/sprites/spritesmith-main-12.css

@@ -0,0 +1,402 @@
+.npc_matt {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -597px -1535px;
+  width: 195px;
+  height: 138px;
+}
+.background_dysheartener {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: 0px 0px;
+  width: 306px;
+  height: 202px;
+}
+.banner_flair_dysheartener {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1963px -836px;
+  width: 69px;
+  height: 18px;
+}
+.phobia_dysheartener {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1187px -880px;
+  width: 201px;
+  height: 195px;
+}
+.quest_alligator {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1627px -1079px;
+  width: 201px;
+  height: 213px;
+}
+.quest_armadillo {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -307px 0px;
+  width: 219px;
+  height: 219px;
+}
+.quest_atom1 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1105px -1315px;
+  width: 250px;
+  height: 150px;
+}
+.quest_atom2 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -389px -1535px;
+  width: 207px;
+  height: 138px;
+}
+.quest_atom3 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -747px -440px;
+  width: 216px;
+  height: 180px;
+}
+.quest_axolotl {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -527px 0px;
+  width: 219px;
+  height: 219px;
+}
+.quest_badger {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: 0px -435px;
+  width: 219px;
+  height: 219px;
+}
+.quest_basilist {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1844px -392px;
+  width: 189px;
+  height: 141px;
+}
+.quest_beetle {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1627px -1293px;
+  width: 204px;
+  height: 201px;
+}
+.quest_bronze {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -220px -435px;
+  width: 219px;
+  height: 219px;
+}
+.quest_bunny {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -967px -660px;
+  width: 210px;
+  height: 186px;
+}
+.quest_butterfly {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -440px -435px;
+  width: 219px;
+  height: 219px;
+}
+.quest_cheetah {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -747px 0px;
+  width: 219px;
+  height: 219px;
+}
+.quest_cow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: 0px -1535px;
+  width: 174px;
+  height: 213px;
+}
+.quest_dilatory {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: 0px -655px;
+  width: 219px;
+  height: 219px;
+}
+.quest_dilatoryDistress1 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1627px -868px;
+  width: 210px;
+  height: 210px;
+}
+.quest_dilatoryDistress2 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1844px -534px;
+  width: 150px;
+  height: 150px;
+}
+.quest_dilatoryDistress3 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -220px -655px;
+  width: 219px;
+  height: 219px;
+}
+.quest_dilatory_derby {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -747px -220px;
+  width: 219px;
+  height: 219px;
+}
+.quest_dolphin {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -440px -655px;
+  width: 219px;
+  height: 219px;
+}
+.quest_dustbunnies {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -660px -655px;
+  width: 219px;
+  height: 219px;
+}
+.quest_egg {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1844px -184px;
+  width: 165px;
+  height: 207px;
+}
+.quest_evilsanta {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1844px -836px;
+  width: 118px;
+  height: 131px;
+}
+.quest_evilsanta2 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -967px 0px;
+  width: 219px;
+  height: 219px;
+}
+.quest_falcon {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -967px -220px;
+  width: 219px;
+  height: 219px;
+}
+.quest_ferret {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -967px -440px;
+  width: 219px;
+  height: 219px;
+}
+.quest_frog {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -660px -1315px;
+  width: 221px;
+  height: 213px;
+}
+.quest_ghost_stag {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: 0px -875px;
+  width: 219px;
+  height: 219px;
+}
+.quest_goldenknight1 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -220px -875px;
+  width: 219px;
+  height: 219px;
+}
+.quest_goldenknight2 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1356px -1315px;
+  width: 250px;
+  height: 150px;
+}
+.quest_goldenknight3 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: 0px -203px;
+  width: 219px;
+  height: 231px;
+}
+.quest_gryphon {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -527px -220px;
+  width: 216px;
+  height: 177px;
+}
+.quest_guineapig {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -440px -875px;
+  width: 219px;
+  height: 219px;
+}
+.quest_harpy {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -660px -875px;
+  width: 219px;
+  height: 219px;
+}
+.quest_hedgehog {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1407px -1100px;
+  width: 219px;
+  height: 186px;
+}
+.quest_hippo {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -880px -875px;
+  width: 219px;
+  height: 219px;
+}
+.quest_horse {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1187px 0px;
+  width: 219px;
+  height: 219px;
+}
+.quest_kangaroo {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1187px -220px;
+  width: 219px;
+  height: 219px;
+}
+.quest_kraken {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -307px -220px;
+  width: 216px;
+  height: 177px;
+}
+.quest_lostMasterclasser1 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1187px -440px;
+  width: 219px;
+  height: 219px;
+}
+.quest_lostMasterclasser2 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1187px -660px;
+  width: 219px;
+  height: 219px;
+}
+.quest_lostMasterclasser3 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: 0px -1095px;
+  width: 219px;
+  height: 219px;
+}
+.quest_mayhemMistiflying1 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1844px -685px;
+  width: 150px;
+  height: 150px;
+}
+.quest_mayhemMistiflying2 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -220px -1095px;
+  width: 219px;
+  height: 219px;
+}
+.quest_mayhemMistiflying3 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -440px -1095px;
+  width: 219px;
+  height: 219px;
+}
+.quest_monkey {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -660px -1095px;
+  width: 219px;
+  height: 219px;
+}
+.quest_moon1 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1627px 0px;
+  width: 216px;
+  height: 216px;
+}
+.quest_moon2 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -880px -1095px;
+  width: 219px;
+  height: 219px;
+}
+.quest_moon3 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1100px -1095px;
+  width: 219px;
+  height: 219px;
+}
+.quest_moonstone1 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1407px 0px;
+  width: 219px;
+  height: 219px;
+}
+.quest_moonstone2 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1407px -220px;
+  width: 219px;
+  height: 219px;
+}
+.quest_moonstone3 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1407px -440px;
+  width: 219px;
+  height: 219px;
+}
+.quest_nudibranch {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1627px -217px;
+  width: 216px;
+  height: 216px;
+}
+.quest_octopus {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -882px -1315px;
+  width: 222px;
+  height: 177px;
+}
+.quest_owl {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1407px -660px;
+  width: 219px;
+  height: 219px;
+}
+.quest_peacock {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1627px -434px;
+  width: 216px;
+  height: 216px;
+}
+.quest_penguin {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1844px 0px;
+  width: 190px;
+  height: 183px;
+}
+.quest_pterodactyl {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1407px -880px;
+  width: 219px;
+  height: 219px;
+}
+.quest_rat {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: 0px -1315px;
+  width: 219px;
+  height: 219px;
+}
+.quest_robot {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -220px -1315px;
+  width: 219px;
+  height: 219px;
+}
+.quest_rock {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1627px -651px;
+  width: 216px;
+  height: 216px;
+}
+.quest_rooster {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -175px -1535px;
+  width: 213px;
+  height: 174px;
+}
+.quest_sabretooth {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -440px -1315px;
+  width: 219px;
+  height: 219px;
+}

website/client/src/assets/css/sprites/spritesmith-main-26.css

@@ -0,0 +1,672 @@
+.Pet-Unicorn-CottonCandyBlue {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: 0px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-CottonCandyPink {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -82px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Desert {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -164px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Golden {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: 0px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Red {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -82px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Shade {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -164px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Skeleton {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -246px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-White {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -246px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Unicorn-Zombie {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: 0px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Velociraptor-Base {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -82px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Velociraptor-CottonCandyBlue {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -164px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Velociraptor-CottonCandyPink {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -246px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Velociraptor-Desert {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -328px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Velociraptor-Golden {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -328px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Velociraptor-Red {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -328px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Velociraptor-Shade {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: 0px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Velociraptor-Skeleton {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -82px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Velociraptor-White {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -164px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Velociraptor-Zombie {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -246px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Base {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -328px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-CottonCandyBlue {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -410px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-CottonCandyPink {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -410px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Desert {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -410px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Golden {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -410px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Red {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -492px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Shade {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -492px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Skeleton {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -492px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-White {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -492px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Whale-Zombie {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: 0px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Aquatic {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -82px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Base {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -164px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Bronze {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -246px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Celestial {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -328px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-CottonCandyBlue {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -410px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-CottonCandyPink {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -492px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Cupid {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -574px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Desert {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -574px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Ember {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -574px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Fairy {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -574px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Floral {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -574px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Frost {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: 0px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Ghost {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -82px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Glass {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -164px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Glow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -246px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Golden {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -328px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Holly {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -410px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-IcySnow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -492px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Peppermint {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -574px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Rainbow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -656px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Red {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -656px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-RoseQuartz {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -656px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-RoyalPurple {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -656px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Shade {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -656px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Shadow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -656px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Shimmer {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: 0px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Silver {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -82px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Skeleton {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -164px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Spooky {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -246px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-StarryNight {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -328px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Sunshine {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -410px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Thunderstorm {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -492px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Veggie {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -574px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Veteran {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -656px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Watery {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -738px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-White {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -738px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Zombie {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -738px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Base {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -738px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-CottonCandyBlue {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -738px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-CottonCandyPink {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -738px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Desert {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -738px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Golden {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: 0px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Red {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -82px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Shade {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -164px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Skeleton {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -246px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-White {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -328px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Zombie {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -410px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet_HatchingPotion_Aquatic {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -492px -700px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Base {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -561px -700px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Bronze {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -630px -700px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Celestial {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -699px -700px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_CottonCandyBlue {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -820px 0px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_CottonCandyPink {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -820px -69px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Cupid {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -820px -138px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Desert {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -820px -207px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Ember {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -820px -276px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Fairy {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -820px -345px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Floral {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -820px -414px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Frost {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -820px -483px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Ghost {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -820px -552px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Glass {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -820px -621px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Glow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -820px -690px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Golden {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: 0px -800px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Holly {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -69px -800px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_IcySnow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -138px -800px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Peppermint {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -207px -800px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Purple {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -276px -800px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Rainbow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -345px -800px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Red {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -414px -800px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_RoseQuartz {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -483px -800px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_RoyalPurple {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -552px -800px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Shade {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -621px -800px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Shadow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -690px -800px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Shimmer {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -759px -800px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Silver {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -889px 0px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Skeleton {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -889px -69px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Spooky {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -889px -138px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_StarryNight {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -889px -207px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Sunshine {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -889px -276px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Thunderstorm {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -889px -345px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Watery {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -889px -414px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_White {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -889px -483px;
+  width: 68px;
+  height: 68px;
+}
+.Pet_HatchingPotion_Zombie {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
+  background-position: -889px -552px;
+  width: 68px;
+  height: 68px;
+}

website/client/src/assets/images/group-plans-static/party.svg

@@ -0,0 +1,311 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="386" height="200" viewBox="0 0 386 200">
+    <g fill="none" fill-rule="evenodd">
+        <g fill="#34313A" opacity=".12">
+            <path d="M10.811 125.405h86.486v10.811H10.811z"/>
+            <path d="M21.622 114.595h64.865v10.811H21.622zM0 136.216h108.108v10.811H0z"/>
+            <path d="M10.811 147.027h86.486v10.811H10.811zM21.622 157.838h64.865v10.811H21.622zM299.459 137.297h64.865v10.811h-64.865zM288.649 148.108h86.486v10.811h-86.486zM299.459 158.919h64.865v10.811h-64.865zM116.014 156.757h156.081v10.811H116.014zM127.162 145.946h133.784v10.811H127.162zM104.865 167.568h178.378v10.811H104.865z"/>
+            <path d="M116.014 178.378h156.081v10.811H116.014zM138.311 189.189h111.486V200H138.311z"/>
+        </g>
+        <path fill="#260F10" d="M32.432 43.243h5.405v5.405h-5.405z"/>
+        <path fill="#551717" d="M27.027 37.837h5.405v5.405h-5.405zM43.243 43.243h5.405v5.405h-5.405zM43.243 59.46h5.405v5.404h-5.405zM37.838 48.648h5.405V59.46h-5.405zM48.649 48.648H59.46v5.405H48.649zM48.649 64.864H59.46v5.405H48.649z"/>
+        <path fill="#260F10" d="M37.838 37.837h5.405v5.405h-5.405z"/>
+        <path fill="#D1B8CB" d="M43.243 37.837h5.405v5.405h-5.405z"/>
+        <path fill="#EDE4ED" d="M48.649 37.837H59.46v5.405H48.649z"/>
+        <path fill="#FFF" d="M48.649 43.243H59.46v5.405H48.649z"/>
+        <path fill="#EDE4ED" d="M37.838 43.243h5.405v5.405h-5.405zM32.432 48.648h5.405v5.405h-5.405zM27.027 54.054h5.405v5.405h-5.405z"/>
+        <path fill="#D1B8CB" d="M32.432 54.054h5.405v5.405h-5.405z"/>
+        <path fill="#DFCEDD" d="M32.432 59.46h5.405v5.404h-5.405z"/>
+        <path fill="#D1C4CE" d="M21.622 70.27h5.405v10.811h-5.405z"/>
+        <path fill="#DFCEDD" d="M37.838 64.864h5.405v5.405h-5.405z"/>
+        <path fill="#D1C4CE" d="M32.432 86.486h5.405v5.405h-5.405z"/>
+        <path fill="#7D4327" d="M37.838 86.486h10.811v5.405H37.838zM43.243 91.891h21.622v5.405H43.243z"/>
+        <path fill="#5A311D" d="M37.838 81.081h10.811v5.405H37.838zM48.649 86.486H59.46v5.405H48.649z"/>
+        <path fill="#7D4327" d="M48.649 81.081H59.46v5.405H48.649z"/>
+        <path fill="#D1C4CE" d="M37.838 91.891h5.405v5.405h-5.405zM32.432 97.297h5.405v5.405h-5.405zM37.838 102.702h5.405v5.405h-5.405z"/>
+        <path fill="#EDE4ED" d="M48.649 108.108H59.46v5.405H48.649z"/>
+        <path fill="#FFF" d="M32.432 118.918h5.405v5.405h-5.405zM21.622 118.918h5.405v5.405h-5.405zM16.216 113.513h5.405v5.405h-5.405z"/>
+        <path fill="#F2E7FE" d="M43.243 113.513h5.405v5.405h-5.405z"/>
+        <path fill="#EDE4ED" d="M16.216 124.324h-5.405v-5.405h10.81v5.405h16.217v5.406h-5.406v5.405h-5.405v-5.405h-10.81z"/>
+        <path fill="#F2E7FE" d="M43.243 124.324h21.622v5.405H43.243z"/>
+        <path fill="#515050" d="M48.649 118.918H59.46v5.405H48.649z"/>
+        <path fill="#D1B8CB" d="M43.243 102.702h21.622v5.405H43.243z"/>
+        <path fill="#400702" d="M32.432 91.891h5.405v5.405h-5.405z"/>
+        <path fill="#5A311D" d="M27.027 113.513h5.405v5.405h-5.405z"/>
+        <path fill="#400702" d="M37.838 108.108h5.405v5.405h-5.405z"/>
+        <path fill="#7D4327" d="M27.027 102.703h5.405v5.405h5.406v5.406H27.027z"/>
+        <path fill="#400702" d="M48.649 113.513H59.46v5.405H48.649z"/>
+        <path fill="#260F10" d="M27.027 97.297h5.405v5.405h-5.405zM16.216 108.108h5.405v5.405h-5.405zM10.811 113.513h5.405v5.405h-5.405zM5.405 118.918h5.405v5.405H5.405zM10.811 140.54h5.405v5.405h-5.405zM21.622 140.54h5.405v5.405h-5.405zM27.027 145.946h5.405v5.405h-5.405zM48.649 145.946H59.46v5.405H48.649z"/>
+        <path fill="#A21A16" d="M48.649 140.54H59.46v5.405H48.649zM27.027 140.54h5.405v5.405h-5.405zM10.811 135.135h5.405v5.405h-5.405zM5.405 124.324h5.405v5.405H5.405z"/>
+        <path fill="#ED3838" d="M10.811 124.324h5.405v5.405h-5.405zM27.027 135.135h5.405v5.405h-5.405z"/>
+        <path fill="#D82C34" d="M21.622 135.135h5.405v5.405h-5.405zM10.811 129.73h5.405v5.404h-5.405z"/>
+        <path fill="#ED3838" d="M16.216 129.73h10.811v5.404H16.216z"/>
+        <path fill="#594D66" d="M48.649 135.135H59.46v5.405H48.649z"/>
+        <path fill="#D5B9F5" d="M48.649 129.73H59.46v5.404H48.649z"/>
+        <path fill="#E2D0F6" d="M43.243 129.73h5.405v5.404h-5.405zM37.838 135.135h5.405v5.405h-5.405z"/>
+        <path fill="#F2E7FE" d="M37.838 129.73h5.405v5.404h-5.405z"/>
+        <path fill="#D5B9F5" d="M43.243 135.135h5.405v5.405h-5.405z"/>
+        <path fill="#551717" d="M16.216 135.135h5.405v5.405h-5.405z"/>
+        <path fill="#260F10" d="M0 124.324h5.405v5.405H0zM5.405 129.73h5.405v10.81H5.405z"/>
+        <path fill="#373737" d="M27.027 118.918h5.405v5.405h-5.405zM32.432 129.73h5.406v10.81h10.81v5.406h-5.405v5.405h-5.405v-5.405h-5.406zM21.622 102.702h5.405v16.216h-5.405zM37.838 113.514h5.405v5.405h5.406v5.405h-5.406v5.406h-5.405v-10.811h-5.406v-5.405z"/>
+        <path fill="#260F10" d="M32.432 102.702h5.405v5.405h-5.405zM43.243 108.108h5.405v5.405h-5.405z"/>
+        <path fill="#400702" d="M37.838 97.297H70.27v5.405H37.838zM27.027 86.486h5.405v5.405h-5.405zM21.622 81.081h5.405v5.405h-5.405zM16.216 70.27h5.405v10.811h-5.405z"/>
+        <path fill="#EDE4ED" d="M27.027 75.675h5.405v10.811h-5.405z"/>
+        <path fill="#7D4327" d="M32.432 75.675h5.405v10.811h-5.405z"/>
+        <path fill="#A21A16" d="M48.649 59.46H59.46v5.404H48.649z"/>
+        <path fill="#ED3838" d="M48.649 54.054H59.46v5.405H48.649z"/>
+        <path fill="#D82C34" d="M43.243 54.054h5.405v5.405h-5.405z"/>
+        <path fill="#A21A16" d="M43.243 48.648h5.405v5.405h-5.405z"/>
+        <path fill="#D1B8CB" d="M37.838 70.27h5.405v-5.405h5.406v10.811H37.838z"/>
+        <path fill="#FFF" d="M37.838 59.46h5.405v5.404h-5.405z"/>
+        <path fill="#D1B8CB" d="M21.622 59.46h10.81v5.405h5.406v5.405H27.027v-5.405h-5.405z"/>
+        <path fill="#260F10" d="M21.622 54.054h5.405v5.405h-5.405zM27.027 70.27h10.811v5.405H27.027zM37.838 75.675H70.27v5.405H37.838zM16.216 59.46h5.406v5.405h5.405v5.405h-10.81z"/>
+        <path fill="#551717" d="M16.216 48.648h5.405v5.405h-5.405z"/>
+        <path fill="#260F10" d="M27.027 48.648h5.405v5.405h-5.405z"/>
+        <path fill="#551717" d="M21.622 43.243h5.405v5.405h-5.405z"/>
+        <path fill="#A21A16" d="M21.622 48.648h5.405v5.405h-5.405z"/>
+        <path fill="#ED3838" d="M27.027 43.243h5.405v5.405h-5.405z"/>
+        <path fill="#260F10" d="M75.676 43.243H70.27v5.405h5.405z"/>
+        <path fill="#551717" d="M81.08 37.837h-5.404v5.405h5.405zM64.865 43.243H59.46v5.405h5.405zM64.865 59.46H59.46v5.404h5.405zM70.27 48.648h-5.405V59.46h5.405z"/>
+        <path fill="#260F10" d="M70.27 37.837h-5.405v5.405h5.405z"/>
+        <path fill="#D1B8CB" d="M64.865 37.837H59.46v5.405h5.405z"/>
+        <path fill="#EDE4ED" d="M70.27 43.243h-5.405v5.405h5.405zM75.676 48.648H70.27v5.405h5.405zM81.08 54.054h-5.404v5.405h5.405z"/>
+        <path fill="#D1B8CB" d="M75.676 54.054H70.27v5.405h5.405z"/>
+        <path fill="#DFCEDD" d="M75.676 59.46H70.27v5.404h5.405z"/>
+        <path fill="#D1C4CE" d="M86.487 70.27h-5.405v10.811h5.405z"/>
+        <path fill="#DFCEDD" d="M70.27 64.864h-5.405v5.405h5.405z"/>
+        <path fill="#D1C4CE" d="M75.676 86.486H70.27v5.405h5.405z"/>
+        <path fill="#7D4327" d="M70.27 86.486H59.46v5.405h10.81z"/>
+        <path fill="#5A311D" d="M70.27 81.081H59.46v5.405h10.81z"/>
+        <path fill="#D1C4CE" d="M70.27 91.891h-5.405v5.405h5.405zM75.676 97.297H70.27v5.405h5.405zM70.27 102.702h-5.405v5.405h5.405z"/>
+        <path fill="#FFF" d="M75.676 118.918H70.27v5.405h5.405zM86.487 118.918h-5.405v5.405h5.405zM91.892 113.513h-5.405v5.405h5.405z"/>
+        <path fill="#F2E7FE" d="M64.865 113.513H59.46v5.405h5.405z"/>
+        <path fill="#EDE4ED" d="M91.892 124.324h5.405v-5.405h-10.81v5.405H70.27v5.406h5.406v5.405h5.405v-5.405h10.81z"/>
+        <path fill="#400702" d="M75.676 91.891H70.27v5.405h5.405z"/>
+        <path fill="#5A311D" d="M81.08 113.513h-5.404v5.405h5.405z"/>
+        <path fill="#400702" d="M70.27 108.108h-5.405v5.405h5.405z"/>
+        <path fill="#7D4327" d="M81.081 102.703h-5.405v5.405H70.27v5.406h10.811z"/>
+        <path fill="#260F10" d="M81.08 97.297h-5.404v5.405h5.405zM91.892 108.108h-5.405v5.405h5.405zM97.297 113.513h-5.405v5.405h5.405zM102.703 118.918h-5.405v5.405h5.405zM97.297 140.54h-5.405v5.405h5.405zM86.487 140.54h-5.405v5.405h5.405zM81.08 145.946h-5.404v5.405h5.405z"/>
+        <path fill="#A21A16" d="M81.08 140.54h-5.404v5.405h5.405zM97.297 135.135h-5.405v5.405h5.405zM102.703 124.324h-5.405v5.405h5.405z"/>
+        <path fill="#ED3838" d="M97.297 124.324h-5.405v5.405h5.405zM81.08 135.135h-5.404v5.405h5.405z"/>
+        <path fill="#D82C34" d="M86.487 135.135h-5.405v5.405h5.405zM97.297 129.73h-5.405v5.404h5.405z"/>
+        <path fill="#ED3838" d="M91.892 129.73H81.081v5.404h10.811z"/>
+        <path fill="#E2D0F6" d="M64.865 129.73H59.46v5.404h5.405zM70.27 135.135h-5.405v5.405h5.405z"/>
+        <path fill="#F2E7FE" d="M70.27 129.73h-5.405v5.404h5.405z"/>
+        <path fill="#D5B9F5" d="M64.865 135.135H59.46v5.405h5.405z"/>
+        <path fill="#551717" d="M91.892 135.135h-5.405v5.405h5.405z"/>
+        <path fill="#260F10" d="M108.108 124.324h-5.405v5.405h5.405zM102.703 129.73h-5.405v10.81h5.405z"/>
+        <path fill="#373737" d="M81.08 118.918h-5.404v5.405h5.405zM75.676 129.73H70.27v10.81H59.46v5.406h5.405v5.405h5.405v-5.405h5.406zM86.487 102.702h-5.405v16.216h5.405zM70.27 113.514h-5.405v5.405h-5.406v5.405h5.406v5.406h5.405v-10.811h5.406v-5.405z"/>
+        <path fill="#260F10" d="M75.676 102.702H70.27v5.405h5.405zM64.865 108.108H59.46v5.405h5.405z"/>
+        <path fill="#400702" d="M81.08 86.486h-5.404v5.405h5.405zM86.487 81.081h-5.405v5.405h5.405zM91.892 70.27h-5.405v10.811h5.405z"/>
+        <path fill="#EDE4ED" d="M81.08 75.675h-5.404v10.811h5.405z"/>
+        <path fill="#7D4327" d="M75.676 75.675H70.27v10.811h5.405z"/>
+        <path fill="#DFCEDD" d="M59.46 70.27H48.647v5.405H59.46z"/>
+        <path fill="#D82C34" d="M64.865 54.054H59.46v5.405h5.405z"/>
+        <path fill="#A21A16" d="M64.865 48.648H59.46v5.405h5.405z"/>
+        <path fill="#D1B8CB" d="M70.27 70.27h-5.405v-5.405h-5.406v10.811H70.27z"/>
+        <path fill="#FFF" d="M70.27 59.46h-5.405v5.404h5.405z"/>
+        <path fill="#D1B8CB" d="M86.486 59.46h-10.81v5.405H70.27v5.405h10.811v-5.405h5.405z"/>
+        <path fill="#260F10" d="M86.487 54.054h-5.405v5.405h5.405zM81.081 70.27h-10.81v5.405h10.81zM91.892 59.46h-5.406v5.405h-5.405v5.405h10.81z"/>
+        <path fill="#551717" d="M91.892 48.648h-5.405v5.405h5.405z"/>
+        <path fill="#260F10" d="M81.08 48.648h-5.404v5.405h5.405z"/>
+        <path fill="#551717" d="M86.487 43.243h-5.405v5.405h5.405z"/>
+        <path fill="#A21A16" d="M86.487 48.648h-5.405v5.405h5.405z"/>
+        <path fill="#ED3838" d="M81.08 43.243h-5.404v5.405h5.405z"/>
+        <path fill="#260F10" d="M43.243 32.432h21.622v5.405H43.243z"/>
+        <g>
+            <path fill="#4F4001" d="M183.784 0h10.81v5.405h-10.81z"/>
+            <path fill="#0E3A00" d="M183.784 5.405h10.81v5.405h-10.81zM178.379 10.811h5.405v16.216h-5.405zM194.595 10.811H200v16.216h-5.405z"/>
+            <path fill="#2B2B2B" d="M172.973 5.405h10.81v5.405h-10.81zM167.568 10.811h5.405v5.405h-5.405zM162.163 48.649h5.405V59.46h-5.405zM210.81 48.649h5.406V59.46h-5.405z"/>
+            <path fill="#2B2B2B" d="M162.163 48.649h5.405V59.46h-5.405zM145.946 54.054h5.405v10.811h-5.405zM227.028 54.054h5.405v10.811h-5.405zM221.622 48.649h5.405v5.405h-5.405zM221.622 64.865h5.405v5.405h-5.405z"/>
+            <path fill="#373737" d="M221.622 70.27h5.405v5.405h-5.405zM205.406 81.081h5.405v5.405h-5.405zM216.217 75.676h5.405v10.811h-5.405zM210.81 86.486h5.406v10.811h-5.405z"/>
+            <path fill="#2B2B2B" d="M194.595 108.108H200v10.81h-10.81v-5.404h5.405z"/>
+            <path fill="#373737" d="M205.405 97.297h5.406v10.811h5.405v5.406h-10.811v5.405H200v-10.81h5.405zM200 86.486h5.405v10.811H200z"/>
+            <path fill="#2B2B2B" d="M151.352 64.865h5.405v5.405h-5.405zM156.757 70.27h5.405v5.405h-5.405zM151.352 48.649h5.405v5.405h-5.405zM216.217 59.459h5.405v5.405h-5.405zM156.757 59.459h5.405v5.405h-5.405z"/>
+            <path fill="#373737" d="M210.81 59.459h5.406v5.405h-5.405z"/>
+            <path fill="#C6D3D6" d="M205.406 59.459h5.405v5.405h-5.405zM167.568 59.459h5.405v5.405h-5.405z"/>
+            <path fill="#DAB700" d="M210.81 64.865h5.406v5.405h-5.405zM162.163 64.865h5.405v5.405h-5.405z"/>
+            <path fill="#BE9501" d="M205.406 64.865h5.405v5.405h-5.405zM167.568 64.865h5.405v5.405h-5.405zM194.595 75.676H200v5.405h-5.405z"/>
+            <path fill="#9D7A00" d="M194.595 81.081H200v5.405h-5.405z"/>
+            <path fill="#403100" d="M194.595 86.486H200v5.405h-5.405zM156.757 64.865h5.405v5.405h-5.405zM162.163 70.27h10.81v5.405h-10.81zM205.405 70.27h10.811v-5.405h5.406v10.811h-16.217z"/>
+            <path fill="#9D7A00" d="M189.19 86.486h5.405v5.405h-5.405z"/>
+            <path fill="#F4CD00" d="M194.595 70.27H200v5.405h-5.405z"/>
+            <path fill="#339100" d="M189.19 70.27h5.405v5.405h-5.405z"/>
+            <path fill="#195D00" d="M189.19 75.676h5.405v5.405h-5.405z"/>
+            <path fill="#BE9501" d="M189.19 81.081h5.405v5.405h-5.405z"/>
+            <path fill="#9D7A00" d="M200 64.865h5.405v10.811H200z"/>
+            <path fill="#403100" d="M200 75.676h5.405v10.811H200z"/>
+            <path fill="#373737" d="M205.406 54.054h5.405v5.405h-5.405zM200 59.459h5.405v5.405H200zM172.973 59.459h5.405v5.405h-5.405z"/>
+            <path fill="#40190F" d="M178.379 59.459h5.405v5.405h-5.405zM216.217 86.486h5.405v5.405h-5.405zM232.433 97.297h5.405v5.405h-5.405zM264.865 124.324h5.405v5.405h-5.405zM259.46 129.73h5.405v5.405h-5.405z"/>
+            <path fill="#32130B" d="M227.028 135.135h5.405v5.405h-5.405zM189.19 140.541h5.405v5.405h-5.405zM194.595 124.324H200v5.405h-5.405zM183.784 145.946h5.405v5.405h-5.405zM162.163 167.568h5.405v5.405h-5.405zM135.136 162.162h5.405v5.405h-5.405z"/>
+            <path fill="#5A3B26" d="M135.136 167.568h5.405v5.405h-5.405z"/>
+            <path fill="#5A3D26" d="M162.163 172.973h5.405v5.405h-5.405zM210.81 167.568h5.406v5.405h-5.405zM227.028 156.757h5.405v5.405h-5.405z"/>
+            <path fill="#A08163" d="M221.622 156.757h5.405v5.405h-5.405zM227.028 151.351h5.405v5.405h-5.405zM216.217 129.73h5.405v5.405h-5.405zM232.433 108.108h5.405v21.622h-5.405z"/>
+            <path fill="#8A7053" d="M216.217 135.135h5.405v5.405h-5.405z"/>
+            <path fill="#7C644A" d="M227.028 108.108h5.405v5.405h-5.405z"/>
+            <path fill="#8A6F52" d="M232.433 129.73h5.405v5.405h-5.405zM237.838 140.541h5.405v10.811h-5.405zM243.244 151.351h5.405v5.405h-5.405z"/>
+            <path fill="#7C6449" d="M232.433 135.135h5.405v5.405h-5.405zM237.838 151.351h5.405v5.405h-5.405z"/>
+            <path fill="#C4DBDE" d="M259.46 145.946h5.405v-5.405h5.405v10.81h-5.405v5.406h-5.406v-5.406z"/>
+            <path fill="#E6E6E6" d="M259.46 135.135h5.405v-5.405h5.405v10.811h-5.405v5.405h-5.406v5.405h-5.405v-10.81h5.405z"/>
+            <path fill="#7C6449" d="M243.244 156.757h16.216v5.405h-16.216z"/>
+            <path fill="#A08163" d="M237.838 135.135h5.405v5.405h-5.405zM243.244 145.946h5.405v5.405h-5.405zM248.649 151.351h10.81v5.405h-10.81z"/>
+            <path fill="#B7A07C" d="M221.622 97.297h10.81v5.406h5.406v5.405h-10.811v32.433h5.405v10.81h-5.405v5.406h-5.405V129.73h-5.406v-5.406h-10.81v-10.81h10.81v-5.406h-5.405v-10.81h5.405v5.405h5.406z"/>
+            <path fill="#8A7053" d="M200 124.324h5.405v5.405H200zM205.406 129.73h10.81v5.405h-10.81z"/>
+            <path fill="#A08163" d="M200 118.919h5.405v5.405H200zM205.406 124.324h10.81v5.405h-10.81z"/>
+            <path fill="#49301E" d="M200 156.757h5.405v5.405H200z"/>
+            <path fill="#7C644A" d="M205.406 140.541h5.405v16.216h-5.405z"/>
+            <path fill="#3A2618" d="M194.595 162.162h10.81v5.405h-10.81z"/>
+            <path fill="#896F52" d="M145.946 145.946h5.405v5.405h-5.405z"/>
+            <path fill="#B7A07C" d="M140.54 129.73h5.406v5.405h-5.405z"/>
+            <path fill="#A08164" d="M140.54 124.324h5.406v5.405h-5.405z"/>
+            <path fill="#A08163" d="M167.568 145.946h5.405v10.811h-5.405zM172.973 156.757h5.405v10.811h-5.405z"/>
+            <path fill="#B7A07C" d="M172.973 124.324h5.405v-5.405h5.406v-5.405h5.405v5.405h5.406v16.216h-10.811v5.406h-5.406v16.216h-5.405v-10.811h-5.405v-5.405h-5.406v-5.406h5.406v-5.405h5.405z"/>
+            <path fill="#A08164" d="M140.54 135.135h5.406v5.405h-5.405z"/>
+            <path fill="#A08163" d="M178.379 140.541h5.405v5.405h-5.405z"/>
+            <path fill="#A08164" d="M167.568 124.324h5.405v5.405h-5.405zM145.946 129.73h21.622v5.405h-21.622zM172.973 118.919h5.405v5.405h-5.405zM178.379 113.514h5.405v5.405h-5.405z"/>
+            <path fill="#B7A07C" d="M216.217 91.892h5.405v5.405h-5.405zM237.838 124.324h5.405v10.811h-5.405zM243.243 135.135h5.406v5.406h5.405v10.81h-5.405v-5.405h-5.406z"/>
+            <path fill="#896F52" d="M140.54 140.541h5.406v5.405h-5.405z"/>
+            <path fill="#B7A07C" d="M145.946 135.135h5.405v10.811h-5.405z"/>
+            <path fill="#49301E" d="M140.54 167.568h5.406v5.405h-5.405zM167.568 172.973h10.81v5.405h-10.81zM216.217 167.568h10.81v5.405h-10.81z"/>
+            <path fill="#7C644A" d="M145.946 151.351h5.405v10.811h-5.405z"/>
+            <path fill="#5A3B26" d="M140.54 162.162h10.812v5.405H140.54z"/>
+            <path fill="#5A3D26" d="M167.568 167.568h10.81v5.405h-10.81zM216.217 162.162h10.81v5.405h-10.81z"/>
+            <path fill="#32130B" d="M140.54 145.946h5.406v16.216h-5.405zM135.136 118.919h5.405v27.027h-5.405zM156.757 178.378v-5.405h5.405v5.405h16.216v5.406h-21.621zM129.73 172.973v-5.405h5.405v5.405h10.81v-5.405h5.406v10.81H129.73zM178.379 167.568h5.405v10.811h-5.405zM167.568 156.757h5.405v10.811h-5.405zM162.163 145.946h5.405v10.811h-5.405zM151.352 145.946h5.405v21.622h-5.405zM194.595 135.135h16.216v5.405h-16.216zM194.595 156.757H200v5.405h-5.405zM210.81 140.541h5.406v16.216h-5.405zM200 140.541h5.405v16.216H200zM210.81 172.973h16.217v5.405H210.81z"/>
+            <path fill="#32130B" d="M189.19 167.568v-5.406h5.405v5.406h10.81v-10.811h5.406v5.405h5.405v5.406h-5.405v5.405h-21.622zM227.028 162.162h5.405v10.811h-5.405zM243.244 162.162h16.216v5.405h-16.216zM232.432 151.351h5.406v5.406h5.405v5.405h-10.81z"/>
+            <path fill="#40190F" d="M248.649 135.135h10.81v5.405h-10.81zM259.46 156.757h5.405v-5.406h5.405v10.811h-10.81zM243.244 124.324h5.405v10.811h-5.405zM232.433 140.541h5.405v10.811h-5.405zM210.81 135.135h5.406v5.405h-5.405zM183.784 140.541h5.405v5.405h-5.405zM156.757 145.946h5.405v5.405h-5.405zM151.352 140.541h5.405v5.405h-5.405zM178.379 145.946h5.405v21.622h-5.405zM200 129.73h5.405v5.405H200zM194.595 118.919H200v5.405h-5.405zM216.217 140.541h5.405v21.622h-5.405zM270.27 129.73h5.406v21.622h-5.405zM227.028 113.514h5.405v21.622h-5.405zM237.838 102.703h5.405v21.622h-5.405zM221.622 91.892h10.81v5.405h-10.81z"/>
+            <path fill="#1C0800" d="M172.973 64.865h5.405v5.405h-5.405zM135.136 64.865h5.405v5.405h-5.405zM135.136 113.514h5.405v5.405h-5.405zM140.54 118.919h5.406v5.405h-5.405zM167.568 118.919h5.405v5.405h-5.405zM172.973 113.514h5.405v5.405h-5.405z"/>
+            <path fill="#1C0800" d="M178.378 108.108h5.406v-5.405h5.405v-5.406h5.406v5.406H200v5.405h-10.81v5.406h-10.812z"/>
+            <path fill="#000" d="M151.352 118.919h10.81v5.405h-10.81z"/>
+            <path fill="#1C0800" d="M145.946 124.324h21.622v5.405h-21.622z"/>
+            <path fill="#000" d="M135.135 102.703v-5.406h5.406v5.406h5.405v5.405h-10.81zM178.378 102.703v-5.406h-5.405v5.406h-5.405v5.405h10.81z"/>
+            <path fill="#5A3B26" d="M178.379 64.865h5.405v5.405h-5.405zM172.973 70.27h5.405v5.405h-5.405zM167.568 75.676h5.405v5.405h-5.405z"/>
+            <path fill="#F6CCBE" d="M135.136 75.676h5.405v5.405h-5.405z"/>
+            <path fill="#C0AC8D" d="M129.73 81.081h5.405v5.405h-5.405z"/>
+            <path fill="#8A7053" d="M124.325 97.297h5.405v5.405h-5.405zM183.784 97.297h5.405v5.405h-5.405zM140.54 108.108h5.406v5.405h-5.405zM167.568 108.108h5.405v5.405h-5.405z"/>
+            <path fill="#A08264" d="M162.162 97.297h5.406v-5.405h5.405v10.81h-5.405v16.217h-5.406zM151.351 97.297h-5.405v-5.405h-5.405v10.81h5.405v16.217h5.405z"/>
+            <path fill="#C0AC8D" d="M178.379 81.081h5.405v5.405h-5.405z"/>
+            <path fill="#F6CCBE" d="M172.973 75.676h5.405v5.405h-5.405z"/>
+            <path fill="#F6BAA6" d="M129.73 75.676h5.405v5.405h-5.405zM178.379 75.676h5.405v5.405h-5.405z"/>
+            <path fill="#E6E6E6" d="M129.73 70.27h5.405v5.405h-5.405zM178.379 70.27h5.405v5.405h-5.405zM162.163 81.081h5.405v5.405h-5.405zM145.946 81.081h5.405v5.405h-5.405zM135.136 108.108h5.405v5.405h-5.405zM140.54 113.514h5.406v5.405h-5.405zM167.568 113.514h5.405v5.405h-5.405zM162.163 140.541h5.405v5.405h-5.405zM151.352 135.135h10.81v5.405h-10.81zM183.784 135.135h10.81v5.405h-10.81zM172.973 108.108h5.405v5.405h-5.405z"/>
+            <path fill="#C4DBDE" d="M129.73 102.703h5.405v5.405h-5.405zM145.946 118.919h5.405v5.405h-5.405zM162.163 118.919h5.405v5.405h-5.405zM156.757 140.541h5.405v5.405h-5.405zM194.595 129.73H200v5.405h-5.405zM216.217 97.297h5.405v5.405h-5.405zM210.81 156.757h5.406v5.405h-5.405zM178.379 102.703h5.405v5.405h-5.405z"/>
+            <path fill="#E6E6E6" d="M151.352 86.486h10.81v5.405h-10.81z"/>
+            <path fill="#B7A07C" d="M151.352 81.081h10.81v5.405h-10.81zM135.135 81.081h10.81v5.405h5.406v10.811h-5.405v-5.405h-5.405v5.405h-5.406v5.406h-5.405V86.486h5.405z"/>
+            <path fill="#B7A07C" d="M178.378 81.081h-10.81v5.405h-5.406v10.811h5.406v-5.405h5.405v5.405h5.405v5.406h5.406V86.486h-5.406z"/>
+            <path fill="#C4DBDE" d="M151.352 91.892h10.81v5.405h-10.81z"/>
+            <path fill="#B7A07C" d="M151.352 97.297h10.81v21.622h-10.81z"/>
+            <path fill="#5A3B26" d="M140.54 75.676h5.406v5.405h-5.405zM135.136 70.27h5.405v5.405h-5.405zM129.73 64.865h5.405v5.405h-5.405z"/>
+            <path fill="#40190F" d="M145.946 75.676h21.622v5.405h-21.622z"/>
+            <path fill="#1C0800" d="M183.784 64.865h5.405v32.432h-5.405zM124.325 64.865h5.405v32.432h-5.405zM118.919 97.297h5.405v5.406h5.406v5.405h5.405v5.406h-10.81v-5.406h-10.811v-5.405h5.405z"/>
+            <path fill="#373737" d="M167.568 54.054h5.405v5.405h-5.405zM162.163 59.459h5.405v5.405h-5.405zM189.19 64.865H200v5.405h-10.81z"/>
+            <path fill="#2B2B2B" d="M156.757 21.622h5.405v27.027h-5.405zM216.217 21.622h5.405v27.027h-5.405zM205.406 10.811h5.405v5.405h-5.405z"/>
+            <path fill="#792E00" d="M200 10.811h5.405v5.405H200zM172.973 10.811h5.405v5.405h-5.405z"/>
+            <path fill="#8D3B00" d="M172.973 16.216h5.405v5.405h-5.405zM200 16.216h5.405v5.405H200z"/>
+            <path fill="#9D7A00" d="M205.406 16.216h5.405v5.405h-5.405zM200 21.622h5.405v5.405H200zM172.973 21.622h5.405v5.405h-5.405zM167.568 16.216h5.405v5.405h-5.405z"/>
+            <path fill="#695500" d="M167.568 21.622h5.405v5.405h-5.405zM205.406 21.622h5.405v5.405h-5.405z"/>
+            <path fill="#61D60A" d="M183.784 10.811h5.405v5.405h-5.405z"/>
+            <path fill="#359200" d="M189.19 16.216h5.405v5.405h-5.405zM183.784 21.622h5.405v5.405h-5.405zM162.163 10.811h5.405v5.405h-5.405zM156.757 16.216h5.405v5.405h-5.405z"/>
+            <path fill="#195C00" d="M189.19 21.622h5.405v5.405h-5.405zM162.163 16.216h5.405v5.405h-5.405z"/>
+            <path fill="#622900" d="M162.163 21.622h5.405v5.405h-5.405z"/>
+            <path fill="#672600" d="M178.379 27.027h5.405v5.405h-5.405zM172.973 32.432h5.405v5.405h-5.405zM205.406 37.838h5.405v5.405h-5.405z"/>
+            <path fill="#682600" d="M210.81 43.243h5.406v5.405h-5.405zM216.217 48.649h5.405v5.405h-5.405z"/>
+            <path fill="#622900" d="M210.81 32.432h5.406v10.811h-5.405z"/>
+            <path fill="#772C00" d="M210.81 21.622h5.406v10.81h-5.405v5.406h-5.406v-5.406h-10.81v-5.405h16.216z"/>
+            <path fill="#682600" d="M205.406 48.649h5.405v5.405h-5.405zM167.568 48.649h5.405v5.405h-5.405z"/>
+            <path fill="#752E00" d="M216.217 48.649h5.405v5.405h-5.405z"/>
+            <path fill="#A75A14" d="M210.81 81.081h5.406v5.405h-5.405z"/>
+            <path fill="#D9F7D1" d="M205.406 86.486h5.405v5.405h-5.405zM200 97.297h5.405v5.405H200z"/>
+            <path fill="#B9F0A7" d="M205.406 91.892h5.405v5.405h-5.405zM194.595 97.297H200v5.405h-5.405zM200 102.703h5.405v5.405H200z"/>
+            <path fill="#707070" d="M189.19 108.108h5.405v5.405h-5.405z"/>
+            <path fill="#D9F7D1" d="M205.406 75.676h10.81v5.405h-10.81zM189.19 91.892H200v5.405h-10.81z"/>
+            <path fill="#752E00" d="M156.757 48.649h5.405v5.405h-5.405z"/>
+            <path fill="#662700" d="M216.217 54.054h5.405v5.405h-5.405zM156.757 54.054h5.405v5.405h-5.405zM151.352 59.459h5.405v5.405h-5.405zM221.622 59.459h5.405v5.405h-5.405z"/>
+            <path fill="#602C00" d="M221.622 54.054h5.405v5.405h-5.405zM151.352 54.054h5.405v5.405h-5.405z"/>
+            <path fill="#A85B12" d="M178.379 32.432h10.81v5.405h-10.81z"/>
+            <path fill="#682600" d="M189.19 32.432h16.216v5.405H189.19z"/>
+            <path fill="#A85B12" d="M167.568 43.243h5.405v5.405h-5.405zM205.406 43.243h5.405v5.405h-5.405z"/>
+            <path fill="#373737" d="M178.379 43.243h5.405v5.405h-5.405zM194.595 43.243H200v5.405h-5.405z"/>
+            <path fill="#FFF" d="M194.595 37.838h10.81v10.811H200v-5.406h-5.405zM183.784 37.838h-10.811v10.811h5.405v-5.406h5.406z"/>
+            <path fill="#A85B12" d="M172.973 48.649h10.81v5.405h-10.81zM194.595 48.649h10.81v5.405h-10.81z"/>
+            <path fill="#9F550F" d="M183.784 54.054h10.81v5.405h-10.81z"/>
+            <path fill="#CA7938" d="M172.973 54.054h10.81v5.405h-10.81zM183.784 59.46h10.81v-5.406h10.811v5.405H200v5.406h-16.216zM183.784 37.838h10.81v16.216h-10.81z"/>
+            <path fill="#672600" d="M167.568 37.838h5.405v5.405h-5.405z"/>
+            <path fill="#4E1E00" d="M162.163 43.243h5.405v5.405h-5.405z"/>
+            <path fill="#622900" d="M162.163 32.432h5.405v10.811h-5.405z"/>
+            <path fill="#792D00" d="M167.568 27.027h10.81v5.405h-5.405v5.406h-5.405v-5.406h-5.406v-5.405z"/>
+            <path fill="#0E3A00" d="M162.163 5.405h5.405v5.405h-5.405zM156.757 10.811h5.405v5.405h-5.405zM151.352 16.216h5.405v5.405h-5.405z"/>
+            <path fill="#359200" d="M216.216 10.81h-5.405v5.405h5.405zM221.622 16.216h-5.405v5.405h5.405z"/>
+            <path fill="#195C00" d="M216.216 16.216h-5.405v5.405h5.405z"/>
+            <path fill="#0E3A00" d="M216.216 5.405h-5.405v5.405h5.405zM221.622 10.81h-5.405v5.405h5.405zM227.027 16.216h-5.405v5.405h5.405z"/>
+            <path fill="#45BC00" d="M183.784 16.216h5.405v5.405h-5.405zM189.19 10.811h5.405v5.405h-5.405z"/>
+            <path fill="#2B2B2B" d="M194.595 5.405h10.81v5.405h-10.81z"/>
+            <path fill="#0E3A00" d="M183.784 27.027h10.81v5.405h-10.81z"/>
+        </g>
+        <g>
+            <path fill="#212121" d="M299.46 57.297h5.405v5.405h-5.405z"/>
+            <path fill="#0C2B68" d="M283.243 62.702h5.405v5.405h-5.405z"/>
+            <path fill="#1E5CDA" d="M337.297 14.054h10.81v5.405h-10.81z"/>
+            <path fill="#1A4DB6" d="M337.297 19.46h5.405v5.404h-5.405zM348.108 19.46h5.405v5.404h-5.405z"/>
+            <path fill="#2366EE" d="M337.297 8.648h5.405v5.405h-5.405zM326.486 19.46h5.406v-5.406h5.405v27.027h5.406v10.81H321.08v-10.81h5.405z"/>
+            <path fill="#1E5CDA" d="M310.27 51.892h5.406v-10.81h5.405v16.215h-10.81zM353.514 51.892h-5.406v-10.81h-5.405v16.215h10.81z"/>
+            <path fill="#0C2B68" d="M294.054 68.108h5.405v5.405h-5.405zM299.46 62.702h5.405v5.405h-5.405zM304.865 57.297h5.405v5.405h-5.405z"/>
+            <path fill="#1E5CDA" d="M321.08 30.27h5.406v10.811h-5.405zM337.297 30.27h5.405v10.811h-5.405z"/>
+            <path fill="#0F347B" d="M310.27 57.297h43.243v5.405H310.27z"/>
+            <path fill="#0E3074" d="M304.865 62.703h54.054v5.405h5.405v5.406h-16.216v-5.406h-32.432v5.406h-16.217v-5.406h5.406z"/>
+            <path fill="#0C2B68" d="M299.46 73.513h10.81v5.405h-10.81z"/>
+            <path fill="#1C4DB2" d="M315.676 68.108h32.432v5.405h-32.432zM321.08 51.892h21.623v5.405H321.08z"/>
+            <path fill="#0C2B68" d="M380.54 62.702h-5.404v5.405h5.405zM369.73 68.108h-5.406v5.405h5.405zM364.324 62.702h-5.405v5.405h5.405zM358.919 57.297h-5.405v5.405h5.405zM364.324 73.513h-10.811v5.405h10.811z"/>
+            <path fill="#212121" d="M283.243 51.892h10.811v5.405h-5.405v5.406h-5.406v5.405h-5.405v-10.81h5.405zM380.54 51.892h-10.81v5.405h5.405v5.406h5.406v5.405h5.405v-10.81h-5.405zM294.054 73.513h5.405v5.405h-5.405zM315.676 105.946h5.405v5.405h-5.405zM364.324 100.54h5.406v16.217h-5.406v10.81h-5.405v-16.216h5.405z"/>
+            <path fill="#212121" d="M358.919 78.919h5.405v21.622h-10.81V89.73h5.405zM342.703 105.946h5.405v-5.405h5.406v5.405h5.405v5.405h-16.216zM321.08 111.351h21.623v5.405H321.08zM315.676 116.757h5.405v10.811h-5.405zM299.46 78.919h5.405v10.81h5.405v10.812h-10.81z"/>
+            <path fill="#000" d="M267.027 73.513h5.405v5.405h-5.405zM283.243 89.73h5.405v5.404h-5.405zM272.433 78.92h5.405v5.404h-5.405zM288.649 95.135h5.405v5.405h-5.405zM277.838 84.324h5.405v5.405h-5.405z"/>
+            <path fill="#61AEF2" d="M261.622 73.513h5.405v5.405h-5.405zM272.433 84.324h5.405v5.405h-5.405zM283.243 95.135h5.405v5.405h-5.405zM267.027 78.92h5.405v5.404h-5.405zM277.838 89.73h5.405v5.404h-5.405zM288.649 100.54h5.405v5.405h-5.405zM294.054 105.946h5.405v5.405h-5.405zM256.216 78.92h5.405v5.404h-5.405zM267.027 89.73h5.405v5.404h-5.405zM277.838 100.54h5.405v5.405h-5.405zM261.622 84.324h5.405v5.405h-5.405zM272.433 95.135h5.405v5.405h-5.405zM283.243 105.946h5.405v5.405h-5.405zM288.649 111.351h5.405v5.405h-5.405z"/>
+            <path fill="#AED8FF" d="M294.054 111.351h5.405v5.405h-5.405z"/>
+            <path fill="#F9D624" d="M288.649 122.162h5.405v5.405h-5.405zM294.054 116.757h5.405v5.405h-5.405zM299.46 111.351h5.405v5.405h-5.405zM304.865 105.946h5.405v5.405h-5.405z"/>
+            <path fill="#B3B3B3" d="M310.27 73.513h5.405v5.405h-5.405zM304.865 78.92h5.405v5.404h-5.405z"/>
+            <path fill="#B9B9B9" d="M348.108 73.513h5.405v5.405h-5.405zM353.514 84.324h5.405v5.405h-5.405z"/>
+            <path fill="#B3B3B3" d="M337.297 95.135h10.81v5.405h-10.81zM315.676 95.135h10.81v5.405h-10.81z"/>
+            <path fill="#FFF" d="M315.676 78.919h10.81v5.405h-5.405v5.406h-5.405zM348.108 78.919h-10.81v5.405h5.405v5.406h5.405z"/>
+            <path fill="#D39062" d="M315.676 89.73h10.81v5.404h-10.81z"/>
+            <path fill="#F1965C" d="M326.486 78.919h5.406v-5.405h5.405V89.73h-10.81z"/>
+            <path fill="#D39062" d="M315.676 73.513h16.216v5.405h-16.216zM337.297 89.73h10.81v5.404h-10.81zM337.297 73.513h10.81v5.405h-10.81zM348.108 78.92h5.405v10.81h-5.405zM310.27 78.92h5.405v10.81h-5.405z"/>
+            <path fill="#CACACA" d="M326.487 89.73h10.81v5.404h-10.81z"/>
+            <path fill="#B46E3F" d="M326.487 95.135h10.81v5.405h-10.81z"/>
+            <path fill="#E8E8E8" d="M326.487 105.946h10.81v5.405h-10.81z"/>
+            <path fill="#CACACA" d="M321.08 100.54h21.623v5.405H321.08z"/>
+            <path fill="#B9B9B9" d="M348.108 95.135h5.405v5.405h-5.405zM342.703 100.54h5.405v5.405h-5.405zM315.676 100.54h5.405v5.405h-5.405zM310.27 95.135h5.405v5.405h-5.405z"/>
+            <path fill="#B3B3B3" d="M304.865 78.92h5.405v5.404h-5.405zM310.27 73.513h5.405v5.405h-5.405z"/>
+            <path fill="#9F9F9F" d="M304.865 84.324h5.405v5.405h-5.405z"/>
+            <path fill="#2366EE" d="M315.676 111.351h5.405v5.405h-5.405zM321.08 116.757h5.406v10.811h-5.405z"/>
+            <path fill="#1E5CDA" d="M310.27 111.351h5.405v5.405h-5.405zM348.108 111.351h5.405v5.405h-5.405z"/>
+            <path fill="#1C4DB2" d="M342.703 111.351h5.405v5.405h-5.405zM337.297 122.162h5.405v5.405h-5.405z"/>
+            <path fill="#0F347B" d="M342.703 138.378h5.405v5.405h-5.405z"/>
+            <path fill="#0C2B68" d="M348.108 143.784h5.405v5.405h-5.405z"/>
+            <path fill="#0E3074" d="M353.514 111.351h5.405v5.405h-5.405zM348.108 116.757h5.405v5.405h-5.405zM331.892 132.973h5.405v10.81h10.811v5.406h-21.622v-5.405h5.406z"/>
+            <path fill="#103886" d="M337.297 127.567h5.405v16.216h-5.405z"/>
+            <path fill="#0E3074" d="M310.27 116.757h5.405v5.405h-5.405z"/>
+            <path fill="#1C4DB2" d="M326.487 116.757h5.405v5.405h-5.405z"/>
+            <path fill="#F1965C" d="M310.27 89.73h5.405v5.404h-5.405zM348.108 89.73h5.405v5.404h-5.405z"/>
+            <path fill="#B3B3B3" d="M321.08 105.946h5.406v5.405h-5.405zM337.297 105.946h5.405v5.405h-5.405z"/>
+            <path fill="#A8B4CC" d="M331.892 116.757h5.405v5.405h-5.405zM326.487 122.162h5.405v5.405h-5.405zM321.08 127.567h5.406v5.405h-5.405z"/>
+            <path fill="#8A9AB9" d="M337.297 116.757h5.405v5.405h-5.405zM331.892 122.162h5.405v5.405h-5.405zM326.487 127.567h5.405v5.405h-5.405z"/>
+            <path fill="#808EAB" d="M331.892 127.567h5.405v5.405h-5.405z"/>
+            <path fill="#8A9AB9" d="M321.08 132.973h5.406v5.405h-5.405zM315.676 138.378h5.405v5.405h-5.405z"/>
+            <path fill="#727E96" d="M310.27 143.784h5.405v5.405h-5.405z"/>
+            <path fill="#808EAB" d="M315.676 143.784h5.405v-5.406h5.405v-5.405h5.406v10.81h-5.406v5.406h-10.81z"/>
+            <path fill="#B9B9B9" d="M353.514 100.54h5.405v5.405h-5.405z"/>
+            <path fill="#B3B3B3" d="M353.514 78.92h5.405v5.404h-5.405z"/>
+            <path fill="#9F9F9F" d="M358.919 105.946h5.405v5.405h-5.405z"/>
+            <path fill="#DEDEDE" d="M358.919 100.54h5.405v5.405h-5.405z"/>
+            <path fill="#D3B100" d="M299.46 116.757h5.405v5.405h-5.405z"/>
+            <path fill="#AED8FF" d="M283.243 100.54h5.405v5.405h-5.405zM272.433 89.73h5.405v5.404h-5.405zM261.622 78.92h5.405v5.404h-5.405zM288.649 105.946h5.405v5.405h-5.405zM277.838 95.135h5.405v5.405h-5.405zM267.027 84.324h5.405v5.405h-5.405zM256.216 73.513h5.405v5.405h-5.405z"/>
+            <path fill="#000" d="M294.054 100.54h5.405v5.405h-5.405zM299.46 105.946h5.405v5.405h-5.405zM304.865 111.351h5.405v10.811h-5.405zM256.216 89.73h5.405v-5.405h-5.405zM272.433 105.946h5.405v-5.405h-5.405zM283.243 132.973h10.811v-5.405h-5.405v-5.406h-5.406z"/>
+            <path fill="#000" d="M315.676 100.54h-10.811v5.406h5.405v5.405h5.406zM250.81 68.108h16.217v5.406h-10.81v10.81h-5.406zM261.622 95.136h5.405V89.73h-5.405zM277.838 111.351h5.405v-5.405h-5.405zM267.027 100.54h5.405v-5.405h-5.405zM283.243 116.757h5.405v-5.405h-5.405zM288.649 122.162h5.405v-5.405h-5.405zM310.27 127.567h5.405v-5.405h-5.405zM315.676 132.973h5.405v-5.405h-5.405zM304.865 132.973h5.405v-5.405h-5.405zM310.27 138.378h5.405v-5.405h-5.405z"/>
+            <path fill="#000" d="M315.676 138.378h5.405v-5.405h-5.405zM294.054 127.567h10.81v-5.405h-10.81z"/>
+            <path fill="#212121" d="M283.243 68.108h5.406v-5.405h10.81v5.405h-5.405v5.406h-10.81zM380.54 68.108h-5.405v-5.405h-10.81v5.405h5.405v5.406h10.81zM304.865 51.892h5.405v5.405h-5.405zM326.487 14.054h5.405v5.405h-5.405zM331.892 8.648h5.405v5.405h-5.405zM337.297 3.243h5.405v5.405h-5.405zM342.703 8.648h5.405v5.405h-5.405zM348.108 14.054h5.405v5.405h-5.405zM353.514 19.46h5.405v5.404h-5.405zM348.108 24.865h5.405v5.405h-5.405zM353.514 51.892h5.405v5.405h-5.405zM358.919 57.297h5.405v5.405h-5.405z"/>
+            <path fill="#212121" d="M364.325 73.513h5.405v5.405h-5.405zM353.514 127.567h5.405v5.405h-5.405zM310.27 138.378h5.405v5.405h-5.405zM342.703 116.757h5.405v5.405h5.406v5.406h-5.406v5.405h5.406v10.81h-5.406v-5.405h-5.405zM304.865 143.784h5.405v5.405h43.244v-5.405h5.405v10.81h-54.054z"/>
+            <path fill="#000" d="M337.297 84.324h5.405v5.405h-5.405zM321.08 84.324h5.406v5.405h-5.405z"/>
+            <path fill="#212121" d="M342.703 19.46h5.405v5.404h-5.405zM337.297 24.865h5.405v5.405h-5.405zM342.703 30.27h5.405v10.811h-5.405zM348.108 41.081h5.405v10.811h-5.405zM310.27 41.081h5.405v10.811h-5.405zM315.676 30.27h5.405v10.811h-5.405zM321.08 19.46h5.406v10.81h-5.405z"/>
+            <path fill="#603913" d="M310.27 127.567h5.405v5.405h-5.405z"/>
+            <path fill="#B36E3F" d="M304.865 122.162h5.405v5.405h-5.405zM353.514 122.162h5.405v5.405h-5.405z"/>
+            <path fill="#F1965C" d="M353.514 116.757h5.405v5.405h-5.405z"/>
+        </g>
+    </g>
+</svg>

website/client/src/assets/images/group-plans-static/top.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="480" viewBox="0 0 1440 480">
+    <g fill="none" fill-rule="nonzero">
+        <path fill="#FEFEFE" d="M1002.873 423.48c98.309-13.08 200.935-19.32 301.582-11.64 46.05 3.42 91.473 9.96 135.545 20.04V480H681.054c104.245-19.92 207.59-40.86 312.645-55.32 3.058-.42 6.116-.78 9.174-1.2z"/>
+        <path fill="#FDFDFD" d="M.9 0H1440v431.88c-44.072-10.08-89.494-16.68-135.545-20.1-100.647-7.62-203.273-1.44-301.582 11.64-3.058.42-6.116.84-9.174 1.2-105.054 14.4-208.4 35.4-312.645 55.32H.9V0z"/>
+        <path fill="#FBFBFB" d="M1009.709 348.6c-2.878.48-5.756 1.02-8.545 1.5-176.47 31.5-349.611 80.1-533.816 105.96-156.682 21.96-314.354 17.52-466.449-6.12V0H1440v344.94c-47.04-10.56-95.79-16.62-144.9-18.54-96.51-3.96-193.019 6.12-285.391 22.2z"/>
+        <path fill="#FAFAFA" d="M1440 0v257.64c-50.009-11.04-102.086-16.38-154.164-16.62-92.462-.48-182.765 13.62-269.201 32.7-2.699.6-5.307 1.2-8.005 1.8-165.137 37.2-328.925 87.66-505.844 115.26C334.86 417 164.327 411.42.989 383.22V0H1440z"/>
+        <path fill="#F9F9F9" d="M1276.482 155.64c-88.325 3.6-172.602 21.12-253.012 43.26-2.518.66-4.947 1.38-7.465 2.04-153.804 42.96-308.237 95.1-477.871 124.62C359.325 356.64 175.3 350.04.899 316.68V0H1440v169.92c-53.067-11.76-108.472-16.5-163.518-14.28z"/>
+        <path fill="#F7F6F7" d="M.9 0H1440v81.78c-56.035-12.54-114.858-16.5-172.872-11.52-84.187 7.26-162.348 28.62-236.822 53.76-2.338.78-4.587 1.56-6.926 2.34-142.47 48.66-287.55 102.54-449.988 133.92-189.332 36.6-387.478 29.4-572.583-9.96V0H.9z"/>
+        <path fill="#F4F4F5" d="M1030.846 51.78C899.708 106.2 763.983 161.58 608.829 195c-187.622 40.44-387.927 36.48-573.75-3.18-11.514-2.46-22.847-5.04-34.27-7.74V0h1180.063c-50.369 12.78-97.769 30.36-143.64 49.2-2.159.84-4.228 1.74-6.386 2.58z"/>
+        <path fill="#F2F1F2" d="M.9 0h991.18C885.856 51.48 773.067 98.7 644.177 129.72c-172.512 41.52-359.775 44.82-535.165 12.66A1201.872 1201.872 0 0 1 .809 117.36V0H.9z"/>
+        <path fill="#EFEFF0" d="M183.036 92.88C140.582 86.52 98.848 77.7 58.374 66.6 38.856 61.26 19.698 55.32.899 48.9V0h860.403c-56.575 25.02-116.657 46.92-181.777 64.44-157.311 42.42-331.622 53.22-496.49 28.44z"/>
+        <path fill="#EDECEE" d="M256.97 43.44C189.241 35.88 123.042 21.18 61.97 0h650.294C570.423 42.6 410.413 60.6 256.969 43.44z"/>
+    </g>
+</svg>