From 61b9acb2804837e21fd447f393e4014fc149dcd5 Mon Sep 17 00:00:00 2001
From: Are0h <ro@playvicio.us>
Date: Tue, 10 May 2022 14:13:31 -0700
Subject: [PATCH] I swapped out sass for scss file for styling because scss is
 a bit more accessible because of its similarity with base css.

I also plugged in stylint to normalize a css standard throughout the
project to work with prettier, which handles formatting

The structure scss file has been brought in line with the new standard
but the remaining need to be adjusted as well. Those will be added with
an additional commit.
---
 .prettierrc                            |   23 +-
 .stylelintrc                           |    6 +
 brain/views/dash/_frame.twig           |    2 +-
 brain/views/dash/page-edit.twig        |  253 ++-
 package-lock.json                      | 2239 +++++++++++++++++++++++-
 package.json                           |    5 +-
 public/assets/css/dash.css             |  656 ++++---
 src/styles/dash.sass                   |   43 -
 src/styles/dash.scss                   |   43 +
 src/styles/main/_calendar.sass         |  242 ---
 src/styles/main/_calendar.scss         |  288 +++
 src/styles/main/_colors.sass           |   18 -
 src/styles/main/_colors.scss           |   17 +
 src/styles/main/_editor-highlight.sass |   85 -
 src/styles/main/_editor-highlight.scss |  105 ++
 src/styles/main/_editor.sass           |   94 -
 src/styles/main/_editor.scss           |  100 ++
 src/styles/main/_error.sass            |   22 -
 src/styles/main/_error.scss            |   24 +
 src/styles/main/_forms.sass            |   67 -
 src/styles/main/_forms.scss            |   71 +
 src/styles/main/_index.sass            |  283 ---
 src/styles/main/_index.scss            |  346 ++++
 src/styles/main/_mixins.sass           |    6 -
 src/styles/main/_mixins.scss           |    7 +
 src/styles/main/_navigation.sass       |   71 -
 src/styles/main/_navigation.scss       |   88 +
 src/styles/main/_normalize.sass        |  197 ---
 src/styles/main/_normalize.scss        |  202 +++
 src/styles/main/_posts.sass            |  512 ------
 src/styles/main/_posts.scss            |  622 +++++++
 src/styles/main/_settings.sass         |  282 ---
 src/styles/main/_settings.scss         |  328 ++++
 src/styles/main/_structure.sass        |  188 --
 src/styles/main/_structure.scss        |  251 +++
 src/styles/main/_typography.sass       |   18 -
 src/styles/main/_typography.scss       |   20 +
 37 files changed, 5253 insertions(+), 2571 deletions(-)
 create mode 100644 .stylelintrc
 delete mode 100644 src/styles/dash.sass
 create mode 100644 src/styles/dash.scss
 delete mode 100644 src/styles/main/_calendar.sass
 create mode 100644 src/styles/main/_calendar.scss
 delete mode 100644 src/styles/main/_colors.sass
 create mode 100644 src/styles/main/_colors.scss
 delete mode 100644 src/styles/main/_editor-highlight.sass
 create mode 100644 src/styles/main/_editor-highlight.scss
 delete mode 100644 src/styles/main/_editor.sass
 create mode 100644 src/styles/main/_editor.scss
 delete mode 100644 src/styles/main/_error.sass
 create mode 100644 src/styles/main/_error.scss
 delete mode 100644 src/styles/main/_forms.sass
 create mode 100644 src/styles/main/_forms.scss
 delete mode 100644 src/styles/main/_index.sass
 create mode 100644 src/styles/main/_index.scss
 delete mode 100644 src/styles/main/_mixins.sass
 create mode 100644 src/styles/main/_mixins.scss
 delete mode 100644 src/styles/main/_navigation.sass
 create mode 100644 src/styles/main/_navigation.scss
 delete mode 100644 src/styles/main/_normalize.sass
 create mode 100644 src/styles/main/_normalize.scss
 delete mode 100644 src/styles/main/_posts.sass
 create mode 100644 src/styles/main/_posts.scss
 delete mode 100644 src/styles/main/_settings.sass
 create mode 100644 src/styles/main/_settings.scss
 delete mode 100644 src/styles/main/_structure.sass
 create mode 100644 src/styles/main/_structure.scss
 delete mode 100644 src/styles/main/_typography.sass
 create mode 100644 src/styles/main/_typography.scss

diff --git a/.prettierrc b/.prettierrc
index 951ce9f..57b161e 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,11 +1,27 @@
+{
+  "overrides": [
     {
+      "files": ".prettierrc",
+      "options": { "parser": "json" }
+    },
+    {
+      "files": "*.scss",
+      "options": {
+        "tabWidth": 4,
+        "semi": false,
+        "singleQuote": true,
+        "printWidth": 90
+      }
+    },
+    {
+      "files": "*.js",
+      "options": {
         "arrowParens": "avoid",
         "bracketSpacing": true,
         "htmlWhitespaceSensitivity": "css",
         "insertPragma": false,
         "bracketSameLine": false,
         "jsxSingleQuote": true,
-        "parser": "babel",
         "proseWrap": "preserve",
         "requirePragma": false,
         "semi": true,
@@ -14,4 +30,7 @@
         "useTabs": true,
         "tabWidth": 4,
         "printWidth": 90
-    }
\ No newline at end of file
+      }
+    }
+  ]
+}
diff --git a/.stylelintrc b/.stylelintrc
new file mode 100644
index 0000000..4448120
--- /dev/null
+++ b/.stylelintrc
@@ -0,0 +1,6 @@
+{
+  "extends": [
+    "stylelint-config-standard-scss",
+    "stylelint-config-prettier-scss"
+  ]
+}
diff --git a/brain/views/dash/_frame.twig b/brain/views/dash/_frame.twig
index 9e7f5bb..4f96798 100644
--- a/brain/views/dash/_frame.twig
+++ b/brain/views/dash/_frame.twig
@@ -12,7 +12,7 @@
 	</head>
 	<body>
 		<div id="notifications" class="notifications">
-			<div id="notifyMessage" class="notifyMessage">
+			<div id="notify-message" class="notify-message">
 				<div id="notify-good" class="notify-icon">
 					<svg viewbox="0 0 20 20" class="icons"><use xlink:href="/assets/images/global/sprite.svg#entypo-emoji-flirt"/></svg>
 				</div>
diff --git a/brain/views/dash/page-edit.twig b/brain/views/dash/page-edit.twig
index 9298e34..60eb09e 100644
--- a/brain/views/dash/page-edit.twig
+++ b/brain/views/dash/page-edit.twig
@@ -4,27 +4,27 @@
   if not, just make them empty
 #}
 {% if mode == 'edit' %}
-	{% set id = page['id']  %}
-	{% set uuid = page['uuid']  %}
+	{% set id = page['id'] %}
+	{% set uuid = page['uuid'] %}
 	{% set slug = page['slug'] %}
 	{% set layout = page['layout'] %}
-	{% set feature = page['feature']  %}
-	{% set _title = page['title']  %}
-	{% set tags = page['tags']  %}
-	{% set content = page['content']  %}
+	{% set feature = page['feature'] %}
+	{% set _title = page['title'] %}
+	{% set tags = page['tags'] %}
+	{% set content = page['content'] %}
 	{% set date = page['created'] %}
 	{% set updated = page['updated'] %}
 	{% set media = page['media'] %}
 	{% set files = page['docs'] %}
 {% else %}
-	{% set id = ''  %}
-	{% set uuid = ''  %}
+	{% set id = '' %}
+	{% set uuid = '' %}
 	{% set slug = '' %}
 	{% set layout = 'page' %}
-	{% set feature = ''  %}
+	{% set feature = '' %}
 	{% set title = '' %}
-	{% set tags = ''  %}
-	{% set content = ''  %}
+	{% set tags = '' %}
+	{% set content = '' %}
 	{% set date = '' %}
 	{% set updated = '' %}
 	{% set media = '' %}
@@ -37,145 +37,144 @@
 
 {% block stylesheets %}
 	<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=vbhj">
-{% endblock %}
+	{% endblock %}
 
-{% block mainContent %}
-	<div id="post-edit-index" data-index="{{ id }}" data-uuid="{{ uuid }}" data-slug="{{ slug }}" data-layout="{{ layout }}">
-		<div id="post-edit-index-wrapper">
-			<div id="post-feature">
-				{% if page['feature'] == null %}
-					<div id="page-file-manager">
-						<div id="page-file-wrapper">
-							<div id="page-file-drop">
-								<label for="page-files-upload">DRAG AND DROP FILES OR CLICK TO SELECT</label>
+	{% block mainContent %}
+		<div id="post-edit-index" data-index="{{ id }}" data-uuid="{{ uuid }}" data-slug="{{ slug }}" data-layout="{{ layout }}">
+			<div id="post-edit-index-wrapper">
+				<div id="post-feature">
+					{% if page['feature'] == null %}
+						<div id="page-file-manager">
+							<div id="page-file-wrapper">
+								<div id="page-file-drop">
+									<label for="page-files-upload">DRAG AND DROP FILES OR CLICK TO SELECT</label>
+								</div>
+								IMAGES AND VIDEO
+								<div id="page-images-list"></div>
+								FILES
+								<div id="page-files-list"></div>
 							</div>
-							IMAGES AND VIDEO
-							<div id="page-images-list"></div>
-							FILES
-							<div id="page-files-list"></div>
-						</div>
 
-					</div>
-				{% else %}
-					<div id="page-file-manager">
-						<div id="page-file-wrapper">
-							<div id="page-file-drop">
-								<label for="page-files-upload">DRAG AND DROP FILES OR CLICK TO SELECT</label>
-							</div>
-							IMAGES AND VIDEO
-							<div id="page-images-list">
-								{% if media|length > 1 %}
-									{% for item in media %}
-										{% if item.type == "mp4"%}
-											<div id="{{loop.index0}}" class="video-item" data-source="{{ item.file }}"></div>
-										{% else %}
-											<div id="{{loop.index0}}" class="img-item" style="background: url({{ item.file }}) no-repeat center center / cover"></div>
-										{% endif %}
-									{% endfor %}
-								{% else  %}
-									{% if media[0] != '' %}
-										{% if media[0].type == "mp4"%}
-											<div id="0" class="video-item" data-source="{{ media[0].file }}"></div>
-										{% else %}
-											<div id="0" class="img-item" style="background: url({{ media[0].file }}) no-repeat center center / cover"></div>
+						</div>
+					{% else %}
+						<div id="page-file-manager">
+							<div id="page-file-wrapper">
+								<div id="page-file-drop">
+									<label for="page-files-upload">DRAG AND DROP FILES OR CLICK TO SELECT</label>
+								</div>
+								IMAGES AND VIDEO
+								<div id="page-images-list">
+									{% if media|length > 1 %}
+										{% for item in media %}
+											{% if item.type == "mp4" %}
+												<div id="{{ loop.index0 }}" class="video-item" data-source="{{ item.file }}"></div>
+											{% else %}
+												<div id="{{ loop.index0 }}" class="img-item" style="background: url({{ item.file }}) no-repeat center center / cover"></div>
+											{% endif %}
+										{% endfor %}
+									{% else %}
+										{% if media[0] != '' %}
+											{% if media[0].type == "mp4" %}
+												<div id="0" class="video-item" data-source="{{ media[0].file }}"></div>
+											{% else %}
+												<div id="0" class="img-item" style="background: url({{ media[0].file }}) no-repeat center center / cover"></div>
+											{% endif %}
+											{% else %}
 										{% endif %}
-										{% else %}
 									{% endif %}
-								{% endif %}
 
-							</div>
-							FILES
-							<div id="page-files-list">
-								{% if files|length > 1 %}
-									{% for item in files %}
-										{% if item.type == "mp3"%}
-											<div id="{{loop.index0}}" class="audio-item" data-source="{{ item.file }}"></div>
-										{% else %}
-											<div id="{{loop.index0}}" class="file-item" data-source="{{ item.file }}"></div>
-										{% endif %}
-									{% endfor %}
-								{% else  %}
-									{% if files[0] != '' %}
-										{% if files[0].type == "mp3"%}
-											<div id="0" class="audio-item" data-source="{{ files[0].file }}"></div>
-										{% else %}
-											<div id="0" class="file-item" data-source="{{ files[0].file }}"></div>
-										{% endif %}
+								</div>
+								FILES
+								<div id="page-files-list">
+									{% if files|length > 1 %}
+										{% for item in files %}
+											{% if item.type == "mp3" %}
+												<div id="{{ loop.index0 }}" class="audio-item" data-source="{{ item.file }}"></div>
+											{% else %}
+												<div id="{{ loop.index0 }}" class="file-item" data-source="{{ item.file }}"></div>
+											{% endif %}
+										{% endfor %}
+									{% else %}
+										{% if files[0] != '' %}
+											{% if files[0].type == "mp3" %}
+												<div id="0" class="audio-item" data-source="{{ files[0].file }}"></div>
+											{% else %}
+												<div id="0" class="file-item" data-source="{{ files[0].file }}"></div>
+											{% endif %}
 
-										{% else %}
+											{% else %}
 
+										{% endif %}
 									{% endif %}
-								{% endif %}
 
+								</div>
 							</div>
-						</div>
 
-					</div>
-				{% endif %}
+						</div>
+					{% endif %}
 
-			</div>
-			<div id="post-header">
-				<div id="post-header-wrapper" class="columns">
-					<div id="post-title" class="column">
-						<label>TITLE</label>
-						<textarea id="post_title" type="text" name="post_title" class="post-edit" placeholder="TITLE">
-							{{- _title -}}
-						</textarea>
+				</div>
+				<div id="post-header">
+					<div id="post-header-wrapper" class="columns">
+						<div id="post-title" class="column">
+							<label>TITLE</label>
+							<textarea id="post_title" type="text" name="post_title" class="post-edit" placeholder="TITLE">
+								{{ - _title - }}
+							</textarea>
 
-						<div id="layouts">
-							<label>LAYOUTS</label>
-							<select id="page-templates">
-								{% for view in views %}
-									{% if view == page['layout']  %}
-										<option value={{ view }} selected>{{ view  }}</option>
-									{% else %}
-										<option value={{ view }}>{{ view  }}</option>
-									{% endif  %}
+							<div id="layouts">
+								<label>LAYOUTS</label>
+								<select id="page-templates">
+									{% for view in views %}
+										{% if view == page['layout'] %}
+											<option value={{ view }} selected>{{ view }}</option>
+										{% else %}
+											<option value={{ view }}>{{ view }}</option>
+										{% endif %}
 
-								{% endfor  %}
-							</select>
+									{% endfor %}
+								</select>
+							</div>
+							<label>CREATED</label>
+							<span id="post-date" type="text">
+								{{ date }}
+							</span>
+						</div>
+						<div id="post-meta" class="column">
+							<label>TAGS</label>
+							<textarea id="post_tags" type="text" name="post_tags" class="form-control" placeholder="tags [comma seperated]">
+								{{ - tags - }}
+							</textarea>
+							<label>OPTIONS</label>
+							{% apply spaceless %}
+							{{ include("dash/partials/options.twig") }}
+							{% endapply %}
+							<label>UPDATED</label>
+							<span id="post-date" type="text">
+								{{ updated }}
+							</span>
+							<input id="page-files-upload" type="file" name="page-files-upload" multiple/>
+							<input id="post-image-upload" type="file" name="post-image-upload"/>
+							<input id="form_token" name="token" type="hidden" value="{{ token }}"></div>
 						</div>
-						<label>CREATED</label>
-						<span id="post-date" type="text">
-							{{ date }}
-						</span>
 					</div>
-					<div id="post-meta" class="column">
-						<label>TAGS</label>
-						<textarea id="post_tags" type="text" name="post_tags" class="form-control" placeholder="tags [comma seperated]">
-							{{- tags -}}
-						</textarea>
-						<label>OPTIONS</label>
+					<div id="edit-post">
 						{% apply spaceless %}
-						{{ include("dash/partials/options.twig") }}
+						{{ include("dash/partials/editor.twig") }}
 						{% endapply %}
-						<label>UPDATED</label>
-						<span id="post-date" type="text">
-							{{ updated }}
-						</span>
-						<input id="page-files-upload" type="file" name="page-files-upload" multiple/>
-						<input id="post-image-upload" type="file" name="post-image-upload"/>
-						<input id="form_token" name="token" type="hidden" value="{{ token }}">
-					</div>
-				</div>
-			</div>
-			<div id="edit-post">
-				{% apply spaceless %}
-				{{ include("dash/partials/editor.twig") }}
-				{% endapply %}
-				<div id="edit-post-wrapper">
-					<textarea id="edit" spellcheck="false">{{- content -}}</textarea>
-					<pre id="highlight">
+						<div id="edit-post-wrapper">
+							<textarea id="edit" spellcheck="false">{{ - content - }}</textarea>
+							<pre id="highlight">
                 <code id="highlight-content" class="language-md">
                   
                 </code>
               </pre>
+						</div>
+					</div>
 				</div>
 			</div>
-		</div>
-	</div>
-{% endblock %}
+		{% endblock %}
 
-{% block javascripts %}
-	<script src="/assets/scripts/Start.js?=dfdfvd" type="text/javascript"></script>
-{% endblock %}
+		{% block javascripts %}
+			<script src="/assets/scripts/Start.js?=dfdfvd" type="text/javascript"></script>
+		{% endblock %}
diff --git a/package-lock.json b/package-lock.json
index d89382b..b8331e5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,7 +28,10 @@
         "eslint": "^8.11.0",
         "eslint-plugin-babel": "^5.3.1",
         "parcel": "^2.0.1",
-        "prettier": "^2.6.0"
+        "prettier": "^2.6.0",
+        "stylelint": "^14.8.2",
+        "stylelint-config-prettier-scss": "^0.0.1",
+        "stylelint-config-standard-scss": "^3.0.0"
       }
     },
     "node_modules/@babel/code-frame": {
@@ -3813,12 +3816,24 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/minimist": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
+      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
+      "dev": true
+    },
     "node_modules/@types/node": {
       "version": "17.0.5",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.5.tgz",
       "integrity": "sha512-w3mrvNXLeDYV1GKTZorGJQivK6XLCoGwpnyJFbJVK/aTBQUxOCaa/GlFAAN3OTDFcb7h5tiFG+YXCO2By+riZw==",
       "dev": true
     },
+    "node_modules/@types/normalize-package-data": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
+      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
+      "dev": true
+    },
     "node_modules/@types/parse-json": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
@@ -4024,6 +4039,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/arrify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/asn1": {
       "version": "0.2.6",
       "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
@@ -5408,6 +5432,32 @@
         "node": ">=6"
       }
     },
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase-keys": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
+      "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
+      "dev": true,
+      "dependencies": {
+        "camelcase": "^5.3.1",
+        "map-obj": "^4.0.0",
+        "quick-lru": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/caniuse-api": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
@@ -5594,6 +5644,18 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/clone-regexp": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz",
+      "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==",
+      "dev": true,
+      "dependencies": {
+        "is-regexp": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/collection-visit": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
@@ -5880,6 +5942,15 @@
         "postcss": "^8.0.9"
       }
     },
+    "node_modules/css-functions-list": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.0.1.tgz",
+      "integrity": "sha512-PriDuifDt4u4rkDgnqRCLnjfMatufLmWNfQnGCq34xZwpY3oabwhB9SqRBmuvWUgndbemCFlKqg+nO7C2q0SBw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      }
+    },
     "node_modules/css-modules-loader-core": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/css-modules-loader-core/-/css-modules-loader-core-1.1.0.tgz",
@@ -6128,9 +6199,9 @@
       }
     },
     "node_modules/debug": {
-      "version": "4.3.3",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz",
-      "integrity": "sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==",
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
       "dependencies": {
         "ms": "2.1.2"
       },
@@ -6143,6 +6214,37 @@
         }
       }
     },
+    "node_modules/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/decamelize-keys": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz",
+      "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=",
+      "dev": true,
+      "dependencies": {
+        "decamelize": "^1.1.0",
+        "map-obj": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/decamelize-keys/node_modules/map-obj": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+      "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/decode-uri-component": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
@@ -7242,6 +7344,18 @@
         "safe-buffer": "^5.1.1"
       }
     },
+    "node_modules/execall": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz",
+      "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==",
+      "dev": true,
+      "dependencies": {
+        "clone-regexp": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/expand-brackets": {
       "version": "0.1.5",
       "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz",
@@ -7590,6 +7704,19 @@
       "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
       "dev": true
     },
+    "node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/flat-cache": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
@@ -7782,6 +7909,18 @@
         "node": ">=6"
       }
     },
+    "node_modules/get-stdin": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
+      "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/get-symbol-description": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
@@ -7860,6 +7999,41 @@
         "is-glob": "^2.0.0"
       }
     },
+    "node_modules/global-modules": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
+      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
+      "dev": true,
+      "dependencies": {
+        "global-prefix": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
+      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
+      "dev": true,
+      "dependencies": {
+        "ini": "^1.3.5",
+        "kind-of": "^6.0.2",
+        "which": "^1.3.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix/node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/globals": {
       "version": "9.18.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz",
@@ -7869,16 +8043,16 @@
       }
     },
     "node_modules/globby": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.4.tgz",
-      "integrity": "sha512-9O4MVG9ioZJ08ffbcyVYyLOJLk5JQ688pJ4eMGLpdWLHq/Wr1D9BlriLQyL0E+jbkuePVZXYFj47QM/v093wHg==",
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
       "dev": true,
       "dependencies": {
         "array-union": "^2.1.0",
         "dir-glob": "^3.0.1",
-        "fast-glob": "^3.1.1",
-        "ignore": "^5.1.4",
-        "merge2": "^1.3.0",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
         "slash": "^3.0.0"
       },
       "engines": {
@@ -7888,6 +8062,101 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/globby/node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/globby/node_modules/fast-glob": {
+      "version": "3.2.11",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz",
+      "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/globby/node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/globby/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/globby/node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/globby/node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/globby/node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/globby/node_modules/micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
     "node_modules/globby/node_modules/slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -7897,6 +8166,24 @@
         "node": ">=8"
       }
     },
+    "node_modules/globby/node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/globjoin": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
+      "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=",
+      "dev": true
+    },
     "node_modules/graceful-fs": {
       "version": "4.2.6",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.6.tgz",
@@ -7925,6 +8212,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/hard-rejection": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
+      "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/has": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
@@ -8161,6 +8457,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/hosted-git-info": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/html-encoding-sniffer": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-1.0.2.tgz",
@@ -8478,6 +8786,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/import-lazy": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
+      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -8486,6 +8803,15 @@
         "node": ">=0.8.19"
       }
     },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/indexes-of": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
@@ -8506,6 +8832,12 @@
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true
+    },
     "node_modules/internal-slot": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
@@ -8958,6 +9290,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-regexp": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz",
+      "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/is-shared-array-buffer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.1.tgz",
@@ -9338,6 +9679,12 @@
         "graceful-fs": "^4.1.9"
       }
     },
+    "node_modules/known-css-properties": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.25.0.tgz",
+      "integrity": "sha512-b0/9J1O9Jcyik1GC6KC42hJ41jKwdO/Mq8Mdo5sYN+IuRTXs2YFHZC3kZSx6ueusqa95x3wLYe/ytKjbAfGixA==",
+      "dev": true
+    },
     "node_modules/levn": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
@@ -9414,6 +9761,18 @@
         "json5": "lib/cli.js"
       }
     },
+    "node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
@@ -9454,6 +9813,12 @@
       "integrity": "sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=",
       "dev": true
     },
+    "node_modules/lodash.truncate": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
+      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
+      "dev": true
+    },
     "node_modules/lodash.uniq": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
@@ -9593,14 +9958,26 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/map-visit": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
-      "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=",
+    "node_modules/map-obj": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
+      "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
       "dev": true,
-      "optional": true,
-      "dependencies": {
-        "object-visit": "^1.0.0"
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/map-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
+      "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=",
+      "dev": true,
+      "optional": true,
+      "dependencies": {
+        "object-visit": "^1.0.0"
       },
       "engines": {
         "node": ">=0.10.0"
@@ -9647,6 +10024,16 @@
       "dev": true,
       "optional": true
     },
+    "node_modules/mathml-tag-names": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
+      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/md5.js": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
@@ -9669,6 +10056,44 @@
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
       "integrity": "sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4="
     },
+    "node_modules/meow": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
+      "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/minimist": "^1.2.0",
+        "camelcase-keys": "^6.2.2",
+        "decamelize": "^1.2.0",
+        "decamelize-keys": "^1.1.0",
+        "hard-rejection": "^2.1.0",
+        "minimist-options": "4.1.0",
+        "normalize-package-data": "^3.0.0",
+        "read-pkg-up": "^7.0.1",
+        "redent": "^3.0.0",
+        "trim-newlines": "^3.0.0",
+        "type-fest": "^0.18.0",
+        "yargs-parser": "^20.2.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/meow/node_modules/type-fest": {
+      "version": "0.18.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
+      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -9752,6 +10177,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/minami": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/minami/-/minami-1.2.3.tgz",
@@ -9785,6 +10219,38 @@
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
       "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
     },
+    "node_modules/minimist-options": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
+      "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
+      "dev": true,
+      "dependencies": {
+        "arrify": "^1.0.1",
+        "is-plain-obj": "^1.1.0",
+        "kind-of": "^6.0.3"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/minimist-options/node_modules/is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/minimist-options/node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/mixin-deep": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
@@ -9856,9 +10322,9 @@
       "dev": true
     },
     "node_modules/nanoid": {
-      "version": "3.1.30",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.30.tgz",
-      "integrity": "sha512-zJpuPDwOv8D2zq2WRoMe1HsfZthVewpel9CAvTfc/2mBD1uUT/agc5f7GHGWXlYkFvi1mVxe4IjvP2HNrop7nQ==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
+      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
       "dev": true,
       "bin": {
         "nanoid": "bin/nanoid.cjs"
@@ -9971,6 +10437,36 @@
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz",
       "integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA=="
     },
+    "node_modules/normalize-package-data": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^4.0.1",
+        "is-core-module": "^2.5.0",
+        "semver": "^7.3.4",
+        "validate-npm-package-license": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/normalize-package-data/node_modules/semver": {
+      "version": "7.3.7",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
+      "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/normalize-path": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
@@ -9984,6 +10480,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/normalize-selector": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz",
+      "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=",
+      "dev": true
+    },
     "node_modules/normalize-url": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz",
@@ -10413,6 +10915,42 @@
         "mkdirp": "bin/cmd.js"
       }
     },
+    "node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/pako": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
@@ -10619,6 +11157,15 @@
       "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
       "dev": true
     },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/path-is-absolute": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
@@ -10691,9 +11238,9 @@
       "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
     },
     "node_modules/picomatch": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz",
-      "integrity": "sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
       "engines": {
         "node": ">=8.6"
       },
@@ -10718,21 +11265,27 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.5",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-      "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
+      "version": "8.4.13",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.13.tgz",
+      "integrity": "sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA==",
       "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        }
+      ],
       "dependencies": {
-        "nanoid": "^3.1.30",
+        "nanoid": "^3.3.3",
         "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.1"
+        "source-map-js": "^1.0.2"
       },
       "engines": {
         "node": "^10 || ^12 || >=14"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
       }
     },
     "node_modules/postcss-calc": {
@@ -10829,6 +11382,12 @@
         "postcss": "^8.2.15"
       }
     },
+    "node_modules/postcss-media-query-parser": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
+      "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=",
+      "dev": true
+    },
     "node_modules/postcss-merge-longhand": {
       "version": "5.0.4",
       "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-5.0.4.tgz",
@@ -11400,10 +11959,48 @@
         "postcss": "^8.2.15"
       }
     },
+    "node_modules/postcss-resolve-nested-selector": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
+      "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=",
+      "dev": true
+    },
+    "node_modules/postcss-safe-parser": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
+      "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3.3"
+      }
+    },
+    "node_modules/postcss-scss": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.4.tgz",
+      "integrity": "sha512-aBBbVyzA8b3hUL0MGrpydxxXKXFZc5Eqva0Q3V9qsBOLEMsjb6w49WfpsoWzpEgcqJGW4t7Rio8WXVU9Gd8vWg==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3.3"
+      }
+    },
     "node_modules/postcss-selector-parser": {
-      "version": "6.0.8",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.8.tgz",
-      "integrity": "sha512-D5PG53d209Z1Uhcc0qAZ5U3t5HagH3cxu+WLZ22jt3gLUpXM4eXXfiO14jiDWST3NNooX/E8wISfOhZ9eIjGTQ==",
+      "version": "6.0.10",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
       "dev": true,
       "dependencies": {
         "cssesc": "^3.0.0",
@@ -11656,6 +12253,15 @@
         }
       ]
     },
+    "node_modules/quick-lru": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
+      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/randomatic": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-3.1.1.tgz",
@@ -11728,6 +12334,74 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/read-pkg": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
+      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
+      "dev": true,
+      "dependencies": {
+        "@types/normalize-package-data": "^2.4.0",
+        "normalize-package-data": "^2.5.0",
+        "parse-json": "^5.0.0",
+        "type-fest": "^0.6.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
+      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^4.1.0",
+        "read-pkg": "^5.2.0",
+        "type-fest": "^0.8.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/type-fest": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg/node_modules/hosted-git-info": {
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+      "dev": true
+    },
+    "node_modules/read-pkg/node_modules/normalize-package-data": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^2.1.4",
+        "resolve": "^1.10.0",
+        "semver": "2 || 3 || 4 || 5",
+        "validate-npm-package-license": "^3.0.1"
+      }
+    },
+    "node_modules/read-pkg/node_modules/type-fest": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/readable-stream": {
       "version": "2.3.7",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
@@ -12139,6 +12813,19 @@
       "dev": true,
       "optional": true
     },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/regenerate": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
@@ -12356,6 +13043,15 @@
         "request": "^2.34"
       }
     },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/requires-port": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
@@ -12811,9 +13507,9 @@
       }
     },
     "node_modules/signal-exit": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.6.tgz",
-      "integrity": "sha512-sDl4qMFpijcGw22U5w63KmD3cZJfBuFlVNbVMKje2keoKML7X2UzWbc4XrmEbDwg0NXJc3yv4/ox7b+JWb57kQ==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
       "dev": true
     },
     "node_modules/slash": {
@@ -13054,9 +13750,9 @@
       }
     },
     "node_modules/source-map-js": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.1.tgz",
-      "integrity": "sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -13091,6 +13787,47 @@
       "dev": true,
       "optional": true
     },
+    "node_modules/spdx-correct": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
+      "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
+      "dev": true,
+      "dependencies": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-exceptions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+      "dev": true
+    },
+    "node_modules/spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
+      "dependencies": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-license-ids": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz",
+      "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==",
+      "dev": true
+    },
+    "node_modules/specificity": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz",
+      "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==",
+      "dev": true,
+      "bin": {
+        "specificity": "bin/specificity"
+      }
+    },
     "node_modules/split-string": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
@@ -13357,6 +14094,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -13368,6 +14117,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/style-search": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz",
+      "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=",
+      "dev": true
+    },
     "node_modules/stylehacks": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.0.1.tgz",
@@ -13384,10 +14139,341 @@
         "postcss": "^8.2.15"
       }
     },
-    "node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+    "node_modules/stylelint": {
+      "version": "14.8.2",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.8.2.tgz",
+      "integrity": "sha512-tjDfexCYfoPdl/xcDJ9Fv+Ko9cvzbDnmdiaqEn3ovXHXasi/hbkt5tSjsiReQ+ENqnz0eltaX/AOO+AlzVdcNA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^2.0.0",
+        "colord": "^2.9.2",
+        "cosmiconfig": "^7.0.1",
+        "css-functions-list": "^3.0.1",
+        "debug": "^4.3.4",
+        "execall": "^2.0.0",
+        "fast-glob": "^3.2.11",
+        "fastest-levenshtein": "^1.0.12",
+        "file-entry-cache": "^6.0.1",
+        "get-stdin": "^8.0.0",
+        "global-modules": "^2.0.0",
+        "globby": "^11.1.0",
+        "globjoin": "^0.1.4",
+        "html-tags": "^3.2.0",
+        "ignore": "^5.2.0",
+        "import-lazy": "^4.0.0",
+        "imurmurhash": "^0.1.4",
+        "is-plain-object": "^5.0.0",
+        "known-css-properties": "^0.25.0",
+        "mathml-tag-names": "^2.1.3",
+        "meow": "^9.0.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "normalize-selector": "^0.2.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.13",
+        "postcss-media-query-parser": "^0.2.3",
+        "postcss-resolve-nested-selector": "^0.1.1",
+        "postcss-safe-parser": "^6.0.0",
+        "postcss-selector-parser": "^6.0.10",
+        "postcss-value-parser": "^4.2.0",
+        "resolve-from": "^5.0.0",
+        "specificity": "^0.4.1",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "style-search": "^0.1.0",
+        "supports-hyperlinks": "^2.2.0",
+        "svg-tags": "^1.0.0",
+        "table": "^6.8.0",
+        "v8-compile-cache": "^2.3.0",
+        "write-file-atomic": "^4.0.1"
+      },
+      "bin": {
+        "stylelint": "bin/stylelint.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/stylelint"
+      }
+    },
+    "node_modules/stylelint-config-prettier": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/stylelint-config-prettier/-/stylelint-config-prettier-9.0.3.tgz",
+      "integrity": "sha512-5n9gUDp/n5tTMCq1GLqSpA30w2sqWITSSEiAWQlpxkKGAUbjcemQ0nbkRvRUa0B1LgD3+hCvdL7B1eTxy1QHJg==",
+      "dev": true,
+      "bin": {
+        "stylelint-config-prettier": "bin/check.js",
+        "stylelint-config-prettier-check": "bin/check.js"
+      },
+      "engines": {
+        "node": ">= 12"
+      },
+      "peerDependencies": {
+        "stylelint": ">=11.0.0"
+      }
+    },
+    "node_modules/stylelint-config-prettier-scss": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/stylelint-config-prettier-scss/-/stylelint-config-prettier-scss-0.0.1.tgz",
+      "integrity": "sha512-lBAYG9xYOh2LeWEPC/64xeUxwOTnQ8nDyBijQoWoJb10/bMGrUwnokpt8jegGck2Vbtxh6XGwH63z5qBcVHreQ==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-config-prettier": ">=9.0.3"
+      },
+      "bin": {
+        "stylelint-config-prettier-scss": "bin/check.js",
+        "stylelint-config-prettier-scss-check": "bin/check.js"
+      },
+      "engines": {
+        "node": ">= 12"
+      },
+      "peerDependencies": {
+        "stylelint": ">=11.0.0"
+      }
+    },
+    "node_modules/stylelint-config-recommended": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-6.0.0.tgz",
+      "integrity": "sha512-ZorSSdyMcxWpROYUvLEMm0vSZud2uB7tX1hzBZwvVY9SV/uly4AvvJPPhCcymZL3fcQhEQG5AELmrxWqtmzacw==",
+      "dev": true,
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
+      }
+    },
+    "node_modules/stylelint-config-recommended-scss": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-5.0.2.tgz",
+      "integrity": "sha512-b14BSZjcwW0hqbzm9b0S/ScN2+3CO3O4vcMNOw2KGf8lfVSwJ4p5TbNEXKwKl1+0FMtgRXZj6DqVUe/7nGnuBg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-scss": "^4.0.2",
+        "stylelint-config-recommended": "^6.0.0",
+        "stylelint-scss": "^4.0.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
+      }
+    },
+    "node_modules/stylelint-config-standard": {
+      "version": "24.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-24.0.0.tgz",
+      "integrity": "sha512-+RtU7fbNT+VlNbdXJvnjc3USNPZRiRVp/d2DxOF/vBDDTi0kH5RX2Ny6errdtZJH3boO+bmqIYEllEmok4jiuw==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-config-recommended": "^6.0.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
+      }
+    },
+    "node_modules/stylelint-config-standard-scss": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-3.0.0.tgz",
+      "integrity": "sha512-zt3ZbzIbllN1iCmc94e4pDxqpkzeR6CJo5DDXzltshuXr+82B8ylHyMMARNnUYrZH80B7wgY7UkKTYCFM0UUyw==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-config-recommended-scss": "^5.0.2",
+        "stylelint-config-standard": "^24.0.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
+      }
+    },
+    "node_modules/stylelint-scss": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-4.2.0.tgz",
+      "integrity": "sha512-HHHMVKJJ5RM9pPIbgJ/XA67h9H0407G68Rm69H4fzFbFkyDMcTV1Byep3qdze5+fJ3c0U7mJrbj6S0Fg072uZA==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.17.21",
+        "postcss-media-query-parser": "^0.2.3",
+        "postcss-resolve-nested-selector": "^0.1.1",
+        "postcss-selector-parser": "^6.0.6",
+        "postcss-value-parser": "^4.1.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.5.1"
+      }
+    },
+    "node_modules/stylelint/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stylelint/node_modules/balanced-match": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
+      "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
+      "dev": true
+    },
+    "node_modules/stylelint/node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stylelint/node_modules/fast-glob": {
+      "version": "3.2.11",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz",
+      "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/stylelint/node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stylelint/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/stylelint/node_modules/html-tags": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz",
+      "integrity": "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/stylelint/node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stylelint/node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stylelint/node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/stylelint/node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stylelint/node_modules/micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/stylelint/node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stylelint/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stylelint/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stylelint/node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
       "dependencies": {
         "has-flag": "^3.0.0"
       },
@@ -13429,6 +14515,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/svg-tags": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
+      "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=",
+      "dev": true
+    },
     "node_modules/svgo": {
       "version": "2.8.0",
       "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz",
@@ -13465,6 +14557,65 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
+    "node_modules/table": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz",
+      "integrity": "sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.1",
+        "lodash.truncate": "^4.4.2",
+        "slice-ansi": "^4.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/table/node_modules/ajv": {
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/table/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/table/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/table/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/taffydb": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/taffydb/-/taffydb-2.6.2.tgz",
@@ -13660,6 +14811,15 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/trim-newlines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
+      "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/trim-right": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz",
@@ -14063,6 +15223,16 @@
         "node": ">= 0.10.0"
       }
     },
+    "node_modules/validate-npm-package-license": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
+      "dependencies": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
     "node_modules/verror": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
@@ -14283,11 +15453,24 @@
         "node": ">=8"
       }
     },
-    "node_modules/wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
-    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+    },
+    "node_modules/write-file-atomic": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.1.tgz",
+      "integrity": "sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==",
+      "dev": true,
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16"
+      }
+    },
     "node_modules/ws": {
       "version": "6.2.2",
       "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
@@ -14343,6 +15526,15 @@
       "engines": {
         "node": ">= 6"
       }
+    },
+    "node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
     }
   },
   "dependencies": {
@@ -16970,12 +18162,24 @@
         "@types/node": "*"
       }
     },
+    "@types/minimist": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
+      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
+      "dev": true
+    },
     "@types/node": {
       "version": "17.0.5",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.5.tgz",
       "integrity": "sha512-w3mrvNXLeDYV1GKTZorGJQivK6XLCoGwpnyJFbJVK/aTBQUxOCaa/GlFAAN3OTDFcb7h5tiFG+YXCO2By+riZw==",
       "dev": true
     },
+    "@types/normalize-package-data": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
+      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
+      "dev": true
+    },
     "@types/parse-json": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
@@ -17133,6 +18337,12 @@
       "dev": true,
       "optional": true
     },
+    "arrify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
+      "dev": true
+    },
     "asn1": {
       "version": "0.2.6",
       "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
@@ -18375,6 +19585,23 @@
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="
     },
+    "camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true
+    },
+    "camelcase-keys": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
+      "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
+      "dev": true,
+      "requires": {
+        "camelcase": "^5.3.1",
+        "map-obj": "^4.0.0",
+        "quick-lru": "^4.0.1"
+      }
+    },
     "caniuse-api": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
@@ -18522,6 +19749,15 @@
       "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=",
       "dev": true
     },
+    "clone-regexp": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz",
+      "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==",
+      "dev": true,
+      "requires": {
+        "is-regexp": "^2.0.0"
+      }
+    },
     "collection-visit": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
@@ -18775,6 +20011,12 @@
         "timsort": "^0.3.0"
       }
     },
+    "css-functions-list": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.0.1.tgz",
+      "integrity": "sha512-PriDuifDt4u4rkDgnqRCLnjfMatufLmWNfQnGCq34xZwpY3oabwhB9SqRBmuvWUgndbemCFlKqg+nO7C2q0SBw==",
+      "dev": true
+    },
     "css-modules-loader-core": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/css-modules-loader-core/-/css-modules-loader-core-1.1.0.tgz",
@@ -18970,13 +20212,37 @@
       }
     },
     "debug": {
-      "version": "4.3.3",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz",
-      "integrity": "sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==",
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
       "requires": {
         "ms": "2.1.2"
       }
     },
+    "decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
+      "dev": true
+    },
+    "decamelize-keys": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz",
+      "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=",
+      "dev": true,
+      "requires": {
+        "decamelize": "^1.1.0",
+        "map-obj": "^1.0.0"
+      },
+      "dependencies": {
+        "map-obj": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+          "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
+          "dev": true
+        }
+      }
+    },
     "decode-uri-component": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
@@ -19791,6 +21057,15 @@
         "safe-buffer": "^5.1.1"
       }
     },
+    "execall": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz",
+      "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==",
+      "dev": true,
+      "requires": {
+        "clone-regexp": "^2.1.0"
+      }
+    },
     "expand-brackets": {
       "version": "0.1.5",
       "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz",
@@ -20083,6 +21358,16 @@
         }
       }
     },
+    "find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "requires": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      }
+    },
     "flat-cache": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
@@ -20223,6 +21508,12 @@
       "integrity": "sha512-/b3jarXkH8KJoOMQc3uVGHASwGLPq3gSFJ7tgJm2diza+bydJPTGOibin2steecKeOylE8oY2JERlVWkAJO6yw==",
       "dev": true
     },
+    "get-stdin": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
+      "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
+      "dev": true
+    },
     "get-symbol-description": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
@@ -20283,33 +21574,147 @@
         "is-glob": "^2.0.0"
       }
     },
+    "global-modules": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
+      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
+      "dev": true,
+      "requires": {
+        "global-prefix": "^3.0.0"
+      }
+    },
+    "global-prefix": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
+      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
+      "dev": true,
+      "requires": {
+        "ini": "^1.3.5",
+        "kind-of": "^6.0.2",
+        "which": "^1.3.1"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+          "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+          "dev": true
+        }
+      }
+    },
     "globals": {
       "version": "9.18.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz",
       "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ=="
     },
     "globby": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.4.tgz",
-      "integrity": "sha512-9O4MVG9ioZJ08ffbcyVYyLOJLk5JQ688pJ4eMGLpdWLHq/Wr1D9BlriLQyL0E+jbkuePVZXYFj47QM/v093wHg==",
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
       "dev": true,
       "requires": {
         "array-union": "^2.1.0",
         "dir-glob": "^3.0.1",
-        "fast-glob": "^3.1.1",
-        "ignore": "^5.1.4",
-        "merge2": "^1.3.0",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
         "slash": "^3.0.0"
       },
       "dependencies": {
+        "braces": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+          "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+          "dev": true,
+          "requires": {
+            "fill-range": "^7.0.1"
+          }
+        },
+        "fast-glob": {
+          "version": "3.2.11",
+          "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz",
+          "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==",
+          "dev": true,
+          "requires": {
+            "@nodelib/fs.stat": "^2.0.2",
+            "@nodelib/fs.walk": "^1.2.3",
+            "glob-parent": "^5.1.2",
+            "merge2": "^1.3.0",
+            "micromatch": "^4.0.4"
+          }
+        },
+        "fill-range": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+          "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+          "dev": true,
+          "requires": {
+            "to-regex-range": "^5.0.1"
+          }
+        },
+        "glob-parent": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+          "dev": true,
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        },
+        "is-extglob": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+          "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+          "dev": true
+        },
+        "is-glob": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+          "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+          "dev": true,
+          "requires": {
+            "is-extglob": "^2.1.1"
+          }
+        },
+        "is-number": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+          "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+          "dev": true
+        },
+        "micromatch": {
+          "version": "4.0.5",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+          "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+          "dev": true,
+          "requires": {
+            "braces": "^3.0.2",
+            "picomatch": "^2.3.1"
+          }
+        },
         "slash": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
           "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
           "dev": true
+        },
+        "to-regex-range": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+          "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+          "dev": true,
+          "requires": {
+            "is-number": "^7.0.0"
+          }
         }
       }
     },
+    "globjoin": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
+      "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=",
+      "dev": true
+    },
     "graceful-fs": {
       "version": "4.2.6",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.6.tgz",
@@ -20331,6 +21736,12 @@
         "har-schema": "^2.0.0"
       }
     },
+    "hard-rejection": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
+      "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
+      "dev": true
+    },
     "has": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
@@ -20507,6 +21918,15 @@
         "os-tmpdir": "^1.0.1"
       }
     },
+    "hosted-git-info": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+      "dev": true,
+      "requires": {
+        "lru-cache": "^6.0.0"
+      }
+    },
     "html-encoding-sniffer": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-1.0.2.tgz",
@@ -20741,11 +22161,23 @@
         "resolve-from": "^4.0.0"
       }
     },
+    "import-lazy": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
+      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
+      "dev": true
+    },
     "imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
       "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o="
     },
+    "indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true
+    },
     "indexes-of": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
@@ -20766,6 +22198,12 @@
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
+    "ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true
+    },
     "internal-slot": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
@@ -21081,6 +22519,12 @@
         "has-tostringtag": "^1.0.0"
       }
     },
+    "is-regexp": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz",
+      "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==",
+      "dev": true
+    },
     "is-shared-array-buffer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.1.tgz",
@@ -21386,6 +22830,12 @@
         "graceful-fs": "^4.1.9"
       }
     },
+    "known-css-properties": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.25.0.tgz",
+      "integrity": "sha512-b0/9J1O9Jcyik1GC6KC42hJ41jKwdO/Mq8Mdo5sYN+IuRTXs2YFHZC3kZSx6ueusqa95x3wLYe/ytKjbAfGixA==",
+      "dev": true
+    },
     "levn": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
@@ -21451,6 +22901,15 @@
         }
       }
     },
+    "locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "requires": {
+        "p-locate": "^4.1.0"
+      }
+    },
     "lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
@@ -21491,6 +22950,12 @@
       "integrity": "sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=",
       "dev": true
     },
+    "lodash.truncate": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
+      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
+      "dev": true
+    },
     "lodash.uniq": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
@@ -21592,6 +23057,12 @@
       "dev": true,
       "optional": true
     },
+    "map-obj": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
+      "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
+      "dev": true
+    },
     "map-visit": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
@@ -21632,6 +23103,12 @@
       "dev": true,
       "optional": true
     },
+    "mathml-tag-names": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
+      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
+      "dev": true
+    },
     "md5.js": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
@@ -21654,6 +23131,34 @@
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
       "integrity": "sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4="
     },
+    "meow": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
+      "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==",
+      "dev": true,
+      "requires": {
+        "@types/minimist": "^1.2.0",
+        "camelcase-keys": "^6.2.2",
+        "decamelize": "^1.2.0",
+        "decamelize-keys": "^1.1.0",
+        "hard-rejection": "^2.1.0",
+        "minimist-options": "4.1.0",
+        "normalize-package-data": "^3.0.0",
+        "read-pkg-up": "^7.0.1",
+        "redent": "^3.0.0",
+        "trim-newlines": "^3.0.0",
+        "type-fest": "^0.18.0",
+        "yargs-parser": "^20.2.3"
+      },
+      "dependencies": {
+        "type-fest": {
+          "version": "0.18.1",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
+          "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+          "dev": true
+        }
+      }
+    },
     "merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -21721,6 +23226,12 @@
       "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
       "dev": true
     },
+    "min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true
+    },
     "minami": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/minami/-/minami-1.2.3.tgz",
@@ -21751,6 +23262,31 @@
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
       "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
     },
+    "minimist-options": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
+      "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
+      "dev": true,
+      "requires": {
+        "arrify": "^1.0.1",
+        "is-plain-obj": "^1.1.0",
+        "kind-of": "^6.0.3"
+      },
+      "dependencies": {
+        "is-plain-obj": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+          "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
+          "dev": true
+        },
+        "kind-of": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+          "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+          "dev": true
+        }
+      }
+    },
     "mixin-deep": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
@@ -21811,9 +23347,9 @@
       "dev": true
     },
     "nanoid": {
-      "version": "3.1.30",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.30.tgz",
-      "integrity": "sha512-zJpuPDwOv8D2zq2WRoMe1HsfZthVewpel9CAvTfc/2mBD1uUT/agc5f7GHGWXlYkFvi1mVxe4IjvP2HNrop7nQ==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
+      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
       "dev": true
     },
     "nanomatch": {
@@ -21899,6 +23435,29 @@
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz",
       "integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA=="
     },
+    "normalize-package-data": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+      "dev": true,
+      "requires": {
+        "hosted-git-info": "^4.0.1",
+        "is-core-module": "^2.5.0",
+        "semver": "^7.3.4",
+        "validate-npm-package-license": "^3.0.1"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "7.3.7",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
+          "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        }
+      }
+    },
     "normalize-path": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
@@ -21909,6 +23468,12 @@
         "remove-trailing-separator": "^1.0.1"
       }
     },
+    "normalize-selector": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz",
+      "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=",
+      "dev": true
+    },
     "normalize-url": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz",
@@ -22234,6 +23799,30 @@
         }
       }
     },
+    "p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "requires": {
+        "p-try": "^2.0.0"
+      }
+    },
+    "p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "requires": {
+        "p-limit": "^2.2.0"
+      }
+    },
+    "p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true
+    },
     "pako": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
@@ -22390,6 +23979,12 @@
       "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
       "dev": true
     },
+    "path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true
+    },
     "path-is-absolute": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
@@ -22450,9 +24045,9 @@
       "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
     },
     "picomatch": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz",
-      "integrity": "sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw=="
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
     },
     "pn": {
       "version": "1.1.0",
@@ -22468,14 +24063,14 @@
       "optional": true
     },
     "postcss": {
-      "version": "8.4.5",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-      "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
+      "version": "8.4.13",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.13.tgz",
+      "integrity": "sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA==",
       "dev": true,
       "requires": {
-        "nanoid": "^3.1.30",
+        "nanoid": "^3.3.3",
         "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.1"
+        "source-map-js": "^1.0.2"
       }
     },
     "postcss-calc": {
@@ -22537,6 +24132,12 @@
       "dev": true,
       "requires": {}
     },
+    "postcss-media-query-parser": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
+      "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=",
+      "dev": true
+    },
     "postcss-merge-longhand": {
       "version": "5.0.4",
       "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-5.0.4.tgz",
@@ -22956,10 +24557,30 @@
         "postcss-value-parser": "^4.1.0"
       }
     },
+    "postcss-resolve-nested-selector": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
+      "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=",
+      "dev": true
+    },
+    "postcss-safe-parser": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
+      "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
+      "dev": true,
+      "requires": {}
+    },
+    "postcss-scss": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.4.tgz",
+      "integrity": "sha512-aBBbVyzA8b3hUL0MGrpydxxXKXFZc5Eqva0Q3V9qsBOLEMsjb6w49WfpsoWzpEgcqJGW4t7Rio8WXVU9Gd8vWg==",
+      "dev": true,
+      "requires": {}
+    },
     "postcss-selector-parser": {
-      "version": "6.0.8",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.8.tgz",
-      "integrity": "sha512-D5PG53d209Z1Uhcc0qAZ5U3t5HagH3cxu+WLZ22jt3gLUpXM4eXXfiO14jiDWST3NNooX/E8wISfOhZ9eIjGTQ==",
+      "version": "6.0.10",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
       "dev": true,
       "requires": {
         "cssesc": "^3.0.0",
@@ -23138,6 +24759,12 @@
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
       "dev": true
     },
+    "quick-lru": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
+      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+      "dev": true
+    },
     "randomatic": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-3.1.1.tgz",
@@ -23197,6 +24824,63 @@
       "integrity": "sha512-Gvzk7OZpiqKSkxsQvO/mbTN1poglhmAV7gR/DdIrRrSMXraRQQlfikRJOr3Nb9GTMPC5kof948Zy6jJZIFtDvQ==",
       "dev": true
     },
+    "read-pkg": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
+      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
+      "dev": true,
+      "requires": {
+        "@types/normalize-package-data": "^2.4.0",
+        "normalize-package-data": "^2.5.0",
+        "parse-json": "^5.0.0",
+        "type-fest": "^0.6.0"
+      },
+      "dependencies": {
+        "hosted-git-info": {
+          "version": "2.8.9",
+          "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+          "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+          "dev": true
+        },
+        "normalize-package-data": {
+          "version": "2.5.0",
+          "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+          "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+          "dev": true,
+          "requires": {
+            "hosted-git-info": "^2.1.4",
+            "resolve": "^1.10.0",
+            "semver": "2 || 3 || 4 || 5",
+            "validate-npm-package-license": "^3.0.1"
+          }
+        },
+        "type-fest": {
+          "version": "0.6.0",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+          "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+          "dev": true
+        }
+      }
+    },
+    "read-pkg-up": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
+      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
+      "dev": true,
+      "requires": {
+        "find-up": "^4.1.0",
+        "read-pkg": "^5.2.0",
+        "type-fest": "^0.8.1"
+      },
+      "dependencies": {
+        "type-fest": {
+          "version": "0.8.1",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+          "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+          "dev": true
+        }
+      }
+    },
     "readable-stream": {
       "version": "2.3.7",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
@@ -23543,6 +25227,16 @@
         }
       }
     },
+    "redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "requires": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      }
+    },
     "regenerate": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
@@ -23712,6 +25406,12 @@
         "tough-cookie": "^2.3.3"
       }
     },
+    "require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true
+    },
     "requires-port": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
@@ -24052,9 +25752,9 @@
       }
     },
     "signal-exit": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.6.tgz",
-      "integrity": "sha512-sDl4qMFpijcGw22U5w63KmD3cZJfBuFlVNbVMKje2keoKML7X2UzWbc4XrmEbDwg0NXJc3yv4/ox7b+JWb57kQ==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
       "dev": true
     },
     "slash": {
@@ -24247,9 +25947,9 @@
       "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w="
     },
     "source-map-js": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.1.tgz",
-      "integrity": "sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA=="
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
     },
     "source-map-resolve": {
       "version": "0.5.3",
@@ -24281,6 +25981,44 @@
       "dev": true,
       "optional": true
     },
+    "spdx-correct": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
+      "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
+      "dev": true,
+      "requires": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "spdx-exceptions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+      "dev": true
+    },
+    "spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
+      "requires": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "spdx-license-ids": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz",
+      "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==",
+      "dev": true
+    },
+    "specificity": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz",
+      "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==",
+      "dev": true
+    },
     "split-string": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
@@ -24501,11 +26239,26 @@
         "ansi-regex": "^2.0.0"
       }
     },
+    "strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "requires": {
+        "min-indent": "^1.0.0"
+      }
+    },
     "strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig=="
     },
+    "style-search": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz",
+      "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=",
+      "dev": true
+    },
     "stylehacks": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.0.1.tgz",
@@ -24516,6 +26269,248 @@
         "postcss-selector-parser": "^6.0.4"
       }
     },
+    "stylelint": {
+      "version": "14.8.2",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.8.2.tgz",
+      "integrity": "sha512-tjDfexCYfoPdl/xcDJ9Fv+Ko9cvzbDnmdiaqEn3ovXHXasi/hbkt5tSjsiReQ+ENqnz0eltaX/AOO+AlzVdcNA==",
+      "dev": true,
+      "requires": {
+        "balanced-match": "^2.0.0",
+        "colord": "^2.9.2",
+        "cosmiconfig": "^7.0.1",
+        "css-functions-list": "^3.0.1",
+        "debug": "^4.3.4",
+        "execall": "^2.0.0",
+        "fast-glob": "^3.2.11",
+        "fastest-levenshtein": "^1.0.12",
+        "file-entry-cache": "^6.0.1",
+        "get-stdin": "^8.0.0",
+        "global-modules": "^2.0.0",
+        "globby": "^11.1.0",
+        "globjoin": "^0.1.4",
+        "html-tags": "^3.2.0",
+        "ignore": "^5.2.0",
+        "import-lazy": "^4.0.0",
+        "imurmurhash": "^0.1.4",
+        "is-plain-object": "^5.0.0",
+        "known-css-properties": "^0.25.0",
+        "mathml-tag-names": "^2.1.3",
+        "meow": "^9.0.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "normalize-selector": "^0.2.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.13",
+        "postcss-media-query-parser": "^0.2.3",
+        "postcss-resolve-nested-selector": "^0.1.1",
+        "postcss-safe-parser": "^6.0.0",
+        "postcss-selector-parser": "^6.0.10",
+        "postcss-value-parser": "^4.2.0",
+        "resolve-from": "^5.0.0",
+        "specificity": "^0.4.1",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "style-search": "^0.1.0",
+        "supports-hyperlinks": "^2.2.0",
+        "svg-tags": "^1.0.0",
+        "table": "^6.8.0",
+        "v8-compile-cache": "^2.3.0",
+        "write-file-atomic": "^4.0.1"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+          "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+          "dev": true
+        },
+        "balanced-match": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
+          "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
+          "dev": true
+        },
+        "braces": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+          "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+          "dev": true,
+          "requires": {
+            "fill-range": "^7.0.1"
+          }
+        },
+        "fast-glob": {
+          "version": "3.2.11",
+          "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz",
+          "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==",
+          "dev": true,
+          "requires": {
+            "@nodelib/fs.stat": "^2.0.2",
+            "@nodelib/fs.walk": "^1.2.3",
+            "glob-parent": "^5.1.2",
+            "merge2": "^1.3.0",
+            "micromatch": "^4.0.4"
+          }
+        },
+        "fill-range": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+          "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+          "dev": true,
+          "requires": {
+            "to-regex-range": "^5.0.1"
+          }
+        },
+        "glob-parent": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+          "dev": true,
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        },
+        "html-tags": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz",
+          "integrity": "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==",
+          "dev": true
+        },
+        "is-extglob": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+          "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+          "dev": true
+        },
+        "is-glob": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+          "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+          "dev": true,
+          "requires": {
+            "is-extglob": "^2.1.1"
+          }
+        },
+        "is-number": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+          "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+          "dev": true
+        },
+        "is-plain-object": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+          "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+          "dev": true
+        },
+        "micromatch": {
+          "version": "4.0.5",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+          "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+          "dev": true,
+          "requires": {
+            "braces": "^3.0.2",
+            "picomatch": "^2.3.1"
+          }
+        },
+        "normalize-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+          "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+          "dev": true
+        },
+        "resolve-from": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+          "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+          "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^5.0.1"
+          }
+        },
+        "to-regex-range": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+          "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+          "dev": true,
+          "requires": {
+            "is-number": "^7.0.0"
+          }
+        }
+      }
+    },
+    "stylelint-config-prettier": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/stylelint-config-prettier/-/stylelint-config-prettier-9.0.3.tgz",
+      "integrity": "sha512-5n9gUDp/n5tTMCq1GLqSpA30w2sqWITSSEiAWQlpxkKGAUbjcemQ0nbkRvRUa0B1LgD3+hCvdL7B1eTxy1QHJg==",
+      "dev": true,
+      "requires": {}
+    },
+    "stylelint-config-prettier-scss": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/stylelint-config-prettier-scss/-/stylelint-config-prettier-scss-0.0.1.tgz",
+      "integrity": "sha512-lBAYG9xYOh2LeWEPC/64xeUxwOTnQ8nDyBijQoWoJb10/bMGrUwnokpt8jegGck2Vbtxh6XGwH63z5qBcVHreQ==",
+      "dev": true,
+      "requires": {
+        "stylelint-config-prettier": ">=9.0.3"
+      }
+    },
+    "stylelint-config-recommended": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-6.0.0.tgz",
+      "integrity": "sha512-ZorSSdyMcxWpROYUvLEMm0vSZud2uB7tX1hzBZwvVY9SV/uly4AvvJPPhCcymZL3fcQhEQG5AELmrxWqtmzacw==",
+      "dev": true,
+      "requires": {}
+    },
+    "stylelint-config-recommended-scss": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-5.0.2.tgz",
+      "integrity": "sha512-b14BSZjcwW0hqbzm9b0S/ScN2+3CO3O4vcMNOw2KGf8lfVSwJ4p5TbNEXKwKl1+0FMtgRXZj6DqVUe/7nGnuBg==",
+      "dev": true,
+      "requires": {
+        "postcss-scss": "^4.0.2",
+        "stylelint-config-recommended": "^6.0.0",
+        "stylelint-scss": "^4.0.0"
+      }
+    },
+    "stylelint-config-standard": {
+      "version": "24.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-24.0.0.tgz",
+      "integrity": "sha512-+RtU7fbNT+VlNbdXJvnjc3USNPZRiRVp/d2DxOF/vBDDTi0kH5RX2Ny6errdtZJH3boO+bmqIYEllEmok4jiuw==",
+      "dev": true,
+      "requires": {
+        "stylelint-config-recommended": "^6.0.0"
+      }
+    },
+    "stylelint-config-standard-scss": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-3.0.0.tgz",
+      "integrity": "sha512-zt3ZbzIbllN1iCmc94e4pDxqpkzeR6CJo5DDXzltshuXr+82B8ylHyMMARNnUYrZH80B7wgY7UkKTYCFM0UUyw==",
+      "dev": true,
+      "requires": {
+        "stylelint-config-recommended-scss": "^5.0.2",
+        "stylelint-config-standard": "^24.0.0"
+      }
+    },
+    "stylelint-scss": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-4.2.0.tgz",
+      "integrity": "sha512-HHHMVKJJ5RM9pPIbgJ/XA67h9H0407G68Rm69H4fzFbFkyDMcTV1Byep3qdze5+fJ3c0U7mJrbj6S0Fg072uZA==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.21",
+        "postcss-media-query-parser": "^0.2.3",
+        "postcss-resolve-nested-selector": "^0.1.1",
+        "postcss-selector-parser": "^6.0.6",
+        "postcss-value-parser": "^4.1.0"
+      }
+    },
     "supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -24551,6 +26546,12 @@
         }
       }
     },
+    "svg-tags": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
+      "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=",
+      "dev": true
+    },
     "svgo": {
       "version": "2.8.0",
       "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz",
@@ -24580,6 +26581,54 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
+    "table": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz",
+      "integrity": "sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==",
+      "dev": true,
+      "requires": {
+        "ajv": "^8.0.1",
+        "lodash.truncate": "^4.4.2",
+        "slice-ansi": "^4.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1"
+      },
+      "dependencies": {
+        "ajv": {
+          "version": "8.11.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+          "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "json-schema-traverse": "^1.0.0",
+            "require-from-string": "^2.0.2",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "ansi-regex": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+          "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+          "dev": true
+        },
+        "json-schema-traverse": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+          "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^5.0.1"
+          }
+        }
+      }
+    },
     "taffydb": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/taffydb/-/taffydb-2.6.2.tgz",
@@ -24728,6 +26777,12 @@
         "punycode": "^2.1.0"
       }
     },
+    "trim-newlines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
+      "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
+      "dev": true
+    },
     "trim-right": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz",
@@ -25046,6 +27101,16 @@
         "user-home": "^1.1.1"
       }
     },
+    "validate-npm-package-license": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
+      "requires": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
     "verror": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
@@ -25236,6 +27301,16 @@
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
     },
+    "write-file-atomic": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.1.tgz",
+      "integrity": "sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==",
+      "dev": true,
+      "requires": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
+      }
+    },
     "ws": {
       "version": "6.2.2",
       "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
@@ -25285,6 +27360,12 @@
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
       "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
       "dev": true
+    },
+    "yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true
     }
   }
 }
diff --git a/package.json b/package.json
index bba2011..5a49979 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,10 @@
     "eslint": "^8.11.0",
     "eslint-plugin-babel": "^5.3.1",
     "parcel": "^2.0.1",
-    "prettier": "^2.6.0"
+    "prettier": "^2.6.0",
+    "stylelint": "^14.8.2",
+    "stylelint-config-prettier-scss": "^0.0.1",
+    "stylelint-config-standard-scss": "^3.0.0"
   },
   "dependencies": {
     "@babel/core": "^7.16.5",
diff --git a/public/assets/css/dash.css b/public/assets/css/dash.css
index 5c567e0..ab11598 100644
--- a/public/assets/css/dash.css
+++ b/public/assets/css/dash.css
@@ -1745,8 +1745,8 @@ sub {
 
 sup {
   top: -0.55em;
-  background: #1D3040;
-  color: #1D3040;
+  background: #1d3040;
+  color: #1d3040;
   border-radius: 2px;
   padding: 0 2px 0 2px;
   margin: 0 2px 0 0;
@@ -1791,7 +1791,8 @@ select {
   text-transform: none;
 }
 
-button, html [type=button],
+button,
+html [type=button],
 [type=reset],
 [type=submit] {
   -webkit-appearance: button;
@@ -1883,8 +1884,10 @@ template {
   display: none;
 }
 
-h1, h2, h3 {
-  color: #EFEBE3;
+h1,
+h2,
+h3 {
+  color: #efebe3;
 }
 
 h1 {
@@ -1902,8 +1905,9 @@ h3 {
   font-weight: 300;
 }
 
-html, body {
-  background: #1D3040 linear-gradient(0deg, #1d3040 0%, #2d4a63 100%) no-repeat;
+html,
+body {
+  background: #1d3040 linear-gradient(0deg, #1d3040 0%, #2d4a63 100%) no-repeat;
   font: 400 1em Helvetica, Arial, sans-serif;
   height: 100%;
 }
@@ -1946,7 +1950,9 @@ svg.icons {
   transform-origin: 50% 0;
   overflow: hidden;
 }
-#notifications #notifyMessage #notify-good, #notifications #notifyMessage #notify-lame, #notifications #notifyMessage #notify-working {
+#notifications #notifyMessage #notify-good,
+#notifications #notifyMessage #notify-lame,
+#notifications #notifyMessage #notify-working {
   display: block;
 }
 #notifications #notifyMessage #notify-working-icon {
@@ -1964,16 +1970,16 @@ svg.icons {
   height: 30px;
   width: 30px;
   text-align: center;
-  border: 2px solid #EFEBE3;
+  border: 2px solid #efebe3;
 }
 #notifications #notifyMessage #notify-text {
-  color: #EFEBE3;
+  color: #efebe3;
   background: #32302f;
   width: 400px;
   height: 28px;
   padding: 15px 0 0 0;
   border-radius: 0 5px 5px 0;
-  border: 2px solid #EFEBE3;
+  border: 2px solid #efebe3;
   text-align: center;
   overflow: hidden;
   position: relative;
@@ -1991,7 +1997,7 @@ svg.icons {
   position: relative;
 }
 #notifications #notifyMessage .icons {
-  fill: #EFEBE3;
+  fill: #efebe3;
 }
 
 .notify-close {
@@ -2018,25 +2024,27 @@ svg.icons {
   width: 100%;
   max-width: 900px;
   margin: 10px auto;
-  background: #EFEBE3;
+  background: #efebe3;
   height: 50px;
   border-radius: 5px;
 }
 .main-container section header #wrapper {
   padding: 5px;
 }
-.main-container section header #wrapper #left, .main-container section header #wrapper #right {
+.main-container section header #wrapper #left,
+.main-container section header #wrapper #right {
   width: 49.7%;
   display: inline-block;
   vertical-align: top;
   min-height: 60px;
 }
-.main-container section header #wrapper #left #the-logo, .main-container section header #wrapper #right #the-logo {
+.main-container section header #wrapper #left #the-logo,
+.main-container section header #wrapper #right #the-logo {
   width: 29px;
 }
 .main-container section header #wrapper #right {
   text-align: right;
-  color: #EFEBE3;
+  color: #efebe3;
 }
 .main-container section header #wrapper #right #dash-menu {
   text-align: right;
@@ -2048,10 +2056,10 @@ svg.icons {
   transition: all 0.2s linear;
   width: 40px;
   height: 20px;
-  fill: #EFEBE3;
+  fill: #efebe3;
 }
 .main-container section header #wrapper #right #dash-menu a:hover button {
-  background: #1D3040;
+  background: #1d3040;
 }
 .main-container section header #wrapper #right #dash-menu a:hover svg {
   fill: #b2cce5;
@@ -2060,30 +2068,30 @@ svg.icons {
 /* Mozilla based browsers */
 ::-moz-selection {
   background-color: #fc6399;
-  color: #EFEBE3;
+  color: #efebe3;
 }
 
 /* Works in Safari */
 ::selection {
   background-color: #fc6399;
-  color: #EFEBE3;
+  color: #efebe3;
 }
 
 /* Works in Opera */
 ::-o-selection {
   background-color: #fc6399;
-  color: #EFEBE3;
+  color: #efebe3;
 }
 
 ::-ms-selection {
   background-color: #fc6399;
-  color: #EFEBE3;
+  color: #efebe3;
 }
 
 /* Works in Internet Explorer */
 ::-webkit-selection {
   background-color: #fc6399;
-  color: #EFEBE3;
+  color: #efebe3;
 }
 
 @media only screen and (max-width: 901px) {
@@ -2092,7 +2100,8 @@ svg.icons {
   }
 }
 @media only screen and (max-width: 800px) {
-  .main-container section header #wrapper #left, .main-container section header #wrapper #right {
+  .main-container section header #wrapper #left,
+.main-container section header #wrapper #right {
     display: inline-block;
   }
 }
@@ -2120,40 +2129,47 @@ svg.icons {
   height: 100%;
   margin: 0 auto;
 }
-#dash-index-content #dash-index #dash-index-wrapper .dash-init, #dash-index-content #dash-index #dash-index-wrapper .dash-restore {
+#dash-index-content #dash-index #dash-index-wrapper .dash-init,
+#dash-index-content #dash-index #dash-index-wrapper .dash-restore {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: #1D3040;
+  color: #1d3040;
 }
-#dash-index-content #dash-index #dash-index-wrapper .dash-init form, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form {
-  background: #EFEBE3;
+#dash-index-content #dash-index #dash-index-wrapper .dash-init form,
+#dash-index-content #dash-index #dash-index-wrapper .dash-restore form {
+  background: #efebe3;
   padding: 15px;
   width: 300px;
   border-radius: 5px;
   text-align: center;
 }
-#dash-index-content #dash-index #dash-index-wrapper .dash-init form #the-logo, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form #the-logo {
+#dash-index-content #dash-index #dash-index-wrapper .dash-init form #the-logo,
+#dash-index-content #dash-index #dash-index-wrapper .dash-restore form #the-logo {
   width: 40px;
   margin: 20px;
 }
-#dash-index-content #dash-index #dash-index-wrapper .dash-init form input, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form input {
+#dash-index-content #dash-index #dash-index-wrapper .dash-init form input,
+#dash-index-content #dash-index #dash-index-wrapper .dash-restore form input {
   width: 290px;
   margin: 0 0 10px 0;
   height: 30px;
 }
-#dash-index-content #dash-index #dash-index-wrapper .dash-init form button, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form button {
+#dash-index-content #dash-index #dash-index-wrapper .dash-init form button,
+#dash-index-content #dash-index #dash-index-wrapper .dash-restore form button {
   width: 300px;
 }
-#dash-index-content #dash-index #dash-index-wrapper .dash-init form div, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form div {
-  background: #1D3040;
-  color: #EFEBE3;
+#dash-index-content #dash-index #dash-index-wrapper .dash-init form div,
+#dash-index-content #dash-index #dash-index-wrapper .dash-restore form div {
+  background: #1d3040;
+  color: #efebe3;
   border-radius: 3px;
   padding: 5px;
 }
-#dash-index-content #dash-index #dash-index-wrapper .dash-init form div label, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form div label {
+#dash-index-content #dash-index #dash-index-wrapper .dash-init form div label,
+#dash-index-content #dash-index #dash-index-wrapper .dash-restore form div label {
   display: block;
   padding: 5px;
   color: #f5ab35;
@@ -2170,24 +2186,28 @@ svg.icons {
   align-items: center;
   justify-content: center;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset {
+#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form,
+#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset {
   width: 300px;
   padding: 0.75em;
-  background: #EFEBE3;
+  background: #efebe3;
   border-radius: 5px;
-  color: #EFEBE3;
+  color: #efebe3;
   text-align: center;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form #the-logo, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset #the-logo {
+#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form #the-logo,
+#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset #the-logo {
   width: 40px;
   margin: 20px;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form input, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset input {
+#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form input,
+#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset input {
   width: 290px;
   margin: 0 0 10px 0;
   height: 30px;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form button, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset button {
+#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form button,
+#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset button {
   width: 300px;
 }
 #dash-index-content #dash-index #dash-index-wrapper #dash-menu {
@@ -2203,7 +2223,7 @@ svg.icons {
   width: 30%;
   padding: 5px;
   border-radius: 3px;
-  color: #EFEBE3;
+  color: #efebe3;
   margin: 0 10px 10px 0;
 }
 #dash-index-content #dash-index #dash-index-wrapper #dash-menu a:hover {
@@ -2212,7 +2232,7 @@ svg.icons {
 #dash-index-content #dash-index #dash-index-wrapper #dash-menu a svg {
   display: inline-block;
   vertical-align: top;
-  fill: #EFEBE3;
+  fill: #efebe3;
 }
 #dash-index-content #dash-index #dash-index-wrapper #dash-menu a label {
   display: inline-block;
@@ -2239,7 +2259,7 @@ svg.icons {
   vertical-align: top;
   display: inline-block;
   width: 50%;
-  color: #EFEBE3;
+  color: #efebe3;
   font-size: 3em;
 }
 #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right {
@@ -2248,7 +2268,7 @@ svg.icons {
   vertical-align: top;
   display: inline-block;
   right: 10px;
-  color: #EFEBE3;
+  color: #efebe3;
 }
 #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right a button {
   border-radius: 3px;
@@ -2258,9 +2278,10 @@ svg.icons {
   transition: all 0.2s linear;
   width: 40px;
   height: 20px;
-  fill: #EFEBE3;
+  fill: #efebe3;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link {
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link,
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link {
   font-size: 1.5em;
   font-weight: 300;
   display: inline-block;
@@ -2270,16 +2291,18 @@ svg.icons {
   position: relative;
   overflow: hidden;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link .post-video, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link .post-video {
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link .post-video,
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link .post-video {
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link label, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link label {
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link label,
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link label {
   font-size: 1.4em;
   font-weight: 700;
-  color: #EFEBE3;
+  color: #efebe3;
   padding: 5px;
   vertical-align: top;
   display: inline-block;
@@ -2290,57 +2313,68 @@ svg.icons {
   top: 35%;
   text-shadow: 2px 2px 0 #32302f;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options {
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options,
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options {
   width: 100%;
   position: absolute;
   bottom: 0;
   border-radius: 0 0 3px 3px;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left {
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left,
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left {
   display: inline-block;
   vertical-align: top;
   width: 50%;
   position: relative;
   background: none;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button {
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button,
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button {
   border-radius: 3px;
-  background: #1D3040;
+  background: #1d3040;
   margin: 0 0 10px 10px;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button svg, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button svg {
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button svg,
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button svg {
   width: 40px;
   height: 20px;
   fill: #b2cce5;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left .item-options, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left .item-options {
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left .item-options,
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left .item-options {
   border-radius: 3px;
   margin: 5px;
   display: inline-block;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=false], #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=false] {
-  background: #1D3040;
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=false],
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=false] {
+  background: #1d3040;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=false] svg, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=false] svg {
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=false] svg,
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=false] svg {
   fill: #b2cce5;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=true], #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=true] {
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=true],
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=true] {
   background: #f5ab35;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=true] svg, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=true] svg {
-  fill: #1D3040;
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=true] svg,
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=true] svg {
+  fill: #1d3040;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-right, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-right {
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-right,
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-right {
   display: inline-block;
   width: 50%;
   text-align: right;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-right span, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-right span {
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-right span,
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-right span {
   font-weight: bold;
   display: block;
-  background: #EFEBE3;
-  color: #1D3040;
+  background: #efebe3;
+  color: #1d3040;
   border-radius: 3px;
   font-size: 0.6em;
   text-align: center;
@@ -2355,24 +2389,28 @@ svg.icons {
   margin-bottom: 20px;
   height: 500px;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) {
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4),
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) {
   width: 48.6%;
   height: 350px;
   margin: 0 10px 20px 0;
 }
-#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) {
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5),
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) {
   width: 48.6%;
   height: 350px;
   margin: 0 0 20px 10px;
 }
 
 @media only screen and (max-width: 768px) {
-  #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) {
+  #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4),
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) {
     width: 48.9%;
   }
 }
 @media only screen and (max-width: 640px) {
-  #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) {
+  #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4),
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) {
     width: 48.5%;
   }
 }
@@ -2383,7 +2421,11 @@ svg.icons {
   #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-menu {
     width: 60%;
   }
-  #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) {
+  #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3),
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4),
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5),
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6),
+#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) {
     width: 100%;
     margin: 15px 0 0 0;
     height: 400px;
@@ -2400,12 +2442,12 @@ svg.icons {
   width: 185px;
   margin: 28px auto;
   text-align: center;
-  background: #EFEBE3;
+  background: #efebe3;
   padding: 2px;
   border-radius: 3px;
 }
 #settings-actions #buttons button {
-  color: #EFEBE3;
+  color: #efebe3;
   border-radius: 3px;
   width: 40px;
   margin: 0 10px 0 10px;
@@ -2413,19 +2455,19 @@ svg.icons {
 #settings-actions #buttons button svg {
   width: 25px;
   height: 20px;
-  fill: #EFEBE3;
+  fill: #efebe3;
 }
 #settings-actions #buttons button[data-render=false] {
   background: #b2cce5;
 }
 #settings-actions #buttons button[data-render=false] svg {
-  fill: #1D3040;
+  fill: #1d3040;
 }
 #settings-actions #buttons button[data-render=true] {
   background: #fc6399;
 }
 #settings-actions #buttons button[data-render=true] svg {
-  fill: #EFEBE3;
+  fill: #efebe3;
 }
 
 #settings-index {
@@ -2442,47 +2484,83 @@ svg.icons {
   width: 100%;
   height: 33px;
 }
-#settings-index #settings-index-wrapper #member-settings, #settings-index #settings-index-wrapper #feature-settings, #settings-index #settings-index-wrapper #option-settings, #settings-index #settings-index-wrapper #token-settings, #settings-index #settings-index-wrapper #backup-settings {
-  background: #EFEBE3;
+#settings-index #settings-index-wrapper #member-settings,
+#settings-index #settings-index-wrapper #feature-settings,
+#settings-index #settings-index-wrapper #option-settings,
+#settings-index #settings-index-wrapper #token-settings,
+#settings-index #settings-index-wrapper #backup-settings {
+  background: #efebe3;
   padding: 0px;
   border-radius: 5px 0 5px 0;
   width: 100%;
   margin: 20px auto;
 }
-#settings-index #settings-index-wrapper #member-settings label, #settings-index #settings-index-wrapper #feature-settings label, #settings-index #settings-index-wrapper #option-settings label, #settings-index #settings-index-wrapper #token-settings label, #settings-index #settings-index-wrapper #backup-settings label {
+#settings-index #settings-index-wrapper #member-settings label,
+#settings-index #settings-index-wrapper #feature-settings label,
+#settings-index #settings-index-wrapper #option-settings label,
+#settings-index #settings-index-wrapper #token-settings label,
+#settings-index #settings-index-wrapper #backup-settings label {
   font-family: Helvetica, Arial, sans-serif;
-  color: #1D3040;
+  color: #1d3040;
   font-weight: bold;
 }
-#settings-index #settings-index-wrapper #member-settings span, #settings-index #settings-index-wrapper #feature-settings span, #settings-index #settings-index-wrapper #option-settings span, #settings-index #settings-index-wrapper #token-settings span, #settings-index #settings-index-wrapper #backup-settings span {
+#settings-index #settings-index-wrapper #member-settings span,
+#settings-index #settings-index-wrapper #feature-settings span,
+#settings-index #settings-index-wrapper #option-settings span,
+#settings-index #settings-index-wrapper #token-settings span,
+#settings-index #settings-index-wrapper #backup-settings span {
   color: #b2cce5;
 }
-#settings-index #settings-index-wrapper #member-settings input, #settings-index #settings-index-wrapper #feature-settings input, #settings-index #settings-index-wrapper #option-settings input, #settings-index #settings-index-wrapper #token-settings input, #settings-index #settings-index-wrapper #backup-settings input {
+#settings-index #settings-index-wrapper #member-settings input,
+#settings-index #settings-index-wrapper #feature-settings input,
+#settings-index #settings-index-wrapper #option-settings input,
+#settings-index #settings-index-wrapper #token-settings input,
+#settings-index #settings-index-wrapper #backup-settings input {
   width: 95%;
   margin: 0 5px 10px 0;
   height: 30px;
   padding: 10px;
 }
-#settings-index #settings-index-wrapper #member-settings input#backup-upload, #settings-index #settings-index-wrapper #feature-settings input#backup-upload, #settings-index #settings-index-wrapper #option-settings input#backup-upload, #settings-index #settings-index-wrapper #token-settings input#backup-upload, #settings-index #settings-index-wrapper #backup-settings input#backup-upload {
+#settings-index #settings-index-wrapper #member-settings input#backup-upload,
+#settings-index #settings-index-wrapper #feature-settings input#backup-upload,
+#settings-index #settings-index-wrapper #option-settings input#backup-upload,
+#settings-index #settings-index-wrapper #token-settings input#backup-upload,
+#settings-index #settings-index-wrapper #backup-settings input#backup-upload {
   visibility: hidden;
   display: none;
 }
-#settings-index #settings-index-wrapper #member-settings .backup-meta, #settings-index #settings-index-wrapper #feature-settings .backup-meta, #settings-index #settings-index-wrapper #option-settings .backup-meta, #settings-index #settings-index-wrapper #token-settings .backup-meta, #settings-index #settings-index-wrapper #backup-settings .backup-meta {
-  background: #1D3040;
-  color: #EFEBE3;
+#settings-index #settings-index-wrapper #member-settings .backup-meta,
+#settings-index #settings-index-wrapper #feature-settings .backup-meta,
+#settings-index #settings-index-wrapper #option-settings .backup-meta,
+#settings-index #settings-index-wrapper #token-settings .backup-meta,
+#settings-index #settings-index-wrapper #backup-settings .backup-meta {
+  background: #1d3040;
+  color: #efebe3;
   padding: 8px;
   border-radius: 3px;
   margin: 5px 0 0 0;
   text-align: center;
 }
-#settings-index #settings-index-wrapper #member-settings #member-images, #settings-index #settings-index-wrapper #feature-settings #member-images, #settings-index #settings-index-wrapper #option-settings #member-images, #settings-index #settings-index-wrapper #token-settings #member-images, #settings-index #settings-index-wrapper #backup-settings #member-images {
+#settings-index #settings-index-wrapper #member-settings #member-images,
+#settings-index #settings-index-wrapper #feature-settings #member-images,
+#settings-index #settings-index-wrapper #option-settings #member-images,
+#settings-index #settings-index-wrapper #token-settings #member-images,
+#settings-index #settings-index-wrapper #backup-settings #member-images {
   padding: 10px 15px 0 15px;
 }
-#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop {
+#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop,
+#settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop,
+#settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop,
+#settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop,
+#settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop {
   display: inline-block;
   margin: 0 0 10px 0;
 }
-#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop img {
+#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop img,
+#settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop img,
+#settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop img,
+#settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop img,
+#settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop img {
   width: 100%;
   border-radius: 5px;
   overflow: hidden;
@@ -2490,40 +2568,72 @@ svg.icons {
   display: block;
   margin-bottom: 2px;
 }
-#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop input {
+#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop input,
+#settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop input,
+#settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop input,
+#settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop input,
+#settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop input {
   visibility: hidden;
   display: none;
 }
-#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop #privacy-toggle {
+#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop #privacy-toggle,
+#settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop #privacy-toggle,
+#settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop #privacy-toggle,
+#settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop #privacy-toggle,
+#settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop #privacy-toggle {
   width: 50%;
 }
-#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop #render-toggle {
+#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop #render-toggle,
+#settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop #render-toggle,
+#settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop #render-toggle,
+#settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop #render-toggle,
+#settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop #render-toggle {
   width: 50%;
 }
-#settings-index #settings-index-wrapper #member-settings #member-images #site-background, #settings-index #settings-index-wrapper #feature-settings #member-images #site-background, #settings-index #settings-index-wrapper #option-settings #member-images #site-background, #settings-index #settings-index-wrapper #token-settings #member-images #site-background, #settings-index #settings-index-wrapper #backup-settings #member-images #site-background {
+#settings-index #settings-index-wrapper #member-settings #member-images #site-background,
+#settings-index #settings-index-wrapper #feature-settings #member-images #site-background,
+#settings-index #settings-index-wrapper #option-settings #member-images #site-background,
+#settings-index #settings-index-wrapper #token-settings #member-images #site-background,
+#settings-index #settings-index-wrapper #backup-settings #member-images #site-background {
   margin: 0 0 10px 0;
 }
-#settings-index #settings-index-wrapper #member-settings #member-images #site-background img, #settings-index #settings-index-wrapper #feature-settings #member-images #site-background img, #settings-index #settings-index-wrapper #option-settings #member-images #site-background img, #settings-index #settings-index-wrapper #token-settings #member-images #site-background img, #settings-index #settings-index-wrapper #backup-settings #member-images #site-background img {
+#settings-index #settings-index-wrapper #member-settings #member-images #site-background img,
+#settings-index #settings-index-wrapper #feature-settings #member-images #site-background img,
+#settings-index #settings-index-wrapper #option-settings #member-images #site-background img,
+#settings-index #settings-index-wrapper #token-settings #member-images #site-background img,
+#settings-index #settings-index-wrapper #backup-settings #member-images #site-background img {
   width: 92.1%;
   height: 292px;
   border-radius: 3px;
   overflow: hidden;
   cursor: pointer;
 }
-#settings-index #settings-index-wrapper #member-settings #member-images #site-background input, #settings-index #settings-index-wrapper #feature-settings #member-images #site-background input, #settings-index #settings-index-wrapper #option-settings #member-images #site-background input, #settings-index #settings-index-wrapper #token-settings #member-images #site-background input, #settings-index #settings-index-wrapper #backup-settings #member-images #site-background input {
+#settings-index #settings-index-wrapper #member-settings #member-images #site-background input,
+#settings-index #settings-index-wrapper #feature-settings #member-images #site-background input,
+#settings-index #settings-index-wrapper #option-settings #member-images #site-background input,
+#settings-index #settings-index-wrapper #token-settings #member-images #site-background input,
+#settings-index #settings-index-wrapper #backup-settings #member-images #site-background input {
   visibility: hidden;
   display: none;
 }
-#settings-index #settings-index-wrapper #member-settings #member-meta, #settings-index #settings-index-wrapper #feature-settings #member-meta, #settings-index #settings-index-wrapper #option-settings #member-meta, #settings-index #settings-index-wrapper #token-settings #member-meta, #settings-index #settings-index-wrapper #backup-settings #member-meta {
+#settings-index #settings-index-wrapper #member-settings #member-meta,
+#settings-index #settings-index-wrapper #feature-settings #member-meta,
+#settings-index #settings-index-wrapper #option-settings #member-meta,
+#settings-index #settings-index-wrapper #token-settings #member-meta,
+#settings-index #settings-index-wrapper #backup-settings #member-meta {
   padding: 10px 15px 0 15px;
   position: relative;
   top: -30px;
 }
-#settings-index #settings-index-wrapper #member-settings #features, #settings-index #settings-index-wrapper #feature-settings #features, #settings-index #settings-index-wrapper #option-settings #features, #settings-index #settings-index-wrapper #token-settings #features, #settings-index #settings-index-wrapper #backup-settings #features {
+#settings-index #settings-index-wrapper #member-settings #features,
+#settings-index #settings-index-wrapper #feature-settings #features,
+#settings-index #settings-index-wrapper #option-settings #features,
+#settings-index #settings-index-wrapper #token-settings #features,
+#settings-index #settings-index-wrapper #backup-settings #features {
   padding: 10px 15px 0 15px;
 }
 #settings-index #settings-index-wrapper textarea {
-  background: #1D3040;
+  background: #1d3040;
   width: 70%;
   height: 89.5px;
   color: #f5ab35;
@@ -2532,8 +2642,8 @@ svg.icons {
   margin-bottom: 10px;
 }
 #settings-index #settings-index-wrapper span#key {
-  color: #EFEBE3;
-  background: #1D3040;
+  color: #efebe3;
+  background: #1d3040;
   font-size: 0.9em;
   border-radius: 3px;
   padding: 5px;
@@ -2541,58 +2651,68 @@ svg.icons {
   width: 95%;
   overflow: hidden;
 }
-#settings-index #settings-index-wrapper #feature-settings #feature-api, #settings-index #settings-index-wrapper #feature-settings #dynamic-api {
-  background: #EFEBE3;
+#settings-index #settings-index-wrapper #feature-settings #feature-api,
+#settings-index #settings-index-wrapper #feature-settings #dynamic-api {
+  background: #efebe3;
   border-radius: 3px;
   padding: 5px;
 }
-#settings-index #settings-index-wrapper #feature-settings #feature-api button, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button {
-  color: #EFEBE3;
+#settings-index #settings-index-wrapper #feature-settings #feature-api button,
+#settings-index #settings-index-wrapper #feature-settings #dynamic-api button {
+  color: #efebe3;
   border-radius: 3px;
   width: 200px;
   margin: 0;
   height: 200px;
   font-size: 1em;
 }
-#settings-index #settings-index-wrapper #feature-settings #feature-api button svg, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button svg {
+#settings-index #settings-index-wrapper #feature-settings #feature-api button svg,
+#settings-index #settings-index-wrapper #feature-settings #dynamic-api button svg {
   width: 100px;
   height: 90px;
-  fill: #EFEBE3;
+  fill: #efebe3;
   position: relative;
   display: block;
   margin: 12px auto;
 }
-#settings-index #settings-index-wrapper #feature-settings #feature-api button span, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button span {
-  color: #EFEBE3;
+#settings-index #settings-index-wrapper #feature-settings #feature-api button span,
+#settings-index #settings-index-wrapper #feature-settings #dynamic-api button span {
+  color: #efebe3;
   margin: 6px 0 0 5px;
   position: relative;
   vertical-align: middle;
   display: inline-block;
   font-weight: bold;
 }
-#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false], #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] {
+#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false],
+#settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] {
   background: #b2cce5;
 }
-#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false] svg, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] svg {
-  fill: #1D3040;
+#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false] svg,
+#settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] svg {
+  fill: #1d3040;
 }
-#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false] span, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] span {
-  color: #1D3040;
+#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false] span,
+#settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] span {
+  color: #1d3040;
 }
-#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=true], #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=true] {
+#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=true],
+#settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=true] {
   background: #fc6399;
 }
-#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=true] svg, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=true] svg {
-  fill: #EFEBE3;
+#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=true] svg,
+#settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=true] svg {
+  fill: #efebe3;
 }
 #settings-index #settings-index-wrapper #token-settings #keys-tokens {
   padding: 10px 15px 0 15px;
 }
-#settings-index #settings-index-wrapper #token-settings #keys-tokens #member-api-key, #settings-index #settings-index-wrapper #token-settings #keys-tokens #form-token {
-  background: #1D3040;
+#settings-index #settings-index-wrapper #token-settings #keys-tokens #member-api-key,
+#settings-index #settings-index-wrapper #token-settings #keys-tokens #form-token {
+  background: #1d3040;
   border-radius: 3px;
   padding: 5px;
-  color: #EFEBE3;
+  color: #efebe3;
 }
 #settings-index #settings-index-wrapper #option-settings #theme-settings a {
   width: 95%;
@@ -2602,8 +2722,8 @@ svg.icons {
   display: inline-block;
 }
 #settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=false] {
-  background: #EFEBE3;
-  color: #1D3040;
+  background: #efebe3;
+  color: #1d3040;
   border-radius: 3px;
   font-weight: bold;
   border-top: 1px #fc6399 solid;
@@ -2611,14 +2731,14 @@ svg.icons {
 }
 #settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=true] {
   background: #fc6399;
-  color: #1D3040;
+  color: #1d3040;
   border-radius: 3px;
   font-weight: bold;
-  border-top: 1px #1D3040 solid;
-  border-bottom: 1px #1D3040 solid;
+  border-top: 1px #1d3040 solid;
+  border-bottom: 1px #1d3040 solid;
 }
 #settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=true] svg {
-  fill: #1D3040;
+  fill: #1d3040;
   display: inline-block;
   float: right;
 }
@@ -2637,7 +2757,7 @@ svg.icons {
   color: #fc6399;
 }
 #settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option[data-enabled=false] {
-  color: #1D3040;
+  color: #1d3040;
 }
 #settings-index #settings-index-wrapper #option-settings #mail-settings input {
   margin: 0 5px 5px 0;
@@ -2648,12 +2768,12 @@ svg.icons {
   visibility: hidden;
 }
 #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api {
-  background: #1D3040;
+  background: #1d3040;
   border-radius: 3px;
   padding: 10px;
 }
 #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api span {
-  color: #EFEBE3 !important;
+  color: #efebe3 !important;
   margin: -13px 0 0 5px;
   position: relative;
   vertical-align: middle;
@@ -2661,7 +2781,7 @@ svg.icons {
   font-weight: bold;
 }
 #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button {
-  color: #EFEBE3;
+  color: #efebe3;
   border-radius: 3px;
   width: 40px;
   margin: 0;
@@ -2669,19 +2789,19 @@ svg.icons {
 #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button svg {
   width: 25px;
   height: 20px;
-  fill: #EFEBE3;
+  fill: #efebe3;
 }
 #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=false] {
   background: #b2cce5;
 }
 #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=false] svg {
-  fill: #1D3040;
+  fill: #1d3040;
 }
 #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=true] {
   background: #fc6399;
 }
 #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=true] svg {
-  fill: #EFEBE3;
+  fill: #efebe3;
 }
 
 @media only screen and (max-width: 480px) {
@@ -2717,7 +2837,7 @@ svg.icons {
 }
 #error-index label#error {
   font-size: 25px;
-  color: #F64747;
+  color: #f64747;
   font-weight: 500;
 }
 
@@ -2729,7 +2849,7 @@ svg.icons {
 #nav-index #nav-index-wrapper #nav-pages .nav-item {
   display: block;
   width: 98%;
-  background: #EFEBE3;
+  background: #efebe3;
   border-radius: 3px;
   color: #fc6399;
   height: 30px;
@@ -2739,7 +2859,7 @@ svg.icons {
   cursor: move;
 }
 #nav-index #nav-index-wrapper #nav-pages .nav-item #item-arrows {
-  fill: #1D3040;
+  fill: #1d3040;
   width: 40px;
   height: 30px;
 }
@@ -2756,13 +2876,13 @@ svg.icons {
   position: relative;
 }
 #nav-index #nav-index-wrapper #nav-pages #nav-btns button {
-  color: #EFEBE3;
+  color: #efebe3;
   border-radius: 3px;
   width: 40px;
   margin: 0 10px 0 10px;
 }
 #nav-index #nav-index-wrapper #nav-pages #nav-btns button svg {
-  fill: #EFEBE3;
+  fill: #efebe3;
   width: 25px;
   height: 20px;
 }
@@ -2795,39 +2915,42 @@ form {
   display: inline-block;
 }
 form a {
-  color: #1D3040;
+  color: #1d3040;
 }
 form p {
   background: #f5ab35;
-  color: #1D3040;
+  color: #1d3040;
   padding: 5px;
   display: block;
   border-radius: 5px;
   text-align: left;
 }
 
-input[type=email], input[type=password], input[type=text] {
+input[type=email],
+input[type=password],
+input[type=text] {
   border: 0;
   border-radius: 5px;
   padding: 5px;
   margin: 10px 5px 0 0;
   font: 18px Helvetica, Arial, sans-serif;
   display: inline-block;
-  background: #1D3040;
+  background: #1d3040;
   color: #f5ab35;
 }
 
 textarea {
   border: 0;
   border-radius: 3px;
-  color: #EFEBE3;
+  color: #efebe3;
   font: 15px Helvetica, Arial, sans-serif;
-  background: #1D3040;
+  background: #1d3040;
 }
 
-button, input[type=submit] {
+button,
+input[type=submit] {
   background: #fc6399;
-  color: #1D3040;
+  color: #1d3040;
   font: 20px Helvetica, Arial, sans-serif;
   border-radius: 5px;
   position: relative;
@@ -2843,29 +2966,29 @@ select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  color: #1D3040;
+  color: #1d3040;
 }
 
 ::-webkit-input-placeholder {
   font: 25px Helvetica, Arial, sans-serif;
-  color: #EFEBE3;
+  color: #efebe3;
 }
 
 :-moz-placeholder {
   /* Firefox 18- */
   font: 25px Helvetica, Arial, sans-serif;
-  color: #EFEBE3;
+  color: #efebe3;
 }
 
 ::-moz-placeholder {
   /* Firefox 19+ */
   font: 15px Helvetica, Arial, sans-serif;
-  color: #EFEBE3;
+  color: #efebe3;
 }
 
 :-ms-input-placeholder {
   font: 25px Helvetica, Arial, sans-serif;
-  color: #EFEBE3;
+  color: #efebe3;
 }
 
 #post-index {
@@ -2883,7 +3006,7 @@ select {
   text-transform: capitalize;
   display: inline-block;
   width: 50%;
-  color: #EFEBE3;
+  color: #efebe3;
   font-size: 3em;
 }
 #post-index #post-index-wrapper #post-index-header #post-index-header-right {
@@ -2892,7 +3015,7 @@ select {
   width: 50%;
 }
 #post-index #post-index-wrapper #post-index-header #post-index-header-right a button {
-  color: #EFEBE3;
+  color: #efebe3;
   border-radius: 3px;
   margin-left: 10px;
   width: 55px;
@@ -2901,7 +3024,7 @@ select {
   transition: all 0.1s linear;
   width: 20px;
   height: 17px;
-  fill: #EFEBE3;
+  fill: #efebe3;
 }
 #post-index #post-index-wrapper #post-index-header #post-index-header-right .current-filter {
   color: #fc6399;
@@ -2911,7 +3034,7 @@ select {
   margin: 20px 0 0 0;
 }
 #post-index #post-index-wrapper #posts-list a.page-link {
-  background: #EFEBE3;
+  background: #efebe3;
   display: inline-block;
   vertical-align: top;
   width: 100%;
@@ -2929,20 +3052,23 @@ select {
   vertical-align: top;
   width: 100%;
 }
-#post-index #post-index-wrapper #posts-list a.page-link div.page-bg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video {
+#post-index #post-index-wrapper #posts-list a.page-link div.page-bg,
+#post-index #post-index-wrapper #posts-list a.page-link div.page-video {
   width: 100%;
   height: 350px;
   background-color: #fc6399;
   position: relative;
 }
-#post-index #post-index-wrapper #posts-list a.page-link div.page-bg video, #post-index #post-index-wrapper #posts-list a.page-link div.page-video video {
+#post-index #post-index-wrapper #posts-list a.page-link div.page-bg video,
+#post-index #post-index-wrapper #posts-list a.page-link div.page-video video {
   width: 100%;
   position: absolute;
 }
-#post-index #post-index-wrapper #posts-list a.page-link div.page-bg label, #post-index #post-index-wrapper #posts-list a.page-link div.page-video label {
+#post-index #post-index-wrapper #posts-list a.page-link div.page-bg label,
+#post-index #post-index-wrapper #posts-list a.page-link div.page-video label {
   font-size: 2em;
   font-weight: 700;
-  color: #EFEBE3;
+  color: #efebe3;
   padding: 5px;
   vertical-align: top;
   display: inline-block;
@@ -2953,7 +3079,8 @@ select {
   top: 35%;
   text-shadow: 2px 2px 0 #32302f;
 }
-#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta {
+#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta,
+#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta {
   width: 100%;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
   border-radius: 3px;
@@ -2962,56 +3089,67 @@ select {
   position: absolute;
   padding: 0 0 20px 0;
 }
-#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options {
+#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options,
+#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options {
   width: 100%;
   bottom: 0;
   position: absolute;
 }
-#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left {
+#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left,
+#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left {
   display: inline-block;
   vertical-align: top;
   width: 50%;
   position: relative;
   background: none;
 }
-#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button {
+#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button,
+#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button {
   border-radius: 3px;
-  background: #1D3040;
+  background: #1d3040;
   margin: 0 0 10px 10px;
 }
-#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left svg {
+#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left svg,
+#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left svg {
   transition: all 0.2s linear;
   width: 40px;
   height: 20px;
   fill: #b2cce5;
 }
-#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left .item-options, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left .item-options {
+#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left .item-options,
+#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left .item-options {
   border-radius: 3px;
   margin: 5px;
   display: inline-block;
 }
-#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=false], #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=false] {
-  background: #1D3040;
+#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=false],
+#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=false] {
+  background: #1d3040;
 }
-#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=false] svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=false] svg {
+#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=false] svg,
+#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=false] svg {
   fill: #b2cce5;
 }
-#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=true], #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=true] {
+#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=true],
+#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=true] {
   background: #f5ab35;
 }
-#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=true] svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=true] svg {
-  fill: #1D3040;
+#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=true] svg,
+#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=true] svg {
+  fill: #1d3040;
 }
-#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-right, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-right {
+#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-right,
+#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-right {
   display: inline-block;
   width: 50%;
   text-align: right;
 }
-#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-right span, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-right span {
+#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-right span,
+#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-right span {
   font-weight: bold;
   display: block;
-  background: #EFEBE3;
-  color: #1D3040;
+  background: #efebe3;
+  color: #1d3040;
   border-radius: 3px;
   font-size: 0.6em;
   text-align: center;
@@ -3061,25 +3199,25 @@ select {
   padding: 0.75rem;
 }
 #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper label {
-  color: #EFEBE3;
+  color: #efebe3;
   font-size: 0.9em;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: 600;
 }
 #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper span {
-  color: #1D3040;
+  color: #1d3040;
   font-size: 0.9em;
   font-weight: 600;
   text-transform: uppercase;
   float: right;
 }
 #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #post_title {
-  background: #EFEBE3;
+  background: #efebe3;
   font-family: Helvetica, Arial, sans-serif;
   width: 97.6%;
   height: 80px;
   font-size: 2em;
-  color: #1D3040;
+  color: #1d3040;
   padding: 5px;
   margin: 0 0 5px 0;
 }
@@ -3091,10 +3229,10 @@ select {
   color: #b2cce5;
 }
 #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #layouts select {
-  background: #1D3040;
+  background: #1d3040;
   color: #b2cce5;
   border-radius: 3px;
-  border-color: #1D3040;
+  border-color: #1d3040;
   margin: 0 0 10px 0;
   width: 100%;
   height: 45px;
@@ -3102,11 +3240,11 @@ select {
   font-size: 1.5em;
 }
 #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post_tags {
-  background: #EFEBE3;
+  background: #efebe3;
   font-family: Helvetica, Arial, sans-serif;
   width: 97.6%;
   height: 80px;
-  color: #1D3040;
+  color: #1d3040;
   padding: 5px;
   margin: 0 0 5px 0;
 }
@@ -3137,7 +3275,7 @@ select {
   text-align: center;
 }
 #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=false] {
-  background: #1D3040;
+  background: #1d3040;
 }
 #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=false] svg {
   fill: #b2cce5;
@@ -3146,9 +3284,10 @@ select {
   background: #f5ab35;
 }
 #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=true] svg {
-  fill: #1D3040;
+  fill: #1d3040;
 }
-#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #page-files-upload, #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-image-upload {
+#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #page-files-upload,
+#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-image-upload {
   display: none;
 }
 #post-edit-index #post-edit-index-wrapper #post-feature {
@@ -3165,7 +3304,7 @@ select {
   padding: 10px;
   margin: 0 auto;
   font-weight: bold;
-  font-color: #1D3040;
+  font-color: #1d3040;
   font-size: 1em;
 }
 #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-file-drop {
@@ -3174,8 +3313,8 @@ select {
   justify-content: center;
   width: 100%;
   min-height: 100px;
-  background: #EFEBE3;
-  color: #1D3040;
+  background: #efebe3;
+  color: #1d3040;
   vertical-align: middle;
   border-radius: 5px;
   margin: 0 0 10px 0;
@@ -3190,10 +3329,12 @@ select {
   margin: 0;
   padding: 0;
 }
-#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list {
+#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list,
+#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list {
   padding: 10px 0 0 0;
 }
-#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .img-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .img-item {
+#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .img-item,
+#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .img-item {
   height: 150px;
   width: 23.8%;
   border-radius: 3px;
@@ -3201,34 +3342,37 @@ select {
   display: inline-block;
   cursor: pointer;
 }
-#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .audio-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .audio-item {
+#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .audio-item,
+#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .audio-item {
   height: 150px;
   width: 23.8%;
   border-radius: 3px;
   margin: 0 10px 10px 0;
   display: inline-block;
   cursor: pointer;
-  background: #1D3040;
+  background: #1d3040;
   background: url("/assets/images/global/upload-audio.png") no-repeat center center/cover;
 }
-#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .video-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .video-item {
+#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .video-item,
+#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .video-item {
   height: 150px;
   width: 23.8%;
   border-radius: 3px;
   margin: 0 10px 10px 0;
   display: inline-block;
   cursor: pointer;
-  background: #1D3040;
+  background: #1d3040;
   background: url("/assets/images/global/upload-video.png") no-repeat center center/cover;
 }
-#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .file-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .file-item {
+#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .file-item,
+#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .file-item {
   height: 150px;
   width: 23.8%;
   border-radius: 3px;
   margin: 0 10px 10px 0;
   display: inline-block;
   cursor: pointer;
-  background: #1D3040;
+  background: #1d3040;
   background: url("/assets/images/global/upload-doc.png") no-repeat center center/cover;
 }
 #post-edit-index #post-edit-index-wrapper #edit-post {
@@ -3246,7 +3390,8 @@ select {
   outline: none;
   border-color: #fc6399;
 }
-#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight {
+#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit,
+#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight {
   border: 0;
   width: 100%;
   min-height: 300px;
@@ -3264,7 +3409,9 @@ select {
   white-space: pre-wrap;
   line-break: normal;
 }
-#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #hightlight * {
+#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit,
+#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight,
+#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #hightlight * {
   font-size: 1.2em;
   font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
   line-height: 22pt;
@@ -3390,13 +3537,12 @@ select {
   left: 0;
   right: 0;
   bottom: 0;
-  background: rgba(0, 0, 0, 0.75);
   z-index: 2000;
 }
 
 .dp {
   position: relative;
-  background: #1D3040;
+  background: #1d3040;
   box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25);
   line-height: 1.4;
   border-radius: 4px;
@@ -3419,7 +3565,7 @@ select {
 
 .dp-permanent .dp {
   padding-top: 0;
-  border: 1px solid #EEE;
+  border: 1px solid #eee;
   box-shadow: none;
 }
 
@@ -3471,12 +3617,16 @@ select {
   overflow: auto !important;
 }
 
-.dp-cal-month, .dp-cal-year, .dp-day, .dp-month, .dp-year {
+.dp-cal-month,
+.dp-cal-year,
+.dp-day,
+.dp-month,
+.dp-year {
   box-sizing: border-box;
   text-align: center;
   text-decoration: none;
   position: relative;
-  color: #EFEBE3;
+  color: #efebe3;
   border-radius: 2px;
   border: 0;
   background: transparent;
@@ -3489,7 +3639,8 @@ select {
   background: #0d161d;
 }
 
-.dp-next, .dp-prev {
+.dp-next,
+.dp-prev {
   position: absolute;
   width: 30px;
   height: 30px;
@@ -3501,7 +3652,10 @@ select {
   background: transparent;
 }
 
-.dp-next:focus, .dp-prev:focus, .dp-next:hover, .dp-prev:hover {
+.dp-next:focus,
+.dp-prev:focus,
+.dp-next:hover,
+.dp-prev:hover {
   outline: none;
   color: inherit;
 }
@@ -3514,7 +3668,8 @@ select {
   right: 24px;
 }
 
-.dp-prev:before, .dp-next:before {
+.dp-prev:before,
+.dp-next:before {
   content: "";
   border: 2px solid;
   width: 10px;
@@ -3537,7 +3692,8 @@ select {
   margin-right: 4px;
 }
 
-.dp-cal-month, .dp-cal-year {
+.dp-cal-month,
+.dp-cal-year {
   display: inline-block;
   font-size: 1.4em;
   padding: 16px 8px 8px;
@@ -3561,7 +3717,9 @@ select {
   right: 0;
 }
 
-.dp-close, .dp-clear, .dp-today {
+.dp-close,
+.dp-clear,
+.dp-today {
   box-sizing: border-box;
   display: inline-block;
   width: 33%;
@@ -3572,22 +3730,43 @@ select {
   background: transparent;
 }
 
-.dp-permanent .dp-close, .dp-permanent .dp-clear {
+.dp-permanent .dp-close,
+.dp-permanent .dp-clear {
   display: none;
 }
 
-.dp-close:active, .dp-clear:active, .dp-today:active, .dp-next:active, .dp-prev:active, .dp-cal-month:active, .dp-cal-year:active {
+.dp-close:active,
+.dp-clear:active,
+.dp-today:active,
+.dp-next:active,
+.dp-prev:active,
+.dp-cal-month:active,
+.dp-cal-year:active {
   background: #fc6399;
-  color: #EFEBE3;
+  color: #efebe3;
 }
 
 @media screen and (min-device-width: 1200px) {
-  .dp-close:hover, .dp-close:focus, .dp-clear:hover, .dp-clear:focus, .dp-today:hover, .dp-today:focus, .dp-next:hover, .dp-next:focus, .dp-prev:hover, .dp-prev:focus, .dp-cal-month:focus, .dp-cal-month:hover, .dp-cal-year:hover, .dp-cal-year:focus {
+  .dp-close:hover,
+.dp-close:focus,
+.dp-clear:hover,
+.dp-clear:focus,
+.dp-today:hover,
+.dp-today:focus,
+.dp-next:hover,
+.dp-next:focus,
+.dp-prev:hover,
+.dp-prev:focus,
+.dp-cal-month:focus,
+.dp-cal-month:hover,
+.dp-cal-year:hover,
+.dp-cal-year:focus {
     background: #fc6399;
-    color: #EFEBE3;
+    color: #efebe3;
   }
 }
-.dp-col-header, .dp-day {
+.dp-col-header,
+.dp-day {
   width: 14.28571429%;
   display: inline-block;
   padding: 8px;
@@ -3595,7 +3774,7 @@ select {
 }
 
 .dp-col-header {
-  color: #AAA;
+  color: #aaa;
   text-transform: uppercase;
   font-weight: 300;
   font-size: 0.8em;
@@ -3615,27 +3794,37 @@ select {
 }
 
 .dp-edge-day {
-  color: #AAA;
+  color: #aaa;
 }
 
-.dp-day:hover, .dp-month:hover, .dp-year:hover, .dp-current:focus, .dp-current, .dp-day:focus, .dp-month:focus, .dp-year:focus {
+.dp-day:hover,
+.dp-month:hover,
+.dp-year:hover,
+.dp-current:focus,
+.dp-current,
+.dp-day:focus,
+.dp-month:focus,
+.dp-year:focus {
   outline: none;
   background: black;
-  color: #EFEBE3;
+  color: #efebe3;
 }
 
-.dp-selected:hover, .dp-selected:focus, .dp-selected {
+.dp-selected:hover,
+.dp-selected:focus,
+.dp-selected {
   background: #fc6399;
   color: black;
 }
 
 .dp-day-disabled {
   background: transparent;
-  color: #DDD;
+  color: #ddd;
 }
 
-.dp-day-disabled:focus, .dp-day-disabled:hover {
-  background: #DDD;
+.dp-day-disabled:focus,
+.dp-day-disabled:hover {
+  background: #ddd;
 }
 
 .dp-focuser {
@@ -3652,7 +3841,8 @@ select {
     width: 100%;
   }
 
-  .dp-day-of-week, .dp-day {
+  .dp-day-of-week,
+.dp-day {
     padding: 8px;
   }
 }
@@ -3703,7 +3893,7 @@ select {
   visibility: hidden;
 }
 #edit-control .submit-start {
-  background: #EFEBE3;
+  background: #efebe3;
 }
 #edit-control .submit-start svg {
   fill: #32cd32;
@@ -3712,13 +3902,13 @@ select {
   background: #32cd32;
 }
 #edit-control .submit-cool svg {
-  fill: #EFEBE3;
+  fill: #efebe3;
 }
 #edit-control .submit-delete {
-  background: #F64747 !important;
+  background: #f64747 !important;
 }
 #edit-control .submit-delete svg {
-  fill: #EFEBE3 !important;
+  fill: #efebe3 !important;
 }
 #edit-control #option-date {
   height: 30px;
@@ -3728,18 +3918,18 @@ select {
   margin: -13px 5px 0 0;
   display: inline-block;
   vertical-align: top;
-  fill: #EFEBE3;
+  fill: #efebe3;
 }
 #edit-control .content-editor-btn-icon {
   padding: 5px 5px 1px 5px;
-  color: #1D3040;
+  color: #1d3040;
 }
 #edit-control .content-editor-btn-icon svg {
-  fill: #1D3040;
+  fill: #1d3040;
 }
 #edit-control .content-editor-btn-text {
   padding: 5px;
-  color: #1D3040;
+  color: #1d3040;
 }
 #edit-control #option-bold {
   font-weight: bold;
@@ -3786,7 +3976,7 @@ pre[class*=language-] {
 
 :not(pre) > code[class*=language-],
 pre[class*=language-] {
-  background: #1D3040;
+  background: #1d3040;
 }
 
 :not(pre) > code[class*=language-] {
diff --git a/src/styles/dash.sass b/src/styles/dash.sass
deleted file mode 100644
index 621dd38..0000000
--- a/src/styles/dash.sass
+++ /dev/null
@@ -1,43 +0,0 @@
-@use "sass:color"
-//CSS
-//Bulma
-@import '../../node_modules/bulma/sass/utilities/_all'
-@import '../../node_modules/bulma/sass/grid/columns'
-
-//Colors
-@import 'main/_colors'
-
-//Mixins
-@import 'main/_mixins'
-
-//Normalize
-@import 'main/_normalize'
-
-//Typography
-@import 'main/_typography'
-
-//Main Structure
-@import 'main/_structure'
-
-//Index
-@import 'main/_index'
-
-//Settings
-@import 'main/_settings'
-
-//Error
-@import 'main/_error'
-
-//Navigation
-@import 'main/_navigation'
-
-//Forms
-@import 'main/_forms'
-
-//Posts
-@import 'main/_posts'
-
-//Editor
-@import 'main/_calendar'
-@import 'main/_editor'
-@import 'main/_editor-highlight'
diff --git a/src/styles/dash.scss b/src/styles/dash.scss
new file mode 100644
index 0000000..77c9a63
--- /dev/null
+++ b/src/styles/dash.scss
@@ -0,0 +1,43 @@
+@use "sass:color";
+//CSS
+//Bulma
+@import "../../node_modules/bulma/sass/utilities/_all";
+@import "../../node_modules/bulma/sass/grid/columns";
+
+//Colors
+@import "main/_colors";
+
+//Mixins
+@import "main/_mixins";
+
+//Normalize
+@import "main/_normalize";
+
+//Typography
+@import "main/_typography";
+
+//Main Structure
+@import "main/_structure";
+
+//Index
+@import "main/_index";
+
+//Settings
+@import "main/_settings";
+
+//Error
+@import "main/_error";
+
+//Navigation
+@import "main/_navigation";
+
+//Forms
+@import "main/_forms";
+
+//Posts
+@import "main/_posts";
+
+//Editor
+@import "main/_calendar";
+@import "main/_editor";
+@import "main/_editor-highlight";
diff --git a/src/styles/main/_calendar.sass b/src/styles/main/_calendar.sass
deleted file mode 100644
index d1d72dd..0000000
--- a/src/styles/main/_calendar.sass
+++ /dev/null
@@ -1,242 +0,0 @@
-// TINY DATE
-.dp-modal
-    position: fixed
-    top: 0
-    left: 0
-    right: 0
-    bottom: 0
-    // background rgba(255, 255, 255, 0.75)
-    @include background-opacity(color.adjust($primary, $lightness: -70%), 0.75)
-    z-index: 2000
-
-.dp
-    position: relative
-    background: $primary
-    box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25)
-    line-height: 1.4
-    border-radius: 4px
-    max-height: 400px
-    z-index: 5000
-    padding-top: 6px
-    overflow: hidden
-    -webkit-tap-highlight-color: transparent
-
-.dp:before
-    content: ' '
-    height: 6px
-    position: absolute
-    top: 0
-    left: 0
-    right: 0
-    background: $highlight
-    // background linear-gradient(-90deg, #3B99FC 0%, #8AEFC8 100%)
-
-.dp-permanent .dp
-    padding-top: 0
-    border: 1px solid #EEE
-    box-shadow: none
-
-.dp-permanent .dp:before
-    display: none
-
-.dp-cal
-    min-height: 300px
-
-.dp-below
-    position: absolute
-    font-size: 0.8em
-    width: 400px
-    max-width: 90vw
-
-.dp-permanent
-    position: relative
-    font-size: 0.8em
-    width: 400px
-    max-width: 100vw
-
-.dp-permanent .dp
-    z-index: 0
-
-.dp-modal .dp
-    position: absolute
-    top: 50%
-    left: 50%
-    max-width: 600px
-    width: calc(100% - 4em)
-    transform: translate(-50%, -50%)
-    animation: slide-up 0.3s forwards
-
-.dp-months
-    padding: 24px
-
-.dp-years
-    box-sizing: border-box
-    max-height: 400px
-    padding: 8px 0
-    /* HACK for Chrome on Android */
-    overflow: auto !important 
-
-.dp-cal-month, .dp-cal-year, .dp-day, .dp-month, .dp-year
-    box-sizing: border-box
-    text-align: center
-    text-decoration: none
-    position: relative
-    color: $white
-    border-radius: 2px
-    border: 0
-    background: transparent
-
-.dp-cal-header
-    position: relative
-    text-align: center
-    padding-bottom: 16px
-    background: color.adjust($primary, $lightness: -10%)
-
-.dp-next, .dp-prev
-    position: absolute
-    width: 30px
-    height: 30px
-    overflow: hidden
-    top: 14px
-    color: color.adjust($primary, $lightness: -50%)
-    border-radius: 2px
-    border: 0
-    background: transparent
-
-.dp-next:focus, .dp-prev:focus, .dp-next:hover, .dp-prev:hover
-    outline: none
-    color: inherit
-
-.dp-prev
-    left: 24px
-
-.dp-next
-    right: 24px
-
-.dp-prev:before, .dp-next:before
-    content: ''
-    border: 2px solid
-    width: 10px
-    height: 10px
-    display: inline-block
-    transform: rotate(-45deg)
-    transition: border-color 0.2s
-    margin: 9px 0 40px 4px
-
-.dp-prev:before
-    border-right: 0
-    border-bottom: 0
-
-.dp-next:before
-    border-left: 0
-    border-top: 0
-    margin-left: 0
-    margin-right: 4px
-
-.dp-cal-month, .dp-cal-year
-    display: inline-block
-    font-size: 1.4em
-    padding: 16px 8px 8px
-    outline: none
-
-.dp-cal-footer
-    text-align: center
-    background: color.adjust($primary, $lightness: -10%)
-
-.dp-day-today:after
-    content: ''
-    height: 0
-    width: 0
-    border: 7px solid $highlight
-    border-bottom-color: transparent
-    border-left-color: transparent
-    position: absolute
-    top: 0
-    right: 0
-
-.dp-close, .dp-clear, .dp-today
-    box-sizing: border-box
-    display: inline-block
-    width: 33%
-    padding: 8px
-    text-decoration: none
-    color: color.adjust($primary, $lightness: -50%)
-    border: 0
-    background: transparent
-
-.dp-permanent .dp-close, .dp-permanent .dp-clear
-    display: none
-
-.dp-close:active, .dp-clear:active, .dp-today:active, .dp-next:active, .dp-prev:active, .dp-cal-month:active, .dp-cal-year:active
-    background: $highlight
-    color: $white
-
-@media screen and (min-device-width: 1200px)
-    .dp-close:hover, .dp-close:focus, .dp-clear:hover, .dp-clear:focus, .dp-today:hover, .dp-today:focus, .dp-next:hover, .dp-next:focus, .dp-prev:hover, .dp-prev:focus, .dp-cal-month:focus, .dp-cal-month:hover, .dp-cal-year:hover, .dp-cal-year:focus
-        background: $highlight
-        color: $white
-
-.dp-col-header, .dp-day
-    width: 14.28571429%
-    display: inline-block
-    padding: 8px
-    text-align: center
-
-.dp-col-header
-    color: #AAA
-    text-transform: uppercase
-    font-weight: 300
-    font-size: 0.8em
-    padding: 8px 0
-
-.dp-month
-    width: 33%
-    display: inline-block
-    padding: 8px
-
-.dp-year
-    display: block
-    padding: 8px 40px
-    width: 100%
-
-.dp-edge-day
-    color: #AAA
-
-.dp-day:hover, .dp-month:hover, .dp-year:hover, .dp-current:focus, .dp-current, .dp-day:focus, .dp-month:focus, .dp-year:focus
-    outline: none
-    background: color.adjust($primary, $lightness: -40%)
-    color: $white
-
-.dp-selected:hover, .dp-selected:focus, .dp-selected
-    background: $highlight
-    color: color.adjust($primary, $lightness: -60%)
-
-.dp-day-disabled
-    background: transparent
-    color: #DDD
-
-.dp-day-disabled:focus, .dp-day-disabled:hover
-    background: #DDD
-
-.dp-focuser
-    position: absolute
-    z-index: 0
-    top: 50%
-    left: 50%
-
-// Responsive
-@media (max-width: 480px), (max-height: 480px)
-    .dp-modal .dp
-        font-size: 0.9em
-        width: auto
-        width: 100%
-
-    .dp-day-of-week, .dp-day
-        padding: 8px
-
-@keyframes slide-up
-    0%
-        transform: translate(-50%, 100%)
-
-    100%
-        transform: translate(-50%, -50%)
\ No newline at end of file
diff --git a/src/styles/main/_calendar.scss b/src/styles/main/_calendar.scss
new file mode 100644
index 0000000..bf9432b
--- /dev/null
+++ b/src/styles/main/_calendar.scss
@@ -0,0 +1,288 @@
+.dp-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 2000;
+}
+.dp {
+  position: relative;
+  background: $primary;
+  box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25);
+  line-height: 1.4;
+  border-radius: 4px;
+  max-height: 400px;
+  z-index: 5000;
+  padding-top: 6px;
+  overflow: hidden;
+  -webkit-tap-highlight-color: transparent;
+}
+.dp:before {
+  content: " ";
+  height: 6px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  background: $highlight;
+}
+.dp-permanent .dp {
+  padding-top: 0;
+  border: 1px solid #eee;
+  box-shadow: none;
+}
+.dp-permanent .dp:before {
+  display: none;
+}
+.dp-cal {
+  min-height: 300px;
+}
+.dp-below {
+  position: absolute;
+  font-size: 0.8em;
+  width: 400px;
+  max-width: 90vw;
+}
+.dp-permanent {
+  position: relative;
+  font-size: 0.8em;
+  width: 400px;
+  max-width: 100vw;
+}
+.dp-permanent .dp {
+  z-index: 0;
+}
+.dp-modal .dp {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  max-width: 600px;
+  width: calc(100% - 4em);
+  transform: translate(-50%, -50%);
+  animation: slide-up 0.3s forwards;
+}
+.dp-months {
+  padding: 24px;
+}
+.dp-years {
+  box-sizing: border-box;
+  max-height: 400px;
+  padding: 8px 0;
+  /* HACK for Chrome on Android */
+  overflow: auto !important;
+}
+.dp-cal-month,
+.dp-cal-year,
+.dp-day,
+.dp-month,
+.dp-year {
+  box-sizing: border-box;
+  text-align: center;
+  text-decoration: none;
+  position: relative;
+  color: $white;
+  border-radius: 2px;
+  border: 0;
+  background: transparent;
+}
+.dp-cal-header {
+  position: relative;
+  text-align: center;
+  padding-bottom: 16px;
+  background: color.adjust($primary, $lightness: -10%);
+}
+.dp-next,
+.dp-prev {
+  position: absolute;
+  width: 30px;
+  height: 30px;
+  overflow: hidden;
+  top: 14px;
+  color: color.adjust($primary, $lightness: -50%);
+  border-radius: 2px;
+  border: 0;
+  background: transparent;
+}
+.dp-next:focus,
+.dp-prev:focus,
+.dp-next:hover,
+.dp-prev:hover {
+  outline: none;
+  color: inherit;
+}
+.dp-prev {
+  left: 24px;
+}
+.dp-next {
+  right: 24px;
+}
+.dp-prev:before,
+.dp-next:before {
+  content: "";
+  border: 2px solid;
+  width: 10px;
+  height: 10px;
+  display: inline-block;
+  transform: rotate(-45deg);
+  transition: border-color 0.2s;
+  margin: 9px 0 40px 4px;
+}
+.dp-prev:before {
+  border-right: 0;
+  border-bottom: 0;
+}
+.dp-next:before {
+  border-left: 0;
+  border-top: 0;
+  margin-left: 0;
+  margin-right: 4px;
+}
+.dp-cal-month,
+.dp-cal-year {
+  display: inline-block;
+  font-size: 1.4em;
+  padding: 16px 8px 8px;
+  outline: none;
+}
+.dp-cal-footer {
+  text-align: center;
+  background: color.adjust($primary, $lightness: -10%);
+}
+.dp-day-today:after {
+  content: "";
+  height: 0;
+  width: 0;
+  border: 7px solid $highlight;
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+.dp-close,
+.dp-clear,
+.dp-today {
+  box-sizing: border-box;
+  display: inline-block;
+  width: 33%;
+  padding: 8px;
+  text-decoration: none;
+  color: color.adjust($primary, $lightness: -50%);
+  border: 0;
+  background: transparent;
+}
+.dp-permanent .dp-close,
+.dp-permanent .dp-clear {
+  display: none;
+}
+.dp-close:active,
+.dp-clear:active,
+.dp-today:active,
+.dp-next:active,
+.dp-prev:active,
+.dp-cal-month:active,
+.dp-cal-year:active {
+  background: $highlight;
+  color: $white;
+}
+@media screen and (min-device-width: 1200px) {
+  .dp-close:hover,
+  .dp-close:focus,
+  .dp-clear:hover,
+  .dp-clear:focus,
+  .dp-today:hover,
+  .dp-today:focus,
+  .dp-next:hover,
+  .dp-next:focus,
+  .dp-prev:hover,
+  .dp-prev:focus,
+  .dp-cal-month:focus,
+  .dp-cal-month:hover,
+  .dp-cal-year:hover,
+  .dp-cal-year:focus {
+    background: $highlight;
+    color: $white;
+  }
+}
+
+.dp-col-header,
+.dp-day {
+  width: 14.28571429%;
+  display: inline-block;
+  padding: 8px;
+  text-align: center;
+}
+.dp-col-header {
+  color: #aaa;
+  text-transform: uppercase;
+  font-weight: 300;
+  font-size: 0.8em;
+  padding: 8px 0;
+}
+.dp-month {
+  width: 33%;
+  display: inline-block;
+  padding: 8px;
+}
+.dp-year {
+  display: block;
+  padding: 8px 40px;
+  width: 100%;
+}
+.dp-edge-day {
+  color: #aaa;
+}
+.dp-day:hover,
+.dp-month:hover,
+.dp-year:hover,
+.dp-current:focus,
+.dp-current,
+.dp-day:focus,
+.dp-month:focus,
+.dp-year:focus {
+  outline: none;
+  background: color.adjust($primary, $lightness: -40%);
+  color: $white;
+}
+.dp-selected:hover,
+.dp-selected:focus,
+.dp-selected {
+  background: $highlight;
+  color: color.adjust($primary, $lightness: -60%);
+}
+.dp-day-disabled {
+  background: transparent;
+  color: #ddd;
+}
+.dp-day-disabled:focus,
+.dp-day-disabled:hover {
+  background: #ddd;
+}
+.dp-focuser {
+  position: absolute;
+  z-index: 0;
+  top: 50%;
+  left: 50%;
+}
+// Responsive
+@media (max-width: 480px), (max-height: 480px) {
+  .dp-modal .dp {
+    font-size: 0.9em;
+    width: auto;
+    width: 100%;
+  }
+  .dp-day-of-week,
+  .dp-day {
+    padding: 8px;
+  }
+}
+
+@keyframes slide-up {
+  0% {
+    transform: translate(-50%, 100%);
+  }
+  100% {
+    transform: translate(-50%, -50%);
+  }
+} ;
diff --git a/src/styles/main/_colors.sass b/src/styles/main/_colors.sass
deleted file mode 100644
index c54b490..0000000
--- a/src/styles/main/_colors.sass
+++ /dev/null
@@ -1,18 +0,0 @@
-$primary: #1D3040 //gradient #2F4C65
-//$primary = #200317; deep sexy purple
-$secondary: #b2cce5
-$tertiary: #f5ab35
-$highlight: #fc6399
-$white: #EFEBE3
-$grey: #abb7b7
-$black: #32302f
-
-//editor colors
-$eventCool: #32cd32
-$eventLame: #F64747
-
-$editorPrimary: #fde3a7
-$editorSecondary: #e7903c
-$editorTertiary: #6bb9f0
-$editorString: #dcc6e0
-$editorTag: #e73c4e
\ No newline at end of file
diff --git a/src/styles/main/_colors.scss b/src/styles/main/_colors.scss
new file mode 100644
index 0000000..b78c14c
--- /dev/null
+++ b/src/styles/main/_colors.scss
@@ -0,0 +1,17 @@
+$primary: #1d3040;
+$secondary: #b2cce5;
+$tertiary: #f5ab35;
+$highlight: #fc6399;
+$white: #efebe3;
+$grey: #abb7b7;
+$black: #32302f;
+
+//editor colors
+$eventCool: #32cd32;
+$eventLame: #f64747;
+
+$editorPrimary: #fde3a7;
+$editorSecondary: #e7903c;
+$editorTertiary: #6bb9f0;
+$editorString: #dcc6e0;
+$editorTag: #e73c4e;
diff --git a/src/styles/main/_editor-highlight.sass b/src/styles/main/_editor-highlight.sass
deleted file mode 100644
index ef92003..0000000
--- a/src/styles/main/_editor-highlight.sass
+++ /dev/null
@@ -1,85 +0,0 @@
-code[class*="language-"],
-pre[class*="language-"] 
-    color: $editorPrimary 
-    background: none 
-    text-shadow: 0 1px rgba(0, 0, 0, 0.3) 
-    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace 
-    font-size: 1em 
-    text-align: left 
-    white-space: pre 
-    word-spacing: normal 
-    word-break: normal 
-    word-wrap: normal 
-    line-height: 1.5 
-    -moz-tab-size: 4 
-    -o-tab-size: 4 
-    tab-size: 4 
-    -webkit-hyphens: none 
-    -moz-hyphens: none 
-    -ms-hyphens: none 
-    hyphens: none 
-pre[class*="language-"] 
-    //padding: 1em 
-    margin: .1em 0 
-    overflow: auto 
-    border-radius: 0.3em 
-:not(pre) > code[class*="language-"],
-pre[class*="language-"] 
-    background: $primary 
-:not(pre) 
-    & > code[class*="language-"] 
-        padding: .1em 
-        border-radius: .3em 
-        white-space: normal 
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata 
-    color: #8292a2 
-.token 
-    &.punctuation 
-        color: $editorSecondary
-    &.namespace 
-        opacity: .6
-    &.keyword 
-        color: #66d9ef 
-    &.italic 
-        font-style: italic 
-    &.entity 
-        cursor: help 
-    &.content
-        color: $editorTertiary
-.token.property,
-.token.tag,
-.token.constant,
-.token.symbol,
-.token.deleted 
-    color: $editorTag
-.token.boolean,
-.token.number 
-    color: #ae81ff 
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted 
-    color: #a6e22e 
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string,
-.token.variable 
-    color: $editorString
-.token.atrule,
-.token.attr-value,
-.token.function,
-.token.class-name 
-    color: #e6db74 
-.token.regex,
-.token.important 
-    color: $editorSecondary
-.token.important,
-.token.bold 
-    font-weight: bold 
diff --git a/src/styles/main/_editor-highlight.scss b/src/styles/main/_editor-highlight.scss
new file mode 100644
index 0000000..481dd01
--- /dev/null
+++ b/src/styles/main/_editor-highlight.scss
@@ -0,0 +1,105 @@
+code[class*="language-"],
+pre[class*="language-"] {
+  color: $editorPrimary;
+  background: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+pre[class*="language-"] {
+  //padding: 1em
+  margin: 0.1em 0;
+  overflow: auto;
+  border-radius: 0.3em;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: $primary;
+}
+:not(pre) {
+  & > code[class*="language-"] {
+    padding: 0.1em;
+    border-radius: 0.3em;
+    white-space: normal;
+  }
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #8292a2;
+}
+.token {
+  &.punctuation {
+    color: $editorSecondary;
+  }
+  &.namespace {
+    opacity: 0.6;
+  }
+  &.keyword {
+    color: #66d9ef;
+  }
+  &.italic {
+    font-style: italic;
+  }
+  &.entity {
+    cursor: help;
+  }
+  &.content {
+    color: $editorTertiary;
+  }
+}
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: $editorTag;
+}
+.token.boolean,
+.token.number {
+  color: #ae81ff;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #a6e22e;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+  color: $editorString;
+}
+.token.atrule,
+.token.attr-value,
+.token.function,
+.token.class-name {
+  color: #e6db74;
+}
+.token.regex,
+.token.important {
+  color: $editorSecondary;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
diff --git a/src/styles/main/_editor.sass b/src/styles/main/_editor.sass
deleted file mode 100644
index 88b53a7..0000000
--- a/src/styles/main/_editor.sass
+++ /dev/null
@@ -1,94 +0,0 @@
-#edit-control
-    // margin 10px
-    top: 1px
-    border-radius: 3px
-    width: 100%
-    max-width: 880px
-    margin-top: 30px
-    z-index: 2000
-
-    button:nth-child(1)
-        border-radius: 3px 0 0 3px
-    button:nth-child(10)
-        border-radius: 0 3px 3px 0
-
-    button
-        background: $secondary
-        width: 10%
-        height: 39px
-        transition: all 0.3s linear
-        margin: 0
-        border-radius: 0
-        display: inline-block
-        vertical-align: top
-        text-align: center
-    button:hover
-        background: color.adjust($secondary, $lightness: -20%)
-
-    #option-update
-        padding: 5px 5px 1px 5px
-        display: inline-block
-        vertical-align: top
-        text-align: center
-
-    .icon-hide
-        display: none
-        visibility: hidden
-
-    .submit-start
-        background: $white
-
-        svg
-            fill: $eventCool
-
-    .submit-cool
-        background: $eventCool
-
-        svg
-            fill: $white
-
-    .submit-delete
-        background: $eventLame !important
-
-        svg
-            fill: $white !important
-
-
-
-    #option-date
-        height: 30px
-        padding-top: 6px
-
-        svg
-            margin: -13px 5px 0 0
-            display: inline-block
-            vertical-align: top
-            fill: $white
-
-    .content-editor-btn-icon
-        padding: 5px 5px 1px 5px
-        // border-radius 20px
-        color: $primary
-
-        svg
-            fill: $primary
-
-    .content-editor-btn-text
-        padding: 5px
-        // border-radius 20px
-        color: $primary
-
-    #option-bold
-        font-weight: bold
-        text-decoration: none
-
-    #option-italic
-        font-weight: bold
-        text-decoration: none
-        font-style: italic
-
-    #option-strikethrough
-        font-weight: bold
-        text-decoration: line-through
-        font-style: italic
-
diff --git a/src/styles/main/_editor.scss b/src/styles/main/_editor.scss
new file mode 100644
index 0000000..c7cf376
--- /dev/null
+++ b/src/styles/main/_editor.scss
@@ -0,0 +1,100 @@
+#edit-control {
+  // margin 10px
+  top: 1px;
+  border-radius: 3px;
+  width: 100%;
+  max-width: 880px;
+  margin-top: 30px;
+  z-index: 2000;
+
+  button:nth-child(1) {
+    border-radius: 3px 0 0 3px;
+  }
+  button:nth-child(10) {
+    border-radius: 0 3px 3px 0;
+  }
+  button {
+    background: $secondary;
+    width: 10%;
+    height: 39px;
+    transition: all 0.3s linear;
+    margin: 0;
+    border-radius: 0;
+    display: inline-block;
+    vertical-align: top;
+    text-align: center;
+  }
+  button:hover {
+    background: color.adjust($secondary, $lightness: -20%);
+  }
+  #option-update {
+    padding: 5px 5px 1px 5px;
+    display: inline-block;
+    vertical-align: top;
+    text-align: center;
+  }
+  .icon-hide {
+    display: none;
+    visibility: hidden;
+  }
+  .submit-start {
+    background: $white;
+
+    svg {
+      fill: $eventCool;
+    }
+  }
+  .submit-cool {
+    background: $eventCool;
+
+    svg {
+      fill: $white;
+    }
+  }
+  .submit-delete {
+    background: $eventLame !important;
+
+    svg {
+      fill: $white !important;
+    }
+  }
+  #option-date {
+    height: 30px;
+    padding-top: 6px;
+
+    svg {
+      margin: -13px 5px 0 0;
+      display: inline-block;
+      vertical-align: top;
+      fill: $white;
+    }
+  }
+  .content-editor-btn-icon {
+    padding: 5px 5px 1px 5px;
+    // border-radius 20px
+    color: $primary;
+
+    svg {
+      fill: $primary;
+    }
+  }
+  .content-editor-btn-text {
+    padding: 5px;
+    // border-radius 20px
+    color: $primary;
+  }
+  #option-bold {
+    font-weight: bold;
+    text-decoration: none;
+  }
+  #option-italic {
+    font-weight: bold;
+    text-decoration: none;
+    font-style: italic;
+  }
+  #option-strikethrough {
+    font-weight: bold;
+    text-decoration: line-through;
+    font-style: italic;
+  }
+}
diff --git a/src/styles/main/_error.sass b/src/styles/main/_error.sass
deleted file mode 100644
index 448b4cb..0000000
--- a/src/styles/main/_error.sass
+++ /dev/null
@@ -1,22 +0,0 @@
-#error-index
-    width: 100%
-    max-width: 900px
-    margin: 0 auto
-    padding: 10px
-    height: 100%
-    z-index: 10
-    position: relative
-    label#title
-        font-size: 100px
-        color: $highlight
-        font-weight: 500
-    
-    label#message
-        font-size: 50px
-        color: $tertiary
-        font-weight: 500
-    
-    label#error
-        font-size: 25px
-        color: $eventLame
-        font-weight: 500
\ No newline at end of file
diff --git a/src/styles/main/_error.scss b/src/styles/main/_error.scss
new file mode 100644
index 0000000..256d1cc
--- /dev/null
+++ b/src/styles/main/_error.scss
@@ -0,0 +1,24 @@
+#error-index {
+  width: 100%;
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 10px;
+  height: 100%;
+  z-index: 10;
+  position: relative;
+  label#title {
+    font-size: 100px;
+    color: $highlight;
+    font-weight: 500;
+  }
+  label#message {
+    font-size: 50px;
+    color: $tertiary;
+    font-weight: 500;
+  }
+  label#error {
+    font-size: 25px;
+    color: $eventLame;
+    font-weight: 500;
+  }
+}
diff --git a/src/styles/main/_forms.sass b/src/styles/main/_forms.sass
deleted file mode 100644
index ce57400..0000000
--- a/src/styles/main/_forms.sass
+++ /dev/null
@@ -1,67 +0,0 @@
-form
-    display: inline-block
-    a
-        color: $primary
-    p 
-        background: $tertiary
-        color: $primary
-        padding: 5px
-        display: block
-        border-radius: 5px
-        text-align: left
-
-input[type=email], input[type=password], input[type=text]
-    border: 0
-    border-radius: 5px
-    padding: 5px
-    margin: 10px 5px 0 0
-    font: 18px $baseType
-    display: inline-block
-    background: $primary
-    color: $tertiary
-
-textarea
-    border: 0
-    border-radius: 3px
-    color: $white
-    font: 15px $baseType
-    background: $primary
-
-button, input[type=submit]
-    background: $highlight
-    color: $primary
-    font: 20px $baseType
-    border-radius: 5px
-    position: relative
-    cursor: pointer
-    border: 0
-    padding: 10px 0 5px 0
-    transition: all 0.3s linear
-
-select
-    font: 14px $baseType
-    border: 1px solid $secondary
-    -webkit-appearance: none
-    -moz-appearance: none
-    appearance: none
-    color: $primary
-
-::-webkit-input-placeholder
-    font: 25px $baseType
-    color: $white
-
-:-moz-placeholder
-    /* Firefox 18- */
-    font: 25px $baseType
-    color: $white
-
-::-moz-placeholder
-    /* Firefox 19+ */
-    font: 15px $baseType
-    color: $white
-
-:-ms-input-placeholder
-    font: 25px $baseType
-    color: $white
-
-
diff --git a/src/styles/main/_forms.scss b/src/styles/main/_forms.scss
new file mode 100644
index 0000000..f5e1083
--- /dev/null
+++ b/src/styles/main/_forms.scss
@@ -0,0 +1,71 @@
+form {
+  display: inline-block;
+  a {
+    color: $primary;
+  }
+  p {
+    background: $tertiary;
+    color: $primary;
+    padding: 5px;
+    display: block;
+    border-radius: 5px;
+    text-align: left;
+  }
+}
+input[type="email"],
+input[type="password"],
+input[type="text"] {
+  border: 0;
+  border-radius: 5px;
+  padding: 5px;
+  margin: 10px 5px 0 0;
+  font: 18px $baseType;
+  display: inline-block;
+  background: $primary;
+  color: $tertiary;
+}
+textarea {
+  border: 0;
+  border-radius: 3px;
+  color: $white;
+  font: 15px $baseType;
+  background: $primary;
+}
+button,
+input[type="submit"] {
+  background: $highlight;
+  color: $primary;
+  font: 20px $baseType;
+  border-radius: 5px;
+  position: relative;
+  cursor: pointer;
+  border: 0;
+  padding: 10px 0 5px 0;
+  transition: all 0.3s linear;
+}
+select {
+  font: 14px $baseType;
+  border: 1px solid $secondary;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  color: $primary;
+}
+::-webkit-input-placeholder {
+  font: 25px $baseType;
+  color: $white;
+}
+:-moz-placeholder {
+  /* Firefox 18- */
+  font: 25px $baseType;
+  color: $white;
+}
+::-moz-placeholder {
+  /* Firefox 19+ */
+  font: 15px $baseType;
+  color: $white;
+}
+:-ms-input-placeholder {
+  font: 25px $baseType;
+  color: $white;
+}
diff --git a/src/styles/main/_index.sass b/src/styles/main/_index.sass
deleted file mode 100644
index 236f1ad..0000000
--- a/src/styles/main/_index.sass
+++ /dev/null
@@ -1,283 +0,0 @@
-#dash-index-content
-  width: 100%
-  height: 100%
-  margin: 0 auto
-
-  #dash-index
-    width: 100%
-    height: 100%
-    z-index: 10
-    position: relative
-
-    #dash-index-wrapper
-      width: 100%
-      height: 100%
-      margin: 0 auto
-
-      .dash-init, .dash-restore
-        width: 100%
-        height: 100%
-        display: flex
-        align-items: center
-        justify-content: center
-        color: $primary
-      
-        form
-          background: $white
-          padding: 15px
-          width: 300px
-          border-radius: 5px
-          text-align: center
-          #the-logo
-            width: 40px
-            margin: 20px
-          
-          input
-            width: 290px
-            margin: 0 0 10px 0
-            height: 30px
-  
-          button
-            width: 300px
-          div
-            background: $primary
-            color: $white
-            border-radius: 3px
-            padding: 5px
-            label
-              display: block 
-              padding: 5px
-              color: $tertiary
-      .dash-restore
-          display: none
-          visibility: hidden
-
-      #dash-login
-        width: 100%
-        height: 100%
-        margin: 0 auto
-        display: flex
-        align-items: center
-        justify-content: center
-
-        #dash-form, #dash-reset
-          width: 300px
-          padding: 0.75em
-          background: $white
-          border-radius: 5px
-          color: $white
-          text-align: center
-          #the-logo
-            width: 40px
-            margin: 20px
-
-          input
-            width: 290px
-            margin: 0 0 10px 0
-            height: 30px
-
-          button
-            width: 300px
-
-      #dash-menu
-        padding: 10px
-        width: 90%
-        max-width: 900px
-        margin: 50px auto
-
-        a
-          display: inline-block
-          vertical-align: top
-          background: color.adjust($primary, $lightness: -60%)
-          width: 30%
-          padding: 5px
-          border-radius: 3px
-          color: $white
-          margin: 0 10px 10px 0
-
-          &:hover
-            background: color.adjust($primary, $lightness: -60%)
-
-          svg
-            display: inline-block
-            vertical-align: top
-            fill: $white
-
-          label
-            display: inline-block
-            margin-top: 5px
-            width: 85%
-            text-align: center
-            cursor: pointer
-
-      #dash-recent
-        width: 100%
-        max-width: 900px
-        height: 100%
-        padding: 5px 0 0 0
-        margin: 0 auto
-
-        #recent-list
-          //padding: 5px
-          position: relative
-
-          .recent-header
-            height: 50px
-            margin-top: 5px
-            .index-header-left
-              vertical-align: top
-              display: inline-block
-              width: 50%
-              color: $white
-              font-size: 3em
-            .index-header-right
-              width: 50%
-              text-align: right
-              vertical-align: top
-              display: inline-block
-              right: 10px
-              color: $white
-              a
-                button
-                  border-radius: 3px
-                  margin-left: 10px
-                  svg
-                    transition: all 0.2s linear
-                    width: 40px
-                    height: 20px
-                    fill: $white
-
-          a.post-link, a.post-video-link
-            font-size: 1.5em
-            font-weight: 300
-            display: inline-block
-            border-radius: 3px
-            vertical-align: top
-            text-decoration: none
-            position: relative
-            overflow: hidden
-            .post-video
-              width: 100%
-              height: 100%
-              object-fit: cover
-              position: absolute
-
-            label
-              font-size: 1.4em
-              font-weight: 700
-              color: $white
-              padding: 5px
-              vertical-align: top
-              display: inline-block
-              word-wrap: break-word
-              width: 100%
-              text-align: center
-              position: relative
-              top: 35%
-              text-shadow: 2px 2px 0 rgba($black, 1)	
-
-            div#options
-              width: 100%
-              position: absolute
-              bottom: 0
-              border-radius: 0 0 3px 3px
-              background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)
-
-              #option-left
-                display: inline-block
-                vertical-align: top
-                width: 50%
-                position: relative
-                background: none
-                button
-                  border-radius: 3px
-                  background: $primary
-                  margin: 0 0 10px 10px
-                  svg
-                    //@include object-transitions(0.1s)
-                    width: 40px
-                    height: 20px
-                    fill: $secondary
-                .item-options
-                  border-radius: 3px
-                  margin: 5px
-                  display: inline-block
-                button[data-active='false']
-                  background: $primary
-                  svg
-                    fill: $secondary
-                  
-                button[data-active='true']
-                  background: $tertiary
-                  svg
-                    fill: $primary
-              #option-right
-                display: inline-block
-                width: 50%
-                text-align: right
-                span
-                  font-weight: bold
-                  display: block
-                  background: $white
-                  color: $primary
-                  border-radius: 3px
-                  font-size: .6em
-                  text-align: center
-                  position: relative
-                  padding: 5px
-                  float: right
-                  margin: 0 10px 0 0
-                  bottom: -15px
-                  
-
-          a:nth-child(3)
-            width: 100%
-            margin-bottom: 20px
-            height: 500px
-
-          a:nth-child(4), a:nth-child(6)
-            width: 48.6%
-            height: 350px
-            margin: 0 10px 20px 0
-          
-          a:nth-child(5), a:nth-child(7)
-            width: 48.6%
-            height: 350px
-            margin: 0 0 20px 10px
-
-//Reponsive
-@media only screen and (max-width: 768px)
-  #dash-index-content
-    #dash-index
-      #dash-index-wrapper
-        #dash-recent
-          #recent-list
-            a:nth-child(4), a:nth-child(6)
-              width: 48.9%
-
-@media only screen and (max-width: 640px)
-  #dash-index-content
-    #dash-index
-      #dash-index-wrapper
-        #dash-recent
-          #recent-list
-            a:nth-child(4), a:nth-child(6)
-              width: 48.5%
-
-@media only screen and (max-width: 480px)
-  #dash-index-content
-    #dash-index
-      #dash-index-wrapper
-        #dash-recent
-          #recent-list
-            .recent-header
-              h3
-                width: 40%
-
-              .index-menu
-                width: 60%
-
-            a:nth-child(3), a:nth-child(4), a:nth-child(5), a:nth-child(6), a:nth-child(7)
-              width: 100%
-              margin: 15px 0 0 0
-              height: 400px
diff --git a/src/styles/main/_index.scss b/src/styles/main/_index.scss
new file mode 100644
index 0000000..db37566
--- /dev/null
+++ b/src/styles/main/_index.scss
@@ -0,0 +1,346 @@
+#dash-index-content {
+  width: 100%;
+  height: 100%;
+  margin: 0 auto;
+
+  #dash-index {
+    width: 100%;
+    height: 100%;
+    z-index: 10;
+    position: relative;
+
+    #dash-index-wrapper {
+      width: 100%;
+      height: 100%;
+      margin: 0 auto;
+
+      .dash-init,
+      .dash-restore {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: $primary;
+
+        form {
+          background: $white;
+          padding: 15px;
+          width: 300px;
+          border-radius: 5px;
+          text-align: center;
+          #the-logo {
+            width: 40px;
+            margin: 20px;
+          }
+          input {
+            width: 290px;
+            margin: 0 0 10px 0;
+            height: 30px;
+          }
+          button {
+            width: 300px;
+          }
+          div {
+            background: $primary;
+            color: $white;
+            border-radius: 3px;
+            padding: 5px;
+            label {
+              display: block;
+              padding: 5px;
+              color: $tertiary;
+            }
+          }
+        }
+      }
+      .dash-restore {
+        display: none;
+        visibility: hidden;
+      }
+      #dash-login {
+        width: 100%;
+        height: 100%;
+        margin: 0 auto;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        #dash-form,
+        #dash-reset {
+          width: 300px;
+          padding: 0.75em;
+          background: $white;
+          border-radius: 5px;
+          color: $white;
+          text-align: center;
+          #the-logo {
+            width: 40px;
+            margin: 20px;
+          }
+          input {
+            width: 290px;
+            margin: 0 0 10px 0;
+            height: 30px;
+          }
+          button {
+            width: 300px;
+          }
+        }
+      }
+      #dash-menu {
+        padding: 10px;
+        width: 90%;
+        max-width: 900px;
+        margin: 50px auto;
+
+        a {
+          display: inline-block;
+          vertical-align: top;
+          background: color.adjust($primary, $lightness: -60%);
+          width: 30%;
+          padding: 5px;
+          border-radius: 3px;
+          color: $white;
+          margin: 0 10px 10px 0;
+
+          &:hover {
+            background: color.adjust($primary, $lightness: -60%);
+          }
+          svg {
+            display: inline-block;
+            vertical-align: top;
+            fill: $white;
+          }
+          label {
+            display: inline-block;
+            margin-top: 5px;
+            width: 85%;
+            text-align: center;
+            cursor: pointer;
+          }
+        }
+      }
+      #dash-recent {
+        width: 100%;
+        max-width: 900px;
+        height: 100%;
+        padding: 5px 0 0 0;
+        margin: 0 auto;
+
+        #recent-list {
+          //padding: 5px
+          position: relative;
+
+          .recent-header {
+            height: 50px;
+            margin-top: 5px;
+            .index-header-left {
+              vertical-align: top;
+              display: inline-block;
+              width: 50%;
+              color: $white;
+              font-size: 3em;
+            }
+            .index-header-right {
+              width: 50%;
+              text-align: right;
+              vertical-align: top;
+              display: inline-block;
+              right: 10px;
+              color: $white;
+              a {
+                button {
+                  border-radius: 3px;
+                  margin-left: 10px;
+                  svg {
+                    transition: all 0.2s linear;
+                    width: 40px;
+                    height: 20px;
+                    fill: $white;
+                  }
+                }
+              }
+            }
+          }
+          a.post-link,
+          a.post-video-link {
+            font-size: 1.5em;
+            font-weight: 300;
+            display: inline-block;
+            border-radius: 3px;
+            vertical-align: top;
+            text-decoration: none;
+            position: relative;
+            overflow: hidden;
+            .post-video {
+              width: 100%;
+              height: 100%;
+              object-fit: cover;
+              position: absolute;
+            }
+            label {
+              font-size: 1.4em;
+              font-weight: 700;
+              color: $white;
+              padding: 5px;
+              vertical-align: top;
+              display: inline-block;
+              word-wrap: break-word;
+              width: 100%;
+              text-align: center;
+              position: relative;
+              top: 35%;
+              text-shadow: 2px 2px 0 rgba($black, 1);
+            }
+            div#options {
+              width: 100%;
+              position: absolute;
+              bottom: 0;
+              border-radius: 0 0 3px 3px;
+              background: linear-gradient(
+                to bottom,
+                rgba(0, 0, 0, 0) 0%,
+                rgba(0, 0, 0, 0.65) 100%
+              );
+
+              #option-left {
+                display: inline-block;
+                vertical-align: top;
+                width: 50%;
+                position: relative;
+                background: none;
+                button {
+                  border-radius: 3px;
+                  background: $primary;
+                  margin: 0 0 10px 10px;
+                  svg {
+                    //@include object-transitions(0.1s)
+                    width: 40px;
+                    height: 20px;
+                    fill: $secondary;
+                  }
+                }
+                .item-options {
+                  border-radius: 3px;
+                  margin: 5px;
+                  display: inline-block;
+                }
+                button[data-active="false"] {
+                  background: $primary;
+                  svg {
+                    fill: $secondary;
+                  }
+                }
+                button[data-active="true"] {
+                  background: $tertiary;
+                  svg {
+                    fill: $primary;
+                  }
+                }
+              }
+              #option-right {
+                display: inline-block;
+                width: 50%;
+                text-align: right;
+                span {
+                  font-weight: bold;
+                  display: block;
+                  background: $white;
+                  color: $primary;
+                  border-radius: 3px;
+                  font-size: 0.6em;
+                  text-align: center;
+                  position: relative;
+                  padding: 5px;
+                  float: right;
+                  margin: 0 10px 0 0;
+                  bottom: -15px;
+                }
+              }
+            }
+          }
+          a:nth-child(3) {
+            width: 100%;
+            margin-bottom: 20px;
+            height: 500px;
+          }
+          a:nth-child(4),
+          a:nth-child(6) {
+            width: 48.6%;
+            height: 350px;
+            margin: 0 10px 20px 0;
+          }
+          a:nth-child(5),
+          a:nth-child(7) {
+            width: 48.6%;
+            height: 350px;
+            margin: 0 0 20px 10px;
+          }
+          //Reponsive
+        }
+      }
+    }
+  }
+}
+@media only screen and (max-width: 768px) {
+  #dash-index-content {
+    #dash-index {
+      #dash-index-wrapper {
+        #dash-recent {
+          #recent-list {
+            a:nth-child(4),
+            a:nth-child(6) {
+              width: 48.9%;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+@media only screen and (max-width: 640px) {
+  #dash-index-content {
+    #dash-index {
+      #dash-index-wrapper {
+        #dash-recent {
+          #recent-list {
+            a:nth-child(4),
+            a:nth-child(6) {
+              width: 48.5%;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+@media only screen and (max-width: 480px) {
+  #dash-index-content {
+    #dash-index {
+      #dash-index-wrapper {
+        #dash-recent {
+          #recent-list {
+            .recent-header {
+              h3 {
+                width: 40%;
+              }
+              .index-menu {
+                width: 60%;
+              }
+            }
+            a:nth-child(3),
+            a:nth-child(4),
+            a:nth-child(5),
+            a:nth-child(6),
+            a:nth-child(7) {
+              width: 100%;
+              margin: 15px 0 0 0;
+              height: 400px;
+            }
+          }
+        }
+      }
+    }
+  }
+} ;
diff --git a/src/styles/main/_mixins.sass b/src/styles/main/_mixins.sass
deleted file mode 100644
index ef3093f..0000000
--- a/src/styles/main/_mixins.sass
+++ /dev/null
@@ -1,6 +0,0 @@
-@mixin background-opacity($rgb_value, $opacity)
-	background: rgba($rgb_value, $opacity)
-
-@mixin custom-header($weight, $size, $line_height, $color)
-	font: $weight $size/$line_height $bodyTypeSans
-	color: $color
\ No newline at end of file
diff --git a/src/styles/main/_mixins.scss b/src/styles/main/_mixins.scss
new file mode 100644
index 0000000..0a5b591
--- /dev/null
+++ b/src/styles/main/_mixins.scss
@@ -0,0 +1,7 @@
+@mixin background-opacity($rgb_value, $opacity) {
+  background: rgba($rgb_value, $opacity);
+}
+@mixin custom-header($weight, $size, $line_height, $color) {
+  font: $weight $size/$line_height $bodyTypeSans;
+  color: $color;
+}
diff --git a/src/styles/main/_navigation.sass b/src/styles/main/_navigation.sass
deleted file mode 100644
index 8a39189..0000000
--- a/src/styles/main/_navigation.sass
+++ /dev/null
@@ -1,71 +0,0 @@
-#nav-index
-    width: 100%
-    max-width: 900px
-    margin: 0 auto
-
-    #nav-index-wrapper
-        #nav-pages
-            .nav-item
-                display: block
-                width: 98%
-                background: $white
-                border-radius: 3px
-                color: $highlight
-                height: 30px
-                padding: 10px
-                margin: 0 0 10px 0
-                font-size: 1.5em
-                cursor: move
-                #item-arrows
-                    fill: $primary
-                    width: 40px
-                    height: 30px
-
-            label
-                display: inline-block
-                vertical-align: middle
-                padding: 0
-                margin: -15px 0 0 10px
-                cursor: move
-
-            #nav-btns
-                float: right
-                top: -5px
-                position: relative
-                button
-                    color: $white
-                    border-radius: 3px
-                    width: 40px
-                    margin: 0 10px 0 10px
-                    svg
-                        fill: $white
-                        width: 25px
-                        height: 20px
-
-@media only screen and (max-width: 375px)
-    #nav-index
-        #nav-index-wrapper
-            #nav-pages
-                .nav-item
-                    width: 94.5%
-                    font-size: 1em
-
-                    label
-                        width: 40%
-                        vertical-align: top
-                        margin-top: 0px
-                        line-height: 1em
-
-@media only screen and (max-width: 320px)
-    #nav-index
-        #nav-index-wrapper
-            #nav-pages
-                .nav-item
-                    width: 94.5%
-                    font-size: 1em
-
-                    label
-                        width: 37%
-                        vertical-align: top
-                        margin-top: 0px
-                        line-height: 1em
diff --git a/src/styles/main/_navigation.scss b/src/styles/main/_navigation.scss
new file mode 100644
index 0000000..b3b2081
--- /dev/null
+++ b/src/styles/main/_navigation.scss
@@ -0,0 +1,88 @@
+#nav-index {
+  width: 100%;
+  max-width: 900px;
+  margin: 0 auto;
+
+  #nav-index-wrapper {
+    #nav-pages {
+      .nav-item {
+        display: block;
+        width: 98%;
+        background: $white;
+        border-radius: 3px;
+        color: $highlight;
+        height: 30px;
+        padding: 10px;
+        margin: 0 0 10px 0;
+        font-size: 1.5em;
+        cursor: move;
+        #item-arrows {
+          fill: $primary;
+          width: 40px;
+          height: 30px;
+        }
+      }
+      label {
+        display: inline-block;
+        vertical-align: middle;
+        padding: 0;
+        margin: -15px 0 0 10px;
+        cursor: move;
+      }
+      #nav-btns {
+        float: right;
+        top: -5px;
+        position: relative;
+        button {
+          color: $white;
+          border-radius: 3px;
+          width: 40px;
+          margin: 0 10px 0 10px;
+          svg {
+            fill: $white;
+            width: 25px;
+            height: 20px;
+          }
+        }
+      }
+    }
+  }
+}
+@media only screen and (max-width: 375px) {
+  #nav-index {
+    #nav-index-wrapper {
+      #nav-pages {
+        .nav-item {
+          width: 94.5%;
+          font-size: 1em;
+
+          label {
+            width: 40%;
+            vertical-align: top;
+            margin-top: 0px;
+            line-height: 1em;
+          }
+        }
+      }
+    }
+  }
+}
+@media only screen and (max-width: 320px) {
+  #nav-index {
+    #nav-index-wrapper {
+      #nav-pages {
+        .nav-item {
+          width: 94.5%;
+          font-size: 1em;
+
+          label {
+            width: 37%;
+            vertical-align: top;
+            margin-top: 0px;
+            line-height: 1em;
+          }
+        }
+      }
+    }
+  }
+} ;
diff --git a/src/styles/main/_normalize.sass b/src/styles/main/_normalize.sass
deleted file mode 100644
index 7fd62eb..0000000
--- a/src/styles/main/_normalize.sass
+++ /dev/null
@@ -1,197 +0,0 @@
-html
-    line-height: 1.15
-    -ms-text-size-adjust: 100%
-    -webkit-text-size-adjust: 100%
-
-body
-    margin: 0
-
-article,
-aside,
-footer,
-header,
-nav,
-section
-    display: block
-
-h1
-    font-size: 2em
-    margin: 0.67em 0
-    line-height: 1em
-
-figcaption,
-figure,
-main
-    display: block
-
-figure
-    margin: 1em 40px
-
-hr
-    box-sizing: content-box
-    height: 0
-    overflow: visible
-
-pre
-    font-family: monospace, monospace
-    font-size: 1em
-a
-    background-color: transparent
-    -webkit-text-decoration-skip: objects
-
-a:active,
-a:hover
-    outline-width: 0
-
-abbr[title]
-    border-bottom: none
-    text-decoration: underline
-    text-decoration: underline dotted
-
-b,
-strong
-    font-weight: inherit
-    font-weight: bolder
-
-//code,
-kbd,
-samp
-    font-family: monospace, monospace
-    font-size: 1em
-
-dfn
-    font-style: italic
-
-mark
-    background-color: #ff0
-    color: #000
-
-small
-    font-size: 80%
-
-sub,
-sup
-    font-size: 60%
-    line-height: 0
-    position: relative
-    vertical-align: baseline
-
-sub
-    bottom: -0.25em
-
-sup
-    top: -0.55em
-    background: $primary
-    color: $primary
-    border-radius: 2px
-    padding: 0 2px 0 2px
-    margin: 0 2px 0 0
-
-audio,
-video
-    display: inline-block
-
-audio
-    &:not([controls])
-        display: none
-        height: 0
-
-img
-    border-style: none
-
-svg
-    &:not(:root)
-        overflow: hidden
-
-button,
-input,
-optgroup,
-select,
-textarea
-    font-family: sans-serif
-    font-size: 100%
-    line-height: 1.15
-    margin: 0
-
-button,
-input
-    overflow: visible
-
-button,
-select
-    text-transform: none
-
-button, html [type="button"],
-[type="reset"],
-[type="submit"]
-    -webkit-appearance: button
-
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner,
-button::-moz-focus-inner
-    border-style: none
-    padding: 0
-
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring,
-button:-moz-focusring
-    outline: 1px dotted ButtonText
-
-fieldset
-    border: 1px solid #c0c0c0
-    margin: 0 2px
-    padding: 0.35em 0.625em 0.75em
-
-legend
-    box-sizing: border-box
-    color: inherit
-    display: table
-    max-width: 100%
-    padding: 0
-    white-space: normal
-
-progress
-    display: inline-block
-    vertical-align: baseline
-
-textarea
-    overflow: auto
-
-[type="checkbox"],
-[type="radio"]
-    box-sizing: border-box
-    padding: 0
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button
-    height: auto
-
-[type="search"]
-    -webkit-appearance: textfield
-    outline-offset: -2px
-
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration
-    -webkit-appearance: none
-
-::-webkit-file-upload-button
-    -webkit-appearance: button
-    font: inherit
-
-details,
-menu
-    display: block
-
-summary
-    display: list-item
-
-canvas
-    display: inline-block
-
-template
-    display: none
-
-[hidden]
-    display: none
diff --git a/src/styles/main/_normalize.scss b/src/styles/main/_normalize.scss
new file mode 100644
index 0000000..9a435a9
--- /dev/null
+++ b/src/styles/main/_normalize.scss
@@ -0,0 +1,202 @@
+html {
+  line-height: 1.15;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+body {
+  margin: 0;
+}
+article,
+aside,
+footer,
+header,
+nav,
+section {
+  display: block;
+}
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+  line-height: 1em;
+}
+figcaption,
+figure,
+main {
+  display: block;
+}
+figure {
+  margin: 1em 40px;
+}
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+pre {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+a {
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+}
+a:active,
+a:hover {
+  outline-width: 0;
+}
+abbr[title] {
+  border-bottom: none;
+  text-decoration: underline;
+  text-decoration: underline dotted;
+}
+b,
+strong {
+  font-weight: inherit;
+  font-weight: bolder;
+}
+//code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+dfn {
+  font-style: italic;
+}
+mark {
+  background-color: #ff0;
+  color: #000;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  font-size: 60%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.55em;
+  background: $primary;
+  color: $primary;
+  border-radius: 2px;
+  padding: 0 2px 0 2px;
+  margin: 0 2px 0 0;
+}
+audio,
+video {
+  display: inline-block;
+}
+audio {
+  &:not([controls]) {
+    display: none;
+    height: 0;
+  }
+}
+img {
+  border-style: none;
+}
+svg {
+  &:not(:root) {
+    overflow: hidden;
+  }
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: sans-serif;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+}
+button,
+input {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner,
+button::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring,
+button:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+legend {
+  box-sizing: border-box;
+  color: inherit;
+  display: table;
+  max-width: 100%;
+  padding: 0;
+  white-space: normal;
+}
+progress {
+  display: inline-block;
+  vertical-align: baseline;
+}
+textarea {
+  overflow: auto;
+}
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+[type="search"] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+details,
+menu {
+  display: block;
+}
+summary {
+  display: list-item;
+}
+canvas {
+  display: inline-block;
+}
+template {
+  display: none;
+}
+[hidden] {
+  display: none;
+}
diff --git a/src/styles/main/_posts.sass b/src/styles/main/_posts.sass
deleted file mode 100644
index 5f1b028..0000000
--- a/src/styles/main/_posts.sass
+++ /dev/null
@@ -1,512 +0,0 @@
-#post-index
-    width: 100%
-    max-width: 900px
-    margin: 0 auto
-    #post-index-wrapper
-        //padding: 0.75rem
-        overflow: hidden
-        #post-index-header
-            margin: 10px 0 0 0
-            #post-index-header-left
-                text-transform: capitalize
-                display: inline-block
-                width: 50%
-                color: $white
-                font-size: 3em
-            #post-index-header-right
-                text-align: right
-                display: inline-block
-                width: 50%
-                a
-                    button
-                        color: $white
-                        border-radius: 3px
-                        margin-left: 10px
-                        width: 55px
-                    svg
-                        transition: all 0.1s linear
-                        width: 20px
-                        height: 17px
-                        fill: $white
-
-                .current-filter
-                    color: $highlight
-                    text-decoration-color: $secondary
-
-        #posts-list
-            margin: 20px 0 0 0
-
-            a.page-link
-                background: $white
-                display: inline-block
-                vertical-align: top
-                width: 100%
-                text-decoration: none
-                margin: 0 0 20px 0
-                border-radius: 3px
-                overflow: hidden
-                color: color.adjust($primary, $lightness: -60%)
-
-                label
-                    font-size: 2em
-                    font-weight: 500
-                    padding: 10px
-                    display: inline-block
-                    vertical-align: top
-                    width: 100%
-
-                div.page-bg, div.page-video
-                    video
-                        width: 100%
-                        position: absolute
-                    width: 100%
-                    height: 350px
-                    background-color: $highlight
-                    position: relative
-                    label
-                        font-size: 2em
-                        font-weight: 700
-                        color: $white
-                        padding: 5px
-                        vertical-align: top
-                        display: inline-block
-                        word-wrap: break-word
-                        width: 100%
-                        text-align: center
-                        position: relative
-                        top: 35%
-                        text-shadow: 2px 2px 0 rgba($black, 1)
-                    #meta
-                        width: 100%
-                        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)
-                        border-radius: 3px
-                        margin: auto
-                        bottom: 0
-                        position: absolute
-                        padding: 0 0 20px 0
-                        #options
-                            width: 100%
-                            bottom: 0
-                            position: absolute
-                            #option-left
-                                display: inline-block
-                                vertical-align: top
-                                width: 50%
-                                position: relative
-                                background: none
-                                button
-                                    border-radius: 3px
-                                    background: $primary
-                                    margin: 0 0 10px 10px
-                                svg
-                                    transition: all 0.2s linear
-                                    width: 40px
-                                    height: 20px
-                                    fill: $secondary
-                                .item-options
-                                    border-radius: 3px
-                                    margin: 5px
-                                    display: inline-block
-                                button[data-active='false']
-                                    background: $primary
-                                    svg
-                                        fill: $secondary
-
-                                button[data-active='true']
-                                    background: $tertiary
-                                    svg
-                                        fill: $primary
-                            #option-right
-                                display: inline-block
-                                width: 50%
-                                text-align: right
-                                span
-                                    font-weight: bold
-                                    display: block
-                                    background: $white
-                                    color: $primary
-                                    border-radius: 3px
-                                    font-size: .6em
-                                    text-align: center
-                                    position: relative
-                                    padding: 5px
-                                    float: right
-                                    margin: 0 10px 0 0
-                                    bottom: -15px
-
-                p
-                    padding: 5px 10px 5px 10px
-                    font-size: 1.2em
-                    font-weight: 400
-        .paginate
-            width: 260px
-            display: block
-            margin: 0 auto
-            a
-                display: inline-block
-                vertical-align: top
-            span.count
-                text-align: center
-                padding: 5px
-                margin-top: -2px
-                display: inline-block
-                width: 190px
-                font-size: 1.5em
-                color: $tertiary
-
-#post-edit-index
-    width: 100%
-    overflow: hidden
-
-    #post-edit-index-wrapper
-        width: 100%
-        #post-header
-            // width 100%
-
-            background: $highlight
-            #post-header-wrapper
-                max-width: 900px
-                margin: 0 auto
-                padding: 0.75rem
-                label
-                    color: $white
-                    font-size: 0.9em
-                    font-family: $baseType
-                    font-weight: 600
-                span
-                    color: $primary
-                    font-size: 0.9em
-                    font-weight: 600
-                    text-transform: uppercase
-                    float: right
-
-                #post-title
-                    #post_title
-                        background: $white
-                        font-family: $baseType
-                        width: 97.6%
-                        height: 80px
-                        font-size: 2em
-                        color: $primary
-                        padding: 5px
-                        margin: 0 0 5px 0
-
-                    #calendar-icon
-                        background: color.adjust($primary, $lightness: -15%)
-                        border-radius: 3px 0 0 3px
-                        display: inline-block
-                        padding: 5.2px
-                        color: $secondary
-                    #layouts
-                        select
-                            background: $primary
-                            color: $secondary
-                            border-radius: 3px
-                            border-color: $primary
-                            margin: 0 0 10px 0
-                            width: 100%
-                            height: 45px
-                            padding: 5px
-                            font-size: 1.5em
-
-                #post-meta
-                    #post_tags
-                        background: $white
-                        font-family: $baseType
-                        width: 97.6%
-                        height: 80px
-                        color: $primary
-                        padding: 5px
-                        margin: 0 0 5px 0
-
-                    #post-options
-                        display: inline-block
-                        vertical-align: top
-                        width: 100%
-                        padding: 0
-                        margin: 0 0 10px 0
-
-                        button:nth-child(1)
-                            border-radius: 3px 0 0 3px
-
-                        button:nth-child(4)
-                            border-radius: 0 3px 3px 0
-
-                        a
-                            button
-                                border-radius: 0 3px 3px 0 !important
-
-                        button
-                            width: 25%
-                            height: 45px
-                            transition: all 0.3s linear
-                            margin: 0
-                            border-radius: 0
-                            display: inline-block
-                            vertical-align: top
-                            text-align: center
-
-                        button[data-active='false']
-                            background: $primary
-                            svg
-                                fill: $secondary
-
-                        button[data-active='true']
-                            background: $tertiary
-                            svg
-                                fill: $primary
-
-                    #page-files-upload, #post-image-upload
-                        display: none
-
-        #post-feature
-            width: 100%
-
-            #page-file-manager
-                background: $tertiary
-                width: 100%
-                min-height: 300px
-                #page-file-wrapper
-                    width: 100%
-                    max-width: 900px
-                    padding: 10px
-                    margin: 0 auto
-                    font-weight: bold
-                    font-color: $primary
-                    font-size: 1em
-                    #page-file-drop
-                        display: flex
-                        align-items: center
-                        justify-content: center
-                        width: 100%
-                        min-height: 100px
-                        background: $white
-                        color: $primary
-                        vertical-align: middle
-                        border-radius: 5px
-                        margin: 0 0 10px 0
-
-                        label
-                            cursor: pointer
-                            font-weight: 600px
-                            text-transform: capitalize
-
-                        img
-                            width: 100%
-                            margin: 0
-                            padding: 0
-                    #page-images-list, #page-files-list
-                        padding: 10px 0 0 0
-                        .img-item
-                            height: 150px
-                            width: 23.8%
-                            border-radius: 3px
-                            margin: 0 10px 10px 0
-                            display: inline-block
-                            cursor: pointer
-                        .audio-item
-                            height: 150px
-                            width: 23.8%
-                            border-radius: 3px
-                            margin: 0 10px 10px 0
-                            display: inline-block
-                            cursor: pointer
-                            background: $primary
-                            background: url('/assets/images/global/upload-audio.png') no-repeat center center / cover
-                        .video-item
-                            height: 150px
-                            width: 23.8%
-                            border-radius: 3px
-                            margin: 0 10px 10px 0
-                            display: inline-block
-                            cursor: pointer
-                            background: $primary
-                            background: url('/assets/images/global/upload-video.png') no-repeat center center / cover
-                        .file-item
-                            height: 150px
-                            width: 23.8%
-                            border-radius: 3px
-                            margin: 0 10px 10px 0
-                            display: inline-block
-                            cursor: pointer
-                            background: $primary
-                            background: url('/assets/images/global/upload-doc.png') no-repeat center center / cover
-
-
-        #edit-post
-            width: 100%
-            max-width: 880px
-            margin: 0 auto
-
-            #edit-post-wrapper
-                width: 100%
-                max-width: 900px
-                border-radius: 5px
-                //background $primary - 10%
-                //margin: 10px 0 50px 0
-                position: relative
-                //editor sometimes scrolls throwing it all out of wack
-                //turning of scrolling keeps it aligned
-                textarea:focus
-                    outline: none
-                    border-color: $highlight
-
-                #edit, #highlight
-                    border: 0
-                    width: 100%
-                    min-height: 300px
-                    height: auto
-                    position: absolute
-                    top: 0
-                    left: 0
-                    overflow: auto
-                    word-wrap: normal
-                    white-space: pre-wrap
-                    line-break: normal
-                #highlight-content
-                    word-wrap: normal
-                    white-space: pre-wrap
-                    line-break: normal
-
-                #edit, #highlight, #hightlight *
-                    font-size: 1.2em
-                    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace
-                    line-height: 22pt
-
-                #edit
-                    z-index: 1
-                    color: transparent
-                    background: transparent
-                    caret-color: $highlight
-                #highlight
-                    z-index: 0
-
-                    pre
-                        margin: 0
-                        code
-                            font-family: $monoType
-                            padding: 5px
-                            border-radius: 5px
-                            line-height: 1.6em
-                            font-size: 1.25em
-                            color: $editorPrimary
-                            word-wrap: normal
-                            white-space: pre-wrap
-                            line-break: normal
-                            -webkit-line-break: normal
-                            -o-line-break: normal
-                            -moz-line-break: normal
-                            display: inline-block
-                            width: 100%
-                            max-width: 900px
-                            min-height: 200px
-                            caret-color: $highlight
-
-//Responsive
-@media only screen and (max-width: 800px)
-    #post-edit-index
-        #post-edit-index-wrapper
-            #post-header
-                #post-title
-                    #post-date
-                        width: 37.6%
-
-@media only screen and (max-width: 768px)
-    #post-edit-index
-        #post-edit-index-wrapper
-            #post-header
-                #post-title
-                    #post-date
-                        width: 43.1%
-
-                #post-meta
-                    #edit-control
-                        max-width: 100%
-
-                        button
-                            width: 9.91%
-
-@media only screen and (max-width: 640px)
-    #post-edit-index
-        #post-edit-index-wrapper
-            #post-header
-                #post-title
-                    #post-date
-                        width: 42%
-
-@media only screen and (max-width: 480px)
-    #post-index
-        #post-index-wrapper
-            #post-index-header
-                #post-index-header-left
-                    font-size: 1.35em
-                    width: 30%
-                #post-index-header-right
-                    width: 70%
-                    vertical-align: top
-            #post-index-menu
-                a
-                    font-size: 0.95em
-
-                    label
-                        display: none
-                        visibility: hidden
-
-    #post-edit-index
-        #post-edit-index-wrapper
-            #post-header
-                #post-title
-                    #post-options
-                        margin: 5px 0 0 0
-                        width: 100%
-                        padding: 0
-
-                    #post-date
-                        width: 89.2%
-
-                #post-meta
-                    #edit-control
-                        button
-                            width: 9.91%
-
-@media only screen and (max-width: 320px)
-    #post-index
-        #post-index-wrapper
-            #post-index-menu
-                a
-                    font-size: 0.95em
-
-                    label
-                        display: none
-                        visibility: hidden
-
-    #post-edit-index
-        #post-edit-index-wrapper
-            #post-header
-                #post-title
-                    #post_title
-                        width: 96.4%
-
-                    #post-options
-                        margin: 5px 0 0 0
-                        width: 100%
-                        padding: 0
-
-                    #post-date
-                        width: 83.1%
-
-                #post-meta
-                    #post_tags
-                        width: 96.4%
-
-                    #edit-control
-                        .content-editor-btn-icon
-                            svg.icons
-                                width: 20px
-
-                        .post-sumbit-btn
-                            svg.icons
-                                width: 20px
-
-                        button
-                            width: 10%
diff --git a/src/styles/main/_posts.scss b/src/styles/main/_posts.scss
new file mode 100644
index 0000000..8a94baa
--- /dev/null
+++ b/src/styles/main/_posts.scss
@@ -0,0 +1,622 @@
+#post-index {
+  width: 100%;
+  max-width: 900px;
+  margin: 0 auto;
+  #post-index-wrapper {
+    //padding: 0.75rem
+    overflow: hidden;
+    #post-index-header {
+      margin: 10px 0 0 0;
+      #post-index-header-left {
+        text-transform: capitalize;
+        display: inline-block;
+        width: 50%;
+        color: $white;
+        font-size: 3em;
+      }
+      #post-index-header-right {
+        text-align: right;
+        display: inline-block;
+        width: 50%;
+        a {
+          button {
+            color: $white;
+            border-radius: 3px;
+            margin-left: 10px;
+            width: 55px;
+          }
+          svg {
+            transition: all 0.1s linear;
+            width: 20px;
+            height: 17px;
+            fill: $white;
+          }
+        }
+        .current-filter {
+          color: $highlight;
+          text-decoration-color: $secondary;
+        }
+      }
+    }
+    #posts-list {
+      margin: 20px 0 0 0;
+
+      a.page-link {
+        background: $white;
+        display: inline-block;
+        vertical-align: top;
+        width: 100%;
+        text-decoration: none;
+        margin: 0 0 20px 0;
+        border-radius: 3px;
+        overflow: hidden;
+        color: color.adjust($primary, $lightness: -60%);
+
+        label {
+          font-size: 2em;
+          font-weight: 500;
+          padding: 10px;
+          display: inline-block;
+          vertical-align: top;
+          width: 100%;
+        }
+        div.page-bg,
+        div.page-video {
+          video {
+            width: 100%;
+            position: absolute;
+          }
+          width: 100%;
+          height: 350px;
+          background-color: $highlight;
+          position: relative;
+          label {
+            font-size: 2em;
+            font-weight: 700;
+            color: $white;
+            padding: 5px;
+            vertical-align: top;
+            display: inline-block;
+            word-wrap: break-word;
+            width: 100%;
+            text-align: center;
+            position: relative;
+            top: 35%;
+            text-shadow: 2px 2px 0 rgba($black, 1);
+          }
+          #meta {
+            width: 100%;
+            background: linear-gradient(
+              to bottom,
+              rgba(0, 0, 0, 0) 0%,
+              rgba(0, 0, 0, 0.65) 100%
+            );
+            border-radius: 3px;
+            margin: auto;
+            bottom: 0;
+            position: absolute;
+            padding: 0 0 20px 0;
+            #options {
+              width: 100%;
+              bottom: 0;
+              position: absolute;
+              #option-left {
+                display: inline-block;
+                vertical-align: top;
+                width: 50%;
+                position: relative;
+                background: none;
+                button {
+                  border-radius: 3px;
+                  background: $primary;
+                  margin: 0 0 10px 10px;
+                }
+                svg {
+                  transition: all 0.2s linear;
+                  width: 40px;
+                  height: 20px;
+                  fill: $secondary;
+                }
+                .item-options {
+                  border-radius: 3px;
+                  margin: 5px;
+                  display: inline-block;
+                }
+                button[data-active="false"] {
+                  background: $primary;
+                  svg {
+                    fill: $secondary;
+                  }
+                }
+                button[data-active="true"] {
+                  background: $tertiary;
+                  svg {
+                    fill: $primary;
+                  }
+                }
+              }
+              #option-right {
+                display: inline-block;
+                width: 50%;
+                text-align: right;
+                span {
+                  font-weight: bold;
+                  display: block;
+                  background: $white;
+                  color: $primary;
+                  border-radius: 3px;
+                  font-size: 0.6em;
+                  text-align: center;
+                  position: relative;
+                  padding: 5px;
+                  float: right;
+                  margin: 0 10px 0 0;
+                  bottom: -15px;
+                }
+              }
+            }
+          }
+        }
+        p {
+          padding: 5px 10px 5px 10px;
+          font-size: 1.2em;
+          font-weight: 400;
+        }
+      }
+    }
+    .paginate {
+      width: 260px;
+      display: block;
+      margin: 0 auto;
+      a {
+        display: inline-block;
+        vertical-align: top;
+      }
+      span.count {
+        text-align: center;
+        padding: 5px;
+        margin-top: -2px;
+        display: inline-block;
+        width: 190px;
+        font-size: 1.5em;
+        color: $tertiary;
+      }
+    }
+  }
+}
+#post-edit-index {
+  width: 100%;
+  overflow: hidden;
+
+  #post-edit-index-wrapper {
+    width: 100%;
+    #post-header {
+      // width 100%
+
+      background: $highlight;
+      #post-header-wrapper {
+        max-width: 900px;
+        margin: 0 auto;
+        padding: 0.75rem;
+        label {
+          color: $white;
+          font-size: 0.9em;
+          font-family: $baseType;
+          font-weight: 600;
+        }
+        span {
+          color: $primary;
+          font-size: 0.9em;
+          font-weight: 600;
+          text-transform: uppercase;
+          float: right;
+        }
+        #post-title {
+          #post_title {
+            background: $white;
+            font-family: $baseType;
+            width: 97.6%;
+            height: 80px;
+            font-size: 2em;
+            color: $primary;
+            padding: 5px;
+            margin: 0 0 5px 0;
+          }
+          #calendar-icon {
+            background: color.adjust($primary, $lightness: -15%);
+            border-radius: 3px 0 0 3px;
+            display: inline-block;
+            padding: 5.2px;
+            color: $secondary;
+          }
+          #layouts {
+            select {
+              background: $primary;
+              color: $secondary;
+              border-radius: 3px;
+              border-color: $primary;
+              margin: 0 0 10px 0;
+              width: 100%;
+              height: 45px;
+              padding: 5px;
+              font-size: 1.5em;
+            }
+          }
+        }
+        #post-meta {
+          #post_tags {
+            background: $white;
+            font-family: $baseType;
+            width: 97.6%;
+            height: 80px;
+            color: $primary;
+            padding: 5px;
+            margin: 0 0 5px 0;
+          }
+          #post-options {
+            display: inline-block;
+            vertical-align: top;
+            width: 100%;
+            padding: 0;
+            margin: 0 0 10px 0;
+
+            button:nth-child(1) {
+              border-radius: 3px 0 0 3px;
+            }
+            button:nth-child(4) {
+              border-radius: 0 3px 3px 0;
+            }
+            a {
+              button {
+                border-radius: 0 3px 3px 0 !important;
+              }
+            }
+            button {
+              width: 25%;
+              height: 45px;
+              transition: all 0.3s linear;
+              margin: 0;
+              border-radius: 0;
+              display: inline-block;
+              vertical-align: top;
+              text-align: center;
+            }
+            button[data-active="false"] {
+              background: $primary;
+              svg {
+                fill: $secondary;
+              }
+            }
+            button[data-active="true"] {
+              background: $tertiary;
+              svg {
+                fill: $primary;
+              }
+            }
+          }
+          #page-files-upload,
+          #post-image-upload {
+            display: none;
+          }
+        }
+      }
+    }
+    #post-feature {
+      width: 100%;
+
+      #page-file-manager {
+        background: $tertiary;
+        width: 100%;
+        min-height: 300px;
+        #page-file-wrapper {
+          width: 100%;
+          max-width: 900px;
+          padding: 10px;
+          margin: 0 auto;
+          font-weight: bold;
+          font-color: $primary;
+          font-size: 1em;
+          #page-file-drop {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
+            min-height: 100px;
+            background: $white;
+            color: $primary;
+            vertical-align: middle;
+            border-radius: 5px;
+            margin: 0 0 10px 0;
+
+            label {
+              cursor: pointer;
+              font-weight: 600px;
+              text-transform: capitalize;
+            }
+            img {
+              width: 100%;
+              margin: 0;
+              padding: 0;
+            }
+          }
+          #page-images-list,
+          #page-files-list {
+            padding: 10px 0 0 0;
+            .img-item {
+              height: 150px;
+              width: 23.8%;
+              border-radius: 3px;
+              margin: 0 10px 10px 0;
+              display: inline-block;
+              cursor: pointer;
+            }
+            .audio-item {
+              height: 150px;
+              width: 23.8%;
+              border-radius: 3px;
+              margin: 0 10px 10px 0;
+              display: inline-block;
+              cursor: pointer;
+              background: $primary;
+              background: url("/assets/images/global/upload-audio.png")
+                no-repeat center center / cover;
+            }
+            .video-item {
+              height: 150px;
+              width: 23.8%;
+              border-radius: 3px;
+              margin: 0 10px 10px 0;
+              display: inline-block;
+              cursor: pointer;
+              background: $primary;
+              background: url("/assets/images/global/upload-video.png")
+                no-repeat center center / cover;
+            }
+            .file-item {
+              height: 150px;
+              width: 23.8%;
+              border-radius: 3px;
+              margin: 0 10px 10px 0;
+              display: inline-block;
+              cursor: pointer;
+              background: $primary;
+              background: url("/assets/images/global/upload-doc.png") no-repeat
+                center center / cover;
+            }
+          }
+        }
+      }
+    }
+    #edit-post {
+      width: 100%;
+      max-width: 880px;
+      margin: 0 auto;
+
+      #edit-post-wrapper {
+        width: 100%;
+        max-width: 900px;
+        border-radius: 5px;
+        //background $primary - 10%
+        //margin: 10px 0 50px 0
+        position: relative;
+        //editor sometimes scrolls throwing it all out of wack
+        //turning of scrolling keeps it aligned
+        textarea:focus {
+          outline: none;
+          border-color: $highlight;
+        }
+        #edit,
+        #highlight {
+          border: 0;
+          width: 100%;
+          min-height: 300px;
+          height: auto;
+          position: absolute;
+          top: 0;
+          left: 0;
+          overflow: auto;
+          word-wrap: normal;
+          white-space: pre-wrap;
+          line-break: normal;
+        }
+        #highlight-content {
+          word-wrap: normal;
+          white-space: pre-wrap;
+          line-break: normal;
+        }
+        #edit,
+        #highlight,
+        #hightlight * {
+          font-size: 1.2em;
+          font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+          line-height: 22pt;
+        }
+        #edit {
+          z-index: 1;
+          color: transparent;
+          background: transparent;
+          caret-color: $highlight;
+        }
+        #highlight {
+          z-index: 0;
+
+          pre {
+            margin: 0;
+            code {
+              font-family: $monoType;
+              padding: 5px;
+              border-radius: 5px;
+              line-height: 1.6em;
+              font-size: 1.25em;
+              color: $editorPrimary;
+              word-wrap: normal;
+              white-space: pre-wrap;
+              line-break: normal;
+              -webkit-line-break: normal;
+              -o-line-break: normal;
+              -moz-line-break: normal;
+              display: inline-block;
+              width: 100%;
+              max-width: 900px;
+              min-height: 200px;
+              caret-color: $highlight;
+            }
+            //Responsive
+          }
+        }
+      }
+    }
+  }
+}
+@media only screen and (max-width: 800px) {
+  #post-edit-index {
+    #post-edit-index-wrapper {
+      #post-header {
+        #post-title {
+          #post-date {
+            width: 37.6%;
+          }
+        }
+      }
+    }
+  }
+}
+@media only screen and (max-width: 768px) {
+  #post-edit-index {
+    #post-edit-index-wrapper {
+      #post-header {
+        #post-title {
+          #post-date {
+            width: 43.1%;
+          }
+        }
+        #post-meta {
+          #edit-control {
+            max-width: 100%;
+
+            button {
+              width: 9.91%;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+@media only screen and (max-width: 640px) {
+  #post-edit-index {
+    #post-edit-index-wrapper {
+      #post-header {
+        #post-title {
+          #post-date {
+            width: 42%;
+          }
+        }
+      }
+    }
+  }
+}
+@media only screen and (max-width: 480px) {
+  #post-index {
+    #post-index-wrapper {
+      #post-index-header {
+        #post-index-header-left {
+          font-size: 1.35em;
+          width: 30%;
+        }
+        #post-index-header-right {
+          width: 70%;
+          vertical-align: top;
+        }
+      }
+      #post-index-menu {
+        a {
+          font-size: 0.95em;
+
+          label {
+            display: none;
+            visibility: hidden;
+          }
+        }
+      }
+    }
+  }
+  #post-edit-index {
+    #post-edit-index-wrapper {
+      #post-header {
+        #post-title {
+          #post-options {
+            margin: 5px 0 0 0;
+            width: 100%;
+            padding: 0;
+          }
+          #post-date {
+            width: 89.2%;
+          }
+        }
+        #post-meta {
+          #edit-control {
+            button {
+              width: 9.91%;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+@media only screen and (max-width: 320px) {
+  #post-index {
+    #post-index-wrapper {
+      #post-index-menu {
+        a {
+          font-size: 0.95em;
+
+          label {
+            display: none;
+            visibility: hidden;
+          }
+        }
+      }
+    }
+  }
+  #post-edit-index {
+    #post-edit-index-wrapper {
+      #post-header {
+        #post-title {
+          #post_title {
+            width: 96.4%;
+          }
+          #post-options {
+            margin: 5px 0 0 0;
+            width: 100%;
+            padding: 0;
+          }
+          #post-date {
+            width: 83.1%;
+          }
+        }
+        #post-meta {
+          #post_tags {
+            width: 96.4%;
+          }
+          #edit-control {
+            .content-editor-btn-icon {
+              svg.icons {
+                width: 20px;
+              }
+            }
+            .post-sumbit-btn {
+              svg.icons {
+                width: 20px;
+              }
+            }
+            button {
+              width: 10%;
+            }
+          }
+        }
+      }
+    }
+  }
+} ;
diff --git a/src/styles/main/_settings.sass b/src/styles/main/_settings.sass
deleted file mode 100644
index 98396bb..0000000
--- a/src/styles/main/_settings.sass
+++ /dev/null
@@ -1,282 +0,0 @@
-#settings-actions
-    position: fixed
-    width: 40%
-    margin-top: -85px
-    left: 50%
-    margin-left: -20%
-    #buttons
-        width: 185px
-        margin: 28px auto
-        text-align: center
-        background: $white
-        padding: 2px
-        border-radius: 3px
-        button
-            color: $white
-            border-radius: 3px
-            width: 40px
-            margin: 0 10px 0 10px
-            svg
-                width: 25px
-                height: 20px
-                fill: $white
-        button[data-render='false']
-            background: $secondary
-            svg
-                fill: $primary
-
-        button[data-render='true']
-            background: $highlight
-            svg
-                fill: $white
-
-#settings-index
-    width: 94%
-    max-width: 900px
-    margin: 0 auto
-    overflow: hidden
-    #settings-index-wrapper
-        padding: 0
-
-        button
-            margin-top: 5px
-            width: 100%
-            height: 33px
-
-        #member-settings, #feature-settings, #option-settings, #token-settings, #backup-settings
-            background: $white
-            padding: 0px
-            border-radius: 5px 0 5px 0
-            width: 100%
-            margin: 20px auto
-            
-            label
-                font-family: $baseType
-                color: $primary
-                font-weight: bold
-            span 
-                color: $secondary
-    
-            input
-                width: 95%
-                margin: 0 5px 10px 0
-                height: 30px
-                padding: 10px
-            input#backup-upload
-                visibility: hidden
-                display: none
-            .backup-meta
-                background: $primary
-                color: $white
-                padding: 8px
-                border-radius: 3px
-                margin: 5px 0 0 0
-                text-align: center
-                
-            #member-images
-                padding: 10px 15px 0 15px
-                
-                #member-avatar-drop
-                    display: inline-block
-                    margin: 0 0 10px 0
-    
-                    img
-                        width: 100%
-                        border-radius: 5px
-                        overflow: hidden
-                        cursor: pointer
-                        display: block
-                        margin-bottom: 2px
-    
-                    input
-                        visibility: hidden
-                        display: none
-                    #privacy-toggle
-                        width: 50%
-                    #render-toggle
-                        width: 50%
-            
-                #site-background
-                    margin: 0 0 10px 0
-                
-                    img
-                        width: 92.1%
-                        height: 292px
-                        border-radius: 3px
-                        overflow: hidden
-                        cursor: pointer
-                
-                    input
-                        visibility: hidden
-                        display: none
-            #member-meta
-                padding: 10px 15px 0 15px
-                position: relative
-                top: -30px
-
-            
-            #features
-                padding: 10px 15px 0 15px
-            
-
-        textarea
-            background: $primary
-            width: 70%
-            height: 89.5px
-            color: $tertiary
-            padding: 10px
-            display: inline-block
-            margin-bottom: 10px
-        span#key
-            color: $white
-            background: $primary
-            font-size: 0.9em
-            border-radius: 3px
-            padding: 5px
-            display: block
-            width: 95%
-            overflow: hidden
-        
-        #feature-settings
-            #feature-api, #dynamic-api
-                background: $white
-                border-radius: 3px
-                padding: 5px
-                
-    
-                button
-                    color: $white
-                    border-radius: 3px
-                    width: 200px
-                    margin: 0
-                    height: 200px
-                    font-size: 1em
-                    svg
-                        width: 100px
-                        height: 90px
-                        fill: $white
-                        position: relative 
-                        display: block  
-                        margin: 12px auto
-                    span 
-                        color: $white
-                        margin: 6px 0 0 5px
-                        position: relative
-                        vertical-align: middle
-                        display: inline-block
-                        font-weight: bold
-                        
-                button[data-enabled='false']
-                    background: $secondary
-                    svg
-                        fill: $primary
-                    span
-                        color: $primary
-                button[data-enabled='true']
-                   background: $highlight
-                   svg
-                       fill: $white
-        #token-settings
-            #keys-tokens
-                padding: 10px 15px 0 15px
-                #member-api-key, #form-token
-                    background: $primary
-                    border-radius: 3px
-                    padding: 5px
-                    color: $white
-
-        #option-settings
-            #theme-settings
-                a
-                    width: 95%
-                    margin: 0 5px 5px 0
-                    height: 15px
-                    padding: 10px
-                    display: inline-block
-
-                a[data-enabled='false']
-                    background: $white
-                    color: $primary
-                    border-radius: 3px
-                    font-weight: bold
-                    border-top: 1px $highlight solid
-                    border-bottom: 1px $highlight solid
-
-                a[data-enabled='true']
-                    background: $highlight
-                    color: $primary
-                    border-radius: 3px
-                    font-weight: bold
-                    border-top: 1px $primary solid
-                    border-bottom: 1px $primary solid
-                    svg
-                        fill: $primary
-                        display: inline-block
-                        float: right
-
-            #mail-settings
-                min-height: 240px
-
-                a.mail-option
-                    float: right
-                    font-family: $monoType
-                    font-size: 0.9em
-                    border-radius: 3px
-                    text-decoration: none
-                    margin: 0 0 0 5px
-                    // padding: 1px
-
-                a.mail-option[data-enabled='true']
-                    color: $highlight
-
-                a.mail-option[data-enabled='false']
-                    color: $primary
-
-                input
-                    // width 94%
-                    margin: 0 5px 5px 0
-                    vertical-align: top
-
-                div[data-enabled='false']
-                    display: none
-                    visibility: hidden
-                #settings-api
-                    background: $primary
-                    border-radius: 3px
-                    padding: 10px
-                    span 
-                        color: $white !important
-                        margin: -13px 0 0 5px
-                        position: relative
-                        vertical-align: middle
-                        display: inline-block
-                        font-weight: bold
-        
-                    button
-                        color: $white
-                        border-radius: 3px
-                        width: 40px
-                        margin: 0
-                        svg
-                            width: 25px
-                            height: 20px
-                            fill: $white
-                    button[data-enabled='false']
-                        background: $secondary
-                        svg
-                            fill: $primary
-                    button[data-enabled='true']
-                       background: $highlight
-                       svg
-                           fill: $white
-                    
-// responsive                    
-@media only screen and (max-width: 480px)
-    #settings-actions
-        margin-left: -42%
-        #buttons
-            width: 150px
-            background: none
-            button
-                margin: 0 5px 0 5px
-  
\ No newline at end of file
diff --git a/src/styles/main/_settings.scss b/src/styles/main/_settings.scss
new file mode 100644
index 0000000..bb82328
--- /dev/null
+++ b/src/styles/main/_settings.scss
@@ -0,0 +1,328 @@
+#settings-actions {
+  position: fixed;
+  width: 40%;
+  margin-top: -85px;
+  left: 50%;
+  margin-left: -20%;
+  #buttons {
+    width: 185px;
+    margin: 28px auto;
+    text-align: center;
+    background: $white;
+    padding: 2px;
+    border-radius: 3px;
+    button {
+      color: $white;
+      border-radius: 3px;
+      width: 40px;
+      margin: 0 10px 0 10px;
+      svg {
+        width: 25px;
+        height: 20px;
+        fill: $white;
+      }
+    }
+    button[data-render="false"] {
+      background: $secondary;
+      svg {
+        fill: $primary;
+      }
+    }
+    button[data-render="true"] {
+      background: $highlight;
+      svg {
+        fill: $white;
+      }
+    }
+  }
+}
+#settings-index {
+  width: 94%;
+  max-width: 900px;
+  margin: 0 auto;
+  overflow: hidden;
+  #settings-index-wrapper {
+    padding: 0;
+
+    button {
+      margin-top: 5px;
+      width: 100%;
+      height: 33px;
+    }
+    #member-settings,
+    #feature-settings,
+    #option-settings,
+    #token-settings,
+    #backup-settings {
+      background: $white;
+      padding: 0px;
+      border-radius: 5px 0 5px 0;
+      width: 100%;
+      margin: 20px auto;
+
+      label {
+        font-family: $baseType;
+        color: $primary;
+        font-weight: bold;
+      }
+      span {
+        color: $secondary;
+      }
+      input {
+        width: 95%;
+        margin: 0 5px 10px 0;
+        height: 30px;
+        padding: 10px;
+      }
+      input#backup-upload {
+        visibility: hidden;
+        display: none;
+      }
+      .backup-meta {
+        background: $primary;
+        color: $white;
+        padding: 8px;
+        border-radius: 3px;
+        margin: 5px 0 0 0;
+        text-align: center;
+      }
+      #member-images {
+        padding: 10px 15px 0 15px;
+
+        #member-avatar-drop {
+          display: inline-block;
+          margin: 0 0 10px 0;
+
+          img {
+            width: 100%;
+            border-radius: 5px;
+            overflow: hidden;
+            cursor: pointer;
+            display: block;
+            margin-bottom: 2px;
+          }
+          input {
+            visibility: hidden;
+            display: none;
+          }
+          #privacy-toggle {
+            width: 50%;
+          }
+          #render-toggle {
+            width: 50%;
+          }
+        }
+        #site-background {
+          margin: 0 0 10px 0;
+
+          img {
+            width: 92.1%;
+            height: 292px;
+            border-radius: 3px;
+            overflow: hidden;
+            cursor: pointer;
+          }
+          input {
+            visibility: hidden;
+            display: none;
+          }
+        }
+      }
+      #member-meta {
+        padding: 10px 15px 0 15px;
+        position: relative;
+        top: -30px;
+      }
+      #features {
+        padding: 10px 15px 0 15px;
+      }
+    }
+    textarea {
+      background: $primary;
+      width: 70%;
+      height: 89.5px;
+      color: $tertiary;
+      padding: 10px;
+      display: inline-block;
+      margin-bottom: 10px;
+    }
+    span#key {
+      color: $white;
+      background: $primary;
+      font-size: 0.9em;
+      border-radius: 3px;
+      padding: 5px;
+      display: block;
+      width: 95%;
+      overflow: hidden;
+    }
+    #feature-settings {
+      #feature-api,
+      #dynamic-api {
+        background: $white;
+        border-radius: 3px;
+        padding: 5px;
+
+        button {
+          color: $white;
+          border-radius: 3px;
+          width: 200px;
+          margin: 0;
+          height: 200px;
+          font-size: 1em;
+          svg {
+            width: 100px;
+            height: 90px;
+            fill: $white;
+            position: relative;
+            display: block;
+            margin: 12px auto;
+          }
+          span {
+            color: $white;
+            margin: 6px 0 0 5px;
+            position: relative;
+            vertical-align: middle;
+            display: inline-block;
+            font-weight: bold;
+          }
+        }
+        button[data-enabled="false"] {
+          background: $secondary;
+          svg {
+            fill: $primary;
+          }
+          span {
+            color: $primary;
+          }
+        }
+        button[data-enabled="true"] {
+          background: $highlight;
+          svg {
+            fill: $white;
+          }
+        }
+      }
+    }
+    #token-settings {
+      #keys-tokens {
+        padding: 10px 15px 0 15px;
+        #member-api-key,
+        #form-token {
+          background: $primary;
+          border-radius: 3px;
+          padding: 5px;
+          color: $white;
+        }
+      }
+    }
+    #option-settings {
+      #theme-settings {
+        a {
+          width: 95%;
+          margin: 0 5px 5px 0;
+          height: 15px;
+          padding: 10px;
+          display: inline-block;
+        }
+        a[data-enabled="false"] {
+          background: $white;
+          color: $primary;
+          border-radius: 3px;
+          font-weight: bold;
+          border-top: 1px $highlight solid;
+          border-bottom: 1px $highlight solid;
+        }
+        a[data-enabled="true"] {
+          background: $highlight;
+          color: $primary;
+          border-radius: 3px;
+          font-weight: bold;
+          border-top: 1px $primary solid;
+          border-bottom: 1px $primary solid;
+          svg {
+            fill: $primary;
+            display: inline-block;
+            float: right;
+          }
+        }
+      }
+      #mail-settings {
+        min-height: 240px;
+
+        a.mail-option {
+          float: right;
+          font-family: $monoType;
+          font-size: 0.9em;
+          border-radius: 3px;
+          text-decoration: none;
+          margin: 0 0 0 5px;
+        }
+        a.mail-option[data-enabled="true"] {
+          color: $highlight;
+        }
+        a.mail-option[data-enabled="false"] {
+          color: $primary;
+        }
+        input {
+          // width 94%
+          margin: 0 5px 5px 0;
+          vertical-align: top;
+        }
+        div[data-enabled="false"] {
+          display: none;
+          visibility: hidden;
+        }
+        #settings-api {
+          background: $primary;
+          border-radius: 3px;
+          padding: 10px;
+          span {
+            color: $white !important;
+            margin: -13px 0 0 5px;
+            position: relative;
+            vertical-align: middle;
+            display: inline-block;
+            font-weight: bold;
+          }
+          button {
+            color: $white;
+            border-radius: 3px;
+            width: 40px;
+            margin: 0;
+            svg {
+              width: 25px;
+              height: 20px;
+              fill: $white;
+            }
+          }
+          button[data-enabled="false"] {
+            background: $secondary;
+            svg {
+              fill: $primary;
+            }
+          }
+          button[data-enabled="true"] {
+            background: $highlight;
+            svg {
+              fill: $white;
+            }
+            // responsive
+          }
+        }
+      }
+    }
+  }
+}
+@media only screen and (max-width: 480px) {
+  #settings-actions {
+    margin-left: -42%;
+    #buttons {
+      width: 150px;
+      background: none;
+      button {
+        margin: 0 5px 0 5px;
+      }
+    }
+  }
+} ;
diff --git a/src/styles/main/_structure.sass b/src/styles/main/_structure.sass
deleted file mode 100644
index 405bda8..0000000
--- a/src/styles/main/_structure.sass
+++ /dev/null
@@ -1,188 +0,0 @@
-html, body
-  background: $primary linear-gradient(0deg, rgba($primary,1) 0%, rgba(color.adjust($primary, $lightness: 10%),1) 100%) no-repeat
-  font: 400 1em $baseType
-  height: 100%
-
-a
-  font: 300 1em $baseType
-  color: $secondary
-  text-decoration: underline
-  transition: all 0.2s linear
-
-svg.icons
-  width: 25px
-  fill: $secondary
-
-#notifications
-  perspective: 1000px
-  position: fixed
-  z-index: 2000
-  height: 55px
-  width: 100%
-  display: block
-  align-items: center
-  justify-content: center
-  padding: 0
-  margin-top: -55px
-  #notifyMessage
-    margin: 0 auto
-    //ks-easing( "out-back" );
-    transition: all 0.6s cubic-bezier(.83,.05,.28,1.0)
-    //padding-top -125px
-    height: 50px
-    width: 500px
-    display: flex
-    align-items: center
-    justify-content: center
-    opacity: 1
-    transform-style: preserve-3d
-    transform: rotateX(120deg)
-    transform-origin: 50% 0
-    overflow: hidden
-    #notify-good, #notify-lame, #notify-working
-      display: block
-    #notify-working-icon
-      -webkit-animation: spin 2s linear infinite
-      -moz-animation: spin 2s linear infinite
-      animation: spin 2s linear infinite
-      @keyframes  spin
-        transform: rotate(360deg)
-
-    .notify-icon
-      background: $black
-      padding: 8px 5px 5px 5px
-      border-radius: 5px 0 0 5px
-      height: 30px
-      width: 30px
-      text-align: center
-      border: 2px solid $white
-    #notify-text
-      color: $white
-      background: $black
-      width: 400px
-      height: 28px
-      padding: 15px 0 0 0
-      border-radius: 0 5px 5px 0
-      border: 2px solid $white
-      text-align: center
-      overflow: hidden
-      position: relative
-      #notify-progress
-        width: 0
-        background: $highlight
-        height: 43px
-        position: absolute
-        top: 0px
-      p
-        top: -15px
-        display: block
-        position: relative
-
-    .icons
-      fill: $white
-
-.notify-close
-  transform-style: preserve-3d
-  transform: rotateX(-120deg)
-
-.notify-open
-  transform-style: preserve-3d
-  transform: rotateX(0deg)
-.blog-container
-  width: 100%
-
-.main-container
-  margin: 0 auto
-  z-index: 10
-  position: relative
-  height: 100%
-
-  section
-    header
-      width: 100%
-      max-width: 900px
-      margin: 10px auto
-      background: $white
-      height: 50px
-      border-radius: 5px
-
-      #wrapper
-        padding: 5px
-
-        #left, #right
-          width: 49.7%
-          display: inline-block
-          vertical-align: top
-          min-height: 60px
-
-          #the-logo
-            width: 29px
-
-        #right
-          text-align: right
-          color: $white
-
-            // word-break: break-all;
-          #dash-menu
-            text-align: right
-            a
-              button
-                border-radius: 50px
-                svg
-                  transition: all 0.2s linear
-                  width: 40px
-                  height: 20px
-                  fill: $white
-              &:hover
-                button
-                  background: $primary
-                svg
-                  fill: $secondary
-
-/* Mozilla based browsers */
-::-moz-selection
-  background-color: $highlight
-  color: $white
-
-/* Works in Safari */
-::selection
-  background-color: $highlight
-  color: $white
-
-/* Works in Opera */
-::-o-selection
-  background-color: $highlight
-  color: $white
-
-::-ms-selection
-  background-color: $highlight
-  color: $white
-
-/* Works in Internet Explorer */
-::-webkit-selection
-  background-color: $highlight
-  color: $white
-
-//Responsive
-@media only screen and (max-width: 901px)
-  .main-container
-    padding: 10px
-
-@media only screen and (max-width: 800px)
-  .main-container
-    section
-      header
-        #wrapper
-          #left, #right
-            display: inline-block
-
-@media only screen and (max-width: 480px)
-  .main-container
-    section
-      header
-        #wrapper
-          #left
-            width: 30%
-
-          #right
-            width: 70%
diff --git a/src/styles/main/_structure.scss b/src/styles/main/_structure.scss
new file mode 100644
index 0000000..240e024
--- /dev/null
+++ b/src/styles/main/_structure.scss
@@ -0,0 +1,251 @@
+html,
+body {
+    background: $primary
+        linear-gradient(
+            0deg,
+            rgba($primary, 1) 0%,
+            rgba(color.adjust($primary, $lightness: 10%), 1) 100%
+        )
+        no-repeat;
+    font: 400 1em $baseType;
+    height: 100%;
+}
+
+a {
+    font: 300 1em $baseType;
+    color: $secondary;
+    text-decoration: underline;
+    transition: all 0.2s linear;
+}
+
+svg.icons {
+    width: 25px;
+    fill: $secondary;
+}
+
+#notifications {
+    perspective: 1000px;
+    position: fixed;
+    z-index: 2000;
+    height: 55px;
+    width: 100%;
+    display: block;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    margin-top: -55px;
+
+    #notify-message {
+        margin: 0 auto;
+
+        // ks-easing( "out-back" );
+        transition: all 0.6s cubic-bezier(0.83, 0.05, 0.28, 1);
+
+        // padding-top -125px
+        height: 50px;
+        width: 500px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        opacity: 1;
+        transform-style: preserve-3d;
+        transform: rotateX(120deg);
+        transform-origin: 50% 0;
+        overflow: hidden;
+
+        #notify-good,
+        #notify-lame,
+        #notify-working {
+            display: block;
+        }
+
+        #notify-working-icon {
+            animation: spin 2s linear infinite;
+            @keyframes spin {
+                transform: rotate(360deg);
+            }
+        }
+
+        .notify-icon {
+            background: $black;
+            padding: 8px 5px 5px;
+            border-radius: 5px 0 0 5px;
+            height: 30px;
+            width: 30px;
+            text-align: center;
+            border: 2px solid $white;
+        }
+
+        #notify-text {
+            color: $white;
+            background: $black;
+            width: 400px;
+            height: 28px;
+            padding: 15px 0 0;
+            border-radius: 0 5px 5px 0;
+            border: 2px solid $white;
+            text-align: center;
+            overflow: hidden;
+            position: relative;
+
+            #notify-progress {
+                width: 0;
+                background: $highlight;
+                height: 43px;
+                position: absolute;
+                top: 0;
+            }
+
+            p {
+                top: -15px;
+                display: block;
+                position: relative;
+            }
+        }
+
+        .icons {
+            fill: $white;
+        }
+    }
+}
+
+.notify-close {
+    transform-style: preserve-3d;
+    transform: rotateX(-120deg);
+}
+
+.notify-open {
+    transform-style: preserve-3d;
+    transform: rotateX(0deg);
+}
+
+.blog-container {
+    width: 100%;
+}
+
+.main-container {
+    margin: 0 auto;
+    z-index: 10;
+    position: relative;
+    height: 100%;
+
+    section {
+        header {
+            width: 100%;
+            max-width: 900px;
+            margin: 10px auto;
+            background: $white;
+            height: 50px;
+            border-radius: 5px;
+
+            #wrapper {
+                padding: 5px;
+
+                #left,
+                #right {
+                    width: 49.7%;
+                    display: inline-block;
+                    vertical-align: top;
+                    min-height: 60px;
+
+                    #the-logo {
+                        width: 29px;
+                    }
+                }
+
+                #right {
+                    text-align: right;
+                    color: $white;
+
+                    // word-break: break-all;
+                    #dash-menu {
+                        text-align: right;
+
+                        a {
+                            button {
+                                border-radius: 50px;
+
+                                svg {
+                                    transition: all 0.2s linear;
+                                    width: 40px;
+                                    height: 20px;
+                                    fill: $white;
+                                }
+                            }
+
+                            &:hover {
+                                button {
+                                    background: $primary;
+                                }
+
+                                svg {
+                                    fill: $secondary;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+} /* Mozilla based browsers */
+::selection {
+    background-color: $highlight;
+    color: $white;
+}
+
+/* Works in Opera */
+::-o-selection {
+    background-color: $highlight;
+    color: $white;
+}
+
+::-ms-selection {
+    background-color: $highlight;
+    color: $white;
+}
+
+/* Works in Internet Explorer */
+::-webkit-selection {
+    background-color: $highlight;
+    color: $white;
+}
+
+// Responsive
+@media only screen and (max-width: 901px) {
+    .main-container {
+        padding: 10px;
+    }
+}
+
+@media only screen and (max-width: 800px) {
+    .main-container {
+        section {
+            header {
+                #wrapper {
+                    #left,
+                    #right {
+                        display: inline-block;
+                    }
+                }
+            }
+        }
+    }
+}
+@media only screen and (max-width: 480px) {
+    .main-container {
+        section {
+            header {
+                #wrapper {
+                    #left {
+                        width: 30%;
+                    }
+
+                    #right {
+                        width: 70%;
+                    }
+                }
+            }
+        }
+    }
+} ;
diff --git a/src/styles/main/_typography.sass b/src/styles/main/_typography.sass
deleted file mode 100644
index 00a834a..0000000
--- a/src/styles/main/_typography.sass
+++ /dev/null
@@ -1,18 +0,0 @@
-$baseType: Helvetica, Arial, sans-serif
-$monoType: "Lucida Console", Monaco, monospace
-
-h1, h2, h3
-    color: $white
-
-h1 
-    font-size: 2em
-    font-weight: 400
-
-h2
-    font-size: 1.75em
-    font-weight: 400
-
-h3 
-    font-size: 1.5em
-    font-weight: 300
-
diff --git a/src/styles/main/_typography.scss b/src/styles/main/_typography.scss
new file mode 100644
index 0000000..6300a98
--- /dev/null
+++ b/src/styles/main/_typography.scss
@@ -0,0 +1,20 @@
+$baseType: Helvetica, Arial, sans-serif;
+$monoType: "Lucida Console", Monaco, monospace;
+
+h1,
+h2,
+h3 {
+  color: $white;
+}
+h1 {
+  font-size: 2em;
+  font-weight: 400;
+}
+h2 {
+  font-size: 1.75em;
+  font-weight: 400;
+}
+h3 {
+  font-size: 1.5em;
+  font-weight: 300;
+}