From fdcc71cba4c8fd90c27f16ce5ca5984d01141408 Mon Sep 17 00:00:00 2001
From: iz <2131601562@qq.com>
Date: Tue, 1 Oct 2024 18:00:39 +0800
Subject: [PATCH] v8: new FS module!

---
 .github/workflows/compile.yml     |    2 +-
 package.json                      |    2 +-
 src/App.vue                       |   10 +-
 src/action/action.ts              |    7 +-
 src/module/explorer.vue           |    3 +-
 src/module/home.vue               |    6 +-
 src/module/message.vue            |    3 +-
 src/module/setting.vue            |   15 +-
 src/module/tabs.vue               |    8 +-
 src/module/tree.vue               |    3 +-
 src/module/upload.vue             |    8 +-
 src/opener/markdown.vue           |    2 +-
 src/opener/txtreader.vue          |    8 +-
 src/style/{font.scss => font.css} |    0
 src/style/icon.css                |  380 +++++++
 src/style/icon.scss               |    6 +-
 src/utils/fs.ts                   | 1612 ++++++++++++++---------------
 src/utils/pwa.ts                  |   48 -
 18 files changed, 1192 insertions(+), 931 deletions(-)
 rename src/style/{font.scss => font.css} (100%)
 create mode 100644 src/style/icon.css
 delete mode 100644 src/utils/pwa.ts

diff --git a/.github/workflows/compile.yml b/.github/workflows/compile.yml
index 3046f61..7dd8e93 100644
--- a/.github/workflows/compile.yml
+++ b/.github/workflows/compile.yml
@@ -26,7 +26,7 @@ jobs:
       uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node-version }}
-    - run: npm i
+    - run: npm i --dev
     - run: npm run build --if-present
     - run: tar -zcvf release.tgz dist/
     - name: Upload binaries to release
diff --git a/package.json b/package.json
index 6ab66bc..a6a947d 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@imzlh/vlist",
   "version": "5.7.3",
-  "displayName": "vList5",
+  "displayName": "vList",
   "description": "一个全能的现代化的文件管理UI，使用vue3",
   "license": "MIT",
   "keywords": [
diff --git a/src/App.vue b/src/App.vue
index 7e80526..27baa2f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -326,17 +326,15 @@
 		<Command />
 		<!-- 显示选择栏 -->
 		<div class="mobile-tool">
-			<div @click="layout_displayLeft = !layout_displayLeft">
-				<svg viewBox="0 0 16 16">
-					<path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
-				</svg>
-			</div>
+			<div @click="layout_displayLeft = !layout_displayLeft" vs-icon="right"></div>
 		</div>
 	</div>
 </template>
 
 <style lang="scss">
-	@import './style/font.scss';
+	// 全局导入
+	@import './style/font.css';
+	@import './style/icon.css';
 
 	body {
 		margin: 0;
diff --git a/src/action/action.ts b/src/action/action.ts
index 2450ed9..a849ea3 100644
--- a/src/action/action.ts
+++ b/src/action/action.ts
@@ -7,10 +7,9 @@ export const FACTION = {
     action: 'copy' as 'copy' | 'move',
     async exec(dest: vDir): Promise<boolean | number> {
         try{
-            await FS.__request(this.action, {
-                from: this.marked.map(item => item.path),
-                to: dest.path
-            });
+            const origin = this.marked.map(item => item.path);
+            if(this.action == 'copy') FS.copy(origin, dest.path);
+            else FS.move(origin, dest.path);
             await FS.loadPaths([...this.marked.map(item => splitPath(item).dir), dest.path]);
         }catch(e){
             message({
diff --git a/src/module/explorer.vue b/src/module/explorer.vue
index 6df4386..2d9c502 100644
--- a/src/module/explorer.vue
+++ b/src/module/explorer.vue
@@ -43,8 +43,7 @@
         paths = ref<Array<HTMLElement>>([]);
 
     watch(paths, els => els[els.length -1]?.scrollIntoView({
-        'behavior': 'smooth',
-        'block': 'end'
+        'behavior': 'smooth'
     }))
 
     // 延时激活
diff --git a/src/module/home.vue b/src/module/home.vue
index c48e26d..9b7df9e 100644
--- a/src/module/home.vue
+++ b/src/module/home.vue
@@ -40,7 +40,9 @@
 
     const vScroll = {
         updated(el: HTMLElement, data){
-            data.value && el.scrollIntoView();
+            data.value && el.scrollIntoView({
+                behavior: 'smooth'
+            });
         }
     } as Directive;
 
@@ -146,7 +148,7 @@
 </script>
 
 <script lang="ts" setup>
-    import { version, name } from '/package.json';
+    import { version, displayName as name } from '/package.json';
 
     function autoComplete(event: KeyboardEvent){
         if(event.key == 'ArrowUp'){
diff --git a/src/module/message.vue b/src/module/message.vue
index 6feded5..e7a8ebc 100644
--- a/src/module/message.vue
+++ b/src/module/message.vue
@@ -30,7 +30,7 @@
                 <header v-if="item.title">
                     <img v-if="item.icon" :src="item.icon">
                     <span>{{ item.title }}</span>
-                    <i class="close" @click="msg_destroy(i)"></i>
+                    <i class="close" @click="msg_destroy(i)" vs-icon="x"></i>
                 </header>
                 <template v-if="item.content">
                     <div class="body" :data-level="item.type">
@@ -92,7 +92,6 @@
                 font-size: .8rem;
 
                 .close {
-                    content: $icon_right;
                     opacity: .2;
                     width: 1.2em;
 
diff --git a/src/module/setting.vue b/src/module/setting.vue
index 7be7106..13bbfa6 100644
--- a/src/module/setting.vue
+++ b/src/module/setting.vue
@@ -53,9 +53,9 @@
                     <input v-if="item.type == 'text'" v-model="item.value.value" class="right input" type="text">
 
                     <div v-else-if="item.type == 'number'" class="right numinput">
-                        <div class="minus" @pointerdown="click($event, -item.step, item.value)"></div>
+                        <div vs-icon="minus" class="minus" @pointerdown="click($event, -item.step, item.value)"></div>
                         <div class="real">{{ item.value.value }}</div>
-                        <div class="add" @pointerdown="click($event, item.step, item.value)"></div>
+                        <div vs-icon="add" class="add" @pointerdown="click($event, item.step, item.value)"></div>
                     </div>
 
                     <input v-else-if="item.type == 'check'" class="right check" type="checkbox"
@@ -67,7 +67,7 @@
                         :min="item.min" :max="item.max" :step="item.step"
                     >
 
-                    <div v-else-if="item.type == 'object'" class="goto right"></div>
+                    <div v-else-if="item.type == 'object'" vs-icon="right" class="goto right"></div>
 
                     <div v-else class="right choose">
                         <div tabindex="-1">
@@ -255,14 +255,6 @@
                         border-radius: .35rem;
                         flex-grow: 0;
 
-                        >.minus {
-                            content: $icon_min;
-                        }
-
-                        >.add {
-                            content: $icon_add;
-                        }
-
                         >.minus,
                         >.add {
                             height: 1rem;
@@ -279,7 +271,6 @@
                     }
 
                     &.goto {
-                        content: $icon_right;
                         width: .8rem;
                         height: .8rem;
                         flex-grow: 0;
diff --git a/src/module/tabs.vue b/src/module/tabs.vue
index 4459a88..bfa45ad 100644
--- a/src/module/tabs.vue
+++ b/src/module/tabs.vue
@@ -73,7 +73,7 @@
 			>
 				<img :src="data.icon" onerror="this.style.display = 'none';" class="icon">
 				<span>{{ data.name }}</span>
-				<i class="close" @click.stop="delete tabs[i];"></i>
+				<i class="close" vs-icon="x" @click.stop="delete tabs[i];"></i>
 			</div>
 		</template>
 	</TransitionGroup>
@@ -89,7 +89,7 @@
 			<div class="app-meta-header" @click="current = i">
 				<img :src="data.icon" onerror="this.style.display = 'none';" class="icon">
 				<span>{{ data.name }}</span>
-				<i class="close" @click="delete tabs[i];"></i>
+				<i vs-icon="x" class="close" @click="delete tabs[i];"></i>
 			</div>
 			<suspense>
 				<div class="webview" v-if="typeof data.content === 'string'" v-webview="data.content"></div>
@@ -107,8 +107,6 @@
 
 
 <style lang="scss" scoped>
-	@import '@/style/icon.scss';
-
 	.tab {
 		padding: .45rem;
 		display: flex;
@@ -190,7 +188,6 @@
 
 			>i.close{
 				display: none;
-				content: $icon_close;
 				width: 1rem;
 				height: 1rem;
 
@@ -234,7 +231,6 @@
 
 			>i {
 				pointer-events: all;
-				content: $icon_close;
 				position: absolute;
 				top: 1rem;
 				right: 1rem;
diff --git a/src/module/tree.vue b/src/module/tree.vue
index 601fe13..568b3e2 100644
--- a/src/module/tree.vue
+++ b/src/module/tree.vue
@@ -54,8 +54,7 @@
                         const pos = el.getBoundingClientRect().y;
                         if(pos <= UI.fontSize.value * 4.6 || pos >= document.documentElement.clientHeight)
                             el.scrollIntoView({
-                                'behavior': 'smooth',
-                                'block': 'center'
+                                'behavior': 'smooth'
                             });
                         el.classList.add('selected');
                         requestAnimationFrame(() => el.focus());
diff --git a/src/module/upload.vue b/src/module/upload.vue
index a074072..056f0a3 100644
--- a/src/module/upload.vue
+++ b/src/module/upload.vue
@@ -28,14 +28,16 @@
             if(!e.dataTransfer?.files.length) return;
             mouse.show = false;
 
-            FS.upload(e, dir, obj => eque.push(obj));
+            FS.upload(e, dir, {
+                created: obj => eque.push(obj)
+            });
         }
     }
 </script>
 
 <template>
     <div class="upload-wrapper" @dragover.prevent="drag.start" @drop.prevent="drag.end" @dragleave="mouse.show = false">
-        <div class="container" @click="FS.upload(true, dir, obj => eque.push(obj))">
+        <div class="container" @click="FS.upload(null, dir, { created: obj => eque.push(obj) })">
             <div v-for="item in eque" @click.stop="event('select', item.path)">
                 <img :src="getIcon(item.name)" :alt="item.icon">
                 <span class="name">{{ item.name }}</span>
@@ -63,7 +65,7 @@
             </div>
 
             <!-- 添加上传文件 -->
-            <div @click="FS.upload(true, dir, obj => eque.push(obj))">
+            <div @click="FS.upload(null, dir, { created: obj => eque.push(obj) })">
                 <svg viewBox="0 0 16 16">
                     <path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z"/>
                 </svg>
diff --git a/src/opener/markdown.vue b/src/opener/markdown.vue
index 2198976..3659134 100644
--- a/src/opener/markdown.vue
+++ b/src/opener/markdown.vue
@@ -311,7 +311,7 @@
                     <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
                 </svg>
 
-                <Upload :option="FS.__findTree(splitPath(input).dir)" class="after" :active="CFG.upload" @click.stop
+                <Upload :option="FS.stat(splitPath(input).dir)" class="after" :active="CFG.upload" @click.stop
                     @create="plug" @select="plug"
                 />
                 <!-- <div @click.stop class="after" :active="CFG.upload"></div> -->
diff --git a/src/opener/txtreader.vue b/src/opener/txtreader.vue
index 76d1231..b841898 100644
--- a/src/opener/txtreader.vue
+++ b/src/opener/txtreader.vue
@@ -220,8 +220,8 @@
             @click="handleClick" @keypress="handleKbd" @wheel="handleWheel"
             @touchstart="handleTouch" @touchmove="handleTouch" @touchend="handleTouch"
         ></div>
-        <div class="prev" @click="prev"></div>
-        <div class="next" @click="next"></div>
+        <div class="prev" vs-icon="left" @click="prev"></div>
+        <div class="next" vs-icon="right" @click="next"></div>
         <div class="mask" v-show="ui.helper || ui.chapter" @click="ui.helper = ui.chapter = false"></div>
         <div class="helper" v-show="ui.helper">
             <button @click="bookmark.push(endpos! / db!.length)" v-if="cached">
@@ -286,8 +286,6 @@
 </template>
 
 <style lang="scss" >
-    @import "@/style/icon.scss";
-
     @font-face {
         font-family: 'GenJyuuGothic';
         src: url('/font/GenJyuuGothic-Regular.woff2') format('woff2');
@@ -323,12 +321,10 @@
         }
 
         > .prev{
-            content: $icon_left;
             left: 0;
         }
 
         > .next{
-            content: $icon_right;
             right: 0;
         }
 
diff --git a/src/style/font.scss b/src/style/font.css
similarity index 100%
rename from src/style/font.scss
rename to src/style/font.css
diff --git a/src/style/icon.css b/src/style/icon.css
new file mode 100644
index 0000000..7e08302
--- /dev/null
+++ b/src/style/icon.css
@@ -0,0 +1,380 @@
+/** 
+    izLab ICON patch  
+    @copyright 2024 izLab  
+    
+  USAGE:  
+    [bs-icon] The tag of boorstrap icon  
+    [vs-icon] izLab named icon  
+    [font]: as inline character  
+    [rotate]: rotate 180deg  
+    [button]: clickable  
+
+  EXAMPLE:
+     - icon "X" with inline-font and rotate 
+    <i vs-icon="x" font rotate> 
+*/ 
+
+/* ----------------- ARGS ----------------------- */ 
+[bs-icon][rotate], [vs-icon][rotate]{
+    transform: rotateX(180deg);
+}
+
+[bs-icon][font], [vs-icon][font]{
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+}
+
+[bs-icon][button], [vs-icon][button]{
+    display: inline-block;
+    margin: 0 .5em;
+    padding: .35em;
+    border-radius: 2em;
+    width: 1em;
+    height: 1em;
+    transition: all .2s;
+
+    &:hover{
+        background-color: rgba(100, 93, 93, 0.4);
+    }
+}
+
+/* ---------------------- DIRECTION ------------------ */ 
+[bs-icon=arrow-down], [vs-icon=point-down]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAxYS41LjUgMCAwIDEgLjUuNXYxMS43OTNsMy4xNDYtMy4xNDdhLjUuNSAwIDAgMSAuNzA4LjcwOGwtNCA0YS41LjUgMCAwIDEtLjcwOCAwbC00LTRhLjUuNSAwIDAgMSAuNzA4LS43MDhMNy41IDEzLjI5M1YxLjVBLjUuNSAwIDAgMSA4IDF6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=arrow-down-left], [vs-icon=point-left-bottom]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMiAxMy41YS41LjUgMCAwIDAgLjUuNWg2YS41LjUgMCAwIDAgMC0xSDMuNzA3TDEzLjg1NCAyLjg1NGEuNS41IDAgMCAwLS43MDgtLjcwOEwzIDEyLjI5M1Y3LjVhLjUuNSAwIDAgMC0xIDB2NnoiLz4KPC9zdmc+');
+}
+[bs-icon=arrow-down-right], [vs-icon=point-right-bottom]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQgMTMuNWEuNS41IDAgMCAxLS41LjVoLTZhLjUuNSAwIDAgMSAwLTFoNC43OTNMMi4xNDYgMi44NTRhLjUuNSAwIDEgMSAuNzA4LS43MDhMMTMgMTIuMjkzVjcuNWEuNS41IDAgMCAxIDEgMHY2eiIvPgo8L3N2Zz4=');
+}
+[bs-icon=arrow-down-up], [vs-icon=transform]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNSAxNWEuNS41IDAgMCAwIC41LS41VjIuNzA3bDMuMTQ2IDMuMTQ3YS41LjUgMCAwIDAgLjcwOC0uNzA4bC00LTRhLjUuNSAwIDAgMC0uNzA4IDBsLTQgNGEuNS41IDAgMSAwIC43MDguNzA4TDExIDIuNzA3VjE0LjVhLjUuNSAwIDAgMCAuNS41em0tNy0xNGEuNS41IDAgMCAxIC41LjV2MTEuNzkzbDMuMTQ2LTMuMTQ3YS41LjUgMCAwIDEgLjcwOC43MDhsLTQgNGEuNS41IDAgMCAxLS43MDggMGwtNC00YS41LjUgMCAwIDEgLjcwOC0uNzA4TDQgMTMuMjkzVjEuNWEuNS41IDAgMCAxIC41LS41eiIvPgo8L3N2Zz4=');
+}
+[bs-icon=arrow-up], [vs-icon=point-up]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAxNWEuNS41IDAgMCAwIC41LS41VjIuNzA3bDMuMTQ2IDMuMTQ3YS41LjUgMCAwIDAgLjcwOC0uNzA4bC00LTRhLjUuNSAwIDAgMC0uNzA4IDBsLTQgNGEuNS41IDAgMSAwIC43MDguNzA4TDcuNSAyLjcwN1YxNC41YS41LjUgMCAwIDAgLjUuNXoiLz4KPC9zdmc+');
+}
+[bs-icon=arrow-up-left], [vs-icon=point-left-top]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMiAyLjVhLjUuNSAwIDAgMSAuNS0uNWg2YS41LjUgMCAwIDEgMCAxSDMuNzA3bDEwLjE0NyAxMC4xNDZhLjUuNSAwIDAgMS0uNzA4LjcwOEwzIDMuNzA3VjguNWEuNS41IDAgMCAxLTEgMHYtNnoiLz4KPC9zdmc+');
+}
+[bs-icon=arrow-up-right], [vs-icon=point-right-top]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQgMi41YS41LjUgMCAwIDAtLjUtLjVoLTZhLjUuNSAwIDAgMCAwIDFoNC43OTNMMi4xNDYgMTMuMTQ2YS41LjUgMCAwIDAgLjcwOC43MDhMMTMgMy43MDdWOC41YS41LjUgMCAwIDAgMSAwdi02eiIvPgo8L3N2Zz4=');
+}
+[bs-icon=arrow-left], [vs-icon=point-left]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTUgOGEuNS41IDAgMCAwLS41LS41SDIuNzA3bDMuMTQ3LTMuMTQ2YS41LjUgMCAxIDAtLjcwOC0uNzA4bC00IDRhLjUuNSAwIDAgMCAwIC43MDhsNCA0YS41LjUgMCAwIDAgLjcwOC0uNzA4TDIuNzA3IDguNUgxNC41QS41LjUgMCAwIDAgMTUgOHoiLz4KPC9zdmc+');
+}
+[bs-icon=arrow-right], [vs-icon=point-right]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMSA4YS41LjUgMCAwIDEgLjUtLjVoMTEuNzkzbC0zLjE0Ny0zLjE0NmEuNS41IDAgMCAxIC43MDgtLjcwOGw0IDRhLjUuNSAwIDAgMSAwIC43MDhsLTQgNGEuNS41IDAgMCAxLS43MDgtLjcwOEwxMy4yOTMgOC41SDEuNUEuNS41IDAgMCAxIDEgOHoiLz4KPC9zdmc+');
+}
+[bs-icon=caret-right], [vs-icon=small-right]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYgMTIuNzk2VjMuMjA0TDExLjQ4MSA4IDYgMTIuNzk2em0uNjU5Ljc1MyA1LjQ4LTQuNzk2YTEgMSAwIDAgMCAwLTEuNTA2TDYuNjYgMi40NTFDNi4wMTEgMS44ODUgNSAyLjM0NSA1IDMuMjA0djkuNTkyYTEgMSAwIDAgMCAxLjY1OS43NTN6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=caret-down], [vs-icon=small-bottom]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTMuMjA0IDVoOS41OTJMOCAxMC40ODEgMy4yMDQgNXptLS43NTMuNjU5IDQuNzk2IDUuNDhhMSAxIDAgMCAwIDEuNTA2IDBsNC43OTYtNS40OGMuNTY2LS42NDcuMTA2LTEuNjU5LS43NTMtMS42NTlIMy4yMDRhMSAxIDAgMCAwLS43NTMgMS42NTl6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=caret-left], [vs-icon=small-left]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEwIDEyLjc5NlYzLjIwNEw0LjUxOSA4IDEwIDEyLjc5NnptLS42NTkuNzUzLTUuNDgtNC43OTZhMSAxIDAgMCAxIDAtMS41MDZsNS40OC00Ljc5NkExIDEgMCAwIDEgMTEgMy4yMDR2OS41OTJhMSAxIDAgMCAxLTEuNjU5Ljc1M3oiLz4KPC9zdmc+');
+}
+[bs-icon=caret-up], [vs-icon=small-top]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTMuMjA0IDExaDkuNTkyTDggNS41MTkgMy4yMDQgMTF6bS0uNzUzLS42NTkgNC43OTYtNS40OGExIDEgMCAwIDEgMS41MDYgMGw0Ljc5NiA1LjQ4Yy41NjYuNjQ3LjEwNiAxLjY1OS0uNzUzIDEuNjU5SDMuMjA0YTEgMSAwIDAgMS0uNzUzLTEuNjU5eiIvPgo8L3N2Zz4=');
+}
+[bs-icon=chevron-right], [vs-icon=right]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNC42NDYgMS42NDZhLjUuNSAwIDAgMSAuNzA4IDBsNiA2YS41LjUgMCAwIDEgMCAuNzA4bC02IDZhLjUuNSAwIDAgMS0uNzA4LS43MDhMMTAuMjkzIDggNC42NDYgMi4zNTRhLjUuNSAwIDAgMSAwLS43MDh6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=chevron-left], [vs-icon=left]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuMzU0IDEuNjQ2YS41LjUgMCAwIDEgMCAuNzA4TDUuNzA3IDhsNS42NDcgNS42NDZhLjUuNSAwIDAgMS0uNzA4LjcwOGwtNi02YS41LjUgMCAwIDEgMC0uNzA4bDYtNmEuNS41IDAgMCAxIC43MDggMHoiLz4KPC9zdmc+');
+}
+[bs-icon=chevron-up], [vs-icon=top]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBsNiA2YS41LjUgMCAwIDEtLjcwOC43MDhMOCA1LjcwN2wtNS42NDYgNS42NDdhLjUuNSAwIDAgMS0uNzA4LS43MDhsNi02eiIvPgo8L3N2Zz4=');
+}
+[bs-icon=chevron-down], [vs-icon=bottom]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCAxMC4yOTNsNS42NDYtNS42NDdhLjUuNSAwIDAgMSAuNzA4LjcwOGwtNiA2YS41LjUgMCAwIDEtLjcwOCAwbC02LTZhLjUuNSAwIDAgMSAwLS43MDh6Ii8+Cjwvc3ZnPg==');
+}
+
+/* -------------------- UTILS ------------------------- */ 
+[bs-icon=alarm]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTguNSA1LjVhLjUuNSAwIDAgMC0xIDB2My4zNjJsLTEuNDI5IDIuMzhhLjUuNSAwIDEgMCAuODU4LjUxNWwxLjUtMi41QS41LjUgMCAwIDAgOC41IDlWNS41eiIvPjxwYXRoIGQ9Ik02LjUgMGEuNS41IDAgMCAwIDAgMUg3djEuMDdhNy4wMDEgNy4wMDEgMCAwIDAtMy4yNzMgMTIuNDc0bC0uNjAyLjYwMmEuNS41IDAgMCAwIC43MDcuNzA4bC43NDYtLjc0NkE2Ljk3IDYuOTcgMCAwIDAgOCAxNmE2Ljk3IDYuOTcgMCAwIDAgMy40MjItLjg5MmwuNzQ2Ljc0NmEuNS41IDAgMCAwIC43MDctLjcwOGwtLjYwMS0uNjAyQTcuMDAxIDcuMDAxIDAgMCAwIDkgMi4wN1YxaC41YS41LjUgMCAwIDAgMC0xaC0zem0xLjAzOCAzLjAxOGE2LjA5MyA2LjA5MyAwIDAgMSAuOTI0IDAgNiA2IDAgMSAxLS45MjQgMHpNMCAzLjVjMCAuNzUzLjMzMyAxLjQyOS44NiAxLjg4N0E4LjAzNSA4LjAzNSAwIDAgMSA0LjM4NyAxLjg2IDIuNSAyLjUgMCAwIDAgMCAzLjV6TTEzLjUgMWMtLjc1MyAwLTEuNDI5LjMzMy0xLjg4Ny44NmE4LjAzNSA4LjAzNSAwIDAgMSAzLjUyNyAzLjUyN0EyLjUgMi41IDAgMCAwIDEzLjUgMXoiLz48L3N2Zz4n');
+}
+[bs-icon=arrow-clockwise], [vs-icon=rotate]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAzYTUgNSAwIDEgMCA0LjU0NiAyLjkxNC41LjUgMCAwIDEgLjkwOC0uNDE3QTYgNiAwIDEgMSA4IDJ2MXoiLz4KICA8cGF0aCBkPSJNOCA0LjQ2NlYuNTM0YS4yNS4yNSAwIDAgMSAuNDEtLjE5MmwyLjM2IDEuOTY2Yy4xMi4xLjEyLjI4NCAwIC4zODRMOC40MSA0LjY1OEEuMjUuMjUgMCAwIDEgOCA0LjQ2NnoiLz4KPC9zdmc+');
+}
+[bs-icon=arrow-repeat], [vs-icon=reload]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTExLjUzNCA3aDMuOTMyYS4yNS4yNSAwIDAgMSAuMTkyLjQxbC0xLjk2NiAyLjM2YS4yNS4yNSAwIDAgMS0uMzg0IDBsLTEuOTY2LTIuMzZhLjI1LjI1IDAgMCAxIC4xOTItLjQxem0tMTEgMmgzLjkzMmEuMjUuMjUgMCAwIDAgLjE5Mi0uNDFMMi42OTIgNi4yM2EuMjUuMjUgMCAwIDAtLjM4NCAwTC4zNDIgOC41OUEuMjUuMjUgMCAwIDAgLjUzNCA5eiIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTggM2MtMS41NTIgMC0yLjk0LjcwNy0zLjg1NyAxLjgxOGEuNS41IDAgMSAxLS43NzEtLjYzNkE2LjAwMiA2LjAwMiAwIDAgMSAxMy45MTcgN0gxMi45QTUuMDAyIDUuMDAyIDAgMCAwIDggM3pNMy4xIDlhNS4wMDIgNS4wMDIgMCAwIDAgOC43NTcgMi4xODIuNS41IDAgMSAxIC43NzEuNjM2QTYuMDAyIDYuMDAyIDAgMCAxIDIuMDgzIDlIMy4xeiIvPgo8L3N2Zz4=');
+}
+[bs-icon=arrows-angle-contract], [vs-icon=scale-small]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjE3MiAxNS44MjhhLjUuNSAwIDAgMCAuNzA3IDBsNC4wOTYtNC4wOTZWMTQuNWEuNS41IDAgMSAwIDEgMHYtMy45NzVhLjUuNSAwIDAgMC0uNS0uNUgxLjVhLjUuNSAwIDAgMCAwIDFoMi43NjhMLjE3MiAxNS4xMjFhLjUuNSAwIDAgMCAwIC43MDd6TTE1LjgyOC4xNzJhLjUuNSAwIDAgMC0uNzA3IDBsLTQuMDk2IDQuMDk2VjEuNWEuNS41IDAgMSAwLTEgMHYzLjk3NWEuNS41IDAgMCAwIC41LjVIMTQuNWEuNS41IDAgMCAwIDAtMWgtMi43NjhMMTUuODI4Ljg3OWEuNS41IDAgMCAwIDAtLjcwN3oiLz4KPC9zdmc+');
+}
+[bs-icon=arrows-angle-expand], [vs-icon=scale-big]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS44MjggMTAuMTcyYS41LjUgMCAwIDAtLjcwNyAwbC00LjA5NiA0LjA5NlYxMS41YS41LjUgMCAwIDAtMSAwdjMuOTc1YS41LjUgMCAwIDAgLjUuNUg0LjVhLjUuNSAwIDAgMCAwLTFIMS43MzJsNC4wOTYtNC4wOTZhLjUuNSAwIDAgMCAwLS43MDd6bTQuMzQ0LTQuMzQ0YS41LjUgMCAwIDAgLjcwNyAwbDQuMDk2LTQuMDk2VjQuNWEuNS41IDAgMSAwIDEgMFYuNTI1YS41LjUgMCAwIDAtLjUtLjVIMTEuNWEuNS41IDAgMCAwIDAgMWgyLjc2OGwtNC4wOTYgNC4wOTZhLjUuNSAwIDAgMCAwIC43MDd6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=arrows-fullscreen], [vs-icon=fullscreen2]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS44MjggMTAuMTcyYS41LjUgMCAwIDAtLjcwNyAwbC00LjA5NiA0LjA5NlYxMS41YS41LjUgMCAwIDAtMSAwdjMuOTc1YS41LjUgMCAwIDAgLjUuNUg0LjVhLjUuNSAwIDAgMCAwLTFIMS43MzJsNC4wOTYtNC4wOTZhLjUuNSAwIDAgMCAwLS43MDd6bTQuMzQ0IDBhLjUuNSAwIDAgMSAuNzA3IDBsNC4wOTYgNC4wOTZWMTEuNWEuNS41IDAgMSAxIDEgMHYzLjk3NWEuNS41IDAgMCAxLS41LjVIMTEuNWEuNS41IDAgMCAxIDAtMWgyLjc2OGwtNC4wOTYtNC4wOTZhLjUuNSAwIDAgMSAwLS43MDd6bTAtNC4zNDRhLjUuNSAwIDAgMCAuNzA3IDBsNC4wOTYtNC4wOTZWNC41YS41LjUgMCAxIDAgMSAwVi41MjVhLjUuNSAwIDAgMC0uNS0uNUgxMS41YS41LjUgMCAwIDAgMCAxaDIuNzY4bC00LjA5NiA0LjA5NmEuNS41IDAgMCAwIDAgLjcwN3ptLTQuMzQ0IDBhLjUuNSAwIDAgMS0uNzA3IDBMMS4wMjUgMS43MzJWNC41YS41LjUgMCAwIDEtMSAwVi41MjVhLjUuNSAwIDAgMSAuNS0uNUg0LjVhLjUuNSAwIDAgMSAwIDFIMS43MzJsNC4wOTYgNC4wOTZhLjUuNSAwIDAgMSAwIC43MDd6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=aspect-ratio], [vs-icon=aspect]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTAgMy41QTEuNSAxLjUgMCAwIDEgMS41IDJoMTNBMS41IDEuNSAwIDAgMSAxNiAzLjV2OWExLjUgMS41IDAgMCAxLTEuNSAxLjVoLTEzQTEuNSAxLjUgMCAwIDEgMCAxMi41di05ek0xLjUgM2EuNS41IDAgMCAwLS41LjV2OWEuNS41IDAgMCAwIC41LjVoMTNhLjUuNSAwIDAgMCAuNS0uNXYtOWEuNS41IDAgMCAwLS41LS41aC0xM3oiLz4KICA8cGF0aCBkPSJNMiA0LjVhLjUuNSAwIDAgMSAuNS0uNWgzYS41LjUgMCAwIDEgMCAxSDN2Mi41YS41LjUgMCAwIDEtMSAwdi0zem0xMiA3YS41LjUgMCAwIDEtLjUuNWgtM2EuNS41IDAgMCAxIDAtMUgxM1Y4LjVhLjUuNSAwIDAgMSAxIDB2M3oiLz4KPC9zdmc+');
+}
+[bs-icon=back], [vs-icon=layer]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTAgMmEyIDIgMCAwIDEgMi0yaDhhMiAyIDAgMCAxIDIgMnYyaDJhMiAyIDAgMCAxIDIgMnY4YTIgMiAwIDAgMS0yIDJINmEyIDIgMCAwIDEtMi0ydi0ySDJhMiAyIDAgMCAxLTItMlYyem0yLTFhMSAxIDAgMCAwLTEgMXY4YTEgMSAwIDAgMCAxIDFoOGExIDEgMCAwIDAgMS0xVjJhMSAxIDAgMCAwLTEtMUgyeiIvPgo8L3N2Zz4=');
+}
+[bs-icon=bell], [vs-icon=bell]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggMTZhMiAyIDAgMCAwIDItMkg2YTIgMiAwIDAgMCAyIDJ6TTggMS45MThsLS43OTcuMTYxQTQuMDAyIDQuMDAyIDAgMCAwIDQgNmMwIC42MjgtLjEzNCAyLjE5Ny0uNDU5IDMuNzQyLS4xNi43NjctLjM3NiAxLjU2Ni0uNjYzIDIuMjU4aDEwLjI0NGMtLjI4Ny0uNjkyLS41MDItMS40OS0uNjYzLTIuMjU4QzEyLjEzNCA4LjE5NyAxMiA2LjYyOCAxMiA2YTQuMDAyIDQuMDAyIDAgMCAwLTMuMjAzLTMuOTJMOCAxLjkxN3pNMTQuMjIgMTJjLjIyMy40NDcuNDgxLjgwMS43OCAxSDFjLjI5OS0uMTk5LjU1Ny0uNTUzLjc4LTFDMi42OCAxMC4yIDMgNi44OCAzIDZjMC0yLjQyIDEuNzItNC40NCA0LjAwNS00LjkwMWExIDEgMCAxIDEgMS45OSAwQTUuMDAyIDUuMDAyIDAgMCAxIDEzIDZjMCAuODguMzIgNC4yIDEuMjIgNnoiLz4KPC9zdmc+');
+}
+[bs-icon=bell-slash], [vs-icon=no-bell]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTUuMTY0IDE0SDE1Yy0uMjk5LS4xOTktLjU1Ny0uNTUzLS43OC0xLS45LTEuOC0xLjIyLTUuMTItMS4yMi02IDAtLjI2NC0uMDItLjUyMy0uMDYtLjc3NmwtLjkzOC45MzhjLjAyLjcwOC4xNTcgMi4xNTQuNDU3IDMuNTguMTYxLjc2Ny4zNzcgMS41NjYuNjYzIDIuMjU4SDYuMTY0bC0xIDF6bTUuNTgxLTkuOTFhMy45ODYgMy45ODYgMCAwIDAtMS45NDgtMS4wMUw4IDIuOTE3bC0uNzk3LjE2MUE0LjAwMiA0LjAwMiAwIDAgMCA0IDdjMCAuNjI4LS4xMzQgMi4xOTctLjQ1OSAzLjc0Mi0uMDUuMjM4LS4xMDUuNDc5LS4xNjYuNzE4bC0xLjY1MyAxLjY1M2MuMDItLjAzNy4wNC0uMDc0LjA1OS0uMTEzQzIuNjc5IDExLjIgMyA3Ljg4IDMgN2MwLTIuNDIgMS43Mi00LjQ0IDQuMDA1LTQuOTAxYTEgMSAwIDEgMSAxLjk5IDBjLjk0Mi4xOSAxLjc4OC42NDUgMi40NTcgMS4yODRsLS43MDcuNzA3ek0xMCAxNWEyIDIgMCAxIDEtNCAwaDR6bS05LjM3NS42MjVhLjUzLjUzIDAgMCAwIC43NS43NWwxNC43NS0xNC43NWEuNTMuNTMgMCAwIDAtLjc1LS43NUwuNjI1IDE1LjYyNXoiLz4KPC9zdmc+');
+}
+[bs-icon=bookmarks], [vs-icon=bookmark]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTIgNGEyIDIgMCAwIDEgMi0yaDZhMiAyIDAgMCAxIDIgMnYxMS41YS41LjUgMCAwIDEtLjc3Ny40MTZMNyAxMy4xMDFsLTQuMjIzIDIuODE1QS41LjUgMCAwIDEgMiAxNS41VjR6bTItMWExIDEgMCAwIDAtMSAxdjEwLjU2NmwzLjcyMy0yLjQ4MmEuNS41IDAgMCAxIC41NTQgMEwxMSAxNC41NjZWNGExIDEgMCAwIDAtMS0xSDR6Ii8+CiAgPHBhdGggZD0iTTQuMjY4IDFIMTJhMSAxIDAgMCAxIDEgMXYxMS43NjhsLjIyMy4xNDhBLjUuNSAwIDAgMCAxNCAxMy41VjJhMiAyIDAgMCAwLTItMkg2YTIgMiAwIDAgMC0xLjczMiAxeiIvPgo8L3N2Zz4=');
+}
+[bs-icon=box], [vs-icon=box]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguMTg2IDEuMTEzYS41LjUgMCAwIDAtLjM3MiAwTDEuODQ2IDMuNSA4IDUuOTYxIDE0LjE1NCAzLjUgOC4xODYgMS4xMTN6TTE1IDQuMjM5bC02LjUgMi42djcuOTIybDYuNS0yLjZWNC4yNHpNNy41IDE0Ljc2MlY2LjgzOEwxIDQuMjM5djcuOTIzbDYuNSAyLjZ6TTcuNDQzLjE4NGExLjUgMS41IDAgMCAxIDEuMTE0IDBsNy4xMjkgMi44NTJBLjUuNSAwIDAgMSAxNiAzLjV2OC42NjJhMSAxIDAgMCAxLS42MjkuOTI4bC03LjE4NSAyLjg3NGEuNS41IDAgMCAxLS4zNzIgMEwuNjMgMTMuMDlhMSAxIDAgMCAxLS42My0uOTI4VjMuNWEuNS41IDAgMCAxIC4zMTQtLjQ2NEw3LjQ0My4xODR6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=box-arrow-in-down-left], [vs-icon=import]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42MzYgMi41YS41LjUgMCAwIDAtLjUtLjVIMi41QTEuNSAxLjUgMCAwIDAgMSAzLjV2MTBBMS41IDEuNSAwIDAgMCAyLjUgMTVoMTBhMS41IDEuNSAwIDAgMCAxLjUtMS41VjYuODY0YS41LjUgMCAwIDAtMSAwVjEzLjVhLjUuNSAwIDAgMS0uNS41aC0xMGEuNS41IDAgMCAxLS41LS41di0xMGEuNS41IDAgMCAxIC41LS41aDYuNjM2YS41LjUgMCAwIDAgLjUtLjV6Ii8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNSAxMC41YS41LjUgMCAwIDAgLjUuNWg1YS41LjUgMCAwIDAgMC0xSDYuNzA3bDguMTQ3LTguMTQ2YS41LjUgMCAwIDAtLjcwOC0uNzA4TDYgOS4yOTNWNS41YS41LjUgMCAwIDAtMSAwdjV6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=box-arrow-up-left], [vs-icon=export]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4zNjQgMy41YS41LjUgMCAwIDEgLjUtLjVIMTQuNUExLjUgMS41IDAgMCAxIDE2IDQuNXYxMGExLjUgMS41IDAgMCAxLTEuNSAxLjVoLTEwQTEuNSAxLjUgMCAwIDEgMyAxNC41VjcuODY0YS41LjUgMCAxIDEgMSAwVjE0LjVhLjUuNSAwIDAgMCAuNS41aDEwYS41LjUgMCAwIDAgLjUtLjV2LTEwYS41LjUgMCAwIDAtLjUtLjVINy44NjRhLjUuNSAwIDAgMS0uNS0uNXoiLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIC41QS41LjUgMCAwIDEgLjUgMGg1YS41LjUgMCAwIDEgMCAxSDEuNzA3bDguMTQ3IDguMTQ2YS41LjUgMCAwIDEtLjcwOC43MDhMMSAxLjcwN1Y1LjVhLjUuNSAwIDAgMS0xIDB2LTV6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=brightness-high], [vs-icon=light]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggMTFhMyAzIDAgMSAxIDAtNiAzIDMgMCAwIDEgMCA2em0wIDFhNCA0IDAgMSAwIDAtOCA0IDQgMCAwIDAgMCA4ek04IDBhLjUuNSAwIDAgMSAuNS41djJhLjUuNSAwIDAgMS0xIDB2LTJBLjUuNSAwIDAgMSA4IDB6bTAgMTNhLjUuNSAwIDAgMSAuNS41djJhLjUuNSAwIDAgMS0xIDB2LTJBLjUuNSAwIDAgMSA4IDEzem04LTVhLjUuNSAwIDAgMS0uNS41aC0yYS41LjUgMCAwIDEgMC0xaDJhLjUuNSAwIDAgMSAuNS41ek0zIDhhLjUuNSAwIDAgMS0uNS41aC0yYS41LjUgMCAwIDEgMC0xaDJBLjUuNSAwIDAgMSAzIDh6bTEwLjY1Ny01LjY1N2EuNS41IDAgMCAxIDAgLjcwN2wtMS40MTQgMS40MTVhLjUuNSAwIDEgMS0uNzA3LS43MDhsMS40MTQtMS40MTRhLjUuNSAwIDAgMSAuNzA3IDB6bS05LjE5MyA5LjE5M2EuNS41IDAgMCAxIDAgLjcwN0wzLjA1IDEzLjY1N2EuNS41IDAgMCAxLS43MDctLjcwN2wxLjQxNC0xLjQxNGEuNS41IDAgMCAxIC43MDcgMHptOS4xOTMgMi4xMjFhLjUuNSAwIDAgMS0uNzA3IDBsLTEuNDE0LTEuNDE0YS41LjUgMCAwIDEgLjcwNy0uNzA3bDEuNDE0IDEuNDE0YS41LjUgMCAwIDEgMCAuNzA3ek00LjQ2NCA0LjQ2NWEuNS41IDAgMCAxLS43MDcgMEwyLjM0MyAzLjA1YS41LjUgMCAxIDEgLjcwNy0uNzA3bDEuNDE0IDEuNDE0YS41LjUgMCAwIDEgMCAuNzA4eiIvPgo8L3N2Zz4=');
+}
+[bs-icon=broadcast], [vs-icon=broadcast]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTMuMDUgMy4wNWE3IDcgMCAwIDAgMCA5LjkuNS41IDAgMCAxLS43MDcuNzA3IDggOCAwIDAgMSAwLTExLjMxNC41LjUgMCAwIDEgLjcwNy43MDd6bTIuMTIyIDIuMTIyYTQgNCAwIDAgMCAwIDUuNjU2LjUuNSAwIDEgMS0uNzA4LjcwOCA1IDUgMCAwIDEgMC03LjA3Mi41LjUgMCAwIDEgLjcwOC43MDh6bTUuNjU2LS43MDhhLjUuNSAwIDAgMSAuNzA4IDAgNSA1IDAgMCAxIDAgNy4wNzIuNS41IDAgMSAxLS43MDgtLjcwOCA0IDQgMCAwIDAgMC01LjY1Ni41LjUgMCAwIDEgMC0uNzA4em0yLjEyMi0yLjEyYS41LjUgMCAwIDEgLjcwNyAwIDggOCAwIDAgMSAwIDExLjMxMy41LjUgMCAwIDEtLjcwNy0uNzA3IDcgNyAwIDAgMCAwLTkuOS41LjUgMCAwIDEgMC0uNzA3ek0xMCA4YTIgMiAwIDEgMS00IDAgMiAyIDAgMCAxIDQgMHoiLz4KPC9zdmc+');
+}
+[bs-icon=calendar-check], [vs-icon=calendar]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEwLjg1NCA3LjE0NmEuNS41IDAgMCAxIDAgLjcwOGwtMyAzYS41LjUgMCAwIDEtLjcwOCAwbC0xLjUtMS41YS41LjUgMCAxIDEgLjcwOC0uNzA4TDcuNSA5Ljc5M2wyLjY0Ni0yLjY0N2EuNS41IDAgMCAxIC43MDggMHoiLz4KICA8cGF0aCBkPSJNMy41IDBhLjUuNSAwIDAgMSAuNS41VjFoOFYuNWEuNS41IDAgMCAxIDEgMFYxaDFhMiAyIDAgMCAxIDIgMnYxMWEyIDIgMCAwIDEtMiAySDJhMiAyIDAgMCAxLTItMlYzYTIgMiAwIDAgMSAyLTJoMVYuNWEuNS41IDAgMCAxIC41LS41ek0xIDR2MTBhMSAxIDAgMCAwIDEgMWgxMmExIDEgMCAwIDAgMS0xVjRIMXoiLz4KPC9zdmc+');
+}
+[bs-icon=camera], [vs-icon=shot]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE1IDEyYTEgMSAwIDAgMS0xIDFIMmExIDEgMCAwIDEtMS0xVjZhMSAxIDAgMCAxIDEtMWgxLjE3MmEzIDMgMCAwIDAgMi4xMi0uODc5bC44My0uODI4QTEgMSAwIDAgMSA2LjgyNyAzaDIuMzQ0YTEgMSAwIDAgMSAuNzA3LjI5M2wuODI4LjgyOEEzIDMgMCAwIDAgMTIuODI4IDVIMTRhMSAxIDAgMCAxIDEgMXY2ek0yIDRhMiAyIDAgMCAwLTIgMnY2YTIgMiAwIDAgMCAyIDJoMTJhMiAyIDAgMCAwIDItMlY2YTIgMiAwIDAgMC0yLTJoLTEuMTcyYTIgMiAwIDAgMS0xLjQxNC0uNTg2bC0uODI4LS44MjhBMiAyIDAgMCAwIDkuMTcyIDJINi44MjhhMiAyIDAgMCAwLTEuNDE0LjU4NmwtLjgyOC44MjhBMiAyIDAgMCAxIDMuMTcyIDRIMnoiLz4KICA8cGF0aCBkPSJNOCAxMWEyLjUgMi41IDAgMSAxIDAtNSAyLjUgMi41IDAgMCAxIDAgNXptMCAxYTMuNSAzLjUgMCAxIDAgMC03IDMuNSAzLjUgMCAwIDAgMCA3ek0zIDYuNWEuNS41IDAgMSAxLTEgMCAuNS41IDAgMCAxIDEgMHoiLz4KPC9zdmc+');
+}
+[bs-icon=camera-video], [vs-icon=video]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCA1YTIgMiAwIDAgMSAyLTJoNy41YTIgMiAwIDAgMSAxLjk4MyAxLjczOGwzLjExLTEuMzgyQTEgMSAwIDAgMSAxNiA0LjI2OXY3LjQ2MmExIDEgMCAwIDEtMS40MDYuOTEzbC0zLjExMS0xLjM4MkEyIDIgMCAwIDEgOS41IDEzSDJhMiAyIDAgMCAxLTItMlY1em0xMS41IDUuMTc1IDMuNSAxLjU1NlY0LjI2OWwtMy41IDEuNTU2djQuMzV6TTIgNGExIDEgMCAwIDAtMSAxdjZhMSAxIDAgMCAwIDEgMWg3LjVhMSAxIDAgMCAwIDEtMVY1YTEgMSAwIDAgMC0xLTFIMnoiLz4KPC9zdmc+');
+}
+[bs-icon=chat-square-text], [vs-icon=message]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE0IDFhMSAxIDAgMCAxIDEgMXY4YTEgMSAwIDAgMS0xIDFoLTIuNWEyIDIgMCAwIDAtMS42LjhMOCAxNC4zMzMgNi4xIDExLjhhMiAyIDAgMCAwLTEuNi0uOEgyYTEgMSAwIDAgMS0xLTFWMmExIDEgMCAwIDEgMS0xaDEyek0yIDBhMiAyIDAgMCAwLTIgMnY4YTIgMiAwIDAgMCAyIDJoMi41YTEgMSAwIDAgMSAuOC40bDEuOSAyLjUzM2ExIDEgMCAwIDAgMS42IDBsMS45LTIuNTMzYTEgMSAwIDAgMSAuOC0uNEgxNGEyIDIgMCAwIDAgMi0yVjJhMiAyIDAgMCAwLTItMkgyeiIvPgogIDxwYXRoIGQ9Ik0zIDMuNWEuNS41IDAgMCAxIC41LS41aDlhLjUuNSAwIDAgMSAwIDFoLTlhLjUuNSAwIDAgMS0uNS0uNXpNMyA2YS41LjUgMCAwIDEgLjUtLjVoOWEuNS41IDAgMCAxIDAgMWgtOUEuNS41IDAgMCAxIDMgNnptMCAyLjVhLjUuNSAwIDAgMSAuNS0uNWg1YS41LjUgMCAwIDEgMCAxaC01YS41LjUgMCAwIDEtLjUtLjV6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=chat-dots], [vs-icon=chat]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTUgOGExIDEgMCAxIDEtMiAwIDEgMSAwIDAgMSAyIDB6bTQgMGExIDEgMCAxIDEtMiAwIDEgMSAwIDAgMSAyIDB6bTMgMWExIDEgMCAxIDAgMC0yIDEgMSAwIDAgMCAwIDJ6Ii8+CiAgPHBhdGggZD0ibTIuMTY1IDE1LjgwMy4wMi0uMDA0YzEuODMtLjM2MyAyLjk0OC0uODQyIDMuNDY4LTEuMTA1QTkuMDYgOS4wNiAwIDAgMCA4IDE1YzQuNDE4IDAgOC0zLjEzNCA4LTdzLTMuNTgyLTctOC03LTggMy4xMzQtOCA3YzAgMS43Ni43NDMgMy4zNyAxLjk3IDQuNmExMC40MzcgMTAuNDM3IDAgMCAxLS41MjQgMi4zMThsLS4wMDMuMDExYTEwLjcyMiAxMC43MjIgMCAwIDEtLjI0NC42MzdjLS4wNzkuMTg2LjA3NC4zOTQuMjczLjM2MmEyMS42NzMgMjEuNjczIDAgMCAwIC42OTMtLjEyNXptLjgtMy4xMDhhMSAxIDAgMCAwLS4yODctLjgwMUMxLjYxOCAxMC44MyAxIDkuNDY4IDEgOGMwLTMuMTkyIDMuMDA0LTYgNy02czcgMi44MDggNyA2YzAgMy4xOTMtMy4wMDQgNi03IDZhOC4wNiA4LjA2IDAgMCAxLTIuMDg4LS4yNzIgMSAxIDAgMCAwLS43MTEuMDc0Yy0uMzg3LjE5Ni0xLjI0LjU3LTIuNjM0Ljg5M2ExMC45NyAxMC45NyAwIDAgMCAuMzk4LTJ6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=check-lg], [vs-icon=check]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyLjczNiAzLjk3YS43MzMuNzMzIDAgMCAxIDEuMDQ3IDBjLjI4Ni4yODkuMjkuNzU2LjAxIDEuMDVMNy44OCAxMi4wMWEuNzMzLjczMyAwIDAgMS0xLjA2NS4wMkwzLjIxNyA4LjM4NGEuNzU3Ljc1NyAwIDAgMSAwLTEuMDYuNzMzLjczMyAwIDAgMSAxLjA0NyAwbDMuMDUyIDMuMDkzIDUuNC02LjQyNWEuMjQ3LjI0NyAwIDAgMSAuMDItLjAyMloiLz4KPC9zdmc+');
+}
+[bs-icon=check2], [vs-icon=thin-check]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEzLjg1NCAzLjY0NmEuNS41IDAgMCAxIDAgLjcwOGwtNyA3YS41LjUgMCAwIDEtLjcwOCAwbC0zLjUtMy41YS41LjUgMCAxIDEgLjcwOC0uNzA4TDYuNSAxMC4yOTNsNi42NDYtNi42NDdhLjUuNSAwIDAgMSAuNzA4IDB6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=chevron-expan], [vs-icon=expand]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMy42NDYgOS4xNDZhLjUuNSAwIDAgMSAuNzA4IDBMOCAxMi43OTNsMy42NDYtMy42NDdhLjUuNSAwIDAgMSAuNzA4LjcwOGwtNCA0YS41LjUgMCAwIDEtLjcwOCAwbC00LTRhLjUuNSAwIDAgMSAwLS43MDh6bTAtMi4yOTJhLjUuNSAwIDAgMCAuNzA4IDBMOCAzLjIwN2wzLjY0NiAzLjY0N2EuNS41IDAgMCAwIC43MDgtLjcwOGwtNC00YS41LjUgMCAwIDAtLjcwOCAwbC00IDRhLjUuNSAwIDAgMCAwIC43MDh6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=clipboard], [vs-icon=clipboard]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQgMS41SDNhMiAyIDAgMCAwLTIgMlYxNGEyIDIgMCAwIDAgMiAyaDEwYTIgMiAwIDAgMCAyLTJWMy41YTIgMiAwIDAgMC0yLTJoLTF2MWgxYTEgMSAwIDAgMSAxIDFWMTRhMSAxIDAgMCAxLTEgMUgzYTEgMSAwIDAgMS0xLTFWMy41YTEgMSAwIDAgMSAxLTFoMXYtMXoiLz4KICA8cGF0aCBkPSJNOS41IDFhLjUuNSAwIDAgMSAuNS41djFhLjUuNSAwIDAgMS0uNS41aC0zYS41LjUgMCAwIDEtLjUtLjV2LTFhLjUuNSAwIDAgMSAuNS0uNWgzem0tMy0xQTEuNSAxLjUgMCAwIDAgNSAxLjV2MUExLjUgMS41IDAgMCAwIDYuNSA0aDNBMS41IDEuNSAwIDAgMCAxMSAyLjV2LTFBMS41IDEuNSAwIDAgMCA5LjUgMGgtM3oiLz4KPC9zdmc+');
+}
+[bs-icon=clipboard-check], [vs-icon=copied]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuODU0IDcuMTQ2YS41LjUgMCAwIDEgMCAuNzA4bC0zIDNhLjUuNSAwIDAgMS0uNzA4IDBsLTEuNS0xLjVhLjUuNSAwIDEgMSAuNzA4LS43MDhMNy41IDkuNzkzbDIuNjQ2LTIuNjQ3YS41LjUgMCAwIDEgLjcwOCAweiIvPgogIDxwYXRoIGQ9Ik00IDEuNUgzYTIgMiAwIDAgMC0yIDJWMTRhMiAyIDAgMCAwIDIgMmgxMGEyIDIgMCAwIDAgMi0yVjMuNWEyIDIgMCAwIDAtMi0yaC0xdjFoMWExIDEgMCAwIDEgMSAxVjE0YTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xVjMuNWExIDEgMCAwIDEgMS0xaDF2LTF6Ii8+CiAgPHBhdGggZD0iTTkuNSAxYS41LjUgMCAwIDEgLjUuNXYxYS41LjUgMCAwIDEtLjUuNWgtM2EuNS41IDAgMCAxLS41LS41di0xYS41LjUgMCAwIDEgLjUtLjVoM3ptLTMtMUExLjUgMS41IDAgMCAwIDUgMS41djFBMS41IDEuNSAwIDAgMCA2LjUgNGgzQTEuNSAxLjUgMCAwIDAgMTEgMi41di0xQTEuNSAxLjUgMCAwIDAgOS41IDBoLTN6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=clock-history], [vs-icon=clock]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguNTE1IDEuMDE5QTcgNyAwIDAgMCA4IDFWMGE4IDggMCAwIDEgLjU4OS4wMjJsLS4wNzQuOTk3em0yLjAwNC40NWE3LjAwMyA3LjAwMyAwIDAgMC0uOTg1LS4yOTlsLjIxOS0uOTc2Yy4zODMuMDg2Ljc2LjIgMS4xMjYuMzQybC0uMzYuOTMzem0xLjM3LjcxYTcuMDEgNy4wMSAwIDAgMC0uNDM5LS4yN2wuNDkzLS44N2E4LjAyNSA4LjAyNSAwIDAgMSAuOTc5LjY1NGwtLjYxNS43ODlhNi45OTYgNi45OTYgMCAwIDAtLjQxOC0uMzAyem0xLjgzNCAxLjc5YTYuOTkgNi45OSAwIDAgMC0uNjUzLS43OTZsLjcyNC0uNjljLjI3LjI4NS41Mi41OS43NDcuOTFsLS44MTguNTc2em0uNzQ0IDEuMzUyYTcuMDggNy4wOCAwIDAgMC0uMjE0LS40NjhsLjg5My0uNDVhNy45NzYgNy45NzYgMCAwIDEgLjQ1IDEuMDg4bC0uOTUuMzEzYTcuMDIzIDcuMDIzIDAgMCAwLS4xNzktLjQ4M3ptLjUzIDIuNTA3YTYuOTkxIDYuOTkxIDAgMCAwLS4xLTEuMDI1bC45ODUtLjE3Yy4wNjcuMzg2LjEwNi43NzguMTE2IDEuMTdsLTEgLjAyNXptLS4xMzEgMS41MzhjLjAzMy0uMTcuMDYtLjMzOS4wODEtLjUxbC45OTMuMTIzYTcuOTU3IDcuOTU3IDAgMCAxLS4yMyAxLjE1NWwtLjk2NC0uMjY3Yy4wNDYtLjE2NS4wODYtLjMzMi4xMi0uNTAxem0tLjk1MiAyLjM3OWMuMTg0LS4yOS4zNDYtLjU5NC40ODYtLjkwOGwuOTE0LjQwNWMtLjE2LjM2LS4zNDUuNzA2LS41NTUgMS4wMzhsLS44NDUtLjUzNXptLS45NjQgMS4yMDVjLjEyMi0uMTIyLjIzOS0uMjQ4LjM1LS4zNzhsLjc1OC42NTNhOC4wNzMgOC4wNzMgMCAwIDEtLjQwMS40MzJsLS43MDctLjcwN3oiLz4KICA8cGF0aCBkPSJNOCAxYTcgNyAwIDEgMCA0Ljk1IDExLjk1bC43MDcuNzA3QTguMDAxIDguMDAxIDAgMSAxIDggMHYxeiIvPgogIDxwYXRoIGQ9Ik03LjUgM2EuNS41IDAgMCAxIC41LjV2NS4yMWwzLjI0OCAxLjg1NmEuNS41IDAgMCAxLS40OTYuODY4bC0zLjUtMkEuNS41IDAgMCAxIDcgOVYzLjVhLjUuNSAwIDAgMSAuNS0uNXoiLz4KPC9zdmc+');
+}
+[bs-icon=cloud-check], [vs-icon=clock]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMzU0IDYuMTQ2YS41LjUgMCAwIDEgMCAuNzA4bC0zIDNhLjUuNSAwIDAgMS0uNzA4IDBsLTEuNS0xLjVhLjUuNSAwIDEgMSAuNzA4LS43MDhMNyA4Ljc5M2wyLjY0Ni0yLjY0N2EuNS41IDAgMCAxIC43MDggMHoiLz4KICA8cGF0aCBkPSJNNC40MDYgMy4zNDJBNS41MyA1LjUzIDAgMCAxIDggMmMyLjY5IDAgNC45MjMgMiA1LjE2NiA0LjU3OUMxNC43NTggNi44MDQgMTYgOC4xMzcgMTYgOS43NzMgMTYgMTEuNTY5IDE0LjUwMiAxMyAxMi42ODcgMTNIMy43ODFDMS43MDggMTMgMCAxMS4zNjYgMCA5LjMxOGMwLTEuNzYzIDEuMjY2LTMuMjIzIDIuOTQyLTMuNTkzLjE0My0uODYzLjY5OC0xLjcyMyAxLjQ2NC0yLjM4M3ptLjY1My43NTdjLS43NTcuNjUzLTEuMTUzIDEuNDQtMS4xNTMgMi4wNTZ2LjQ0OGwtLjQ0NS4wNDlDMi4wNjQgNi44MDUgMSA3Ljk1MiAxIDkuMzE4IDEgMTAuNzg1IDIuMjMgMTIgMy43ODEgMTJoOC45MDZDMTMuOTggMTIgMTUgMTAuOTg4IDE1IDkuNzczYzAtMS4yMTYtMS4wMi0yLjIyOC0yLjMxMy0yLjIyOGgtLjV2LS41QzEyLjE4OCA0LjgyNSAxMC4zMjggMyA4IDNhNC41MyA0LjUzIDAgMCAwLTIuOTQxIDEuMXoiLz4KPC9zdmc+');
+}
+[bs-icon=cloud-upload], [vs-icon=upload]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNC40MDYgMS4zNDJBNS41MyA1LjUzIDAgMCAxIDggMGMyLjY5IDAgNC45MjMgMiA1LjE2NiA0LjU3OUMxNC43NTggNC44MDQgMTYgNi4xMzcgMTYgNy43NzMgMTYgOS41NjkgMTQuNTAyIDExIDEyLjY4NyAxMUgxMGEuNS41IDAgMCAxIDAtMWgyLjY4OEMxMy45NzkgMTAgMTUgOC45ODggMTUgNy43NzNjMC0xLjIxNi0xLjAyLTIuMjI4LTIuMzEzLTIuMjI4aC0uNXYtLjVDMTIuMTg4IDIuODI1IDEwLjMyOCAxIDggMWE0LjUzIDQuNTMgMCAwIDAtMi45NDEgMS4xYy0uNzU3LjY1Mi0xLjE1MyAxLjQzOC0xLjE1MyAyLjA1NXYuNDQ4bC0uNDQ1LjA0OUMyLjA2NCA0LjgwNSAxIDUuOTUyIDEgNy4zMTggMSA4Ljc4NSAyLjIzIDEwIDMuNzgxIDEwSDZhLjUuNSAwIDAgMSAwIDFIMy43ODFDMS43MDggMTEgMCA5LjM2NiAwIDcuMzE4YzAtMS43NjMgMS4yNjYtMy4yMjMgMi45NDItMy41OTMuMTQzLS44NjMuNjk4LTEuNzIzIDEuNDY0LTIuMzgzeiIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNjQ2IDQuMTQ2YS41LjUgMCAwIDEgLjcwOCAwbDMgM2EuNS41IDAgMCAxLS43MDguNzA4TDguNSA1LjcwN1YxNC41YS41LjUgMCAwIDEtMSAwVjUuNzA3TDUuMzU0IDcuODU0YS41LjUgMCAxIDEtLjcwOC0uNzA4bDMtM3oiLz4KPC9zdmc+');
+}
+[bs-icon=clouds], [vs-icon=clouds]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE2IDcuNWEyLjUgMi41IDAgMCAxLTEuNDU2IDIuMjcyIDMuNTEzIDMuNTEzIDAgMCAwLS42NS0uODI0IDEuNSAxLjUgMCAwIDAtLjc4OS0yLjg5Ni41LjUgMCAwIDEtLjYyNy0uNDIxIDMgMyAwIDAgMC01LjIyLTEuNjI1IDUuNTg3IDUuNTg3IDAgMCAwLTEuMjc2LjA4OCA0LjAwMiA0LjAwMiAwIDAgMSA3LjM5Mi45MUEyLjUgMi41IDAgMCAxIDE2IDcuNXoiLz4KICA8cGF0aCBkPSJNNyA1YTQuNSA0LjUgMCAwIDEgNC40NzMgNGguMDI3YTIuNSAyLjUgMCAwIDEgMCA1SDNhMyAzIDAgMCAxLS4yNDctNS45OUE0LjUwMiA0LjUwMiAwIDAgMSA3IDV6bTMuNSA0LjVhMy41IDMuNSAwIDAgMC02Ljg5LS44NzMuNS41IDAgMCAxLS41MS4zNzVBMiAyIDAgMSAwIDMgMTNoOC41YTEuNSAxLjUgMCAxIDAtLjM3Ni0yLjk1My41LjUgMCAwIDEtLjYyNC0uNDkyVjkuNXoiLz4KPC9zdmc+');
+}
+[bs-icon=collection], [vs-icon=playlist]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTIuNSAzLjVhLjUuNSAwIDAgMSAwLTFoMTFhLjUuNSAwIDAgMSAwIDFoLTExem0yLTJhLjUuNSAwIDAgMSAwLTFoN2EuNS41IDAgMCAxIDAgMWgtN3pNMCAxM2ExLjUgMS41IDAgMCAwIDEuNSAxLjVoMTNBMS41IDEuNSAwIDAgMCAxNiAxM1Y2YTEuNSAxLjUgMCAwIDAtMS41LTEuNWgtMTNBMS41IDEuNSAwIDAgMCAwIDZ2N3ptMS41LjVBLjUuNSAwIDAgMSAxIDEzVjZhLjUuNSAwIDAgMSAuNS0uNWgxM2EuNS41IDAgMCAxIC41LjV2N2EuNS41IDAgMCAxLS41LjVoLTEzeiIvPgo8L3N2Zz4=');
+}
+[bs-icon=columns-gap], [vs-icon=grid]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYgMXYzSDFWMWg1ek0xIDBhMSAxIDAgMCAwLTEgMXYzYTEgMSAwIDAgMCAxIDFoNWExIDEgMCAwIDAgMS0xVjFhMSAxIDAgMCAwLTEtMUgxem0xNCAxMnYzaC01di0zaDV6bS01LTFhMSAxIDAgMCAwLTEgMXYzYTEgMSAwIDAgMCAxIDFoNWExIDEgMCAwIDAgMS0xdi0zYTEgMSAwIDAgMC0xLTFoLTV6TTYgOHY3SDFWOGg1ek0xIDdhMSAxIDAgMCAwLTEgMXY3YTEgMSAwIDAgMCAxIDFoNWExIDEgMCAwIDAgMS0xVjhhMSAxIDAgMCAwLTEtMUgxem0xNC02djdoLTVWMWg1em0tNS0xYTEgMSAwIDAgMC0xIDF2N2ExIDEgMCAwIDAgMSAxaDVhMSAxIDAgMCAwIDEtMVYxYTEgMSAwIDAgMC0xLTFoLTV6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=crop], [vs-icon=clip]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTMuNS41QS41LjUgMCAwIDEgNCAxdjEzaDEzYS41LjUgMCAwIDEgMCAxaC0ydjJhLjUuNSAwIDAgMS0xIDB2LTJIMy41YS41LjUgMCAwIDEtLjUtLjVWNEgxYS41LjUgMCAwIDEgMC0xaDJWMWEuNS41IDAgMCAxIC41LS41em0yLjUgM2EuNS41IDAgMCAxIC41LS41aDhhLjUuNSAwIDAgMSAuNS41djhhLjUuNSAwIDAgMS0xIDBWNEg2LjVhLjUuNSAwIDAgMS0uNS0uNXoiLz4KPC9zdmc+');
+}
+[bs-icon=dash], [vs-icon=min]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMiA4YS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExQS41LjUgMCAwIDEgMiA4WiIvPgo8L3N2Zz4=');
+}
+[bs-icon=database-add], [vs-icon=db-add]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTIuNSAxNmEzLjUgMy41IDAgMSAwIDAtNyAzLjUgMy41IDAgMCAwIDAgN1ptLjUtNWEuNS41IDAgMCAwLTEgMHYxaC0xYS41LjUgMCAwIDAgMCAxaDF2MWEuNS41IDAgMCAwIDEgMHYtMWgxYS41LjUgMCAwIDAgMC0xaC0xdi0xWiIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjA5NiA2LjIyM0E0LjkyIDQuOTIgMCAwIDAgMTMgNS42OThWN2MwIC4yODktLjIxMy42NTQtLjc1MyAxLjAwN2E0LjQ5MyA0LjQ5MyAwIDAgMSAxLjc1My4yNVY0YzAtMS4wMDctLjg3NS0xLjc1NS0xLjkwNC0yLjIyM0MxMS4wMjIgMS4yODkgOS41NzMgMSA4IDFzLTMuMDIyLjI4OS00LjA5Ni43NzdDMi44NzUgMi4yNDUgMiAyLjk5MyAyIDR2OWMwIDEuMDA3Ljg3NSAxLjc1NSAxLjkwNCAyLjIyM0M0Ljk3OCAxNS43MSA2LjQyNyAxNiA4IDE2Yy41MzYgMCAxLjA1OC0uMDM0IDEuNTU1LS4wOTdhNC41MjUgNC41MjUgMCAwIDEtLjgxMy0uOTI3QzguNSAxNC45OTIgOC4yNTIgMTUgOCAxNWMtMS40NjQgMC0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiAxMy44NzUgMyAxMy4zNzMgMyAxM3YtMS4zMDJjLjI3MS4yMDIuNTguMzc4LjkwNC41MjVDNC45NzggMTIuNzEgNi40MjcgMTMgOCAxM2guMDI3YTQuNTUyIDQuNTUyIDAgMCAxIDAtMUg4Yy0xLjQ2NCAwLTIuNzY2LS4yNy0zLjY4Mi0uNjg3QzMuMzU2IDEwLjg3NSAzIDEwLjM3MyAzIDEwVjguNjk4Yy4yNzEuMjAyLjU4LjM3OC45MDQuNTI1QzQuOTc4IDkuNzEgNi40MjcgMTAgOCAxMGMuMjYyIDAgLjUyLS4wMDguNzc0LS4wMjRhNC41MjUgNC41MjUgMCAwIDEgMS4xMDItMS4xMzJDOS4yOTggOC45NDQgOC42NjYgOSA4IDljLTEuNDY0IDAtMi43NjYtLjI3LTMuNjgyLS42ODdDMy4zNTYgNy44NzUgMyA3LjM3MyAzIDdWNS42OThjLjI3MS4yMDIuNTguMzc4LjkwNC41MjVDNC45NzggNi43MTEgNi40MjcgNyA4IDdzMy4wMjItLjI4OSA0LjA5Ni0uNzc3Wk0zIDRjMC0uMzc0LjM1Ni0uODc1IDEuMzE4LTEuMzEzQzUuMjM0IDIuMjcxIDYuNTM2IDIgOCAyczIuNzY2LjI3IDMuNjgyLjY4N0MxMi42NDQgMy4xMjUgMTMgMy42MjcgMTMgNGMwIC4zNzQtLjM1Ni44NzUtMS4zMTggMS4zMTNDMTAuNzY2IDUuNzI5IDkuNDY0IDYgOCA2cy0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiA0Ljg3NSAzIDQuMzczIDMgNFoiLz4KPC9zdmc+');
+}
+[bs-icon=database], [vs-icon=db]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNC4zMTggMi42ODdDMy4zNTYgMy4xMjUgMyAzLjYyNyAzIDRjMCAuMzc0LjM1Ni44NzUgMS4zMTggMS4zMTNDNS4yMzQgNS43MjkgNi41MzYgNiA4IDZzMi43NjYtLjI3IDMuNjgyLS42ODdDMTIuNjQ0IDQuODc1IDEzIDQuMzczIDEzIDRjMC0uMzc0LS4zNTYtLjg3NS0xLjMxOC0xLjMxM0MxMC43NjYgMi4yNzEgOS40NjQgMiA4IDJzLTIuNzY2LjI3LTMuNjgyLjY4N1pNMTMgNS42OThhNC45MiA0LjkyIDAgMCAxLS45MDQuNTI1QzExLjAyMiA2LjcxMSA5LjU3MyA3IDggN3MtMy4wMjItLjI4OS00LjA5Ni0uNzc3QTQuOTIgNC45MiAwIDAgMSAzIDUuNjk4VjdjMCAuMzc0LjM1Ni44NzUgMS4zMTggMS4zMTNDNS4yMzQgOC43MjkgNi41MzYgOSA4IDlzMi43NjYtLjI3IDMuNjgyLS42ODdDMTIuNjQ0IDcuODc1IDEzIDcuMzczIDEzIDdWNS42OThaTTE0IDRjMC0xLjAwNy0uODc1LTEuNzU1LTEuOTA0LTIuMjIzQzExLjAyMiAxLjI4OSA5LjU3MyAxIDggMXMtMy4wMjIuMjg5LTQuMDk2Ljc3N0MyLjg3NSAyLjI0NSAyIDIuOTkzIDIgNHY5YzAgMS4wMDcuODc1IDEuNzU1IDEuOTA0IDIuMjIzQzQuOTc4IDE1LjcxIDYuNDI3IDE2IDggMTZzMy4wMjItLjI4OSA0LjA5Ni0uNzc3QzEzLjEyNSAxNC43NTUgMTQgMTQuMDA3IDE0IDEzVjRabS0xIDQuNjk4YTQuOTIgNC45MiAwIDAgMS0uOTA0LjUyNUMxMS4wMjIgOS43MSA5LjU3MyAxMCA4IDEwcy0zLjAyMi0uMjg5LTQuMDk2LS43NzdBNC45MiA0LjkyIDAgMCAxIDMgOC42OThWMTBjMCAuMzc0LjM1Ni44NzUgMS4zMTggMS4zMTNDNS4yMzQgMTEuNzI5IDYuNTM2IDEyIDggMTJzMi43NjYtLjI3IDMuNjgyLS42ODdDMTIuNjQ0IDEwLjg3NSAxMyAxMC4zNzMgMTMgMTBWOC42OThabTAgM2MtLjI3MS4yMDItLjU4LjM3OC0uOTA0LjUyNUMxMS4wMjIgMTIuNzEgOS41NzMgMTMgOCAxM3MtMy4wMjItLjI4OS00LjA5Ni0uNzc3QTQuOTE2IDQuOTE2IDAgMCAxIDMgMTEuNjk4VjEzYzAgLjM3NC4zNTYuODc1IDEuMzE4IDEuMzEzQzUuMjM0IDE0LjcyOSA2LjUzNiAxNSA4IDE1czIuNzY2LS4yNyAzLjY4Mi0uNjg3QzEyLjY0NCAxMy44NzUgMTMgMTMuMzczIDEzIDEzdi0xLjMwMloiLz4KPC9zdmc+');
+}
+[bs-icon=database-gear], [vs-icon=db-mgr]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTIuMDk2IDYuMjIzQTQuOTIgNC45MiAwIDAgMCAxMyA1LjY5OFY3YzAgLjI4OS0uMjEzLjY1NC0uNzUzIDEuMDA3YTQuNDkzIDQuNDkzIDAgMCAxIDEuNzUzLjI1VjRjMC0xLjAwNy0uODc1LTEuNzU1LTEuOTA0LTIuMjIzQzExLjAyMiAxLjI4OSA5LjU3MyAxIDggMXMtMy4wMjIuMjg5LTQuMDk2Ljc3N0MyLjg3NSAyLjI0NSAyIDIuOTkzIDIgNHY5YzAgMS4wMDcuODc1IDEuNzU1IDEuOTA0IDIuMjIzQzQuOTc4IDE1LjcxIDYuNDI3IDE2IDggMTZjLjUzNiAwIDEuMDU4LS4wMzQgMS41NTUtLjA5N2E0LjUyNSA0LjUyNSAwIDAgMS0uODEzLS45MjdDOC41IDE0Ljk5MiA4LjI1MiAxNSA4IDE1Yy0xLjQ2NCAwLTIuNzY2LS4yNy0zLjY4Mi0uNjg3QzMuMzU2IDEzLjg3NSAzIDEzLjM3MyAzIDEzdi0xLjMwMmMuMjcxLjIwMi41OC4zNzguOTA0LjUyNUM0Ljk3OCAxMi43MSA2LjQyNyAxMyA4IDEzaC4wMjdhNC41NTIgNC41NTIgMCAwIDEgMC0xSDhjLTEuNDY0IDAtMi43NjYtLjI3LTMuNjgyLS42ODdDMy4zNTYgMTAuODc1IDMgMTAuMzczIDMgMTBWOC42OThjLjI3MS4yMDIuNTguMzc4LjkwNC41MjVDNC45NzggOS43MSA2LjQyNyAxMCA4IDEwYy4yNjIgMCAuNTItLjAwOC43NzQtLjAyNGE0LjUyNSA0LjUyNSAwIDAgMSAxLjEwMi0xLjEzMkM5LjI5OCA4Ljk0NCA4LjY2NiA5IDggOWMtMS40NjQgMC0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiA3Ljg3NSAzIDcuMzczIDMgN1Y1LjY5OGMuMjcxLjIwMi41OC4zNzguOTA0LjUyNUM0Ljk3OCA2LjcxMSA2LjQyNyA3IDggN3MzLjAyMi0uMjg5IDQuMDk2LS43NzdaTTMgNGMwLS4zNzQuMzU2LS44NzUgMS4zMTgtMS4zMTNDNS4yMzQgMi4yNzEgNi41MzYgMiA4IDJzMi43NjYuMjcgMy42ODIuNjg3QzEyLjY0NCAzLjEyNSAxMyAzLjYyNyAxMyA0YzAgLjM3NC0uMzU2Ljg3NS0xLjMxOCAxLjMxM0MxMC43NjYgNS43MjkgOS40NjQgNiA4IDZzLTIuNzY2LS4yNy0zLjY4Mi0uNjg3QzMuMzU2IDQuODc1IDMgNC4zNzMgMyA0WiIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjg4NiA5LjQ2Yy4xOC0uNjEzIDEuMDQ4LS42MTMgMS4yMjkgMGwuMDQzLjE0OGEuNjQuNjQgMCAwIDAgLjkyMS4zODJsLjEzNi0uMDc0Yy41NjEtLjMwNiAxLjE3NS4zMDguODcuODY5bC0uMDc1LjEzNmEuNjQuNjQgMCAwIDAgLjM4Mi45MmwuMTQ5LjA0NWMuNjEyLjE4LjYxMiAxLjA0OCAwIDEuMjI5bC0uMTUuMDQzYS42NC42NCAwIDAgMC0uMzguOTIxbC4wNzQuMTM2Yy4zMDUuNTYxLS4zMDkgMS4xNzUtLjg3Ljg3bC0uMTM2LS4wNzVhLjY0LjY0IDAgMCAwLS45Mi4zODJsLS4wNDUuMTQ5Yy0uMTguNjEyLTEuMDQ4LjYxMi0xLjIyOSAwbC0uMDQzLS4xNWEuNjQuNjQgMCAwIDAtLjkyMS0uMzhsLS4xMzYuMDc0Yy0uNTYxLjMwNS0xLjE3NS0uMzA5LS44Ny0uODdsLjA3NS0uMTM2YS42NC42NCAwIDAgMC0uMzgyLS45MmwtLjE0OC0uMDQ1Yy0uNjEzLS4xOC0uNjEzLTEuMDQ4IDAtMS4yMjlsLjE0OC0uMDQzYS42NC42NCAwIDAgMCAuMzgyLS45MjFsLS4wNzQtLjEzNmMtLjMwNi0uNTYxLjMwOC0xLjE3NS44NjktLjg3bC4xMzYuMDc1YS42NC42NCAwIDAgMCAuOTItLjM4MmwuMDQ1LS4xNDhaTTE0IDEyLjVhMS41IDEuNSAwIDEgMS0zIDAgMS41IDEuNSAwIDAgMSAzIDBaIi8+Cjwvc3ZnPg==');
+}
+[bs-icon=download], [vs-icon=download]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTS41IDkuOWEuNS41IDAgMCAxIC41LjV2Mi41YTEgMSAwIDAgMCAxIDFoMTJhMSAxIDAgMCAwIDEtMXYtMi41YS41LjUgMCAwIDEgMSAwdjIuNWEyIDIgMCAwIDEtMiAySDJhMiAyIDAgMCAxLTItMnYtMi41YS41LjUgMCAwIDEgLjUtLjV6Ii8+CiAgPHBhdGggZD0iTTcuNjQ2IDExLjg1NGEuNS41IDAgMCAwIC43MDggMGwzLTNhLjUuNSAwIDAgMC0uNzA4LS43MDhMOC41IDEwLjI5M1YxLjVhLjUuNSAwIDAgMC0xIDB2OC43OTNMNS4zNTQgOC4xNDZhLjUuNSAwIDEgMC0uNzA4LjcwOGwzIDN6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=erase], [vs-icon=erase]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguMDg2IDIuMjA3YTIgMiAwIDAgMSAyLjgyOCAwbDMuODc5IDMuODc5YTIgMiAwIDAgMSAwIDIuODI4bC01LjUgNS41QTIgMiAwIDAgMSA3Ljg3OSAxNUg1LjEyYTIgMiAwIDAgMS0xLjQxNC0uNTg2bC0yLjUtMi41YTIgMiAwIDAgMSAwLTIuODI4bDYuODc5LTYuODc5em0yLjEyMS43MDdhMSAxIDAgMCAwLTEuNDE0IDBMNC4xNiA3LjU0N2w1LjI5MyA1LjI5MyA0LjYzMy00LjYzM2ExIDEgMCAwIDAgMC0xLjQxNGwtMy44NzktMy44Nzl6TTguNzQ2IDEzLjU0NyAzLjQ1MyA4LjI1NCAxLjkxNCA5Ljc5M2ExIDEgMCAwIDAgMCAxLjQxNGwyLjUgMi41YTEgMSAwIDAgMCAuNzA3LjI5M0g3Ljg4YTEgMSAwIDAgMCAuNzA3LS4yOTNsLjE2LS4xNnoiLz4KPC9zdmc+');
+}
+[bs-icon=exclamation-triangle], [vs-icon=warning]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuOTM4IDIuMDE2QS4xMy4xMyAwIDAgMSA4LjAwMiAyYS4xMy4xMyAwIDAgMSAuMDYzLjAxNi4xNDYuMTQ2IDAgMCAxIC4wNTQuMDU3bDYuODU3IDExLjY2N2MuMDM2LjA2LjAzNS4xMjQuMDAyLjE4M2EuMTYzLjE2MyAwIDAgMS0uMDU0LjA2LjExNi4xMTYgMCAwIDEtLjA2Ni4wMTdIMS4xNDZhLjExNS4xMTUgMCAwIDEtLjA2Ni0uMDE3LjE2My4xNjMgMCAwIDEtLjA1NC0uMDYuMTc2LjE3NiAwIDAgMSAuMDAyLS4xODNMNy44ODQgMi4wNzNhLjE0Ny4xNDcgMCAwIDEgLjA1NC0uMDU3em0xLjA0NC0uNDVhMS4xMyAxLjEzIDAgMCAwLTEuOTYgMEwuMTY1IDEzLjIzM2MtLjQ1Ny43NzguMDkxIDEuNzY3Ljk4IDEuNzY3aDEzLjcxM2MuODg5IDAgMS40MzgtLjk5Ljk4LTEuNzY3TDguOTgyIDEuNTY2eiIvPgogIDxwYXRoIGQ9Ik03LjAwMiAxMmExIDEgMCAxIDEgMiAwIDEgMSAwIDAgMS0yIDB6TTcuMSA1Ljk5NWEuOTA1LjkwNSAwIDEgMSAxLjggMGwtLjM1IDMuNTA3YS41NTIuNTUyIDAgMCAxLTEuMSAwTDcuMSA1Ljk5NXoiLz4KPC9zdmc+');
+}
+[bs-icon=eye-fill], [vs-icon=visible]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEwLjUgOGEyLjUgMi41IDAgMSAxLTUgMCAyLjUgMi41IDAgMCAxIDUgMHoiLz4KICA8cGF0aCBkPSJNMCA4czMtNS41IDgtNS41UzE2IDggMTYgOHMtMyA1LjUtOCA1LjVTMCA4IDAgOHptOCAzLjVhMy41IDMuNSAwIDEgMCAwLTcgMy41IDMuNSAwIDAgMCAwIDd6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=eye-slash], [vs-icon=hidden], [vs-icon=minus]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEzLjM1OSAxMS4yMzhDMTUuMDYgOS43MiAxNiA4IDE2IDhzLTMtNS41LTgtNS41YTcuMDI4IDcuMDI4IDAgMCAwLTIuNzkuNTg4bC43Ny43NzFBNS45NDQgNS45NDQgMCAwIDEgOCAzLjVjMi4xMiAwIDMuODc5IDEuMTY4IDUuMTY4IDIuNDU3QTEzLjEzNCAxMy4xMzQgMCAwIDEgMTQuODI4IDhjLS4wNTguMDg3LS4xMjIuMTgzLS4xOTUuMjg4LS4zMzUuNDgtLjgzIDEuMTItMS40NjUgMS43NTUtLjE2NS4xNjUtLjMzNy4zMjgtLjUxNy40ODZsLjcwOC43MDl6Ii8+CiAgPHBhdGggZD0iTTExLjI5NyA5LjE3NmEzLjUgMy41IDAgMCAwLTQuNDc0LTQuNDc0bC44MjMuODIzYTIuNSAyLjUgMCAwIDEgMi44MjkgMi44MjlsLjgyMi44MjJ6bS0yLjk0MyAxLjI5OS44MjIuODIyYTMuNSAzLjUgMCAwIDEtNC40NzQtNC40NzRsLjgyMy44MjNhMi41IDIuNSAwIDAgMCAyLjgyOSAyLjgyOXoiLz4KICA8cGF0aCBkPSJNMy4zNSA1LjQ3Yy0uMTguMTYtLjM1My4zMjItLjUxOC40ODdBMTMuMTM0IDEzLjEzNCAwIDAgMCAxLjE3MiA4bC4xOTUuMjg4Yy4zMzUuNDguODMgMS4xMiAxLjQ2NSAxLjc1NUM0LjEyMSAxMS4zMzIgNS44ODEgMTIuNSA4IDEyLjVjLjcxNiAwIDEuMzktLjEzMyAyLjAyLS4zNmwuNzcuNzcyQTcuMDI5IDcuMDI5IDAgMCAxIDggMTMuNUMzIDEzLjUgMCA4IDAgOHMuOTM5LTEuNzIxIDIuNjQxLTMuMjM4bC43MDguNzA5em0xMC4yOTYgOC44ODQtMTItMTIgLjcwOC0uNzA4IDEyIDEyLS43MDguNzA4eiIvPgo8L3N2Zz4=');
+}
+[bs-icon=fullscreen], [vs-icon=fullscreen]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEuNSAxYS41LjUgMCAwIDAtLjUuNXY0YS41LjUgMCAwIDEtMSAwdi00QTEuNSAxLjUgMCAwIDEgMS41IDBoNGEuNS41IDAgMCAxIDAgMWgtNHpNMTAgLjVhLjUuNSAwIDAgMSAuNS0uNWg0QTEuNSAxLjUgMCAwIDEgMTYgMS41djRhLjUuNSAwIDAgMS0xIDB2LTRhLjUuNSAwIDAgMC0uNS0uNWgtNGEuNS41IDAgMCAxLS41LS41ek0uNSAxMGEuNS41IDAgMCAxIC41LjV2NGEuNS41IDAgMCAwIC41LjVoNGEuNS41IDAgMCAxIDAgMWgtNEExLjUgMS41IDAgMCAxIDAgMTQuNXYtNGEuNS41IDAgMCAxIC41LS41em0xNSAwYS41LjUgMCAwIDEgLjUuNXY0YTEuNSAxLjUgMCAwIDEtMS41IDEuNWgtNGEuNS41IDAgMCAxIDAtMWg0YS41LjUgMCAwIDAgLjUtLjV2LTRhLjUuNSAwIDAgMSAuNS0uNXoiLz4KPC9zdmc+');
+}
+[bs-icon=fullscreen-exit], [vs-icon=exit-fullscreen]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTUuNSAwYS41LjUgMCAwIDEgLjUuNXY0QTEuNSAxLjUgMCAwIDEgNC41IDZoLTRhLjUuNSAwIDAgMSAwLTFoNGEuNS41IDAgMCAwIC41LS41di00YS41LjUgMCAwIDEgLjUtLjV6bTUgMGEuNS41IDAgMCAxIC41LjV2NGEuNS41IDAgMCAwIC41LjVoNGEuNS41IDAgMCAxIDAgMWgtNEExLjUgMS41IDAgMCAxIDEwIDQuNXYtNGEuNS41IDAgMCAxIC41LS41ek0wIDEwLjVhLjUuNSAwIDAgMSAuNS0uNWg0QTEuNSAxLjUgMCAwIDEgNiAxMS41djRhLjUuNSAwIDAgMS0xIDB2LTRhLjUuNSAwIDAgMC0uNS0uNWgtNGEuNS41IDAgMCAxLS41LS41em0xMCAxYTEuNSAxLjUgMCAwIDEgMS41LTEuNWg0YS41LjUgMCAwIDEgMCAxaC00YS41LjUgMCAwIDAtLjUuNXY0YS41LjUgMCAwIDEtMSAwdi00eiIvPgo8L3N2Zz4=');
+}
+[bs-icon=gear], [vs-icon=setting]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggNC43NTRhMy4yNDYgMy4yNDYgMCAxIDAgMCA2LjQ5MiAzLjI0NiAzLjI0NiAwIDAgMCAwLTYuNDkyek01Ljc1NCA4YTIuMjQ2IDIuMjQ2IDAgMSAxIDQuNDkyIDAgMi4yNDYgMi4yNDYgMCAwIDEtNC40OTIgMHoiLz4KICA8cGF0aCBkPSJNOS43OTYgMS4zNDNjLS41MjctMS43OS0zLjA2NS0xLjc5LTMuNTkyIDBsLS4wOTQuMzE5YS44NzMuODczIDAgMCAxLTEuMjU1LjUybC0uMjkyLS4xNmMtMS42NC0uODkyLTMuNDMzLjkwMi0yLjU0IDIuNTQxbC4xNTkuMjkyYS44NzMuODczIDAgMCAxLS41MiAxLjI1NWwtLjMxOS4wOTRjLTEuNzkuNTI3LTEuNzkgMy4wNjUgMCAzLjU5MmwuMzE5LjA5NGEuODczLjg3MyAwIDAgMSAuNTIgMS4yNTVsLS4xNi4yOTJjLS44OTIgMS42NC45MDEgMy40MzQgMi41NDEgMi41NGwuMjkyLS4xNTlhLjg3My44NzMgMCAwIDEgMS4yNTUuNTJsLjA5NC4zMTljLjUyNyAxLjc5IDMuMDY1IDEuNzkgMy41OTIgMGwuMDk0LS4zMTlhLjg3My44NzMgMCAwIDEgMS4yNTUtLjUybC4yOTIuMTZjMS42NC44OTMgMy40MzQtLjkwMiAyLjU0LTIuNTQxbC0uMTU5LS4yOTJhLjg3My44NzMgMCAwIDEgLjUyLTEuMjU1bC4zMTktLjA5NGMxLjc5LS41MjcgMS43OS0zLjA2NSAwLTMuNTkybC0uMzE5LS4wOTRhLjg3My44NzMgMCAwIDEtLjUyLTEuMjU1bC4xNi0uMjkyYy44OTMtMS42NC0uOTAyLTMuNDMzLTIuNTQxLTIuNTRsLS4yOTIuMTU5YS44NzMuODczIDAgMCAxLTEuMjU1LS41MmwtLjA5NC0uMzE5em0tMi42MzMuMjgzYy4yNDYtLjgzNSAxLjQyOC0uODM1IDEuNjc0IDBsLjA5NC4zMTlhMS44NzMgMS44NzMgMCAwIDAgMi42OTMgMS4xMTVsLjI5MS0uMTZjLjc2NC0uNDE1IDEuNi40MiAxLjE4NCAxLjE4NWwtLjE1OS4yOTJhMS44NzMgMS44NzMgMCAwIDAgMS4xMTYgMi42OTJsLjMxOC4wOTRjLjgzNS4yNDYuODM1IDEuNDI4IDAgMS42NzRsLS4zMTkuMDk0YTEuODczIDEuODczIDAgMCAwLTEuMTE1IDIuNjkzbC4xNi4yOTFjLjQxNS43NjQtLjQyIDEuNi0xLjE4NSAxLjE4NGwtLjI5MS0uMTU5YTEuODczIDEuODczIDAgMCAwLTIuNjkzIDEuMTE2bC0uMDk0LjMxOGMtLjI0Ni44MzUtMS40MjguODM1LTEuNjc0IDBsLS4wOTQtLjMxOWExLjg3MyAxLjg3MyAwIDAgMC0yLjY5Mi0xLjExNWwtLjI5Mi4xNmMtLjc2NC40MTUtMS42LS40Mi0xLjE4NC0xLjE4NWwuMTU5LS4yOTFBMS44NzMgMS44NzMgMCAwIDAgMS45NDUgOC45M2wtLjMxOS0uMDk0Yy0uODM1LS4yNDYtLjgzNS0xLjQyOCAwLTEuNjc0bC4zMTktLjA5NEExLjg3MyAxLjg3MyAwIDAgMCAzLjA2IDQuMzc3bC0uMTYtLjI5MmMtLjQxNS0uNzY0LjQyLTEuNiAxLjE4NS0xLjE4NGwuMjkyLjE1OWExLjg3MyAxLjg3MyAwIDAgMCAyLjY5Mi0xLjExNWwuMDk0LS4zMTl6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=graph-up-arrow], [vs-icon=chart]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwaDF2MTVoMTV2MUgwVjBabTEwIDMuNWEuNS41IDAgMCAxIC41LS41aDRhLjUuNSAwIDAgMSAuNS41djRhLjUuNSAwIDAgMS0xIDBWNC45bC0zLjYxMyA0LjQxN2EuNS41IDAgMCAxLS43NC4wMzdMNy4wNiA2Ljc2N2wtMy42NTYgNS4wMjdhLjUuNSAwIDAgMS0uODA4LS41ODhsNC01LjVhLjUuNSAwIDAgMSAuNzU4LS4wNmwyLjYwOSAyLjYxTDEzLjQ0NSA0SDEwLjVhLjUuNSAwIDAgMS0uNS0uNVoiLz4KPC9zdmc+');
+}
+[bs-icon=grid], [vs-icon=app]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEgMi41QTEuNSAxLjUgMCAwIDEgMi41IDFoM0ExLjUgMS41IDAgMCAxIDcgMi41djNBMS41IDEuNSAwIDAgMSA1LjUgN2gtM0ExLjUgMS41IDAgMCAxIDEgNS41di0zek0yLjUgMmEuNS41IDAgMCAwLS41LjV2M2EuNS41IDAgMCAwIC41LjVoM2EuNS41IDAgMCAwIC41LS41di0zYS41LjUgMCAwIDAtLjUtLjVoLTN6bTYuNS41QTEuNSAxLjUgMCAwIDEgMTAuNSAxaDNBMS41IDEuNSAwIDAgMSAxNSAyLjV2M0ExLjUgMS41IDAgMCAxIDEzLjUgN2gtM0ExLjUgMS41IDAgMCAxIDkgNS41di0zem0xLjUtLjVhLjUuNSAwIDAgMC0uNS41djNhLjUuNSAwIDAgMCAuNS41aDNhLjUuNSAwIDAgMCAuNS0uNXYtM2EuNS41IDAgMCAwLS41LS41aC0zek0xIDEwLjVBMS41IDEuNSAwIDAgMSAyLjUgOWgzQTEuNSAxLjUgMCAwIDEgNyAxMC41djNBMS41IDEuNSAwIDAgMSA1LjUgMTVoLTNBMS41IDEuNSAwIDAgMSAxIDEzLjV2LTN6bTEuNS0uNWEuNS41IDAgMCAwLS41LjV2M2EuNS41IDAgMCAwIC41LjVoM2EuNS41IDAgMCAwIC41LS41di0zYS41LjUgMCAwIDAtLjUtLjVoLTN6bTYuNS41QTEuNSAxLjUgMCAwIDEgMTAuNSA5aDNhMS41IDEuNSAwIDAgMSAxLjUgMS41djNhMS41IDEuNSAwIDAgMS0xLjUgMS41aC0zQTEuNSAxLjUgMCAwIDEgOSAxMy41di0zem0xLjUtLjVhLjUuNSAwIDAgMC0uNS41djNhLjUuNSAwIDAgMCAuNS41aDNhLjUuNSAwIDAgMCAuNS0uNXYtM2EuNS41IDAgMCAwLS41LS41aC0zeiIvPgo8L3N2Zz4=');
+}
+[bs-icon=hdd], [vs-icon=disk]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQuNSAxMWEuNS41IDAgMSAwIDAtMSAuNS41IDAgMCAwIDAgMXpNMyAxMC41YS41LjUgMCAxIDEtMSAwIC41LjUgMCAwIDEgMSAweiIvPgogIDxwYXRoIGQ9Ik0xNiAxMWEyIDIgMCAwIDEtMiAySDJhMiAyIDAgMCAxLTItMlY5LjUxYzAtLjQxOC4xMDUtLjgzLjMwNS0xLjE5N2wyLjQ3Mi00LjUzMUExLjUgMS41IDAgMCAxIDQuMDk0IDNoNy44MTJhMS41IDEuNSAwIDAgMSAxLjMxNy43ODJsMi40NzIgNC41M2MuMi4zNjguMzA1Ljc4LjMwNSAxLjE5OFYxMXpNMy42NTUgNC4yNiAxLjU5MiA4LjA0M0MxLjcyNCA4LjAxNCAxLjg2IDggMiA4aDEyYy4xNCAwIC4yNzYuMDE0LjQwOC4wNDJMMTIuMzQ1IDQuMjZhLjUuNSAwIDAgMC0uNDM5LS4yNkg0LjA5NGEuNS41IDAgMCAwLS40NC4yNnpNMSAxMHYxYTEgMSAwIDAgMCAxIDFoMTJhMSAxIDAgMCAwIDEtMXYtMWExIDEgMCAwIDAtMS0xSDJhMSAxIDAgMCAwLTEgMXoiLz4KPC9zdmc+');
+}
+[bs-icon=hdd-network], [vs-icon=cloud-disk]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQuNSA1YS41LjUgMCAxIDAgMC0xIC41LjUgMCAwIDAgMCAxek0zIDQuNWEuNS41IDAgMSAxLTEgMCAuNS41IDAgMCAxIDEgMHoiLz4KICA8cGF0aCBkPSJNMCA0YTIgMiAwIDAgMSAyLTJoMTJhMiAyIDAgMCAxIDIgMnYxYTIgMiAwIDAgMS0yIDJIOC41djNhMS41IDEuNSAwIDAgMSAxLjUgMS41aDUuNWEuNS41IDAgMCAxIDAgMUgxMEExLjUgMS41IDAgMCAxIDguNSAxNGgtMUExLjUgMS41IDAgMCAxIDYgMTIuNUguNWEuNS41IDAgMCAxIDAtMUg2QTEuNSAxLjUgMCAwIDEgNy41IDEwVjdIMmEyIDIgMCAwIDEtMi0yVjR6bTEgMHYxYTEgMSAwIDAgMCAxIDFoMTJhMSAxIDAgMCAwIDEtMVY0YTEgMSAwIDAgMC0xLTFIMmExIDEgMCAwIDAtMSAxem02IDcuNXYxYS41LjUgMCAwIDAgLjUuNWgxYS41LjUgMCAwIDAgLjUtLjV2LTFhLjUuNSAwIDAgMC0uNS0uNWgtMWEuNS41IDAgMCAwLS41LjV6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=hourglass-split], [vs-icon=wait]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTIuNSAxNWEuNS41IDAgMSAxIDAtMWgxdi0xYTQuNSA0LjUgMCAwIDEgMi41NTctNC4wNmMuMjktLjEzOS40NDMtLjM3Ny40NDMtLjU5di0uN2MwLS4yMTMtLjE1NC0uNDUxLS40NDMtLjU5QTQuNSA0LjUgMCAwIDEgMy41IDNWMmgtMWEuNS41IDAgMCAxIDAtMWgxMWEuNS41IDAgMCAxIDAgMWgtMXYxYTQuNSA0LjUgMCAwIDEtMi41NTcgNC4wNmMtLjI5LjEzOS0uNDQzLjM3Ny0uNDQzLjU5di43YzAgLjIxMy4xNTQuNDUxLjQ0My41OUE0LjUgNC41IDAgMCAxIDEyLjUgMTN2MWgxYS41LjUgMCAwIDEgMCAxaC0xMXptMi0xM3YxYzAgLjUzNy4xMiAxLjA0NS4zMzcgMS41aDYuMzI2Yy4yMTYtLjQ1NS4zMzctLjk2My4zMzctMS41VjJoLTd6bTMgNi4zNWMwIC43MDEtLjQ3OCAxLjIzNi0xLjAxMSAxLjQ5MkEzLjUgMy41IDAgMCAwIDQuNSAxM3MuODY2LTEuMjk5IDMtMS40OFY4LjM1em0xIDB2My4xN2MyLjEzNC4xODEgMyAxLjQ4IDMgMS40OGEzLjUgMy41IDAgMCAwLTEuOTg5LTMuMTU4QzguOTc4IDkuNTg2IDguNSA5LjA1MiA4LjUgOC4zNTF6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=house], [vs-icon=home]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC43MDcgMS41YTEgMSAwIDAgMC0xLjQxNCAwTC42NDYgOC4xNDZhLjUuNSAwIDAgMCAuNzA4LjcwOEwyIDguMjA3VjEzLjVBMS41IDEuNSAwIDAgMCAzLjUgMTVoOWExLjUgMS41IDAgMCAwIDEuNS0xLjVWOC4yMDdsLjY0Ni42NDdhLjUuNSAwIDAgMCAuNzA4LS43MDhMMTMgNS43OTNWMi41YS41LjUgMCAwIDAtLjUtLjVoLTFhLjUuNSAwIDAgMC0uNS41djEuMjkzTDguNzA3IDEuNVpNMTMgNy4yMDdsLTUtNS01IDVWMTMuNWEuNS41IDAgMCAwIC41LjVoOWEuNS41IDAgMCAwIC41LS41VjcuMjA3WiIvPgo8L3N2Zz4=');
+}
+[bs-icon=image], [vs-icon=image]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYuMDAyIDUuNWExLjUgMS41IDAgMSAxLTMgMCAxLjUgMS41IDAgMCAxIDMgMHoiLz4KICA8cGF0aCBkPSJNMi4wMDIgMWEyIDIgMCAwIDAtMiAydjEwYTIgMiAwIDAgMCAyIDJoMTJhMiAyIDAgMCAwIDItMlYzYTIgMiAwIDAgMC0yLTJoLTEyem0xMiAxYTEgMSAwIDAgMSAxIDF2Ni41bC0zLjc3Ny0xLjk0N2EuNS41IDAgMCAwLS41NzcuMDkzbC0zLjcxIDMuNzEtMi42Ni0xLjc3MmEuNS41IDAgMCAwLS42My4wNjJMMS4wMDIgMTJWM2ExIDEgMCAwIDEgMS0xaDEyeiIvPgo8L3N2Zz4=');
+}
+[bs-icon=images], [vs-icon=images]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQuNTAyIDlhMS41IDEuNSAwIDEgMCAwLTMgMS41IDEuNSAwIDAgMCAwIDN6Ii8+CiAgPHBhdGggZD0iTTE0LjAwMiAxM2EyIDIgMCAwIDEtMiAyaC0xMGEyIDIgMCAwIDEtMi0yVjVBMiAyIDAgMCAxIDIgM2EyIDIgMCAwIDEgMi0yaDEwYTIgMiAwIDAgMSAyIDJ2OGEyIDIgMCAwIDEtMS45OTggMnpNMTQgMkg0YTEgMSAwIDAgMC0xIDFoOS4wMDJhMiAyIDAgMCAxIDIgMnY3QTEgMSAwIDAgMCAxNSAxMVYzYTEgMSAwIDAgMC0xLTF6TTIuMDAyIDRhMSAxIDAgMCAwLTEgMXY4bDIuNjQ2LTIuMzU0YS41LjUgMCAwIDEgLjYzLS4wNjJsMi42NiAxLjc3MyAzLjcxLTMuNzFhLjUuNSAwIDAgMSAuNTc3LS4wOTRsMS43NzcgMS45NDdWNWExIDEgMCAwIDAtMS0xaC0xMHoiLz4KPC9zdmc+');
+}
+[bs-icon=info-circle-fill], [vs-icon=info]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggMTZBOCA4IDAgMSAwIDggMGE4IDggMCAwIDAgMCAxNnptLjkzLTkuNDEyLTEgNC43MDVjLS4wNy4zNC4wMjkuNTMzLjMwNC41MzMuMTk0IDAgLjQ4Ny0uMDcuNjg2LS4yNDZsLS4wODguNDE2Yy0uMjg3LjM0Ni0uOTIuNTk4LTEuNDY1LjU5OC0uNzAzIDAtMS4wMDItLjQyMi0uODA4LTEuMzE5bC43MzgtMy40NjhjLjA2NC0uMjkzLjAwNi0uMzk5LS4yODctLjQ3bC0uNDUxLS4wODEuMDgyLS4zODEgMi4yOS0uMjg3ek04IDUuNWExIDEgMCAxIDEgMC0yIDEgMSAwIDAgMSAwIDJ6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=journal-text], [vs-icon=note]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTUgMTAuNWEuNS41IDAgMCAxIC41LS41aDJhLjUuNSAwIDAgMSAwIDFoLTJhLjUuNSAwIDAgMS0uNS0uNXptMC0yYS41LjUgMCAwIDEgLjUtLjVoNWEuNS41IDAgMCAxIDAgMWgtNWEuNS41IDAgMCAxLS41LS41em0wLTJhLjUuNSAwIDAgMSAuNS0uNWg1YS41LjUgMCAwIDEgMCAxaC01YS41LjUgMCAwIDEtLjUtLjV6bTAtMmEuNS41IDAgMCAxIC41LS41aDVhLjUuNSAwIDAgMSAwIDFoLTVhLjUuNSAwIDAgMS0uNS0uNXoiLz4KICA8cGF0aCBkPSJNMyAwaDEwYTIgMiAwIDAgMSAyIDJ2MTJhMiAyIDAgMCAxLTIgMkgzYTIgMiAwIDAgMS0yLTJ2LTFoMXYxYTEgMSAwIDAgMCAxIDFoMTBhMSAxIDAgMCAwIDEtMVYyYTEgMSAwIDAgMC0xLTFIM2ExIDEgMCAwIDAtMSAxdjFIMVYyYTIgMiAwIDAgMSAyLTJ6Ii8+CiAgPHBhdGggZD0iTTEgNXYtLjVhLjUuNSAwIDAgMSAxIDBWNWguNWEuNS41IDAgMCAxIDAgMWgtMmEuNS41IDAgMCAxIDAtMUgxem0wIDN2LS41YS41LjUgMCAwIDEgMSAwVjhoLjVhLjUuNSAwIDAgMSAwIDFoLTJhLjUuNSAwIDAgMSAwLTFIMXptMCAzdi0uNWEuNS41IDAgMCAxIDEgMHYuNWguNWEuNS41IDAgMCAxIDAgMWgtMmEuNS41IDAgMCAxIDAtMUgxeiIvPgo8L3N2Zz4=');
+}
+[bs-icon=layers-half], [vs-icon=layers]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguMjM1IDEuNTU5YS41LjUgMCAwIDAtLjQ3IDBsLTcuNSA0YS41LjUgMCAwIDAgMCAuODgyTDMuMTg4IDggLjI2NCA5LjU1OWEuNS41IDAgMCAwIDAgLjg4Mmw3LjUgNGEuNS41IDAgMCAwIC40NyAwbDcuNS00YS41LjUgMCAwIDAgMC0uODgyTDEyLjgxMyA4bDIuOTIyLTEuNTU5YS41LjUgMCAwIDAgMC0uODgybC03LjUtNHpNOCA5LjQzMyAxLjU2MiA2IDggMi41NjcgMTQuNDM4IDYgOCA5LjQzM3oiLz4KPC9zdmc+');
+}
+[bs-icon=layout-sidebar-reverse], [vs-icon=sidebar]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE2IDNhMiAyIDAgMCAwLTItMkgyYTIgMiAwIDAgMC0yIDJ2MTBhMiAyIDAgMCAwIDIgMmgxMmEyIDIgMCAwIDAgMi0yVjN6bS01LTF2MTJIMmExIDEgMCAwIDEtMS0xVjNhMSAxIDAgMCAxIDEtMWg5em0xIDBoMmExIDEgMCAwIDEgMSAxdjEwYTEgMSAwIDAgMS0xIDFoLTJWMnoiLz4KPC9zdmc+');
+}
+[bs-icon=lightbulb], [vs-icon=tip]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcidmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMiA2YTYgNiAwIDEgMSAxMC4xNzQgNC4zMWMtLjIwMy4xOTYtLjM1OS40LS40NTMuNjE5bC0uNzYyIDEuNzY5QS41LjUgMCAwIDEgMTAuNSAxM2EuNS41IDAgMCAxIDAgMSAuNS41IDAgMCAxIDAgMWwtLjIyNC40NDdhMSAxIDAgMCAxLS44OTQuNTUzSDYuNjE4YTEgMSAwIDAgMS0uODk0LS41NTNMNS41IDE1YS41LjUgMCAwIDEgMC0xIC41LjUgMCAwIDEgMC0xIC41LjUgMCAwIDEtLjQ2LS4zMDJsLS43NjEtMS43N2ExLjk2NCAxLjk2NCAwIDAgMC0uNDUzLS42MThBNS45ODQgNS45ODQgMCAwIDEgMiA2em02LTVhNSA1IDAgMCAwLTMuNDc5IDguNTkyYy4yNjMuMjU0LjUxNC41NjQuNjc2Ljk0MUw1LjgzIDEyaDQuMzQybC42MzItMS40NjdjLjE2Mi0uMzc3LjQxMy0uNjg3LjY3Ni0uOTQxQTUgNSAwIDAgMCA4IDF6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=lightning-charge-fill], [vs-icon=flash]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTExLjI1MS4wNjhhLjUuNSAwIDAgMSAuMjI3LjU4TDkuNjc3IDYuNUgxM2EuNS41IDAgMCAxIC4zNjQuODQzbC04IDguNWEuNS41IDAgMCAxLS44NDItLjQ5TDYuMzIzIDkuNUgzYS41LjUgMCAwIDEtLjM2NC0uODQzbDgtOC41YS41LjUgMCAwIDEgLjYxNS0uMDl6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=list], [vs-icon=list]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDEyYS41LjUgMCAwIDEgLjUtLjVoMTBhLjUuNSAwIDAgMSAwIDFIM2EuNS41IDAgMCAxLS41LS41em0wLTRhLjUuNSAwIDAgMSAuNS0uNWgxMGEuNS41IDAgMCAxIDAgMUgzYS41LjUgMCAwIDEtLjUtLjV6bTAtNGEuNS41IDAgMCAxIC41LS41aDEwYS41LjUgMCAwIDEgMCAxSDNhLjUuNSAwIDAgMS0uNS0uNXoiLz4KPC9zdmc+');
+}
+[bs-icon=link-45deg], [vs-icon=link]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQuNzE1IDYuNTQyIDMuMzQzIDcuOTE0YTMgMyAwIDEgMCA0LjI0MyA0LjI0M2wxLjgyOC0xLjgyOUEzIDMgMCAwIDAgOC41ODYgNS41TDggNi4wODZhMS4wMDIgMS4wMDIgMCAwIDAtLjE1NC4xOTkgMiAyIDAgMCAxIC44NjEgMy4zMzdMNi44OCAxMS40NWEyIDIgMCAxIDEtMi44My0yLjgzbC43OTMtLjc5MmE0LjAxOCA0LjAxOCAwIDAgMS0uMTI4LTEuMjg3eiIvPgogIDxwYXRoIGQ9Ik02LjU4NiA0LjY3MkEzIDMgMCAwIDAgNy40MTQgOS41bC43NzUtLjc3NmEyIDIgMCAwIDEtLjg5Ni0zLjM0Nkw5LjEyIDMuNTVhMiAyIDAgMSAxIDIuODMgMi44M2wtLjc5My43OTJjLjExMi40Mi4xNTUuODU1LjEyOCAxLjI4N2wxLjM3Mi0xLjM3MmEzIDMgMCAxIDAtNC4yNDMtNC4yNDNMNi41ODYgNC42NzJ6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=mic-fill], [vs-icon=mic]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTUgM2EzIDMgMCAwIDEgNiAwdjVhMyAzIDAgMCAxLTYgMFYzeiIvPgogIDxwYXRoIGQ9Ik0zLjUgNi41QS41LjUgMCAwIDEgNCA3djFhNCA0IDAgMCAwIDggMFY3YS41LjUgMCAwIDEgMSAwdjFhNSA1IDAgMCAxLTQuNSA0Ljk3NVYxNWgzYS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEgMC0xaDN2LTIuMDI1QTUgNSAwIDAgMSAzIDhWN2EuNS41IDAgMCAxIC41LS41eiIvPgo8L3N2Zz4=');
+}
+[bs-icon=mic-mute], [vs-icon=no-mic]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEzIDhjMCAuNTY0LS4wOTQgMS4xMDctLjI2NiAxLjYxM2wtLjgxNC0uODE0QTQuMDIgNC4wMiAwIDAgMCAxMiA4VjdhLjUuNSAwIDAgMSAxIDB2MXptLTUgNGMuODE4IDAgMS41NzgtLjI0NSAyLjIxMi0uNjY3bC43MTguNzE5YTQuOTczIDQuOTczIDAgMCAxLTIuNDMuOTIzVjE1aDNhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMSAwLTFoM3YtMi4wMjVBNSA1IDAgMCAxIDMgOFY3YS41LjUgMCAwIDEgMSAwdjFhNCA0IDAgMCAwIDQgNHptMy05djQuODc5bC0xLTFWM2EyIDIgMCAwIDAtMy45OTctLjExOGwtLjg0NS0uODQ1QTMuMDAxIDMuMDAxIDAgMCAxIDExIDN6Ii8+CiAgPHBhdGggZD0ibTkuNDg2IDEwLjYwNy0uNzQ4LS43NDhBMiAyIDAgMCAxIDYgOHYtLjg3OGwtMS0xVjhhMyAzIDAgMCAwIDQuNDg2IDIuNjA3em0tNy44NC05LjI1MyAxMiAxMiAuNzA4LS43MDgtMTItMTItLjcwOC43MDh6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=moon-fill], [vs-icon=dark]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYgLjI3OGEuNzY4Ljc2OCAwIDAgMSAuMDguODU4IDcuMjA4IDcuMjA4IDAgMCAwLS44NzggMy40NmMwIDQuMDIxIDMuMjc4IDcuMjc3IDcuMzE4IDcuMjc3LjUyNyAwIDEuMDQtLjA1NSAxLjUzMy0uMTZhLjc4Ny43ODcgMCAwIDEgLjgxLjMxNi43MzMuNzMzIDAgMCAxLS4wMzEuODkzQTguMzQ5IDguMzQ5IDAgMCAxIDguMzQ0IDE2QzMuNzM0IDE2IDAgMTIuMjg2IDAgNy43MSAwIDQuMjY2IDIuMTE0IDEuMzEyIDUuMTI0LjA2QS43NTIuNzUyIDAgMCAxIDYgLjI3OHoiLz4KPC9zdmc+');
+}
+[bs-icon=music-note-list], [vs-icon=music-list]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyIDEzYzAgMS4xMDUtMS4xMiAyLTIuNSAyUzcgMTQuMTA1IDcgMTNzMS4xMi0yIDIuNS0yIDIuNS44OTUgMi41IDJ6Ii8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTIgM3YxMGgtMVYzaDF6Ii8+CiAgPHBhdGggZD0iTTExIDIuODJhMSAxIDAgMCAxIC44MDQtLjk4bDMtLjZBMSAxIDAgMCAxIDE2IDIuMjJWNGwtNSAxVjIuODJ6Ii8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxMS41YS41LjUgMCAwIDEgLjUtLjVINGEuNS41IDAgMCAxIDAgMUguNWEuNS41IDAgMCAxLS41LS41em0wLTRBLjUuNSAwIDAgMSAuNSA3SDhhLjUuNSAwIDAgMSAwIDFILjVhLjUuNSAwIDAgMS0uNS0uNXptMC00QS41LjUgMCAwIDEgLjUgM0g4YS41LjUgMCAwIDEgMCAxSC41YS41LjUgMCAwIDEtLjUtLjV6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=music-note-beamed], [vs-icon=music]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYgMTNjMCAxLjEwNS0xLjEyIDItMi41IDJTMSAxNC4xMDUgMSAxM2MwLTEuMTA0IDEuMTItMiAyLjUtMnMyLjUuODk2IDIuNSAyem05LTJjMCAxLjEwNS0xLjEyIDItMi41IDJzLTIuNS0uODk1LTIuNS0yIDEuMTItMiAyLjUtMiAyLjUuODk1IDIuNSAyeiIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0IDExVjJoMXY5aC0xek02IDN2MTBINVYzaDF6Ii8+CiAgPHBhdGggZD0iTTUgMi45MDVhMSAxIDAgMCAxIC45LS45OTVsOC0uOGExIDEgMCAwIDEgMS4xLjk5NVYzTDUgNFYyLjkwNXoiLz4KPC9zdmc+');
+}
+[bs-icon=pause], [vs-icon=pause]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYgMy41YS41LjUgMCAwIDEgLjUuNXY4YS41LjUgMCAwIDEtMSAwVjRhLjUuNSAwIDAgMSAuNS0uNXptNCAwYS41LjUgMCAwIDEgLjUuNXY4YS41LjUgMCAwIDEtMSAwVjRhLjUuNSAwIDAgMSAuNS0uNXoiLz4KPC9zdmc+');
+}
+[bs-icon=pen], [vs-icon=edit]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0ibTEzLjQ5OC43OTUuMTQ5LS4xNDlhMS4yMDcgMS4yMDcgMCAxIDEgMS43MDcgMS43MDhsLS4xNDkuMTQ4YTEuNSAxLjUgMCAwIDEtLjA1OSAyLjA1OUw0Ljg1NCAxNC44NTRhLjUuNSAwIDAgMS0uMjMzLjEzMWwtNCAxYS41LjUgMCAwIDEtLjYwNi0uNjA2bDEtNGEuNS41IDAgMCAxIC4xMzEtLjIzMmw5LjY0Mi05LjY0MmEuNS41IDAgMCAwLS42NDIuMDU2TDYuODU0IDQuODU0YS41LjUgMCAxIDEtLjcwOC0uNzA4TDkuNDQuODU0QTEuNSAxLjUgMCAwIDEgMTEuNS43OTZhMS41IDEuNSAwIDAgMSAxLjk5OC0uMDAxem0tLjY0NC43NjZhLjUuNSAwIDAgMC0uNzA3IDBMMS45NSAxMS43NTZsLS43NjQgMy4wNTcgMy4wNTctLjc2NEwxNC40NCAzLjg1NGEuNS41IDAgMCAwIDAtLjcwOGwtMS41ODUtMS41ODV6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=person-bounding-box], [vs-icon=login]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEuNSAxYS41LjUgMCAwIDAtLjUuNXYzYS41LjUgMCAwIDEtMSAwdi0zQTEuNSAxLjUgMCAwIDEgMS41IDBoM2EuNS41IDAgMCAxIDAgMWgtM3pNMTEgLjVhLjUuNSAwIDAgMSAuNS0uNWgzQTEuNSAxLjUgMCAwIDEgMTYgMS41djNhLjUuNSAwIDAgMS0xIDB2LTNhLjUuNSAwIDAgMC0uNS0uNWgtM2EuNS41IDAgMCAxLS41LS41ek0uNSAxMWEuNS41IDAgMCAxIC41LjV2M2EuNS41IDAgMCAwIC41LjVoM2EuNS41IDAgMCAxIDAgMWgtM0ExLjUgMS41IDAgMCAxIDAgMTQuNXYtM2EuNS41IDAgMCAxIC41LS41em0xNSAwYS41LjUgMCAwIDEgLjUuNXYzYTEuNSAxLjUgMCAwIDEtMS41IDEuNWgtM2EuNS41IDAgMCAxIDAtMWgzYS41LjUgMCAwIDAgLjUtLjV2LTNhLjUuNSAwIDAgMSAuNS0uNXoiLz4KICA8cGF0aCBkPSJNMyAxNHMtMSAwLTEtMSAxLTQgNi00IDYgMyA2IDQtMSAxLTEgMUgzem04LTlhMyAzIDAgMSAxLTYgMCAzIDMgMCAwIDEgNiAweiIvPgo8L3N2Zz4=');
+}
+[bs-icon=pin-angle], [vs-icon=pin]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuODI4LjcyMmEuNS41IDAgMCAxIC4zNTQuMTQ2bDQuOTUgNC45NWEuNS41IDAgMCAxIDAgLjcwN2MtLjQ4LjQ4LTEuMDcyLjU4OC0xLjUwMy41ODgtLjE3NyAwLS4zMzUtLjAxOC0uNDYtLjAzOWwtMy4xMzQgMy4xMzRhNS45MjcgNS45MjcgMCAwIDEgLjE2IDEuMDEzYy4wNDYuNzAyLS4wMzIgMS42ODctLjcyIDIuMzc1YS41LjUgMCAwIDEtLjcwNyAwbC0yLjgyOS0yLjgyOC0zLjE4MiAzLjE4MmMtLjE5NS4xOTUtMS4yMTkuOTAyLTEuNDE0LjcwNy0uMTk1LS4xOTUuNTEyLTEuMjIuNzA3LTEuNDE0bDMuMTgyLTMuMTgyLTIuODI4LTIuODI5YS41LjUgMCAwIDEgMC0uNzA3Yy42ODgtLjY4OCAxLjY3My0uNzY3IDIuMzc1LS43MmE1LjkyMiA1LjkyMiAwIDAgMSAxLjAxMy4xNmwzLjEzNC0zLjEzM2EyLjc3MiAyLjc3MiAwIDAgMS0uMDQtLjQ2MWMwLS40My4xMDgtMS4wMjIuNTg5LTEuNTAzYS41LjUgMCAwIDEgLjM1My0uMTQ2em0uMTIyIDIuMTEydi0uMDAyLjAwMnptMC0uMDAydi4wMDJhLjUuNSAwIDAgMS0uMTIyLjUxTDYuMjkzIDYuODc4YS41LjUgMCAwIDEtLjUxMS4xMkg1Ljc4bC0uMDE0LS4wMDRhNC41MDcgNC41MDcgMCAwIDAtLjI4OC0uMDc2IDQuOTIyIDQuOTIyIDAgMCAwLS43NjUtLjExNmMtLjQyMi0uMDI4LS44MzYuMDA4LTEuMTc1LjE1bDUuNTEgNS41MDljLjE0MS0uMzQuMTc3LS43NTMuMTQ5LTEuMTc1YTQuOTI0IDQuOTI0IDAgMCAwLS4xOTItMS4wNTRsLS4wMDQtLjAxM3YtLjAwMWEuNS41IDAgMCAxIC4xMi0uNTEybDMuNTM2LTMuNTM1YS41LjUgMCAwIDEgLjUzMi0uMTE1bC4wOTYuMDIyYy4wODcuMDE3LjIwOC4wMzQuMzQ0LjAzNC4xMTQgMCAuMjMtLjAxMS4zNDMtLjA0TDkuOTI3IDIuMDI4Yy0uMDI5LjExMy0uMDQuMjMtLjA0LjM0M2ExLjc3OSAxLjc3OSAwIDAgMCAuMDYyLjQ2eiIvPgo8L3N2Zz4=');
+}
+[bs-icon=pip], [vs-icon=pip]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTAgMy41QTEuNSAxLjUgMCAwIDEgMS41IDJoMTNBMS41IDEuNSAwIDAgMSAxNiAzLjV2OWExLjUgMS41IDAgMCAxLTEuNSAxLjVoLTEzQTEuNSAxLjUgMCAwIDEgMCAxMi41di05ek0xLjUgM2EuNS41IDAgMCAwLS41LjV2OWEuNS41IDAgMCAwIC41LjVoMTNhLjUuNSAwIDAgMCAuNS0uNXYtOWEuNS41IDAgMCAwLS41LS41aC0xM3oiLz4KICA8cGF0aCBkPSJNOCA4LjVhLjUuNSAwIDAgMSAuNS0uNWg1YS41LjUgMCAwIDEgLjUuNXYzYS41LjUgMCAwIDEtLjUuNWgtNWEuNS41IDAgMCAxLS41LS41di0zeiIvPgo8L3N2Zz4=');
+}
+[bs-icon=play-fill], [vs-icon=play]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0ibTExLjU5NiA4LjY5Ny02LjM2MyAzLjY5MmMtLjU0LjMxMy0xLjIzMy0uMDY2LTEuMjMzLS42OTdWNC4zMDhjMC0uNjMuNjkyLTEuMDEgMS4yMzMtLjY5Nmw2LjM2MyAzLjY5MmEuODAyLjgwMiAwIDAgMSAwIDEuMzkzeiIvPgo8L3N2Zz4=');
+}
+[bs-icon=plus-lg], [vs-icon=plus]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAyYS41LjUgMCAwIDEgLjUuNXY1aDVhLjUuNSAwIDAgMSAwIDFoLTV2NWEuNS41IDAgMCAxLTEgMHYtNWgtNWEuNS41IDAgMCAxIDAtMWg1di01QS41LjUgMCAwIDEgOCAyWiIvPgo8L3N2Zz4=');
+}
+[bs-icon=power], [vs-icon=power]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuNSAxdjdoMVYxaC0xeiIvPgogIDxwYXRoIGQ9Ik0zIDguODEyYTQuOTk5IDQuOTk5IDAgMCAxIDIuNTc4LTQuMzc1bC0uNDg1LS44NzRBNiA2IDAgMSAwIDExIDMuNjE2bC0uNTAxLjg2NUE1IDUgMCAxIDEgMyA4LjgxMnoiLz4KPC9zdmc+');
+}
+[bs-icon=printer], [vs-icon=print]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTIuNSA4YS41LjUgMCAxIDAgMC0xIC41LjUgMCAwIDAgMCAxeiIvPgogIDxwYXRoIGQ9Ik01IDFhMiAyIDAgMCAwLTIgMnYySDJhMiAyIDAgMCAwLTIgMnYzYTIgMiAwIDAgMCAyIDJoMXYxYTIgMiAwIDAgMCAyIDJoNmEyIDIgMCAwIDAgMi0ydi0xaDFhMiAyIDAgMCAwIDItMlY3YTIgMiAwIDAgMC0yLTJoLTFWM2EyIDIgMCAwIDAtMi0ySDV6TTQgM2ExIDEgMCAwIDEgMS0xaDZhMSAxIDAgMCAxIDEgMXYySDRWM3ptMSA1YTIgMiAwIDAgMC0yIDJ2MUgyYTEgMSAwIDAgMS0xLTFWN2ExIDEgMCAwIDEgMS0xaDEyYTEgMSAwIDAgMSAxIDF2M2ExIDEgMCAwIDEtMSAxaC0xdi0xYTIgMiAwIDAgMC0yLTJINXptNyAydjNhMSAxIDAgMCAxLTEgMUg1YTEgMSAwIDAgMS0xLTF2LTNhMSAxIDAgMCAxIDEtMWg2YTEgMSAwIDAgMSAxIDF6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=question-circle-fill], [vs-icon=help]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE2IDhBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgMHpNNS40OTYgNi4wMzNoLjgyNWMuMTM4IDAgLjI0OC0uMTEzLjI2Ni0uMjUuMDktLjY1Ni41NC0xLjEzNCAxLjM0Mi0xLjEzNC42ODYgMCAxLjMxNC4zNDMgMS4zMTQgMS4xNjggMCAuNjM1LS4zNzQuOTI3LS45NjUgMS4zNzEtLjY3My40ODktMS4yMDYgMS4wNi0xLjE2OCAxLjk4N2wuMDAzLjIxN2EuMjUuMjUgMCAwIDAgLjI1LjI0NmguODExYS4yNS4yNSAwIDAgMCAuMjUtLjI1di0uMTA1YzAtLjcxOC4yNzMtLjkyNyAxLjAxLTEuNDg2LjYwOS0uNDYzIDEuMjQ0LS45NzcgMS4yNDQtMi4wNTYgMC0xLjUxMS0xLjI3Ni0yLjI0MS0yLjY3My0yLjI0MS0xLjI2NyAwLTIuNjU1LjU5LTIuNzUgMi4yODZhLjIzNy4yMzcgMCAwIDAgLjI0MS4yNDd6bTIuMzI1IDYuNDQzYy42MSAwIDEuMDI5LS4zOTQgMS4wMjktLjkyNyAwLS41NTItLjQyLS45NC0xLjAyOS0uOTQtLjU4NCAwLTEuMDA5LjM4OC0xLjAwOS45NCAwIC41MzMuNDI1LjkyNyAxLjAxLjkyN3oiLz4KPC9zdmc+');
+}
+[bs-icon=regex], [vs-icon=regexp]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMy4wNSAzLjA1YTcgNyAwIDAgMCAwIDkuOS41LjUgMCAwIDEtLjcwNy43MDcgOCA4IDAgMCAxIDAtMTEuMzE0LjUuNSAwIDEgMSAuNzA3LjcwN1ptOS45LS43MDdhLjUuNSAwIDAgMSAuNzA3IDAgOCA4IDAgMCAxIDAgMTEuMzE0LjUuNSAwIDAgMS0uNzA3LS43MDcgNyA3IDAgMCAwIDAtOS45LjUuNSAwIDAgMSAwLS43MDdaTTYgMTFhMSAxIDAgMSAxLTIgMCAxIDEgMCAwIDEgMiAwWm01LTYuNWEuNS41IDAgMCAwLTEgMHYyLjExN0w4LjI1NyA1LjU3YS41LjUgMCAwIDAtLjUxNC44NThMOS41MjggNy41IDcuNzQzIDguNTcxYS41LjUgMCAxIDAgLjUxNC44NThMMTAgOC4zODNWMTAuNWEuNS41IDAgMSAwIDEgMFY4LjM4M2wxLjc0MyAxLjA0NmEuNS41IDAgMCAwIC41MTQtLjg1OEwxMS40NzIgNy41bDEuNzg1LTEuMDcxYS41LjUgMCAxIDAtLjUxNC0uODU4TDExIDYuNjE3VjQuNVoiLz4KPC9zdmc+');
+}
+[bs-icon=send], [vs-icon=send]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE1Ljg1NC4xNDZhLjUuNSAwIDAgMSAuMTEuNTRsLTUuODE5IDE0LjU0N2EuNzUuNzUgMCAwIDEtMS4zMjkuMTI0bC0zLjE3OC00Ljk5NUwuNjQzIDcuMTg0YS43NS43NSAwIDAgMSAuMTI0LTEuMzNMMTUuMzE0LjAzN2EuNS41IDAgMCAxIC41NC4xMVpNNi42MzYgMTAuMDdsMi43NjEgNC4zMzhMMTQuMTMgMi41NzYgNi42MzYgMTAuMDdabTYuNzg3LTguMjAxTDEuNTkxIDYuNjAybDQuMzM5IDIuNzYgNy40OTQtNy40OTNaIi8+Cjwvc3ZnPg==');
+}
+[bs-icon=share], [vs-icon=share]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEzLjUgMWExLjUgMS41IDAgMSAwIDAgMyAxLjUgMS41IDAgMCAwIDAtM3pNMTEgMi41YTIuNSAyLjUgMCAxIDEgLjYwMyAxLjYyOGwtNi43MTggMy4xMmEyLjQ5OSAyLjQ5OSAwIDAgMSAwIDEuNTA0bDYuNzE4IDMuMTJhMi41IDIuNSAwIDEgMS0uNDg4Ljg3NmwtNi43MTgtMy4xMmEyLjUgMi41IDAgMSAxIDAtMy4yNTZsNi43MTgtMy4xMkEyLjUgMi41IDAgMCAxIDExIDIuNXptLTguNSA0YTEuNSAxLjUgMCAxIDAgMCAzIDEuNSAxLjUgMCAwIDAgMC0zem0xMSA1LjVhMS41IDEuNSAwIDEgMCAwIDMgMS41IDEuNSAwIDAgMCAwLTN6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=shield-fill-exclamation], [vs-icon=secury]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAwYy0uNjkgMC0xLjg0My4yNjUtMi45MjguNTYtMS4xMS4zLTIuMjI5LjY1NS0yLjg4Ny44N2ExLjU0IDEuNTQgMCAwIDAtMS4wNDQgMS4yNjJjLS41OTYgNC40NzcuNzg3IDcuNzk1IDIuNDY1IDkuOTlhMTEuNzc3IDExLjc3NyAwIDAgMCAyLjUxNyAyLjQ1M2MuMzg2LjI3My43NDQuNDgyIDEuMDQ4LjYyNS4yOC4xMzIuNTgxLjI0LjgyOS4yNHMuNTQ4LS4xMDguODI5LS4yNGE3LjE1OSA3LjE1OSAwIDAgMCAxLjA0OC0uNjI1IDExLjc3NSAxMS43NzUgMCAwIDAgMi41MTctMi40NTNjMS42NzgtMi4xOTUgMy4wNjEtNS41MTMgMi40NjUtOS45OWExLjU0MSAxLjU0MSAwIDAgMC0xLjA0NC0xLjI2MyA2Mi40NjcgNjIuNDY3IDAgMCAwLTIuODg3LS44N0M5Ljg0My4yNjYgOC42OSAwIDggMHptLS41NSA4LjUwMkw3LjEgNC45OTVhLjkwNS45MDUgMCAxIDEgMS44IDBsLS4zNSAzLjUwN2EuNTUyLjU1MiAwIDAgMS0xLjEgMHpNOC4wMDIgMTJhMSAxIDAgMSAxIDAtMiAxIDEgMCAwIDEgMCAyeiIvPgo8L3N2Zz4=');
+}
+[bs-icon=signpost-split], [vs-icon=signpost]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcgN1YxLjQxNGExIDEgMCAwIDEgMiAwVjJoNWExIDEgMCAwIDEgLjguNGwuOTc1IDEuM2EuNS41IDAgMCAxIDAgLjZMMTQuOCA1LjZhMSAxIDAgMCAxLS44LjRIOXYxMEg3di01SDJhMSAxIDAgMCAxLS44LS40TC4yMjUgOS4zYS41LjUgMCAwIDEgMC0uNkwxLjIgNy40QTEgMSAwIDAgMSAyIDdoNXptMSAzVjhIMmwtLjc1IDFMMiAxMGg2em0wLTVoNmwuNzUtMUwxNCAzSDh2MnoiLz4KPC9zdmc+');
+}
+[bs-icon=skip-end-fill], [vs-icon=next]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyLjUgNGEuNS41IDAgMCAwLTEgMHYzLjI0OEw1LjIzMyAzLjYxMkM0LjY5MyAzLjMgNCAzLjY3OCA0IDQuMzA4djcuMzg0YzAgLjYzLjY5MiAxLjAxIDEuMjMzLjY5N0wxMS41IDguNzUzVjEyYS41LjUgMCAwIDAgMSAwVjR6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=sliders], [vs-icon=control]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNSAyYTEuNSAxLjUgMCAxIDAgMCAzIDEuNSAxLjUgMCAwIDAgMC0zek05LjA1IDNhMi41IDIuNSAwIDAgMSA0LjkgMEgxNnYxaC0yLjA1YTIuNSAyLjUgMCAwIDEtNC45IDBIMFYzaDkuMDV6TTQuNSA3YTEuNSAxLjUgMCAxIDAgMCAzIDEuNSAxLjUgMCAwIDAgMC0zek0yLjA1IDhhMi41IDIuNSAwIDAgMSA0LjkgMEgxNnYxSDYuOTVhMi41IDIuNSAwIDAgMS00LjkgMEgwVjhoMi4wNXptOS40NSA0YTEuNSAxLjUgMCAxIDAgMCAzIDEuNSAxLjUgMCAwIDAgMC0zem0tMi40NSAxYTIuNSAyLjUgMCAwIDEgNC45IDBIMTZ2MWgtMi4wNWEyLjUgMi41IDAgMCAxLTQuOSAwSDB2LTFoOS4wNXoiLz4KPC9zdmc+');
+}
+[bs-icon=star], [vs-icon=star]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTIuODY2IDE0Ljg1Yy0uMDc4LjQ0NC4zNi43OTEuNzQ2LjU5M2w0LjM5LTIuMjU2IDQuMzg5IDIuMjU2Yy4zODYuMTk4LjgyNC0uMTQ5Ljc0Ni0uNTkybC0uODMtNC43MyAzLjUyMi0zLjM1NmMuMzMtLjMxNC4xNi0uODg4LS4yODItLjk1bC00Ljg5OC0uNjk2TDguNDY1Ljc5MmEuNTEzLjUxMyAwIDAgMC0uOTI3IDBMNS4zNTQgNS4xMmwtNC44OTguNjk2Yy0uNDQxLjA2Mi0uNjEyLjYzNi0uMjgzLjk1bDMuNTIzIDMuMzU2LS44MyA0Ljczem00LjkwNS0yLjc2Ny0zLjY4NiAxLjg5NC42OTQtMy45NTdhLjU2NS41NjUgMCAwIDAtLjE2My0uNTA1TDEuNzEgNi43NDVsNC4wNTItLjU3NmEuNTI1LjUyNSAwIDAgMCAuMzkzLS4yODhMOCAyLjIyM2wxLjg0NyAzLjY1OGEuNTI1LjUyNSAwIDAgMCAuMzkzLjI4OGw0LjA1Mi41NzUtMi45MDYgMi43N2EuNTY1LjU2NSAwIDAgMC0uMTYzLjUwNmwuNjk0IDMuOTU3LTMuNjg2LTEuODk0YS41MDMuNTAzIDAgMCAwLS40NjEgMHoiLz4KPC9zdmc+');
+}
+[bs-icon=star-fill], [vs-icon=starred]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTMuNjEyIDE1LjQ0M2MtLjM4Ni4xOTgtLjgyNC0uMTQ5LS43NDYtLjU5MmwuODMtNC43M0wuMTczIDYuNzY1Yy0uMzI5LS4zMTQtLjE1OC0uODg4LjI4My0uOTVsNC44OTgtLjY5Nkw3LjUzOC43OTJjLjE5Ny0uMzkuNzMtLjM5LjkyNyAwbDIuMTg0IDQuMzI3IDQuODk4LjY5NmMuNDQxLjA2Mi42MTIuNjM2LjI4Mi45NWwtMy41MjIgMy4zNTYuODMgNC43M2MuMDc4LjQ0My0uMzYuNzktLjc0Ni41OTJMOCAxMy4xODdsLTQuMzg5IDIuMjU2eiIvPgo8L3N2Zz4=');
+}
+[bs-icon=stopwatch], [vs-icon=timer]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguNSA1LjZhLjUuNSAwIDEgMC0xIDB2Mi45aC0zYS41LjUgMCAwIDAgMCAxSDhhLjUuNSAwIDAgMCAuNS0uNVY1LjZ6Ii8+CiAgPHBhdGggZD0iTTYuNSAxQS41LjUgMCAwIDEgNyAuNWgyYS41LjUgMCAwIDEgMCAxdi41N2MxLjM2LjE5NiAyLjU5NC43OCAzLjU4NCAxLjY0YS43MTUuNzE1IDAgMCAxIC4wMTItLjAxM2wuMzU0LS4zNTQtLjM1NC0uMzUzYS41LjUgMCAwIDEgLjcwNy0uNzA4bDEuNDE0IDEuNDE1YS41LjUgMCAxIDEtLjcwNy43MDdsLS4zNTMtLjM1NC0uMzU0LjM1NGEuNTEyLjUxMiAwIDAgMS0uMDEzLjAxMkE3IDcgMCAxIDEgNyAyLjA3MVYxLjVhLjUuNSAwIDAgMS0uNS0uNXpNOCAzYTYgNiAwIDEgMCAuMDAxIDEyQTYgNiAwIDAgMCA4IDN6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=tags], [vs-icon=tags]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTMgMnY0LjU4Nmw3IDdMMTQuNTg2IDlsLTctN0gzek0yIDJhMSAxIDAgMCAxIDEtMWg0LjU4NmExIDEgMCAwIDEgLjcwNy4yOTNsNyA3YTEgMSAwIDAgMSAwIDEuNDE0bC00LjU4NiA0LjU4NmExIDEgMCAwIDEtMS40MTQgMGwtNy03QTEgMSAwIDAgMSAyIDYuNTg2VjJ6Ii8+CiAgPHBhdGggZD0iTTUuNSA1YS41LjUgMCAxIDEgMC0xIC41LjUgMCAwIDEgMCAxem0wIDFhMS41IDEuNSAwIDEgMCAwLTMgMS41IDEuNSAwIDAgMCAwIDN6TTEgNy4wODZhMSAxIDAgMCAwIC4yOTMuNzA3TDguNzUgMTUuMjVsLS4wNDMuMDQzYTEgMSAwIDAgMS0xLjQxNCAwbC03LTdBMSAxIDAgMCAxIDAgNy41ODZWM2ExIDEgMCAwIDEgMS0xdjUuMDg2eiIvPgo8L3N2Zz4=');
+}
+[bs-icon=text-paragraph], [vs-icon=text]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMiAxMi41YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0wLTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTQtM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXoiLz4KPC9zdmc+');
+}
+[bs-icon=three-dots], [vs-icon=more]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTMgOS41YTEuNSAxLjUgMCAxIDEgMC0zIDEuNSAxLjUgMCAwIDEgMCAzem01IDBhMS41IDEuNSAwIDEgMSAwLTMgMS41IDEuNSAwIDAgMSAwIDN6bTUgMGExLjUgMS41IDAgMSAxIDAtMyAxLjUgMS41IDAgMCAxIDAgM3oiLz4KPC9zdmc+');
+}
+[bs-icon=trash], [vs-icon=delete]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTUuNSA1LjVBLjUuNSAwIDAgMSA2IDZ2NmEuNS41IDAgMCAxLTEgMFY2YS41LjUgMCAwIDEgLjUtLjV6bTIuNSAwYS41LjUgMCAwIDEgLjUuNXY2YS41LjUgMCAwIDEtMSAwVjZhLjUuNSAwIDAgMSAuNS0uNXptMyAuNWEuNS41IDAgMCAwLTEgMHY2YS41LjUgMCAwIDAgMSAwVjZ6Ii8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQuNSAzYTEgMSAwIDAgMS0xIDFIMTN2OWEyIDIgMCAwIDEtMiAySDVhMiAyIDAgMCAxLTItMlY0aC0uNWExIDEgMCAwIDEtMS0xVjJhMSAxIDAgMCAxIDEtMUg2YTEgMSAwIDAgMSAxLTFoMmExIDEgMCAwIDEgMSAxaDMuNWExIDEgMCAwIDEgMSAxdjF6TTQuMTE4IDQgNCA0LjA1OVYxM2ExIDEgMCAwIDAgMSAxaDZhMSAxIDAgMCAwIDEtMVY0LjA1OUwxMS44ODIgNEg0LjExOHpNMi41IDNWMmgxMXYxaC0xMXoiLz4KPC9zdmc+');
+}
+[bs-icon=volume-up-fill], [vs-icon=volume]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTExLjUzNiAxNC4wMUE4LjQ3MyA4LjQ3MyAwIDAgMCAxNC4wMjYgOGE4LjQ3MyA4LjQ3MyAwIDAgMC0yLjQ5LTYuMDFsLS43MDguNzA3QTcuNDc2IDcuNDc2IDAgMCAxIDEzLjAyNSA4YzAgMi4wNzEtLjg0IDMuOTQ2LTIuMTk3IDUuMzAzbC43MDguNzA3eiIvPgogIDxwYXRoIGQ9Ik0xMC4xMjEgMTIuNTk2QTYuNDggNi40OCAwIDAgMCAxMi4wMjUgOGE2LjQ4IDYuNDggMCAwIDAtMS45MDQtNC41OTZsLS43MDcuNzA3QTUuNDgzIDUuNDgzIDAgMCAxIDExLjAyNSA4YTUuNDgzIDUuNDgzIDAgMCAxLTEuNjEgMy44OWwuNzA2LjcwNnoiLz4KICA8cGF0aCBkPSJNOC43MDcgMTEuMTgyQTQuNDg2IDQuNDg2IDAgMCAwIDEwLjAyNSA4YTQuNDg2IDQuNDg2IDAgMCAwLTEuMzE4LTMuMTgyTDggNS41MjVBMy40ODkgMy40ODkgMCAwIDEgOS4wMjUgOCAzLjQ5IDMuNDkgMCAwIDEgOCAxMC40NzVsLjcwNy43MDd6TTYuNzE3IDMuNTVBLjUuNSAwIDAgMSA3IDR2OGEuNS41IDAgMCAxLS44MTIuMzlMMy44MjUgMTAuNUgxLjVBLjUuNSAwIDAgMSAxIDEwVjZhLjUuNSAwIDAgMSAuNS0uNWgyLjMyNWwyLjM2My0xLjg5YS41LjUgMCAwIDEgLjUyOS0uMDZ6Ii8+Cjwvc3ZnPg==');
+}
+[bs-icon=window], [vs-icon=window]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTIuNSA0YS41LjUgMCAxIDAgMC0xIC41LjUgMCAwIDAgMCAxem0yLS41YS41LjUgMCAxIDEtMSAwIC41LjUgMCAwIDEgMSAwem0xIC41YS41LjUgMCAxIDAgMC0xIC41LjUgMCAwIDAgMCAxeiIvPgogIDxwYXRoIGQ9Ik0yIDFhMiAyIDAgMCAwLTIgMnYxMGEyIDIgMCAwIDAgMiAyaDEyYTIgMiAwIDAgMCAyLTJWM2EyIDIgMCAwIDAtMi0ySDJ6bTEzIDJ2MkgxVjNhMSAxIDAgMCAxIDEtMWgxMmExIDEgMCAwIDEgMSAxek0yIDE0YTEgMSAwIDAgMS0xLTFWNmgxNHY3YTEgMSAwIDAgMS0xIDFIMnoiLz4KPC9zdmc+');
+}
+[bs-icon=x-lg], [vs-icon=x]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTIuMTQ2IDIuODU0YS41LjUgMCAxIDEgLjcwOC0uNzA4TDggNy4yOTNsNS4xNDYtNS4xNDdhLjUuNSAwIDAgMSAuNzA4LjcwOEw4LjcwNyA4bDUuMTQ3IDUuMTQ2YS41LjUgMCAwIDEtLjcwOC43MDhMOCA4LjcwN2wtNS4xNDYgNS4xNDdhLjUuNSAwIDAgMS0uNzA4LS43MDhMNy4yOTMgOCAyLjE0NiAyLjg1NFoiLz4KPC9zdmc+');
+}
+[bs-icon=zoom-in], [vs-icon=zoom-large]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi41IDEyYTUuNSA1LjUgMCAxIDAgMC0xMSA1LjUgNS41IDAgMCAwIDAgMTF6TTEzIDYuNWE2LjUgNi41IDAgMSAxLTEzIDAgNi41IDYuNSAwIDAgMSAxMyAweiIvPgogIDxwYXRoIGQ9Ik0xMC4zNDQgMTEuNzQyYy4wMy4wNC4wNjIuMDc4LjA5OC4xMTVsMy44NSAzLjg1YTEgMSAwIDAgMCAxLjQxNS0xLjQxNGwtMy44NS0zLjg1YTEuMDA3IDEuMDA3IDAgMCAwLS4xMTUtLjEgNi41MzggNi41MzggMCAwIDEtMS4zOTggMS40eiIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNSAzYS41LjUgMCAwIDEgLjUuNVY2aDIuNWEuNS41IDAgMCAxIDAgMUg3djIuNWEuNS41IDAgMCAxLTEgMFY3SDMuNWEuNS41IDAgMCAxIDAtMUg2VjMuNWEuNS41IDAgMCAxIC41LS41eiIvPgo8L3N2Zz4=');
+}
+[bs-icon=zoom-out], [vs-icon=zoom-small]{
+    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi41IDEyYTUuNSA1LjUgMCAxIDAgMC0xMSA1LjUgNS41IDAgMCAwIDAgMTF6TTEzIDYuNWE2LjUgNi41IDAgMSAxLTEzIDAgNi41IDYuNSAwIDAgMSAxMyAweiIvPgogIDxwYXRoIGQ9Ik0xMC4zNDQgMTEuNzQyYy4wMy4wNC4wNjIuMDc4LjA5OC4xMTVsMy44NSAzLjg1YTEgMSAwIDAgMCAxLjQxNS0xLjQxNGwtMy44NS0zLjg1YTEuMDA3IDEuMDA3IDAgMCAwLS4xMTUtLjEgNi41MzggNi41MzggMCAwIDEtMS4zOTggMS40eiIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMgNi41YS41LjUgMCAwIDEgLjUtLjVoNmEuNS41IDAgMCAxIDAgMWgtNmEuNS41IDAgMCAxLS41LS41eiIvPgo8L3N2Zz4=');
+}
\ No newline at end of file
diff --git a/src/style/icon.scss b/src/style/icon.scss
index 5d2538e..99d2609 100644
--- a/src/style/icon.scss
+++ b/src/style/icon.scss
@@ -1,3 +1,5 @@
+// vList icon for SCSS
+
 $icon_close: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/> </svg>');
 $icon_min: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"/></svg>');
 $icon_mode-min: url('data:image/svg+xml,<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" ><rect stroke="%23000000" fill="none" height="53" width="53" y="5" x="5" rx="10" stroke-width="5"/></svg>');
@@ -32,6 +34,4 @@ $icon_upload: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" vi
 $icon_theme-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/> </svg>');
 $icon_theme-light: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/></svg>');
 
-$icon_waiting: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2.5 15a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1h-11zm2-13v1c0 .537.12 1.045.337 1.5h6.326c.216-.455.337-.963.337-1.5V2h-7zm3 6.35c0 .701-.478 1.236-1.011 1.492A3.5 3.5 0 0 0 4.5 13s.866-1.299 3-1.48V8.35zm1 0v3.17c2.134.181 3 1.48 3 1.48a3.5 3.5 0 0 0-1.989-3.158C8.978 9.586 8.5 9.052 8.5 8.351z"/></svg>');
-
-$icon_: url('data:image/svg+xml,');
+$icon_waiting: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2.5 15a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1h-11zm2-13v1c0 .537.12 1.045.337 1.5h6.326c.216-.455.337-.963.337-1.5V2h-7zm3 6.35c0 .701-.478 1.236-1.011 1.492A3.5 3.5 0 0 0 4.5 13s.866-1.299 3-1.48V8.35zm1 0v3.17c2.134.181 3 1.48 3 1.48a3.5 3.5 0 0 0-1.989-3.158C8.978 9.586 8.5 9.052 8.5 8.351z"/></svg>');
\ No newline at end of file
diff --git a/src/utils/fs.ts b/src/utils/fs.ts
index b2ebeeb..8efcea2 100644
--- a/src/utils/fs.ts
+++ b/src/utils/fs.ts
@@ -1,17 +1,39 @@
-import type { vDir } from "@/env";
-import I_DESKTOP from '/icon/desktop.webp';
-import { reactive, ref, watch } from "vue";
-import type { AlertOpts, FileOrDir, ListPredirect, vFile, vSimpleFileOrDir } from "@/env";
-import { APP_API, DEFAULT_DIR_ICON, FILE_PROXY_SERVER, alert, getConfig, message } from "@/utils";
-import { type Ref } from "vue";
+/**
+ * vList FileSystem API 2.0
+ * @copyright 2024 izLab
+ * @version 3
+ */
+
+import type { FileOrDir, vDir, vFile } from "@/env";
+import { isReactive, reactive, ref, type Ref } from "vue";
+import { APP_API, FILE_PROXY_SERVER } from "/config";
 import SHA from "jssha";
-import { getIcon } from "./icon";
 
-export class PermissionDeniedError extends Error{}
-export class LoginError extends Error{}
+import I_DESKTOP from '/icon/desktop.webp';
+import { getConfig } from "./config";
+import { alert, getIcon, message } from "@/utils";
 
-interface xFile extends File{
-    fullpath?: string
+/**
+ * 请求后端出现错误时抛出的错误
+ */
+class APIError extends Error{
+    constructor(
+        message: string,
+        readonly code: number
+    ){
+        super(message);
+
+        this.name = ({
+            400: "SyntaxError",
+            401: "LoginError",
+            403: "PermissionDeniedError",
+            404: "NotFoundError",
+            409: "ConflictError",
+            412: "PreconditionFailedError",
+            500: "InternalServerError",
+            [-1]: "NetworkError"
+        } as Record<number, string>)[code] || "APIError";
+    }
 }
 
 /**
@@ -40,32 +62,6 @@ export const TREE = reactive<vDir>({
 });
 (TREE.parent as vDir).child = [TREE];
 
-const b64ch = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
-const b64chs = Array.prototype.slice.call(b64ch);
-
-/**
- * base64编码
- * @param buf 输入
- * @returns 输出
- */
-function base64_encode(buf: ArrayBuffer){
-    const bin = new Uint8Array(buf);
-    let u32, c0, c1, c2, asc = '';
-    const pad = bin.length % 3;
-    for (let i = 0; i < bin.length;) {
-        c0 = bin[i++],
-        c1 = bin[i++],
-        c2 = bin[i++];
-
-        u32 = (c0 << 16) | (c1 << 8) | c2;
-        asc += b64chs[u32 >> 18 & 63]
-            + b64chs[u32 >> 12 & 63]
-            + b64chs[u32 >> 6 & 63]
-            + b64chs[u32 & 63];
-    }
-    return pad ? asc.slice(0, pad - 3) + "===".substring(pad) : asc;
-}
-
 /**
  * 为双方安全传输编码的函数
  * @param ctxlen 消息长度
@@ -106,28 +102,140 @@ async function encrypto(ctxlen: number, pass: string, content: string):Promise<s
     return base64_encode(value);
 }
 
+const b64ch = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+const b64chs = Array.prototype.slice.call(b64ch);
+
 /**
- * 响应式带缓存的文件IO
+ * base64编码
+ * @param buf 输入
+ * @returns 输出
  */
-export namespace FS{
-    /**
-     * @private
-     */
-    let auth_key: null | Ref<string> = null;
+function base64_encode(buf: ArrayBuffer){
+    const bin = new Uint8Array(buf);
+    let u32, c0, c1, c2, asc = '';
+    const pad = bin.length % 3;
+    for (let i = 0; i < bin.length;) {
+        c0 = bin[i++],
+        c1 = bin[i++],
+        c2 = bin[i++];
 
-    /**
-     * 请求后端
-     * @private
-     * @param method 类型
-     * @param body 参数
-     * @param json 是否以json返回
-     * @returns JSON
-     */
-    export async function __request(method: string,body: Object, json = false){
+        u32 = (c0 << 16) | (c1 << 8) | c2;
+        asc += b64chs[u32 >> 18 & 63]
+            + b64chs[u32 >> 12 & 63]
+            + b64chs[u32 >> 6 & 63]
+            + b64chs[u32 & 63];
+    }
+    return pad ? asc.slice(0, pad - 3) + "===".substring(pad) : asc;
+}
+
+
+/**
+ * 清理路径，清除淤积的内容
+ * @param path 路径
+ * @returns 清理后的路径
+ */
+export function clearPath(path:string){
+    return path.replace('\\','/')
+        .replace(/\/+/,'/')
+        .replace('/./','/')
+        .replace(/\/[\w\W]+\/\.\.\//,'/');
+}
+
+/**
+ * 分割路径
+ * @param f 文件
+ * @returns 文件信息
+ */
+export function splitPath(f: { path: string }){
+    const path = clearPath(f.path),
+        slash = path.lastIndexOf('/', path.length -2),
+        dot = path.lastIndexOf('.');
+    return {
+        dir   : path.substring(0,slash +1) || '/',
+        name  : path.substring(slash + 1, dot == -1 ? undefined : dot),
+        ext   : path.substring(dot == -1 ? slash + 1 : dot + 1),
+        fname : path.substring(slash + 1)
+    }
+}
+
+/**
+ * 裁剪文件名，方便输出
+ * @param file 类文件 vFile
+ * @param maxlen 最大长度
+ * @returns 裁剪后的文件名
+ */
+export function clipFName(file:{name: string},maxlen = 20){
+    if(file.name.length > maxlen){
+        return file.name.substring(0,maxlen - 3) + '...'
+    }else{
+        return file.name;
+    }
+}
+
+/**
+ * 文件大小转换为字符串
+ * @param size 文件大小
+ * @returns 文件大小字符串
+ */
+export function size2str(size: number){
+    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'];
+    for (let i = 0; i < sizes.length; i++)
+        if (size / 1024 ** i < 800)
+            return (size / 1024 ** i).toFixed(1) + sizes[i];
+}
+
+/**
+ * 认证的Token
+ */
+let auth_key: Ref<string> | undefined;
+
+/**
+ * 请求用户输入Token完成身份验证
+ * @returns 密匙
+ */
+const login = () => new Promise<string>((rs, rj) => alert({
+    'type': 'prompt',
+    'title': '身份验证',
+    'message': '由于身份验证失败，操作失败。\n请输入身份ID，如果忘记请查看nginx配置',
+    'callback': (data) => {
         if(!auth_key)
             auth_key = getConfig('基础').authkey;
-        const content = JSON.stringify(body),
-            xhr = await fetch(APP_API + '?action=' + method,{
+        auth_key.value = data as string;
+        rs(data as string);
+    },
+    'button': [
+        {
+            'content': '放弃',
+            'color': '#e9e9e9',
+            'role': 'close',
+            'click': () => rj(new Error('User aborted due to password error'))
+        },{
+            'content': '提交',
+            'color': '#6ce587',
+            'role': 'submit'
+        }
+    ]
+}));
+
+/**
+ * 请求后端
+ * @private
+ * @param method 类型
+ * @param body 参数
+ * @param json 是否以json返回
+ * @returns JSON
+ */
+async function request(method: string,body: Object, json = false){
+
+    // 获取Token
+    if(!auth_key)
+        auth_key = getConfig('基础').authkey;
+
+    // 发送请求
+    const content = JSON.stringify(body);
+
+    try{
+        var xhr = await fetch(APP_API + '?action=' + method,{
             method: 'POST',
             body: content,
             headers: {
@@ -137,63 +245,451 @@ export namespace FS{
                     : ''
             },
         });
-        if(xhr.status == 403) throw new PermissionDeniedError(await xhr.text());
-        else if(xhr.status == 400) throw new SyntaxError(await xhr.text());
-        else if(xhr.status == 401) try{
-            await __auth();
-            await __request(method, body, json);
-        }catch{
-            throw new LoginError();
-        }else if(Math.floor(xhr.status / 100) != 2) throw new Error(await xhr.text());
-           
+    }catch(e){
+        throw new APIError(String(e), -1);
+    }
+
+    // 认证错误: 重试
+    if(xhr.status == 401){
         try{
-            if(json) return await xhr.json();
-            else return await xhr.text();
+            await login();
         }catch{
-            throw new TypeError('Server Error');
+            throw new APIError('Authentication failed', 401);
         }
+        await request(method, body, json);
+    }else if(Math.floor(xhr.status / 100) != 2){
+        throw new Error(await xhr.text());
+    }
+       
+    // 处理返回值
+    try{
+        if(json) return await xhr.json();
+        else return await xhr.text();
+    }catch{
+        throw new TypeError('Server Error');
     }
+}
+
+/**
+ * 向远程服务器上传文件
+ * @param file 文件内容，一般为File对象或Blob对象
+ * @param refl 引用文件对象
+ * @param option 参数
+ * @returns 当上传成功resolve，否则reject
+ */
+async function upload(file: Blob, refl: vFile, option?: {
+    overwrite?: boolean,
+    timeout?: number
+}){
+    if(!auth_key)
+        auth_key = getConfig('基础').authkey;
+
+    // 预检
+    const token = auth_key.value ? await encrypto(file.size, auth_key.value, refl.path) : '',
+        path = `${APP_API}?path=${encodeURIComponent(refl.path)}&length=${file.size}&overwrite=${option?.overwrite ? 'true' : 'false'}&action=upload`;
+    try{
+        var p_res = await fetch(path, {
+            headers: { 'Authorization': token },
+        });
+    }catch(e){
+        throw new APIError(String(e), -1);
+    }
+    if(p_res.status == 401){
+        // 认证错误: 重试
+        await login();
+        return await upload(file, refl, option);
+    }
+    if(Math.floor(p_res.status / 100) != 2)
+        throw new APIError(await p_res.text(), p_res.status);
+
+    // 上传
+    const xhr = new XMLHttpRequest();
+    xhr.open('POST', path, true);
+    xhr.setRequestHeader('Authorization', token);
+    xhr.timeout = option?.timeout ?? 60000;
+
+    // 绑定事件
+    xhr.addEventListener('progress', prog => 
+        refl.upload = (prog.loaded / prog.total) * 100
+    );
+    xhr.addEventListener('load', () => refl.upload = undefined);
+
+    // 返回值
+    return new Promise<void>((rs, rj) => {
+        xhr.addEventListener('load', () => Math.floor(xhr.status / 100) == 2 ? rs() : rj(new APIError(xhr.statusText, xhr.status)));
+        xhr.addEventListener('error', () => rj(new APIError('Network Error', -1)));
+        xhr.addEventListener('timeout', () => rj(new APIError('Timeout', -1)));
+        xhr.send(file);
+    });
+}
+const upload_ = upload;
 
+namespace Tree{
     /**
-     * 实用工具：通过input上传文件
-     * @param e 上传的文件，由`input`带来
-     * @param to_fd 目标文件夹，自动刷新
-     * @returns 上传成功的文件
+     * 加载文件夹
+     * @param input 输入文件夹
+     * @param quiet 静默模式，不弹出错误提示
      */
-    export async function upload(e: FileList | Array<File> | DragEvent | boolean, to_fd: vDir,
-        onCreate?: (file: vFile) => any
-    ):Promise<Array<vFile>>{
+    export async function load(input: vDir, quiet = false){
+        if(!isReactive(input)) throw new Error('Input is not reactive');
+        try{
+            // 加载父文件夹
+            input.lock = true;
+            const _item: Array<FileOrDir> = (await request('slist',{ path: input.path },true)).map((item: FileOrDir) => compileObject(item, input)),
+                // 排序
+                item = _item.filter(item => item.type == 'dir').sort((a, b) => a.name.localeCompare(b.name))
+                    .concat(_item.filter(item => item.type == 'file').sort((a, b) => a.name.localeCompare(b.name)) as any) as Array<FileOrDir>;
+            // 变成响应式数据        
+            input.child = reactive(item);
+        }catch(e){
+            quiet && message({
+                "type": "error",
+                "title": "文件资源管理器",
+                "content":{
+                    "title": '无法读取文件夹',
+                    "content": (e instanceof Error ? e.message : new String(e).toString()) || '未知错误'
+                },
+                "timeout": 5
+            });
+        }
+        input.lock = false;
+    }
 
-        // 通过DragEvent导入
+    /**
+     * 将由服务端生成的数据转换为FileOrDir对象
+     * @param input 输入对象
+     * @param parent 父节点
+     * @returns 转换后的对象
+     */
+    function compileObject(obj: FileOrDir, parent: vDir){
+        obj.parent = parent;
+        obj.path = parent.path + obj.name + (obj.type == 'dir' ? '/' : '');
+        obj.url = FILE_PROXY_SERVER + obj.path;
+        obj.parent = parent;
+        obj.type == 'dir' && (obj.active = new Map());
+        obj.icon = getIcon(obj.name, obj.type == 'file');
+        return isReactive(obj) ? obj : reactive(obj);
+    }
+
+    /**
+     * 获取被选中的文件（夹）
+     * @returns 被选中的文件（夹）
+     */
+    export function getActive(parent = TREE.parent): Array<FileOrDir>{
+        const active = [] as Array<FileOrDir>;
+        function traverse(tree: vDir){
+            if(tree.child)
+                for (const item of tree.child)
+                    if(tree.active.has(item))
+                        active.push(item);
+                    else if(item.type == 'dir')
+                        traverse(item);
+        }
+        parent && traverse(parent);
+        return active;
+    }
+
+    /**
+     * 取消所有选中的文件（夹）
+     */
+    export function clearActive(){
+        function traverse(tree: vDir){
+            tree.active.clear();
+            if(tree.child)
+                for (const item of tree.child)
+                    if(item.type == 'dir')
+                        traverse(item);
+        }
+        traverse(TREE.parent as vDir);
+    }
+
+    /**
+     * 获取文件或文件夹信息
+     * @param path 路径
+     * @param parent 父节点
+     * @returns 文件或文件夹信息
+     */
+    function stat(path: string, parent: vDir): Promise<vFile | vDir> {
+        return request('stat', { path }).then(res => compileObject(res, parent));
+    }
+
+    /**
+     * 补全预设，创建空文件或文件夹
+     * @param preset 预设值
+     * @returns 新对象
+     */
+    export function createObject(preset: Partial<FileOrDir> & { type: 'file' }): vFile;
+    export function createObject(preset: Partial<FileOrDir> & { type: 'dir' }): vDir;
+    export function createObject(preset: Partial<FileOrDir>): FileOrDir;
+    export function createObject(preset: Partial<vFile | vDir>){
+        // 生成路径
+        const path = preset.path ?? (preset.parent
+                ? preset.parent.path + preset.name + (preset.type == 'dir' ? '/' : '')
+                : ''),
+            url = path ? FILE_PROXY_SERVER + path : '';
+        if(preset.type == 'dir'){
+            var node: FileOrDir = reactive<vDir>({
+                ctime: 0,
+                type: 'dir',
+                name: '',
+                parent: null,
+                active: new Map(),
+                icon: preset.name ? getIcon(preset.name, false) : '',
+                ...preset,
+                url,path
+            });
+        }else if(preset.type == 'file'){
+            var node: FileOrDir = reactive<vFile>({
+                type: 'file',
+                ctime: 0,
+                name: '',
+                parent: null,
+                icon: preset.name ? getIcon(preset.name, true) : '',
+                size: 0,
+                ...preset,
+                url, path
+            });
+        }else{
+            throw new Error('Invalid object type (should be file or dir)');
+        }
+
+        if(preset.parent){
+            // 加入父节点
+            if(!preset.parent.child) load(preset.parent).then(() => preset.parent!.child!.push(node));
+            else preset.parent.child!.push(node);
+        }else if(import.meta.env.DEV)
+            console.warn('Parent node is required');
+        return node;
+    }
+
+    /**
+     * 在远程服务器中创建文件夹
+     * @param name 名称
+     * @param parent 父节点
+     * @returns 新文件夹
+     */
+    export async function createDir(name: string[], parent: vDir){
+        // 创建文件夹
+        await request('mkdir', { files: name.map(n => parent.path + n) });
+        // 添加文件夹
+        const exports: Array<vDir> = [];
+        name.forEach(n => {
+            const obj = createObject({
+                type: 'dir',
+                name: n,
+                parent: parent
+            });
+            exports.push(obj);
+            parent.child!.push(obj);
+        });
+        return exports;
+    }
+
+    /**
+     * 查找文件或文件夹
+     * 注意：有的时候目标同时是文件和文件夹，需要指定类型
+     *  但是当指定类型不存在时，会返回第一个匹配的节点
+     * @param path 路径
+     * @param force 确保这个路径存在，只是被隐藏了
+     * @param type 类型，默认为目录
+     * @returns 节点信息
+     */
+    export async function find(
+        path: string,
+        force = false,                   // 确保这个路径存在，只是被隐藏了
+        type: 'dir' | 'file' = 'dir',    // 有的时候目标同时是文件和文件夹
+        create_on_miss = false           // 当找不到文件夹时，是否创建
+    ) {
+        const paths = clearPath(path).split('/').filter(Boolean),
+            name = paths.pop()!;
+
+        let node = TREE;
+        if(paths.length == 0 && !name) return { parent: node.parent!, index: 0, file: node };
+
+        for(const part of paths){
+            // 刷新子节点
+            if(!node.child) try{
+                await load(node);
+            }catch(e){
+                if(e instanceof APIError && e.code == 404)
+                    throw new Error(`Directory "${path}" not found. Please refresh the cache`);
+                else throw e;
+            }
+
+            // 找到目标节点
+            const index = node.child!.findIndex(c => c.name == part && c.type == 'dir');
+            if(index == -1){    // 找不到目录
+                if(force) try{
+                    const nd = await stat(node.path + part, node) as vDir;
+                    node.child!.push(nd);
+                    node = nd;
+                }catch(e){
+                    if(e instanceof APIError && e.code == 404){
+                        // --CODE1
+                        if(create_on_miss)
+                            node = (await createDir([part], node))[0];
+                        else throw new Error(`Directory "${part}" not found`);
+                    }
+                    else throw e;
+                }else{
+                    // --CODE1
+                    if(create_on_miss)
+                        node = (await createDir([part], node))[0];
+                    else throw new Error(`Directory "${part}" not found`);
+                }
+            }else{   // 找到目录
+                node = node.child![index] as vDir;
+            }
+        }
+        return {
+            parent: node,
+            get index(){
+                let index = node.child!.findIndex(c => c.name == name && (type == 'dir' ? c.type == 'dir' : c.type == 'file'));
+                if(index == -1) index = node.child!.findIndex(c => c.name == name);
+                if(index == -1) throw new Error(`"${name}" not found in "${path}"`);
+                return index;
+            },
+            get file(): FileOrDir{ return node.child![this.index] },
+            set file(file: FileOrDir){ node.child![this.index] = file }
+        };
+    }
+}
+
+type IUploadArray = Array<{
+    file: Blob,
+    name: string,
+    path: string
+}>
+
+interface IUploadOption{
+    overwrite?: boolean,
+    timeout?: number,
+    created?: (file: vFile) => any,
+    uploaded?: (file: vFile) => any,
+    thread_pool?: number
+}
+
+async function uploadArray(files: IUploadArray, option?: IUploadOption){
+    type IUploadObj = IUploadArray[0] & { parent: vDir };
+
+    const exists: Array<IUploadObj> = [],
+        failed: Array<IUploadArray[0]> = [],
+        promises: Array<Promise<void>> = [];
+
+    async function up(file: Blob, name: string, parent: vDir){
+        const newobj = Tree.createObject({
+            type: 'file',
+            name,
+            parent,
+            size: file.size,
+            ctime: Date.now()
+        });
+        parent.child!.push(newobj);
+        option?.created && option.created(newobj);
+        await upload(file, newobj, option);
+        option?.uploaded && option.uploaded(newobj);
+    }
+
+    for(const { file, path, name } of files){
+        try{
+            var node = await Tree.find(path, true, 'file', true);
+        }catch{
+            failed.push({ file, path, name });
+            continue;
+        }
+
+        // 判断是否存在
+        try{
+            if(node.file.type == 'dir') throw 0;
+            exists.push({ file, parent: node.parent, path, name });
+            continue;
+        }catch{}
+
+        // 开始上传
+        try{
+            if(promises.length == option?.thread_pool || 1)
+                await Promise.race(promises);
+            promises.push(up(file, name, node.parent));
+        }catch{
+            failed.push({ file, path, name });
+        }
+    }
+
+    // 提示结果
+    if(exists.length > 0){
+        await new Promise(rs => alert({
+            "type": "prompt",
+            "title": "上传提示",
+            "message": `您选中的这些文件已经存在\n\n${
+                exists.map(item => ' ' + item.path).join('\n')
+            }\n\n确定覆盖吗`,
+            "callback": rs
+        }));
+        for(const item of exists)
+            await up(item.file, item.name, item.parent);
+    }
+
+    // 显示错误
+    if(failed.length > 0)
+        message({
+            "type": "error",
+            "title": "文件资源管理器",
+            "content":{
+                "title": '上传失败',
+                "content": `以下文件上传失败\n\n${
+                    failed.map(item => ' ' + item.path).join('\n')
+                }`
+            },
+            "timeout": 30
+        });
+}
+
+export namespace FS{
+    /**
+     * 上传文件或文件夹
+     *  - 参数为`DragEvent`时，会尝试读取拖放的文件列表
+     *  - 参数为`FileList`时，会尝试读取文件列表
+     *  - 参数为`null`时，会弹出文件选择框
+     * 
+     * @param e 事件或文件列表
+     * @param to 目标文件夹
+     * @param option 选项
+     * @returns 上传结果
+     */
+    export async function upload(e: DragEvent | FileList | null, to: vDir, option?: IUploadOption){
+        const files: IUploadArray = [];
         if(e instanceof DragEvent){
-            if(!e.dataTransfer) return [];
-                    
-            // 加载事件
+            if(!e.dataTransfer) throw new Error('Invalid drag event');
+
+            // 初始化事件
             e.preventDefault();
-            e.dataTransfer.dropEffect = 'copy';
+            e.dataTransfer!.dropEffect = 'copy';
 
-            // 遍历
-            const TREE = [] as Array<File>;
+            // 函数：递归添加
             async function add_to_tree(entry: FileSystemDirectoryEntry | FileSystemEntry, parent?: FileSystemDirectoryEntry) {
+                // 文件：加入数组
                 if (entry.isFile){ 
                     if(!parent) parent = await new Promise((rs, rj) => entry.getParent(rs as any, rj));
-                    const file = await new Promise<xFile>((rs, rj) => (entry as FileSystemFileEntry).file(rs, rj));
+                    const file = await new Promise<File>((rs, rj) => (entry as FileSystemFileEntry).file(rs, rj));
                     if(!file) return;
-                    file.fullpath = entry.fullPath;
-                    TREE.push(file);
+                    files.push({ file, name: file.name, path: entry.fullPath });
+                // 目录：递归
                 }else {
                     const reader = (entry as FileSystemDirectoryEntry).createReader();
 
                     while (true) {
+                        // 不断读取目录
                         const result: FileSystemEntry[] = await new Promise((rs, rj) => reader.readEntries(rs, rj));
                         if (result.length == 0) break;
                         else for (const item of result) {
+                            // 读取文件(夹)
                             let fileordir: FileSystemDirectoryEntry | FileSystemEntry;
                             if (item.isDirectory)
                                 fileordir = await new Promise((rs, rj) => (entry as FileSystemDirectoryEntry).getDirectory(item.fullPath, undefined, rs, rj));
                             else
                                 fileordir = await new Promise((rs, rj) => (entry as FileSystemDirectoryEntry).getFile(item.fullPath, undefined, rs, rj));
-                            add_to_tree(fileordir, entry as FileSystemDirectoryEntry)
+                            // 添加到列表
+                            add_to_tree(fileordir, entry as FileSystemDirectoryEntry);
                         }
                     }
                 }
@@ -202,22 +698,24 @@ export namespace FS{
             if(e.dataTransfer.items.length == 1){
                 await add_to_tree(e.dataTransfer.items[0].webkitGetAsEntry()!);
             }else{
+                // BUG: 经测试部分浏览器读取一个entry后变成空数组，因此需要遍历root
                 const entry = e.dataTransfer.items[0].webkitGetAsEntry()!;
                 const root = entry.filesystem.root;
                 if(root) await add_to_tree(root, root);
+                // 回退到遍历数组
                 else for (const item of e.dataTransfer.items) {
-                    const entry = item.webkitGetAsEntry();
+                    const entry = item?.webkitGetAsEntry();
                     if(!entry) continue;
                     await add_to_tree(entry);
                 }
             }
-
-            e = TREE;
-        }
-
-        // 通过选择框
-        if(typeof e == 'boolean')
-            e = await new Promise((rs, rj) => {
+        }else if(e instanceof FileList){
+            for(let i = 0; i < e.length; i++){
+                const file = e.item(i) as File;
+                files.push({ file, name: file.name, path: to.path + file.name });
+            }
+        }else{
+            const input = await new Promise<FileList>((rs, rj) => {
                 const input = document.createElement('input');
                 input.type = 'file';
                 input.multiple = !!e;
@@ -228,789 +726,239 @@ export namespace FS{
                         rj(new Error('User aborted'));
                 }
                 input.click();
-            }) as FileList;
-
-        // 检验根目录
-        if(!to_fd.child) try{
-            await loadTree(to_fd);
-        } catch {
-            message({
-                "title": "资源管理器",
-                "content": {
-                    "title": "上传错误",
-                    "content": "前提条件错误：根文件夹无法读取"
-                },
-                "type": "error",
-                "timeout": 10
             });
-            return [];
-        }
-
-        const repeated = [] as Array<vFile>,
-            repeated_files = [] as Array<File>,
-            uploaded = [] as Array<vFile>;
-        for (const file of e) {
-            // 相对的文件
-            if (file.webkitRelativePath || (file as xFile).fullpath) {
-                // 获取路径分层
-                var path = splitPath({
-                    path:
-                        file.webkitRelativePath
-                            ? file.webkitRelativePath
-                            : (file as xFile).fullpath as string
-                });
-                try{
-                    var parent = await stat(to_fd.path + path.dir) as vDir;
-                }catch{
-                    await mkdir(to_fd.path + path.dir);
-                    parent = await stat(to_fd.path + path.dir) as vDir;
-                }
-            } else {
-                var path = splitPath(to_fd),
-                    parent = to_fd;
-            }
-
-            const matched = parent.child?.find(item => item.name == path.fname);
-            if (matched && matched.type == 'file') {
-                repeated.push(matched), repeated_files.push(file);
-            } else if (matched && matched.type == 'dir') {
-                message({
-                    "title": "资源管理器",
-                    "content": {
-                        "title": "上传错误",
-                        "content": "前提条件错误：目标是一个文件夹"
-                    },
-                    "type": "error",
-                    "timeout": 10
-                });
-            } else {
-                // 直接开始上传
-                try {
-                    const ref_ele = ref();
-                    onCreate && watch(ref_ele, ele => onCreate(ele));
-                    await write(
-                        parent.path + '/' + file.name,
-                        file,
-                        undefined,
-                        ref_ele
-                    );
-                    ref_ele.value
-                } catch (e) {
-                    // 抛出错误
-                    message({
-                        "title": "资源管理器",
-                        "content": {
-                            "title": "上传错误",
-                            "content": (e as Error).message
-                        },
-                        "type": "error",
-                        "timeout": 10
-                    });
-                }
+            for(const file of input){
+                files.push({ file, name: file.name, path: to.path + file.name });
             }
         }
 
-        // 完毕
-        if(repeated.length > 0)
-            await new Promise(rs => alert({
-                "type": "prompt",
-                "title": "上传提示",
-                "message": `您选中的这些文件已经存在\n\n${
-                    repeated.map(item => ' ' + item.path).join('\n')
-                }\n\n确定覆盖吗`,
-                "callback": rs
-            } satisfies AlertOpts));
-
-        // 开始上传
-        const error_id = [] as Array<number>,
-            error = [] as Array<Error>;
-        for (let i = 0 ; i < repeated.length ; i ++) try{
-            const ref_ele = ref();
-            onCreate && watch(ref_ele, ele => onCreate(ele), { once: true });
-            await write(
-                repeated[i].path,
-                repeated_files[i],
-                undefined,
-                ref_ele
-            );
-            (repeated[i] as vFile).upload = undefined;
-            repeated[i].parent?.active.set(repeated[i], repeated[i].path);
-            uploaded.push(repeated[i]);
-        }catch(e){
-            error[i] = e as Error;
-            error_id.push(i);
-        }
-
-        let list = '';
-        for (const id of error_id)
-            list += `${repeated[id].path}: ${error[id]}\n`;
-        if(list) message({
-            'type': 'error',
-            'title': '上传错误',
-            'content': {
-                'title': '这些文件上传出错',
-                'content': list
-            },
-            'timeout': 10
-        });
-
-        return uploaded;
+        return await uploadArray(files, option);
     }
-
+    
     /**
-     * 列举一个文件夹
-     * @deprecated 请使用`list()`
-     * @param dir 文件夹路径
-     * @returns 列表
+     * 加载一个路径并返回目录节点
+     * @param path 路径
+     * @param reload 是否重新加载
+     * @returns 目录节点
      */
-    export async function __list(path:string, predirect: ListPredirect | {} = {}){
-        if(/^vfs:\/\/([a-z0-9-]+)\/(.+)$/.test(path))
-            throw new TypeError('vfs is not accessable');
-        (predirect as any).path = path[path.length -1] == '/' ? path : path + '/';
-        const item = (await __request('list',predirect,true) as Array<string>)
-            .map((item) => ({
-                name: item,
-                path: path + item,
-                url: FILE_PROXY_SERVER + path + item
-            } satisfies vSimpleFileOrDir)) as Array<vSimpleFileOrDir>;
-        return item.sort((a, b) => a.name.localeCompare(b.name));
-    }
-
-    export async function loadTree(input: vDir, quiet = false){
-        try{
-            // 加载父文件夹
-            input.lock = true;
-            const _item = (await __request('slist',{ path: input.path },true)).map((item:FileOrDir) => {
-                    item.url = FILE_PROXY_SERVER + input.path + item.name + (item.type == 'dir' ? '/' : '');
-                    item.path = input.path + item.name + (item.type == 'dir' ? '/' : '');
-                    item.parent = input;
-                    item.type == 'dir' && (item.active = new Map());
-                    return item;
-                }) as Array<FileOrDir>,
-                item = _item.filter(item => item.type == 'dir').sort((a, b) => a.name.localeCompare(b.name))
-                    .concat(_item.filter(item => item.type == 'file').sort((a, b) => a.name.localeCompare(b.name)) as any) as Array<FileOrDir>;
-            item.forEach(each => each.icon = getIcon(each.name, each.type == 'file'));
-            input.child = reactive(item);
-        }catch(e){
-            quiet && message({
-                "type": "error",
-                "title": "文件资源管理器",
-                "content":{
-                    "title": '无法读取文件夹',
-                    "content": (e instanceof Error ? e.message : new String(e).toString()) || '未知错误'
-                },
-                "timeout": 5
-            });
-        }
-        input.lock = false;
-    }
-
-    export function __findTree(dir: string):vDir{
-        const paths = clearPath(dir).split('/');
-        let current = TREE;
-        for (const name of paths) {
-            if(!name) continue;
-            if(!current.child) throw new Error('Folder not found');
-            const cur = (current.child as Array<FileOrDir>)
-               .find(item => item.name == name && item.type == 'dir');
-            if(!cur) throw new Error('Folder not found');
-            current = cur as vDir;
+    export async function loadPath(path: string, reload = false){
+        const { file } = await Tree.find(path, true, 'dir', true);
+        if(file.type != 'dir') throw new Error(`"${path}" is not a directory`);
+        
+        // 读取所有展开的文件夹，在重载后自动展开
+        const opened_folders: Array<string> = [];
+        function get_folders(node: vDir): number{
+            let added = 0;  // 记录当前目录下添加的目录数量
+            if(node.type == 'dir' && node.child)
+                for(const child of node.child){
+                    // 遍历所有文件夹
+                    if(child.type != 'dir') continue;
+                    // 没有展开或没有内容：作为末端节点
+                    if(!child.child?.length){
+                        opened_folders.push(child.path);
+                        added++;
+                    // 已经展开：递归处理
+                    }else{
+                        const added2 = get_folders(child);
+                        // 子目录全部空白: 作为末端节点
+                        if(added2 == 0){
+                            opened_folders.push(child.path);
+                            added++;
+                        // 有内容：展开
+                        }else added += added2;
+                    }
+                }
+            return added;
         }
-        return current;
+        get_folders(file);
+
+        // 加载目录
+        (file.child && !reload) || await Tree.load(file);
+        // 展开所有文件夹
+        for(const folder of opened_folders)
+            loadPath(folder, true);
+        return file;
     }
 
-    export async function  loadPaths(dir:Array<string>) {
+    /**
+     * 加载多个路径，自动排重复项
+     * @param dir 路径列表
+     */
+    export async function loadPaths(dir: string[]){
         dir = dir.filter(item => dir.every(item2 => item == item2 || !item.startsWith(item2)));
         for (const each of dir)
             await loadPath(each);
     }
 
-    export async function loadPath(dirpath: string, reload = false, create_on_miss = false): Promise<vDir>{
-        dirpath = clearPath(dirpath);
-        try{
-            await stat(dirpath);
-        }catch{
-            if(create_on_miss) await mkdir(dirpath);
-            else throw new Error('Folder not found');
-            
-            const dir = __findTree(dirpath);
-            await loadTree(dir);
-            return dir;
-        }
-
-        const dir = await stat(dirpath) as vDir;
-        if(!reload) return dir;
-        // 获取所有打开的子文件夹
-        function getOpenedFolder(tree: vDir): Array<string> {
-            const cache = [];
-            if (tree.child)
-                for (const fd of tree.child)
-                    if (fd.type == 'dir' && fd.child)
-                        cache.push(fd.path, ...getOpenedFolder(fd));
-
-            return cache;
-        }
-        // 排除重复项
-        let opened = getOpenedFolder(dir);
-        opened.filter(item => opened.every(item2 => item == item2 || !item.startsWith(item2)));
-        // 重新加载目录
-        await loadTree(dir);
-        // 依次加载子文件夹
-        for (const fd of opened) try {
-            await loadPath(fd);
-        } catch { }
-        return dir;
+    export async function list(path: string, create = false) {
+        const { file } = await Tree.find(path, true, 'dir', create);
+        if(file.type != 'dir') throw new Error(`"${path}" is not a directory`);
+        return file.child || [];
     }
 
-    /**
-     * （带缓存功能，响应式）
-     * 列举一个文件夹，并且返回子项目详细信息
-     * @param path 路径
-     * @param create 是否创建不存在的目录
-     * @returns 子项目数组
-     */
-    export async function list(path:string, create = false):Promise<Array<FileOrDir>>{
-        let current = TREE;
-        path = clearPath(path);
-        for (const name of path.split('/')) {
-            if(!name) continue;
-            if(!current.child) await loadTree(current, true);
-            const cur = (current.child as Array<FileOrDir>).filter(item => item.name == name && item.type == 'dir')[0] as vDir | undefined;
-            if(!cur){
-                // 存在，只是被隐藏了
-                try{
-                    if((await stat(current.path + name + '/')).type != 'dir')
-                        throw 1;
-                    current.child?.unshift(current = {
-                        'type': 'dir',
-                        'ctime': Date.now(),
-                        'icon': DEFAULT_DIR_ICON,
-                        'name': name,
-                        'path': current.path + name + '/',
-                        'url': current.url + name + '/',
-                        parent: current,
-                        active: new Map()
-                    });
-                // 找不到就创建
-                }catch{
-                    if(create) await mkdir(current.path + name + '/');
-                    else throw new Error('Folder not found');
-                }
-            }else current = cur;
+    async function __move(generator: () => Iterable<[string, string]>){
+        // 移动元素
+        for(const [source, target] of generator()){
+            // 删除源
+            const { parent, index } = await Tree.find(source, true, 'file');
+            const node = parent.child!.splice(index, 1)[0];
+
+            // 获取目标
+            const tarobj = await Tree.find(target, true, 'file', true);
+            try{
+                // 如果不存在文件会报错，用此删除重复节点
+                tarobj.index;
+                tarobj.parent.child!.splice(tarobj.index, 1);
+            }catch{}
+            node.type == 'file'
+                ? tarobj.parent.child!.push(node)
+                : tarobj.parent.child!.unshift(node);
+
+            // 修改目标
+            node.path = target;
+            node.url = FILE_PROXY_SERVER + clearPath(target);
+            node.parent = tarobj.parent;
+            node.type == 'file' && (node.icon = getIcon(node.name, true));
+            node.type == 'dir' && (node.active = new Map(), node.child = []);
+            const inf = splitPath({ path: target });
+            node.name = inf.fname;
         }
-        if(!current.child) await loadTree(current);
-        return current.child as Array<FileOrDir>;
     }
 
-    /**
-     * 重命名文件
-     * 与`move()`不同的是, `rename()`是一对一的，而`move()`是多个复制到一个文件夹中的
-     * 对于批量复制到一个地方`move()`更简便且节省带宽
-     * @param fileList 文件列表，键值对应 `源文件:目标文件`
-     */
-    export async function rename(fileList: Record<string,string>, highlight = true):Promise<void>{
-        // 查重
-        const items = Object.keys(fileList).concat(Object.values(fileList)),
-            set = new Set(items);
-        if(set.size != items.length)
-            throw new Error('Duplicate file path');
-        if(items.length == 0) return;
+    export async function rename(map: Record<string, string>){
+        // 分析是否会交叉重命名造成覆盖
+        // 如： 001 -> 002, 002 -> 003, 003 -> 001
+        const files = Object.keys(map);
+        for(let i = 0 ; i < files.length; i++){
+            const source = files[i],
+                target = map[source];
+            if(files.includes(target))
+                throw new Error(`conflict: ${source} -> ${target} while target already exists`);
+            else
+                files[i] = target;
+        }
 
         // 重命名
-        await __request('rename', fileList, false);
-        // 将这些文件从原TREE位置删除
-        for(let [src, dst] of Object.entries(fileList)){
-            // 找到原节点
-            let current = TREE;
-            const paths = src.split('/').filter(item => !!item);
-            dst = clearPath(dst);
-            for(let i = 0; i < paths.length - 1; i++){
-                const name = paths[i];
-                current = (current.child as Array<FileOrDir>)
-                    .filter(item => item.name == name && item.type == 'dir')[0] as vDir;
-            }
-            // 去除节点
-            const index = (current.child as Array<FileOrDir>).findIndex(item => item.path == src);
-            const node = current.child![index];
-            index != -1 && (current.child as Array<FileOrDir>).splice(index, 1);
-            current.parent?.active.delete(node);
-            // 找到目标节点并插入
-            current = TREE;
-            const paths2 = dst.split('/').filter(item => !!item);
-            for(let i = 0; i < paths2.length - 1; i++){
-                const name = paths2[i];
-                if(!current.child) await loadTree(current, true);
-                current = current.child!.filter(item => item.name == name && item.type == 'dir')[0] as vDir;
-            }
-            // 是否重复
-            const newname = paths2[paths2.length - 1];
-            function merge(source: vDir, target: vDir){
-                for(const item of source.child!)
-                    if(item.type == 'file')
-                        target.child!.push(item);
-                    else if(target.child!.some(item2 => item2.name == item.name))
-                        merge(item, target.child!.find(item2 => item2.name == item.name) as vDir);
-                    else
-                        target.child!.push(item);
-            }
-            if(current.child && current.child.some(item => item.name == newname)){
-                const targetNode = current.child.find(item => item.name == newname)!;
-                if(node.type != targetNode.type)
-                    throw new Error('Target path already exists');
-                if(node.type == 'file')
-                    current.child[current.child.findIndex(item => item.name == newname)] = node;
-                else
-                    merge(node, current.child.find(item => item.name == newname) as vDir);
-            }else{
-                node.type == 'file'
-                    ? current.child!.push(node)
-                    : current.child!.unshift(node);
-                // 更改节点路径
-                if(node.type == 'dir' && dst[dst.length -1] != '/') dst += '/';
-                node.icon = getIcon(node.name, node.type == 'file');
-                node.type == 'dir' && __update_child(node);
-                node.parent = current;
-                node.path = dst;
-                node.url = FILE_PROXY_SERVER + dst;
-                node.name = paths2[paths2.length - 1];
-                if(highlight) current.active.set(node, node.path);
-            }
-        }
+        await request('rename', map, false);
+        await __move(() => Object.entries(map))
     }
 
-    export async function  stat(path:string):Promise<FileOrDir>{
-        let match: RegExpMatchArray | null;
-        let use_create = false;
-        if(match = path.match(/^vfs:\/\/([a-z0-9-]+)\/(.+)$/))
-            return new Promise(rs => match && rs(vfiles[match[1]]));
-
-        // 尝试找到这个文件
-        let current = TREE;
-        const paths = path.split('/').filter(item => !!item);
-        if(paths.length == 0) return current;
-        for(let i = 0; i < paths.length; i++){
-            const name = paths[i];
-            if(!name) continue;
-            if(!current.child) await loadTree(current, true);
-            const cur = (current.child as Array<FileOrDir>).find(item => item.name == name);
-            if(!cur){
-                use_create = true;
-                break; // 找不到就尝试直接stat()
-            }
-
-            // 找到了
-            if(i == paths.length - 1)
-                return cur;
+    export async function stat(path: string){
+        const { file } = await Tree.find(path, true, 'file', false);
+        return file;
+    }
 
-            // 不是文件，抛出错误
-            else if(cur.type == 'file')
-                throw new Error('Path ' + paths.slice(0, i+1).join('/') + ' is not a dir');
+    export async function move(source: Array<string> | string, target: string, deep = false){
+        if(source?.length == 0) return;
+        const files = typeof source == 'string' ? [source] : source;
+        await request(deep ? 'fmove' : 'move', { from: source, to: target });
+        await __move(() => files.map(item => [item, target + splitPath({ path: item }).name]));
+    }
 
-            // 继续查找
-            else
-                current = cur;
-        }
-
-        
-        const res = await __request('stat',{ path }, true) as FileOrDir;
-        res.type == 'dir' && path[path.length -1] != '/' && (path += '/');
-        res.type == 'file' && path[path.length -1] == '/' && (path = path.slice(0, -1));
-        res.icon = getIcon(res.name, res.type == 'file');
-        res.path = path;
-        res.url = FILE_PROXY_SERVER + path;
-        res.parent = current;
-        res.type == 'dir' && (res.active = new Map());
-        use_create && __create(() => res, [ path ]);
-        return res;
-    }
-
-    export async function del(files:Array<string>|string){
-        if(files?.length == 0) return;
-        await __request('delete', { files: typeof files == 'string' ? [files] : files });
-        // 删除源节点
-        for(const file of typeof files == 'string' ? [files] : files){
-            let current = TREE;
-            const paths = file.split('/').filter(item => !!item);
-            for(let i = 0; i < paths.length - 1; i++){
-                const name = paths[i];
-                if(!current.child) await loadTree(current, true);
-                current = (current.child as Array<FileOrDir>)
-                    .find(item => item.name == name && item.type == 'dir') as vDir;
-            }
-            const index = (current.child as Array<FileOrDir>).findIndex(item => item.path == file);
-            index != -1 && (current.child as Array<FileOrDir>).splice(index, 1);
+    export async function del(file: Array<string> | string){
+        if(file?.length == 0) return;
+        const files = typeof file == 'string' ? [file] : file;
+        await request('delete', { files });
+        // 删除节点
+        for(const each of files){
+            const { parent, index } = await Tree.find(each, true, 'file');
+            parent.child!.splice(index, 1);
         }
     }
 
-    /**
-     * 在指定的父文件夹中创建返回的元素
-     */
-    async function __create(item: (name: string, fullpath: string, parent: vDir) => FileOrDir, files: Array<string>){
-        for(const dir of files) await (async function(){
-            // 找到dir
-            let current = TREE;
-            const paths = dir.split('/').filter(item => !!item);
-            let require_mkdir = false;
-            for(let i = 0; i < paths.length -1; i++){
-                const name = paths[i];
-                if(current.type != 'dir') throw new Error('Path ' + paths.slice(0, i+1).join('/') + ' is not a dir');
-                if(!current.child) await loadTree(current, true);
-                current = (current.child as Array<FileOrDir>).find(item => item.name == name && item.type == 'dir') as vDir;
-                if(!current) { require_mkdir = true; break; }
-            }
-            // 创建文件夹
-            if(require_mkdir){
-                await mkdir(paths.slice(0, paths.length -1).join('/'));
-                current = await stat(paths.slice(0, paths.length -1).join('/')) as vDir;
-            }
-            current.child || (current.child = []);
-            const nitem = item(paths[paths.length - 1], dir, current);
-            // 排异
-            for(let i = 0; i < current.child.length - 1; i++)
-                if(current.child[i].name == paths[paths.length - 1])
-                    current.child[i] = nitem;
-            // 添加一个
-            nitem.type == 'file'
-                ? current.child.push(nitem)
-                : current.child.unshift(nitem);
-        })();
-    }
-
-    export async function  mkdir(dirs: Array<string>|string){
-        if(dirs?.length == 0) return;
-        await __request('mkdir', { files: typeof dirs == 'string' ? [dirs] : dirs });
-        // 在文件夹下创建文件夹
-        await __create((name, dirpath, parent) => ({
-            "type": "dir",
-            "ctime": Date.now(),
-            "icon": DEFAULT_DIR_ICON,
-            "name": name,
-            "path": clearPath(dirpath),
-            "url": FILE_PROXY_SERVER + (dirpath.endsWith('/') ? dirpath + name + '/' : dirpath + name),
-            parent,
-            active: new Map()
-        }), typeof dirs == 'string' ? [dirs] : dirs);
+    export async function mkdir(dirs: string[] | string){
+        if(typeof dirs == 'string') dirs = [dirs];
+        await request('mkdir', { files: dirs });
+        // 创建节点
+        for(const dir of dirs){
+            const { parent } = await Tree.find(dir, true, 'dir', true);
+            const inf = splitPath({ path: dir });
+            const node = Tree.createObject({
+                type: 'dir',
+                name: inf.fname,
+                parent,
+                path: dir
+            });
+            parent.child || (Tree.load(parent))
+            parent.child!.push(node);
+        }
     }
 
-    export async function  touch(files:Array<string>|string, mode?: number){
-        if(mode && mode > 0o7777)
+    export async function touch(files: string[] | string, mode = 0o755){
+        if(typeof files == 'string') files = [files];
+        if(mode > 0o777 || mode < 0)
             throw new Error('Mode Error');
-        files = typeof files == 'string' ? [files] : files;
         if(files.length == 0) return;
-        await __request('touch', { 
-            files,
-            mode
-        });
-        await __create((name, fullpath, parent) => ({
-            "type": "file",
-            "ctime": Date.now(),
-            "icon": getIcon(name, true),
-            "name": name,
-            "path": clearPath(fullpath),
-            "url": FILE_PROXY_SERVER + fullpath,
-            "size": 0,
-            parent,
-            active: new Map()
-        }), files);
-    }
-
-    async function __analysis_from_to(delete_origin = false, from: Array<string>, to: string, highlight = true){
-        // 找到目标节点
-        let current = TREE;
-        const paths = to.split('/');
-        for(let i = 0; i < paths.length; i++){
-            const name = paths[i];
-            if(!name) continue;
-            if(!current.child) await loadTree(current, true);
-            current = (current.child as Array<FileOrDir>)
-                .find(item => item.name == name && item.type == 'dir') as vDir;
-        }
-        const target = current;
-        // 找到源节点
-        for(const item of from){
-            let current = TREE;
-            const paths = item.split('/').filter(item => !!item);
-            for(let i = 0; i < paths.length - 1; i++){
-                const name = paths[i];
-                if(!current.child) await loadTree(current, true);
-                current = (current.child as Array<FileOrDir>)
-                    .find(item => item.name == name && item.type == 'dir') as vDir;
-            }
-            const index = (current.child as Array<FileOrDir>)
-                .findIndex(item => item.name == paths[paths.length - 1]);
-            target.child || (target.child = []);
-            // 检查是否重复
-            function merge(source: vDir, target: vDir){
-                for(const item of source.child!)
-                    if(item.type == 'file')
-                        target.child!.push(item);
-                    else if(target.child!.some(item2 => item2.name == item.name))
-                        merge(item, target.child!.find(item2 => item2.name == item.name) as vDir);
-                    else
-                        target.child!.push(item);
-            }
-            if(target.child.some(item => item.name == paths[paths.length - 1])){
-                if(delete_origin)
-                    current.child && (current.child as Array<FileOrDir>).splice(index, 1);
-                else if(current.child![index].type == 'file')
-                    target.child[target.child.findIndex(item => item.name == paths[paths.length - 1])] = current.child![index];
-                else
-                    merge(current.child![index] as vDir, target.child.find(item => item.name == paths[paths.length - 1]) as vDir);
-            }else{
-                current.child![index].type == 'file' 
-                    ? target.child.push(current.child![index])
-                    : target.child.unshift(current.child![index]);
-                if(delete_origin)
-                    current.child && (current.child as Array<FileOrDir>).splice(index, 1);
-                current.child![index].parent = target;
-                if(highlight) target.active.set(current.child![index], current.child![index].path);
-            }
+        await request('touch', { files, mode });
+        // 创建节点
+        for(const file of files){
+            const { parent } = await Tree.find(file, true, 'file', true);
+            const inf = splitPath({ path: file });
+            const node = Tree.createObject({
+                type: 'file',
+                name: inf.fname,
+                parent,
+                path: file,
+                size: 0,
+                ctime: Date.now()
+            });
+            parent.child || (Tree.load(parent))
+            parent.child!.push(node);
         }
-        // 更新子项目路径
-        __update_child(target);
-    }
-    
-    function __update_child(parent: vDir){
-        if(!parent.child) return;
-        for(const item of parent.child)
-            if(item.type == 'dir')
-                __update_child(item);
-            else
-                item.path = parent.path + item.name + (item.type == 'file' ? '' : '/'),
-                item.url = FILE_PROXY_SERVER + parent.path + item.name + (item.type == 'file' ? '' : '/');
     }
 
-    export async function  copy(from:Array<string>|string,to:string){
-        from = typeof from == 'string' ? [from] : from;
-        if(from.length == 0) return;
-        await __request('copy', {
-            from,
-            to
-        });
-        await __analysis_from_to(false, from, to);
-    }
-
-    export async function  move(from:Array<string>|string, to:string, deep_move = false){
-        from = typeof from == 'string' ? [from] : from;
-        if(from.length == 0) return;
-        await __request(deep_move ? 'fmove' : 'move', {
-            from,
-            to
-        });
-        await __analysis_from_to(true, from, to);
+    export async function copy(source: Array<string> | string, target: string){
+        if(source?.length == 0) return;
+        const files = typeof source == 'string' ? [source] : source;
+        await request('copy', { from: source, to: target });
+        // 复制节点
+        for(const each of files){
+            const { parent, file } = await Tree.find(each, true, 'file');
+            const node = Tree.createObject({
+                type: file.type,
+                name: splitPath({ path: each }).name,
+                parent,
+                path: target + splitPath({ path: each }).name,
+                size: file.type == 'file' ? file.size : undefined,
+                ctime: file.ctime
+            });
+            parent.child || (Tree.load(parent))
+            parent.child!.push(node);
+        }
     }
 
-    /**
-     * @private
-     */
-    const __auth = () => new Promise<string>((rs, rj) => alert({
-        'type': 'prompt',
-        'title': '身份验证',
-        'message': '由于身份验证失败，操作失败。\n请输入身份ID，如果忘记请查看nginx配置',
-        'callback': (data) => {
-            if(!auth_key)
-                auth_key = getConfig('基础').authkey;
-            auth_key.value = data as string;
-            rs(data as string);
-        },
-        'button': [
-            {
-                'content': '放弃',
-                'color': '#e9e9e9',
-                'role': 'close',
-                'click': () => rj(new Error('User aborted due to password error'))
-            },{
-                'content': '提交',
-                'color': '#6ce587',
-                'role': 'submit'
-            }
-        ]
-    } satisfies AlertOpts))
-
-    export function write(
+    export async function write(
         file:string,
         content: Blob,
-        progress?:(this: XMLHttpRequest, ev: number) => any,
-        file_ref?: Ref<vFile | undefined>
-    ):Promise<string>{
-        if(!auth_key)
-            auth_key = getConfig('基础').authkey;
-
-        // 虚拟文件系统
-        let match: RegExpMatchArray | null;
-        if(match = file.match(/^vfs:\/\/([a-z0-9-]+)\/(.+)$/))
-            return (async () => {
-                if(!match) throw 1;  // TypeScript Check
-
-                const obj = vfiles[match[1]],
-                    write = await obj.vHandle.createWritable({
-                        "keepExistingData": false
-                    });
-                await write.write(content);
-                return 'OK';
-            })();
-
-        const promise = new Promise(async (rs,rj) => {
-            // 预检
-            let _pre;
-            try{
-                _pre = await fetch(APP_API + '?action=upload&path=' + encodeURIComponent(file) + '&length=' + content.size,{
-                    headers: {
-                        'Authorization': auth_key?.value
-                            ? await encrypto(content.size, auth_key.value, file)
-                            : ''
-                    }
-                });
-                if(_pre.status == 401){
-                    await __auth();
-                    return await write(file, content, progress).then(rs).catch(rj);
-                }
-                if(Math.floor(_pre.status / 100) != 2) throw 0;
-            }catch{
-                return rj(new Error('PreUpload Failed: ' + (_pre ? await _pre.text() : 'Unknown Error')));
-            }
-
-            file_ref = file_ref || ref<vFile>();
-            await __create((name, fullpath, parent) => (file_ref as Ref<vFile>).value = reactive({
-                "type": "file",
-                "ctime": Date.now(),
-                "icon": getIcon(name, true),
-                "name": name,
-                "path": fullpath,
-                "url": FILE_PROXY_SERVER + fullpath,
-                "size": content.size,
-                parent,
-                active: new Map()
-            }), [file]);
-
-            const xhr = new XMLHttpRequest();
-            xhr.timeout = 60000;
-            
-            if(progress) xhr.addEventListener('progress', ev => 
-                progress.call(xhr, (file_ref?.value as vFile).upload = ev.loaded / ev.total * 100)
-            );
-            xhr.addEventListener('load', () => 
-                Math.floor(xhr.status / 100) == 2
-                    ? rs(xhr.responseText)
-                    : rj(new Error('Status ' + xhr.status + ': ' + xhr.responseText))
-            );
-            xhr.addEventListener('error', () => {
-                rj(new Error('Network Error'));
+        overwrite = false,
+        timeout?: number
+    ){
+        const info = await Tree.find(file, true, 'file', true);
+        let f: vFile;
+        // 错误处理
+        if(info.file.type == 'dir')
+            throw new Error('Attempt to write to a directory');
+        // 找到对象
+        try{
+            f = info.file;
+        }catch{
+            f = Tree.createObject({
+                type: 'file',
+                name: splitPath({ path: file }).name,
+                parent: info.parent,
+                path: file,
+                size: 0,
+                ctime: Date.now()
             });
-            xhr.addEventListener('timeout', rj);
-
-            xhr.open('POST',APP_API + '?action=upload&path=' + encodeURIComponent(file));
-            xhr.setRequestHeader('Content-Type', content.type);
-            if(auth_key?.value) 
-                xhr.setRequestHeader('Authorization', await encrypto(content.size, auth_key.value, file));
-            xhr.send(content);
-        });
-
-        return promise as Promise<string>;
-    }
-
-    const vfiles: Record<string, vFile & { vHandle: FileSystemFileHandle }> = {};
-
-    export async function  create( handle: FileSystemFileHandle ){
-        const uuid = Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(36),
-            file = await handle.getFile();
-        return vfiles[uuid] = {
-            "ctime": file.lastModified,
-            "name": handle.name,
-            "size": file.size,
-            "icon": getIcon(file.name, true),
-            "path": "vfs://" + uuid + '/' + file.name,
-            "type": "file",
-            "url": URL.createObjectURL(file),
-            vHandle: handle,
-            parent: null,
-        };
-    }
-}
-
-/**
- * 文件大小转换为字符串
- * @param size 文件大小
- * @returns 文件大小字符串
- */
-export function size2str(size: number){
-    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'];
-    for (let i = 0; i < sizes.length; i++)
-        if (size / 1024 ** i < 800)
-            return (size / 1024 ** i).toFixed(1) + sizes[i];
-}
-
-/**
- * 清理路径，清除淤积的内容
- * @param path 路径
- * @returns 清理后的路径
- */
-export function clearPath(path:string){
-    return path.replace('\\','/')
-        .replace(/\/+/,'/')
-        .replace('/./','/')
-        .replace(/\/[\w\W]+\/\.\.\//,'/');
-}
-
-/**
- * 分割路径
- * @param f 文件
- * @returns 文件信息
- */
-export function splitPath(f: { path: string }){
-    const path = clearPath(f.path),
-        slash = path.lastIndexOf('/', path.length -2),
-        dot = path.lastIndexOf('.');
-    return {
-        dir   : path.substring(0,slash +1) || '/',
-        name  : path.substring(slash + 1, dot == -1 ? undefined : dot),
-        ext   : path.substring(dot == -1 ? slash + 1 : dot + 1),
-        fname : path.substring(slash + 1)
-    }
-}
+            info.parent.child || (await Tree.load(info.parent))
+            info.parent.child!.push(f);
+        }
 
-/**
- * 裁剪文件名，方便输出
- * @param file 类文件 vFile
- * @param maxlen 最大长度
- * @returns 裁剪后的文件名
- */
-export function clipFName(file:{name: string},maxlen = 20){
-    if(file.name.length > maxlen){
-        return file.name.substring(0,maxlen - 3) + '...'
-    }else{
-        return file.name;
+        await upload_(content, f, { overwrite, timeout: timeout || 0 });
     }
-}
 
-/**
- * 获取被选中的文件（夹）
- * @returns 被选中的文件（夹）
- */
-export function getActiveFile(parent = TREE.parent): Array<FileOrDir>{
-    const active = [] as Array<FileOrDir>;
-    function traverse(tree: vDir){
-        if(tree.child)
-            for (const item of tree.child)
-                if(tree.active.has(item))
-                    active.push(item);
-                else if(item.type == 'dir')
-                    traverse(item);
-    }
-    parent && traverse(parent);
-    return active;
+    export const loadTree = Tree.load;
 }
 
-/**
- * 取消所有选中的文件（夹）
- */
-export function clearActiveFile(){
-    function traverse(tree: vDir){
-        tree.active.clear();
-        if(tree.child)
-            for (const item of tree.child)
-                if(item.type == 'dir')
-                    traverse(item);
-    }
-    traverse(TREE.parent as vDir);
-}
\ No newline at end of file
+export const getActiveFile = Tree.getActive,
+    clearActiveFile = Tree.clearActive;
\ No newline at end of file
diff --git a/src/utils/pwa.ts b/src/utils/pwa.ts
deleted file mode 100644
index 38c1302..0000000
--- a/src/utils/pwa.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import type { MessageOpinion, vFile } from "@/env";
-import { FS, openFile, showFilePicker } from "@/utils";
-
-// @function 加载外部文件
-
-declare global{
-    interface LaunchParams{
-        files: Array<FileSystemFileHandle>,
-        targetURL: string
-    }
-
-    namespace launchQueue{
-        function setConsumer(callback: (param: LaunchParams) => any): void;
-    }
-}
-
-if ("launchQueue" in globalThis) {
-    globalThis.launchQueue.setConsumer(async launchParams => {
-        const url = new URL(launchParams.targetURL);
-        if (launchParams.files && launchParams.files.length)
-            for (const file of launchParams.files) 
-                if(url.searchParams.has('open')){
-                    openFile(await FS.create(file));
-                }else{
-                    showFilePicker('/', 'file')
-                        .then(arr => file.getFile().then(f => 
-                            FS.write(arr[0].path, f)
-                        ));
-                }
-    });
-}
-
-// @function 使用系统通知
-// try{
-//     const prom = await Notification.requestPermission();
-//     const raw = Global('ui.message').data;
-//     Global('ui.message').data = function(data: MessageOpinion){
-//         if(!data.title && !data.content?.content)
-//             return raw(data);
-
-//         const msg = new Notification(data.title as string,{
-//             "body": data.content?.content
-//         });
-//         navigator.not.
-//     }
-// }catch{
-//     console.log('通知被禁用或不支持')
-// }
\ No newline at end of file