From 5e03321eec3132a4aeb95f235db82ddeefa38773 Mon Sep 17 00:00:00 2001
From: Fabio <fabio286@gmail.com>
Date: Tue, 12 May 2020 18:27:31 +0200
Subject: [PATCH] Additions

---
 src/renderer/App.vue                          |  14 +-
 .../components/ModalAskCredentials.vue        |  77 ++++++
 .../components/ModalNewConnection.vue         | 224 ++++++++++++++++++
 .../components/NewConnectionModal.vue         | 190 ---------------
 src/renderer/components/TheSettingBar.vue     |  25 +-
 src/renderer/scss/main.scss                   |  58 +++--
 src/renderer/store/index.js                   |  12 +-
 .../store/modules/application.store.js        |  16 +-
 .../store/modules/connections.store.js        |  24 +-
 static/svg/database.svg                       |   1 -
 static/svg/{msql_server.svg => mssql.svg}     |   2 +-
 static/svg/mysql.svg                          |   2 +-
 static/svg/oracledb.svg                       |   2 +-
 static/svg/oracledb2.svg                      |   1 +
 static/svg/{oracle.svg => oracledb3.svg}      |   2 +-
 static/svg/{postgresql.svg => pg.svg}         |   2 +-
 16 files changed, 418 insertions(+), 234 deletions(-)
 create mode 100644 src/renderer/components/ModalAskCredentials.vue
 create mode 100644 src/renderer/components/ModalNewConnection.vue
 delete mode 100644 src/renderer/components/NewConnectionModal.vue
 delete mode 100644 static/svg/database.svg
 rename static/svg/{msql_server.svg => mssql.svg} (98%)
 create mode 100644 static/svg/oracledb2.svg
 rename static/svg/{oracle.svg => oracledb3.svg} (94%)
 rename static/svg/{postgresql.svg => pg.svg} (96%)

diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index fb6264af..bd607841 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -11,17 +11,17 @@
          <TheAppWelcome @newConn="showNewConnModal" />
       </div>
       <TheFooter />
-      <NewConnectionModal v-if="isNewConnModal" />
+      <ModalNewConnection v-if="isNewConnModal" />
    </div>
 </template>
 
 <script>
-import { mapActions, mapState } from 'vuex';
+import { mapActions, mapGetters } from 'vuex';
 import TheSettingBar from '@/components/TheSettingBar';
 import TheExploreBar from '@/components/TheExploreBar';
 import TheFooter from '@/components/TheFooter';
 import TheAppWelcome from '@/components/TheAppWelcome';
-import NewConnectionModal from '@/components/NewConnectionModal';
+import ModalNewConnection from '@/components/ModalNewConnection';
 
 export default {
    name: 'App',
@@ -30,16 +30,16 @@ export default {
       TheExploreBar,
       TheFooter,
       TheAppWelcome,
-      NewConnectionModal
+      ModalNewConnection
    },
    data () {
       return {
       };
    },
    computed: {
-      ...mapState({
-         isLoading: state => state.application.isLoading,
-         isNewConnModal: state => state.connections.isNewConnModal
+      ...mapGetters({
+         isLoading: 'application/isLoading',
+         isNewConnModal: 'connections/isNewModal'
       })
    },
    methods: {
diff --git a/src/renderer/components/ModalAskCredentials.vue b/src/renderer/components/ModalAskCredentials.vue
new file mode 100644
index 00000000..ab53430a
--- /dev/null
+++ b/src/renderer/components/ModalAskCredentials.vue
@@ -0,0 +1,77 @@
+<template>
+   <div class="modal active modal-sm">
+      <a class="modal-overlay" />
+      <div class="modal-container">
+         <div class="modal-header text-light">
+            <div class="modal-title h6">
+               Credentials
+            </div>
+            <a class="btn btn-clear c-hand" @click="closeModal" />
+         </div>
+         <div class="modal-body">
+            <div class="content">
+               <form class="form-horizontal">
+                  <div class="form-group">
+                     <div class="col-3">
+                        <label class="form-label">User:</label>
+                     </div>
+                     <div class="col-9">
+                        <input
+                           v-model="credentials.user"
+                           class="form-input"
+                           type="text"
+                        >
+                     </div>
+                  </div>
+                  <div class="form-group">
+                     <div class="col-3">
+                        <label class="form-label">Password:</label>
+                     </div>
+                     <div class="col-9">
+                        <input
+                           v-model="credentials.password"
+                           class="form-input"
+                           type="password"
+                        >
+                     </div>
+                  </div>
+               </form>
+            </div>
+         </div>
+         <div class="modal-footer text-light">
+            <button class="btn btn-primary mr-2" @click="sendCredentials">
+               Send
+            </button>
+            <button class="btn btn-link" @click="closeModal">
+               Close
+            </button>
+         </div>
+      </div>
+   </div>
+</template>
+
+<script>
+export default {
+   name: 'ModalAskCredentials',
+   data () {
+      return {
+         credentials: {
+            user: '',
+            password: ''
+         }
+      };
+   },
+   methods: {
+      closeModal () {
+         this.$emit('closeAsking');
+      },
+      sendCredentials () {
+         this.$emit('credentials', this.credentials);
+      }
+   }
+};
+</script>
+
+<style>
+
+</style>
diff --git a/src/renderer/components/ModalNewConnection.vue b/src/renderer/components/ModalNewConnection.vue
new file mode 100644
index 00000000..f9c4d6b7
--- /dev/null
+++ b/src/renderer/components/ModalNewConnection.vue
@@ -0,0 +1,224 @@
+<template>
+   <div class="modal active">
+      <a class="modal-overlay c-hand" @click="closeModal" />
+      <div class="modal-container">
+         <div class="modal-header text-light">
+            <div class="modal-title h6">
+               Create a new connection
+            </div>
+            <a class="btn btn-clear c-hand" @click="closeModal" />
+         </div>
+         <div class="modal-body">
+            <div class="content">
+               <form class="form-horizontal">
+                  <fieldset class="m-0" :disabled="isTesting">
+                     <div class="form-group">
+                        <div class="col-3 col-sm-12">
+                           <label class="form-label">Client:</label>
+                        </div>
+                        <div class="col-9 col-sm-12">
+                           <select v-model="connection.client" class="form-select">
+                              <option value="mysql">
+                                 MySQL/MariaDB
+                              </option>
+                              <option value="mssql">
+                                 Microsoft SQL
+                              </option>
+                              <option value="pg">
+                                 PostgreSQL
+                              </option>
+                              <option value="oracledb">
+                                 Oracle DB
+                              </option>
+                           </select>
+                        </div>
+                     </div>
+                     <div class="form-group">
+                        <div class="col-3 col-sm-12">
+                           <label class="form-label">Host name/IP:</label>
+                        </div>
+                        <div class="col-9 col-sm-12">
+                           <input
+                              v-model="connection.host"
+                              class="form-input"
+                              type="text"
+                           >
+                        </div>
+                     </div>
+                     <div class="form-group">
+                        <div class="col-3 col-sm-12">
+                           <label class="form-label">Port:</label>
+                        </div>
+                        <div class="col-9 col-sm-12">
+                           <input
+                              v-model="connection.port"
+                              class="form-input"
+                              type="number"
+                              min="1"
+                              max="65535"
+                           >
+                        </div>
+                     </div>
+                     <div class="form-group">
+                        <div class="col-3 col-sm-12">
+                           <label class="form-label">User:</label>
+                        </div>
+                        <div class="col-9 col-sm-12">
+                           <input
+                              v-model="connection.user"
+                              class="form-input"
+                              type="text"
+                              :disabled="connection.ask"
+                           >
+                        </div>
+                     </div>
+                     <div class="form-group">
+                        <div class="col-3 col-sm-12">
+                           <label class="form-label">Password:</label>
+                        </div>
+                        <div class="col-9 col-sm-12">
+                           <input
+                              v-model="connection.password"
+                              class="form-input"
+                              type="password"
+                              :disabled="connection.ask"
+                           >
+                        </div>
+                     </div>
+                     <div class="form-group">
+                        <div class="col-3 col-sm-12" />
+                        <div class="col-9 col-sm-12">
+                           <label class="form-checkbox form-inline">
+                              <input v-model="connection.ask" type="checkbox"><i class="form-icon" /> Ask for credentials
+                           </label>
+                        </div>
+                     </div>
+                  </fieldset>
+               </form>
+            </div>
+         </div>
+         <div class="modal-footer text-light">
+            <BaseToast
+               class="mb-2"
+               :message="toast.message"
+               :status="toast.status"
+            />
+            <button
+               class="btn btn-gray mr-2"
+               :class="{'loading': isTesting}"
+               @click="startTest"
+            >
+               Test connection
+            </button>
+            <button class="btn btn-primary mr-2" @click="saveNewConnection">
+               Save
+            </button>
+            <button class="btn btn-link" @click="closeModal">
+               Close
+            </button>
+         </div>
+      </div>
+      <ModalAskCredentials
+         v-if="isAsking"
+         @closeAsking="closeAsking"
+         @credentials="continueTest"
+      />
+   </div>
+</template>
+
+<script>
+import { mapActions } from 'vuex';
+import { ipcRenderer } from 'electron';
+import ModalAskCredentials from '@/components/ModalAskCredentials';
+import BaseToast from '@/components/BaseToast';
+
+export default {
+   name: 'ModalNewConnection',
+   components: {
+      ModalAskCredentials,
+      BaseToast
+   },
+   props: {
+      isOpened: {
+         type: Boolean,
+         default: false
+      }
+   },
+   data () {
+      return {
+         connection: {
+            client: 'mysql',
+            host: '127.0.0.1',
+            port: '3306',
+            user: 'root',
+            password: '',
+            ask: false
+         },
+         toast: {
+            status: '',
+            message: ''
+         },
+         isTesting: false,
+         isAsking: false
+      };
+   },
+   methods: {
+      ...mapActions({
+         closeModal: 'connections/hideNewConnModal',
+         addConnection: 'connections/addConnection'
+      }),
+      async startTest () {
+         this.isTesting = true;
+         this.toast = {
+            status: '',
+            message: ''
+         };
+
+         if (this.connection.ask)
+            this.isAsking = true;
+         else
+            await this.invokeTest(this.connection);
+      },
+      async continueTest (credentials) { // if "Ask for credentials" is true
+         this.isAsking = false;
+         const params = Object.assign({}, this.connection, credentials);
+         await this.invokeTest(params);
+      },
+      invokeTest (params) {
+         return new Promise((resolve, reject) => {
+            ipcRenderer.invoke('testConnection', params).then(res => {
+               if (res.status === 'error') {
+                  this.toast = {
+                     status: 'error',
+                     message: res.response.message
+                  };
+               }
+               else {
+                  this.toast = {
+                     status: 'success',
+                     message: 'Connection successifully made!'
+                  };
+               }
+
+               this.isTesting = false;
+               resolve();
+            });
+         });
+      },
+      saveNewConnection () {
+         this.addConnection(this.connection);
+         this.closeModal();
+      },
+      closeAsking () {
+         this.isAsking = false;
+         this.isTesting = false;
+      }
+   }
+};
+</script>
+
+<style scoped>
+   .modal-container{
+      max-width: 450px;
+   }
+</style>
diff --git a/src/renderer/components/NewConnectionModal.vue b/src/renderer/components/NewConnectionModal.vue
deleted file mode 100644
index 27c32162..00000000
--- a/src/renderer/components/NewConnectionModal.vue
+++ /dev/null
@@ -1,190 +0,0 @@
-<template>
-   <div class="modal active">
-      <a class="modal-overlay c-hand" @click="closeModal" />
-      <div class="modal-container">
-         <div class="modal-header text-light">
-            <div class="modal-title h6">
-               Create a new connection
-            </div>
-            <a class="btn btn-clear c-hand" @click="closeModal" />
-         </div>
-         <div class="modal-body">
-            <div class="content">
-               <form class="form-horizontal">
-                  <div class="form-group">
-                     <div class="col-3 col-sm-12">
-                        <label class="form-label">Client:</label>
-                     </div>
-                     <div class="col-9 col-sm-12">
-                        <select v-model="connection.client" class="form-select">
-                           <option value="mysql">
-                              MySQL/MariaDB
-                           </option>
-                           <option value="mssql">
-                              Microsoft SQL
-                           </option>
-                           <option value="pg">
-                              PostgreSQL
-                           </option>
-                           <option value="oracledb">
-                              Oracle DB
-                           </option>
-                        </select>
-                     </div>
-                  </div>
-                  <div class="form-group">
-                     <div class="col-3 col-sm-12">
-                        <label class="form-label">Host name/IP:</label>
-                     </div>
-                     <div class="col-9 col-sm-12">
-                        <input
-                           v-model="connection.host"
-                           class="form-input"
-                           type="text"
-                        >
-                     </div>
-                  </div>
-                  <div class="form-group">
-                     <div class="col-3 col-sm-12">
-                        <label class="form-label">Port:</label>
-                     </div>
-                     <div class="col-9 col-sm-12">
-                        <input
-                           v-model="connection.port"
-                           class="form-input"
-                           type="number"
-                           min="1"
-                           max="65535"
-                        >
-                     </div>
-                  </div>
-                  <div class="form-group">
-                     <div class="col-3 col-sm-12">
-                        <label class="form-label">User:</label>
-                     </div>
-                     <div class="col-9 col-sm-12">
-                        <input
-                           v-model="connection.user"
-                           class="form-input"
-                           type="text"
-                           :disabled="connection.ask"
-                        >
-                     </div>
-                  </div>
-                  <div class="form-group">
-                     <div class="col-3 col-sm-12">
-                        <label class="form-label">Password:</label>
-                     </div>
-                     <div class="col-9 col-sm-12">
-                        <input
-                           v-model="connection.password"
-                           class="form-input"
-                           type="password"
-                           :disabled="connection.ask"
-                        >
-                     </div>
-                  </div>
-                  <div class="form-group">
-                     <div class="col-3 col-sm-12" />
-                     <div class="col-9 col-sm-12">
-                        <label class="form-checkbox form-inline">
-                           <input v-model="connection.ask" type="checkbox"><i class="form-icon" /> Ask for credentials
-                        </label>
-                     </div>
-                  </div>
-               </form>
-            </div>
-         </div>
-         <div class="modal-footer text-light">
-            <BaseToast
-               class="mb-2"
-               :message="toast.message"
-               :status="toast.status"
-            />
-            <button
-               class="btn btn-gray mr-2"
-               :class="{'loading': isTesting}"
-               @click="testConnection"
-            >
-               Test connection
-            </button>
-            <button class="btn btn-primary mr-2">
-               Save
-            </button>
-            <button class="btn btn-link" @click="closeModal">
-               Close
-            </button>
-         </div>
-      </div>
-   </div>
-</template>
-
-<script>
-import { mapActions } from 'vuex';
-import { ipcRenderer } from 'electron';
-import BaseToast from '@/components/BaseToast';
-
-export default {
-   name: 'NewConnectionModal',
-   components: {
-      BaseToast
-   },
-   props: {
-      isOpened: {
-         type: Boolean,
-         default: false
-      }
-   },
-   data () {
-      return {
-         connection: {
-            client: 'mysql',
-            host: '127.0.0.1',
-            port: '3306',
-            user: 'root',
-            password: '',
-            ask: false
-         },
-         toast: {
-            status: '',
-            message: ''
-         },
-         isTesting: false
-      };
-   },
-   methods: {
-      ...mapActions({
-         closeModal: 'connections/hideNewConnModal'
-      }),
-      testConnection () {
-         this.isTesting = true;
-         this.toast = {
-            status: '',
-            message: ''
-         };
-
-         ipcRenderer.invoke('testConnection', this.connection).then(res => {
-            this.isTesting = false;
-            if (res.status === 'error') {
-               this.toast = {
-                  status: 'error',
-                  message: res.response.message
-               };
-            }
-            else {
-               this.toast = {
-                  status: 'success',
-                  message: 'Connection successifully made!'
-               };
-            }
-         });
-      }
-   }
-};
-</script>
-
-<style scoped>
-   .modal-container{
-      max-width: 450px;
-   }
-</style>
diff --git a/src/renderer/components/TheSettingBar.vue b/src/renderer/components/TheSettingBar.vue
index 18b05044..fbd9f792 100644
--- a/src/renderer/components/TheSettingBar.vue
+++ b/src/renderer/components/TheSettingBar.vue
@@ -2,6 +2,14 @@
    <div id="settingbar" class="container">
       <div class="settingbar-top-elements">
          <ul class="settingbar-elements">
+            <li
+               v-for="(connection, key) in connections"
+               :key="key"
+               class="settingbar-element btn btn-link tooltip tooltip-right p-0"
+               :data-tooltip="`${connection.user}@${connection.host}:${connection.port}`"
+            >
+               <i class="dbi" :class="`dbi-${connection.client}`" />
+            </li>
             <li
                class="settingbar-element btn btn-link tooltip tooltip-right"
                data-tooltip="Add connection"
@@ -23,10 +31,15 @@
 </template>
 
 <script>
-import { mapActions } from 'vuex';
+import { mapActions, mapGetters } from 'vuex';
 
 export default {
    name: 'TheSettingBar',
+   computed: {
+      ...mapGetters({
+         connections: 'connections/getConnections'
+      })
+   },
    methods: {
       ...mapActions({
          showNewConnModal: 'connections/showNewConnModal'
@@ -50,8 +63,18 @@ export default {
 
       .settingbar-elements{
          list-style: none;
+         text-align: center;
          padding: 0;
          margin: 0;
+
+         .settingbar-element{
+            height: initial;
+
+            .settingbar-element-icon{
+               width: 42px;
+            }
+         }
+
       }
    }
 </style>
diff --git a/src/renderer/scss/main.scss b/src/renderer/scss/main.scss
index 93b3d83e..c7ec3a48 100644
--- a/src/renderer/scss/main.scss
+++ b/src/renderer/scss/main.scss
@@ -26,24 +26,50 @@ body{
    align-items: center;
 }
 
-/*Override*/
-.modal-overlay,
-.modal.active .modal-overlay{
-   background: rgba(255, 255, 255, 0.15);
+.dbi{
+   display: inline-block;
+   width: 42px;
+   height: 42px;
+   background-size: cover;
+
+   &.dbi-mysql{
+      background-image: url('/svg/mysql.svg');
+   }
+
+   &.dbi-mssql{
+      background-image: url('/svg/mssql.svg');
+   }
+
+   &.dbi-pg{
+      background-image: url('/svg/pg.svg');
+   }
+
+   &.dbi-oracledb{
+      background-image: url('/svg/oracledb3.svg');
+   }
 }
 
-.modal-container{
-   box-shadow: 0 0 1px 0px #000;
-   padding: 0;
-   background: $bg-color;
-
-   .modal-header{
-      padding: .4rem .8rem;
-      text-transform: uppercase;
-      background: $bg-color-gray;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
+/*Override*/
+.modal{
+   .modal-overlay,
+   &.active .modal-overlay{
+      background: rgba(255, 255, 255, 0.15);
+   }
+   
+   .modal-sm .modal-container,
+   .modal-container{
+      box-shadow: 0 0 1px 0px #000;
+      padding: 0;
+      background: $bg-color;
+   
+      .modal-header{
+         padding: .4rem .8rem;
+         text-transform: uppercase;
+         background: $bg-color-gray;
+         display: flex;
+         justify-content: space-between;
+         align-items: center;
+      }
    }
 }
 
diff --git a/src/renderer/store/index.js b/src/renderer/store/index.js
index 01326bbf..e77b85a4 100644
--- a/src/renderer/store/index.js
+++ b/src/renderer/store/index.js
@@ -2,10 +2,19 @@
 
 import Vue from 'vue';
 import Vuex from 'vuex';
+import VuexPersist from 'vuex-persist';
 
 import application from './modules/application.store';
 import connections from './modules/connections.store';
 
+const vuexLocalStorage = new VuexPersist({
+   key: 'vuex', // The key to store the state on in the storage provider.
+   storage: window.localStorage,
+   reducer: state => ({
+      connections: state.connections.connections
+   })
+});
+
 Vue.use(Vuex);
 
 export default new Vuex.Store({
@@ -13,5 +22,6 @@ export default new Vuex.Store({
    modules: {
       application,
       connections
-   }
+   },
+   plugins: [vuexLocalStorage.plugin]
 });
diff --git a/src/renderer/store/modules/application.store.js b/src/renderer/store/modules/application.store.js
index 4ceff241..a88ea474 100644
--- a/src/renderer/store/modules/application.store.js
+++ b/src/renderer/store/modules/application.store.js
@@ -1,20 +1,24 @@
 'use strict';
 
 export default {
-   namespaced: false,
+   namespaced: true,
    strict: true,
    state: {
-      appName: 'Antares - SQL Client',
-      isLoading: false
+      app_name: 'Antares - SQL Client',
+      is_loading: false
+   },
+   getters: {
+      isLoading: state => state.is_loading,
+      appName: state => state.app_name
    },
    mutations: {
-      setLoadingStatus (state, payload) {
-         state.isLoading = payload;
+      SET_LOADING_STATUS (state, payload) {
+         state.is_loading = payload;
       }
    },
    actions: {
       setLoadingStatus ({ commit }, payload) {
-         commit('setLoadingStatus', payload);
+         commit('SET_LOADING_STATUS', payload);
       }
    }
 };
diff --git a/src/renderer/store/modules/connections.store.js b/src/renderer/store/modules/connections.store.js
index 2dc28804..234dd0e9 100644
--- a/src/renderer/store/modules/connections.store.js
+++ b/src/renderer/store/modules/connections.store.js
@@ -5,23 +5,33 @@ export default {
    strict: true,
    state: {
       connections: [],
-      isNewConnModal: false
+      is_new_modal: false
+   },
+   getters: {
+      getConnections: state => state.connections,
+      isNewModal: state => state.is_new_modal
    },
    mutations: {
-      showNewConnModal (state) {
-         state.isNewConnModal = true;
+      ADD_CONNECTION (state, connection) {
+         state.connections.push(connection);
       },
-      hideNewConnModal (state) {
-         state.isNewConnModal = false;
+      SHOW_NEW_CONNECTION_MODAL (state) {
+         state.is_new_modal = true;
+      },
+      HIDE_NEW_CONNECTION_MODAL (state) {
+         state.is_new_modal = false;
       }
    },
    actions: {
+      addConnection ({ commit }, connection) {
+         commit('ADD_CONNECTION', connection);
+      },
       // Modals
       showNewConnModal ({ commit }) {
-         commit('showNewConnModal');
+         commit('SHOW_NEW_CONNECTION_MODAL');
       },
       hideNewConnModal ({ commit }) {
-         commit('hideNewConnModal');
+         commit('HIDE_NEW_CONNECTION_MODAL');
       }
    }
 };
diff --git a/static/svg/database.svg b/static/svg/database.svg
deleted file mode 100644
index 84254e01..00000000
--- a/static/svg/database.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#444" d="M16 27.534c-5.323 0-9.641-1.44-9.641-3.214v-3.214c0-.279.14-.545.341-.803 1.075 1.384 4.813 2.41 9.301 2.41s8.226-1.026 9.301-2.41c.201.259.34.524.34.803v3.214c0 1.773-4.318 3.214-9.641 3.214zm0-6.428c-5.323 0-9.641-1.441-9.641-3.214v-3.214c0-.17.064-.336.151-.5.049-.103.113-.204.19-.304 1.075 1.383 4.813 2.41 9.301 2.41s8.226-1.027 9.301-2.41c.077.1.141.201.19.304.086.164.151.33.151.5v3.214c0 1.773-4.318 3.214-9.641 3.214zm0-6.427c-5.323 0-9.641-1.44-9.641-3.214V9.858 8.251c0-1.774 4.318-3.214 9.641-3.214s9.641 1.44 9.641 3.214v3.214c0 1.774-4.318 3.214-9.641 3.214zm0-8.034c-3.55 0-6.427.718-6.427 1.607S12.451 9.859 16 9.859c3.55 0 6.427-.718 6.427-1.607S19.549 6.645 16 6.645z"/></svg>
\ No newline at end of file
diff --git a/static/svg/msql_server.svg b/static/svg/mssql.svg
similarity index 98%
rename from static/svg/msql_server.svg
rename to static/svg/mssql.svg
index abae5ef2..a2983ee2 100644
--- a/static/svg/msql_server.svg
+++ b/static/svg/mssql.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#444" d="M18.82 15.507l-4.709 1.536-4.094 1.808-1.147.303a31.428 31.428 0 01-1.887 1.648 7.302 7.302 0 00-.934.926c-.325.405-.58.837-.689 1.168-.197.597-.101 1.202.279 1.761.485.713 1.449 1.438 2.572 1.931.572.252 1.538.576 2.263.759 1.207.305 3.54.636 4.824.685.261.01.607.009.623-.002.028-.019.228-.397.46-.871.79-1.613 1.361-3.125 1.668-4.416.186-.782.331-1.825.425-3.061.026-.346.036-1.501.016-1.894a13.326 13.326 0 00-.179-1.67.43.43 0 01-.011-.147c.013-.011.058-.025.636-.194l-.115-.27zm-1.076.631c.043 0 .157 1.091.186 1.784.006.147.005.241-.004.241-.028 0-.603-.338-1.011-.594a28.29 28.29 0 01-1.139-.757c-.034-.027-.03-.028.261-.128.495-.171 1.669-.547 1.706-.547zm-2.399.788c.03 0 .113.046.309.168.735.46 1.729 1.014 2.155 1.2.132.058.147.035-.157.242-.649.441-1.455.874-2.446 1.314-.173.077-.319.139-.325.139s.013-.088.042-.195c.24-.887.375-1.783.379-2.502.002-.355.002-.357.036-.366l.006-.001zm-.493.188c.021.021.006.817-.02 1.034a8.973 8.973 0 01-.408 1.799c-.014.016-.501-.458-.663-.646a4.828 4.828 0 01-.655-.953c-.081-.159-.21-.475-.198-.483.055-.04 1.93-.765 1.944-.751zm-2.326.917c.004 0 .008.002.01.004a.87.87 0 01.055.129c.113.308.368.766.59 1.058.242.32.557.66.821.886l.175.15c.023.02.03.017-.55.237a47.99 47.99 0 01-2.247.783l-.602.195c-.032.012-.022-.008.071-.154.418-.653 1.051-1.929 1.405-2.832.061-.157.12-.313.13-.349.015-.052.031-.069.079-.091a.136.136 0 01.063-.016zm-.713.294c.009.008-.171.389-.349.736a28.26 28.26 0 01-1.228 2.14c-.087.139-.167.267-.178.282-.018.026-.025.017-.08-.092a3.22 3.22 0 01-.274-.824 3.325 3.325 0 01.019-1.061c.046-.222.044-.217.149-.271.453-.232 1.926-.922 1.941-.909zm6.139.249v.151a19.566 19.566 0 01-.209 2.674c-.022.139-.04.254-.042.255s-.102-.028-.223-.066a9.194 9.194 0 01-1.636-.7c-.346-.19-.847-.497-.833-.511.004-.004.151-.082.328-.174a20.896 20.896 0 001.947-1.142c.218-.145.544-.381.616-.445l.051-.045zm-8.827 1.053c.014-.001.011.027-.012.158a3.815 3.815 0 00-.04.382c-.029.52.056.904.314 1.43.072.146.128.268.125.27-.026.022-2.38.71-3.12.913l-.427.118c-.026.008-.028.002-.019-.058.081-.522.479-1.207 1.036-1.783.37-.383.666-.609 1.17-.897.362-.206.923-.516.964-.532l.008-.001zm5.552.994c.002-.003.089.044.194.104.76.44 1.821.852 2.726 1.059l.082.019-.112.063c-.473.262-2.029.91-3.618 1.506l-.503.19c-.045.018-.08.03-.08.026s.066-.13.146-.28c.446-.834.892-1.848 1.12-2.552.023-.072.044-.132.046-.135zm-.566.185a1.39 1.39 0 01-.062.165c-.31.75-.716 1.568-1.235 2.487-.132.234-.243.425-.247.424s-.111-.064-.238-.142c-.755-.462-1.423-1.031-1.861-1.584l-.063-.078.325-.089a23.093 23.093 0 003.124-1.08c.139-.06.254-.107.256-.104zm3.516 1.228c.002 0 .002.002.002.003 0 .079-.18.811-.329 1.341-.125.445-.231.792-.426 1.408-.086.272-.16.494-.165.493l-.046-.009a14.642 14.642 0 01-2.892-.815 8.216 8.216 0 01-.626-.277 4.68 4.68 0 01.476-.224c1.62-.707 3.299-1.512 3.873-1.857a.413.413 0 01.132-.063zm-8.116.278c.009.008-.445.657-1.078 1.543-.22.308-.479.671-.574.807s-.24.35-.322.477l-.15.231-.159-.134a6.394 6.394 0 01-.663-.675c-.306-.381-.513-.782-.594-1.15-.038-.17-.039-.256-.003-.267.052-.016 1.002-.239 1.894-.446.495-.115 1.068-.249 1.273-.299s.375-.088.377-.086zm.456.174l.115.128a6.641 6.641 0 001.67 1.365c.112.065.198.121.191.126a293.463 293.463 0 01-4.24 1.498.713.713 0 01-.071-.047l-.066-.047.103-.148c.334-.483.753-1.014 1.67-2.118l.629-.757zm2.84 2.03c.003-.003.161.053.354.125.464.173.827.286 1.32.41.605.151 1.478.303 1.996.346.079.007.12.016.107.024-.024.015-.548.19-.933.311-.611.192-2.48.744-4.004 1.183l-.537.153c-.034.007-.153-.024-.153-.04 0-.008.085-.116.189-.24a21.733 21.733 0 001.446-1.944l.216-.328zm-.629.018c.005.005-.248.409-.692 1.108-.188.295-.4.631-.473.747s-.18.291-.237.391l-.104.182-.053-.014a29.485 29.485 0 01-1.265-.447 8.061 8.061 0 01-.828-.381c-.283-.153-.642-.38-.614-.389l1.081-.296c1.56-.425 2.423-.669 2.989-.846.106-.033.194-.058.196-.056zm4.431 1.039h.005c.015.037-.563 1.636-.774 2.143-.047.114-.065.141-.089.14-.06-.003-.897-.12-1.404-.197-.887-.135-2.373-.394-2.748-.48l-.087-.019.532-.12c1.14-.257 1.687-.395 2.242-.564.7-.214 1.394-.482 2.094-.807.111-.052.205-.091.229-.096zm-2.642-21.04c-.079-.009-1.343.446-2.155.776-1.1.447-1.954.875-2.481 1.245-.196.138-.443.385-.479.48a.332.332 0 00-.02.12l.478.451 1.134.362 2.702.483 3.088.531.031-.265a.236.236 0 00-.028-.004l-.407-.064-.083-.145a27.067 27.067 0 01-1.153-2.277 11.936 11.936 0 01-.52-1.434c-.066-.238-.073-.253-.11-.258zm-.059.183h.005c.002.003.017.102.031.221.061.497.172.98.346 1.499.131.391.133.368-.023.325-.363-.101-1.99-.381-3.167-.544a9.002 9.002 0 01-.35-.052c-.015-.015.849-.468 1.232-.646.491-.229 1.829-.785 1.926-.803zm-3.43 1.593l.138.047c.756.257 2.65.619 3.697.706.118.01.217.02.22.023s-.097.056-.223.119c-.505.253-1.061.561-1.446.802-.113.071-.216.128-.23.127s-.088-.013-.166-.026l-.142-.023-.357-.347a190.11 190.11 0 00-1.307-1.255l-.184-.173zm-.14.112l.5.625c.275.344.552.685.613.758s.109.136.106.138c-.014.01-.725-.128-1.102-.215a8.243 8.243 0 01-.786-.208l-.195-.063.001-.048c.002-.24.305-.594.818-.956l.046-.031zm4.262.851c.015.001.031.032.075.129.121.266.499.987.591 1.126.03.046.078.049-.424-.032-1.205-.195-1.595-.26-1.595-.267 0-.005.036-.028.08-.053.373-.208.75-.469 1.085-.751l.171-.144c.006-.005.011-.008.016-.007zm-5.726-.286s-.078.124-.004.308c.046.114.183.251.334.396 0 0 1.582 1.543 1.775 1.767.876 1.011 1.257 2.007 1.292 3.382.023.882-.148 1.658-.561 2.559-.741 1.615-2.301 3.397-4.711 5.378l.354-.117c.227-.17.536-.352 1.265-.751 1.677-.918 3.561-1.762 5.875-2.631 3.329-1.251 8.806-2.719 11.922-3.196l.325-.05-.05-.078a10.567 10.567 0 00-.713-1.005c-.683-.845-1.511-1.535-2.525-2.102-1.393-.78-3.2-1.386-5.484-1.84a66.623 66.623 0 00-2.147-.368c-1.63-.254-2.681-.426-3.843-.628-.416-.072-1.038-.177-1.451-.266a8.897 8.897 0 01-.941-.253c-.262-.103-.632-.203-.71-.504zm.917.89a1.03 1.03 0 01.134.041c.133.045.31.098.515.156.144.04.302.082.469.125.214.055.391.102.393.104.024.027.383 1.174.506 1.614.047.168.082.308.079.311s-.043-.059-.088-.137c-.416-.731-1.074-1.475-1.836-2.073a3.043 3.043 0 01-.172-.141zm1.752.484c.018-.001.097.012.191.033.606.134 1.689.343 2.385.46.116.02.211.041.211.047s-.043.034-.096.06c-.117.059-.59.342-.748.448-.395.264-.75.547-1.008.804-.104.103-.191.188-.194.188s-.021-.06-.04-.134a11.895 11.895 0 00-.636-1.742 1.71 1.71 0 01-.07-.162l.004-.002zm3.083.586c.02.007.059.127.127.395a5.94 5.94 0 01.171 1.629 3.3 3.3 0 01-.021.308l-.011.037-.184-.06a46.777 46.777 0 00-1.53-.451 6.934 6.934 0 01-.549-.165c0-.022.44-.462.629-.629.361-.32 1.334-1.076 1.368-1.064zm.245.035c.011-.01 1.473.243 2.137.37.495.095 1.212.245 1.255.263.021.009-.053.049-.291.156-.941.424-1.638.803-2.331 1.267-.183.122-.334.222-.337.222s-.006-.102-.006-.226a4.998 4.998 0 00-.383-1.934.599.599 0 01-.044-.118zm3.78.748c.011.011-.037.3-.078.47-.129.53-.472 1.317-.895 2.056-.075.13-.141.239-.149.241s-.104-.048-.214-.112a11.354 11.354 0 00-1.396-.683 4.282 4.282 0 01-.272-.118c-.023-.022 1.12-.779 1.726-1.142.485-.291 1.265-.726 1.279-.712zm.27.042c.033 0 .681.177 1.017.277.835.25 1.799.602 2.423.886l.26.118-.183.042c-1.529.351-2.84.757-4.102 1.269-.105.043-.196.078-.203.078s.027-.081.074-.18c.379-.806.625-1.652.688-2.37.006-.065.018-.118.026-.118zm-6.445 1.482c.01-.01.504.105.773.181.405.114 1.266.402 1.266.424 0 .004-.095.087-.211.184-.465.389-.914.797-1.452 1.316-.159.154-.295.279-.302.279s-.01-.023-.006-.05c.081-.598.064-1.366-.049-2.147a1.21 1.21 0 01-.019-.187zm10.392.009c.007.007-.229.377-.376.588-.215.307-.526.711-1.235 1.603l-.934 1.177c-.142.179-.26.326-.264.326s-.049-.064-.101-.142a7.436 7.436 0 00-1.44-1.592c-.106-.088-.225-.184-.264-.214s-.072-.057-.072-.061c0-.01.604-.269 1.065-.457.803-.327 1.9-.718 2.721-.97.433-.133.893-.265.9-.258zm.273.072a.908.908 0 01.203.098 12.033 12.033 0 013.025 2.458c-.002.001-.162.014-.356.028-1.499.113-3.415.431-5.259.875-.125.03-.234.055-.241.055s.13-.138.305-.305c1.083-1.041 1.578-1.699 2.159-2.874.087-.175.16-.326.163-.335l.002-.001zm-7.921.812c.049.011.511.226.86.401.319.16.802.417.826.439.003.003-.167.092-.378.197-.669.335-1.242.65-1.84 1.016-.171.104-.313.19-.318.19-.015 0-.009-.013.086-.188.319-.583.575-1.28.723-1.96.013-.061.029-.098.04-.095zm-.466.083c.01.01-.11.45-.186.685a8.917 8.917 0 01-.818 1.771l-.088.144-.2-.193a2.642 2.642 0 00-.662-.489.95.95 0 01-.172-.101c-.001-.029.607-.582 1.075-.978.335-.284 1.042-.849 1.05-.84zm2.829 1.163l.174.113a13.8 13.8 0 011.229.906c.201.168.593.518.673.603l.043.045-.288.08c-1.63.452-2.89.855-4.359 1.395-.163.06-.304.11-.314.11-.02 0-.04.019.326-.319.94-.865 1.77-1.818 2.391-2.745l.125-.188zm-.743.187c.008.008-.482.695-.773 1.083a47.132 47.132 0 01-1.396 1.744c-.178.211-.331.386-.34.389s-.015-.049-.015-.13a2.993 2.993 0 00-.302-1.281c-.081-.165-.095-.204-.078-.22.067-.061 1.104-.652 1.758-1.002.449-.241 1.138-.591 1.147-.582zm-4.496 1.101a3.933 3.933 0 01.796.507c.007.006-.086.082-.207.169-.337.243-.851.631-1.148.868-.314.25-.324.257-.289.203a6.43 6.43 0 00.477-.823 6.55 6.55 0 00.297-.744.68.68 0 01.075-.18zm1.198.94c.016-.002.039.028.136.172.203.303.358.707.398 1.037l.008.071-.486.188c-.873.339-1.677.673-2.219.921-.152.07-.42.198-.595.285s-.318.156-.318.153c0-.004.11-.086.244-.184 1.065-.773 1.984-1.62 2.676-2.467a2.23 2.23 0 01.15-.174c.002-.002.004-.002.007-.002zm-.553.137c.014.014-.393.475-.667.754a11.807 11.807 0 01-2.21 1.784l-.214.135c-.023.014.007-.021.378-.424.233-.254.412-.465.614-.728.133-.173.159-.198.355-.339.527-.38 1.731-1.196 1.745-1.182z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#fff" d="M18.82 15.507l-4.709 1.536-4.094 1.808-1.147.303a31.428 31.428 0 01-1.887 1.648 7.302 7.302 0 00-.934.926c-.325.405-.58.837-.689 1.168-.197.597-.101 1.202.279 1.761.485.713 1.449 1.438 2.572 1.931.572.252 1.538.576 2.263.759 1.207.305 3.54.636 4.824.685.261.01.607.009.623-.002.028-.019.228-.397.46-.871.79-1.613 1.361-3.125 1.668-4.416.186-.782.331-1.825.425-3.061.026-.346.036-1.501.016-1.894a13.326 13.326 0 00-.179-1.67.43.43 0 01-.011-.147c.013-.011.058-.025.636-.194l-.115-.27zm-1.076.631c.043 0 .157 1.091.186 1.784.006.147.005.241-.004.241-.028 0-.603-.338-1.011-.594a28.29 28.29 0 01-1.139-.757c-.034-.027-.03-.028.261-.128.495-.171 1.669-.547 1.706-.547zm-2.399.788c.03 0 .113.046.309.168.735.46 1.729 1.014 2.155 1.2.132.058.147.035-.157.242-.649.441-1.455.874-2.446 1.314-.173.077-.319.139-.325.139s.013-.088.042-.195c.24-.887.375-1.783.379-2.502.002-.355.002-.357.036-.366l.006-.001zm-.493.188c.021.021.006.817-.02 1.034a8.973 8.973 0 01-.408 1.799c-.014.016-.501-.458-.663-.646a4.828 4.828 0 01-.655-.953c-.081-.159-.21-.475-.198-.483.055-.04 1.93-.765 1.944-.751zm-2.326.917c.004 0 .008.002.01.004a.87.87 0 01.055.129c.113.308.368.766.59 1.058.242.32.557.66.821.886l.175.15c.023.02.03.017-.55.237a47.99 47.99 0 01-2.247.783l-.602.195c-.032.012-.022-.008.071-.154.418-.653 1.051-1.929 1.405-2.832.061-.157.12-.313.13-.349.015-.052.031-.069.079-.091a.136.136 0 01.063-.016zm-.713.294c.009.008-.171.389-.349.736a28.26 28.26 0 01-1.228 2.14c-.087.139-.167.267-.178.282-.018.026-.025.017-.08-.092a3.22 3.22 0 01-.274-.824 3.325 3.325 0 01.019-1.061c.046-.222.044-.217.149-.271.453-.232 1.926-.922 1.941-.909zm6.139.249v.151a19.566 19.566 0 01-.209 2.674c-.022.139-.04.254-.042.255s-.102-.028-.223-.066a9.194 9.194 0 01-1.636-.7c-.346-.19-.847-.497-.833-.511.004-.004.151-.082.328-.174a20.896 20.896 0 001.947-1.142c.218-.145.544-.381.616-.445l.051-.045zm-8.827 1.053c.014-.001.011.027-.012.158a3.815 3.815 0 00-.04.382c-.029.52.056.904.314 1.43.072.146.128.268.125.27-.026.022-2.38.71-3.12.913l-.427.118c-.026.008-.028.002-.019-.058.081-.522.479-1.207 1.036-1.783.37-.383.666-.609 1.17-.897.362-.206.923-.516.964-.532l.008-.001zm5.552.994c.002-.003.089.044.194.104.76.44 1.821.852 2.726 1.059l.082.019-.112.063c-.473.262-2.029.91-3.618 1.506l-.503.19c-.045.018-.08.03-.08.026s.066-.13.146-.28c.446-.834.892-1.848 1.12-2.552.023-.072.044-.132.046-.135zm-.566.185a1.39 1.39 0 01-.062.165c-.31.75-.716 1.568-1.235 2.487-.132.234-.243.425-.247.424s-.111-.064-.238-.142c-.755-.462-1.423-1.031-1.861-1.584l-.063-.078.325-.089a23.093 23.093 0 003.124-1.08c.139-.06.254-.107.256-.104zm3.516 1.228c.002 0 .002.002.002.003 0 .079-.18.811-.329 1.341-.125.445-.231.792-.426 1.408-.086.272-.16.494-.165.493l-.046-.009a14.642 14.642 0 01-2.892-.815 8.216 8.216 0 01-.626-.277 4.68 4.68 0 01.476-.224c1.62-.707 3.299-1.512 3.873-1.857a.413.413 0 01.132-.063zm-8.116.278c.009.008-.445.657-1.078 1.543-.22.308-.479.671-.574.807s-.24.35-.322.477l-.15.231-.159-.134a6.394 6.394 0 01-.663-.675c-.306-.381-.513-.782-.594-1.15-.038-.17-.039-.256-.003-.267.052-.016 1.002-.239 1.894-.446.495-.115 1.068-.249 1.273-.299s.375-.088.377-.086zm.456.174l.115.128a6.641 6.641 0 001.67 1.365c.112.065.198.121.191.126a293.463 293.463 0 01-4.24 1.498.713.713 0 01-.071-.047l-.066-.047.103-.148c.334-.483.753-1.014 1.67-2.118l.629-.757zm2.84 2.03c.003-.003.161.053.354.125.464.173.827.286 1.32.41.605.151 1.478.303 1.996.346.079.007.12.016.107.024-.024.015-.548.19-.933.311-.611.192-2.48.744-4.004 1.183l-.537.153c-.034.007-.153-.024-.153-.04 0-.008.085-.116.189-.24a21.733 21.733 0 001.446-1.944l.216-.328zm-.629.018c.005.005-.248.409-.692 1.108-.188.295-.4.631-.473.747s-.18.291-.237.391l-.104.182-.053-.014a29.485 29.485 0 01-1.265-.447 8.061 8.061 0 01-.828-.381c-.283-.153-.642-.38-.614-.389l1.081-.296c1.56-.425 2.423-.669 2.989-.846.106-.033.194-.058.196-.056zm4.431 1.039h.005c.015.037-.563 1.636-.774 2.143-.047.114-.065.141-.089.14-.06-.003-.897-.12-1.404-.197-.887-.135-2.373-.394-2.748-.48l-.087-.019.532-.12c1.14-.257 1.687-.395 2.242-.564.7-.214 1.394-.482 2.094-.807.111-.052.205-.091.229-.096zm-2.642-21.04c-.079-.009-1.343.446-2.155.776-1.1.447-1.954.875-2.481 1.245-.196.138-.443.385-.479.48a.332.332 0 00-.02.12l.478.451 1.134.362 2.702.483 3.088.531.031-.265a.236.236 0 00-.028-.004l-.407-.064-.083-.145a27.067 27.067 0 01-1.153-2.277 11.936 11.936 0 01-.52-1.434c-.066-.238-.073-.253-.11-.258zm-.059.183h.005c.002.003.017.102.031.221.061.497.172.98.346 1.499.131.391.133.368-.023.325-.363-.101-1.99-.381-3.167-.544a9.002 9.002 0 01-.35-.052c-.015-.015.849-.468 1.232-.646.491-.229 1.829-.785 1.926-.803zm-3.43 1.593l.138.047c.756.257 2.65.619 3.697.706.118.01.217.02.22.023s-.097.056-.223.119c-.505.253-1.061.561-1.446.802-.113.071-.216.128-.23.127s-.088-.013-.166-.026l-.142-.023-.357-.347a190.11 190.11 0 00-1.307-1.255l-.184-.173zm-.14.112l.5.625c.275.344.552.685.613.758s.109.136.106.138c-.014.01-.725-.128-1.102-.215a8.243 8.243 0 01-.786-.208l-.195-.063.001-.048c.002-.24.305-.594.818-.956l.046-.031zm4.262.851c.015.001.031.032.075.129.121.266.499.987.591 1.126.03.046.078.049-.424-.032-1.205-.195-1.595-.26-1.595-.267 0-.005.036-.028.08-.053.373-.208.75-.469 1.085-.751l.171-.144c.006-.005.011-.008.016-.007zm-5.726-.286s-.078.124-.004.308c.046.114.183.251.334.396 0 0 1.582 1.543 1.775 1.767.876 1.011 1.257 2.007 1.292 3.382.023.882-.148 1.658-.561 2.559-.741 1.615-2.301 3.397-4.711 5.378l.354-.117c.227-.17.536-.352 1.265-.751 1.677-.918 3.561-1.762 5.875-2.631 3.329-1.251 8.806-2.719 11.922-3.196l.325-.05-.05-.078a10.567 10.567 0 00-.713-1.005c-.683-.845-1.511-1.535-2.525-2.102-1.393-.78-3.2-1.386-5.484-1.84a66.623 66.623 0 00-2.147-.368c-1.63-.254-2.681-.426-3.843-.628-.416-.072-1.038-.177-1.451-.266a8.897 8.897 0 01-.941-.253c-.262-.103-.632-.203-.71-.504zm.917.89a1.03 1.03 0 01.134.041c.133.045.31.098.515.156.144.04.302.082.469.125.214.055.391.102.393.104.024.027.383 1.174.506 1.614.047.168.082.308.079.311s-.043-.059-.088-.137c-.416-.731-1.074-1.475-1.836-2.073a3.043 3.043 0 01-.172-.141zm1.752.484c.018-.001.097.012.191.033.606.134 1.689.343 2.385.46.116.02.211.041.211.047s-.043.034-.096.06c-.117.059-.59.342-.748.448-.395.264-.75.547-1.008.804-.104.103-.191.188-.194.188s-.021-.06-.04-.134a11.895 11.895 0 00-.636-1.742 1.71 1.71 0 01-.07-.162l.004-.002zm3.083.586c.02.007.059.127.127.395a5.94 5.94 0 01.171 1.629 3.3 3.3 0 01-.021.308l-.011.037-.184-.06a46.777 46.777 0 00-1.53-.451 6.934 6.934 0 01-.549-.165c0-.022.44-.462.629-.629.361-.32 1.334-1.076 1.368-1.064zm.245.035c.011-.01 1.473.243 2.137.37.495.095 1.212.245 1.255.263.021.009-.053.049-.291.156-.941.424-1.638.803-2.331 1.267-.183.122-.334.222-.337.222s-.006-.102-.006-.226a4.998 4.998 0 00-.383-1.934.599.599 0 01-.044-.118zm3.78.748c.011.011-.037.3-.078.47-.129.53-.472 1.317-.895 2.056-.075.13-.141.239-.149.241s-.104-.048-.214-.112a11.354 11.354 0 00-1.396-.683 4.282 4.282 0 01-.272-.118c-.023-.022 1.12-.779 1.726-1.142.485-.291 1.265-.726 1.279-.712zm.27.042c.033 0 .681.177 1.017.277.835.25 1.799.602 2.423.886l.26.118-.183.042c-1.529.351-2.84.757-4.102 1.269-.105.043-.196.078-.203.078s.027-.081.074-.18c.379-.806.625-1.652.688-2.37.006-.065.018-.118.026-.118zm-6.445 1.482c.01-.01.504.105.773.181.405.114 1.266.402 1.266.424 0 .004-.095.087-.211.184-.465.389-.914.797-1.452 1.316-.159.154-.295.279-.302.279s-.01-.023-.006-.05c.081-.598.064-1.366-.049-2.147a1.21 1.21 0 01-.019-.187zm10.392.009c.007.007-.229.377-.376.588-.215.307-.526.711-1.235 1.603l-.934 1.177c-.142.179-.26.326-.264.326s-.049-.064-.101-.142a7.436 7.436 0 00-1.44-1.592c-.106-.088-.225-.184-.264-.214s-.072-.057-.072-.061c0-.01.604-.269 1.065-.457.803-.327 1.9-.718 2.721-.97.433-.133.893-.265.9-.258zm.273.072a.908.908 0 01.203.098 12.033 12.033 0 013.025 2.458c-.002.001-.162.014-.356.028-1.499.113-3.415.431-5.259.875-.125.03-.234.055-.241.055s.13-.138.305-.305c1.083-1.041 1.578-1.699 2.159-2.874.087-.175.16-.326.163-.335l.002-.001zm-7.921.812c.049.011.511.226.86.401.319.16.802.417.826.439.003.003-.167.092-.378.197-.669.335-1.242.65-1.84 1.016-.171.104-.313.19-.318.19-.015 0-.009-.013.086-.188.319-.583.575-1.28.723-1.96.013-.061.029-.098.04-.095zm-.466.083c.01.01-.11.45-.186.685a8.917 8.917 0 01-.818 1.771l-.088.144-.2-.193a2.642 2.642 0 00-.662-.489.95.95 0 01-.172-.101c-.001-.029.607-.582 1.075-.978.335-.284 1.042-.849 1.05-.84zm2.829 1.163l.174.113a13.8 13.8 0 011.229.906c.201.168.593.518.673.603l.043.045-.288.08c-1.63.452-2.89.855-4.359 1.395-.163.06-.304.11-.314.11-.02 0-.04.019.326-.319.94-.865 1.77-1.818 2.391-2.745l.125-.188zm-.743.187c.008.008-.482.695-.773 1.083a47.132 47.132 0 01-1.396 1.744c-.178.211-.331.386-.34.389s-.015-.049-.015-.13a2.993 2.993 0 00-.302-1.281c-.081-.165-.095-.204-.078-.22.067-.061 1.104-.652 1.758-1.002.449-.241 1.138-.591 1.147-.582zm-4.496 1.101a3.933 3.933 0 01.796.507c.007.006-.086.082-.207.169-.337.243-.851.631-1.148.868-.314.25-.324.257-.289.203a6.43 6.43 0 00.477-.823 6.55 6.55 0 00.297-.744.68.68 0 01.075-.18zm1.198.94c.016-.002.039.028.136.172.203.303.358.707.398 1.037l.008.071-.486.188c-.873.339-1.677.673-2.219.921-.152.07-.42.198-.595.285s-.318.156-.318.153c0-.004.11-.086.244-.184 1.065-.773 1.984-1.62 2.676-2.467a2.23 2.23 0 01.15-.174c.002-.002.004-.002.007-.002zm-.553.137c.014.014-.393.475-.667.754a11.807 11.807 0 01-2.21 1.784l-.214.135c-.023.014.007-.021.378-.424.233-.254.412-.465.614-.728.133-.173.159-.198.355-.339.527-.38 1.731-1.196 1.745-1.182z"/></svg>
\ No newline at end of file
diff --git a/static/svg/mysql.svg b/static/svg/mysql.svg
index e6bbcd7a..0223c8d9 100644
--- a/static/svg/mysql.svg
+++ b/static/svg/mysql.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#444" d="M5.082 5.593c-.564.564-.423 1.213.564 2.679.508.761 1.1 1.946 1.326 2.623.226.705.677 1.664.987 2.143.564.79.564.959.197 2.397-.226.902-.31 2.031-.197 2.736.169 1.185 1.128 2.905 1.72 3.102.508.169 1.241-.733 1.269-1.551 0-.705.028-.733.338-.226.536.874 2.228 2.735 2.369 2.594.056-.056-.31-.79-.846-1.607-.508-.846-1.1-1.946-1.325-2.454-.31-.846-.423-.902-.79-.508-.226.226-.508.874-.592 1.466-.226 1.354-.733 1.523-1.128.367s-.395-3.131 0-4.484c.282-.931.254-1.184-.226-1.89-.31-.423-.79-1.438-1.044-2.256-.254-.79-.846-1.974-1.325-2.595-1.1-1.551-1.1-2.115.056-1.89.479.085 1.213.423 1.664.733.423.31 1.156.564 1.607.564 1.354 0 3.723 1.326 5.443 3.046 1.326 1.325 2.002 2.397 3.441 5.302 1.692 3.44 1.833 3.638 2.877 3.976 1.241.423 3.835 2.002 3.835 2.341 0 .113-.649.282-1.438.338-2.115.226-2.313.62-.931 1.861.649.564 1.862 1.438 2.736 1.918l1.579.902-.733-.931c-.423-.508-1.297-1.297-1.974-1.72s-1.213-.874-1.213-.987c0-.113.479-.31 1.072-.395 1.579-.282 2.03-.423 2.03-.705 0-.423-2.848-2.566-4.202-3.159-1.156-.536-1.297-.762-2.792-3.835-1.326-2.82-1.861-3.61-3.553-5.302-2.171-2.171-3.666-3.102-5.584-3.384-.649-.113-1.551-.451-1.946-.733-.931-.705-2.82-.959-3.272-.479z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#fff" d="M5.082 5.593c-.564.564-.423 1.213.564 2.679.508.761 1.1 1.946 1.326 2.623.226.705.677 1.664.987 2.143.564.79.564.959.197 2.397-.226.902-.31 2.031-.197 2.736.169 1.185 1.128 2.905 1.72 3.102.508.169 1.241-.733 1.269-1.551 0-.705.028-.733.338-.226.536.874 2.228 2.735 2.369 2.594.056-.056-.31-.79-.846-1.607-.508-.846-1.1-1.946-1.325-2.454-.31-.846-.423-.902-.79-.508-.226.226-.508.874-.592 1.466-.226 1.354-.733 1.523-1.128.367s-.395-3.131 0-4.484c.282-.931.254-1.184-.226-1.89-.31-.423-.79-1.438-1.044-2.256-.254-.79-.846-1.974-1.325-2.595-1.1-1.551-1.1-2.115.056-1.89.479.085 1.213.423 1.664.733.423.31 1.156.564 1.607.564 1.354 0 3.723 1.326 5.443 3.046 1.326 1.325 2.002 2.397 3.441 5.302 1.692 3.44 1.833 3.638 2.877 3.976 1.241.423 3.835 2.002 3.835 2.341 0 .113-.649.282-1.438.338-2.115.226-2.313.62-.931 1.861.649.564 1.862 1.438 2.736 1.918l1.579.902-.733-.931c-.423-.508-1.297-1.297-1.974-1.72s-1.213-.874-1.213-.987c0-.113.479-.31 1.072-.395 1.579-.282 2.03-.423 2.03-.705 0-.423-2.848-2.566-4.202-3.159-1.156-.536-1.297-.762-2.792-3.835-1.326-2.82-1.861-3.61-3.553-5.302-2.171-2.171-3.666-3.102-5.584-3.384-.649-.113-1.551-.451-1.946-.733-.931-.705-2.82-.959-3.272-.479z"/></svg>
\ No newline at end of file
diff --git a/static/svg/oracledb.svg b/static/svg/oracledb.svg
index eb353c53..6d6478fc 100644
--- a/static/svg/oracledb.svg
+++ b/static/svg/oracledb.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M438.7 408.1c270.6 0 459.4-68.6 459.4-153.1v-91.9C898.1 78.6 709.4 10 438.7 10 168.1 10 10 78.6 10 163.1V255c0 84.6 158.1 153.1 428.7 153.1zM383.2 774.6c-185.9-6.9-294.4-49.3-351.5-106.1C17.1 683 10 698.4 10 714.4v122.5C10 921.5 168.1 990 438.7 990c27.1 0 53.5-.9 79.4-2.2-69.5-50-119.1-125.6-134.9-213.2zM377.6 713c.3-81 29.1-155.2 77-213.1-5.8 0-11.4.1-17.4.1-219.4 0-343.1-45.1-405.6-107.2-14.5 14.5-21.6 29.9-21.6 46v122.5c0 77.9 134.6 142.1 367.6 151.7zM730.1 608.7c-26.9 0-50.1 9.8-69.5 29.3-19.4 19.6-31.3 45.1-35.7 76.8-4.5 31.9.2 57.5 13.7 76.7 13.6 19.3 33.6 28.9 59.8 28.9 28.2 0 51.6-9.3 70.2-27.7 18.6-18.5 30.3-44.2 34.9-77.4 4.7-34 .5-60.3-12.6-78.8-13.2-18.6-33.4-27.8-60.8-27.8z"/><path d="M714.4 438.8c-152.2 0-275.6 123.4-275.6 275.6 0 152.2 123.4 275.6 275.6 275.6C866.6 990 990 866.6 990 714.4c0-152.2-123.4-275.6-275.6-275.6zM840 711.2c-6 42.8-22.2 76.8-48.6 101.9-26.5 25.1-58.9 37.6-97.2 37.6-37.5 0-65.8-12.3-85-37-19.2-24.7-26-56.7-20.5-96.3 5.9-42.6 22.2-76.5 48.7-101.7 26.6-25.2 59.5-37.8 99-37.8 36.7 0 64.5 12.3 83.4 36.9 19 24.9 25.7 56.9 20.2 96.4z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#fff" d="M16 27.534c-5.323 0-9.641-1.44-9.641-3.214v-3.214c0-.279.14-.545.341-.803 1.075 1.384 4.813 2.41 9.301 2.41s8.226-1.026 9.301-2.41c.201.259.34.524.34.803v3.214c0 1.773-4.318 3.214-9.641 3.214zm0-6.428c-5.323 0-9.641-1.441-9.641-3.214v-3.214c0-.17.064-.336.151-.5.049-.103.113-.204.19-.304 1.075 1.383 4.813 2.41 9.301 2.41s8.226-1.027 9.301-2.41c.077.1.141.201.19.304.086.164.151.33.151.5v3.214c0 1.773-4.318 3.214-9.641 3.214zm0-6.427c-5.323 0-9.641-1.44-9.641-3.214V9.858 8.251c0-1.774 4.318-3.214 9.641-3.214s9.641 1.44 9.641 3.214v3.214c0 1.774-4.318 3.214-9.641 3.214zm0-8.034c-3.55 0-6.427.718-6.427 1.607S12.451 9.859 16 9.859c3.55 0 6.427-.718 6.427-1.607S19.549 6.645 16 6.645z"/></svg>
\ No newline at end of file
diff --git a/static/svg/oracledb2.svg b/static/svg/oracledb2.svg
new file mode 100644
index 00000000..75d0c6a8
--- /dev/null
+++ b/static/svg/oracledb2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" fill="#fff"><path d="M438.7 408.1c270.6 0 459.4-68.6 459.4-153.1v-91.9C898.1 78.6 709.4 10 438.7 10 168.1 10 10 78.6 10 163.1V255c0 84.6 158.1 153.1 428.7 153.1zM383.2 774.6c-185.9-6.9-294.4-49.3-351.5-106.1C17.1 683 10 698.4 10 714.4v122.5C10 921.5 168.1 990 438.7 990c27.1 0 53.5-.9 79.4-2.2-69.5-50-119.1-125.6-134.9-213.2zM377.6 713c.3-81 29.1-155.2 77-213.1-5.8 0-11.4.1-17.4.1-219.4 0-343.1-45.1-405.6-107.2-14.5 14.5-21.6 29.9-21.6 46v122.5c0 77.9 134.6 142.1 367.6 151.7zM730.1 608.7c-26.9 0-50.1 9.8-69.5 29.3-19.4 19.6-31.3 45.1-35.7 76.8-4.5 31.9.2 57.5 13.7 76.7 13.6 19.3 33.6 28.9 59.8 28.9 28.2 0 51.6-9.3 70.2-27.7 18.6-18.5 30.3-44.2 34.9-77.4 4.7-34 .5-60.3-12.6-78.8-13.2-18.6-33.4-27.8-60.8-27.8z"/><path d="M714.4 438.8c-152.2 0-275.6 123.4-275.6 275.6 0 152.2 123.4 275.6 275.6 275.6C866.6 990 990 866.6 990 714.4c0-152.2-123.4-275.6-275.6-275.6zM840 711.2c-6 42.8-22.2 76.8-48.6 101.9-26.5 25.1-58.9 37.6-97.2 37.6-37.5 0-65.8-12.3-85-37-19.2-24.7-26-56.7-20.5-96.3 5.9-42.6 22.2-76.5 48.7-101.7 26.6-25.2 59.5-37.8 99-37.8 36.7 0 64.5 12.3 83.4 36.9 19 24.9 25.7 56.9 20.2 96.4z"/></svg>
\ No newline at end of file
diff --git a/static/svg/oracle.svg b/static/svg/oracledb3.svg
similarity index 94%
rename from static/svg/oracle.svg
rename to static/svg/oracledb3.svg
index 7f70e106..c86c46f2 100644
--- a/static/svg/oracle.svg
+++ b/static/svg/oracledb3.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#444" d="M55.387 66.469h8.333l-4.407-7.09-8.088 12.819h-3.681l9.838-15.398c.428-.622 1.14-.998 1.931-.998.765 0 1.478.363 1.892.972l9.876 15.424h-3.681l-1.736-2.865h-8.438l-1.839-2.864zm38.235 2.864v-13.375h-3.123v14.685c0 .402.156.791.454 1.089.298.298.7.466 1.141.466h14.244l1.841-2.865h-14.557zm-51.677-2.397c3.033 0 5.496-2.449 5.496-5.482s-2.462-5.496-5.496-5.496h-13.665v16.241h3.123v-13.377h10.335c1.452 0 2.618 1.18 2.618 2.631s-1.167 2.631-2.618 2.631l-8.806-.013 9.324 8.127h4.538l-6.274-5.263h1.425zm-32.886 5.262c-4.483 0-8.122-3.629-8.122-8.114s3.638-8.127 8.122-8.127h9.439c4.485 0 8.121 3.643 8.121 8.127s-3.636 8.114-8.121 8.114h-9.439zm9.229-2.865c2.905 0 5.258-2.346 5.258-5.249 0-2.903-2.353-5.263-5.258-5.263h-9.021c-2.902 0-5.256 2.359-5.256 5.263 0 2.903 2.354 5.249 5.256 5.249h9.021zm59.314 2.865c-4.484 0-8.126-3.629-8.126-8.114s3.642-8.127 8.126-8.127h11.212l-1.829 2.864h-9.175c-2.904 0-5.264 2.359-5.264 5.263 0 2.903 2.36 5.249 5.264 5.249h11.263l-1.84 2.865h-9.631zm38.197-2.865c-2.397 0-4.433-1.607-5.055-3.824h13.35l1.84-2.864h-15.19c.622-2.203 2.658-3.824 5.055-3.824h9.163l1.854-2.864h-11.225c-4.484 0-8.126 3.643-8.126 8.127s3.642 8.114 8.126 8.114h9.631l1.841-2.865h-11.264"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#fff" d="M55.387 66.469h8.333l-4.407-7.09-8.088 12.819h-3.681l9.838-15.398c.428-.622 1.14-.998 1.931-.998.765 0 1.478.363 1.892.972l9.876 15.424h-3.681l-1.736-2.865h-8.438l-1.839-2.864zm38.235 2.864v-13.375h-3.123v14.685c0 .402.156.791.454 1.089.298.298.7.466 1.141.466h14.244l1.841-2.865h-14.557zm-51.677-2.397c3.033 0 5.496-2.449 5.496-5.482s-2.462-5.496-5.496-5.496h-13.665v16.241h3.123v-13.377h10.335c1.452 0 2.618 1.18 2.618 2.631s-1.167 2.631-2.618 2.631l-8.806-.013 9.324 8.127h4.538l-6.274-5.263h1.425zm-32.886 5.262c-4.483 0-8.122-3.629-8.122-8.114s3.638-8.127 8.122-8.127h9.439c4.485 0 8.121 3.643 8.121 8.127s-3.636 8.114-8.121 8.114h-9.439zm9.229-2.865c2.905 0 5.258-2.346 5.258-5.249 0-2.903-2.353-5.263-5.258-5.263h-9.021c-2.902 0-5.256 2.359-5.256 5.263 0 2.903 2.354 5.249 5.256 5.249h9.021zm59.314 2.865c-4.484 0-8.126-3.629-8.126-8.114s3.642-8.127 8.126-8.127h11.212l-1.829 2.864h-9.175c-2.904 0-5.264 2.359-5.264 5.263 0 2.903 2.36 5.249 5.264 5.249h11.263l-1.84 2.865h-9.631zm38.197-2.865c-2.397 0-4.433-1.607-5.055-3.824h13.35l1.84-2.864h-15.19c.622-2.203 2.658-3.824 5.055-3.824h9.163l1.854-2.864h-11.225c-4.484 0-8.126 3.643-8.126 8.127s3.642 8.114 8.126 8.114h9.631l1.841-2.865h-11.264"/></svg>
\ No newline at end of file
diff --git a/static/svg/postgresql.svg b/static/svg/pg.svg
similarity index 96%
rename from static/svg/postgresql.svg
rename to static/svg/pg.svg
index 580df607..a8db0b8f 100644
--- a/static/svg/postgresql.svg
+++ b/static/svg/pg.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#444" d="M26.741 18.661c-.24-.278-.65-.202-.967-.139-.762.136-1.591.294-2.329-.023 1.318-2.08 2.355-4.351 2.935-6.748.211-.911.374-1.843.343-2.781-.023-.525-.096-1.084-.417-1.519A6.019 6.019 0 0023.092 5.3c-1.585-.43-3.285-.302-4.844.18-.129.026-.256-.032-.382-.048-1.415-.287-2.975-.174-4.202.645-1.473-.53-3.056-.85-4.624-.686-1.166.121-2.337.663-3.006 1.656-.846 1.239-.961 2.821-.826 4.273.272 1.928.742 3.826 1.34 5.677.394 1.154.828 2.317 1.529 3.325.356.495.829.994 1.466 1.072.566.069 1.078-.282 1.425-.698.6-.718 1.217-1.423 1.857-2.105.418.205.872.323 1.336.358-.251.298-.458.687-.858.804-.539.208-1.17.18-1.645.539-.274.196-.287.623-.041.848.445.432 1.101.525 1.693.575a3.21 3.21 0 002.324-.768c-.004 1.334.002 2.672.152 3.999.075.777.41 1.551 1.001 2.074.557.486 1.351.587 2.058.464.694-.132 1.407-.34 1.949-.814.576-.508.822-1.275.936-2.011a93.19 93.19 0 00.514-3.969c1.483.25 3.161-.034 4.269-1.117.237-.223.462-.609.228-.912zM23.45 6.117c.89.338 1.681.925 2.275 1.668.283.355.319.832.337 1.268.013 1.04-.197 2.067-.464 3.067a21.858 21.858 0 01-2.262 5.277 4.38 4.38 0 01-.317.469 60.07 60.07 0 01-.036-.183c.121-.318.298-.618.367-.956.244-.953.038-1.934-.05-2.893-.092-.905.217-1.786.209-2.689.035-.442-.14-.86-.31-1.257-.615-1.375-1.593-2.598-2.848-3.438-.306-.21-.648-.357-.953-.568 1.334-.286 2.765-.25 4.051.234zm-.813 7.719c.078 1.071.389 2.221-.116 3.237-.677-1.347-1.552-2.633-1.857-4.133-.086-.477-.108-1.081.316-1.413.538-.382 1.241-.296 1.863-.258-.027.859-.291 1.702-.205 2.567zm-12.103 6.345c-.243.286-.571.627-.985.542-.484-.14-.792-.582-1.062-.979-.729-1.166-1.168-2.483-1.571-3.79-.451-1.547-.831-3.119-1.05-4.717-.109-1.216-.041-2.52.581-3.603.466-.82 1.335-1.343 2.248-1.514 1.462-.281 2.961.017 4.364.445a6.438 6.438 0 00-1.382 2.358 9.506 9.506 0 00-.466 3.648c.053.867.03 1.738-.091 2.598-.152 1.123.299 2.278 1.133 3.036-.568.664-1.17 1.297-1.72 1.977zm1.28-4.023c-.143-.636.044-1.276.065-1.913.049-.721-.002-1.443-.016-2.164.674-.436 1.462-.777 2.279-.73a.992.992 0 01.915.734c.371 1.477.486 3.121-.225 4.52a13.24 13.24 0 00-.622 1.666c-1.182.012-2.187-.987-2.396-2.112zm3.678 3.954c-.742 1.005-2.227 1.197-3.3.65.529-.245 1.148-.226 1.659-.528.494-.266.69-.851 1.152-1.152.503-.071.87.676.49 1.029zm6.364-1.174c-.282.454-.183 1.008-.252 1.512-.162 1.413-.321 2.828-.551 4.232-.109.673-.395 1.388-1.03 1.723-.651.331-1.407.539-2.139.426-.695-.122-1.133-.77-1.33-1.401-.144-.529-.159-1.082-.2-1.627a50.004 50.004 0 01-.037-3.949c.029-.514-.235-1.049-.694-1.299-.222-.125-.482-.142-.73-.162.195-.967.784-1.802.986-2.768.262-1.195.117-2.439-.151-3.619-.131-.589-.579-1.11-1.175-1.253-.918-.231-1.844.128-2.665.512.104-1.334.461-2.7 1.278-3.783a3.79 3.79 0 012.528-1.473c1.642-.209 3.366.243 4.671 1.27a7.406 7.406 0 012.389 3.304c-.763-.027-1.628-.058-2.245.472-.56.472-.632 1.277-.506 1.953.292 1.608 1.241 2.975 1.941 4.421.186.339.436.635.674.939-.283.143-.599.28-.76.571zm1.964 1.137c-.504.06-1.028.078-1.514-.089.002-.275-.013-.601.208-.806.175-.129.424-.248.626-.107.86.453 1.86.232 2.775.121-.559.544-1.333.798-2.095.881zm-2.642-8.347c-.179.147.014.367.168.436.373.219.884-.087.896-.513-.337-.157-.76-.141-1.065.077zm-6.602.68c.159-.09.327-.337.143-.486-.262-.213-.643-.254-.962-.168-.103.036-.211.106-.19.232.074.428.647.688 1.008.422z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#fff" d="M26.741 18.661c-.24-.278-.65-.202-.967-.139-.762.136-1.591.294-2.329-.023 1.318-2.08 2.355-4.351 2.935-6.748.211-.911.374-1.843.343-2.781-.023-.525-.096-1.084-.417-1.519A6.019 6.019 0 0023.092 5.3c-1.585-.43-3.285-.302-4.844.18-.129.026-.256-.032-.382-.048-1.415-.287-2.975-.174-4.202.645-1.473-.53-3.056-.85-4.624-.686-1.166.121-2.337.663-3.006 1.656-.846 1.239-.961 2.821-.826 4.273.272 1.928.742 3.826 1.34 5.677.394 1.154.828 2.317 1.529 3.325.356.495.829.994 1.466 1.072.566.069 1.078-.282 1.425-.698.6-.718 1.217-1.423 1.857-2.105.418.205.872.323 1.336.358-.251.298-.458.687-.858.804-.539.208-1.17.18-1.645.539-.274.196-.287.623-.041.848.445.432 1.101.525 1.693.575a3.21 3.21 0 002.324-.768c-.004 1.334.002 2.672.152 3.999.075.777.41 1.551 1.001 2.074.557.486 1.351.587 2.058.464.694-.132 1.407-.34 1.949-.814.576-.508.822-1.275.936-2.011a93.19 93.19 0 00.514-3.969c1.483.25 3.161-.034 4.269-1.117.237-.223.462-.609.228-.912zM23.45 6.117c.89.338 1.681.925 2.275 1.668.283.355.319.832.337 1.268.013 1.04-.197 2.067-.464 3.067a21.858 21.858 0 01-2.262 5.277 4.38 4.38 0 01-.317.469 60.07 60.07 0 01-.036-.183c.121-.318.298-.618.367-.956.244-.953.038-1.934-.05-2.893-.092-.905.217-1.786.209-2.689.035-.442-.14-.86-.31-1.257-.615-1.375-1.593-2.598-2.848-3.438-.306-.21-.648-.357-.953-.568 1.334-.286 2.765-.25 4.051.234zm-.813 7.719c.078 1.071.389 2.221-.116 3.237-.677-1.347-1.552-2.633-1.857-4.133-.086-.477-.108-1.081.316-1.413.538-.382 1.241-.296 1.863-.258-.027.859-.291 1.702-.205 2.567zm-12.103 6.345c-.243.286-.571.627-.985.542-.484-.14-.792-.582-1.062-.979-.729-1.166-1.168-2.483-1.571-3.79-.451-1.547-.831-3.119-1.05-4.717-.109-1.216-.041-2.52.581-3.603.466-.82 1.335-1.343 2.248-1.514 1.462-.281 2.961.017 4.364.445a6.438 6.438 0 00-1.382 2.358 9.506 9.506 0 00-.466 3.648c.053.867.03 1.738-.091 2.598-.152 1.123.299 2.278 1.133 3.036-.568.664-1.17 1.297-1.72 1.977zm1.28-4.023c-.143-.636.044-1.276.065-1.913.049-.721-.002-1.443-.016-2.164.674-.436 1.462-.777 2.279-.73a.992.992 0 01.915.734c.371 1.477.486 3.121-.225 4.52a13.24 13.24 0 00-.622 1.666c-1.182.012-2.187-.987-2.396-2.112zm3.678 3.954c-.742 1.005-2.227 1.197-3.3.65.529-.245 1.148-.226 1.659-.528.494-.266.69-.851 1.152-1.152.503-.071.87.676.49 1.029zm6.364-1.174c-.282.454-.183 1.008-.252 1.512-.162 1.413-.321 2.828-.551 4.232-.109.673-.395 1.388-1.03 1.723-.651.331-1.407.539-2.139.426-.695-.122-1.133-.77-1.33-1.401-.144-.529-.159-1.082-.2-1.627a50.004 50.004 0 01-.037-3.949c.029-.514-.235-1.049-.694-1.299-.222-.125-.482-.142-.73-.162.195-.967.784-1.802.986-2.768.262-1.195.117-2.439-.151-3.619-.131-.589-.579-1.11-1.175-1.253-.918-.231-1.844.128-2.665.512.104-1.334.461-2.7 1.278-3.783a3.79 3.79 0 012.528-1.473c1.642-.209 3.366.243 4.671 1.27a7.406 7.406 0 012.389 3.304c-.763-.027-1.628-.058-2.245.472-.56.472-.632 1.277-.506 1.953.292 1.608 1.241 2.975 1.941 4.421.186.339.436.635.674.939-.283.143-.599.28-.76.571zm1.964 1.137c-.504.06-1.028.078-1.514-.089.002-.275-.013-.601.208-.806.175-.129.424-.248.626-.107.86.453 1.86.232 2.775.121-.559.544-1.333.798-2.095.881zm-2.642-8.347c-.179.147.014.367.168.436.373.219.884-.087.896-.513-.337-.157-.76-.141-1.065.077zm-6.602.68c.159-.09.327-.337.143-.486-.262-.213-.643-.254-.962-.168-.103.036-.211.106-.19.232.074.428.647.688 1.008.422z"/></svg>
\ No newline at end of file