From d8a766e5e447c959eb861d094e2231331c98da59 Mon Sep 17 00:00:00 2001
From: Tobias Klika <cee@live.at>
Date: Thu, 9 Dec 2021 14:18:38 +0100
Subject: [PATCH] login works + nav bar output

---
 zero.Backoffice.UI/app/account/account.d.ts   |  28 +
 zero.Backoffice.UI/app/account/api.ts         |  13 +
 .../pages/login => app/account}/login.vue     |  64 +-
 zero.Backoffice.UI/app/account/store.ts       |  18 +
 zero.Backoffice.UI/app/app.vue                | 110 +--
 zero.Backoffice.UI/app/components/index.ts    |  12 +-
 .../app/components/{ui => }/ui-add-button.vue |   0
 .../app/components/ui-dropdown-button.vue     | 277 ++++++++
 .../app/components/ui-dropdown-separator.vue  |  20 +
 .../app/components/ui-dropdown.vue            | 187 +++++
 .../app/components/ui-localize.vue            |  38 +
 .../app/components/ui-thumbnail.vue           |  30 +
 zero.Backoffice.UI/app/core/zeroRuntime.ts    |   5 +-
 .../app/directives/v-click-outside.ts         |   9 +-
 zero.Backoffice.UI/app/env.d.ts               |   7 +
 .../app/forms/components/index.ts             |   4 +-
 .../forms/components/ui-property.vue}         |   0
 .../forms/form-error-view.vue}                |   0
 zero.Backoffice.UI/app/forms/index.ts         |   5 +
 .../app/forms/{components => }/register.ts    |   8 +-
 .../forms/form.vue => app/forms/ui-form.vue}  |  42 +-
 .../app/modules/applications/api.ts           |  16 +
 .../app/modules/applications/index.ts         |  11 +
 .../app/modules/applications/plugin.ts        |  18 +
 .../app/modules/countries/index.ts            |  11 +
 zero.Backoffice.UI/app/modules/index.ts       |   3 +
 zero.Backoffice.UI/app/services/request.ts    |  21 +-
 zero.Backoffice.UI/app/stores/translations.ts |   8 +-
 .../app/styles/Canvas/_navigation.scss        | 488 -------------
 zero.Backoffice.UI/app/styles/styles.ts       |   1 -
 zero.Backoffice.UI/app/ui/api.ts              |  13 +
 zero.Backoffice.UI/app/ui/app-navigation.vue  | 666 ++++++++++++++++++
 zero.Backoffice.UI/app/ui/store.ts            |  27 +
 zero.Backoffice.UI/app/ui/ui.d.ts             |  44 ++
 zero.Backoffice.UI/app/utils/arrays.ts        |  12 +
 zero.Backoffice.UI/index.html                 |   4 -
 .../old_app/editor/blueprint/property.vue     | 322 ---------
 .../old_app/editor/blueprint/settings.vue     | 223 ------
 .../old_app/editor/editor-aside.vue           |  72 --
 .../old_app/editor/editor-component.vue       | 192 -----
 .../old_app/editor/editor-form.vue            |  75 --
 .../old_app/editor/editor-header.vue          | 222 ------
 .../old_app/editor/editor-infos.vue           |  47 --
 .../old_app/editor/editor-legacy.scss         | 156 ----
 .../old_app/editor/editor-overlay.vue         |  82 ---
 zero.Backoffice.UI/old_app/editor/editor.scss | 156 ----
 zero.Backoffice.UI/old_app/editor/editor.vue  | 129 ----
 .../old_app/editor/fields/alias.vue           |  31 -
 .../old_app/editor/fields/checklist.vue       |  41 --
 .../old_app/editor/fields/colorpicker.vue     |  19 -
 .../old_app/editor/fields/countrypicker.vue   |  17 -
 .../old_app/editor/fields/culturepicker.vue   |  39 -
 .../old_app/editor/fields/currency.vue        |  23 -
 .../old_app/editor/fields/datepicker.vue      |  45 --
 .../old_app/editor/fields/daterangepicker.vue |  57 --
 .../old_app/editor/fields/iconPicker.vue      |  23 -
 .../old_app/editor/fields/inputlist.vue       |  32 -
 .../old_app/editor/fields/language.vue        |  47 --
 .../old_app/editor/fields/link.vue            |  43 --
 .../old_app/editor/fields/linkpicker.vue      |  44 --
 .../editor/fields/mailtemplatepicker.vue      |  17 -
 .../old_app/editor/fields/media.vue           |  43 --
 .../old_app/editor/fields/modules.vue         |  23 -
 .../old_app/editor/fields/nested.vue          | 187 -----
 .../old_app/editor/fields/number.vue          |  30 -
 .../old_app/editor/fields/output.vue          |  20 -
 .../old_app/editor/fields/pagepicker.vue      |  24 -
 .../old_app/editor/fields/password-hash.vue   |  54 --
 .../old_app/editor/fields/password.vue        |  28 -
 .../old_app/editor/fields/rte.vue             |  32 -
 .../old_app/editor/fields/select.vue          |  82 ---
 .../old_app/editor/fields/spacepicker.vue     |  17 -
 .../old_app/editor/fields/state.vue           |  19 -
 .../old_app/editor/fields/static/line.vue     |  11 -
 .../old_app/editor/fields/tags.vue            |  23 -
 .../old_app/editor/fields/text.vue            |  28 -
 .../old_app/editor/fields/textarea.vue        |  19 -
 .../old_app/editor/fields/toggle.vue          |  16 -
 .../old_app/editor/fields/video.vue           |  28 -
 zero.Backoffice.UI/package.json               |   1 +
 zero.Backoffice.UI/vite.config.js             |  15 +-
 .../Applications/ApplicationMapperProfile.cs  |  19 +
 .../Applications/ApplicationPresentation.cs   |  12 +
 .../Applications/ApplicationsController.cs    |  22 +
 zero.Backoffice/Endpoints/UI/UIController.cs  |   1 -
 zero.Backoffice/Endpoints/UI/UIViewModel.cs   |   2 +-
 zero.Backoffice/Plugin.cs                     |   2 +
 zero.Backoffice/Resources/backoffice.tpl.html |   7 -
 ...ZeroBackofficeControllerModelConvention.cs |   2 +-
 89 files changed, 1652 insertions(+), 3489 deletions(-)
 create mode 100644 zero.Backoffice.UI/app/account/account.d.ts
 create mode 100644 zero.Backoffice.UI/app/account/api.ts
 rename zero.Backoffice.UI/{old_app/pages/login => app/account}/login.vue (73%)
 create mode 100644 zero.Backoffice.UI/app/account/store.ts
 rename zero.Backoffice.UI/app/components/{ui => }/ui-add-button.vue (100%)
 create mode 100644 zero.Backoffice.UI/app/components/ui-dropdown-button.vue
 create mode 100644 zero.Backoffice.UI/app/components/ui-dropdown-separator.vue
 create mode 100644 zero.Backoffice.UI/app/components/ui-dropdown.vue
 create mode 100644 zero.Backoffice.UI/app/components/ui-localize.vue
 create mode 100644 zero.Backoffice.UI/app/components/ui-thumbnail.vue
 rename zero.Backoffice.UI/{old_app/components/forms/property.vue => app/forms/components/ui-property.vue} (100%)
 rename zero.Backoffice.UI/{old_app/components/forms/error-view.vue => app/forms/form-error-view.vue} (100%)
 create mode 100644 zero.Backoffice.UI/app/forms/index.ts
 rename zero.Backoffice.UI/app/forms/{components => }/register.ts (57%)
 rename zero.Backoffice.UI/{old_app/components/forms/form.vue => app/forms/ui-form.vue} (92%)
 create mode 100644 zero.Backoffice.UI/app/modules/applications/api.ts
 create mode 100644 zero.Backoffice.UI/app/modules/applications/index.ts
 create mode 100644 zero.Backoffice.UI/app/modules/applications/plugin.ts
 create mode 100644 zero.Backoffice.UI/app/modules/countries/index.ts
 create mode 100644 zero.Backoffice.UI/app/modules/index.ts
 delete mode 100644 zero.Backoffice.UI/app/styles/Canvas/_navigation.scss
 create mode 100644 zero.Backoffice.UI/app/ui/api.ts
 create mode 100644 zero.Backoffice.UI/app/ui/app-navigation.vue
 create mode 100644 zero.Backoffice.UI/app/ui/store.ts
 create mode 100644 zero.Backoffice.UI/app/ui/ui.d.ts
 delete mode 100644 zero.Backoffice.UI/old_app/editor/blueprint/property.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/blueprint/settings.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/editor-aside.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/editor-component.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/editor-form.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/editor-header.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/editor-infos.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/editor-legacy.scss
 delete mode 100644 zero.Backoffice.UI/old_app/editor/editor-overlay.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/editor.scss
 delete mode 100644 zero.Backoffice.UI/old_app/editor/editor.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/alias.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/checklist.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/colorpicker.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/countrypicker.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/culturepicker.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/currency.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/datepicker.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/daterangepicker.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/iconPicker.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/inputlist.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/language.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/link.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/linkpicker.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/mailtemplatepicker.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/media.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/modules.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/nested.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/number.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/output.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/pagepicker.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/password-hash.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/password.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/rte.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/select.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/spacepicker.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/state.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/static/line.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/tags.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/text.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/textarea.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/toggle.vue
 delete mode 100644 zero.Backoffice.UI/old_app/editor/fields/video.vue
 create mode 100644 zero.Backoffice/Endpoints/Applications/ApplicationMapperProfile.cs
 create mode 100644 zero.Backoffice/Endpoints/Applications/ApplicationPresentation.cs
 create mode 100644 zero.Backoffice/Endpoints/Applications/ApplicationsController.cs

diff --git a/zero.Backoffice.UI/app/account/account.d.ts b/zero.Backoffice.UI/app/account/account.d.ts
new file mode 100644
index 00000000..16c5795d
--- /dev/null
+++ b/zero.Backoffice.UI/app/account/account.d.ts
@@ -0,0 +1,28 @@
+
+declare module 'zero/account'
+{
+  export interface AccountUser
+  {
+    id: string;
+    currentAppId: string;
+    isSuper: boolean;
+    avatarId: string;
+    email: string;
+    name: string;
+    isActive: boolean;
+    createdDate: string;
+    flavor?: string;
+  }
+
+  export interface AccountStoreState
+  {
+    user?: AccountUser;
+  }
+
+  export interface AccountLoginModel
+  {
+    email: string;
+    password: string;
+    isPersistent: boolean;
+  }
+}
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/account/api.ts b/zero.Backoffice.UI/app/account/api.ts
new file mode 100644
index 00000000..f92b6f61
--- /dev/null
+++ b/zero.Backoffice.UI/app/account/api.ts
@@ -0,0 +1,13 @@
+import { AccountLoginModel, AccountUser } from 'zero/account';
+import { get, post, ZeroRequestConfig } from '../services/request';
+
+export default {
+
+  getUser: async (config?: ZeroRequestConfig): Promise<AccountUser> => await get('backoffice/account/user', { ...config }),
+
+  isAuthenticated: async (config?: ZeroRequestConfig) => await get('backoffice/account/loggedin', { ...config }),
+
+  login: async (model: AccountLoginModel, config?: ZeroRequestConfig) => await post('backoffice/account/login', model, { ...config }),
+
+  logout: async (config?: ZeroRequestConfig) => await post('backoffice/account/logout', null, { ...config })
+};
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/pages/login/login.vue b/zero.Backoffice.UI/app/account/login.vue
similarity index 73%
rename from zero.Backoffice.UI/old_app/pages/login/login.vue
rename to zero.Backoffice.UI/app/account/login.vue
index 9a0dd303..7a8966f3 100644
--- a/zero.Backoffice.UI/old_app/pages/login/login.vue
+++ b/zero.Backoffice.UI/app/account/login.vue
@@ -1,8 +1,7 @@
 <template>
   <div class="app-auth">
-    <i class="fth-home app-auth-font-trigger"></i>
     <span></span>
-    <ui-form class="app-auth-inner" v-slot="form" @submit="onSubmit">
+    <form class="app-auth-inner" @submit.prevent="onSubmit">
       <div>
         <div class="app-auth-logo">
           <span class="app-nav-logo-circle"></span>
@@ -10,8 +9,8 @@
           <img src="/Assets/zero-dark.svg" class="app-auth-image show-dark" v-localize:alt="'@zero.name'" />
         </div>
 
-        <ui-error :catch-remaining="true" />
-        <ui-message type="info" v-if="rejectReason" :text="rejectReason" />
+        <!--<ui-error :catch-remaining="true" />
+        <ui-message type="info" v-if="rejectReason" :text="rejectReason" />-->
 
         <ui-property field="email" label="@login.fields.email" :vertical="true">
           <input v-model="model.email" type="text" class="ui-input" maxlength="120" v-localize:placeholder="'@login.fields.email_placeholder'" />
@@ -24,50 +23,62 @@
       </div>
 
       <div class="app-auth-bottom">
-        <ui-button class="app-auth-confirm" type="accent" :submit="true" label="@login.button" :state="form.state" />
-        <ui-button type="blank" label="@login.button_forgot" />
+        <ui-button class="app-auth-confirm" type="accent" :submit="true" label="@login.button" :state="state" />
+        <!--<ui-button type="blank" label="@login.button_forgot" />-->
       </div>
-    </ui-form>
+    </form>
   </div>
 </template>
 
 
-<script>
-  import AuthApi from 'zero/helpers/auth.js';
+<script lang="ts">
+  import { defineComponent } from 'vue';
+  import api from './api';
+  import { useAccountStore } from './store';
+  import { useUiStore } from '../ui/store';
 
-  export default {
+  export default defineComponent({
     name: 'app-login',
 
     data: () => ({
       rejectReason: null,
+      state: 'default',
       model: {
-        email: null,
-        password: null,
+        email: '',
+        password: '',
         isPersistent: true
       }
     }),
 
     created()
     {
-      this.rejectReason = AuthApi.rejectReason;
+      //this.rejectReason = api.rejectReason;
     },
 
     methods: {
-      onSubmit(form)
+      async onSubmit(form)
       {
-        this.rejectReason = null;
+        const accountStore = useAccountStore();
 
-        form.handle(AuthApi.login(this.model)).then(res =>
+        this.rejectReason = null;
+        this.state = 'loading';
+
+        try
         {
-          window.location.reload();
-          AuthApi.$emit('apprebuild');
-        }, errors =>
+          const response = await api.login(this.model);
+          this.state = 'success';
+          await useUiStore().setup();
+          accountStore.user = await api.getUser();
+        }
+        catch
         {
-          console.info('login: error', errors);
-        });
+          accountStore.user = null;
+          this.state = 'error';
+          return;
+        }
       }
     }
-  }
+  })
 </script>
 
 
@@ -97,15 +108,6 @@
     }*/
   }
 
-  .app-auth-font-trigger
-  {
-    position: absolute;
-    pointer-events: none;
-    opacity: 0.001;
-    bottom: 0;
-    right: 0;
-  }
-
   .app-auth-inner
   {
     display: grid;
diff --git a/zero.Backoffice.UI/app/account/store.ts b/zero.Backoffice.UI/app/account/store.ts
new file mode 100644
index 00000000..266e0769
--- /dev/null
+++ b/zero.Backoffice.UI/app/account/store.ts
@@ -0,0 +1,18 @@
+
+import { defineStore } from 'pinia';
+import { AccountStoreState } from 'zero/account';
+
+export type TranslationState = {
+  culture: string,
+  translations: Record<string, string>
+};
+
+export const useAccountStore = defineStore('zero.account', {
+  state: () => ({
+    user: undefined
+  } as AccountStoreState),
+
+  getters: {
+    isAuthenticated: state => state.user != null
+  }
+});
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/app.vue b/zero.Backoffice.UI/app/app.vue
index af015311..0e99f4bb 100644
--- a/zero.Backoffice.UI/app/app.vue
+++ b/zero.Backoffice.UI/app/app.vue
@@ -1,92 +1,52 @@
 <template>
-  <div class="app">
-    <div class="ui-box" style="width: 600px">
-      nav:
-      <router-link to="/">Home</router-link>
-      <router-link to="/about">About</router-link>
-      <router-link to="/countries">Countries</router-link><br />
-      view:
-      <router-view></router-view>
-    </div>
-    <div class="ui-box">
-      <input type="text" v-model="input" />
-      <br />
-      output: {{output}}
-      <br />
-      date: <span v-date="'2020-12-11T00:28:00'"></span>
-      <br />
-      name: <span v-localize="'@name'"></span>
-      <br />
-      version: {{zero.version}}
-      <br />
-      icon: <ui-icon symbol="fth-home" />
-      <br />
-      loading: <ui-loading />
-      <br />
-      tabs:
-      <ui-tabs>
-        <ui-tab label="Content">
-          This is my content
-        </ui-tab>
-        <ui-tab :label="tabLabel">
-          Our settings <button type="button" @click="tabLabel = 'New Settings'">change label</button>
-        </ui-tab>
-      </ui-tabs>
-      <br /><br /><br />
-      buttons:
-      <ui-button label="Click" type="accent"></ui-button>
-      <ui-icon-button icon="fth-home" type="accent"></ui-icon-button>
-      <ui-dot-button></ui-dot-button>
-      <ui-select-button label="Choose" description="Select an item"></ui-select-button>
-      <ui-state-button :items="[{value: 'yes', label: 'Yes'}, {value: 'no', label: 'No'}]"></ui-state-button>
-      <br />
-      message: <ui-message text="Warning, this is not acceptable" />
-      <br />
-      pagination: <ui-pagination :pages="10" :page="2"></ui-pagination>
-      <br />
-      rte:
-      <br />
-      <ui-rte v-model="rte" />
-      <br />
-      <ui-toggle v-model="toggled" />
-      <br />
-      <ui-search v-if="toggled" v-model="search" @submit="searchSubmit($event)" />
-      <br />
-      countrypicker:
-      <ui-countrypicker v-if="!toggled" />
-    </div>
+  <div class="app" v-if="initialized">
+    <app-login v-if="!accountStore.isAuthenticated" />
+    <template v-else>
+      <app-navigation />
+      <div class="app-main">
+        <router-view></router-view>
+      </div>
+    </template>
   </div>
 </template>
 
 
 <script lang="ts">
   import './styles/styles';
-  import { selectorToArray } from './utils';
-  import { localize } from './services/localization';
+  import AppLogin from './account/login.vue';
+  import AppNavigation from './ui/app-navigation.vue';
+  import { useAccountStore } from './account/store';
+  import { useUiStore } from './ui/store';
+  import { useTranslationStore } from './stores/translations';
+  import accountApi from './account/api';
+  import { defineComponent } from 'vue';
+
+  export default defineComponent({
+    name: 'app',
+
+    components: { AppLogin, AppNavigation },
 
-  export default {
     data: () => ({
-      input: null,
-      name: localize('@name'),
-      tabLabel: 'Settings',
-      rte: '<p><b>Hallo</b><br>Das ist <i>schön</i></p><p>Ciao Tobi</p>',
-      toggled: true,
-      search: null
+      initialized: false,
+      accountStore: null
     }),
 
-    computed: {
-      output()
+    async mounted()
+    {
+      this.accountStore = useAccountStore();
+      try
       {
-        return selectorToArray(this.input);
+        this.accountStore.user = await accountApi.getUser();
+        await useUiStore().setup();
       }
+      catch { }
+
+      await useTranslationStore().setup();
+
+      this.initialized = true;
     },
 
-    methods: {
-      searchSubmit(ev)
-      {
-        console.info('searched: ' + ev);
-      }
-    }
-  }
+
+  });
 
 </script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/components/index.ts b/zero.Backoffice.UI/app/components/index.ts
index 0bffd90b..9455f693 100644
--- a/zero.Backoffice.UI/app/components/index.ts
+++ b/zero.Backoffice.UI/app/components/index.ts
@@ -11,6 +11,11 @@ import uiStateButton from './ui-state-button.vue';
 import uiMessage from './ui-message.vue';
 import uiPagination from './ui-pagination.vue';
 import uiError from './ui-error.vue';
+import uiLocalize from './ui-localize.vue';
+import uiThumbnail from './ui-thumbnail.vue';
+import uiDropdownSeparator from './ui-dropdown-separator.vue';
+import uiDropdownButton from './ui-dropdown-button.vue';
+import uiDropdown from './ui-dropdown.vue';
 
 export {
   uiIcon,
@@ -25,5 +30,10 @@ export {
   uiStateButton,
   uiMessage,
   uiPagination,
-  uiError
+  uiError,
+  uiLocalize,
+  uiThumbnail,
+  uiDropdownSeparator,
+  uiDropdownButton,
+  uiDropdown
 };
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/components/ui/ui-add-button.vue b/zero.Backoffice.UI/app/components/ui-add-button.vue
similarity index 100%
rename from zero.Backoffice.UI/app/components/ui/ui-add-button.vue
rename to zero.Backoffice.UI/app/components/ui-add-button.vue
diff --git a/zero.Backoffice.UI/app/components/ui-dropdown-button.vue b/zero.Backoffice.UI/app/components/ui-dropdown-button.vue
new file mode 100644
index 00000000..11b24342
--- /dev/null
+++ b/zero.Backoffice.UI/app/components/ui-dropdown-button.vue
@@ -0,0 +1,277 @@
+<template>
+  <button v-if="!confirming" :disabled="disabled" type="button" @click="onClick" class="ui-dropdown-button" :class="{ 'has-icon': icon, 'is-active': selected, 'is-multiline': multiline }">
+    <ui-icon v-if="icon" :symbol="icon" class="ui-dropdown-button-icon" />
+    <span><ui-localize :value="label" /><span v-if="false && confirm && !confirming"> &hellip;</span><span v-if="false && confirming">?</span></span>  
+    <ui-icon v-if="selected" symbol="check" class="ui-dropdown-button-selected" />
+    <i v-if="loading" class="ui-dropdown-button-progress"></i>
+  </button>
+  <div v-if="confirming" class="ui-dropdown-button-confirmation">
+    <ui-icon v-if="icon" :symbol="icon" class="ui-dropdown-button-icon" />
+    <ui-localize :value="label" />
+    <ui-button type="small light" icon="fth-x" title="Cancel" @click="confirming=false" />
+    <ui-button :type="negative ? 'small danger' : 'small primary'" icon="fth-check" title="OK" @click="onClick($event, true)" />
+  </div>
+</template>
+
+
+<script>
+  export default {
+    name: 'uiDropdownButton',
+
+    props: {
+      value: {
+        default: null
+      },
+      multiline: {
+        type: Boolean,
+        default: false
+      },
+      label: {
+        type: String,
+        required: true
+      },
+      icon: {
+        type: String
+      },
+      selected: {
+        type: Boolean,
+        default: false
+      },
+      confirm: {
+        type: Boolean,
+        default: false
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      negative: {
+        type: Boolean,
+        default: false
+      },
+      prevent: {
+        type: Boolean,
+        default: false
+      }
+    },
+
+    data: () => ({
+      dropdown: null,
+      loading: false,
+      confirming: false
+    }),
+
+    mounted ()
+    {
+      // find parent dropdown so we can pass it on item click
+      let current = this;
+      do
+      {
+        if (current.$options.name === 'uiDropdown')
+        {
+          this.dropdown = current;
+          break;
+        }
+      }
+      while (current = current.$parent);
+
+      if (!this.dropdown)
+      {
+        console.warn('ui-dropdown-button: Could not find parent <ui-dropdown />');
+      }
+    },
+
+    methods: {
+
+      onClick(e, confirmed)
+      {
+        var instance = this;
+
+        if (!this.loading && !this.disabled)
+        {
+          if (this.confirm && !confirmed)
+          {
+            this.confirming = true;
+            //var confirmed = window.confirm('confirm?');
+            return;
+          }
+          else
+          {
+            this.confirming = false;
+          }
+
+          if (!this.prevent && this.dropdown)
+          {
+            this.dropdown.hide();
+          }
+
+          this.$emit('click', this.value, {
+            dropdown: this.dropdown,
+            hide()
+            {
+              if (this.dropdown)
+              {
+                this.dropdown.hide();
+              }
+              instance.$emit('hide');
+            },
+            loading(isLoading)
+            {
+              instance.loading = isLoading;
+            }
+          });
+        }
+      }
+    }
+  }
+</script>
+
+
+<style lang="scss">
+  button.ui-dropdown-button
+  {
+    display: grid;
+    width: 100%;
+    grid-template-columns: minmax(0, 1fr) auto;
+    gap: 6px;
+    align-items: center;
+    font-size: var(--font-size);
+    font-weight: 500;
+    padding: 0 16px;
+    height: 48px;
+    color: var(--color-text);
+    border-radius: var(--radius);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    max-width: 100%;
+
+    &.has-icon
+    {
+      grid-template-columns: 30px minmax(0, 1fr) auto;
+
+      &:not([disabled]):hover .ui-dropdown-button-icon
+      {
+        color: var(--color-text);
+      }
+    }
+
+    &.has-icon.is-negative:not([disabled]):hover .ui-dropdown-button-icon
+    {
+      color: var(--color-accent-error);
+    }
+
+    &.is-multiline
+    {
+      white-space: normal;
+      overflow: visible;
+    }
+
+    &:not([disabled]):hover, &.is-active, &:focus
+    {
+      background: var(--color-dropdown-selected);
+      color: var(--color-text);
+      //font-weight: 700;
+
+      .ui-dropdown-list-item-icon
+      {
+        color: var(--color-text);
+      }
+    }
+
+    &.is-active
+    {
+      font-weight: 700;
+    }
+
+    &.is-active .ui-dropdown-button-icon
+    {
+      color: var(--color-text);
+    }
+
+    &[disabled]
+    {
+      color: var(--color-text-dim);
+      cursor: default;
+      pointer-events: none;
+
+      .ui-dropdown-list-item-icon,
+      .ui-dropdown-button-icon
+      {
+        color: var(--color-text-dim);
+      }
+    }
+
+    & + .ui-dropdown-button
+    {
+      margin-top: 4px;
+    }
+  }
+
+  .ui-dropdown-button-icon
+  {
+    font-size: 18px;
+    line-height: 1;
+    font-weight: 400;
+    position: relative;
+    top: -1px;
+    color: var(--color-text);
+  }
+
+  .ui-dropdown-button-progress
+  {   
+    width: 16px;
+    height: 16px;
+    z-index: 2;
+    border-radius: 40px;
+    border: 2px solid transparent;
+    border-left-color: var(--color-text);
+    opacity: 1;
+    will-change: transform;
+    animation: rotating .5s linear infinite;
+    transition: opacity .25s ease;
+  }
+
+  .ui-dropdown-button-confirmation
+  {
+    display: grid;
+    flex-grow: 0;
+    width: 100%;
+    grid-template-columns: 30px minmax(0, 1fr) auto auto;
+    gap: 6px;
+    align-items: center;
+    font-size: var(--font-size);
+    padding: 0 6px 0 16px;
+    height: 48px;
+    color: var(--color-text);
+    border-radius: var(--radius);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    max-width: 300px;
+
+    .ui-button + .ui-button
+    {
+      margin-left: 2px;
+    }
+
+    .ui-button
+    {
+      width: 40px;
+    }
+  }
+
+  @keyframes rotating
+  {
+    from
+    {
+      -webkit-transform: rotate(0);
+      transform: rotate(0)
+    }
+    to
+    {
+      -webkit-transform: rotate(1turn);
+      transform: rotate(1turn)
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/components/ui-dropdown-separator.vue b/zero.Backoffice.UI/app/components/ui-dropdown-separator.vue
new file mode 100644
index 00000000..30af3628
--- /dev/null
+++ b/zero.Backoffice.UI/app/components/ui-dropdown-separator.vue
@@ -0,0 +1,20 @@
+<template>
+  <hr class="ui-dropdown-separator">
+</template>
+
+
+<script>
+  export default {
+    name: 'uiDropdownSeparator'
+  }
+</script>
+
+
+<style lang="scss">
+  .ui-dropdown-separator
+  {
+    border: none;
+    border-bottom: 1px solid var(--color-dropdown-line);
+    margin: 5px 0;
+  }
+</style>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/components/ui-dropdown.vue b/zero.Backoffice.UI/app/components/ui-dropdown.vue
new file mode 100644
index 00000000..a5435aeb
--- /dev/null
+++ b/zero.Backoffice.UI/app/components/ui-dropdown.vue
@@ -0,0 +1,187 @@
+<template>
+  <div class="ui-dropdown-container">
+    <div v-if="hasButton" ref="trigger" class="ui-dropdown-toggle" @click.prevent.stop="toggle">
+      <slot name="button"></slot>
+    </div>
+    <div class="ui-dropdown" ref="overlay" role="dialog" v-if="open" v-click-outside="hide" :class="dropdownClasses">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+
+<script>
+  //import Overlay from 'zero/helpers/overlay.js';
+  import { defineComponent } from 'vue';
+
+  export default defineComponent({
+    name: 'uiDropdown',
+
+    props: {
+      align: {
+        type: String,
+        default: 'left'
+      },
+      theme: {
+        type: String,
+        default: 'dark'
+      },
+      locked: {
+        type: Boolean,
+        default: false
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      }
+    },
+
+    computed: {
+
+      hasButton()
+      {
+        return this.$scopedSlots.hasOwnProperty('button');
+      },
+
+      dropdownClasses()
+      {
+        let classes = 'align-' + this.align.split(' ').join(' align-');
+
+        if (!!this.theme)
+        {
+          classes += ' theme-' + this.theme;
+        }
+
+        return classes;
+      }
+    },
+
+    data: () => ({
+      open: false
+    }),
+
+
+    methods: {
+
+      toggle()
+      {
+        if (this.open)
+        {
+          this.hide();
+        }
+        else if (!this.disabled)
+        {
+          this.show();
+        }
+      },
+
+      show()
+      {
+        if (this.disabled)
+        {
+          return;
+        }
+        //Overlay.setDropdown(this);
+        this.open = true;
+        //this.position();
+        this.$emit('opened');
+      },
+
+      hide()
+      {
+        if (this.locked)
+        {
+          return;
+        }
+        this.open = false;
+        this.$emit('closed');
+      },
+
+      position()
+      {
+        this.$nextTick(() =>
+        {
+          // the trigger which is the relative to the overlay
+          const reference = this.$refs.trigger;
+
+          // get bounding boxes both for the trigger and the overlay
+          const triggerBoundingBox = reference.getBoundingClientRect();
+          const overlayBoundingBox = this.$refs.overlay.getBoundingClientRect();
+          const windowBox = { width: window.innerWidth, height: window.innerHeight };
+          const windowOffset = 32;
+
+          // calculate available space for the dropdown in all 4 directions areound the trigger element
+          let availableSpace = {
+            left: triggerBoundingBox.left + triggerBoundingBox.width - windowOffset,
+            right: windowBox.width - triggerBoundingBox.left - windowOffset,
+            top: triggerBoundingBox.top + triggerBoundingBox.height - windowOffset,
+            bottom: windowBox.height - triggerBoundingBox.top - windowOffset
+          };
+
+          console.table(availableSpace);
+
+          //console.info(triggerBoundingBox, overlayBoundingBox, windowBox);
+
+          //const resize_ob = new ResizeObserver(function (entries)
+          //{
+          //  // since we are observing only a single element, so we access the first element in entries array
+          //  let rect = entries[0].contentRect;
+
+          //  // current width & height
+          //  let width = rect.width;
+          //  let height = rect.height;
+
+          //  console.log('Current Width : ' + width);
+          //  console.log('Current Height : ' + height);
+          //});
+
+          //// start observing for resize
+          //resize_ob.observe(document.querySelector("#demo-textarea"));
+
+          //resize_ob.unobserve(document.querySelector("#demo-textarea"));
+        });
+      }
+
+    }
+  });
+</script>
+
+
+<style lang="scss">
+  .ui-dropdown-container
+  {
+    position: relative;
+  }
+
+  .ui-dropdown
+  {
+    position: absolute;
+    min-width: 300px;
+    min-height: 20px;
+    background: var(--color-dropdown);
+    border-radius: var(--radius);
+    border: 1px solid var(--color-dropdown-border);
+    box-shadow: var(--shadow-dropdown);
+    z-index: 8;
+    top: calc(100% + 5px);
+    padding: 5px;
+    color: var(--color-text);
+
+    &.align-right
+    {
+      right: 0;
+    }
+
+    &.align-top
+    {
+      top: calc(100% + 5px);
+      bottom: auto;
+    }
+
+    &.align-bottom
+    {
+      bottom: calc(100% + 5px);
+      top: auto;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/components/ui-localize.vue b/zero.Backoffice.UI/app/components/ui-localize.vue
new file mode 100644
index 00000000..00163528
--- /dev/null
+++ b/zero.Backoffice.UI/app/components/ui-localize.vue
@@ -0,0 +1,38 @@
+<template>
+  <span>{{output}}</span>
+</template>
+
+
+<script>
+  import { localize } from '../services/localization';
+
+  export default {
+    name: 'uiLocalize',
+
+    props: {
+      value: {
+        type: String,
+        default: null
+      },
+      force: {
+        type: Boolean,
+        default: false
+      },
+      tokens: {
+        type: Object,
+        default: null
+      },
+      hideEmpty: {
+        type: Boolean,
+        default: false
+      }
+    },
+
+    computed: {
+      output()
+      {
+        return localize(this.value, { tokens: this.tokens, force: this.force, hideEmpty: this.hideEmpty });
+      }
+    }
+  }
+</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/components/ui-thumbnail.vue b/zero.Backoffice.UI/app/components/ui-thumbnail.vue
new file mode 100644
index 00000000..0d50bf25
--- /dev/null
+++ b/zero.Backoffice.UI/app/components/ui-thumbnail.vue
@@ -0,0 +1,30 @@
+<template>
+  <img :src="src" />
+</template>
+
+
+<script lang="ts">
+  import { defineComponent } from 'vue';
+
+  export default defineComponent({
+    name: 'uiThumbnail',
+
+    props: {
+      media: {
+        type: String,
+        required: true
+      },
+      size: {
+        type: String,
+        default: 'thumbnail'
+      }
+    },
+
+    computed: {
+      src()
+      {
+        return 'zero/api/media/getSource/?id=' + this.media + '&size=' + this.size;
+      }
+    }
+  });
+</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/core/zeroRuntime.ts b/zero.Backoffice.UI/app/core/zeroRuntime.ts
index 404d5341..7dedcc13 100644
--- a/zero.Backoffice.UI/app/core/zeroRuntime.ts
+++ b/zero.Backoffice.UI/app/core/zeroRuntime.ts
@@ -6,9 +6,9 @@ import { Zero } from './types/zero';
 import { createRouter, RouteRecordRaw, RouterOptions } from 'vue-router';
 import registerDirectives from '../directives/register';
 import registerComponents from '../components/register';
-import registerFormComponents from '../forms/components/register';
+import registerFormComponents from '../forms/register';
 import { getRouterConfig, appendRouterGuards } from './router/routerConfig';
-import countryPlugin from '../modules/countries/plugin';
+import { countryPlugin, applicationPlugin } from '../modules';
 
 export class ZeroRuntime implements Zero
 {
@@ -61,6 +61,7 @@ export class ZeroRuntime implements Zero
 
     // install all plugins
     countryPlugin.install(pluginOptions);
+    applicationPlugin.install(pluginOptions);
   }
 
 
diff --git a/zero.Backoffice.UI/app/directives/v-click-outside.ts b/zero.Backoffice.UI/app/directives/v-click-outside.ts
index 0b82912e..46dc8efc 100644
--- a/zero.Backoffice.UI/app/directives/v-click-outside.ts
+++ b/zero.Backoffice.UI/app/directives/v-click-outside.ts
@@ -1,9 +1,4 @@
 
-const isServer = vNode =>
-{
-  return typeof vNode.componentInstance !== 'undefined' && vNode.componentInstance.$isServer;
-};
-
 const isPopup = (popupItem, elements) =>
 {
   if (!popupItem || !elements)
@@ -79,7 +74,7 @@ export default {
 
     setTimeout(() =>
     {
-      !isServer(vNode) && document.addEventListener('click', handler);
+      document.addEventListener('click', handler);
     }, 200);
   },
 
@@ -93,7 +88,7 @@ export default {
 
   unbind(el, binding, vNode)
   {
-    !isServer(vNode) && document.removeEventListener('click', el.__vueClickOutside__.handler);
+    document.removeEventListener('click', el.__vueClickOutside__.handler);
     delete el.__vueClickOutside__;
   }
 };
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/env.d.ts b/zero.Backoffice.UI/app/env.d.ts
index 6abfa2a2..659d7139 100644
--- a/zero.Backoffice.UI/app/env.d.ts
+++ b/zero.Backoffice.UI/app/env.d.ts
@@ -5,4 +5,11 @@ declare module '*.vue' {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
   const component: DefineComponent<{}, {}, any>
   export default component
+}
+
+declare module 'vue' {
+  import { CompatVue } from '@vue/runtime-dom'
+  const Vue: CompatVue
+  export default Vue
+  export * from '@vue/runtime-dom'
 }
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/forms/components/index.ts b/zero.Backoffice.UI/app/forms/components/index.ts
index d77304ac..d7cd151d 100644
--- a/zero.Backoffice.UI/app/forms/components/index.ts
+++ b/zero.Backoffice.UI/app/forms/components/index.ts
@@ -2,10 +2,12 @@ import uiRte from './ui-rte/ui-rte.vue';
 import uiCheckList from './ui-check-list.vue';
 import uiSearch from './ui-search.vue';
 import uiToggle from './ui-toggle.vue';
+import uiProperty from './ui-property.vue';
 
 export {
   uiRte,
   uiCheckList,
   uiSearch,
-  uiToggle
+  uiToggle,
+  uiProperty
 };
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/components/forms/property.vue b/zero.Backoffice.UI/app/forms/components/ui-property.vue
similarity index 100%
rename from zero.Backoffice.UI/old_app/components/forms/property.vue
rename to zero.Backoffice.UI/app/forms/components/ui-property.vue
diff --git a/zero.Backoffice.UI/old_app/components/forms/error-view.vue b/zero.Backoffice.UI/app/forms/form-error-view.vue
similarity index 100%
rename from zero.Backoffice.UI/old_app/components/forms/error-view.vue
rename to zero.Backoffice.UI/app/forms/form-error-view.vue
diff --git a/zero.Backoffice.UI/app/forms/index.ts b/zero.Backoffice.UI/app/forms/index.ts
new file mode 100644
index 00000000..85188f68
--- /dev/null
+++ b/zero.Backoffice.UI/app/forms/index.ts
@@ -0,0 +1,5 @@
+import uiForm from './ui-form.vue';
+
+export {
+  uiForm
+};
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/forms/components/register.ts b/zero.Backoffice.UI/app/forms/register.ts
similarity index 57%
rename from zero.Backoffice.UI/app/forms/components/register.ts
rename to zero.Backoffice.UI/app/forms/register.ts
index 8e137b10..1c15ed6f 100644
--- a/zero.Backoffice.UI/app/forms/components/register.ts
+++ b/zero.Backoffice.UI/app/forms/register.ts
@@ -1,13 +1,19 @@
 
 import { App } from 'vue';
+import * as partials from './components/index';
 import * as components from './index';
 
 export default function (app: App)
 {
+  for (var key in partials)
+  {
+    let component = partials[key];
+    app.component(key, component.default || component);
+  }
+
   for (var key in components)
   {
     let component = components[key];
-
     app.component(key, component.default || component);
   }
 };
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/components/forms/form.vue b/zero.Backoffice.UI/app/forms/ui-form.vue
similarity index 92%
rename from zero.Backoffice.UI/old_app/components/forms/form.vue
rename to zero.Backoffice.UI/app/forms/ui-form.vue
index c7783ed8..12e26307 100644
--- a/zero.Backoffice.UI/old_app/components/forms/form.vue
+++ b/zero.Backoffice.UI/app/forms/ui-form.vue
@@ -4,27 +4,31 @@
     <div v-if="loadingState == 'loading'" class="ui-form-loading">
       <i class="ui-form-loading-progress"></i>
     </div>
-    <ui-error-view v-if="loadingState === 'error'" :error="loadingError" />
+    <form-error-view v-if="loadingState === 'error'" :error="loadingError" />
   </form>
 </template>
 
 
-<script>
-  import Overlay from 'zero/helpers/overlay.js'
-  import Notification from 'zero/helpers/notification.js'
-  import { isArray as _isArray, filter as _filter, groupBy as _groupBy, each as _each, difference as _difference } from 'underscore'
+<script lang="ts">
+  import { defineComponent } from 'vue';
+  import FormErrorView from './form-error-view.vue';
+  //import Overlay from 'zero/helpers/overlay.js'
+  import * as notifications from '../services/notification';
+  import { arrayGroupBy } from '../utils/arrays';
 
-  export default {
+  export default defineComponent({
     name: 'uiForm',
 
+    components: { FormErrorView },
+
     props: {
       errorComponents: {
         type: Array,
-        default: () => [ 'uiError' ]
+        default: () => ['uiError']
       },
       inputComponents: {
         type: Array,
-        default: () => [ 'uiProperty' ]
+        default: () => ['uiProperty']
       },
       route: {
         type: [String, Object],
@@ -76,7 +80,7 @@
       // shows a confirmation dialog for dirty forms when the route tries to change
       // it only works when this method is attached to the route component
       beforeRouteLeave(to, from, next) 
-      {        
+      {
         if (this.dirty)
         {
           Overlay.confirm({
@@ -228,7 +232,7 @@
         Overlay.confirmDelete().then(opts =>
         {
           opts.state('loading');
-          
+
           promise().then(response =>
           {
             if (response.success)
@@ -236,14 +240,14 @@
               opts.state('success');
               opts.hide();
               this.$router.go(-1);
-              Notification.success('@deleteoverlay.success', '@deleteoverlay.success_text');
+              notifications.success('@deleteoverlay.success', '@deleteoverlay.success_text');
             }
             else
             {
               opts.errors(response.errors);
             }
           });
-        }); 
+        });
       },
 
 
@@ -297,12 +301,12 @@
         }
         else
         {
-          this.errors = !_isArray(errors) ? [errors] : errors;
+          this.errors = !Array.isArray(errors) ? [errors] : errors;
         }
 
         // get all components + grouped errors
         let errorComponents = this.getErrorComponents();
-        let errorGroups = _groupBy(this.errors, 'property');
+        let errorGroups = arrayGroupBy(this.errors, 'property');
         let handledGroups = [];
 
         // set errors
@@ -322,9 +326,9 @@
           }
         });
 
-        // fill leftovers
-        _each(errorGroups, (errorGroup, field) =>
+        for (var field in errorGroups)
         {
+          let errorGroup = errorGroups[field];
           if (handledGroups.indexOf(field) < 0)
           {
             errorComponents.forEach(component =>
@@ -340,7 +344,7 @@
               }
             });
           }
-        });
+        }
       },
 
 
@@ -374,7 +378,7 @@
           });
         };
 
-        traverseChildren(this); 
+        traverseChildren(this);
 
         return errorComponents;
       },
@@ -426,7 +430,7 @@
         //console.info('done');
       }
     }
-  }
+  });
 </script>
 
 <style lang="scss">
diff --git a/zero.Backoffice.UI/app/modules/applications/api.ts b/zero.Backoffice.UI/app/modules/applications/api.ts
new file mode 100644
index 00000000..6afb327e
--- /dev/null
+++ b/zero.Backoffice.UI/app/modules/applications/api.ts
@@ -0,0 +1,16 @@
+import { get, post, put, del, ZeroRequestConfig, ZeroRequestQuery } from '../../services/request';
+
+export default {
+
+  getEmpty: async (flavor?: string, config?: ZeroRequestConfig) => await get("applications/empty", { ...config, params: { flavor } }),
+
+  getById: async (id: string, changeVector?: string, config?: ZeroRequestConfig) => await get('applications/' + id, { ...config, params: { changeVector } }),
+
+  getByQuery: async (query: ZeroRequestQuery, config?: ZeroRequestConfig) => await get('applications', { ...config, params: { ...query } }),
+
+  create: async (model: any, config?: ZeroRequestConfig) => await post('applications', model, config),
+
+  update: async (model: any, config?: ZeroRequestConfig) => await put('applications/' + model.id, model, config),
+
+  delete: async (id: string, config?: ZeroRequestConfig) => await del('applications/' + id, config),
+};
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/modules/applications/index.ts b/zero.Backoffice.UI/app/modules/applications/index.ts
new file mode 100644
index 00000000..5ba38ba8
--- /dev/null
+++ b/zero.Backoffice.UI/app/modules/applications/index.ts
@@ -0,0 +1,11 @@
+import api from './api';
+//import editor from './editor';
+//import list from './list';
+import plugin from './plugin';
+
+export {
+  api as applicationApi,
+  //editor as countrySchema,
+  //list as countryListSchema,
+  plugin as applicationPlugin
+};
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/modules/applications/plugin.ts b/zero.Backoffice.UI/app/modules/applications/plugin.ts
new file mode 100644
index 00000000..ca97e5f1
--- /dev/null
+++ b/zero.Backoffice.UI/app/modules/applications/plugin.ts
@@ -0,0 +1,18 @@
+import { ZeroPlugin, ZeroPluginOptions } from '../../core';
+import { defineAsyncComponent } from 'vue';
+
+//const Picker = () => import('./ui-countrypicker.vue');
+//const Page = () => import('./_page.vue');
+
+export default {
+  name: "zero.applications",
+
+  install(app: ZeroPluginOptions)
+  {
+    //app.vue.component('ui-countrypicker', defineAsyncComponent(Picker));
+    //app.route({ path: '/countries', component: Page });
+
+    //app.editor('country', null);
+    //app.editorField('')
+  }
+} as ZeroPlugin;
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/modules/countries/index.ts b/zero.Backoffice.UI/app/modules/countries/index.ts
new file mode 100644
index 00000000..72024e81
--- /dev/null
+++ b/zero.Backoffice.UI/app/modules/countries/index.ts
@@ -0,0 +1,11 @@
+import api from './api';
+import editor from './editor';
+//import list from './list';
+import plugin from './plugin';
+
+export {
+  api as countryApi,
+  editor as countrySchema,
+  //list as countryListSchema,
+  plugin as countryPlugin
+};
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/modules/index.ts b/zero.Backoffice.UI/app/modules/index.ts
new file mode 100644
index 00000000..f1d35908
--- /dev/null
+++ b/zero.Backoffice.UI/app/modules/index.ts
@@ -0,0 +1,3 @@
+
+export * from './countries';
+export * from './applications';
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/services/request.ts b/zero.Backoffice.UI/app/services/request.ts
index 64e4a0b6..11eba027 100644
--- a/zero.Backoffice.UI/app/services/request.ts
+++ b/zero.Backoffice.UI/app/services/request.ts
@@ -68,16 +68,19 @@ export async function patch(url: string, data: any, config?: ZeroRequestConfig)
 export async function send(config: ZeroRequestConfig)
 {
   config = getConfig(config);
+  const result = await axios(config);
+  return result.data;
 
-  try
-  {
-    const result = await axios(config);
-    return result.data;
-  }
-  catch (err)
-  {
-    // TODO handle errors
-  }
+  //try
+  //{
+  //  const result = await axios(config);
+  //  return result.data;
+  //}
+  //catch (err)
+  //{
+  //  console.error('axios err: ' + err);
+  //  // TODO handle errors
+  //}
 }
 
 
diff --git a/zero.Backoffice.UI/app/stores/translations.ts b/zero.Backoffice.UI/app/stores/translations.ts
index 2cb95b5a..b72a14e2 100644
--- a/zero.Backoffice.UI/app/stores/translations.ts
+++ b/zero.Backoffice.UI/app/stores/translations.ts
@@ -1,5 +1,6 @@
 
 import { defineStore } from 'pinia';
+import uiApi from '../ui/api';
 
 export type TranslationState = {
   culture: string,
@@ -9,13 +10,18 @@ export type TranslationState = {
 export const useTranslationStore = defineStore('zero.translations', {
   state: () => ({
     culture: null,
-    translations: { name: 'Mini' }
+    translations: { }
   } as TranslationState),
 
   actions: {
     find(key: string): string
     {
       return this.translations[key.toLowerCase()];
+    },
+
+    async setup()
+    {
+      this.translations = await uiApi.getTranslations();
     }
   }
 });
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/styles/Canvas/_navigation.scss b/zero.Backoffice.UI/app/styles/Canvas/_navigation.scss
deleted file mode 100644
index 0b31d089..00000000
--- a/zero.Backoffice.UI/app/styles/Canvas/_navigation.scss
+++ /dev/null
@@ -1,488 +0,0 @@
-
-
-.app-nav-apps
-{
-  position: absolute;
-  left: 100%;
-  top: 0;
-  bottom: 0;
-  width: 360px;
-  background: var(--color-bg-shade-3);
-  z-index: -1;
-  margin-left: 0;
-  display: flex;
-  flex-direction: column;
-  
-  display: none; // TODO
-
-  .ui-header-bar
-  {
-    height: 92px;
-  }
-}
-
-.app-nav-app
-{
-  display: grid;
-  grid-template-columns: auto minmax(auto, 1fr) auto;
-  grid-gap: var(--padding-s);
-  align-items: center;
-  margin: 0 var(--padding-m);
-  padding: var(--padding-s) var(--padding-s);
-  border-radius: var(--radius);
-
-  &.is-active
-  {
-    background: var(--color-bg-shade-4);
-    font-weight: 700;
-  }
-}
-
-.app-nav-app-icon
-{
-  height: 32px;
-}
-
-.app-nav-app-selected
-{
-
-}
-
-.app-nav
-{
-  position: relative;
-  background: var(--color-box);
-  width: 260px;
-  color: var(--color-text);
-  height: 100vh; 
-  display: grid;  
-  grid-template-rows: auto auto 1fr auto;  
-  box-shadow: var(--shadow-short);
-  margin-right: 1px;
-  z-index: 5;
-
-  .theme-rounded &
-  {
-    height: calc(100vh - 20px);
-    margin: 10px;
-    margin-right: 0;
-    border-radius: var(--radius);
-    box-shadow: var(--shadow-short);
-  }
-
-  &.theme-dark
-  {
-    //background-image: radial-gradient(rgba(255,255,255,.1) 1px,transparent 0),radial-gradient(rgba(255,255,255,.1) 1px,transparent 0);
-    //background-size: 40px 40px;
-    //background-position: 0 0,20px 20px;
-  }
-}
-
-.app-nav-boxed
-{
-  height: 90px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 var(--padding-xs) 0 0;
-}
-
-.app-nav-inner
-{
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-.app-nav-headline
-{
-  display: flex;
-  align-items: center;
-  padding: 0 var(--padding-m);
-  margin: 0;
-
-  .theme-rounded &
-  {
-    margin: 0;
-  }
-
-  img
-  {
-    //height: 24px;
-    height: 15px;
-    //margin-top: 9px;
-  }
-}
-
-.app-nav-logo-circle
-{
-  display: inline-block;
-  width: 22px;
-  height: 22px;
-  border-radius: 20px;
-  border: 4px solid var(--color-accent);
-  margin-right: 12px;
-}
-
-.app-nav-search
-{
-
-}
-
-.app-nav-switch
-{
-  margin-bottom: var(--padding-s);
-  //border-bottom: 1px solid var(--color-line-onbg);
-  background: var(--color-bg-shade-3);
-  //background: var(--color-accent);
-
-  .ui-button.type-light
-  {
-    padding: 0 24px;
-    height: 70px;
-    background: transparent;
-    border-radius: 0;
-    font-size: var(--font-size-m);
-  }
-
-  .ui-dropdown-button-icon
-  {
-    max-height: 20px;
-    max-width: 20px;
-  }
-
-  &.is-fake
-  {
-    margin-bottom: 0;
-    height: 0;
-    background: none;
-  }
-}
-
-a.app-nav-item, button.app-nav-item
-{
-  display: grid;
-  grid-template-columns: 28px 1fr auto;
-  gap: 6px;
-  align-items: center;
-  font-size: var(--font-size);
-  padding: 0 var(--padding-m);
-  height: 50px;
-  color: var(--color-text);
-  position: relative;
-
-  & + .app-nav-item
-  {
-    margin-top: 1px;
-  }
-
-  &:hover
-  {
-    color: var(--color-text);
-    background: var(--color-tree-selected);
-
-    .app-nav-item-icon
-    {
-      color: var(--color-text);
-    }
-  }
-
-  &.is-active:not([alias="dashboard"]), &.is-active-exact
-  {
-    color: var(--color-text);
-    background: var(--color-tree-selected);
-    font-weight: 700;
-    border-right: 3px solid var(--color-accent);
-
-    .app-nav-item-icon
-    {
-      color: var(--color-text);
-    }
-
-    .app-nav-item-arrow
-    {
-      transform: rotate(180deg);
-    }
-
-    .app-nav-item-text
-    {
-      color: var(--color-text);
-    }
-
-    &:before
-    {
-      content: '';
-      position: absolute;
-      left: 0;
-      top: 0;
-      bottom: 0;
-      //width: 3px;
-      display: inline-block;
-      background: var(--color-tree-selected-line);
-    }
-  }
-}
-
-.app-nav-item-text
-{
-  transition: color 0.2s ease;
-}
-
-.app-nav-item-icon
-{
-  font-size: 18px;
-  line-height: 1;
-  font-weight: 400;
-  position: relative;
-  top: -1px;
-  color: var(--color-text);
-  transition: color 0.2s ease;
-}
-
-.app-nav-item-arrow
-{
-  color: var(--color-text-dim);
-}
-
-.app-nav-children
-{
-  padding: 5px 0 10px;
-}
-
-a.app-nav-child
-{
-  display: flex;
-  align-items: center;
-  font-size: var(--font-size);
-  padding: 0 var(--padding) 0 calc(var(--padding) + 26px);
-  height: 36px;
-  color: var(--color-text-dim);
-  position: relative;
-
-  &:hover, &.is-active
-  {
-    color: var(--color-text);
-  }
-
-  &.is-active
-  {
-    font-weight: 700;
-  }
-
-  &.is-active:before
-  {
-    content: '';
-    display: inline-block;
-    width: 4px;
-    height: 4px;
-    border-radius: 4px;
-    background: var(--color-accent);
-    position: absolute;
-    margin-left: -14px;
-    margin-top: -3px;
-    top: 50%;
-  }
-}
-
-
-.app-nav-children-enter-active
-{
-  transition: all .3s ease;
-}
-
-.app-nav-children-leave-active
-{
-  transition: all 0;
-}
-
-.app-nav-children-enter, .app-nav-children-leave-to
-{
-  transform: translateX(-10px);
-  opacity: 0;
-}
-
-
-// account
-
-.app-nav-account
-{
-  border-top: 1px solid var(--color-line-onbg);
-}
-
-.app-nav-account-button
-{
-  display: grid;
-  width: 100%;
-  grid-template-columns: auto minmax(auto, 1fr) auto;
-  gap: 16px;
-  color: var(--color-text-dim);
-  align-items: center;
-  padding: var(--padding-m);
-  border-bottom-left-radius: var(--radius);
-  border-bottom-right-radius: var(--radius);
-
-  &:hover
-  {
-    background: var(--color-bg-shade-2);
-  }
-
-  .-image
-  {
-    height: 32px;
-    width: 32px;
-    border-radius: 18px;
-    position: relative;
-    top: -1px;
-    background: var(--color-bg-shade-3);
-    text-align: center;
-    line-height: 33px;
-    font-size: 16px;
-    overflow: hidden;
-    color: transparent;
-  }
-
-  .-text
-  {
-    font-weight: 400;
-    margin: 0;
-
-    strong
-    {
-      font-weight: 700;
-      color: var(--color-text);
-    }
-  }
-}
-
-
-/* COMPACT MODE */
-
-.app-nav.is-compact
-{
-  width: 82px;
-
-  .app-nav-headline
-  {
-    width: 100%;
-    overflow: hidden;
-    padding-left: 0;
-    padding-right: 0;
-
-    img
-    {
-      margin-left: 29px;
-      clip-path: circle(23.78% at 13px 14px);
-      min-width: 118px;
-    }
-  }
-
-  .app-nav-boxed
-  {
-    width: 100%;
-    overflow: hidden;
-  }
-
-  .app-nav-switch
-  {
-    visibility: hidden;
-    pointer-events: none;
-    opacity: 0;
-    width: 100%;
-    overflow: hidden;
-    padding: 16px 0 0;
-  }
-
-  a.app-nav-item, button.app-nav-item
-  {
-    display: flex;
-    padding-left: var(--padding);
-    width: 100%;
-    //height: 60px;
-
-    &:hover + .app-nav-children
-    {
-      display: block;
-    }
-
-    &:before
-    {
-      display: none;
-    }
-  }
-
-  .app-nav-item-text, .app-nav-item-arrow
-  {
-    display: none;
-  }
-
-  .app-nav-children
-  {
-    display: none;
-    position: absolute;
-    z-index: 8;
-    min-width: 240px;
-    min-height: 20px;
-    background: var(--color-dropdown);
-    border-radius: var(--radius);
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    border: 1px solid var(--color-dropdown-border);
-    box-shadow: 6px 1px 8px rgba(0, 0, 0, 0.02);
-    padding: 5px;
-    color: var(--color-text);
-    margin-left: 82px;
-    margin-top: -55px;
-
-    &:hover
-    {
-      display: block;
-    }
-  }
-
-  a.app-nav-child
-  {
-    padding: 0 var(--padding);
-    display: grid;
-    width: 100%;
-    grid-template-columns: minmax(0, 1fr) auto;
-    gap: 6px;
-    align-items: center;
-    font-size: var(--font-size);
-    padding: 0 16px;
-    height: 48px;
-    color: var(--color-text-dim);
-    border-radius: var(--radius);
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    max-width: 100%;
-
-    &:not([disabled]):hover, &:focus
-    {
-      background: var(--color-dropdown-selected);
-    }
-
-    &.is-active
-    {
-      color: var(--color-text);
-      font-weight: 700;
-    }
-  }
-
-  .app-nav-account
-  {
-    padding: 0;
-    margin-bottom: var(--padding);
-    margin-left: 25px;
-  }
-
-  .app-nav-account-button
-  {
-    display: block;
-    width: 32px;
-
-    .-text, .-arrow
-    {
-      display: none;
-    }
-  }
-}
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/styles/styles.ts b/zero.Backoffice.UI/app/styles/styles.ts
index 83b35fbb..d2420dee 100644
--- a/zero.Backoffice.UI/app/styles/styles.ts
+++ b/zero.Backoffice.UI/app/styles/styles.ts
@@ -13,7 +13,6 @@ import './settings/_font-sizes.scss';
 import './settings/_shadows.scss';
 
 import './canvas/_canvas.scss';
-import './canvas/_navigation.scss';
 
 import './modules/_button.scss';
 import './modules/_headlines.scss';
diff --git a/zero.Backoffice.UI/app/ui/api.ts b/zero.Backoffice.UI/app/ui/api.ts
new file mode 100644
index 00000000..c5397947
--- /dev/null
+++ b/zero.Backoffice.UI/app/ui/api.ts
@@ -0,0 +1,13 @@
+import { UiIconSet, UiSection, UiSettingsGroup } from 'zero/ui';
+import { get, ZeroRequestConfig } from '../services/request';
+
+export default {
+
+  getSections: async (config?: ZeroRequestConfig): Promise<UiSection[]> => await get('backoffice/ui/sections', { ...config }),
+
+  getSettingGroups: async (config?: ZeroRequestConfig): Promise<UiSettingsGroup[]> => await get('backoffice/ui/settingareas', { ...config }),
+
+  getIconSets: async (config?: ZeroRequestConfig): Promise<UiIconSet[]> => await get('backoffice/ui/iconsets', { ...config }),
+
+  getTranslations: async (config?: ZeroRequestConfig): Promise<Record<string, string>> => await get('backoffice/ui/translations', { ...config }),
+};
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/ui/app-navigation.vue b/zero.Backoffice.UI/app/ui/app-navigation.vue
new file mode 100644
index 00000000..70c9f3f7
--- /dev/null
+++ b/zero.Backoffice.UI/app/ui/app-navigation.vue
@@ -0,0 +1,666 @@
+<template>
+  <div class="app-nav theme-dark" :class="{'is-compact': compact }">
+    <div class="app-nav-boxed">
+      <h1 class="app-nav-headline">
+        <span class="app-nav-logo-circle"></span>
+        <img src="/Assets/zero.svg" class="show-light" v-localize:alt="'@zero.name'" />
+        <img src="/Assets/zero-dark.svg" class="show-dark" v-localize:alt="'@zero.name'" /> 
+      </h1>
+      
+      <ui-button icon="fth-search" :stroke="2.5" type="blank" class="app-nav-search" @click="openSearch" /> 
+    </div>
+
+    <ui-dropdown v-if="applications.length > 0" class="app-nav-switch">
+      <template v-slot:button>
+        <ui-button type="light block" :label="currentApplication.name" caret="right" />
+      </template>
+      <ui-dropdown-button v-for="app in applications" :value="app" :key="app.id" :label="app.name" :selected="app.id === appId" @click="applicationChanged" :prevent="true" />
+      <ui-dropdown-separator />
+      <ui-dropdown-button label="Add new application" icon="fth-plus" @click="addApplication" />
+      <ui-dropdown-button label="Manage apps" icon="fth-edit-2" @click="manageApplications" />
+    </ui-dropdown>
+    <div v-else class="app-nav-switch is-fake"></div>
+
+    <nav class="app-nav-inner">
+      <template v-for="section in ui.sections">
+        <router-link :to="section.url" class="app-nav-item" :alias="section.alias" :class="{ 'has-children': hasChildren(section) }">
+          <ui-icon :symbol="section.icon" class="app-nav-item-icon" :size="18" />
+          <span class="app-nav-item-text" v-localize="section.name"></span>
+          <ui-icon v-if="hasChildren(section)" symbol="fth-chevron-down" class="app-nav-item-arrow" />
+        </router-link>
+        <transition name="app-nav-children">
+          <div class="app-nav-children" v-if="hasChildren(section) && $route.path.indexOf('/' + section.alias) === 0">
+            <router-link v-for="child in section.children" v-bind:key="child.alias" :to="child.url" class="app-nav-child">
+              <span class="app-nav-child-text" v-localize="child.name"></span>
+            </router-link>
+          </div>
+        </transition>
+      </template>
+    </nav>
+
+    <ui-dropdown class="app-nav-account" v-if="account.user" align="left bottom">
+      <template v-slot:button>
+        <button type="button" class="app-nav-account-button">
+          <ui-thumbnail v-if="false && account.user.avatarId" class="-image" :media="account.user.avatarId" :alt="account.user.name" />
+          <span v-else class="-image"><ui-icon symbol="fth-user"></ui-icon></span>
+          <p class="-text"><strong>{{account.user.name}}</strong></p>
+          <ui-icon symbol="fth-more-horizontal" class="-arrow" />
+        </button>
+      </template>
+      <ui-dropdown-button label="Edit" icon="fth-edit-2" @click="editUser" />
+      <ui-dropdown-button label="Change password" icon="fth-lock" @click="changePassword" />
+      <!--<ui-dropdown-button label="Toggle sidebar" icon="fth-minimize-2" @click="toggleSidebar" />-->
+      <ui-dropdown-button label="Dark theme" v-if="!darkTheme" icon="fth-moon" @click="toggleDarkTheme" />
+      <ui-dropdown-button label="Light theme" v-if="darkTheme" icon="fth-sun" @click="toggleDarkTheme" />
+      <ui-dropdown-button label="Logout" icon="fth-log-out" @click="logout" />
+    </ui-dropdown>
+
+  </div>
+</template>
+
+
+<script>
+  import { defineComponent } from 'vue';
+  import { useAccountStore } from '../account/store';
+  import { useUiStore } from '../ui/store';
+  import { applicationApi } from '../modules/applications';
+  import EventHub from '../services/eventhub';
+
+  //const compactCacheKey = 'zero.navigation.compact';
+  const themeCacheKey = 'zero.theme';
+
+  export default defineComponent({
+    name: 'app-navigation',
+
+    data: () => ({
+      account: null,
+      ui: null,
+      appId: null,
+      applications: [],
+      sections: [],
+      compact: false,
+      darkTheme: false,
+      currentApplication: null,
+      themeSwitchTimeout: null
+    }),
+
+    async created()
+    {
+      this.ui = useUiStore();
+      this.account = useAccountStore();
+      this.applications = (await applicationApi.getByQuery({ pageSize: 100 })).items;
+      this.currentApplication = this.applications[0];
+      this.appId = this.currentApplication.id;
+      //this.compact = localStorage.getItem(compactCacheKey) === 'true';
+      //this.darkTheme = localStorage.getItem(themeCacheKey) === 'dark';
+      //this.buildUser(AuthApi.user);
+    },
+
+
+    methods: {
+
+      hasChildren(section)
+      {
+        return section.children && section.children.length > 0;
+      },
+
+      editUser(item, opts)
+      {
+        opts.hide();
+        this.$router.push({
+          name: 'users-edit',
+          params: { id: this.user.id }
+        });
+      },
+
+      changePassword(item, opts)
+      {
+        AuthApi.openPasswordOverlay();
+        opts.hide();
+      },
+
+      logout(item, opts)
+      {
+        AuthApi.logout();
+        opts.hide();
+      },
+
+      addApplication(item, opts)
+      {
+        opts.hide();
+        this.$router.push({
+          name: 'applications-create'
+        });
+      },
+
+      manageApplications(item, opts)
+      {
+        opts.hide();
+        this.$router.push({
+          name: 'applications'
+        });
+      },
+
+      applicationChanged(item, opts)
+      {
+        //opts.loading(true);
+
+        AuthApi.switchApp(item.id).then(success =>
+        {
+          //opts.loading(false);
+          //opts.hide();
+        });
+      },
+
+      toggleSidebar()
+      {
+        this.compact = !this.compact;
+        localStorage.setItem(compactCacheKey, this.compact.toString());
+      },
+
+      toggleDarkTheme()
+      {
+        this.darkTheme = !this.darkTheme;
+        EventHub.emit('app.theme', this.darkTheme ? 'dark' : 'light');
+        localStorage.setItem(themeCacheKey, this.darkTheme ? 'dark' : 'light');
+        document.body.classList.toggle('theme-light', !this.darkTheme);
+        document.body.classList.toggle('theme-dark', this.darkTheme);
+      },
+
+      openSearch()
+      {
+        //EventHub.$emit('app.search.open');
+      }
+    }
+  });
+
+</script>
+
+
+<style lang="scss">
+  .app-nav-apps
+  {
+    position: absolute;
+    left: 100%;
+    top: 0;
+    bottom: 0;
+    width: 360px;
+    background: var(--color-bg-shade-3);
+    z-index: -1;
+    margin-left: 0;
+    display: flex;
+    flex-direction: column;
+    display: none; // TODO
+
+    .ui-header-bar
+    {
+      height: 92px;
+    }
+  }
+
+  .app-nav-app
+  {
+    display: grid;
+    grid-template-columns: auto minmax(auto, 1fr) auto;
+    grid-gap: var(--padding-s);
+    align-items: center;
+    margin: 0 var(--padding-m);
+    padding: var(--padding-s) var(--padding-s);
+    border-radius: var(--radius);
+
+    &.is-active
+    {
+      background: var(--color-bg-shade-4);
+      font-weight: 700;
+    }
+  }
+
+  .app-nav-app-icon
+  {
+    height: 32px;
+  }
+
+  .app-nav-app-selected
+  {
+  }
+
+  .app-nav
+  {
+    position: relative;
+    background: var(--color-box);
+    width: 260px;
+    color: var(--color-text);
+    height: 100vh;
+    display: grid;
+    grid-template-rows: auto auto 1fr auto;
+    box-shadow: var(--shadow-short);
+    margin-right: 1px;
+    z-index: 5;
+
+    .theme-rounded &
+    {
+      height: calc(100vh - 20px);
+      margin: 10px;
+      margin-right: 0;
+      border-radius: var(--radius);
+      box-shadow: var(--shadow-short);
+    }
+
+    &.theme-dark
+    {
+      //background-image: radial-gradient(rgba(255,255,255,.1) 1px,transparent 0),radial-gradient(rgba(255,255,255,.1) 1px,transparent 0);
+      //background-size: 40px 40px;
+      //background-position: 0 0,20px 20px;
+    }
+  }
+
+  .app-nav-boxed
+  {
+    height: 90px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 var(--padding-xs) 0 0;
+  }
+
+  .app-nav-inner
+  {
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+
+  .app-nav-headline
+  {
+    display: flex;
+    align-items: center;
+    padding: 0 var(--padding-m);
+    margin: 0;
+
+    .theme-rounded &
+    {
+      margin: 0;
+    }
+
+    img
+    {
+      //height: 24px;
+      height: 15px;
+      //margin-top: 9px;
+    }
+  }
+
+  .app-nav-logo-circle
+  {
+    display: inline-block;
+    width: 22px;
+    height: 22px;
+    border-radius: 20px;
+    border: 4px solid var(--color-accent);
+    margin-right: 12px;
+  }
+
+  .app-nav-search
+  {
+  }
+
+  .app-nav-switch
+  {
+    margin-bottom: var(--padding-s);
+    //border-bottom: 1px solid var(--color-line-onbg);
+    background: var(--color-bg-shade-3);
+    //background: var(--color-accent);
+
+    .ui-button.type-light
+    {
+      padding: 0 24px;
+      height: 70px;
+      background: transparent;
+      border-radius: 0;
+      font-size: var(--font-size-m);
+    }
+
+    .ui-dropdown-button-icon
+    {
+      max-height: 20px;
+      max-width: 20px;
+    }
+
+    &.is-fake
+    {
+      margin-bottom: 0;
+      height: 0;
+      background: none;
+    }
+  }
+
+  a.app-nav-item, button.app-nav-item
+  {
+    display: grid;
+    grid-template-columns: 28px 1fr auto;
+    gap: 6px;
+    align-items: center;
+    font-size: var(--font-size);
+    padding: 0 var(--padding-m);
+    height: 50px;
+    color: var(--color-text);
+    position: relative;
+
+    & + .app-nav-item
+    {
+      margin-top: 1px;
+    }
+
+    &:hover
+    {
+      color: var(--color-text);
+      background: var(--color-tree-selected);
+
+      .app-nav-item-icon
+      {
+        color: var(--color-text);
+      }
+    }
+
+    &.is-active:not([alias="dashboard"]), &.is-active-exact
+    {
+      color: var(--color-text);
+      background: var(--color-tree-selected);
+      font-weight: 700;
+      border-right: 3px solid var(--color-accent);
+
+      .app-nav-item-icon
+      {
+        color: var(--color-text);
+      }
+
+      .app-nav-item-arrow
+      {
+        transform: rotate(180deg);
+      }
+
+      .app-nav-item-text
+      {
+        color: var(--color-text);
+      }
+
+      &:before
+      {
+        content: '';
+        position: absolute;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        //width: 3px;
+        display: inline-block;
+        background: var(--color-tree-selected-line);
+      }
+    }
+  }
+
+  .app-nav-item-text
+  {
+    transition: color 0.2s ease;
+  }
+
+  .app-nav-item-icon
+  {
+    font-size: 18px;
+    line-height: 1;
+    font-weight: 400;
+    position: relative;
+    top: -1px;
+    color: var(--color-text);
+    transition: color 0.2s ease;
+  }
+
+  .app-nav-item-arrow
+  {
+    color: var(--color-text-dim);
+  }
+
+  .app-nav-children
+  {
+    padding: 5px 0 10px;
+  }
+
+  a.app-nav-child
+  {
+    display: flex;
+    align-items: center;
+    font-size: var(--font-size);
+    padding: 0 var(--padding) 0 calc(var(--padding) + 26px);
+    height: 36px;
+    color: var(--color-text-dim);
+    position: relative;
+
+    &:hover, &.is-active
+    {
+      color: var(--color-text);
+    }
+
+    &.is-active
+    {
+      font-weight: 700;
+    }
+
+    &.is-active:before
+    {
+      content: '';
+      display: inline-block;
+      width: 4px;
+      height: 4px;
+      border-radius: 4px;
+      background: var(--color-accent);
+      position: absolute;
+      margin-left: -14px;
+      margin-top: -3px;
+      top: 50%;
+    }
+  }
+
+
+  .app-nav-children-enter-active
+  {
+    transition: all .3s ease;
+  }
+
+  .app-nav-children-leave-active
+  {
+    transition: all 0;
+  }
+
+  .app-nav-children-enter, .app-nav-children-leave-to
+  {
+    transform: translateX(-10px);
+    opacity: 0;
+  }
+
+
+  // account
+
+  .app-nav-account
+  {
+    border-top: 1px solid var(--color-line-onbg);
+  }
+
+  .app-nav-account-button
+  {
+    display: grid;
+    width: 100%;
+    grid-template-columns: auto minmax(auto, 1fr) auto;
+    gap: 16px;
+    color: var(--color-text-dim);
+    align-items: center;
+    padding: var(--padding-m);
+    border-bottom-left-radius: var(--radius);
+    border-bottom-right-radius: var(--radius);
+
+    &:hover
+    {
+      background: var(--color-bg-shade-2);
+    }
+
+    .-image
+    {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 32px;
+      width: 32px;
+      border-radius: 18px;
+      position: relative;
+      top: -1px;
+      background: var(--color-bg-shade-3);
+      text-align: center;
+      font-size: 16px;
+      overflow: hidden;
+      color: var(--color-text);
+    }
+
+    .-text
+    {
+      font-weight: 400;
+      margin: 0;
+
+      strong
+      {
+        font-weight: 700;
+        color: var(--color-text);
+      }
+    }
+  }
+
+
+  /* COMPACT MODE */
+
+  .app-nav.is-compact
+  {
+    width: 82px;
+
+    .app-nav-headline
+    {
+      width: 100%;
+      overflow: hidden;
+      padding-left: 0;
+      padding-right: 0;
+
+      img
+      {
+        margin-left: 29px;
+        clip-path: circle(23.78% at 13px 14px);
+        min-width: 118px;
+      }
+    }
+
+    .app-nav-boxed
+    {
+      width: 100%;
+      overflow: hidden;
+    }
+
+    .app-nav-switch
+    {
+      visibility: hidden;
+      pointer-events: none;
+      opacity: 0;
+      width: 100%;
+      overflow: hidden;
+      padding: 16px 0 0;
+    }
+
+    a.app-nav-item, button.app-nav-item
+    {
+      display: flex;
+      padding-left: var(--padding);
+      width: 100%;
+      //height: 60px;
+
+      &:hover + .app-nav-children
+      {
+        display: block;
+      }
+
+      &:before
+      {
+        display: none;
+      }
+    }
+
+    .app-nav-item-text, .app-nav-item-arrow
+    {
+      display: none;
+    }
+
+    .app-nav-children
+    {
+      display: none;
+      position: absolute;
+      z-index: 8;
+      min-width: 240px;
+      min-height: 20px;
+      background: var(--color-dropdown);
+      border-radius: var(--radius);
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      border: 1px solid var(--color-dropdown-border);
+      box-shadow: 6px 1px 8px rgba(0, 0, 0, 0.02);
+      padding: 5px;
+      color: var(--color-text);
+      margin-left: 82px;
+      margin-top: -55px;
+
+      &:hover
+      {
+        display: block;
+      }
+    }
+
+    a.app-nav-child
+    {
+      padding: 0 var(--padding);
+      display: grid;
+      width: 100%;
+      grid-template-columns: minmax(0, 1fr) auto;
+      gap: 6px;
+      align-items: center;
+      font-size: var(--font-size);
+      padding: 0 16px;
+      height: 48px;
+      color: var(--color-text-dim);
+      border-radius: var(--radius);
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      max-width: 100%;
+
+      &:not([disabled]):hover, &:focus
+      {
+        background: var(--color-dropdown-selected);
+      }
+
+      &.is-active
+      {
+        color: var(--color-text);
+        font-weight: 700;
+      }
+    }
+
+    .app-nav-account
+    {
+      padding: 0;
+      margin-bottom: var(--padding);
+      margin-left: 25px;
+    }
+
+    .app-nav-account-button
+    {
+      display: block;
+      width: 32px;
+
+      .-text, .-arrow
+      {
+        display: none;
+      }
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/ui/store.ts b/zero.Backoffice.UI/app/ui/store.ts
new file mode 100644
index 00000000..f6de43fa
--- /dev/null
+++ b/zero.Backoffice.UI/app/ui/store.ts
@@ -0,0 +1,27 @@
+
+import { defineStore } from 'pinia';
+import { UiIconSet, UiSection, UiSettingsGroup, UiStoreState } from 'zero/ui';
+import api from './api';
+
+export const useUiStore = defineStore('zero.ui', {
+  state: () => ({
+    sections: [],
+    settingGroups: [],
+    iconSets: []
+  } as UiStoreState),
+
+  actions: {
+    async setup()
+    {
+      const values = await Promise.all([
+        api.getSections(),
+        api.getSettingGroups(),
+        api.getIconSets()
+      ]);
+
+      this.sections = values[0] as UiSection[];
+      this.settingGroups = values[1] as UiSettingsGroup[];
+      this.iconSets = values[2] as UiIconSet[];
+    }
+  }
+});
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/ui/ui.d.ts b/zero.Backoffice.UI/app/ui/ui.d.ts
new file mode 100644
index 00000000..3dfeb47f
--- /dev/null
+++ b/zero.Backoffice.UI/app/ui/ui.d.ts
@@ -0,0 +1,44 @@
+
+declare module 'zero/ui'
+{
+  export interface UiStoreState
+  {
+    sections: UiSection[];
+    settingGroups: UiSettingsGroup[];
+    iconSets: UiIconSet[];
+  }
+
+  export interface UiSection
+  {
+    alias: string;
+    name: string;
+    icon: string;
+    url: string;
+    isExternal: boolean;
+    children: UiSection[];
+  }
+
+  export interface UiSettingsGroup
+  {
+    name: string;
+    items: UiSettingsItem[];
+  }
+
+  export interface UiSettingsItem
+  {
+    alias: string;
+    name: string;
+    description: string;
+    icon: string;
+    url: string;
+    isPlugin: boolean;
+  }
+
+  export interface UiIconSet
+  {
+    alias: string;
+    name: string;
+    prefix: string;
+    icons: string[];
+  }
+}
\ No newline at end of file
diff --git a/zero.Backoffice.UI/app/utils/arrays.ts b/zero.Backoffice.UI/app/utils/arrays.ts
index 7cd0c092..06d239ee 100644
--- a/zero.Backoffice.UI/app/utils/arrays.ts
+++ b/zero.Backoffice.UI/app/utils/arrays.ts
@@ -1,4 +1,6 @@
 
+import { groupBy as _groupBy } from 'underscore';
+
 const arrayMoveMutate = (array: any[], from: number, to: number) =>
 {
   const startIndex = to < 0 ? array.length + to : to;
@@ -54,6 +56,16 @@ export function arrayRemove(array: any[], value: any): number
 }
 
 
+/**
+ * Groups an array by a property key
+ * @returns {any} Array groups
+ */
+export function arrayGroupBy(array: any[], key: string): any
+{
+  return _groupBy(array, key);
+}
+
+
 /**
  * Converts an object path to an array of path parts
  * @returns {string[]} Object paths as array
diff --git a/zero.Backoffice.UI/index.html b/zero.Backoffice.UI/index.html
index 4f4810cc..d0b32514 100644
--- a/zero.Backoffice.UI/index.html
+++ b/zero.Backoffice.UI/index.html
@@ -17,10 +17,6 @@
 
 <body class="theme-light theme-rounded">
   <div id="app"></div>
-  <!--<script>
-    window.__zero = { "path": "/zero/", "apiPath": "/zero/api/", "pluginPath": "@/Plugins", "plugins": [{ "name": "zero.Defaults", "description": null, "pluginPath": null }, { "name": "zero commerce", "description": "Shopping experience for the zero CMS", "pluginPath": "zero.Commerce/Plugins/zero.Commerce" }, { "name": "laola", "description": "Backoffice extensions for laola", "pluginPath": null }], "version": "0.0.1.0", "pluginCount": 3, "errorFieldNone": "__zero_no_field", "appId": "applications.2-A", "sharedAppId": "shared", "user": null, "sections": [], "applications": [{ "id": "applications.1-A", "name": "Hofbauer" }, { "id": "applications.2-A", "name": "Brothers" }], "settingsAreas": [], "alias": { "sections": { "dashboard": "dashboard", "pages": "pages", "spaces": "spaces", "media": "media", "settings": "settings" }, "settings": { "applications": "applications", "countries": "countries", "logging": "logs", "languages": "languages", "translations": "translations", "updates": "updates", "users": "users" } }, "translations": { "zero.name": "zero", "ui.yes": "Yes", "ui.no": "No", "ui.more": "More", "ui.add": "Add", "ui.actions": "Actions", "ui.back": "Go back", "ui.close": "Close", "ui.confirm": "Confirm", "ui.save": "Save", "ui.create": "Create", "ui.createddate": "Created at", "ui.modifieddate": "Last modified at", "ui.id": "ID", "ui.active": "Active", "ui.inactive": "Inactive", "ui.delete": "Delete", "ui.default": "Default", "ui.remove": "Remove", "ui.alias": "Alias", "ui.pagination.xofy": "Page {x} of {y}", "ui.pagination.next": "Next page", "ui.pagination.previous": "Previous page", "ui.search.placeholder": "Search ...", "ui.search.button": "Search", "ui.name": "Name", "ui.select": "Select", "ui.icon": "Icon", "ui.icon_select": "Select an icon", "ui.tab_general": "General", "ui.tab_content": "Content", "ui.pick.title": "Choose one", "ui.pick.title_multiple": "Choose", "ui.pick.title_autocomplete": "Enter a value", "ui.pick.max": "max. {count}", "ui.date.set": "Set date", "ui.date.select": "Select date...", "ui.date.xtoy": "{x} to {y}", "ui.date.x": "from {x}", "ui.date.y": "until {y}", "ui.date.range_header": "Select date range", "ui.date.range_from": "Date from", "ui.date.range_to": "Date to", "ui.price.free": "Free", "ui.price.xtoy": "from {x} to {y}", "ui.price.x": "from {x}", "ui.price.y": "to {y}", "ui.price.range_from": "Price from", "ui.price.range_to": "Price to", "ui.sort.title": "Sort", "ui.sort.text": "Drag the different items up or down below to set how they should be arranged.", "ui.move.title": "Move", "ui.move.action": "Move", "ui.move.text": "Select the new parent for \u003Cb\u003E{name}\u003C/b\u003E in the tree structure below.", "ui.copy.title": "Copy", "ui.copy.action": "Copy", "ui.copy.text": "Copy \u003Cb\u003E{name}\u003C/b\u003E to the selected page in the tree structure below.", "ui.copy.includedescendants": "Include descendants", "ui.open.title": "Open", "ui.rename.title": "Rename", "ui.edit.title": "Edit", "ui.export.action": "Export", "gender.undisclosed": "Undisclosed", "gender.male": "Male", "gender.female": "Female", "gender.nonbinary": "Non-binary", "revisions.label": "Revisions", "revisions.actions.updated": "Updated", "revisions.actions.created": "Created", "revisions.actions.deleted": "Deleted", "revisions.view": "View", "rte.bold": "Bold", "rte.italic": "Italic", "rte.underline": "Underline", "rte.strikethrough": "Strike-through", "rte.heading1": "Heading 1", "rte.heading2": "Heading 2", "rte.paragraph": "Paragraph", "rte.quote": "Quote", "rte.olist": "Ordered list", "rte.ulist": "Unordered list", "rte.code": "Code", "rte.line": "Horizontal line", "rte.link": "Link", "rte.image": "Image", "rte.video": "Video", "rte.accept": "Accept", "rte.cancel": "Cancel", "rte.raw": "Edit HTML", "errors.idnotfound": "Could not find an entity for the given ID", "errors.onsave.notallowed": "You are not allowed to edit this resource", "errors.ondelete.idnotfound": "Could not find an entity for the given ID", "errors.http.403": "Unauthorized", "errors.http.403_text": "You are not allowed to view this resource", "errors.http.404": "Not found", "errors.http.404_text": "The requested resource could not be found\u003Cbr\u003E({path})", "errors.http.409": "Conflict", "errors.http.409_text": "The operation could not be completed as it is not valid anymore. Please reload the page", "errors.http.4xx": "Client error", "errors.http.4xx_text": "There was an internal client error (code: {code})", "errors.http.504": "Timed out", "errors.http.504_text": "The backoffice did not receive a timely response from the server", "errors.http.5xx": "Server error", "errors.http.5xx_text": "There was an internal server error (code: {code})", "errors.role.emptyclaim": "A permission needs both a key and a value", "errors.role.nosection": "You have to select at least one section to give users access to", "errors.changepassword.emptyfields": "Please fill out all fields", "errors.changepassword.nouser": "User is invalid", "errors.changepassword.newpasswordsnotmatching": "The new password does not match the confirmation", "errors.preview.notfound": "Not found", "errors.preview.notfound_text": "Could not find entity with ID \u0022{id}\u0022", "errors.page.parentnotallowed": "The page is not allowed as a children of the selected parent", "errors.page.sortingmultipleparents": "Sorting pages is only allowed for a specific parent page", "errors.forms.email_invalid": "The email address is not valid", "errors.forms.emails_invalid": "The email address(es) is/are not valid", "errors.forms.hex_format": "The input is not in a valid HEX #aabbcc format", "errors.forms.url_format": "The input is no well-formed URL", "errors.forms.not_unique": "The property must be unique in this collection", "errors.forms.not_unique_alone": "There must be at least one entity in this collection which fulfills this condition", "errors.forms.culture": "Could not find a culture for the given ISO code", "errors.forms.reference_notfound": "The reference could not be found", "unsavedchanges.title": "You have unsaved changes", "unsavedchanges.text": "Are you sure you want to navigate away from this page?", "unsavedchanges.close": "Discard changes", "unsavedchanges.confirm": "Stay on page", "deleteoverlay.close": "Cancel", "deleteoverlay.confirm": "Delete", "deleteoverlay.title": "Delete entity", "deleteoverlay.text": "Are you sure you want to delete this entity?", "deleteoverlay.success": "Deleted", "deleteoverlay.success_text": "You have successfully deleted this entity", "deleteoverlay.page_text": "This will delete the page and all its descendants. Are you sure?", "deleteoverlay.page_success_text": "You have successfully deleted this page", "changepasswordoverlay.title": "Change password", "changepasswordoverlay.confirm": "Change password", "changepasswordoverlay.fields.currentpassword": "Current password", "changepasswordoverlay.fields.newpassword": "New password", "changepasswordoverlay.fields.confirmnewpassword": "Confirm new password", "sections.item.dashboard": "Dashboard", "sections.item.spaces": "Spaces", "sections.item.media": "Media", "sections.item.pages": "Pages", "sections.item.settings": "Settings", "settings.groups.system": "System", "settings.groups.plugins": "Plugins", "settings.system.updates.name": "Updates", "settings.system.updates.text": "Version {zero_version}", "settings.system.updates.text_default": "Update current zero version", "settings.system.applications.name": "Applications", "settings.system.applications.text": "Edit website applications", "settings.system.users.name": "Users \u0026 Permissions", "settings.system.users.text": "Administration of backoffice users", "settings.system.languages.name": "Languages", "settings.system.languages.text": "Frontend languages", "settings.system.translations.name": "Translations", "settings.system.translations.text": "Frontend texts and translations", "settings.system.countries.name": "Countries", "settings.system.countries.text": "Manage list of countries", "settings.system.logs.name": "Logging", "settings.system.logs.text": "Debug und view logs", "settings.plugins.installed.name": "Installed plugins", "settings.plugins.installed.text": "{plugin_count} installed plugin(s)", "settings.plugins.installed.text_default": "Manage and install plugins", "settings.plugins.create.name": "Create a plugin", "settings.plugins.create.text": "Create from existing code", "user.name": "User", "user.users": "Users", "user.count_permissions": "{count} permissions", "user.one_permission": "1 permission", "user.tab_permissions": "Permissions", "user.fields.name_placeholder": "Enter your real name or a username", "user.fields.email": "Email", "user.fields.email_text": "Also used as login username", "user.fields.email_placeholder": "Enter your email address", "user.fields.avatarid": "Avatar", "user.fields.avatarid_text": "Upload a user image", "user.fields.languageid": "Language", "user.fields.languageid_text": "Set the backoffice language for this user", "user.fields.roles": "Roles", "user.fields.roles_text": "Add default permissions from roles", "user.fields.sections": "Sections", "user.fields.sections_text": "Specify access to backoffice sections", "user.fields.isactive": "Can login", "user.fields.isdisabled": "Disable", "user.fields.islockedout": "Locked out", "user.fields.islockedout_warning": "The user is locked out until", "user.fields.isdisabled_warning": "This user is disabled and cannot log into zero anymore. Status can be changed in \u003Cb\u003EActions\u003C/b\u003E dropdown", "role.name": "Role", "role.roles": "Roles", "role.tab_permissions": "Permissions", "role.fields.description": "Description", "role.fields.icon": "Icon", "permission.states.create": "Create", "permission.states.read": "View", "permission.states.update": "Update", "permission.states.delete": "Delete", "permission.states.write": "Edit", "permission.states.createdelete": "Create/delete", "permission.states.none": "None", "permission.collections.sections": "Sections", "permission.collections.sections_description": "Allow access to the following sections", "permission.collections.settings": "Settings", "permission.collections.settings_description": "Define read and write access for settings areas", "permission.collections.spaces": "Spaces", "permission.collections.spaces_description": "Granular control of spaces", "permission.collections.modules": "Modules", "permission.collections.modules_description": "Availability of composing block modules", "login.headline": "hello and welcome", "login.button": "Login", "login.button_forgot": "Forgot password?", "login.fields.email": "Email", "login.fields.email_placeholder": "Enter your email or username", "login.fields.password": "Password", "login.fields.password_placeholder": "Enter your password", "login.errors.wrongcredentials": "Email or password is wrong", "login.errors.lockedout": "The user has been locked out due to many failed password attempts", "login.errors.disabled": "The user has been deactivated", "login.errors.notallowed": "The user is not allowed to sign in", "login.errors.requirestwofactor": "Two-factor authentication is required to login", "login.rejectreasons.logout": "You have successfully logged out", "login.rejectreasons.inactive": "You have been inactive for too long. Please login again.", "login.rejectreasons.terminated": "Your session has been terminated. Please login again.", "login.rejectreasons.userchanged": "Your user data has changed. Please login again.", "login.rejectreasons.passwordchanged": "Your password was successfully changed. Please login again.", "order.fields.no": "Number", "order.fields.username": "Name", "order.fields.price": "Price", "order.fields.status": "Status", "modules.add.title": "Add content", "modules.add.text": "Compose the page by adding modules", "modules.default_group": "Default", "modules.notfound": "Could not find a registered module \u003Ccode\u003E[{alias}]\u003C/code\u003E in the code.", "page.name": "Page", "page.type": "Type", "page.root": "Root", "page.info_tab": "Info", "page.overview.actions.continue": "Continue", "page.overview.actions.continue_text": "You have last edited \u0022{page}\u0022", "page.overview.actions.new": "New page", "page.overview.actions.new_text": "Create a new page on root", "page.overview.actions.history": "History", "page.overview.actions.history_text": "View page editing history", "page.schedule.label": "Schedule", "page.schedule.header": "Schedule publishing", "page.schedule.publish": "Publish", "page.schedule.unpublish": "Unpublish", "page.schedule.scheduled": "Scheduled", "page.actions.emptyrecyclebin": "Empty recycle bin", "page.create.title": "Create page", "page.create.parent": "Parent", "page.create.nonavailable": "There are no page types allowed here", "page.preview.title": "Preview", "page.picker.headline": "Select a page", "recyclebin.name": "Recycle bin", "recyclebin.description": "View recently deleted entities", "recyclebin.purge": "Purge", "recyclebin.fields.originalid": "Page Id", "recyclebin.fields.createddate": "Deleted", "recyclebin.overlay.title": "Actions", "country.list": "Countries", "country.name": "Country", "country.fields.code": "Code", "country.fields.code_text": "Code in ISO 3166-1 format which is used to display the appropriate flag", "country.fields.ispreferred": "Show on top", "language.list": "Languages", "language.name": "Language", "language.fields.name": "Name", "language.fields.locale": "Locale", "language.fields.code": "ISO Code", "language.fields.code_text": "Code in ISO 3166-1 format", "language.fields.isdefault": "Default", "language.fields.isdefault_text": "Use as default language", "language.fields.isoptional": "Optional", "language.fields.isoptional_text": "Values for an optional language must not be entered, even if the field is required", "language.fields.inheritedlanguageid": "Fallback", "language.fields.inheritedlanguageid_text": "To allow multi-lingual content to fall back to another language if not present in the requested language, select it here", "language.errors.fallback_invalid": "Select a different language as a fallback", "language.errors.default_unique": "There is already another language which is set as the default", "language.errors.default_not_optional": "The default language can\u0027t be set as optional", "language.errors.default_no_fallback": "The default language can\u0027t have a fallback", "language.errors.needs_default": "At least one language has to be set as the default", "translation.list": "Translations", "translation.name": "Translation", "translation.display.text": "Text", "translation.display.html": "HTML", "translation.fields.key": "Key", "translation.fields.value": "Value", "translation.fields.display": "Display type", "iconpicker.title": "Pick an icon", "colorpicker.placeholder": "Select or enter a color (#aabbcc)", "mediapicker.select_text": "Add media", "mediapicker.select_description": "Upload or select", "mediapicker.upload_text": "Upload", "mediapicker.upload_description": "Upload a new file", "application.list": "Applications", "application.name": "Application", "application.tab_features": "Features", "application.tab_domains": "Domains", "application.fields.name": "Name", "application.fields.name_text": "Short human-readable name", "application.fields.fullname": "Full name", "application.fields.fullname_text": "Full company or product name", "application.fields.imageid": "Image", "application.fields.imageid_text": "Image of the app (with transparent background), used for all mails, PDFs, ...", "application.fields.iconid": "Icon", "application.fields.iconid_text": "Simplified image for minor application parts", "application.fields.email": "Email", "application.fields.email_text": "Generic contact email", "application.fields.domains": "Domains", "application.fields.domains_text": "Select domains for this application", "application.fields.domains_help": "Valid domain names are: \u0022example.com\u0022, \u0022www.example.com\u0022, \u0022example.com:8080\u0022, or \u0022https://www.example.com\u0022.", "application.fields.domains_add": "Add domain", "application.fields.features": "Features", "application.fields.features_text": "Enable additional features for this application", "media.list": "Media", "media.name": "Media", "media.addfolder": "Add a new folder", "media.editfolder": "Edit folder", "media.fields.foldername_placeholder": "Enter a name ...", "media.fields.caption": "Caption", "media.fields.caption_text": "Additional caption text", "media.fields.dimension": "Dimension", "media.fields.size": "Size", "media.fields.date": "Last modified at", "media.fields.filename": "Filename", "media.fields.source": "File", "media.fields.alternativetext": "Alternative text", "media.fields.alternativetext_text": "Text which is used when the image can\u0027t be loaded", "media.fields.dpi": "DPI", "media.fields.colorspace": "Color space", "media.fields.hastransparency": "Has transparency", "media.fields.frames": "Frames", "media.deleteoverlay.folder_text": "This will delete the folder and all its descendants including subfolders and files. Are you sure?", "media.deleteoverlay.folder_success_text": "You have successfully deleted this folder", "media.child_count_1": "{count} item", "media.child_count_x": "{count} items", "space.list": "Spaces", "space.name": "Space", "preview.name": "Preview", "_test.fields.name": "Name", "_test.fields.position": "Position", "_test.fields.image": "Image", "_test.fields.email": "Email", "_test.fields.videouri": "Video URL", "_test.fields.isvisible": "Visible", "_test.fields.facebook": "Facebook", "_test.fields.facebook_text": "Link to facebook page", "_test.fields.youtube": "Youtube", "_test.fields.youtube_text": "Link to youtube channel", "_test.fields.twitter": "Twitter", "_test.fields.twitter_text": "Link to twitter profile", "_test.fields.xiconpicker": "Icon", "_test.fields.xtextarea": "Description", "_test.fields.addresses": "Addresses", "_test.fields.addresses_text": "Enter as many addresses as you wish", "_test.fields.xcustom": "Generate", "_test.fields.xrte": "Description as HTML", "_test.fields.xmedia": "Images", "_test.fields.xstate": "Select media type", "_test.fields.address.city": "City", "_test.fields.address.street": "Street", "_test.fields.address.no": "No", "_test.fields.address.countries": "Country", "_test.fields.address.name": "Name", "_test.fields.address.iso": "ISO Code", "_test.fields.hideinnavigation": "Hide in navigation", "_test.fields.hideintitle": "Hide in title", "_test.fields.titleoverride": "Override title", "_test.fields.titleoverrideall": "Override full title", "_test.fields.seodescription": "SEO Description", "_test.fields.seoimage": "Image", "_test.fields.nofollow": "No follow", "_test.fields.noindex": "No index", "shop.name": "Commerce", "shop.description": "Define read and write access for commerce areas", "shop.headline_prefix": "Commerce / ", "shop.section.orders": "Orders", "shop.section.customers": "Customers", "shop.section.catalogue": "Catalogue", "shop.section.promotions": "Promotions", "shop.section.channels": "Sales channels", "shop.section.manufacturers": "Manufacturers", "shop.section.properties": "Properties", "shop.errors.category.parentnotallowed": "The category is not allowed as a children of the selected parent", "shop.errors.category.sortingmultipleparents": "Sorting categories is only allowed for a specific parent category", "shop.synonyms.label": "Synonyms", "shop.synonyms.description": "These additional values can be used when using the website search", "shop.settings.permissions_name": "Commerce settings", "shop.settings.permissions_description": "Additional settings for the commerce section", "shop.settings.name": "Commerce", "shop.settings.general.name": "General", "shop.settings.general.text": "Default settings for your store", "shop.settings.currencies.name": "Currencies", "shop.settings.currencies.text": "Manage available currencies", "shop.settings.taxes.name": "Tax rates", "shop.settings.taxes.text": "Stored tax rates to choose from", "shop.settings.numbers.name": "Number ranges", "shop.settings.numbers.text": "Order and customer numbers", "shop.settings.shipping.name": "Shipping", "shop.settings.shipping.text": "Shipping options for your store", "shop.settings.mails.name": "Mails", "shop.settings.mails.text": "Edit mail templates", "shop.settings.payment.name": "Payment", "shop.settings.payment.text": "Deposited payment methods", "shop.settings.orderstates.name": "Order states", "shop.settings.orderstates.text": "Configure detailed order states", "shop.currency.name": "Currency", "shop.currency.list": "Currencies", "shop.currency.default": "Default", "shop.currency.option": "Option", "shop.currency.fields.code": "ISO Code", "shop.currency.fields.symbol": "Symbol", "shop.currency.fields.factor": "Factor", "shop.currency.fields.isdefault": "Is default", "shop.mail.name": "Mail template", "shop.mail.list": "Mail templates", "shop.mail.emailbox": "Email settings", "shop.mail.tabs.sender": "Sender", "shop.mail.tabs.recipient": "Recipient", "shop.mail.fields.key": "Key", "shop.mail.fields.key_text": "Used to query for the template in code", "shop.mail.fields.subject": "Subject", "shop.mail.fields.body": "Body", "shop.mail.fields.body_text": "Additional body which is rendered into the mail template", "shop.mail.fields.senderemail": "Sender email", "shop.mail.fields.senderemail_text": "Leave empty to use application email", "shop.mail.fields.sendername": "Sender name", "shop.mail.fields.sendername_text": "Leave empty to use application name", "shop.mail.fields.recipientemail": "Recipient email", "shop.mail.fields.recipientemail_text": "Only used for mails which do not have a dynamic recipient (e.g. reports)", "shop.mail.fields.cc": "Send copy to (CC)", "shop.mail.fields.cc_text": "Comma-separated list of e-mails", "shop.mail.fields.bcc": "Send invisible copy to (BCC)", "shop.mail.fields.bcc_text": "Comma-separated list of e-mails", "shop.channel.name": "Channel", "shop.channel.list": "Channels", "shop.channel.tabs.theme": "Theme", "shop.channel.tabs.mails": "Mails", "shop.channel.tabs.settings": "Settings", "shop.channel.tabs.features": "Features", "shop.channel.turnover": "Turnover", "shop.channel.lastorderdate": "Last order date", "shop.channel.fields.name": "Name", "shop.channel.fields.shortname": "Short name", "shop.channel.fields.checkouttype": "Checkout", "shop.channel.fields.checkouttype_text": "Allowed checkout methods", "shop.channel.fields.productsorting": "Product sorting", "shop.channel.fields.productsorting_text": "Default sorting for product listings", "shop.channel.fields.theme.imageid": "Image", "shop.channel.fields.theme.imageid_text": "Image of the channel (with transparent background), used for all mails, PDFs, ...", "shop.channel.fields.theme.iconid": "Icon", "shop.channel.fields.theme.iconid_text": "Simplified image for minor application parts", "shop.channel.fields.theme.coloraccent": "Accent color", "shop.channel.fields.theme.coloraccent_text": "Choose the color for elements which need to be highlighted", "shop.channel.fields.mailing.sendername_text": "Leave empty to use sales channel name", "shop.channel.fields.mailing.templateoverrides": "Override templates", "shop.channel.fields.mailing.templateoverrides_text": "Existing mail templates can be overridden or deactivated for this channel", "shop.channel.fields.mailing.templateoverrides_headline": "Override template", "shop.channel.fields.mailing.template_isdeactivated": "Deactivate", "shop.channel.fields.mailing.default_template": "Default: {value}", "shop.channel.fields.mailing.template_deactivated": "Deactivated", "shop.channel.fields.clientno": "Client number", "shop.channel.fields.clientno_text": "In case the channel is a client this field can be used to output a client number in mails and invoices", "shop.channel.fields.shipping.items": "Additional shipping options", "shop.channel.fields.shipping.items_text": "Add more shipping options specifically for this channel", "shop.channel.fields.shipping.hiddenids": "Shipping", "shop.channel.fields.shipping.hiddenids_text": "These shipment options will be available for the user to choose from", "shop.channel.fields.features": "Features", "shop.channel.fields.features_text": "Enable additional features for this channel", "shop.channel.checkout_states.none": "None", "shop.channel.checkout_states.order": "Order", "shop.channel.checkout_states.request": "Request", "shop.channel.checkout_states.both": "Both", "shop.channel.sorting_states.relevance": "Relevance", "shop.channel.sorting_states.new": "New", "shop.channel.sorting_states.price": "Price", "shop.catalogue.pathnames.catalogue": "Catalogue", "shop.catalogue.pathnames.category": "Category", "shop.catalogue.pathnames.products": "Products", "shop.catalogue.pathnames.product": "Product", "shop.catalogue.name": "Catalogue", "shop.catalogue.list": "Catalogue", "shop.catalogue.categories": "Categories", "shop.catalogue.channelpreviewprefix": "Channel:", "shop.catalogue.sharedcatalogueinfo": "Catalogue products can be consumed by \u003Cb\u003Eall applications.\u003C/b\u003E", "shop.catalogue.localcatalogueinfo": "Distribute products from your backlog to your channels", "shop.product.name": "Product", "shop.product.list": "Products", "shop.product.tabs.content": "Content", "shop.product.tabs.relations": "Relations", "shop.product.tabs.variants": "Variants", "shop.product.tabs.labelling": "Labelling", "shop.product.actions.editcategory": "Edit category", "shop.product.fields.price": "Price", "shop.product.fields.categoryids": "Categories", "shop.product.fields.categoryids_text": "Display in the following categories", "shop.product.fields.manufacturer": "Manufacturer", "shop.product.fields.manufacturerid": "Manufacturer", "shop.product.fields.channelid": "Channel", "shop.product.fields.type": "Product type", "shop.product.fields.taxid": "Tax rate", "shop.product.fields.taxid_text": "Override default tax rate", "shop.product.fields.description": "Description", "shop.product.fields.description_text": "Default product description", "shop.product.fields.infodescription": "Information", "shop.product.fields.infodescription_text": "Optional output on top of the product (e.g for warnings)", "shop.product.fields.presentationimageid": "Representative image", "shop.product.fields.presentationimageid_text": "Product images in listings are choosen based on the selected filter. You can override the listing image here", "shop.product.fields.properties": "Properties", "shop.product.fields.properties_text": "Add properties to describe your product. These are used to build the product filter", "shop.product.fields.variants": "Variants", "shop.product.fields.variantcount": "Variants", "shop.product.fields.variant.internalnumber": "Product no.", "shop.product.fields.variant.sku": "SKU", "shop.product.fields.variant.manufacturersku": "SKU (ext.)", "shop.product.fields.variant.customname": "Custom name", "shop.product.fields.variant.customname_text": "Alternative display name", "shop.product.fields.variant.values_text": "Select values", "shop.product.fields.variant.ean": "GTIN", "shop.product.fields.variant.ean_text": "Global trade item number. Used to get stock data from depots", "shop.product.fields.variant.price": "Price", "shop.product.fields.variant.price_text": "The full price of the product", "shop.product.fields.variant.imageids": "Images", "shop.product.fields.variant.imageids_text": "The first image is displayed in the product listing", "shop.product.fields.variant.switch": "Switch to multiple variants", "shop.product.fields.variant.switch_button": "Reset", "shop.product.fields.variant.stock": "Stock", "shop.product.create.header": "Add a product", "shop.product.create.copy": "Clone", "shop.product.create.copy_text": "Copy another product", "shop.product.type_states.physical": "Physical", "shop.product.type_states.physical_text": "Merchandise, apparel, and any other physical goods", "shop.product.type_states.digital": "Digital", "shop.product.type_states.digital_text": "Ebooks, audio files, and any other digital downloads", "shop.product.type_states.giftcard": "Gift card", "shop.product.type_states.giftcard_text": "Digital codes that recipients can use as payment", "shop.product.preview.price": "Price", "shop.product.preview.gotodetail": "Go to product", "shop.product.variants.count_1": "1 variant", "shop.product.variants.count_x": "{count} variants", "shop.product.variants.select.multiple": "Multiple variants", "shop.product.variants.select.multiple_text": "Select from properties", "shop.product.variants.select.single": "No variants", "shop.product.variants.select.single_text": "Enter price, images,...", "shop.product.variants.additem": "Add {name}", "shop.product.variants.edititem": "Edit {name}", "shop.product.variants.editimages": "Edit images", "shop.product.variants.selecteditems": "Selected", "shop.product.variants.imagesheadline": "Set images for {count} variant(s)", "shop.product.variants.imagesoverridewarn": "By confirming you will override all images in all descendant variants. This change is applied once you save the product.", "shop.product.variants.resetvariants": "Reset variants?", "shop.category.add_category": "Add a new category", "shop.category.fields.name_placeholder": "Enter a name...", "shop.category.fields.description": "Description", "shop.category.fields.description_text": "Additional text description for the frontend", "shop.category.fields.parentid": "Parent category", "shop.category.fields.type": "Type", "shop.category.fields.type_text": "How to select products for this category", "shop.category.fields.promotionalimageid": "Promotional image", "shop.category.fields.promotionalimageid_text": "Additional image for promotions", "shop.category.fields.connection.categoryid": "Select category", "shop.category.fields.connection.categoryid_text": "Connected category where to get products from", "shop.category.picker.headline": "Select a category", "shop.category.picker.onroot": "Category", "shop.category.type_states.default": "Default", "shop.category.type_states.dynamic": "Dynamic", "shop.category.type_states.mirroring": "Connect", "shop.category.deleteoverlay.text": "This will delete the category and all its descendants as well as the products associated with it. Are you sure?", "shop.category.deleteoverlay.success_text": "You have successfully deleted this category", "shop.manufacturer.name": "Manufacturer", "shop.manufacturer.list": "Manufacturers", "shop.manufacturer.fields.name": "Name", "shop.manufacturer.fields.imageid": "Image", "shop.manufacturer.fields.imageid_text": "Image of the manufacturer (with transparent background)", "shop.manufacturer.fields.promotionalimageid": "Promotional image", "shop.manufacturer.fields.promotionalimageid_text": "Additional image for promotions", "shop.manufacturer.fields.description": "Description", "shop.manufacturer.fields.description_text": "Additional text description for the frontend", "shop.manufacturer.fields.website": "Website", "shop.manufacturer.fields.website_text": "Link to the manufacturer website", "shop.property.name": "Property", "shop.property.list": "Properties", "shop.property.tabs.values": "Values", "shop.property.fields.name": "Name", "shop.property.fields.description": "Description", "shop.property.fields.description_text": "Only visible in the backoffice", "shop.property.fields.sortingmethod": "Sorting method", "shop.property.fields.sortingmethod_text": "Defines how to sort the values in the frontend", "shop.property.fields.type": "Displayed as", "shop.property.fields.type_short": "Display", "shop.property.fields.type_text": "Defines how the values are displayed", "shop.property.fields.values": "Values", "shop.property.fields.values_text": "These values can be used when assigning the feature", "shop.property.fields.limit": "Limit", "shop.property.fields.limit_text": "Allow assignment of multiple values with the specified limit", "shop.property.fields.allowtext": "Additional text", "shop.property.fields.allowtext_text": "Whether an additional text output can be entered (e.g. manufacturer color name)", "shop.property.fields.forfilter": "As filter", "shop.property.fields.forfilter_text": "Show this feature in the product filter", "shop.property.sorting_states.manual": "Manual", "shop.property.sorting_states.manual_text": "Manually sort the features values", "shop.property.sorting_states.numeric": "Numeric", "shop.property.sorting_states.numeric_text": "Numerical order (a, b, c, ..., 1, 2, 3, ..., 10, 11)", "shop.property.sorting_states.alphanumeric": "Alphanumeric", "shop.property.sorting_states.alphanumeric_text": "Alphanumerical order (a, b, c, ..., 1, 10, 11, ..., 2, 20, 21)", "shop.property.sorting_states.relevance": "Relevance", "shop.property.sorting_states.relevance_text": "Dependent on the ocurrence per value in the resulting product list", "shop.property.type_states.text": "Text", "shop.property.type_states.text_text": "Text string input", "shop.property.type_states.color": "Color", "shop.property.type_states.color_text": "A predefined color list", "shop.property.type_states.icon": "Icon", "shop.property.type_states.icon_text": "Icon with text", "shop.property.type_states.select": "Select", "shop.property.type_states.select_text": "Select box with predefined values", "shop.tax.list": "Tax rates", "shop.tax.name": "Tax", "shop.tax.fields.name_help": "Enter a name which is not tied to the rate and can be used in multiple countries", "shop.tax.fields.rate": "Tax rate", "shop.shipping.list": "Shipping options", "shop.shipping.name": "Shipping option", "shop.shipping.fields.description": "Description", "shop.shipping.fields.description_text": "Additional text for the user", "shop.shipping.fields.deliverytime": "Delivery time", "shop.shipping.fields.deliverytime_text": "Estimated delivery time", "shop.shipping.fields.imageid": "Image", "shop.shipping.fields.imageid_text": "Upload or select image", "shop.shipping.fields.countryids": "Countries", "shop.shipping.fields.countryids_text": "Available in all countries if empty", "shop.shipping.fields.ispickup": "Is pickup", "shop.shipping.fields.ispickup_text": "The package can be collected in a store and is not sent", "shop.shipping.fields.prices": "Pricing", "shop.shipping.fields.prices_text": "Price matrix", "shop.shipping.fields.price.title": "Price", "shop.shipping.fields.price.from": "Cart price start", "shop.shipping.fields.price.to": "Cart price end", "shop.shipping.fields.price.price": "Price", "shop.orderstate.list": "Order states", "shop.orderstate.name": "Order state", "shop.orderstate.states.open": "Open", "shop.orderstate.states.processing": "Processing", "shop.orderstate.states.completed": "Completed", "shop.orderstate.states.cancelled": "Cancelled", "shop.orderstate.fields.description": "Description", "shop.orderstate.fields.description_text": "Only visible in the backoffice", "shop.orderstate.fields.text": "Text", "shop.orderstate.fields.text_text": "Used to inform the user in which state his order is currently (for mails, ...)", "shop.orderstate.fields.underlyingstate": "Underlying state", "shop.orderstate.fields.underlyingstate_text": "The order state which is used to trigger functionality", "shop.orderstate.fields.isinternal": "Internal", "shop.orderstate.fields.isinternal_info": "You can change details for this internal state but neither delete nor modify the underlying state itself", "shop.number.list": "Number ranges", "shop.number.name": "Number", "shop.number.fields.template": "Template", "shop.number.fields.template_text": "How the number is constructed (can contain placeholders)", "shop.number.fields.startnumber": "Start number", "shop.number.fields.startnumber_text": "Begin to count from this number", "shop.number.fields.minlength": "Minimum length", "shop.number.fields.minlength_text": "Fill a number so it has at least this length, e.g. \u002200013\u0022", "shop.number.fields.resetnumberperperiod": "Reset per year", "shop.number.fields.resetnumberperperiod_text": "Reset the number for every new year in case the template contains {year}", "shop.customer.list": "Customers", "shop.customer.name": "Customer", "shop.customer.tabs.orders": "Orders", "shop.customer.fields.name": "Email", "shop.customer.fields.email": "Email", "shop.customer.fields.addresses": "Addresses", "shop.customer.fields.defaultshippingaddressid": "Default shipping address", "shop.customer.fields.defaultinvoiceaddressid": "Default invoice address", "shop.customer.fields.address.edit_title": "Name \u0026 address", "shop.customer.fields.address.tabs.address": "Address", "shop.customer.fields.address.email": "Email", "shop.customer.fields.address.name": "Name", "shop.customer.fields.address.firstname": "First name", "shop.customer.fields.address.lastname": "Last name", "shop.customer.fields.address.company": "Company", "shop.customer.fields.address.gender": "Gender", "shop.customer.fields.address.title": "Title", "shop.customer.fields.address.street": "Street", "shop.customer.fields.address.address": "Street \u002B no.", "shop.customer.fields.address.addressline1": "Address line 1", "shop.customer.fields.address.addressline2": "Address line 2", "shop.customer.fields.address.zip": "ZIP", "shop.customer.fields.address.city": "City", "shop.customer.fields.address.countryid": "Country", "shop.customer.fields.address.vatno": "VAT no.", "shop.customer.fields.address.phonenumber": "Phone number", "shop.customer.fields.address.customernumber": "Customer number", "shop.customer.fields.address.customernumber_text": "External customer number", "shop.customer.fields.address.ordercount": "Orders", "shop.customer.fields.address.turnover": "Turnover", "shop.customer.fields.address.lastorderedat": "Last ordered", "shop.customer.filter.date": "Date", "shop.customer.filter.countryid": "Country", "shop.customer.filter.turnover": "Turnover", "shop.customer.filter.search": "Search", "shop.order.list": "Orders", "shop.order.name": "Order", "shop.order.tabs.order": "Order", "shop.order.tabs.infos": "Info", "shop.order.tabs.documents": "Documents", "shop.order.tabs.notes": "Notes", "shop.order.tabs.deliveries": "Deliveries", "shop.order.fields.order": "Order", "shop.order.fields.number": "Number", "shop.order.fields.channel": "Sales channel", "shop.order.fields.customer": "Customer", "shop.order.fields.address": "Address", "shop.order.fields.price": "Amount", "shop.order.fields.state": "Order status", "shop.order.fields.createddate": "Order date", "shop.order.fields.customernote": "Customer note", "shop.order.fields.internalnote": "Internal note", "shop.order.fields.email": "Email", "shop.order.fields.phone": "Phone number", "shop.order.fields.invoiceaddress": "Invoice", "shop.order.fields.shippingaddress": "Shipping", "shop.order.fields.contact": "Contact", "shop.order.fields.shippingmethod": "Shipping method", "shop.order.fields.shippingcosts": "Shipping costs", "shop.order.fields.assignedto": "Assigned to", "shop.order.fields.language": "Language", "shop.order.item_type.product": "Product", "shop.order.item_type.custom": "Custom", "shop.order.addresses.sameshippingaddress": "Same as billing address", "shop.order.items.item": "Item", "shop.order.items.price": "Price", "shop.order.items.quantity": "Quantity", "shop.order.items.tax": "Tax rate", "shop.order.items.itemtotal": "Total", "shop.order.items.subtotal": "Subtotal", "shop.order.items.shipping": "Shipping costs", "shop.order.items.totalnet": "Total excluding VAT", "shop.order.items.taxpercent": "{tax} % VAT", "shop.order.items.total": "Total", "shop.order.states.history": "History", "shop.order.states.history_overlay": "Order history", "shop.order.states.orderstate": "State", "shop.order.states.paymentstate": "Payment", "shop.order.shipping.name": "Name", "shop.order.shipping.shippingoptionid": "Shipping method", "shop.order.shipping.price": "Price", "shop.order.shipping.lines": "Additional information lines", "shop.order.shipping.address": "Shipping address", "shop.order.shipping.address_text": "Same as billing when empty", "shop.order.shipping.override.title": "Override properties", "shop.order.shipping.override.text": "Updating the shipping option will recalculate the shipping price and update the name. Do you want to continue?", "shop.order.deliveries.title": "Deliveries", "shop.order.deliveries.add": "Send package", "shop.order.deliveries.add_text": "A package can contain all or only selected products", "shop.order.deliveries.package": "Package #{no}", "shop.order.deliveries.package_text_x": "{date} ({count} items)", "shop.order.deliveries.package_text_1": "{date} ({count} item)", "shop.order.deliveries.package_text_all": "{date}", "shop.order.dispatch.title": "Package", "shop.order.dispatch.description": "Description", "shop.order.dispatch.description_text": "Add an additional description for the customer", "shop.order.dispatch.shipmentdate": "Date of shipment", "shop.order.dispatch.trackingnumber": "Tracking number", "shop.order.dispatch.trackingnumber_text": "Enter the tracking number provided by the parcel service", "shop.order.dispatch.trackingurl": "URL", "shop.order.dispatch.trackingurl_text": "Tracking page URL which contains parcel tracking information", "shop.order.dispatch.addtracking": "Add tracking", "shop.order.dispatch.ispartdelivery": "Is part delivery", "shop.order.dispatch.products.name": "Product", "shop.order.dispatch.products.sent": "Sent", "shop.order.dispatch.products.input": "Quantity", "shop.order.filter.date": "Date", "shop.order.filter.countryid": "Country", "shop.order.filter.price": "Amount", "shop.order.filter.search": "Search", "shop.order.filter.stateids": "Order state", "shop.order.filter.channelids": "Sales channels", "shop.promotion.list": "Promotions", "shop.promotion.name": "Promotion", "laola.settings.group": "Page", "laola.settings.layout.name": "Layout \u0026 Navigation", "laola.settings.layout.description": "Custom page layout", "laola.settings.layout.groups.header": "Header", "laola.settings.layout.groups.footer": "Footer", "laola.settings.layout.fields.subtitle": "Subtitle", "laola.settings.layout.fields.subtitle_text": "Display a short text below the application name", "laola.settings.layout.fields.navigation": "Navigation", "laola.settings.layout.fields.navigation_text": "Build the main navigation for the page", "laola.settings.layout.fields.copyright": "Copyright text", "laola.settings.layout.fields.copyright_text": "Insert {copyright} for the copyright character \u002B current year", "laola.settings.layout.fields.footertext": "Additional text in the footer", "laola.settings.layout.fields.footernavigation": "Navigation", "laola.settings.layout.fields.footernavigation_text": "Build the footer navigation for the page", "laola.settings.layout.navigationitem.title": "Navigation item", "laola.settings.layout.navigationitem.fields.name": "Name", "laola.settings.layout.navigationitem.fields.name_text": "Custom name or override name when a page is selected", "laola.settings.layout.navigationitem.fields.pageid": "Select page", "laola.settings.layout.navigationitem.fields.pageid_text": "Use a page for this link", "laola.settings.layout.navigationitem.fields.url": "URL", "laola.settings.layout.navigationitem.fields.url_text": "Link to this URL", "laola.settings.layout.navigationitem.fields.isexternal": "Is external", "laola.settings.layout.navigationitem.fields.isexternal_text": "Open URL in a new tab when clicked", "laola.settings.layout.navigationitem.fields.childtype": "Subnavigation", "laola.settings.layout.navigationitem.fields.childtype_text": "Select the type of subnavigation you wish to display", "laola.settings.layout.navigationitem.fields.children": "Choose children", "laola.settings.layout.navigationitem.fields.children_text": "Display a subnavigation for this item", "laola.settings.layout.navigationitem.types.children": "Display page children", "laola.settings.layout.navigationitem.types.custom": "Create custom subnavigation", "laola.settings.layout.navigationitem.types.products": "Display product dropdown", "laola.features.wishlist": "Wishlist", "laola.features.wishlist_text": "Frontend wishlist for logged-in users", "laola.features.socialshopping": "Social shopping", "laola.features.socialshopping_text": "Integrate products into social media portals", "laola.tabs.content": "Content", "laola.tabs.meta": "Meta \u0026 SEO", "laola.tabs.options": "Options", "laola.spaces.team.name": "Team", "laola.spaces.team.description": "Our team members", "laola.spaces.team.fields.position": "Position", "laola.spaces.team.fields.imageid": "Image", "laola.spaces.team.fields.email": "Email", "laola.spaces.news.name": "News", "laola.spaces.news.description": "Articles about the company", "laola.spaces.news.tab_modules": "Content", "laola.spaces.news.fields.name": "Name", "laola.spaces.news.fields.date": "News date", "laola.spaces.news.fields.summary": "Short summary", "laola.spaces.news.fields.imageid": "Image", "laola.spaces.news.fields.imageid_text": "Used for all occasions", "laola.spaces.news.fields.previewimageid": "Preview image", "laola.spaces.news.fields.previewimageid_text": "Override default image for listings", "laola.spaces.news.fields.publishdate": "Publish at", "laola.spaces.news.fields.unpublishdate": "Unpublish at", "laola.spaces.news.fields.modules": "Modules", "laola.spaces.news.fields.modules_text": "Compose the news by adding content modules", "laola.spaces.social.name": "Social", "laola.spaces.social.description": "Links to social media", "laola.spaces.social.fields.facebook": "Facebook", "laola.spaces.social.fields.instagram": "Instagram", "laola.spaces.social.fields.youtube": "YouTube", "laola.spaces.social.fields.twitter": "Twitter", "laola.modules": "{}", "laola.newsmodules.text.name": "Text", "laola.newsmodules.text.description": "Simple text block", "laola.newsmodules.text.fields.text": "Text", "laola.newsmodules.images.name": "Images", "laola.newsmodules.images.description": "Display images as a slider or gallery", "laola.newsmodules.quote.name": "Quote", "laola.newsmodules.quote.description": "Quote by a person", "laola.newsmodules.feature.name": "Feature", "laola.newsmodules.feature.description": "Figure with text, image and an optional link", "laola.pages.partials.hideintitle": "Hide in page title", "laola.pages.partials.hideintitle_text": "Do not render this page in the page title", "laola.pages.partials.titleoverride": "Override page title", "laola.pages.partials.titleoverride_text": "Use this field for rendering the page title", "laola.pages.partials.titleoverrideall": "Override all of page title", "laola.pages.partials.seodescription": "SEO description", "laola.pages.partials.seodescription_text": "Description for search engines", "laola.pages.partials.seoimageid": "SEO image", "laola.pages.partials.seoimageid_text": "Image for search results and social media", "laola.pages.partials.nofollow": "Do not follow page", "laola.pages.partials.nofollow_text": "Instruct search crawlers to not follow links on this page", "laola.pages.partials.noindex": "Do not index page", "laola.pages.partials.noindex_text": "Instruct search crawlers to not index this page", "laola.pages.partials.hideinnavigation": "Hide in navigation", "laola.pages.partials.hideinnavigation_text": "Do not display this page in generated page navigations", "laola.pages.partials.urlalias": "Url alias", "laola.pages.partials.urlalias_text": "Use this field instead of the page name for URL generation", "laola.pages.content.fields.text": "Text", "laola.pages.products.tab_products": "Products", "laola.pages.products.fields.channelid": "Sales channel", "laola.pages.products.fields.channelid_text": "Display products from the selected channel here", "laola.pages.products.fields.modulesabove": "Content above", "laola.pages.products.fields.modulesabove_text": "Render content above the product list", "laola.pages.products.fields.modulesbelow": "Content below", "laola.pages.products.fields.modulesbelow_text": "Render content below the product list" } };
-    window.zero = window.__zero;
-  </script>-->
   <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
     <symbol id="fth-activity" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="22 12 18 12 15 21 9 3 6 12 2 12" /></symbol><symbol id="fth-airplay" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M5 17H4a2 2 0 01-2-2V5a2 2 0 012-2h16a2 2 0 012 2v10a2 2 0 01-2 2h-1" />  <polygon points="12 15 17 21 7 21 12 15" /></symbol><symbol id="fth-alarm-check" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 21a8 8 0 100-16 8 8 0 000 16z" />  <path d="M5 3L2 6" />  <path d="M22 6l-3-3" />  <path d="M6 19l-2 2" />  <path d="M18 19l2 2" />  <path d="M9 13l2 2 4-4" /></symbol><symbol id="fth-alarm-clock" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="13" r="8" />  <path d="M12 9v4l2 2" />  <path d="M5 3L2 6" />  <path d="M22 6l-3-3" />  <path d="M6 19l-2 2" />  <path d="M18 19l2 2" /></symbol><symbol id="fth-alarm-minus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 21a8 8 0 100-16 8 8 0 000 16z" />  <path d="M5 3L2 6" />  <path d="M22 6l-3-3" />  <path d="M6 19l-2 2" />  <path d="M18 19l2 2" />  <path d="M9 13h6" /></symbol><symbol id="fth-alarm-plus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 21a8 8 0 100-16 8 8 0 000 16z" />  <path d="M5 3L2 6" />  <path d="M22 6l-3-3" />  <path d="M6 19l-2 2" />  <path d="M18 19l2 2" />  <path d="M12 10v6" />  <path d="M9 13h6" /></symbol><symbol id="fth-album" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <polyline points="11 3 11 11 14 8 17 11 17 3" /></symbol><symbol id="fth-alert-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <line x1="12" y1="8" x2="12" y2="12" />  <line x1="12" y1="16" x2="12.01" y2="16" /></symbol><symbol id="fth-alert-octagon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" />  <line x1="12" y1="8" x2="12" y2="12" />  <line x1="12" y1="16" x2="12.01" y2="16" /></symbol><symbol id="fth-alert-triangle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" />  <line x1="12" y1="9" x2="12" y2="13" />  <line x1="12" y1="17" x2="12.01" y2="17" /></symbol><symbol id="fth-align-center" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="21" y1="6" x2="3" y2="6" />  <line x1="17" y1="12" x2="7" y2="12" />  <line x1="19" y1="18" x2="5" y2="18" /></symbol><symbol id="fth-align-justify" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="3" y1="6" x2="21" y2="6" />  <line x1="3" y1="12" x2="21" y2="12" />  <line x1="3" y1="18" x2="21" y2="18" /></symbol><symbol id="fth-align-left" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="21" y1="6" x2="3" y2="6" />  <line x1="15" y1="12" x2="3" y2="12" />  <line x1="17" y1="18" x2="3" y2="18" /></symbol><symbol id="fth-align-right" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="21" y1="6" x2="3" y2="6" />  <line x1="21" y1="12" x2="9" y2="12" />  <line x1="21" y1="18" x2="7" y2="18" /></symbol><symbol id="fth-anchor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="5" r="3" />  <line x1="12" y1="22" x2="12" y2="8" />  <path d="M5 12H2a10 10 0 0020 0h-3" /></symbol><symbol id="fth-aperture" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <line x1="14.31" y1="8" x2="20.05" y2="17.94" />  <line x1="9.69" y1="8" x2="21.17" y2="8" />  <line x1="7.38" y1="12" x2="13.12" y2="2.06" />  <line x1="9.69" y1="16" x2="3.95" y2="6.06" />  <line x1="14.31" y1="16" x2="2.83" y2="16" />  <line x1="16.62" y1="12" x2="10.88" y2="21.94" /></symbol><symbol id="fth-archive" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="21 8 21 21 3 21 3 8" />  <rect x="1" y="3" width="22" height="5" />  <line x1="10" y1="12" x2="14" y2="12" /></symbol><symbol id="fth-arrow-big-down" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M9 3h6v11h4l-7 7-7-7h4z" /></symbol><symbol id="fth-arrow-big-left" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M3 12l7-7v4h11v6H10v4z" /></symbol><symbol id="fth-arrow-big-right" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 12l-7-7v4H3v6h11v4z" /></symbol><symbol id="fth-arrow-big-up" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M9 21V10H5l7-7 7 7h-4v11z" /></symbol><symbol id="fth-arrow-down-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <polyline points="8 12 12 16 16 12" />  <line x1="12" y1="8" x2="12" y2="16" /></symbol><symbol id="fth-arrow-down-left" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="17" y1="7" x2="7" y2="17" />  <polyline points="17 17 7 17 7 7" /></symbol><symbol id="fth-arrow-down-right" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="7" y1="7" x2="17" y2="17" />  <polyline points="17 7 17 17 7 17" /></symbol><symbol id="fth-arrow-down" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="12" y1="5" x2="12" y2="19" />  <polyline points="19 12 12 19 5 12" /></symbol><symbol id="fth-arrow-left-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <polyline points="12 8 8 12 12 16" />  <line x1="16" y1="12" x2="8" y2="12" /></symbol><symbol id="fth-arrow-left" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="19" y1="12" x2="5" y2="12" />  <polyline points="12 19 5 12 12 5" /></symbol><symbol id="fth-arrow-right-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <polyline points="12 16 16 12 12 8" />  <line x1="8" y1="12" x2="16" y2="12" /></symbol><symbol id="fth-arrow-right" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="5" y1="12" x2="19" y2="12" />  <polyline points="12 5 19 12 12 19" /></symbol><symbol id="fth-arrow-up-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <polyline points="16 12 12 8 8 12" />  <line x1="12" y1="16" x2="12" y2="8" /></symbol><symbol id="fth-arrow-up-left" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="17" y1="17" x2="7" y2="7" />  <polyline points="7 17 7 7 17 7" /></symbol><symbol id="fth-arrow-up-right" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="7" y1="17" x2="17" y2="7" />  <polyline points="7 7 17 7 17 17" /></symbol><symbol id="fth-arrow-up" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="12" y1="19" x2="12" y2="5" />  <polyline points="5 12 12 5 19 12" /></symbol><symbol id="fth-asterisk" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 6v12" />  <path d="M17.196 9L6.804 15" />  <path d="M6.804 9l10.392 6" /></symbol><symbol id="fth-at-sign" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="4" />  <path d="M16 8v5a3 3 0 006 0v-1a10 10 0 10-3.92 7.94" /></symbol><symbol id="fth-award" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="8" r="7" />  <polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88" /></symbol><symbol id="fth-axe" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M14 12l-8.501 8.501a2.12 2.12 0 01-2.998 0h-.002a2.12 2.12 0 010-2.998L11 9.002" />  <path d="M9 7l4-4 6 6h3l-.13.648a7.648 7.648 0 01-5.081 5.756L15 16v-3z" /></symbol><symbol id="fth-banknote" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="2" y="6" width="20" height="12" rx="2" />  <circle cx="12" cy="12" r="2" />  <path d="M6 12h.01M18 12h.01" /></symbol><symbol id="fth-bar-chart-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="18" y1="20" x2="18" y2="10" />  <line x1="12" y1="20" x2="12" y2="4" />  <line x1="6" y1="20" x2="6" y2="14" /></symbol><symbol id="fth-bar-chart" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="12" y1="20" x2="12" y2="10" />  <line x1="18" y1="20" x2="18" y2="4" />  <line x1="6" y1="20" x2="6" y2="16" /></symbol><symbol id="fth-battery-charging" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M7 7H3.78A1.73 1.73 0 002 8.67v6.66A1.73 1.73 0 003.78 17H6m8-10h2.22A1.73 1.73 0 0118 8.67v6.66A1.73 1.73 0 0116.22 17H13" />  <polyline points="11 7 8 12 12 12 9 17" />  <line x1="22" x2="22" y1="11" y2="13" /></symbol><symbol id="fth-battery-full" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="2" y="7" width="16" height="10" rx="2" ry="2" />  <line x1="22" x2="22" y1="11" y2="13" />  <line x1="6" x2="6" y1="10" y2="14" />  <line x1="10" x2="10" y1="10" y2="14" />  <line x1="14" x2="14" y1="10" y2="14" /></symbol><symbol id="fth-battery-low" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="2" y="7" width="16" height="10" rx="2" ry="2" />  <line x1="22" x2="22" y1="11" y2="13" />  <line x1="6" x2="6" y1="10" y2="14" /></symbol><symbol id="fth-battery-medium" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="2" y="7" width="16" height="10" rx="2" ry="2" />  <line x1="22" x2="22" y1="11" y2="13" />  <line x1="6" x2="6" y1="10" y2="14" />  <line x1="10" x2="10" y1="10" y2="14" /></symbol><symbol id="fth-battery" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="2" y="7" width="16" height="10" rx="2" ry="2" />  <line x1="22" x2="22" y1="11" y2="13" /></symbol><symbol id="fth-beaker" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4.5 3h15" />  <path d="M6 3v16a2 2 0 002 2h8a2 2 0 002-2V3" />  <path d="M6 14h12" /></symbol><symbol id="fth-bell-minus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M13.73 21a2 2 0 01-3.46 0" />  <path d="M21 5h-6" />  <path d="M18.021 9C18.29 15.193 21 17 21 17H3s3-2 3-9a6 6 0 017-5.916" /></symbol><symbol id="fth-bell-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M13.73 21a2 2 0 01-3.46 0" />  <path d="M18.63 13A17.888 17.888 0 0118 8" />  <path d="M6.26 6.26A5.86 5.86 0 006 8c0 7-3 9-3 9h14" />  <path d="M18 8a6 6 0 00-9.33-5" />  <path d="M2 2l20 20" /></symbol><symbol id="fth-bell-plus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18.387 12C19.198 15.799 21 17 21 17H3s3-2 3-9a6 6 0 017-5.916" />  <path d="M13.73 21a2 2 0 01-3.46 0" />  <path d="M18 2v6" />  <path d="M21 5h-6" /></symbol><symbol id="fth-bell-ring" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9" />  <path d="M13.73 21a2 2 0 01-3.46 0" />  <path d="M2 8c0-2.2.7-4.3 2-6" />  <path d="M22 8a10 10 0 00-2-6" /></symbol><symbol id="fth-bell" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9" />  <path d="M13.73 21a2 2 0 01-3.46 0" /></symbol><symbol id="fth-bike" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="5.5" cy="17.5" r="3.5" />  <circle cx="18.5" cy="17.5" r="3.5" />  <path d="M15 6a1 1 0 100-2 1 1 0 000 2zm-3 11.5V14l-3-3 4-3 2 3h2" /></symbol><symbol id="fth-binary" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M10 4H6v6h4V4z" />  <path d="M18 14h-4v6h4v-6z" />  <path d="M14 4h2v6m-2 0h4" />  <path d="M6 14h2v6m-2 0h4" /></symbol><symbol id="fth-bitcoin" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M11.767 19.089c4.924.868 6.14-6.025 1.216-6.894m-1.216 6.894L5.86 18.047m5.908 1.042l-.347 1.97m1.563-8.864c4.924.869 6.14-6.025 1.215-6.893m-1.215 6.893l-3.94-.694m5.155-6.2L8.29 4.26m5.908 1.042l.348-1.97M7.48 20.364l3.126-17.727" /></symbol><symbol id="fth-bluetooth-connected" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M7 7l10 10-5 5V2l5 5L7 17" />  <line x1="18" y1="12" y2="12" x2="21" />  <line x1="3" y1="12" y2="12" x2="6" /></symbol><symbol id="fth-bluetooth-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M17 17l-5 5V12l-5 5" />  <path d="M2 2l20 20" />  <path d="M14.5 9.5L17 7l-5-5v4.5" /></symbol><symbol id="fth-bluetooth-searching" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M7 7l10 10-5 5V2l5 5L7 17" />  <path d="M20.83 14.83a4 4 0 000-5.66" />  <path d="M18 12h.01" /></symbol><symbol id="fth-bluetooth" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M7 7l10 10-5 5V2l5 5L7 17" /></symbol><symbol id="fth-bold" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M6 4h8a4 4 0 014 4 4 4 0 01-4 4H6z" />  <path d="M6 12h9a4 4 0 014 4 4 4 0 01-4 4H6z" /></symbol><symbol id="fth-book-open" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z" />  <path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z" /></symbol><symbol id="fth-book" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 19.5A2.5 2.5 0 016.5 17H20" />  <path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z" /></symbol><symbol id="fth-bookmark" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2z" /></symbol><symbol id="fth-bot" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="11" width="18" height="10" rx="2" />  <circle cx="12" cy="5" r="2" />  <path d="M12 7v4" />  <line x1="8" y1="16" x2="8" y2="16" />  <line x1="16" y1="16" x2="16" y2="16" /></symbol><symbol id="fth-box-select" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 2a2 2 0 00-2 2" />  <line x1="8" y1="2" x2="10" y2="2" />  <line x1="14" y1="2" x2="16" y2="2" />  <path d="M4 22a2 2 0 01-2-2" />  <line x1="22" y1="8" x2="22" y2="10" />  <line x1="22" y1="14" x2="22" y2="16" />  <path d="M22 20a2 2 0 01-2 2" />  <line x1="14" y1="22" x2="16" y2="22" />  <line x1="8" y1="22" x2="10" y2="22" />  <path d="M20 2a2 2 0 012 2" />  <line x1="2" y1="14" x2="2" y2="16" />  <line x1="2" y1="8" x2="2" y2="10" /></symbol><symbol id="fth-box" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z" />  <polyline points="3.27 6.96 12 12.01 20.73 6.96" />  <line x1="12" y1="22.08" x2="12" y2="12" /></symbol><symbol id="fth-briefcase" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="2" y="7" width="20" height="14" rx="2" ry="2" />  <path d="M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16" /></symbol><symbol id="fth-brush" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M9.06 11.9l8.07-8.06a2.85 2.85 0 114.03 4.03l-8.06 8.08" />  <path d="M7.07 14.94c-1.66 0-3 1.35-3 3.02 0 1.33-2.5 1.52-2 2.02 1.08 1.1 2.49 2.02 4 2.02 2.2 0 4-1.8 4-4.04a3.01 3.01 0 00-3-3.02z" /></symbol><symbol id="fth-bug" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect width="8" height="14" x="8" y="6" rx="4" />  <path d="M19 7l-3 2" />  <path d="M5 7l3 2" />  <path d="M19 19l-3-2" />  <path d="M5 19l3-2" />  <path d="M20 13h-4" />  <path d="M4 13h4" />  <path d="M10 4l1 2" />  <path d="M14 4l-1 2" /></symbol><symbol id="fth-building" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="4" y="2" width="16" height="20" rx="2" ry="2" />  <path d="M9 22v-4h6v4" />  <path d="M8 6h.01" />  <path d="M16 6h.01" />  <path d="M12 6h.01" />  <path d="M12 10h.01" />  <path d="M12 14h.01" />  <path d="M16 10h.01" />  <path d="M16 14h.01" />  <path d="M8 10h.01" />  <path d="M8 14h.01" /></symbol><symbol id="fth-bus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M19 17h2l.64-2.54a6 6 0 000-2.92l-1.07-4.27A3 3 0 0017.66 5H4a2 2 0 00-2 2v10h2m10 0h-4" />  <circle cx="6.5" cy="17.5" r="2.5" />  <circle cx="16.5" cy="17.5" r="2.5" /></symbol><symbol id="fth-calculator" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="4" y="2" width="16" height="20" rx="2" />  <line x1="8" x2="16" y1="6" y2="6" />  <line x1="16" x2="16" y1="14" y2="18" />  <path d="M16 10h.01" />  <path d="M12 10h.01" />  <path d="M8 10h.01" />  <path d="M12 14h.01" />  <path d="M8 14h.01" />  <path d="M12 18h.01" />  <path d="M8 18h.01" /></symbol><symbol id="fth-calendar" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="4" width="18" height="18" rx="2" ry="2" />  <line x1="16" y1="2" x2="16" y2="6" />  <line x1="8" y1="2" x2="8" y2="6" />  <line x1="3" y1="10" x2="21" y2="10" /></symbol><symbol id="fth-camera-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="2" y1="2" x2="22" y2="22" />  <path d="M9.5 4h5L17 7h3a2 2 0 012 2v7.5M7 7H4a2 2 0 00-2 2v9a2 2 0 002 2h16" />  <path d="M14.121 15.121A3 3 0 119.88 10.88" /></symbol><symbol id="fth-camera" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M14.5 4h-5L7 7H4a2 2 0 00-2 2v9a2 2 0 002 2h16a2 2 0 002-2V9a2 2 0 00-2-2h-3l-2.5-3z" />  <circle cx="12" cy="13" r="3" /></symbol><symbol id="fth-car" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M14 16H9m10 0h3v-3.15a1 1 0 00-.84-.99L16 11l-2.7-3.6a1 1 0 00-.8-.4H5.24a2 2 0 00-1.8 1.1l-.8 1.63A6 6 0 002 12.42V16h2" />  <circle cx="6.5" cy="16.5" r="2.5" />  <circle cx="16.5" cy="16.5" r="2.5" /></symbol><symbol id="fth-cast" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M2 16.1A5 5 0 015.9 20M2 12.05A9 9 0 019.95 20M2 8V6a2 2 0 012-2h16a2 2 0 012 2v12a2 2 0 01-2 2h-6" />  <line x1="2" y1="20" x2="2.01" y2="20" /></symbol><symbol id="fth-check-circle-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z" />  <path d="M9 12l2 2 4-4" /></symbol><symbol id="fth-check-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M22 11.08V12a10 10 0 11-5.93-9.14" />  <polyline points="22 4 12 14.01 9 11.01" /></symbol><symbol id="fth-check-square" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="9 11 12 14 22 4" />  <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11" /></symbol><symbol id="fth-check" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="20 6 9 17 4 12" /></symbol><symbol id="fth-chevron-down" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="6 9 12 15 18 9" /></symbol><symbol id="fth-chevron-left" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="15 18 9 12 15 6" /></symbol><symbol id="fth-chevron-right" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="9 18 15 12 9 6" /></symbol><symbol id="fth-chevron-up" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="18 15 12 9 6 15" /></symbol><symbol id="fth-chevrons-down-up" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M7 20l5-5 5 5" />  <path d="M7 4l5 5 5-5" /></symbol><symbol id="fth-chevrons-down" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="7 13 12 18 17 13" />  <polyline points="7 6 12 11 17 6" /></symbol><symbol id="fth-chevrons-left" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="11 17 6 12 11 7" />  <polyline points="18 17 13 12 18 7" /></symbol><symbol id="fth-chevrons-right" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="13 17 18 12 13 7" />  <polyline points="6 17 11 12 6 7" /></symbol><symbol id="fth-chevrons-up-down" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M7 15l5 5 5-5" />  <path d="M7 9l5-5 5 5" /></symbol><symbol id="fth-chevrons-up" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="17 11 12 6 7 11" />  <polyline points="17 18 12 13 7 18" /></symbol><symbol id="fth-chrome" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <circle cx="12" cy="12" r="4" />  <line x1="21.17" y1="8" x2="12" y2="8" />  <line x1="3.95" y1="6.06" x2="8.54" y2="14" />  <line x1="10.88" y1="21.94" x2="15.46" y2="14" /></symbol><symbol id="fth-circle-slashed" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <path d="M22 2L2 22" /></symbol><symbol id="fth-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" /></symbol><symbol id="fth-clipboard-check" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2" />  <path d="M15 2H9a1 1 0 00-1 1v2a1 1 0 001 1h6a1 1 0 001-1V3a1 1 0 00-1-1z" />  <path d="M9 13l2 2 4-4" /></symbol><symbol id="fth-clipboard-copy" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 4h2a2 2 0 012 2v4M8 4H6a2 2 0 00-2 2v14a2 2 0 002 2h12a2 2 0 002-2v-2" />  <rect x="8" y="2" width="8" height="4" rx="1" ry="1" />  <path d="M21 14H11" />  <path d="M15 10l-4 4 4 4" /></symbol><symbol id="fth-clipboard-list" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2" />  <path d="M15 2H9a1 1 0 00-1 1v2a1 1 0 001 1h6a1 1 0 001-1V3a1 1 0 00-1-1z" />  <path d="M12 11h4" />  <path d="M12 16h4" />  <path d="M8 11h.01" />  <path d="M8 16h.01" /></symbol><symbol id="fth-clipboard-x" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2" />  <path d="M15 2H9a1 1 0 00-1 1v2a1 1 0 001 1h6a1 1 0 001-1V3a1 1 0 00-1-1z" />  <path d="M15 11l-6 6" />  <path d="M9 11l6 6" /></symbol><symbol id="fth-clipboard" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2" />  <rect x="8" y="2" width="8" height="4" rx="1" ry="1" /></symbol><symbol id="fth-clock" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <polyline points="12 6 12 12 16 14" /></symbol><symbol id="fth-cloud-drizzle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M20 16.2A4.5 4.5 0 0017.5 8h-1.8A7 7 0 104 14.9" />  <path d="M8 19v1" />  <path d="M8 14v1" />  <path d="M16 19v1" />  <path d="M16 14v1" />  <path d="M12 21v1" />  <path d="M12 16v1" /></symbol><symbol id="fth-cloud-fog" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M20 16.2A4.5 4.5 0 0017.5 8h-1.8A7 7 0 104 14.9" />  <path d="M16 17L7 17" />  <path d="M17 21L9 21" /></symbol><symbol id="fth-cloud-hail" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M20 16.2A4.5 4.5 0 0017.5 8h-1.8A7 7 0 104 14.9" />  <path d="M16 14v2" />  <path d="M8 14v2" />  <path d="M16 20h0" />  <path d="M8 20h0" />  <path d="M12 16v2" />  <path d="M12 22h0" /></symbol><symbol id="fth-cloud-lightning" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M17.5 17a4.5 4.5 0 100-9h-1.8a7 7 0 10-10.3 8" />  <path d="M12 12l-3 5h5l-3 5" /></symbol><symbol id="fth-cloud-moon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M13.63 22A3.3 3.3 0 0017 18.79a3.3 3.3 0 00-3.38-3.22h-1.34A5.23 5.23 0 007.25 12 5.13 5.13 0 002 17c0 2.76 2.35 5 5.25 5h6.38z" />  <path d="M9.95 9a6.13 6.13 0 015.5-5.18 4.77 4.77 0 006.67 6.67A6.13 6.13 0 0119.46 15" /></symbol><symbol id="fth-cloud-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M2 2l20 20" />  <path d="M10 5a7 7 0 015.7 5h1.8a4.5 4.5 0 014 6.5" />  <path d="M18.8 18.8c-.4.2-.8.2-1.3.2H9A7 7 0 015.8 5.8" /></symbol><symbol id="fth-cloud-rain-wind" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M20 16.2A4.5 4.5 0 0017.5 8h-1.8A7 7 0 104 14.9" />  <path d="M9.2 22l3-7" />  <path d="M9 13l-3 7" />  <path d="M17 13l-3 7" /></symbol><symbol id="fth-cloud-rain" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M20 16.2A4.5 4.5 0 0017.5 8h-1.8A7 7 0 104 14.9" />  <path d="M16 14v6" />  <path d="M8 14v6" />  <path d="M12 16v6" /></symbol><symbol id="fth-cloud-snow" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M20 16.2A4.5 4.5 0 0017.5 8h-1.8A7 7 0 104 14.9" />  <path d="M8 15h0" />  <path d="M8 19h0" />  <path d="M12 17h0" />  <path d="M12 21h0" />  <path d="M16 15h0" />  <path d="M16 19h0" /></symbol><symbol id="fth-cloud-sun" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 2v2" />  <path d="M5.22 5.22l1.42 1.42" />  <path d="M20 12h2" />  <path d="M15.97 12.5A4 4 0 009.5 8.88" />  <path d="M13.63 22A3.3 3.3 0 0017 18.79a3.3 3.3 0 00-3.38-3.22h-1.34A5.23 5.23 0 007.25 12 5.13 5.13 0 002 17c0 2.76 2.35 5 5.25 5h6.38z" />  <path d="M17.36 6.64l1.42-1.42" /></symbol><symbol id="fth-cloud" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M17.5 19a4.5 4.5 0 100-9h-1.8A7 7 0 109 19h8.5z" /></symbol><symbol id="fth-cloudy" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M17.5 21a4.5 4.5 0 100-9h-1.8A7 7 0 109 21h8.5z" />  <path d="M22 10c0-1.5-1.5-3-3.5-3H17c-.7-2.3-2.9-4-5.4-4-2.7 0-5 2-5.5 4.5" /></symbol><symbol id="fth-clover" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16.2 3.8a2.7 2.7 0 00-3.81 0l-.4.38-.4-.4a2.7 2.7 0 00-3.82 0C6.73 4.85 6.67 6.64 8 8l4 4 4-4c1.33-1.36 1.27-3.15.2-4.2z" />  <path d="M8 8c-1.36-1.33-3.15-1.27-4.2-.2a2.7 2.7 0 000 3.81l.38.4-.4.4a2.7 2.7 0 000 3.82C4.85 17.27 6.64 17.33 8 16" />  <path d="M16 16c1.36 1.33 3.15 1.27 4.2.2a2.7 2.7 0 000-3.81l-.38-.4.4-.4a2.7 2.7 0 000-3.82C19.15 6.73 17.36 6.67 16 8" />  <path d="M7.8 20.2a2.7 2.7 0 003.81 0l.4-.38.4.4a2.7 2.7 0 003.82 0c1.06-1.06 1.12-2.85-.21-4.21l-4-4-4 4c-1.33 1.36-1.27 3.15-.2 4.2z" />  <path d="M7 17l-5 5" /></symbol><symbol id="fth-code-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18 16L22 12L18 8" />  <path d="M6 8L2 12L6 16" />  <path d="M14.5 4L9.5 20" /></symbol><symbol id="fth-code" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="16 18 22 12 16 6" />  <polyline points="8 6 2 12 8 18" /></symbol><symbol id="fth-codepen" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2" />  <line x1="12" y1="22" x2="12" y2="15.5" />  <polyline points="22 8.5 12 15.5 2 8.5" />  <polyline points="2 15.5 12 8.5 22 15.5" />  <line x1="12" y1="2" x2="12" y2="8.5" /></symbol><symbol id="fth-codesandbox" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z" />  <polyline points="7.5 4.21 12 6.81 16.5 4.21" />  <polyline points="7.5 19.79 7.5 14.6 3 12" />  <polyline points="21 12 16.5 14.6 16.5 19.79" />  <polyline points="3.27 6.96 12 12.01 20.73 6.96" />  <line x1="12" y1="22.08" x2="12" y2="12" /></symbol><symbol id="fth-coffee" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18 8h1a4 4 0 010 8h-1" />  <path d="M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z" />  <line x1="6" y1="1" x2="6" y2="4" />  <line x1="10" y1="1" x2="10" y2="4" />  <line x1="14" y1="1" x2="14" y2="4" /></symbol><symbol id="fth-coins" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="8" cy="8" r="7" />  <path d="M19.5 9.94a7 7 0 11-9.56 9.56" />  <path d="M7 6h1v4" />  <path d="M17.3 14.3l.7.7-2.8 2.8" /></symbol><symbol id="fth-columns" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <line x1="12" y1="3" x2="12" y2="21" /></symbol><symbol id="fth-command" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18 3a3 3 0 00-3 3v12a3 3 0 003 3 3 3 0 003-3 3 3 0 00-3-3H6a3 3 0 00-3 3 3 3 0 003 3 3 3 0 003-3V6a3 3 0 00-3-3 3 3 0 00-3 3 3 3 0 003 3h12a3 3 0 003-3 3 3 0 00-3-3z" /></symbol><symbol id="fth-compass" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76" /></symbol><symbol id="fth-contact" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M19 22H5c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2z" />  <line x1="16" y1="2" x2="16" y2="4" />  <line x1="8" y1="2" x2="8" y2="4" />  <circle cx="12" cy="11" r="3" />  <path d="M17 18.5c-1.4-1-3.1-1.5-5-1.5s-3.6.6-5 1.5" /></symbol><symbol id="fth-contrast" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <path d="M12 18a6 6 0 000-12v12z" /></symbol><symbol id="fth-copy" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="9" y="9" width="13" height="13" rx="2" ry="2" />  <path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" /></symbol><symbol id="fth-copyleft" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <path d="M9 9.35a4 4 0 110 5.3" /></symbol><symbol id="fth-copyright" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <path d="M15 9.354a4 4 0 100 5.292" /></symbol><symbol id="fth-corner-down-left" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="9 10 4 15 9 20" />  <path d="M20 4v7a4 4 0 01-4 4H4" /></symbol><symbol id="fth-corner-down-right" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="15 10 20 15 15 20" />  <path d="M4 4v7a4 4 0 004 4h12" /></symbol><symbol id="fth-corner-left-down" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="14 15 9 20 4 15" />  <path d="M20 4h-7a4 4 0 00-4 4v12" /></symbol><symbol id="fth-corner-left-up" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="14 9 9 4 4 9" />  <path d="M20 20h-7a4 4 0 01-4-4V4" /></symbol><symbol id="fth-corner-right-down" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="10 15 15 20 20 15" />  <path d="M4 4h7a4 4 0 014 4v12" /></symbol><symbol id="fth-corner-right-up" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="10 9 15 4 20 9" />  <path d="M4 20h7a4 4 0 004-4V4" /></symbol><symbol id="fth-corner-up-left" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="9 14 4 9 9 4" />  <path d="M20 20v-7a4 4 0 00-4-4H4" /></symbol><symbol id="fth-corner-up-right" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="15 14 20 9 15 4" />  <path d="M4 20v-7a4 4 0 014-4h12" /></symbol><symbol id="fth-cpu" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="4" y="4" width="16" height="16" rx="2" ry="2" />  <rect x="9" y="9" width="6" height="6" />  <line x1="9" y1="1" x2="9" y2="4" />  <line x1="15" y1="1" x2="15" y2="4" />  <line x1="9" y1="20" x2="9" y2="23" />  <line x1="15" y1="20" x2="15" y2="23" />  <line x1="20" y1="9" x2="23" y2="9" />  <line x1="20" y1="14" x2="23" y2="14" />  <line x1="1" y1="9" x2="4" y2="9" />  <line x1="1" y1="14" x2="4" y2="14" /></symbol><symbol id="fth-credit-card" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="1" y="4" width="22" height="16" rx="2" ry="2" />  <line x1="1" y1="10" x2="23" y2="10" /></symbol><symbol id="fth-crop" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M6.13 1L6 16a2 2 0 002 2h15" />  <path d="M1 6.13L16 6a2 2 0 012 2v15" /></symbol><symbol id="fth-cross" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M11 2a2 2 0 00-2 2v5H4a2 2 0 00-2 2v2c0 1.1.9 2 2 2h5v5c0 1.1.9 2 2 2h2a2 2 0 002-2v-5h5a2 2 0 002-2v-2a2 2 0 00-2-2h-5V4a2 2 0 00-2-2h-2z" /></symbol><symbol id="fth-crosshair" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <line x1="22" y1="12" x2="18" y2="12" />  <line x1="6" y1="12" x2="2" y2="12" />  <line x1="12" y1="6" x2="12" y2="2" />  <line x1="12" y1="22" x2="12" y2="18" /></symbol><symbol id="fth-crown" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M2 4l3 12h14l3-12-6 7-4-7-4 7-6-7zm3 16h14" /></symbol><symbol id="fth-currency" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="8" />  <line x1="3" y1="3" x2="6" y2="6" />  <line x1="21" y1="3" x2="18" y2="6" />  <line x1="3" y1="21" x2="6" y2="18" />  <line x1="21" y1="21" x2="18" y2="18" /></symbol><symbol id="fth-database" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <ellipse cx="12" cy="5" rx="9" ry="3" />  <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" />  <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" /></symbol><symbol id="fth-delete" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 4H8l-7 8 7 8h13a2 2 0 002-2V6a2 2 0 00-2-2z" />  <line x1="18" y1="9" x2="12" y2="15" />  <line x1="12" y1="9" x2="18" y2="15" /></symbol><symbol id="fth-disc" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <circle cx="12" cy="12" r="3" /></symbol><symbol id="fth-divide-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="8" y1="12" x2="16" y2="12" />  <line x1="12" y1="16" x2="12" y2="16" />  <line x1="12" y1="8" x2="12" y2="8" />  <circle cx="12" cy="12" r="10" /></symbol><symbol id="fth-divide-square" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <line x1="8" y1="12" x2="16" y2="12" />  <line x1="12" y1="16" x2="12" y2="16" />  <line x1="12" y1="8" x2="12" y2="8" /></symbol><symbol id="fth-divide" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="6" r="1" />  <line x1="5" y1="12" x2="19" y2="12" />  <circle cx="12" cy="18" r="1" /></symbol><symbol id="fth-dollar-sign" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="12" y1="1" x2="12" y2="23" />  <path d="M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6" /></symbol><symbol id="fth-download-cloud" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M20 16.2A4.5 4.5 0 0017.5 8h-1.8A7 7 0 104 14.9" />  <path d="M12 12v9" />  <path d="M8 17l4 4 4-4" /></symbol><symbol id="fth-download" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" />  <polyline points="7 10 12 15 17 10" />  <line x1="12" y1="15" x2="12" y2="3" /></symbol><symbol id="fth-dribbble" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <path d="M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-.93-6.63-.82-8.94 0-2.58.92-5.01 2.86-7.44 6.32" /></symbol><symbol id="fth-droplet" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 22a7 7 0 007-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 007 7z" /></symbol><symbol id="fth-droplets" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z" />  <path d="M12.56 6.6A10.97 10.97 0 0014 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 01-11.91 4.97" /></symbol><symbol id="fth-edit-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M17 3a2.828 2.828 0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z" /></symbol><symbol id="fth-edit-3" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 20h9" />  <path d="M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z" /></symbol><symbol id="fth-edit" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" />  <path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" /></symbol><symbol id="fth-equal-not" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="5" y1="9" x2="19" y2="9" />  <line x1="5" y1="15" x2="19" y2="15" />  <line x1="19" y1="5" x2="5" y2="19" /></symbol><symbol id="fth-equal" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="5" y1="9" x2="19" y2="9" />  <line x1="5" y1="15" x2="19" y2="15" /></symbol><symbol id="fth-euro" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 10h12" />  <path d="M4 14h9" />  <path d="M19 6a7.7 7.7 0 00-5.2-2A7.9 7.9 0 006 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2" /></symbol><symbol id="fth-expand" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 21l-6-6m6 6v-4.8m0 4.8h-4.8" />  <path d="M3 16.2V21m0 0h4.8M3 21l6-6" />  <path d="M21 7.8V3m0 0h-4.8M21 3l-6 6" />  <path d="M3 7.8V3m0 0h4.8M3 3l6 6" /></symbol><symbol id="fth-external-link" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" />  <polyline points="15 3 21 3 21 9" />  <line x1="10" y1="14" x2="21" y2="3" /></symbol><symbol id="fth-eye-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24" />  <line x1="1" y1="1" x2="23" y2="23" /></symbol><symbol id="fth-eye" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />  <circle cx="12" cy="12" r="3" /></symbol><symbol id="fth-facebook" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z" /></symbol><symbol id="fth-fast-forward" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="13 19 22 12 13 5 13 19" />  <polygon points="2 19 11 12 2 5 2 19" /></symbol><symbol id="fth-feather" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M20.24 12.24a6 6 0 00-8.49-8.49L5 10.5V19h8.5z" />  <line x1="16" y1="8" x2="2" y2="22" />  <line x1="17.5" y1="15" x2="9" y2="15" /></symbol><symbol id="fth-figma" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M5 5.5A3.5 3.5 0 018.5 2H12v7H8.5A3.5 3.5 0 015 5.5z" />  <path d="M12 2h3.5a3.5 3.5 0 110 7H12V2z" />  <path d="M12 12.5a3.5 3.5 0 117 0 3.5 3.5 0 11-7 0z" />  <path d="M5 19.5A3.5 3.5 0 018.5 16H12v3.5a3.5 3.5 0 11-7 0z" />  <path d="M5 12.5A3.5 3.5 0 018.5 9H12v7H8.5A3.5 3.5 0 015 12.5z" /></symbol><symbol id="fth-file-check-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 22h14a2 2 0 002-2V7.5L14.5 2H6a2 2 0 00-2 2v4" />  <path d="M14 2v6h6" />  <path d="M3 15l2 2 4-4" /></symbol><symbol id="fth-file-check" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z" />  <polyline points="14 2 14 8 20 8" />  <path d="M9 15l2 2 4-4" /></symbol><symbol id="fth-file-code" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 22h14a2 2 0 002-2V7.5L14.5 2H6a2 2 0 00-2 2v4" />  <path d="M14 2v6h6" />  <path d="M9 18l3-3-3-3" />  <path d="M5 12l-3 3 3 3" /></symbol><symbol id="fth-file-digit" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 22h14a2 2 0 002-2V7.5L14.5 2H6a2 2 0 00-2 2v4" />  <path d="M14 2v6h6" />  <path d="M10 12h2v6" />  <rect x="2" y="12" width="4" height="6" />  <path d="M10 18h4" /></symbol><symbol id="fth-file-input" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 22h14a2 2 0 002-2V7.5L14.5 2H6a2 2 0 00-2 2v4" />  <path d="M14 2v6h6" />  <path d="M2 15h10" />  <path d="M9 18l3-3-3-3" /></symbol><symbol id="fth-file-minus-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 22h14a2 2 0 002-2V7.5L14.5 2H6a2 2 0 00-2 2v4" />  <path d="M14 2v6h6" />  <path d="M3 15h6" /></symbol><symbol id="fth-file-minus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z" />  <polyline points="14 2 14 8 20 8" />  <line x1="9" y1="15" x2="15" y2="15" /></symbol><symbol id="fth-file-output" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 22h14a2 2 0 002-2V7.5L14.5 2H6a2 2 0 00-2 2v4" />  <path d="M14 2v6h6" />  <path d="M2 15h10" />  <path d="M5 12l-3 3 3 3" /></symbol><symbol id="fth-file-plus-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 22h14a2 2 0 002-2V7.5L14.5 2H6a2 2 0 00-2 2v4" />  <path d="M14 2v6h6" />  <path d="M3 15h6" />  <path d="M6 12v6" /></symbol><symbol id="fth-file-plus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z" />  <polyline points="14 2 14 8 20 8" />  <line x1="12" y1="18" x2="12" y2="12" />  <line x1="9" y1="15" x2="15" y2="15" /></symbol><symbol id="fth-file-search" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 22h14a2 2 0 002-2V7.5L14.5 2H6a2 2 0 00-2 2v3" />  <path d="M14 2v6h6" />  <path d="M5 17a3 3 0 100-6 3 3 0 000 6z" />  <path d="M9 18l-1.5-1.5" /></symbol><symbol id="fth-file-text" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z" />  <polyline points="14 2 14 8 20 8" />  <line x1="16" y1="13" x2="8" y2="13" />  <line x1="16" y1="17" x2="8" y2="17" />  <line x1="10" y1="9" x2="8" y2="9" /></symbol><symbol id="fth-file-x-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 22h14a2 2 0 002-2V7.5L14.5 2H6a2 2 0 00-2 2v4" />  <path d="M14 2v6h6" />  <path d="M3 12.5l5 5" />  <path d="M8 12.5l-5 5" /></symbol><symbol id="fth-file-x" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z" />  <polyline points="14 2 14 8 20 8" />  <line x1="9.5" y1="12.5" x2="14.5" y2="17.5" />  <line x1="14.5" y1="12.5" x2="9.5" y2="17.5" /></symbol><symbol id="fth-file" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z" />  <polyline points="14 2 14 8 20 8" /></symbol><symbol id="fth-files" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z" />  <path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8" />  <path d="M15 2v5h5" /></symbol><symbol id="fth-film" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18" />  <line x1="7" y1="2" x2="7" y2="22" />  <line x1="17" y1="2" x2="17" y2="22" />  <line x1="2" y1="12" x2="22" y2="12" />  <line x1="2" y1="7" x2="7" y2="7" />  <line x1="2" y1="17" x2="7" y2="17" />  <line x1="17" y1="17" x2="22" y2="17" />  <line x1="17" y1="7" x2="22" y2="7" /></symbol><symbol id="fth-filter" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" /></symbol><symbol id="fth-flag" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" />  <line x1="4" y1="22" x2="4" y2="15" /></symbol><symbol id="fth-flame" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M8.5 14.5A2.5 2.5 0 0011 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 11-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 002.5 2.5z" /></symbol><symbol id="fth-flashlight-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 16v4a2 2 0 01-2 2h-4a2 2 0 01-2-2V10c0-2-2-2-2-4" />  <path d="M7 2h11v4c0 2-2 2-2 4v1" />  <line x1="11" y1="6" x2="18" y2="6" />  <line x1="2" y1="2" x2="22" y2="22" /></symbol><symbol id="fth-flashlight" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18 6c0 2-2 2-2 4v10a2 2 0 01-2 2h-4a2 2 0 01-2-2V10c0-2-2-2-2-4V2h12z" />  <line x1="6" y1="6" x2="18" y2="6" />  <line x1="12" y1="12" x2="12" y2="12" /></symbol><symbol id="fth-flask-conical" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M10 2v8L4.72 20.55a1 1 0 00.9 1.45h12.76a1 1 0 00.9-1.45L14 10V2" />  <path d="M8.5 2h7" />  <path d="M7 16h10" /></symbol><symbol id="fth-flask-round" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M10 2v7.31" />  <path d="M14 9.3V1.99" />  <path d="M8.5 2h7" />  <path d="M14 9.3a6.5 6.5 0 11-4 0" />  <path d="M5.58 16.5h12.85" /></symbol><symbol id="fth-folder-minus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" />  <line x1="9" y1="14" x2="15" y2="14" /></symbol><symbol id="fth-folder-plus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" />  <line x1="12" y1="11" x2="12" y2="17" />  <line x1="9" y1="14" x2="15" y2="14" /></symbol><symbol id="fth-folder" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" /></symbol><symbol id="fth-form-input" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="2" y="6" width="20" height="12" rx="2" />  <path d="M12 12h.01" />  <path d="M17 12h.01" />  <path d="M7 12h.01" /></symbol><symbol id="fth-forward" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="15 17 20 12 15 7" />  <path d="M4 18v-2a4 4 0 0 1 4-4h12" /></symbol><symbol id="fth-framer" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M5 16V9h14V2H5l14 14h-7m-7 0l7 7v-7m-7 0h7" /></symbol><symbol id="fth-frown" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <path d="M16 16s-1.5-2-4-2-4 2-4 2" />  <line x1="9" y1="9" x2="9.01" y2="9" />  <line x1="15" y1="9" x2="15.01" y2="9" /></symbol><symbol id="fth-function-square" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <path d="M9 17c1.93 0 2.85-1 2.85-2.8V9.99c0-1.93 1.03-3.26 3.15-2.93M9 11.24h5.66" /></symbol><symbol id="fth-gamepad-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="6" y1="11" x2="10" y2="11" />  <line x1="8" y1="9" x2="8" y2="13" />  <line x1="15" y1="12" x2="15.01" y2="12" />  <line x1="18" y1="10" x2="18.01" y2="10" />  <path d="M17.32 5H6.68a4 4 0 00-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 003 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 019.828 16h4.344a2 2 0 011.414.586L17 18c.5.5 1 1 2 1a3 3 0 003-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0017.32 5z" /></symbol><symbol id="fth-gamepad" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="6" y1="12" x2="10" y2="12" />  <line x1="8" y1="10" x2="8" y2="14" />  <line x1="15" y1="13" x2="15.01" y2="13" />  <line x1="18" y1="11" x2="18.01" y2="11" />  <rect x="2" y="6" width="20" height="12" rx="2" /></symbol><symbol id="fth-gauge" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 15l3.5-3.5" />  <path d="M20.3 18c.4-1 .7-2.2.7-3.4C21 9.8 17 6 12 6s-9 3.8-9 8.6c0 1.2.3 2.4.7 3.4" /></symbol><symbol id="fth-gavel" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M14 13l-7.5 7.5c-.83.83-2.17.83-3 0 0 0 0 0 0 0a2.12 2.12 0 010-3L11 10" />  <path d="M16 16l6-6" />  <path d="M8 8l6-6" />  <path d="M9 7l8 8" />  <path d="M21 11l-8-8" /></symbol><symbol id="fth-ghost" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M9 10h.01" />  <path d="M15 10h.01" />  <path d="M12 2a8 8 0 00-8 8v12l3-3 2.5 2.5L12 19l2.5 2.5L17 19l3 3V10a8 8 0 00-8-8z" /></symbol><symbol id="fth-gift" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="20 12 20 22 4 22 4 12" />  <rect x="2" y="7" width="20" height="5" />  <line x1="12" y1="22" x2="12" y2="7" />  <path d="M12 7H7.5a2.5 2.5 0 010-5C11 2 12 7 12 7z" />  <path d="M12 7h4.5a2.5 2.5 0 000-5C13 2 12 7 12 7z" /></symbol><symbol id="fth-git-branch-plus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M6 3v12" />  <path d="M18 9a3 3 0 100-6 3 3 0 000 6z" />  <path d="M6 21a3 3 0 100-6 3 3 0 000 6z" />  <path d="M15 6a9 9 0 00-9 9" />  <path d="M18 15v6" />  <path d="M21 18h-6" /></symbol><symbol id="fth-git-branch" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="6" y1="3" x2="6" y2="15" />  <circle cx="18" cy="6" r="3" />  <circle cx="6" cy="18" r="3" />  <path d="M18 9a9 9 0 01-9 9" /></symbol><symbol id="fth-git-commit" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="3" />  <line x1="3" y1="12" x2="9" y2="12" />  <line x1="15" y1="12" x2="21" y2="12" /></symbol><symbol id="fth-git-merge" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="18" cy="18" r="3" />  <circle cx="6" cy="6" r="3" />  <path d="M6 21V9a9 9 0 009 9" /></symbol><symbol id="fth-git-pull-request" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="18" cy="18" r="3" />  <circle cx="6" cy="6" r="3" />  <path d="M13 6h3a2 2 0 012 2v7" />  <line x1="6" y1="9" x2="6" y2="21" /></symbol><symbol id="fth-github" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0020 4.77 5.07 5.07 0 0019.91 1S18.73.65 16 2.48a13.38 13.38 0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 005 4.77a5.44 5.44 0 00-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 009 18.13V22" /></symbol><symbol id="fth-gitlab" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 01-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 014.82 2a.43.43 0 01.58 0 .42.42 0 01.11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0118.6 2a.43.43 0 01.58 0 .42.42 0 01.11.18l2.44 7.51L23 13.45a.84.84 0 01-.35.94z" /></symbol><symbol id="fth-glasses" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="6" cy="15" r="4" />  <circle cx="18" cy="15" r="4" />  <path d="M14 15a2 2 0 00-2-2 2 2 0 00-2 2" />  <path d="M2.5 13L5 7c.7-1.3 1.4-2 3-2" />  <path d="M21.5 13L19 7c-.7-1.3-1.5-2-3-2" /></symbol><symbol id="fth-globe-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M15 21v-4a2 2 0 012-2h4" />  <path d="M7 4v2a3 3 0 003 2h0a2 2 0 012 2 2 2 0 004 0 2 2 0 012-2h3" />  <path d="M3 11h2a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v4" />  <circle cx="12" cy="12" r="10" /></symbol><symbol id="fth-globe" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <line x1="2" y1="12" x2="22" y2="12" />  <path d="M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z" /></symbol><symbol id="fth-grab" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18 11.5V9a2 2 0 00-2-2v0a2 2 0 00-2 2v1.4" />  <path d="M14 10V8a2 2 0 00-2-2v0a2 2 0 00-2 2v2" />  <path d="M10 9.9V9a2 2 0 00-2-2v0a2 2 0 00-2 2v5" />  <path d="M6 14v0a2 2 0 00-2-2v0a2 2 0 00-2 2v0" />  <path d="M18 11v0a2 2 0 114 0v3a8 8 0 01-8 8h-4a8 8 0 01-8-8 2 2 0 114 0" /></symbol><symbol id="fth-grid" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <line x1="3" y1="9" x2="21" y2="9" />  <line x1="3" y1="15" x2="21" y2="15" />  <line x1="9" y1="3" x2="9" y2="21" />  <line x1="15" y1="3" x2="15" y2="21" /></symbol><symbol id="fth-grip-horizontal" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="9" r="1" />  <circle cx="19" cy="9" r="1" />  <circle cx="5" cy="9" r="1" />  <circle cx="12" cy="15" r="1" />  <circle cx="19" cy="15" r="1" />  <circle cx="5" cy="15" r="1" /></symbol><symbol id="fth-grip-vertical" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="9" cy="12" r="1" />  <circle cx="9" cy="5" r="1" />  <circle cx="9" cy="19" r="1" />  <circle cx="15" cy="12" r="1" />  <circle cx="15" cy="5" r="1" />  <circle cx="15" cy="19" r="1" /></symbol><symbol id="fth-hammer" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M15 12l-8.5 8.5c-.83.83-2.17.83-3 0 0 0 0 0 0 0a2.12 2.12 0 010-3L12 9" />  <path d="M17.64 15L22 10.64" />  <path d="M20.91 11.7l-1.25-1.25c-.6-.6-.93-1.4-.93-2.25v-.86L16.01 4.6a5.56 5.56 0 00-3.94-1.64H9l.92.82A6.18 6.18 0 0112 8.4v1.56l2 2h2.47l2.26 1.91" /></symbol><symbol id="fth-hand-metal" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18 12.5V10a2 2 0 00-2-2v0a2 2 0 00-2 2v1.4" />  <path d="M14 11V9a2 2 0 10-4 0v2" />  <path d="M10 10.5V5a2 2 0 10-4 0v9" />  <path d="M7 15l-1.76-1.76a2 2 0 00-2.83 2.82l3.6 3.6C7.5 21.14 9.2 22 12 22h2a8 8 0 008-8V7a2 2 0 10-4 0v5" /></symbol><symbol id="fth-hand" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18 11V6a2 2 0 00-2-2v0a2 2 0 00-2 2v0" />  <path d="M14 10V4a2 2 0 00-2-2v0a2 2 0 00-2 2v2" />  <path d="M10 10.5V6a2 2 0 00-2-2v0a2 2 0 00-2 2v8" />  <path d="M18 8a2 2 0 114 0v6a8 8 0 01-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 012.83-2.82L7 15" /></symbol><symbol id="fth-hard-drive" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="22" y1="12" x2="2" y2="12" />  <path d="M5.45 5.11L2 12v6a2 2 0 002 2h16a2 2 0 002-2v-6l-3.45-6.89A2 2 0 0016.76 4H7.24a2 2 0 00-1.79 1.11z" />  <line x1="6" y1="16" x2="6.01" y2="16" />  <line x1="10" y1="16" x2="10.01" y2="16" /></symbol><symbol id="fth-hard-hat" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M2 18a1 1 0 001 1h18a1 1 0 001-1v-2a1 1 0 00-1-1H3a1 1 0 00-1 1v2z" />  <path d="M10 10V5a1 1 0 011-1h2a1 1 0 011 1v5" />  <path d="M4 15v-3a6 6 0 016-6h0" />  <path d="M14 6h0a6 6 0 016 6v3" /></symbol><symbol id="fth-hash" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="4" y1="9" x2="20" y2="9" />  <line x1="4" y1="15" x2="20" y2="15" />  <line x1="10" y1="3" x2="8" y2="21" />  <line x1="16" y1="3" x2="14" y2="21" /></symbol><symbol id="fth-haze" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M5.2 6.2l1.4 1.4" />  <path d="M2 13h2" />  <path d="M20 13h2" />  <path d="M17.4 7.6l1.4-1.4" />  <path d="M22 17H2" />  <path d="M22 21H2" />  <path d="M16 13a4 4 0 00-8 0" />  <path d="M12 5V2.5" /></symbol><symbol id="fth-headphones" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M3 18v-6a9 9 0 0118 0v6" />  <path d="M21 19a2 2 0 01-2 2h-1a2 2 0 01-2-2v-3a2 2 0 012-2h3zM3 19a2 2 0 002 2h1a2 2 0 002-2v-3a2 2 0 00-2-2H3z" /></symbol><symbol id="fth-heart" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M20.42 4.58a5.4 5.4 0 00-7.65 0l-.77.78-.77-.78a5.4 5.4 0 00-7.65 0C1.46 6.7 1.33 10.28 4 13l8 8 8-8c2.67-2.72 2.54-6.3.42-8.42z" /></symbol><symbol id="fth-help-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3" />  <line x1="12" y1="17" x2="12.01" y2="17" /></symbol><symbol id="fth-hexagon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z" /></symbol><symbol id="fth-highlighter" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M9 11l-6 6v3h9l3-3" />  <path d="M22 12l-4.6 4.6a2 2 0 01-2.8 0l-5.2-5.2a2 2 0 010-2.8L14 4" /></symbol><symbol id="fth-history" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M3 3v5h5" />  <path d="M3.05 13A9 9 0 106 5.3L3 8" />  <path d="M12 7v5l4 2" /></symbol><symbol id="fth-home" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z" />  <polyline points="9 22 9 12 15 12 15 22" /></symbol><symbol id="fth-image-minus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 11v8a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h8" />  <path d="M8.5 10a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" />  <path d="M21 15l-5-5L5 21" />  <path d="M22 5h-6" /></symbol><symbol id="fth-image-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M2 2l20 20" />  <path d="M9 3h10a2 2 0 012 2v10M3.59 3.59A2 2 0 003 5v14c0 1.1.9 2 2 2h14a2 2 0 001.41-.59" />  <path d="M9.56 9.56a1.5 1.5 0 01-2.12-2.12" />  <path d="M21 15l-5-5M5 21l8-8" /></symbol><symbol id="fth-image-plus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 11v8a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h8" />  <path d="M8.5 10a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" />  <path d="M21 15l-5-5L5 21" />  <path d="M19 2v6" />  <path d="M22 5h-6" /></symbol><symbol id="fth-image" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <circle cx="8.5" cy="8.5" r="1.5" />  <polyline points="21 15 16 10 5 21" /></symbol><symbol id="fth-import" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 3v12" />  <path d="M8 11l4 4 4-4" />  <path d="M8 5H4a2 2 0 00-2 2v10a2 2 0 002 2h16a2 2 0 002-2V7a2 2 0 00-2-2h-4" /></symbol><symbol id="fth-inbox" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="22 12 16 12 14 15 10 15 8 12 2 12" />  <path d="M5.45 5.11L2 12v6a2 2 0 002 2h16a2 2 0 002-2v-6l-3.45-6.89A2 2 0 0016.76 4H7.24a2 2 0 00-1.79 1.11z" /></symbol><symbol id="fth-indent" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="3 8 7 12 3 16" />  <line x1="21" y1="12" x2="11" y2="12" />  <line x1="21" y1="6" x2="11" y2="6" />  <line x1="21" y1="18" x2="11" y2="18" /></symbol><symbol id="fth-indian-rupee" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M6 3h12" />  <path d="M6 8h12" />  <path d="M6 13l8.5 8" />  <path d="M6 13h3" />  <path d="M9 13c6.667 0 6.667-10 0-10" /></symbol><symbol id="fth-infinity" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18.178 8c5.096 0 5.096 8 0 8-5.095 0-7.133-8-12.739-8-4.585 0-4.585 8 0 8 5.606 0 7.644-8 12.74-8z" /></symbol><symbol id="fth-info" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <line x1="12" y1="16" x2="12" y2="12" />  <line x1="12" y1="8" x2="12.01" y2="8" /></symbol><symbol id="fth-inspect" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M19 11V4a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2h7" />  <path d="M12 12l4.166 10 1.48-4.355L22 16.166 12 12z" />  <path d="M18 18l3 3" /></symbol><symbol id="fth-instagram" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="2" y="2" width="20" height="20" rx="5" ry="5" />  <path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z" />  <line x1="17.5" y1="6.5" x2="17.51" y2="6.5" /></symbol><symbol id="fth-italic" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="19" y1="4" x2="10" y2="4" />  <line x1="14" y1="20" x2="5" y2="20" />  <line x1="15" y1="4" x2="9" y2="20" /></symbol><symbol id="fth-jersey-pound" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 9.5V21m0-11.5L6 3m6 6.5L18 3" />  <path d="M6 15h12" />  <path d="M6 11h12" /></symbol><symbol id="fth-key" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 11-7.778 7.778 5.5 5.5 0 017.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4" /></symbol><symbol id="fth-languages" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M5 8l6 6" />  <path d="M4 14l6-6 2-3" />  <path d="M2 5h12" />  <path d="M7 2h1" />  <path d="M22 22l-5-10-5 10" />  <path d="M14 18h6" /></symbol><symbol id="fth-laptop-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="4" width="18" height="12" rx="2" ry="2" />  <line x1="2" y1="20" x2="22" y2="20" /></symbol><symbol id="fth-laptop" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M20 16V7a2 2 0 00-2-2H6a2 2 0 00-2 2v9m16 0H4m16 0l1.28 2.55a1 1 0 01-.9 1.45H3.62a1 1 0 01-.9-1.45L4 16" /></symbol><symbol id="fth-lasso-select" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M7 22a5 5 0 01-2-4" />  <path d="M7 16.93c.96.43 1.96.74 2.99.91" />  <path d="M3.34 14A6.8 6.8 0 012 10c0-4.42 4.48-8 10-8s10 3.58 10 8a7.19 7.19 0 01-.33 2" />  <path d="M5 18a2 2 0 100-4 2 2 0 000 4z" />  <path d="M14.33 22h-.09a.35.35 0 01-.24-.32v-10a.34.34 0 01.33-.34c.08 0 .15.03.21.08l7.34 6a.33.33 0 01-.21.59h-4.49l-2.57 3.85a.35.35 0 01-.28.14v0z" /></symbol><symbol id="fth-lasso" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M7 22a5 5 0 01-2-4" />  <path d="M3.3 14A6.8 6.8 0 012 10c0-4.4 4.5-8 10-8s10 3.6 10 8-4.5 8-10 8a12 12 0 01-5-1" />  <path d="M5 18a2 2 0 100-4 2 2 0 000 4z" /></symbol><symbol id="fth-layers" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="12 2 2 7 12 12 22 7 12 2" />  <polyline points="2 17 12 22 22 17" />  <polyline points="2 12 12 17 22 12" /></symbol><symbol id="fth-layout-dashboard" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="7" height="9" />  <rect x="14" y="3" width="7" height="5" />  <rect x="14" y="12" width="7" height="9" />  <rect x="3" y="16" width="7" height="5" /></symbol><symbol id="fth-layout-grid" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="7" height="7" />  <rect x="14" y="3" width="7" height="7" />  <rect x="14" y="14" width="7" height="7" />  <rect x="3" y="14" width="7" height="7" /></symbol><symbol id="fth-layout-list" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="14" width="7" height="7" />  <rect x="3" y="3" width="7" height="7" />  <line x1="14" y1="4" x2="21" y2="4" />  <line x1="14" y1="9" x2="21" y2="9" />  <line x1="14" y1="15" x2="21" y2="15" />  <line x1="14" y1="20" x2="21" y2="20" /></symbol><symbol id="fth-layout-template" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 3H3v7h18V3z" />  <path d="M21 14h-5v7h5v-7z" />  <path d="M12 14H3v7h9v-7z" /></symbol><symbol id="fth-layout" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <line x1="3" y1="9" x2="21" y2="9" />  <line x1="9" y1="21" x2="9" y2="9" /></symbol><symbol id="fth-library" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 6l4 14" />  <path d="M12 6v14" />  <path d="M8 8v12" />  <path d="M4 4v16" /></symbol><symbol id="fth-life-buoy" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <circle cx="12" cy="12" r="4" />  <line x1="4.93" y1="4.93" x2="9.17" y2="9.17" />  <line x1="14.83" y1="14.83" x2="19.07" y2="19.07" />  <line x1="14.83" y1="9.17" x2="19.07" y2="4.93" />  <line x1="14.83" y1="9.17" x2="18.36" y2="5.64" />  <line x1="4.93" y1="19.07" x2="9.17" y2="14.83" /></symbol><symbol id="fth-lightbulb-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M9 18h6" />  <path d="M10 22h4" />  <path d="M2 2l20 20" />  <path d="M8.91 14a4.61 4.61 0 00-1.41-2.5C6.23 10.23 6 9 6 8a6 6 0 01.084-1M9 2.804A6 6 0 0118 8a4.651 4.651 0 01-1.031 3" /></symbol><symbol id="fth-lightbulb" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="9" y1="18" x2="15" y2="18" />  <line x1="10" y1="22" x2="14" y2="22" />  <path d="M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0018 8 6 6 0 006 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 018.91 14" /></symbol><symbol id="fth-link-2-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M15 7h2a5 5 0 014 8M9 17H7A5 5 0 017 7" />  <line x1="8" y1="12" x2="12" y2="12" />  <line x1="2" y1="2" x2="22" y2="22" /></symbol><symbol id="fth-link-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M15 7h2a5 5 0 010 10h-2m-6 0H7A5 5 0 017 7h2" />  <line x1="8" y1="12" x2="16" y2="12" /></symbol><symbol id="fth-link" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71" />  <path d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71" /></symbol><symbol id="fth-linkedin" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6z" />  <rect x="2" y="9" width="4" height="12" />  <circle cx="4" cy="4" r="2" /></symbol><symbol id="fth-list-checks" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="10" y1="6" x2="21" y2="6" />  <line x1="10" y1="12" x2="21" y2="12" />  <line x1="10" y1="18" x2="21" y2="18" />  <polyline points="3 6 4 7 6 5" />  <polyline points="3 12 4 13 6 11" />  <polyline points="3 18 4 19 6 17" /></symbol><symbol id="fth-list-ordered" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="10" y1="6" x2="21" y2="6" />  <line x1="10" y1="12" x2="21" y2="12" />  <line x1="10" y1="18" x2="21" y2="18" />  <path d="M4 6h1v4" />  <path d="M4 10h2" />  <path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" /></symbol><symbol id="fth-list" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="8" y1="6" x2="21" y2="6" />  <line x1="8" y1="12" x2="21" y2="12" />  <line x1="8" y1="18" x2="21" y2="18" />  <line x1="3" y1="6" x2="3.01" y2="6" />  <line x1="3" y1="12" x2="3.01" y2="12" />  <line x1="3" y1="18" x2="3.01" y2="18" /></symbol><symbol id="fth-loader-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 12a9 9 0 11-6.219-8.56" /></symbol><symbol id="fth-loader" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="12" y1="2" x2="12" y2="6" />  <line x1="12" y1="18" x2="12" y2="22" />  <line x1="4.93" y1="4.93" x2="7.76" y2="7.76" />  <line x1="16.24" y1="16.24" x2="19.07" y2="19.07" />  <line x1="2" y1="12" x2="6" y2="12" />  <line x1="18" y1="12" x2="22" y2="12" />  <line x1="4.93" y1="19.07" x2="7.76" y2="16.24" />  <line x1="16.24" y1="7.76" x2="19.07" y2="4.93" /></symbol><symbol id="fth-locate-fixed" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="2" x2="5" y1="12" y2="12" />  <line x1="19" x2="22" y1="12" y2="12" />  <line x1="12" x2="12" y1="2" y2="5" />  <line x1="12" x2="12" y1="19" y2="22" />  <circle cx="12" cy="12" r="7" />  <circle cx="12" cy="12" r="3" /></symbol><symbol id="fth-locate" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="2" x2="5" y1="12" y2="12" />  <line x1="19" x2="22" y1="12" y2="12" />  <line x1="12" x2="12" y1="2" y2="5" />  <line x1="12" x2="12" y1="19" y2="22" />  <circle cx="12" cy="12" r="7" /></symbol><symbol id="fth-lock" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="11" width="18" height="11" rx="2" ry="2" />  <path d="M7 11V7a5 5 0 0110 0v4" /></symbol><symbol id="fth-log-in" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4" />  <polyline points="10 17 15 12 10 7" />  <line x1="15" y1="12" x2="3" y2="12" /></symbol><symbol id="fth-log-out" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4" />  <polyline points="16 17 21 12 16 7" />  <line x1="21" y1="12" x2="9" y2="12" /></symbol><symbol id="fth-mail" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />  <polyline points="22,6 12,13 2,6" /></symbol><symbol id="fth-map-pin" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" />  <circle cx="12" cy="10" r="3" /></symbol><symbol id="fth-map" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6" />  <line x1="8" y1="2" x2="8" y2="18" />  <line x1="16" y1="6" x2="16" y2="22" /></symbol><symbol id="fth-maximize-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="15 3 21 3 21 9" />  <polyline points="9 21 3 21 3 15" />  <line x1="21" y1="3" x2="14" y2="10" />  <line x1="3" y1="21" x2="10" y2="14" /></symbol><symbol id="fth-maximize" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M8 3H5a2 2 0 00-2 2v3m18 0V5a2 2 0 00-2-2h-3m0 18h3a2 2 0 002-2v-3M3 16v3a2 2 0 002 2h3" /></symbol><symbol id="fth-meh" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <line x1="8" y1="15" x2="16" y2="15" />  <line x1="9" y1="9" x2="9.01" y2="9" />  <line x1="15" y1="9" x2="15.01" y2="9" /></symbol><symbol id="fth-menu" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="4" y1="12" x2="20" y2="12" />  <line x1="4" y1="6" x2="20" y2="6" />  <line x1="4" y1="18" x2="20" y2="18" /></symbol><symbol id="fth-message-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z" /></symbol><symbol id="fth-message-square" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" /></symbol><symbol id="fth-mic-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="1" y1="1" x2="23" y2="23" />  <path d="M9 9v3a3 3 0 005.12 2.12M15 9.34V4a3 3 0 00-5.94-.6" />  <path d="M17 16.95A7 7 0 015 12v-2m14 0v2a7 7 0 01-.11 1.23" />  <line x1="12" y1="19" x2="12" y2="23" />  <line x1="8" y1="23" x2="16" y2="23" /></symbol><symbol id="fth-mic" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 1a3 3 0 00-3 3v8a3 3 0 006 0V4a3 3 0 00-3-3z" />  <path d="M19 10v2a7 7 0 01-14 0v-2" />  <line x1="12" y1="19" x2="12" y2="23" />  <line x1="8" y1="23" x2="16" y2="23" /></symbol><symbol id="fth-minimize-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="4 14 10 14 10 20" />  <polyline points="20 10 14 10 14 4" />  <line x1="14" y1="10" x2="21" y2="3" />  <line x1="3" y1="21" x2="10" y2="14" /></symbol><symbol id="fth-minimize" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M8 3v3a2 2 0 01-2 2H3m18 0h-3a2 2 0 01-2-2V3m0 18v-3a2 2 0 012-2h3M3 16h3a2 2 0 012 2v3" /></symbol><symbol id="fth-minus-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <line x1="8" y1="12" x2="16" y2="12" /></symbol><symbol id="fth-minus-square" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <line x1="8" y1="12" x2="16" y2="12" /></symbol><symbol id="fth-minus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="5" y1="12" x2="19" y2="12" /></symbol><symbol id="fth-monitor-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M17 17H4a2 2 0 01-2-2V5c0-1.5 1-2 1-2" />  <path d="M22 15V5a2 2 0 00-2-2H9" />  <path d="M8 21h8" />  <path d="M12 17v4" />  <path d="M2 2l20 20" /></symbol><symbol id="fth-monitor-speaker" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M5.5 20H8" />  <path d="M17 9h.01" />  <rect x="12" y="4" width="10" height="16" rx="2" />  <path d="M8 6H4a2 2 0 00-2 2v6a2 2 0 002 2h4" />  <circle cx="17" cy="15" r="1" /></symbol><symbol id="fth-monitor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="2" y="3" width="20" height="14" rx="2" ry="2" />  <line x1="8" y1="21" x2="16" y2="21" />  <line x1="12" y1="17" x2="12" y2="21" /></symbol><symbol id="fth-moon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" /></symbol><symbol id="fth-more-horizontal" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="1" />  <circle cx="19" cy="12" r="1" />  <circle cx="5" cy="12" r="1" /></symbol><symbol id="fth-more-vertical" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="1" />  <circle cx="12" cy="5" r="1" />  <circle cx="12" cy="19" r="1" /></symbol><symbol id="fth-mouse-pointer-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 4l7.07 17 2.51-7.39L21 11.07z" /></symbol><symbol id="fth-mouse-pointer-click" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M9 9l5 12 1.774-5.226L21 14 9 9z" />  <path d="M16.071 16.071l4.243 4.243" />  <path d="M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" /></symbol><symbol id="fth-mouse-pointer" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z" />  <path d="M13 13l6 6" /></symbol><symbol id="fth-move-diagonal-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="5 11 5 5 11 5" />  <polyline points="19 13 19 19 13 19" />  <line x1="5" y1="5" x2="19" y2="19" /></symbol><symbol id="fth-move-diagonal" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="13 5 19 5 19 11" />  <polyline points="11 19 5 19 5 13" />  <line x1="19" y1="5" x2="5" y2="19" /></symbol><symbol id="fth-move-horizontal" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="18 8 22 12 18 16" />  <polyline points="6 8 2 12 6 16" />  <line x1="2" y1="12" x2="22" y2="12" /></symbol><symbol id="fth-move-vertical" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="8 18 12 22 16 18" />  <polyline points="8 6 12 2 16 6" />  <line x1="12" y1="2" x2="12" y2="22" /></symbol><symbol id="fth-move" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="5 9 2 12 5 15" />  <polyline points="9 5 12 2 15 5" />  <polyline points="15 19 12 22 9 19" />  <polyline points="19 9 22 12 19 15" />  <line x1="2" y1="12" x2="22" y2="12" />  <line x1="12" y1="2" x2="12" y2="22" /></symbol><symbol id="fth-music" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M9 18V5l12-2v13" />  <circle cx="6" cy="18" r="3" />  <circle cx="18" cy="16" r="3" /></symbol><symbol id="fth-navigation-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="12 2 19 21 12 17 5 21 12 2" /></symbol><symbol id="fth-navigation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="3 11 22 2 13 21 11 13 3 11" /></symbol><symbol id="fth-network" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="9" y="2" width="6" height="6" />  <rect x="16" y="16" width="6" height="6" />  <rect x="2" y="16" width="6" height="6" />  <path d="M12 8v4m0 0H5v4m7-4h7v4" /></symbol><symbol id="fth-octagon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" /></symbol><symbol id="fth-option" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M3 3h6l6 18h6" />  <path d="M14 3h7" /></symbol><symbol id="fth-outdent" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="7 8 3 12 7 16" />  <line x1="21" y1="12" x2="11" y2="12" />  <line x1="21" y1="6" x2="11" y2="6" />  <line x1="21" y1="18" x2="11" y2="18" /></symbol><symbol id="fth-package" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="16.5" y1="9.4" x2="7.5" y2="4.21" />  <path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z" />  <polyline points="3.27 6.96 12 12.01 20.73 6.96" />  <line x1="12" y1="22.08" x2="12" y2="12" /></symbol><symbol id="fth-palette" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="13.5" cy="6.5" r=".5" />  <circle cx="17.5" cy="10.5" r=".5" />  <circle cx="8.5" cy="7.5" r=".5" />  <circle cx="6.5" cy="12.5" r=".5" />  <path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 011.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z" /></symbol><symbol id="fth-paperclip" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48" /></symbol><symbol id="fth-pause-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <line x1="10" y1="15" x2="10" y2="9" />  <line x1="14" y1="15" x2="14" y2="9" /></symbol><symbol id="fth-pause-octagon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M10 15V9" />  <path d="M14 15V9" />  <path d="M7.714 2h8.572L22 7.714v8.572L16.286 22H7.714L2 16.286V7.714L7.714 2z" /></symbol><symbol id="fth-pause" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="6" y="4" width="4" height="16" />  <rect x="14" y="4" width="4" height="16" /></symbol><symbol id="fth-pen-tool" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 19l7-7 3 3-7 7-3-3z" />  <path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z" />  <path d="M2 2l7.586 7.586" />  <circle cx="11" cy="11" r="2" /></symbol><symbol id="fth-pencil" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="18" y1="2" x2="22" y2="6" />  <path d="M7.5 20.5L19 9l-4-4L3.5 16.5 2 22l5.5-1.5z" /></symbol><symbol id="fth-percent" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="19" y1="5" x2="5" y2="19" />  <circle cx="6.5" cy="6.5" r="2.5" />  <circle cx="17.5" cy="17.5" r="2.5" /></symbol><symbol id="fth-person-standing" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="5" r="1" />  <path d="M9 20L12 14L15 20" />  <path d="M6 8L12 10L18 8" />  <path d="M12 10V14" /></symbol><symbol id="fth-phone-call" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M14.05 6A5 5 0 0118 10m-3.95-8a9 9 0 018 7.94m0 7v3a2 2 0 01-2 2h-.19a19.79 19.79 0 01-8.63-3.07 19.52 19.52 0 01-6-6 19.82 19.82 0 01-3.11-8.69A2 2 0 013.93 2h3.18a2 2 0 012 1.72 13 13 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 13 13 0 002.81.7A2 2 0 0122 16.92z" /></symbol><symbol id="fth-phone-forwarded" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="18 2 22 6 18 10" />  <line x1="14" y1="6" x2="22" y2="6" />  <path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z" /></symbol><symbol id="fth-phone-incoming" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="16 2 16 8 22 8" />  <line x1="22" y1="2" x2="16" y2="8" />  <path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z" /></symbol><symbol id="fth-phone-missed" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="22" y1="2" x2="16" y2="8" />  <line x1="16" y1="2" x2="22" y2="8" />  <path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z" /></symbol><symbol id="fth-phone-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M10.68 13.31a16 16 0 003.41 2.6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7 2 2 0 011.72 2v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.42 19.42 0 01-3.33-2.67m-2.67-3.34a19.79 19.79 0 01-3.07-8.63A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91" />  <line x1="22" y1="2" x2="2" y2="22" /></symbol><symbol id="fth-phone-outgoing" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="22 8 22 2 16 2" />  <line x1="16" y1="8" x2="22" y2="2" />  <path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z" /></symbol><symbol id="fth-phone" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z" /></symbol><symbol id="fth-pie-chart" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21.21 15.89A10 10 0 118 2.83" />  <path d="M22 12A10 10 0 0012 2v10z" /></symbol><symbol id="fth-pipette" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M2 22l2-2h3l7-7" />  <path d="M4 20v-3l7-7" />  <path d="M14.29 13.3a1 1 0 001.41 0l.8-.8c.27-.27.27-.72 0-1s-.28-.72 0-1l4.08-4.08a2 2 0 000-2.83l-.17-.17a2 2 0 00-2.83 0L13.5 7.51c-.28.27-.73.27-1 0s-.73-.28-1 0l-.8.79a1 1 0 000 1.41l3.59 3.59z" /></symbol><symbol id="fth-plane" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M17.8 19.2L16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z" /></symbol><symbol id="fth-play-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <polygon points="10 8 16 12 10 16 10 8" /></symbol><symbol id="fth-play" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="5 3 19 12 5 21 5 3" /></symbol><symbol id="fth-plug-zap" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M13 2l-2 2.5h3L12 7" />  <path d="M12 22v-3" />  <path d="M10 13v-2.5" />  <path d="M10 12.5v-2" />  <path d="M14 12.5v-2" />  <path d="M16 15a2 2 0 00-2-2h-4a2 2 0 00-2 2v2a2 2 0 002 2h4a2 2 0 002-2v-2z" /></symbol><symbol id="fth-plus-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <line x1="12" y1="8" x2="12" y2="16" />  <line x1="8" y1="12" x2="16" y2="12" /></symbol><symbol id="fth-plus-square" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <line x1="12" y1="8" x2="12" y2="16" />  <line x1="8" y1="12" x2="16" y2="12" /></symbol><symbol id="fth-plus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="12" y1="5" x2="12" y2="19" />  <line x1="5" y1="12" x2="19" y2="12" /></symbol><symbol id="fth-pocket" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 3h16a2 2 0 012 2v6a10 10 0 01-10 10A10 10 0 012 11V5a2 2 0 012-2z" />  <polyline points="8 10 12 14 16 10" /></symbol><symbol id="fth-podcast" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="11" r="1" />  <path d="M17.03 18.46a9 9 0 10-10.02.03" />  <path d="M16.06 13.91a5 5 0 10-7.97.2" />  <path d="M11.11 17a.9.9 0 111.78 0l-.52 4.67a.37.37 0 01-.74 0l-.52-4.68z" /></symbol><symbol id="fth-pointer" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M22 14a8 8 0 01-8 8" />  <path d="M18 11v-1a2 2 0 00-2-2v0a2 2 0 00-2 2v0" />  <path d="M14 10V9a2 2 0 00-2-2v0a2 2 0 00-2 2v1" />  <path d="M10 9.5V4a2 2 0 00-2-2v0a2 2 0 00-2 2v10" />  <path d="M18 11a2 2 0 114 0v3a8 8 0 01-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 012.83-2.82L7 15" /></symbol><symbol id="fth-pound-sterling" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18 7c0-5.333-8-5.333-8 0" />  <path d="M10 7v14" />  <path d="M6 21h12" />  <path d="M6 13h10" /></symbol><symbol id="fth-power-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18.36 6.64A9 9 0 0120.77 15M5.63 6.64A9 9 0 1018.706 19" />  <path d="M12 2v4" />  <path d="M2 2l20 20" /></symbol><symbol id="fth-power" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18.36 6.64a9 9 0 11-12.73 0" />  <line x1="12" y1="2" x2="12" y2="12" /></symbol><symbol id="fth-printer" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="6 9 6 2 18 2 18 9" />  <path d="M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2" />  <rect x="6" y="14" width="12" height="8" /></symbol><symbol id="fth-qr-code" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="2" y="2" width="8" height="8" />  <path d="M6 6h.01" />  <rect x="14" y="2" width="8" height="8" />  <path d="M18 6h.01" />  <rect x="2" y="14" width="8" height="8" />  <path d="M6 18h.01" />  <path d="M14 14h.01" />  <path d="M18 18h.01" />  <path d="M18 22h4v-4" />  <path d="M14 18v4" />  <path d="M22 14h-4" /></symbol><symbol id="fth-radio-receiver" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M5 16v2" />  <path d="M19 16v2" />  <rect x="2" y="8" width="20" height="8" rx="2" />  <path d="M18 12h0" /></symbol><symbol id="fth-radio" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="2" />  <path d="M16.24 7.76a6 6 0 010 8.49m-8.48-.01a6 6 0 010-8.49m11.31-2.82a10 10 0 010 14.14m-14.14 0a10 10 0 010-14.14" /></symbol><symbol id="fth-redo" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 7v6h-6" />  <path d="M3 17a9 9 0 019-9 9 9 0 016 2.3l3 2.7" /></symbol><symbol id="fth-refresh-ccw" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M3 2v6h6" />  <path d="M21 12A9 9 0 006 5.3L3 8" />  <path d="M21 22v-6h-6" />  <path d="M3 12a9 9 0 0015 6.7l3-2.7" /></symbol><symbol id="fth-refresh-cw" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 2v6h-6" />  <path d="M3 12a9 9 0 0115-6.7L21 8" />  <path d="M3 22v-6h6" />  <path d="M21 12a9 9 0 01-15 6.7L3 16" /></symbol><symbol id="fth-regex" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M17 3v10" />  <path d="M12.67 5.5l8.66 5" />  <path d="M12.67 10.5l8.66-5" />  <path d="M9 17a2 2 0 00-2-2H5a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2z" /></symbol><symbol id="fth-repeat-1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M17 2l4 4-4 4" />  <path d="M3 11v-1a4 4 0 014-4h14" />  <path d="M7 22l-4-4 4-4" />  <path d="M21 13v1a4 4 0 01-4 4H3" />  <path d="M11 10h1v4" /></symbol><symbol id="fth-repeat" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M17 2l4 4-4 4" />  <path d="M3 11v-1a4 4 0 014-4h14" />  <path d="M7 22l-4-4 4-4" />  <path d="M21 13v1a4 4 0 01-4 4H3" /></symbol><symbol id="fth-reply-all" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="7 17 2 12 7 7" />  <polyline points="12 17 7 12 12 7" />  <path d="M22 18v-2a4 4 0 0 0-4-4H7" /></symbol><symbol id="fth-reply" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="9 17 4 12 9 7" />  <path d="M20 18v-2a4 4 0 0 0-4-4H4" /></symbol><symbol id="fth-rewind" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="11 19 2 12 11 5 11 19" />  <polygon points="22 19 13 12 22 5 22 19" /></symbol><symbol id="fth-rotate-ccw" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M3 2v6h6" />  <path d="M3 13a9 9 0 103-7.7L3 8" /></symbol><symbol id="fth-rotate-cw" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 2v6h-6" />  <path d="M21 13a9 9 0 11-3-7.7L21 8" /></symbol><symbol id="fth-rss" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 11a9 9 0 019 9" />  <path d="M4 4a16 16 0 0116 16" />  <circle cx="5" cy="19" r="1" /></symbol><symbol id="fth-ruler" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 2l6 6L8 22l-6-6L16 2" />  <path d="M7.5 10.5l2 2" />  <path d="M10.5 7.5l2 2" />  <path d="M13.5 4.5l2 2" />  <path d="M4.5 13.5l2 2" /></symbol><symbol id="fth-russian-ruble" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M14 11c5.333 0 5.333-8 0-8" />  <path d="M6 11h8" />  <path d="M6 15h8" />  <path d="M9 21V3" />  <path d="M9 3h5" /></symbol><symbol id="fth-save" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z" />  <polyline points="17 21 17 13 7 13 7 21" />  <polyline points="7 3 7 8 15 8" /></symbol><symbol id="fth-scale" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 16l3-8 3.001 8A5.002 5.002 0 0116 16z" />  <path d="M2 16l3-8 3.001 8A5.002 5.002 0 012 16z" />  <path d="M7 21h10" />  <path d="M12 3v18" />  <path d="M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2" /></symbol><symbol id="fth-scissors" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="6" cy="6" r="3" />  <circle cx="6" cy="18" r="3" />  <line x1="20" y1="4" x2="8.12" y2="15.88" />  <line x1="14.47" y1="14.48" x2="20" y2="20" />  <line x1="8.12" y1="8.12" x2="12" y2="12" /></symbol><symbol id="fth-screen-share-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M13 3H4a2 2 0 00-2 2v10a2 2 0 002 2h16a2 2 0 002-2v-3" />  <path d="M8 21h8" />  <path d="M12 17v4" />  <path d="M22 3l-5 5" />  <path d="M17 3l5 5" /></symbol><symbol id="fth-screen-share" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M13 3H4a2 2 0 00-2 2v10a2 2 0 002 2h16a2 2 0 002-2v-3" />  <path d="M8 21h8" />  <path d="M12 17v4" />  <path d="M17 8l5-5" />  <path d="M17 3h5v5" /></symbol><symbol id="fth-search" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="11" cy="11" r="8" />  <line x1="21" y1="21" x2="16.65" y2="16.65" /></symbol><symbol id="fth-send" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="22" y1="2" x2="11" y2="13" />  <polygon points="22 2 15 22 11 13 2 9 22 2" /></symbol><symbol id="fth-separator-horizontal" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="3" y1="12" x2="21" y2="12" />  <polyline points="8 8 12 4 16 8" />  <polyline points="16 16 12 20 8 16" /></symbol><symbol id="fth-separator-vertical" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="12" y1="3" x2="12" y2="21" />  <polyline points="8 8 4 12 8 16" />  <polyline points="16 16 20 12 16 8" /></symbol><symbol id="fth-server-crash" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M6 10H4a2 2 0 01-2-2V4a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 01-2 2h-2" />  <path d="M6 14H4a2 2 0 00-2 2v4a2 2 0 002 2h16a2 2 0 002-2v-4a2 2 0 00-2-2h-2" />  <path d="M6 6h.01" />  <path d="M6 18h.01" />  <path d="M13 6l-4 6h6l-4 6" /></symbol><symbol id="fth-server-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M7 2h13a2 2 0 012 2v4a2 2 0 01-2 2h-5" />  <path d="M10 10L2.5 2.5C2 2 2 2.5 2 5v3a2 2 0 002 2h6z" />  <path d="M22 17v-1a2 2 0 00-2-2h-1" />  <path d="M4 14a2 2 0 00-2 2v4a2 2 0 002 2h16.5l1-.5.5.5-8-8H4z" />  <path d="M6 18h.01" />  <path d="M2 2l20 20" /></symbol><symbol id="fth-server" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="2" y="2" width="20" height="8" rx="2" ry="2" />  <rect x="2" y="14" width="20" height="8" rx="2" ry="2" />  <line x1="6" y1="6" x2="6.01" y2="6" />  <line x1="6" y1="18" x2="6.01" y2="18" /></symbol><symbol id="fth-settings" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12.22 2h-.44a2 2 0 00-2 2v.18a2 2 0 01-1 1.73l-.43.25a2 2 0 01-2 0l-.15-.08a2 2 0 00-2.73.73l-.22.38a2 2 0 00.73 2.73l.15.1a2 2 0 011 1.72v.51a2 2 0 01-1 1.74l-.15.09a2 2 0 00-.73 2.73l.22.38a2 2 0 002.73.73l.15-.08a2 2 0 012 0l.43.25a2 2 0 011 1.73V20a2 2 0 002 2h.44a2 2 0 002-2v-.18a2 2 0 011-1.73l.43-.25a2 2 0 012 0l.15.08a2 2 0 002.73-.73l.22-.39a2 2 0 00-.73-2.73l-.15-.08a2 2 0 01-1-1.74v-.5a2 2 0 011-1.74l.15-.09a2 2 0 00.73-2.73l-.22-.38a2 2 0 00-2.73-.73l-.15.08a2 2 0 01-2 0l-.43-.25a2 2 0 01-1-1.73V4a2 2 0 00-2-2z" />  <circle cx="12" cy="12" r="3" /></symbol><symbol id="fth-share-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="18" cy="5" r="3" />  <circle cx="6" cy="12" r="3" />  <circle cx="18" cy="19" r="3" />  <line x1="8.59" y1="13.51" x2="15.42" y2="17.49" />  <line x1="15.41" y1="6.51" x2="8.59" y2="10.49" /></symbol><symbol id="fth-share" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M4 12v8a2 2 0 002 2h12a2 2 0 002-2v-8" />  <polyline points="16 6 12 2 8 6" />  <line x1="12" y1="2" x2="12" y2="15" /></symbol><symbol id="fth-sheet" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <line x1="3" y1="9" x2="21" y2="9" />  <line x1="3" y1="15" x2="21" y2="15" />  <line x1="9" y1="9" x2="9" y2="21" />  <line x1="15" y1="9" x2="15" y2="21" /></symbol><symbol id="fth-shield-alert" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />  <path d="M12 8v4" />  <path d="M12 16h.01" /></symbol><symbol id="fth-shield-check" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />  <path d="M9 12l2 2 4-4" /></symbol><symbol id="fth-shield-close" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />  <line x1="9.5" y1="9" x2="14.5" y2="14" />  <line x1="14.5" y1="9" x2="9.5" y2="14" /></symbol><symbol id="fth-shield-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M19.69 14a6.9 6.9 0 00.31-2V5l-8-3-3.16 1.18" />  <path d="M4.73 4.73L4 5v7c0 6 8 10 8 10a20.29 20.29 0 005.62-4.38" />  <line x1="1" y1="1" x2="23" y2="23" /></symbol><symbol id="fth-shield" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" /></symbol><symbol id="fth-shirt" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M20.38 3.46L16 2a4 4 0 01-8 0L3.62 3.46a2 2 0 00-1.34 2.23l.58 3.47a1 1 0 00.99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 002-2V10h2.15a1 1 0 00.99-.84l.58-3.47a2 2 0 00-1.34-2.23z" /></symbol><symbol id="fth-shopping-bag" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z" />  <line x1="3" y1="6" x2="21" y2="6" />  <path d="M16 10a4 4 0 01-8 0" /></symbol><symbol id="fth-shopping-cart" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="9" cy="21" r="1" />  <circle cx="20" cy="21" r="1" />  <path d="M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6" /></symbol><symbol id="fth-shovel" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M2 22v-5l5-5 5 5-5 5z" />  <path d="M9.5 14.5L16 8" />  <path d="M17 2l5 5-.5.5a3.53 3.53 0 01-5 0s0 0 0 0a3.53 3.53 0 010-5L17 2" /></symbol><symbol id="fth-shrink" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M15 15l6 6m-6-6v4.8m0-4.8h4.8" />  <path d="M9 19.8V15m0 0H4.2M9 15l-6 6" />  <path d="M15 4.2V9m0 0h4.8M15 9l6-6" />  <path d="M9 4.2V9m0 0H4.2M9 9L3 3" /></symbol><symbol id="fth-shuffle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="16 3 21 3 21 8" />  <line x1="4" y1="20" x2="21" y2="3" />  <polyline points="21 16 21 21 16 21" />  <line x1="15" y1="15" x2="21" y2="21" />  <line x1="4" y1="4" x2="9" y2="9" /></symbol><symbol id="fth-sidebar-close" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <line x1="9" y1="3" x2="9" y2="21" />  <path d="M17 16L13 12L17 8" /></symbol><symbol id="fth-sidebar-open" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <line x1="9" y1="3" x2="9" y2="21" />  <path d="M13 8L17 12L13 16" /></symbol><symbol id="fth-sidebar" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <line x1="9" y1="3" x2="9" y2="21" /></symbol><symbol id="fth-sigma" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18 7V4H6l6 8-6 8h12v-3" /></symbol><symbol id="fth-skip-back" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="19 20 9 12 19 4 19 20" />  <line x1="5" y1="19" x2="5" y2="5" /></symbol><symbol id="fth-skip-forward" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="5 4 15 12 5 20 5 4" />  <line x1="19" y1="5" x2="19" y2="19" /></symbol><symbol id="fth-skull" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="9" cy="12" r="1" />  <circle cx="15" cy="12" r="1" />  <path d="M8 20v2h8v-2" />  <path d="M12.5 17l-.5-1-.5 1h1z" />  <path d="M16 20a2 2 0 001.56-3.25 8 8 0 10-11.12 0A2 2 0 008 20" /></symbol><symbol id="fth-slack" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5z" />  <path d="M20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" />  <path d="M9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5z" />  <path d="M3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14z" />  <path d="M14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5z" />  <path d="M15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z" />  <path d="M10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5z" />  <path d="M8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z" /></symbol><symbol id="fth-slash" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <line x1="4.93" y1="4.93" x2="19.07" y2="19.07" /></symbol><symbol id="fth-sliders" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="4" y1="21" x2="4" y2="14" />  <line x1="4" y1="10" x2="4" y2="3" />  <line x1="12" y1="21" x2="12" y2="12" />  <line x1="12" y1="8" x2="12" y2="3" />  <line x1="20" y1="21" x2="20" y2="16" />  <line x1="20" y1="12" x2="20" y2="3" />  <line x1="1" y1="14" x2="7" y2="14" />  <line x1="9" y1="8" x2="15" y2="8" />  <line x1="17" y1="16" x2="23" y2="16" /></symbol><symbol id="fth-smartphone-charging" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="5" y="2" width="14" height="20" rx="2" ry="2" />  <path d="M12.667 8L10 12h4l-2.667 4" /></symbol><symbol id="fth-smartphone" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="5" y="2" width="14" height="20" rx="2" ry="2" />  <line x1="12" y1="18" x2="12.01" y2="18" /></symbol><symbol id="fth-smile" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <path d="M8 14s1.5 2 4 2 4-2 4-2" />  <line x1="9" y1="9" x2="9.01" y2="9" />  <line x1="15" y1="9" x2="15.01" y2="9" /></symbol><symbol id="fth-snowflake" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="2" y1="12" x2="22" y2="12" />  <line x1="12" y1="2" x2="12" y2="22" />  <path d="M20 16l-4-4 4-4" />  <path d="M4 8l4 4-4 4" />  <path d="M16 4l-4 4-4-4" />  <path d="M8 20l4-4 4 4" /></symbol><symbol id="fth-sort-asc" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M11 5h10" />  <path d="M11 9h7" />  <path d="M11 13h4" />  <path d="M3 17l3 3 3-3" />  <path d="M6 18V4" /></symbol><symbol id="fth-sort-desc" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M11 5h4" />  <path d="M11 9h7" />  <path d="M11 13h10" />  <path d="M3 17l3 3 3-3" />  <path d="M6 18V4" /></symbol><symbol id="fth-speaker" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="4" y="2" width="16" height="20" rx="2" ry="2" />  <circle cx="12" cy="14" r="4" />  <line x1="12" y1="6" x2="12.01" y2="6" /></symbol><symbol id="fth-sprout" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M7 20h10" />  <path d="M10 20c5.5-2.5.8-6.4 3-10" />  <path d="M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z" />  <path d="M14.1 6a7 7 0 00-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z" /></symbol><symbol id="fth-square" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" /></symbol><symbol id="fth-star-half" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 17.8L5.8 21 7 14.1 2 9.3l7-1L12 2" /></symbol><symbol id="fth-star" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" /></symbol><symbol id="fth-stop-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <rect x="9" y="9" width="6" height="6" /></symbol><symbol id="fth-strikethrough" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 4H9a3 3 0 00-2.83 4" />  <path d="M14 12a4 4 0 010 8H6" />  <line x1="4" y1="12" x2="20" y2="12" /></symbol><symbol id="fth-sun" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="4" />  <path d="M12 2v2" />  <path d="M12 20v2" />  <path d="M5 5l1.5 1.5" />  <path d="M17.5 17.5L19 19" />  <path d="M2 12h2" />  <path d="M20 12h2" />  <path d="M5 19l1.5-1.5" />  <path d="M17.5 6.5L19 5" /></symbol><symbol id="fth-sunrise" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 2v8" />  <path d="M5.2 11.2l1.4 1.4" />  <path d="M2 18h2" />  <path d="M20 18h2" />  <path d="M17.4 12.6l1.4-1.4" />  <path d="M22 22H2" />  <path d="M8 6l4-4 4 4" />  <path d="M16 18a4 4 0 00-8 0" /></symbol><symbol id="fth-sunset" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 10V2" />  <path d="M5.2 11.2l1.4 1.4" />  <path d="M2 18h2" />  <path d="M20 18h2" />  <path d="M17.4 12.6l1.4-1.4" />  <path d="M22 22H2" />  <path d="M16 6l-4 4-4-4" />  <path d="M16 18a4 4 0 00-8 0" /></symbol><symbol id="fth-swiss-franc" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M10 21V3h8" />  <path d="M6 16h9" />  <path d="M10 9.5h7" /></symbol><symbol id="fth-switch-camera" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M11 19H4a2 2 0 01-2-2V7a2 2 0 012-2h5" />  <path d="M13 5h7a2 2 0 012 2v10a2 2 0 01-2 2h-5" />  <circle cx="12" cy="12" r="3" />  <path d="M18 22l-3-3 3-3" />  <path d="M6 2l3 3-3 3" /></symbol><symbol id="fth-table" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <line x1="3" y1="9" x2="21" y2="9" />  <line x1="3" y1="15" x2="21" y2="15" />  <line x1="12" y1="3" x2="12" y2="21" /></symbol><symbol id="fth-tablet" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="4" y="2" width="16" height="20" rx="2" ry="2" />  <line x1="12" y1="18" x2="12.01" y2="18" /></symbol><symbol id="fth-tag" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z" />  <line x1="7" y1="7" x2="7.01" y2="7" /></symbol><symbol id="fth-target" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <circle cx="12" cy="12" r="6" />  <circle cx="12" cy="12" r="2" /></symbol><symbol id="fth-tent" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M19 20L10 4" />  <path d="M5 20l9-16" />  <path d="M3 20h18" />  <path d="M12 15l-3 5" />  <path d="M12 15l3 5" /></symbol><symbol id="fth-terminal-square" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M7 11l2-2-2-2" />  <path d="M11 13h4" />  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" /></symbol><symbol id="fth-terminal" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="4 17 10 11 4 5" />  <line x1="12" y1="19" x2="20" y2="19" /></symbol><symbol id="fth-thermometer-snowflake" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M2 12h10" />  <path d="M9 4v16" />  <path d="M3 9l3 3-3 3" />  <path d="M12 6L9 9 6 6" />  <path d="M6 18l3-3 1.5 1.5" />  <path d="M18 2a2 2 0 00-2 2v10.5a4 4 0 104 0V4a2 2 0 00-2-2z" /></symbol><symbol id="fth-thermometer-sun" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 9a4 4 0 00-2 7.5" />  <path d="M12 3v2" />  <path d="M6.6 18.4l-1.4 1.4" />  <path d="M18 2a2 2 0 012 2v10.5a4 4 0 11-4 0V4c0-1.1.9-2 2-2z" />  <path d="M4 13H2" />  <path d="M6.6 7.6L5.2 6.2" /></symbol><symbol id="fth-thermometer" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M12 2a2 2 0 00-2 2v10.5a4 4 0 104 0V4a2 2 0 00-2-2z" /></symbol><symbol id="fth-thumbs-down" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3zm7-13h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17" /></symbol><symbol id="fth-thumbs-up" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3" /></symbol><symbol id="fth-ticket" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M3 9V7a2 2 0 012-2h14a2 2 0 012 2v2M3 15v2a2 2 0 002 2h14a2 2 0 002-2v-2" />  <path d="M21 15a3 3 0 110-6" />  <path d="M3 15a3 3 0 100-6" />  <path d="M13 5v2" />  <path d="M13 17v2" />  <path d="M13 11v2" /></symbol><symbol id="fth-timer" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="10" x2="14" y1="2" y2="2" />  <line x1="12" x2="15" y1="14" y2="11" />  <circle cx="12" cy="14" r="8" /></symbol><symbol id="fth-toggle-left" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="1" y="5" width="22" height="14" rx="7" ry="7" />  <circle cx="8" cy="12" r="3" /></symbol><symbol id="fth-toggle-right" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="1" y="5" width="22" height="14" rx="7" ry="7" />  <circle cx="16" cy="12" r="3" /></symbol><symbol id="fth-tornado" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 4H3" />  <path d="M18 8H6" />  <path d="M19 12H9" />  <path d="M16 16h-6" />  <path d="M11 20H9" /></symbol><symbol id="fth-trash-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="3 6 5 6 21 6" />  <path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2" />  <line x1="10" y1="11" x2="10" y2="17" />  <line x1="14" y1="11" x2="14" y2="17" /></symbol><symbol id="fth-trash" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="3 6 5 6 21 6" />  <path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2" /></symbol><symbol id="fth-trello" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <rect x="7" y="7" width="3" height="9" />  <rect x="14" y="7" width="3" height="5" /></symbol><symbol id="fth-trending-down" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="23 18 13.5 8.5 8.5 13.5 1 6" />  <polyline points="17 18 23 18 23 12" /></symbol><symbol id="fth-trending-up" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="23 6 13.5 15.5 8.5 10.5 1 18" />  <polyline points="17 6 23 6 23 12" /></symbol><symbol id="fth-triangle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" /></symbol><symbol id="fth-truck" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M10 17h4V5H2v12h3m15 0h2v-3.34a4 4 0 00-1.17-2.83L19 9h-5v8h1" />  <circle cx="7.5" cy="17.5" r="2.5" />  <circle cx="17.5" cy="17.5" r="2.5" /></symbol><symbol id="fth-tv-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M7 21h10" />  <rect x="2" y="3" width="20" height="14" rx="2" /></symbol><symbol id="fth-tv" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="2" y="7" width="20" height="15" rx="2" ry="2" />  <polyline points="17 2 12 7 7 2" /></symbol><symbol id="fth-twitch" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 2H3v16h5v4l4-4h5l4-4V2zm-10 9V7m5 4V7" /></symbol><symbol id="fth-twitter" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z" /></symbol><symbol id="fth-type" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="4 7 4 4 20 4 20 7" />  <line x1="9" y1="20" x2="15" y2="20" />  <line x1="12" y1="4" x2="12" y2="20" /></symbol><symbol id="fth-umbrella" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M23 12a11.05 11.05 0 00-22 0zm-5 7a3 3 0 01-6 0v-7" /></symbol><symbol id="fth-underline" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M6 4v6a6 6 0 0012 0V4" />  <line x1="4" y1="20" x2="20" y2="20" /></symbol><symbol id="fth-undo" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M3 7v6h6" />  <path d="M21 17a9 9 0 00-9-9 9 9 0 00-6 2.3L3 13" /></symbol><symbol id="fth-unlink-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M15 7h2a5 5 0 010 10h-2m-6 0H7A5 5 0 017 7h2" /></symbol><symbol id="fth-unlink" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M18.84 12.25l1.72-1.71h-.02a5.004 5.004 0 00-.12-7.07 5.006 5.006 0 00-6.95 0l-1.72 1.71" />  <path d="M5.17 11.75l-1.71 1.71a5.004 5.004 0 00.12 7.07 5.006 5.006 0 006.95 0l1.71-1.71" />  <line x1="8" y1="2" x2="8" y2="5" />  <line x1="2" y1="8" x2="5" y2="8" />  <line x1="16" y1="19" x2="16" y2="22" />  <line x1="19" y1="16" x2="22" y2="16" /></symbol><symbol id="fth-unlock" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="11" width="18" height="11" rx="2" ry="2" />  <path d="M7 11V7a5 5 0 019.9-1" /></symbol><symbol id="fth-upload-cloud" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M20 16.2A4.5 4.5 0 0017.5 8h-1.8A7 7 0 104 14.9" />  <path d="M12 12v9" />  <path d="M16 16l-4-4-4 4" /></symbol><symbol id="fth-upload" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" />  <polyline points="17 8 12 3 7 8" />  <line x1="12" y1="3" x2="12" y2="15" /></symbol><symbol id="fth-user-check" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" />  <circle cx="8.5" cy="7" r="4" />  <polyline points="17 11 19 13 23 9" /></symbol><symbol id="fth-user-minus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" />  <circle cx="8.5" cy="7" r="4" />  <line x1="23" y1="11" x2="17" y2="11" /></symbol><symbol id="fth-user-plus" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" />  <circle cx="8.5" cy="7" r="4" />  <line x1="20" y1="8" x2="20" y2="14" />  <line x1="23" y1="11" x2="17" y2="11" /></symbol><symbol id="fth-user-x" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" />  <circle cx="8.5" cy="7" r="4" />  <line x1="18" y1="8" x2="23" y2="13" />  <line x1="23" y1="8" x2="18" y2="13" /></symbol><symbol id="fth-user" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2" />  <circle cx="12" cy="7" r="4" /></symbol><symbol id="fth-users" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" />  <circle cx="9" cy="7" r="4" />  <path d="M23 21v-2a4 4 0 00-3-3.87" />  <path d="M16 3.13a4 4 0 010 7.75" /></symbol><symbol id="fth-vibrate" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M2 8l2 2-2 2 2 2-2 2" />  <path d="M22 8l-2 2 2 2-2 2 2 2" />  <rect x="8" y="5" width="8" height="14" rx="1" /></symbol><symbol id="fth-video-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M16 16v1a2 2 0 01-2 2H3a2 2 0 01-2-2V7a2 2 0 012-2h2m5.66 0H14a2 2 0 012 2v3.34l1 1L23 7v10" />  <line x1="1" y1="1" x2="23" y2="23" /></symbol><symbol id="fth-video" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="23 7 16 12 23 17 23 7" />  <rect x="1" y="5" width="15" height="14" rx="2" ry="2" /></symbol><symbol id="fth-view" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M5 12s2.545-5 7-5c4.454 0 7 5 7 5s-2.546 5-7 5c-4.455 0-7-5-7-5z" />  <path d="M12 13a1 1 0 100-2 1 1 0 000 2z" />  <path d="M21 8V5a2 2 0 00-2-2H5a2 2 0 00-2 2v3m18 8v3a2 2 0 01-2 2H5a2 2 0 01-2-2v-3" /></symbol><symbol id="fth-voicemail" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="5.5" cy="11.5" r="4.5" />  <circle cx="18.5" cy="11.5" r="4.5" />  <line x1="5.5" y1="16" x2="18.5" y2="16" /></symbol><symbol id="fth-volume-1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />  <path d="M15.54 8.46a5 5 0 010 7.07" /></symbol><symbol id="fth-volume-2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />  <path d="M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07" /></symbol><symbol id="fth-volume-x" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />  <line x1="23" y1="9" x2="17" y2="15" />  <line x1="17" y1="9" x2="23" y2="15" /></symbol><symbol id="fth-volume" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" /></symbol><symbol id="fth-wallet" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M20 12V8H6a2 2 0 01-2-2c0-1.1.9-2 2-2h12v4" />  <path d="M4 6v12c0 1.1.9 2 2 2h14v-4" />  <path d="M18 12a2 2 0 00-2 2c0 1.1.9 2 2 2h4v-4h-4z" /></symbol><symbol id="fth-watch" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="7" />  <polyline points="12 9 12 12 13.5 13.5" />  <path d="M16.51 17.35l-.35 3.83a2 2 0 01-2 1.82H9.83a2 2 0 01-2-1.82l-.35-3.83m.01-10.7l.35-3.83A2 2 0 019.83 1h4.35a2 2 0 012 1.82l.35 3.83" /></symbol><symbol id="fth-webcam" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="10" r="8" />  <circle cx="12" cy="10" r="3" />  <path d="M12 22v-4m-5 4h5-5zm10 0h-5 5z" /></symbol><symbol id="fth-wifi-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="2" y1="2" x2="22" y2="22" />  <path d="M8.5 16.5a5 5 0 017 0" />  <path d="M2 8.82a15 15 0 014.17-2.65" />  <path d="M10.66 5c4.01-.36 8.14.9 11.34 3.76" />  <path d="M16.85 11.25a10 10 0 012.22 1.68" />  <path d="M5 13a10 10 0 015.24-2.76" />  <line x1="12" y1="20" x2="12.01" y2="20" /></symbol><symbol id="fth-wifi" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M5 13a10 10 0 0114 0" />  <path d="M8.5 16.5a5 5 0 017 0" />  <path d="M2 8.82a15 15 0 0120 0" />  <line x1="12" y1="20" x2="12.01" y2="20" /></symbol><symbol id="fth-wind" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M17.7 7.7a2.5 2.5 0 111.8 4.3H2" />  <path d="M9.6 4.6A2 2 0 1111 8H2" />  <path d="M12.6 19.4A2 2 0 1014 16H2" /></symbol><symbol id="fth-wrench" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z" /></symbol><symbol id="fth-x-circle" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="12" cy="12" r="10" />  <line x1="15" y1="9" x2="9" y2="15" />  <line x1="9" y1="9" x2="15" y2="15" /></symbol><symbol id="fth-x-octagon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" />  <line x1="15" y1="9" x2="9" y2="15" />  <line x1="9" y1="9" x2="15" y2="15" /></symbol><symbol id="fth-x-square" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />  <line x1="9" y1="9" x2="15" y2="15" />  <line x1="15" y1="9" x2="9" y2="15" /></symbol><symbol id="fth-x" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <line x1="18" y1="6" x2="6" y2="18" />  <line x1="6" y1="6" x2="18" y2="18" /></symbol><symbol id="fth-youtube" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path d="M22.54 6.42a2.78 2.78 0 00-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 00-1.94 2A29 29 0 001 11.75a29 29 0 00.46 5.33A2.78 2.78 0 003.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 001.94-2 29 29 0 00.46-5.25 29 29 0 00-.46-5.33z" />  <polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02" /></symbol><symbol id="fth-zap-off" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polyline points="12.41 6.75 13 2 10.57 4.92" />  <polyline points="18.57 12.91 21 10 15.66 10" />  <polyline points="8 8 3 14 12 14 11 22 16 16" />  <line x1="1" y1="1" x2="23" y2="23" /></symbol><symbol id="fth-zap" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" /></symbol><symbol id="fth-zoom-in" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="11" cy="11" r="8" />  <line x1="21" y1="21" x2="16.65" y2="16.65" />  <line x1="11" y1="8" x2="11" y2="14" />  <line x1="8" y1="11" x2="14" y2="11" /></symbol><symbol id="fth-zoom-out" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <circle cx="11" cy="11" r="8" />  <line x1="21" y1="21" x2="16.65" y2="16.65" />  <line x1="8" y1="11" x2="14" y2="11" /></symbol>
   </svg>
diff --git a/zero.Backoffice.UI/old_app/editor/blueprint/property.vue b/zero.Backoffice.UI/old_app/editor/blueprint/property.vue
deleted file mode 100644
index 88b436a6..00000000
--- a/zero.Backoffice.UI/old_app/editor/blueprint/property.vue
+++ /dev/null
@@ -1,322 +0,0 @@
-<template>
-  <div class="blueprint" v-if="value && (isParent || isChild)">
-    <div class="blueprint-box">
-      <template v-if="isChild">
-        <div class="blueprint-inner">
-          <ui-icon symbol="fth-cloud" :size="22" />
-          <p v-localize:html="'@blueprint.hint.childText'"></p>
-        </div>
-        <aside>
-          <ui-button class="blueprint-button-settings" type="blank small" icon="fth-settings" 
-                     :title="{ key: value.blueprint.desync.length > 0 ? '@blueprint.hint.xUnlocked' : '@blueprint.hint.settingsButton', tokens: { count: value.blueprint.desync.length }}" 
-                     @click="openSettings" />
-          <router-link replace :to="switchLink" class="ui-button type-light type-small" v-localize="'@blueprint.hint.goToBlueprint'"></router-link>
-        </aside>
-      </template>
-      <template v-if="isParent">
-        <div class="blueprint-inner">
-          <ui-icon symbol="fth-cloud" :size="22" />
-          <p v-localize:html="value.id ? '@blueprint.hint.parentText' : '@blueprint.hint.parentCreateText'"></p>
-        </div>
-        <aside v-if="value.id">
-          <router-link replace :to="switchLink" class="ui-button type-light type-small" v-localize="'@blueprint.hint.goToChild'"></router-link>
-        </aside>
-      </template>
-    </div>
-  </div>
-</template>
-
-
-<script>
-  import Overlay from 'zero/helpers/overlay.js';
-  import SettingsOverlay from './settings.vue';
-  import Localization from 'zero/helpers/localization.js';
-
-  export default {
-    props: {
-      value: {
-        type: Object
-      },
-      meta: {
-        type: Object,
-        default: () => { }
-      },
-      config: {
-        type: Object,
-        default: () => { }
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      }
-    },
-
-    inject: ['editor'],
-
-    watch: {
-      '$route': function ()
-      {
-        this.bind();
-      }
-    },
-
-    computed: {
-      isParent()
-      {
-        return this.config.isBlueprintParent(this.$route, this.value);
-      },
-      isChild()
-      {
-        return this.config.isBlueprintChild(this.$route, this.value);
-      },
-      switchLink()
-      {
-        return {
-          name: this.$route.name,
-          params: this.$route.params,
-          query: {
-            ...(this.$route.query || {}),
-            scope: !this.isChild ? undefined : 'shared'
-          }
-        };
-      }
-    },
-
-    mounted()
-    {
-      this.bind();
-    },
-
-    methods: {
-
-      openSettings()
-      {
-        const editor = typeof this.editor === 'string' ? this.zero.getEditor(this.editor) : this.editor;
-
-        return Overlay.open({
-          component: SettingsOverlay,
-          display: 'editor',
-          model: this.value,
-          blueprintConfig: this.config
-        }).then(res =>
-        {
-          this.value.blueprint = res.blueprint;
-          this.$emit('input', res.blueprint);
-          if (typeof res.update === 'function')
-          {
-            res.update(this.value);
-          }
-          //EventHub.$emit('page.update');
-        });
-      },
-
-      bind()
-      {
-        const form = this.getForm();
-        const onLoaded = () =>
-        {
-          this.$nextTick(() =>
-          {
-            this.setupSync(form);
-          });
-        };
-
-        if (form.loadingState === 'default')
-        {
-          onLoaded();
-        }
-        else
-        {
-          form.$on('loaded', onLoaded);
-        }
-      },
-
-      setupSync(form)
-      {
-        const meta = form.$parent.meta;
-
-        if (meta)
-        {
-          meta.canDelete = this.isBlueprint;
-          meta.canEdit = this.isBlueprint;
-        }
-
-        if (this.hasBlueprint)
-        {
-          const properties = this.getProperties(form);
-
-          properties.forEach(property =>
-          {
-            if (property.config.path !== 'blueprint')
-            {
-              //property.setBlock(BlueprintBlockComponent);
-              //property.setDisabled(true);
-            }
-            //property.$el.classList.add('is-property-locked');
-            //property.setLocked(true);
-          });
-        }
-      },
-
-      getForm()
-      {
-        let component = this.$parent;
-
-        do
-        {
-          if (component.$options.name === 'uiForm')
-          {
-            return component;
-          }
-        }
-        while (component = component.$parent);
-
-        return null;
-      },
-
-
-      // find all form properties
-      getProperties(form)
-      {
-        let find = 'uiEditorComponent';
-        let components = [];
-
-        // find components which can output errors
-        let traverseChildren = (parent) =>
-        {
-          parent.$children.forEach(component =>
-          {
-            if (component.$options.name === find)
-            {
-              components.push(component);
-            }
-            else
-            {
-              traverseChildren(component);
-            }
-          });
-        };
-
-        traverseChildren(form);
-
-        return components;
-      }
-    }
-  }
-</script>
-
-<style lang="scss">
-  .ui-property.is-property-locked
-  {
-    pointer-events: none;
-    opacity: .8;
-  }
-
-  /*.language .ui-property.has-block:after,
-  .mails .ui-property.has-block:after
-  {
-    position: absolute;
-    left: -13px;
-    top: -7px;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    width: 32px;
-    height: 32px;
-    border-radius: 16px;
-    background: var(--color-box);
-    content: "\e887";
-    font-family: 'Feather';
-    font-size: 15px;
-    font-weight: 400;
-    color: var(--color-text-dim);
-  }*/
-
-
-  .blueprint
-  {
-    position: relative;
-    margin: 0 -32px 0;
-    padding: 0 32px 0;
-    margin-bottom: 30px;
-    //background: var(--color-box-nested);
-    border-top-left-radius: var(--radius);
-    border-top-right-radius: var(--radius);
-
-    aside
-    {
-      display: flex;
-    }
-
-    &.is-shared
-    {
-      //border-bottom: 1px dotted var(--color-accent-error);
-    }
-  }
-
-  .blueprint-box
-  {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: var(--padding-s);
-    padding-left: var(--padding-m);
-    border-radius: var(--radius);
-    border: 1px dashed var(--color-line-dashed);
-    //background: repeating-linear-gradient(-45deg, transparent, transparent 2px, var(--color-bg-shade-2) 2px, var(--color-bg-shade-2) 4px);
-  }
-
-  .blueprint-button-settings
-  {
-    margin-right: -5px;
-  }
-
-  .blueprint-inner
-  {
-    display: grid;
-    grid-template-columns: auto minmax(0, 1fr);
-    grid-gap: var(--padding-m);
-    align-items: center;
-    font-size: var(--font-size);
-    line-height: 1.4;
-    position: relative;
-    padding-right: var(--padding-s);
-
-    p
-    {
-      margin: 0;
-      color: var(--color-text);
-    }
-
-    .ui-icon
-    {
-      color: var(--color-text);
-      margin-top: -2px;
-    }
-  }
-</style>
-
-<!--
-
-  <button type="button" class="ui-property-lock" v-if="locked" > <i class="fth-lock" > </i > </button >
-  /*.ui-property.is-locked
-  {
-
-  }*/
-  .ui-property-lock
-  {
-    display: inline-flex;
-    width: 20px;
-    height: 20px;
-    border-radius: 10px;
-    background: var(--color-button-light);
-    color: var(--color-text);
-    justify-content: center;
-    align-items: center;
-    font-size: 10px;
-    position: relative;
-    top: -1px;
-    margin-right: 8px;
-  }
-
--->
diff --git a/zero.Backoffice.UI/old_app/editor/blueprint/settings.vue b/zero.Backoffice.UI/old_app/editor/blueprint/settings.vue
deleted file mode 100644
index 63615d91..00000000
--- a/zero.Backoffice.UI/old_app/editor/blueprint/settings.vue
+++ /dev/null
@@ -1,223 +0,0 @@
-<template>
-  <ui-overlay-editor class="blueprint-settings">
-    <template v-slot:header>
-      <ui-header-bar title="Synchronisation" :back-button="false" :close-button="true" />
-    </template>
-    <template v-slot:footer>
-      <ui-button type="light onbg" label="@ui.close" @click="config.hide" />
-      <ui-button type="primary" label="@ui.confirm" @click="onSave" :state="state" />
-    </template>
-
-    <p class="blueprint-settings-text">By default all properties of your entity are synced with its blueprint.<br />You can disable synchronisation per property so it won't be overridden on changes.</p>
-
-    <div class="ui-box" v-if="loaded">
-      <ui-property class="blueprint-settings-tableheader" :key="-1" label="Property" :vertical="false">
-        <b>Synchronized</b>
-      </ui-property>
-      <ui-property v-for="(field, index) in items" v-if="!field.disabled" :key="index" :label="field.label" :description="field.description" :vertical="false" :class="{'not-synced': !field.synced}">
-        <ui-toggle v-model="field.synced" />
-      </ui-property>
-    </div>
-  </ui-overlay-editor>
-</template>
-
-
-<script>
-  import Arrays from 'zero/helpers/arrays.js';
-  import Localization from 'zero/helpers/localization.js';
-  import BlueprintApi from 'zero/api/blueprint.js';
-
-  export default {
-
-    props: {
-      model: Object,
-      config: Object,
-      blueprintConfig: Object
-    },
-
-    data: () => ({
-      state: 'default',
-      loaded: false,
-      editor: null,
-      items: []
-    }),
-
-
-    mounted()
-    {
-      this.blueprintConfig.fields.forEach(field =>
-      {
-        let item = JSON.parse(JSON.stringify(field));
-        item.synced = field.synced(this.model);
-        this.items.push(item);
-      });
-      this.loaded = true;
-    },
-
-
-    methods: {
-
-      onSave()
-      {
-        this.state = 'loading';
-
-        let desync = JSON.parse(JSON.stringify(this.model.blueprint.desync));
-        let resync = [];
-
-        this.items.forEach(field =>
-        {
-          let desynced = this.model.blueprint.desync.indexOf(field.path) > -1;
-
-          if (field.synced && desynced)
-          {
-            Arrays.remove(desync, field.path);
-            resync.push(field.path);
-          }
-          else if (!field.synced && !desynced)
-          {
-            desync.push(field.path);
-          }
-        });
-
-        this.model.blueprint.desync = desync;
-
-        // we need to revert changed values which were switch backed to synchronised state
-        // to do this we load the blueprint entity and its copy properties
-
-        if (resync.length > 0)
-        {
-          BlueprintApi.getById(this.model.blueprint.id).then(blueprint =>
-          {
-            this.config.confirm({
-              blueprint: this.model.blueprint,
-              update: entity =>
-              {
-                resync.forEach(path =>
-                {
-                  entity[path] = blueprint[path]; // TODO does not work for nested paths
-                });
-              }
-            });
-          });
-        }
-        else
-        {
-          //this.state = 'success';
-          this.config.confirm({
-            blueprint: this.model.blueprint
-          });
-        }
-
-        
-      },
-
-      //rebuildModel()
-      //{
-      //  this.selector = Strings.selectorToArray(this.config.path);
-      //  let currentValue = this.value;
-      //  let found = false;
-
-      //  if (!this.selector || !this.selector.length || !currentValue)
-      //  {
-      //    found = true;
-      //    this.model = null;
-      //  }
-      //  else
-      //  {
-      //    for (var key of this.selector)
-      //    {
-      //      if (key in currentValue)
-      //      {
-      //        found = true;
-      //        currentValue = currentValue[key];
-      //      }
-      //      else
-      //      {
-      //        break;
-      //      }
-      //    }
-
-      //    this.model = found ? currentValue : null;
-      //  }
-      //},
-    }
-  }
-</script>
-
-<style lang="scss">
-  .blueprint-settings-text
-  {
-    margin: 0 0 var(--padding);
-    line-height: 1.5;
-  }
-  .blueprint-settings-headline
-  {
-    margin: 0 0 var(--padding) !important;
-  }
-
-  .blueprint-settings .ui-property
-  {
-    display: flex;
-    justify-content: space-between;
-  }
-
-  .blueprint-settings .blueprint-settings-tableheader
-  {
-    border-bottom: 1px dashed var(--color-line-dashed);
-    padding-bottom: 20px;
-    margin-bottom: 26px;
-
-    b
-    {
-      display: inline-block;
-      margin-top: 3px;
-    }
-  }
-
-  .blueprint-settings .ui-property + .ui-property
-  {
-    margin-top: var(--padding-s);
-    padding-top: 0;
-    border-top: none;
-  }
-
-  .blueprint-settings .ui-property-content
-  {
-    display: inline;
-    flex: 0 0 auto;
-  }
-
-  .blueprint-settings .ui-property-label
-  {
-    padding-top: 1px;
-  }
-
-  .blueprint-settings .ui-property.not-synced .ui-property-label
-  {
-    font-weight: 400;
-    color: var(--color-text-dim);
-  }
-
-  .blueprint-settings-lock
-  {
-    color: var(--color-text-dim);
-  }
-
-  /*.blueprint-settings .ui-property.not-synced .ui-property-label:before
-  {
-    content: "\e929";
-    font-family: 'Feather';
-    margin-right: 0.8em;
-    color: var(--color-text-dim);
-    font-weight: 400;
-  }
-
-  .blueprint-settings .ui-property:not(.not-synced) .ui-property-label:before
-  {
-    content: "\e8f8";
-    font-family: 'Feather';
-    margin-right: 0.8em;
-    color: var(--color-primary);
-    font-weight: 400;
-  }*/
-</style>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/editor-aside.vue b/zero.Backoffice.UI/old_app/editor/editor-aside.vue
deleted file mode 100644
index ed3f6dc2..00000000
--- a/zero.Backoffice.UI/old_app/editor/editor-aside.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<template>
-  <div>
-    <ui-property v-if="value.id && value.lastModifiedDate"  field="lastModifiedDate" label="@ui.modifiedDate" :is-text="true" :vertical="true">
-      <ui-date v-model="value.lastModifiedDate" />
-    </ui-property>
-    <ui-property v-if="value.id" label="@ui.createdDate" field="createdDate" :is-text="true" :vertical="true">
-      <ui-date v-model="value.createdDate" />
-    </ui-property>
-  </div>
-</template>
-
-
-<script>
-  export default {
-    name: 'uiEditorAside',
-
-    inject: [ 'meta' ],
-
-    props: {
-      editor: {
-        type: Object,
-        required: true
-      },
-      value: {
-        type: Object,
-        required: true
-      },
-      infos: {
-        type: String,
-        default: 'aside'
-      },
-      activeToggle: {
-        type: Boolean,
-        default: true
-      },
-      nested: {
-        type: Boolean,
-        default: false
-      },
-      isPage: {
-        type: Boolean,
-        default: false
-      },
-      disabled: {
-        type: [Boolean, Function],
-        default: false
-      }
-    },
-
-    data: () => ({
-      component: null
-    }),
-
-    created()
-    {
-      this.component = zero.overrides['editor-aside'] || null;
-    }
-  }
-</script>
-
-<style lang="scss">
-  .editor-aside
-  {
-    padding-top: var(--padding);
-    padding-left: var(--padding-s);
-  }
-
-  .editor-aside .ui-property + .ui-property
-  {
-    margin-top: var(--padding-m);
-  }
-</style>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/editor-component.vue b/zero.Backoffice.UI/old_app/editor/editor-component.vue
deleted file mode 100644
index a1b2cba4..00000000
--- a/zero.Backoffice.UI/old_app/editor/editor-component.vue
+++ /dev/null
@@ -1,192 +0,0 @@
-<template>
-  <ui-property v-if="!isHidden" 
-               :field="config.path" 
-               :label="label" 
-               :hide-label="config.options.hideLabel"
-               :description="description" 
-               :required="isRequired" 
-               :disabled="isDisabled"
-               :vertical="config.options.vertical"
-               :class="{'is-disabled': isDisabled }"
-               :locked="isLocked"
-               :can-unlock="canUnlock || false"
-               @unlock="unlock"
-               @lock="lock">
-    <component :is="config.component" v-bind="config.componentOptions" :value="model" :entity="value" :meta="meta" @input="onChange" :disabled="isDisabled" />
-    <p v-if="config.options.helpText" class="ui-property-help" v-localize="config.options.helpText"></p>
-  </ui-property>
-</template>
-
-
-<script>
-  import Strings from 'zero/helpers/strings.js';
-  import Objects from 'zero/helpers/objects.js';
-  import Editor from 'zero/core/editor.ts';
-  import EditorField from 'zero/core/editor-field.ts';
-  import Localization from 'zero/helpers/localization.js';
-  import Overlay from 'zero/helpers/overlay.js';
-  import Arrays from 'zero/helpers/arrays.js';
-
-  export default {
-    name: 'uiEditorComponent',
-
-    inject: [ 'meta' ],
-
-    props: {
-      config: {
-        type: Object,
-        required: true
-      },
-      editor: {
-        type: Object,
-        required: true
-      },
-      value: {
-        type: Object,
-        required: true
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-    },
-
-    watch: {
-      value: {
-        deep: true,
-        handler: function ()
-        {
-          this.rebuildModel();
-        }
-      }
-    },
-
-    data: () => ({
-      model: null,
-      loaded: false,
-      manualDisabled: false,
-      selector: null
-    }),
-
-    mounted()
-    {
-      this.rebuildModel();
-      this.loaded = true;
-    },
-
-    computed: {
-      isHidden()
-      {
-        return this.loaded && typeof this.config.options.condition === 'function' && !this.config.options.condition(this.value, this);
-      },
-      isRequired()
-      {
-        return typeof this.config.isRequired === 'function' ? this.config.isRequired(this.value) : this.config.isRequired;
-      },
-      isDisabled()
-      {
-        return this.manualDisabled || this.disabled || (typeof this.config.options.disabled === 'boolean' && this.config.options.disabled) || (typeof this.config.options.disabled === 'function' && this.config.options.disabled(this.value, this.model));
-      },
-      label()
-      {
-        return this.config.options.label || this.editor.templateLabel(this.config.path);
-      },
-      description()
-      {
-        return Localization.localize(this.config.options.description || this.editor.templateDescription(this.config.path), { hideEmpty: true });
-      },
-      isLocked()
-      {
-        return !this.editor.blueprint.unlocked(this.value, this.config);
-      },
-      canUnlock()
-      {
-        return this.editor.blueprint.canUnlock(this.value, this.config);
-      }
-    },
-
-    methods: {
-
-      rebuildModel()
-      {
-        this.selector = Strings.selectorToArray(this.config.path);
-        let currentValue = this.value;
-        let found = false;
-
-        if (!this.selector || !this.selector.length || !currentValue)
-        {
-          found = true;
-          this.model = null;
-        }
-        else
-        {
-          for (var key of this.selector)
-          {
-            if (key in currentValue)
-            {
-              found = true;
-              currentValue = currentValue[key];
-            }
-            else
-            {
-              break;
-            }
-          }
-
-          this.model = found ? currentValue : null;
-        }
-      },
-
-
-      onChange(value)
-      {
-        let oldValue = JSON.parse(JSON.stringify(this.model));
-
-        if (typeof value === 'function')
-        {
-          value(this.value);
-        }
-        else
-        {
-          Objects.setValue(this.value, this.selector, value);
-        }
-        this.$emit('input', this.value);
-
-        if (typeof this.config.options.onChange === 'function')
-        {
-          this.config.options.onChange(value, {
-            oldValue,
-            model: this.value,
-            component: this
-          });
-        }
-      },
-
-
-      setDisabled(disabled)
-      {
-        this.manualDisabled = disabled;
-      },
-
-
-      async unlock()
-      {
-        Overlay.confirm({
-          title: 'Unlock property',
-          text: 'Unlock this property to override the value passed by the blueprint',
-          confirmLabel: 'Confirm',
-          closeLabel: 'Cancel'
-        }).then(
-          async () => await this.editor.blueprint.unlock(this.value, this.config),
-          () => {}
-        );
-      },
-
-      async lock()
-      {
-        let originalValue = await this.editor.blueprint.lock(this.value, this.config);
-        this.onChange(originalValue);
-      }
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/editor-form.vue b/zero.Backoffice.UI/old_app/editor/editor-form.vue
deleted file mode 100644
index 7057c60f..00000000
--- a/zero.Backoffice.UI/old_app/editor/editor-form.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-  <ui-form ref="form" v-slot="form" @submit="onSubmit" class="editor-form">
-    <ui-form-header v-if="rendered" v-model="model" prefix="@country.list" title="@country.name" :disabled="disabled" :is-create="!$route.params.id" :state="form.state" :can-delete="meta.canDelete" @delete="onDelete" />
-    <ui-editor v-if="rendered" :config="config" v-model="model" :meta="meta" :disabled="disabled" :on-configure="onLoad">
-      <template v-slot:below>
-        <ui-editor-infos v-model="model" :disabled="disabled" />
-      </template>
-    </ui-editor>
-  </ui-form>
-</template>
-
-
-<script>
-  import './editor.scss';
-
-  export default {
-    name: 'uiEditorForm',
-
-    props: {
-      config: {
-        type: [String, Object],
-        required: true
-      }
-    },
-
-    data: () => ({
-      meta: {},
-      model: {},
-      route: __zero.alias.settings.countries + '-edit',
-      disabled: false,
-      collection: null,
-      rendered: false
-    }),
-
-
-    mounted()
-    {
-      this.rendered = true;
-    },
-
-
-    methods: {
-
-      onLoad(editor)
-      {
-        this.collection = editor.editorConfig.collection;
-
-        if (!this.collection)
-        {
-          // TODO error
-        }
-
-        //this.$refs.form.load(!this.$route.params.id ? this.collection.getEmpty() : this.collection.getById(this.$route.params.id)).then(response =>
-        //{
-        //  this.disabled = !response.meta.canEdit;
-        //  this.meta = response.meta;
-        //  this.model = response.entity;
-        //});
-      },
-
-
-      onSubmit(form)
-      {
-        form.handle(this.collection.save(this.model));
-      },
-
-
-      onDelete(item, opts)
-      {
-        opts.hide();
-        this.$refs.form.onDelete(this.collection.delete.bind(this, this.$route.params.id));
-      }
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/editor-header.vue b/zero.Backoffice.UI/old_app/editor/editor-header.vue
deleted file mode 100644
index 7c8b19c2..00000000
--- a/zero.Backoffice.UI/old_app/editor/editor-header.vue
+++ /dev/null
@@ -1,222 +0,0 @@
-<template>
-  <ui-header-bar class="ui-editor-header" :back-button="true">
-    <template v-slot:title>
-      <h2 class="ui-header-bar-title" :class="{'is-empty': title && !value.name && !titleDisabled}">
-        <template v-for="prefix in prefixes">
-          <span class="-minor -prefix" v-localize:html="prefix"></span>
-          <ui-icon class="-chevron" symbol="fth-chevron-right" :size="14" />
-        </template>
-        <ui-error field="name" />
-        <input v-if="!titleDisabled" class="ui-form-header-title-input" type="text" v-model="value.name" v-localize:placeholder="title" :readonly="titleDisabled || disabled" />
-        <!--<ui-alias class="ui-form-header-title-alias" v-if="hasAlias" v-model="value.alias" :name="value.name" :disabled="disabled" />-->
-        <span v-if="titleDisabled" v-localize="forceTitle ? title : (value.name || title)"></span>
-      </h2>
-    </template>
-    <div class="ui-form-header-aside">
-      <slot></slot>
-      <div v-if="!activeDisabled && typeof value.isActive !== 'undefined'" class="ui-form-header-toggle">
-        <ui-toggle v-model="value.isActive" class="is-accent" off-content="@ui.inactive" :off-warning="true" on-content="@ui.active" :content-left="true" :disabled="disabled" />
-      </div>
-      <slot name="buttons"></slot>
-      <ui-dropdown v-if="actionsDefined" align="right">
-        <template v-slot:button>
-          <ui-button type="light onbg" label="@ui.actions" caret="down" />
-        </template>
-        <slot name="actions"></slot>
-        <ui-dropdown-button v-if="canDelete" label="@ui.delete" icon="fth-trash" @click="onDelete" :disabled="disabled" />
-      </ui-dropdown>
-      <ui-button :submit="true" type="accent" :label="isCreate ? '@ui.create' :'@ui.update'" :state="state" v-if="!disabled" class="ui-form-header-primary-button" />
-    </div>
-  </ui-header-bar>
-</template>
-
-
-<script>
-  export default {
-    name: 'uiEditorHeader',
-
-    props: {
-      title: {
-        type: String,
-        default: null
-      },
-      forceTitle: {
-        type: Boolean,
-        default: false
-      },
-      prefix: {
-        type: [String, Array]
-      },
-      value: {
-        type: Object
-      },
-      canDelete: {
-        type: Boolean,
-        default: true
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      titleDisabled: {
-        type: Boolean,
-        default: false
-      },
-      activeDisabled: {
-        type: Boolean,
-        default: false
-      },
-      state: {
-        type: String
-      },
-      isCreate: {
-        type: Boolean,
-        default: false
-      },
-      hasAlias: {
-        type: Boolean,
-        default: true
-      }
-    },
-
-    computed: {
-      actionsDefined()
-      {
-        return !this.isCreate && (this.canDelete || this.$scopedSlots.hasOwnProperty('actions'));
-      },
-      prefixes()
-      {
-        let items = Array.isArray(this.prefix) ? this.prefix : [this.prefix];
-        return items.filter(x => !!x);
-      }
-    },
-
-    methods: {
-      onDelete(item, opts)
-      {
-        this.$emit('delete', item, opts);
-      }
-    }
-  }
-</script>
-
-
-<style lang="scss">
-  .ui-editor-header
-  {
-    /*    width: 100%;
-    max-width: 1320px;
-    margin: 0 auto;*/
-  }
-
-  .ui-editor-header-aside
-  {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-
-    > * + *
-    {
-      margin-left: var(--padding-s);
-    }
-  }
-
-  .ui-editor-header-toggle
-  {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-    top: -1px;
-    margin-left: var(--padding-s);
-
-    .ui-toggle-off-warning
-    {
-      display: none;
-      color: var(--color-accent-red);
-    }
-
-    .ui-toggle-switch
-    {
-      background: var(--color-button-light-onbg);
-      box-shadow: var(--shadow-short) !important;
-    }
-
-    .ui-toggle-switch.is-active
-    {
-      background: var(--color-toggled);
-      box-shadow: none !important;
-    }
-
-    input:focus + .ui-toggle-switch
-    {
-      border-color: transparent;
-    }
-
-    & + .ui-button
-    {
-      margin-left: var(--padding);
-    }
-  }
-
-  .ui-header-bar-title
-  {
-    position: relative;
-
-    .ui-error
-    {
-      display: none;
-    }
-
-    .ui-error + input[type="text"].ui-editor-header-title-input:not(:focus)
-    {
-      border-color: var(--color-accent-error);
-    }
-  }
-
-  input[type="text"].ui-editor-header-title-input
-  {
-    font-family: var(--font);
-    color: var(--color-text);
-    font-size: var(--font-size-l);
-    font-weight: 700;
-    background: none;
-    border: 1px dashed var(--color-line-dashed-onbg);
-    /*&:hover, &:focus, .ui-header-bar-title.is-empty &
-    {
-      border: 1px dashed var(--color-text-dim-one);
-    }*/
-
-    .-prefix + &
-    {
-      margin-left: 5px;
-    }
-  }
-
-  .ui-editor-header-title-alias
-  {
-    position: absolute;
-    right: 10px;
-    top: 11px;
-    z-index: 2;
-
-    .ui-alias-lock
-    {
-      background: none;
-    }
-  }
-
-  .ui-editor-header-info-button
-  {
-    padding: 0;
-    justify-content: center;
-    width: 48px;
-    text-align: center;
-  }
-
-  .ui-editor-header-info-button .ui-button-icon
-  {
-    margin: 0 !important;
-    font-size: 18px;
-  }
-</style>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/editor-infos.vue b/zero.Backoffice.UI/old_app/editor/editor-infos.vue
deleted file mode 100644
index 80f08ed6..00000000
--- a/zero.Backoffice.UI/old_app/editor/editor-infos.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template>
-  <div v-if="visible" class="editor-infos">
-    <div class="ui-box is-light editor-infos-aside">
-      <slot name="before"></slot>
-      <template v-if="value && value.id">
-        <ui-property v-if="value.lastModifiedDate" field="lastModifiedDate" label="@ui.modifiedDate">
-          <ui-date v-model="value.lastModifiedDate" />
-        </ui-property>
-        <ui-property label="@ui.createdDate" field="createdDate">
-          <ui-date v-model="value.createdDate" />
-        </ui-property>
-         <ui-property label="@ui.entityfields.alias" field="alias">
-          {{value.alias}}
-        </ui-property>
-        <ui-property label="@ui.entityfields.sort" field="sort">
-          {{value.sort}}
-        </ui-property>
-        <ui-property v-if="value.key" label="@ui.entityfields.key" field="key">
-          {{value.key}}
-        </ui-property>
-      </template>
-      <slot name="after"></slot>
-    </div>
-  </div>
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: [Object, Array]
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      }
-    },
-
-    computed: {
-      visible()
-      {
-        return (this.value && this.value.id) || this.$scopedSlots.hasOwnProperty('before') || this.$scopedSlots.hasOwnProperty('after');
-      }
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/editor-legacy.scss b/zero.Backoffice.UI/old_app/editor/editor-legacy.scss
deleted file mode 100644
index 28973131..00000000
--- a/zero.Backoffice.UI/old_app/editor/editor-legacy.scss
+++ /dev/null
@@ -1,156 +0,0 @@
-
-
-.editor > .ui-view-box
-{
-  padding-top: 0;
-}
-
-.editor
-{
-  .ui-tabs-list
-  {
-    padding-top: 0;
-  }
-
-  .ui-tab > h3
-  {
-    border-bottom: 1px solid var(--color-line);
-    padding-bottom: var(--padding-m);
-    margin-bottom: var(--padding);
-  }
-}
-
-.editor-outer
-{
-  width: 100%;
-  max-width: 1320px;
-  margin: 0 auto;
-
-  &.-infos-aside:not(.is-page)
-  {
-    display: grid;
-    //grid-template-columns: 1fr 340px var(--padding);
-    align-items: flex-start;
-  }
-
-  &:not(.has-tabs) 
-  {
-    .ui-tabs-list
-    {
-      display: none;
-    }
-
-    .ui-tab, .editor-infos
-    {
-      margin-top: 0;
-    }
-  }
-}
-
-.editor-infos
-{
-  margin: 61px 0 0;
-  position: sticky;
-  top: var(--padding);
-
-  .ui-box
-  {
-    margin-left: 0;
-    margin-right: 0;
-    margin-bottom: 0;
-  }
-
-  .ui-box:first-child
-  {
-    margin-top: 0;
-  }
-
-  .ui-box + .ui-box
-  {
-    margin-top: 16px;
-  }
-
-  .ui-box + .ui-box.is-light
-  {
-    margin-top: 1px;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  .ui-property + .ui-property
-  {
-    margin-top: 15px;
-    padding-top: 10px;
-    border-top: none;
-  }
-
-  .is-toggle
-  {
-    align-items: center;
-  }
-
-  .ui-property-label
-  {
-    width: auto;
-    padding-right: 20px;
-  }
-
-  .ui-property-content
-  {
-    flex: 0 1 auto;
-  }
-
-  .ui-property
-  {
-    display: flex;
-    justify-content: space-between;
-  }
-}
-
-.editor-active-toggle
-{
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-/*.editor-active-toggle.is-active
-{
-  background: var(--color-accent-info-bg);   
-
-  .ui-property-label
-  {
-    color: var(--color-accent-info);
-  }
-}*/
-
-.editor-error
-{
-  background: transparent;
-  min-height: calc(100vh - 100px);
-}
-
-
-/// tabs as boxes
-
-.editor-outer.as-boxes
-{
-  .ui-tabs-list
-  {
-    display: none !important;
-  }
-
-  .ui-tab
-  {
-    display: block !important;
-  }
-
-  .ui-tab:first-child
-  {
-    margin-top: 0;
-  }
-
-  .editor-infos
-  {
-    margin-top: 0;
-  }
-}
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/editor-overlay.vue b/zero.Backoffice.UI/old_app/editor/editor-overlay.vue
deleted file mode 100644
index 9e2388e8..00000000
--- a/zero.Backoffice.UI/old_app/editor/editor-overlay.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<template>
-  <ui-form ref="form" v-slot="form" @submit="onSubmit" @load="onLoad">
-    <ui-overlay-editor class="ui-editor-overlay">
-
-      <template v-slot:header>
-        <ui-header-bar :title="config.title" :back-button="false" :close-button="true" />
-      </template>
-
-      <template v-slot:footer>
-        <ui-button type="light onbg" label="@ui.close" @click="config.hide"></ui-button>
-        <ui-button v-if="!disabled" type="primary" :submit="true" :label="config.confirmButton || '@ui.confirm'" :state="form.state" :disabled="loading"></ui-button>
-      </template>
-
-      <ui-loading v-if="loading" :is-big="true" />
-
-      <div v-if="!loading" class="ui-editor-overlay-editor">
-        <ui-editor :config="editor" v-model="model" :meta="meta" :is-page="false" infos="none" :disabled="disabled" />
-      </div>
-
-    </ui-overlay-editor>
-  </ui-form>
-</template>
-
-
-<script>
-  import UiEditor from 'zero/editor/editor.vue';
-
-  export default {
-
-    props: {
-      config: Object
-    },
-
-    components: { UiEditor },
-
-    data: () => ({
-      isAdd: true,
-      disabled: false,
-      id: null,
-      loading: true,
-      state: 'default',
-      parent: null,
-      editor: null,
-      meta: {},
-      model: {}
-    }),
-
-
-    methods: {
-
-      onLoad(form)
-      {
-        this.isAdd = this.config.create === true;
-        this.meta = {
-          parentModel: this.config.parentModel
-        };
-        this.model = JSON.parse(JSON.stringify(this.config.model));
-        this.editor = this.config.editor;
-        this.loading = false;
-      },
-
-
-      onSubmit(form)
-      {
-        if (typeof this.config.confirmGuard === 'function')
-        {
-          form.setState('loading');
-          this.config.confirmGuard(this.model).then(res =>
-          {
-            form.setState('success');
-            form.setDirty(false);
-            this.config.confirm(this.model, res);
-          });
-        }
-        else
-        {
-          this.config.confirm(this.model);
-        }
-      }
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/editor.scss b/zero.Backoffice.UI/old_app/editor/editor.scss
deleted file mode 100644
index 425c22b2..00000000
--- a/zero.Backoffice.UI/old_app/editor/editor.scss
+++ /dev/null
@@ -1,156 +0,0 @@
-
-.editor
-{
-  width: 100%;
-  max-width: 960px;
-  margin: 0 auto;
-  padding: 0 var(--padding) var(--padding);
-
-  &:not(.display-tabs), &.hide-tabs
-  {
-    .ui-tabs-list
-    {
-      display: none;
-    }
-
-    .ui-tab, .editor-infos
-    {
-      margin-top: 0;
-    }
-    
-    .editor-aside
-    {
-      margin-top: 0;
-    }
-  }
-
-  &.has-sidebar
-  {
-    max-width: 1580px;
-    display: grid;
-    grid-template-columns: minmax(auto, 1fr) 260px;
-    grid-gap: 0 var(--padding);
-  }
-}
-
-.editor.has-below .ui-tab.ui-box
-{
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-.editor.display-boxes .ui-tab
-{
-  display: inherit !important;
-}
-
-.editor.display-boxes .ui-tab + .ui-tab
-{
-  margin-top: var(--padding-m);
-}
-
-.editor-tab-headline
-{
-  font-size: var(--font-size-l) !important; 
-  font-weight: 900 !important;
-  margin-bottom: var(--padding) !important;
-}
-
-.editor-tabs
-{
-  .ui-tabs-list
-  {
-    padding: 0;
-    margin-bottom: 0;
-  }
-
-  .ui-tab
-  {
-    margin: 0;
-  }
-}
-
-.editor-aside
-{
-  margin-top: 58px;
-}
-
-.editor-infos
-{
-  display: block;
-  //border-top: 1px solid var(--color-line-onbg);
-}
-
-.theme-dark .editor-infos
-{
-  border-top: none;
-}
-
-.editor-infos .ui-box
-{
-  margin: 0;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  display: flex;
-  gap: var(--padding-l);
-}
-
-.editor-infos .ui-property
-{
-  flex-direction: column;
-  border-top: none;
-  margin: 0;
-  padding: 0;
-  grid-gap: 6px !important;
-}
-
-.editor-infos .ui-property-label
-{
-  font-size: var(--font-size-s);
-  font-weight: 400;
-  color: var(--color-text-dim);
-  width: 100%;
-  padding-right: 0;
-}
-
-.editor-infos .ui-property-content
-{
-  font-size: var(--font-size-s);
-  font-weight: 400;
-  color: var(--color-text-dim);
-}
-
-.editor-infos-aside .ui-property + .ui-property
-{
-  margin-top: 0;
-  padding-top: 0; 
-  border-top: none;
-}
-
-.editor-aside-links
-{
-  display: flex;
-  width: 100%;
-  margin-bottom: -5px;
-}
-
-.editor-aside-links .ui-link
-{
-  color: var(--color-text-dim);
-  font-size: var(--font-size-s); 
-  text-decoration: none !important;
-  position: relative;
-}
-
-.editor-aside-links .ui-link + .ui-link
-{
-  margin-left: 20px;
-}
-
-.editor-aside-links .ui-link + .ui-link:before
-{
-  content: '·';
-  position: absolute;
-  left: -12px;
-  top: -1px;
-}
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/editor.vue b/zero.Backoffice.UI/old_app/editor/editor.vue
deleted file mode 100644
index 263dc591..00000000
--- a/zero.Backoffice.UI/old_app/editor/editor.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-<template>
-  <div class="editor-outer" v-if="loaded">
-    <header class="editor-above" v-if="aboveDefined">
-      <slot name="above" v-bind:config="editorConfig"></slot>
-    </header>
-    <div class="editor" :class="['display-' + display, { 'has-sidebar': asideDefined, 'hide-tabs': tabs.length < 2, 'has-below': belowDefined }]">
-      <ui-tabs class="editor-tabs">
-        <ui-tab v-if="!tab.disabled(value)" v-for="(tab, index) in tabs" class="ui-box" :class="tab.class" :label="tab.name" :count="tab.count(value)" :key="index">
-          <h3 v-if="display == 'boxes' && tab.name" class="ui-headline editor-tab-headline" v-localize="tab.name"></h3>
-          <slot name="blueprint">
-            <blueprint-property v-if="value && editorConfig.blueprint" :value="value" :meta="meta" :config="editorConfig.blueprint" />
-          </slot>
-          <div class="ui-property ui-property-parent" v-for="fieldset in tab.fieldsets">
-            <editor-component v-for="(field, fieldIndex) in fieldset.fields" :disabled="disabled" :key="fieldIndex" :config="field" @input="onChange" :editor="editorConfig" :value="value"
-                              :class="field.options.class" :data-cols="!!field.options.fieldset" :style="{ 'grid-column': field.options.fieldset ? 'span ' + field.options.fieldsetColumns : null }" />
-
-          </div>
-          <component v-if="tab.component" :is="tab.component" v-model="value" />
-        </ui-tab>
-      </ui-tabs>
-      <aside class="editor-aside" v-if="asideDefined">
-        <slot name="aside"></slot>
-      </aside>
-      <aside class="editor-below" v-if="belowDefined">
-        <slot name="below"></slot>
-      </aside>
-    </div>
-  </div>
-</template>
-
-
-<script>
-  import './editor.scss';
-  import EditorComponent from 'zero/editor/editor-component.vue';
-  import EditorAside from './editor-aside.vue';
-  import { createBlueprintConfig } from 'zero/core/editor-blueprint.ts';
-  import BlueprintProperty from './blueprint/property.vue';
-  import Localization from 'zero/helpers/localization.js';
-
-  export default {
-    name: 'uiEditor',
-
-    provide: function ()
-    {
-      return {
-        meta: this.meta,
-        editor: this.config
-      };
-    },
-
-    props: {
-      config: {
-        type: [String, Object],
-        required: true
-      },
-      meta: {
-        type: Object,
-        default: () => { }
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      value: {
-        type: Object
-      },
-      onConfigure: {
-        type: Function,
-        default: () => { }
-      },
-    },
-
-    components: { EditorComponent, EditorAside, BlueprintProperty },
-
-    data: () => ({
-      editorConfig: {},
-      loaded: false,
-      tabs: [],
-      currentFieldset: null
-    }),
-
-    computed: {
-      aboveDefined()
-      {
-        return this.$scopedSlots.hasOwnProperty('above');
-      },
-      asideDefined()
-      {
-        return this.$scopedSlots.hasOwnProperty('aside');
-      },
-      belowDefined()
-      {
-        return this.$scopedSlots.hasOwnProperty('below');
-      }
-    },
-
-    created()
-    {
-      this.editorConfig = typeof this.config === 'string' ? this.zero.getEditor(this.config) : this.config;
-      this.editorConfig.blueprint = createBlueprintConfig(this.zero, this.editorConfig, this.value);
-
-      this.tabs = this.editorConfig.tabs.map(tab =>
-      {
-        let fieldsets = this.editorConfig.getFieldsets(tab);
-
-        return {
-          ...tab,
-          count: value => typeof tab.count === 'number' ? tab.count : (typeof tab.count === 'function' ? tab.count(value) : 0),
-          disabled: value => typeof tab.disabled === 'boolean' ? tab.disabled : (typeof tab.disabled === 'function' ? tab.disabled(value) : false),
-          fieldsets
-        };
-      });
-
-      this.display = this.editorConfig.options.display || 'tabs';
-
-      this.onConfigure(this);
-
-      this.loaded = true;
-    },
-
-    methods: {
-
-      onChange()
-      {
-        this.$emit('input', this.value);
-      }
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/alias.vue b/zero.Backoffice.UI/old_app/editor/fields/alias.vue
deleted file mode 100644
index 4849bf88..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/alias.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-  <ui-alias :value="value" :name="entity.name" @input="$emit('input', $event)" :max-length="maxLength" :disabled="disabled" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: String,
-        default: null
-      },
-      entity: {
-        type: Object,
-        required: true
-      },
-      config: Object,
-      disabled: {
-        type: Boolean,
-        default: false
-      }
-    },
-
-    computed: {
-      maxLength()
-      {
-        return this.config.maxLength > 0 ? this.config.maxLength : null;
-      }
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/checklist.vue b/zero.Backoffice.UI/old_app/editor/fields/checklist.vue
deleted file mode 100644
index 2ec1e860..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/checklist.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-  <ui-check-list :value="value" @input="$emit('input', $event)" 
-                 :reverse="reverse" 
-                 :items="items" 
-                 :limit="limit"
-                 :label-key="labelKey"
-                 :id-key="idKey"
-                 :disabled="disabled" />
-</template>
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: Array,
-        default: () => []
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      items: {
-        type: [Array, Function, Promise],
-        required: true
-      },
-      limit: {
-        type: Number,
-        default: 100
-      },
-      reverse: Boolean,
-      labelKey: {
-        type: String,
-        default: 'value'
-      },
-      idKey: {
-        type: String,
-        default: 'key'
-      }
-    },
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/colorpicker.vue b/zero.Backoffice.UI/old_app/editor/fields/colorpicker.vue
deleted file mode 100644
index cc7f0e9b..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/colorpicker.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <ui-colorpicker :value="value" @input="$emit('input', $event)" :disabled="disabled" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: String
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      config: Object
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/countrypicker.vue b/zero.Backoffice.UI/old_app/editor/fields/countrypicker.vue
deleted file mode 100644
index ce74b036..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/countrypicker.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-  <ui-countrypicker :value="value" @input="$emit('input', $event)" :limit="limit" :disabled="disabled" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: [String, Array],
-      disabled: Boolean,
-      limit: {
-        type: Number,
-        default: 1
-      }
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/culturepicker.vue b/zero.Backoffice.UI/old_app/editor/fields/culturepicker.vue
deleted file mode 100644
index 4065998e..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/culturepicker.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <div v-if="!loading" class="ui-native-select" :disabled="disabled">
-    <select :value="value" @input="$emit('input', $event.target.value)" :disabled="disabled">
-      <option v-for="item in items" :value="item.code">{{item.name}}</option>
-    </select>
-  </div>
-</template>
-
-
-<script>
-  import LanguagesApi from 'zero/api/languages.js';
-
-  export default {
-    props: {
-      value: {
-        type: String
-      },
-      config: Object,
-      disabled: {
-        type: Boolean,
-        default: false
-      }
-    },
-
-    data: () => ({
-      loading: true,
-      items: []
-    }),
-
-    mounted()
-    {
-      LanguagesApi.getSupportedCultures().then(res =>
-      {
-        this.items = res;
-        this.loading = false;
-      });
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/currency.vue b/zero.Backoffice.UI/old_app/editor/fields/currency.vue
deleted file mode 100644
index bc3e906d..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/currency.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <div class="ui-box">
-    <input :value="value" @input="$emit('input', +$event.target.value)" type="text" class="ui-input" v-placeholder="{ placeholder, model: entity }" :disabled="disabled" />
-  </div>
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: Number,
-        default: null
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      placeholder: String,
-      entity: Object
-    },
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/datepicker.vue b/zero.Backoffice.UI/old_app/editor/fields/datepicker.vue
deleted file mode 100644
index ba3302cd..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/datepicker.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-  <div class="ui-box">
-    <ui-datepicker :value="value" @input="$emit('input', $event)" :disabled="disabled"
-      v-bind="{ format, time, maxDate, minDate, amPm }" />
-  </div>
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: [String, Date],
-        default: {
-          from: null,
-          to: null
-        }
-      },
-      format: {
-        type: String,
-        default: null
-      },
-      time: {
-        type: Boolean,
-        default: false,
-      },
-      maxDate: {
-        type: [String, Date],
-        default: null
-      },
-      minDate: {
-        type: [String, Date],
-        default: null
-      },
-      amPm: {
-        type: Boolean,
-        default: false
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      }
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/daterangepicker.vue b/zero.Backoffice.UI/old_app/editor/fields/daterangepicker.vue
deleted file mode 100644
index db16ab65..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/daterangepicker.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-  <div class="ui-box">
-    <ui-daterangepicker :value="value" @input="$emit('input', $event)" :disabled="disabled"
-      v-bind="{ format, time, maxDate, minDate, fromLabel, toLabel, amPm, inline }" />
-  </div>
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: Object,
-        default: {
-          from: null,
-          to: null
-        }
-      },
-      format: {
-        type: String,
-        default: null
-      },
-      time: {
-        type: Boolean,
-        default: false,
-      },
-      maxDate: {
-        type: [String, Date],
-        default: null
-      },
-      minDate: {
-        type: [String, Date],
-        default: null
-      },
-      fromLabel: {
-        type: String,
-        default: '@ui.date.range_from'
-      },
-      toLabel: {
-        type: String,
-        default: '@ui.date.range_to' 
-      },
-      amPm: {
-        type: Boolean,
-        default: false
-      },
-      inline: {
-        type: Boolean,
-        default: false
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      }
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/iconPicker.vue b/zero.Backoffice.UI/old_app/editor/fields/iconPicker.vue
deleted file mode 100644
index 9e7c0856..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/iconPicker.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <ui-iconpicker :value="value" @input="$emit('input', $event)" :disabled="disabled" :set="set" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: String
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      set: {
-        type: String,
-        default: 'feather'
-      },
-      config: Object
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/inputlist.vue b/zero.Backoffice.UI/old_app/editor/fields/inputlist.vue
deleted file mode 100644
index 7410c2fe..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/inputlist.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-  <ui-input-list :value="value" @input="$emit('input', $event)" :add-label="addLabel" :disabled="disabled" 
-                 :max-items="limit"
-                 :inline="true" :max-length="maxItemLength" />
-</template>
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: Array,
-        default: () => []
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      limit: {
-        type: Number,
-        default: 10
-      },
-      maxItemLength: {
-        type: Number,
-        default: 10
-      },
-      addLabel: {
-        type: String,
-        default: '@ui.add'
-      }
-    },
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/language.vue b/zero.Backoffice.UI/old_app/editor/fields/language.vue
deleted file mode 100644
index f6d85432..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/language.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template>
-  <div class="ui-native-select" :disabled="disabled">
-    <select :value="value" @input="onChange($event)" :disabled="disabled">
-      <option :value="null"></option>
-      <option v-for="item in items" :value="item.id">{{item.name}}</option>
-    </select>
-  </div>
-</template>
-
-
-<script>
-  import LanguagesApi from 'zero/api/languages.js';
-
-  export default {
-    props: {
-      value: {
-        type: String
-      },
-      config: Object,
-      disabled: {
-        type: Boolean,
-        default: false
-      }
-    },
-
-    data: () => ({
-      items: []
-    }),
-
-    mounted()
-    {
-      LanguagesApi.getForPicker().then(res =>
-      {
-        this.items = res;
-      });
-    },
-
-    methods: {
-
-      onChange(e)
-      {
-        this.$emit('input', e.target.value || null);
-      }
-
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/link.vue b/zero.Backoffice.UI/old_app/editor/fields/link.vue
deleted file mode 100644
index 1b885e0a..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/link.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<!--<template>
-  <input :value="url" @input="onChange($event.target.value)" type="text" class="ui-input" :disabled="disabled" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: Object,
-        default: {
-          providerAlias: null,
-          target: 'default',
-          urlSuffix: null,
-          label: null,
-          title: null,
-          values: {
-            url: null
-          }
-        }
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      }
-    },
-
-    data: () => ({
-      url: null
-    }),
-
-    methods: {
-      onChange(value)
-      {
-        this.$emit('input', {
-          values: {
-            url: value
-          }
-        });
-      }
-    }
-  }
-</script>-->
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/linkpicker.vue b/zero.Backoffice.UI/old_app/editor/fields/linkpicker.vue
deleted file mode 100644
index aef0d4ce..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/linkpicker.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-  <ui-linkpicker :config="config" :value="value" @input="$emit('input', $event)" :disabled="disabled" v-bind="{ disabled, limit, title, label, target, suffix, areas }" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: [Object, Array],
-        default: null
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      limit: {
-        type: Number,
-        default: 1
-      },
-      title: {
-        type: Boolean,
-        default: true
-      },
-      label: {
-        type: Boolean,
-        default: false
-      },
-      target: {
-        type: Boolean,
-        default: true
-      },
-      suffix: {
-        type: Boolean,
-        default: false
-      },
-      areas: {
-        type: Array,
-        default: () => []
-      },
-      config: Object
-    },
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/mailtemplatepicker.vue b/zero.Backoffice.UI/old_app/editor/fields/mailtemplatepicker.vue
deleted file mode 100644
index 573beb5b..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/mailtemplatepicker.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-  <ui-mailtemplatepicker :value="value" @input="$emit('input', $event)" :limit="limit" :disabled="disabled" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: [String, Array],
-      disabled: Boolean,
-      limit: {
-        type: Number,
-        default: 1
-      }
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/media.vue b/zero.Backoffice.UI/old_app/editor/fields/media.vue
deleted file mode 100644
index 18e05821..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/media.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-  <ui-mediapicker :config="{ limit, disallowSelect, disallowUpload, fileExtensions, maxFileSize, shared: meta.isShared }" :value="value" @input="$emit('input', $event)" :disabled="disabled" />
-</template>
-
-
-<script>
-  export default {
-    name: 'uiMediaField',
-
-    props: {
-      value: {
-        type: [String, Array],
-        default: null
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      limit: {
-        type: Number,
-        default: 1
-      },
-      disallowSelect: {
-        type: Boolean,
-        default: false
-      },
-      disallowUpload: {
-        type: Boolean,
-        default: false
-      },
-      fileExtensions: {
-        type: Array,
-        default: null
-      },
-      maxFileSize: {
-        type: Number,
-        default: 10
-      },
-      config: Object,
-      meta: Object
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/modules.vue b/zero.Backoffice.UI/old_app/editor/fields/modules.vue
deleted file mode 100644
index e4db9789..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/modules.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <ui-modules :value="value" @input="$emit('input', $event)" :config="config" :tags="tags" :disabled="disabled" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: [String, Object, Array]
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      tags: {
-        type: Array,
-        default: () => []
-      },
-      config: Object
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/nested.vue b/zero.Backoffice.UI/old_app/editor/fields/nested.vue
deleted file mode 100644
index 77fb4784..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/nested.vue
+++ /dev/null
@@ -1,187 +0,0 @@
-<template>
-  <div class="editor-nested" :depth="depth">
-    <div class="ui-pick-previews" v-if="items.length" v-sortable="{ onUpdate: onSortingUpdated }">
-      <div v-for="(item, index) in items" :key="item.id" class="ui-pick-preview">
-        <ui-select-button :icon="getIcon(item)" :label="getName(item)" :description="getDescription(item)" :disabled="disabled" @click="editItem(item)" />
-        <ui-icon-button v-if="!disabled" icon="fth-x" title="@ui.close" @click="removeItem(index)" :disabled="disabled" :size="14" />
-      </div>
-    </div>
-    <ui-select-button v-if="limit > items.length" icon="fth-plus" :label="addLabel || '@ui.add'" @click="addItem" :disabled="disabled" />
-  </div>
-</template>
-
-<script>
-  import UiEditor from 'zero/editor/editor.vue';
-  import UiEditorOverlay from 'zero/editor/editor-overlay.vue';
-  import Overlay from 'zero/helpers/overlay.js';
-  import Editor from 'zero/core/editor.ts';
-  import Strings from 'zero/helpers/strings.js';
-  import Arrays from 'zero/helpers/arrays.js';
-
-  export default {
-
-    name: 'UiEditorFieldNested',
-
-    components: { UiEditor },
-
-    props: {
-      value: [Array, Object],
-      meta: Object,
-      depth: Number,
-      disabled: Boolean,
-      editor: {
-        type: Object,
-        required: true
-      },
-      entity: Object,
-      limit: {
-        type: Number,
-        default: 100
-      },
-      width: {
-        type: Number,
-        default: 820
-      },
-      title: String,
-      addLabel: String,
-      itemLabel: Function,
-      itemDescription: Function,
-      itemIcon: [String, Function],
-      template: {
-        type: Object,
-        required: true
-      }
-    },
-
-    watch: {
-      value: {
-        deep: true,
-        handler(val)
-        {
-          this.setup(val);
-        }
-      }
-    },
-
-
-    data: () => ({
-      items: [],
-      multiple: false
-    }),
-
-
-    mounted()
-    {
-      this.setup(this.value);
-    },
-
-
-    methods: {
-
-      setup(value)
-      {
-        this.items = JSON.parse(JSON.stringify(value)) || [];
-        this.multiple = this.limit > 1;
-        if (!this.multiple)
-        {
-          this.items = this.items ? [this.items] : [];
-        }
-      },
-
-      getNewItem()
-      {
-        return JSON.parse(JSON.stringify(this.template || {}));
-        // TODO we need to set a default ID here so we can sort based on this v-for key.
-        // the problem is we don't know if the object has an ID nor how long it should be. 
-        // It is only generated on the server so we don't have access to it yet.
-        // the v-for key is necessary so the v-sortable works and correctly propagates changes, d'oh.
-      },
-
-      addItem()
-      {
-        if (this.limit <= this.items.length)
-        {
-          return;
-        }
-        this.editItem(this.getNewItem(), true);
-        this.onChange();
-      },
-
-
-      editItem(item, isAdd)
-      {
-        let parentModel = JSON.parse(JSON.stringify(this.entity));
-
-        if (this.meta && this.meta.parentModel)
-        {
-          parentModel.parentModel = this.meta.parentModel;
-        }
-
-        // open editing overlay
-        return Overlay.open({
-          component: UiEditorOverlay,
-          display: 'editor',
-          editor: this.editor,
-          title: this.title || '@ui.edit.title',
-          model: item,
-          width: this.width,
-          parentModel,
-          create: isAdd
-        }).then(value =>
-        {
-          if (isAdd)
-          {
-            this.items.push(value);
-          }
-          else
-          {
-            const index = this.items.indexOf(item);
-            this.removeItem(index);
-            this.items.splice(index, 0, value);
-          }
-          this.onChange();
-        });
-      },
-
-
-      removeItem(index)
-      {
-        this.items.splice(index, 1);
-        this.onChange();
-      },
-
-
-      onChange()
-      {
-        this.$emit('input', this.multiple ? this.items : (this.items.length > 0 ? this.items[0] : null));
-      },
-
-
-      getName(item)
-      {
-        let name = typeof this.itemLabel === 'function' ? this.itemLabel(item) : null;
-        return Strings.htmlToText(name ?? '@ui.item');
-      },
-
-
-      getDescription(item)
-      {
-        return Strings.htmlToText(typeof this.itemDescription === 'function' ? this.itemDescription(item) : '');
-      },
-
-
-      getIcon(item)
-      {
-        return typeof this.itemIcon === 'function' ? this.itemIcon(item) : this.itemIcon;
-      },
-
-
-      onSortingUpdated(ev)
-      {
-        this.items = Arrays.move(this.items, ev.oldIndex, ev.newIndex);
-        this.onChange();
-        //this.$emit('input', this.multiple ? result : (result.length > 0 ? result[0] : null));
-      },
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/number.vue b/zero.Backoffice.UI/old_app/editor/fields/number.vue
deleted file mode 100644
index d972048f..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/number.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-  <input :value="value" @input="onChange($event.target.value)" type="text" class="ui-input" v-placeholder="{ placeholder, model: entity }" :maxlength="maxLength" :disabled="disabled" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: Number,
-      maxLength: Number,
-      placeholder: [String, Function],
-      disabled: Boolean,
-      entity: Object
-    },
-
-    methods: {
-      onChange(value)
-      {
-        var parsedValue = parseFloat(value);
-
-        if (isNaN(parsedValue))
-        {
-          return;
-        }
-
-        this.$emit('input', parsedValue);
-      }
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/output.vue b/zero.Backoffice.UI/old_app/editor/fields/output.vue
deleted file mode 100644
index 788a2fbc..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/output.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-  <span class="ui-property-output" v-localize="output"></span>
-</template>
-
-<script>
-  export default {
-    props: {
-      value: [Object, String, Array, Number, Boolean],
-      entity: Object,
-      render: Function
-    },
-
-    computed: {
-      output()
-      {
-        return typeof this.render === 'function' ? this.render(this.value, this.entity) : this.value;
-      }
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/pagepicker.vue b/zero.Backoffice.UI/old_app/editor/fields/pagepicker.vue
deleted file mode 100644
index 54c997a6..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/pagepicker.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <ui-pagepicker :config="config" :value="value" @input="$emit('input', $event)" :disabled="disabled" :limit="1" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: [String, Array],
-        default: null
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      limit: {
-        type: Number,
-        default: 1
-      },
-      config: Object
-    },
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/password-hash.vue b/zero.Backoffice.UI/old_app/editor/fields/password-hash.vue
deleted file mode 100644
index ef7f9c00..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/password-hash.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<template>
-  <div class="ui-password-hash">
-    <input value="******************" type="text" class="ui-input" readonly="readonly" disabled="disabled" />
-    <ui-button v-if="!disabled" label="change" type="light" @click="open" />
-  </div>
-</template>
-
-
-<script>
-  import Overlay from 'zero/helpers/overlay.js';
-  import PasswordChangeOverlay from 'zero/components/overlays/password-change.vue';
-
-  export default {
-    props: {
-      value: {
-        type: String,
-        default: null
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      placeholder: {
-        type: [String, Function],
-        default: null
-      },
-      entity: Object
-    },
-
-
-    methods: {
-
-      open()
-      {
-        return Overlay.open({
-          component: PasswordChangeOverlay
-        }).then(hash =>
-        {
-          this.$emit('input', hash);
-        });
-      }
-
-    }
-  }
-</script>
-
-<style lang="scss">
-  .ui-password-hash
-  {
-    display: grid;
-    grid-template-columns: 1fr auto;
-    grid-gap: var(--padding-xxs);
-  }
-</style>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/password.vue b/zero.Backoffice.UI/old_app/editor/fields/password.vue
deleted file mode 100644
index a2e215c7..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/password.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-  <input :value="value" @input="$emit('input', $event.target.value)" type="password" class="ui-input" v-placeholder="{ placeholder, model: entity }" :maxlength="maxLength" :disabled="disabled" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: String,
-        default: null
-      },
-      maxLength: {
-        type: Number,
-        default: null
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      placeholder: {
-        type: String,
-        default: null
-      },
-      entity: Object
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/rte.vue b/zero.Backoffice.UI/old_app/editor/fields/rte.vue
deleted file mode 100644
index 78bb7f01..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/rte.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-  <ui-rte :value="value" @input="$emit('input', $event)" :disabled="disabled" v-bind="{ maxLength, placeholder, setup }" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: String,
-        default: null
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      maxLength: {
-        type: Number,
-        default: null
-      },
-      placeholder: {
-        type: String,
-        default: null
-      },
-      setup: {
-        type: Function,
-        default: () => { }
-      },
-      config: Object
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/select.vue b/zero.Backoffice.UI/old_app/editor/fields/select.vue
deleted file mode 100644
index f822af7f..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/select.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<template>
-  <div class="ui-native-select" :disabled="disabled">
-    <select :value="value" @input="onChange" :disabled="disabled">
-      <option v-if="emptyOption"></option>
-      <option v-for="option in options" :value="option.key" v-localize="option.value"></option>
-    </select>
-  </div>
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: [String, Number, Object],
-      items: [Array, Function],
-      entity: {
-        type: Object,
-        required: true
-      },
-      disabled: Boolean,
-      emptyOption: {
-        type: Boolean,
-        default: false
-      }
-    },
-
-    data: () => ({
-      options: []
-    }),
-
-    created()
-    {
-      this.rebuild();
-    },
-
-    watch: {
-      items: {
-        deep: true,
-        handler()
-        {
-          this.rebuild();
-          this.onChange({ target: { value: this.value } });
-        }
-      },
-      entity: {
-        deep: true,
-        handler()
-        {
-          this.rebuild();
-          this.onChange({ target: { value: this.value } });
-        }
-      }
-    },
-
-    methods: {
-      rebuild()
-      {
-        let items = [];
-
-        if (!this.entity || !this.items)
-        {
-          this.options = items;
-          return;
-        }
-
-        if (typeof this.items === 'function')
-        {
-          this.options = this.items(this.entity);
-        }
-        else
-        {
-          this.options = [...this.items];
-        }
-      },
-
-      onChange(ev)
-      {
-        this.$emit('input', ev.target.value ? ev.target.value : null);
-      }
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/spacepicker.vue b/zero.Backoffice.UI/old_app/editor/fields/spacepicker.vue
deleted file mode 100644
index c6726811..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/spacepicker.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-  <ui-spacepicker :value="value" @input="$emit('input', $event)" :limit="limit" :disabled="disabled" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: [String, Array],
-      disabled: Boolean,
-      limit: {
-        type: Number,
-        default: 1
-      }
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/state.vue b/zero.Backoffice.UI/old_app/editor/fields/state.vue
deleted file mode 100644
index 97796e51..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/state.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <ui-state-button :items="items" :value="value" @input="$emit('input', $event)" :disabled="disabled" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: [ String, Number ]
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      items: [Array, Function]
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/static/line.vue b/zero.Backoffice.UI/old_app/editor/fields/static/line.vue
deleted file mode 100644
index f39baecd..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/static/line.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-  <hr style="margin: 50px 0;" />
-</template>
-
-<script>
-  export default {
-    props: {
-      config: Object
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/tags.vue b/zero.Backoffice.UI/old_app/editor/fields/tags.vue
deleted file mode 100644
index 0949a237..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/tags.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <ui-tags :value="value" @input="$emit('input', $event)" :max-items="limit" :max-length="maxItemLength" :disabled="disabled" />
-</template>
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: Array,
-        default: () => []
-      },
-      disabled: Boolean,
-      limit: {
-        type: Number,
-        default: 10
-      },
-      maxItemLength: {
-        type: Number,
-        default: 200
-      }
-    },
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/text.vue b/zero.Backoffice.UI/old_app/editor/fields/text.vue
deleted file mode 100644
index d5d18e2a..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/text.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-  <input :value="value" @input="$emit('input', $event.target.value)" type="text" class="ui-input" v-placeholder="{ placeholder, model: entity }" :maxlength="maxLength" :disabled="disabled" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: String,
-        default: null
-      },
-      maxLength: {
-        type: Number,
-        default: null
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      placeholder: {
-        type: [String, Function],
-        default: null
-      },
-      entity: Object
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/textarea.vue b/zero.Backoffice.UI/old_app/editor/fields/textarea.vue
deleted file mode 100644
index ef253571..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/textarea.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <textarea class="ui-textarea" :value="value" @input="$emit('input', $event.target.value)" rows="3" :disabled="disabled"></textarea>
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: String
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      config: Object
-    },
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/toggle.vue b/zero.Backoffice.UI/old_app/editor/fields/toggle.vue
deleted file mode 100644
index 2a2c9a23..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/toggle.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-  <ui-toggle :value="value" @input="$emit('input', $event)" v-bind="{ disabled, negative, onContent, offContent }" />
-</template>
-
-
-<script>
-  export default {
-    props: {
-      value: Boolean,
-      disabled: Boolean,
-      negative: Boolean,
-      onContent: String,
-      offContent: String
-    }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/old_app/editor/fields/video.vue b/zero.Backoffice.UI/old_app/editor/fields/video.vue
deleted file mode 100644
index 23220763..00000000
--- a/zero.Backoffice.UI/old_app/editor/fields/video.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-  <video-picker :value="value" @input="$emit('input', $event)" :disabled="disabled" v-bind="{ disabled, limit }" title="Select a video" />
-</template>
-
-
-<script>
-  import VideoPicker from 'zero/components/pickers/videoPicker/videopicker.vue';
-
-  export default {
-    props: {
-      value: {
-        type: [Object, Array],
-        default: null
-      },
-      limit: {
-        type: Number,
-        default: 1
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      config: Object
-    },
-
-    components: { VideoPicker }
-  }
-</script>
\ No newline at end of file
diff --git a/zero.Backoffice.UI/package.json b/zero.Backoffice.UI/package.json
index aa654b03..e1e188e9 100644
--- a/zero.Backoffice.UI/package.json
+++ b/zero.Backoffice.UI/package.json
@@ -17,6 +17,7 @@
     "underscore": "^1.13.1",
     "vue": "^3.2.24",
     "vue-router": "^4.0.12",
+    "@vue/compat": "^3.2.24",
     "mitt": "^3.0.0",
     "pinia": "^2.0.6"
   },
diff --git a/zero.Backoffice.UI/vite.config.js b/zero.Backoffice.UI/vite.config.js
index 8a5f58f3..ca3167fb 100644
--- a/zero.Backoffice.UI/vite.config.js
+++ b/zero.Backoffice.UI/vite.config.js
@@ -67,7 +67,20 @@ let config = defineConfig({
       }
     }
   },
-  plugins: [vue(), ...zeroPlugins],
+  resolve: {
+    alias: {
+      vue: '@vue/compat'
+    }
+  },
+  plugins: [vue({
+    template: {
+      compilerOptions: {
+        compatConfig: {
+          MODE: 2
+        }
+      }
+    }
+  }), ...zeroPlugins],
   build: {
     manifest: true,
     outDir: 'dist/zero',
diff --git a/zero.Backoffice/Endpoints/Applications/ApplicationMapperProfile.cs b/zero.Backoffice/Endpoints/Applications/ApplicationMapperProfile.cs
new file mode 100644
index 00000000..8e4b1903
--- /dev/null
+++ b/zero.Backoffice/Endpoints/Applications/ApplicationMapperProfile.cs
@@ -0,0 +1,19 @@
+namespace zero.Backoffice.Endpoints.Applications;
+
+public class ApplicationMapperProfile : ZeroMapperProfile
+{
+  public override void Configure(IZeroMapper mapper)
+  {
+    mapper.Define<Application, ApplicationPresentation>((source, ctx) => new(), Map);
+  }
+
+
+  protected virtual void Map(Application source, ApplicationPresentation target, IZeroMapperContext ctx)
+  {
+    target.Id = source.Id;
+    target.Alias = source.Alias;
+    target.Name = source.Name;
+    target.ImageId = source.IconId.Or(source.ImageId);
+    target.IsActive = source.IsActive;
+  }
+}
\ No newline at end of file
diff --git a/zero.Backoffice/Endpoints/Applications/ApplicationPresentation.cs b/zero.Backoffice/Endpoints/Applications/ApplicationPresentation.cs
new file mode 100644
index 00000000..411c7961
--- /dev/null
+++ b/zero.Backoffice/Endpoints/Applications/ApplicationPresentation.cs
@@ -0,0 +1,12 @@
+namespace zero.Backoffice.Endpoints.Applications;
+
+public class ApplicationPresentation : ZeroIdEntity
+{
+  public string Alias { get; set; }
+
+  public string Name { get; set; }
+
+  public bool IsActive { get; set; } 
+
+  public string ImageId { get; set; }
+}
\ No newline at end of file
diff --git a/zero.Backoffice/Endpoints/Applications/ApplicationsController.cs b/zero.Backoffice/Endpoints/Applications/ApplicationsController.cs
new file mode 100644
index 00000000..7f0ff7f2
--- /dev/null
+++ b/zero.Backoffice/Endpoints/Applications/ApplicationsController.cs
@@ -0,0 +1,22 @@
+using Microsoft.AspNetCore.Mvc;
+using zero.Api.Filters;
+
+namespace zero.Backoffice.Endpoints.Applications;
+
+[ZeroSystemApi]
+public class ApplicationsController : ZeroBackofficeController
+{
+  readonly IApplicationStore Store;
+
+  public ApplicationsController(IApplicationStore store)
+  {
+    Store = store;
+  }
+
+  [HttpGet("")]
+  public virtual async Task<ActionResult<Paged>> Get()
+  {
+    Paged<Application> result = await Store.Load(1, 100);
+    return Mapper.Map<Application, ApplicationPresentation>(result);
+  }
+}
\ No newline at end of file
diff --git a/zero.Backoffice/Endpoints/UI/UIController.cs b/zero.Backoffice/Endpoints/UI/UIController.cs
index 436229a8..7fce37cd 100644
--- a/zero.Backoffice/Endpoints/UI/UIController.cs
+++ b/zero.Backoffice/Endpoints/UI/UIController.cs
@@ -1,6 +1,5 @@
 using Microsoft.AspNetCore.Mvc;
 using System.Collections;
-using zero.Api.Endpoints.Applications;
 using zero.Backoffice.Services;
 
 namespace zero.Backoffice.Endpoints.UI;
diff --git a/zero.Backoffice/Endpoints/UI/UIViewModel.cs b/zero.Backoffice/Endpoints/UI/UIViewModel.cs
index 40767418..bf3d0023 100644
--- a/zero.Backoffice/Endpoints/UI/UIViewModel.cs
+++ b/zero.Backoffice/Endpoints/UI/UIViewModel.cs
@@ -1,4 +1,4 @@
-//using zero.Api.Endpoints.Applications;
+//using zero.Backoffice.Endpoints.Applications;
 
 //namespace zero.Backoffice.Endpoints.UI;
 
diff --git a/zero.Backoffice/Plugin.cs b/zero.Backoffice/Plugin.cs
index 5cbd6c0b..5972fdbf 100644
--- a/zero.Backoffice/Plugin.cs
+++ b/zero.Backoffice/Plugin.cs
@@ -6,6 +6,7 @@ using Microsoft.Extensions.DependencyInjection.Extensions;
 using Microsoft.Extensions.Options;
 using System.IO;
 using zero.Backoffice.Endpoints.Account;
+using zero.Backoffice.Endpoints.Applications;
 using zero.Backoffice.Services;
 
 namespace zero.Backoffice;
@@ -29,6 +30,7 @@ public class ZeroBackofficePlugin : ZeroPlugin
     services.AddHostedService<ZeroDevService>();
     services.AddTransient<IZeroVue, ZeroVue>();
     services.AddSingleton<IMapperProfile, AccountMapperProfile>();
+    services.AddSingleton<IMapperProfile, ApplicationMapperProfile>();
 
     services.AddSingleton<IIconService, IconService>();
     services.AddSingleton<IResourceService, ResourceService>();
diff --git a/zero.Backoffice/Resources/backoffice.tpl.html b/zero.Backoffice/Resources/backoffice.tpl.html
index 3401c4e7..4c008e68 100644
--- a/zero.Backoffice/Resources/backoffice.tpl.html
+++ b/zero.Backoffice/Resources/backoffice.tpl.html
@@ -19,13 +19,6 @@
   <body class="theme-light theme-rounded">
     <div id="app"></div>
     <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">{svg}</svg>
-
-    <script id="zeroconfig" type="application/json">{config}</script>
-    <script>
-      window.__zero = JSON.parse(document.getElementById('zeroconfig').innerHTML);
-      window.zero = window.__zero;
-    </script>
-
     {js}
   </body>
 
diff --git a/zero.Backoffice/ZeroBackofficeControllerModelConvention.cs b/zero.Backoffice/ZeroBackofficeControllerModelConvention.cs
index c0e06d6c..0b22b2fd 100644
--- a/zero.Backoffice/ZeroBackofficeControllerModelConvention.cs
+++ b/zero.Backoffice/ZeroBackofficeControllerModelConvention.cs
@@ -16,7 +16,7 @@ public class ZeroBackofficeControllerModelConvention : ZeroApiControllerModelCon
   readonly bool RuntimeIsAppAware = false;
 
 
-  public ZeroBackofficeControllerModelConvention(string zeroPath, string backofficeApiPath = "backoffice", bool isAppAware = false) : base(zeroPath, backofficeApiPath, isAppAware)
+  public ZeroBackofficeControllerModelConvention(string zeroPath, string backofficeApiPath = "api/backoffice", bool isAppAware = false) : base(zeroPath, backofficeApiPath, isAppAware)
   {
     RuntimeIsAppAware = isAppAware;
     AppAwareRouteModel = BuildRouteModel(zeroPath, backofficeApiPath, true);